/************************** style ***************************/
*{box-sizing: border-box;}
html{overflow-x: hidden;margin: auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{margin: 0;padding: 0;}
body{word-break: break-all;font: 14px/1.5 'microsoft yahei', 'simsun', sans-serif, tahoma, arial, 'Hiragino Sans GB', sans-serif;width: 100%;height: 100vh;/*background-image: url(../images/bgImg.jpg);background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;background-color: #0d7de3;*/overflow: hidden;}
button,a,em{display: block;border: 0;}
img{vertical-align: middle;}
li,ul{list-style: none;}
i{font-style: normal;}
a{text-decoration: none;outline: none; color: #000000;}
a:hover{text-decoration: none;}
input,textarea,button,select{outline: none;}
select{border: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: transparent;padding-right: 14px;}
select::-ms-expand{display: none;}
input{border: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: none;font-size: 16px;color: #666;}

/*font*/
em,
i{font-style: normal;font-weight: normal;}
/* table */
table{border-collapse: collapse;border-spacing: 0;}



/*************************** class ***************************/
.block{display: block;}
.font-m{font-family: ;}
.clearfix{display: inline-table}
*html .clearfix{height: 1%}
*+html .clearfix{min-height: 1%}
.clearfix{display: block}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;}
.center{text-align: center;}
.cursor{cursor: pointer;}
.fl{float: left;}
.fr{float: right;}


/*************************** common ***************************/
#box{width: 522px;height: 360px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main{overflow: hidden;}
.login{background: #ecf4fd;border-radius: 10px;overflow: hidden;width: 100%;height:360px;padding: 0 91px; }
.logo{display: none;text-align: center;padding-bottom: 24px;}
.logo img{width: 459px;display: inline-block;}
.login_title{font-size: 20px;color: #333333;font-weight: bold;text-align: center;letter-spacing: 4px;padding: 26px 0 20px;}
.login_content li.login_input{width: 340px;height: 40px;line-height: 40px;border: 1px solid #d9dce0;border-radius: 20px;background: #f7fbfe;padding: 0px 22px;margin: auto;margin-top: 10px;}
.login_content li>label{width: 24px;display: inline-block;line-height: 39px;text-align: center;}
.login_content li>label img{max-width: 100%;max-height: 100%;vertical-align: text-bottom;}
#indentity{font-size: 16px;color: #666;line-height: 30px;}
.login_content .login_input>select{background: url(../images/select.png) no-repeat right center;}
.login_content .login_input>select .option{font-size: 14px;color: #666;line-height: 30px;}
.login_content .login_input>input,
.login_content .login_input>select{height: 22px;line-height: 22px;width: 262px;vertical-align: top;border-left: 1px solid #b3b3b3;margin: 8px 0;padding-left: 10px;}
.login_content .login_code{width: 340px;margin: auto;margin-top: 10px;}
.login_content .login_code>input{height: 40px;width: 170px;line-height: 40px;border: 1px solid #d9dce0;border-radius: 20px;background: #f7fbfe;padding: 0px 22px;}
.login_content .login_code>img{width: 66px;height: 32px;line-height: 32px;margin: 0 10px;}
.login_content .login_code>a{line-height: 40px;display: inline-block;color: #1385ed;text-decoration: underline;}
.login_btn{width: 340px;height: 40px;line-height: 40px;margin: 0 auto;margin-top: 10px;text-align: center;background: url(../images/btn.png) no-repeat center center;background-size: 100% 100%;border-radius: 20px;}
.login_btn>input{width: 100%;height: 100%;cursor: pointer;color: #fff;font-size: 16px;font-weight: bold;letter-spacing: 2px;}
.login_btn:hover{background: #4c93eb;}
.forget{width: 320px;margin: auto;}
.forget a{line-height: 44px;color: #1385ed;}

#footer{display:none;position: fixed;left: 0;right: 0;bottom: 16px;margin: auto;text-align: center;}
#footer p{color: #fff;font-size: 14px;line-height: 26px;}
#footer a{display: inline-block;color: #fff;font-size: 14px;}


/*************************** media ***************************/

@media screen and (max-width:768px) {
  #box{width:100%;}
  .login{padding:0 10px;}
}