body { font-family: "Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; color: #666666; font-size: 12px; }
.clear:after{content: "."; display:block; height:0; clear:both; visibility:hidden;}  
* html .clear{display:inline-block; width:100%;}  
* html .clear{height: 1%;}   
*+html .clear{min-height:1%;} 
*{word-wrap: break-word;word-break:break-all;}
a{ color: #666666; text-decoration: none; }
a:hover{ color: #d8000f; text-decoration: none; }
a:focus{ color: #d8000f; text-decoration: none; outline: none; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 10px; padding-left: 0px; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{ outline: none; }
textarea.form-control{ max-width:100%; }
input[type=radio] {
    vertical-align: sub;
    margin-right: 4px;
}

.left{ float: left !important; }
.right{ float: right !important; }
.align-l{text-align:left}
.align-r{text-align:right}
.align-c{text-align:center}
.clearboth{ clear: both; }
.dis_none{ display:none !important; }
.dis_block{ display:block; }
.relative{ position: relative; }
.size12{ font-size: 12px !important; }
.size14{ font-size: 14px !important; }
.size15{ font-size: 15px !important; }
.size16{ font-size: 16px !important; }
.size18{ font-size: 18px !important; }
.size20{ font-size: 20px !important; }
.in-block{ display: inline-block; }
.bold{ font-weight: bold; }
.font-normal{ font-weight: normal; }
.height30{ height: 30px; }
.width100{ width:100%; }
.width105{width:105px;}
.marginT10{ margin-top: 10px; }
.marginT20{ margin-top: 20px; }
.marginT25{ margin-top: 25px; }
.marginT30{ margin-top: 30px; }
.marginT40{ margin-top: 40px; }
.marginL20{margin-left:20px;}
.marginL5{margin-left:5px;}
.marginL30{margin-left:30px;}
.marginB20{ margin-bottom: 20px; }
.paddinT40{padding-top:40px;}
.paddinL0{padding-left: 0px !important;}
.paddinR0{padding-right:0px !important;}
.paddinL30{padding-left:30px;}
.paddinL50{padding-left:50px;}
.red{ color: #d8000f !important;}
.black{color:black}
.m-h700{ min-height: 700px; }

.orange{ color: #f36008 !important; }
.green{ color: #64b802 !important; }
.grey-bg{ background-color: #f0f0f0; }
.gery333{ color: #333 !important; }
.gary666{color: #666;}
.gery999{ color: #999; }

.btn{border-radius:0;}
.red-btn{ background-color: #d8000f; color: #fff; outline: none; }
.red-btn:hover{ background-color: #b00611; color: #fff; }
.red-btn:focus{ color: #fff; }
.grey-btn{ background-color: #f0f3f5; color: #666; outline: none; }
.grey-btn:hover{ background-color: #dcdfe0; color: #666; }
.grey-btn:focus{ color: #666; }
.orange-btn{ background-color: #ff9400; color: #fff; outline: none; }
.orange-btn:hover{ background-color: #e48501; color: #fff; }
.orange-btn:focus{ color: #fff; }
.black-btn{border:0 !important;color:#fff !important;background-color:#000 !important;outline: none;}
.black-btn:hover{border:0 !important;color:#fff !important;background-color:#000 !important;outline: none;}
.black-btn:focus{ color: #fff; }
.btn-yellow{border:1px solid #ea7f00;color:#ea7f00;outline: none;}
.btn-yellow:hover{background-color:#ea7f00;color:#fff}
.btn-red{border:1px solid #e60002;color:#e60002;outline: none;}
.btn-red:hover{background-color:#e60002;color:#fff}
.btn-grey{border:1px solid #ddd;color:#666;background-color:transparent;outline: none;}
.btn-grey:hover{background-color:#ddd; color: #fff;}

ul{ padding-left: 0; margin-bottom: 0; }
ul li{ list-style: none; }
em{ font-style: normal; }
@media (min-width: 1025px) {
    .container {
        width: 1200px;
    }
}
.tl-main,.w1200{ width: 1200px; margin: 0 auto; }

::-ms-clear{display: none;}
::-ms-reveal{display: none;}

/******* header styles *******/
#header .container{ padding-left: 0; padding-right: 0;height:150px;position:relative;}
#header .header-top{ height: 37px; line-height: 36px;  border-bottom: 1px solid #dedede; }
#header .header-top li{ float:left; padding:0 14px; color:#120a02;position:relative;}
#header .header-top li a{color:#120a02;}
#header .header-top li a:hover{color:#ff6600;}
#header .header-top li.s{ padding-left: 15px; padding-right: 15px; color: #b0b0b0; }
#header .header-top .iphoneApp{position: relative;background:url("../images/icon/icon-new.png") no-repeat 0 0;display:inline-block;width:9px;height:14px;top:3px;left:-3px;}
#header .header-top .phone{ position: relative; top: 2px; display: inline-block; width: 15px; height: 13px; margin-right: 5px; background:url("../images/icon/icon-new.png") no-repeat -11px 0px; margin-left:0;}
#header .header-top li.helpCenter a{cursor: default;}
#header .header-top li.helpCenter a.pointer{ cursor: pointer; }
#header .header-top li.helpCenter:hover a.pointer{ color:#ff6600; }
#header .header-top li.helpCenter:hover{background-color: #fff;}
#header .header-top li.helpCenter a:hover{color:#120a02;}
#header .header-top li.helpCenter:hover dl{display: block;}
#header .header-top li.helpCenter dl{
	width:100%;
	position:absolute;
	top:36px;
	background-color: #fff;
	left:0;
	display: none;
	padding: 0;
    margin: 0;
    border: 0;
    min-width: 100%;
    border-radius: 0;
    box-shadow: none;
}
#header .header-top li.helpCenter dl dd{
	line-height: 36px;
	width:100%;
	text-align: center;
}
#header .header-top li.helpCenter dl dd a{
	font-size: 12px;
	cursor: pointer;
}
#header .header-top li.helpCenter dl dd a:hover{
	color:#ff6600;
}
#header .top-login{ margin-right: 0px; }
#header .top-login a{padding:0 14px;color:#120a02;}
#header .top-login a:hover{color:#ff6600;}
#header .top-login .no-login{ margin-right: 0px; }
#header .top-login .no-login .line-right{top:3px;}
#header .top-login .login-name-message{ color: #120a02;width:95px;}
#header .top-login .login-name img{ margin-right: 6px;margin-bottom:3px; }
#header .logo{ float: left; width:209px; height:54px;position: relative;top: 50%;margin-top: -27px;left: 0;}
#header .logo a{height:59px; width:100%; display:inline-block; z-index:999;}
#header .map{ 
	float: left;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    margin: 0 0 0 50px;
    padding-left: 50px;
    border-left: 1px solid #eee;
    position: relative;
    top: 50%;
    margin-top: -30px;
}
#header .release-button{ float: right; margin-top:50px;}
#header .release-button a{ 
    display: inline-block;
    width: 174px;
    height: 44px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #ff6600;
    background-color: #fff;
    border: 2px solid #ff6600;
}
#header .release-button a:hover{background-color: #ff6600;color:#fff;}
#header-user .logo{ width:210px; }
#header .logo img,#header-user .logo img{ max-width:209px;overflow:hidden;outline:none; }
#header .zhibaotong{float:left;margin-top:23px;margin-left:60px;}
#header .zhibaotong a{display:inline-block;}
#header .zhibaotong span{display:block;width:120px;height:38px;background:url(/resources/B2B/images/icon/icon-new.png) no-repeat 0 -70px;}
#header .zhibaotong p{margin-top:4px;}

#header .login-on{ position: relative; }
#header .login-on .red-badge{ position: absolute; left: 40px; top:4px; display: inline-block; width: 8px; height: 8px; background-color: #d8000f; border-radius: 4px; }
#header .loginstatus .login-on li{padding-left:15px;}
#header .loginstatus .login-on a{width:100%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
#header .login-on .userDownIcon{width:9px;height:6px;display: inline-block;background: url(../images/icon/modify-down.png) no-repeat;position: absolute;left:13px;top:16px;}
#header .login-name{ display: block;cursor: pointer; }
#header .login-name b{ display: inline-block; width: 0; height: 0; margin-left: 5px; margin-right: 8px; vertical-align: 2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #acacac; -webkit-transition:-webkit-transform .5s ease;-moz-transition:-moz-transform .5s ease;-o-transition:-o-transform .5s ease;-ms-transition:-ms-transform .5s ease;transition:transform .5s ease; }
#header .user-dropdown{ display: none; position: absolute; top: 34px; left: 0; min-width: 125px; background-color: #fff; z-index: 22; }
#header .user-dropdown li{ width: 100%; height: 34px; }
#header .user-dropdown li:last-child{ border-bottom: none; }
#header .user-dropdown a{ display: block; margin-left:0px; padding: 0;}
#header .user-dropdown i{ display: inline-block; width: 14px; height: 12px; margin-right: 5px; background:url("../images/icon/icon.png") no-repeat; vertical-align:middle; }
#header .user-dropdown i.usericon1{ background-position: -50px -400px; }
#header .user-dropdown i.usericon2{ background-position: -75px -400px; }
#header .user-dropdown i.usericon3{ background-position: -105px -400px; }
#header .user-dropdown i.usericon4{ background-position: -135px -400px; }
#header .user-dropdown i.usericon5{ background-position: -160px -400px; }
#header .user-dropdown i.usericon6{ background-position: -185px -400px; }
#header .user-dropdown i.usericon7{ background-position: -210px -400px; }
#header .user-dropdown i.usericon8{ background-position: -230px -400px; }
#header .user-dropdown em{ float: right; display: inline-block; min-width: 38px; margin-left: 10px; color: #cb0311; }
#header .user-dropdown li:hover a,#header .user-dropdown li:hover em{ color: #ff6600; }
#header .login-on:hover .login-name{ background-color: #fff; position:relative;}
#header .login-on:hover .user-dropdown{ display: block; }
 
/****** header city style ******/
.local-city{ position: relative; }
.local-city .city-on{ display: block; margin-left: 10px; padding-left: 10px; padding-right: 10px; border-left: 1px solid transparent; border-right: 1px solid transparent; cursor: pointer; }
.local-city .city-on cite{ display: inline-block; font-style: normal; }
.local-city .city-on b{ display: inline-block; width: 0; height: 0; vertical-align: 2px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #acacac; -webkit-transition:-webkit-transform .5s ease;-moz-transition:-moz-transform .5s ease;-o-transition:-o-transform .5s ease;-ms-transition:-ms-transform .5s ease;transition:transform .5s ease; }
.local-city:hover b{ border-top: 4px solid #acacac; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
.local-city .city-popover{ display: none; position: absolute; top: 34px; left: 10px;  width: 312px; padding: 10px; background-color: #fff; border: 1px solid #ddd; border-top: none; z-index: 22; }
.local-city .city-popover li{ float: left; width:58px; line-height: 30px; }
.local-city .city-popover li a{ padding: 4px 10px; }
.local-city .city-popover li a:hover{ background-color:#999 ; color: #fff; }
.local-city .city-popover li a.select{ background-color: #e60012; color: #fff; }
.local-city:hover .city-on{ background-color: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.local-city:hover .city-popover{ display: block; }

/****** header search style ******/
#header .header-search{ float: left; width: 588px; margin-top: 50px; font-size: 14px; }
#header .search-form{ height: 44px; background-color:#fff; border-width: 2px; border-style:solid; position:relative;width:100%;}
.header-search .select-category{ position: relative;  height:26px; top:-28px;left:-2px;}
.header-search .select-category .select-btn{ display: inline-block; height:36px; line-height: 36px; cursor: pointer; }
.header-search .select-category .select-btn cite{ font-style: normal; margin-left: 15px; margin-right: 10px; cursor: pointer; }
.header-search .select-category .select-title{display:block;position: absolute; top:0; left: 0; z-index: 9; }
.header-search .select-category .select-title li{ list-style: none;cursor: pointer; float: left;padding: 0 20px;height: 26px;line-height: 26px;color: #666666;}
.header-search .select-category .select-title li.active{color: #fff;}
.header-search .select-category .select-title li:hover{color:#f60;}
.header-search .search-input{ 
    float: left;
    width: 487px;
    border: none;
    padding: 10px 10px;
    font-size: 14px;
    outline: none;
    box-sizing: content-box;
    margin-top: -26px;
}
.header-search .search-input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.header-search .search-btn{ display: block; float: right; width: 77px; height: 40px; line-height: 40px; top:0; text-align: center; color: #fff; font-size: 16px; text-decoration: none; margin-top:-26px; }
.header-search .hot-search{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-search .hot-search a{ display: inline-block; font-size: 12px; margin: 9px 13px 0 0; color: #999;}

/********* header nav style **********/
.header-navbar{ height: 44px; background-color: #d8000f; border: 1px solid #6f040c; }
.header-navbar .category-nav{ position: relative; float: left; width: 220px; height: 42px; background-color: #90000a; }
.header-navbar .category-title{ padding-left: 20px; padding-right: 12px; line-height: 42px; font-size: 16px; color: #fff; }
.header-navbar .category-title .glyphicon{ padding-top: 13px; }
.header-navbar .category-menu{ display: none; position: absolute; top: 42px; left: 0; width: 220px; border-color: #90000a; border-style: solid; border-width: 1px 3px 3px 3px; background-color: #fff; z-index: 19; }
.header-navbar .category-nav:hover .category-menu{ display: block; }
.header-navbar .category-item { display: block; height: 38px; background-color: #fff; border-top: 1px solid transparent; border-bottom: 1px solid #eee; z-index: 9; }
.header-navbar .category-item h2{ position: relative; left: 1px; display: block; font-size: 14px; margin-top: 0; margin-bottom: 0; padding-left: 15px; padding-right: 10px; line-height: 36px; border-right: 1px solid transparent; cursor: pointer; z-index: 20; }
.header-navbar .category-item:last-child h2{ line-height: 38px;}
.header-navbar .category-item h2.on{ border-right: 1px solid #fff; }
.header-navbar .category-item .glyphicon-menu-right{ float: right; color: #90000a; line-height: 38px; }
.header-navbar .category-item:hover { background-color: #fff; border-top-color: #90000a; border-bottom-color: #90000a; border-right-color: #fff; }
.header-navbar .category-item:last-child{ border-bottom-color: transparent; }
.header-navbar .category-item:last-child .on{ line-height:38px; }
.header-navbar .category-item:hover .category-item-box { display: block; }
.header-navbar .category-item-box { display: none; position: absolute; top: -1px; left: 214px; width: 540px; min-height: 423px; padding-bottom: 2px; border: 1px solid #90000a; background-color: #fff; z-index: 6; }
.header-navbar .category-item-box .category-dl{ float: left; width: 318px; padding: 0 15px; overflow: hidden; }
.header-navbar .category-item-box dl{ margin-bottom: 18px; }
.header-navbar .category-item-box dt h3{ margin-top:15px; padding-left: 10px; padding-bottom: 6px; font-size: 13px; color: #90000a; border-bottom:1px solid #ddd; }
.header-navbar .category-item-box dt h3 a{ color: #90000a; }
.header-navbar .category-item-box dd{ padding-left: 10px; line-height: 22px; }
.header-navbar .category-item-box dd a{ display: inline-block; margin-right: 5px; white-space:nowrap; }
.header-navbar .category-item-box .brand-show{ width: 220px; }
.header-navbar .category-item-box .brand-show img{ height:139px; }
.header-navbar .category-item-box .brand-show a{ display: block; border-bottom:1px solid #ddd; }
.header-navbar .category-item-box .brand-show a:last-child{ border-bottom: none; }

/* @media (max-width: 1367px) { */
/*     .header-navbar .category-menu{ min-height: 484px; } */
/*     .header-navbar .category-item-box{ min-height: 489px; } */
/*     .header-navbar .category-item { height: 44px; } */
/*     .header-navbar .category-item h2{ line-height: 43px; } */
/*     .header-navbar .category-item .glyphicon-menu-right{ line-height: 44px; } */
/*     .header-navbar .category-item:last-child{ height: 40px; } */
/* } */

.header-navbar .navlinks{}
.header-navbar .navlinks li{ float: left; height: 42px; line-height: 42px; padding-left: 70px; }
.header-navbar .navlinks li a{ font-size: 16px; color: #fff; }
.header-navbar .nav-center li{ float: left; height: 42px; line-height: 42px; padding: 0 25px; margin:0 10px; }
.header-navbar .nav-center li:hover{ background-color: #90000a; }
.header-navbar .nav-center li.choose,
.header-navbar .nav-center li.active{ background:url("../images/icon/nav-on.png") no-repeat bottom center; }
.header-navbar .nav-center li a{ display: block; font-size: 16px; color: #fff; }
.header-navbar .qr-code{ position: relative; width: 218px; background-color: #90000a; }
.header-navbar .qr-code .text{ display: block; height: 42px; line-height: 42px; font-size: 16px; color: #fff; text-align: center; cursor: pointer;}
.header-navbar .qr-code .triangle-up { position: absolute; bottom: -1px; left: 100px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f9f9f9; }
.header-navbar .qr-code .qr-img{ display: none; position: absolute; top: 43px; right: 0; width: 218px; z-index: 9; }
.header-navbar .qr-code .qr-img img{ width: 100%;}
.header-navbar .qr-code:hover .qr-img{ display: block; }
.header-navbar .nav-center li a.ccccolor{ color:#cdcdcd; }

/******* footer styles *******/
#footer{ background: #201d1b;  color: #fff;/*height:340px;*/border-top:6px solid #ff6600; }
#footer a{ color: #999; }
#footer a:hover{ color: #fff; text-decoration: underline; }
#footer .footer-text{ margin-top: 40px; margin-bottom: 40px; font-size: 14px; line-height: 28px; }
#footer .footer-links{border-right:1px solid #fff;}
#footer .footer-links ul{ position: relative; float: left; width: 33.3%; padding-left: 38px; }
#footer .footer-links span{ position: absolute; left: 10px; display: inline-block; background:url("../images/icon/icon.png") no-repeat; vertical-align:-4px; }
#footer .footer-links span.security{ width: 22px; height: 22px; background-position: -170px 0; }
#footer .footer-links span.help{ left: 5px; width: 30px; height: 22px; background-position: -200px 0; }
#footer .footer-links span.about{ width: 22px; height: 22px; background-position: -240px 0; }
#footer .customer{ color: #e5e5e5; }
#footer .customer .customer-btn{ padding: 10px 75px; margin-top: 15px; margin-bottom: 15px; font-size: 18px; color: #e5e5e5; background-color: transparent; border: 3px solid #fff; }
#footer .customer .customer-btn:hover{ background-color: #fff; color:#d8000f; text-decoration:none; }
#footer .copyright{ line-height: 20px; text-align: center;color:#999; padding:10px 0; }

#footer .customer{float:left; width:300px; margin-left:120px;}
#footer .customer p{line-height:33px;}
#footer .customer .customer_support{ color:#fff;text-align: left; width:100%; float:left; height:45px; margin-top:20px;}
#footer .customer .customer_support i{background: url("../images/icon/icon.png") no-repeat; display:block; width:45px; height:45px; float:left; margin-right:10px; margin-left:0px;border:0;}
#footer .customer .customer_support i.service{ background-position:left -690px;}
#footer .customer .customer_support i.phone{ background-position:left -740px;}
#footer .customer .customer_support h2{font-size:18px; padding:0; margin:0; line-height:20px;}

#footer .WeChat{ float:right; width:136px; height:auto; text-align: center; line-height:2em;color:#999;}
#footer .WeChat img{width:136px; height:136px;}




#footer-simple{ background-color: #ededed; }
#footer-simple .help-content{ width: 1200px; margin: 0 auto; padding: 30px 60px; background-color: #fff; }
#footer-simple .help-content .title{ margin-left: 110px; padding-left: 20px; font-size: 18px; color: #333; background: url("../images/icon/center-h2.png") no-repeat 6px 5px; }
#footer-simple .help-content .content-li{ float: left; width: 320px; margin-top: 30px; margin-bottom: 20px; font-size: 14px; }
#footer-simple .help-content .cus-qq{ margin-left: 120px;  }
#footer-simple .content-li .icon{ display: inline-block; margin-right: 10px; background: url("../images/icon/icon.png") no-repeat; }
#footer-simple .cus-qq .icon{ float: left; width: 36px; height: 42px; background-position: -265px -600px; }
#footer-simple .cus-qq .qq-btn{ float: left; padding: 5px 20px; margin-top:6px; color: #fff; background-color: #4d4d4d; border-radius:4px; }
#footer-simple .cus-qq .qq-btn:hover{ background-color: #6f6f6f; }
#footer-simple .cus-time .icon{ width: 32px; height: 32px; background-position: -175px -540px; }
#footer-simple .cus-phone .icon{ width: 24px; height: 32px; background-position: -240px -540px; }
#footer-simple .copyright{line-height: 20px; text-align: center; color: #666; background-color: #ededed; padding:10px 0;}

.green-rt { position: relative; top: 3px; display: inline-block; width: 16px; height: 16px; margin-left: 10px; background: url("../images/icon/icon.png") no-repeat; background-position: -180px -290px; }
/*鎼存洟鍎存穱顔芥暭 start*/
.footer-nav ul li{color:#aaaaaa;}
.footer-nav ul li h4{ font-size: 16px; color: #fff; font-weight: normal; margin-top:0}
.footer-zbt{ float: left; display: inline-block; margin-top: 10px; margin-right: 70px; }
.footer-nav ul{margin: 0 45px; float: left; }

#footer .friendLink {width:100%;text-align:center;color:#999;}
#footer .friendLink a{display: inline-block;height:14px;line-height:11px;border-left:1px solid #999;padding:0 13px;margin-bottom:10px;}
#footer .friendLink a:first-child{border-left:0;}


/******* banner style *******/
#myCarousel.carousel{width:709px;height:399px;}
#myCarousel .carousel-inner{position: relative !imporment; width:709px; height: 399px; overflow:hidden;}
#myCarousel .carousel-inner .item{ /* position: absolute !imporment; width:1920px; left:50%; margin-left:-960px; */}
#myCarousel .carousel-inner .item img{ height: 399px; width:709px; cursor:pointer; }
#myCarousel .carousel-ol{ position: absolute; bottom: 30px; width: 100%; }
#myCarousel .carousel-indicators{ position: static; width: 100%; margin: 0; padding: 0 40px; text-align: right; }
#myCarousel .carousel-indicators li{ background-color: #030205; border-color: #030205; }
#myCarousel .carousel-indicators li.active{ width: 38px; height:10px; margin:1px; }

#returnTopImg{ display:none; position:fixed; bottom:120px; right:14px; z-index: 99; }
#returnTopImg b{ display: inline-block; width: 42px; height: 42px; background:url("../images/icon/go-top.png") no-repeat top left; cursor: pointer; }
#returnTopImg b:hover{background-position: top right; }
#FeedbackImg{ display:none; position:fixed; bottom:70px; right:14px; z-index: 99; }
#FeedbackImg b{ display: inline-block; width: 42px; height: 42px; background:url("../images/icon/go-top.png") no-repeat center left; cursor: pointer; }
#FeedbackImg b:hover{background-position: center right; }
#linkService{ display:none; position:fixed; bottom:20px; right:14px; z-index: 99; }
#linkService b{ display: inline-block; width: 42px; height: 42px; background:url("../images/icon/go-top.png") no-repeat bottom left; cursor: pointer; }
#linkService b:hover{background-position: bottom right; }

.tl-table{}

.tl-form{ }
.tl-form .control-label{ font-weight: normal; font-size: 14px; }
.tl-form .control-label em{ font-style: normal; color: #f00; }
.tl-form .warning{ width: 100%; padding: 0 10px; color: #d82128; background-color: #fbe8e9; border: 1px solid #fb888c; }
.tl-form .warning span{ display: table-cell; height: 36px; vertical-align: middle; }
.tl-form .hint{ display: block; width: 100%; padding: 0 10px; color: #545454; background-color: #f7f7f7; border: 1px solid #e5e5e5; }
.tl-form .hint span{ display: table-cell; height: 36px; vertical-align: middle; }
.tl-form .hint.error{ color: #d82128; background-color: #fbe8e9; border: 1px solid #fb888c; }
.tl-form .form-control{ height: 38px; border-radius: 0; box-shadow:none; }
.tl-form .form-control:focus { border-color: #ff9400; }
.tl-form .checkbox input[type="checkbox"]{ margin-top:2px; }

.tl-breadcrumb{ font-size: 18px; color: #999; padding: 8px 15px !important; }
.tl-breadcrumb li{ display: inline-block; }
.new-breadcrumb{ border-bottom: 1px solid #e4e4e4; }
.new-breadcrumb ul{ padding: 8px 20px; }
.new-breadcrumb li{ display: inline-block; }
.step-text{ padding-left: 15px; padding-right: 15px; }
.step-text li{ display: inline-block; font-size: 16px; }
.step-text li span{ padding: 0 10px; }
.step-text li.on{ color: #57c5a0; }

.tl-pages{ margin: 50px 50px 20px 0; }
.pagination{ display: block; text-align:right; }
.pagination ul { float: right; display: inline-block; margin-right: 10px; }
.pagination ul > li { display: inline; cursor:pointer;}
.pagination ul > li > a,
.pagination ul > li > span { position: relative; float: left; padding: 5px 11px; margin-right: 4px; line-height: 1.42857143; color: #000; text-decoration: none; background-color: #eeeeee; border: 1px solid #eeeeee; }
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span { color: #4a4947; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 0px; }
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span { color: #4a4947; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 0px; }
.pagination ul > li > a:hover,
.pagination ul > li > span:hover,
.pagination ul > li > a:focus,
.pagination ul > li > span:focus { color: #fff; background-color: #4a4947; border-color: #4a4947; }
.pagination ul > .active > a,
.pagination ul > .active > span,
.pagination ul > .active > a:hover,
.pagination ul > .active > span:hover,
.pagination ul > .active > a:focus,
.pagination ul > .active > span:focus { z-index: 2; color: #000; cursor: default; background-color: #fff; border-color: #fff !important; }
.pageTotal{ font-size: 14px; }
.pageTotal input{ width: 36px; padding: 2px; margin-left: 4px; margin-right: 4px; text-align: center; border: 1px solid #f0f0f0; background:#fff}
.pageTotal .page-sure{ display: inline-block; color: #4a4947; padding: 4px 14px; background-color: #eee; }
.pageTotal .page-sure:hover{ color: #fff; background-color: #4a4947; }

/********* public review star style ***********/
.star{ width: 90px; height: 16px; background:url("../images/icon/icon.png") no-repeat; }
.star.star1{ background-position:-72px -30px; }
.star.star2{ background-position:-54px -30px; }
.star.star3{ background-position:-36px -30px; }
.star.star4{ background-position:-18px -30px; }
.star.star5{ background-position:0px -30px; }
.star.star0-5{ background-position:-72px -52px; }
.star.star1-5{ background-position:-54px -52px; }
.star.star2-5{ background-position:-36px -52px; }
.star.star3-5{ background-position:-18px -52px; }
.star.star4-5{ background-position:0px -52px; }

/********** index style star ********/
.tl-index{ background-color: #fff; }
.tl-index .title{ position: relative; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; padding: 0 2px; }
.tl-index .title .t-h2{ padding-top: 10px; padding-bottom: 10px; }
.tl-index .title h2{ float: left; font-size: 20px; color: #333; margin: 0; }
.tl-index .title h2 span{float:left; width:26px; height:26px; display:block; border:none; margin-right:15px; background:url("../images/icon/icon-new.png") no-repeat;}
.tl-index .title h2 span.mall{background-position: -26px -20px;}
.tl-index .title h2 span.talent{background-position: -52px -20px;}
.tl-index .title h2 span.portable{background-position: -78px -20px;}
.tl-index .title h2 span.supplier-icon{background-position: 0px -20px;}
.tl-index .title h2 i{border-left:1px solid #dcdcdc; padding-left:17px; margin-left:17px; line-height:26px; font-size:14px; color:#999;font-style: normal;}
.tl-index .title .more{ display: inline-block; float: right; height: 26px; line-height: 24px; padding: 0 15px; font-size: 14px; /* color: #d8000f; border: 1px solid #d8000f; */ }
.tl-index .title .more:hover{ color: #d8000f;  }
.tl-index .title .red-line{ position: absolute; bottom: -3px; left: 0; width: 50px; height: 5px; background-color: #d8000f; }

.tl-index .title ul{float:left;}
.tl-index .title ul li{float:left; padding:0 5px; font-size:14px; line-height:26px; color:#999;}
.tl-index .title .glyphicon-menu-right{color: #343434; font-size: 18px; display: inline-block; margin-top: 3px;}


.tl-title{ position: relative; border-bottom: 1px solid #d8000f; margin-bottom: 20px; padding: 0 2px; }
.tl-title .t-h2{ padding-top: 15px; padding-bottom: 15px; }
.tl-title h2{ float: left; font-size: 16px; color: #333; margin: 0; }
.tl-title .red-line{ position: absolute; bottom: -3px; left: 0; width: 50px; height: 5px; background-color: #d8000f; }

.tl-title-2{position: relative; margin:20px 0;}
.tl-title-2 h2{padding-left: 25px; font-size: 16px; color: #333; margin-bottom: 10px; background: url("../images/icon/center-h2.png") no-repeat 15px center;}

.tl-index .advert{max-height:248px;}
.tl-index .small-advert{ padding-left: 0; padding-right: 0; }
.tl-index .advert img{ width: 100%; }

/********** index top style ********/
.tl-index .tl-index-top{ padding-top: 20px;}
.tl-index .indx-top-con{ padding-bottom: 20px; }
.tl-index .about-server{ /* width: 850px;  */}
.tl-index .security-box{ /* height: 270px; */ }
.tl-index .security-box .title{ height: 45px;background:#ffd400;}
.tl-index .security-box .sec-item{ margin-top: 10px;width:16%; }
.tl-index .security-box .sec-item:nth-child(4){width:19%;}
.tl-index .security-box h2{ position: absolute; top: 5px; left: 0; padding: 10px 23px; font-size: 14px; color: #333; font-weight:bold; }
.tl-index .security-box .sec-item img{ display: block; margin-right:10px; }
.tl-index .security-box .sec-item strong{ display: block; font-size: 14px; color: #000; margin-top: 12px; margin-bottom: 8px; }
.tl-index .tran-process{ padding-top: 12px; padding-bottom: 12px; }
.tl-index .tran-process h2{ font-size: 24px; color: #666; font-weight: bold; margin-left: 5px; margin-right: 5px; }
.tl-index .tran-process li{ float: left; padding-left: 15px; padding-right: 15px; text-align: center; font-size: 14px; }
.tl-index .tran-process img{ display: block; margin: 3px auto; }
.tl-index .tran-process .glyphicon-arrow-right{ color: #fdbd3b; font-size: 26px; margin-top: 20px; }

.tl-index .find-tab{ width: 263px; height: 434px; background-color: #fff; border: 1px solid #eee;top:8px; }
.tl-index .findTab-list{ height: 45px; line-height: 45px; border-bottom: 1px solid #e5e5e5; }
.tl-index .findTab-list li{ display: inline-block; width:49%; text-align:center;position:relative;}
.tl-index .findTab-list li i{width:14px;display:inline-block; position: absolute;top:14px;left:28px;}
.tl-index .findTab-list li.pubProjects i{background-image:url("../images/icon/icon-new.png");background-repeat: no-repeat;background-position: -31px 0;height:16px;}
.tl-index .findTab-list li.seaProjects i{background-image:url("../images/icon/icon-new.png");background-repeat: no-repeat;background-position: -67px 1px;height:16px;}
.tl-index .findTab-list li.active{ display: inline-block; color: #d8000f; border-bottom:2px solid #cf0003;margin-bottom:-2px;  }
.tl-index .findTab-list li.active a{color: #d8000f;}
.tl-index .findTab-list li.pubProjects.active i,.tl-index .findTab-list li.pubProjects a:hover i{background-position: -49px 0;}
.tl-index .findTab-list li.seaProjects.active i,.tl-index .findTab-list li.seaProjects a:hover i{background-position: -86px 1px;}
.tl-index .findTab-content{ padding: 18px 20px 0; }
.tl-index .findTab-content textarea.form-control  { max-height:120px;height:150px; resize:none; }
.tl-index .findTab-content .form-control{ border: 1px solid #e1e1e4; border-radius: 0;height:38px; }
.tl-index .findTab-content .apply-btn{ display: block; width:70%; height: 38px; margin: 0 auto; font-size: 16px; background-color: #cc0001; border: 1px solid #dcdcdc; border-radius: 0; }
.tl-index .findTab-content .apply-btn:hover{ background-color: #b00611; }

.tl-index .tip-box{ height: 36px; line-height: 36px; border-bottom: 1px solid #e4e4e4; }
.tl-index .tip-box .notice{ float: left; width: 325px; margin-right: 30px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl-index .tip-box .notice strong{ font-size: 14px; color: #5b5b5b; padding-right: 10px; }
.tl-index .tip-box .notice .t_news i{ display: inline-block; width: 16px; height: 14px; margin-right: 10px; background:url("../images/icon/icon-new.png") no-repeat -17px -45px; position:relative;top:1px;}
.tl-index .tip-box .notice .t_notice i{ display: inline-block; width: 14px; height: 15px; margin-right: 10px; background:url("../images/icon/icon-new.png") no-repeat 0px -45px; position:relative;top:1px;}
.tl-index .tip-box .look-more{ position: relative; top:-1px; display: block; float: right; padding: 0 25px; height: 36px; line-height: 36px; border: 1px solid #e4e4e4; }
.tl-index .tip-box .look-more:hover{ color: #fff; background: #f36008; border: 1px solid #993c05; }

.tl-index .tl-index-top-center{width:710px;position: relative;top: 8px;left: 216px;height:444px;}


/********** index gonggao huodong style ********/
.t_news{ position:relative; height:19px; padding-left:10px; margin:8px 0; overflow:hidden; }
.t_news strong{ position:absolute; margin-top:-7px; }
.t_news ul{ margin-left:60px; }
.news_li{ display:inline-block; position:absolute; top:0; line-height:19px; padding-left:20px; }

.t_notice{ position:relative; height:19px; margin:8px 0; overflow:hidden; }
.t_notice strong{ position:absolute; margin-top:-7px; }
.t_notice ul{ margin-left:50px; }
.notice_li{ display:inline-block; position:absolute; top:0; padding-left:30px; line-height:19px; }

/********** hot task style ********/
.tl-index .hot-task{ width:446px; height: 406px;}
.tl-index .hot-task .task-tab{ height: 44px; line-height:44px; font-size: 14px; border-bottom: 1px solid #dcdcdc; }
.tl-index .hot-task .task-tab li{ display: inline-block;}
.tl-index .hot-task .task-tab li a{font-size:20px;color:#333;}
.tl-index .hot-task .task-tab li.active{ border-bottom-color: #d8000f }
.tl-index .hot-task .task-tab li.active a{ color: #d8000f; }
.tl-index .hot-task .task-tab .more-task{ float: right; display: inline-block; line-height: 44px; }
.tl-index .hot-task .tab-task-con{ padding: 0;margin-top:5px; }
.tl-index .hot-task .tab-task-con li{ height: 40px; line-height: 40px; border-bottom: 1px dotted #e3e3e3; padding:0 10px;}
.tl-index .hot-task .tab-task-con li:last-child{ border-bottom: 1px solid #e3e3e3; }
.tl-index .hot-task .tab-task-con li span{ display: inline-block; width: 130px; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl-index .hot-task .tab-task-con li span.classification{width:150px;}
.tl-index .hot-task .tab-task-con li span.task-wg{text-align: right; padding-right:20px;width:105px;color:#333;}
.tl-index .hot-task .tab-task-con li span.task-wg b{font-weight:normal;}
.tl-index .hot-task .tab-task-con span.price{ width: 100px; color: #cc0001; font-size: 14px; text-align: left;}
.tl-index .hot-task .tab-task-con .name{ display: inline-block; width: 220px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl-index .hot-task .tab-task-con .name:hover{ color: #f36008; }
.tl-index .hot-task .task-wg{ cursor:default; }
.tl-index .hot-task .task-wg i{ display:none; }
.tl-index .hot-task .task-wg:hover i{ display:inline-block; width: 38px; height: 28px; font-style:normal; margin-left:5px; padding-left:9px; color:#fff; background:url("../images/icon/icon.png") no-repeat -262px -199px; }


.tl-index .high-grade{ width: 235px; height: 406px; border: 1px solid #e5e5e5; }
.tl-index .high-grade .tit{ height: 44px; line-height: 44px; font-size: 14px; border-bottom: 1px solid #e5e5e5; }
.tl-index .high-grade ul{ padding: 6px; }
.tl-index .high-grade li{ padding:12px 10px; font-size: 14px; border-bottom: 1px dotted #eee; }
.tl-index .high-grade li:last-child{ border-bottom: none; }
.tl-index .high-grade li .userImg{ width: 62px; height: 62px; border: 1px solid #d2d2d2; margin-right: 10px; }
.tl-index .high-grade li .name{  display: inline-block; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl-index .high-grade li a:hover{ color: #f36008; }

/********* mall and about us stle *********/
.tl-index .mall-block{ }
.tl-index .mall-block .mall-list{ margin: 10px 0; border: 1px solid #333; }
.tl-index .mall-block .mall-list:hover{ border-color: #d8000f; }
.tl-index .mall-block .mall-list img{ width: 100%; }
.tl-index .mall-block .mall-list .mall-list-div{float:left;display: inline-block;height:200px;padding-top:40px;margin:7px 0;box-sizing:border-box;color:#333333;font-size:12px;}
.tl-index .mall-block .mall-list .pop{border-right:2px solid #333333;text-align:center;width:410px;}
.tl-index .mall-block .mall-list .pop dt{line-height: 1;font-weight:400;}
.tl-index .mall-block .mall-list .pop span{display: block;}
.tl-index .mall-block .mall-list .mall-list-div dt{font-size:48px;color:black}
.tl-index .mall-block .mall-list .mall-list-div dd{line-height: 20px;}
.tl-index .mall-block .text{ height: 75px; padding: 5px 25px 0; background-color: #f0f3f5; }
.tl-index .mall-block .text a{ display: block; font-size: 15px; color: #333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.tl-index .about-us{ font-size: 14px; padding: 15px 0; background-color: #f7f7f7; }
.tl-index .about-us img{ display: block; text-align: center; margin: 10px auto 15px; }
.tl-index .about-us-num{ padding-top: 10px; padding-bottom: 40px; }
.tl-index .about-us-num .col-md-4{width:20%;}
.tl-index .about-us-num .num-title{ font-size: 16px; font-weight: 700; margin-top: 20px; margin-bottom: 20px; }
.tl-index .about-us-num div.b-r{ border-right:1px solid #eee; }
.tl-index .about-us-num span{ display: block; font-size: 16px; font-weight: bold; margin: 10px 0; }
.tl-index .about-us-num span.number{ font-size: 28px; }

/************* public columns styles *************/
.columns2-right .ad img{ width: 100%; }
 
.columns2-right{ width: 220px; }
.columns2-main{ width: 970px; padding-left: 0; padding-right: 0; }
 
/* @media (min-width: 1024px) {
    .col2-left-layout{ margin-left: 255px; }
    .col2-left-layout .col-left{ float: left; width: 255px; margin-left: -255px; padding: 0; }
    .col2-left-layout .col-main{ padding-right: 0; }
} */
.col2-left-layout{ margin-left: 255px; }
.col2-left-layout .col-left{ float: left; width: 255px; margin-left: -255px; padding: 0; }
.col2-left-layout .col-main{ padding-right: 0; }

.col2-left-layout .col-main .nav-tabs{ border-bottom: 3px solid #90000a; }
.col2-left-layout .col-main .nav-tabs li{ float: left; background: #f5f5f5; border: 1px solid #dcdcdc; }
.col2-left-layout .col-main .nav-tabs li.active{ background: #d8000f; border-color: #6f040c; }
.col2-left-layout .col-main .nav-tabs li.active a{ color: #fff; font-weight: bold; }
.col2-left-layout .col-main .nav-tabs a{ color: #666; font-weight: bold; padding: 8px 50px; margin-right: 0; border: none; border-radius: 0; }
.col2-left-layout .col-main .nav-tabs a:hover{ border: none; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border: none; background-color: #d8000f; }
.col2-left-layout .col-main .nav-tabs > li { border: 1px solid #ccc; border-bottom: none; margin-bottom:0; }

/************* col2-left-layout sidebar styles *************/
.sidebar{ padding: 5px; border: 1px solid #dcdcdc; }
.sidebar .sidebar-user{ padding: 25px 20px; background-color: #f4f5fa; }
.sidebar .sidebar-user dt{ float: left; width: 80px; margin-right: 10px; }
.sidebar .sidebar-user dd{ padding-top: 10px; }
.sidebar .sidebar-user .userimage img{ margin-top: 5px; border-radius: 40px; }
.sidebar .sidebar-user .name a{ display: inline-block; max-width: 70px; font-size: 14px; color: #777; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar .sidebar-user .name a:hover{ text-decoration: underline; }
.sidebar .sidebar-user .name i{ position: relative; top: -3px; display: inline-block; width: 17px; height: 17px; background:url("../images/icon/icon.png") no-repeat -120px -210px; }
.sidebar .sidebar-user .dq{ margin-top: 2px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar .sidebar-user .lavel{ display: inline-block; width: 21px; height: 16px; background:url("../images/icon/icon.png") no-repeat -2px -3px; }
.sidebar .sidebar-user .cert{ display: inline-block; width: 18px; height: 16px; background:url("../images/icon/icon.png") no-repeat -30px -1px; }
.sidebar .sidebar-user .cert.cert-on{ background-position: -55px -1px; }
.sidebar .sidebar-user .company{ width: 100%; line-height: 30px; padding: 0 10px; text-align: center; background-color: #fff; border: 1px dashed #eeeeee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar .sidebar-user .links a{ float: left; display: block; width: 50%; color: #ff9400; text-decoration: underline; }

.sidebar-nav{ border: 1px solid #eee; }
.sidebar-nav h2{ height: 50px; line-height: 50px; margin: 0; padding-left: 30px; margin: 0 7px 0 0; font-size: 16px; color: #292929; border-bottom: 1px solid #f5f5f5; font-weight: bold; background: url("../images/icon/center-h2.png") no-repeat 18px 17px; }
.sidebar-nav h2 a{ display:inline-block; width:168px; }
.sidebar-nav li{ position: relative; height: 46px; line-height: 42px; margin-right: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #f5f5f5; }
.sidebar-nav li a{ display: inline-block; width: 180px; font-size: 14px; color: #292929; } 
.sidebar-nav li.on{ border-top-color: #d8000f; border-bottom-color: #d8000f; }
.sidebar-nav li .menu{  padding-left: 20px; }
.sidebar-nav li.on .menu{ background-color: #fff; }
.sidebar-nav li:hover,
.sidebar-nav li a:hover,
.sidebar-nav li.on{ color: #d8000f; }
.sidebar-nav li.on a{ font-weight: 600; }
.sidebar-nav li small{ height: 14px; margin-left: 10px; padding: 0 10px; color: #fff; font-weight: normal; background-color: #d8000f; border-radius: 8px; }
.sidebar-nav .ad-banner{ margin: 50px 15px; }
.sidebar-nav .ad-banner img{ width: 100%; }

/******* public grid style *******/
.public-grid{ /* width: 930px;  padding-left: 15px; padding-right: 15px; */}
.public-grid li{ float: left; width: 256px; padding: 3px; margin:0 6px 14px;border: 1px solid #e5e5e5; }
.public-grid .grid-page{ height: 100%; position: static; display: table; }
.public-grid .grid-page .middle{ display: table-cell; vertical-align: middle; }
.public-grid .grid-page span{ width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 20px; border: 1px solid #434343; border-radius: 18px; cursor: pointer; }

/********* recommend grid style *********/
.boxContent{ /*float: left;  width: 825px; */ overflow: hidden; }
.recommend-grid{ height: 305px; }
.recommend-grid ul, .recommend-grid ul li{ height: 100%; }
.recommend-grid .server-info{ line-height: 22px; }
.recommend-grid .server-info a:hover{ color: #f36008; }
.recommend-grid .server-info .price{ color: #f36008; font-size: 16px; font-weight: bold; }
.recommend-grid .server-info .brief{ padding-top: 10px; color: #666; font-size: 14px; }
.recommend-grid .server-info .s-user{ display: block; width: 100%; font-size: 14px; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recommend-grid .server-info .s-user img{ width: 40px; height: 40px; margin-right: 10px; border-radius: 20px; }
.recommend-grid .server-info .join i{ position: relative; top:3px; display: inline-block; width: 16px; height: 16px; margin-left: 15px; margin-right: 5px; background:url("../images/icon/icon.png") no-repeat; }
.recommend-grid .server-info .join .lx{ background-position: -120px -1px; }
.recommend-grid .server-info .join .gz{ background-position: -145px -1px; }

/********* suppliers grid style*********/
.suppliers-grid{ /* height: 280px; */ font-size: 14px; }
.suppliers-grid ul,.suppliers-grid ul li{ height: 100%; }
.suppliers-grid ul li{ width: 188px; height: 280px; }
.suppliers-grid .sip-img{ border: #e5e5e5 1px solid; }
.suppliers-grid .gys-info{ padding: 0 10px; }
.suppliers-grid .gys-info div{ margin-top: 10px; }
.suppliers-grid .gys-info .name a{ display: inline-block; max-width: 110px; color: #777; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.suppliers-grid .gys-info .name a:hover{ color: #d8000f; }
.suppliers-grid .gys-info .lavel{ display: inline-block; width: 20px; height: 16px; background:url("../images/icon/icon.png") no-repeat 0 -3px; }
.suppliers-grid .gys-info .cert{ display: inline-block; width: 18px; height: 16px; margin-left: 6px; background:url("../images/icon/icon.png") no-repeat -30px -1px; }
.suppliers-grid .gys-info .cert.cert-on{ background-position: -55px -1px; }
/* .suppliers-grid .gys-info .star{ margin-top: 5px; } */
.suppliers-grid .supplier-star{ position: relative; top:-4px; }
.suppliers-grid .gys-tag span{ display: inline-block; height: 28px; line-height: 28px; padding: 0 8px; margin-bottom: 6px; margin-right: 6px; font-size: 12px; background-color: #f0f3f5; border: 1px dotted #e5e5e5; }
.suppliers-grid .gys-info .number{ margin-top: 5px !important; }

/*********** contract page style **********/
.contract-box{ min-height:600px; margin-top: 35px; margin-bottom: 60px; padding: 30px 100px; line-height: 30px; background-color: #fff; }
.contract-box h2{ font-size: 24px; color: #222; text-align: center; margin-bottom: 40px; }
.contract-box .content-text{ padding: 20px 30px; border: 1px solid #eee; }
.contract-box .sign-btn{ display: block; width: 190px; height: 50px; font-size: 18px; margin: 40px auto; border: 1px solid #8f0c12; }

/*********** success tips page style **********/
.tips-page{ padding-top: 150px; }
.tips-page h3{ font-size: 18px; font-weight: bold; color: #1c1b1b; line-height: 30px; }
.tips-page p{ line-height: 24px; }
.tips-page .jump-btn{ display:inline-block; height: 50px; line-height: 46px; padding: 0px 50px; margin-top: 40px; font-size: 18px; font-weight: bold; border: 1px solid #8f0c12; border-radius: 5px; }
.tips-page .tips-icon{ position: relative; top:23px; right: 20px; float: right; display: inline-block; width: 66px; height: 66px; background:url("../images/icon/icon.png") no-repeat; }
.tips-page .tips-icon.success{ background-position: -180px -120px; }
.tips-page .tips-icon.error{ background-position: -90px -120px; }
.tips-page .tips-icon.warning{ background-position: 0px -120px; }
/* @media (max-width: 769px) {
    .contract-box{ padding: 10px 30px; }
    .tips-page{ padding-top: 30px; padding-bottom: 30px; }
} */
.contract-box{ padding: 10px 30px; }
.tips-page{ padding-top: 30px; padding-bottom: 30px; }

/******* findlist page public style ********/
.findlist-page .related-search{ padding: 10px 40px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.findlist-page .related-search a{ margin-left: 15px; margin-right: 15px; }
.findlist-page .filter-block{ padding: 0 15px; border:1px solid #dcdcdc; }
.findlist-page .filter-block dl{ margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid #dcdcdc; }
.findlist-page .filter-block dl:last-child{ border-bottom: none; }
.findlist-page .filter-block dt{ float: left; width: 100px; padding-left: 25px; padding-top: 5px; color: #333; }
.findlist-page .filter-block dd{ margin-left: 100px; }
.findlist-page .filter-block dd a{ display: inline-block; padding: 2px 10px; margin: 3px 8px 3px 0; border: 1px solid transparent; white-space: nowrap; }
.findlist-page .filter-block dd a.select{ color: #fff; padding: 2px 10px; background-color: #d8000f; border: 1px solid #6f040c; }

.findlist-page .list-tabs{ border-bottom: 3px solid #90000a; }
.findlist-page .list-tabs li{ float: left; background: #f5f5f5; border: 1px solid #dcdcdc; }
.findlist-page .list-tabs li.active{ background: #d8000f; border-color: #6f040c; }
.findlist-page .list-tabs li a{ display: block; padding: 10px 30px; }
.findlist-page .list-tabs li.active a{ color: #fff; }

.findlist-page .filter-options{ padding: 0 20px; line-height: 39px; background-color: #f2f2f2; border: 1px solid #ccc; }
.findlist-page .filter-options .sort a{ display: inline-block; padding: 0px 10px; margin-right: 4px; }
.findlist-page .city-popover{ top:40px; }
.findlist-page .filter-search { width: 180px; margin-top: 5px; border: 1px solid #dcdcdc; background-color: #fff; }
.findlist-page .filter-search input{ float: left; width: 148px; height: 28px; line-height: 28px; padding-left: 10px; border: none; outline: none; }
.findlist-page .filter-search .glyphicon-search{ float: right; top: 0; width: 30px; height: 28px; line-height: 28px; text-align: center; font-size: 16px; }
.findlist-page .filter-options .flip{ margin-top: 1px; }
.findlist-page .filter-options .flip .page-num{ margin: 0 15px; }
.findlist-page .filter-options .flip a{ display: inline-block; height: 30px; line-height: 30px; padding: 0 8px; background-color: #fff; border: 1px solid #dcdcdc; }
.findlist-page .filter-options .flip a:hover{ background-color: #4a4947; color: #fff; }
/* @media (min-width: 1200px) {
    .findlist-page .listpage-main{ width: 970px; padding-left: 0; padding-right: 0; }
} */
.findlist-page .listpage-main{ width: 970px; padding-left: 0; padding-right: 0; }
.findlist-page .listpage-right{ width: 220px; }
.findlist-page .list-ad img{ width: 100%; }

.archives-page{ padding-bottom: 50px; word-wrap:break-word; }
.archives-page .user-info{ min-height: 220px; padding:15px 0; /* border: 1px solid #e2e2e2; */ float:left; width:100%; background:#fff;}
.archives-page .userinfo-con{ position: relative; width: 240px; /* min-height: 220px; */ border-right: 1px solid #e2e2e2; }
.archives-page .userinfo-con .user-top{ padding: 30px 65px; }
.archives-page .userimage img{ border-radius: 50%; }
.archives-page .user-info .tran{ position: absolute; top: 35px; right: -12px; width: 12px; height: 27px; background: url("../images/icon/tra-icon.png") no-repeat; }
.archives-page .user-info .user-x{ width: 100%; padding-bottom: 18px; margin-bottom: 10px; border-bottom: 1px dashed #e8e8e8; font-size:14px;}
.archives-page .user-info .user-x .name a{ display: inline-block; font-size: 16px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2em;}
.archives-page .user-info .user-x .name a:hover{ text-decoration: underline; }
.archives-page .user-info .user-x .lavel{ display: inline-block; width: 21px; height: 16px; margin-left: 6px; background:url("../images/icon/icon.png") no-repeat 0 -3px; }
.archives-page .user-info .user-x .cert-img{ margin-top: 10px; }
.archives-page .user-info .user-x .cert{ display: inline-block; width: 18px; height: 16px; background:url("../images/icon/icon.png") no-repeat -30px -1px; }
.archives-page .user-info .user-x .cert.cert-on{ background-position: -55px -1px; }
.archives-page .user-info .user-x .dq i{ position: relative; top: 2px; display: inline-block; width: 17px; height: 17px; background:url("../images/icon/icon.png") no-repeat -120px -210px; }
.archives-page .userinfo-con .user-click{ border-top: 1px solid #e2e2e2;/*  padding: 0 28px; */ }
.archives-page .userinfo-con .user-click li{ display: inline-block; width: 48%; margin: 15px 0; text-align: center; height:25px; }
.archives-page .userinfo-con .user-click li.gz label{cursor: pointer;}

.archives-page .userinfo-con .user-click li.lx{border-left:1px solid #ccc;}
.archives-page .userinfo-con li.gz span{ position: relative; top: 3px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background:url("../images/icon/icon.png") no-repeat 0 -252px; }
/* .archives-page .userinfo-con li.lx{ border-left:1px solid #e2e2e2; } */
.archives-page .userinfo-con li.lx:hover{ color: #f36008; cursor: pointer; }
.archives-page .userinfo-con li.lx span{ position: relative; top:3px; display: inline-block; width: 18px; height: 17px; color: #666; margin-left: 15px; margin-right: 5px; background:url("../images/icon/icon.png") no-repeat -282px -510px; }
.archives-page .user-info .qy-btn{ display: block; width: 180px; height: 40px; margin: 0px auto; font-size: 16px; border: 1px solid #ea7f00; }
.archives-page .user-info .count{ width: 430px; /* border-right: 1px solid #e2e2e2; */}
.archives-page .user-info .color_orangeo{/* color: #ff9933; */color:#333; padding-top:30px;}
.archives-page .user-info .count li{ display: inline-block; width: 205px; padding-left: 20px; font-size: 14px; height:110px; float:left;}
.archives-page .user-info .count .blueo{ display: block; margin: 0 auto; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #1bb5e8; border: 1px solid #1bb5e8; border-radius: 30px; }
.archives-page .user-info .count .orangeo{ display: block; margin: 0 auto; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #f3620b; border: 1px solid #f3620b; border-radius: 30px; }
.archives-page .user-info .count li span{ line-height: 30px; color:#999;}
.archives-page .user-info .count li span.dticon{float: left; display: inline-block; width: 30px; height: 30px; margin-top: 30px; margin-right: 8px; background:url("../images/supplier/icons.png") no-repeat;}
.archives-page .user-info .count li span.dticon1{ background-position: 0 -35px; }
.archives-page .user-info .count li span.dticon2{ background-position: -40px -35px; }
.archives-page .user-info .count li span.dticon3{ background-position: -85px -35px; }
.archives-page .user-info .count li span.dticon4{ background-position: -135px -35px; }
.archives-page .user-info .count li span.dticon5{ background-position: -185px -35px; }
.archives-page .user-info .counta{ border-bottom: 1px dashed #ebebeb; border-right:1px dashed #ebebeb; }
.archives-page .user-info .countb{ border-bottom: 1px dashed #ebebeb; }
.archives-page .user-info .countc{ border-right:1px dashed #ebebeb; }
.archives-page .acco-info{min-height: 220px; padding: 25px; padding-bottom:0; border-right: 1px solid #e2e2e2; float:left; width:508px; }
.archives-page .acco-info dl{ padding: 5px 0; margin-bottom: 0; font-size: 14px; line-height: 30px;}
.archives-page .acco-info dl:last-child{ border-bottom: none; }
.archives-page .acco-info dt{ float: left; width: 75px; text-align: right; color: #333; font-weight:normal}
.archives-page .acco-info dd{ margin-left: 75px; width:370px;}
.archives-page .acco-info dd span{ display: inline-block; padding:0 5px; /* margin: 0 15px 15px 0; padding: 2px 10px; background-color: #fff; border: 1px dashed #e5e5e5; */ }
.archives-page .acco-info dd i{font-style: normal;}
.archives-page .content-box{ padding: 20px 20px 0; border: 1px solid #e2e2e2; margin-left:15px; background:#fff;}
.archives-page .content-box.brief { padding-bottom: 10px; }
.archives-page .content-box.brief p{ text-indent:2em; line-height: 24px; }
.archives-page .records .records-item{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #e4e4e4; }
.archives-page .records .records-item:last-child{ border-bottom: none; }
.archives-page .records .records-item span{ display: block; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.archives-page .records .records-item em{ color: #333; }
.archives-page .records .records-item .name{ color: #455a6e; font-size: 14px; font-weight: bold; }
.archives-page .records .records-item .time{ color: #999; }
.archives-page .certificate{ padding: 15px 35px; }
.archives-page .certificate h3{ padding-left: 22px; font-size: 14px; font-weight:bold; color: #666; margin-bottom: 10px; background: url("../images/icon/center-h2.png") no-repeat 10px center; }
.archives-page .certificate .acc-cert{ padding: 0px 20px 15px; /* border-bottom: 1px solid #eee; */ }
.archives-page .certificate .cerF-box{padding-left:35px;}
.archives-page .certificate .cert-box{ margin-top: 20px; margin-bottom: 10px; }
.archives-page .certificate h4{ color: #666; font-size: 14px; margin-bottom: 10px; }
.archives-page .certificate .cert-text{ display: inline-block; color: #a8a8a8; }
.archives-page .certificate span{ position: relative; top:2px; display: inline-block; width: 40px; height: 40px; margin-right: 10px; background: url("../images/icon/icon.png") no-repeat; }
.archives-page .certificate .phone-cert span.no-cert{ background-position: 0 -290px; }
.archives-page .certificate .phone-cert span{background-position: 0 -795px;}
.archives-page .certificate .id-cert span.no-cert{ background-position: -60px -290px; }
.archives-page .certificate .id-cert span.cert{ background-position: -60px -795px; }
.archives-page .certificate .email-cert span.no-cert{ background-position: -120px -290px; }
.archives-page .certificate .email-cert span.cert{ background-position: -120px -795px; }
.archives-page .certificate i{ display: inline-block; position: relative; top:3px; width: 16px; height: 16px; background: url("../images/icon/icon.png") no-repeat; margin-left: 10px; }
.archives-page .certificate i.certicon{ background-position: -180px -290px; }
.archives-page .certificate i.nocerticon{ background-position: -210px -290px; }
.archives-page .certificate .ente-cert{ padding: 0px 20px; }

/* @media (min-width: 1200px) {
    .archives-page .user-info{ border-right: none; }
    .archives-page .records .pleft80{ padding-left: 80px; }
} */
.archives-page .user-info{ border-right: none; }
.archives-page .records .pleft80{ padding-left: 80px; }

.tl-tips-box{ min-width: 580px; border-top: 3px solid #d50d0d; border-radius: 0px !important; }
.tl-tips-box .closeIcon{ top: -10px !important; right: 20px !important; color: #d8000f; font-size: 38px; font-weight: bold; }
.tips-title{ font-size: 14px; font-weight: normal; padding-bottom: 10px; padding-left: 8px; border-bottom:1px solid #ddd; }
.create-tips{ display: table; /* padding-top: 30px; */ margin: 20px 50px 20px 30px; }
.create-tips img{ margin:0 20px; }
.create-tips .tip-text{ display: table-cell; font-size:14px; vertical-align: middle; word-break: break-all; }
.message-tips{ min-width:580px; border-top:3px solid #d50d0d; margin: -10px -15px; padding:10px 15px; color: #666; font-size:12px !important; }
.message-tips .message-title{ font-size: 14px; font-weight: normal; padding-bottom: 10px; padding-left: 8px; border-bottom:1px solid #ddd; }
.message-tips .message-content{ margin:0 50px; }
.message-tips li{ position: relative; display: inline-block; padding: 3px 6px; margin:3px 10px; border: 1px solid #e4e4e4; }
.message-tips .message-success span,
.message-tips .message-error span{ position: absolute; bottom: -1px; right: -1px; display: inline-block; width: 10px; height: 10px; background: url("../images/icon/message-tips.png") no-repeat 0 0; }
.message-tips .message-success span{ background-position: 0 0; }
.message-tips .message-error span{ background-position: 0 -10px; }
.message-tips h5{ font-size: 12px; margin: 15px 10px 10px 10px; }
.message-tips .text p{ color: #888; margin: 10px; text-indent:1.8em; }
.message-tips .btn{ display: block; margin:15px auto; padding:5px 30px; }
.tl-tips-box .buttons{ float:none !important; text-align: center; padding-bottom: 40px !important; }
.tl-tips-box .buttons .btn{ margin-right: 10px; margin-left: 10px; padding: 8px 28px; }
.tl-tips-box .buttons .red-btn{ border:1px solid #d8000f; }
.tipsicon span{ display:inline-block; width: 66px; height: 66px; margin: 5px 30px; background: url("../images/icon/icon.png") no-repeat; }
.tipsicon span.su-icon{ background-position: -180px -120px; }
.tipsicon span.er-icon{ background-position: -90px -456px; }
.tipsicon span.wr-icon{ background-position: 0px -120px; }
.tipsicon span.i-icon{ background-position: 0px -456px; }
.tipsicon span.small-icon{ width: 30px; height: 30px; margin: 30px 30px 25px; background: url("../images/icon/tip-icon.png") no-repeat; }
.tl-alert-btn{ display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; }

/********** feedback style ********/
.feedback-box{ padding: 5px 15px; border: 1px solid #dcdcdc; }
.feedback-btn{ width: 260px; height: 48px; margin: 40px 0; font-size: 18px; font-weight: bold; border: 1px solid #8f0c12; }

/**************login popup*******************/
.modal-login{ width: 430px; height:440px; padding: 30px 55px 20px; background-color: #fff; border: 1px solid#eee; }
.modal-login .title{ height: 40px; line-height: 40px; }
.modal-login h2{ font-size: 24px; font-weight: bold; margin: 0px; color: #332c2b; }
.modal-login .form-group{ margin-bottom: 5px; }
.modal-login label.errorMsg{ display: block; height: 18px; color: #f00; text-align:left; font-weight: normal; margin-bottom: 2px; }
.modal-login .check-box{ display: inline-block; position: relative; top: 2px; width: 13px; height: 13px; margin-right: 8px; background: url("../images/icon/icon.png") no-repeat -200px -80px; }
.modal-login .check-box.on-check{ background-position: -240px -80px; }
.modal-login .forget{ display: inline-block; float: right; margin-top: 10px; }
.modal-login .up{ font-size: 14px; line-height: 40px; }
.modal-login .media-login{ text-align:left; }
.modal-login .media-login li{ display: inline-block; color: #959595; text-algin:left; }
.modal-login .media-login li.l{ margin-left: 5px; margin-right: 5px; }
.modal-login .media-login li a{ color: #959595; }
.modal-login .btn-close { position:absolute; display: inline-block; width:15px; right: -28px; top: -14px;color: #949494;}
.modal-login .btn-close:hover { color: #8f0d11;}
.modal-login .code-input{ float: left; max-width: 140px; margin-right: 10px; }
.modal-login .submit-button{ width: 100%; height: 48px; padding-top:10px; font-size: 18px; font-weight: bold; border: 1px solid #8f0c12; }
.modal-login .has-feedback label ~ .form-control-feedback { top: 30px; right: 10px; }
.modal-login .form-control-feedback{ width: 22px; height: 20px; background: url("../images/icon/icon.png") no-repeat; }
.modal-login .form-control-feedback.name{ background-position: 0 -80px; }
.modal-login .form-control-feedback.password{ top:34px !important; background-position: -40px -80px; }

/****** step flex public style ******/
.step-flex{ min-height: 100px; padding-top: 40px; text-align: center; }
.step-flex li{ position:relative; float:left; width:190px; height: 6px; background-color: #ccc; }
.step-flex li .line{ height: 6px; }
.step-flex li .s-num{ display: inline-block; position:relative; top:-16px; width:28px; height:28px; line-height: 28px; text-align: center; color:#fff; font-size: 14px; background-color: #cbcbcb; border-radius: 14px; }
.step-flex li .s-text{ color:#999; margin-top: -8px; margin-left: 4px; }
.step-flex .done .s-num{ background-color: #ceeab5; }
.step-flex .doing .s-num{ background-color: #60c00a; }
.step-flex .first{ border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.step-flex .last{ border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.step-flex .done,.step-flex .doing{ background-color: #ceeab5; }
.step-flex .doing .line{ background-color: #60c00a;}
.step-flex .first .line{border-radius: 3px 0 0 3px; }
.step-flex .last .line{border-radius: 0 3px 3px 0; }
.step-flex .done .line{ background-color: #ceeab5; border-radius: 3px; }
.step-flex .finish li{ background-color: #60c00a; }

/******* red popover style *******/
.popoverBtn{ position: relative; top:3px; display: inline-block; width: 16px; height: 16px; text-decoration: none; background: url("../images/icon/icon.png") no-repeat; }
.popoverBtn.q-pop{ background-position: -270px -290px; }
.popoverBtn.e-pop{ background-position: -180px -350px; }
.popoverBtn.r-pop{ background-position: -180px -290px; }
.popoverBtn.t-pop{ background-position: -240px -290px; }
.red-popover{ max-width:300px !important; margin-top: 14px !important; line-height: 24px; border: 1px solid #d8000f; border-radius: 0; }
.red-popover > .arrow{ border-bottom-color:#d8000f !important; }

.popover-jin{ position: relative; top:8px; display: inline-block; width: 15px; height: 15px; margin-left: 5px; background: url("../images/icon/icon.png") no-repeat -40px -600px; }
.popover.left > .arrow { border-left-color: #d8000f; }
.popover.right > .arrow { border-right-color: #d8000f; }
.popover.top > .arrow { border-top-color: #d8000f; }
.popover.bottom > .arrow { border-bottom-color: #d8000f; }
.popover{ font-size:12px; border: 1px solid #d8000f; border-radius: 0; }




/***********************************/
body{ min-width:1260px;}
.container{
	width:1200px;
}
@media (min-width: 768px) {
    .container {
        width:1200px;
    }
}

@media (min-width: 992px) {
    .container {
        width:1200px;
    }
}

@media (min-width: 1200px) {
    .container {
        width:1200px;
    }
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
    float:left
}

.col-sm-12 {
    width: 100%
}

.col-sm-11 {
    width: 91.66666667%;
    word-break: break-word;
}

.col-sm-10 {
    width: 83.33333333%
}

.col-sm-9 {
    width: 75%
}

.col-sm-8 {
    width: 66.66666667%
}

.col-sm-7 {
    width: 58.33333333%
}

.col-sm-6 {
    width: 50%
}

.col-sm-5 {
    width: 41.66666667%
}

.col-sm-4 {
    width: 33.33333333%
}

.col-sm-3 {
    width: 25%
}

.col-sm-2 {
    width: 16.66666667%
}

.col-sm-1 {
    width: 8.33333333%
}

.col-sm-pull-12 {
    right: 100%
}

.col-sm-pull-11 {
    right: 91.66666667%
}

.col-sm-pull-10 {
    right: 83.33333333%
}

.col-sm-pull-9 {
    right: 75%
}

.col-sm-pull-8 {
    right: 66.66666667%
}

.col-sm-pull-7 {
    right: 58.33333333%
}

.col-sm-pull-6 {
    right: 50%
}

.col-sm-pull-5 {
    right: 41.66666667%
}

.col-sm-pull-4 {
    right: 33.33333333%
}

.col-sm-pull-3 {
    right: 25%
}

.col-sm-pull-2 {
    right: 16.66666667%
}

.col-sm-pull-1 {
    right: 8.33333333%
}

.col-sm-pull-0 {
    right: auto
}

.col-sm-push-12 {
    left: 100%
}

.col-sm-push-11 {
    left: 91.66666667%
}

.col-sm-push-10 {
    left: 83.33333333%
}

.col-sm-push-9 {
    left: 75%
}

.col-sm-push-8 {
    left: 66.66666667%
}

.col-sm-push-7 {
    left: 58.33333333%
}

.col-sm-push-6 {
    left: 50%
}

.col-sm-push-5 {
    left: 41.66666667%
}

.col-sm-push-4 {
    left: 33.33333333%
}

.col-sm-push-3 {
    left: 25%
}

.col-sm-push-2 {
    left: 16.66666667%
}

.col-sm-push-1 {
    left: 8.33333333%
}

.col-sm-push-0 {
    left: auto
}

.col-sm-offset-12 {
    margin-left: 100%
}

.col-sm-offset-11 {
    margin-left: 91.66666667%
}

.col-sm-offset-10 {
    margin-left: 83.33333333%
}

.col-sm-offset-9 {
    margin-left: 75%
}

.col-sm-offset-8 {
    margin-left: 66.66666667%
}

.col-sm-offset-7 {
    margin-left: 58.33333333%
}

.col-sm-offset-6 {
    margin-left: 50%
}

.col-sm-offset-5 {
    margin-left: 41.66666667%
}

.col-sm-offset-4 {
    margin-left: 33.33333333%
}

.col-sm-offset-3 {
    margin-left: 25%
}

.col-sm-offset-2 {
    margin-left: 16.66666667%
}

.col-sm-offset-1 {
    margin-left: 8.33333333%
}

.col-sm-offset-0 {
    margin-left: 0
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
	float:left;
}
.col-md-12 {
    width: 100%
}

.col-md-11 {
    width: 91.66666667%
}

.col-md-10 {
    width: 83.33333333%
}

.col-md-9 {
    width: 75%
}

.col-md-8 {
    width: 66.66666667%
}

.col-md-7 {
    width: 58.33333333%
}

.col-md-6 {
    width: 50%
}

.col-md-5 {
    width: 41.66666667%
}

.col-md-4 {
    width: 33.33333333%
}

.col-md-3 {
    width: 25%
}

.col-md-2 {
    width: 16.66666667%
}

.col-md-1 {
    width: 8.33333333%
}

.col-md-pull-12 {
    right: 100%
}

.col-md-pull-11 {
    right: 91.66666667%
}

.col-md-pull-10 {
    right: 83.33333333%
}

.col-md-pull-9 {
    right: 75%
}

.col-md-pull-8 {
    right: 66.66666667%
}

.col-md-pull-7 {
    right: 58.33333333%
}

.col-md-pull-6 {
    right: 50%
}

.col-md-pull-5 {
    right: 41.66666667%
}

.col-md-pull-4 {
    right: 33.33333333%
}

.col-md-pull-3 {
    right: 25%
}

.col-md-pull-2 {
    right: 16.66666667%
}

.col-md-pull-1 {
    right: 8.33333333%
}

.col-md-pull-0 {
    right: auto
}

.col-md-push-12 {
    left: 100%
}

.col-md-push-11 {
    left: 91.66666667%
}

.col-md-push-10 {
    left: 83.33333333%
}

.col-md-push-9 {
    left: 75%
}

.col-md-push-8 {
    left: 66.66666667%
}

.col-md-push-7 {
    left: 58.33333333%
}

.col-md-push-6 {
    left: 50%
}

.col-md-push-5 {
    left: 41.66666667%
}

.col-md-push-4 {
    left: 33.33333333%
}

.col-md-push-3 {
    left: 25%
}

.col-md-push-2 {
    left: 16.66666667%
}

.col-md-push-1 {
    left: 8.33333333%
}

.col-md-push-0 {
    left: auto
}

.col-md-offset-12 {
    margin-left: 100%
}

.col-md-offset-11 {
    margin-left: 91.66666667%
}

.col-md-offset-10 {
    margin-left: 83.33333333%
}

.col-md-offset-9 {
    margin-left: 75%
}

.col-md-offset-8 {
    margin-left: 66.66666667%
}

.col-md-offset-7 {
    margin-left: 58.33333333%
}

.col-md-offset-6 {
    margin-left: 50%
}

.col-md-offset-5 {
    margin-left: 41.66666667%
}

.col-md-offset-4 {
    margin-left: 33.33333333%
}

.col-md-offset-3 {
    margin-left: 25%
}

.col-md-offset-2 {
    margin-left: 16.66666667%
}

.col-md-offset-1 {
    margin-left: 8.33333333%
}

.col-md-offset-0 {
    margin-left: 0
}
@media (max-width: 767px) {
    .hidden-xs {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:block!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:block!important
    }
}

.visible-print {
    display:block!important
}


.findlist-page .listpage-main {
    width: 970px;
    padding-left: 0;
    padding-right: 0;
}

.columns2-right .ad img{ width: 100%; }
 
.columns2-right{ width: 220px; }
.columns2-main{ width: 970px; padding-left: 0; padding-right: 0; }
#biTradeData span i{ font-style:normal;}




/*************************/
.indx-top-con .share{ float:left; position:absolute; top:15px; right:23px;}
.indx-top-con .share a{margin-right:5px; cursor: pointer;}
.indx-top-con .jtico{ width:16px; background:url("../images/supplier/icons.png") no-repeat !important; display:block; float:left; height:16px; margin-right:5px; cursor: pointer;}
.indx-top-con .jiathis_style{ display: inline-block; }
.indx-top-con .jtico_tsina{ background-position: -218px 0px !important; }
.indx-top-con .jtico_weixin{ background-position: -190px 0px !important; }
.indx-top-con .jiathis_button_tsina,
.indx-top-con .jiathis_button_weixin{ position: relative; top:0px; margin-right:5 !important; }


/************妞ゅ湱娲扮拠锔藉剰-闁艾濮忔い鍦窗鐠愩劑鍣洪弽鍥у櫙鐠囧嫪鐜担鎾堕兇***********/
.e-rater{border:1px solid #dedede; margin-top:20px; padding:0 7px;}
.e-rater p{ line-height: 16px;border-top: 1px dotted #999;padding-top: 12px;padding-left:10px; padding-right:10px; margin-top:12px;}

.area{
	width: 100%;
	color:#6e6c6c;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
}

.role{	
	color: #FF9400 !important; 
}

.Tips{ 
	position: relative; 
	top:3px; 
	background:url("../images/icon/mark_icon.png") no-repeat left bottom; 
	width:16px; 
	height:16px; 
	display:inline-block; 
	margin-left:5px; 
	padding-top:13px;
}

/***********妞ゅ湱娲伴幎銉ユ倳閸掓銆冩い鍨Г閸氬秴鍨悰锟�******/
.enroll-list b{ float:left; width:40px; display: inline-block;}
.enroll-list .text-justify{float:left; width:530px; }


/**application**/

.application_block{width:1200px;}
.application_block a{display:inline-block;float:left;width:239px;height:162px;border-right:1px solid #e5e5e5;text-align:center;margin-top:20px;margin-bottom:20px;}
.application_block a img{display:block;margin-left:31px;margin-right:31px;}
.application_block a span{display:block;font-size:12px;color:#999;height:18px;line-height:18px;text-align:center; padding:0 8px;}
/*閸掑棔闊╅崶鐐垼*/
.jiathis_button_tsina,.jiathis_button_weixin{ width:16px; height:16px; float:left; background:url("../images/supplier/icons.png") no-repeat;cursor: pointer;}
.jiathis_button_tsina{ background-position: -218px 0px !important;}
.jiathis_button_weixin{ background-position: -190px 0px !important;}



/********* 2016-8-12 header-new nav style **********/
.header-navbar-new{ height: 50px;}
.header-navbar-new .category-nav{ position: relative; float: left; width: 228px; height: 50px; }
.header-navbar-new .category-title{ line-height: 50px; font-size: 16px; color: #fff; text-align: center;width:100%; }
.header-navbar-new .category-title .glyphicon{ padding-top: 13px; }
.header-navbar-new .category-menu{ display: none; position: absolute; top: 50px; left: 0; width: 228px; z-index: 19; height:443px;box-shadow: 0px 4px 8px rgba(73,75,76,.35);}
.header-navbar-new .category-nav:hover .category-menu{ display: block; }
.header-navbar-new .category-item { display: block; height: 40px; line-height:40px; z-index: 9;}
.header-navbar-new .category-item i{
    position: absolute;
    width: 20px;
    text-align: center;
    left: 12px;
}
.header-navbar-new .category-item h2{ position: relative; left:1px; display: block; font-size: 14px; margin-top: 0; margin-bottom: 0; padding-left: 44px; padding-right: 10px; line-height: 40px; border-right: 1px solid transparent; cursor: pointer; z-index: 20; }
.header-navbar-new .category-item h2 a{color:#fff;}
.header-navbar-new .category-item h2.on{ border-right: 1px solid #fff; width:auto; background:none; }
.header-navbar-new .category-item .glyphicon-menu-right{ float: right; color: #90000a; line-height: 40px; }
.header-navbar-new .category-item:hover { background-color: rgba(255,255,255,.35);width:100%; }
.header-navbar-new .category-item:last-child{height:43px;line-height: 43px;}
.header-navbar-new .category-item:last-child h2{line-height: 43px;}
.header-navbar-new .category-item:last-child:hover{height:43px;}
.header-navbar-new .category-item:last-child .on{ line-height:43px; }
.header-navbar-new .category-item:hover .category-item-box { display: block; }
.header-navbar-new .category-item-box { display: none; position: absolute; top:0; left: 228px; width: 971px; min-height: 443px; background-color: #fff; z-index: 6; box-shadow: 0 2px 6px rgba(73,75,76,.1);}
.header-navbar-new .category-item-box .category-dl{ float: left;display: inline-block; padding-left:27px; padding-top:17px; overflow: hidden; }
.header-navbar-new .category-item-box dl{ margin-bottom: 27px; width:100%; margin-right:0; float:left; }
.header-navbar-new .category-item-box dt{width:100px; text-align: right;float: left;margin-right:19px;}
.header-navbar-new .category-item-box dt h3{ margin-top:0px; margin-bottom:0; font-size: 12px; color: #373737; text-align: right;line-height: 13px;white-space:nowrap;}
.header-navbar-new .category-item-box dt h3 a{ color: #373737;font-weight: bold; }
.header-navbar-new .category-item-box dt h3 a:hover{color:#ff6600;}
.header-navbar-new .category-item-box dd{ line-height: 13px;float:left;width:563px;}
.header-navbar-new .category-item-box dd a{ display: inline-block; padding: 0 6px; white-space:nowrap;border-left:1px solid #a3a3a3; margin-bottom:12px;}
.header-navbar-new .category-item-box .brand-show{ width: 220px; margin:15px 15px 5px 27px;}
.header-navbar-new .category-item-box .brand-show img{ height:131px; margin-bottom:10px;}
.header-navbar-new .category-item-box .brand-show a{ display: block;}

.header-navbar-new .navlinks{}
.header-navbar-new .navlinks li{ float: left; height: 42px; line-height: 42px; padding-left: 70px; }
.header-navbar-new .navlinks li a{ font-size: 16px; color: #fff; }
.header-navbar-new .nav-center li{ float: left; height: 50px; line-height: 50px; padding: 0 18px;}
.header-navbar-new .nav-center li:hover{ color:#d8000f; }
.header-navbar-new .nav-center li.choose,
.header-navbar-new .nav-center li.active{ background:url("../images/icon/nav-on.png") no-repeat bottom center; }
.header-navbar-new .nav-center li a{ display: block; font-size: 16px; color:#120a02; }
.header-navbar-new .nav-center li a:hover{ color:#ff6600;}
.header-navbar-new .nav-center li a.ccccolor{ color:#cdcdcd; }
.header-navbar-new .nav-center li.line{height:20px;width:1px;background-color:#2b2b2b;padding:0;margin-top: 16px;}
.header-navbar-new .nav-center li.comShareService{position:relative;}
.header-navbar-new .nav-center li.comShareService ul{display:none;position:absolute;left:-13px;z-index:2;width:139px;border:2px solid #2b2b2b;background:#fff;padding:5px;}
.header-navbar-new .nav-center li.comShareService ul:before{content:"";border-bottom:8px solid #2b2b2b;border-left:8px solid transparent;border-right:8px solid transparent; position:absolute; top:-10px;left: 57px;}
.header-navbar-new .nav-center li.comShareService ul li{width:100%;padding:0;margin:0;text-align:center;height:40px;line-height: 40px;}
.header-navbar-new .nav-center li.comShareService ul li:last-child{border:0;}
.header-navbar-new .nav-center li.comShareService ul li a{color:#333333;font-size:14px;}
.header-navbar-new .nav-center li.comShareService ul li a:hover{color:#ff6600;}
.header-navbar-new .nav-center li.comShareService:hover ul{display:block;}

/********SAAS鎼存梻鏁ら崯鍡楃厔********/
.tl-index .saasmall{position: relative;}
.tl-index .saasmall .title .saas_tab{position: absolute; right:0px; height:37px;}
.tl-index .saasmall .saas-list{height:37px; line-height:37px;}
.tl-index .saasmall .saas-list li{display: inline-block;}
.tl-index .saasmall .saas-list li a{padding:0 10px;}
.tl-index .saasmall .saas-list li.active a{display: inline-block; color: #d8000f; border-bottom:2px solid #d8000f; padding-bottom:9px;}

.tl-index .saasTab-content{width:100%;}
.tl-index .saasTab-content dl{float:left; width:46%;}
.tl-index .saasTab-content dl dt{float:left; width:150px; height:140px;}
.tl-index .saasTab-content dl dt img{width:130px; height:130px;}
.tl-index .saasTab-content dl dd{float:left; width:400px;}
.tl-index .saasTab-content dl dd h3{font-size:16px; padding:0; margin:0; color:#333;font-weight: bold;line-height: 2em;}
.tl-index .saasTab-content .ck_btn{float:right; width:76px; height:31px; border:1px solid #d8000f; text-align: center; line-height:31px;border-radius: 5px;color:#d8000f;}


/********閹靛彞姹夐幍锟�*****/
.tl-index .talent{width:100%;border-bottom:1px solid #dcdcdc; color:#333;}
.tl-index .talent .col-md-5,.tl-index .talent .col-md-7,.tl-index .talent .col-xs-12{padding:0;}
.tl-index .talent .left_block{border-right:1px solid #f9f9f9;}
.tl-index .talent .left_block ul li{float:left;border-bottom: 1px dotted #dcdcdc; height:40px; line-height:40px; width:100%;}
.tl-index .talent .left_block ul li:last-child{border:none;}
.tl-index .talent .left_block ul li span{float:left; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 10px;}
.tl-index .talent .left_block ul li span.amount{width:180px;}
.tl-index .talent .left_block ul li span.content{width:170px;}
.tl-index .talent .left_block ul li span.company{width:230px;}
.tl-index .talent .left_block ul li span.browse{width:80px; text-align:right;}

.tl-index .talent .right_block{height:200px; overflow: hidden;}
.tl-index .talent .right_block ul li{float:left;border-bottom: 1px dotted #dcdcdc; height:40px; line-height:40px; width:100%;}
.tl-index .talent .right_block ul li:last-child{border:none;}
.tl-index .talent .right_block ul li span{float:left; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 10px;}
.tl-index .talent .right_block ul li span.companyName{width:200px;}
.tl-index .talent .right_block ul li span.work{width:80px;}
.tl-index .talent .right_block ul li span.position{width:130px;}
.tl-index .talent .right_block ul li span.number{width:70px;text-align: right;}



/********娣囨繈娈�********/
.tl-index .guarantee{ padding:40px 0; background:#0c091a;}
.tl-index .guarantee dl{ float:left; width:24.5%; border-right:1px solid #fff;}
.tl-index .guarantee dl:last-child{border:none;}
.tl-index .guarantee dl dt{float:left; width:84px; height:84px; margin-left:54px; margin-right:10px;}
.tl-index .guarantee dl dd{float:left; color:#fff; font-size:18px; line-height:25px; padding-top:17px;}

/********閺傜増澧滈棆鍛窗濞翠胶鈻�*******/
.tl-index .ProFlow{height:38px;line-height:38px;background:#ffd400;}
.tl-index .ProFlow ul li{float:left;padding:0 23px;font-size:14px;color:#333;}
.tl-index .ProFlow ul li span.step{ margin: 0 10px;}
.tl-index .ProFlow ul li span.glyphicon{font-size:46px;color:#fff;top:-3px;}

/*閸╁骸绔剁粩娆愮壉瀵拷/
/*閸╁骸绔剁粩娆愮壉瀵拷/
 .changeCity{ margin: 54px 37px 0px 18px; width:80px; height:42px; line-height:42px;position:relative; text-align: center;}
 .changeCity h3{ font-size: 16px; color: #3f3a39; margin: 0px;line-height:42px;}
 .changeCity h3 a{
	display: inline-block;
	position:relative;
	width:100%;
 }
 .changeCity h3 a span{
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    float:left;
    color: #120a02;
 }
 .changeCity h3 .caret{
 	position:absolute;
 	top:20px;
 	right: 10px;
 }
 .changeCity:hover h3{background-color: #fff;}
 .changeCity:hover .cityContent{display: block;}
 .changeCity .cityContent{
 	background-color: #fff;
 	display: block;
    top: 42px;
    box-shadow: none;
    border: none;
    border-radius: 0;
    margin: 0;
    width: 213px;
    padding: 14px;
    display: none;
 }
.changeCity .cityContent p{
 	padding-bottom:15px;
 	border-bottom:1px solid #eee;
    line-height: 12px;
    font-size: 12px;
    margin:0;
 }
 .changeCity .cityContent p.other{
 	border: 0;
 	text-align: center;
 	padding:0;
 }
 .changeCity .cityContent ul{
 	overflow: hidden;
 	clear: both;
 	height:120px;
 	overflow-y:auto; 
 }
.changeCity .cityContent ul li{
  	float: left;
  	width: 46px;
    text-align: left; 
    line-height: 24px;	
  }
.changeCity .cityContent ul li a{
  	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 100%;
    font-size: 12px;
    padding-right:5px;
 }
 .changeCity .changeCityBtn{ font-size: 12px; color: #f36008;}
 .changeCity .changeCityBtn:hover{ text-decoration: underline; color: #d34e03;}



  /* 閸楀﹪锟介弰搴ｆ畱闁喚鍍电仦锟�/
#overlay{ background: #000; filter: alpha(opacity=50);  opacity: 0.5; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; display:none; font-family: "瀵邦喛钂嬮梿鍛寸拨";}
.shade-city{ width: 648px; height: 560px; background: #fff; position: absolute; display: none; z-index: 200;}
.shade-city .titName{ height: 45px; line-height: 45px; color: #fff; font-size: 18px; padding-left: 20px;  background: #d8000f;}
.shade-city .titName span{ float: right; font-size: 30px; margin-right:20px; cursor: pointer;  }
.shade-city .part-city{ padding: 20px;}
.shade-city .part-city .part-up{ height: 64px; padding: 10px 0px 10px 20px; border-bottom: 1px solid #e5e3e3; box-sizing:content-box;}
.shade-city .part-city .part-up .user-log-1{ font-size: 18px; color: #333; margin-bottom: 16px;}
.shade-city .part-city .part-up .user-log-2{ font-size: 16px; color: #666;}
.shade-city .part-city .part-down{height:354px;overflow-y:auto;}
.shade-city .part-city .part-down .user-log-3{ height: 26px; font-size: 14px; padding: 10px 0px 5px 20px; color: #666;}
.shade-city .part-city .part-down dl{ height: 28px; line-height: 28px; padding-left: 20px; text-align: center; font-size: 14px; margin-bottom: 8px; }
.shade-city .part-city .part-down dl dt{ float: left; color: #333; margin-right: 32px; width: 60px; text-align: left;}
.shade-city .part-city .part-down dl dd{ float: left; padding: 0 10px; margin: 0 6px; border: 2px solid #fff; width: 450px; }
.shade-city .part-city .part-down dl dd a{color: #999; padding: 0px 10px; float: left; }
.shade-city .part-city .part-down dl dd a:hover{color: #d8000f; }
.shade-city .part-city .part-down dl dd a.cur{ border: 2px solid #d8000f; color: #d8000f; }
.shade-city .part-city .part-down dl dd a.cur{ color: #d8000f; }
.shade-city .part-city .user-log-4{ color: #999; padding-left: 20px; margin-top: 2px; position: absolute;left: 20px;bottom: 20px;border-top: 1px solid #e5e3e3;width:91%;}



/* 2017-01-04 妫ｆ牠銆夐弨鍦閼硅尪鐨熼弽宄扮础 */
.bg-fff{background-color: #fff !important;}
.bg-eee{background-color: #eee;}
.bg-2b{background-color: #2b2b2b;}
.bg-37{background-color: #373737;}
.bg-f60{background-color: #ff6600;}
.bg-393f3e{background-color: #393f3e;}
.bg-201d1b{background-color: #201d1b;}
.bd-col-f60{border-color:#ff6600;}
.col-120a02{color:#120a02;}
.col-f60{color:#ff6600 !important;}
.col-f9{color:#f9f9f9 !important;}
.h100{height:100% !important;}
.w125{width:125px !important;}
.line-right{display:inline-block;width:1px;height:12px;background-color: #696764; position:absolute;top: 13px;right: 0;}
.boxShadow{
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
}
.hoverBoxShadow:hover{
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
}


/******************婢舵挳鍎寸�鑹板焻娣囶喗鏁�*****************/
.menu-icon{
	margin-right: 5px;
}
.modify-down{
	margin-left: 5px;
}
#header .login-on .userDownIcon{
	left: auto;
}
.ProFlow.index-modify ul li{
	width: 150px;
	padding: 0;
	text-align: center;
}
.ProFlow.index-modify ul li.bold{
	width: 200px;
}
.ProFlow.index-modify ul li.glyphicon{
	width: 50px;
}
.ProFlow.index-modify ul li.last a{
	display: block;
	width: 200px;
	font-size: 16px;
	color: #f7f8fc;
	font-weight: bold;
	background: #ff6600;
}
.ProFlow.index-modify ul li.last a:hover{
	background: #e65c00;
}
#header .header-top li.helpCenter{
	min-width:90px;
}
#header .header-top li.helpCenter dl.dropdown-menu.modifys{
	/* width: 970px; */
	width: 570px;
	right: 0;
	left: auto;
}
.dropdown-menu-modify{
    overflow: auto;
    padding: 25px 0 15px 0;
}
.dropdown-menu-modify .items{
	width: 180px;
	float: left;
}
.dropdown-menu-modify .items h4{
	padding-left: 55px;
}
#header .header-top li .dropdown-menu-modify .items ul{
	overflow: hidden;
	height: 150px;
}
.bor{
	border-right: 1px dashed #ececec;
}
#header .header-top li .dropdown-menu-modify .items ul li{
	width: 175px;
	padding: 0;
	padding-left: 55px;
	font-size: 12px;
	color: #666666;
}
.dropdown-menu-modify .itemstwo{
	width: 250px;
}
#header .header-top li .dropdown-menu-modify .itemstwo ul li{
	width: 105px;
}


#header .header-top li .dropdown-menu-modify .items ul li a:hover{
	color:#ff6600;
	cursor: pointer;
}
#header .header-top li.dropdown:hover .userDownIcon{
    background: url(../images/icon/modify-up.png) no-repeat;
}
#header .userDownIcon{width:12px !important;height:6px !important;display: inline-block;background: url(../images/icon/modify-down.png) no-repeat;position: absolute;top: 16px;margin-left: 5px;}
#header .loginstatus .login-on .login-name{padding-left:15px;}
#header .login-on:hover .userDownIcon{background: url(../images/icon/modify-up.png) no-repeat;}
#header .header-top li.helpCenter dl dd {
    text-align: left;
    padding-left: 15px;
}
#header .header-top li.helpCenter dl{
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}


/***閸欐垵绔烽棁锟界湴婢舵挳鍎�**/
#header.demand-header{
	background: #fff;
}
#header.demand-header .logo img, #header-user .logo img {
    max-width: 209px;
    overflow: hidden;
    outline: none;
}
#header.demand-header .tips {
    float: left;
    height: 60px;
    margin: 0 0 0 50px;
    padding-left: 50px;
    border-left: 1px solid #eee;
    color: #666;
    position:relative;
    top:50%;
    margin-top:-30px;
}
#header.demand-header .tips h1{
    font-size: 24px;
    display: inline-block;
    line-height: 55px;
    margin: 0;
	margin-right: 10px;
}
#header.demand-header .tips>span{
    font-size: 14px;
	display: inline-block;
	margin-left: 35px;
}
#header.demand-header .tips span img{ margin-right: 5px; }
.right-info {
    float: right;
    margin-top: 75px;
    font-size: 12px;
}
.right-info a{ display: inline-block; border-radius: 10px; background: #aeaeae; color: #fff; padding: 1px 6px; cursor: pointer; }
.right-info span{ display: inline-block; border-radius: 10px; background: #aeaeae; color: #fff; padding: 1px 6px; }
.right-info span.actived,.right-info a.actived{ background: #ff6600; }
/***閸欐垵绔烽棁锟界湴婢舵挳鍎�**/


/***濮ｅ繋閲滄い鐢告桨婢х偛濮為崷銊у殠鐎广垺婀囬妴浣告礀閸掍即銆婇柈銊ｏ拷閹板繗顫嗛崣宥夘洯***/
.bottomFloat{position:fixed; bottom:200px; right:14px; z-index: 99;}
#returnTopImg{ display:none; }
#returnTopImg b{ display: inline-block; width: 42px; height: 42px; background:url("../images/icon/go-top.png") no-repeat top left; cursor: pointer; }
#returnTopImg b:hover{background-position: top right; }
#FeedbackImg{ display:block;}
#FeedbackImg b{ display: inline-block; width: 42px; height: 42px; background:url("../images/icon/go-top.png") no-repeat center left; cursor: pointer; }
#FeedbackImg b:hover{background-position: center right; }
#linkService{ display:block;}
#linkService b{ display: inline-block; width: 42px; height: 42px; background:url("../images/icon/go-top.png") no-repeat bottom left; cursor: pointer; }
#linkService b:hover{background-position: bottom right; }