NN2020042801/public/themes/jiameng/static/css/style.css

/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
/* global */
* {word-break:break-all;font-family:"Microsoft Yahei",Tahoma,Verdana,Arial;-webkit-text-size-adjust:none;}
body {margin:0;font-size:12px;color:#333333;background:#FFFFFF;}/*background:#F2F2F2 url('../images/bg.png') repeat-y center 0;*/
form,input,select,textarea,td,th {font-size:12px;}
input,textarea,select {padding:6px;}
img {border:none;vertical-align:middle;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
h1, h2, h3, h4, h5, h6{margin:0;}
a:link,a:visited,a:active {color:#333333;text-decoration:none;}
a:hover {color:#FF3300;}
/* links */
a.w:link,a.w:visited,a.w:active {color:#FFFFFF;text-decoration:none;}
a.w:hover {color:#F4F3F2;}
a.b:link,a.b:visited,a.b:active {color:#007AFF;text-decoration:none;}
a.b:hover {color:#FF3300;}
a.g:link,a.g:visited,a.g:active {color:#666666;text-decoration:none;}
a.g:hover {color:#FF6600;}
/* common */
.m {margin:auto;width:1200px;background:#FFFFFF;clear:both;}
.m0 {width:100%;background:#F2F2F2;}
.m0 .m {background:#F2F2F2;}
.m1 {background:url('../images/bg-line.png') repeat-y 960px 0;}
.m1l {width:940px;float:left;}
.m1r {width:239px;float:right;}
/*.m2 {background:url('../images/bg-line.png') repeat-y 960px 0;}*/
.m2l {width:940px;float:left;border-right: 1px solid #ddd;}
.m2r {width:220px; padding-right: 18px; float:right;}
/*.m3 {background:url('../images/bg-line.png') repeat-y 880px 0;}*/
.m3l {width:860px;float:left;padding: 0 10px;border-right: 1px solid #eee;}
.m3r {width:297px;float:right;padding-right: 10px}

.head {background:#F8F8F8;width:100%;height:32px;border-bottom:#E5E5E5 1px solid;position:fixed;z-index:999;left:0;}
.head_m {margin:auto;width:1200px;padding:7px 0 0 0;color:#666666;}
.head_s {height:31px;}
.head_t strong{color:#FF0000;font-weight:normal;}
.head_l li {float:left;margin:0 10px 0 0;}
.head_r {float:right;}
.head_r img {position:relative;margin:-2px 6px 0 0;}
.h_location {background:url('../images/ico-location.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_fav {background:url('../images/ico-fav.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_mobile {background:url('../images/ico-mobile.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_cart {background:url('../images/ico-cart.png') no-repeat 0 center;padding:0 6px 0 20px;}
.h_qrcode {background:url('../images/ico-qrcode.png') no-repeat 0 center;padding:0 6px 0 20px;}

.logo {width:220px;height:80px;overflow:hidden;}
.logo img {margin:10px 0 0 0;}
.search_box {margin: 25px auto;overflow: hidden;}
.head_search_kw {margin: 5px 0 0 0px;}
/*.head_search {float:left;width:510px;height:32px;background:url('../images/head_search.png') no-repeat;margin-top:25px;}*/
.head_search {float: left;width: 510px;height: 40px;margin-top: 15px;border: 1px solid #e2e2e2;background: url(../images/search-icon.png) no-repeat;margin-left: 100px;}
/*.head_search:hover {background:url('../images/head_search.png') no-repeat 0 -32px;}*/
.head_search div {clear: both;padding: 0px 0 0 25px;}
.search_i {width: 406px;font-size: 14px;height: 40px;line-height: 40px;padding: 0px 0 0 0;color: #666666;border: none;}
.search_m {width:60px;cursor:default;padding:2px 25px 0 10px;font-size:14px;height:20px;line-height:20px;color:#666666;background:url('../images/spacer.gif');border:none;}
.search_s {width: 79px;height: 40px;background: inherit;border: none;padding: 0;margin: 0;cursor: pointer;background-color: #FF4400;font-size: 18px;color: #ffffff;}
.search_i:focus,.search_s:focus{outline:none;}
#search_module {z-index:1000;position:absolute;width:95px;overflow:hidden;margin:56px 0 0 565px;font-size:14px;line-height:26px;color:#666666;background:#FFFFFF;border:#CCCCCC 1px solid;border-top:none;cursor:pointer;}
#search_module li {padding:0 10px;color:#666666;}
#search_module li:hover {color:#FF6600;}
#search_tips {width: 430px;margin: 81px 0 0 320px;z-index: 1000;position: absolute;overflow: hidden;cursor: pointer;font-size: 13px;line-height: 20px;color: #666666;background: #FFFFFF;border: #444444 1px solid;}
#search_tips div {height:20px;padding:1px 8px 1px 8px;clear:both;overflow:hidden;}
#search_tips div span {float:right;font-size:12px;}
#search_tips label {display:block;width:100%;background:#FAFAFA;font-size:12px;color:#0000CC;text-align:right;}
.search_t_div_1 {color:#333333;}
.search_t_div_1 span {color:#008000;}
.search_t_div_2 {background:#3366CC;color:#FFFFFF;}
.search_t_div_2 span {color:#FFFFFF;}
.mobile_xm {width: 96px;margin-left: 50px;}
.mobile_xm span {font-size: 14px;color: #FF4400;float: right;width: 13px;line-height: 16px;margin-left: 3px;display: inline-block;}

/* menu */
.menu {height:42px;line-height:42px;background:#2587F4;letter-spacing:1px;font-size:16px;}
.menu li {float:left;}
.menu li:first-child+li {position: relative;}
/*.menu li:first-child+li,.menu li:nth-last-child(2) {position: relative;}*/
.menu li:first-child+li:after,.menu li:nth-last-child(2):after {position: absolute;display: block;content: '';width: 33px;top: 0;right: 0;transform: translate(0%,-50%);z-index: 1;}
.menu li:first-child+li:after {background: url(../images/hot.png) no-repeat;background-size: 33px 23px;height: 23px;}
/*.menu li:nth-last-child(2):after {background: url(../images/new.png) no-repeat;background-size: 33px 33px;height: 33px;}*/
.menu .menuon {background:#0072C6;}
.menu a:link,.menu a:visited,.menu a:active {display:block;height:42px;color:#FFFFFF;padding:0 12px;}
.menu a:hover {background:#0072C6;}

.foot {color:#666666;text-align:center;line-height:32px;padding:10px 0 10px 0;}
.foot_page {background:#EEEEEE;padding:0 10px;text-align:center;height:48px;line-height:48px;overflow:hidden;color:#666666;}

/* layout */
.m_l {width:880px;}
.m_r {width:300px;}
.m_n {width:20px;}
.m_l_1 {width:1000px;}
.m_r_1 {width:180px;}
/* left */
.left_box {border:#DDDDDD 1px solid;}
.left_head {border-bottom:#DDDDDD 1px solid;height:44px;line-height:44px;overflow:hidden;padding:0 10px;}
.left_head strong {font-size:16px;}
.left_head em {font-style:normal;color:#666666;}

/* box */
.box_head {border-bottom:#DDDDDD 1px solid;height:44px;line-height:44px;overflow:hidden;padding:0 10px;}
.box_head strong {font-size:14px;display:block;}
.box_head em {font-style:normal;color:#666666;}

.box_body {padding:10px;}
.box_body li {height:32px;line-height:32px;overflow:hidden;}

.tab_head {border:#DDDDDD 1px solid;border-bottom:none;height:31px;line-height:31px;font-size:14px;overflow:hidden;background:#EEEEEE;font-weight:bold;}
.tab_1 {float:left;padding:0 15px 0 15px;border-right:#DDDDDD 1px solid;cursor:pointer;font-weight:normal;}
.tab_2 {float:left;padding:0 15px 0 15px;border-right:#DDDDDD 1px solid;cursor:pointer;background:#FFFFFF;}
.tab_1_1 {border-bottom:#DDDDDD 1px solid;cursor:pointer;}
.tab_1_2 {border:#DDDDDD 1px solid;border-bottom:none;cursor:pointer;font-weight:bold;}

.tab_head_2 {height:27px;background:#EEEEEE;border-left:#DDDDDD 1px solid;border-right:#DDDDDD 1px solid;text-align:center;padding-left:12px;}
.tab_2_1 {float:left;width:80px;height:27px;line-height:31px;overflow:hidden;background:url('../images/tab_2_1.gif') no-repeat 6px right;cursor:pointer;}
.tab_2_1 span {color:#333333;}
.tab_body_2 {border:#DDDDDD 1px solid;border-top:none;}

.li_dot li {background:url('../images/li_dot.gif') no-repeat 5px 10px;padding:0 10px 0 12px;}
/* pages */
.pages {padding:24px 0;text-align:center;font-size:12px;color:#666666;clear:both;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:6px;text-decoration:none;}
.pages a:hover {background:#258CFF;border:#258CFF 1px solid;color:#FFFFFF;padding:6px;text-decoration:none;}
.pages strong {background:#258CFF;padding:6px;border:#258CFF 1px solid;color:#FFFFFF;}
.pages_inp {width:32px;border:#DDDDDD 1px solid;color:#666666;padding:4px;text-align:center;}
.pages_btn {width:32px;border:#FF6600 1px solid;color:#FFFFFF;padding:4px 6px;background:#FF6600;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:6px 6px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}
/* table */
.tb {width:100%;}
.tb th {background:#EEEEEE;}
.tb td {border-bottom:#DDDDDD 1px solid;}
.tb tr:hover {background:#F3F3F3;}

.tf {width:100%;}
.tf td {border-top:#F0F0F0 1px solid;}
.tf tr:hover {background:#F4F4F4;}
.tf .tl {width:100px;text-align:right;}
.btns {padding:20px 20px 20px 150px;}
.thumb {padding:6px 0;}
.thumb img {border:#DDDDDD 1px solid;padding:2px;}
.thumb li {height:22px;line-height:22px;overflow:hidden;}
.thumbml ul {margin:10px 0 15px 0;}
.imb img {border:#DDDDDD 1px solid;padding:3px;}
/* album */
#mid_pos {position:absolute;}
#mid_div {width:320px;height:240px;cursor:crosshair;padding:6px;border:#CCCCCC 1px solid;background:#F3F3F3;}
#zoomer {border:#333333 1px solid;width:120px;height:90px;background:#FFFFFF url('../images/zoom_bg.gif');position:absolute;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:400px;height:300px;border:#CCCCCC 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;}
#big_pic {position:absolute;}
.ab_im {padding:2px;margin:10px 0 10px 32px;border:#C0C0C0 1px solid;}
.ab_on {padding:2px;margin:10px 0 10px 32px;border:#FF6600 1px solid;background:#FF6600;}
/* ads */
.adword table {background:url('../images/adword_bg.gif') repeat-x 0 bottom;}
.adword_tip {color:#FF1100;border-bottom:#DDDDDD 1px solid;padding:8px 10px 8px 28px;background:url('../images/arrow_up.gif') no-repeat 10px 8px;}
.sponsor {margin-bottom:10px;}
/* basic */
.f_l {float:left;}
.f_r {float:right;}
.t_l {text-align:left;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:red;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_dblue {color:#007AFF;}
.f_price {font-weight:bold;font-family:Arial;color:#FF0000;}
.px12 {font-size:12px;}
.px14 {font-size:14px;}
.px16 {font-size:16px;}
.px18 {font-size:18px;}
.bd-t {border-top:#DDDDDD 1px solid;}
.bd-b {border-bottom:#DDDDDD 1px solid;}

.b10 {height:10px;}
.b16 {height:16px;}
.b20 {height:20px;}
.b24 {height:24px;}
.b32 {height:32px;}
.pd3 {padding:3px;}
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.lh18 {line-height:180%;}
.ls1 {letter-spacing:1px;}
.c_p {cursor:pointer;}
.c_b {clear:both;}
.o_h {overflow:hidden;}
.dsn {display:none;}
.absm {vertical-align:middle;}

.btn_s {background:#2388FA;color:#FFFFFF;border:none;padding:2px;letter-spacing:1px;}
.btn_r {background:#D7D7D7;color:#666666;border:none;padding:2px;letter-spacing:1px;}
.bd {border:#CAD9EA 1px solid;}
.highlight {color:red;}
.jt {color:#003278;cursor:pointer;}
.np {padding:20px 30px 20px 10px;line-height:25px;}
.lazy {background:#FAFAFA url('../images/loading.gif') no-repeat center center;}
.slide {background:#FAFAFA;overflow:hidden;}

.btn,.btn-green,.btn-blue,.btn-red {color:#FFFFFF;font-size:14px;width:100px;line-height:32px;border:none;border-radius:4px;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;}
.btn{background:#FFFFFF;border:#DDDDDD 1px solid;color:#333333;}
.btn:hover{background:#D9D9D9;border:#CDCDCD 1px solid;}
.btn-green{background:#1AAD19;border:#18A117 1px solid;color:#FFFFFF;}
.btn-green:hover{background:#179B16;border:#159014 1px solid;}
.btn-blue{background:#007AFF;border:#1E74D0 1px solid;color:#FFFFFF;}
.btn-blue:hover{background:#0569D5;}
.btn-red{background:#F8F8F8;border:#C6C6C6 1px solid;}
.btn-red:hover{background:#CE3C39;border:#BF3835 1px solid;color:#FFFFFF;}

/* position */
.pos {padding:0 16px;height:36px;line-height:36px;background:#EEEEEE;}
.nav {padding:10px 10px 10px 32px;height:24px;line-height:24px;background:url('../images/ico-nav.png') no-repeat 10px 13px;font-size:14px;}
.nav div {float:right;}
.nav i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;}
.nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}

/* show */
.title {height:48px;line-height:48px;text-align:center;font-weight:bold;font-size:22px;padding:0;margin:0;}
.title_trade {font-weight:bold;font-size:22px;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:#DDDDDD 1px solid;}
.info {padding:16px;background:#F2F2F2;}
.introduce {margin:20px 0;padding:20px;line-height:180%;font-size:16px;background:#F2F2F2;border-left:#DDDDDD 2px solid;}
.content {font-size:16px;line-height:200%;padding:16px;}
.content div img {display: inline-block;padding: 15px 0;}
.content p {text-indent:2em;}
.content a:link,.content a:visited,.content a:active {color:#225588;text-decoration:underline;}
.content a:hover {color:#FF6600;text-decoration:none;}
.property {border:#E6E6E6 1px solid;background:#F6F6F6;padding:10px;margin:0 10px 0 10px;}
.property li {float:left;width:30%;height:22px;line-height:22px;overflow:hidden;}
.detail {background:url('../images/arrow.gif') no-repeat 0 9px;border-bottom:#C0C0C0 1px dotted;padding:8px 0 8px 20px;margin:0 15px 0 15px;}
.related {padding:10px 16px;}
.related a {font-size:14px;color: #2587F4;}
.keylink {font-weight:normal;padding:0 3px 0 3px;}
.share {width:20px;height:20px;cursor:pointer;}
.share:hover {width:24px;height:24px;}
.award {padding:32px;text-align:center;float: right;}
.award div {width:80px;height:44px;line-height:44px;font-size:20px;font-weight:bold;letter-spacing:2px;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 2px solid;border-radius:10px;cursor:pointer;}
.award div:hover {background:#E94657;color:#FFFFFF;}
#comment_main div {height:100px;background:url('../images/loading.gif') no-repeat center center;}

/* search */
.fsearch {padding:5px 0 10px 15px;margin:1px 1px 0 1px;background:#F5FAFE url('../images/fsearch_bg.gif') repeat-x;;}
.sch {padding:15px 20px 5px 20px;margin-bottom:10px;}
.sch p {padding:10px 10px 10px 10px;font-size:13px;margin:0;}
.sch_find {border-top:#DDDDDD 1px solid;border-bottom:#EEEEEE 1px solid;margin:5px 0 5px 0;padding:5px 0 5px 5px;font-weight:bold;}
.sch_site li {background:url('../images/ico_search.gif') no-repeat 3px 3px;height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 25px;color:#666666;}
.sch_relate li {background:url('../images/arrow_up.gif') no-repeat 3px 3px;height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 25px;color:#666666;}
.rank_list {background:url('../images/rank_list.gif') no-repeat;}
.rank_list li {height:23px;line-height:23px;overflow:hidden;padding:0 5px 0 35px;}
.ppt {padding:1px 15px 1px 35px;line-height:25px;}
.ppt_l {width:60px;font-weight:bold;}
.ppt_r {color:#DFDFDF;}
.ppt span {padding:1px;background:#2E6AB1;border:#1D589E 1px solid;color:#FFFFFF;}
/* sell && buy && company */
.category {padding:10px 20px 5px 15px;}
.category p {padding:5px 0 5px 0;margin:0;}
.category div {padding:0 20px 0 20px;}

.about {border:#2786C6 1px solid;background:#F2F2F2;padding:8px;margin:15px 15px 0 15px;}
.about li {padding:5px 0 5px 5px;}
.about li span {display:block;width:100px;float:left;color:#1B4C7A;}

.contact_head {height:44px;line-height:44px;border:#DDDDDD 1px solid;border-bottom:none;border-top:#007AFF 2px solid;background:#EEEEEE;padding:0 16px;font-weight:bold;font-size:16px;}
.contact_body {padding:10px;border:#DDDDDD 1px solid;border-top:none;margin-bottom:16px;}
.contact_body li {line-height:24px;border-bottom:#E2E2E2 1px solid;padding:6px 10px;}
.contact_body li span {color:#1B4C7A;padding:0 8px 0 0;}

.type {height:31px;line-height:31px;overflow:hidden;border-top:#DDDDDD 1px solid;background:#EEEEEE;padding-left:35px;}
a.type_1:link,a.type_1:visited,a.type_1:active,a.type_1:hover {float:left;display:block;padding:0 15px 0 15px;background:#FFFFFF;color:#000000;font-weight:bold;}
a.type_2:link,a.type_2:visited,a.type_2:active {float:left;display:block;padding:0 15px 0 15px;border-right:#E2F0FB 1px solid;}
a.type_2:hover {background:#258CFF;color:#FFFFFF;}
.img_tip {width:200px;z-index:1000;position:absolute;padding:5px;border:#DDDDDD 1px solid;background:#FFFFFF;}
.vote {padding:10px;}
.vote div {font-weight:bold;}
.vote li {padding:3px 0 3px 0;}
.vote p {margin:5px 0 5px 0;}

.sort {line-height:30px;border-bottom:#DDDDDD 1px solid;font-size:14px;}
.sort-k {width:80px;padding-left:10px;font-weight:bold;float:left;overflow:hidden;}
.sort-v {/*width:850px;*/float:left;}
.sort-v li {float:left;padding:0 10px;}
.sort-v .on {background:#EEEEEE;}
.sort-v i {font-style:normal;padding-left:2px;color:#999999;font-size:12px;}
.sort-v b {padding:0 20px;}
.sort-v input, .sort-v select {padding:4px;}
.sort-v .btn-blue, .sort-v .btn {padding:0;line-height:28px;width:80px;margin-right:20px;}

.list {line-height:180%;}
.list:hover {background:#F2F2F2;}
.list div img {border:#DDDDDD 1px solid;}
.list table {width:100%;border-bottom:#DDDDDD 1px solid;}
.list td {padding:10px 0 10px 0;}
.list h3 {font-size:14px;margin:0px;height:22px;overflow:hidden;}

.user-info {height:64px;padding:20px;background:#EEEEEE;border-radius:10px;}
.user-info img {width:64px;height:64px;border-radius:50%;float:left;margin-right:20px;}
.user-info ul {float:right;width:175px;margin-top:4px;}
.user-info li {height:28px;line-height:28px;overflow:hidden;}
.user-info strong {font-size:16px;}
.user-info em {font-size:14px;font-style:normal;float:right;}
.user-info i {font-style:normal;color:#999999;padding:0 10px;}

.head-txt {padding:0 6px 15px 6px;line-height:28px;border-bottom:#DDDDDD 1px solid;margin-bottom:20px;clear:both;}
.head-txt strong {font-size:18px;}
.head-txt span {float:right;font-size:14px;color:#999999;}
.head-txt i {font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;}

.head-sub {padding:0 6px 0px 6px;line-height:28px;border-bottom:#DDDDDD 1px solid;margin-bottom:10px;clear:both;}
.head-sub strong {font-size:16px;}
.head-sub span {float:right;font-size:14px;color:#999999;}
.head-sub i {font-style:normal;font-weight:bold;padding:0 2px;font-family:simsun;}

.list-thumb {text-align:center;}
.list-thumb img {border:#DDDDDD 1px solid;padding:2px;}
.list-thumb li {height:32px;line-height:32px;overflow:hidden;}

.list-img ul {margin:6px 24px 24px 0;}
.list-img li {height:24px;line-height:24px;overflow:hidden;font-size:14px;}
.list-img em {font-size:12px;font-style:normal;color:#999999;}
.list-img i {font-size:12px;font-style:normal;color:#999999;float:right;padding-right:6px;}

.list0 {width:1224px;}
.list0:after {content:"";display:block;clear:both;}
.list-wrap div {width:200px;float:left;}
.list0 img:hover {border-left:#FFFFFF 1px solid;}

.list1 {width:960px;}
.list1:after {content:"";display:block;clear:both;}
.list1 div {width:192px;float:left;}
.list1 img:hover {border-left:#FFFFFF 1px solid;}

.list-txt {padding:0 0 20px 0;}
.list-txt li,.in-r-l li, .in-r-r li{height:32px;line-height:32px;overflow:hidden;font-size:14px;background:url('../images/li_dot.gif') no-repeat 6px center;padding:0 16px 0 16px;}
.list-txt .f_r {font-size:12px;color:#666666;}

.list-rank {padding:0 0 24px 0;}
.list-rank li {height:32px;line-height:32px;font-size:14px;padding:0 6px;overflow:hidden;}
.list-rank .f_r {float:right;font-size:12px;color:#666666;padding-left:10px;}
.list-rank em {font-size:26px;font-style:normal;color:#F34540;padding-right:10px;font-family:Georgia;}
.list-rank i {font-size:18px;font-style:normal;color:#999999;padding-right:14px;font-family:Georgia;}

.list-cate {}
.list-cate:after {content:"";display:block;clear:both;}
.list-cate td {width:410px;font-size:14px;padding:10px 10px 20px 10px;}
.list-cate td:hover {background:#EEEEEE;}
.list-cate p {margin:0 0 10px 0;}
.list-cate li {float:left;line-height:32px;}
.list-cate em {font-style:normal;color:#DDDDDD;padding:0 10px;}
.list-cate i {font-style:normal;color:#DDDDDD;padding:0 10px;}

.list-cate2 {padding:0 0 20px 0;}
.list-cate2:after {content:"";display:block;clear:both;}
.list-cate2 li {width:116px;padding:0 16px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;}
.list-cate2 li:hover {background:#EEEEEE;}
.list-cate2 i {font-size:12px;font-style:normal;color:#666666;padding-left:6px;}

.list-area {width:880px;}
.list-area:after {content:"";display:block;clear:both;}
.list-area li {width:103px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;border:#DDDDDD 1px solid;margin:0 20px 20px 0;}
.list-area li:hover {border:#FF6600 1px solid;}

.list-area4 {padding:0 0 20px 0;}
.list-area4:after {content:"";display:block;clear:both;}
.list-area4 li {width:25%;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;text-align:center;}
.list-area4 li:hover {background:#EEEEEE;}

.tab-head {}
.tab-head ul {border-bottom:#DDDDDD 1px solid;height:32px;padding-left:16px;}
.tab-head li {border-bottom:#DDDDDD 1px solid;display:inline-block;height:32px;line-height:32px;margin-right:16px;float:left;font-size:14px;}
.tab-head .on {border-bottom:#007AFF 3px solid;height:30px;line-height:32px;}
.tab-head .on span {color:#007AFF;}

/* side */
.side em {font-size:12px;font-style:normal;color:#999999;}
.side a {width:90%;display:block;font-size:16px;}
.side input {width:140px;border:#DDDDDD 1px solid;border-radius:8px;padding:8px 8px 8px 26px;font-size:14px;background:#FFFFFF url('../images/icon-search16.png') no-repeat 6px center;outline:none;margin:16px 16px 16px 32px;}
.side input:hover {width:180px;}
.side_li {line-height:48px;height:48px;padding-left:32px;overflow:hidden;}
.side_li:hover {background:#F3F3F3;}
.side_on {line-height:48px;height:48px;background:#EEEEEE;padding-left:32px;overflow:hidden;}

.warn {padding:30px 100px 30px 200px;}
.warn div {padding:5px 0 0 60px;background:url('../images/warn.gif') no-repeat;font-size:14px;line-height:200%;}
.warn h1 {font-size:16px;margin:0;}
.guest_warn {padding:2px 0 2px 0;text-align:center;margin:0 130px 15px 130px;background:#FFF5D8;border:#FF7300 1px solid;}
.back2top {width:68px;height:68px;position:fixed;_position:absolute;right:0;/*left:50%;margin-left:620px;*/top:82%;_bottom:auto;cursor:pointer;display:none;}
.back2top a {display:block;width:100%;height:100%;background:url('../images/back2top.png') no-repeat;}
/*.back2top a:hover {background:url('../images/back2top.png') no-repeat -58px 0;}*/
#powered {padding:6px 0 20px 0;}

.np li{
	position: relative;
	display: inline-block;
}
.showContent{
	position: absolute;
	top: -150px;
	right: -422px;
	width: 400px;
	border: 1px solid #C0C0C0;
	height: 300px;
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 10px #e2e2e2;
	-moz-box-shadow: 3px 3px 10px #e2e2e2;
	box-shadow: 3px 3px 10px #e2e2e2;
	display: none;
	overflow-y: auto;
	padding: 10px;
	z-index: 888;
}
.show-hover em{
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right-color: #7d7d7d;
	position: absolute;
	top: -2px;
	right: 0px;
	z-index: 999;
	display: none;
}
.show-hover em i{
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right-color: white;
	position: absolute;
	top: -10px;
	left: -9px;
}
.np li:hover .showContent,.np li:hover em{
	display: block;
}
.clearfix{
	overflow: hidden;
}
.deepgray {
    color: #464646;
}
.xmtj , .zrwz {
    margin-top: 21px;
}
.zrwz .zrwz-cont ul li{
    padding: 5px 0px 5px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.gray-title {
	overflow: hidden;
    line-height: 1;
    padding: 0 10px 5px 10px;
    border-bottom: 2px solid #cccccc;
    margin-bottom: 15px;
    font-size: 14px;
}
.gray-title h2{
	font-size: 14px;
}
.bold {
    font-weight: bold;
}
a.more {
    color: #1f50bf !important;
    font-size: 12px;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
.xmtj .xmtj-box {
    margin-bottom: 20px;
    padding-left: 10px;
}
.xmtj .xmtj-box .join, .xmtj .xmtj-box .detail-btn {
    padding: 5px 8px;
    margin-left: 20px;
    margin-top: 10px;
}
.xmtj .xmtj-box .join {
    background-color: #FF4400;
    color: #fff5e7;
}
.xmtj .xmtj-box .detail-btn {
    color: #666;
    background-color: #e1e1e1;
}
.xmtj .xmtj-box p {
    line-height: 20px;
    clear: both;
    margin: 0;
}

/* 404 */
.content404{
	text-align: center;
}
.content404 .sorry{
	font-size: 22px;
    color: #2688f4;
    margin: 0 auto;
    text-align: center;
    background: url(../images/jiqiren.png) no-repeat;
    width: 390px;
    text-align: center;
    height: 43px;
    line-height: 43px;
}
.content404 .sorry+img{
	margin: 15px 0;
}
.content404 .bottom404 .btn404{
	height: 30px;
	width: 98px;
	text-align: center;
	line-height: 30px;
	color: #2688f4;
	background: #efeeea;
	border: 1px solid #e2e2e2;
	display: inline-block;
	border-radius: 8px;
	margin-left: 22px;
	font-weight: 700;
}
.recommend404, .guess{
	background-color: #eeeeee;
	padding: 0px 0 10px 0;
}
.box404 .box-title{
	padding: 0 15px;
	font-size: 16px;
	color: #333;
	line-height: 50px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 5px;
}
.box404 ul{
	width: 1170px;
	margin: 0 auto;
	padding-left: 8px;
}
.box404 ul li{
	display: inline-block;
	vertical-align: top;
	margin-right: 13px;
	background-color: #fff;
	padding-bottom: 5px;
}
.box404 ul li p, .box ul li span{
	margin: 0;
	padding: 5px 0 5px 10px;
}
.box404 ul li a.show{
	float: right;
	background-color: #2688f4;
	color: white;
	width: 65px;
	line-height: 20px;
	text-align: center;
	margin-right: 5px;
}

/* 新闻 */
.newsPro{
	background-color: #F2F2F2;
    border-left: #DDDDDD 2px solid;
    line-height: 1;
    padding: 20px;
}
.newsPro img{
	margin-top: 20px;
	margin-right: 20px;
}
.newsPro .newsPro-info p{
	margin: 10px 0;
}
.newsPro .newsPro-info p.name{
	color: #2587F4;
	font-size: 18px;
}
.newsPro .newsPro-goto{
	float: right;
}
.newsPro .newsPro-goto a{
	text-align: center;
	display:block;
	margin: 10px 0;
	color: #2587F4;
}
.newsPro .newsPro-goto a.btn{
	bottom: 0;
	background-color: #2587F4;
	color: #fff;
}
.jmrs li{
	width: 40%;
	list-style-type: none;
	margin: 5px 0 5px 15px;
	background-color: #7cb1ff;
	padding: 3px 0px;
	text-align: center;
}
.jmrs a{
	color: white !important;
}
.tjhxm li{
	line-height: 30px;
	padding-left: 15px;
	font-size: 13px;
}
.ib{
    display: inline-block;
	zoom: 1;
	vertical-align:top;
}
.row{
	margin-top: 25px;
}
.gray-title{
	margin-bottom: 5px;
}
.tips{
	background-color: #fffbdf;
	padding: 10px;
	font-size: 14px;
	line-height: 28px;
	color: #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #e2e2e2;
	-moz-box-shadow: 5px 5px 5px #e2e2e2;
	box-shadow: 5px 5px 5px #e2e2e2;
}
.proRecommend{
	background-color: #fff;
	padding: 10px 0;
	line-height: 29px;
}
.recommend-title{
	overflow: hidden;
	margin: 0 auto;
	width: 1164px;
}
.recommend-title li{
	float: left;
	background-color: #c5e0fe;
	font-size: 12px;
	padding: 2px 7px;
	margin-right: 2px;
	margin-top: 2px;
}
.recommend-title li.on{
	background-color: #e1eeff;
}
.recommend-title li.on a{
	color: #ff4400;
}
.recommend-box{
	width: 1159px;
	margin: 0 auto;
	overflow: hidden;
	border-right: 1px dashed #e2e2e2;
}
.recommend-box li{
	width: 100px;
	padding: 0 7px;
	text-align: center;
	border: 1px dashed #e2e2e2;
	border-top: 0;
	border-right: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.proRecommend .title{
	font-size: 18px;
	padding: 0 0 2px 40px;
	border-bottom: 2px solid #e2e2e2;
	text-align: left;
}
#prec div {
	display: inline-block;
	padding-right: 20px;
}
.list-layout div {
	display: inline-block;
}
.news-ad-bottom {
	margin: 30px 0 20px;
}
.news-ad-title {
	border-bottom: 1px solid #E2E2E2;
    margin-bottom: 15px;
    padding: 0 15px 5px 10px;
    overflow: hidden;
}
.news-ad-bottom ul {
	display: flex;
    flex-flow: wrap;
}
.news-ad-bottom ul li {
	width: 20%;
}
.related-title {
	display: flex;
    flex-wrap: wrap;
}
.related-title li {
	width: 50%;
	line-height: 24px;
}
.related-title li a {
	display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: 73%;
}