@charset "UTF-8";
body{margin: 0 auto;width: 100%;font-family: "Microsoft yahei", sans-serif;font-size: 14px;background: url(../images/lg-bg.jpg) no-repeat;-moz-background-size:cover;-ms-background-size:cover;-webkit-background-size:cover;background-size:cover;}
* {-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
div{overflow: visible;}
ul{margin: 0;padding: 0;}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
select,input{font-family: "Microsoft yahei", sans-serif;font-size: 14px;}
select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;border-radius: inherit;cursor: pointer;}
.pointer{cursor: pointer;}
b,i{font-weight: 400;font-style: normal;}
.success{color: #1ABC9C !important;}

.warm{color: #FFB800 !important;}
.normal{color: #0070C0 !important;}

.danger{color: #FF5722 !important;}
.btn-green{background-image:-webkit-gradient(linear,left top,right top,from(#17e66c),to(#10c55b));background-image:-webkit-linear-gradient(left,#17e66c,#10c55b);background-image:linear-gradient(to right,#17e66c,#10c55b);FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#17e66c, endColorStr=#10c55b);border:0}
.btn-green:hover{background-image:-webkit-gradient(linear,left top,right top,from(#22f48a),to(#10c55b));background-image:-webkit-linear-gradient(left,#22f48a,#10c55b);background-image:linear-gradient(to right,#22f48a,#10c55b);FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#22f48a, endColorStr=#10c55b)}


/*layer*/
.laydate_box, .laydate_box * {box-sizing: content-box;}

/*水波纹*/
.ripple-container .ripple {background-color: rgba(255, 255, 255, 0.4);animation: ripple 2s forwards cubic-bezier(0, 0, 0.2, 1);}
@keyframes ripple {0% {transform: scale(0);opacity: 1;}80% {transform: scale(1);}100% {opacity: 0;}}

/*登录注册模块*/
body{background-color: #1b262c;}
/*login.html*/
.head{width: 100%;height: 50px;line-height: 50px;background-color: #1B262C;position: absolute;}
.head span{color: #FFFFFF;}
.head a{color: #FFFFFF;}
.head .sp-1{float: left;margin-left: 30px;font-size: 20px;font-weight: bold;}
.head .sp-2{float: right;margin-right: 50px;font-size: 16px;}
.head .sp-2 .b-1{margin-right: 20px;opacity: 0.7;}
.head .sp-2 .b-2{margin-right: 10px;opacity: 0.7;}
.head .sp-2 .b-3{margin-right: 20px;opacity: 0.7;}
.head .sp-2 .b-4{margin-right: 10px;opacity: 0.7;}
.head .sp-2 .b-5{margin-right: 50px;opacity: 0.7;}
.head .sp-2 .b-6{margin-left: 50px;opacity: 0.7;}
.head .sp-2 .a-1{opacity: 0.7;}
.head .sp-2 .a-1:hover{opacity: 1;}
.lg-ct{width: 100%;}
.lg-pd{margin: 0 auto;width: 1300px;height: 100%;}
.lg-sp-1{position: absolute;top: 40%;left: 50px;font-size: 60px;font-weight: bold;color: #FFFFFF;}
.lg-sp-2{position: absolute;bottom: 50px;left: 30px;font-size: 26px;color: #FFFFFF;opacity: 0.6;}

.lg-form{display: inline-block;width: 312px;height: 354px;padding: 15px 20px;background-color: #FFFFFF;position: absolute;right: 10%;top: 25%;border-radius: 4px;z-index: 99;}
.res-form{display: inline-block;width: 312px;height: 500px;padding: 15px 20px;background-color: #FFFFFF;position: absolute;right: 10%;top: 25%;border-radius: 4px;z-index: 99;}
.fog-form{display: inline-block;width: 312px;height: 386px;padding: 15px 20px;background-color: #FFFFFF;position: absolute;right: 10%;top: 25%;border-radius: 4px;z-index: 99;}
.lg-form-1{width: 100%;height: 40px;line-height: 40px;margin-bottom: 10px;}
.lg-form-1 .sp-1{font-size: 22px;color: #e24241;margin-left: 5px;}
.lg-form-1 .sp-2{font-size: 22px;margin-left: 8px;}
.lg-form-1 .a-1{float: right;font-size: 14px;margin-right: 5px;color: #ff9697;}
.lg-form-1 .a-1:hover{text-decoration: underline;}
.lg-form-2{padding: 5px;}
.lg-form .mui-icon-clear{top: 13px !important;}
.res-form .mui-icon-clear{top: 13px !important;}
.lg-form .mui-icon-eye{top: 13px !important;}
.res-form .mui-icon-eye{top: 13px !important;}
.lg-form-2 .inputSet{padding: 8px 15px;padding-left: 12%;font-size: 14px;height: 36px;margin-bottom: 5px;}
.lg-form-2 .inputCode{font-size: 14px;height: 36px;width: 55%;margin-bottom: 5px;}
.lg-form-2 .inputSub{width: 100%;background-color: #e24241;border: 1px solid #e24241;margin-top: 10px;color: #FFFFFF;font-size: 16px;height: 36px;padding: 4px 15px;}
.lg-form-2 .inputSub:active{background-color: #e24241;border: 1px solid #e24241;}
.lg-form-2 .imgR{width:18px;height:18px;background: url(../images/user.png) no-repeat;display: inline-block;position: absolute;top: 14px;left: 10px;}
.lg-form-2 .imgP{width:18px;height:18px;background: url(../images/locked.png) no-repeat;display: inline-block;position: absolute;top: 14px;left: 10px;}
.lg-form-2 .inputSet:focus{border: 1px solid #ff0000;box-shadow: 0 0 7px #ff9697;}
.lg-form-2 .inputCode:focus{border: 1px solid #ff0000;box-shadow: 0 0 7px #ff9697;}
.lg-form-2 .imgR-r{background: url(../images/user-r.png) no-repeat;}
.lg-form-2 .imgP-r{background: url(../images/locked-r.png) no-repeat;}
.lg-code-1{width: 100%;padding: 0 5px;text-align: right;height: 20px;line-height: 20px;}
.lg-code-1 .lg-a-5{color: #ff9697;font-size: 12px;}
.main-a-img{display: inline-block;float: right;width: 40%;height: 36px;border: 1px solid rgba(0,0,0,.2);border-radius: 3px;cursor: pointer;}
.lg-form-3{width: 100%;height: 30px;line-height: 30px;text-align: center;}
.lg-sp-3{color: #8f8f94;}
.lg-a-4{color: #ff9697;}
.lg-a-4:hover{text-decoration: underline;}
.lg-foot{width: 100%;height: 296px;background-color: #FFFFFF;overflow: hidden;}
.lg-foot-pd{margin: 0 auto;width: 1120px;position: relative;}
.lg-foot-pd a{color: #8f8f94;}
.lg-img-6{position: absolute;right: 110px;top: 150px;width: 100px;}
.lg-ul-2{position: absolute;top: 150px;left: 110px;}
.lg-ul-3{position: absolute;top: 150px;left: 360px;}
.lg-ul-4{position: absolute;top: 150px;left: 600px;}
.lg-li-2{margin-bottom: 10px;}
.lg-li-3{margin-bottom: 2px;}
.lg-li-2 a{font-size: 18px;}
.lg-form-2 .res-btn-sms{width: 40%;background-color: #e2423d;border: 1px solid #e2423d;color: #FFFFFF;}
.lg-form-2 .res-btn-sms:active{background-color: #e2423d;border: 1px solid #e2423d;}

/*login-loginConfirm.html*/
.lc-1{margin: 0 auto;padding: 15px 30px;width: 600px;height: 400px;background-color: #FFFFFF;position: absolute;top: 22%;left: 50%;margin-left:-300px;}
.lc-ct-1{width: 100%;height: 30px;line-height: 30px;}
.lc-ct-1 .sp-1{font-size: 18px;}
.lc-ct-2{width: 75%;padding: 0 15px;margin-top: 20px;font-size: 15px;}
.lc-ct-3{width: 100%;padding: 0 15px;margin-top: 50px;position: relative;font-size: 16px;}
.lc-ct-3 .sp-1{position: absolute;left: 15px;top: 0;}
.lc-ct-3 .btn-1,.lc-ct-3 .btn-2,.lc-ct-3 .btn-3{background-color: #5B7C8B;color: #FFFFFF;border: 1px solid #5B7C8B;width: 200px;height: 45px;font-size: 17px;}
.lc-ct-3 .btn-1:active{background-color: #5B7C8B;}
.lc-ct-3 .btn-2:active{background-color: #5B7C8B;}
.lc-ct-3 .btn-3:active{background-color: #5B7C8B;}
.lc-ct-3 .btn-1{position: absolute;left: 15px;top: 50px;display: none;}
.lc-ct-3 .btn-2{position: absolute;left: 15px;top: 110px;display: none;}
.lc-ct-3 .btn-3{position: absolute;left: 280px;top: 110px;display: none;}
.lc-ct-3 .slt-1,.lc-ct-3 .slt-2{width: 200px;height: 45px;border: 1px solid #C0C0C0 !important;}
.lc-ct-3 .slt-1{position: absolute;left: 280px;top: 0;}
.lc-ct-3 .slt-2{position: absolute;left: 280px;top: 50px;}