.container{
    display:flex;
    flex-direction:column;
    background-color: #fff;
}
.introduction{
    display:flex;
    flex-direction:column;
    background-color:#fed100;
    text-align: center;
    padding:0.44rem 0 0.34rem 0;
}
.container .introduction .top{
    display:flex;
    flex-direction:row;
    font-size: 0.36rem;
    margin:0 auto;
}
.introduction .top>img{
    width: 1.75rem;
    height: 0.49rem;
    background-size: 100%;
    vertical-align: middle;
}
.container .introduction .top>h1{
    font-weight: bold !important;  
    margin-left:0.19rem;
}
.introduction>p{
    font-size:0.26rem;
    margin-top:0.24rem;
}
.introduction>p>i{
    display:inline-block;
    *display:inline;
    *zoom:1;
    width: 0.04rem;
    height: 0.04rem;
    background-color:#000;
    border-radius:50%;
    margin: 0 0.09rem;
    vertical-align:middle;
}
.container .info{
    display:flex;
    flex-direction:column;
    margin:0rem 0.31rem 0 0.32rem;
}
.info .name,.proof,.chooseAddress,.address,.user,.phone,.experiment{
    display:flex;
    flex-direction:row;
    width: 100%;
    min-height:0.9rem;
    margin-top:0.3rem;
    word-break: break-word;
}
.info .name>i,.proof>i,.chooseAddress>i,.address>i,.user>i,.phone>i,.experiment>i{
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin-top:0.3rem;
}
.info .name>i{
    background: url(../img/login_icon_code.png) no-repeat 0 0;
    width: 0.32rem;
    height: 0.26rem;
    margin-top:0.34rem;
    background-size:100%;
}
.info .proof>i{
    background: url(../img/license.png) no-repeat 0 0;
    width: 0.34rem;
    height: 0.23rem;
    margin-top:0.34rem;
    background-size:100%;
}
.info .chooseAddress>i{
    background: url(../img/location.png) no-repeat 0 0;
    width: 0.28rem;
    height: 0.34rem;
    margin-top:0.36rem;
    background-size:100%;
}
.info .address>i{
    background: url(../img/location.png) no-repeat 0 0;
    width: 0.28rem;
    height: 0.34rem;
    margin-top:0.34rem;
    background-size:100%;
}
.info .user>i{
    width: 0.28rem;
    height: 0.32rem;
    background: url(../img/login_icon_account.png) no-repeat 0 0;
    background-size:100%;
}
.info .phone>i{
    width: 0.26rem;
    height: 0.39rem;
    background: url(../img/phonenum.png) no-repeat 0 0;
    background-size:100%;
    margin-right: 0.07rem;
}
.info .experiment>i{
    width: 0.27rem;
    height: 0.3rem;
    background: url(../img/Verification.png) no-repeat 0 0;
    background-size:100%;
}
.container .info .name>input,.proof>input,.address>input,.user>input,.phone>input,.experiment>input{
    width: 100%;
    margin-left:0.24rem;
    border-bottom:0.01rem solid #dddddd;
    font-size: .32rem;
    color:#333333;
    /* // color: #b3b3b3; */
}
.chooseAddress .browser{
    display:flex;
    flex-direction:row;
    margin-left:0.3rem;
    margin-top:0.2rem;
    width: 100%;
    border-bottom:0.01rem solid #dddddd;
    font-size: .32rem;
    color: #757575;
    vertical-align:middle;
}
.info .experiment{
    position: relative;
}
.info .experiment>span{
    position: absolute;
    top:0;
    right:0;
    color:#666;
    width: 1.71rem;
    height: 0.58rem;
    line-height:0.58rem;   
    margin-top:0.1rem;
    text-align:center;
    border-radius:0.03rem;
    font-family: "PingFang-SC-Medium";
    font-size: 0.28rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #332200;
    white-space:nowrap;
}
.changeColor{
     background-color:#fff6cc;
     /* // background-color:#fed100; */
}
.container .footer{
    width: 6.89rem; 
    margin: 0 auto;
}
.container .footer>a{
    display:inline-block;
    *display:inline;
    *zoom:1;
    width: 6.89rem; 
    height:0.88rem;
    line-height:0.88rem;
   /* // background-color:#ffd000; */
    background-color: #ffd000;
    text-align: center;
    border-radius: 0.05rem;
    margin-top:0.79rem;
    font-family: "PingFang-SC-Medium";
    font-size: 0.36rem;
    font-weight: normal;
    font-stretch: normal;
    /* // line-height: 0.72rem; */
    letter-spacing: 0rem;
    color: #332200;
}
.container .fot>a{
    margin:0.2rem 0;
	text-align: center;
}
/* // 三级联动布局 */
html{
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
}
.box{
    position:fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    /* display:none; */
}
.box .bomb{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height:6rem;
    background: #fff;
}
.box .bomb .header{
    text-align: center;
    /* display:flex;
    flex-direction:row;
    justify-content: space-between; */
    border-bottom:1px solid #ccc;
    position: relative;
}
.bomb .header>h3{
    text-align:center;
    font-size:0.3rem;
    line-height:1rem;
}
.bomb .header .back,.bomb .header .close{
   
    /* float: right; */
    width: 0.6rem;
    height: 1rem;
}
.bomb .header .back{
    float: left;
    background:url(../img/back.png) no-repeat center;
    background-size:0.15rem 0.27rem;

}
.bomb .header .close{
    position: absolute;
    right:  0;
    top: 0;
    background:url(../img/close-area.png) no-repeat center;
    background-size:0.27rem 0.27rem;
}
.bomb .areaBox{
    position: relative;
    height: 5rem;
    overflow-y: scroll;
}
.bomb .areaBox>ul{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
}
.areaBox>ul>li{
    line-height:1rem;
    padding:0.06rem 0.2rem;
    border-bottom:1px solid #ccc;
    text-align: justify;
    font-size: 0.26rem;
    line-height: 0.7rem;
}
.bomb .areaBox .provincelistClass{
    z-index: 1000;
    /* // display:none; */
}
.bomb .areaBox .CitylistClass{
    z-index: 100;
    /* display:none; */
}
.bomb .areaBox .arealistClass{
    z-index: 10;
    /* // display:none; */
}
.CitylistClass li,.provincelistClass li,.arealistClass li{
    font-family: PingFang-SC-Medium;
    font-size: 0.32rem;
    color: black;
}

.infonext{
    padding: 0.2rem 0.6rem;
}
.infonext span{
    float: left;
    width: 100%;
    font-family: "PingFang-SC-Medium";
    font-size: 0.3rem;
    line-height: 0.88rem;
    font-weight: normal;
    font-stretch: normal;
}


html {
    font-size: 62.5%
}
@media only screen and (min-width: 481px) {
    html {
        font-size:94%!important
    }
}
@media only screen and (min-width: 561px) {
    html {
        font-size:109%!important
    }
}
@media only screen and (min-width: 641px) {
    html {
        font-size:400%!important
    }
    body {
        max-width: 600px;
        height: 100%;
        margin: 0 auto;
    }
}