@charset "utf-8";

/* Style Reset */
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{font-size: 0.2rem; background-color:#fff;}
body,p,h1,ul,li,input,img,figure,h1,h2,h3,h4,h5,h6,dl,dd,dt{margin:0; padding:0;font-weight: inherit;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#000;}
fieldset, img {border:0; padding:0; margin:0;}
img{max-width: 100%; vertical-align:top;}
input[type="text"],input[type="password"],input[type="number"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
input{outline: none;}
.clear {clear:both;width:100%;}
body,input{font-family: "microsoft yahei";color:#000;}
.text-center{ text-align:center;} 
.row:after {clear: both;display: table; content: "";}
.pic100 img{ width:100%;}
.fl{ float:left;}
.fr{ float:right;}
.rela{ position:relative;}
.ellipsis { overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.text-right{ text-align:right;}
.slh{ overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.flex-wrap {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}



.allpage{position:relative; width:100%; max-width:750px; margin:0 auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:100vh;font-size:0.24rem; background:url(../images/bg1.jpg) no-repeat center center; background-size:cover; overflow-x:hidden;}
.loginicon1{ position:absolute;left:0;top:0;width: 40%;}
.loginicon2{position:absolute;right: 4%;top: 4%;width: 30%;}
.loginicon3{margin:0 auto;width:90%;}
.login{margin:19% auto 0;width:67%;}
.login input{ background-color:#fff;border-radius:6rem;padding:0.2rem 0.4rem;margin-bottom:0.3rem;border:0;display:block;width:100%;font-size:0.25rem;}
.login button{ background-color:#ffd43d;color:#9e55e8;font-weight:bold;border-radius:6rem;padding:0.2rem 0.2rem;border:0;display:block;width:100%; font-size:0.3rem;}
.login input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #dcdcdc;}
.login input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #dcdcdc;}
.login input:-ms-input-placeholder{  color: #dcdcdc;}
.login input::-webkit-input-placeholder{  color: #dcdcdc;}
.loginbody{height:55vh;margin-top: 47%;display:flex;flex-direction: column;justify-content:center;}
.infobody{margin:0.7rem auto 0;width:78%;}
.infotit{ background:url(../images/bg2.jpg) no-repeat center center; background-size:cover;color:#fff; text-align:center;font-size:0.3rem; font-weight:bold; letter-spacing:0.04rem;padding:0.14rem;border-radius:0.15rem 0.15rem 0 0;}
.infocontent{background:url(../images/bg3.jpg) no-repeat center center;background-size:cover;padding:0.2rem 0.3rem 0.5rem;border-radius:0 0 0.15rem 0.15rem;}
.infocontent dl{ padding:0.2rem 0;border-bottom:1px solid #f3f3f3; display:flex;color:#000;}
.infocontent dl dt{color:#63605a;}
.infocontent dl dt span{ display:inline-block;text-align-last: justify;min-width:1rem;text-align:justify;}
.infocontent dl dd{flex:1;margin-left:0.2rem;}

.reamrk{color: red;font-weight: bold;margin: 0 0 10px 10px;}




@media all and (min-width:640px){

}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
	
}
@media all and (max-width:350px){
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}