/*public style*/
*{margin:0 ;padding:0;box-sizing: border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body,p,ul,li,input,dl,dd,dt,div,tabole,tr,td,a{font-size:0.25rem;font-family:"微软雅黑","microsoft yahei";}	
a{text-decoration:none;outline:0px;color:#000000;}
ul, ol, li, dl, dt, dd {list-style:none;}
fieldset, img {border:0;}
body{overflow-x: hidden;position:relative;width:100%;height:100%;margin-bottom: 1.23rem;background: #ffffff;margin: 0 auto;}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
a:link { text-decoration: none !important; border:none !important; } 
a:visited {text-decoration: none !important; border:none !important; } 
a:hover {text-decoration: none !important; border:none !important; } 
a:focus{text-decoration:none !important;border:none !important; }
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 357.4% !important; }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html { font-size: 373.4% !important; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 381% !important }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 396.25% !important; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 410.6% !important; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size: 427.75% !important; }
}
.left{float: left;}
.right{float:right;}
.wrap:after{content:"";display: block;clear:both;visibility: hidden;height:0;}
.sright{width: 0;height: 0;border-top: 5px solid transparent;border-left: 5px solid #81ced3;border-bottom: 5px solid transparent;display: inline-block;position: relative;top:-0.02rem;}
/*header*/
.header{font-size: 0.12rem;color: #999999;padding: 0.2rem;width: 100%;overflow-x: hidden;}
.header .top{display: flex;justify-content: space-between;transform: scale(0.8, 0.8);margin-left: -10%;width: 120%;}
.header a{color: #999999;}
.header .add{color: #000;font-weight: bold;}

.logo{width: 1.2rem;margin: -0.1rem auto 0.1rem;}
.logo img{width: 100%;height: auto;display: block;}
/*banner*/
.banner {width:100%;}
.banner img{width:100%;height:auto;display: block;}

.foot{padding: 0.2rem;font-size: 0.12rem;text-align: center;line-height: 320%;color: #999999;}
.foot .con{margin-top: 0.2rem;}
.line{height: 1.4rem;width: 100%;}

.btn{width: 5.8rem;height: 0.8rem;border-radius: 0.5rem;background: rgb(196, 7, 4);color: #fff;line-height: 0.8rem;position: fixed;bottom: 0.4rem;left: 50%;margin-left: -2.9rem;z-index:9;text-align: center;font-weight: bold;font-size: 0.3rem;box-shadow: rgba(150, 3, 0, 0.5) 0px 0.0625rem 0.375rem 0px;}
@media screen and (min-width: 640px) {
body{background: #f2f2f2;max-width: 6.4rem;}
}