@charset "utf-8";
/* CSS Document */

/* reset */
*[hidefocus]{outline:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, img {padding:0px; margin:0px; }
/* 默认链接颜色 */
a{outline-style:none;color:#2D64B3;text-decoration:none}
a:hover{color:#e56700;text-decoration:underline;}
/* 通用样式定义 */
body {font-family:"微软雅黑",Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; text-align:justify; text-justify:inter-ideograph; font-size:14px; color:#333; background:#fff;}
body > div{margin-right:auto;margin-left:auto;} 
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;}
ul,li{list-style-type:none;}
table,td,input{font-size:12px;padding:0}
#nfg_ko{width:100%; height:10px;float:left;background:#f8f8f8;}
#nfg_10{width:100%; height:10px;float:left;}
#nfg_ko{width:100%; height:10px;_height:5px; float:left;}
body{ background:#f8f8f8;}


.header{ width:100%; height:50px; border-bottom:1px solid #e3e3e3\0; box-shadow:0px 1px 2px rgba(0, 0, 0, .1); box-sizing:border-box; background:#fff;}
.header_nav{ width:1160px; height:36px; padding:7px 0; margin:0 auto; background: #FFFFFF;}
.header_l{ width:auto; height:36px; float:left;}
.header_l img{ height: 30px; padding:3px 0;}
.header_f{ width:auto; height:36px; padding:2px 0; box-sizing:border-box; float:left; margin-left:45px;}
.header_f .inp_t{ width:440px; height:30px; line-height:30px; font-size:14px; font-family:"微软雅黑"; border:1px solid #f58400; -webkit-box-shadow: 0 0 0 1000px white inset; outline:none; text-indent:.5em; float:left;}
.header_f .inp_b{ display:block; width:100px; height:32px; border:1px solid #f58400; box-sizing:border-box; font-size:14px; font-family:"微软雅黑"; color:#fff; background:#f58400; outline:none; cursor:pointer; float:left;}
.header_f form{ height:100%; width:100%;}
.header_f ul{ width:440px; height:auto; background:#fff; border-right:1px solid #f58400; border-left:1px solid #f58400;}
.header_f .ng-scope{ display:block; width:100%; padding-left:8px; box-sizing:border-box; color:#454545; text-decoration:none; height:28px; line-height:28px;}
.header_f .ng-scope:last-child{ border-bottom:1px solid #f58400;}
.header_f .ng-scope:hover{ color:#e56700; background:#f6f6f6;}


.header_r{ width:auto; height:36px; float:right;}
.h_id{ width:auto; height:36px; float:right; position:relative;}
.h_id .h_name{ width:auto; max-width:86px; padding-right:16px; box-sizing:border-box; background:url(../images/trans.png) no-repeat; background-position:right; text-align:center; line-height:36px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.h_id ul{ display:none; position:absolute; top:36px; left:0; width:84px; border:1px solid #e6e6e6; box-shadow:1px 1px 2px rgba(0, 0, 0, .1); height:auto; background:#fff; z-index:100000000;}
.h_id:hover ul{ display:block;}
.h_id ul li{ width:100%; height:30px; line-height:30px; border-bottom:1px dotted #e6e6e6; font-size:12px; color:#333;}
.h_id ul li:last-child{ border-bottom:none;}
.h_id ul li a{ display:block; width:100%; text-align:center; color:#333; text-decoration:none;}
.h_id ul li a:hover{ color:#e56700; background:#f6f6f6;}

.h_tr{ position:absolute; top:-8px; left:34px; width:0; height:0; border-style:solid; border-width:0 8px 8px 8px; border-color:transparent transparent #e0e0e0 transparent;}
.h_tr::before{ position:absolute; content:''; top:1px; left:-7px; width:0; height:0; border-style:solid; border-width:0 7.5px 7.5px 7.5px; border-color:transparent transparent #ffffff transparent;}

.h_my{ width:auto; height:36px; margin-left:10px; float:right;}
.h_my a{ line-height:36px; font-size:13px; color:#454545; padding-left:6px; padding-right:2px; text-decoration:none;}
.h_my a:hover{ color:#e56700;}


/*头部导航部分开始*/
.nav_bar{ width:100%; margin:0 auto; float:left; margin-bottom:15px;}
.nav_bar .mu{ width:1200px; background:#21852f; margin:auto;}
#menu { height:33px;background:#21852f; width:960px;display:block; float:left;}
#menu dl{overflow:hidden; margin:0 auto; float:left; font-family: "微软雅黑"; }
#menu dl dt{width:91px; height:33px;float:left; display:block; line-height:33px; text-align:center;}
#menu dl dt:hover{width:91px; height:33px;float:left; background:#259234;display:block; line-height:33px; text-align:center;}
#menu dl .active{width:91px; height:33px;float:left; background:#259234;display:block; line-height:33px; text-align:center;}
#menu a{color:#fff; font-size:13px; font-family: "微软雅黑";}
#menu a:hover{color:#fff; font-size:13px; text-decoration: none;}

#menu_f { height:55px; width:952px; padding:5px 3px; display:block; background:#fdfdfd; border:1px solid #e7e7e7; border-top:none; float:left;}
#menu_f dl{overflow:hidden; margin:0 auto; float:left; font-family: "微软雅黑"; }
#menu_f dl dt{width:18px; padding:0 8px; height:54px; float:left; display:block; line-height:17px; text-align:center;}
#menu_f dl dt:hover{width:18px; height:54px;float:left; display:block; line-height:16px; text-decoration:underline; text-align:center;}
#menu_f dl .active{width:18px; height:54px;float:left; color:#000; font-weight:700; display:block; line-height:16px; text-decoration:underline; text-align:center;}
#menu_f a{color:#21852f; font-size:12px; font-family: "微软雅黑";}
#menu_f a:hover{color:#000; font-size:12px; }


/*内容部分开始*/
.cont { width:1160px; margin:0px auto;}
.add_bj1{ width:100%; margin-top:15px;}
.add_bj1 img{ width:100%; height:auto;}
.cont1{ position:relative; width:100%; min-height:550px; background:#fff; font-family:"宋体"; box-shadow:0px 0px 1px rgba(0, 0, 0, .1); margin:20px 0; padding:10px 40px 60px; box-sizing:border-box; float:left;}
.c_tit{ width:100%; margin-top:20px;}
.tit_nav{ width:100%; height:30px; margin-bottom:10px;}
.tit_nav .tit_xg{ display:inline-block; margin-left:16px; margin-top:4px; float:left; height:18px; width:18px; background:url(../images/tit_xg1.png) no-repeat;}
.tit_nav .tit_xg:hover{ background:url(../images/tit_xg2.png) no-repeat;}
.c_tit h5{ padding: 0 10px;}
.c_tit h2{ display:inline-block; font-size:26px; font-family:"宋体"; float:left; width:auto; line-height:28px; padding-left:10px;}
.content{ width:100%; margin-top:25px; word-break:break-all; text-align:left; line-height:24px; margin-bottom:130px;}
.content .c_tt{ width:100%; height:30px; border-bottom:2px solid #ddd; margin-bottom:20px;}
.content .c_tt h3{ display:inline-block; border-bottom:2px solid #fff; width:auto; height:30px; line-height:30px; font-size:14px;}
.content .c_tt h3 p{ display:inline-block; border-bottom:2px solid #ddd; width:auto; height:30px; line-height:30px; font-weight:normal; padding:0 10px; margin-right:5px; cursor:pointer;}
.content .c_tt h3.on p{ border-bottom:2px solid #f26e03; font-weight:700;}
.content .c_nav{ width:100%; height:auto;}
.content .c_nav .c_list{ display:none; width:100%;}
.content .c_nav .c_list p{ font-size:13px; line-height:20px; padding-bottom:8px;}
.content .c_nav .c_list p span{ font-size:13px; line-height:20px; padding-right:6px; color:#333;}
.content h1{ font-size:14px; font-family:"微软雅黑"; line-height:28px; padding-bottom:3px; border-bottom:1px solid #e7e7e7; margin-bottom:12px;}
.content h1 .title{ padding:0 7px;}
.content .tab-content ol{ padding-left:35px;}
.content .tab-content li{ line-height:20px; margin-bottom:10px; font-size:13px; color:#333;}
.add-bj{ width:100%; float: left;}
.add-bj a img{ width:100%; height:auto;}
.cd_b{ position:absolute; bottom:10px; right:30px; display:inline-block; font-size:12px; text-align:right; font-family:"微软雅黑"; line-height:28px; color:#888;}

/*搜索*/
.search{border:1px solid #f58400; height:30px; margin:35px 0 0 150px; width:480px; float:left;}
.search select{display:none; font-size:12px; vertical-align:middle;}
.search .select_box{font-size:12px; color:#999999; width:65px; line-height:30px; float:left; position:relative;}
.search .select_showbox{height:30px; background:url(../images/search_ico.png) no-repeat 50px center; text-indent:0.7em;}
.search .select_showbox.active{background:url(../images/search_ico_hover.png) no-repeat 50px center;}
.search .select_option{border:1px solid #f58400; border-top:none; display:none; left:-1px; top:30px; position:absolute; z-index:99; background:#fff;}
.search .select_option li{text-indent:0.8em; width:60px; cursor:pointer;}
.search .select_option li.selected{background-color:#F3F3F3; color:#999;}
.search .select_option li.hover{background:#BEBEBE; color:#fff;}
.search input.inp_srh,.search input.btn_srh{border:none; background:none; height:30px; line-height:30px; float:left}
.search input.inp_srh{outline:none; width:355px; text-indent:0.3em;}
.search input.btn_srh{background:#f58400; color:#FFF; font-family:"微软雅黑"; outline:none; font-size:13px; width:60px; cursor:pointer;}

.footer_nav{ width:100%; float:left;}

.empty{ font-size:14px; font-weight:700; line-height:32px; padding:0 8px; border-bottom:1px solid #e6e6e6; margin-bottom:20px; text-indent:0;}
.emp_x{ text-indent:0; padding:0 8px; font-size:12px;}

/*词典编辑*/
.list_t{ width:100%; height:auto; font-family:"微软雅黑"; float:left; margin:55px 0 50px;}
.cdbj_l{ line-height:32px; width:16%; text-align:right; font-size:16px; font-weight:500; box-sizing:border-box; padding-right:15px; float:left;}
.cdbj_r{ height:32px; width:84%; float:left;}
.cdbj_r .cd_inp{ height:32px; line-height:32px; width: 100%; max-width:360px; border:1px solid #d6d6d6; box-sizing:border-box; border-radius:1px; text-indent:0.5em; font-size:14px; outline:none;}
.cdbj_r .cd_inp:focus{ border:1px solid #f26e03;}
.cdbj_r p{ display:inline-block; padding-left:14px; font-size:12px;}

.list_nav{ padding-left:78px; width:100%; height:auto; box-sizing:border-box; float:left; margin-bottom:60px;}
.list_nav2{ padding-left:78px; width:100%; height:auto; box-sizing:border-box; float:left; margin-bottom:35px;}
.list_tit{ height:30px; width: 100%; max-width:700px; border-bottom:1px solid #f3f3f3; margin-bottom:25px; padding-bottom:3px;}
.list_tit h3{ line-height:30px; font-size:14px; padding:0 6px 0 2px; color:#555; float:left;}
.list_tit .list_add{ width:76px; height:30px; padding-left:22px; background:url(../images/cdadd.png) no-repeat; background-position:4px 8px; line-height:30px; font-size:12px; color:#2D64B3; cursor:pointer; float:right;}
.list_tit .list_add:hover{ color:#e56700; background:url(../images/cdadd2.png) no-repeat; background-position:4px 8px;}
.list_tit .list_add2{ width:76px; height:30px; padding-left:22px; background:url(../images/cdadd.png) no-repeat; background-position:4px 8px; line-height:30px; font-size:12px; color:#2D64B3; cursor:pointer; float:right;}
.list_tit .list_add2:hover{ color:#e56700; background:url(../images/cdadd2.png) no-repeat; background-position:4px 8px;}

.list_c{ position: relative; width: 100%; max-width:700px; height:auto; float:left; margin:10px 0px; font-family:"微软雅黑";}
.list_c .cd_xh{ width:5%; height:26px; line-height:26px; color:#666; font-weight:700; text-align:right; padding-right:10px; box-sizing:border-box; float:left;}
.list_c .cd_wz{ width:86%; height:auto; padding:6px 8px 2px 12px; float:left; box-sizing:border-box; border-radius:1px; border:1px solid #d6d6d6;}
.list_c .cd_wz .cd_txt{ width:100%; height:60px; line-height:20px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; color:#a6a6a6; font-size:14px; font-family:"微软雅黑"; word-break:break-all; resize:none; border:none; outline:none;}
.list_c .cd_wz .cd_txt:focus{ height:220px; color:#333;}
.list_c .cd_delet{ cursor:pointer; width:6%; text-align:center; height:22px; line-height:22px; color:#a6a6a6; font-size:12px; float:left;}
.list_c:hover .cd_delet{ color:#333;}

.list_nav3{ padding-left:112px; width:100%; height:auto; box-sizing:border-box; float:left; margin-bottom:100px;}
.cd_tj{ width:100px; line-height:30px; font-size:15px; font-family:"微软雅黑"; color:#fff; background:#f77710; border-radius:1px; border:none; outline:none; cursor:pointer;}
.cd_tj:hover{ background:#e56700;}

.cd_vc{ width:100px; height:32px; line-height:32px; padding:0 6px; border-radius:1px; border:1px solid #d6d6d6; box-sizing:border-box; outline:none; float:left;}
.cd_vc:focus{ border:1px solid #e56700;}
.cd_vcimg{ height:32px; width:105px; margin-left:10px; float:left;}
.cd_vcimg img{ height:100%; width:auto; outline:none; border:none; cursor:pointer;}

.cd_xyk{ width:14px; height:14px; line-height:22px; float:left; border:1px solid #dedede; cursor:pointer;}
.cd_xy{ display:inline-block; line-height:14px; margin-left:4px; color:#565656; float:left; font-size:12px;}





/*词典翻译*/
.sour_nav{ width:100%; height:auto; float:left;}
.sour_box{ width:100%; height:auto; padding-top:30px; padding-bottom:30px; position:relative;}
.s_word{ width:100%; height:32px; line-height:30px;}
.s_word p{ display:block; background-color:#fff; border:1px solid #e3e3e3; cursor:pointer; border-radius:3px; text-align:center; float:left;}
.word_sel{ width:166px; height:29px; margin-left:2px; float:left; font-size:13px; font-family:"微软雅黑"; border:none; outline:none; padding:0 30px;}
.s_word .s_sour{ width:170px;}
.s_word .s_ex{ width:60px; height:32px; border:none; background:url(../images/word_c.png) 18px 4px no-repeat; cursor:auto;}
.s_word .s_with{ width:170px;}


.c_word{ width:100%; height:480px; padding-top:15px;}
.c_sour{ width:50%; height:160px; float:left; padding:8px 10px; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
.c_sour textarea{ width:100%; height:100%; font-size:22px; font-family:Arial; resize: none; outline:none; border: none;}
.c_with{ width:50%; height:160px; float:left; padding:4px 10px; border:1px solid #eee; background:#f1f1f1; box-sizing:border-box; font-size:24px;}
.c_with #c{ height: 100%; overflow-y: scroll;}
.sour_box .cd_b{ right:10px;}

#yuyin{ display: none; position: absolute; top: 210px; font-size: 10px; cursor:pointer; width: 22px; height: 19px; background:url(../images/sound.png) no-repeat;}
#yuyin:hover{ background:url(../images/sound1.png) no-repeat;}



::-webkit-input-placeholder { color: #ddd;}
:-moz-placeholder { color: #ddd;}
::-moz-placeholder { color: #ddd;}
:-ms-input-placeholder { color: #ddd;}






.mob_cd{ display: none;}
.browse_f{ display: none;}


@media screen and (max-width: 480px) {
	body{ background-color: #F6F6F6;}
	.header{ height: 38px; box-shadow: 0px 0px 1px rgba(0, 0, 0, .1);}
	.header_nav{ width: 100%; height: 38px; padding: 5px 10px 5px 8px; box-sizing: border-box;}
	.header_l{ height: 28px;}
	.header_l img{ height: 22px; padding: 3px 0;}
	.header_f{ height: 28px; margin-left: 0px; padding: 0; width: calc(100% - 105px); float: right;}
	.header_f .inp_t{ width: calc(100% - 50px); height: 24px; line-height: 24px; text-indent: 0.4em;}
	.header_f .inp_b{ width: auto; padding: 0 10px; font-size: 12px; height: 26px; line-height: 26px;}
	.header_f form{ float: right; width: 100%;}
	.header_f ul{ display: none;}
	.header_r{ display: none;}
	.cont{ width: 100%;}
	.cont1{ margin: 10px 0 0; padding: 0 8px; font-family: inherit; background: transparent; min-height: inherit; box-shadow: none;}
	
	.c_tit{ margin: 0 0 8px; padding-bottom: 5px; border: 1px solid #E6E6E6; background: #FFFFFF; box-sizing: border-box;}
	.c_tit h2{ font-size: 20px; font-family: inherit; font-weight: 700;}
	.tit_nav{ margin-bottom: 0px; padding: 5px 0 0;}
	.tit_nav .tit_xg{ display: none;}
	
	.content{ display: none;}
	.mob_cd{ display: block;}
	.mob_cd_nav{ margin: 0 0 8px; border: 1px solid #E6E6E6; background: #FFFFFF; padding: 0px 15px; box-sizing: border-box;}
	.mob_cd_nav:last-child{ margin-bottom: 0;}
	.mob_cd_tit{ line-height: 40px; border-bottom: 1px solid #EEEEEE; font-size: 16px; color: #000000;}
	.mob_cd_box{ padding: 5px 10px 15px; min-height: 60px;}
	.mob_cd_box p{ line-height: 24px; color: #333333; margin-bottom: 8px;}
	.emp_x{ padding: 70px 0 80px;}
	
	.footer_nav{ display: none;}
	.add-bj,.add_bj1{ display: none;}
	
	.browse_f { display: block; float: left; text-align: center; width: 100%; min-width: auto; height: 50px; padding-top: 10px; margin-top: 8px; background: #FFFFFF;}
	.browse_f p { font-size: 12px; padding-left: 15px; padding-right: 15px; color: #888888; line-height: 21px; font-weight: 400;}
	.browse_f p span{ margin: 0 6px;}
	
	
	
	
	
	/* 翻译 */
	.sour_box{ margin-top: 1px; padding-top: 0px; padding-bottom: 40px; float: left;}
	.s_word{ position: relative; background: #FFFFFF; padding-top: 5px;}
	.c_word{ padding-top: 0px; height: auto; background: #FFFFFF; float: left; border-bottom: 1px solid #F3F3F3;}
	.s_word .s_sour,.s_word .s_with{ position: absolute; top: 3px; width: 45%; border: none; text-align: center;}
	.s_word .s_sour{ left: 0;}
	.s_word .s_with{ left: 55%;}
	.s_word .s_ex{ position: absolute; top: 3px; left: 45%; width: 10%; background: url(../images/word_c.png) 6px 4px no-repeat; transform: scale(0.75);}
	.word_sel{ width: auto; margin: 0 auto; float: none; padding: 0; background: none;}
	
	.c_sour,.c_with{ width: 100%; height: auto; min-height: 68px; border-color: #E9E9E9; border-left: none; border-right: none;}
	.c_with{ position: relative; padding-bottom: 40px; font-size: 20px; background: #FFFFFF; border: none;}
	.c_sour textarea{ font-size: 20px; min-height: 80px;}
	
	#yuyin{ top: inherit; bottom: 8px; transform: scale(0.75);}
	.browse_f_cd{ background: none;}
	.sour_nav{ min-height: 450px}
	::-webkit-input-placeholder{ font-size: 16px; color: #CCCCCC;}
	
	
	
	
	/*编辑词典*/
	.edit_cont{ background: #FFFFFF; margin-top: 1px; padding: 0 12px 60px;}
	.list_t{ margin: 20px 0;}
	.cdbj_l{ width: 100%; text-align: left;}
	.cdbj_r{ width: 100%;}
	
	.list_nav,.list_nav2,.list_nav3{ padding-left: 0; margin-bottom: 30px;}
	.list_c{ margin: 5px 0;}
	.list_tit{ margin-bottom: 10px; border-color: #e3e3e3;}
	.list_c .cd_xh{ width: 100%; text-align: left; font-weight: normal;}
	.list_c .cd_wz{ width: 100%; border-color: #EEEEEE;}
	.list_c .cd_delet{ position: absolute; right: 0; width: auto;}
	.list_nav3{ margin-bottom: 15px!important;}
	.cd_xy{ width: calc(100% - 18px);}
	.edit_cter{ text-align: center;}
}




@media screen and (min-width: 480px) and (max-device-width: 768px){
	.header_nav{ width: 100%; padding-left: 10px; padding-right: 10px; height: 50px; box-sizing: border-box;}
	.header_f{ width: 55%; margin-left: 1%;}
	.header_f .inp_t{ width: 82%;}
	.header_f .inp_b{ width: 15%;}
	.header_f ul{ width: 75%;}
	.h_my{ margin-left: 5px;}
	.add_bj1{ display: none; margin-top: 10px;}
	.cont{ width: 100%;}
	.cont1{ padding-left: 30px; padding-right: 30px; margin: 10px 0;}
	.footer{ margin-top: 10px; background: #FFFFFF;}
	.footer .foot_s{ width: 100%!important;}
	.f_lms p{ line-height: 22px;}
	.f_lms_o{ padding-top: 10px;}
	.content .c_tt h3{ font-size: 16px;}
	.content .c_nav .c_list p{ font-size: 14px;}
	
	
	/*编辑词典*/
	.list_nav,.list_nav2{ padding-left: 35px;}
	.list_nav3{ padding-left: 69px;}
	.footer{ margin-top: 0; background: #FFFFFF;}
	.f_lms p{ line-height: 24px;}
	.f_lms_o{ padding-top: 8px;}
}