*{ padding: 0; margin: 0; list-style: none; text-decoration: none; }
a:hover{ opacity: 0.8; }
.disN{ display: none!important;}
.disH{ display: none;}
.clear{ clear: both; display: block;}
input::input-placeholder{color:#ccc!important;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #ccc!important;
}
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #ccc!important;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: #ccc!important;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #ccc!important;
}

/*蓝色字体*/
.bluefont{color:#027AFF;}
.noRightsHe{display:none}
.noRightsHe .txt{line-height: 20px;font-size: 14px;color: #999;padding: 40px 165px 40px;}
/*弹窗*/
.txtTc1 {
	padding-left:20px;padding-right:20px; line-height: 60px; font-size: 16px; color: #fff; z-index: 99; border-radius: 5px; text-align: center; background: rgba(0,0,0,0.7); position: fixed; left: 50%; top: 50%; margin: -140px 0 0 -73px;
}
#sendDate{
	height:40px;
}
/*登录*/
.login{ width: 100%; min-width: 1260px; height: 100vh; min-height: 950px;}
.login .top{ width: 1260px; height: 80px; margin: 0 auto; }
.login .top .logoL{ float: left; margin-top: 16px; width: 150px; height: 48px; }
.login .top .logoR{ float: right; margin-top: 25px; width: 146px; height: 31px; }
.login .videoB{height: 500px;margin: 0 auto;position:relative;padding-bottom:0%;background: rgba(0, 0, 0, 0) url(../image/videoBg.png) no-repeat scroll center center;}
.login .videoB .closeVideo{top:1%;z-index: 10000;right: 1%; position: absolute; width: 25px; height: 25px; background: rgba(0, 0, 0, 0) url(../image/closeVideo.png) no-repeat scroll center center;}
.login .con{ height: calc(100% - 81px); min-height: 800px; padding-top: 1px; background: url(../image/loginBg2.jpg) no-repeat center top; position: relative; }
.login .con .logo{ display: block; margin: 50px auto 30px; }
.login .wrap{ width:466px; background: #fff; box-shadow:0px -2px 10px 0px rgba(200,200,200,0.26); border-radius:6px; position: absolute; top: 195px; left: 50%; margin-left: -233px;}
.login .wrap .nav{ height: 96px; line-height: 96px; text-align: center;}
.login .wrap .nav a{ height: 30px; line-height:25px; display: inline-block; font-size:18px; font-family:PingFangSC-Semibold; font-weight:600; color: #9A9A9A; margin: 0 20px;}
.login .wrap .nav a.thisOver{ color: #444; border-bottom: 2px solid #DE0000;}
.login .wrap .box2{ display: none; }
.login .wrap dl{ height: 52px; padding: 0 58px;}
.login .wrap dt{ float: left; width: 68px; line-height: 36px; font-size: 16px; color: #666;}
.login .wrap dd{ float: left; width: 282px; }
.login .wrap dd input{ display: block; width:260px; height:34px; line-height: 34px; background: #fff; border-radius:4px; border:1px solid rgba(221,221,221,1); padding: 0 10px; font-size: 14px; color: #666; outline: none;}
.login .wrap dd input.error{ border-color: #DE0000; }
.login .wrap dd .errorTxt{ font-size: 12px; line-height: 16px; color: #DE0000; padding-left: 10px;}
.login .wrap .wjma{ float: right; height: 35px; line-height: 24px; text-align: right; font-size: 14px; color: #027AFF; margin: 11px 55px 0 0; }
.login .wrap .loginBtn{ display: block; width:348px; height:34px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; background:rgba(204,0,0,1); border-radius:4px; border:1px solid rgba(204,0,0,1); margin: 0 auto;}
.login .wrap .registerBtn{ display: block; width:348px; height:34px; line-height: 34px; font-size: 14px; color: rgba(204,0,0,1); text-align: center; background:#fff; border-radius:4px; border:1px solid rgba(204,0,0,1); margin: 16px auto 0;}
.login .wrap .txt{ float: left; height: 24px; font-size: 14px; padding: 10px 0 25px 55px; }
.login .wrap .txt a{ float: left; color: #999; line-height: 24px; }
.login .wrap .txt span{ float: left; width: 24px; height: 24px; background: url(../image/select1.png) no-repeat 0px 0px; cursor: pointer;}
.login .wrap .txt span.thisOver{ background-image: url(../image/select2.png); }
.login .wrapSlide{ width: 350px; line-height: 34px; font-size: 14px; color: #999; text-align: center; border: 1px solid #ccc; border-radius: 5px; background: #DDDCDC; margin: 0 auto 16px; position: relative;}
.login .wrapSlide i{ font-style: normal; color: #666;}
.login .wrapSlide span{ display: block; width: 34px; height: 32px; background: url(../image/icon31.png) no-repeat 0px 0px / 100% 100%; cursor: pointer; position: absolute; left: 2px; top: 1px; }
.login .wrapSlide.thisOver{ background: #8DCD61; border-color: #7DBD74;  }
.login .wrapSlide.thisOver i{ color: #fff; }
.login .bottom{ padding-top: 565px; }
.login .bottom img{ display: block; margin: 0 auto; }
.login .bottom .txt1{ line-height: 22px; font-size: 16px; color: #444; text-align: center;}
.login .bottom .txt2{ line-height: 20px; font-size: 14px; color: #444; text-align: center; padding-top: 8px;}
.login .bottom .txt3{ line-height: 20px; font-size: 14px; color: #444; text-align: center; padding-top: 8px;}
.login .bottom .txt3 img{display: inline-block; vertical-align: top;}
.login .bottom .txt3 a{ color: #444; }
.login .bottom .txt3 a:hover{ text-decoration: underline; }

/*会员章程*/
.rule{ width: 100%; background-color: #f9f9f9; padding: 20px 0 60px}
.rule .top{ height: 80px; background: #fff; margin-top: -20px; border:1px solid rgba(216,216,216,0.56);}
.rule .top .box{ width: 1200px; margin: 0 auto; }
.rule .top img{ margin-top: 15px; }
.rule .con{ background: #f9f9f9;}
.rule .con .h{ height: 65px; }
.rule .con .box{ width:900px; padding: 0 100px; background: #fff; border-radius:1px; border:1px solid rgba(216,216,216,0.56); padding-top: 50px; margin: 0 auto; position: relative;}
.rule .con .title{ width: 157px; height: 50px; line-height: 50px; font-size: 26px; color: #fff; padding-left: 21px; background: url(../image/ruleBg.png) no-repeat 0px 0px; position: absolute; left: 50px; top: -19px; text-align: center;}
.rule .con .txt2{ line-height: 22px; font-size: 16px; color: #666; padding-bottom: 5px;}
.rule .con .txt2 span,
.rule .con .txt2.red{ color: #c00; }
.rule .con .table3{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rule .con .table3 thead td{ background: #f4f4f4; line-height: 22px; padding: 8px 0px;}
.rule .con .table3 tbody td{ background: #fff; line-height: 28px; padding: 25px 0px;}
.rule .con .table3 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.rule .con .table3 td span{ font-size: 14px; color: #c00; }
.rule .con .table4{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rule .con .table4 thead td{ background: #f4f4f4; line-height: 60px;}
.rule .con .table4 tbody td{ background: #fff; line-height: 42px;}
.rule .con .table4 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.rule .con .checkbox{ width:935px; margin: 0 auto; padding: 25px 0 20px 27px;}
.rule .con .checkbox span{ float: left; width: 24px; height: 24px; background: url(../image/select1.png) no-repeat 0px 0px; cursor: pointer;}
.rule .con .checkbox span.thisOver{ background-image: url(../image/select2.png); }
.rule .con .checkbox i{ font-style: normal; line-height: 24px; font-size: 14px; color: #999; }
.rule .con .btn{ text-align: center; padding-bottom: 40px;}
.rule .con .btn a{ display: inline-block; width:120px; height:40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background:#ccc; border-radius:4px; margin: 0 15px;}
.rule .con .btn a.red{ background: #CC0000; }
.rule .wrap{ width: 900px; padding: 0 90px 45px 90px; margin: 0 auto; background: #fff; position: relative;}
.rule .wrap .nav{ width: 160px; position: absolute; left: -80px; top: 20px; }
.rule .wrap .nav a{ display: block; line-height: 40px; font-size: 18px; color: #fff; text-align: center; background: #ccc; margin-bottom: 18px;}
.rule .wrap .nav a.thisOver{ line-height: 50px; font-size: 20px; background: #E13C3C; }
/*.rule .wrap .nav a.thisOver{display: inline-block; width:120px; height:40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center;  border-radius:4px; margin: 0 15px; background: #E13C3C; }*/
.rule .wrap h2{ line-height: 34px; font-size: 24px; color: #444; font-weight: normal; text-align: center; padding: 60px 0 30px;}
.rule .wrap .title{ line-height: 30px; font-size: 18px; color: #666; font-weight: bold; text-align: justify; padding-bottom: 10px; }
.rule .wrap .txt{ line-height: 26px; font-size: 16px; color: #666; text-align: justify; padding-bottom: 10px;}
.rule .wrap .txt span,
.rule .wrap .txt.red{ color: #c00; }
.rule .wrap .table1{ display: block; font-size: 16px; color: #666; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rule .wrap .table1 thead td{ background: #f4f4f4; line-height: 22px; padding: 8px 0px;}
.rule .wrap .table1 tbody td{ background: #fff; line-height: 22px; padding: 15px 20px;}
.rule .wrap .table1 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; text-align: justify;}
.rule .wrap .table2{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rule .wrap .table2 thead td{ background: #f4f4f4; line-height: 60px;}
.rule .wrap .table2 tbody td{ background: #fff; line-height: 42px;}
.rule .wrap .table2 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.rule .wrap .table2 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; text-align: justify;}
.rule .wrap .title2{ line-height: 30px; font-size: 18px; color: #666; font-weight: bold; padding-bottom: 5px; }
.rule .wrap .txt2{ line-height: 22px; font-size: 16px; color: #666; padding-bottom: 5px;}
.rule .wrap .txt2 span.red,
.rule .wrap .txt2.red{ color: #c00; }
.rule .wrap .table3{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rule .wrap .table3 thead td{ background: #f4f4f4; line-height: 22px; padding: 8px 0px;}
.rule .wrap .table3 tbody td{ background: #fff; line-height: 28px; padding: 25px 0px;}
.rule .wrap .table3 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.rule .wrap .table_com{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rule .wrap .table_com thead td{ background: #f4f4f4; line-height: 22px; padding: 8px 0px;}
.rule .wrap .table_com tbody td{ background: #fff; line-height: 0px; padding: 25px 0px;}
.rule .wrap .table_com td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.rule .wrap .table4{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rule .wrap .table4 thead td{ background: #f4f4f4; line-height: 60px;}
.rule .wrap .table4 tbody td{ background: #fff; line-height: 42px;}
.rule .wrap .table4 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.rule .download1{ line-height: 20px; font-size: 14px; color: #027AFF; position: absolute; top: 25px; right: 50px; }
.rule .download2{ line-height: 20px; font-size: 14px; color: #027AFF; position: absolute; bottom: 25px; right: 50px; }
.rule .superscript {display: inline-block;transform: scale(0.7);height: 12px;}
.rule .child.left { float: left; padding-left: 40px; width: calc(45% - 40px); }
.rule .child.right { float: left; padding-left: 0px; width: 55%; }
.rule .dot {font-weight: bold;margin-right: 5px;}
.rule .line-s {width: calc(100% - 30px);height: 15px;margin-left: 30px;margin-top: 10px;border-top: 1px solid #BFBFBF;}




/*会员章程*/
.rulehe{ width: 100%; background-color: #f9f9f9; padding: 20px 0 60px}
.rulehe .top{ height: 80px; background: #fff; margin-top: -20px; border:1px solid rgba(216,216,216,0.56);}
.rulehe .top .box{ width: 1200px; margin: 0 auto; }
.rulehe .top img{ margin-top: 15px; }
.rulehe .con{ background: #f9f9f9;}
.rulehe .con .h{ height: 65px; }
.rulehe .con .box{ width:900px; padding: 0 100px; background: #fff; border-radius:1px; border:1px solid rgba(216,216,216,0.56); padding-top: 50px; margin: 0 auto; position: relative;}
.rulehe .con .title{ width: 157px; height: 50px; line-height: 50px; font-size: 26px; color: #fff; padding-left: 21px; background: url(../image/ruleBg.png) no-repeat 0px 0px; position: absolute; left: 50px; top: -19px; text-align: center;}
.rulehe .con .txt2{ line-height: 22px; font-size: 16px; color: #666; padding-bottom: 5px;}
.rulehe .con .txt2 span.red,
.rulehe .con .txt2.red{ color: #c00; }
.rulehe .con .table3{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rulehe .con .table3 thead td{ background: #f4f4f4; line-height: 22px; padding: 8px 0px;}
.rulehe .con .table3 tbody td{ background: #fff; line-height: 28px; padding: 25px 0px;}
.rulehe .con .table3 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.rulehe .con .table4{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rulehe .con .table4 thead td{ background: #f4f4f4; line-height: 60px;}
.rulehe .con .table4 tbody td{ background: #fff; line-height: 42px;}
.rulehe .con .table4 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.rulehe .con .checkbox{ width:935px; margin: 0 auto; padding: 25px 0 20px 27px;}
.rulehe .con .checkbox span{ float: left; width: 24px; height: 24px; background: url(../image/select1.png) no-repeat 0px 0px; cursor: pointer;}
.rulehe .con .checkbox span.thisOver{ background-image: url(../image/select2.png); }
.rulehe .con .checkbox i{ font-style: normal; line-height: 24px; font-size: 14px; color: #999; }
.rulehe .con .btn{ text-align: center; padding-bottom: 40px;}
.rulehe .con .btn a{ display: inline-block; width:120px; height:40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background:#ccc; border-radius:4px; margin: 0 15px;}
.rulehe .con .btn a.red{ background: #CC0000; }
.rulehe .wrap{ width: 900px; padding: 0 50px 45px 130px; margin: 0 auto; background: #fff; position: relative;}
.rulehe .wrap .nav{ width: 160px; position: absolute; left: -80px; top: 20px; }
.rulehe .wrap .nav a{ display: block; line-height: 40px; font-size: 18px; color: #fff; text-align: center; background: #ccc; margin-bottom: 18px;}
.rulehe .wrap .nav a.thisOver{ line-height: 50px; font-size: 20px; background: #E13C3C; }
.rulehe .wrap h2{ line-height: 34px; font-size: 24px; color: #444; font-weight: normal; text-align: center; padding: 60px 0 30px;}
.rulehe .wrap .title{ line-height: 30px; font-size: 18px; color: #666; font-weight: bold; text-align: justify; padding-bottom: 10px; }
.rulehe .wrap .txt{ line-height: 26px; font-size: 16px; color: #666; text-align: justify; padding-bottom: 10px;}
.rulehe .wrap .txt span,
.rulehe .wrap .txt.red{ color: #c00; }
.rulehe .wrap .table1{ display: block; font-size: 16px; color: #666; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rulehe .wrap .table1 thead td{ background: #f4f4f4; line-height: 22px; padding: 8px 0px;}
.rulehe .wrap .table1 tbody td{ background: #fff; line-height: 22px; padding: 15px 20px;}
.rulehe .wrap .table1 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; text-align: justify;}
.rulehe .wrap .table2{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rulehe .wrap .table2 thead td{ background: #f4f4f4; line-height: 60px;}
.rulehe .wrap .table2 tbody td{ background: #fff; line-height: 42px;}
.rulehe .wrap .table2 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; text-align: justify;}
.rulehe .wrap .title2{ line-height: 30px; font-size: 18px; color: #666; font-weight: bold; padding-bottom: 5px; }
.rulehe .wrap .txt2{ line-height: 22px; font-size: 16px; color: #666; padding-bottom: 5px;}
.rulehe .wrap .txt2 span,
.rulehe .wrap .txt2.red{ color: #c00; }
.rulehe .wrap .table3{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rulehe .wrap .table3 thead td{ background: #f4f4f4; line-height: 22px; padding: 8px 0px;}
.rulehe .wrap .table3 tbody td{ background: #fff; line-height: 28px; padding: 25px 0px;}
.rulehe .wrap .table3 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.rulehe .wrap .table4{ display: block; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #D8D8D8; border-top: 1px solid #d8d8d8; margin: 15px 0 25px;}
.rulehe .wrap .table4 thead td{ background: #f4f4f4; line-height: 60px;}
.rulehe .wrap .table4 tbody td{ background: #fff; line-height: 42px;}
.rulehe .wrap .table4 td{ border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.rulehe .download1{ line-height: 20px; font-size: 14px; color: #027AFF; position: absolute; top: 25px; right: 50px; }
.rulehe .download2{ line-height: 20px; font-size: 14px; color: #027AFF; position: absolute; bottom: 25px; right: 50px; }
.rulehe .superscript {display: inline-block;transform: scale(0.7);height: 12px;}
.rulehe .child.left { float: left; padding-left: 40px; width: calc(45% - 40px); }
.rulehe .child.right { float: left; padding-left: 0px; width: 55%; }
.rulehe .dot {font-weight: bold;margin-right: 5px;}
.rulehe .line-s {width: calc(100% - 30px);height: 15px;margin-left: 30px;margin-top: 10px;border-top: 1px solid #BFBFBF;}

/*注册成功*/
.registerSucess{ width: 100%; height: 100vh; min-height: 900px;}
.registerSucess .top{ width: 1260px; height: 80px; margin: 0 auto; }
.registerSucess .top .logoL{ float: left; margin-top: 16px; }
.registerSucess .top .logoR{ float: right; margin-top: 25px; }
.registerSucess .con{ height: calc(100% - 80px); min-height: 800px; background: url(../image/loginBg2.jpg) no-repeat center center; position: relative; }
/*.registerSucess{ width: 100%; height: 100%;}
.registerSucess .top{ width: 1200px; height: 78px; margin: 0 auto; }
.registerSucess .top img{ margin-top: 15px; }
.registerSucess .con{ height: calc(100% - 78px); min-height: 800px; background: url(../image/loginBg2.jpg) no-repeat center top; position: relative; }*/
.registerSucess .box{ width:686px; background: #fff; box-shadow:0px -2px 10px 0px rgba(200,200,200,0.26); border-radius:6px; position: absolute; top: 60px; left: 50%; margin-left: -343px;}
.registerSucess .box .title{ width:612px; height:46px; line-height: 46px; font-size: 18px; font-weight: bold; color: #666; padding-left: 20px; background:rgba(244,244,244,1); border-radius:11px; margin: 20px auto 15px;}
.registerSucess .box .close{ float: right; margin: 15px 27px 0 0; cursor: pointer; }
.registerSucess .box .wrap{ width:632px; min-height: 160px; background: #fff; border-radius:11px; border:1px solid rgba(216,216,216,0.56); margin: 0 auto; display: table; margin-bottom: 15px;}
.registerSucess .box .l{ width: 182px; float: left; position: relative;}
.registerSucess .box .l span{ font-size: 16px; color: #999; line-height: 16px; }
.registerSucess .box .l i{ width: 2px; height: 62px; background: #d8d8d8; }
.registerSucess .box .l .fix1{ position: absolute; left: 40px; top: 26px; }
.registerSucess .box .l .fix2{ position: absolute; left: 40px; top: 105px; z-index: 1;}
.registerSucess .box .l .fix3{ position: absolute; left: 40px; top: 181px; }
.registerSucess .box .l .fix4{ position: absolute; left: 52px; top: 51px; }
.registerSucess .box .l .fix5{ position: absolute; left: 52px; top: 125px; }
.registerSucess .box .l .fix6{ position: absolute; left: 88px; top: 30px; }
.registerSucess .box .l .fix7{ position: absolute; left: 88px; top: 110px; }
.registerSucess .box .l .fix8{ position: absolute; left: 88px; top: 185px; }
.registerSucess .box .r{ width: 450px; float: right; }
.registerSucess .box .txt1{ font-size: 22px; line-height: 22px; color: #32CB33; padding: 30px 0 20px; }
.registerSucess .box .txt2{ width: 400px; font-size: 16px; line-height: 26px; color: #666; padding: 0px 0; }
.registerSucess .box .txt3{ font-size: 15px; line-height: 25px; color: #666; margin-right:5px; margin-bottom: 10px}
.registerSucess .box .txt4{ font-size: 16px; line-height: 20px; color: #999; padding: 0 0 15px; }
.registerSucess .box .txt4 img{ float: left; }
/*.registerSucess .bottom{ width: 360px; height: 110px; position: absolute; bottom: 60px; left: 50%; margin-left: -180px; }
.registerSucess .bottom .txt1{ font-size: 22px; color: #fff; }
.registerSucess .bottom .txt1 img{ display: inline-block; margin-right: 30px; }
.registerSucess .bottom .txt2{ font-size: 16px; color: #fff; padding-top: 15px;}
*/
.registerSucess .bottom{ padding-top: 722px; }
.registerSucess .bottom img{ display: block; margin: 0 auto; }
.registerSucess .bottom .txt1{ line-height: 30px; font-size: 22px; color: #fff; text-align: center; padding: 5px 0 18px;}
.registerSucess .bottom .txt2{ line-height: 22px; font-size: 16px; color: #fff; text-align: center; padding-bottom: 10px;}
.registerSucess .bottom .txt3{ line-height: 20px; font-size: 14px; color: #fff; text-align: center; padding-bottom: 10px;}


/*注册*/
.register{ width: 100%; height: 100%;}
.register .top{ width: 1200px; height: 78px; margin: 0 auto; background: #fff;}
.register .top img{ margin-top: 15px; }
.register .wrap .line .redStar{color: #E13C3C;padding-right: 5px;}
.register .con{  background: #f9f9f9; padding: 65px 0 90px;}
.register .wrap{ width:1100px; padding-top: 60px; background: #fff; border-radius:1px; border:1px solid rgba(216,216,216,0.56); margin: 0 auto; position: relative;}
.register .wrap .title{ width: 157px; height: 50px; line-height: 50px; font-size: 26px; color: #fff; padding-left: 21px; background: url(../image/ruleBg.png) no-repeat 0px 0px; position: absolute; left: 50px; top: -19px; text-align: center;}
.register .wrap h2{ width:870px; height:46px; line-height:46px; font-size: 20px; font-weight: normal; color: #444; padding-left: 30px; background:rgba(244,244,244,1); border-radius:4px; margin: 0 auto;}
.register .wrap h2 i{ font-style: normal; float: left;}
.register .wrap h2 span{ font-size: 14px; color: #888; padding-left: 20px; }
.register .wrap h2 img{ float: left; margin: 13px 0 0 8px; cursor: pointer;}
.register .wrap .box{ padding: 30px 0 10px 140px; }
.register .wrap .box .l{ width: 500px; float: left; }
.register .wrap .box .r{ width: 370px; height: 180px; padding-left: 500px;}
.register .wrap .line{ height: 40px; padding-bottom: 22px; }
.register .wrap .line.h{ height: auto; padding-bottom: 0;}
.register .wrap .line .ts{ font-size: 11px; color: #999; line-height: 20px;width: 800px;}
.register .wrap .txt1{ float: left; width: 95px; height: 40px; line-height: 40px; font-size: 16px; color: #666; }
.register .wrap .txt1 span{color: #E13C3C;padding-right: 5px;}
.register .wrap .l .txt2{ float: left; width:167px; height:77px; line-height: 35px; font-size: 16px; color: #999; text-align: center; cursor: pointer; padding-top: 5px; background: #fff; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.07); border-radius:4px; border:1px solid rgba(221,221,221,1); margin-right: 25px;}
.register .wrap .l .txt2 span{ font-size: 22px; }
.register .wrap .l .txt2.thisOver{ background: #FFF9F9; border-color: #c00; color: #c00; }
.register .wrap .r .txt1{ height: 14px; line-height: 14px; font-size: 14px; color: #666; margin: 0 0 10px -20px;}
.register .wrap .r .txt1 span{ color: #E13C3C; width: 10px; display: inline-block;}
.register .wrap .r .txt2{ width: 100%; float: left; font-size: 14px; color: #bbb; margin: 0 0 8px -20px;}
.register .wrap .r .txt2 span{ padding-left: 10px; color: #999; }
.register .wrap .txtInput{ float: left; width:331px; height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; outline: none; background: #fff; border-radius:4px; border:1px solid #ccc;}
.register .wrap .txtInput.w1{ width: 147px; }
.register .wrap .txtInput.w2{ width: 663px; }
.register .wrap .txtInput.w3{ width: 190px; }
.register .wrap .txtInput.w4{ width: 534px; }
.register .wrap .option1{ float: left; width:167px; height:38px; line-height: 38px; font-size: 16px; color: #666; text-align: center; background: #fff; border-radius:4px; border:1px solid #ccc; margin-right: 15px;}
.register .wrap .option1.thisOver{ border-color: #c00; background-color: #FFF9F9; color: #c00; }
.register .wrap .btn{ float: left; width:167px; height:38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; background:#c00; border-radius:4px; border:1px solid #c00; margin-left: 15px;}
.register .wrap .aBox{ float: left; width: 710px; }
.register .wrap .option2{ float: left; width: 119px; height:38px; line-height: 38px; font-size: 14px; color: #999; text-align: center; background:#fff; border-radius:4px; border:1px solid #ddd; position: relative; margin: 0 20px 20px 0;}
.register .wrap .option2.thisOver{ border:1px solid #c00; color: #c00; }
.register .wrap .option2 i{ display: block; width: 16px; height: 14px; position: absolute; bottom: -1px; right: -3px; background: url(../image/checkBox1.png) no-repeat 0 0; }
.register .wrap .option2.thisOver i{ background-image: url(../image/checkBox2.png); }
.register .wrap .line .txt2{ float: left; width: 50px; line-height: 40px; font-size: 16px; color: #666; }
.register .wrap .line span{ float: left; line-height: 40px; font-size: 14px; color: #999; padding-left: 10px; }
.register .wrap .red{ float: left; width: 560px; line-height: 20px; font-size: 14px; color: #c00;  }
.register .wrap .select{ width: 400px; float: left; margin-right: 15px; position: relative;}
.register .wrap .select.w1{ width: 113px; }
.register .wrap .select.w2{ width: 100px; }
.register .wrap .select.w3{ width: 125px; }
.register .wrap .select .selectT{ width: calc(100% - 6px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid #ccc;}
.register .wrap .select .selectW{ width:100%; max-height: 240px; border:1px solid #ccc; border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.register .wrap .select .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.register .wrap .select .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.register .wrap .select .selectW .option:hover{ background-color: #f2f2f2; }
.register .wrap .myUl{ overflow: hidden; }
.register .wrap .myUl li{ width: 240px; height: 230px; margin: 0 28px 22px 0; float: left; position: relative; border-radius: 4px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat;}
.register .wrap .myUl li.bor{ width: 238px; height: 228px; border: 1px dashed #ddd;}
.register .wrap .myUl li .file{ width: 500px; height: 500px; line-height: 500px; position: absolute; right: 0; bottom: 0; opacity: 0; cursor: pointer;-webkit-appearance: none;}
.register .wrap .myUl li img{display: block;width: 100%;height: 100%;margin: auto;  }
.register .wrap .myUl #add img{display: block; margin: 50px auto 15px;width: auto;height: auto;}
.register .wrap .myUl li .txt1{ width: 100%; height: 25px; float: none; line-height: 16px; text-align: center; font-size: 16px; color: #999; }
.register .wrap .myUl li .txt2{ text-align: center; font-size: 14px; color: #999; }
.register .wrap .myUl li .del{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; display: none; }
.register .wrap .myUl li:hover .del{ display: block; }
.register .box1{ width:303px; height:348px; background: #fff; border-radius:4px; border:1px solid rgba(221,221,221,1); position: absolute; right: 165px; top: 522px}
.register .box1 img{ display: block; width: 100px; height: 150px; margin: 20px auto 10px; }
.register .box1 .txt{ line-height: 22px; font-size: 14px; color: #666; padding-left: 45px; }
.register .box1 .txt span{ color: #E13C3C; padding-right: 5px;}
.register .box1 .txt i{ padding-left: 5px; color: #fff; }
.register .box1 .fileBtn{ width:167px; line-height: 38px; height:38px; font-size: 16px; color: #fff; text-align: center; background:rgba(204,0,0,1); border-radius:4px; border:1px solid rgba(204,0,0,1); position: relative; margin: 15px auto;}
.register .box1 .fileBtn input{ width: 150%; height: 150%; position: absolute; right: 0; bottom: 0; opacity: 0; cursor: pointer;}
.register .registerBtn{ display: block; width:120px; height:38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; background:#ccc; border-radius:4px; border:1px solid #cccc; margin: 40px auto 0;cursor:pointer; }
.register .vipBox{ width: 860px; overflow: hidden; padding: 35px 0 35px 40px; margin: 0 auto;}
.register .vipBox .vip{ width: 390px; height: 230px; float: left; background: url(../image/vipNew5.png) no-repeat left top; margin-right: 40px;}
.register .vipBox .vip .txt1{ float: none; width: 300px; height: 22px; line-height: 22px; font-size: 22px; color: #7A6008; padding: 32px 0 10px 28px;}
.register .vipBox .vip .txt2{ float: none; line-height: 14px; font-size: 14px; color: #5C4E00; padding: 13px 0 0px 28px;}
.register .vipBox .svip{ width: 390px; height: 230px; float: left; background: url(../image/vipNew6.png) no-repeat left top;}
.register .vipBox .svip .txt1{ float: none; width: 300px; height: 22px; line-height: 22px; font-size: 22px; color: #636363; padding: 32px 0 10px 28px;}
.register .vipBox .svip .txt2{ float: none; line-height: 14px; font-size: 14px; color: #585858; padding: 13px 0 0px 28px;}


/* 软件开发包申请表 */
.development{ width: 100%; height: 100%;}
.development .top{ width: 1200px; height: 78px; margin: 0 auto; background: #fff;}
.development .top img{ margin-top: 15px; }
.development .wrap .line .redStar{color: #E13C3C;padding-right: 5px;}
.development .wrap .lineR .redStar{color: #E13C3C;padding-right: 5px;}
.development .con{  background: #f9f9f9; padding: 0px 0 90px;}
.development .wrap{ width:1100px;/* padding-top: 60px;*/ background: #fff; border-radius:1px; border:1px solid rgba(216,216,216,0.56); margin: 0 auto; position: relative;}
.development .channelBox{ width:1100px;  border-radius:1px; margin: 0 auto; position: relative;}
.development .wrap .title{ width: 157px; height: 50px; line-height: 50px; font-size: 26px; color: #fff; padding-left: 21px; background: url(../image/ruleBg.png) no-repeat 0px 0px; position: absolute; left: 50px; top: -19px; text-align: center;}
.development .wrap .rjbg{width: 1100px;height: 97px; line-height: 97px;margin: 0 auto; font-size: 26px; color: black; background: url(../image/rjbg.jpg) no-repeat 0px 0px;background-size: contain;}
.development .wrap .rjbg span{padding-left:10%;}
.development .wrap h2{ width:870px; height:46px; line-height:46px; font-size: 20px; font-weight: normal; color: #444; padding-left: 30px; background:rgba(244,244,244,1); border-radius:4px; margin: 0 auto;}
.development .wrap h2 i{ font-style: normal; float: left;}
.development .wrap h2 span{ font-size: 14px; color: #888; padding-left: 20px; }
.development .wrap h2 img{ float: left; margin: 13px 0 0 8px; cursor: pointer;}
.development .wrap .box{ padding: 30px 0 10px 100px; }
.development .channelBox .box{ padding: 30px 0 10px 100px; }
.development .wrap .box .l{ width: 500px; float: left; }
.development .wrap .box .r{ width: 370px; height: 180px; padding-left: 500px;}
.development .wrap .lineR{ float:left;height: 60px; padding-bottom: 22px; }
.development .wrap .lineR.h{ height: auto; padding-bottom: 0;}
.development .wrap .line{ height: 100px; padding-bottom: 22px; }
.development .channelBox .line{ height: 100px; padding-bottom: 22px; }
.development .channelBox .txt1{ float: left; width: 138px; height: 40px; line-height: 40px; font-size: 16px; color: #666; }
.development .wrap .line.h{ height: auto; padding-bottom: 0;}
.development .wrap .line .ts{ font-size: 11px; color: #999; line-height: 20px;width: 800px;}
.development .wrap .txtdx{ float: left; width: 130px; height: 40px; line-height: 40px; font-size: 16px; color: #666; }
.development .wrap .txt1{ float: left; width: 95px; height: 40px; line-height: 40px; font-size: 16px; color: #666; }
.development .wrap .txt1 span{color: #E13C3C;padding-right: 5px;float: left;}
.development .wrap .l .txt2{ float: left; width:167px; height:77px; line-height: 35px; font-size: 16px; color: #999; text-align: center; cursor: pointer; padding-top: 5px; background: #fff; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.07); border-radius:4px; border:1px solid rgba(221,221,221,1); margin-right: 25px;}
.development .wrap .l .txt2 span{ font-size: 22px; }
.development .wrap .l .txt2.thisOver{ background: #FFF9F9; border-color: #c00; color: #c00; }
.development .wrap .r .txt1{ height: 14px; line-height: 14px; font-size: 14px; color: #666; margin: 0 0 10px -20px;}
.development .wrap .r .txt1 span{ color: #E13C3C; width: 10px; display: inline-block;}
.development .wrap .r .txt2{ width: 100%; float: left; font-size: 14px; color: #bbb; margin: 0 0 8px -20px;}
.development .wrap .r .txt2 span{ padding-left: 10px; color: #999; }
.development .wrap .txtInput{ float: left; width:331px; height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; outline: none; background: #fff; border-radius:4px; border:1px solid #ccc;}
.development .wrap .txtInput.w1{ width: 147px; }
.development .wrap .txtInput.w2{ width: 663px; }
.development .wrap .txtInput.w3{ width: 190px; }
.development .wrap .txtInput.w4{ width: 534px; }
.development .channelBox .option1{ float: left; width:140px; height:38px; line-height: 38px; font-size: 16px; color: #666; text-align: center; background: #fff; border-radius:4px; border:1px solid #ccc;margin: 0 20px 20px 0px;}
.development .channelBox .option1.thisOver{ border-color: #c00; background-color: #FFF9F9; color: #c00; }
.development .wrap .btn{ float: left; width:167px; height:38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; background:#c00; border-radius:4px; border:1px solid #c00; margin-left: 15px;}
.development .wrap .aBox{ float: left; width: 710px; }
.development .wrap .option2{ float: left; width: 140px; height:38px; line-height: 38px; font-size: 14px; color: #999; text-align: center; background:#fff; border-radius:4px; border:1px solid #ddd; position: relative; margin: 0 20px 20px 0;}
.development .wrap .option2.thisOver{ border:1px solid #c00; color: #c00; }
.development .wrap .option2 i{ display: block; width: 16px; height: 14px; position: absolute; bottom: -1px; right: -3px; background: url(../image/checkBox1.png) no-repeat 0 0; }
.development .wrap .option2.thisOver i{ background-image: url(../image/checkBox2.png); }

.development .wrap .option3 {float: left; width: 140px; height:38px; line-height: 38px; font-size: 14px; color: #999; text-align: center; background:#fff; border-radius:4px; border:1px solid #ddd; position: relative; margin: 0 20px 20px 0;}
.development .wrap .option3.thisOver{ border:1px solid #c00; color: #c00; }
.development .wrap .option3 i{ display: block; width: 16px; height: 14px; position: absolute; bottom: -1px; right: -3px; background: url(../image/checkBox1.png) no-repeat 0 0; }
.development .wrap .option3.thisOver i{ background-image: url(../image/checkBox2.png); }

.development .wrap .option3 Mac {float: left; width: 140px; height:38px; line-height: 38px; font-size: 14px; color: #999; text-align: center; background:#fff; border-radius:4px; border:1px solid #ddd; position: relative; margin: 0 20px 20px 0;}


.development .wrap .line .txt2{ float: left; width: 50px; line-height: 40px; font-size: 16px; color: #666; }
.development .wrap .line .dx{ float: left; line-height: 15px; font-size: 14px; /*color: #999;*/ padding-left: 25px; }
.development .wrap .line span{ float: left; line-height: 40px; font-size: 14px; color: #999; padding-left: 10px; }
.development .wrap .lineR span{ float: left; line-height: 40px; font-size: 14px; color: #999; padding-left: 10px; }
.development .wrap .red{ float: left; width: 560px; line-height: 20px; font-size: 14px; color: #c00;  }
.development .wrap .select{ width: 400px; float: left; margin-right: 15px; position: relative;}
.development .wrap .select.w1{ width: 113px; }
.development .wrap .select.w2{ width: 100px; }
.development .wrap .select.w3{ width: 125px; }
.development .wrap .select .selectT{ width: calc(100% - 6px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid #ccc;}
.development .wrap .select .selectW{ width:100%; max-height: 240px; border:1px solid #ccc; border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.development .wrap .select .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.development .wrap .select .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.development .wrap .select .selectW .option:hover{ background-color: #f2f2f2; }
.development .wrap .myUl{ overflow: hidden; }
.development .wrap .myUl li{ width: 240px; height: 230px; margin: 0 28px 22px 0; float: left; position: relative; border-radius: 4px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat;}
.development .wrap .myUl li.bor{ width: 238px; height: 228px; border: 1px dashed #ddd;}
.development .wrap .myUl li .file{ width: 500px; height: 500px; line-height: 500px; position: absolute; right: 0; bottom: 0; opacity: 0; cursor: pointer;-webkit-appearance: none;}
.development .wrap .myUl li img{display: block;width: 100%;height: 100%;margin: auto;  }
.development .wrap .myUl #add img{display: block; margin: 50px auto 15px;width: auto;height: auto;}
.development .wrap .myUl li .txt1{ width: 100%; height: 25px; float: none; line-height: 16px; text-align: center; font-size: 16px; color: #999; }
.development .wrap .myUl li .txt2{ text-align: center; font-size: 14px; color: #999; }
.development .wrap .myUl li .del{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; display: none; }
.development .wrap .myUl li:hover .del{ display: block; }
.development .box1{ width:303px; height:348px; background: #fff; border-radius:4px; border:1px solid rgba(221,221,221,1); position: absolute; right: 165px; top: 522px}
.development .box1 img{ display: block; width: 100px; height: 150px; margin: 20px auto 10px; }
.development .box1 .txt{ line-height: 22px; font-size: 14px; color: #666; padding-left: 45px; }
.development .box1 .txt span{ color: #E13C3C; padding-right: 5px;}
.development .box1 .txt i{ padding-left: 5px; color: #fff; }
.development .box1 .fileBtn{ width:167px; line-height: 38px; height:38px; font-size: 16px; color: #fff; text-align: center; background:rgba(204,0,0,1); border-radius:4px; border:1px solid rgba(204,0,0,1); position: relative; margin: 15px auto;}
.development .box1 .fileBtn input{ width: 150%; height: 150%; position: absolute; right: 0; bottom: 0; opacity: 0; cursor: pointer;}
.development .registerBtn{ display: block; width:120px; height:38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; background:#CC0000; border-radius:4px; border:1px solid #cccc; margin: 20px auto 0;cursor:pointer; }
.development .btn .contact{display: block;font-size: 16px;color: #CC0000;text-align: center;margin-top: 18px;}
.development .vipBox{ width: 860px; overflow: hidden; padding: 35px 0 35px 40px; margin: 0 auto;}
.development .vipBox .vip{ width: 390px; height: 230px; float: left; background: url(../image/vipNew5.png) no-repeat left top; margin-right: 40px;}
.development .vipBox .vip .txt1{ float: none; width: 300px; height: 22px; line-height: 22px; font-size: 22px; color: #7A6008; padding: 32px 0 10px 28px;}
.development .vipBox .vip .txt2{ float: none; line-height: 14px; font-size: 14px; color: #5C4E00; padding: 13px 0 0px 28px;}
.development .vipBox .svip{ width: 390px; height: 230px; float: left; background: url(../image/vipNew6.png) no-repeat left top;}
.development .vipBox .svip .txt1{ float: none; width: 300px; height: 22px; line-height: 22px; font-size: 22px; color: #636363; padding: 32px 0 10px 28px;}
.development .vipBox .svip .txt2{ float: none; line-height: 14px; font-size: 14px; color: #585858; padding: 13px 0 0px 28px;}
.development .boxType{  /*margin: 0 30px; border: 1px solid #d8d8d8;*/ border-radius: 4px; /*padding: 20px;*/}
.development .boxType .lineType{ padding: 20px 0;}
/*.development .boxType .lineType:hover{ background: rgba(244,244,244,1); }*/
.development .boxType .name{ width: 98px; float: left; line-height: 22px; padding-top: 6px; font-size: 16px; color: #444; text-align: center;}
.development .boxType .del{ vertical-align: inherit;display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.development .boxType .del.hidedel{ display: none; }
.development .boxType .add{ vertical-align: inherit;display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.development .boxType .select{ width: 500px; float: left; position: relative;}
.development .boxType .selectT{ width: calc(100% - 6px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid #ccc;}
.development .boxType .selectT span{ color: #ccc; }
.development .boxType .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.development .boxType .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.development .boxType .selectW .optionL{ position: absolute; left: 0; top: 0; width: 80px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.development .boxType .selectW .optionR{ float: left; width:100%; padding: 5px 0 5px 80px; max-height: 240px; overflow-y: auto;}
.development .boxType .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.development .boxType .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.development .boxType .selectW .option:hover{ background-color: #f2f2f2; }
.development .boxType .jName{  width: 95px; /* float: left;*/  line-height: 38px;  padding-top: 6px;  font-size: 16px;  color: #444;  text-align: center;  }
.development .boxType .inputType{ float: left;margin: 10px 0 0 96px;width:300px; height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; outline: none; background: #fff; border-radius:4px; border:1px solid #ccc; }
.development .boxType .myDl input.date{height:38px; background: url(../image/date.png) no-repeat right center;cursor:pointer; }
.development .boxType .myDl input.error{ border-color: #DE0000; }
.development .boxType .myDl dt{ width: 95px; float: left; line-height: 38px; font-size: 16px; color: #666; text-align: center; }
.development .boxType .myDl dd{ position: relative;}
.development .boxType .myDl dd .errorTxt{positon:relative; font-size: 12px; line-height: 20px; color: #DE0000; padding-left: 10px;}
.development .boxType .myDl input{ float: left; width: 170px; height: 40px; line-height: 40px; font-size: 16px; color: #444; outline: none; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px;}
.noneInput{width: 280px;height: 38px;line-height: 38px;padding: 0 10px;margin: 0 10px;font-size: 16px;color: #666;outline: none;background: #fff;border-radius: 4px;border: 1px solid #ccc;}
.noneInputReason{width: 280px;height: 38px;line-height: 38px;padding: 0 10px;font-size: 16px;color: #666;outline: none;background: #fff;border-radius: 4px;border: 1px solid #ccc;}
.noneWindows{width: 280px;height: 38px;line-height: 38px;padding: 0 10px;font-size: 16px;color: #666;outline: none;background: #fff;border-radius: 4px;border: 1px solid #ccc;}
.noneMac{width: 280px;height: 38px;line-height: 38px;padding: 0 10px;font-size: 16px;color: #666;outline: none;background: #fff;border-radius: 4px;border: 1px solid #ccc;}
.noneAndroid{width: 280px;height: 38px;line-height: 38px;padding: 0 10px;font-size: 16px;color: #666;outline: none;background: #fff;border-radius: 4px;border: 1px solid #ccc;}
.nonePTP{width: 280px;height: 38px;line-height: 38px;padding: 0 10px;font-size: 16px;color: #666;outline: none;background: #fff;border-radius: 4px;border: 1px solid #ccc;}
.development .con .checkbox {width: 935px;margin: 0 auto;padding: 25px 0 20px 27px;}
.development .con .checkbox span {float: left;width: 24px;height: 24px;background: url(../image/select1.png) no-repeat 0px 0px;cursor: pointer;}
.development .con .checkbox i {font-style: normal;line-height: 24px;font-size: 14px;color: #999;}
.development .con .checkbox span.thisOver {background-image: url(../image/select2.png);}
.development .con .btn a.red {background: #CC0000;}
/*提示弹窗*/
.tipsDevelop{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1;}
.tipsDevelopBox{ width: 580px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -300px;}
.tipsDevelopBox .close{ position: absolute; top: 30px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.tipsDevelopBox .txt1{ line-height: 20px; font-size: 18px; color: #444; padding: 30px 0 20px 52px; background: url(../image/icon3.png) no-repeat 24px 30px; }
.tipsDevelopBox .txt2{ width: 480px; height: 115px; line-height: 28px; font-size: 16px; color: #666; margin: 0 auto;}
.tipsDevelopBox .txt2 span{ font-size: 14px; color: #999; }
.tipsDevelopBox .btn{ display: block;overflow: hidden; text-align: center; padding: 22px 0; background: #f4f4f4; border-radius: 0 0 5px 5px;}
.tipsDevelopBox .btn a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #c00; margin: 0 5px; }
.tipsDevelopBox .btn a.qx{ background: #ccc; }

/*header*/
.header{ height: 128px; border-top: 2px solid #c00; background: #fff;}
.header.h{ height: 80px; }
.header .wrap{ width: 1260px; height: 64px; margin: 0 auto; }
.header .wrap1{ width: 1200px; height: 64px; margin: 0 auto; }
.header .logo{ float: left; margin: 15px 32px 0 0; width: 150px; height: 48px; }
.header .logo1{ float: right; margin-top: 24px; width: 146px; height: 31px;}
.header .nav{ float: left;}
.header .nav .a,
.header .nav a{ float: left; height: 74px; line-height: 64px; font-size: 16px; color: #444; margin-right: 40px;}
.header .nav .a.thisOver,
.header .nav a.thisOver{ color: #c50000; }
.header .nav .a.thisOver span,
.header .nav a.thisOver span{ background: #c50000; }
.header .nav .a img{ width: 8px; float: right; margin: 34px 0 0 10px;}
.header .nav .hidBox{ width: 100%; height: 66px; border-top: 1px solid #ddd; position: absolute; left: 0; top: 130px; background: #fff; z-index: 1; display: none;}
.header .nav .hidBox .wrap{ width: 1200px; margin: 0 auto; padding-left: 75px; box-sizing: border-box;}
.header .box{ float: right; }
.header .box .r{ height: 64px; float: right; margin-right: 25px; cursor: pointer; position: relative;}
.header .box .r .email{ float: left; margin: 33px 10px 0 0; }
.header .box .r .arrow{ float: left; margin: 38px 0px 0; }
.header .box .r .img{ float: left; width: 34px; height: 44px; border-radius: 2px; margin: 12px 10px; }
.header .box .r .imgQy{ float: left; width: 32px; height: 42px; line-height: 42px; font-size: 16px; color: #c00; text-align: center; background: #fff; border: 1px solid #eee; border-radius: 2px; margin: 17px 10px; }
.header .box .r .vip{ float: left; margin: 33px 10px 0; }
.header .box .r span{ float: left; height: 64px; line-height: 82px; cursor: pointer; font-size: 16px; color: #333; margin: 0 10px 0 0; }
.header .box .hiddenWrap{ padding-top: 20px; position: absolute; left: 0px; top: 55px; display: none; z-index: 1;}
.header .box .hiddenWrap.po{ left: 0px; }
.header .box .hiddenWrap .wrap{ width: 260px; height: auto; padding-top: 5px; background: #fff; border-radius: 5px; box-shadow:0px 2px 7px 0px rgba(0,0,0,0.09);}
.header .box .hiddenWrap .txt a{ display: block; line-height: 40px; font-size: 16px; color: #666; padding: 0 15px 0 38px; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.header .box .hiddenWrap .txt a:hover{ background: #f6f6f6; }
.header .box .hiddenWrap .txt span{ width: 6px; height: 6px; background-color: #c00; border-radius: 50%; position: absolute; left: 22px; top: 17px;}
.header .box .hiddenWrap .btn{ display: block; line-height: 38px; font-size: 14px; color: #999; text-align: center; border-top: 1px solid #d8d8d8; margin-top: 5px;}
.header .box .hiddenWrap .arrow{ display: block; position: absolute; left: 25px; top: -27px; }
.header .box .top{ height: 81px; background: url(../image/vipPt.png) no-repeat left bottom; margin-top: -6px;}
.header .box .top.bg{ background-image: url(../image/vipAu.png); }
.header .box .top.bg1{ background-image: url(../image/vipAg.png); }
.header .box .top .img{ float: left; margin: 15px 15px 0 15px; }
.header .box .top .vip{ float: left; margin: 22px 0 0 15px; }
.header .box .top span{ float: left; max-width: 130px; height: auto; line-height: 32px; margin: 15px 0 0 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.header .box .top .time{ float: left; width: 190px; font-size: 12px; color: #444;}
.header .box .url{ display: block; line-height: 40px; font-size: 14px; color: #444; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.header .box .url:hover{ background: #f6f6f6; }
.header .box .url img{ float: left; margin: 10px 15px 0 25px; }

/*footer*/
.footer{ background: #fff; }
.footer .wrap{ width: 1200px; height: 210px; padding-top: 40px; margin: 0 auto; }
.footer .wrap .l{ float: left; }
.footer .wrap .l .nav{ overflow: hidden; line-height: 16px; font-size: 16px; color: #1D1E1F;}
.footer .wrap .l .nav a{ float: left; color: #1D1E1F; }
.footer .wrap .l .nav span{ float: left; margin: 0 20px; }
.footer .wrap .l .txt1{ line-height: 16px; font-size: 16px; color: #5A5A5A; padding: 25px 0 20px; }
.footer .wrap .l .txt2{ line-height: 16px; font-size: 16px; color: #9D9D9D; }
.footer .wrap .r{ float: right; }
.footer .wrap .r img{ display: block; }
.footer .wrap .r .name{ width: 180px; line-height: 22px; font-size: 22px; color: #000; text-align: center; padding-top: 17px;}

/*首页内容*/
.indexContent{ background: #f9f9f9; overflow: hidden; padding: 20px 0 50px;width: 100%;min-width: 1260px;}
.indexContent .wrap{ width: 1200px; margin: 0 auto; }
.indexContent .leftWrap{ width: 372px; float: left; }
.indexContent .leftWrap .topBox{ min-height: 147px; border-radius: 4px; background: url(../image/vipNew6.png) no-repeat center center;padding-bottom: 3px; margin-bottom: 20px; box-shadow:0px 2px 7px 0px rgba(0,0,0,0.09);}
.indexContent .leftWrap .topBox.vipBg1{ background-image: url(../image/vipNew5.png); }
.indexContent .leftWrap .topBox.vipBg2{ background-image: url(../image/vipNew4.png); }
.indexContent .leftWrap .topBox .headerImg{ float: left; width: 50px; height: 64px; border-radius: 2px; margin: 22px 12px 10px 24px; }
.indexContent .leftWrap .topBox .headerImgQy{cursor:default; float: left; width: 50px; height: 64px; line-height: 64px; font-size: 24px; text-align: center; color: #c00; background: #fff; border-radius: 2px; margin: 22px 12px 10px 24px; }
.indexContent .leftWrap .topBox .name{ line-height: 16px; font-size: 16px; color: #666; padding: 30px 0 6px 86px; }
.indexContent .leftWrap .topBox .name span{ color: #444; }
.indexContent .leftWrap .topBox .name img{ display: inline-block; margin-left: 5px; vertical-align: top; }
.indexContent .leftWrap .topBox .time{ line-height: 16px; font-size: 13px; color: #594103; padding: 0 0 0 86px; }
.indexContent .leftWrap .topBox .time.qy{ color: #777; }
.indexContent .leftWrap .topBox .txt{ clear: both; width:308px; line-height:20px; padding: 5px 14px; font-size: 14px; color: #666; background:rgba(255,248,236,1); border-radius:8px; margin: 0 auto 6px;}
.indexContent .leftWrap .topBox .txt img{ float: left; margin-right: 8px; }
.indexContent .leftWrap .topBox .red{ color: #c00; }
.indexContent .leftWrap .topBox .blue{ color: #007AFF; }
.indexContent .leftWrap .topBox a.blue{ display: block; height: 20px; line-height: 20px; margin: 0; text-align: left; padding-left: 28px; background: rgba(255,248,236,1); }
.indexContent .leftWrap .topBox a{ display: block; width:291px; height:30px; line-height: 30px; font-size: 14px; color: #666; text-align: center; background:rgba(255,255,255,1); border-radius:1px; margin: 5px auto 10px;box-shadow: 0px 2px 4px 0px rgba(119,79,11,0.11);}
.indexContent .leftWrap .bottomBox{ border-radius: 4px; background: #fff; padding-bottom: 25px; box-shadow:0px 2px 7px 0px rgba(0,0,0,0.09);}
.indexContent .leftWrap .bottomBox.marB{ margin-bottom: 20px; }
.indexContent .leftWrap .bottomBox .top{ height: 18px; padding: 20px 20px 0 24px; }
.indexContent .leftWrap .bottomBox .top .img{ float: left;}
.indexContent .leftWrap .bottomBox .top span{ float: left; line-height: 18px; font-size: 16px; color: #444; padding: 0 7px;}
.indexContent .leftWrap .bottomBox .top a{ float: right; line-height: 18px; font-size: 14px; color: #027AFF; }
.indexContent .leftWrap .bottomBox .title{ height: 14px; line-height: 14px; font-size: 14px; color: #444; border-left: 2px solid #c00; padding-left: 8px; margin: 20px 25px 10px; }
.indexContent .leftWrap .bottomBox .txt{ width:310px; height:30px; line-height: 30px; font-size: 14px; color: #666; padding: 0 13px; margin: 0 18px; border-radius:6px; }
.indexContent .leftWrap .bottomBox .txt span{ float: left; width: 170px; padding-right: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.indexContent .leftWrap .bottomBox .txt span.w2{ width: 100px; }
.indexContent .leftWrap .bottomBox .txt img{ float: right; margin-top: 5px; }
.indexContent .leftWrap .bottomBox .txt:hover{ background:rgba(245,245,245,1);}
.indexContent .leftWrap .bottomBox .btn{ display: block; width:200px; height:38px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; background:rgba(204,0,0,1); border-radius:4px; border:1px solid rgba(204,0,0,1); margin: 88px auto 10px;}
.indexContent .leftWrap .bottomBox .btn1{ display: block; width:200px; height:38px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; background:rgba(204,0,0,1); border-radius:4px; border:1px solid rgba(204,0,0,1); margin: 0 auto;}
.indexContent .leftWrap .bottomBox .txt2{ font-size: 13px; color: #999; text-align: center; }
.indexContent .leftWrap .bottomBox .txt3{ font-size: 14px; color: #999; padding: 60px 50px 80px; }
.indexContent .leftWrap .bottomBox .txt4{ font-size: 14px; color: #999; padding: 60px 50px 0px; }
.indexContent .leftWrap .bottomBox .txt5{ font-size: 16px; color: #666; text-align: center; padding: 30px 0 28px;}
.indexContent .leftWrap .bottomBox .txt6{ color: #444; }
.indexContent .leftWrap .navBox{ padding: 15px 0; background-color: #fff; border-radius: 4px; }
.indexContent .leftWrap .navBox a{ display: block; line-height: 50px; font-size: 16px; color: #666; padding: 0 35px; background: url(../image/arrow7.png) no-repeat 350px center;}
.indexContent .leftWrap .navBox a.thisOver{ color: #CC0000; background-image: url(../image/arrow8.png); }
.indexContent .leftWrap .navBox a span{ width: 6px; height: 6px; margin: 22px 215px 0 0; border-radius: 50%; background-color: #c00; float: right;}
.indexContent .rightWrap{ width: 808px; float: right; }
.indexContent .rightWrap .topBox{ height: 150px; border-radius: 4px; background: #fff; margin-bottom: 20px; box-shadow:0px 2px 7px 0px rgba(0,0,0,0.09);}
.indexContent .rightWrap .topBox .title{ height: 20px; line-height: 20px; font-size: 16px; color: #444; padding: 22px 26px 20px;  }
.indexContent .rightWrap .topBox .title img{ float: left; margin-right: 10px; }
.indexContent .rightWrap .topBox .title a{ float: right; font-size: 14px; color: #027AFF; }
.indexContent .rightWrap .topBox .myUl{ padding-left: 23px; }
.indexContent .rightWrap .topBox li{ width: 177px; line-height: 69px; float: left; font-size: 16px; color: #c00; text-align: center; margin-right: 19px; background: url(../image/bg.png) no-repeat left top; position: relative;}
.indexContent .rightWrap .topBox li span{ line-height: 12px; font-size: 12px; position: absolute; right: 10px; bottom: 5px; }
.indexContent .rightWrap .topBox .bg1{ background-position: 0px 0px;} /*保养*/
.indexContent .rightWrap .topBox .bg1:hover{ background-position: 0px -80px; color: #fff; cursor: pointer;}
.indexContent .rightWrap .topBox .bg1.gray{ background-position: 0px -160px;color: #999;}
.indexContent .rightWrap .topBox .bg1.gray:hover{ background-position: 0px -160px; color: #999; cursor: pointer;}
.indexContent .rightWrap .topBox .bg2{ background-position: 0px -240px;}/*备用*/
.indexContent .rightWrap .topBox .bg2:hover{ background-position: 0px -320px; color: #fff; cursor: pointer;}
.indexContent .rightWrap .topBox .bg2.gray{ background-position: 0px -400px;color: #999;}
.indexContent .rightWrap .topBox .bg2.gray:hover{ background-position: 0px -400px; color: #999; cursor: pointer;}
.indexContent .rightWrap .topBox .bg3{ background-position: 0px -480px;}/*清洁*/
.indexContent .rightWrap .topBox .bg3:hover{ background-position: 0px -560px; color: #fff; cursor: pointer;}
.indexContent .rightWrap .topBox .bg3.gray{ background-position: 0px -640px;color: #999;}
.indexContent .rightWrap .topBox .bg3.gray:hover{ background-position: 0px -640px; color: #999; cursor: pointer;}
.indexContent .rightWrap .topBox .bg4{ background-position: 0px -720px;}/*上门*/
.indexContent .rightWrap .topBox .bg4:hover{ background-position: 0px -800px; color: #fff; cursor: pointer;}
.indexContent .rightWrap .topBox .bg4.gray{ background-position: 0px -880px;color: #999;}
.indexContent .rightWrap .topBox .bg4.gray:hover{ background-position: 0px -880px; color: #999; cursor: pointer;}
.indexContent .rightWrap .topBox .bg5{ background-position: 0px -960px;}/*试用*/
.indexContent .rightWrap .topBox .bg5:hover{ background-position: 0px -1040px; color: #fff; cursor: pointer;}
.indexContent .rightWrap .topBox .bg5.gray{ background-position: 0px -1120px;color: #999;}
.indexContent .rightWrap .topBox .bg5.gray:hover{ background-position: 0px -1120px; color: #999; cursor: pointer;}
.indexContent .rightWrap .topBox .bg6{ background-position: 0px -1200px;}/*维修*/
.indexContent .rightWrap .topBox .bg6:hover{ background-position: 0px -1280px; color: #fff; cursor: pointer;}
.indexContent .rightWrap .topBox .bg6.gray{ background-position: 0px -1360px;color: #999;}
.indexContent .rightWrap .topBox .bg6.gray:hover{ background-position: 0px -1360px; color: #999; cursor: pointer;}
.indexContent .rightWrap .topBox li:hover span{ color: #fff;}
.indexContent .rightWrap .topBox li.gray:hover span{ color: #999;}
.indexContent .rightWrap .bottomBox{ min-height: 499px; border-radius: 4px; background: #fff; padding-bottom: 1px; box-shadow:0px 2px 7px 0px rgba(0,0,0,0.09); margin-bottom: 20px;}
.indexContent .rightWrap .bottomBox .title{ padding: 20px 25px; height: 20px; line-height: 20px; font-size: 16px; color: #444; }
.indexContent .rightWrap .bottomBox .title img{ float: left; margin-right: 10px; }
.indexContent .rightWrap .bottomBox .noList{ font-size: 14px; color: #666; text-align: center; padding-top: 150px; }
.indexContent .rightWrap .bottomBox .list{ margin: 0 24px 20px; }
.indexContent .rightWrap .bottomBox2{ min-height: 268px; border-radius: 4px; background: #fff; padding-bottom: 1px; box-shadow:0px 2px 7px 0px rgba(0,0,0,0.09); margin-bottom: 20px;}
.indexContent .rightWrap .bottomBox2.h{ min-height: 322px; }
.indexContent .rightWrap .bottomBox2 .title{ padding: 20px 25px; height: 20px; line-height: 20px; font-size: 16px; color: #444; }
.indexContent .rightWrap .bottomBox2 .title img{ float: left; margin-right: 10px; }
.indexContent .rightWrap .bottomBox2 .title a{ float: right; font-size: 14px; color: #027AFF; }
.indexContent .rightWrap .bottomBox2 .table{ padding: 0px 25px; }
.indexContent .rightWrap .bottomBox2 table{ width: 100%; border-radius: 3px; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8;}
.indexContent .rightWrap .bottomBox2 table thead td{ background: #f4f4f4; line-height: 20px; padding: 10px 0;}
.indexContent .rightWrap .bottomBox2 table td{ line-height: 24px; font-size: 14px; color: #666; text-align: center; padding: 20px 0; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.indexContent .rightWrap .bottomBox2 table tbody tr:last-child td:last-child{ border-radius: 0 0 3px 0; }
.indexContent .showBox{ background: #f2f2f2; border-radius: 4px 4px 0 0; overflow: hidden;}
.indexContent .showBox .l{ float: left; width: 38px; height: 62px; line-height: 20px; font-size: 13px; color: #fff; text-align: center; padding-top: 4px; background: url(../image/bgRed.png) no-repeat 0px 0px; margin: 0 18px 0 10px;}
.indexContent .showBox .l.bg{ background-image: url(../image/bgGreen.png); }
.indexContent .showBox .r{ width: 694px; float: left; padding: 15px 0 10px;}
.indexContent .showBox .r .box{ height: 34px; padding-bottom: 12px; }
.indexContent .showBox .r .txt{ float: left; line-height: 34px; font-size: 16px; font-weight: bold; color: #333; padding-right: 30px; }
.indexContent .showBox .r .txt2{ float: left; line-height: 34px; font-size: 14px; color: #999; }
.indexContent .showBox .r .txt3{ float: left; line-height: 34px; font-size: 14px; font-weight: bold; color: #444; padding-right: 30px; }
.indexContent .showBox .r .red{ float: left; line-height: 34px; font-size: 14px; color: #c00; }
.indexContent .showBox .r .arrow{ float: right; width: 12px; height: 7px; background: url(../image/arrow3.png) no-repeat 0px 0px; margin: 13px 34px 0 0; }
.indexContent .showBox .r .arrow.thisOver{ background-image: url(../image/arrow2.png); }
.indexContent .showBox .r .btn{ float: right; width: 96px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; background: #c00; border-radius: 4px; margin-right: 25px;}
.indexContent .showBox .r .txt1{ width: 230px; line-height: 20px; float: left; font-size: 14px; color: #444; padding-bottom: 10px;}
.indexContent .showBox .r .txt1 span{ color: #666; }
.indexContent .hideBox{ display: none; border: 1px solid #f2f2f2; border-radius: 0 0 4px 4px; padding-bottom: 10px;}
.indexContent .hideBox .schedule{ height: 70px; padding-top: 24px; position: relative;}
.indexContent .hideBox .schedule .txt1{ width: 800px; height: 23px; padding-left: 11px;}
.indexContent .hideBox .schedule .txt1 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 58px; }
.indexContent .hideBox .schedule .txt1 span.green{ color: #33CC32; }
.indexContent .hideBox .schedule .icon{ height: 30px; position: relative; margin-left: 48px;}
.indexContent .hideBox .schedule .icon img{ float: left; margin-right: 130px; position: relative; z-index: 1;}
.indexContent .hideBox .schedule .icon img.marN{ margin: 0; }
.indexContent .hideBox .schedule .icon .img1,
.indexContent .hideBox .schedule .icon .img2{ cursor: pointer; }
.indexContent .hideBox .schedule .icon .bg1{ width: 630px; height: 1px; background: #d8d8d8; position: absolute; left: 14px; top: 13px; }
.indexContent .hideBox .schedule .icon .bg2{ width: 165px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.indexContent .hideBox .schedule .icon .bg3{ width: 330px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.indexContent .hideBox .schedule .icon .bg4{ width: 480px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.indexContent .hideBox .schedule .icon .bg5{ width: 630px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.indexContent .hideBox .schedule .txt2{ width: 800px; padding-left: 11px; }
.indexContent .hideBox .schedule .txt2 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 58px; display: none;}
.indexContent .hideBox .schedule .txt2 i{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; font-style: normal; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid #ccc; box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; left: 302px; top: 85px;}
.indexContent .hideBox .schedule .txt2 u{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; text-decoration: none; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid #ccc; box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; left: 446px; top: 85px;}
.indexContent .hideBox .schedule .txt2 s{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid #ccc; box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; right: 20px; top: 103px;}
.indexContent .hideBox .schedule .txt2 s:hover{ opacity: 0.8; cursor: pointer; }
.indexContent .hideBox .schedule .txt2 img{ position: absolute; left: 50%; top: -4px; margin-left: -3px; }
.indexContent .hideBox .schedule .txt2 s img{ margin: 0; left: 143px; }
.indexContent .hideBox .schedule1{ height: 88px; padding-top: 24px; position: relative;}
.indexContent .hideBox .schedule1 .txt1{ width: 800px; height: 23px; padding-left: 75px;}
.indexContent .hideBox .schedule1 .txt1 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 157px; }
.indexContent .hideBox .schedule1 .txt1 span.green{ color: #33CC32; }
.indexContent .hideBox .schedule1 .icon{ height: 30px; position: relative; margin-left: 110px;}
.indexContent .hideBox .schedule1 .icon img{ float: left; margin-right: 230px; position: relative; z-index: 1;}
.indexContent .hideBox .schedule1 .icon img.marN{ margin: 0; }
.indexContent .hideBox .schedule1 .icon .img1,
.indexContent .hideBox .schedule1 .icon .img2{ cursor: pointer; }
.indexContent .hideBox .schedule1 .icon .bg1{ width: 520px; height: 1px; background: #d8d8d8; position: absolute; left: 14px; top: 13px; }
.indexContent .hideBox .schedule1 .icon .bg2{ width: 250px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.indexContent .hideBox .schedule1 .icon .bg3{ width: 510px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.indexContent .hideBox .schedule1 .txt2{ width: 800px; padding-left: 75px; }
.indexContent .hideBox .schedule1 .txt2 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 157px; }
.indexContent .hideBox .schedule1 .txt2 s{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid #ccc; box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; right: 80px; top: 80px;}
.indexContent .hideBox .schedule1 .txt2 s:hover{ opacity: 0.8; cursor: pointer; }
.indexContent .hideBox .schedule1 .txt2 s img{ position: absolute; left: 148px; top: -4px; }
.indexContent .hideBox h4{ height: 26px; line-height: 20px; font-size: 14px; color: #444; padding-left: 28px; }
.indexContent .hideBox .gray{ margin: 0 35px 15px; background: #f5f5f5; border-radius: 4px; padding: 5px 0; overflow: hidden;}
.indexContent .hideBox .gray .line{ padding: 6px 20px 6px 0; position: relative;}
.indexContent .hideBox .gray .txt1{ float: left; line-height: 26px; font-size: 14px; color: #666; padding: 0 22px;}
.indexContent .hideBox .gray .txt2{ float: left; line-height: 26px; font-size: 14px; color: #666; }
.indexContent .hideBox .gray .txt2 i{ padding-left: 10px; font-size: 12px; color: #999; font-style: normal;}
.indexContent .hideBox .gray .txt2 span{ display: block; font-size: 12px; color: #027AFF; }
.indexContent .hideBox .gray .txt3{ float: left; width: 200px; line-height: 26px; font-size: 14px; color: #666; }
.indexContent .hideBox .gray .txt3 i{ display: block; font-size: 12px; color: #999; font-style: normal;}
.indexContent .hideBox .gray .txt3 span{ display: block; font-size: 12px; color: #027AFF; }
.indexContent .hideBox .gray .txt4{ float: left; width: 300px; line-height: 26px; font-size: 14px; color: #999; }
.indexContent .hideBox .gray .txt5{ float: left; width: 300px; line-height: 26px; font-size: 14px; color: #666; }
.indexContent .hideBox .gray .txt4 img,
.indexContent .hideBox .gray .txt5 img{ width: 26px; height: 26px; float: left; margin: 0 5px 0 40px;}
.indexContent .hideBox .gray .txt6{ float: left; padding-left: 40px;}
.indexContent .hideBox .gray .txt6 input{ display: inline-block; width:228px; line-height:24px; font-size: 14px; color: #444; padding: 0 10px; outline: none; background:rgba(255,255,255,1); border-radius:6px; border:1px solid #ccc;}
.indexContent .hideBox .gray .txt6 span{ color: #CC0000; padding-left: 10px;}
.indexContent .hideBox .gray .txt6 input.w1{ width: 60px; }
.indexContent .hideBox .gray .txt6 input.w2{ width: 155px; }
.indexContent .hideBox .gray .txt6 span{ color: #CC0000; padding-left: 10px;}
.indexContent .hideBox .gray .txt7{ float: left; width: 257px; line-height: 26px; font-size: 14px; color: #444; padding: 0 10px 0 50px; }
.indexContent .hideBox .gray .txt7 span{ color: #CC0000; float: right;}
.indexContent .hideBox .gray .txt8{ float: left; line-height: 26px; font-size: 14px; color: #999; padding: 0 22px;}
.indexContent .hideBox .gray .txt9{ line-height:24px; font-size: 14px; color: #999; padding: 0 10px; position: absolute; top: -25px; right: 18px; display: none; background:rgba(255,255,255,1); box-shadow:0px 2px 4px 0px rgba(0,0,0,0.14); border-radius:2px; border:1px solid rgba(221,221,221,0.44); }
.indexContent .hideBox .gray .txt10{ float: left; padding-left: 40px;}
.indexContent .hideBox .gray .txt10 span{ display: inline-block; width:228px; line-height:24px; font-size: 14px; color: #444; padding: 0 10px; border-radius:6px; }
.indexContent .hideBox .gray .txt10 span.w1{ width: 60px; }
.indexContent .hideBox .gray .txt10 span.w2{ width: 155px; }
.indexContent .hideBox .gray img{ float: right; margin: 3px 28px;}
.indexContent .hideBox .gray .img1{ float: left; margin: 3px 0 0 20px;}
.indexContent .hideBox .gray .yellowBtn{ float: right; width:74px; line-height:24px; font-size: 14px; color: #666; text-align: center;}
.indexContent .hideBox .gray .redBtn{ float: right; width:76px; line-height:24px; font-size: 14px; color: #D33030; text-align: center;}
.indexContent .hideBox .gray .red1Btn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #666; text-align: center;}
.indexContent .hideBox .gray .red2Btn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #fff; text-align: center; background: #c00; border-radius: 5px;}
.indexContent .hideBox .gray .grayBtn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #666; text-align: center;}
.indexContent .hideBox .gray .gray1Btn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #fff; text-align: center; background: #ccc; border-radius: 5px;}
.indexContent .hideBox .gray .blueBtn{ float: right; width:76px; height:24px; line-height:24px; font-size: 14px; color: #027AFF; text-align: center; cursor: pointer;}
.indexContent .hideBox .gray .yellowBtn:hover,
.indexContent .hideBox .gray .redBtn:hover,
.indexContent .hideBox .gray .red1Btn:hover,
.indexContent .hideBox .gray .grayBtn:hover{ opacity: 1; cursor: default; }
.indexContent .hideBox .gray .address{ float: left; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/address.png) no-repeat 19px center; }
.indexContent .hideBox .gray .name{ float: left; width: 80px; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/name.png) no-repeat 19px center; }
.indexContent .hideBox .gray .tel{ float: left; width: 120px; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/phone.png) no-repeat 19px center; }

/*提示弹窗*/
.promptTc{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 99; display: none;}
.promptTcBox{ width: 750px; background: #f4f4f4; border-radius: 4px; margin: 15% auto; padding-bottom: 1px; padding-top: 1px;}
.promptTcBox .ts{ width: 660px; height: 46px; line-height: 46px; color: #444; padding: 0 20px; margin: 26px auto 0; background: #fff; border-radius: 4px;}
.promptTcBox .ts img{ float: left; margin-top: 13px;}
.promptTcBox .ts .close{ float: right; margin-top: 15px; cursor: pointer;}
.promptTcBox .ts .close:hover{ opacity: 0.8; }
.promptTcBox .ts span{ float: left; font-size: 18px; font-weight: bold; padding: 0 10px;}
.promptTcBox .ts i{ float: left; font-size: 15px; font-style: normal;}
.promptTcBox .txt{ line-height: 30px; font-size: 14px; color: #666; padding: 20px 50px;}

/*预约试用弹窗*/
.indexTc{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.indexTcBox{ width: 750px; background: #fff; border-radius: 4px; margin: 5% auto; padding-bottom: 1px;}
.indexTcBox .top{ height: 50px; padding: 35px 40px 0; }
.indexTcBox .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.indexTcBox .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.indexTcBox .top .txt{ float: left; line-height: 24px; font-size: 14px; color: #999; }
.indexTcBox .top .txt span{ color: #c00; }
.indexTcBox .top .close{ float: right; margin: 0px; cursor: pointer;}
.indexTcBox .top .close:hover{ opacity: 0.8; }
.indexTcBox .box{ min-height: 400px; margin: 0 30px; border: 1px solid #d8d8d8; border-radius: 4px; padding: 0 0 0px 25px;}
.indexTcBox .box .txt1{ font-size: 14px; color: #999; line-height: 20px; padding: 20px 0 10px 15px; }
.indexTcBox .box .txt1 span{ padding-right: 10px; color: #DE0000; }
.indexTcBox .box .txt2{ clear: both; font-size: 16px; color: #666; line-height: 20px; padding: 0 0 20px 17px;}
.indexTcBox .box .txt2.hide{ display: none; }
.indexTcBox .box .gray{ width: 638px; margin: 0 0 18px 0; background: #f4f4f4; border-radius: 4px; padding-top: 18px;}
.indexTcBox .box .gray .name{ width: 98px; float: left; line-height: 22px; padding-top: 6px; font-size: 16px; color: #444; text-align: center;}
.indexTcBox .box .gray .r{ float: left; width: 520px;}
.indexTcBox .box .gray .line{ padding-bottom: 18px; }
.indexTcBox .box .gray .select{ width: 456px; display: inline-block; }
.indexTcBox .box .gray .del{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.indexTcBox .box .gray .del.hide{ display: none; }
.indexTcBox .box .gray .add{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.indexTcBox .box .myDl{ width: 320px; float: left; height: 62px;}
.indexTcBox .box .zq,
.indexTcBox .box .myDl.yj{ display: none; }
.indexTcBox .box .myDl dt{ width: 98px; float: left; line-height: 42px; font-size: 16px; color: #666; text-align: center; }
.indexTcBox .box .myDl input{ float: left; width: 190px; height: 40px; line-height: 40px; font-size: 16px; color: #444; outline: none; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px;}
.indexTcBox .box .myDl input.date{ background: url(../image/date.png) no-repeat right center; cursor:pointer;}
.indexTcBox .box .myDl input.error{ border-color: #DE0000; }
.indexTcBox .box .myDl dd{ float: left; position: relative;}
.indexTcBox .box .myDl dd .errorTxt{ clear: both; font-size: 12px; line-height: 20px; color: #DE0000; padding-left: 10px;}
.indexTcBox .box .select{ width: 210px; float: left; position: relative;}
.indexTcBox .box .select.w1{ width: 200px; margin-top: 10px;}
.indexTcBox .box .select.w2{ width: 110px; margin-right: 20px;}
.indexTcBox .box .select.w3{ width: 140px;}
.indexTcBox .box .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid #ccc;}
.indexTcBox .box .selectT span{ color: #ccc; }
.indexTcBox .box .selectW{ width:100%; max-height: 240px; border:1px solid #ccc; border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.indexTcBox .box .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.indexTcBox .box .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.indexTcBox .box .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.indexTcBox .box .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.indexTcBox .box .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.indexTcBox .box .selectW .option:hover{ background-color: #f2f2f2; }
.indexTcBox .box .myDl.w1{ width: 650px; }
.indexTcBox .box .myDl.w1 input{ width: 510px; }
.indexTcBox .box .myDl.w2,
.indexTcBox .box .myDl.w3{ width: 650px; }
.indexTcBox .box .myDl.w2 input{ width: 380px; }
.indexTcBox .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }

/*预约备用弹窗*/
.spareTc{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.spareTcBox{ width: 750px; background: #fff; border-radius: 4px; margin: 5% auto; padding-bottom: 1px;}
.spareTcBox .top{ height: 50px; padding: 35px 40px 0; }
.spareTcBox .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.spareTcBox .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.spareTcBox .top .close{ float: right; margin: 0px; cursor: pointer;}
.spareTcBox .top .close:hover{ opacity: 0.8; }
.spareTcBox .box{margin: 0 30px; border: 1px solid #d8d8d8; border-radius: 4px; padding: 0 0 10px 25px;}
.spareTcBox .box .txt1{ font-size: 14px; color: #999; line-height: 20px; padding: 20px 0 10px 15px; }
.spareTcBox .box .txt1 span{ padding-right: 10px; color: #DE0000; }
.spareTcBox .gray{ width: 638px; margin: 0 0 18px 0; background: #f4f4f4; border-radius: 4px; padding-top: 18px; position: relative;}
.spareTcBox .gray .name{ float: left; width: 80px; float: left; line-height: 42px; font-size: 16px; color: #666; padding-left: 18px; }
.spareTcBox .gray .r{ float: left; }
.spareTcBox .gray .line{ padding-bottom: 18px;}
.spareTcBox .gray .dd{ float: left; width: 220px; margin-right: 10px; position: relative;}
.spareTcBox .gray .txt1{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #ccc; text-align: center; overflow: hidden; background: #fff; border-radius:4px; border:1px solid #ccc; position: relative;}
.spareTcBox .gray .txt1:hover{ opacity: 0.8; }
.spareTcBox .gray .file{ width: 150%; height: 150%; position: absolute; right: 0; bottom: 0; opacity: 0; cursor: pointer;}
.spareTcBox .gray .txt2{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; background: #fff; border-radius:4px; border:1px solid #ccc; display: none;}
.spareTcBox .gray .txt2 span{ width: 165px; float: left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.spareTcBox .gray .txt2 img{ float: right; width: 12px; margin: 13px 5px; cursor: pointer;}
.spareTcBox .box .txt3{ clear: both; font-size: 16px; color: #666; line-height: 20px; padding: 0 0 20px 17px;}
.spareTcBox .box .txt3.hide{ display: none; }
.spareTcBox .myDl{ width: 320px; float: left; height: 62px;}
.spareTcBox .box .zq,
.spareTcBox .myDl.yj{ display: none; }
.spareTcBox .myDl dt{ width: 98px; float: left; line-height: 42px; font-size: 16px; color: #666; text-align: center; }
.spareTcBox .myDl input{ float: left; width: 190px; height: 40px; line-height: 40px; font-size: 16px; color: #444; outline: none; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px;}
.spareTcBox .myDl input.date{ background: url(../image/date.png) no-repeat right center; }
.spareTcBox .myDl input.error{ border-color: #DE0000; }
.spareTcBox .myDl dd{ float: left; position: relative;}
.spareTcBox .myDl dd .errorTxt{ clear: both; font-size: 12px; line-height: 20px; color: #DE0000; padding-left: 10px;display:block}
.spareTcBox .myDl p{display:block;}
.spareTcBox .select{ width: 210px; float: left; position: relative;}
.spareTcBox .select.w1{ width: 200px; margin-top: 10px;}
.spareTcBox .select.w2{ width: 110px; margin-right: 20px;}
.spareTcBox .select.w3{ width: 140px;}
.spareTcBox .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid #ccc;}
.spareTcBox .selectT span{ color: #ccc; }
.spareTcBox .selectW{ width:100%; max-height: 240px; border:1px solid #ccc; border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.spareTcBox .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.spareTcBox .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.spareTcBox .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.spareTcBox .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.spareTcBox .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.spareTcBox .selectW .option:hover{ background-color: #f2f2f2; }
.spareTcBox .myDl.w1{ width: 650px; }
.spareTcBox .myDl.w1 input{ width: 508px; }
.spareTcBox .myDl.w2,
.spareTcBox .myDl.w3{ width: 650px; }
.spareTcBox .myDl.w2 input{ width: 380px; }
.spareTcBox .del{ float: left; cursor: pointer; margin: 8px 15px 0 0;}
.spareTcBox .del.hide{ display: none; }
.spareTcBox .add{ float: left; cursor: pointer; margin-top: 8px;}
.spareTcBox .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }
.Aspare .spareTcBox .gray .tips{color: #cc0000;left: 18px;position: relative;font-size: 14px;}

/*维修确认单弹窗*/
.repairOrderTc{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.repairOrderTc .box{ width: 430px; padding: 25px 20px 20px; background: #fff; border-radius: 5px; position: relative; margin: 5% auto;}
.repairOrderTc .title{ line-height: 46px; font-size: 18px; font-weight: bold; color: #444; padding-left: 50px; border-radius: 5px; background: url(../image/icon5.png) no-repeat 20px center;}
.repairOrderTc .title .close{ float: right; margin: 15px 20px; cursor: pointer;}
.repairOrderTc .title .close:hover{ opacity: 0.8; }
.repairOrderTc .img{ padding: 10px 20px; background: rgba(241,241,241,1); border-radius: 5px; margin-top: 10px;}
.repairOrderTc .img img{ width: 100%; }
.repairOrderTc .btn{ display: block; width: 98px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; border-radius: 5px; background: #CC0000; margin: 18px auto 0;}

/*添加器材弹窗*/
.addEquipmentTcm{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.addEquipmentBoxm{ width: 650px; background: #fff; border-radius: 4px; padding-bottom: 1px; margin: 100px auto; }
.addEquipmentBoxm .top{ height: 50px; padding: 35px 40px 0; }
.addEquipmentBoxm .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.addEquipmentBoxm .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.addEquipmentBoxm .top .txt{ float: left; line-height: 24px; font-size: 14px; color: #999; }
.addEquipmentBoxm .top .txt span{ color: #c00; }
.addEquipmentBoxm .top .close{ float: right; margin: 0px; cursor: pointer;}
.addEquipmentBoxm .top .close:hover{ opacity: 0.8; }
.addEquipmentBoxm .top .btn{ float: right; font-size: 16px; color: #666; line-height: 16px; margin-right: 24px; }
.addEquipmentBoxm .box{/*  max-height: 610px; overflow-y: auto; overflow-x: hidden; */ margin: 0 30px; border: 1px solid #d8d8d8; border-radius: 4px; padding: 20px;}
.addEquipmentBoxm .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }
.addEquipmentBoxm .box .line{ padding: 20px 0;}
.addEquipmentBoxm .box .line:hover{ background: rgba(244,244,244,1); }
.addEquipmentBoxm .box .name{ width: 98px; float: left; line-height: 22px; padding-top: 6px; font-size: 16px; color: #444; text-align: center;}
.addEquipmentBoxm .box .del{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.addEquipmentBoxm .box .del.hide{ display: none; }
.addEquipmentBoxm .box .add{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.addEquipmentBoxm .box .select{ width: 456px; float: left; position: relative;}
.addEquipmentBoxm .box .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid rgba(204,204,204,1);}
.addEquipmentBoxm .box .selectT span{ color: #ccc; }
.addEquipmentBoxm .box .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.addEquipmentBoxm .box .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.addEquipmentBoxm .box .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.addEquipmentBoxm .box .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.addEquipmentBoxm .box .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.addEquipmentBoxm .box .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.addEquipmentBoxm .box .selectW .option:hover{ background-color: #f2f2f2; }
.addEquipmentBoxm .box .input{ float: left; width: 200px;height:40px; line-height: 38px; font-size: 16px; color: #666; padding: 0 10px; outline: none; border: 1px solid rgba(204,204,204,1); border-radius: 4px; margin: 10px 0 0 098px;}
.addEquipmentBoxm .box .imgBox{ float: left; width:230px; height:162px; position: relative; background:rgba(255,255,255,1); box-shadow:0px 2px 9px 0px rgba(0,0,0,0.1); border-radius:6px; border:1px solid rgba(216,216,216,0.56); margin: 10px 0 0 5px; display: none;}
.addEquipmentBoxm .box .imgBox .txt{ line-height: 14px; font-size: 14px; color: #666; text-align: center; padding: 18px 0 7px; }
.addEquipmentBoxm .box .imgBox img{ display: block; width: 165px; height: 103px;}
.addEquipmentBoxm .box .imgBox span{ width: 165px; height: 103px; line-height: 103px; font-size: 14px; color: #fff; text-align: center; cursor: pointer; background-color: rgba(0,0,0,0.5); display: none; position: absolute; left: 33px; top: 40px; }
.addEquipmentBoxm .box .imgBox .div{ width: 165px; height: 103px; margin: 0 auto; border: 1px solid #d8d8d8; }
.addEquipmentBoxm .box .imgBox .div:hover span{ display: block; }
.addEquipmentBoxm .box .bigImg{ width: 520px; height: 324px; display: none; position: absolute; right: 90px; top: 85px; z-index: 1; border: 1px solid rgba(204,204,204,1); box-shadow:0px 2px 9px 0px rgba(0,0,0,0.1); }
.addEquipmentBoxm .box .bigImg img{ width: 520px; height: 324px; }
.addEquipmentBoxm .box .bigImg .close{ width: 26px; height: 26px; cursor: pointer; position: absolute; right: -5px; top: -5px; }

.addEquipmentTc{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.addEquipmentBox{ width: 750px; background: #fff; border-radius: 4px; padding-bottom: 1px; margin: 100px auto; }
.addEquipmentBox .top{ height: 50px; padding: 35px 40px 0; }
.addEquipmentBox .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.addEquipmentBox .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.addEquipmentBox .top .txt{ float: left; line-height: 24px; font-size: 14px; color: #999; }
.addEquipmentBox .top .txt span{ color: #c00; }
.addEquipmentBox .top .close{ float: right; margin: 0px; cursor: pointer;}
.addEquipmentBox .top .close:hover{ opacity: 0.8; }
.addEquipmentBox .top .btn{ float: right; font-size: 16px; color: #666; line-height: 16px; margin-right: 24px; }
.addEquipmentBox .box{ /* max-height: 610px; overflow-y: auto; overflow-x: hidden; */ margin: 0 30px; border: 1px solid #d8d8d8; border-radius: 4px; padding: 20px;}
.addEquipmentBox .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }
.addEquipmentBox .box .line{ padding: 20px 0;}
.addEquipmentBox .box .line:hover{ background: rgba(244,244,244,1); }
.addEquipmentBox .box .name{ width: 98px; float: left; line-height: 22px; padding-top: 6px; font-size: 16px; color: #444; text-align: center;}
.addEquipmentBox .box .del{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.addEquipmentBox .box .del.hide{ display: none; }
.addEquipmentBox .box .add{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.addEquipmentBox .box .select{ width: 456px; float: left; position: relative;}
.addEquipmentBox .box .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid rgba(204,204,204,1);}
.addEquipmentBox .box .selectT span{ color: #ccc; }
.addEquipmentBox .box .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.addEquipmentBox .box .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.addEquipmentBox .box .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.addEquipmentBox .box .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.addEquipmentBox .box .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.addEquipmentBox .box .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.addEquipmentBox .box .selectW .option:hover{ background-color: #f2f2f2; }
.addEquipmentBox .box .input{ float: left; width: 200px;height:40px; line-height: 38px; font-size: 16px; color: #666; padding: 0 10px; outline: none; border: 1px solid rgba(204,204,204,1); border-radius: 4px; margin: 10px 0 0 098px;}
.addEquipmentBox .box .imgBox{ float: left; width:230px; height:162px; position: relative; background:rgba(255,255,255,1); box-shadow:0px 2px 9px 0px rgba(0,0,0,0.1); border-radius:6px; border:1px solid rgba(216,216,216,0.56); margin: 10px 0 0 5px; display: none;}
.addEquipmentBox .box .imgBox .txt{ line-height: 14px; font-size: 14px; color: #666; text-align: center; padding: 18px 0 7px; }
.addEquipmentBox .box .imgBox img{ display: block; width: 165px; height: 103px;}
.addEquipmentBox .box .imgBox span{ width: 165px; height: 103px; line-height: 103px; font-size: 14px; color: #fff; text-align: center; cursor: pointer; background-color: rgba(0,0,0,0.5); display: none; position: absolute; left: 33px; top: 40px; }
.addEquipmentBox .box .imgBox .div{ width: 165px; height: 103px; margin: 0 auto; border: 1px solid #d8d8d8; }
.addEquipmentBox .box .imgBox .div:hover span{ display: block; }
.addEquipmentBox .box .bigImg{ width: 520px; height: 324px; display: none; position: absolute; right: 90px; top: 85px; z-index: 1; border: 1px solid rgba(204,204,204,1); box-shadow:0px 2px 9px 0px rgba(0,0,0,0.1); }
.addEquipmentBox .box .bigImg img{ width: 520px; height: 324px; }
.addEquipmentBox .box .bigImg .close{ width: 26px; height: 26px; cursor: pointer; position: absolute; right: -5px; top: -5px; }

/*已添加器材弹窗*/
.addEquipmentOkTc{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.addEquipmentOkBox{ width: 760px; background: #fff; border-radius: 4px; padding-bottom: 1px; margin: 100px auto; }
.addEquipmentOkBox .top{ height: 50px; padding: 35px 40px 0; }
.addEquipmentOkBox .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.addEquipmentOkBox .top .txt{ float: left; line-height: 24px; font-size: 14px; color: #999; padding-left: 20px;}
.addEquipmentOkBox .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.addEquipmentOkBox .top .close{ float: right; margin: 0px; cursor: pointer;}
.addEquipmentOkBox .top .close:hover{ opacity: 0.8; }
.addEquipmentOkBox .box{ width: 698px; margin: 0 auto; border-left: 1px solid rgba(216,216,216,0.56); border-top: 1px solid rgba(216,216,216,0.56); border-radius: 5px; overflow: hidden;}
.addEquipmentOkBox .box .title{ height: 40px; background: rgba(244,244,244,1); }
.addEquipmentOkBox .box .list{ height: 40px; border-bottom: 1px solid rgba(216,216,216,0.56); }
.addEquipmentOkBox .box span{ float: left; line-height: 40px; font-size: 14px; color: #666; text-align: center; border-right: 1px solid rgba(216,216,216,0.56);}
.addEquipmentOkBox .box span.w1{ width: 90px; }
.addEquipmentOkBox .box span.w2{ width: 435px; }
.addEquipmentOkBox .box span.w3{ width: 170px; }
.addEquipmentOkBox .btn{ text-align: center; padding: 25px 0 30px;}
.addEquipmentOkBox .btn a{ display: inline-block; width: 120px; line-height: 40px; font-size: 14px; color: #fff; border-radius: 4px; background-color: rgba(204,204,204,1); margin: 0 20px;}
.addEquipmentOkBox .btn a.submit{ background: #CC0000; }

/*添加员工弹窗*/
.addStaffTc{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.addStaffBox{ width: 680px; background: #fff; border-radius: 4px; padding-bottom: 1px; margin: 100px auto; }
.addStaffBox .top{ height: 50px; padding: 35px 40px 0; }
.addStaffBox .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.addStaffBox .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.addStaffBox .top .txt{ float: left; line-height: 24px; font-size: 14px; color: #999; }
.addStaffBox .top .txt span{ color: #c00; }
.addStaffBox .top .close{ float: right; margin: 0px; cursor: pointer;}
.addStaffBox .top .close:hover{ opacity: 0.8; }
.addStaffBox .top .btn{ float: right; font-size: 16px; color: #666; line-height: 16px; margin-right: 24px; }
.addStaffBox .box{ margin: 0 30px; border: 1px solid #d8d8d8; border-radius: 4px; padding: 20px;}
.addStaffBox .line{ padding-top: 20px; border-radius: 5px;}
.addStaffBox .line:hover{ background: rgba(244,244,244,1); }
.addStaffBox .line .title{ float: left; width: 104px; line-height: 40px; font-size: 16px; color: #666; text-align: center;}
.addStaffBox .line .l{ float: left; width: 395px; position: relative;}
.addStaffBox .line .l .errorTxt{ font-size: 12px; line-height: 14px; color: #c00; position: absolute;}
.addStaffBox .line .l .errorTxt.p1{ left: -10px; top: 42px; }
.addStaffBox .line .l .errorTxt.p2{ left: 110px; top: 42px; }
.addStaffBox .line .l .errorTxt.p3{ left: 225px; top: 42px; }
.addStaffBox .line .l .errorTxt.p4{ left: 10px; top: 102px; }
.addStaffBox .line .l .errorTxt.p5{ left: 127px; top: 102px; }
.addStaffBox .line .l .errorTxt.p6{ left: 244px; top: 102px; }
.addStaffBox .line .l .errorTxt.p7{ left: -10px; top: 115px; }
.addStaffBox .line .del{ float: left; margin: 8px 10px 0 0; cursor: pointer;}
.addStaffBox .line .del.hide{ display: none; }
.addStaffBox .line .add{ float: left; margin: 8px 10px 0 0; cursor: pointer;}
.addStaffBox .line input{ float: left; width: 80px; height:40px;line-height: 38px; font-size: 14px; color: #666; outline: none; padding: 0 10px; margin: 0 15px 20px 0; border-radius: 4px; border: 1px solid #ccc;}
.addStaffBox .line input.w1{ width: 120px; }
.addStaffBox .line input.w2{ width: 354px; }
.addStaffBox .line .select{ width: 100px; float: left; position: relative; margin: 0 17px 20px 0;}
.addStaffBox .line .select.w1{ width: 140px; }
.addStaffBox .line .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 14px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid #ccc;}
.addStaffBox .line .selectT span{ color: #ccc; }
.addStaffBox .line .selectW{ width:100%; max-height: 240px; border:1px solid #ccc; border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.addStaffBox .line .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.addStaffBox .line .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.addStaffBox .line .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 14px; color: #666; border-radius: 4px; cursor: pointer;}
.addStaffBox .line .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.addStaffBox .line .selectW .option:hover{ background-color: #f2f2f2; }
.addStaffBox .line textarea{ float: left; width: 354px; line-height: 20px; font-size: 14px; color: #666; outline: none; padding: 5px 10px; margin: 0 15px 20px 0; resize: none; border-radius: 4px; border: 1px solid #ccc;}
.addStaffBox .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }

/*已添加员工弹窗*/
.addStaffOkTc{ width: 100%; height: 100%;overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.addStaffOkBox{ width: 700px; background: #fff; border-radius: 4px;  padding-bottom: 1px; margin: 100px auto; }
.addStaffOkBox .top{ height: 50px; padding: 35px 40px 0; }
.addStaffOkBox .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.addStaffOkBox .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.addStaffOkBox .top .close{ float: right; margin: 0px; cursor: pointer;}
.addStaffOkBox .top .close:hover{ opacity: 0.8; }
.addStaffOkBox .box{ width: 638px; margin: 0 auto; border-left: 1px solid rgba(216,216,216,0.56); border-top: 1px solid rgba(216,216,216,0.56); border-radius: 5px; overflow: hidden;}
.addStaffOkBox .box .title{ height: 40px; background: rgba(244,244,244,1); }
.addStaffOkBox .box .list{ height: 40px; border-bottom: 1px solid rgba(216,216,216,0.56); }
.addStaffOkBox .box span{ float: left; line-height: 40px; font-size: 14px; color: #666; text-align: center; border-right: 1px solid rgba(216,216,216,0.56);}
.addStaffOkBox .box span.w1{ width: 89px; }
.addStaffOkBox .box span.w2{ width: 67px; }
.addStaffOkBox .box span.w3{ width: 136px; }
.addStaffOkBox .box span.w4{ width: 322px; padding: 0 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.addStaffOkBox .btn{ text-align: center; padding: 25px 0 30px;}
.addStaffOkBox .btn a{ display: inline-block; width: 120px; line-height: 40px; font-size: 14px; color: #fff; border-radius: 4px; background-color: rgba(204,204,204,1); margin: 0 20px;}
.addStaffOkBox .btn a.submit{ background: #CC0000; }

/*账号设置*/
.settings{ width: 808px; height: 460px; float: right; background-color: #fff; border-radius: 4px; margin-bottom: 165px;}
.settings .title{ line-height: 24px; font-size: 18px; color: #444; font-weight: bold; padding: 20px 40px 40px; }
.settings dl{ height: 40px; margin-bottom: 25px;}
.settings dt{ float: left; width: 150px; line-height: 40px; font-size: 14px; color: #666; padding-left: 225px;}
.settings dd{ float: left; width: 200px; position: relative;}
.settings dd input{ display: block; height:40px; width: 174px; line-height: 38px; font-size: 14px; color: #666; padding: 0 10px; border: 1px solid #ccc; border-radius: 4px; outline: none; }
.settings dd input.red{ border: 1px solid rgba(204,0,0,1)}
.settings dd .errorTxt{ font-size: 14px; color: #CC0000; position: absolute; left: 11px; bottom: -20px; }
.settings .btn{ display: block; width: 120px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; background-color: #c00; border-radius: 4px; margin: 45px auto 0; }

.renews{ width: 808px; height: 660px; float: right; background-color: #fff; border-radius: 4px; margin-bottom: 165px;}
.renews .title{ line-height: 24px; font-size: 18px; color: #444; font-weight: bold; padding: 20px 40px 20px; }
.renews .span1{line-height: 2px;font-size: 14px;color: #cc0000;font-weight: bold;padding: 0px 40px 20px;}
.renews .span2{line-height: 2px;font-size: 14px;color: #cc0000;font-weight: bold;padding: 0px 40px 20px;}
.renews .renewBox{height: 415px;width: 600px;margin: 0 auto;margin-left: 18%;}
.renews .renewBox .on{width: 500px;height: 200px;margin: 0 auto;}
.renews .renewBox .s1{float: right;color: white;margin-right: 36%;}
.renews .renewBox .s2{line-height: 78px;  position: absolute;  margin-left: 18px;}
.renews .renewBox .s3{line-height: 222px;  font-size: 34px;  margin-left: 19%;}
.renews .renewBox .s4{margin-left: 28%;margin-top: -28%;text-decoration: line-through;}
.renews .renewBox .renew1{width:250px;height: 175px;float:left; background: url(../image/renewBg2.png) no-repeat 0 0;    margin-top: 10px;}
.renews .renewBox .renew1.thisOver{float:left; background: url(../image/renewBg1.png) no-repeat 0 0;}
.renews .btn{ display: block; width: 120px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; background-color: #ccc; border-radius: 4px; margin: 0px auto 0; }



/*我的消息*/
.myNews{ width: 808px; float: right; background-color: #fff; border-radius: 4px; }
.myNews .nav{ height: 64px; border-bottom: 1px solid rgba(238,238,238,1); margin: 0 25px; padding-left: 10px;}
.myNews .nav a{ float: left; line-height: 64px; font-size: 18px; color: #999; font-weight: bold; margin: 0 20px; position: relative;}
.myNews .nav a.thisOver{ color: #444; }
.myNews .nav a span{ width: 6px; height: 6px; margin: 20px 0 0; border-radius: 50%; background-color: #c00; float: right;}
.myNews dl{ margin: 0 25px; border-bottom: 1px solid rgba(238,238,238,1);cursor: pointer;}
.myNews dl:hover{ background: #F2F2F2;}
.myNews dt{ overflow: hidden;}
.myNews dt .txt{ float: left; width: 525px; line-height: 72px; font-size: 16px; color: #666; font-weight: bold; padding-left: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.myNews dt .time{ float: left; width: 160px; line-height: 72px; font-size: 14px; color: #999; }
.myNews dt .txt4{ float: left; width: 525px; line-height: 72px; font-size: 16px; color: #666; padding-left: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.myNews dt .arrow{ float: left; width: 12px; height: 7px; background: url(../image/arrow3.png) no-repeat 0px 0px; margin: 32px 0 0; }
.myNews dt .arrow.thisOver{ background-image: url(../image/arrow2.png); }
.myNews dd{ padding-bottom: 20px; margin-top: -10px; display: none; }
.myNews dd .txt1{ line-height: 20px; font-size: 14px; color: #666; padding: 0 80px 0 30px;}
.myNews dd .txt1 span{ font-weight: bold; }
.myNews dd .txt2{ line-height: 20px; font-size: 14px; color: #666; padding: 0 80px 0 55px;}
.myNews .fenYe{ height: 30px; padding: 25px; text-align: center;}
.myNews .fenYe .page{ display: inline-block; width: 30px; line-height: 30px; font-size: 14px; color: #666; text-align: center; margin: 0 2px;}
.myNews .fenYe .page.thisOver{ border-radius: 2px; background-color: #c00; color: #fff; }
.myNews .fenYe .prev,
.myNews .fenYe .next,
.myNews .fenYe span{ display: inline-block; line-height: 30px; font-size: 14px; color: #444; margin: 0 2px;}
.myNews .fenYe span{ padding-left: 20px; }
.myNews .fenYe .btn{ display: inline-block; line-height: 30px; font-size: 14px; color: #444; }
.myNews .fenYe input{ display: inline-block; width:28px; height:28px; font-size: 14px; color: #666; text-align: center; outline: none; background:rgba(255,255,255,1); border-radius:3px; border:1px solid rgba(221,221,221,1); }
.myNews .fenYe .dian{ color: #666; }
.myNews .fenYe .dian.hover{ opacity: 1; cursor: default;}
.myNews .noTxt{ font-size: 14px; color: #666; text-align: center; padding-top: 150px;height:400px}

/*我的会员*/
.myVip{ width: 808px; float: right; }
.myVip .top{ background-color: #fff; border-radius: 4px; margin-bottom: 20px; overflow: hidden; padding-bottom: 45px;}
.myVip .top .title{ height: 75px; }
.myVip .top .title .txt{ float: left; line-height: 18px; font-size: 18px; color: #444; font-weight: bold; padding: 30px 0 0 30px; }
.myVip .top .title .txt.paddingL1{ padding-left: 250px; }
.myVip .top .title .txt.paddingL2{ padding-left: 275px; }
.myVip .top .title a{ float: right; line-height: 20px; font-size: 14px; color: #666; padding-left: 28px; margin: 25px 30px 0 0; background: url(../image/icon7.png) no-repeat 0px 0px;}
.myVip .top .l{ width: 365px; float: left; padding: 0 0 0 30px;}
.myVip .top .l .vip{ width: 323px; height: 143px; padding-top: 50px; background: url(../image/vipBg.png) no-repeat 0px 0px; }
.myVip .top .l .vip img{ width: 76px; height: 101px; float: left; margin: 0px 17px 0 25px; }
.myVip .top .l .vip .txt1{ float: left; width: 200px; line-height: 12px; font-size: 12px; color: #333; padding: 3px 0 14px;}
.myVip .top .l .vip .txt2{ clear: both; line-height: 14px; font-size: 14px; color: #333; padding-right: 30px; text-align: right;}
.myVip .top .l .vip .txt3{ line-height: 12px; font-size: 12px; color: #333; padding: 3px 0 14px 30px;}
.myVip .top .l .vip .txt4{ clear: both; line-height: 14px; font-size: 14px; color: #333; padding: 20px 25px 0 0; text-align: right;}
.myVip .top .l .btn{ float: left; line-height: 20px; font-size: 14px; color: #666; padding-left: 28px; margin-top: 15px; background: url(../image/icon7.png) no-repeat 0px 0px;}
.myVip .top .l .line{ overflow: hidden; padding-top: 20px;}
.myVip .top .l .line .bg{ float: left; width: 175px; height: 8px; border-radius: 8px; background: #eee; margin: 3px 15px 0 0px;  }
.myVip .top .l .line .bg span{ float: left; height: 8px; border-radius: 8px; background: #30CE61; }
.myVip .top .l .line .bg span.w1{ width: 50%; }
.myVip .top .l .line .bg span.w2{ width: 100%; }
.myVip .top .l .line .txt{ float: left; line-height: 14px; font-size: 14px; color: #666; }
.myVip .top .l .line .txt span{ color: #c00; position: relative; float: right; overflow: hidden;}
.myVip .top .l .line .txt span input{ display: block; width: 200%; height: 200%; cursor: pointer; position: absolute; right: 0px; bottom: 0px; opacity: 0;}
.myVip .top .r{ width: 372px; float: left; border-radius: 4px; overflow: hidden; }
.myVip .top .r .txt1{ width: 370px; line-height: 30px; font-size: 14px; color: #666; text-align: center; overflow: hidden; background: #F5F5F5; border: 1px solid rgba(216,216,216,0.56);}
.myVip .top .r .txt2{ width: 370px; line-height: 30px; font-size: 14px; color: #666; text-align: center; overflow: hidden; border: 1px solid rgba(216,216,216,0.56); border-top: none;}
.myVip .top .r span.w1{ width: 184px; float: left; }
.myVip .top .r span.w2{ width: 185px; float: left; border-left: 1px solid rgba(216,216,216,0.56);}
.myVip .top .r .txt2 span{ padding: 9px 0; font-size: 12px; line-height: 24px;}
.myVip .bottom{ background-color: #fff; border-radius: 4px; padding-bottom: 45px;}
.myVip .bottom .title{ height: 65px; }
.myVip .bottom .title .txt1{ float: left; line-height: 18px; font-size: 18px; font-weight: bold; color: #444; padding: 30px 25px 0 30px; }
.myVip .bottom .title .txt2{ float: right; line-height: 18px; font-size: 14px; color: #666; padding: 30px 30px 0 0; }
.myVip .bottom .title .select{ width: 105px; float: left; position: relative; margin: 23px 25px 0 0;}
.myVip .bottom .title .selectT{ width: calc(100% - 20px); height:28px; line-height: 28px; padding: 0 10px; font-size: 14px; color: #999; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat 83px center; border-radius:4px; border:1px solid rgba(216,216,216,0.56);}
.myVip .bottom .title .selectT span{ color: #ccc; }
.myVip .bottom .title .selectW{ width:100%; max-height: 240px; border:1px solid rgba(216,216,216,0.56); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 35px; z-index: 1; display: none;}
.myVip .bottom .title .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 14px; color: #999; border-radius: 4px; cursor: pointer;}
.myVip .bottom .title .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.myVip .bottom .title .selectW .option:hover{ background-color: #f2f2f2; }
.myVip .bottom .listTitle{ height: 36px; line-height: 36px; font-size: 14px; color: #666; text-align: center; background: #F2F2F2; border-radius: 5px; margin: 0 30px;}
#OpertionRecord .noTxt{font-size: 14px;color: #666;text-align: center;padding: 90px 0 150px;}
.myVip .bottom .list{ height: 36px; line-height: 36px; font-size: 14px; color: #666; text-align: center; background: #fff; border-radius: 5px; margin: 8px 30px 0;}
.myVip .bottom span.w1{ width: 15%; float: left; }
.myVip .bottom span.w2{ width: 15%; float: left; }
.myVip .bottom span.w3{ width: 55%; float: left; }
.myVip .bottom span.w4{ width: 15%; float: left; }
.myVip .bottom span.yellow{ color: #EE7C1A; }
.myVip .bottom span a{ width: 20px; height: 20px; display: block; margin: 8px auto; background: url(../image/icon8.png) no-repeat 0px 0px; }
.myVip .bottom .list:hover{ background: #F2F2F2; }
.myVip .bottom .list:hover a{ background-image: url(../image/icon9.png); }
.myVip.qy .top .l{ width: 342px; padding-left: 30px; }
.myVip.qy .top .l .vip img{ width: 60px; height: 60px; border-radius: 50%; }
.myVip.qy .top .l .vip .txt1{ width: 215px; }
.myVip.qy .top .r{ width: 413px; }
.myVip.qy .top .r .txt1{ width: 411px; }
.myVip.qy .top .r .txt2{ width: 411px; }
.myVip.qy .top .r span.w1{ width: 137px; }
.myVip.qy .top .r span.w2{ width: 136px; }
.myVip.qy .bottom span.w1{ width: 13%; }
.myVip.qy .bottom span.w2{ width: 13%; }
.myVip.qy .bottom span.w3{ width: 48%; }
.myVip.qy .bottom span.w4{ width: 13%; }
.myVip.qy .bottom span.w5{ width: 13%; float: left;}

/*订单详情弹窗*/
.orderDetailTc{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.orderDetailBox{ width: 820px; background: #fff; border-radius: 4px; margin: 5% auto; padding-bottom: 1px; }
.orderDetailBox .top{ height: 45px; padding: 35px 30px 0; }
.orderDetailBox .top .title{ float: left; line-height: 20px; font-size: 18px; font-weight: bold; color: #444; }
.orderDetailBox .top img{ float: left; margin: 0 10px;}
.orderDetailBox .top .close{ float: right; margin: 0px; cursor: pointer;}
.orderDetailBox .top .close:hover{ opacity: 0.8; }
.orderDetailBox .box{ margin: 0 30px; }
.orderDetailBox .showBox{ background: #f2f2f2; border-radius: 4px 4px 0 0; overflow: hidden;}
.orderDetailBox .showBox .l{ float: left; width: 38px; height: 62px; line-height: 20px; font-size: 13px; color: #fff; text-align: center; padding-top: 4px; background: url(../image/bgRed.png) no-repeat 0px 0px; margin: 0 18px 0 10px;}
.orderDetailBox .showBox .l.bg{ background-image: url(../image/bgGreen.png); }
.orderDetailBox .showBox .r{ width: 694px; float: left; padding: 15px 0 10px;}
.orderDetailBox .showBox .r .box{ height: 34px; padding-bottom: 12px; }
.orderDetailBox .showBox .r .txt{ float: left; line-height: 34px; font-size: 16px; font-weight: bold; color: #333; padding-right: 30px; }
.orderDetailBox .showBox .r .txt2{ float: left; line-height: 34px; font-size: 14px; color: #999; }
.orderDetailBox .showBox .r .txt3{ float: left; line-height: 34px; font-size: 14px; font-weight: bold; color: #444; padding-right: 30px; }
.orderDetailBox .showBox .r .red{ float: left; line-height: 34px; font-size: 14px; color: #c00; }
.orderDetailBox .showBox .r .btn{ float: right; width: 96px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; background: #c00; border-radius: 4px; margin-right: 25px;}
.orderDetailBox .showBox .r .txt1{ width: 230px; line-height: 20px; float: left; font-size: 14px; color: #444; padding-bottom: 10px;}
.orderDetailBox .showBox .r .txt1 span{ color: #666; }
.orderDetailBox .hideBox{ border: 1px solid #f2f2f2; border-radius: 0 0 4px 4px; padding-bottom: 10px;}
.orderDetailBox .hideBox .schedule{ height: 88px; padding-top: 24px; position: relative;}
.orderDetailBox .hideBox .schedule .txt1{ width: 800px; height: 23px; padding-left: 11px;}
.orderDetailBox .hideBox .schedule .txt1 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 58px; }
.orderDetailBox .hideBox .schedule .txt1 span.green{ color: #33CC32; }
.orderDetailBox .hideBox .schedule .icon{ height: 30px; position: relative; margin-left: 48px;}
.orderDetailBox .hideBox .schedule .icon img{ float: left; margin-right: 130px; position: relative; z-index: 1;}
.orderDetailBox .hideBox .schedule .icon img.marN{ margin: 0; }
.orderDetailBox .hideBox .schedule .icon .img1,
.orderDetailBox .hideBox .schedule .icon .img2{ cursor: pointer; }
.orderDetailBox .hideBox .schedule .icon .bg1{ width: 630px; height: 1px; background: #d8d8d8; position: absolute; left: 14px; top: 13px; }
.orderDetailBox .hideBox .schedule .icon .bg2{ width: 165px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.orderDetailBox .hideBox .schedule .icon .bg3{ width: 330px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.orderDetailBox .hideBox .schedule .icon .bg4{ width: 480px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.orderDetailBox .hideBox .schedule .icon .bg5{ width: 630px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.orderDetailBox .hideBox .schedule .txt2{ width: 800px; padding-left: 11px; }
.orderDetailBox .hideBox .schedule .txt2 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 58px; }
.orderDetailBox .hideBox .schedule .txt2 i{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; font-style: normal; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid rgba(204,204,204,1); box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; left: 302px; top: 85px;}
.orderDetailBox .hideBox .schedule .txt2 u{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; text-decoration: none; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid rgba(204,204,204,1); box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; left: 446px; top: 85px;}
.orderDetailBox .hideBox .schedule .txt2 s{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid rgba(204,204,204,1); box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; right: 20px; top: 103px;}
.orderDetailBox .hideBox .schedule .txt2 s:hover{ opacity: 0.8; cursor: pointer; }
.orderDetailBox .hideBox .schedule .txt2 img{ position: absolute; left: 50%; top: -4px; margin-left: -3px; }
.orderDetailBox .hideBox .schedule .txt2 s img{ margin: 0; left: 143px; }
.orderDetailBox .hideBox .schedule1{ height: 88px; padding-top: 24px; position: relative;}
.orderDetailBox .hideBox .schedule1 .txt1{ width: 800px; height: 23px; padding-left: 75px;}
.orderDetailBox .hideBox .schedule1 .txt1 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 157px; }
.orderDetailBox .hideBox .schedule1 .txt1 span.green{ color: #33CC32; }
.orderDetailBox .hideBox .schedule1 .icon{ height: 30px; position: relative; margin-left: 110px;}
.orderDetailBox .hideBox .schedule1 .icon img{ float: left; margin-right: 230px; position: relative; z-index: 1;}
.orderDetailBox .hideBox .schedule1 .icon img.marN{ margin: 0; }
.orderDetailBox .hideBox .schedule1 .icon .img1,
.orderDetailBox .hideBox .schedule1 .icon .img2{ }
.orderDetailBox .hideBox .schedule1 .icon .bg1{ width: 520px; height: 1px; background: #d8d8d8; position: absolute; left: 14px; top: 13px; }
.orderDetailBox .hideBox .schedule1 .icon .bg2{ width: 250px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.orderDetailBox .hideBox .schedule1 .icon .bg3{ width: 510px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.orderDetailBox .hideBox .schedule1 .txt2{ width: 800px; padding-left: 75px; }
.orderDetailBox .hideBox .schedule1 .txt2 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 157px; }
.orderDetailBox .hideBox .schedule1 .txt2 s{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid rgba(204,204,204,1); box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; right: 80px; top: 80px;}
.orderDetailBox .hideBox .schedule1 .txt2 s:hover{ opacity: 0.8; cursor: pointer; }
.orderDetailBox .hideBox .schedule1 .txt2 s img{ position: absolute; left: 148px; top: -4px; }
.orderDetailBox .hideBox h4{ height: 26px; line-height: 20px; font-size: 14px; color: #444; padding-left: 28px; }
.orderDetailBox .hideBox .gray{ margin: 0 35px 15px; background: #f5f5f5; border-radius: 4px; padding: 5px 0; overflow: hidden;}
.orderDetailBox .hideBox .gray .line{ padding: 6px 20px 6px 0; position: relative;}
.orderDetailBox .hideBox .gray .line.bg {padding-left: 20px;background: url(../image/camera1.png) no-repeat 15px center;}
.orderDetailBox .hideBox .gray .txt1{ float: left; line-height: 26px; font-size: 14px; color: #666; padding: 0 22px;}
.orderDetailBox .hideBox .gray .txt2{ float: left; line-height: 26px; font-size: 14px; color: #666; }
.orderDetailBox .hideBox .gray .txt2 i{  padding-left: 10px; font-size: 12px; color: #999; font-style: normal;}
.orderDetailBox .hideBox .gray .txt3{ float: left; width: 200px; line-height: 26px; font-size: 14px; color: #666; }
.orderDetailBox .hideBox .gray .txt3 span{ display: block; font-size: 12px; color: #999; }
.orderDetailBox .hideBox .gray .txt3 span:hover{ color: #027AFF; cursor: pointer; }
.orderDetailBox .hideBox .gray .txt4{ float: left; width: 300px; line-height: 26px; font-size: 14px; color: #999; }
.orderDetailBox .hideBox .gray .txt5{ float: left; width: 300px; line-height: 26px; font-size: 14px; color: #666; }
.orderDetailBox .hideBox .gray .txt4 img,
.orderDetailBox .hideBox .gray .txt5 img{ width: 26px; height: 26px; float: left; margin: 0 5px 0 40px;}
.orderDetailBox .hideBox .gray .txt6{ float: left; padding-left: 40px;}
.orderDetailBox .hideBox .gray .txt6 input{ display: inline-block; width:228px; line-height:24px; font-size: 14px; color: #444; padding: 0 10px; outline: none; background:rgba(255,255,255,1); border-radius:6px; border:1px solid rgba(204,204,204,1);}
.orderDetailBox .hideBox .gray .txt6 span{ color: #CC0000; padding-left: 10px;}
.orderDetailBox .hideBox .gray .txt7{ float: left; width: 257px; line-height: 26px; font-size: 14px; color: #444; padding: 0 10px 0 50px; }
.orderDetailBox .hideBox .gray .txt7 span{ color: #CC0000; float: right;}
.orderDetailBox .hideBox .gray .txt8{ float: left; line-height: 26px; font-size: 14px; color: #999; padding: 0 22px;}
.orderDetailBox .hideBox .gray .txt9{ line-height:24px; font-size: 14px; color: #999; padding: 0 10px; position: absolute; top: -25px; right: 18px; display: none; background:rgba(255,255,255,1); box-shadow:0px 2px 4px 0px rgba(0,0,0,0.14); border-radius:2px; border:1px solid rgba(221,221,221,0.44); }
.orderDetailBox .hideBox .gray img{ float: right; margin: 3px 28px;}
.orderDetailBox .hideBox .gray .img1{ float: left; margin: 3px 0 0 20px;}
.orderDetailBox .hideBox .gray .yellowBtn{ float: right; width:74px; line-height:24px; font-size: 14px; color: #666; text-align: center; border-radius:2px;}
.orderDetailBox .hideBox .gray .redBtn{ float: right; width:74px; line-height:24px; font-size: 14px; color: #D33030; text-align: center; border-radius:2px;}
.orderDetailBox .hideBox .gray .red1Btn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #fff; text-align: center; background:rgba(204,0,0,1); border-radius:6px;}
.orderDetailBox .hideBox .gray .grayBtn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #fff; text-align: center; background:rgba(204,204,204,1); border-radius:6px;}
.orderDetailBox .hideBox .gray .yellowBtn:hover,
.orderDetailBox .hideBox .gray .redBtn:hover,
.orderDetailBox .hideBox .gray .red1Btn:hover,
.orderDetailBox .hideBox .gray .grayBtn:hover{ opacity: 1; cursor: text; }
.orderDetailBox .hideBox .gray .address{ float: left; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/address.png) no-repeat 19px center; }
.orderDetailBox .hideBox .gray .address1{ float: left; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/address.png) no-repeat 19px center; }
.orderDetailBox .hideBox .gray .name{ float: left; width: 80px; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/name.png) no-repeat 19px center; }
.orderDetailBox .hideBox .gray .tel{ float: left; width: 120px; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/phone.png) no-repeat 19px center; }
.orderDetailBox a.btn{ display: block; width: 120px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; background: #c00; margin: 25px auto 30px; }

/*备用订单详情弹窗*/
.spareOrderDetailTc{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.spareOrderDetailBox{ width: 820px; background: #fff; border-radius: 4px; margin: 5% auto; padding-bottom: 1px; }
.spareOrderDetailBox .top{ height: 45px; padding: 35px 30px 0; }
.spareOrderDetailBox .top .title{ float: left; line-height: 20px; font-size: 18px; font-weight: bold; color: #444; }
.spareOrderDetailBox .top img{ float: left; margin: 0 10px; cursor: pointer;}
.spareOrderDetailBox .top .close{ float: right; margin: 0px; cursor: pointer;}
.spareOrderDetailBox .top .close:hover{ opacity: 0.8; }
.spareOrderDetailBox .box{ margin: 0 30px; }
.spareOrderDetailBox .showBox{ background: #f2f2f2; border-radius: 4px 4px 0 0; overflow: hidden;}
.spareOrderDetailBox .showBox .l{ float: left; width: 38px; height: 62px; line-height: 20px; font-size: 13px; color: #fff; text-align: center; padding-top: 4px; background: url(../image/bgRed.png) no-repeat 0px 0px; margin: 0 18px 0 10px;}
.spareOrderDetailBox .showBox .l.bg{ background-image: url(../image/bgGreen.png); }
.spareOrderDetailBox .showBox .r{ width: 694px; float: left; padding: 15px 0 10px;}
.spareOrderDetailBox .showBox .r .box{ height: 34px; padding-bottom: 12px; }
.spareOrderDetailBox .showBox .r .txt{ float: left; line-height: 34px; font-size: 16px; font-weight: bold; color: #333; padding-right: 30px; }
.spareOrderDetailBox .showBox .r .txt2{ float: left; line-height: 34px; font-size: 14px; color: #999; }
.spareOrderDetailBox .showBox .r .txt3{ float: left; line-height: 34px; font-size: 14px; font-weight: bold; color: #444; padding-right: 30px; }
.spareOrderDetailBox .showBox .r .red{ float: left; line-height: 34px; font-size: 14px; color: #c00; }
.spareOrderDetailBox .showBox .r .btn{ float: right; width: 96px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; background: #c00; border-radius: 4px; margin-right: 25px;}
.spareOrderDetailBox .showBox .r .txt1{ width: 230px; line-height: 20px; float: left; font-size: 14px; color: #444; padding-bottom: 10px;}
.spareOrderDetailBox .showBox .r .txt1 span{ color: #666; }
.spareOrderDetailBox .hideBox{ border: 1px solid #f2f2f2; border-radius: 0 0 4px 4px; padding-bottom: 10px;}
.spareOrderDetailBox .hideBox .schedule{ height: 88px; padding-top: 24px; position: relative;}
.spareOrderDetailBox .hideBox .schedule .txt1{ width: 800px; height: 23px; padding-left: 11px;}
.spareOrderDetailBox .hideBox .schedule .txt1 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 58px; }
.spareOrderDetailBox .hideBox .schedule .txt1 span.green{ color: #33CC32; }
.spareOrderDetailBox .hideBox .schedule .icon{ height: 30px; position: relative; margin-left: 48px;}
.spareOrderDetailBox .hideBox .schedule .icon img{ float: left; margin-right: 130px; position: relative; z-index: 1;}
.spareOrderDetailBox .hideBox .schedule .icon img.marN{ margin: 0; }
.spareOrderDetailBox .hideBox .schedule .icon .img1,
.spareOrderDetailBox .hideBox .schedule .icon .img2{ cursor: pointer; }
.spareOrderDetailBox .hideBox .schedule .icon .bg1{ width: 630px; height: 1px; background: #d8d8d8; position: absolute; left: 14px; top: 13px; }
.spareOrderDetailBox .hideBox .schedule .icon .bg2{ width: 165px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.spareOrderDetailBox .hideBox .schedule .icon .bg3{ width: 330px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.spareOrderDetailBox .hideBox .schedule .icon .bg4{ width: 480px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.spareOrderDetailBox .hideBox .schedule .icon .bg5{ width: 630px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.spareOrderDetailBox .hideBox .schedule .txt2{ width: 800px; padding-left: 11px; }
.spareOrderDetailBox .hideBox .schedule .txt2 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 58px; display: none;}
.spareOrderDetailBox .hideBox .schedule .txt2 i{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; font-style: normal; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid #ccc; box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; left: 302px; top: 85px;}
.spareOrderDetailBox .hideBox .schedule .txt2 u{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; text-decoration: none; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid #ccc; box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; left: 446px; top: 85px;}
.spareOrderDetailBox .hideBox .schedule .txt2 s{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid #ccc; box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; right: 20px; top: 103px;}
.spareOrderDetailBox .hideBox .schedule .txt2 s:hover{ opacity: 0.8; cursor: pointer; }
.spareOrderDetailBox .hideBox .schedule .txt2 img{ position: absolute; left: 50%; top: -4px; margin-left: -3px; }
.spareOrderDetailBox .hideBox .schedule .txt2 s img{ margin: 0; left: 143px; }
.spareOrderDetailBox .hideBox .schedule1{ height: 88px; padding-top: 24px; position: relative;}
.spareOrderDetailBox .hideBox .schedule1 .txt1{ width: 800px; height: 23px; padding-left: 75px;}
.spareOrderDetailBox .hideBox .schedule1 .txt1 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 157px; }
.spareOrderDetailBox .hideBox .schedule1 .txt1 span.green{ color: #33CC32; }
.spareOrderDetailBox .hideBox .schedule1 .icon{ height: 30px; position: relative; margin-left: 110px;}
.spareOrderDetailBox .hideBox .schedule1 .icon img{ float: left; margin-right: 230px; position: relative; z-index: 1;}
.spareOrderDetailBox .hideBox .schedule1 .icon img.marN{ margin: 0; }
.spareOrderDetailBox .hideBox .schedule1 .icon .img1,
.spareOrderDetailBox .hideBox .schedule1 .icon .img2{ cursor: pointer; }
.spareOrderDetailBox .hideBox .schedule1 .icon .bg1{ width: 520px; height: 1px; background: #d8d8d8; position: absolute; left: 14px; top: 13px; }
.spareOrderDetailBox .hideBox .schedule1 .icon .bg2{ width: 250px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.spareOrderDetailBox .hideBox .schedule1 .icon .bg3{ width: 510px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.spareOrderDetailBox .hideBox .schedule1 .txt2{ width: 800px; padding-left: 75px; }
.spareOrderDetailBox .hideBox .schedule1 .txt2 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 157px; }
.spareOrderDetailBox .hideBox .schedule1 .txt2 s{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid #ccc; box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; right: 80px; top: 80px;}
.spareOrderDetailBox .hideBox .schedule1 .txt2 s:hover{ opacity: 0.8; cursor: pointer; }
.spareOrderDetailBox .hideBox .schedule1 .txt2 s img{ position: absolute; left: 148px; top: -4px; }
.spareOrderDetailBox .hideBox h4{ height: 26px; line-height: 20px; font-size: 14px; color: #444; padding-left: 28px; }
.spareOrderDetailBox .hideBox .gray{ margin: 0 35px 15px; background: #f5f5f5; border-radius: 4px; padding: 5px 0; overflow: hidden;}
.spareOrderDetailBox .hideBox .gray .line{ padding: 6px 20px 6px 0; position: relative;}
.spareOrderDetailBox .hideBox .gray .line.bg{ padding-left: 20px; background: url(../image/camera1.png) no-repeat 15px center; }
.spareOrderDetailBox .hideBox .gray .txt1{ float: left; line-height: 26px; font-size: 14px; color: #666; padding: 0 22px;}
.spareOrderDetailBox .hideBox .gray .txt2{ float: left; line-height: 26px; font-size: 14px; color: #666; }
.spareOrderDetailBox .hideBox .gray .txt2 i{ font-size: 12px; font-style: normal; color: #999; padding-left: 10px;}
.spareOrderDetailBox .hideBox .gray .txt2 span{ display: block; font-size: 12px; color: #027AFF; }
.spareOrderDetailBox .hideBox .gray .txt3{ float: left; width: 200px; line-height: 26px; font-size: 14px; color: #666; }
.spareOrderDetailBox .hideBox .gray .txt3 span{ display: block; font-size: 12px; color: #999; }
.spareOrderDetailBox .hideBox .gray .txt3 span:hover{ color: #027AFF; cursor: pointer; }
.spareOrderDetailBox .hideBox .gray .txt4{ float: left; width: 300px; line-height: 26px; font-size: 14px; color: #999; }
.spareOrderDetailBox .hideBox .gray .txt5{ float: left; width: 300px; line-height: 26px; font-size: 14px; color: #666; }
.spareOrderDetailBox .hideBox .gray .txt4 img,
.spareOrderDetailBox .hideBox .gray .txt5 img{ width: 26px; height: 26px; float: left; margin: 0 5px 0 40px;}
.spareOrderDetailBox .hideBox .gray .txt6{ float: left; padding-left: 40px;}
.spareOrderDetailBox .hideBox .gray .txt6 input{ display: inline-block; width:228px; line-height:24px; font-size: 14px; color: #444; padding: 0 10px; outline: none; background:rgba(255,255,255,1); border-radius:6px; border:1px solid rgba(204,204,204,1);}
.spareOrderDetailBox .hideBox .gray .txt6 span{ color: #CC0000; padding-left: 10px;}
.spareOrderDetailBox .hideBox .gray .txt7{ float: left; width: 257px; line-height: 26px; font-size: 14px; color: #444; padding: 0 10px 0 50px; }
.spareOrderDetailBox .hideBox .gray .txt7 span{ color: #CC0000; float: right;}
.spareOrderDetailBox .hideBox .gray .txt8{ float: left; line-height: 26px; font-size: 14px; color: #999; padding: 0 22px;}
.spareOrderDetailBox .hideBox .gray .txt9{ line-height:24px; font-size: 14px; color: #999; padding: 0 10px; position: absolute; top: -25px; right: 18px; display: none; background:rgba(255,255,255,1); box-shadow:0px 2px 4px 0px rgba(0,0,0,0.14); border-radius:2px; border:1px solid rgba(221,221,221,0.44); }
.spareOrderDetailBox .hideBox .gray img{ float: right; margin: 3px 28px;}
.spareOrderDetailBox .hideBox .gray .img1{ float: left; margin: 3px 0 0 20px;}
.spareOrderDetailBox .hideBox .gray .yellowBtn{ float: right; width:74px; line-height:24px; font-size: 14px; color: #666; text-align: center; border-radius:2px;}
.spareOrderDetailBox .hideBox .gray .redBtn{ float: right; width:74px; line-height:24px; font-size: 14px; color: #D33030; text-align: center; border-radius:2px;}
.spareOrderDetailBox .hideBox .gray .red1Btn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #fff; text-align: center; background:rgba(204,0,0,1); border-radius:6px;}
.spareOrderDetailBox .hideBox .gray .grayBtn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #fff; text-align: center; background:rgba(204,204,204,1); border-radius:6px;}
.spareOrderDetailBox .hideBox .gray .yellowBtn:hover,
.spareOrderDetailBox .hideBox .gray .redBtn:hover,
.spareOrderDetailBox .hideBox .gray .red1Btn:hover,
.spareOrderDetailBox .hideBox .gray .grayBtn:hover{ opacity: 1; cursor: default; }
.spareOrderDetailBox .hideBox .gray .address{ float: left; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/address.png) no-repeat 19px center; }
.spareOrderDetailBox .hideBox .gray .name{ float: left; width: 80px; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/name.png) no-repeat 19px center; }
.spareOrderDetailBox .hideBox .gray .tel{ float: left; width: 120px; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/phone.png) no-repeat 19px center; }
.spareOrderDetailBox a.btn{ display: block; width: 120px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; background: #c00; margin: 25px auto 30px; }



/*个人信息*/
.myMessage{ width: 808px; float: right; background: #fff; border-radius: 5px;}
.myMessage h2{ line-height: 18px; font-size: 18px; color: #444; padding: 30px 0 0 30px;}
.myMessage .box1{ padding: 35px 0 60px 70px; position: relative;}
.myMessage .box1 dl{ height: 42px; }
.myMessage .box1 dt{ width: 85px; float: left; line-height: 20px; font-size: 16px; color: #666; }
.myMessage .box1 dt span{ float: right; }
.myMessage .box1 dd{ width: 380px; float: left; line-height: 20px; font-size: 16px; color: #666; padding-left: 10px;}
.myMessage .box1 a.btn{ display: block; width: 120px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; background: #c00; margin: 20px 270px 0px; }
.myMessage .box1 .headerImg{ width: 115px; height: 165px; padding: 30px 35px; border: 1px solid #DDD; position: absolute; top: 30px; right: 80px;}
.myMessage .box1 .headerImg img{ width: 100%; height: 100%; }
.myMessage .box1 .headerImg span{ width: 77px; line-height: 36px; font-size: 12px; color: #fff; padding-left: 38px; background: rgba(0,0,0,0.7) url(../image/icon2.png) no-repeat 10px center; position: absolute; left: 35px; top: 100px;}
.myMessage .box2{ padding: 35px 0 50px 40px; position: relative; display: none;}
.myMessage .box2 .line{ height: 40px; padding-top: 21px; }
.myMessage .box2 .txt1{ float: left; width: 95px; height: 40px; line-height: 40px; font-size: 16px; color: #666; }
.myMessage .box2 .txt2{ float: left; width: 85px; line-height: 38px; padding: 0 10px; font-size: 14px; color: #999; background: #F5F5F5 url(../image/arrow.png) no-repeat right center; border-radius: 4px; border: 1px solid rgba(204,204,204,1); }
.myMessage .box2 .txt3{ float: left; line-height: 38px; padding-left: 20px; font-size: 14px; color: #999; }
.myMessage .box2 .txt4{ float: left; width: 147px; height: 38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #999; background: #f5f5f5; border-radius: 4px; border: 1px solid rgba(204,204,204,1);}
.myMessage .box2 .txt5{ float: left; line-height: 38px; padding-left: 20px; font-size: 16px; color: #067AFF; }
.myMessage .box2 .txtInput{ float: left; width:331px; height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; outline: none; background: #fff; border-radius:4px; border:1px solid rgba(204,204,204,1);}
.myMessage .box2 .txtInput.w1{ width: 147px; }
.myMessage .box2 .txtInput.w2{ width: 600px; }
.myMessage .box2 .option1{ float: left; width:167px; height:38px; line-height: 38px; font-size: 16px; color: #666; text-align: center; background: #fff; border-radius:4px; border:1px solid rgba(204,204,204,1); margin-right: 15px;}
.myMessage .box2 .option1.thisOver{ border-color: #c00; background-color: #FFF9F9; color: #c00; }
.myMessage .box2 aBox{ float: left;width: 600px;}
.myMessage .box2 .option2{ float: left; width: 119px; height:38px; line-height: 38px; font-size: 14px; color: #999; text-align: center; background:#fff; border-radius:4px; border:1px solid #ddd; position: relative; margin: 0 20px 20px 0;}
.myMessage .box2 .option2.thisOver{ border:1px solid #c00; color: #c00; }
.myMessage .box2 .option2 i{ display: block; width: 16px; height: 14px; position: absolute; bottom: -1px; right: -3px; background: url(../image/checkBox1.png) no-repeat 0 0; }
.myMessage .box2 .option2.thisOver i{ background-image: url(../image/checkBox2.png); }
.myMessage .box2 .select{ width: 100px; float: left; margin-right: 15px; position: relative;}
.myMessage .box2 .select.w1{ width: 125px; }
.myMessage .box2 .select .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 14px; color: #666; cursor: pointer; background: url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid rgba(204,204,204,1);}
.myMessage .box2 .select .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.myMessage .box2 .select .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 14px; color: #666; border-radius: 4px; cursor: pointer;}
.myMessage .box2 .select .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.myMessage .box2 .select .selectW .option:hover{ background-color: #f2f2f2; }
.myMessage .box2 .btn{ float: left; width:94px; height:38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; background:#c00; border-radius:4px; border:1px solid #c00; margin-left: 15px;}
.myMessage .box2 .btn.thisOver{ background: #ccc; border-color: #ccc; cursor: default; }
.myMessage .box2 .cancelbtn{ float: left; width:56px; height:38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; background:#ccc; border-radius:4px; border:1px solid #ccc; margin-left: 15px;}
.myMessage .box2 .headerImg{ width:248px; height:404px; background: #fff; border-radius:4px; border:1px solid rgba(221,221,221,1); position: absolute; right: 50px; top: 35px}
.myMessage .box2 .headerImg img{ display: block; width: 115px; height: 165px; margin: 30px auto 20px; }
.myMessage .box2 .headerImg .span{ width: 77px; line-height: 36px; font-size: 12px; color: #fff; padding-left: 38px; background: rgba(0,0,0,0.7) url(../image/icon2.png) no-repeat 10px center; position: absolute; left: 66px; top: 100px;}
.myMessage .box2 .headerImg .span.n{ background-image: url(../image/icon3.png); }
.myMessage .box2 .headerImg .txt{ line-height: 22px; font-size: 14px; color: #666; padding-left: 22px; }
.myMessage .box2 .headerImg .txt span{ color: #c00; padding-right: 5px;}
.myMessage .box2 .headerImg .txt i{ padding-left: 5px; color: #fff; }
.myMessage .box2 .headerImg .fileBtn{ width:120px; line-height: 34px; height:34px; font-size: 14px; color: #fff; text-align: center; background: #ccc; border-radius:4px; position: relative; margin: 30px auto;}
.myMessage .box2 .headerImg .fileBtn.red{ background: #c00; }
.myMessage .box2 .headerImg .fileBtn input{ width: 150%; height: 150%; position: absolute; right: 0; bottom: 0; opacity: 0; cursor: pointer;}
.myMessage .box2 a.submit{ display: block; width: 120px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; background: #c00; margin: 20px 300px 0px; }

/*编辑证件照 弹窗*/
.myMessage .headPortraitTc{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 1;display:none}
.myMessage .editImageBox{ width: 465px; height: 630px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -315px 0 0 -232px;}
.myMessage .editImageBox .close{ position: absolute; top: 27px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.myMessage .editImageBox h2{ line-height: 70px; font-size: 18px; color: #444; padding-left: 65px; background: url(../image/icon21.png) no-repeat 35px center; }
.myMessage .editImageBox .box{ height: 408px; border: 1px solid #d8d8d8; margin: 0 32px; border-radius: 4px; position: relative; overflow: hidden;}
.myMessage .editImageBox .box .rotate{ width: 100%; height: 37px; padding-top: 11px; position: absolute; left: 0; bottom: 0; background-color: #808080;}
.myMessage .editImageBox .box .rotate .l{ float: left; height: 26px; width: 119px; float: left; line-height: 26px; font-size: 14px; color: #fff; padding-left: 80px; background: url(../image/icon28.png) no-repeat 57px center; border-right: 1px solid #ddd;}
.myMessage .editImageBox .box .rotate .l:hover{ background-image: url(../image/icon29.png); cursor: pointer; color: #c00; }
.myMessage .editImageBox .box .rotate .r{ float: left; height: 26px; width: 119px; float: left; line-height: 26px; font-size: 14px; color: #fff; padding-left: 80px; background: url(../image/icon26.png) no-repeat 57px center; }
.myMessage .editImageBox .box .rotate .r:hover{ background-image: url(../image/icon27.png); cursor: pointer; color: #c00; }
.myMessage .editImageBox .txt{ height: 40px; margin: 10px 32px 22px; background: rgba(0,0,0,0.05); border-radius: 4px; overflow: hidden;}
.myMessage .editImageBox .txt span{ width: 50%; float: left; line-height: 40px; font-size: 14px; color: #444; text-align: center; }
.myMessage .editImageBox .newbtn{ text-align: center; }
.myMessage .editImageBox .newbtn a{ width: 120px; line-height: 40px; font-size: 14px; color: #fff; border-radius: 4px; background-color: #c00; margin: 0 15px; display: inline-block; }
.myMessage .editImageBox .newbtn a.cancel{ background-color: #ccc; }



/*忘记密码弹窗*/
.passwordTc{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1;}
.passwordBox{ width: 466px; background: #fff; border-radius: 4px; padding-bottom: 65px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -233px; }
.passwordBox .title{ line-height: 24px; font-size: 18px; color: #444; text-align: center; padding: 40px 0 50px; position: relative;}
.passwordBox .title span{ width: 60px; height: 2px; background: #DE0000; position: absolute; left: 50%; top: 70px; margin-left: -30px;}
.passwordBox .close{ position: absolute; top: 30px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.passwordBox dl{ overflow: hidden; padding-left: 58px;}
.passwordBox dt{ float: left; width: 110px; line-height: 42px; font-size: 16px; color: #666；}
.passwordBox dd{ float: left; width: 250px; }
.passwordBox dd input{ height:43px;display: block; width: 220px; line-height: 40px; font-size: 14px; color: #666; padding: 0 10px; border: 1px solid #ccc; border-radius: 5px; outline: none; }
.passwordBox dd input.red{ border-color: #c00; }
.passwordBox .wrap{ width: 350px; line-height: 40px; font-size: 14px; color: #ccc; text-align: center; border: 1px solid #ddd; border-radius: 5px; background: #f4f4f4; margin: 20px auto; position: relative;}
.passwordBox .wrap i{ font-style: normal; color: #666;}
.passwordBox .wrap span{ display: block; width: 38px; height: 36px; background: url(../image/icon10.png) no-repeat 0px 0px; cursor: pointer; position: absolute; left: 2px; top: 2px; }
.passwordBox .wrap.thisOver{ background: #ECFFD8; border-color: #6CD400; }
.passwordBox .wrap.thisOver span{ background-image: url(../image/icon11.png); }
.passwordBox .wrap.fail{ background: #FED8D8; border-color: #c00; }
.passwordBox .wrap.fail span{ background-image: url(../image/icon23.png); }
.box1 .wrapSlide.fail{ background: #FED8D8; border-color: #c00; }
.box1 .wrapSlide.fail span{ background-image: url(../image/icon23.png); }
.box2 .wrapSlide.fail{ background: #FED8D8; border-color: #c00; }
.box2 .wrapSlide.fail span{ background-image: url(../image/icon23.png); }
.passwordBox .btn{ display: block; width: 350px; line-height: 42px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #ccc; margin: 0 auto; }
.passwordBox .btn.thisOver{ background: #c00; }
.passwordBox1{ width: 440px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -220px;}
.passwordBox1 .close{ position: absolute; top: 30px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.passwordBox1 .txt1{ line-height: 20px; font-size: 18px; color: #444; padding: 30px 0 20px 52px; background: url(../image/icon2.png) no-repeat 24px 30px; }
.passwordBox1 .txt2{ width: 360px; height: 115px; line-height: 28px; font-size: 16px; color: #666; margin: 0 auto;}
.passwordBox1 .txt2 a{ color: #0479FF; }
.passwordBox1 .btn{ overflow: hidden; padding: 22px 0; background: #f4f4f4; border-radius: 0 0 5px 5px;}
.passwordBox1 .btn a{ display: block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #c00; margin: 0 auto; }

/*提示弹窗*/
.tipsTc{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1;}
.tipsBox{ width: 440px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -220px;}
.tipsBox .close{ position: absolute; top: 30px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.tipsBox .txt1{ line-height: 20px; font-size: 18px; color: #444; padding: 30px 0 20px 52px; background: url(../image/icon3.png) no-repeat 24px 30px; }
.tipsBox .txt2{ width: 360px; height: 115px; line-height: 28px; font-size: 16px; color: #666; margin: 0 auto;}
.tipsBox .txt2 span{ font-size: 14px; color: #999; }
.tipsBox .btn{ overflow: hidden; text-align: center; padding: 22px 0; background: #f4f4f4; border-radius: 0 0 5px 5px;}
.tipsBox .btn a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #c00; margin: 0 5px; }
.tipsBox .btn a.qx{ background: #ccc; }

/*预约确认单*/
.confirmOrderTc{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.confirmOrderBox{ width: 700px; background: #fff; border-radius: 4px; position: relative; margin: 5% auto;}
.confirmOrderBox .close{ position: absolute; top: 40px; right: 40px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.confirmOrderBox h2{ line-height: 22px; font-size: 18px; color: #444; padding: 35px 0 20px 62px; background: url(../image/icon5.png) no-repeat 30px 35px; }
.confirmOrderBox h3{ line-height: 40px; font-size: 16px; color: #666; padding-left: 30px; }
.confirmOrderBox h3 span{ font-size: 12px; color: #999; font-weight: normal; }
.confirmOrderBox h4{ line-height: 40px; font-size: 16px; color: #666; float: right; padding-right: 60px; }
.confirmOrderBox h4 span{ font-weight: normal; }
.confirmOrderBox .table1{ margin: 0 31px 0 30px; overflow: hidden; border: 1px solid #ccc; border-right: none; border-bottom: none;}
.confirmOrderBox .table1 li{ float: left; line-height: 38px; font-size: 14px; color: #666; padding-left: 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.confirmOrderBox .table1 li span{ color: #999;}
.confirmOrderBox .table1 li.w1{ width: 303px;}
.confirmOrderBox .table1 li.w2{ width: 166px; padding: 20px 0 19px 15px;}
.confirmOrderBox .table1 li.w3{ width: 622px;}
.confirmOrderBox .table1 li.w4{ width: 622px;}
.confirmOrderBox .table2{ margin: 0 30px; border: 1px solid #ccc; border-right: none; border-bottom: none;}
.confirmOrderBox .table2 .title{ background: #f4f4f4; overflow: hidden;}
.confirmOrderBox .table2 .title span,
.confirmOrderBox .table2 .txt2 span{ border-bottom: 1px solid #ccc;}
.confirmOrderBox .table2 .txt,
.confirmOrderBox .table2 .txt2{ overflow: hidden; }
.confirmOrderBox .table2 .txt1{ overflow: hidden; border: 1px solid #ccc; border-left: none;}
.confirmOrderBox .table2 span{ float: left; line-height: 38px; font-size: 14px; color: #666; text-align: center; border-right: 1px solid #ccc; }
.confirmOrderBox .table2 span.w1{ width: 80px;}
.confirmOrderBox .table2 span.w2{ width: 355px;}
.confirmOrderBox .table2 span.w3{ width: 100px;}
.confirmOrderBox .table2 span.w4{ width: 70px; border: none;}
.confirmOrderBox .table2 span.w5{ width: 100px; float: right; border: none;}
.confirmOrderBox .table2 span.w6{ width: 456px;}
.confirmOrderBox .table2 span.w7{ float: right; border: none; padding-right: 38px;}
.confirmOrderBox .table2 span.w8{ width: 120px;}
.confirmOrderBox .table2 span.w9{ width: 376px;}
.confirmOrderBox .table2 span.w10{ width: 140px;}
.confirmOrderBox .table2 span.w11{ width: 181px;}
.confirmOrderBox .table2 span.w12{ width: 455px;}
.confirmOrderBox .gray{ margin: 15px 30px 0; background: #f4f4f4; border-radius: 5px; padding: 10px 20px; }
.confirmOrderBox .gray .txt{ line-height: 26px; font-size: 13px; color: #c00; }
.confirmOrderBox .checkBox{ padding: 10px 0 0 30px; line-height: 24px; font-size: 14px; color: #666; }
.confirmOrderBox .checkBox span{ float: left; width: 20px; height: 24px; cursor: pointer; margin-right: 5px; background: url(../image/select1.png) no-repeat -4px 0px; }
.confirmOrderBox .checkBox span.thisOver{ background-image: url(../image/select2.png); }

.confirmOrderBox .spareCheckBox{ padding: 10px 0 0 30px; line-height: 24px; font-size: 14px; color: #666; }
.confirmOrderBox .spareCheckBox span{ float: left; width: 20px; height: 24px; cursor: pointer; margin-right: 5px; background: url(../image/select1.png) no-repeat -4px 0px; }
.confirmOrderBox .spareCheckBox span.thisOver{ background-image: url(../image/select2.png); }
.confirmOrderBox .btn{ overflow: hidden; padding: 15px 0 35px; text-align: center;}
.confirmOrderBox .btn a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #ccc; margin: 0 20px; }
.confirmOrderBox .btn a.red{ background: #c00; }

.confirmOrderBox .btn span{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #ccc; margin: 0 20px;cursor:pointer; }
.confirmOrderBox .btn span.red{ background: #c00; }

/*框架样式*/
.listContent{ background: #f9f9f9; padding: 20px 0 40px;}
.listContentWrap{ width: 1090px; min-height: 650px; margin: 0 auto;}
.listContent .leftBox{ width: 212px; height: 470px; padding-top: 20px; border-radius: 5px; background: #fff; float: left; margin-right: 20px; }
.listContent .leftBox .btn{ display: block; line-height: 32px; font-size: 16px; color: #999; padding-left: 50px; margin: 7px 0;}
.listContent .leftBox .btn.thisOver{ color: #c00; border-right: 2px solid #c00; }
.listContent .leftBox dt{ line-height: 32px; font-size: 16px; color: #999; padding-left: 50px; margin: 7px 0; cursor: pointer; background: url(../image/arrow2.png) no-repeat 140px center;}
.listContent .leftBox dt.thisOver{ background-image: url(../image/arrow3.png); }
.listContent .leftBox dd{ padding: 1px 0; }
.listContent .leftBox dd a{ display: block; padding-left: 70px; line-height: 32px; font-size: 16px; color: #999; padding-left: 50px; margin: 7px 0; }
.listContent .leftBox dd a{ display: block; padding-left: 70px; }
.listContent .leftBox dd a.thisOver{ color: #c00; border-right: 2px solid #c00; }
.listContent .rightBox{ width: 858px; float: left; }

/*预约服务*/
.reservationContent .whiteBox{ background: #fff; border-radius: 5px; padding-bottom: 20px; margin-bottom: 20px;}
.reservationContent .whiteBox .creatOrShow .creat{display: none;}
.reservationContent .whiteBox .creatOrShow .show{display: none;}
.reservationContent .noList{font-size: 14px; color: #666; text-align: center; padding: 90px 0 150px; }
.reservationContent .h2{ height: 62px; padding: 0 25px;}
.reservationContent .h2 .txt1 span{ float: left; line-height: 20px; font-size: 18px; color: #444; font-weight: bold; margin-top: 25px;}
.reservationContent .h2 .txt1 img{ float: left; cursor: pointer; margin: 25px 0 0 10px; }
.reservationContent .h2 .txt2{ float: right; line-height: 20px; font-size: 14px; color: #999; margin-top: 25px; padding-right: 20px;}
.reservationContent .h2 .txt2 span{ color: #c00; }
.reservationContent .h2 .txt3{ color: #cc0000;margin: 38px 0px 0px 40px;float: left; line-height: 20px; font-size: 12px;}
.reservationContent .grayNav{ height: 52px; background: #f2f2f2; border-radius: 5px; margin: 0 30px;}
.reservationContent .grayNav .search{ width: 134px; height: 28px; float: left; background: #fff; border: 1px solid #d8d8d8; border-radius: 5px; margin: 11px 0 0 15px;}
.reservationContent .grayNav .search a{ width: 40px; height: 28px; background: url(../image/search.png) no-repeat 12px center; float: left; }
.reservationContent .grayNav .search input{ width: 80px; line-height: 28px; font-size: 14px; color: #444; border: none; outline: none; float: left; margin-left: 4px; }
.reservationContent .grayNav .search.w1{ width: 236px; }
.reservationContent .grayNav .search.w1 input{ width: 180px; }
.reservationContent .grayNav .select{ width: 105px; float: left; position: relative; margin: 11px 0 0 20px;}
.reservationContent .grayNav .selectT{ width: calc(100% - 20px); height:28px; line-height: 28px; padding: 0 10px; font-size: 14px; color: #444; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat 83px center; border-radius:4px; border:1px solid #d8d8d8;}
.reservationContent .grayNav .selectT span{ color: #ccc; }
.reservationContent .grayNav .selectW{ width:100%; max-height: 240px; border:1px solid #d8d8d8; border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 35px; z-index: 1; display: none;}
.reservationContent .grayNav .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 14px; color: #444; border-radius: 4px; cursor: pointer;}
.reservationContent .grayNav .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.reservationContent .grayNav .selectW .option:hover{ background-color: #f2f2f2; }
.reservationContent .grayNav .btn2{ float: right; line-height:34px; font-size: 14px; color: #007BFF; margin: 11px 20px 0 0;}
.reservationContent .table .listTitle{ height: 42px; line-height: 42px; font-size: 14px; color: #666; text-align: center; border-bottom: 1px solid #ddd; border-radius: 5px; margin: 0 30px;}
.reservationContent .table .list{ height: 36px; line-height: 36px; font-size: 14px; color: #666; text-align: center; background: #fff; border-radius: 5px; margin: 8px 30px 0;}
.reservationContent .table span.w1{ width: 32%; float: left; }
.reservationContent .table span.w2{ width: 13%; float: left; }
.reservationContent .table span.w3{ width: 16%; float: left; }
.reservationContent .table span.w4{ width: 16%; float: left; }
.reservationContent .table span.w5{ width: 16%; float: left; }
.reservationContent .table span.yellow{ color: #EE7C1A; }
.reservationContent .table span a{ width: 20px; height: 20px; display: block; margin: 8px auto; background: url(../image/icon8.png) no-repeat 0px 0px; }
.reservationContent .table .list:hover{ background: #F2F2F2; cursor: pointer;}
.reservationContent .table .list:hover a{ background-image: url(../image/icon9.png); }
.reservationContent .table .noList{ font-size: 14px; color: #666; text-align: center; padding: 90px 0 150px; }
.reservationContent .box1{ width: 640px; margin: 15px auto;}
.reservationContent .box1 .txt1{ font-size: 14px; color: #999; line-height: 20px; padding: 20px 0 10px 15px; }
.reservationContent .box1 .txt1 span{ padding-right: 10px; color: #DE0000; }
.reservationContent .box1 .txt2{ clear: both; font-size: 16px; color: #666; line-height: 20px; padding: 0 0 20px 17px;}
.reservationContent .box1 .txt2.hide{ display: none; }
.reservationContent .box1 .gray{ width: 638px; margin: 0 0 18px 0; background: #f4f4f4; border-radius: 4px; padding-top: 18px;}
.reservationContent .box1 .gray .name{ width: 98px; float: left; line-height: 22px; padding-top: 6px; font-size: 16px; color: #444; text-align: center;}
.reservationContent .box1 .gray .r{ float: left; width: 520px;}
.reservationContent .box1 .gray .line{ padding-bottom: 18px; }
.reservationContent .box1 .gray .select{ width: 456px; display: inline-block; }
.reservationContent .box1 .gray .del{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.reservationContent .box1 .gray .del.hide{ display: none; }
.reservationContent .box1 .gray .add{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.reservationContent .box1 .myDl{ width: 320px; float: left; height: 62px;}
.reservationContent .box1 .zq,
.reservationContent .box1 .myDl.yj{ display: none; }
.reservationContent .box1 .myDl dt{ width: 98px; float: left; line-height: 42px; font-size: 16px; color: #666; text-align: center; }
.reservationContent .box1 .myDl input{ float: left; width: 210px; height: 40px; line-height: 40px; font-size: 16px; color: #444; outline: none; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px;}
.reservationContent .box1 .myDl input.date{height:38px; background: url(../image/date.png) no-repeat right center;cursor:pointer; }
.reservationContent .box1 .myDl input.error{ border-color: #DE0000; }
.reservationContent .box1 .myDl dd{ position: relative;}
.reservationContent .box1 .myDl dd .errorTxt{positon:relative; font-size: 12px; line-height: 20px; color: #DE0000; padding-left: 10px;}
.reservationContent .box1 .select{ width: 210px; float: left; position: relative;}
.reservationContent .box1 .select.w1{ width: 210px; margin-top: 10px;}
.reservationContent .box1 .select.w2{ width: 110px; margin-right: 20px;}
.reservationContent .box1 .select.w3{ width: 140px;}
.reservationContent .box1 .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid #ccc;}
.reservationContent .box1 .selectT span{ color: #ccc; }
.reservationContent .box1 .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.reservationContent .box1 .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.reservationContent .box1 .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.reservationContent .box1 .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.reservationContent .box1 .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.reservationContent .box1 .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.reservationContent .box1 .selectW .option:hover{ background-color: #f2f2f2; }
.reservationContent .box1 .myDl.w1{ width: 650px; }
.reservationContent .box1 .myDl.w1 input{ width: 510px; }
.reservationContent .box1 .myDl.w2,
.reservationContent .box1 .myDl.w3{ width: 650px; }
.reservationContent .box1 .myDl.w2 input{ width:530px;height:42px; }
.reservationContent .box1 .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 10px auto 25px; border-radius: 4px; background: #c00; }
.reservationContent .box2{ width: 760px; margin: 0 auto 20px; }
.reservationContent .box2 .showBox{ background: #f2f2f2; border-radius: 4px 4px 0 0; overflow: hidden;}
.reservationContent .box2 .showBox .r{ padding: 15px 0 10px 35px;}
.reservationContent .box2 .showBox .r .box{ height: 34px; padding-bottom: 12px; }
.reservationContent .box2 .showBox .r .txt{ float: left; line-height: 34px; font-size: 16px; font-weight: bold; color: #333; padding-right: 30px; }
.reservationContent .box2 .showBox .r .txt2{ float: left; line-height: 34px; font-size: 14px; color: #999; }
.reservationContent .box2 .showBox .r .txt3{ float: left; line-height: 34px; font-size: 14px; font-weight: bold; color: #444; padding-right: 30px; }
.reservationContent .box2 .showBox .r .red{ float: left; line-height: 34px; font-size: 14px; color: #c00; }
.reservationContent .box2 .showBox .r .arrow{ float: right; width: 12px; height: 7px; background: url(../image/arrow3.png) no-repeat 0px 0px; margin: 13px 34px 0 0; }
.reservationContent .box2 .showBox .r .arrow.thisOver{ background-image: url(../image/arrow2.png); }
.reservationContent .box2 .showBox .r .btn{ float: right; width: 96px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; background: #c00; border-radius: 4px; margin-right: 25px;}
.reservationContent .box2 .showBox .r .txt1{ width: 240px; line-height: 20px; float: left; font-size: 14px; color: #444; padding-bottom: 10px;}
.reservationContent .box2 .showBox .r .txt1 span{ color: #666; }
.reservationContent .box2 .hideBox{ display: none; border: 1px solid #f2f2f2; border-radius: 0 0 4px 4px; padding-bottom: 10px;}
.reservationContent .box2 .hideBox .schedule{ height: 88px; padding-top: 24px; position: relative;}
.reservationContent .box2 .hideBox .schedule .txt1{ width: 800px; height: 23px; padding-left: 11px;}
.reservationContent .box2 .hideBox .schedule .txt1 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 58px; }
.reservationContent .box2 .hideBox .schedule .txt1 span.green{ color: #33CC32; }
.reservationContent .box2 .hideBox .schedule .icon{ height: 30px; position: relative; margin-left: 48px;}
.reservationContent .box2 .hideBox .schedule .icon img{ float: left; margin-right: 130px; position: relative; z-index: 1;}
.reservationContent .box2 .hideBox .schedule .icon img.marN{ margin: 0; z-index:auto;}
.reservationContent .box2 .hideBox .schedule .icon .bg1{ width: 630px; height: 1px; background: #d8d8d8; position: absolute; left: 14px; top: 13px; }
.reservationContent .box2 .hideBox .schedule .icon .bg2{ width: 165px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.reservationContent .box2 .hideBox .schedule .icon .bg3{ width: 322px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.reservationContent .box2 .hideBox .schedule .icon .bg4{ width: 480px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.reservationContent .box2 .hideBox .schedule .icon .bg5{ width: 630px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.reservationContent .box2 .hideBox .schedule .txt2{ width: 800px; padding-left: 11px; }
.reservationContent .box2 .hideBox .schedule .txt2 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 58px; }
.reservationContent .box2 .hideBox .schedule .txt2 i{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; font-style: normal; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid rgba(204,204,204,1); box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; left: 302px; top: 85px;}
.reservationContent .box2 .hideBox .schedule .txt2 u{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; text-decoration: none; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid rgba(204,204,204,1); box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; left: 446px; top: 85px;}
.reservationContent .box2 .hideBox .schedule .txt2 s{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid rgba(204,204,204,1); box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; right: 20px; top: 103px;}
.reservationContent .box2 .hideBox .schedule .txt2 s:hover{ opacity: 0.8; cursor: pointer; }
.reservationContent .box2 .hideBox .schedule .txt2 img{ position: absolute; left: 50%; top: -4px; margin-left: -3px; }
.reservationContent .box2 .hideBox .schedule .txt2 s img{ margin: 0; left: 143px; }
.reservationContent .box2 .hideBox .schedule1{ height: 88px; padding-top: 24px; position: relative;}
.reservationContent .box2 .hideBox .schedule1 .txt1{ width: 800px; height: 23px; padding-left: 75px;}
.reservationContent .box2 .hideBox .schedule1 .txt1 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 157px; }
.reservationContent .box2 .hideBox .schedule1 .txt1 span.green{ color: #33CC32; }
.reservationContent .box2 .hideBox .schedule1 .icon{ height: 30px; position: relative; margin-left: 110px;}
.reservationContent .box2 .hideBox .schedule1 .icon img{ float: left; margin-right: 230px; position: relative; z-index: 1;}
.reservationContent .box2 .hideBox .schedule1 .icon img.marN{ margin: 0;}
.reservationContent .box2 .hideBox .schedule1 .icon .img1,
.reservationContent .box2 .hideBox .schedule1 .icon .img2{ }
.reservationContent .box2 .hideBox .schedule1 .icon .bg1{ width: 520px; height: 1px; background: #d8d8d8; position: absolute; left: 14px; top: 13px; }
.reservationContent .box2 .hideBox .schedule1 .icon .bg2{ width: 250px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.reservationContent .box2 .hideBox .schedule1 .icon .bg3{ width: 510px; height: 1px; background: #32cb33; position: absolute; left: 14px; top: 13px; }
.reservationContent .box2 .hideBox .schedule1 .txt2{ width: 800px; padding-left: 75px; }
.reservationContent .box2 .hideBox .schedule1 .txt2 span{ float: left; width: 100px; line-height: 20px; font-size: 14px; color: #999; text-align: center; padding-right: 157px; }
.reservationContent .box2 .hideBox .schedule1 .txt2 s{ display: inline-block; padding: 0 10px; line-height: 24px; font-size: 14px; color: #888; background-color: #fff; border-radius: 2px; border: 1px solid rgba(204,204,204,1); box-shadow:0px -2px 8px 0px rgba(0,0,0,0.03); position: absolute; right: 80px; top: 80px;}
.reservationContent .box2 .hideBox .schedule1 .txt2 s:hover{ opacity: 0.8; cursor: pointer; }
.reservationContent .box2 .hideBox .schedule1 .txt2 s img{ position: absolute; left: 148px; top: -4px; }
.reservationContent .box2 .hideBox h4{ height: 26px; line-height: 20px; font-size: 14px; color: #444; padding-left: 28px; }
.reservationContent .box2 .hideBox .gray{ margin: 0 35px 15px; background: #f5f5f5; border-radius: 4px; padding: 5px 0; overflow: hidden;}
.reservationContent .box2 .hideBox .gray .blueBtn{ float: right; width:76px; height:24px; line-height:24px; font-size: 14px; color: #027AFF; text-align: center; cursor: pointer;}
.reservationContent .box2 .hideBox .gray .line{ padding: 6px 20px 6px 0; position: relative;}
.reservationContent .box2 .hideBox .gray .line.bg{ padding-left: 20px; background: url(../image/camera1.png) no-repeat 15px center; }
.reservationContent .box2 .hideBox .gray .txt1{ float: left; line-height: 26px; font-size: 14px; color: #666; padding: 0 22px;}
.reservationContent .box2 .hideBox .gray .txt2{ float: left; line-height: 26px; font-size: 14px; color: #666; }
.reservationContent .box2 .hideBox .gray .txt2 i{ padding-left: 10px; font-size: 12px; color: #999; font-style: normal;}
.reservationContent .box2 .hideBox .gray .txt3{ float: left; width: 200px; line-height: 26px; font-size: 14px; color: #666; }
.reservationContent .box2 .hideBox .gray .txt3 span{ display: block; font-size: 12px; color: #999; }
.reservationContent .box2 .hideBox .gray .txt3 span:hover{ color: #027AFF; cursor: pointer; }
.reservationContent .box2 .hideBox .gray .txt4{ float: left; width: 300px; line-height: 26px; font-size: 14px; color: #999; }
.reservationContent .box2 .hideBox .gray .txt5{ float: left; width: 300px; line-height: 26px; font-size: 14px; color: #666; }
.reservationContent .box2 .hideBox .gray .txt4 img,
.reservationContent .box2 .hideBox .gray .txt5 img{ width: 26px; height: 26px; float: left; margin: 0 5px 0 40px;}
/* .reservationContent .box2 .hideBox .gray .txt6{ float: left; padding-left: 40px;}
.reservationContent .box2 .hideBox .gray .txt6 input{ display: inline-block; width:228px; line-height:24px; font-size: 14px; color: #444; padding: 0 10px; outline: none; background:rgba(255,255,255,1); border-radius:6px; border:1px solid rgba(204,204,204,1);}
.reservationContent .box2 .hideBox .gray .txt6 span{ color: #CC0000; padding-left: 10px;} */

.reservationContent .box2 .hideBox .gray .txt6{ float: left; padding-left: 40px;}
.reservationContent .box2 .hideBox .gray .txt6 input{ display: inline-block; width:228px; line-height:24px; font-size: 14px; color: #444; padding: 0 10px; outline: none; background:rgba(255,255,255,1); border-radius:6px; border:1px solid #ccc;}
.reservationContent .box2 .hideBox .gray .txt6 input.w1{ width: 60px;height:21px }
.reservationContent .box2 .hideBox .gray .txt6 input.w2{ width: 155px;height:21px }
.reservationContent .box2 .hideBox .gray .txt6 span{ color: #CC0000; padding-left: 10px;}
.reservationContent .box2 .hideBox .gray .red2Btn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #fff; text-align: center; background: #c00; border-radius: 5px;}


.reservationContent .box2 .hideBox .gray .txt7{ float: left; width: 257px; line-height: 26px; font-size: 14px; color: #444; padding: 0 10px 0 50px; }
.reservationContent .box2 .hideBox .gray .txt7 span{ color: #CC0000; float: right;}
.reservationContent .box2 .hideBox .gray .txt8{ float: left; line-height: 26px; font-size: 14px; color: #999; padding: 0 22px;}
.reservationContent .box2 .hideBox .gray .txt9{ line-height:24px; font-size: 14px; color: #999; padding: 0 10px; position: absolute; top: -25px; right: 18px; display: none; background:rgba(255,255,255,1); box-shadow:0px 2px 4px 0px rgba(0,0,0,0.14); border-radius:2px; border:1px solid rgba(221,221,221,0.44); }
.reservationContent .box2 .hideBox .gray img{ float: right; margin: 3px 28px;}
.reservationContent .box2 .hideBox .gray .img1{ float: left; margin: 3px 0 0 20px;}
.reservationContent .box2 .hideBox .gray .yellowBtn{ float: right; width:74px; line-height:24px; font-size: 14px; color: #666; text-align: center;}
.reservationContent .box2 .hideBox .gray .redBtn{ float: right; width:76px; line-height:24px; font-size: 14px; color: #D33030; text-align: center;}
.reservationContent .box2 .hideBox .gray .red1Btn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #fff; text-align: center; background:rgba(204,0,0,1); border-radius:6px;}
.reservationContent .box2 .hideBox .gray .grayBtn{ float: right; width:70px; line-height:26px; font-size: 14px; color: #fff; text-align: center; background:rgba(204,204,204,1); border-radius:6px;}
.reservationContent .box2 .hideBox .gray .yellowBtn:hover,
.reservationContent .box2 .hideBox .gray .redBtn:hover,
.reservationContent .box2 .hideBox .gray .red1Btn:hover,
.reservationContent .box2 .hideBox .gray .grayBtn:hover{ opacity: 1; cursor:text; }
.reservationContent .box2 .hideBox .gray .address{ float: left; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/address.png) no-repeat 19px 5px; word-break: break-all;}
.reservationContent .box2 .hideBox .gray .address1{ float: left; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/address.png) no-repeat 19px 5px; word-break: break-all;}
.reservationContent .box2 .hideBox .gray .name{ float: left; width: 110px; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/name.png) no-repeat 19px center; }
.reservationContent .box2 .hideBox .gray .tel{ float: left; width: 470px; line-height: 30px; font-size: 14px; color: #666; padding-left: 50px; background: url(../image/phone.png) no-repeat 19px center; }
.reservationContent .box3{ width: 640px; margin: 15px auto;}
.reservationContent .box3 .txt1{ font-size: 14px; color: #999; line-height: 20px; padding: 20px 0 10px 15px; }
.reservationContent .box3 .txt1 span{ padding-right: 10px; color: #DE0000; }
.reservationContent .box3 .gray{ width: 640px; margin: 0 0 18px 0; background: #f4f4f4; border-radius: 4px; padding-top: 18px; position: relative;}
.reservationContent .box3 .gray .name{ float: left; width: 80px; float: left; line-height: 42px; font-size: 16px; color: #666; padding-left: 18px; }
.reservationContent .box3 .gray .r{ float: left; }
.reservationContent .box3 .gray .line{ padding-bottom: 18px;}
.reservationContent .box3 .gray .dd{ float: left; width: 220px; margin-right: 10px; position: relative;}
.reservationContent .box3 .gray .txt1{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #ccc; text-align: center; overflow: hidden; background: #fff; border-radius:4px; border:1px solid rgba(204,204,204,1); position: relative;}
.reservationContent .box3 .gray .txt1:hover{ opacity: 0.8; }
.reservationContent .box3 .gray .file{ width: 150%; height: 150%; position: absolute; right: 0; bottom: 0; opacity: 0; cursor: pointer;}
.reservationContent .box3 .gray .txt2{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; background: #fff; border-radius:4px; border:1px solid rgba(204,204,204,1); display: none;}
.reservationContent .box3 .gray .txt2 span{ width: 165px; float: left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.reservationContent .box3 .gray .txt2 img{ float: right; width: 12px; margin: 13px 5px; cursor: pointer;}
.reservationContent .box3 .myDl{ height: 52px; }
.reservationContent .box3 .myDl dt{ width: 80px; float: left; line-height: 42px; font-size: 16px; color: #666; padding-left: 18px; }
.reservationContent .box3 .myDl dd{ float: left; position: relative;}
.reservationContent .box3 .myDl .date{ float: left; width: 190px; line-height: 40px; font-size: 16px; color: #444; outline: none; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px; background: #fff url(../image/date.png) no-repeat right center;}
.reservationContent .box3 .select{ width: 210px; float: left; position: relative;}
.reservationContent .box3 .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid rgba(204,204,204,1);}
.reservationContent .box3 .selectT span{ color: #ccc; }
.reservationContent .box3 .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.reservationContent .box3 .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.reservationContent .box3 .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.reservationContent .box3 .selectW .option:hover{ background-color: #f2f2f2; }
.reservationContent .box3 .del{ float: left; cursor: pointer; margin: 8px 15px 0 0;}
.reservationContent .box3 .del.hide{ display: none; }
.reservationContent .box3 .add{ float: left; cursor: pointer; margin-top: 8px;}
.reservationContent .box3 .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 10px auto 25px; border-radius: 4px; background: #c00; }
.reservationContent .box4{ padding-bottom: 20px; }
.reservationContent .box4 .txt{ line-height: 20px; font-size: 14px; color: #999; padding: 40px 165px 40px; }
.reservationContent .box4 .txt a{color: #007bff; }
.reservationContent .box4 .btn{ display: block; width:120px; line-height:40px; font-size: 14px; color: #fff; text-align: center; background:#c00; border-radius:5px; margin: 0 auto;}
.reservationContent .box5{ display: none; }
.reservationContent .box5 .txt{ line-height: 14px; cursor: pointer; font-size: 14px; color: #999; text-align: right; padding: 10px 410px 10px 0;}
.reservationContent .box5 .txt img{ float: right; margin: 3px 0 0 5px; }
.reservationContent .box6{ overflow: hidden; padding: 30px 84px 45px 84px;}
.reservationContent .box6 .l{ width: 690px; float: left;}
.reservationContent .box6 .l .txt{ line-height: 20px; font-size: 14px; color: #666; padding-bottom: 16px; }
.reservationContent .box6 .l .txt span{ color: #c00; }
.reservationContent .box6 .r{ width: 282px; height: 185px; padding: 17px 0 0 20px; float: left; cursor: pointer; border: 1px solid #d4d4d4; border-radius: 5px; }
.reservationContent .box6 .r img{ float: left; width: 82px; height: 133px; margin-right: 8px; }
.reservationContent .box6 .r .txt{ line-height: 50px; font-size: 14px; color: #999; text-align: center; }

.reservationContent .tips{font-size: 13px;color: #DE0000;padding-left: 98px;}
/*器材管理*/
.manageContent{ background: #fff; min-height: 650px; border-radius: 5px; }
.manageContent .title{ height: 62px; padding: 0 25px; }
.manageContent .title a{ float: left; line-height: 18px; font-size: 18px; color: #999; margin: 30px 40px 0 0;}
.manageContent .title a.thisOver{ color: #444; }
.manageContent .title .img{ float: left; margin: 29px 0 0 -25px; cursor: pointer;}
.manageContent .title .txt{ float: right; line-height: 18px; font-size: 14px; color: #666; margin-top: 30px;}
.manageContent .gray{ height: 54px; background-color: #f4f4f4; border-radius: 5px; margin: 0 25px; }
.manageContent .gray .search{ width: 134px; height: 28px; float: left; background: #fff; border: 1px solid #d8d8d8; border-radius: 5px; margin: 12px 0 0 10px;}
.manageContent .gray .search a{ width: 40px; height: 28px; background: url(../image/search.png) no-repeat 12px center; float: left; }
.manageContent .gray .search input{ width: 80px; line-height: 28px; font-size: 14px; color: #444; border: none; outline: none; float: left; margin-left: 4px; }
.manageContent .gray .select{ width: 105px; float: left; position: relative; margin: 12px 0 0 20px;}
.manageContent .gray .selectT{ width: calc(100% - 20px); height:28px; line-height: 28px; padding: 0 10px; font-size: 14px; color: #444; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat 83px center; border-radius:4px; border:1px solid #d8d8d8;}
.manageContent .gray .selectT span{ color: #ccc; }
.manageContent .gray .selectW{ width:100%; max-height: 240px; border:1px solid #d8d8d8; border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 35px; z-index: 1; display: none;}
.manageContent .gray .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 14px; color: #444; border-radius: 4px; cursor: pointer;}
.manageContent .gray .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.manageContent .gray .selectW .option:hover{ background-color: #f2f2f2; }
.manageContent .gray .btn1{ float: right; width:84px; line-height:34px; font-size: 14px; color: #fff; text-align: center; background:#c00; border-radius:5px; margin: 10px 10px 0 0;}
.manageContent .gray .btn2{ float: right; line-height:34px; font-size: 14px; color: #007BFF; margin: 10px 30px 0 0;}
.manageContent .table{ margin: 0 25px 10px; }
.manageContent .table .titleTxt{ overflow: hidden; font-size: 15px; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
.manageContent .table .txt{ border-radius: 5px; margin-bottom: 5px;position:relative;height:43px}
.manageContent .table .txt span.w2{ text-align: left; }
.manageContent .table span{ float: left; line-height: 20px; font-size: 14px; color: #666; padding: 11px 0px; text-align: center;}
.manageContent .table span.w1{ width: 10%; text-align: left;}
.manageContent .table span.w2{ width: 27%; padding: 11px 3%;}
.manageContent .table span.w3{ width: 17%; }
.manageContent .table span.w4{ width: 21%; }
.manageContent .table span.w5{ width: 11%; }
.manageContent .table span.w6{ width: 3%; }
.manageContent .table span.w7{ width: 5%; }
.manageContent .table span img{ display: none; cursor: pointer; }
.manageContent .table i{ display: block; width: 20px; height: 20px; cursor: pointer; background: url(../image/select1.png) no-repeat center center; margin: 0 auto; display: none;}
.manageContent .table i.thisOver{ background-image: url(../image/select2.png); }

.manageContent .table .txt:hover{ background: #f4f4f4; }
.manageContent .table .txt:hover img{ display: block; }
.manageContent .delBtn{ float: left; width: 245px; border-top: 1px solid #ddd; padding: 20px 0 25px 35px;}
.manageContent .delBtn .btn1{ display: block; width: 90px; line-height: 34px; font-size: 16px; color: #fff; text-align: center; border-radius: 4px; background: #c00; }
.manageContent .delBtn .btn2{ padding-top: 2px; display: none; }
.manageContent .delBtn .checkBox{ float: left; line-height: 20px; font-size: 14px; color: #666; padding-top: 5px;}
.manageContent .delBtn .checkBox span{ float: left; width: 20px; height: 20px; cursor: pointer; background: url(../image/select1.png) no-repeat center center; margin-right: 10px;}
.manageContent .delBtn .checkBox span.thisOver{ background-image: url(../image/select2.png);  }
.manageContent .delBtn .qd{ float: left; width: 62px; line-height: 28px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; background: #c00; margin-left: 11px;}
.manageContent .delBtn .qx{ float: left; width: 62px; line-height: 28px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; background: #ccc; margin-left: 11px;}
.manageContent .noTxt{ font-size: 14px; color: #666; text-align: center; padding-top: 150px;}
.manageContent .noTxt a{ color: #c00; }
.manageContent .fenYe{ float: left; width: 578px; height: 30px; padding: 22px 0 25px; border-top: 1px solid #ddd;}
.manageContent .fenYe .page{ display: inline-block; width: 30px; line-height: 30px; font-size: 14px; color: #666; text-align: center; margin: 0 2px;}
.manageContent .fenYe .page.thisOver{ border-radius: 2px; background-color: #c00; color: #fff; }
.manageContent .fenYe .prev,
.manageContent .fenYe .next,
.manageContent .fenYe span{ display: inline-block; line-height: 30px; font-size: 14px; color: #444; margin: 0 2px;}
.manageContent .fenYe span{ padding-left: 20px; }
.manageContent .fenYe .btn{ display: inline-block; line-height: 30px; font-size: 14px; color: #444; }
.manageContent .fenYe input{ display: inline-block; width:28px; height:28px; font-size: 14px; color: #666; text-align: center; outline: none; background:rgba(255,255,255,1); border-radius:3px; border:1px solid rgba(221,221,221,1); }
.manageContent .fenYe .dian{ color: #666; }
.manageContent .fenYe .dian.hover{ opacity: 1; cursor: default;}
.manageContent.staff .fenYe{ width: 858px; text-align: center;}
.manageContent.staff .table1{ margin: 0 25px 10px; }
.manageContent.staff .table1 .titleTxt{ overflow: hidden; font-size: 15px; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
.manageContent.staff .table1 .txt{ height: 38px; border-radius: 5px; margin-bottom: 5px;}
.manageContent.staff .table1 p{ float: left; height: 20px; line-height: 20px; font-size: 14px; color: #666; padding: 9px 0px; text-align: center; position: relative;}
.manageContent.staff .table1 .w1{ width: 10%; }
.manageContent.staff .table1 .w2{ width: 8%; }
.manageContent.staff .table1 .w3{ width: 15%; }
.manageContent.staff .table1 .w4{ width: 40%; }
.manageContent.staff .table1 .w5{ width: 10%; }
.manageContent.staff .table1 .w6{ width: 17%; }
.manageContent.staff .table1 .w6 span{ display: inline-block; width: 20px; height: 20px; margin: 0 5px; cursor: pointer;}
.manageContent.staff .table1 .w6 i{ float: left; line-height: 30px; font-size: 12px; font-style: normal; color: #999; padding: 0 10px; border-radius: 5px; background: #fff; position: absolute; left: 0px; top: -24px; display: none;}
.manageContent.staff .table1 .w6 i.p1{ left: -12px; }
.manageContent.staff .table1 .w6 i.p2{ left: 45px; }
.manageContent.staff .table1 .w6 i.p3{ left: 80px; }
.manageContent.staff .table1 .icon1{ background: url(../image/icon15.png); }
.manageContent.staff .table1 .icon1:hover{ background: url(../image/icon16.png); }
.manageContent.staff .table1 .icon2{ background: url(../image/icon17.png); }
.manageContent.staff .table1 .icon2:hover{ background: url(../image/icon18.png); }
.manageContent.staff .table1 .icon3{ background: url(../image/icon13.png); }
.manageContent.staff .table1 .icon3:hover{ background: url(../image/icon14.png); }
.manageContent.staff .table1 .icon4{ background: url(../image/icon19.png); }
.manageContent.staff .table1 .icon4:hover{ background: url(../image/icon20.png); }
.manageContent.staff .table1 .icon5{ background: url(../image/icon2a.png); }
.manageContent.staff .table1 .icon5:hover{ background: url(../image/icon2b.png); }
.manageContent.staff .table1 .txt:hover{ background: #f4f4f4; }
.manageContent.staff .table1 .w6 span:hover i{ display: block; }

/*推荐会员*/
.memberContent{ background: #fff; min-height: 750px; border-radius: 5px; }
.memberContent .title{ height: 62px; padding: 0 25px; }
.memberContent .title a{ float: left; line-height: 18px; font-size: 18px; color: #444; margin: 30px 40px 0 0;}
.memberContent .title .txt{ float: right; line-height: 18px; font-size: 14px; color: #666; margin-top: 30px;}
.memberContent .title .txt span{ color: #c00; }
.memberContent .box{cursor:pointer;}
.memberContent .box .txt1{ width: 259px; height: 110px; background: url(../image/memberBg1.png) no-repeat 0px 0px; }
.memberContent .box .txt2{ width: 259px; height: 110px; background: url(../image/memberBg2.png) no-repeat 0px 0px; display: none;}
.memberContent .box .bg1{ margin: 60px auto 30px; }
.memberContent .box .bg2{ float: left; margin: 60px 0 25px 67px; }
.memberContent .box .bg1 .txt1{ line-height: 110px; font-size: 32px; color: #fff; text-align: center; margin: 0 auto;}
.memberContent .box .bg1 .txt2{ height: 85px; line-height: 34px; font-size: 30px; color: #fff; text-align: center; padding-top: 25px; margin: 0 auto;}
.memberContent .box .bg1 .txt2 span{ font-size: 16px; display: block;}
.memberContent .box .bg2 .txt1 img{ float: left; margin: 12px 0 0 87px; }
.memberContent .box .bg2 .txt2 img{ float: left; margin: 12px 0 0 38px; }
.memberContent .box .bg2 .txt2 span{ float: left; line-height: 110px; font-size: 16px; color: #fff; padding-left: 18px; }
.memberContent .box .txt{ clear: both; line-height: 26px; font-size: 16px; color: #444; text-align: center; }
.memberContent .box .txt span{ color: #D11919; }
.memberContent .gray{ margin: 30px 130px 0; background: #f5f5f5; border-radius: 5px; padding: 30px 29px 35px;}
.memberContent .gray .txt1{ line-height: 26px; font-size: 16px; color: #777; }
.memberContent .gray .txt2{ line-height: 26px; font-size: 14px; color: #777; }

/*编辑员工信息弹窗*/
.editStaffTc{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.editStaffBox{ width: 570px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -350px 0 0 -285px; }
.editStaffBox .top{ height: 50px; padding: 30px 30px 0; }
.editStaffBox .top .title{ float: left; line-height: 20px; font-size: 18px; font-weight: bold; color: #444; }
.editStaffBox .top img{ float: left; margin: 0 12px 0 0px;}
.editStaffBox .top .close{ float: right; margin: 0px; cursor: pointer;}
.editStaffBox .top .close:hover{ opacity: 0.8; }
.editStaffBox .box{ max-height: 610px; overflow-y: auto; overflow-x: hidden; margin: 0 30px; border: 1px solid #d8d8d8; border-radius: 4px;}
.editStaffBox .line{ padding: 20px 0; border-radius: 5px;}
.editStaffBox .line .title{ float: left; width: 104px; line-height: 40px; font-size: 16px; color: #666; text-align: center;}
.editStaffBox .line .l{ float: left; width: 395px; }
.editStaffBox .line input{ float: left; width: 80px; height: 38px; line-height: 38px; font-size: 14px; color: #666; outline: none; padding: 0 10px; margin: 0 15px 20px 0; border-radius: 4px; border: 1px solid #ccc;}
.editStaffBox .line input.w1{ width: 120px; }
.editStaffBox .line input.w2{ width: 354px; }
.editStaffBox .line .btn{ float: left; width: 148px; line-height: 38px; font-size: 14px; color: #c00; text-align: center; border-radius: 4px; border: 1px solid #c00;}
.editStaffBox .line .select{ width: 100px; float: left; position: relative; margin: 0 17px 20px 0;}
.editStaffBox .line .select.w1{ width: 140px; }
.editStaffBox .line .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 14px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid #ccc;}
.editStaffBox .line .selectT span{ color: #ccc; }
.editStaffBox .line .selectW{ width:100%; max-height: 240px; border:1px solid #ccc; border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.editStaffBox .line .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.editStaffBox .line .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.editStaffBox .line .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 14px; color: #666; border-radius: 4px; cursor: pointer;}
.editStaffBox .line .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.editStaffBox .line .selectW .option:hover{ background-color: #f2f2f2; }
.editStaffBox .line textarea{ float: left; width: 354px; line-height: 20px; font-size: 14px; color: #666; outline: none; padding: 10px 10px; margin: 0 15px 20px 0; resize: none; border-radius: 4px; border: 1px solid #ccc;}
.editStaffBox .line .switch{ width: 55px; height: 33px; cursor: pointer; float: left; margin-top: 4px; background: url(../image/icon25.png) no-repeat 0 0; background-size: cover;}
.editStaffBox .line .switch.thisOver{ background-image: url(../image/icon24.png); }
.editStaffBox .submit{ display: block; width: 148px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }

/*员工权益使用记录弹窗*/
.staffListTc{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.staffListBox{ width: 670px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -350px 0 0 -335px; }
.staffListBox .top{ height: 50px; padding: 30px 30px 0; }
.staffListBox .top .title{ float: left; line-height: 20px; font-size: 18px; font-weight: bold; color: #444; }
.staffListBox .top img{ float: left; margin: 0 12px 0 0px;}
.staffListBox .top .txt{ float: right; line-height: 20px; font-size: 14px; color: #999; padding-right: 25px;}
.staffListBox .top .close{ float: right; margin: 0px; cursor: pointer;}
.staffListBox .top .close:hover{ opacity: 0.8; }
.staffListBox .top .select{ width: 120px; float: left; position: relative; margin: -5px 0 0 20px;}
.staffListBox .top .select.w1{ width: 140px; }
.staffListBox .top .selectT{ width: calc(100% - 20px); height:28px; line-height: 28px; padding: 0 10px; font-size: 14px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid rgba(204,204,204,1);}
.staffListBox .top .selectT span{ color: #ccc; }
.staffListBox .top .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 35px; z-index: 1; display: none;}
.staffListBox .top .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.staffListBox .top .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.staffListBox .top .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 28px; font-size: 14px; color: #666; border-radius: 4px; cursor: pointer;}
.staffListBox .top .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.staffListBox .top .selectW .option:hover{ background-color: #f2f2f2; }
.staffListBox .box{ margin: 0 25px; min-height: 282px; border: 1px solid #d8d8d8; }
.staffListBox .box .txt{ height: 36px; line-height: 36px; font-size: 14px; color: #666; text-align: center; }
.staffListBox .box .txt.bg,
.staffListBox .box .txt:hover{ background: #f2f2f2; }
.staffListBox .box .w1{ float: left; width: 23%; }
.staffListBox .box .w2{ float: left; width: 31%; }
.staffListBox .submit{ display: block; width: 148px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }

/*重置密码*/
.passwordReset{ width: 100%; height: 100%; background: #f2f2f2; min-width: 1200px; min-height: 500px; }
.passwordResetBox{ width: 650px; height: 385px; background: #fff; border-radius: 5px; margin: 50px auto 0; }
.passwordResetBox .title{ line-height: 66px; font-size: 18px; color: #444; margin: 0 30px 35px; padding-left: 10px; border-bottom: 1px solid #ddd; }
.passwordResetBox dl{ height: 60px; padding-left: 175px;}
.passwordResetBox dt{ float: left; width: 130px; line-height: 38px; float: left; font-size: 14px; color: #666; }
.passwordResetBox dd{ float: left; }
.passwordResetBox dd input{ float: left; width: 150px; line-height: 36px; font-size: 14px; color: #666; padding: 0 10px; outline: none; border: 1px solid #ccc; border-radius: 5px;height:38px}
.passwordResetBox .btn{ display: block; width: 120px; line-height: 34px; font-size: 14px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }

/* 密码发送成功弹窗 */
.passwordTc9{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1;}
.passwordBox9{ width: 440px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -220px;}
.passwordBox9 .close{ position: absolute; top: 30px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.passwordBox9 .txt1{ line-height: 20px; font-size: 18px; color: #444; padding: 30px 0 20px 52px; background: url(../image/icon2.png) no-repeat 24px 30px; }
.passwordBox9 .txt2{ width: 360px; height: 115px; line-height: 28px; font-size: 16px; color: #666; margin: 0 auto;}
.passwordBox9 .txt2 a{ color: #0479FF; }
.passwordBox9 .btn{ overflow: hidden; padding: 22px 0; background: #f4f4f4; border-radius: 0 0 5px 5px;}
.passwordBox9 .btn a{ display: block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #c00; margin: 0 auto; }



.lookimg_progress{display:none;top:5px;z-index: 1;overflow: hidden;color: #fff;height:24px;width: 100px;position: absolute; right: -33px; text-align: center; line-height:21px;background-color: #c00;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);}

/*返回顶部*/
.goTop{ width: 40px; height: 40px; background: #fff; border-radius: 5px; cursor: pointer; position: fixed; bottom: 310px; left: 50%; margin-left: 560px; cursor: pointer; display: none;}
.goTop:hover{ opacity: 0.6; }
.goTop img{ float: left; margin: 17px 0 0 15px; cursor: pointer;}

/*保养试用弹窗*/
.indexTcb{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.indexTcBoxb{width: 750px; background: #fff; border-radius: 4px; margin: 5% auto; padding-bottom: 1px;}
.indexTcBoxb .top{ height: 50px; padding: 35px 40px 0; }
.indexTcBoxb .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.indexTcBoxb .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.indexTcBoxb .top .txt{ float: left; line-height: 24px; font-size: 14px; color: #999; }
.indexTcBoxb .top .txt span{ color: #c00; }
.indexTcBoxb .top .close{ float: right; margin: 0px; cursor: pointer;}
.indexTcBoxb .top .close:hover{ opacity: 0.8; }
.indexTcBoxb .box{ margin: 0 30px; border: 1px solid #d8d8d8; border-radius: 4px; padding: 0 0 10px 25px;}
.indexTcBoxb .box .txt1{ font-size: 14px; color: #999; line-height: 20px; padding: 20px 0 10px 15px; }
.indexTcBoxb .box .txt1 span{ padding-right: 10px; color: #DE0000; }
.indexTcBoxb .box .txt2{ clear: both; font-size: 16px; color: #666; line-height: 20px; padding: 0 0 20px 17px;}
.indexTcBoxb .box .txt2.hide{ display: none; }
.indexTcBoxb .box .gray{ width: 638px; margin: 0 0 18px 0; background: #f4f4f4; border-radius: 4px; padding-top: 18px;}
.indexTcBoxb .box .gray .name{ width: 98px; float: left; line-height: 22px; padding-top: 6px; font-size: 16px; color: #444; text-align: center;}
.indexTcBoxb .box .gray .r{ float: left; width: 520px;}
.indexTcBoxb .box .gray .line{ padding-bottom: 18px; }
.indexTcBoxb .box .gray .select{ width: 456px; display: inline-block; }
.indexTcBoxb .box .gray .del{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.indexTcBoxb .box .gray .del.hide{ display: none; }
.indexTcBoxb .box .gray .add{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.indexTcBoxb .box .myDl{ width: 320px; float: left; height: 62px;}
.indexTcBoxb .box .zq,
.indexTcBoxb .box .myDl.yj{ display: none; }
.indexTcBoxb .box .myDl dt{ width: 98px; float: left; line-height: 42px; font-size: 16px; color: #666; text-align: center; }
.indexTcBoxb .box .myDl input{  float: left; width: 190px; height: 40px; line-height: 40px; font-size: 16px; color: #444; outline: none; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px;}
.indexTcBoxb .box .myDl input.date{ background: url(../image/date.png) no-repeat right center;cursor:pointer; }
.indexTcBoxb .box .myDl input.error{ border-color: #DE0000; }
.indexTcBoxb .box .myDl dd{ float: left; position: relative;}
.indexTcBoxb .box .myDl dd .errorTxt{ font-size: 12px; line-height: 20px; color: #DE0000; padding-left: 10px;}
.indexTcBoxb .box .select{ width: 210px; float: left; position: relative;}
.indexTcBoxb .box .select.w1{ width: 210px; margin-top: 10px;}
.indexTcBoxb .box .select.w2{ width: 110px; margin-right: 20px;}
.indexTcBoxb .box .select.w3{ width: 140px;}
.indexTcBoxb .box .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid rgba(204,204,204,1);}
.indexTcBoxb .box .selectT span{ color: #ccc; }
.indexTcBoxb .box .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.indexTcBoxb .box .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.indexTcBoxb .box .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.indexTcBoxb .box .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.indexTcBoxb .box .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.indexTcBoxb .box .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.indexTcBoxb .box .selectW .option:hover{ background-color: #f2f2f2; }
.indexTcBoxb .box .myDl.w1{ width: 650px; }
.indexTcBoxb .box .myDl.w1 input{ width: 508px; }
.indexTcBoxb .box .myDl.w2,
.indexTcBoxb .box .myDl.w3{ width: 650px; }
.indexTcBoxb .box .myDl.w2 input{ width: 380px; }
.indexTcBoxb .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }

/*保养确认单弹窗*/
/*预约确认单*/
.confirmOrderTcb{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.confirmOrderBoxb{ width: 700px; background: #fff; border-radius: 4px; position: relative; margin: 5% auto;}
.confirmOrderBoxb .close{ position: absolute; top: 40px; right: 40px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.confirmOrderBoxb h2{ line-height: 22px; font-size: 18px; color: #444; padding: 35px 0 20px 62px; background: url(../image/icon5.png) no-repeat 30px 35px; }
.confirmOrderBoxb h3{ line-height: 40px; font-size: 16px; color: #666; padding-left: 30px; }
.confirmOrderBoxb h3 span{ font-size: 12px; color: #999; font-weight: normal; }
.confirmOrderBoxb h4{ line-height: 40px; font-size: 16px; color: #666; float: right; padding-right: 60px; }
.confirmOrderBoxb h4 span{ font-weight: normal; }
.confirmOrderBoxb .table1{ margin: 0 31px 0 30px; overflow: hidden; border: 1px solid #ccc; border-right: none; border-bottom: none;}
.confirmOrderBoxb .table1 li{ float: left; line-height: 38px; font-size: 14px; color: #666; padding-left: 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.confirmOrderBoxb .table1 li span{ color: #999;}
.confirmOrderBoxb .table1 li.w1{ width: 303px;}
.confirmOrderBoxb .table1 li.w2{ width: 166px; padding: 20px 0 19px 15px;}
.confirmOrderBoxb .table1 li.w3{ width: 622px;}
.confirmOrderBoxb .table1 li.w4{ width: 622px;}
.confirmOrderBoxb .table2{ margin: 0 30px; border: 1px solid #ccc; border-right: none; border-bottom: none;}
.confirmOrderBoxb .table2 .title{ background: #f4f4f4; overflow: hidden;}
.confirmOrderBoxb .table2 .title span,
.confirmOrderBoxb .table2 .txt2 span{ border-bottom: 1px solid #ccc;}
.confirmOrderBoxb .table2 .txt,
.confirmOrderBoxb .table2 .txt2{ overflow: hidden; }
.confirmOrderBoxb .table2 .txt1{ overflow: hidden; border: 1px solid #ccc; border-left: none;}
.confirmOrderBoxb .table2 span{ float: left; line-height: 38px; font-size: 14px; color: #666; text-align: center; border-right: 1px solid #ccc; }
.confirmOrderBoxb .table2 span.w1{ width: 80px;}
.confirmOrderBoxb .table2 span.w2{ width: 355px;}
.confirmOrderBoxb .table2 span.w3{ width: 100px;}
.confirmOrderBoxb .table2 span.w4{ width: 70px; border: none;}
.confirmOrderBoxb .table2 span.w5{ width: 100px; float: right; border: none;}
.confirmOrderBoxb .table2 span.w6{ width: 456px;}
.confirmOrderBoxb .table2 span.w7{ float: right; border: none; padding-right: 38px;}
.confirmOrderBoxb .table2 span.w8{ width: 120px;}
.confirmOrderBoxb .table2 span.w9{ width: 376px;}
.confirmOrderBoxb .table2 span.w10{ width: 140px;}
.confirmOrderBoxb .table2 span.w11{ width: 181px;}
.confirmOrderBoxb .table2 span.w12{ width: 455px;}
.confirmOrderBoxb .gray{ margin: 15px 30px 0; background: #f4f4f4; border-radius: 5px; padding: 10px 20px; }
.confirmOrderBoxb .gray .txt{ line-height: 26px; font-size: 13px; color: #c00; }
.confirmOrderBoxb .checkBoxb{ padding: 10px 0 0 30px; line-height: 24px; font-size: 14px; color: #666; }
.confirmOrderBoxb .checkBoxb span{ float: left; width: 20px; height: 24px; cursor: pointer; margin-right: 5px; background: url(../image/select1.png) no-repeat -4px 0px; }
.confirmOrderBoxb .checkBoxb span.thisOver{ background-image: url(../image/select2.png); }
.confirmOrderBoxb .btnb{ overflow: hidden; padding: 15px 0 35px; text-align: center;}
.confirmOrderBoxb .btnb a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #ccc; margin: 0 20px; }
.confirmOrderBoxb .btnb a.red{ background: #c00; }


/*保养首页提示弹窗*/
.tipsTcb{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1;}
.tipsBoxb{ width: 440px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -220px;}
.tipsBoxb .close{ position: absolute; top: 30px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.tipsBoxb .txt1{ line-height: 20px; font-size: 18px; color: #444; padding: 30px 0 20px 52px; background: url(../image/icon3.png) no-repeat 24px 30px; }
.tipsBoxb .txt2{ width: 360px; height: 115px; line-height: 28px; font-size: 16px; color: #666; margin: 0 auto;}
.tipsBoxb .txt2 span{ font-size: 14px; color: #999; }
.tipsBoxb .btn{ overflow: hidden; text-align: center; padding: 22px 0; background: #f4f4f4; border-radius: 0 0 5px 5px;}
.tipsBoxb .btn a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #c00; margin: 0 5px; }
.tipsBoxb .btn a.qx{ background: #ccc; }



/*上门保养试用弹窗*/
.indexTcd{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.indexTcBoxd{ width: 750px; background: #fff; border-radius: 4px; margin: 5% auto; padding-bottom: 1px;}
.indexTcBoxd .top{ height: 50px; padding: 35px 40px 0; }
.indexTcBoxd .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.indexTcBoxd .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.indexTcBoxd .top .txt{ float: left; line-height: 24px; font-size: 14px; color: #999; }
.indexTcBoxd .top .txt span{ color: #c00; }
.indexTcBoxd .top .close{ float: right; margin: 0px; cursor: pointer;}
.indexTcBoxd .top .close:hover{ opacity: 0.8; }
.indexTcBoxd .box{ margin: 0 30px; border: 1px solid #d8d8d8; border-radius: 4px; padding: 0 0 10px 25px;}
.indexTcBoxd .box .txt1{ font-size: 14px; color: #999; line-height: 20px; padding: 20px 0 10px 15px; }
.indexTcBoxd .box .txt1 span{ padding-right: 10px; color: #DE0000; }
.indexTcBoxd .box .txt2{ clear: both; font-size: 16px; color: #666; line-height: 20px; padding: 0 0 20px 17px;}
.indexTcBoxd .box .txt2.hide{ display: none; }
.indexTcBoxd .box .gray{ width: 638px; margin: 0 0 18px 0; background: #f4f4f4; border-radius: 4px; padding-top: 18px;}
.indexTcBoxd .box .gray .name{ width: 98px; float: left; line-height: 22px; padding-top: 6px; font-size: 16px; color: #444; text-align: center;}
.indexTcBoxd .box .gray .r{ float: left; width: 520px;}
.indexTcBoxd .box .gray .line{ padding-bottom: 18px; }
.indexTcBoxd .box .gray .select{ width: 456px; display: inline-block; }
.indexTcBoxd .box .gray .del{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.indexTcBoxd .box .gray .del.hide{ display: none; }
.indexTcBoxd .box .gray .add{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.indexTcBoxd .box .myDl{ width: 320px; float: left; height: 62px;}
.indexTcBoxd .box .zq,
.indexTcBoxd .box .myDl.yj{ display: none; }
.indexTcBoxd .box .myDl dt{ width: 98px; float: left; line-height: 42px; font-size: 16px; color: #666; text-align: center; }
.indexTcBoxd .box .myDl input{  float: left; width: 190px; height: 40px; line-height: 40px; font-size: 16px; color: #444; outline: none; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px;}
.indexTcBoxd .box .myDl input.date{ background: url(../image/date.png) no-repeat right center; cursor:pointer;}
.indexTcBoxd .box .myDl input.error{ border-color: #DE0000; }
.indexTcBoxd .box .myDl dd{ float: left; position: relative;}
.indexTcBoxd .box .myDl dd .errorTxt{ font-size: 12px; line-height: 20px; color: #DE0000; padding-left: 10px;}
.indexTcBoxd .box .select{ width: 210px; float: left; position: relative;}
.indexTcBoxd .box .select.w1{ width: 210px; margin-top: 10px;}
.indexTcBoxd .box .select.w2{ width: 110px; margin-right: 20px;}
.indexTcBoxd .box .select.w3{ width: 140px;}
.indexTcBoxd .box .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid rgba(204,204,204,1);}
.indexTcBoxd .box .selectT span{ color: #ccc; }
.indexTcBoxd .box .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.indexTcBoxd .box .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.indexTcBoxd .box .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.indexTcBoxd .box .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.indexTcBoxd .box .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.indexTcBoxd .box .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.indexTcBoxd .box .selectW .option:hover{ background-color: #f2f2f2; }
.indexTcBoxd .box .myDl.w1{ width: 650px; }
.indexTcBoxd .box .myDl.w1 input{ width: 508px; }
.indexTcBoxd .box .myDl.w2,
.indexTcBoxd .box .myDl.w3{ width: 650px; }
.indexTcBoxd .box .myDl.w2 input{ width: 510px; }
.indexTcBoxd .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }

/*上门保养确认单弹窗*/
/*预约确认单*/
.confirmOrderTcd{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.confirmOrderBoxd{ width: 700px; background: #fff; border-radius: 4px; position: relative; margin: 5% auto;}
.confirmOrderBoxd .close{ position: absolute; top: 40px; right: 40px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.confirmOrderBoxd h2{ line-height: 22px; font-size: 18px; color: #444; padding: 35px 0 20px 62px; background: url(../image/icon5.png) no-repeat 30px 35px; }
.confirmOrderBoxd h3{ line-height: 40px; font-size: 16px; color: #666; padding-left: 30px; }
.confirmOrderBoxd h3 span{ font-size: 12px; color: #999; font-weight: normal; }
.confirmOrderBoxd h4{ line-height: 40px; font-size: 16px; color: #666; float: right; padding-right: 60px; }
.confirmOrderBoxd h4 span{ font-weight: normal; }
.confirmOrderBoxd .table1{ margin: 0 31px 0 30px; overflow: hidden; border: 1px solid #ccc; border-right: none; border-bottom: none;}
.confirmOrderBoxd .table1 li{ float: left; line-height: 38px; font-size: 14px; color: #666; padding-left: 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.confirmOrderBoxd .table1 li span{ color: #999;}
.confirmOrderBoxd .table1 li.w1{ width: 303px;}
.confirmOrderBoxd .table1 li.w2{ width: 166px; padding: 20px 0 19px 15px;}
.confirmOrderBoxd .table1 li.w3{ width: 622px;}
.confirmOrderBoxd .table1 li.w4{ width: 622px;}
.confirmOrderBoxd .table2{ margin: 0 30px; border: 1px solid #ccc; border-right: none; border-bottom: none;}
.confirmOrderBoxd .table2 .title{ background: #f4f4f4; overflow: hidden;}
.confirmOrderBoxd .table2 .title span,
.confirmOrderBoxd .table2 .txt2 span{ border-bottom: 1px solid #ccc;}
.confirmOrderBoxd .table2 .txt,
.confirmOrderBoxd .table2 .txt2{ overflow: hidden; }
.confirmOrderBoxd .table2 .txt1{ overflow: hidden; border: 1px solid #ccc; border-left: none;}
.confirmOrderBoxd .table2 span{ float: left; line-height: 38px; font-size: 14px; color: #666; text-align: center; border-right: 1px solid #ccc; }
.confirmOrderBoxd .table2 span.w1{ width: 80px;}
.confirmOrderBoxd .table2 span.w2{ width: 355px;}
.confirmOrderBoxd .table2 span.w3{ width: 100px;}
.confirmOrderBoxd .table2 span.w4{ width: 70px; border: none;}
.confirmOrderBoxd .table2 span.w5{ width: 100px; float: right; border: none;}
.confirmOrderBoxd .table2 span.w6{ width: 456px;}
.confirmOrderBoxd .table2 span.w7{ float: right; border: none; padding-right: 38px;}
.confirmOrderBoxd .table2 span.w8{ width: 120px;}
.confirmOrderBoxd .table2 span.w9{ width: 376px;}
.confirmOrderBoxd .table2 span.w10{ width: 140px;}
.confirmOrderBoxd .table2 span.w11{ width: 181px;}
.confirmOrderBoxd .table2 span.w12{ width: 455px;}
.confirmOrderBoxd .gray{ margin: 15px 30px 0; background: #f4f4f4; border-radius: 5px; padding: 10px 20px; }
.confirmOrderBoxd .gray .txt{ line-height: 26px; font-size: 13px; color: #c00; }
.confirmOrderBoxd .checkBoxb{ padding: 10px 0 0 30px; line-height: 24px; font-size: 14px; color: #666; }
.confirmOrderBoxd .checkBoxb span{ float: left; width: 20px; height: 24px; cursor: pointer; margin-right: 5px; background: url(../image/select1.png) no-repeat -4px 0px; }
.confirmOrderBoxd .checkBoxb span.thisOver{ background-image: url(../image/select2.png); }
.confirmOrderBoxd .btnb{ overflow: hidden; padding: 15px 0 35px; text-align: center;}
.confirmOrderBoxd .btnb a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #ccc; margin: 0 20px; }
.confirmOrderBoxd .btnb a.red{ background: #c00; }


/*上门保养首页提示弹窗*/
.tipsTcd{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1;}
.tipsBoxd{ width: 440px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -220px;}
.tipsBoxd .close{ position: absolute; top: 30px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.tipsBoxd .txt1{ line-height: 20px; font-size: 18px; color: #444; padding: 30px 0 20px 52px; background: url(../image/icon3.png) no-repeat 24px 30px; }
.tipsBoxd .txt2{ width: 360px; height: 115px; line-height: 28px; font-size: 16px; color: #666; margin: 0 auto;}
.tipsBoxd .txt2 span{ font-size: 14px; color: #999; }
.tipsBoxd .btn{ overflow: hidden; text-align: center; padding: 22px 0; background: #f4f4f4; border-radius: 0 0 5px 5px;}
.tipsBoxd .btn a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #c00; margin: 0 5px; }
.tipsBoxd .btn a.qx{ background: #ccc; }



/*维修弹窗*/
.indexTcr{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.indexTcBoxr{ width: 750px; background: #fff; border-radius: 4px; margin: 5% auto; padding-bottom: 1px;}
.indexTcBoxr .top{ height: 50px; padding: 35px 40px 0; }
.indexTcBoxr .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.indexTcBoxr .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.indexTcBoxr .top .txt{ float: left; line-height: 24px; font-size: 14px; color: #999; }
.indexTcBoxr .top .txt span{ color: #c00; }
.indexTcBoxr .top .close{ float: right; margin: 0px; cursor: pointer;}
.indexTcBoxr .top .close:hover{ opacity: 0.8; }
.indexTcBoxr .box{ margin: 0 30px; border: 1px solid #d8d8d8; border-radius: 4px; padding: 0 0 10px 25px;}
.indexTcBoxr .box .txt1{ font-size: 14px; color: #999; line-height: 20px; padding: 20px 0 10px 15px; }
.indexTcBoxr .box .txt1 span{ padding-right: 10px; color: #DE0000; }
.indexTcBoxr .box .txt2{ clear: both; font-size: 16px; color: #666; line-height: 20px; padding: 0 0 20px 17px;}
.indexTcBoxr .box .txt2.hide{ display: none; }
.indexTcBoxr .box .gray{ width: 638px; margin: 0 0 18px 0; background: #f4f4f4; border-radius: 4px; padding-top: 18px;}
.indexTcBoxr .box .gray .name{ width: 98px; float: left; line-height: 22px; padding-top: 6px; font-size: 16px; color: #444; text-align: center;}
.indexTcBoxr .box .gray .r{ float: left; width: 520px;}
.indexTcBoxr .box .gray .line{ padding-bottom: 18px; }
.indexTcBoxr .box .gray .select{ width: 456px; display: inline-block; }
.indexTcBoxr .box .gray .del{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.indexTcBoxr .box .gray .del.hide{ display: none; }
.indexTcBoxr .box .gray .add{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.indexTcBoxr .box .myDl{ width: 320px; float: left; height: 62px;}
.indexTcBoxr .box .zq,
.indexTcBoxr .box .myDl.yj{ display: none; }
.indexTcBoxr .box .myDl dt{ width: 98px; float: left; line-height: 42px; font-size: 16px; color: #666; text-align: center; }
.indexTcBoxr .box .myDl input{  float: left; width: 190px; height: 40px; line-height: 40px; font-size: 16px; color: #444; outline: none; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px;}
.indexTcBoxr .box .myDl input.date{ background: url(../image/date.png) no-repeat right center;cursor:pointer; }
.indexTcBoxr .box .myDl input.error{ border-color: #DE0000; }
.indexTcBoxr .box .myDl dd{ float: left; position: relative;}
.indexTcBoxr .box .myDl dd .errorTxt{ font-size: 12px; line-height: 20px; color: #DE0000; padding-left: 10px;}
.indexTcBoxr .box .select{ width: 210px; float: left; position: relative;}
.indexTcBoxr .box .select.w1{ width: 210px; margin-top: 10px;}
.indexTcBoxr .box .select.w2{ width: 110px; margin-right: 20px;}
.indexTcBoxr .box .select.w3{ width: 140px;}
.indexTcBoxr .box .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid rgba(204,204,204,1);}
.indexTcBoxr .box .selectT span{ color: #ccc; }
.indexTcBoxr .box .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.indexTcBoxr .box .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.indexTcBoxr .box .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.indexTcBoxr .box .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.indexTcBoxr .box .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.indexTcBoxr .box .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.indexTcBoxr .box .selectW .option:hover{ background-color: #f2f2f2; }
.indexTcBoxr .box .myDl.w1{ width: 650px; }
.indexTcBoxr .box .myDl.w1 input{ width: 508px; }
.indexTcBoxr .box .myDl.w2,
.indexTcBoxr .box .myDl.w3{ width: 650px; }
.indexTcBoxr .box .myDl.w2 input{ width: 380px; }
.indexTcBoxr .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }

/*维修弹窗*/
/*维修预约确认单*/
.confirmOrderTcr{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.confirmOrderBoxr{ width: 700px; background: #fff; border-radius: 4px; position: relative; margin: 5% auto;}
.confirmOrderBoxr .close{ position: absolute; top: 40px; right: 40px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.confirmOrderBoxr h2{ line-height: 22px; font-size: 18px; color: #444; padding: 35px 0 20px 62px; background: url(../image/icon5.png) no-repeat 30px 35px; }
.confirmOrderBoxr h3{ line-height: 40px; font-size: 16px; color: #666; padding-left: 30px; }
.confirmOrderBoxr h3 span{ font-size: 12px; color: #999; font-weight: normal; }
.confirmOrderBoxr h4{ line-height: 40px; font-size: 16px; color: #666; float: right; padding-right: 60px; }
.confirmOrderBoxr h4 span{ font-weight: normal; }
.confirmOrderBoxr .table1{ margin: 0 31px 0 30px; overflow: hidden; border: 1px solid #ccc; border-right: none; border-bottom: none;}
.confirmOrderBoxr .table1 li{ float: left; line-height: 38px; font-size: 14px; color: #666; padding-left: 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.confirmOrderBoxr .table1 li span{ color: #999;}
.confirmOrderBoxr .table1 li.w1{ width: 303px;}
.confirmOrderBoxr .table1 li.w2{ width: 166px; padding: 20px 0 19px 15px;}
.confirmOrderBoxr .table1 li.w3{ width: 622px;}
.confirmOrderBoxr .table1 li.w4{ width: 622px;}
.confirmOrderBoxr .table2{ margin: 0 30px; border: 1px solid #ccc; border-right: none; border-bottom: none;}
.confirmOrderBoxr .table2 .title{ background: #f4f4f4; overflow: hidden;}
.confirmOrderBoxr .table2 .title span,
.confirmOrderBoxr .table2 .txt2 span{ border-bottom: 1px solid #ccc;}
.confirmOrderBoxr .table2 .txt,
.confirmOrderBoxr .table2 .txt2{ overflow: hidden; }
.confirmOrderBoxr .table2 .txt1{ overflow: hidden; border: 1px solid #ccc; border-left: none;}
.confirmOrderBoxr .table2 span{ float: left; line-height: 38px; font-size: 14px; color: #666; text-align: center; border-right: 1px solid #ccc; }
.confirmOrderBoxr .table2 span.w1{ width: 80px;}
.confirmOrderBoxr .table2 span.w2{ width: 355px;}
.confirmOrderBoxr .table2 span.w3{ width: 100px;}
.confirmOrderBoxr .table2 span.w4{ width: 70px; border: none;}
.confirmOrderBoxr .table2 span.w5{ width: 100px; float: right; border: none;}
.confirmOrderBoxr .table2 span.w6{ width: 456px;}
.confirmOrderBoxr .table2 span.w7{ float: right; border: none; padding-right: 38px;}
.confirmOrderBoxr .table2 span.w8{ width: 120px;}
.confirmOrderBoxr .table2 span.w9{ width: 376px;}
.confirmOrderBoxr .table2 span.w10{ width: 140px;}
.confirmOrderBoxr .table2 span.w11{ width: 181px;}
.confirmOrderBoxr .table2 span.w12{ width: 455px;}
.confirmOrderBoxr .gray{ margin: 15px 30px 0; background: #f4f4f4; border-radius: 5px; padding: 10px 20px; }
.confirmOrderBoxr .gray .txt{ line-height: 26px; font-size: 13px; color: #c00; }
.confirmOrderBoxr .checkBoxb{ padding: 10px 0 0 30px; line-height: 24px; font-size: 14px; color: #666; }
.confirmOrderBoxr .checkBoxb span{ float: left; width: 20px; height: 24px; cursor: pointer; margin-right: 5px; background: url(../image/select1.png) no-repeat -4px 0px; }
.confirmOrderBoxr .checkBoxb span.thisOver{ background-image: url(../image/select2.png); }
.confirmOrderBoxr .btnb{ overflow: hidden; padding: 15px 0 35px; text-align: center;}
.confirmOrderBoxr .btnb a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #ccc; margin: 0 20px; }
.confirmOrderBoxr .btnb a.red{ background: #c00; }


/*维修首页提示弹窗*/
.tipsTcr{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1;}
.tipsBoxr{ width: 440px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -220px;}
.tipsBoxr .close{ position: absolute; top: 30px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.tipsBoxr .txt1{ line-height: 20px; font-size: 18px; color: #444; padding: 30px 0 20px 52px; background: url(../image/icon3.png) no-repeat 24px 30px; }
.tipsBoxr .txt2{ width: 360px; height: 115px; line-height: 28px; font-size: 16px; color: #666; margin: 0 auto;}
.tipsBoxr .txt2 span{ font-size: 14px; color: #999; }
.tipsBoxr .btn{ overflow: hidden; text-align: center; padding: 22px 0; background: #f4f4f4; border-radius: 0 0 5px 5px;}
.tipsBoxr .btn a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #c00; margin: 0 5px; }
.tipsBoxr .btn a.qx{ background: #ccc; }


/*清洁首页弹窗*/
.indexTcq{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.indexTcBoxq{width: 750px; background: #fff; border-radius: 4px; margin: 5% auto; padding-bottom: 1px; }
.indexTcBoxq .top{ height: 50px; padding: 35px 40px 0; }
.indexTcBoxq .top .title{ float: left; line-height: 20px; font-size: 20px; font-weight: bold; color: #444; }
.indexTcBoxq .top img{ float: left; margin: 0 20px 0 10px; cursor: pointer;}
.indexTcBoxq .top .txt{ float: left; line-height: 24px; font-size: 14px; color: #999; }
.indexTcBoxq .top .txt span{ color: #c00; }
.indexTcBoxq .top .close{ float: right; margin: 0px; cursor: pointer;}
.indexTcBoxq .top .close:hover{ opacity: 0.8; }
.indexTcBoxq .box{ margin: 0 30px; border: 1px solid #d8d8d8; border-radius: 4px; padding: 0 0 10px 25px;}
.indexTcBoxq .box .txt1{ font-size: 14px; color: #999; line-height: 20px; padding: 20px 0 10px 15px; }
.indexTcBoxq .box .txt1 span{ padding-right: 10px; color: #DE0000; }
.indexTcBoxq .box .txt2{ clear: both; font-size: 16px; color: #666; line-height: 20px; padding: 0 0 20px 17px;}
.indexTcBoxq .box .txt2.hide{ display: none; }
.indexTcBoxq .box .gray{ width: 638px; margin: 0 0 18px 0; background: #f4f4f4; border-radius: 4px; padding-top: 18px;}
.indexTcBoxq .box .gray .name{ width: 98px; float: left; line-height: 22px; padding-top: 6px; font-size: 16px; color: #444; text-align: center;}
.indexTcBoxq .box .gray .r{ float: left; width: 520px;}
.indexTcBoxq .box .gray .line{ padding-bottom: 18px; }
.indexTcBoxq .box .gray .select{ width: 456px; display: inline-block; }
.indexTcBoxq .box .gray .del{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.indexTcBoxq .box .gray .del.hide{ display: none; }
.indexTcBoxq .box .gray .add{ display: inline-block; margin: 8px 0 8px 10px; cursor: pointer;}
.indexTcBoxq .box .myDl{ width: 320px; float: left; height: 62px;}
.indexTcBoxq .box .zq,
.indexTcBoxq .box .myDl.yj{ display: none; }
.indexTcBoxq .box .myDl dt{ width: 98px; float: left; line-height: 42px; font-size: 16px; color: #666; text-align: center; }
.indexTcBoxq .box .myDl input{  float: left; width: 190px; height: 40px; line-height: 40px; font-size: 16px; color: #444; outline: none; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px;}
.indexTcBoxq .box .myDl input.date{ background: url(../image/date.png) no-repeat right center; cursor:pointer;}
.indexTcBoxq .box .myDl input.error{ border-color: #DE0000; }
.indexTcBoxq .box .myDl dd{ float: left; position: relative;}
.indexTcBoxq .box .myDl dd .errorTxt{ font-size: 12px; line-height: 20px; color: #DE0000; padding-left: 10px;}
.indexTcBoxq .box .select{ width: 210px; float: left; position: relative;}
.indexTcBoxq .box .select.w1{ width: 210px; margin-top: 10px;}
.indexTcBoxq .box .select.w2{ width: 110px; margin-right: 20px;}
.indexTcBoxq .box .select.w3{ width: 140px;}
.indexTcBoxq .box .selectT{ width: calc(100% - 20px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: #fff url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid rgba(204,204,204,1);}
.indexTcBoxq .box .selectT span{ color: #ccc; }
.indexTcBoxq .box .selectW{ width:100%; max-height: 240px; border:1px solid rgba(204,204,204,1); border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.indexTcBoxq .box .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.indexTcBoxq .box .selectW .optionL{ position: absolute; left: 0; top: 0; width: 65px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.indexTcBoxq .box .selectW .optionR{ float: left; width: 393px; padding: 5px 0 5px 65px; max-height: 240px; overflow-y: auto;}
.indexTcBoxq .box .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.indexTcBoxq .box .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.indexTcBoxq .box .selectW .option:hover{ background-color: #f2f2f2; }
.indexTcBoxq .box .myDl.w1{ width: 650px; }
.indexTcBoxq .box .myDl.w1 input{ width: 508px; }
.indexTcBoxq .box .myDl.w2,
.indexTcBoxq .box .myDl.w3{ width: 650px; }
.indexTcBoxq .box .myDl.w2 input{ width: 380px; }
.indexTcBoxq .submit{ display: block; width: 120px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; margin: 20px auto 35px; border-radius: 4px; background: #c00; }

/*清洁弹窗*/
/*清洁首页确认单*/
.confirmOrderTcq{ width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.confirmOrderBoxq{ width: 700px; background: #fff; border-radius: 4px; position: relative; margin: 5% auto;}
.confirmOrderBoxq .close{ position: absolute; top: 40px; right: 40px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.confirmOrderBoxq h2{ line-height: 22px; font-size: 18px; color: #444; padding: 35px 0 20px 62px; background: url(../image/icon5.png) no-repeat 30px 35px; }
.confirmOrderBoxq h3{ line-height: 40px; font-size: 16px; color: #666; padding-left: 30px; }
.confirmOrderBoxq h3 span{ font-size: 12px; color: #999; font-weight: normal; }
.confirmOrderBoxq h4{ line-height: 40px; font-size: 16px; color: #666; float: right; padding-right: 60px; }
.confirmOrderBoxq h4 span{ font-weight: normal; }
.confirmOrderBoxq .table1{ margin: 0 31px 0 30px; overflow: hidden; border: 1px solid #ccc; border-right: none; border-bottom: none;}
.confirmOrderBoxq .table1 li{ float: left; line-height: 38px; font-size: 14px; color: #666; padding-left: 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.confirmOrderBoxq .table1 li span{ color: #999;}
.confirmOrderBoxq .table1 li.w1{ width: 303px;}
.confirmOrderBoxq .table1 li.w2{ width: 166px; padding: 20px 0 19px 15px;}
.confirmOrderBoxq .table1 li.w3{ width: 622px;}
.confirmOrderBoxq .table1 li.w4{ width: 622px;}
.confirmOrderBoxq .table2{ margin: 0 30px; border: 1px solid #ccc; border-right: none; border-bottom: none;}
.confirmOrderBoxq .table2 .title{ background: #f4f4f4; overflow: hidden;}
.confirmOrderBoxq .table2 .title span,
.confirmOrderBoxq .table2 .txt2 span{ border-bottom: 1px solid #ccc;}
.confirmOrderBoxq .table2 .txt,
.confirmOrderBoxq .table2 .txt2{ overflow: hidden; }
.confirmOrderBoxq .table2 .txt1{ overflow: hidden; border: 1px solid #ccc; border-left: none;}
.confirmOrderBoxq .table2 span{ float: left; line-height: 38px; font-size: 14px; color: #666; text-align: center; border-right: 1px solid #ccc; }
.confirmOrderBoxq .table2 span.w1{ width: 80px;}
.confirmOrderBoxq .table2 span.w2{ width: 355px;}
.confirmOrderBoxq .table2 span.w3{ width: 100px;}
.confirmOrderBoxq .table2 span.w4{ width: 70px; border: none;}
.confirmOrderBoxq .table2 span.w5{ width: 100px; float: right; border: none;}
.confirmOrderBoxq .table2 span.w6{ width: 456px;}
.confirmOrderBoxq .table2 span.w7{ float: right; border: none; padding-right: 38px;}
.confirmOrderBoxq .table2 span.w8{ width: 120px;}
.confirmOrderBoxq .table2 span.w9{ width: 376px;}
.confirmOrderBoxq .table2 span.w10{ width: 140px;}
.confirmOrderBoxq .table2 span.w11{ width: 181px;}
.confirmOrderBoxq .table2 span.w12{ width: 455px;}
.confirmOrderBoxq .gray{ margin: 15px 30px 0; background: #f4f4f4; border-radius: 5px; padding: 10px 20px; }
.confirmOrderBoxq .gray .txt{ line-height: 26px; font-size: 13px; color: #c00; }
.confirmOrderBoxq .checkBoxb{ padding: 10px 0 0 30px; line-height: 24px; font-size: 14px; color: #666; }
.confirmOrderBoxq .checkBoxb span{ float: left; width: 20px; height: 24px; cursor: pointer; margin-right: 5px; background: url(../image/select1.png) no-repeat -4px 0px; }
.confirmOrderBoxq .checkBoxb span.thisOver{ background-image: url(../image/select2.png); }
.confirmOrderBoxq .btnb{ overflow: hidden; padding: 15px 0 35px; text-align: center;}
.confirmOrderBoxq .btnb a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #ccc; margin: 0 20px; }
.confirmOrderBoxq .btnb a.red{ background: #c00; }


/*清洁首页提示弹窗*/
.tipsTcq{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1;}
.tipsBoxq{ width: 440px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -220px;}
.tipsBoxq .close{ position: absolute; top: 30px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.tipsBoxq .txt1{ line-height: 20px; font-size: 18px; color: #444; padding: 30px 0 20px 52px; background: url(../image/icon3.png) no-repeat 24px 30px; }
.tipsBoxq .txt2{ width: 360px; height: 115px; line-height: 28px; font-size: 16px; color: #666; margin: 0 auto;}
.tipsBoxq .txt2 span{ font-size: 14px; color: #999; }
.tipsBoxq .btn{ overflow: hidden; text-align: center; padding: 22px 0; background: #f4f4f4; border-radius: 0 0 5px 5px;}
.tipsBoxq .btn a{ display: inline-block; width: 120px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #c00; margin: 0 5px; }
.tipsBoxq .btn a.qx{ background: #ccc; }

/*编辑证件照 弹窗*/
.register .headPortraitTc{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); position: fixed; left: 0; top: 0; z-index: 1;display:none}
.register .editImageBox{ width: 465px; height: 630px; background: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; margin: -315px 0 0 -232px;}
.register .editImageBox .close{ position: absolute; top: 27px; right: 35px; width: 16px; height: 16px; cursor: pointer; background: url(../image/close.png) no-repeat 0px 0px;}
.register .editImageBox h2{ line-height: 46px; font-size: 18px; color: #444; padding-left: 65px; background: url(../image/icon21.png) no-repeat 35px center; }
.register .editImageBox .box{ height: 408px; border: 1px solid #d8d8d8; margin: 0 32px; border-radius: 4px; position: relative; overflow: hidden;}
.register .editImageBox .box .rotate{ width: 100%; height: 37px; padding-top: 11px; position: absolute; left: 0; bottom: 0; background-color: #808080;}
.register .editImageBox .box .rotate .l{ float: left; height: 26px; width: 119px; float: left; line-height: 26px; font-size: 14px; color: #fff; padding-left: 80px; background: url(../image/icon28.png) no-repeat 57px center; border-right: 1px solid #ddd;}
.register .editImageBox .box .rotate .l:hover{ background-image: url(../image/icon29.png); cursor: pointer; color: #c00; }
.register .editImageBox .box .rotate .r{ float: left; height: 26px; width: 119px; float: left; line-height: 26px; font-size: 14px; color: #fff; padding-left: 80px; background: url(../image/icon26.png) no-repeat 57px center; }
.register .editImageBox .box .rotate .r:hover{ background-image: url(../image/icon27.png); cursor: pointer; color: #c00; }
.register .editImageBox .txt{ height: 40px; margin: 10px 32px 22px; background: rgba(0,0,0,0.05); border-radius: 4px; overflow: hidden;}
.register .editImageBox .txt span{ width: 50%; float: left; line-height: 40px; font-size: 14px; color: #444; text-align: center; }
.register .editImageBox .newbtn{ text-align: center; }
.register .editImageBox .newbtn a{ width: 120px; line-height: 40px; font-size: 14px; color: #fff; border-radius: 4px; background-color: #c00; margin: 0 15px; display: inline-block; }
.register .editImageBox .newbtn a.cancel{ background-color: #ccc; }

/*朋友圈晒图弹窗*/
.friendCircleTc{ width: 770px; height: 620px; padding-left: 50px; border-radius: 5px; box-shadow: 0px 0px 10px 0px #ccc; overflow: hidden; background: url(../image/friendCircleBg.jpg) repeat-x 0px 0px; position: fixed; left: 50%; top: 50%; margin: -310px 0 0 -405px; display: none;}
.friendCircleTc .close{ float: right; margin: 30px 20px 0 0; }
.friendCircleTc .title{ line-height: 22px; font-size: 16px; color: #333; padding: 30px 0 10px 0;}
.friendCircleTc .txt{ line-height: 32px; font-size: 14px; color: #666; padding-bottom: 20px;}
.friendCircleTc img{ float: left; margin-right: 20px; }

/*续费*/
.payment{ background: #f9f9f9; padding: 50px 0 20px;}
.payment .wrap{ width: 1200px; border: 1px solid #D8D8D8; background: #fff; margin: 0 auto; position: relative;}
.payment .wrap .title{ width: 157px; height: 50px; line-height: 50px; font-size: 26px; color: #fff; padding-left: 21px; background: url(../image/ruleBg.png) no-repeat 0px 0px; position: absolute; left: 50px; top: -19px; text-align: center;}
.payment .wrap .txt1{ line-height: 24px; font-size: 16px; color: #444; padding: 70px 0 0 95px;}
.payment .wrap .txt2{ line-height: 24px; font-size: 14px; color: #444; padding: 0 0 0px 95px;}
.payment .wrap .txt3{ line-height: 74px; font-size: 20px; color: #444; text-align: center; background: #d8d8d8;}
.payment .wrap .txt4{ line-height: 74px; font-size: 14px; color: #444; text-align: center; }
.payment .wrap .txt4 span{ font-size: 20px; }
.payment .wrap .txt5{ line-height: 20px; font-size: 18px; color: #444; padding: 20px 0 0 25px; }
.payment .wrap .txt6{ line-height: 20px; font-size: 14px; color: #444; text-align: center; padding-top: 20px;}
.payment .wrap .txt6 span{ font-size: 38px; }
.payment .wrap .box2 .txt6 span{ color: #FFAD00; }
.payment .wrap .txt7{ line-height: 20px; font-size: 14px; color: #444; padding: 20px 95px 50px 0; text-align: right;}
.payment .wrap .myUl{ overflow: hidden; padding-left: 95px;}
.payment .wrap .myUl li{ width: 315px; height: 497px; float: left; border: 1px solid #ddd; margin-right: 27px;}
.payment .wrap .box1{ width: 215px; height: 124px; background: #f7f7f7; border: 1px solid #eee; border-radius: 5px; margin: 0 auto; }
.payment .wrap .box2{ width: 215px; height: 124px; background: #f7f7f7; border: 1px solid #eee; border-radius: 5px; margin: 35px auto 0; }
.payment .wrap .myUl .yellow{ border-color: #FFAD00; }
.payment .wrap .myUl .yellow .txt3{ background: #FFAD00; color: #fff; }
.payment .wrap .myUl .yellow .box1{ background: #FFF9DF; border-color: #FFDE99; }
.payment .wrap .myUl .yellow .txt6 span{ color: #FFAD00;}
.payment .wrap .myUl .yellow .box2{ background: #FFF9DF url(../image/icon30.png) no-repeat right top; border-color: #FFDE99; }
.payment .wrap .myUl .yellow .box2 .txt6 span{ color: #FF0000; }
.paymentFooter{ height: 244px; background: #fff; }
.paymentFooter .txt1{ width: 1200px; line-height: 20px; font-size: 16px; color: #5A5A5A; text-align: center; margin: 0 auto; padding: 50px 0 20px;}
.paymentFooter .txt2{ width: 1200px; line-height: 20px; font-size: 16px; color: #9D9D9D; text-align: center; margin: 0 auto; }

/* 定格动画固件在线申请 */
.highApply{ width: 100%; height: 100%; }
.highApply .wrap .lineR .redStar{color: #E13C3C;padding-right: 5px;}
.highApply .con{  background: #f9f9f9; padding: 8px 0 90px; min-width: 1174px; background: url(../image/animForm_bg.png) no-repeat top center }
.highApply .wrap{ width:1174px; background: #fff; border-radius:1px; border:1px solid rgba(216,216,216,0.56); margin: 0 auto; position: relative;}
.highApply .wrap .rjbg{width: 100%; margin-top: 62px; margin-bottom: 51px; text-align: center; font-size: 26px; color: #282828; }
.highApply .wrap h2{ width:954px; height:50px; line-height:50px; font-size: 20px; font-weight: normal; color: #757575; padding-left: 30px; background:#f4f4f4; margin: 0 auto;}
.highApply .wrap .box{ padding: 41px 0 10px 105px; }
.highApply .wrap .lineR{ float:left; padding-bottom: 30px; }
.highApply .wrap .line{ height: 320px; }
.highApply .wrap .txt1{ float: left; width: 103px; height: 40px; line-height: 40px; font-size: 16px; color: #9a9a9a; }
.highApply .wrap .txt1 span{color: #ba3d40;float: left;font-size: 12px;}
.highApply .wrap .txtInput{ float: left; width:347px; height:38px; line-height: 38px; padding: 0 10px; margin-right: 15px; font-size: 16px; color: #666; outline: none; background: #fff; border-radius:4px; border:1px solid #ccc;}
.highApply .wrap .txtInput.w2{ width: 834px; }
.highApply .wrap .txtInput.w3{ width: 190px; }
.highApply .wrap .txtInput.w4{ width: 534px; }
.highApply .wrap .red{ float: left; width: 560px; line-height: 20px; font-size: 14px; color: #c00;  }
.highApply .wrap .select{ float: left; margin-right: 15px; position: relative;}
.highApply #userprovince, .highApply #userprovince select, .highApply #usercity, .highApply #usercity select, .highApply #userdistrict, .highApply #userdistrict select {width: 187px; height:38px; line-height: 38px; font-size: 16px; color: #666; }

.highApply .lineR .place{ float: left; line-height: 38px; font-size: 16px; color: #999; }
.highApply .lineR .select{ width: 840px; }
.highApply .lineR .select .selectT{ width: calc(100% - 6px); height:38px; line-height: 38px; padding: 0 10px; font-size: 16px; color: #666; cursor: pointer; background: url(../image/arrow.png) no-repeat right center; border-radius:4px; border:1px solid #ccc;}
.highApply .lineR .selectT span{ color: #ccc; }
.highApply .lineR .selectW{ width:100%; max-height: 240px; border:1px solid #ccc; border-radius: 4px; padding: 5px 0; background: #fff; overflow-y: auto; position: absolute; left: 0px; top: 45px; z-index: 1; display: none;}
.highApply .lineR .selectW.w{ max-height: 250px; min-height: 130px; padding: 0; overflow: hidden;}
.highApply .lineR .selectW .optionL{ position: absolute; left: 0; top: 0; width: 80px; height: calc(100% - 5px); border-right: 1px solid #ddd; padding-top: 5px;}
.highApply .lineR .selectW .optionR{ float: left; width:100%; padding: 5px 0 5px 80px; max-height: 240px; overflow-y: auto;}
.highApply .lineR .selectW .option{ margin: 0 5px; padding: 0 10px; line-height: 40px; font-size: 16px; color: #666; border-radius: 4px; cursor: pointer;}
.highApply .lineR .selectW .option.thisOver{ background-color: #f2f2f2; color: #c00; }
.highApply .lineR .selectW .option:hover{ background-color: #f2f2f2; }
.highApply .lineR input.date{height:38px; background: url(../image/date.png) no-repeat right center;cursor:pointer; }
.highApply .lineR .date_out { position: relative; float: left;}
.highApply .lineR .date_out #sendDate {height: 38px;}
.highApply .wrap .line2{ height: 140px; }

.highApply .con .checkbox {width: 935px;margin: 0 auto;padding: 40px 0 68px 115px;}
.highApply .con .checkbox span {float: left;width: 24px;height: 24px;background: url(../image/select1.png) no-repeat 0px 0px;cursor: pointer;}
.highApply .con .checkbox i {font-style: normal;line-height: 24px;font-size: 14px;color: #b3b3b3;}
.highApply .con .checkbox span.thisOver {background-image: url(../image/select2.png);}

.highApply .registerBtn{ display: block; width:120px; height:38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; background:#CC0000; border-radius:4px; border:1px solid #cccc; margin: 35px auto 0;cursor:pointer; }
.highApply .btn .contact{display: block;font-size: 16px;color: #424242;text-align: center;margin-top: 44px;}
.highApply .con .btn a.red {font-size: 16px;background: #CC0000;}