@charset "utf-8";

/*css重置 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, small { margin: 0; padding: 0; font-family:"微软雅黑"}
body { font: 12px/1.5 "Microsoft Yahei", "微软雅黑", tahoma, arial, 'Hiragino Sans GB', sans-serif; color: #3C3C3C; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; font-weight: normal; }
input, select { vertical-align: middle; }
ol, ul, li { list-style: none; }
ul, li { list-style-type: none; }
i { font-style: normal; }
img { border: 0; vertical-align:middle;}

/*全局公用*/
.tc { text-align: center; }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f40 { font-size: 40px; }
.divc { margin: 0 auto }
.fb { font-weight: bold }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; font-size: 0; height: 0; overflow: hidden; }
.cl10 { clear: both; font-size: 0; height: 10px; overflow: hidden; }
.cl20 { clear: both; font-size: 0; height: 20px; overflow: hidden; }
.cl30 { clear: both; font-size: 0; height: 30px; overflow: hidden; }
.cl40 { clear: both; font-size: 0; height: 40px; overflow: hidden; }
.cl50 { clear: both; font-size: 0; height: 50px; overflow: hidden; }

a { color: #333 !important;}
a:hover { color:#673840 !important; text-decoration:none !important; }
a.lan, a.lan:link, a.lan:visited, .lan { color: #0652a3 !important; }
a.lan:hover, a.lan:active { color: #0652a3 !important; text-decoration: underline; }
.w90 { width: 90px; }
.w220{ width:220px;}
.w400 { width: 400px; }
.w630 { width: 630px; }
.w100{ width:100%;}
.clearfix { *zoom: 1; } 
.clearfix:before,.clearfix:after { display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.r3 { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
.t10 { margin-top: 10px; }
.t20 { margin-top: 20px; }
.t30 { margin-top: 30px; }
.t40 { margin-top: 40px; }
.t50 { margin-top: 50px; }
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20 { margin-right:20px; }
.mr40 { margin-right: 40px; }
.lh2 { line-height: 2em; }
.lh30 { line-height: 30px; }
.lh40 { line-height: 40px; }
.b1 { border: 1px solid #ddd; }
.bt1 { border-top: 1px solid #ddd; }
.bb1 { border-bottom: 1px solid #ddd; }
.bl1 { border-left: 1px solid #ddd; }
.br1 { border-right: 1px solid #ddd; }
.block { display:block; }
.clr-g { color:#36B59B !important;}
.pd0 { padding:0;}
.bgc { background-color:#F3F3F3;}

/*top-nav*/
.topnav { background:#434040;}
.top-nav { line-height:35px; color:#fff;}
.top-nav ul li { padding:0 10px;}
.top-nav ul li:last-child { padding-right:3px;}
.top-nav ul li a{ color:#fff !important;}
.top-nav ul li a.topfc-g { color:#36B59B !important;}
.cl-effect-3 { position:relative; text-align:center;}
.cl-effect-3 a { position:absolute; top:0; left:5px; width:30px; padding-bottom:6px; line-height:15px; color:#fff;background-color:#F32434;text-decoration:none;}
.cl-effect-3 a img { margin-top:7px;}
/*header-slider*/
.header { padding:0; position:relative;min-height:120px;}
.header-logo { height:100px;}
.header .logo{ width:200px; position:relative; position: absolute; top: 22px;}
.header .logo a img{ width:80%; margin-top:5%;}
.header .the-zone{ position:absolute; top:5px; left:150px; width:100%;}

.do-search { margin-top:35px;}
.do-search .do-search-ss { width:52px; height:44px;}
.do-search .do-search-text { width:334px; height:44px; border:1px #36B59B solid; text-align:left;}
.do-search .btn { padding:10px;}
.do-search .btn-default { border-color:#36B59B;}
.do-search .caret { color:#36B59B;}
.do-search .do-search-m:hover{ background-color:#fff;}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{ background-color:#fff !important;}
.dropdown-menu li:hover, .dropdown-menu li a:hover, .dropdown-menu li:visited, .dropdown-menu li a:visited { background-color:#eee !important;}
.do-search .dropdown-menu li { padding-left:0;}
.do-search .do-search-ss { background-color:#36B59B; color:#fff !important;}
.do-search .do-search-ss:hover { background-color:#00A181 !important;} 

.header .head-nav { background-color:#eee;}
.header .head-nav ul { height:50px; line-height:50px;}
.header .head-nav ul li { float:left; height:50px;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 14px;
}
.header .head-nav ul li a{
	position: relative;
	display: inline-block;
	padding: 0 30px;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 16px;
}
.header .head-nav ul li.on { background-color:#36B59B; color:#fff;}
.header .head-nav ul li.on a { color:#fff !important;}
.header .head-nav ul li a:hover, .head-nav ul li.active a { color:#666 !important; }
.header .head-nav ul li:hover a { background-color:#36B59B; color:#fff !important;}

.btn-fb-box { position:relative;}
.btn-fb-box .btn-fb { display:inline-block; width:120px; height:35px; line-height:35px; color:#fff !important; text-align:center; margin:8px 3px 0 0; border-radius:3px; background-color:#F32434; text-decoration:none;}
.btn-fb-box .btn-fb:hover { background-color:#E90C1D; color:#fff !important;}

.btn-fb-main { position:absolute; top:58px; left:-70px; z-index:999; width:265px; background-color:#fff; opacity:0.9; padding:0 20px 0 20px; transform: translateY(50px);}
.btn-fb-main .triangle-up { width:0; height:0; border-left:16px solid transparent; border-right:16px solid transparent; border-bottom:12px solid #fff; margin:0 auto; margin-top:-12px;}
.btn-fb-m h1 { color:#f00; border-bottom: 1px #eee dotted; margin-bottom:15px;}
.btn-fb-m dl { margin-bottom:15px; font-size:12px;}
.btn-fb-m dl dt { width:14%;}
.btn-fb-m dl dt img { width:28px; height:28px;}
.btn-fb-m dl dd { width:76%;}
.btn-fb-m dl dd p span { color:#f00;}
/*.btn-fb-box .btn-fb:hover + .btn-fb-main { transform: translateY(0); opacity:.9;}*/

.lir { position:absolute; top:30px; right:10px;}
.lir a { font-size:14px !important; }

/*-- responsive-mediaquries --*/
@media(max-width:768px) {
	.lir{ position:static;}
	.lir a{ font-size:16px;}
	.head-nav ul{
		position: absolute;
		margin: 0;
		padding: 2% 0;
		z-index: 999;
		width: 100%;
		display: none;
		text-align: center;
		background:rgba(0, 0, 0, 0.9);
		left:0em;
		top:6.6em;
	}
	.header .head-nav ul li{ position:relative; display:block; float:none; }
	.cl-effect-3 sup{ position:absolute; top:12px; right:265px;}
	
	.header .head-nav ul li a{ border-right:none; color:#fff !important; }
	.header .head-nav ul li a { font-size: 1.1em; padding:0.5em 1.5em; display:block; }
	.header .head-nav ul li a:hover { background: none; color: #888; }
	.header .head-nav span.menu {
		display: block;
		background: none;
		position: absolute;
		top: 21px;
		right: 40px;
	}
	.header .head-nav span.menu:before{
		content:url(../images/menu.png);
		color:#FFF;
		font-size:2.3em;
		text-transform:uppercase;
		text-align:right;
		cursor:pointer;
	}
}
/*-- responsive-mediaquries --*/

/*.footer { text-align: center; padding: 40px 0; background: #F0F0F0; color:#666 !important;} 
.footer ul { list-style: none; display: inline-block; }
.footer ul li{ padding:0 10px;float: left;}
.footer ul li a{ color:#666 !important;}
*/
/*.footer { padding: 40px 0; background: #F0F0F0; color:#666 !important;} 
*/.footer { padding: 40px 0; background:#434040; color:#BBB !important;} 
.foot-nav{ width:47%;}
.foot-nav ul li a{  color:#BBB !important;}
.foot-nav ul{  padding:10px 20px; min-width:91px;}
.foot-nav ul li{ line-height:25px; }
.foot-friend a{ display:inline-block; padding:5px; color:#BBB !important;}

@media screen and (min-width:1201px) and (max-width:1400px){
	.foot-nav{ width:70%;}
	.foot-nav ul{ padding:10px;}
	.header .head-nav ul li { margin: 0 10px;}
}
@media screen and (min-width:768px) and (max-width:1200px){
	.foot-nav{ width:70%;}
	.foot-nav ul{ padding:10px;}
	.header .head-nav ul li { margin: 0 -5px;}
}
@media screen and (max-width:767px){
	.foot-nav{ width:90%;}
	.foot-nav ul{ padding:0; min-width:80px;}
}

.wxh{ width:50%; position:relative;}
.wxh dt img{ width:75%;}
.wxh dd{ line-height:20px;}
.bgwx{ position:absolute; top:-189%; left:-77%; z-index:11;}

.btnlv { background:#00a180; color:#FFF !important; }
.btnlv:hover { background:#029577; color: #FFF !important;}

/*form*/
.formw { zoom: 1; margin-bottom: 25px; line-height: 40px; }
.formtit { background: #00a181;height: 50px;line-height: 50px;padding: 0 20px;color: #fff;font-size: 18px;-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
.tz{ border:1px #DDD solid; padding-bottom:15px;}
.tz p{ padding:0 10px;}
.pf img{ width:18px; height:18px;}

div,img{ transition:all .5s;}
.lb1 { overflow: hidden; margin-right:20px;}
.lb1 .lboimg1{ width:210px; height:130px; transform:scale(1,1); -webkit-transform:scale(1,1);}
.cls { position:relative; margin-bottom:20px;}
.lb-ms { width:70%;}
.lb-ms h1 { height:30px; line-height:30px;font-weight:bold;}
.lb-ms p { height:30px; line-height:30px;}
.lb-ms p a { display:block;}
.lb-hover { position:absolute; top:0; left:0; width:210px; height:130px; background:rgba(0,0,0,.2);}
.lb-hover div { width:100%; height:100%; text-align:center; transform:scale(0,0); -webkit-transform:scale(0,0);}
.lb-hover div img { width:25%; margin-top:20px;}
.lb-hover div p{ font-size:16px; color:#fff;}
.lb1:hover .lb-hover div { transform:scale(1,1); -webkit-transform:scale(1,1);}
.lb1:hover .lboimg1 { transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.lb2 a { display:inline-block; width:24%; height:100px; overflow:hidden;}
.lb2 a img { width:130%; transform:scale(1,1); -webkit-transform:scale(1,1);}
.lb2 a img:hover { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

/*(有附加说明)客户报价*/
/*.do-bj dt { position:relative; width:100px; text-align:center; padding:15px 0; border:1px #36B59B solid;}
.do-bj dt img { width:35%; margin-bottom:5px;}
.do-bj .do-bjh { position:absolute; top:-1px; left:-1px; width:100px; height:88px; line-height:88px; color:#fff !important; background:rgba(0,0,0,.8); transform:scale(0,0); -webkit-transform:scale(0,0);}
.do-bj .do-bjh a{ color:#fff !important;}
.do-bj dt:hover .do-bjh{ transform:scale(1,1); -webkit-transform:scale(1,1);}
.do-bj dd h1{ line-height:30px;}
*/

/*（无附加说明）客户报价*/
.do-bj div { position:relative; width:100px; height:88px; text-align:center; padding:15px 0; border:1px #36B59B solid;}
.bj-ms { width:100px; line-height:22px; margin-top:5px;}
.do-bj div a img { width:35%; margin-bottom:5px;}
.do-bj div p { line-height:20px;}
.do-bj .do-bjh { position:absolute; top:-1px; left:-1px; width:100px; height:88px; line-height:88px; color:#fff !important; background:rgba(0,0,0,.8); transform:scale(0,0); -webkit-transform:scale(0,0);}
.do-bj .do-bjh a{ color:#fff !important;}
.do-bj div:hover .do-bjh{ transform:scale(1,1); -webkit-transform:scale(1,1);}
/*（无附加说明）客户报价*/

.modal-backdrop.in { opacity:0.8;}
.kh-bj { width:70%; background-color:#FFF; margin:1.8% auto; padding-bottom:8px;}
.h-bjth { padding:10px;}
.h-bjth img.logo-bj { width:15%;}
.kh-bjtable { width:99%; margin:0 auto;}
.kh-bjtable tr { line-height:25px;}
.kh-bjtable tr td { border:1px #ddd solid; padding:0 5px;}
.kh-bjtable tr td input { width:100%; border:0;}
/*(有附加说明)客户报价*/

/*服务商报价*/
.do-upbj dt { position:relative; width:100px; height:88px; text-align:center; padding:15px 0; border:1px #36B59B solid;}
.do-upbj dt a { position:absolute; top:0; left:0; width:100px; height:88px; padding:15px 0;}
.do-upbj dt img { width:35%; margin-bottom:5px;}
.do-upbj .do-bjh { position:absolute; top:-1px; left:-1px; width:100px; height:88px; line-height:88px; color:#fff; background:rgba(0,0,0,.8); transform:scale(0,0); -webkit-transform:scale(0,0);}
.do-upbj .do-bjh a{ color:#fff !important;}
.do-upbj dt:hover .do-bjh{ transform:scale(1,1); -webkit-transform:scale(1,1);}
.do-upbj dd h1{ line-height:30px;}
.bj-btn button { background-color:#36B59B; color:#FFF;}
.bj-btn button:hover { background-color:#56C8B1; color:#FFF;}
/*服务商报价*/

/*时间轴*/
.t-content {position:relative;width:1000px;margin:0 auto;}
.t-content {width: 810px;}
.t-content .wrapper {position: relative;width: 810px;margin: 0 auto;}
.t-content .light {position: absolute;left: 55px;top: -50px;width: 152px;height: 191px;}
.t-content .light i {position: absolute;width: 100%;height: 100%;top: 0;}
.t-content .line-left {position: absolute;left: 0;top: 15px;width: 70px;}
.t-content .line-right {position: absolute;right: 0;top: 15px;width: 460px;}
.t-content .main { position:relative;}
.t-content .main .title {position: absolute;line-height: 40px;padding-left: 67px;left: 44px;top: 0;color: #333;font-size: 14px;}
.t-content .main .year {position: relative;z-index: 100;}
.t-content .main .year h2 {height: 40px;width: 135px;padding-right: 30px;font-size: 16px;line-height: 40px;text-align: left;}
.t-content .main .year h2 a {color: #333;}
.t-content .main .year h2 i{display:block;position:relative;height:0;width:0;left:77px;top:-22px;border-width:6px;border-style:solid;border-color:#666 transparent transparent transparent;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:6px 3px;-moz-transform-origin:6px 3px;-ms-transform-origin:6px 3px;-o-transform-origin:6px 3px;transform-origin:6px 3px}
.t-content .main .year .list-t{margin:10px 0;position:relative;overflow:hidden;-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s}
.t-content .main .year .list-t ul {bottom: 0;}
.t-content .main .year .list-t ul li { color: #a1a4b8;}
.t-content .main .year .list-t ul li.highlight {background-image: url(http://p4.qhimg.com/d/inn/05a63fc5/circle-h.png);}
.cls {zoom: 1;}
.cls:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.t-content .main .year .list-t ul li.highlight .date, .t-content .main .year .list-t ul li.highlight .intro {color: #ec6a13;}
.t-content .main .year .list-t ul li .date,.t-content .main .year .list-t ul li .version{float:left;display:block;clear:left;width:200px;line-height:24px;text-align:right;}
.t-content .main .year .list-t ul li .date{font-size:14px;line-height:40px; text-align:right;color:#bec1d5; margin-right:23px;}
.content .main .year .list-t ul li .intro, .content .main .year .list-t ul li .more {float: left;display: block;width: 400px;margin-left: 100px;line-height: 24px;}
.t-content .main .year .list-t ul li .intro {font-size: 18px;line-height: 32px;color: #63d029;}
.t-content .wrapper:first-child .main .year.t-close h2 i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}
.t-content .wrapper:first-child .main .year.t-close .list-t{opacity:0;height:0!important;}
.t-close{float:none !important;}
.ie7 .t-content .main .year h2 i{left:40px}
/*时间轴*/

/* 评分 */
.starbox{ height:35px; line-height:41px;}
.flinline{float:left;display:inline;}
.s_name{ float:left; display:block; width:100px;}
.star_ul{background:url(../images/star.png) no-repeat 0 -150px;width:135px;z-index:10;position:relative;height:25px;}
.star_ul li{float:left;margin-right:1px;width:25px;height:35px; line-height:35px;}
.star_ul li a{display:block;height:25px;position:absolute;left:0;top:0;text-indent:-999em;}
.star_ul li .active-star{background:url(../images/star.png) no-repeat;}
.star_ul li .one-star{width:25px;background-position:0 -120px;z-index:50;}
.star_ul li .two-star{width:51px;background-position:0 -90px;z-index:40;}
.star_ul li .three-star{width:79px;background-position:0 -60px;z-index:30;}
.star_ul li .four-star{width:105px;background-position:0 -30px;z-index:20;}
.star_ul li .five-star{width:129px;margin-right:0;background-position:0 0;z-index:10;}
.s_result{ display:inline-block; line-height:35px; padding-left:5px;}
/* 评分end */

.ft { width: 100px; }
.ftxt { border: 1px solid #ddd; padding: 0 10px; line-height: 38px; }
.ftxta { border: 1px solid #ddd; padding: 10px; line-height: 20px;}

.reg-t{ border-bottom:2px #ccc solid;}
.reg-t ul{ width:60%; line-height:45px;}
.reg-t ul li{ width:33.33%; text-align:center; color:#888; margin-bottom:-2px;}
.reg-t ul li span{ display:inline-block; width:22px; height:22px; line-height:22px; border-radius:50%; background-color:#CCC; margin-right:15px; color:#fff; font-size:14px !important;}
.reg-number{ color:#333 !important; border-bottom:2px #36B59B solid;}
.reg-number span{ background-color:#36B59B !important;}
.szzh{ width:55%;}
.szzh div{ margin:35px 0;}
.szzh div label{ font-weight:normal; margin-right:10px;}
.szzh div input{ width:245px; height:37px; line-height:37px; border:1px #ccc solid; padding-left:5px;}
.szzh-yuan{ display:inline-block; width:17px; height:17px; line-height:15px; padding-left:0 !important; margin-right:4px; background:url(../images/u407.png) no-repeat center; color:#fff;}
.szzh-an{ width:100px; height:38px; line-height:37px; display:inline-block; color:#fff !important; cursor:pointer; background-color:#36B59B;}
.szzh-dis{ background-color:#ccc; cursor:default;}
.an2{ margin-left:130px;}
.szzh-an:hover{ text-decoration:none; color:#fff !important;}
.szzh div span{ padding-left:5px;}
.szzh-cs{ padding-left:80px !important;}
.fc-g{ color:#36B59B !important; background:url(../images/u407.png) no-repeat 0 13px; padding-left:20px;}


.fc-g:hover{ text-decoration:none;}
.sz-tk{ background-color:#fff; border:1px #36B59B solid; width: 550px;margin: 30px auto;}
.sz-tk div{ margin:0 !important; padding:50px 70px;}
.fc-y{ display:inline-block; width:25px; height:25px; line-height:25px; border-radius:50%; background-color:#FFC; margin-right:15px; font-size:12px !important;}
.w150{ display:inline-block; width:150px; text-align:right;}

.login-bg{ position:relative;}
.zhlogin{ position:absolute; top:22%; left:35%; background-color:#FFF; padding:10px 88px; opacity:.8;}
.login-logof{ position:absolute; top:-25%;}
.login-logof img{ width:55%;}
.zhlogin h1{ padding:25px 0 12px 0; font-weight:bold;}
.zhlogin div { width:365px; margin:20px 0;}
.zhlogin div label{ width:55px; height:45px; line-height:45px; background-color:#36B59B;}
.zhlogin div input{ width:310px; height:45px; line-height:45px; padding-left:10px; background:none; border:1px #36B59B solid;}
.zhlogin .w70{ margin:0; margin-bottom:15px;}
.zhlogin .w70 input{ width:150px;}
.zhlogin p .log-wjmm{ margin:-17px 0 10px 0; color:#36B59B;}
.logdl{ width:365px; background-color:#36B59B; color:#fff !important; border-radius:0; height:45px; line-height:31px;}
.logdl:hover{ color:#fff !important;}
.log-join{ color:#36B59B !important;}
.log-join:hover{ color:#36B59B !important; text-decoration:none;}

/*单选多选*/
.do-radio, .do-checkbox { display: block; float: left; height: 38px; line-height: 38px; font-size:14px; border: 1px solid #ddd; background: #fff; cursor: pointer; margin: 0 10px 5px 0; padding: 0 23px; color: #666; position: relative; font-weight: normal;width: inherit !important; }
.do-radio.check, .do-checkbox.check { border: 1px solid #2db297; background: #fff url(../images/check.png) right bottom no-repeat; }
.do-radio input, .do-checkbox input { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; position: absolute; left: 0px; top: 0px; }

/*颜色选择*/
.colorradio .do-radio { height: 38px; width: 38px; border: 1px solid #f0f0f0; padding: 0; }
.colorradio .do-radio.check { height: 36px; width: 36px; border: 2px solid #333; }

/*滑块*/
.ranger { margin-left: 10px; padding-left: 20px; margin-top: 10px; position: relative; }
.ranger .plus, .ranger .minus { position: absolute; width: 20px; right: 0px; height: 20px; background: #eee;cursor: pointer; }
.ranger .plus { top: 0px; }
.ranger .minus { bottom: 0px; }
.ranger input { width: 100px;font-size: 14px; }
.ranger .unit { position: absolute;right: 25px;top: 0px;font-size: 14px;color: #999; }
.ranger .minus:hover .bk-number-arrow { border-top-color: #36b5d8; cursor: pointer; }
.bk-number-arrow { display: block; width: 0; height: 0; border: solid 5px transparent; border-top-color: #999; margin: 3px 6px; }
.ranger .plus .bk-number-arrow { border: solid 5px transparent; border-bottom-color: #999; margin-top: 5px; }
.ranger .plus:hover .bk-number-arrow { border-bottom-color: #36b5d8; }
/*时间*/
input.date { padding-left: 40px;width: 100px;background: url(../images/date.png) 5px center no-repeat; }

/*下拉*/
.xiala { position: relative;z-index: 999; }
.xiala input.w400 { background: url(../images/down.png) 375px center no-repeat; }
.xiala input.w220 { background: url(../images/down.png) 195px center no-repeat; }
.xiala ul.xlc { position: absolute;top: 40px;left: 0;width: 100%;background: #fff;border: 1px solid #ddd;border-top: 0;box-shadow: 0px 3px 3px #eee;z-index: 9999; }
.xiala ul li { height: 30px;line-height: 30px;padding: 0 10px;cursor: pointer; }
.xiala ul li:hover { background: #00a181;color: #fff; }

.uplist li { width: 560px;height: 30px;line-height: 30px;position: relative;background: #e5e5e5;padding: 5px;margin-bottom: 3px; }
.uplist li .close { position: absolute;right: 10px;top: 9px;cursor: pointer; }

.liucheng { text-align: center;margin-top: 40px; }
.liucheng ul { margin:0 auto;display: inline-block; }
.liucheng li { float: left; width: 140px; text-align: center; margin-right: 80px; }
.liucheng li div { background-image:url(../images/icon_zong.png); background-repeat: no-repeat; margin: 0 auto;width: 100px;height: 100px; }
.liucheng li .lico1 { background-position: 0 0; }
.liucheng li .lico2 { background-position: -100px 0; }
.liucheng li .lico3 { background-position: -200px 0; }
.liucheng li .lico4 { background-position: -300px 0; }
.liucheng li.on .lico1 { background-position: 0 -100px; }
.liucheng li.on .lico2 { background-position: -100px -100px; }
.liucheng li.on .lico3 { background-position: -200px -100px; }
.liucheng li.on .lico4 { background-position: -300px -100px; }

/*do-content*/
.do-content { width:80%; }
.do-bg { border-bottom:1px #00A181 solid; box-shadow:3px 3px 3px #AEEEE1;margin-bottom: 30px; }
.do-dj { font-size:16px; color:#E80042; }
.do-list-l { width:70%; padding-left:2px; float: left; }
.do-list-l span { line-height:35px; }
.do-list-r { width:20%; margin-top:8px;float: right; }
.do-list-r span { display:inline-block; text-align:right; color:#666; }
.do-list-r i { display:inline-block; padding:0 10px; }
.do-list-r p {/* text-align:right; margin-right:16px; */}
.do-list-r p strong { margin-right:17px; color:#E80042; font-style:italic; }
.do-list-r a { display:inline-block; margin-top:16px; }

.lt-th{ background-color:#37B59B; color:#fff;}
.lt-m{ border:1px #ddd solid;}
.lt-mth{ background-color:#F5F5F5;}
.lt-mth strong{ margin-right:10px;}
.lt-mth a.lxkf{ display:inline-block; background-color:#37B59B; height:20px; line-height:20px; margin-top:5px; padding:0 5px; color:#FFF !important; border-radius:1px;}
.lt-main{ padding:15px 0;}
.pd0{ padding:0;}
.br{ border-right:1px #CCC solid;}

.do-page ul { float: right; margin:0 auto; padding-top:40px; }
.do-page ul li { float:left; height:30px; line-height:30px; text-align:center; border:1px #ddd solid; margin-right:17px; }
.do-page ul li a { display:inline-block; padding:0 12px; height:28px; line-height:30px; }
.do-page ul li a.disabled { background-color:#eee; color:#aaa !important;cursor: default; }
.do-page ul li a.disabled:hover { background-color:#eee; color:#aaa !important; }
.do-page ul li a.current { background-color:#08af8e; color:#FFF !important; }
.do-page ul li a:hover { background-color:#08af8e; color:#FFF !important; }

.do-guide { width:95%; margin:50px auto 0 auto; }
.do-guide dl { position:relative; width:33.33%; cursor:pointer;}
.do-guide dl dt { text-align:center; padding:25px 0; }
.do-guide dl dt img { width:50%;}
.do-guide dl:hover img{ transform:translate(0,0)}
.h-s { position:absolute; top:25px; left:0;}
.h-s img{ width:50%;}
.do-guide dl .h-s{ display:none;}
.do-guide dl:hover .h-s{ display:block;}

.do-guide dl dd { text-align:center; padding-bottom:20px; font-size:16px; }
.do-guide .do-ic { position:absolute; top:135px; right:5px; }

.sq { margin-left: 30px;padding-left: 20px;background: url(../images/zk.gif) left center no-repeat; }
.ddhalf { width: 450px;padding: 10px 0;line-height: 30px; }
.qiandan { padding-left: 20px;color: #ff5454;font-size: 14px;background: url(../images/sj.gif) left center no-repeat; }

.sjlist { width: 730px; }
.sjlist li { float: left; margin-right: 30px; }
.sjlist li img { display:block; }
.sjlist li p { border-top: 3px solid #00a8d0;padding: 0 10px; margin:0 !important; color:#555;}
.sjlist li p img { margin-top: 10px; }
.sjlist li.current { background-color:#00A181; color:#fff !important; }

.dxx { font-size: 18px; /*border-bottom: 1px solid #ddd;*/ padding-left: 30px; height: 40px;line-height: 40px;background: url(../images/navleft.png) no-repeat; }
.dxx1 { background-position:-3px 2px; }
.dxx2 { background-position:-3px -71px; }
.dxx3 { background-position:-3px -105px; }
.dxx4 { background-position:-3px -33px; }
.dxx5 { background-position:-3px -140px; }
.dxx6 { background-position:-3px -176px; }
.dxxlist { padding: 20px 0; }
.dxx1 a{ display:inline-block; height:23px; line-height:21px; padding:0 12px; margin-top:9px; border-radius:2px; border:1px #37B59B solid;color:#37B59B !important;}

.upload-file { padding-left: 20px; background: url(../images/tjzp.png) left center no-repeat; cursor: pointer; }
.upload-img { width: 100px; height: 100px; cursor: pointer; }

.quotation-table{ width: 100%;border: 1px solid #ddd; }
.quotation-table thead tr { background: #ddd;line-height: 40px; }
.quotation-table thead tr th { text-align: center; }
.quotation-table tbody tr { line-height: 40px; border-bottom: 1px solid #ddd; }
.quotation-table tbody tr td { text-align: center; border-right: 1px dashed #efefef; }
.quotation-table tbody tr td a { vertical-align: middle; }
.quotation-table tbody tr td input{ width: 80%; height: 25px; text-align: center; line-height: normal; }
.quotation-table tfoot tr { line-height: 40px; }
.quotation-table tfoot tr td { text-align: center; }

.sidebar-nav{ height: 650px; background-color: #00A181; padding:0 !important;display: block;}

.menu_head {line-height:45px; cursor: pointer; position: relative; margin:1px; color:#fff; font-size:16px; border-bottom:1px #048E73 solid;}
.menu_head a{ color:#fff !important; font-size:16px; display: inline-block; width: 100%;padding-left:52px; }
.menu_head a.current{ background-color:#048E73;}
.menu_head a:hover,.menu_head a:visited,.menu_head a:active { color:#eee; text-decoration:none !important;}
.menu_body { display:none;}
.menu_body a { display:block; line-height:45px; background-color:#F6F5F5; padding-left:52px; font-size:14px; border-bottom:1px #ECE4E4 solid;}
.menu_body a:last-child{ border-bottom:none;}
.menu_body a:hover { text-decoration:underline; color:#666;}
.menu_body a.current{ color:#333 !important; font-weight:bold;}

/*左侧导航栏重置*/
.navbar-toggle { border-radius:0;}
.offcanvas-toggle { background: none;}
.navbar-offcanvas.in { width:100%; background-color:rgba(0,0,0,0.9); overflow-x: hidden; overflow-y: auto; }
.nav>li{ font-size:16px;}
.nav>li a ,.dropdown-menu>li a { padding-left:20%;}
.navbar-default .navbar-nav>li>a ,.navbar-offcanvas .dropdown-menu>li>a{ color:#f8f8f8 !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color:#535151;}
.dropdown-menu li:hover ,.dropdown-menu li a:hover,.dropdown-menu li:visited ,.dropdown-menu li a:visited { background-color:#535151;}
.dropdown-menu li { margin:2px 0 !important; padding-left:20%;} 

/*左侧导航栏重置*/

.main-t{ border-radius:4px; background-color:#7CBAE5; padding:12px 0 11px 0;}
.t1{ font-size:16px; text-align: center; color: #fff; margin:30px 0 20px 0;}
.t1 dt { font-weight:normal;}
.t1 dt img { margin-right:5px; margin-bottom:3px;}
.t1 dt span{ display:inline-block; padding-top:2px;}
.t1 dd{ line-height:40px;}

.main-n{ margin:25px 0;}
.main-n dl{ padding:0; margin-bottom:0;}
.main-n dl dt,.main-n dl dd{ padding:0;}

.main-up{ background-color:#F4F4F4; padding-top:3px; padding-bottom:3px;}
.main-up div,.main-up dl,.main-up dl dt,.main-up dl dd,.jxz{ padding:0;}
.main-up dl{ position:relative; margin:15px 0;}
.uph3{ border-bottom:1px #E2E2E2 solid;}
.upsj{ position:absolute; top:15px; right:0; height:30px; line-height:28px; border:0; border-radius:3px; background-color:#D9534F; color:#fff; font-size:12px;}
.upsj:hover{ background-color:#DC403B;}
.jxz li{ line-height:40px; padding-left:20px; background:url(../images/jt.png) no-repeat left;}
.jt{ color:#666;}

.main-new,.main-new ul,.main-new ul li{ padding:0 !important;}
.newgg{ font-size:16px; background-color:#F4F4F4; border-radius:4px; color:#333; padding-left:10px !important;}
.newcd{ font-size:12px; color:#888; text-align:right;}

.con_right ul,.con_right ul li,.rm,.rh3{ padding:0 !important;}
.rs{ background-color:#60D295; padding:14px 0;}
.rm{ border:1px #ddd solid; border-radius:4px;}
.rm ul li{ border-bottom:1px #ddd dotted;}
.rm li:last-child{ border-bottom:0;}
.rh3{ font-size:16px; background:#F4F4F4; border-top-left-radius: 4px; border-top-right-radius: 4px; padding-left:10px !important; color:#333;}

/*添加隐藏代码*/
.navbar{ display:none}
@media screen and (max-width:1000px){
	.con_right{ margin-top:20px; padding-right:0 !important;}
	.navbar{ display:block;}
	.sidebar-nav{ display:none;}
}
/*Demand Hall*/
.hall-th{ border:1px #ddd solid;}
.hall-th ul{ line-height:35px; margin:0 10px;}
.hall-th ul:first-child{ border-bottom:1px #ddd dotted;}
.hall-th ul li{ width:100px; line-height:35px; color:#19B395;}
.hall-th ul li a:hover{ color:#19B395 !important;}
.hall-th ul li.current a{ color:#19B395 !important;}
.hall-th ul li img{ vertical-align:middle;}

.dhlist{ padding:20px 0; border-bottom:1px #CCC dotted;}
.dhlist dt{ height:70px; background:url(../images/qp.png) no-repeat top left; display:table; overflow:hidden;}
.dhlist dt span{ display:inline-block; color:#fff; display:table-cell; vertical-align:middle; text-align:center; padding: 0 5px 8px 6px !important;}
.dhlist dd p{ line-height:30px;}
.endtime{ padding-left:81px;}
.tr{ text-align:right;}
.dhbtn{ display:inline-block; line-height:16px; text-align:center; color:#fff !important; border-radius:3px; background-color:#19B395;}
.dhbtn:hover{ color:#fff !important;}
.dhover{ background-color:#FAF9F9;}
.dhover dt,.dhover dd a.dhbtn{ opacity:0.5;}


/*Demand Hall end*/

/*Demand Hall right*/
.dhzx{ background-color:#F7F7F7; border-radius:4px; padding-bottom:15px;}
.dhzx h3{ line-height:45px; border-bottom:1px #96DCCE solid;}
span.dbred{ display:inline-block; width:8px; height:8px; margin-right:10px; background-color:#F00;}
.dhzx ul li{ height:30px; line-height:30px;}
.dhzx ul li strong{ font-style:italic; margin-right:10px;}

/*Add a bank card*/
.addcard{ margin:65px 170px 0 120px;}
.addcard .form-group{ margin-bottom:35px !important;}
.addcard .form-control{ height:38px !important;}
.addty button{ margin:50px 0 0 220px; width:40%; height:38px !important; line-height:38px !important; font-size:14px !important; padding:0 !important;}
.addxy{ margin:20px 0 0 302px !important;}

/*withdraw*/
.drawadd{ width:100%; height:38px; line-height:38px; text-align: center; display:inline-block; background-color:#FFF; border:1px #666 dashed;}
.drawadd:hover{ box-shadow:1px 1px 1px #ccc; color:#333; text-decoration:none;}
.drawr{ height:38px; line-height:38px;}
.drawr span{ color:#F00;}
.drawsure button{ margin:50px 0 0 168px !important;}

/*detail*/
.detamx h3{ height:38px; line-height:38px; border-bottom:1px #B5E4DA solid;}
.detaye{ color:#FED019;}
.detagr{ color:#67D499;}

/*home*/
.homet{ position:relative; height:203px; border:1px #F1ECEC solid;}
.hometl{ float:left; width:13%; height:201px; line-height:201px; text-align:center; background-color:#f4f4f4;}
.hometr{ float:left; width:87%; height:201px;}
.homeybd{ width:232px; height:164px; border:1px #DEDEDE solid; background-color:#EFF0F1; box-shadow:2px 2px 2px #ccc; border-radius:5px; margin:18px 17px 17px 20px;}
.homeybd h3{ height:40px; line-height:40px; padding-left:10px; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#F3F4F6;}
.homeybd p{ height:35px; line-height:35px; padding-left:7px; background-color:#CFD2D4; border-top:1px #ACAEB0 solid;}
.homeplus{ width:232px; height:164px; border:1px #B0D0DF dashed; background-color:#FAFAFB; border-radius:5px; margin:18px 17px 17px 20px;}
.homeplus dl{ width:27%; margin-top:53px;}
.homeplus dl dt{ margin:10px;}
.homeplus dl dd{ font-weight:bold;}

.homezje{ width:20%; margin:50px 0 0 18px; font-size:14px;}
.homezje span{ display:inline-block; padding:10px 0;}
.homezje div{ height:55px; line-height:55px; text-align:center; color:#00A181; border:1px #00A181 solid; border-radius:3px;}
.homemx{ position:absolute; top:0; right:0; width:95px; height:42px; line-height:42px; text-align:center; background-color:#00A181; color:#fff !important;}
.homebtn{ display:inline-block; width:20%; height:55px; line-height:55px; text-align:center; color:#fff !important; background-color:#00A181; border:none; border-radius:3px; margin:91px 0 0 18px;}
.homemx:hover,.homebtn:hover,.agdy:hover{ color:#fff !important; text-decoration:none;}

/*agreement*/
.agree{ position:relative; padding-bottom:30px;}
.agree h3{ text-align:center; font-weight:bold;}
.agdy{ width:95px; height:42px; line-height:42px; text-align:center; background-color:#00A181; color:#fff !important;}
.dytop{ position:absolute; top:0; right:0;}
.dybottom{ position:absolute; bottom:0; right:0;}
.agree div p{ line-height:2.6; margin-bottom:20px;}

.bulletin-title { font-size: 18px; border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; }
.bulletin-date { color: gray;text-align: center;margin: 5px; }

/*联系我们*/
.team div{ margin:20px 0;}
.w110{ display:inline-block; width:110px; text-align:right;}

/*form1 展会*/
.zhsbth{ margin:10px 0 50px 0;}
.zhsbth li{ width:50%; line-height:45px; border:1px #36B59B solid; color:#333;}
.zhsbth li.current{  background:#36B59B;}
.zhsbth li.current a{ color:#fff !important;}
.zhsb{ margin-bottom:13px; line-height:40px;}
.zhsb label{ width:13%; /*width:100px;*/ font-weight:normal; height:40px !important; line-height:36px !important;}
.zhsb>div{width:84%;}
.zhsb input{ width:100%; height:43px !important; line-height:43px !important; padding-left:5px; color:#666;}
.zhsb input,.zhsb textarea{ width:100%; border:1px #ccc solid; border-radius:0 !important;}
/*.zh-text{ width:670px; }*/
.zh-text1{ width:125px; }
.zhsb textarea{ height:80px;}
.fcwh{ width:43px !important; border:none !important; background:none; margin-right:10px;}

.zhsb-icon{ background:url(../images/u413.png) no-repeat 5px; padding-left:40px !important; padding-right:0 !important;}
.add-on{ height:30px !important; line-height:30px !important;}
.w90{ width:90px;}
.zhsb-xt{ line-height:2px;}
.topfc-g{ color:#36B59B !important;}
.zhsb-btn{ background:#36B59B !important;color: #fff; padding:7px 15px !important; border:none;}

.zhsb-login{ background-color:#eaeaea; opacity:.9;/* top:180%;*/}
.zhsb-login span.close{ position:absolute; right:21px; top:10px;}
.zhsb-login div{ width:auto}
.zhsb-login input{ /*height:35px !important; line-height:35px !important;*/ border-radius:0 !important;}
.fbxqnew{ padding:4px 15px;}
.fbxqnew:hover{ text-decoration:none;}
.fbxqnew1{ border:1px #36B59B solid;}
.fbxqnew2{ background-color:#36B59B; color:#fff !important;}

.contrlos-btn { background-color:#36B59B; border:none; padding:10.5px; font-size:12px; color:#fff !important;}
.contrlos-btn:hover { color:#fff !important;}
.controls-add-list { margin-bottom:10px;}
/*kefu*/
/*.kefu{ width:43px; padding:5px; background-color:#36B59B; border-radius:3px; position:fixed; top:25%; right:0; z-index:11;}
.kefu div{ border-bottom:1px #fff solid;}
.kefu div a{ display:inline-block; margin:9px 0; color:#fff !important;}
.kefu div:last-child{ border-bottom:none;}
.wx{ position:relative;}*/
/*.slidewx{ position:absolute; right:40px; top:0; padding:15px 15px 5px 15px; background-color:rgba(0,0,0,0.5);}*/

/*.slidewx{ width:120px; height:150px;position:fixed;right:50px;top:360px;z-index:10000;overflow:hidden;display:none;_position:absolute;_top:expression(documentElement.scrollTop + 300);}
*/


.side{position:fixed;width:54px;height:275px;right:0;bottom:30px;z-index:100;}
.side ul li{width:54px;height:55px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden; padding-left:12px;}
.side ul li .sidebox img { margin:12px 5px 0 0;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop img { padding:12px;}
.side ul li .sidetop:hover{background:#36B59B;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side ul li .sideboxwx{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden; padding-left:13px;}
.side ul li .sideboxwx img { margin:12px 5px 0 0;}
.side ul li .sideboxwx:hover { background:#000;}
.sideboxwx1 { position:absolute; top:54px; right:53px; width:122px; height:130px; margin:0 auto; padding:10px;}


/*cash coupon*/
.coupon { width:47%; height:125px; box-shadow:0 5px 20px 2px #CCC; background-color:#fff; margin-right:27px;}
.coup-l { width:65%; padding:15px;}
.coup-l p { line-height:30px;}
.coup-r { width:35%; height:125px; line-height:125px; color:#fff;}
.cou-bg1 {/* background-color:#F24F50;*/ background:url(../images/cou-bg1.png) no-repeat; background-size:100% 100%;}
.cou-bg2 { background:url(../images/cou-bg3.png) no-repeat; background-size:100% 100%;}
.cou-bg3 { background:url(../images/cou-bg2.png) no-repeat; background-size:100% 100%;}
.cou-bg4 { background:url(../images/cou-bg4.png) no-repeat; background-size:100% 100%;}
.coup-r { position:relative;}
.coup-r span { font-size:32px; font-weight:bold;} 
.coup-r strong { position:absolute; top:29%; right:14%;}
.cp-bg { background:url(../images/lico3.png) no-repeat; background-size:12%;}
.cp-bg1 { background-position:-81px 9px; padding-left:40px;}
/*cash coupon*/

/*sales promotion 促销*/
.sale-q a { color:#FFFC01 !important;}
.sale { height:943px; background:#e60039; background-size:100% 100%;}
.sale-logo img { position:absolute; top:8%; left:5%; width:10%;}
.sale-c img { width:100%;}
.sale-m { margin-top:-14%;} 
.sale-zc { display:inline-block; font-size:38px; font-family:"黑体"; font-weight:bold; color:#E60012 !important; padding:2px 60px; border-radius:10px; border:5px #5E0000 solid; background-color:#fff;
	transition:all 0.5s; 
	transform:translate(0,0);
	-ms-transform:translate(0,0); /* IE 9 */
	-moz-transform:translate(0,0); /* Firefox */
	-webkit-transform:translate(0,0); /* Safari and Chrome */
	-o-transform:translate(0,0); /* Opera */}

.sale-zc:hover{ 
	background-color:#FFF100;
	transform:translate(0,-3px);
	-ms-transform:translate(0,-3px); /* IE 9 */
	-moz-transform:translate(0,-3px); /* Firefox */
	-webkit-transform:translate(0,-3px); /* Safari and Chrome */
	-o-transform:translate(0,-3px); /* Opera */}


.sale-foot { background:url(../images/sale-cb.png) no-repeat center; margin-top:4%;}
.sale-foot p{ color:#fff !important; height:40px; line-height:40px; overflow:hidden;}

@media screen and (min-width:480px) and (max-width:767px){
	.sale-zc { font-size:30px; padding:6px 40px;}
	.sale-logo img { width:15%;}
}
@media screen and (max-width:480px){
	.sale-zc { font-size:20px; padding:4px 20px; border:3px #5E0000 solid;}
	.sale-logo img { width:20%;}
}
/*sales promotion 促销*/

.side-shadow{ width:800px; height:500px; position:fixed;top:15%; left:50%; margin-left:-400px; z-index:999;}
.side-shadow {
	animation:mymove 1.5s infinite;
	-webkit-animation:mymove 1.5s; /*Safari and Chrome*/
}
@keyframes mymove
{
	from { opacity:0}
	to { opacity:1}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from { opacity:0}
	to { opacity:1}
}
.side-shadow1{width:800px;height:550px;position:relative;}
.bar{width:115px;height:123px;position:absolute;right:-55px;top:20px;display:block;}

.side-hide{ position:fixed; top:15%; left:0; margin-left:-740px;}
.side-hide .bar-colse { display:none;}

/*设计师列表*/
.designer-list { padding:20px 0;}
.d-list-m { padding:20px 0;}
.d-list-l { margin-right:20px;}
.d-list-l img { width:120px; height:120px; border-radius:50%; margin:20px;}
.d-list-c { width:35%;}
.d-list-c p { font-size:14px; line-height:27px;}
.d-list-c p:last-child { height:54px; overflow:hidden;}
.d-list-r div button { padding:5px 20px; color:#37B59B; background-color:#fff; border:1px #37B59B solid; margin-bottom:34px;}
/*设计师列表*/

/*设计师详情*/
.nav-mb { background-color:#e7e7e7; line-height:50px;}
.nav-mb a { color:#B9B7B7 !important;}
.nav-mb a:last-child { color:#36B59B !important;}

.d-xq-t { background-color:#f2f2f2; padding:50px 0;}
.d-xq-t dl dt { position:relative;}
.d-photo { width:150px; height:150px; border-radius:50%; }
.d-xq-t dl dt span { position:absolute; bottom:3%; right:44%; color:#AAA;}
.d-xq-rz { background-color:#fff; padding:3px 5px;}
.d-xq-t dl dd button { font-size:12px; padding:5px 20px; color:#37B59B; background:none; border:1px #37B59B solid; margin-top:20px;}

.d-title { background-color:#37B59B; height:120px; box-shadow:2px 2px 2px rgba(0,0,0,.6);}
.designer-nav { height:124px !important;}
.designer-nav li { background-position:center; width:33.33%; text-align:center; height:124px !important; line-height:124px !important;}
.designer-nav li a div { margin:0 auto;}
.designer-nav li a div i { float:left; display:inline-block; width:58px; height:58px; background:url(../images/dt.png) no-repeat;}
.designer-nav li a div span { float:left;}
.designer-nav li.d-work a div { width:34%;}
.designer-nav li.d-work i { background-position:-4px -12px; margin-right:20px;}
.designer-nav li.d-evaluate a div { width:42%;}
.designer-nav li.d-evaluate i { background-position:-70px -12px; margin-right:20px;}
.designer-nav li.d-archives a div { width:46%;}
.designer-nav li.d-archives i { background-position:-136px -12px; margin-right:20px;}

@media screen and (min-width:993px) and (max-width:1200px){
	.designer-nav li.d-work a div { width:37%;}
	.designer-nav li.d-work i { background-position:-4px -12px; text-align:center;}
	.designer-nav li.d-evaluate a div { width:48%;}
	.designer-nav li.d-evaluate i { background-position:-70px -12px; text-align:center;}
	.designer-nav li.d-archives a div {  width:53%;}
	.designer-nav li.d-archives i { background-position:-136px -12px; text-align:center;}
	.designer-nav li:hover a span{ padding-left:0 !important;}
}
@media screen and (min-width:600px) and (max-width:992px){
	.designer-nav li.d-work a div { width:63%;}
	.designer-nav li.d-work i { background-position:-4px -12px; text-align:center;}
	.designer-nav li.d-evaluate a div { width:79%;}
	.designer-nav li.d-evaluate i { background-position:-70px -12px; text-align:center;}
	.designer-nav li.d-archives a div {  width:88%;}
	.designer-nav li.d-archives i { background-position:-136px -12px; text-align:center;}
	.designer-nav li:hover a span{ padding-left:0 !important;}
}

.designer-nav li a { width:100%; height:80px !important; line-height:65px !important; background:none !important; border-right:1px #01AA88 solid; color:#fff !important; padding-left:0 !important; margin-top:22px;}
.designer-nav li:last-child a { border:none;}
.designer-nav li:hover a span{ padding-left:10px;}
.designer-nav li.current { background-color:#fff; border-right:0;}
.designer-nav li.d-work.current i { background-position:-4px -76px;}
.designer-nav li.d-evaluate.current i { background-position:-70px -76px;}
.designer-nav li.d-archives.current i { background-position:-136px -76px;}
.designer-nav li.current a { border-right:0; color:#37B59B !important;}


.d-work-list { margin-bottom:30px;}
.d-work-list dt { position:relative; text-align:center; width:320px; height:210px; margin:0 auto; overflow:hidden;}
.d-work-list dt img { width:100%; transform:scale(1,1);}

.d-work-lbg { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background-color:rgba(0,0,0,.5);}
.d-work-lbg div { width:70%; height:60%; padding:56px 30px 0 30px; font-weight:normal; font-size:16px; color:rgba(255,255,255,.7); margin:42px auto; border:1px rgba(255,255,255,.5) solid; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transform:scale(1,1);}
.d-work-list dd { width:320px; margin:0 auto; line-height:32px;}
.d-work-list dt:hover .d-work-lbg { transform:scale(1.1,1.1); background-color:rgba(0,0,0,0);}
.d-work-list dt:hover .d-work-lbg div  { transform:scale(0,0);}
.d-work-list dt:hover img { transform:scale(1.1,1.1);}
.d-work-list dd span { color:#F00;}
.d-work-list dd span:first-child { margin-right:10px;}
.d-work-list .dd2 i { display:inline-block; padding:0 12px; border-radius:50px; line-height:27px; color:#ABABAB;}
.d-work-list .dd2 i:first-child { background-color:#F1F1F1;}
.d-work-list .dd2 i:last-child { border:1px #E5E9EF solid;}
.d-work-list dd:last-child { color:#888;}

.d-work-page { clear:both; line-height:28px; margin-bottom:40px;}
.d-work-page ul { width:44%; float:right;}
.d-work-page ul li { float:left; padding:0 10px; font-size:14px !important;}
.d-work-page ul li a.d-green { color:#37B59B !important;}
.d-work-page ul li input { width:50px; line-height:20px;}
.d-work-page ul li a.d-green:hover { text-decoration:underline !important;}
/*/work end*/

.d-e-title { border-bottom:1px #D7D7D7 solid; line-height:45px;}
.d-e-title img { margin-right:15px;}
.d-e-pf { margin: 40px auto;}
.d-e-pf div { height:35px; line-height:35px; margin:0 auto;}
.d-e-pf div span { font-size:14px;}
.d-e-pf div i { color:#F00; margin-right:5px;}
.d-e-pfz1 div { width:50%; background-color:#37B59B; margin-right:10px !important;}
.d-e-pfz2 { margin-top:10px !important;}
.d-e-pfz2 div { width:70%; background-color:#E3E3E3; margin-right:10px !important;}
.d-e-jl { width:33.3333%;}
.d-e-jl div { width:250px; height:250px; margin:0 auto; border:1px #DBDBDB solid; padding:52px 50px 0 50px; color:#ABA9A9;}

@media screen and (max-width:992px){
.d-e-jl div { width:200px; height:200px;}
.d-e-jl div img { width:100%;}
}

.d-e-pj { padding:45px 35px; background-color:#F8F8F8; margin-bottom:20px;}
.d-e-head { width:10%;}
.d-e-head img { box-shadow:0px 0px 8px 0px rgba(0,0,0,.5);}
.d-e-main { width:88%;}
.d-e-main p:first-child { margin-top:4px;}
.d-e-main p { line-height:35px; font-size:14px;}
.d-e-main p i { font-style:italic; color:#888; font-size:12px;}

@media screen and (min-width:681px) and (max-width:1200px){
	.d-e-head { width:15%;}
	.d-e-main { width:83%;}
}
@media screen and (max-width:680px){
	.d-e-head { width:20%;}
	.d-e-main { width:77%;}
}
/*/服务评价*/

.d-a-jj div { line-height:31px; padding:17px 20px 20px 46px; background-color:#F8F8F8;}
.d-a-rz div p img { margin-left:5px;}
.d-a-rz div p span { margin-right:40px; color:#CACACA;}
.d-a-jl div p { width:100%;}
.d-xqwork { margin:30px 0;}
.d-xqwork div { overflow:hidden;}
.d-xqwork div img { width:100%;}
a.d-work-fh { padding-left:5px;}
a.d-work-fh:hover { color:#36B59B !important; padding-left:10px;}

/*设计师详情*/

/*个人详情*/
.controls-gr { line-height:45px; margin-bottom:20px; border-bottom:1px #BEE7DF solid;}
.controls-gr img { margin-bottom:2px;}
.controls-gr a { margin-top:5px; background-color:#36B59B; color:#fff !important;}
.controls-gr-rz i { color:#9E9D9D;}
.gr-rz-go { color:#9E9D9D !important; text-decoration:underline;}
.controls-gr-rz i .gr-rz-go:hover { color:#36B59B !important; text-decoration:underline !important;}
/*个人详情*/

/*主页案例*/
.c-case-empty { padding:10px; border:1px #E9E7E7 solid; margin-bottom:15px;}
.c-empty-l { width:75%;}
.empty-h { line-height:35px;}
.empty-h input { width:100%; line-height:35px; text-align:center; border:1px #C2C2C2 dotted; margin-bottom:10px;}

.empty-zt { max-width:33%; position:relative; width:200px; height:200px;}
.empty-zt a:first-child img { /*width:200px; height:200px;*/ width:100%;}
.empty-zt p,.c-empty-r p.empty-r-bc { position:absolute; bottom:0; left:0; width:100%; line-height:30px; text-align:center; background-color:#AEAEAE; color:#fff;}
.c-empty-r p.empty-r-bc button { width:100%; height:30px; border:none; background-color:#00A181;}
.empty-delete { position:absolute; top:0; left:0; padding:1px 6px; display:inline-block; background-color:#AEAEAE; text-align:center;}
.empty-upload { position:absolute; top:0; right:0; width:50px; line-height:30px; display:inline-block; background-color:#AEAEAE; text-align:center; color:#fff !important;}
.empty-upload:hover { color:#fff !important;}
.empty-add { width:63%; height:200px; overflow:hidden;}
.empty-add div ul li { position:relative; float:left; margin-right:2%; margin-bottom:5px;}

.c-empty-r { position:relative; width:24%; height:247px; background-color:#F8F8F8;}
.empty-r input,.empty-r select { display:inline-block; margin-left:10px; margin-right:10px;}
.empty-r select { border:1px #CCC solid; border-radius:2px; background-color:#eee;}
.empty-r { width:75%; margin:18px auto 10px auto;}
.c-empty-r p.empty-r-bc button { height:30px; border:none;}
.c-empty-r p.empty-r-bctk button { width:50%; background-color:#AEAEAE;}
/*empty end*/

.c-case-finish { padding:10px; border:1px #E9E7E7 solid; margin-bottom:15px;}
.c-finish-l { width:75%;}
.finish-h { width:100%; line-height:35px; margin-bottom:10px; font-size:16px;}
.finish-zt { max-width:33%; position:relative; width:200px; height:200px; overflow:hidden;}
.finish-zt img { width:200px; height:200px;}
.finish-add { width:63%; height:200px; overflow:hidden;}
.finish-add ul li { position:relative; float:left; margin-right:2%; margin-bottom:5px;}

.c-finish-r { position:relative; width:24%; height:247px; background-color:#F8F8F8;}
.finish-r { width:75%; margin:35px auto 10px auto;}
.finish-r p { line-height:40px;}
.finish-r p img { margin-right:15px;}
.c-finish-r p.finish-r-bc { position:absolute; bottom:0; left:0; width:100%; line-height:30px; text-align:center; background-color:#AEAEAE; color:#fff;}
.c-finish-r p.finish-r-bc button { width:50%; height:30px; border:none; background-color:#AEAEAE;}

/*finish end*/

@media screen and (max-width:1200px){
	.do-content { width:100%;}
}

/*主页案例*/

.leda { width:1000px;height:485px;}
@media screen and (min-width: 1681px) and (max-width: 1920px) { 
	#main div { margin-left:450px;}
}
@media screen and (min-width: 1601px) and (max-width: 1680px) { 
	#main div { margin-left:333px;}
}
@media screen and (min-width: 1361px) and (max-width: 1600px) { 
	#main div { margin-left:177px;}
}
@media screen and (min-width: 1281px) and (max-width: 1360px) { 
	#main div { margin-left:137px;}
}
@media screen and (min-width: 1153px) and (max-width: 1280px) { 
	#main div { margin-left:70px;}
}
@media screen and (min-width: 1025px) and (max-width: 1152px) { 
	.leda { width:800px;height:445px;}
	#main div { margin-left:103px;}
}
@media screen and (min-width: 801px) and (max-width: 1024px) { 
	.leda { width:500px;height:345px;}
	#main div { margin-left:147px;}
}

/*弹框*/
#fullbg { background-color:#000; opacity:0.5; left:0; opacity:0.5; position:absolute; top:0; z-index:3; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; width:100%;} 
#dialog { position:relative; background-color:#fff; width:912px; height:280px; left:50%; margin-left:-456px; position:fixed !important; position:absolute; top:30%; z-index:5; display:none; } 
#dialog .close { position:absolute; right:-30px; top:-25px;}
#rule-m { position:relative; background-color:#fff; width:600px; border-radius:4px; left:50%; margin-left:-300px; position:fixed !important; position:absolute; top:30%; z-index:5; display:none; } 
.rule-main { padding:30px;}
.rule-main h1 { line-height:30px; font-weight:bold;}
.rule-main p { line-height:30px;}
.rule-main p span { color:#37B59B;}
#rule-m .close { position:absolute; right:3px; top:3px;}

#controls-geren #dialog { width:786px; height:auto; padding:20px; margin-left:-393px; border-radius:5px;}
#controls-geren #dialog h1 { margin-bottom:10px;}
#controls-geren #dialog .controls-add-list input { margin:0 6px !important;}
#controls-geren #dialog .controls-add-list p { margin-top:30px;}
#controls-geren #dialog .controls-add-list p a { padding:8px 20px; border-radius:3px;}
/*弹框*/

/* 案例展示 start */
.case-show { margin:40px 0 30px 20px;}
/*select 各浏览器重置*/
.case-show select {
  border: solid 1px #000;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
  padding-right: 14px;
}
.case-show select { width:230px; height:35px; border-radius:3px; border:1px #ddd solid; padding-left:5px; font-size:12px;}
.case-show select::-ms-expand { display: none;}
/*select 各浏览器重置*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:#36b59b; border-color:#36b59b; color:#fff !important;}
.case-show .form-control { display:inline-block;}
.case-show-page .pagination>li>a,.csse-show-page .pagination>li>span { padding:10px 20px !important;}
/* 案例展示 end */

/* ranking list start 排行榜 */
.rank { padding:20px 0 35px 0;}
.rank-list { height:130px; border-bottom:1px #ddd solid;}
.rank-list>div { float:left;}
.rank-n { width:10%; line-height:130px; font-size:36px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#888;}
.fc-red { color:#F32434;}
.rank-p { width:10%; line-height:130px; padding-left:15px !important;}
.rank-p img { width:90px; height:90px; border-radius:50%; border:3px #f8f8f8 solid; transform:scale(1,1);}
.rank-p:hover img { transform:scale(1.05,1.05); border:3px #fff solid;}
.rank-m { width:40%;}
.rank-m h1,.rank-m p { padding-left:13%;}
.rank-m h1 { font-size:20px; line-height:45px; margin-top:25px;}
.rank-m h1 a:hover { color:#888 !important; padding-left:5px;}
.rank-m p { line-height:30px;}
.rank-m p span { margin-right:10px; color:#888;}
.rank-m p span img { width:16px; height:16px;}
.rank-pf { width:40%; font-size:16px; padding-right:20px; color:#666;}
.rank-pf span { display:block; line-height:30px; font-size:20px; color:#36b59b; margin-top:40px;}
.rank-list-th { background-color:#F2F1F1;}
.rank-list-th .rank-list { border-bottom:none;}
/* ranking list end 排行榜 */