*{ margin:0; padding:0;}
html{
    max-width: 540px;
    margin:0 auto;
    /* height:100%; */
    font-size:4.2666666667vmin;/*设置根节点字体大小为16px，按iphone375px来计算*/
    font-family: PingFangSC-Regular,PingFangSC,'黑体';
    font-weight: 600;
}
/*设置最大宽度和最小宽度*/
@media html and (max-width: 320px) {
    html{
        font-size: 16px;
    }
}
@media screen and (min-width: 540px) {
    html{
        font-size: 20px;
    }
}
body{
    font-size:1rem;
    color: #878787;
    line-height: 1.375rem;
    background: #fff;	
}
a{
    color:#026096;
    text-decoration: none;
}
li{list-style: none;}
.test{ border: 1px solid red;}
.header{
    padding:0 1.25rem ;
    text-align: center;
    margin: 5rem 0;
    overflow: hidden;
}
.header .logo{ width:87%;padding:0 1.25rem ;margin:0 auto; background-size: cover; background-position: center;}
.main{
    padding:0 1.25rem;
    margin: 0 auto;
    overflow: hidden;
}
.footer{
    width: 100%;
    position:fixed;
    bottom:1rem;
    text-align: center;
    font-size:0.8125rem;
    color:#B7B7BE;
    overflow: hidden;
    left:50%;
    transform: translateX(-50%);
}
p.margin{
    margin:5% 0;
    text-align: center;
}
.form-group{
	position: relative;
}
.display_flex{
	display: flex;
	flex-wrap: wrap;
}
.display_flex .ill_item{
	width: 50%;
	margin-bottom: 1rem;
	text-indent: 1.5rem;
	position: relative;
	line-height: 1.25rem;
}
.display_flex .ill_item input[type="radio"]{
	width: 1.25rem;
	height: 1.25rem;
	opacity: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
	-webkit-appearance:none;
	outline: none;
}
.display_flex .ill_item label{
	position: absolute;
	left: 1.5rem;
	top: 0;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	border: 1px solid #999;
}
.display_flex .ill_item span{
	line-height: 1.25rem;
	transform: translateY(-2px);
	display: inline-block;
	text-indent: 0;
}
/*设置选中的input的样式*/
/* + 是兄弟选择器,获取选中后的label元素*/
.display_flex .ill_item input:checked+label {
	background-color: #006eb2;
	border: 1px solid #006eb2;
}
.display_flex .ill_item input:checked+label::after {
	position: absolute;
	content: "";
	width: 0.3125rem;
	height: 0.625rem;
	top: 0.1875rem;
	left: 0.375rem;
	border: 2px solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(45deg)
}
.info_title{
	margin: 1.25rem 0;
	text-indent: 0.625rem;
	font-size: 1rem;
	font-weight: 600;
	color: #333333;
}
.text-input, .text-select, .text-input-date{
    width: 100%;
    font-size: 0.875rem;
    line-height: 3rem;
    text-indent: 2rem;
    color: #787B84;
    border:none;
    background:rgba(245,246,248,1);
    font-family: karlaregular, Arial, sans-serif;
    border-radius: 1.5rem;
    outline: none;
 }
 .text-select, .text-input-date{
	-webkit-appearance: none;
	appearance: none;
	height: 3rem;
 }
 .selcet_arrow{
	width: 0;
	height: 0;
	border-width: 0.375rem;
	border-style: solid dashed dashed dashed;
	border-color: #e5e5e5 transparent transparent transparent;
	font-size: 0;
	position: absolute;
	right: 1.125rem;
	top: 1.25rem;
 }
.login_div .form-group .required{
	color: #DE3826;
	position: absolute;
	left: 1rem;
	top: 0;
	line-height: 3rem;
	
}

.form-submit{background-color: #0082c8; width: 75%; margin: 0 auto; padding: 12px 5px; font-size: 19px; line-height: 22px; color: #fff; border: none; border-radius: 0; display:block; cursor: pointer; white-space: normal; -webkit-appearance: none; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: karlaregular, Arial, sans-serif;}

/*顶部标题*/
.top_title{
    max-width: 540px;
    text-align: center;
    line-height: 2.75rem;
    font-weight: 500;
    color:#000;
    font-size:1.125rem;
    position:fixed;
    top:0;
    left:50%;
    transform: translateX(-50%);
    width:100%;
    z-index: 999;
    background:#fff;
    box-shadow: 0 0 0 #000;
}
.top_title .back{
	position: absolute;
	line-height: 2.75rem;
	width: 2.75rem;
	height: 2.75rem;
	left: 0;
	top: 0;
}
.top_title .back span{
    width:0.375rem;
    height:0.375rem;
    border:0.21rem solid #000;
    border-right:none;
    border-bottom:none;
    display:inline-block;
    line-height: 2.75rem;
    transform: rotateZ(-45deg) translateY(-50%);
    position:absolute;
    top:50%;
    left:1.5rem;
}
/*alert*/
.alert{
    position:fixed;
    top:2.75rem;
    left:0;
    background-color: rgba(247,90,67,0.1);
    color:#8F2424;
    line-height: 2.75rem;
    margin:0.625rem 1rem 0 1rem;
    border-radius:24px;
    right:0;
    z-index: 999;
    display:none;
    padding:0 1rem;
    box-sizing: border-box;
}
.alert i{
    width:1rem;
    height:1rem;
    background-image:url(../image/ic_warning@3x.png);
    background-repeat: no-repeat;
    background-size:100%;
    display: inline-block;
    vertical-align:middle;
    margin-right:0.4rem;
}
/*login start*/
.login_div{
    max-width: 405px;
    width:100%;
    margin: 0 auto;
    font-size:0.875rem;
}
.login_div dl{margin: 0 0 1.25rem 0;   }
.login_div dl dd{ overflow: hidden; margin: 0 auto; display: inline;position: relative;}
.login_div p{
    font-size:14px;
}
.long_radius{
    border-radius: 1.5rem;
    text-align: center;
    width:100%;
    font-size:0.875rem;
    color:#fff;
    outline: none;
}
.background_green{
    background: linear-gradient(to right, #00B9A2 0%,#74E395 100%);
}
.green_word{
    color:#00C67B;
    font-size:1rem;
    text-align: center;
}
.center{
    text-align: center;
}
/*#remember{ margin-right:10px;}*/
.login_div dl.link dt{ position: relative; height: 30px;}
.login_div dl.link .left{ position:absolute; left: 0; top:0;}
.login_div dl.link .right{ position:absolute; right: 0; top:0;}
.login_div dl.link{ margin-top:0;}
.login_div dl.link .link_flex{display: flex;justify-content: space-between;padding: 0 1.25rem;}
/*login end*/

/*表单验证*/
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{color:red;display:none;}
.has-error .form-control{ border-color: red; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}

/*忘记密码*/
.forgot_form{ border: 1px solid #e7e7e7; max-width: 405px; width:100%; background: #F6F4F4;margin: 0 auto; padding-top:15px; font-size:14px; }
.forgot_form ul{
    margin: 15px 6% 25px 6%;
}
.forgot_form input{
    padding:8px 8px;
}
.forgot_form ul li{
    margin:5% 0px;
}
.forgot_form .code{
    width:70%;
}
.forgot_form .codeButton{
    width:30%;
    padding:7px 8px;
}


.main_content{

}