@charset "utf-8";
html{font-size:62.5%}
@media screen and (max-width:320px){html{font-size:50%;}}
@media screen and (min-width:328px){html{font-size:52.5%;}}
@media screen and (min-width:360px){html{font-size:57.5%;}}
@media screen and (min-width:375px){html{font-size:60%;}}
@media screen and (min-width:390px){html{font-size:62%;}}
@media screen and (min-width:414px){html{font-size:66.2%;}}
@media screen and (min-width:480px){html{font-size:90%;}}
body{background-color:#fff;font-family:'PingFangSC','sans-serif','Microsoft Yahei';font-size:1.4rem;padding:0px;margin:0px auto;color:#333;text-align:center;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;max-width:750px;-webkit-text-size-adjust:100% !important;}
.clear{clear:both;height:0;width:1px;font-size:1px;visibility:hidden;}
::-webkit-input-placeholder {color:#aaa;font-size:1.4rem}
ul,em,i,dl,dt,dd,hr,h1,h2,h3,h3,h4,h5,h6,strong{font-style:normal;font-weight:normal;margin:0px;padding:0px;display:block}
ul,li,img,form,p{margin:0px;padding:0px;border:0px}
li{list-style-type:none;display:block}
h1,h2,h3,h4,h5,h6,hr,p{margin:0;padding:0;word-wrap:break-word}
a{text-decoration:none;color:#333;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1{font-size:3.2rem}h2{font-size:2.4rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.4rem}h6{font-size:1.2rem}
.size16
{
    font-size: 1.6em;
}
.right{
    float: right;
}
.bottombox{
    height: 8rem;
}
.nav a.selected font,.nav a:hover font{color:#FA4A2D}
.nav a:hover i,.nav a.selected i{color:#FA4A2D}
.nav a.enter em{width:4.8rem;height:4rem;line-height:4rem;font-size:2rem;margin:.6rem auto 0 auto;display:block;background-image:-webkit-linear-gradient(-90deg,rgba(250,74,45,.7) 0%,rgba(250,74,45,.9) 100%);border-radius:2rem;color:#fff;box-shadow: 0 0 1.5rem rgb(0 0 0 / 8%)}

.nav a{width:33%;height:5.4rem;display:block;float:left;position:relative}
.nav a i{position:relative;width:3rem;height:2.8rem;margin:0 auto;display:block;margin-top:.6rem;font-size:2.4rem;color:#CBCBCA;}
.nav a i span{display:block;position:absolute;min-width:1.3rem;padding:0 .3rem;height:2rem;line-height:2rem;font-size:1.2rem;border-radius:12rem;right:-1.4rem;top:-.4rem;color:#fff;border:#fff 2px solid;background-color:#FF5722}
.nav{    width: 100%;
    max-width: 750px;
    height: 5.5rem;
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    background-color: #fff;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 6;
    -webkit-user-select: none;}
.iconfont{
    display: inline-block;
}
body .dialog {
        position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0.75);
}
body .dialog > div {
    position: absolute;
 
    background-color: #fff;
    width: 80%;
    top: -webkit-calc(50% - 180px);
    left: 10%;
    border-radius: 8px;
    overflow: hidden;
 
}
body .dialog > div h2 {
    font-size: 18px;
    text-align: left;
    float: left;
    padding-left: 3%!important;
}
body .dialog .box_b .confirm {
    background-color: #FA4A2D;
        float: right;
    height: 36px!important;
    line-height: 36px!important;
   
    width: 70px;
  
    color: #fff;
    border-radius: 4px;
    margin: 0.5rem 2rem;
    cursor: pointer;
    border: 0;
}
body .dialog header{
    margin: 0.5rem 1rem;
    height: auto;
}
body .dialog .icon-delete{
    color: #fa4a2d;
    float: right;
    margin-right: 2rem;
}
body .dialog .box_x {
    margin-top: 3rem;
}
body .dialog .box_x i{
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
}
body .dialog .box_x .success{
    background-image: url('/static/images/success.png');
    background-size: 100% 100%;
    background-repeat: no-repeat; /* 防止背景图片重复 */
}
body .dialog .box_x .failure{
    background-image: url('/static/images/failure.png');
    background-size: 100% 100%;
    background-repeat: no-repeat; /* 防止背景图片重复 */
}
body .dialog .box_x .warning{
    background-image: url('/static/images/warning.png');
    background-size: 100% 100%;
    background-repeat: no-repeat; /* 防止背景图片重复 */
}
body .dialog .box_x span{
    font-size: 1.5rem;
    margin-left: 0.2rem;
}
.hidden{
    display: none;
} 
body .msg {
        position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
   
}
body .msg > div {
    position: absolute;
 
    background-color: #fff;
    width: 80%;
    top: -webkit-calc(50% - 180px);
    left: 10%;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.75);
    min-height: 6rem;
}
body .msg .box_x span{
    font-size: 4rem;
    margin-left: 0.2rem;
    color: #ebebeb;
}