/*通用*/
*{margin:0px; padding:0px; font-weight:normal;}
html{height:100%}
body{ font-family:"microsoft yahei", Arial, Helvetica, sans-serif; height:100%; font-size:.1rem; background:#f8f9f9;}
a{text-decoration:none;  text-shadow:none;font-weight:normal;}
ul{list-style:none;}
textarea,input,button{outline:none;-webkit-appearance:none;font-family:Microsoft YaHei;}
.clear{ clear:both; overflow:hidden; height:0px;}
.dk{ width:100%; max-width:720px; min-width:320px; margin:0 auto;height:100%; background-size:100%; background-repeat:no-repeat; background-attachment:fixed; background-position: top center;}
img{ border:0; display:block;}
input[type="button"],input[type="checkbox"],input[type="radio"], input[type="submit"], input[type="reset"],select {-webkit-appearance: none;outline:none;font-family:Microsoft YaHei;}

html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
/*出的各分辨率媒体查询换算：*/
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}
/**********浮*动************/
.fl{ float:left;}
.fr{ float:right;}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes scale-three2{
0% {transform:scale(1);opacity:.8;}
100% {transform:scale(1.3);opacity:0;}
}


/*头部*/
.header{display:flex;align-items:center;width:100%;max-width:720px;min-width:320px;height:0.42rem;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99; border-bottom:0.01rem solid #e5e5e5; background:#FFF;}
.HdCon{ width:70%; text-align:center; color:#000; font-size:0.14rem}
.hdRet{ padding-left:4%; width:11%;}
.hdRet img{width:0.09rem;}

/*footer*/

    .fotd {
        text-align: center;
        line-height: 0.3px;
        font-size: 0.12rem;
        color: #000;
        padding-bottom: 0.2rem;
    }
.Foot{ border-top:0.01rem solid #eee;width:100%;max-width:720px; min-width:320px;height:0.46rem; position:fixed;bottom:0;left:0;right:0;margin:0 auto;z-index:99; background:#FFF;display:flex;justify-content:space-between;align-items:center}
a.Fta{ width:25%; text-align:center; display:block; color:#8d8d8d;}
a.Fta i{ margin:0 auto; width:0.22rem; height:0.22rem; background-size:0.22rem; background-repeat:no-repeat; background-position:0 0; display:block;}
.FtI1{ background-image:url(../images/icon/Ft01.png)}
.FtI2{ background-image:url(../images/icon/Ft02.png)}
.FtI3{ background-image:url(../images/icon/Ft03.png)}
.FtI4{ background-image:url(../images/icon/Ft04.png)}
.FtI5{ background-image:url(../images/icon/Ft05.png)}
a.Fta img{ height:0.18rem;}
a.Fta p{ font-size:0.12rem; line-height:0.15rem;}
a.Ftao{color:#1d4cc8;}
a.Ftao i{ background-position:0 -0.22rem;}

/**/
.page{ margin:0.2rem auto;display:flex;justify-content:center;}
.page a{ border:0.01rem solid #ddd; background:#FFF;color:#ff6262; width:0.24rem; line-height:0.24rem; height:0.24rem; text-align:center; font-size:0.12rem; display:block; margin:0 0.02rem; border-radius:0.02rem;}
.page a.pageO{ border:0.01rem solid #ff6262;background:#ff6262;color:#FFF;}