body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5; font-size:14px;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',5FAE8F6F96C59ED1,5B8B4F53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto;max-width:100%;vertical-align:top; height:auto;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
body{background:#fff;}
input::-webkit-input-speech-button {display: none}
button,input,textarea{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

*{box-sizing: border-box;}
.content{
    max-width: 12rem;
    margin: 0 auto;
}
.header{width: 100%;padding: .4rem .6rem .6rem .6rem;}
.header img{ height: .64rem; }
.header a{color: #000000;}
.header p{display: inline-block;float: right;line-height: .44rem;}
.header p>span{width: .36rem;height: .25rem;margin-right: .8rem;font-size: .18rem;font-family: PingFangSC, PingFangSC-Semibold;font-weight: 600;text-align: left;color: #000000;line-height: .25rem;position: relative;top: 0;left: 0;}
.header p>span .check{position: absolute;bottom: -0.04rem;left: 0;width: .18rem;height: .04rem;background: #01ccff;border-radius: .02rem;}

.header .nav_select{position: relative;top: 0;}
.header .nav_select .nav_select_list{position: absolute;top: 0;padding-top: .44rem;left: 0;display: none;}
.header .nav_select .nav_select_list span{display: flex;position: relative;top: 0;flex-direction: column;white-space: nowrap;background-color: #EEEEEE;border: 1px solid #EEEEEE;box-shadow: 0 5px 15px #cccccc;padding: .12rem .14rem;font-size: .16rem;}
.header .nav_select .nav_select_list span::before{
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    border-right: .13rem solid transparent;
    border-bottom: .13rem solid #EEEEEE;
    border-left: .13rem solid transparent;
}
.header .nav_select .nav_select_list a:hover{
    color: #01ccff;
}

.header .small_nav{display: none;width: .6rem;float: right;position: relative;cursor: pointer;height: .6rem;margin-top: .15rem;}
.header .small_nav span {display: block;background: #01ccff;width: .6rem;height: .02rem;position: absolute;left: .1rem;transition: all ease 0.35s;}
.header .small_nav span:nth-of-type(1) {top: 0;}
.header .small_nav span:nth-of-type(2) {top: .2rem;}
.header .small_nav span:nth-of-type(3) {top: .4rem;}

.header .small_nav_show span:nth-of-type(1) {top: .1rem;transform: rotate(45deg);}
.header .small_nav_show span:nth-of-type(2) {width: 0;}
.header .small_nav_show span:nth-of-type(3) {top: .1rem;transform: rotate(-45deg);}

.nav_list{position: fixed;z-index: 9;background: #eee;width: 100%;height: calc(100% - .6rem);font-size: .14rem;line-height: .4rem;top: -100%;left: 0;overflow: auto;overflow-x: hidden;transition: top ease 0.35s;}
.nav_list ul li {border-top: 1px #ddd solid;margin-left: .5rem;position: relative;line-height: 1rem;font-size: .2rem;font-family: PingFangSC, PingFangSC-Medium;font-weight: 500;}
.nav_list ul li a{color: #000000;display: inline-block;width: 100%;}
.show_nav_list{top: 1.2rem;}

/* 二维码 */
.qrcode_box{ width: 1.35rem;position: fixed;bottom: 1.82rem;right: .12rem;display: flex;flex-direction: column; }
.qrcode_box img{width: 100%;}

@media screen and (max-width: 1200px) {
    .header>p{display: none;}
    .header .small_nav{display: block;}
    .qrcode_box{display: none;width: 0;}
}