* { margin: 0; padding: 0; list-style: none; transition: all;-moz-transition: all; }
body, html { font-family: "微软雅黑"; font-size: 14px; color: #000 }
body { background: url(../img/login_bg.png) center no-repeat; background-size: cover;min-height:100vh;}
a { text-decoration: none; transition-duration: .5s;-webkit-transition-duration: .5s; }
a:hover { text-decoration: none; }
em, i, strong { font-style: normal; }
img { display: inline-block; border: 0; max-width: 100% }
input, textarea, select { outline: none; font-family: "微软雅黑" }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.w1140 { width: 1140px; margin: 0 auto; }
.img img { width: 100%; height: 100%; display: block; transition-duration: 1s; -webkit-transition-duration: 1s; }
.img:hover img { transform: scale(1.1);-webkit-transform: scale(1.1); }
/*头*/
.header { height: 107px; width: 100%;border-bottom: 1px solid #eaeaea; }
.header .logo { float: left; width:500px; margin-top:32px; }
.right { float: right; }
.right > a { float: right; color: #333333; margin-top: 16px }
.right > a:before { content: url(../img/ico4.png); float: left; margin-top: 1px; margin-right: 4px }
.right a:hover { color: #156837 }
.right_bo { width: 100%; float: left; margin-top: 14px }
.right_L, .right_L a img { float: left }
.right_L a { float: left; font-size: 12px; color: #777777; margin-top: 8px }
.right_L a img { margin-right: 6px }
.right_R { float: right; width: 258px; height: 32px; border: 1px solid #d4d4d4; border-radius: 20px; overflow: hidden }
.right_R input { width: 205px; height: 100%; border: none; margin-left: 17px; font-size: 13px; }
.right_R i { width: 26px; height: 26px; background: url(../img/ico5.png) no-repeat center #717070; margin-top: 3px; margin-right: 3px; cursor: pointer; border-radius: 100%; float: right; }
::-webkit-scrollbar { width: 10px; height: 1px; }
::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #535353; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; }

.main { padding: 60px 0px }


.L_header { height: 100px; border: none }
.w1200 { width: 1200px; margin: 0 auto; }
.contain { background: rgb(255,255,255,1); width: 1300px; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 10px 5px #ccc; margin-top: 30px; border-top: 1px solid; border-bottom: 1px solid; border-image: -webkit-linear-gradient(-180deg,hsla(0,0%,100%,0),#fff 50%,hsla(0,0%,100%,0)) 2 2 2 2; border-image: -moz-linear-gradient(-180deg,hsla(0,0%,100%,0) 0,#fff 50%,hsla(0,0%,100%,0) 100%) 2 2 2 2; }
.L_right { float: right; font-size: 16px; margin-top: 39px; }
.L_right p { color: #fff; float: left; margin-right: 20px }
.L_right > a { color: #026836; float: left }
.L_right > a:before { content: url(../img/Loginico1.png); float: left; margin-right: 5px; margin-top: 2px }
.login_con { width: 100%; float: left;}
.login_right { width: 460px; margin: 0 auto; box-shadow: 0 0 10px 5px #ccc; border-radius: 10px }
.login_right dl { width: 100%;border: 1px solid #eff0f2; margin-top: 90px; background: #fff; padding-bottom: 38px; border-radius:10px }
.login_right dl dt, .login_right dl dd { margin: 0px 36px; }
.login_right dl dt { font-size: 24px; color: #333333; font-weight: bold; padding-bottom: 24px; border-bottom: 1px solid #e8e8e8; text-align: center; margin-top: 24px }
.login_right dl dd .row { display: block; font-size: 16px; color: #333333; margin-top:20px;overflow:hidden;}
.login_right dl dd label { display: inline-block;float:left;line-height:38px;}
.login_right dl dd .row.code{position:relative}
.login_right dl dd .row.code #lsms{position:absolute;top:0;right:0;bottom:0;line-height:38px;padding-right:10px;cursor:pointer;}
.login_right dl dd input {float:right;width:300px;height: 38px; border: 1px solid #d6d6d6; padding: 0px 10px;border-radius: 4px;box-sizing:border-box;}
.login_right dl dd > .btn { font-size: 16px; line-height: 48px; background-image: linear-gradient(180deg,#1cbbfa,#105dee); display: block; color: #fff; text-align: center; border-radius: 4px; margin-top: 20px }
.login_right dl dd > .btn:hover { opacity:0.85; }
.login_right dl dd > p > a { float: left; color: #666666; margin-top: 15px; }
.login_right dl dd > p > span { float: right; font-size: 14px; margin-top: 15px; }
.login_right dl dd > p > span a { text-decoration: underline; color: #aab535; margin-left: 4px }
.login_bo { width: 100%; float: left; border: 1px solid #eff0f2; margin-top: 15px; background: #fff; padding: 20px 0px; border-radius: 4px }
.login_bo > p { float: left; width: 138px; line-height: 28px; margin-left: 20px; margin-top: 14px }
.login_bo div { width: 86px; float: left; text-align: center; margin-left: 16px; }
.login_bo div > img { width: 100%; float: left; margin-bottom: 10px }
.login_bo div p { font-size: 12px; color: #484848 }
.login_bo div p img { margin-right: 5px; }
.L_footer { width: 100%; float: left;color: #fff; padding: 38px 0px 30px 0px; text-align: center }
.L_footer p { line-height: 35px; font-family: Arial; color: #fff; position: relative }
.L_footer p a { color: #fff }
.L_footer p img { position: absolute; top: 7px; margin-left: -27px; }


.reg_tit { width: 100%; float: left; padding: 18px 0px; background: #fff; }
.reg_tit strong { font-size: 16px; }

.lo_mon_top { width: 100%; float: left; margin:30px 0 50px; background: #f3f3f3;}
.lo_mon_top dt { height: 100%; text-align: center; float: left; width: 192px; border-right: 1px solid #d4d4d4; padding: 50px 0 80px;}
.lo_mon_top dt img { margin-top: 28px }
.lo_mon_top dt span { display: block; font-size: 18px; color: #222222; margin-top: 10px }
.lo_mon_top dd { float: left; width: 890px; margin-left: 58px; margin-top:80px }
.lo_mon_top dd p { font-size: 16px; color: #555555; line-height: 40px; }
.lo_mon_top dd p i { float: left; width: 23px; font-family: Arial; height: 23px; border-radius: 100%; background: #027cdf; text-align: center; line-height: 23px; color: #fff; margin-right: 12px; margin-top: 8px }

.resData{ width: 100%; float: left; margin: 30px 0 50px;position:relative;}
.resData .row{overflow:hidden;border-bottom: 1px solid #eaeaea;}
.resData .row span{float:left;padding:18px 15px; }
.resData .row strong { float: left; width: 150px; background: #007add; color: #fff; font-size: 16px; padding: 18px 15px; box-sizing: border-box; }
.resData>img{position:absolute;right:0;bottom:0;}

.lo_monney_con{}
.lo_monney_con > p { float: right; color: #444444; margin-top: 20px }
.lo_monney_con > p strong { font-size: 24px; color: #e40b08; font-family: Arial }
.lo_monney_bo { width: 100%; float: right }
.lo_monney_bo a { float: right; width: 138px; margin: 0 0 50px; line-height: 46px; background: linear-gradient(180deg,#1cbbfa,#105dee); color: #fff; font-weight: bold; font-size: 16px; border-radius: 4px; margin-left: 20px; text-align: center }
.lo_monney_bo a:hover { opacity:0.8; }
.resyes{padding:40px 0 30px;float:left;width:100%;}
.resyes img{width:50px;float:left;margin-right:20px;}
.resyes p {font-size: 30px; font-weight: bold; }
.clear{clear:both;}

@media screen and (max-width:1200px) {
    *{box-sizing:border-box;}
    body{overflow-x:hidden;}
    .w1200,.contain{width:100%;}
    .header .logo{margin:30px 0 0 5%;width:90%;}
    .L_right{display:none;}
    .L_header{height:65px;padding-bottom: 20px;}
    .L_footer p{padding:0 18px;line-height:26px;}
    .login_right{width:90%;margin:0 auto;float:unset;box-shadow:unset;}
    .login_right dl{margin-top:30px;}
    .login_right dl dd { margin-top: 12px; }
    .login_right dl dd label { display: block; line-height: 1; }
    .login_right dl dd input { width: 100%; margin:6px 0 0;height:36px;}
    .login_right dl dd .row.code #lsms{line-height:1;padding-right:0;bottom:unset;}
    .reg_tit{padding:18px 30px;}
    .lo_monney_con{padding:30px 20px 0;box-sizing:border-box;margin:30px 0;}
    .lo_mon_top dt { height: unset; width: 100%; display: flex; border-right: unset; padding:30px 0 0; justify-content: center; align-items: center; }
    .lo_mon_top dt img{margin:0 20px 0 0;}
    .lo_mon_top dt span{margin-top:0;}
    .lo_mon_top dd { width: 90%; margin: 50px 5%; }
    .lo_mon_top dd p{line-height:32px;padding-bottom:15px;}
    .resData .row strong { width: 100%; padding: 15px 0 0; color: #000; background-color: unset; }
    .resData .row span{padding:10px 0 15px;}
    .resyes{padding:0 0 10px;}
    .resData > img{width:150px;bottom:90px;}
    .L_footer{padding-top:20px;}
}