/* reset */
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,hr,button { margin:0; padding:0; }
body { font:12px/20px 'Microsoft YaHei'; color: #333; min-width: 1200px; }
input, textarea, select,button { font-family: 'Microsoft YaHei'; outline:none; border:none; background:none; resize: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
table { border-collapse:collapse; border-spacing:0;}
th { text-align:inherit; }
img { border:0;}
iframe { display:block; }
ol,ul,li { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
a { color:#333; text-decoration:none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
}
a:hover { color: #0057ff; }
a:hover, a:active { outline:none; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; line-height:0; }
.clearfix { zoom:1; /* for IE6 IE7 */}
/* font */
@font-face {
font-family:"DINCond-Bold";
src:url('fonts/dincond-bold-webfont.eot?#iefix') format("embedded-opentype"),
url('fonts/dincond-bold-webfont.woff') format("woff"),
url('fonts/dincond-bold-webfont.ttf') format("truetype"),
url('fonts/dincond-bold-webfont.svg') format("svg");
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:"DIN-Bold";
src:url('/font/tg-type/tg-type-bold.eot?#iefix') format("embedded-opentype"),
url('/font/tg-type/tg-type-bold.woff') format("woff"),
url('/font/tg-type/tg-type-bold.ttf') format("truetype"),
url('/font/tg-type/tg-type-bold.svg') format("svg");
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:"DIN-Medium";
src:url('/font/tg-type/tg-type-regular.eot?#iefix') format("embedded-opentype"),
url('/font/tg-type/tg-type-regular.woff') format("woff"),
url('/font/tg-type/tg-type-regular.ttf') format("truetype"),
url('/font/tg-type/tg-type-regular.svg') format("svg");
font-weight:normal;
font-style:normal;
}
.dincond { font-family: 'DINCond-Bold'; }
.din-b { font-family:"DIN-Bold"; }
.din-m { font-family:"DIN-Medium"; }
.heiti-std, .yahei { font-family: 'Microsoft YaHei'; }
.f12 { font-size: 12px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.fb { font-weight: 600; }
.fn { font-weight: lighter; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.ect { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/* icon */
.ico-topbar, .ico-char, .ico-zx, .ico-ts, .ico-zc, .ico-poster, .ico-cb, .ico-traffic, .ico-calc, .ico-changshi, .ico-operator, .ico-asksub { display: inline-block; vertical-align: middle; margin-top: -3px; }
.ico-topbar { background: url('../Images/ico-topbar.png') no-repeat;}
.ico-char { background: url('../Images/ico-char.png') no-repeat;}
.ico-zx {background: url('../Images/ico-zx.png') no-repeat;}
.ico-ts { background: url('../Images/ico-ts.png') no-repeat;}
.ico-zc { background: url('../Images/ico-zc.png') no-repeat;}
.ico-poster { background: url('../Images/ico-poster.png') no-repeat;}
.ico-cb { background: url('../Images/ico-cb.png') no-repeat;}
.ico-traffic { background: url('../Images/ico-traffic.png') no-repeat;}
.ico-calc {background: url('../Images/ico-calc.png') no-repeat;}
.ico-changshi { background: url('../Images/icon.png') no-repeat;}
.ico-operator { background: url('../Images/icon1.png') no-repeat;}
.ico-asksub { background: url('../Images/ico-asksub.png') no-repeat;}
/* ico-topbar */
.i-top1 { width: 12px; height: 14px; background-position: 0 0; }
.i-top2 { width: 12px; height: 14px; background-position: 0 -16px; }
.i-top3 { width: 9px; height: 5px; background-position: 0 -32px; }
.i-top4 { width: 9px; height: 5px; background-position: 0 -40px; }
.i-top5 { width: 9px; height: 5px; background-position: 0 -48px; }
.i-top6 { width: 5px; height: 9px; background-position: 0 -56px; }
.i-top7 { width: 7px; height: 13px; background-position: 0 -68px; }
.i-top8 { width: 9px; height: 12px; background-position: -15px 0; }
.i-top9 { width: 9px; height: 12px; background-position: -15px -15px; }
.i-top10{ width: 17px; height: 17px; background-position: -15px -30px; }
.i-top11{ width: 17px; height: 17px; background-position: -15px -50px; }
.i-top12{ width: 13px; height: 13px; background-position: -15px -70px; }
.i-top13{ width: 16px; height: 16px; background-position: -35px 0; }
.i-top14{ width: 16px; height: 16px; background-position: -35px -21px; }
.i-top15{ width: 15px; height: 18px; background-position: -35px -45px; }
.i-top16{ width: 18px; height: 18px; background-position: -34px -70px; }
.i-top17{ width: 12px; height: 12px; background-position: 0 -85px; }
.i-top18{ width: 8px; height: 13px; background-position: 0 -100px; }
.i-top19{ width: 8px; height: 13px; background-position: -10px -100px; }
.i-top20{ width: 8px; height: 13px; background-position: -20px -100px; }
.i-top21{ width: 8px; height: 13px; background-position: -30px -100px; }
/* ico-char */
.i-char1{ width: 19px; height: 18px; background-position: 0 0; }
.i-char2{ width: 19px; height: 18px; background-position: 0 -25px; }
.i-char3{ width: 12px; height: 12px; background-position: 0 -50px; }
.i-char4{ width: 12px; height: 12px; background-position: 0 -70px; }
.i-char5{ width: 36px; height: 32px; background-position: -25px 0; }
.i-char6{ width: 25px; height: 23px; background-position: -25px -40px; }
.i-char7{ width: 17px; height: 15px; background-position: -25px -70px; }
.i-char8{ width: 14px; height: 14px; background-position: -60px -40px; }
.i-char9{ width: 16px; height: 24px; background-position: -58px -60px; }
.i-char10{ width: 14px; height: 14px; background-position: -39px -90px; }
.i-char11{ width: 16px; height: 16px; background-position: -58px -90px; }
.ico-operator.i-zan {
width: 30px;
height: 30px;
background-position: 0 0;
}
.ico-operator.i-fankui {
width: 26px;
height: 26px;
background-position: 0 -35px;
}
.ico-operator.i-fankui2 {
width: 26px;
height: 26px;
background-position: 0 -65px;
}
.ico-operator.i-sina {
width: 22px;
height: 22px;
background-position: 0 -95px;
}
.ico-operator.i-qzone {
width: 22px;
height: 22px;
background-position: 0 -120px;
}
.ico-operator.i-wechat {
width: 22px;
height: 22px;
background-position: 0 -145px;
}
/* ico-operator */
.ico-operator.i-zan { width: 30px; height: 30px; background-position: 0 0; }
.ico-operator.i-fankui { width: 26px; height: 26px; background-position: 0 -35px; }
.ico-operator.i-fankui2{ width: 26px; height: 26px; background-position: 0 -65px; }
.ico-operator.i-sina { width: 22px; height: 22px; background-position: 0 -95px; }
.ico-operator.i-qzone { width: 22px; height: 22px; background-position: 0 -120px; }
.ico-operator.i-wechat{ width: 22px; height: 22px; background-position: 0 -145px; }
.ico-operator.i-phone {
width: 26px;
height: 26px;
background-position: 0 -170px;
}
/**/
.red-dot { width: 8px; height: 8px; border-radius: 50%; background-color: #ec3b3b; }
.arrow { display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; vertical-align: -2px; border: 0 dashed transparent; border-width: 6px; }
/* form */
.input-txt { position: relative; z-index: 10; }
.input-txt .tips { position: absolute; z-index: -1; }
.input-txt .txt { background-color: rgba(0, 0, 0, 0); }
.input-txt-focus { border-color: #0057ff !important }
/* btn */
.btn {
height: 32px; background-color: #0057ff; border-radius: 16px;
font-size: 14px; line-height: 32px; text-align: center; color: #fff; cursor: pointer;
}
.btn-red { background-color: #ec3b3b; }
.btn:hover { background-color: #3e80ff; color: #fff; }
.btn-red:hover { background-color: #f66a6a; }
.btn-line, .btn-disable { height: 30px; border: 1px solid #000; color: #000; background: none; }
.btn-line:hover { border-color: #0057ff; color: #0057ff; background: none; }
.btn-line.btn-red { border-color: #ec3b3b; color: #ec3b3b; background: none; }
.btn-line.btn-red:hover { background-color: #ec3b3b; color: #fff; }
.btn-line.btn-blue { border-color: #0057ff; color: #0057ff; background: none; }
.btn-line.btn-blue:hover { background-color: #0057ff; color: #fff; }
.btn-disable, .btn-disable:hover { background-color: #f5f5f5; border-color: #eee; color: #ccc; }
/* color */
.bg-ff { background-color: #fff; }
.bg-f8 { background-color: #f8f8f8; }
.box-shadow { background-color: #fff; box-shadow: 0 4px 20px rgba(0,0,0, .05); }
.box-shadow2{ background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0, .1); }
.borb1 { border-bottom: 1px solid #eee; }
.s-blue { color: #0057ff !important; }
.s-red { color: #ec3b3b !important; }
.s-c0 { color: #000 !important; }
.s-c2 { color: #222 !important; }
.s-c3 { color: #333 !important; }
.s-c6 { color: #666 !important; }
.s-c9 { color: #999 !important; }
.s-cb { color: #bbb !important; }
a.s-red:hover, a.s-c0:hover, a.s-c2:hover, a.s-c3:hover, a.s-c6:hover, a.s-c9:hover, a.s-cb:hover { color: #0057ff !important; }
a.s-blue:hover { color: #ec3b3b !important; }
/* margin , padding */
.ma { margin-left: auto; margin-right: auto; }
.ml5 { margin-left: 5px; }
.ml10{ margin-left: 10px; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mt15 {
margin-top: 15px;
}
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mb15 { margin-bottom: 15px; }
.pl30 { padding-left: 30px; }
.pr30 { padding-right: 30px; }
.pb40 { padding-bottom: 40px; }
.p20 { padding:20px; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pb20 { padding-bottom: 20px; }
/* */
.tab-nav span { cursor: pointer; }
.w1200 { width: 1200px; }
.w1225 { width: 1225px; }
.fl { float: left; }
.fr { float: right; }
.block { display: block; }
.none { display: none; }
.hidden { visibility: hidden; }
.ovh { overflow: hidden; }
.img-block img { display: block; width: 100%; height: 100%; }
.img-block-round img { border-radius: 50%; }
.blur { -webkit-filter: blur(10px); filter: blur(10px); } /*模糊*/
.transit { -webkit-transition: all .2s linear; transition: all .2s linear; }
.border-box { box-sizing: border-box; }
#bg-white, #bg-black { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; opacity: .3; filter:alpha(opacity=30); }
#bg-white { background-color: #fff; }
#bg-black { background-color: #000; }
/* drop-down */
.drop-down { position: relative; cursor: pointer; }
.drop-down .drop-txt { overflow: hidden; position: relative; font-size: 14px; color: #999; }
.drop-down .drop-txt .i-top3 { position: absolute; margin-top: 0; }
.drop-down .drop-all {
position: absolute; left: 0; right: 0;
background-color: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, .15); border-radius: 4px;
overflow-x: hidden; overflow-y: scroll;
}
.drop-down .drop-all p { overflow: hidden; }
.drop-down .drop-all p:hover { background-color: #f5f5f5; }
.drop-down .drop-all p.cur { background-color: #0057ff; color: #fff; }
/**/
.drop-down.normal { float: left; width: 120px; }
.drop-down.normal .drop-txt { height: 30px; line-height: 32px; padding: 0 25px 0 9px; border: 1px solid #eee; }
.drop-down.normal .drop-txt .i-top3 { top: 14px; right: 9px; }
.drop-down.normal .drop-all { top: 32px; height: 200px; }
.drop-down.normal .drop-all p { padding: 0 10px; }
.drop-down-show { z-index: 10; }
/**/
.drop-down-disable { background-color: #f5f5f5; }
/* updown-roll-bar */
.updown-roll-bar {}
.updown-roll-bar .ovh { position: relative; }
.updown-roll-bar .ovh .roll-nr { position: absolute; left: 0; top: 0; }
/* shortcut-bar */
.shortcut-bar { line-height: 38px; position: relative; z-index: 800; }
/*shor-diqu*/
.shor-diqu { position: relative; }
.shor-diqu .dq-btn { padding: 0 10px; font-size: 12px; color: #999; cursor: pointer; }
.shor-diqu .dq-btn span { margin: 0 4px 0 5px; }
.shor-diqu .dq-btn .i-top3 { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.shor-diqu.hover .dq-btn { background-color: #0057ff; color: #fff; }
.shor-diqu.hover .dq-btn .i-top1 { background-position: 0 -16px; }
.shor-diqu.hover .dq-btn .i-top3 { background-position: 0 -40px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/**/
.dq-popup { position: absolute; left: 0; top: 58px; width: 510px; min-height: 330px; padding-bottom: 20px; }
.dq-popup dl { padding: 27px 0 0; font-size: 16px; }
.dq-popup dl dt { padding: 0 30px; line-height: 20px; color: #999; margin-bottom: 7px; }
.dq-popup dl dd { overflow: hidden; padding: 0 15px; }
.dq-popup dl dd a { float: left; line-height: 32px; white-space: nowrap; margin: 0 14px; }
/**/
.dq-search-bar { margin-top: 30px; }
.dq-search-bar .search-input {
height: 32px; background-color: #eee; border-radius: 16px;
position: relative; padding: 0 20px 0 40px;
}
.dq-search-bar .search-input .i-top12 { position: absolute; left: 9px; top: 13px; }
.dq-search-bar .search-input input { display: block; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-align: center; }
.dq-search-bar .search-input .tips { line-height: 32px; left: 50%; top: 0; margin-left: -135px; }
.dq-search-bar .search-txt { min-height: 24px; line-height: 24px; padding: 10px 0; }
.dq-search-bar .search-txt a { display: inline-block; font-size: 16px; margin: 0 7px; }
/**/
.dq-down-bar { }
.dq-down-bar strong { display: block; font-size: 16px; color: #999; line-height: 20px; margin-bottom: 17px; }
.dq-down-bar .drop-down { width: 140px; background-color: #eee; border-radius: 16px; cursor: pointer; }
.dq-down-bar .drop-down .drop-txt { height: 32px; line-height: 32px; padding: 0 35px 0 19px; }
.dq-down-bar .drop-down .drop-txt span { }
.dq-down-bar .drop-down .drop-txt .i-top3 { top: 16px; right: 15px; }
.dq-down-bar .drop-down .drop-all { top: 32px; height: 200px; }
.dq-down-bar .drop-down .drop-all p { padding: 0 19px; line-height: 40px; height: 40px; border-bottom: 1px solid #eee; }
.dq-down-bar .drop-down .drop-all p:hover { background-color: #f5f5f5; }
.dq-down-bar .drop-down .drop-all p.cur { background-color: #0057ff; color: #fff; }
.dq-down-bar .btn { width: 140px; }
/*shor-link*/
.shor-link { margin-left: 20px; }
.shor-link li { float: left; font-size: 12px; }
.shor-link li a { float: left; color: #999; padding: 0 10px; }
.shor-link li a:hover { background-color: #0057ff; color: #fff; }
/*r-shor*/
.r-shor {}
.r-shor .i-top8 { margin-right: 10px; }
.r-shor .link { float: left; font-size: 12px; color: #999; padding: 0 10px; position: relative; }
.r-shor .link .red-dot { position: absolute; top: 10px; right: 4px; }
.r-shor .link:hover, .r-shor .user-bar.hover .link { background-color: #0057ff; color: #fff !important; }
.r-shor .link:hover .i-top8 { background-position: -15px -15px; }
/**/
.r-shor .user-bar { position: relative; }
.r-shor .user-bar .popup-user { position: absolute; top: 58px; left: 50%; margin-left: -150px; width: 300px; height: 340px; }
.popup-user .yonghu { padding-top: 30px; }
.popup-user .yonghu img { display: block; width: 64px; height: 64px; border-radius: 50%; margin: auto; }
.popup-user .yonghu p { font-size: 18px; text-align: center; margin-top: 10px; }
.popup-user .btn {
display: block; width: 120px; height: 28px; line-height: 28px;
font-size: 14px; color: #fff; margin: auto;
}
.popup-user .erwei { margin-top: 30px; }
.popup-user .erwei img { display: block; width: 86px; height: 86px; margin: auto; }
.popup-user .erwei p { font-size: 16px; color: #999; text-align: center; }
.popup-user .lr-link { padding: 25px 50px 0; overflow: hidden; }
.popup-user .lr-link li { float: left; width: 50%; line-height: 30px; text-align: center; }
.popup-user .lr-link li a { font-size: 16px; position: relative; }
.popup-user .lr-link li a .red-dot { position: absolute; top: -3px; right: -6px; }
/* logo-bar */
.logo-bar { position: relative; width: 100%; z-index: 700; }
.logo-bar .logo { float: left; width: 252px; height: 45px; padding: 23px 0 22px; margin-right: 55px; }
/*menu-nav*/
.logo-bar .menu-nav { float: left; }
.logo-bar .menu-nav li { float: left; }
.logo-bar .menu-nav li a { float: left; font-size: 18px; line-height: 90px; padding: 0 15px; }
.logo-bar .menu-nav li.cur a, .logo-bar .menu-nav li.ct a { color: #0057ff; }
.logo-bar .popup-mn { position: absolute; left: 0; top: 110px; right: 0; border-top: 1px solid #eee; }
.logo-bar .menu-middle { position: absolute; left: 50%; top: 0; }
/*p-nav*/
.p-nav { min-height: 30px; padding: 15px 0; }
.p-nav span { display: inline-block; padding: 0 30px; }
.p-nav span a { display: inline-block; font-size: 16px; line-height: 30px; }
.p-nav .line { display: inline-block; width: 1px; height: 22px; background-color: #eee; vertical-align: middle; margin-top: -3px; }
/*p-search*/
.p-search { padding: 15px 0; }
.p-search .input-txt { display: block; font-size: 16px; position: relative; padding-right: 160px; }
.p-search .input-txt input { text-align: center; width: 100%; height: 28px; line-height: 28px; }
.p-search .input-txt .tips { left: 50%; margin-left: -180px; color: #ddd; line-height: 28px; }
.p-search .input-txt .r-b { position: absolute; top: 0; right: 0; line-height: 28px; *width: 130px; }
.p-search .input-txt .r-b .btn { width: 100px; height: 28px; line-height: 28px; margin-left: 10px; }
/**/
.search-tag { padding-top: 10px; }
.search-tag a {
display: inline-block; line-height: 40px; margin: 4px;
padding: 0 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0, .1);
}
.search-tag a:hover {}
/**/
.p-search .hot-shou { font-size: 14px; color: #bbb; margin-top: 7px; }
.p-search .hot-shou a { margin: 0 10px; }
/*p-daohang*/
.p-daohang { padding: 27px 0 30px; }
.p-daohang dl { float: left; position: relative; }
.p-daohang dt { padding-bottom: 10px; }
.p-daohang dd.h160 { height: 160px; overflow: hidden; }
.p-daohang dd a { float: left; line-height: 32px; color: #666; white-space: nowrap; }
.p-daohang dd.line { position: absolute; right: 0; bottom: 10px; width: 1px; height: 142px; background-color: #eee; }
.p-daohang dl.dh1 { width: 370px; padding: 0 12px 0 60px; }
.p-daohang dl.dh1 dt { padding-left: 12px; padding-right: 12px; }
.p-daohang dl.dh1 dd a { width: 42px; text-align: center; margin: 0 5px; }
.p-daohang dl.dh2 { width: 240px; padding-left: 20px; padding-right: 16px; }
.p-daohang dl.dh2 dt, .p-daohang dl.dh3 dt { padding-left: 10px; padding-right: 10px; }
.p-daohang dl.dh2 dd a, .p-daohang dl.dh3 dd a { width: 60px; margin: 0 10px; }
.p-daohang dl.dh3 { width: 170px; padding-left: 20px; padding-right: 5px; }
.p-daohang dl.dh4 { width: 200px; padding-left: 30px; }
.p-daohang dl.dh4 .w60 { float: left; width: 60px; margin-right: 25px; }
.p-daohang dl.dh4 .w88 { float: left; width: 88px; }
.p-daohang dl a:hover { color: #0057ff; }
/*r-handle*/
.logo-bar .r-handle { }
.logo-bar .r-handle span { float: left; height: 90px; padding: 0 10px; cursor: pointer; margin-left: 10px; }
.logo-bar .r-handle span .ico-topbar { display: block; margin-top: 36px; }
.logo-bar .r-handle span.cur .i-top10 { background-position: -15px -50px; }
.logo-bar .r-handle span.cur .i-top13 { background-position: -35px -21px; }
/* footer */
.footer .ft-k1 a:hover, .footer .ft-k3 .un-ovh a:hover { color: #0057ff; }
.footer .ft-k1 .ip-btn:hover, .footer .ft-k3 .un-btn:hover { color: #fff; }
.footer { padding-bottom: 14px; background: #151515 url('../Images/bg-footer.jpg') no-repeat center bottom; }
.footer .ft-k1 { padding: 26px 0; position: relative; }
.footer .ft-k1 .h-ip { position: absolute; top: 26px; right: 0; font-size: 12px; color: #666; cursor: pointer; }
.footer .ft-k1 .h-ip .ip-btn .arrow { border-top-style: solid; border-top-color: #fff; }
.footer .ft-k1 .h-ip .dq-down-bar { position: absolute; right: 0; bottom: 25px; z-index: 800; width: 450px; height: 80px; padding: 30px; border-radius: 4px; }
.footer .ft-k1 .h-ip .dq-down-bar .arrow { position: absolute; right: 10px; bottom: -12px; border-top-style: solid; border-top-color: #fff; }
.footer .ft-k1 a { color: #fff; margin: 0 10px; -webkit-transition: all .2s linear; transition: all .2s linear; }
/**/
.footer .ft-k2 { margin-top: 30px; }
.footer .ft-k2 dl.fl { width: 440px; height: 86px; overflow: hidden; padding-right: 40px; }
.footer .ft-k2 dl.fl dt { float: left; width: 86px; height: 86px; margin-right: 20px; }
.footer .ft-k2 dl.fl dd { line-height: 24px; color: #666; }
.footer .ft-k2 dl.fl dd strong { display: block; font-size: 18px; font-weight: 500; color: #999; margin-bottom: 16px; }
/**/
.footer .ft-k2 dl.fr { border-left: 2px solid #666; padding-left: 20px; }
.footer .ft-k2 dl.fr dt { height: 20px; }
.footer .ft-k2 dl.fr dt strong { float: left; font-size: 18px; color: #999; font-weight: 500; }
.footer .ft-k2 dl.fr dt .i-top16 { margin-left: 10px; }
.footer .ft-k2 dl.fr dd p { font-size: 24px; color: #fff; line-height: 30px; font-weight: 300; margin: 3px 0 7px; }
.footer .ft-k2 dl.fr dd .btn { display: block; width: 160px; height: 28px; line-height: 28px; font-size: 12px; }
/**/
.footer .ft-k3 { margin-top: 48px; }
.footer .ft-k3 .tab-nav { height: 32px; line-height: 32px; border-bottom: 2px solid #181818; }
.footer .ft-k3 .tab-nav span { float: left; color: #444; margin-right: 20px; }
.footer .ft-k3 .tab-nav .cur { color: #999; }
.footer .ft-k3 .un-pr { position: relative; height: 60px; }
.footer .ft-k3 .unfold-bar { position: absolute; padding-right: 100px; font-size: 12px; }
.footer .ft-k3 .un-ovh { height: 60px; overflow: hidden; }
.footer .ft-k3 .un-ovh .un-nr { padding: 6px 0; overflow: hidden; }
.footer .ft-k3 .un-ovh a {
float: left; color: #444; line-height: 26px; white-space: nowrap; margin-right: 30px;
-webkit-transition: all .2s linear; transition: all .2s linear;
}
.footer .ft-k3 .un-btn { position: absolute; top: 6px; right: 0; color: #555; line-height: 24px; cursor: pointer; }
.footer .ft-k3 .un-btn .i-top3 { margin: -2px 0 0 10px; }
.footer .ft-k3 .show .un-btn .i-top3 { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.footer .ft-k3 .hidden { opacity: 0; }
/**/
.copyright { font-size: 12px; color: #444; line-height: 24px; margin-top: 7px; }
.copyright img { display: inline-block; vertical-align: middle; margin-top: -3px; }
.copyright a { margin-left: 15px; }
.copyright a .i-top17 { margin-right: 5px; }
/**/
.footer-ny .copyright { padding-top: 13px; border-top: 1px solid #000; margin-top: 30px; }
/* nav-f18 */
.nav-f18 { height: 28px; font-size: 18px; line-height: 28px; overflow: hidden; }
/* åž‚ç›´å±…ä¸ */
.center-box { }
.center-box .center-hack { display:inline-block; *display:inline; font-size:0; width:0; height:100%; vertical-align:middle; }
.center-box .center-body {
display: inline-block; /* width: 100%; */
letter-spacing:normal; word-spacing: normal; white-space: normal; word-wrap: break-word;
font-size: 12px; vertical-align: middle;
}
/* 2018-06-26 咨询æ ç›®æ·»åŠ */
.logo-zixun { float: left; width: 76px; height: 22px; line-height: 22px; margin: 33px 0 0 20px; }
/* 2018-08-27 å¢žåŠ åˆ†äº« 点赞 å馈 */
/* ico-feedba */
.ico-feedba { display: inline-block; vertical-align: middle; margin-top: -3px; background: url('../Images/ico-feedba.png') no-repeat; }
.i-feedba1 { width: 16px; height: 18px; background-position: 0 0; }
.i-feedba2 { width: 17px; height: 18px; background-position: -30px 0; }
.i-feedba3 { width: 16px; height: 18px; background-position: -60px 0; }
.i-feedba4 { width: 24px; height: 24px; background-position: 0 -30px; }
.i-feedba5 { width: 24px; height: 19px; background-position: -30px -30px; }
.i-feedba6 { width: 10px; height: 10px; background-position: 0 -60px; }
.i-feedba7 { width: 12px; height: 12px; background-position: -20px -60px; }
/* share */
.share-opera-box { position: relative; padding-top: 20px; }
/* operate */
.operate-box { text-align:center; }
.operate-box a { display:inline-block; margin:0 10px; padding:0 19px; height:34px; line-height:34px; border:1px solid #ddd; border-radius:18px; font-size:14px !important; color:#666; }
.operate-box a em { font-style: normal; }
.share-opera-box .share-box { display: none; position: absolute; z-index: 5; left:50%; bottom: -50px; margin-left: 25px; padding: 15px; background-color: #fff; box-shadow: 0 8px 16px rgba(44, 56, 65, 0.2); }
.share-opera-box .share-box:before { position: absolute; bottom: 60px; left: -16px; border: 8px solid transparent; content: ''; border-right-color: #fff; }
.share-opera-box .share-box a { display: block; margin-bottom: 15px; line-height: 24px; font-size: 12px; color: #999; }
.share-opera-box .share-box a .ico-feedba { margin-right: 16px; }
.share-opera-box .share-box img { display: block; margin: auto; width: 100px; height: 100px; }
.fank-pop { display: none; position: absolute; left: 50%; bottom: 60px; z-index: 4; margin-left: -159px; padding: 25px; width: 288px; text-align: center; background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.fank-pop:before { position: absolute; bottom: -16px; left: 50%; margin-left: -8px; border: 8px solid transparent; content: ''; border-top-color: #fff; }
.fank-pop .t { font-size: 14px; font-weight: bold; }
.fank-pop .b { overflow: hidden; }
.fank-pop .b a { float: left; padding: 0 5px; min-width: 64px; margin: 20px 10px 0; font-size: 12px; white-space: nowrap; word-break: break-all; word-wrap: break-word; height: 32px; line-height: 32px; border: 1px solid #ddd; border-radius: 2px; }
.fank-pop .b a:hover { color: #3560e6; border-color: #3560e6; }
.fank-box { position: relative; margin-left: 30px; }
.fank-box .fank-btn .ico-feedba { margin-right: 5px; margin-top: -2px; }
.fank-box .fank-btn:hover { color: #317fcc; }
.fank-box .fank-pop { bottom: 30px; margin-left: -170px; }
.fank-box-right { position: absolute; top: 25px; right: 30px; }
/* 2018-09-25 旧版 css çš?topbar 被jsè°ƒç”¨æŠ–åŠ¨ï¼Œå’Œæ–°ç‰ˆå†²çª */
body { padding-top: 38px !important; }
.shortcut-bar { position: absolute; left: 0; top: 0; right: 0; }
/* 2018-09-25 å…¨éƒ¨ä¸“é•¿ï¼ŒæŒ‰åœ°åŒºæ‰¾å¾‹å¸ˆæ ·å¼?*/
.mt60 {
margin-top: 70px;
}
/* nav-f30 */
.nav-citynew-f30 {
font-size: 30px;
line-height: 50px;
height: 50px;
}
.nav-citynew-f30 b {
margin-right: 10px;
}
/* search */
.search-h50 {
width: 678px;
height: 48px;
line-height: 48px;
font-size: 16px;
border: 1px solid #bfbfbf;
border-radius: 4px;
padding: 0 130px 0 50px;
}
.search-h50 .txt {
display: block;
width: 100%;
height: 20px;
padding: 14px 0;
}
.search-h50 .i-top10 {
position: absolute;
left: 20px;
top: 16px;
margin-top: 0;
}
.search-h50 .btn {
position: absolute;
top: -1px;
right: -1px;
width: 100px;
height: 50px;
border-radius: 0 4px 4px 0;
}
/* tui-tag */
.tui-tag {
font-size: 18px;
line-height: 40px;
}
.tui-tag a {
float: left;
margin-right: 30px;
}
/* table-type */
.table-type {
border: 1px solid #bfbfbf;
border-radius: 4px;
overflow: hidden;
}
.table-type dl {
border-bottom: 1px solid #dfdfdf;
position: relative;
padding-left: 149px;
}
.table-type dt.center-box {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 148px;
border-right: 1px solid #dfdfdf;
text-align: center;
}
.table-type dt.center-box .center-body {
font-size: 20px;
}
.table-type dd {
padding: 14px 30px 14px 50px;
position: relative;
}
.table-type dd .arrow {
position: absolute;
top: 50%;
left: 0;
margin-top: -7px;
display: none;
border-width: 7px;
border-left-style: solid;
border-left-color: #0057ff;
}
.table-type dd a {
float: left;
white-space: nowrap;
font-size: 14px;
color: #666;
line-height: 32px;
margin-right: 20px;
}
.table-type dd a:hover {
color: #0057ff;
}
.table-type dl:hover dt {
background-color: #0057ff;
border-color: #0057ff;
color: #fff;
font-weight: 600;
}
.table-type dd:hover {
background-color: #f1f1f1;
}
.table-type dd:hover .arrow {
display: block;
}
/**/
.table-type-diqu dl {
padding: 13px 0 13px 80px;
}
.table-type-diqu dt.center-box {
width: 79px;
color: #999;
}
.table-type-diqu dt.center-box .center-body {
font-size: 24px;
font-weight: 600;
}
.table-type-diqu dd {
position: relative;
padding: 5px 50px 5px 245px;
min-height: 32px;
}
.table-type-diqu dd strong {
position: absolute;
left: 0;
top: 10px;
width: 180px;
font-size: 18px;
text-align: right;
}
.table-type-diqu dd .arrow {
top: 13px;
margin-top: 0;
}
.table-type-diqu dd .more-btn {
font-size: 12px;
color: #999;
line-height: 32px;
cursor: pointer;
}
.table-type-diqu dd .shi-bar .more-btn {
float: left;
}
.table-type-diqu dd a {
color: #333;
}
.table-type-diqu dl:hover {
background-color: #f1f1f1;
}
.table-type-diqu .quxian-bar li {
overflow: hidden;
}
.table-type-diqu .quxian-bar li span {
float: left;
line-height: 32px;
font-weight: 600;
margin-right: 15px;
}
.table-type-diqu .quxian-bar li a {
color: #999;
margin-right: 15px;
}
.table-type-diqu .quxian-bar li a:hover {
color: #0057ff;
}
.table-type-diqu .quxian-bar .more-btn {
float: right;
}
.table-type-diqu .quxian-bar .more-btn .i-top3 {
transform: rotate(180deg);
}
.city-nav-nopadding {
padding-top: 0px !important;
}
.table-type dd span {
float: left;
white-space: nowrap;
font-size: 14px;
color: #333;
line-height: 32px;
margin-right: 20px;
}
.city-list-input-keyword {
position: absolute;
top: 50px;
left: 170px;
background: #fff;
padding: 20px;
box-shadow: 0 2px 10px rgba(0,0,0,.1);
font-size: 16px;
line-height: 24px;
width: 820px;
text-align: center;
border-radius: 0 0 4px 4px;
}
.city-list-input-keyword a {
margin-right: 15px;
}
.table-type dd strong a {
position: absolute;
left: 0;
top: 10px;
width: 180px;
font-size: 18px;
text-align: right;
line-height: 0;
}
.diqu-city-strong-a {
color: #333 !important;
margin-right: 0 !important;
}
/* 2018-09-27 #3771 首页优化è¿ä»£ */
.i-top22{ width: 24px; height: 21px; background-position: -55px 0; }
.i-top23{ width: 24px; height: 21px; background-position: -55px -25px; }
.i-top24{ width: 20px; height: 17px; background-position: -55px -50px; }
.i-char12 { width: 20px; height: 28px; background-position: 0 -110px; }
.i-char13 { width: 20px; height: 28px; background-position: -25px -110px; }
.shor-link li a.s-blue:hover { color: #fff !important; }
/* topBar çš?r-menu */
.r-menu { font-size: 12px; color: #999; padding: 0 10px; cursor: pointer; }
.r-menu .i-top3 { margin-left: 5px; transform: rotate(0deg); }
.r-menu.cur { background-color: #0057ff; color: #fff; }
.r-menu.cur .i-top3 { background-position: 0 -40px; transform: rotate(180deg); }
.shortcut-bar .popup-mn { position: absolute; left: 0; top: 58px; right: 0; display: none; }
/* topBar �dq-popup 地区修改 */
.dq-popup { width: 610px; height: auto; }
.dq-popup dl dd { font-size: 14px; }
.dq-popup dl dd a { margin-right: 4px; }
.dq-popup dl dd .tab-zimu { height: 32px; line-height: 32px; }
.dq-popup dl dd .tab-zimu span { font-size: 16px; color: #333; font-weight: 600; margin-left: 14px; cursor: pointer; }
.dq-popup dl dd .tab-zimu span.cur { color: #0057ff; }
/* logo-bar æœç´¢ï¼Œå’¨è¯?*/
.logo-bar .menu-nav li { margin: 35px 15px; }
.logo-bar .menu-nav li a { padding: 0; line-height: 20px; }
.logo-bar .menu-nav li.cur a, .logo-bar .menu-nav li.ct a {
color: #0057ff;
}
.logo-bar .r-handle span { line-height: 90px; }
.logo-bar .r-handle span .ico-topbar, .logo-bar .r-handle a .ico-topbar { display: inline-block; margin: -2px 10px 0 0; }
.logo-bar .r-handle a { float: left; height: 90px; line-height: 90px; padding: 0 10px; cursor: pointer; margin-left: 10px; }
.logo-bar .r-handle a:hover { color: #666; }
.logo-bar .r-handle a:hover .i-top22 { background-position: -55px -25px; }
/* footer 修改 */
.footer .ft-k2 dl.tel400 { float: left; border-left: 2px solid #666; padding-left: 20px; margin-right: 30px; }
.footer .ft-k2 dl.tel400 dt { height: 20px; }
.footer .ft-k2 dl.tel400 dt strong { float: left; font-size: 18px; color: #999; font-weight: 500; }
.footer .ft-k2 dl.tel400 dt .i-top16 { margin-left: 10px; }
.footer .ft-k2 dl.tel400 dd p { font-size: 24px; color: #fff; line-height: 30px; margin: 7px 0 5px; }
.footer .ft-k2 dl.tel400 dd span { font-size: 12px; color: #999; }
.footer .ft-k2 .kefu { float: left; width: 120px; padding-top: 5px; }
.footer .ft-k2 .kefu .btn { display: block; height: 30px; line-height: 30px; font-size: 12px; }
.footer .ft-k2 .kefu .btn .ico-topbar { margin-right: 6px; }
.footer .ft-k2 .r-ew { float: right; }
.footer .ft-k2 dl.erwei { float: left; width: 270px; height: 86px; overflow: hidden; padding-left: 40px; }
.footer .ft-k2 dl.erwei.w250 { width: 250px; }
.footer .ft-k2 dl.erwei dt { float: left; width: 86px; height: 86px; margin-right: 20px; }
.footer .ft-k2 dl.erwei dd { line-height: 24px; color: #666; }
.footer .ft-k2 dl.erwei dd strong { display: block; font-size: 18px; font-weight: 500; color: #999; margin-bottom: 16px; }
/* magnify 图片移入放大 */
.magnify { overflow: hidden; }
.magnify img { transform: scale(1); transition: all .3s linear; }
.magnify:hover img { transform: scale(1.05); }
/* scroll-bar è½®æ’滚动æ’件结构 */
.scroll-bar { overflow: hidden; position: relative; z-index: 10; }
.scroll-bar .scroll-img { position: relative; width: 100%; }
.scroll-bar .scroll-img li { float: left; }
/**/
.scroll-bar .scroll-dot { position: absolute; z-index: 20; width: 100%; text-align: center; }
.scroll-bar .scroll-dot .dot-item { display: inline-block; border-radius: 50%; margin: 0 5px; cursor: pointer; }
.scroll-bar .scroll-dot .dot-ct { }
/**/
.scroll-bar .scroll-btn { position: absolute; top: 50%; z-index: 10; cursor: pointer; transition: all .15s linear; }
.scroll-bar .scroll-btn:hover { opacity: .5; }
/* .scroll-bar .scroll-btn {
position: absolute; top: 50%; z-index: 10;
width: 20px; height: 50px; line-height: 50px; cursor: pointer;
background-color: #607d8b; color: #fff; text-align: center;
}*/
.scroll-bar .l-btn { left: 0; }
.scroll-bar .r-btn { right: 0; }
/* 2018-11-23 底部内链 */
/* ico-boult */
.ico-boult { display: inline-block; vertical-align: middle; margin-top: -3px; background: url('../Images/ico-boult.png') no-repeat; }
.i-bot1, .i-bot2 { width: 9px; height: 5px; }
.i-bot1 { background-position: 0 0; }
.i-bot2 { background-position: 0 -10px; }
/* friendship-links */
.friendship-links { position: relative; padding-left: 92px; line-height: 28px; min-height: 28px; margin-bottom: 10px; overflow: hidden; }
.friendship-links .label { position: absolute; top: 0; left: 0; color: #222; font-size: 14px; font-weight: bold; width: 90px; }
.friendship-links .friendship-links .label { color: #aaa; font-weight: normal; }
.friendship-con { position: relative; padding-right: 44px; min-height: 28px; }
.friendship-con .zk-btn { display: none; position: absolute; top: 0; right: 0; cursor: pointer; color: #0057ff; font-size: 12px; }
.friendship-con .zk-btn .ico-boult { margin-left: 3px; }
.friendship-con .sq-btn .ico-boult { background-position: 0 -10px; }
.friendship-con .ovh { height: 28px; overflow: hidden; -webkit-transition: height .3s linear; transition: height .3s linear; }
.friend-link-con { overflow: hidden; }
.friend-link-con a { float: left; white-space: nowrap; margin-right: 20px; font-size: 14px; color: #666; }
.friend-link-con a:hover { color: #0057ff; }
/* 2019-04-23 #5237 */
.weizhi { font-size: 12px; color: #999; }
.weizhi a { color: #999; }
.weizhi a:hover { color: #0057ff; }
.img-bg-pop {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 5;
background: linear-gradient(180deg,rgba(0,0,0, 0) 0%, rgba(0,0,0, .8) 100%);
}
/* .p-nav > .zc-f14 */
.zc-f14 { padding-left: 310px; padding-right: 350px; position: relative; }
.zc-f14 dt { position: absolute; left: 0; top: 20px; width: 310px; }
.zc-f14 dt a { font-size: 16px; color: #0057ff; }
.zc-f14 dt .i-cb8 { margin-left: 10px; }
.zc-f14 dd { min-height: 64px; overflow: hidden; }
.zc-f14 dd a { float: left; padding: 0 14px; line-height: 32px; position: relative; }
.zc-f14 dd a:after {
position: absolute; top: 9px; right: 0;
width: 1px; height: 14px; background-color: #eee; content: '';
}
/* tab-bar */
.tab-bar .tab-nv { cursor: pointer; }
/* 2019-07-23 page-bar */
.page-bar { color: #aaa; font-size: 14px; }
.page-bar a,
.page-bar span,
.page-bar a.disabled:hover {
display: inline-block; margin: 0 5px;
min-width: 40px; height: 40px; line-height: 40px; text-align: center;
background-color: #edeff2; color: #909399 !important;
}
.page-bar .btn-prev,
.page-bar .btn-next { font-family: 'SimSun'; font-weight: 600; }
.page-bar a:hover,
.page-bar a.cur,
.page-bar span.cur { background-color: #0057ff; color: #fff !important; }
/* 2019-08-09 #6792 */
.iconfont { display: inline-block; vertical-align: middle; margin-top: -2px; }
/* nav-blue-line */
.nav-blue-line { position: relative; }
.nav-blue-line:before { position: absolute; left: 0; background-color: #0057ff; content: ''; }
/* 2020-03-04 #10068 */
/* footer */
.footer { padding-bottom: 40px; }
.footer .ft-k4 { padding-top: 50px; margin-bottom: 40px; }
.footer .ft-k4 .logo { display: block; margin-right: 60px; padding-top: 42px; width: 161px; }
.footer .ft-k4 .logo a, .footer .ft-k4 .logo img { display: block; width: 161px; height: 109px; }
.footer .ft-k4 .milddle { border-left: 1px solid #242424; padding-left: 60px; width: 295px; }
.footer .ft-k4 .milddle .txt-a { font-size: 14px; color: #999; }
.footer .ft-k4 .milddle .txt-b { font-size: 24px; color: #f8f8f8; line-height: 28px; margin-top: 7px; }
.footer .ft-k4 .milddle .btn { float: left; width: 80px; height: 24px; line-height: 24px; font-size: 12px; margin: 10px 10px 0 0; }
.footer .ft-k4 .milddle .txt-c { margin-top: 25px; font-size: 14px; color: #999; }
.footer .ft-k4 .milddle .txt-d { margin-top: 5px; font-size: 18px; color: #f8f8f8; line-height: 24px; }
.footer .ft-k4 .link { margin-right: 100px; font-size: 14px; }
.footer .ft-k4 .link .dt { color: #fff; font-weight: bold; }
.footer .ft-k4 .link a { display: block; margin-top: 15px; color: #666; }
.footer .ft-k4 .link a:hover { color: #0057ff; }
.footer .ft-k4 .our dt { font-size: 14px; color: #fff; font-weight: bold; margin-left: 5px; }
.footer .ft-k4 .our dd { margin-top: 19px; text-align: center; }
.footer .ft-k4 .our dd .ecod { display: block; margin: auto; width: 90px; height: 90px; }
.footer .ft-k4 .our dd .txt { font-size: 12px; color: #666; margin-top: 15px; }
.footer .ft-k4 .our .mr60 { margin-right: 60px; }
/* 2020-03-09 #9975 */
.ico-lawonline { display: inline-block; vertical-align: middle; margin-top: -3px; background: url('../Images/icon_lawonline.png') no-repeat; }
.mt10 { margin-top: 10px; }