@charset "utf-8";
/* CSS Document */

body, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, input, tr, td, th, form{ margin: 0; padding: 0; }
body { font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.5; color: #333333; height: 100%; box-sizing: border-box;}
html{height: 100%; width: 100%}
img { border: none; vertical-align: middle; }
ul,li { list-style: none; }
a { color: inherit; text-decoration: none; }
input[type="text"], input[type="email"], input[type="submit"], input[type="tel"], input[type="password"], textarea, select { font-family: inherit; font-size: 100%; margin: 0; border-radius: 0; }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button, input { line-height: normal;}
textarea { resize: none; }
input:focus, textarea:focus { outline: none; }

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/


	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;

	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("../../img/common/select-arrow.png") no-repeat  right center,#fff;


	/*为下拉小箭头留出一点位置，避免被文字覆盖*/

	box-sizing: border-box;

	border: 1px solid #bbbbbb;
	max-width: none;
	padding-left: 5px;
	padding-right: 40px;

}
select.required{  background: url("../../img/common/select-arrow.png") no-repeat  right center,url("../../img/common/input_bg.png") no-repeat  right 0,#fff;}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/* Reset */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{ zoom: 1; /* for IE6 IE7 */ }
.clear { clear: both; display: block; overflow: hidden }
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;}
.tc { text-align: center; }
.tr { text-align: right; }
.fl { float: left;}
.fr { float: right; }
.rel { position: relative; }
.f12 { font-size: 12px; }
.mb10 { margin-bottom: 10px; }
.mb10 .delete{ cursor: pointer; color: #ff00ff; }
.mb20 { margin-bottom: 20px; }
.m10 { margin: 10px 10px 0; }
.pb10 { padding-bottom: 10px; }
.pl20 { padding-left: 20px; }
.pl10 { padding-left: 10px; }
.f13{ font-size: 13px;}
.hidden{display: none;}
.green{ color:#76EE00;}
/*.red { color: #ff0000;}*/
label.error { color: #ff0000; }
input.error, textarea.error, select.error{ border: 1px solid red; }
input.valid-tag, textarea.valid-tag, select.valid-tag{border-color:#737373;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-transition-delay: 9999s;
	-webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

.error-tip {color: red; font-size: 12px; padding-right: 10px; }
.link { text-decoration: underline; }
.f-italic { font-style: italic; }
.over-hidden { overflow: hidden; }
.b { font-weight: bold; }
.text-over{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
a:focus{outline: none;}
.display-mobile{display:none;}
.display-desk{display:block;}
.word-broke{word-break: break-all;}
.pointer{cursor: pointer;}
.code-img{width: 200px;height: 200px;}
/* Base */
.header-top{height:40px;background:#c2c2c2;width:100%;border-bottom:1px solid #afafaf;font-size:15px;line-height: 40px;box-sizing: border-box; padding:0 6px;}
.content-info{
	width:100%;
	box-sizing: border-box;
	padding:6px;
	font-size: 12px;
	line-height: 15px;
}
.content-info li{
	padding:4px;
	border-left:3px solid #adff2f;
	margin-bottom:4px;
}
.content-info .borderRed{
	border-left:4px solid #ff0000;
}
.text-left{
	max-width: 65%;
	float:left;
}
.text-right{float:right; font-size: 12px;}
.text-date{
	color:#c2c2c2;
}
.order-detail li{
	height:32px;
	font-size: 13px;
	padding:0 5px;
	line-height: 32px;
	border-bottom:1px solid #e6e6e6;
}
.order-detail .product-detail{
	height:25px;
	line-height: 25px;
}
.no-pay{
	height:24px;
	line-height: 24px;
	margin-top:4px;
	box-sizing: border-box;
	background:#70186f;
	color:#fff;
	border-radius: 4px;
	padding: 0 4px;
	font-size: 12px;
}
.btn-list{
	width:100%;
	box-sizing: border-box;
	padding:5px;
	display: flex;
	justify-content: space-around;
	position: fixed;
	bottom:15px;
}
.bgRed{
	background: #eb5443;
}
.bgGreen{
	background: #04be02;
}
.bgBlue{
	background: #2ce7f3;
}
.btn-list button{
	border: none;
	border-radius: 6px;
	color:#fff;
	height:30px;
	width:26%;
}
.wrap{ max-width: 1024px; margin: 0 auto; position: relative;}
.header{ position: fixed; left: 0; top: 0;z-index: 10; background: #1f2229; width: 100%;box-sizing: border-box; height: 65px; color: #c6cad2;}
.header .logo,.bottom .logo{ height: 38px;display: block; float: left; margin-top: 13px;}
.bottom .logo{ margin-top: 0px;}
.header .loginBtn{ width: 90px; text-align: center; height: 32px; border: 1px solid #fff; display: block; float: right;color: #fff; line-height: 30px; font-size: 16px; margin-top: 15px;box-sizing: border-box;}
.header .loginBtn:hover{ background: rgba(255,255,255,0.5);}
.nav{ width: 442px; float: right; margin-top: 12px;}
.nav-item{  padding: 0 15px;float: left; border-right: 1px dashed #3b3e44; line-height: 40px; display: block; font-size: 16px;}
.nav-item:last-child{ border-right: 0;}
.nav-item a{ display: block;}
.nav-item a:hover,.nav-item.current{ color: #ff9c00;}
.view{ padding-top: 65px;}
.banDiv{ position: relative;}
.banDiv img{width: 100%;display:block;}
.banDiv .goRegister{ width:140px; line-height:50px; border: 1px solid #fff; border-radius: 10px; position: absolute; left: 50%; margin-left: -50px; bottom: 50px; text-align: center;color: #fff; background: rgba(255,255,255,0.5);font-size: 18px;}
.banDiv .goRegister:hover{ background:#ff6600}
.banDiv .goRegister:after{ width: 20px; height: 20px; display: inline-block;vertical-align: middle;; content: ''; background: url("../../img/index/detail-btn.png") no-repeat center 1px;background-size: 15px; margin-left: 5px;}
.bottom{ background: #30333a; padding: 50px 0; color: #fff; }
.bNav{ float: left; width: 400px; margin-left: 20px;}
.bNav-item{ padding:0 20px; float: left; display: block; line-height: 38px;}
.bNav-item a{ display: block;}
.bNav-item a:hover{ color: #ff9c00;}
.contactDiv{ float: right; margin-top: -15px;}
.bottom .code{ float: right;width: 100px; display: block; margin-top: -15px; margin-left:20px;}
.contactDiv .title{ background: url("../../img/index/contact-icon.png") no-repeat 0 center; background-size: 18px; padding-left: 23px;}
.login-bg{ background: url("../../img/index/login-bg.jpg") no-repeat top center; background-size: cover; height: 100%; box-sizing: border-box; }

.loginDiv{ width: 380px; min-height: 250px; border:1px solid #9699a0; background: rgba(0,0,0,0.7); margin:0 auto; position: relative; padding-bottom: 30px; box-sizing: border-box;color: #fff;}
.retrieveBox{ display: none;}

.loginDiv-top{ text-align: center; font-size: 14px; line-height: 80px; color: #979797; position: relative;}
.loginDiv-top .cancelBtn{ position: absolute; right: 30px;top: 0; line-height: 40px; display: block;cursor: pointer;}
.loginDiv-top a{ min-width: 60px; text-align:center; display: inline-block;}
.loginDiv-top .current{ color: #fff; font-size: 16px;}
.loginDiv-middle{ width: 320px; margin: 0 auto;}
.loginDiv .linkBtn{ width:150px; height: 35px; text-align: center; line-height: 35px; background: #3baff7; color: #fff; display: block;}
.loginDiv .linkBtn:hover{ background: #ff6600;}

.ui-row{ width: 100%;box-sizing: border-box;  position: relative; margin-bottom: 10px; min-height: 40px;}
.ui-row .error-msg{ font-size: 12px;}
.ui-row select.required{ padding-right:30px;background: url("../../img/common/select-arrow.png") no-repeat  right center,url("../../img/common/input_bg.png") no-repeat  98% 2px,#111a1f;}
.ui-row input.required{ padding-right:30px;background: url("../../img/common/input_bg.png") no-repeat  98% 2px,#111a1f;}
.ui-row .getCode{ position: absolute; right:-120px; top: 0px; width: 110px;  background: #ff4b00; color: #fff; text-align: center; display: block;line-height: 40px; cursor: pointer;}
.ui-row .getCode.error,.ui-row .getCode.sending{ background:rgba(255,255,255,0.2)}
.ui-row-tel{}
.ui-row-title{ padding-left: 100px;}
.ui-row-icon.ui-row-tel:before{ width: 34px; height: 38px; position: absolute; left: 0;top: 0; content: ''; background: url("../../img/index/login-icon1.png") no-repeat center;}
.ui-row-icon.ui-row-password:before{ width: 34px; height: 38px; position: absolute; left: 0;top: 0; content: ''; background: url("../../img/index/login-icon2.png") no-repeat center;}
.ui-row-icon.ui-row-code:before{ width: 34px; height: 38px; position: absolute; left: 0;top: 0; content: ''; background: url("../../img/index/login-icon3.png") no-repeat center;background-size: 25px;}
.ui-row .ui-title{ position: absolute; left: 0;top: 0; line-height: 40px;}
.ui-input{ width: 100%; background:none; box-sizing: border-box; padding:0 5px; color: #fff; height: 40px;border: 1px solid #8a8c90;background:#111a1f;}
.ui-select{width: 100%;  box-sizing: border-box; padding:0 5px; color: #fff; height: 40px;border: 1px solid #8a8c90;background: url("../../img/common/select-arrow.png") no-repeat  right center,#111a1f;}
.ui-row-icon .ui-input{ padding-left: 34px; }
.ui-btn{ width: 100%; line-height: 40px; text-align: center; color: #fff; background: #3baff7;display: block; cursor: pointer; height: 40px; margin-top: 20px;}
.ui-btn2{ width: 90px; line-height: 26px; border: 2px solid #fff; border-radius: 10px; text-align: center;color: #d3d3d3; margin: 0 auto;cursor: pointer;}
.ui-line{ border-bottom: 1px solid #5a5a5e; width: 100%; margin: 10px 0;}
.ui-row-ask{ border: 0; background: none; color: #fff; margin-bottom: 0;}
.ui-row-ask .pointer{ text-decoration:underline;}
.checkbox-label{ display: inline-block;cursor: pointer;}
.checkbox-input{ display: none;}
.checkbox-icon{ width: 14px; height: 14px; display: inline-block; vertical-align: text-top;  border:1px solid #ff6600;}
.checkbox-input:checked+.checkbox-icon{ background: url("../../img/index/checkbox-choice.png") no-repeat center,#ff6600;}
.login-page{ padding-top: 150px; }
.register-page{ padding-top: 130px;}
.finish-page{ padding-top: 120px;}

.progress-bar{ width: 600px; margin: 0 auto 20px;}
.progress-div{ display: none;}
.progress-step{ float: left; width: 100px; color: #fff; text-align: center; font-size: 12px; border-top: 2px solid #767676; line-height: 60px; position: relative;}
.progress-step .num{ position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 20px; background: #767676; color: #fff; left: 50%;top: -10px; margin-left: -10px;}
.progress-step.current{border-color: #ff4b00;}
.progress-step.current .num{ background: #ff4b00;}

.isStep1 .step1{border-color: #ff4b00;}
.isStep1 .step1 .num{ background: #ff4b00;}
.isStep2 .step1,.isStep2 .step2{border-color: #ff4b00;}
.isStep2 .step1 .num,.isStep2 .step2 .num{ background: #ff4b00;}
.isStep3 .step1,.isStep3 .step2,.isStep3 .step3{border-color: #ff4b00;}
.isStep3 .step1 .num,.isStep3 .step2 .num,.isStep3 .step3 .num{ background: #ff4b00;}
.isStep4 .step1,.isStep4 .step2,.isStep4 .step3,.isStep4 .step4{border-color: #ff4b00;}
.isStep4 .step1 .num,.isStep4 .step2 .num,.isStep4 .step3 .num,.isStep4 .step4 .num{ background: #ff4b00;}
.isStep5 .step1,.isStep5 .step2,.isStep5 .step3,.isStep5 .step4,.isStep5 .step5{border-color: #ff4b00;}
.isStep5 .step1 .num,.isStep5 .step2 .num,.isStep5 .step3 .num,.isStep5 .step4 .num,.isStep5 .step5 .num{ background: #ff4b00;}
.isStep6 .step1,.isStep6 .step2,.isStep6 .step3,.isStep6 .step4,.isStep6 .step5,.isStep6 .step6{border-color: #ff4b00;}
.isStep6 .step1 .num,.isStep6 .step2 .num,.isStep6 .step3 .num,.isStep6 .step4 .num,.isStep6 .step5 .num,.isStep6 .step6 .num{ background: #ff4b00;}
.isStep1 .stepDiv1{display: block;}
.isStep2 .stepDiv2{display: block;}
.isStep3 .stepDiv3{display: block;}
.isStep4 .stepDiv4{display: block;}
.isStep5 .stepDiv5{display: block;}
.isStep6 .stepDiv6{display: block;}

.authorityBtn{ width: 80px; text-align: center;  background: #ff6600; display: inline-block; line-height: 30px; border-radius: 5px;vertical-align: middle; margin-left: 10px;}

/*弹出窗口提示*/
.alert-mask{ position: fixed; left: 50%; top: -200px; width: 300px; background: #fff; z-index: 40; box-sizing: border-box;   margin-left: -150px;transition: top 1s;
	-moz-transition: top 1s;	/* Firefox 4 */
	-webkit-transition: top 1s;	/* Safari 和 Chrome */
	-o-transition: top 1s;	/* Opera */
	border-radius: 3px; border: 1px solid #9ACD32; overflow: hidden;}
.open-alert .alert-mask{ top: 0;}
.alert-mask-wrap{ position: relative;}

.alert-mask-top{ margin: 0 10px; line-height: 50px; color: #9ACD32; font-weight: bold; font-size: 20px; box-sizing: border-box; padding-left: 20px; border-bottom: 1px solid #9ACD32;}
.alert-mask .alert-btn{ box-sizing: border-box; padding: 0 10px; min-width: 60px; text-align: center; line-height: 30px; color: #fff; background: #9ACD32; border-radius: 5px; cursor: pointer;  display: inline-block; position: absolute; right: 5px; bottom:5px;}
.alert-mask-top .icon{ width: 27px; height: 27px; display: inline-block; vertical-align: middle; background: url("../../img/delivery/icon-yes.png") no-repeat 0 center; background-size: 27px; margin-right: 10px;}
.alert-mask-tip{width: 80%; background: #fff; box-sizing: border-box; padding: 20px;}
.alert-mask-bottom{ text-align: right; padding-top: 10px;}

.alert-mask.error{border: 1px solid #C20000;}
.alert-mask.error .alert-mask-top{color: #C20000;border-bottom: 1px solid #C20000;}
.alert-mask.error .alert-mask-top .icon{ background: url("../../img/delivery/icon-no.png") no-repeat 0 center; background-size: 27px;}
.alert-mask.error .alert-btn{background: #C20000;}
.loading{ width: 100%; height: 100%; background: url("../../img/index/loading.gif") center no-repeat,rgba(0,0,0,0.5); position: fixed; z-index: 100;left: 0;top: 0;display: none; }
.versionDiv{ width: 250px;border: 1px solid #fff;color: #fff; float: left; margin: 0 20px;}
.versionDiv-title{ line-height: 50px; text-align: center; background: #2a2c32;font-weight: bold; font-size: 16px;}
.versionDiv.current .versionDiv-title{ background: #b06638;}
.versionDiv-con{ background: rgba(255,255,255,0.5)}
.price-list-item{ line-height: 40px; width: 100%; display: block; position: relative; box-sizing: border-box; padding-left: 10px;}
.price-list-item label{ display: block;cursor: pointer;}
.price-list-item .checkbox-icon{ position: absolute; right:10px;top: 50%; margin-top: -8px; border-radius: 16px; border-color: #fff;}
.price-list-item  .checkbox-input:checked+.checkbox-icon{border-color:#ff6600;}
.versionBtn{ width: 584px;margin: 0 auto;}
.versionBtn .linkBtn{ width:150px; height: 35px; text-align: center; line-height: 35px; background: #3baff7; color: #fff; display: block; margin: 20px 20px 0;}
.versionBtn .linkBtn:hover{ background: #ff6600; }
.ui-row .span-address{ line-height: 40px; }
.ui-row .span-edit{    width: 60px;  line-height: 26px;  border: 2px solid #fff;  border-radius: 10px;  text-align: center;  color: #d3d3d3;  cursor: pointer; display: inline-block;}

.authorPop{ position: fixed; left: 50%; top: 220px; width: 300px; background: #fff; margin-left: -150px; line-height: 60px; padding-bottom: 30px;z-index: 12; display: none}
.authorMask{ position: fixed; left:0;top: 0; background: rgba(0,0,0,0.7); z-index: 11; width: 100%; height: 100%; display: none;}
.open-author .authorPop,.open-author .authorMask{ display: block;}
.authorPop .title{ line-height: 40px; text-align: center; background: #c2c2c2; border-bottom: #eee;}
.authorPop .author-btn{ width: 100px; line-height: 30px; text-align: center; background: #3cadff;color: #fff; display: block; margin: 0 auto; cursor: pointer; border-radius: 5px;}

/* versionTable*/
.versionTable{ color: #fff;border-collapse:collapse; position: absolute; left: 50%;top:35px; width: 80%; margin-left: -40%;border-bottom:2px solid #30333a}
.versionTable2{ width: 100%; position: static; margin-left: 0;}
.versionTable th{ background: #30333a; height: 76px; text-align: center; width: 10%; box-sizing: border-box;border-left: 2px solid #30333a;border-right: 2px solid #30333a;}
.versionTable th.first{ width: 50%;}
.versionTable td{ width: 10%; text-align: center; box-sizing: border-box; background: #f3f3f3; color: #30333a; height: 30px;border-left: 2px solid #30333a;border-right: 2px solid #30333a;font-size: 12px;}
.versionTable td.first{ width: 50%; padding-left: 20px; text-align: left; padding-right: 20px;}
.versionTable td .current{ width: 15px; height: 15px; display: inline-block; border-radius: 15px; background: #ff6600;vertical-align: middle;}
.versionTable tbody tr:nth-child(2n) td{ background: #cccdce;}
.versionTable2 th{ width: 15%}
.versionTable2 th.first{ width: 70%;}
.versionTable2 td{ width: 15%}
.versionTable2 td.first{ width: 70%;}
/*弹层*/
/*pop*/
.pop{ position: fixed;  left: 0; top: 0;  background: #fff; border: 1px solid #8f0000; display: none; z-index: 22; color: #333; font-size: 15px;line-height: 1.5;}
.pop2{ z-index: 24}
.pop3{z-index: 26}
.pop4{z-index: 28}
.pop-mask{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 21}
.pop-mask2{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 23}
.pop-mask3{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 25}
.pop-mask4{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 27}

.open-pop .pop,.open-pop .pop-mask{ display: block}
.pop .pop-inner{   padding: 40px 0 60px; box-sizing: border-box;position: relative; width: 100%; box-sizing: border-box; }
.pop .pop-scroll{ overflow-y: auto;overflow-x: hidden;}
.pop .pop-con{ min-height: 100px;min-width:480px; position: relative; box-sizing: border-box;}
.pop .pop-title{ background: #8f0000; color: #fff; height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; width: 100%; padding-left: 20px; box-sizing: border-box; position: absolute; top: 0; left: 0;z-index: 3;}
.pop .pop-title.icon-address{ padding-left: 40px;}
.pop .pop-title.icon-add{ padding-left: 40px;}
.pop .pop-title.icon-print{ padding-left: 40px;}
.pop .pop-title.icon-address:before{  background: url("../../img/common/icon-address-white.png") no-repeat center; background-size: 20px; width: 30px; height: 30px; display: block; content: ""; position: absolute; left: 5px ;top:5px }
.pop .pop-title.icon-add:before{  background: url("../../img/common/icon-add-white.png") no-repeat center; background-size: 20px; width: 30px; height: 30px; display: block; content: ""; position: absolute; left: 5px ;top:5px }
.pop .pop-title.icon-print:before{  background: url("../../img/common/icon-print-white.png") no-repeat center; background-size: 25px; width: 30px; height: 30px; display: block; content: ""; position: absolute; left: 5px ;top:5px }

.pop .close-btn,.pop .close-btn1{ width: 40px; height: 40px; display: block; background: url("../../img/common/close-icon-white.png") no-repeat center; cursor: pointer; position: absolute; right: 0; top: 0; background-size: 25px;}
.pop .pop-bottom{ background: #efefed; position: absolute; left: 0;  bottom: 0; width: 100%; height: 60px; }
.address .pop-bottom{ z-index: 3}
.pop .submit-btn{ width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #8f0000; display: block; cursor: pointer; font-weight: bold; font-size: 16px; margin: 10px auto;}
.pop .submit-btn.hidden{display: none;}
.pop .pop-bottom-btn{ padding: 0 10px; line-height: 40px; color: #fff; background: #8f0000; display: inline-block; margin: 0 5px;  font-weight: bold;cursor: pointer; min-width: 60px;}
.pop .pop-bottom-btn.color-gray{ background: #9a9a9a}
.pop .pop-item{ display: none}
.pop .pop-item.current{ display: block}
.pop.set{ width: 400px;}
.pop-set-row{ width: 100%; position: relative; padding-left: 160px; box-sizing: border-box; margin-bottom: 10px;}
.pop-set-row-l{ position: absolute; left:20px; top: 0; color: #8f0000; font-weight: bold; font-size: 18px; line-height:40px;}
.pop-set-row-r{ width: 100%; display: block;}
.pop-bottom .item-btn{ height: 40px; line-height: 40px; text-align: center; color: #fff; background: #8f0000; cursor: pointer; font-weight: bold; font-size: 16px; float: right; padding: 0 20px; margin: 10px 10px 10px 0;border-radius: 5px;}
.pop-bottom .item-btn.left-btn{background: #324057;float:left;margin-left: 10px; margin-right: 0;}
.pop-bottom .pop-bottom-left{ float: left; margin-top: 10px; margin-left: 10px;}
.pop .pop-set{ padding-top: 10px;}
.open-pop .pop2,.open-pop .pop3,.open-pop .pop4{ display: none}
.open-pop2 .pop2,.open-pop3 .pop3,.open-pop4 .pop4,.open-pop2 .pop-mask2,.open-pop3 .pop-mask3,.open-pop4 .pop-mask4{ display: block}

.view-content{ }
.case-page{padding-top: 75px;}
.wrap{width:1024px; margin: 0 auto; }
.caseList{  width: 100%;}
.caseList-item{ float: left; width: 320px; display: block; margin-right: 30px; font-size: 16px; color: #1f2229; box-sizing: border-box; overflow: hidden; height:287px; padding: 10px; margin-bottom: 50px; line-height: 26px;background: #fff;}
.caseList-item:nth-child(3n+3){ margin-right: 0px;}
.caseList-item .item-img{ width: 100%;overflow: hidden;}
.caseList-item .item-con{ padding-top: 10px;}
.caseList-item .item-img img{ display: block; width:100%;}
.caseList-item .title{font-weight: bold;}
.about-img{ display: block; width: 100%;}
.about-wrap{  font-size: 18px; line-height: 40px; padding: 20px 0;}
.about-wrap .em{text-indent: 2em;}
.promote-message{ position:absolute; left: 50%; width:52%; margin-left: -26%; bottom: 6%; line-height: 40px; color: #ff6600;font-weight: bold; }
.promoteBtn{ width: 140px; text-align:center;border-radius: 5px;  display: block; margin:0 auto;cursor: pointer;border: 2px solid #ff6600;color:#ff6600; }
.promoteBtn:hover{background: #ff6600;border-bottom-color:#b74900;color: #fff;}

.productBtn{ width: 120px; text-align:center;border-radius: 5px;  display: inline-block; vertical-align:middle;margin-right: 10px;border: 2px solid #ff6600;color:#fff;  line-height: 40px; position: absolute;background: #ff6600; font-weight: bold;}
.productBtn2{ width: 120px; text-align:center;border-radius: 5px;  display: inline-block; vertical-align:middle;margin-right: 10px;border: 2px solid #ff6600;color:#ff6600;  line-height: 40px; position: absolute;font-weight: bold;}
.productBtn2:hover{background: #ff6600;border-bottom-color:#b74900;color: #fff;}

/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;  display:none;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }

.index-login-page .center,.index-register-page .center,.index-finish-page .center,.index-login2-page .center{ height: 100%;}
.showMap{   min-width: 80px; line-height: 28px;  border: 2px solid #fff;  border-radius: 10px;  text-align: center;  color: #d3d3d3;  margin: 4px auto 0;  cursor: pointer; padding: 0 10px; display: inline-block;}
.pop-bottom .item-btn.edit-address{ display: block;}
.pop-bottom .item-btn.edit-address.hidden{ display: none;}

@media (max-width: 640px) {
 .mobileDiv{ display: none;}
}