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%;} 
a{ color: #666666; text-decoration: none; }
a:hover{ color: #ff6600; text-decoration: none; }
a:focus{ color: #ff6600; 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: 10px; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{ outline: none; }

.left{ float: left !important; }
.right{ float: right !important; }
.clearboth{ clear: both; }
.dis_none{ display:none !important; }
.dis_block{ display:block; }
.relative{ position: relative; }
.ver_middle{vertical-align:middle}
.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; }
.size24{ font-size: 24px !important; }
.in-block{ display: inline-block; }
.bold{ font-weight: bold; }
.font-normal{ font-weight: normal; }
.height30{ height: 30px; }
.width100{ width:100%; }
.width105{width:105px;}
.marginL5{margin-left:5px;}
.marginT0{margin-top:0 !important;}
.marginT5{ margin-top: 5px !important; }
.marginT10{ margin-top: 10px; }
.marginT12{ margin-top: 12px !important; }
.marginT20{ margin-top: 20px !important; }
.marginT23{ margin-top: 23px; }
.marginT25{ margin-top: 25px; }
.marginT30{ margin-top: 30px; }
.marginL30{margin-left:30px;}
.marginT40{ margin-top: 40px; }
.marginB20{ margin-bottom: 20px; }
.marginB40{ margin-bottom: 40px; }
.marginB0{ margin-bottom: 0px !important; }
.marginR0{ margin-right: 0px !important; }
.marginR5{ margin-right: 5px !important; }
.marginR19{ margin-right: 19px !important; }
.paddinT40{padding-top:40px;}
.paddinB30{padding-bottom:30px;}
.paddinB40{padding-bottom:40px;}
.paddinB45{padding-bottom:45px;}
.paddinB60{padding-bottom:60px;}
.paddinL0{padding-left: 0px !important;}
.paddinL30{padding-left:30px;}
.paddinL50{padding-left:50px;}
.paddinR0{padding-right: 0px !important;}

.red{ color: #d8000f !important;}
.black{color:black}
.m-h700{ min-height: 700px; }
.align-c{text-align:center}

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

.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; }
.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;}


/* 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_main,.col-120a02{color:#120a02;}
.col-f60{color:#ff6600 !important;}
.col-f9{color:#f9f9f9 !important;}
.col_num{color:#f5672f !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;}
@font-face {
	font-family: "dincondRegular";
	src: url(/fonts/dincond-regular.otf);
	font-weight: normal;
	font-style: normal;
}
.ad1{ padding:50px 0 70px 0; }

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; }

/******* 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;position: relative;display:inline-block;}
#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; }
#header .header-top li.helpCenter{min-width:90px;}
#header .header-top li.helpCenter:hover{background-color: #fff;}
#header .header-top li.helpCenter:hover dl{display: block;}
#header .header-top li.dropdown:hover .userDownIcon{
    background: url(/images/icon/modify-up.png) no-repeat;
}
#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: left;
    padding-left: 15px;
}
#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 img{ margin-right: 6px; margin-bottom: 3px;}
#header .top-login .login-name-message{color: #120a02;width:95px;}
.img-circle {border-radius: 50%;}

#header .logo{ float: left; width:209px; height:150px;vertical-align: middle;display: table;}
#header .map{ float: left; height: 60px; line-height: 60px; font-size: 24px; margin: 25px 0 25px 30px; padding-left: 30px; border-left: 1px solid #eee; }
#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:209px; }
#header .logo a,#header-user .logo a{
	display: table-cell;
    vertical-align: middle;
    width: 209px;
    height: 100%;
}
#header .logo img,#header-user .logo img{overflow:hidden;outline:none;max-width:209px;}

#header .xunjiatong{float:left;margin-top:23px;margin-left:60px;background-color: #f5940a;width:132px;height:38px;line-height: 38px;border:1px solid #d9840c;font-size: 16px;color:#fff;}
#header .xunjiatong a{display: block;color:#fff;width:100%;margin-top:-2px;}
#header .xunjiatong a img{margin:0 6px 0 22px;}

#header .login-on{ position: relative; }
#header .loginstatus .login-on li{padding-left:15px;}
#header .loginstatus .login-on a{width:100%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
#header .loginstatus .login-on .login-name{padding-left:15px;}
#header .userDownIcon{width:12px;height:6px;display: inline-block;background: url(/images/icon/modify-down.png) no-repeat;position: absolute;top: 16px;margin-left: 5px;}
/*#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 .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 .login-on:hover .userDownIcon{background: url(/images/icon/modify-up.png) no-repeat;}
/****** 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 .searchInfo {
    background: #fff;
    width: 588px;
    margin-left: -2px;
    position: relative;
    z-index: 9999;
    top: 3px;
    overflow: auto;
    display: none;
}
.searchInfo ul li {
	cursor: pointer;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 25px;
}
.searchInfo ul li:hover{ background: #eff4fa; }
.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 .select-category .select-title li.active:hover{color: #fff;}
.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-search .hot-search a:hover{color:#ff6600;}


/********* 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{ margin-left:20px ;} */
.header-navbar .navlinks li{ float: left; height: 42px; line-height: 42px; padding:0px 25px; margin: 0 10px;}
.header-navbar .navlinks li:hover{background-color:#90000a;}
.header-navbar .navlinks li a{ font-size: 16px; color: #fff; }
.header-navbar .nav-center li{ float: left; height: 42px; line-height: 42px; padding: 0 35px; }
.header-navbar .nav-center li:hover{ background-color: #90000a; }
.header-navbar .nav-center li a{ 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;overflow: hidden; }
#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;font-size: 12px;}

#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;font-size: 14px;margin-top:10px;color:#aaa;}
#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: 32px; height: 34px; background-position: -110px -537px; }
#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{ height: 50px; line-height: 50px; text-align: center; color: #666; background-color: #ededed; }

/*底部修改 start*/
.footer-nav ul li{color:#aaaaaa;}
.footer-nav ul li h4{ font-size: 16px; color: #fff; font-weight: normal;margin-bottom: 10px; }
.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;}

/*底部修改 end*/






.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; }

/******* banner style *******/
.tl-index .tl-index-top-center{width:699px;position: relative;top: 0px;left: 15px;height:623px; overflow: hidden;}
#myCarousel .carousel{width:709px;height:399px;}
#myCarousel .carousel-inner{position: relative !imporment; width:709px; height: 443px; overflow:hidden;}
#myCarousel .carousel-inner .item{ /* position: absolute !imporment; width:1920px; left:50%; margin-left:-960px; */}
#myCarousel .carousel-inner .item img{ height: 443px; width:699px; 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: #dddad8; border-color: #dddad8;width:7px;height:7px;border-radius:50%;margin:0 5px;}
#myCarousel .carousel-indicators li.active{background-color: #ffffff; width:7px; height:7px; border:1px solid #fff;position:relative; margin:0px 6px;}
#myCarousel .carousel-indicators li.active:before{
	content:"";
	border-radius: 50%;
	border:3px solid #fff;
	width:17px;
	height:17px;
	display: inline-block;
	position:absolute;
	top:-6px;
	left:-6px;
} 

#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; }
.pageTotal .page-sure{ display: inline-block; color: #4a4947; padding: 4px 14px; background-color: #eee; cursor: pointer; }
.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; text-align: center;height: 51px;margin-top: 60px;margin-bottom: 50px;width: 100%;}
.tl-index .title .t-bg{color:#f3f4f4;font-size: 48px;margin-bottom:0;position:absolute;top:-15px;width:100%;}
.tl-index .title h2{ font-size: 28px; color: #393f3e; margin: 0; width:100%;position:absolute;bottom: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 span.hotService-icon{background-position: -32px -110px;}
.tl-index .title h2 span.qualityCase-icon{background-position: -60px -110px;}
.tl-index .title h2 i{font-family:"simson";border-left:1px solid #dcdcdc; padding-left:17px; margin-left:17px; line-height:26px; font-size:14px; color:#999;font-style: normal;position:relative;top:-2px;}
.tl-index .title .more{ display: inline-block; position:absolute;font-size: 16px; color:#120a02; top:20px;right:20px; }
.tl-index .title .more:hover{ color: #ff6600;  }
.tl-index .title .more img{margin-left:8px;margin-top:-2px;}
.tl-index .title .red-line{ position: absolute; bottom: -3px; left: 0; width: 50px; height: 5px; background-color: #d8000f; }

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


.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 .small-advert{ padding-left: 0; padding-right: 0; }
.tl-index .small-advert img.adPro{border:1px solid #e3e3e3;}
.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;margin-bottom:0;}
.tl-index .security-box .sec-item{ margin-top: 30px;margin-bottom:30px;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: 355px; 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:100px; 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:100%; 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 .findTab-content span.share{display: inline-block;}
.tl-index .findTab-content .form-group{margin-bottom:10px;}

.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; }

/********** 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; padding-left:50px; 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;}
.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 *********/
.mall-block .talent .tempWrap ul li{ margin-left: 12px;}
.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: 54px; padding-bottom: 54px; color:#fff; height:228px;overflow: hidden;padding-left:0;padding-right:0;}
.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 .col-md-4{padding:0;width:19%;overflow: hidden;}
.tl-index .about-us-num .col-md-4:first-child{width:24%;}
.tl-index .about-us-num span{ display: block; font-size: 16px; margin: 10px 0; }
.tl-index .about-us-num span.number{ font-size: 26px; }
.tl-index .about-us-num span i{ font-style:normal;}

/************* public columns styles *************/
.columns2-right .ad img{ width: 100%; }
@media (min-width: 1200px) {
    .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 .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: 5px; margin:0 20px 15px 0;border: 1px solid #dcdcdc; }
.public-grid li:nth-child(6n){margin-right:0;}
.suppliers-grid ul li a img{border-right:1px solid #f5f5f5;height:112px;}
.suppliers-grid ul li a img:hover{opacity:.7;}
.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: 492px;  font-size: 14px; overflow: hidden;}
.suppliers-grid ul,.suppliers-grid ul li{ height: 100%; }
.suppliers-grid ul li{ width: 388px; height: 144px;margin-right:15px;margin-bottom:20px;border:0; background-color: #fff;padding:0;}
.suppliers-grid ul li:nth-child(3n){margin-right:0;}
.suppliers-grid .sip-img{ border: #e5e5e5 1px solid; }
.suppliers-grid .gys-info{ padding: 0 5px;margin-left:19px;width:250px; }
.suppliers-grid .gys-info div{ margin-top: 10px; }
.suppliers-grid .gys-info div.readOnlyStar{margin-left:-4px;}
.suppliers-grid .gys-info .name a{ display: inline-block; max-width: 160px; color: #120a02; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.suppliers-grid .gys-info .name a:hover{ color: #ff6600; }
.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: 24px; height: 22px; background:url("../images/icon/icon-new.png") no-repeat 0px -111px; }
.suppliers-grid .gys-info .cert.cert-on{ background-position: 0px -111px; }
/* .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: 7px !important; }
.suppliers-grid .gys-info .other{overflow: hidden;clear:both;margin-top:0;}
.suppliers-grid .gys-info .other .left{width:80px;text-align:left;overflow: hidden;}
.suppliers-grid .gys-info .other span{display: block;margin-bottom: 5px;color:#999;font-size: 12px;}
.suppliers-grid .gys-info .other span i{font-style: normal;}
.suppliers-grid .supplierTop{height:112px;overflow: hidden;}
.suppliers-grid .supplierBottom{background-color: #f6f6f6;width:100%;height:32px;overflow: hidden;line-height: 32px;}
.suppliers-grid .supplierBottom span{display: inline-block;padding-left:15px;color:#999999;font-size: 12px;width:auto;height:100%;background-color: transparent;margin:0;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

/*********** contract page style **********/
.contract-box{ 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: 80px; padding-bottom: 80px; }
.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; }
}

/********SAAS应用商城********/
.tl-index .saasmall{position: relative;}
.tl-index .saasmall .title .saas_tab{position: absolute; right:80px; height:37px;top:18px;}
.tl-index .saasmall .saas-list{height:37px; line-height:37px;}
.tl-index .saasmall .saas-list li{display: inline-block; padding-right:14px;}
.tl-index .saasmall .saas-list li a{color:#120a02;font-size: 16px;}
.tl-index .saasmall .saas-list li.active a{display: inline-block; color: #ff6600; border-bottom:2px solid #ff6600;}

.tl-index .saasTab-content{width:100%;}
.tl-index .saasTab-content dl{float:left; width:46%;margin-bottom:15px;color:#666;}
.tl-index .saasTab-content dl dt{float:left; width:135px; height:105px;}
.tl-index .saasTab-content dl dt img{width:104px; height:105px;}
.tl-index .saasTab-content dl dt img:hover{opacity: .7;}
.tl-index .saasTab-content dl dd{float:left; width:400px;position:relative;height:105px;overflow: hidden;}
.tl-index .saasTab-content dl dd h3{font-size:16px; padding:0; margin:0; color:#120a02;font-weight: bold;line-height: 2em;}
.tl-index .saasTab-content dl dd h3 a{color:#120a02;}
.tl-index .saasTab-content .ck_btn{color:#999;position:absolute; top:5px;right:0;}
.tl-index .saasTab-content .ck_btn:hover{color:#ff6600;}
.tl-index .saasTab-content dl dd p{font-size: 12px;line-height: 24px;}

/********找人才*******/
.tl-index .talent{width:100%;color:#333; height:427px; overflow: hidden;}
.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:98%; }
.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 .talentRight{height:100%; overflow: hidden;width:453px;padding:0 15px 10px 0;}
.tl-index .talent .talentRight ul li{float:left;height:39px; line-height:39px; width:100%;overflow: hidden;color:#666;}
.tl-index .talent .talentRight ul li:last-child{border:none;}
.tl-index .talent .talentRight ul li span{float:left; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 12px;}
.tl-index .talent .talentRight ul li span.companyName{width:133px;}
.tl-index .talent .talentRight ul li span.work{width:80px;}
.tl-index .talent .talentRight ul li span.position{width:130px;}
.tl-index .talent .talentRight ul li span.number{width:50px;text-align: right;}

/* 2017-1 首页改版 找人才 修改样式 */
.tl-index .talent .talentTit{margin:22px;}
.tl-index .talent .talentTit h4{display: inline-block;font-size: 16px;color:#120a02;margin:0 10px 0 0;}
.tl-index .talent .talentTit span{font-size: 14px;color:#999999;}
.tl-index .talent .talentTitImg li img{transition: transform .3s ease-in,-webkit-transform .3s ease-in,-moz-transform .3s ease-in;}
.tl-index .talent .talentTitImg li:hover img{transform: translateX(-15px);}

.tl-index .talent .talentLeft{width: 242px;color:#fff; text-align: center;height:100%;}
.tl-index .talent .talentLeft h3{font-size: 20px;padding:0;margin:56px 0 34px 0;}
.tl-index .talent .talentLeft ul{position: relative;}
.tl-index .talent .talentLeft ul li{line-height: 44px;font-size: 16px;position:relative;}
.tl-index .talent .talentLeft ul li i{display: inline-block;font-style: normal;width: 23px;height: 23px;line-height: 23px;background-color: #ff6600;border-radius: 50%;margin-right:20px;}
.tl-index .talent .talentLeft ul li.leftLine{width:3px;background-color: #ff6600;position:absolute;height:196px;left:78px;top:13px;}
.tl-index .talent .talentLeft .callSer{display: inline-block;width:203px;height:39px;line-height:39px;margin-top:30px;color:#fff;font-size: 14px;}

.tl-index .talent .talentCenter{margin:0 17px; width: 468px;height:100%;}
.tl-index .talent .talentCenter ul{overflow: hidden;clear: both;}
.tl-index .talent .talentCenter ul li{float: left;width:85px;height:68px;text-align: center;margin:0 16px 10px;}
.tl-index .talent .talentCenter ul li span{display:block;}
.tl-index .talent .talentCenter .huntEnterprise li{margin:15px 0;height:35px;vertical-align: middle; line-height: 40px;border-right: 1px solid #393f3e;width:156px;}
.tl-index .talent .talentCenter .huntEnterprise li:nth-child(3n){border-right: 0;}
.tl-index .talent .talentCenter .hunter ul li img{ border-radius: 50%;width:34px;height:34px;}
.tl-index .talent .talentCenter .hunter ul li .name{color:#333;font-size: 12px;}
.tl-index .talent .talentCenter .hunter ul li .entryRate{color:#999;font-size: 12px;}
.tl-index .talent .talentRight ul{overflow: hidden;clear: both;}

/********保障*********/
.tl-index .guarantee{ padding:40px 0; background:#0c091a;}
.tl-index .guarantee dl{ float:left; width:24.5%; border-right:1px solid #fff;margin-bottom:0;}
.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;}

/******* 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; }

.findlist-page .listpage-main{ width: 970px; padding-left: 0; padding-right: 0; }
.findlist-page .listpage-main .tl-pages{margin: 0px 50px 50px 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 70px; }
.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.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: 30px; 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; }
.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 #af7527; }
.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; border-radius: 3px; }
.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%
}

.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
}

.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; font-family: "dincondRegular";font-size: 48px;}



/**********index 分享***************/
.indx-top-con .share{ float:left; position:absolute; top:15px; right:23px;}
.indx-top-con .share a{margin-right:5px; cursor: pointer;}
.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;}


/***************index 应用工具*****************/
.application_block{width:1200px;margin-bottom:60px;}
.application_block a{display:inline-block;float:left;width:239px;height:120px;border-right:1px solid #e5e5e5;text-align:center;margin-top:20px;margin-bottom:40px;}
.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;}

.application_block ul li{float:left;width:228px;margin-right:15px;text-align: center;background:url(/images/bg.png) no-repeat;}
.application_block ul li span{display: inline-block;color:#120a02;font-size: 12px;}
.application_block ul li span.toolImg{width:100%;height:111px;line-height: 111px;box-shadow: 6px 2px 10px rgba(0,0,0,.03); background-color: #fafafa;margin-bottom:12px;}


/********* 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: 25px;
}
.header-navbar-new .category-item h2{ position: relative; left:1px; display: block; font-size: 14px; margin-top: 0; margin-bottom: 0; padding-left: 65px; 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: 972px; min-height: 445px; 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;}


/* 新手 項目流程 */
.ProFlow{height:38px;line-height:38px;background:#ffd400;}
.ProFlow ul li{float:left;padding:0 23px;font-size:14px;color:#333;}
.ProFlow ul li span.step{ margin: 0 10px;}
.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%;}


/* 质保通 */
.zhibaotong{width:263px;height:70px;border:1px solid #029c43;line-height:60px;text-align:center;background-color: #0e9b49;margin-top:17px;position: relative;right:0;float:right;}
.zhibaotong a{width:100%;display: inline-block;color:#fff;}
.zhibaotong a img{position:relative;top:-3px;}
.zhibaotong a p{position:relative;top:-6px;padding:0;margin:0;line-height: 0px;}


/********Index hot service********/
.tl-index .hotService-list{/* padding-bottom: 30px; */}
.tl-index .hotService-list li{ float: left; width: 228px; height: 240px; background: #fafafa; margin-right: 15px; margin-bottom: 20px; transition: all .2s linear;-webkit-transition: all .2s linear;}
.tl-index .hotService-list li:nth-child(5n){margin-right:0;}
.tl-index .hotService-list li:hover{-moz-box-shadow:0px 15px 30px rgba(0,0,0,.1); -webkit-box-shadow:0px 15px 30px rgba(0,0,0,.1); box-shadow:0px 15px 30px rgba(0,0,0,.1); position:relative;top:-1px;left:-2px;transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);}
.hotService-list .service-info{padding: 15px;}
.hotService-list .service-info .price{
	width: 140px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
}
.hotService-list .service-info .service-title a{
    height: 20px !important;
    width: 198px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.hotService-list .service-info span{display: block; float: left;}
.hotService-list .service-info .name{font-size: 12px; color: #999; padding-bottom: 5px;padding-top:5px;width: 100%;}
.hotService-list .service-info .name a{color: #999;}
.hotService-list .service-info .name a:hover{color: #ff6600;}
.hotService-list .service-info .contactMe a{color: #ecaa0d;font-size: 12px;}
.hotService-list .service-info .contactMe i{background: url(../images/icon/icon.png) no-repeat -282px -510px; width: 18px; height: 18px; display: block; margin-right: 5px;}
.hotService-list .service-info .bottom{
	height:30px;
	line-height: 30px;
}

/* 诚信通图标位置 */
.Integrity{
    background: url("../images/supplier/icons.png") no-repeat;
    background-position: -80px -199px;
    width: 17px;
    height:18px;
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
}

/********Index top left********/
.tl-index .tl-index-top-left{
	width: 228px;
	text-align: center;
	position: relative;
    top: 455px;
    height:156px;
    font-size: 16px;
    color:#333;
    overflow: hidden;
    background: url(/images/tlIndexLeft.jpg) no-repeat;
}
.tl-index-top-left:hover{
	transition:1s;
	background: url(/images/tlIndexLeft-hover.jpg) no-repeat;
}



/********Index top right********/
.tl-index .tl-index-top-right{
	width: 243px;
}
.tl-index .tl-index-top-right .userStatus{
	width: 100%;
	height: 102px;
	padding:15px 20px; 
}
.tl-index .tl-index-top-right .userStatus .userLogo{
	width: 75px;
	height: 75px;
}
.tl-index .tl-index-top-right .userStatus .userLogo img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border:1px solid #f0f0f0;
}
.tl-index .tl-index-top-right .userStatus .userStatusRight{
	margin-left: 10px;
	width:118px;
	overflow: hidden;
}
.tl-index .tl-index-top-right .userStatus .userStatusRight .userName{
	margin-top:18px;
	font-size: 12px;
	color:#6c6c6c;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	width:100%;
}
.tl-index .tl-index-top-right .userStatus .userStatusRight .userLogin a{
	display: inline-block;
	margin-top:9px;
	color:#666;
	margin-right: 2px;
	max-width:73px;
	overflow: hidden;
}
.tl-index .tl-index-top-right .userStatus .userStatusRight .userLogin a:hover{
	color:#ff6600 !important;
}
/*增值服务*/
.tl-index .tl-index-top-right .valueServices{
	padding: 12px 0 0 20px;
	height:262px;
	overflow: hidden;
}
.tl-index .tl-index-top-right .valueServices ul{
	clear:both;
}
.tl-index .tl-index-top-right .valueServices li{
	float: left;
	width: 62px;
	height: 56px;
	text-align: center;
	margin-right:10px;
	position:relative;
}
.tl-index .tl-index-top-right .valueServices li a,.tl-index .tl-index-top-right .valueServices li span{
	display: inline-block;
	font-size: 12px;
	color:#666666;
}
.tl-index .tl-index-top-right .valueServices li span.valueImg{
	height: 40px;
	line-height: 40px;
	width:100%;
}
.tl-index .tl-index-top-right .valueServices li .QRCode{
	position:absolute;
	width:243px;
	background-color: #fff;
	height: 196px;
    z-index: 1;
    box-shadow: 0px 0px 18px rgba(73,75,76,.1);
    /*left: -92px;*/
	left: -20px;
    top: 60px;
    display: none;
}
.tl-index .tl-index-top-right .valueServices li .QRCode img{
	width: 100px;
	height: 100px;
	margin: 20px auto 10px auto;
    display: block;
}
.tl-index .tl-index-top-right .valueServices li .QRCode span{
	line-height: 18px;
    display: block;
    width: 100%;
    text-align: center;
}
.tl-index .tl-index-top-right .valueServices li .QRCode i{
	width: 62px;
    height: 10px;
    position: absolute;
    top: -6px;
    left: 20px;
}
.tl-index .tl-index-top-right .valueServices li .QRCode2{
	position:absolute;
	width:243px;
	background-color: #fff;
	height: 196px;
    z-index: 1;
    box-shadow: 0px 0px 18px rgba(73,75,76,.1);
    left: -164px;
    top: 60px;
    display: none;
}
.tl-index .tl-index-top-right .valueServices li .QRCode2 i{ left: 164px; }
.tl-index .tl-index-top-right .valueServices li .QRCode2 img{
	width: 140px;
	height: 140px;
	margin: 10px auto 10px auto;
    display: block;
}

/*用户信誉*/
.tl-index .tl-index-top-right .userCredit{
	width: 100%;	
	height: 69px;
	overflow: hidden;
}
.tl-index .tl-index-top-right .userCredit ul{
	overflow: hidden;
	clear:both;
	padding:10px 20px;
}
.tl-index .tl-index-top-right .userCredit ul li{
	float: left;
	color:#999999;
	font-size: 12px;
	width:30px;
	text-align: center;
	margin-right:27px;
}
.tl-index .tl-index-top-right .userCredit ul li span{
	margin-top: 4px;
	display: inline-block;
}
.tl-index .tl-index-top-right .userCredit ul li .userCreditImg{
	height:30px;
	width:30px;
    display: table-cell;
    vertical-align: middle;
}
/* 公告、平台规则、新手指南 */
.tl-index .tl-index-top-right .indexNotices{
	padding:11px 0 13px;
	height:156px;
}
.tl-index .tl-index-top-right .indexNotices .notice-tab{
	overflow: hidden;
	clear: both;
	height:27px;
}
.tl-index .tl-index-top-right .indexNotices .notice-tab li{
	float: left;
	position:relative;
	width: 33%;
    text-align: center;
}
.tl-index .tl-index-top-right .indexNotices .notice-tab li:first-child{
	padding-left:0;
}
.tl-index .tl-index-top-right .indexNotices .notice-tab li:last-child{
	padding-right:0;
}
.tl-index .tl-index-top-right .indexNotices .notice-tab li a{
	padding-bottom:7px;
	display: inline-block;
	color:#999;
}
.tl-index .tl-index-top-right .indexNotices .notice-tab li a:hover{
	color:#f60;
}
.tl-index .tl-index-top-right .indexNotices .notice-tab li.active a{
	border-bottom: 2px solid #ff6600;
	color:#120a02;
}
.tl-index .tl-index-top-right .indexNotices .notice-tab li i{
	position:absolute;
	width:1px;
	background-color: #eee;
	height:13px;
	right:0;
	top:3px;
}
.tl-index .tl-index-top-right .indexNotices .noticeTab-content {
	padding:7px 0;
	border-bottom:1px solid #eeeeee;
	height:83px;
	overflow: hidden;
}
.tl-index .tl-index-top-right .indexNotices .noticeTab-content ul li{
	height:24px;
	line-height: 24px;
	padding:0 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.tl-index .tl-index-top-right .indexNotices .noticeTab-content ul li a{
	font-size: 12px;
	color:#666666;
	display: inline-block;
}
.tl-index .tl-index-top-right .indexNotices .noticeTab-content ul li a:hover{
	color:#ff6600;
}
.tl-index .tl-index-top-right .indexNotices .tl_toutiao{
	height: 32px;
    line-height: 32px;
    padding: 0 15px;
	overflow: auto;
}
.tl-index .tl-index-top-right .indexNotices .tl_toutiao img{
	width: 66px;
	height: 13px;
	margin-top: -2px;
}
.tl-index .tl-index-top-right .indexNotices .tl_toutiao span{
	padding-left:9px;
	color:#666;
}
.tl-index .tl-index-top-right .indexNotices .tl_toutiao .toutiaoImg{ padding-left: 0px; color: #666; display: inline-block; float: left; }
.tl-index .tl-index-top-right .indexNotices .tl_toutiao .headlines{ display: inline-block; width: 125px; margin-left: 10px; float: left; height: 32px; overflow: hidden; }
.tl-index .tl-index-top-right .indexNotices .tl_toutiao .headlines li{ height: 32px; width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/********** text list style ********/
.tl-index .text-list{ width:429px;}
.tl-index .text-list .text-list-tit1{height:57px;position:relative;}
.tl-index .text-list .text-list-tit1 h2{font-size: 30px;line-height: 30px;color:#393f3e;font-weight: bold;margin:0;}
.tl-index .text-list .text-list-tit1 .enName{display: inline-block;font-style: normal;color:#fff;font-size:16px;position:absolute;bottom:0;left:0;height:19px;line-height: 19px;padding:0 4px;}
.tl-index .text-list .text-list-tit1 .enName.en2{bottom:-19px;}
.tl-index .text-list .text-list-content{border:1px solid #898989;height:477px;padding:30px 22px;overflow: hidden;}
.tl-index .text-list .text-list-content li{height:38px;line-height: 38px;font-size: 14px;color:#393f3e;}
.tl-index .text-list .text-list-content li a{width:178px;color:#120a02;}
.tl-index .text-list .text-list-content li a,.tl-index .text-list .text-list-content li span{
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.tl-index .text-list .text-list-content li .price{width:80px;margin-left:20px;}
.tl-index .text-list .text-list-content li .numPeo{width:80px;margin-left:15px;}
.tl-index .text-list .text-list-content li .numPeo b{font-weight: normal;}

.tl-index .text-list .text-list-tab{height:61px;width:100%;}
.tl-index .text-list .text-list-tab ul{overflow: hidden;clear:both;width:100%;height:100%;border-bottom:4px solid #ff6600;}
.tl-index .text-list .text-list-tab ul li{float: left;width:50%;height:100%;text-align:left;font-size: 24px;color:#b8b8b8;position:relative;}
.tl-index .text-list .text-list-tab ul li a{color:#b8b8b8;font-weight: bold;position:absolute;bottom:14px;}
.tl-index .text-list .text-list-tab ul li.active a{font-size: 30px;color:#ff6600;bottom:16px;}
.tl-index .text-list .tab-content{height:477px; padding: 24px 11px;overflow: hidden;}
.tl-index .text-list .tab-content ul li{height:41px;line-height: 41px;font-size: 14px;}
.tl-index .text-list .tab-content ul li i.rightArrow{display:inline-block;width:12px;height:12px;border-left:6px solid #ff6600; border-top:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid transparent;margin-right:14px;    position: relative;top: -13px;}
.tl-index .text-list .tab-content ul li .name{width:150px;margin-right:15px;}
.tl-index .text-list .tab-content ul li .price{max-width:80px;}
.tl-index .text-list .tab-content ul li a,.tl-index .text-list .tab-content ul li span{display: inline-block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}


/*广告图片大小*/
.ad1 img{width: 591px;height:112px;}
.ad1 img:hover{opacity:.7;}
.topCenterAD img{width:347px;height:156px;}
.topCenterAD img:hover{opacity:.7;}

/*优质案例首页样式*/
.quality_case{
	background: #f2f2f2;
}
.quality_case ul{
	width: 1200px;
}
.quality_case li{
	float: left; 
	margin-right: 15px; 
	width: 228px; 
	height: 232px;
	cursor: pointer;
	position: relative;
	margin-bottom: 20px;
	background: #fff;
	padding-bottom: 70px;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}
.quality_case li:nth-child(5n){
	margin-right:0;
}
.quality_case li img{
	width: 228px; 
	height: 178px;
}
.quality_case li span:first-child{
	width: 220px; 
	height: 178px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}
.quality_case li:hover{
	-moz-box-shadow:0px 15px 30px rgba(0,0,0,.1); 
	-webkit-box-shadow:0px 15px 30px rgba(0,0,0,.1); 
	box-shadow:0px 15px 30px rgba(0,0,0,.1); 
	position:relative;
	top:-1px;
	left:-2px;
	transform:translate3d(0,-2px,0);
	-webkit-transform:translate3d(0,-2px,0);
}
.quality_case li:hover .noshow{
	display: block;
}
.quality_case li:hover .quality_case_bottom{
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	background: rgba(237, 238, 230, 0.95);
}
.quality_case li .noshow a:hover{
	color: #fff;
	background: #ff6600;
}
.quality_case_bottom{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 12px 0;
	text-align: center;
	background: #fff;
}
.quality_case_bottom p.info{
	margin: 15px 40px;
	text-align: left;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
	color:#555;
}
.noshow{
	display: none;
}
.quality_case_bottom .noshow a.seedetail{width: 161px;}
.quality_case_bottom .noshow a.seedetail{
	display: inline-block;
	width: 161px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #ff6600;
	color:#393f3e;
}




/*翻页动画*/
@-webkit-keyframes flipTop {
0% {
-webkit-transform: perspective(400px) rotateX(0deg); }

100% {
-webkit-transform: perspective(400px) rotateX(-90deg); } }

@-webkit-keyframes flipBottom {
0% {
-webkit-transform: perspective(400px) rotateX(90deg); }

100% {
-webkit-transform: perspective(400px) rotateX(0deg); } }

@-moz-keyframes flipTop {
0% {
-moz-transform: perspective(400px) rotateX(0deg); }

100% {
-moz-transform: perspective(400px) rotateX(-90deg); } }

@-moz-keyframes flipBottom {
0% {
-moz-transform: perspective(400px) rotateX(90deg); }

100% {
-moz-transform: perspective(400px) rotateX(0deg); } }

@-ms-keyframes flipTop {
0% {
-ms-transform: perspective(400px) rotateX(0deg); }

100% {
-ms-transform: perspective(400px) rotateX(-90deg); } }

@-ms-keyframes flipBottom {
0% {
-ms-transform: perspective(400px) rotateX(90deg); }

100% {
-ms-transform: perspective(400px) rotateX(0deg); } }

@-keyframes flipTop {
0% {
transform: perspective(400px) rotateX(0deg); }

100% {
transform: perspective(400px) rotateX(-90deg); } }

@-keyframes flipBottom {
0% {
transform: perspective(400px) rotateX(90deg); }

100% {
transform: perspective(400px) rotateX(0deg); } }

.dataStatistics {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	width: 102px;
	margin: 0 auto !important;
}

.dataStatistics .seperator {
	vertical-align: top;
	margin: 0 -20px;
	display: inline;
}

.dataStatistics .seconds,.dataStatistics .minutes,.dataStatistics .hours,.dataStatistics .days {
	height: 100%;
	display: inline;
}

.dataStatistics .digit_set {
	float: left;
	width: 15px;
	height: 100%;
	display: inline-block;
	position: relative;
	margin: 0 1px;
	text-align:left;
}

.dataStatistics .digit {
	position: absolute;
	height: 100%;
	width:15px;
}

.dataStatistics .digit > div {
	position: absolute;
	left: 0;
	overflow: hidden;
	height: 50%;
	width:15px;
	text-align: center
}

.dataStatistics .digit > div.digit_top, .dataStatistics .digit > div.shadow_top {
	width: 15px;
	background-color: #fff;
	border-bottom: 1px solid #fff; 
	box-sizing: border-box;
	top: 0;
	z-index: 0;
	text-align: left;
}

.dataStatistics .digit > div.digit_top:before, .dataStatistics .digit > div.shadow_top:before {
	content: "";
	height: 100%;
	width: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

.dataStatistics .digit > div.shadow_top {
	width: 15px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in;
}

.dataStatistics .digit > div.digit_bottom, .dataStatistics .digit > div.shadow_bottom {
	background-color: #fff;
	bottom: 0;
	z-index: 0;
	width:15px;
	text-align: left;
}

.dataStatistics .digit > div.digit_bottom .digit_wrap, .dataStatistics .digit > div.shadow_bottom .digit_wrap {
	display: block;
	margin-top: -102%;
	width:15px;
}

.dataStatistics .digit > div.digit_bottom:before, .dataStatistics .digit > div.shadow_bottom:before {
	content: "";
	border-radius: 0 0 10px 10px;
	height: 100%;
	width: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

.digit_wrap {
	line-height: 30px;
	width:15px;
	display: block;
	overflow: hidden;
}

.dataStatistics .digit > div.shadow_bottom {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in;
	width:15px;
}

.dataStatistics .digit.previous .digit_top,.dataStatistics .digit.previous .shadow_top {
	opacity: 1;
	z-index: 2;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: flipTop 0.3s ease-in both;
	-moz-transform-origin: 50% 100%;
	-moz-animation: flipTop 0.3s ease-in both;
	-ms-transform-origin: 50% 100%;
	-ms-animation: flipTop 0.3s ease-in both;
	transform-origin: 50% 100%;
	animation: flipTop 0.3s ease-in both;
}

.dataStatistics .digit.previous .digit_bottom,.dataStatistics .digit.previous .shadow_bottom {
	z-index: 1;
	opacity: 1;
}

.dataStatistics .digit.active .digit_top {
	z-index: 1;
}

.dataStatistics .digit.active .digit_bottom {
	z-index: 2;
	-webkit-transform-origin: 50% 0%;
	-webkit-animation: flipBottom 0.3s 0.3s ease-out both;
	-moz-transform-origin: 50% 0%;
	-moz-animation: flipBottom 0.3s 0.3s ease-out both;
	-ms-transform-origin: 50% 0%;
	-ms-animation: flipBottom 0.3s 0.3s ease-out both;
	transform-origin: 50% 0%;
	animation: flipBottom 0.3s 0.3s ease-out both;
}


/* 店铺头部 */
#header.store-header .header-search{
	width: 498px;
}
#header.store-header .header-search .search-input{
	width:395px;
}
#header.store-header .nowPageName{
	width:180px;
	font-size: 24px;
	color:#666;
	margin-left:53px;
	padding-left: 40px;
	border-left:1px solid #cccccc;
	height:52px;
	line-height: 52px;
	margin-top:50px;
}
#header.store-header .header-top li.helpCenter:hover,
#header.store-header .login-on:hover,
#header.store-header .header-top li.helpCenter dl,
#header.store-header .user-dropdown{
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}



/********首页修改***********/
.menu-icon{
	margin-right: 5px;
}
.modify-down{
	margin-left: 5px;
}
#header .login-on .userDownIcon{
	left: auto;
}
#header .login-on .login-name .userDownIcon{
    right:5px;
}
.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 dl.dropdown-menu.modifys{
	width: 970px;
	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;
}


/**************登录及示登录展示**************/
.tl-index .tl-index-top-right .valueServices {
    height: 140px; overflow: inherit;
}
.tl-index .tl-index-top-right .userCredit ul {
    padding: 7px 20px;
}
.tl-index .tl-index-top-right .userStatus{
	text-align: center;
	height: 180px;
    padding: 10px 0px;
}
.tl-index .tl-index-top-right .userStatus .userLogo{
	margin: 0 auto;
}
.userIcon{
	height: 27px;
    padding: 5px 0;
	display: none;
}
.userIcon img{ margin: 0 5px; }
.tl-index .tl-index-top-right .userStatus .userStatusRight{ width: 100%; margin-left: 0px; }
.tl-index .tl-index-top-right .userStatus .userStatusRight .userName { margin-top: 10px; }
.tl-index .tl-index-top-right .userStatus .userStatusRight .userLogin a{ width: 95px; max-width: 95px; color: #fff; margin: 5px 5px; height: 28px; line-height: 28px; }
.tl-index .tl-index-top-right .userStatus .userStatusRight .userLogin a:hover{ width: 95px; color: #fff !important; }
.tl-index .tl-index-top-right .userStatus .userStatusRight .userLogin a.login{ background: #f5672f; }
.tl-index .tl-index-top-right .userStatus .userStatusRight .userLogin a.register{ background: #f5952f; }
.tl-index .tl-index-top-right .userCredit { height: 122px; }
.marginT1{ margin-top: 1px; }
.userLogin-T{ margin-top: 15px; }

.Integrity{ background: url("../images/icon/store-icon.png") no-repeat; width: 23px; height: 23px; background-size: 100%; }
.shidirenzheng{ background: url("../images/icon/store-icon-1.png") no-repeat; width: 21px; height: 22px; background-size: 100%; display: inline-block; vertical-align: text-top; margin-left: 7px; }


/*首页4月份改版*/
.demandArea{ overflow: auto; }
.demandArea>div{ float: left; width: 290px; height: 260px; margin-right: 13px; margin-bottom: 20px; border: 1px solid #ececec; box-sizing: border-box; overflow: hidden; }
.demandArea>div:hover{ border: 2px solid #ff6600; box-sizing: border-box; }
.demandArea>div a{ display: block; width: 288px; height: 140px; margin-bottom: 15px; overflow: hidden; }
.demandArea>div a img{ width: 100%; }
.demandArea>div a img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s;}
.demandArea>div:nth-of-type(4n){ margin-right: 0; }
.demandArea>div .demand-info{ padding: 0 20px; }

.demandArea>div .demand-info .demand-title a { height: 20px !important; width: 198px; font-size: 14px; color: #333; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin-bottom: 5px; }
.demandArea>div .demand-info .demand-title a:hover{ color: #ff6600; }
.demandArea>div .demand-info .tips { font-size: 12px; color: #999; padding-bottom: 3px;  padding-top: 3px; width: 100%; }
.demandArea>div .demand-info .clear{ margin-bottom: 5px; }
.demandArea>div .demand-info .price{ font-size: 14px; color: #f5672f; }
.demandArea>div .demand-info img{ margin-right: 5px; }
.demandArea>div .demand-info .tips{ font-size: 12px; color: #999999; }

.service-con{ overflow: auto; }
.service-con .service-item{ width: 592px; margin-right: 16px; float: left; background: #fff; margin-bottom: 20px; text-align: center; }
.service-con .service-item2{ margin-right: 0px; }
.service-con .service-item .left{ width: 200px; border-right: 1px solid #ececec; box-sizing: border-box; height: 250px; }
.service-con .service-item .left .service-title{ text-align: left; overflow: hidden; }
.service-con .service-item .left .service-title h3{ padding: 10px 0 0 20px; color: #999999; font-size: 16px; font-weight: bold; }
.service-con .service-item .left .service-title img{ margin-left: -10px; }
.service-con .service-item .left>img{ text-align: center; margin-top: 20px; transition: transform .3s ease-in,-webkit-transform .3s ease-in,-moz-transform .3s ease-in; }
.service-con .service-item .left>img:hover{ transform: translateX(-20px); }

.service-con .service-item .right{ width: 390px; height: 250px; text-align: left; padding: 24px 15px 0 15px; }
.service-con .service-item .right .company-info span{ display: inline-block; max-width: 180px; padding-right: 15px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #666666; }
.service-con .service-item .right .company-info span.comment{ padding-right: 0; color: #bbbbbb; }
.service-con .service-item .right .company-info span.comment i{ font: inherit; color: #ffa17c; }
.service-con .service-item .right .img{ text-align: center; }
.service-con .service-item .right .img img{ width: 163px; height: 128px; margin: 5px; }
.service-con .service-item .right .img img:hover{ opacity: .7; }

.quality-case{ overflow: auto; padding-bottom: 70px; }
.quality-case>div{ float: left;; position: relative; }
.quality-case .first{ width: 395px; height: 308px; margin-right: 5px; overflow:hidden; }
.quality-case .second{ width: 405px; height: 308px; }
.quality-case .second>div{ position: relative; margin-right: 5px; width: 197px; height: 153px; float: left;  margin-bottom: 1px; overflow:hidden; }
.quality-case .second>div img{ width: 197px; height: 153px; }
.quality-case .last{ width: 395px; height: 308px; margin-right: 0; overflow:hidden; }
.quality-case .first img,.quality-case .last img{ width: 394px; height: 307px; }
.quality-case>div .quality-case-bottom{ width: 100%; position: absolute; bottom: 0; text-align: center; padding: 10px; opacity: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quality-case>div.first:hover .quality-case-bottom, .quality-case>div.last:hover .quality-case-bottom,.quality-case>div.second>div:hover .quality-case-bottom{ opacity: 1; background: rgba(32, 29, 27, 0.4); font-size: 14px; color: #ffffff; text-align: center; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.quality-case>div.first:hover .quality-case-bottom a, .quality-case>div.last:hover .quality-case-bottom a,.quality-case>div.second>div:hover .quality-case-bottom a{ font-size: 14px; color: #ffffff; }
.quality-case>div.first:hover .caseImg img, .quality-case>div.last:hover .caseImg img,.quality-case>div.second>div:hover .caseImg img{ transform: scale(1.05); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; }

#bidListInfos dd.clear div.clo-xs-10 span:nth-of-type(1){ display: inline-block; padding-left: 0; height: 23px; }
#bidListInfos dd.clear div.clo-xs-10 span{ display: block; padding-left: 37px; line-height: 7px; }


/* 增加华为入口 */
.hwEnter{
	width: 243px;
	height: 63px;
	background:url(../images/hwEnter.jpg) no-repeat;
    margin: 1px 0;
    display: block;
    animation:hwEnterTrs 8s infinite ease-in;
    -webkit-animation:hwEnterTrs 8s infinite ease-in;
    -moz-animation:hwEnterTrs 8s infinite ease-in;
    -ms-animation:hwEnterTrs 8s infinite ease-in;
    -o-animation:hwEnterTrs 8s infinite ease-in;
}
@keyframes hwEnterTrs{
	0%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
	30%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
	50%{
		background:url(../images/hwEnter1.jpg) no-repeat;
	}
	80%{
		background:url(../images/hwEnter1.jpg) no-repeat;
	}
	100%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
}

@-moz-keyframes hwEnterTrs /* Firefox */
{
	0%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
	30%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
	50%{
		background:url(../images/hwEnter1.jpg) no-repeat;
	}
	80%{
		background:url(../images/hwEnter1.jpg) no-repeat;
	}
	100%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
}

@-webkit-keyframes hwEnterTrs /* Safari 和 Chrome */
	0%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
	30%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
	50%{
		background:url(../images/hwEnter1.jpg) no-repeat;
	}
	80%{
		background:url(../images/hwEnter1.jpg) no-repeat;
	}
	100%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
}

@-o-keyframes hwEnterTrs /* Opera */
{
	0%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
	30%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
	50%{
		background:url(../images/hwEnter1.jpg) no-repeat;
	}
	80%{
		background:url(../images/hwEnter1.jpg) no-repeat;
	}
	100%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
}

@-ms-keyframes hwEnterTrs /* Opera */
{
	0%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
	30%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
	50%{
		background:url(../images/hwEnter1.jpg) no-repeat;
	}
	80%{
		background:url(../images/hwEnter1.jpg) no-repeat;
	}
	100%{
		background:url(../images/hwEnter.jpg) no-repeat;
	}
}