/*页面初始化*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
body{font-size:12px;font-family:"Times New Roman",Georgia,Serif;background:#fff;-webkit-text-size-adjust:100%;} 
a{color:#2d374b;text-decoration:none} 
a:hover{color:#5b6fd6;text-decoration:underline} 
em{font-style:normal} 
li{list-style:none} 
img{border:0;vertical-align:middle} 
table{border-collapse:collapse;border-spacing:0} 
p{word-wrap:break-word} 

/*页面样式*/
html,body,.loginbox { height: 100%;}
.loginbox { padding-top: 180px; box-sizing: border-box; background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-size: 100% 100%;}

.login { width: 850px; height: 420px; margin: 0 auto; }
.login .lbox { width: 450px; float: left; margin-right: 50px;}
.login .lbox img { width: 100%; margin-top: 25px;}
.login .rbox { height: 398px; position: relative; float: left; padding: 0 20px 20px; width: 280px; background: url(../img/r_bg.png) no-repeat; background-size: 100% 100%;}
.plane { position: absolute; top: -15px; left: -50px;}
.plane img { width: 80px;}
.logo { text-align: center; padding: 15px 0;}
.infobox { position: relative; background: #fff; margin-bottom: 12px; border-radius: 5px; height: 44px;}
.infobox span { float: left;text-align: center; display: inline-block; border-right: 1px #ddd solid; height:28px; margin: 8px 0; margin-right: 10px;  width: 40px;}
.infobox span img { width: 18px; margin-top: 5px;}
.infobox input { width: 225px; height: 44px; border: none; outline: none;}
.codeinfo { width: 150px;}
.codeinfo input { width: 90px;}
.codeinfo .code { position: absolute; right: -128px; top: 0;}
.codeinfo .code img {width: 77px; height: 44px; margin-right: 8px; }
.codeinfo .code a { cursor: pointer; display: inline-block; float:right; height: 44px; line-height: 70px;}
.remember input{ margin-right: 2px; vertical-align: middle; margin-top: -3px;}
.remember a.forget {cursor: pointer; float: right; color: #f60;}
.loginBtn { cursor: pointer; height: 50px; color: #fff; font-size: 14px; border-radius: 6px; width: 100%; margin-top: 15px; border: none; outline: none; line-height: 50px; background: #ff9313;}
.ts { position: absolute; top: 100px; right: 22px;color: red;}
.appBtn { text-align: center; line-height: 30px;}
.appBtn a { cursor: pointer; text-decoration: underline; line-height: 16px; color: #5b6fd6;}
.codetc { display: none; position: absolute; left: 0; top: 0; height: 288px; float: left; padding: 0 20px 20px; width: 280px;background:rgba(255,255,255,0.95); border-radius: 7px;}
.codetc { text-align: center; padding-top: 110px;}
.codetc img { width: 150px; border: 3px #fff solid; margin-bottom: 15px;}
.codetc p { font-size: 14px;}
.codetc a { cursor: pointer; width: 130px; margin: 20px auto; display: block;color: #fff; font-size: 14px; border-radius: 6px;  height: 40px; text-align: center; line-height: 40px; background:#dec7ab ;}

@media (max-width: 900px) {
    .loginbox { min-height: 100%; height: auto; padding: 24px 16px; background-size: cover; }
    .login { width: 100%; max-width: 320px; height: auto; }
    .login .lbox { display: none; }
    .login .rbox { box-sizing: content-box; float: none; width: auto; margin: 0 auto; }
    .plane { left: -20px; }
    .infobox input { width: calc(100% - 55px); }
    .codeinfo { width: calc(100% - 128px); }
    .codeinfo input { width: calc(100% - 50px); }
    .codetc { right: 0; width: auto; box-sizing: border-box; }
}

@media (max-width: 360px) {
    .loginbox { padding: 16px 8px; }
    .login { max-width: none; }
    .login .rbox { padding-left: 12px; padding-right: 12px; }
    .plane { display: none; }
}