input{
    -webkit-appearance: none;
}
html{
    font-size: 10px;
    min-height:100%;
    font-family: 微软雅黑;
}
body{
    margin:0 auto;
    min-height:100%;
    padding:1.6rem 1.3rem;
    max-width: 750px;
}
a{
    color:#3E4FD3;
    text-decoration: none;
}
#header-menu{
    position: fixed;
    top:0;
    left:0;
    padding:1.6rem 1.3rem;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    z-index: 20;
    background: white;
    align-items: center;
}
#header-menu-placeholder{
    padding-bottom:1.6rem;
    visibility: hidden;
}
.head-logo{
    background: url("img/mlogo.png") no-repeat left;
    background-size: 7.8rem 2rem;
    width: 7.8rem;
    height: 2rem;
}
.head-member{
    background: url("img/member.png") no-repeat center;
    background-size: 1.7rem 1.7rem;
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    margin-right: 1.2rem;
}
.head-menu{
    background: url("img/menu.png") no-repeat center;
    background-size: 1.7rem 1.5rem;
    width: 1.7rem;
    height: 1.5rem;
    display: inline-block;
}
.head-right-btn{
    display: flex;
    align-items: center;
}
.head-search{
    position: relative;
    width: 56%;
}
.head-search input{
    border-radius: 1rem;
    height: 2.6rem;
    border:none;
    outline: none;
    background: #EFF1F4;
    width: 100%;
    padding-left:2.8rem;
    box-sizing: border-box;
    -webkit-appearance: none;
}
#head-search-btn{
    position: absolute;
    background: url("img/search.png") no-repeat center;
    background-size: 1.3rem 1.2rem;
    width: 1.3rem;
    height: 1.2rem;
    top:0.7rem;
    left:0.8rem;
}
#footer{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    box-sizing: border-box;
    height: 7rem;
    padding:0 1.2rem;
    box-shadow: 0px -6px 11px 1px rgba(210, 210, 210, 0.3);
    z-index: 20;
    background:white;
}
#footer-placeholder{
    height: 7.2rem;
    visibility: hidden;
}
#footer>a{
    display: block;
    color:#333333;
    font-size: 1.35rem;
}
.footer-index{
    background: url("img/index.png") no-repeat center;
    background-position-y: top;
    background-size: 1.8rem 2rem;
    padding-top:2.8rem;
}
.footer-index.on{
    background: url("img/index_on.png") no-repeat center;
    background-position-y: top;
    background-size: 1.8rem 2rem;
    padding-top:2.8rem;
}
.footer-control{
    background: url("img/control.png") no-repeat center;
    background-position-y: top;
    background-size: 2rem 1.8rem;
    padding-top:2.8rem;
}
.footer-control.on{
    background: url("img/control_on.png") no-repeat center;
    background-position-y: top;
    background-size: 2rem 1.8rem;
    padding-top:2.8rem;
}
.footer-mine{
    background: url("img/mine.png") no-repeat center;
    background-position-y: top;
    background-size: 1.6rem 2rem;
    padding-top:2.8rem;
}
.footer-mine.on{
    background: url("img/mine_on.png") no-repeat center;
    background-position-y: top;
    background-size: 1.6rem 2rem;
    padding-top:2.8rem;
}
.banner-pagination{
    position: absolute;
    bottom:0;
    z-index: 2;
    text-align: center;
}
.swiper-pagination-bullet{
    width: 20px;
    height: 2px;
    background: white;
    border-radius: 0;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: #C7000B;
}
#headMenuList{
    position: fixed;
    width: 100%;
    left:0;
    box-sizing: border-box;
    height: calc(100% - 5.8rem);
    top:5.8rem;
    z-index: 22;
    background:white;
    display: none;
    overflow-y: auto;
}
.headMenuBox{
    border-bottom:1px solid #DDDDDD;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 1.33rem;
    height: 4rem;
    color:#333333;
}
.headMenuLi{
    background:#F9F9F9;
    overflow: hidden;
    display: none;
}
.headMenuLi>a{
    font-size: 1.5rem;
    padding-left:2rem;
    display: block;
    color:#292e33;
    margin-top:10px;
}
.headMenuLi>a:last-child{
    margin-bottom:10px;
}
.rightArrowDown{
    transition: 0.15s;
}
.showLi>.headMenuBox>.rightArrowDown{
    transform: rotate(180deg);
}