body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

body{
    font-family: Helvetica Neue,Helvetica,Arial,PingFangSC-Regular,Microsoft YaHei,SimSun,sans-serif;
    color: #333333;
    -webkit-text-size-adjust:100%;
    font-size: .14rem;
    background-color: #f5f5f5;
}
body.of-hidden{overflow: hidden}
html.of-hidden{overflow: hidden}

.body-shadow{
    -webkit-box-shadow:  0pt 3px 5px #cccccc;
    -moz-box-shadow:  0pt 3px 5px #cccccc;
    box-shadow:  0pt 3px 5px #cccccc;
}

a{color: inherit;text-decoration: none}
a:hover{color: #e7141a;text-decoration: none!important;}

li{list-style: none}
p{line-height: 1.8;}

textarea{resize: none}
input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cccccc;
    padding: 0 .15rem;
    outline:none;
}
select{
    outline: none;
    border: none;
    background-color: transparent;
}
input:focus{
    border-color: #e7141a;
}


.fl{float: left;}
.fr{float: right;}

.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}

.clearfix:before,.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix {zoom: 1;}

.color-main{color: #e7141a;}
/*.color-red{color: #e7141a}*/

.background-cover{
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.background-contain{
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

.btitle-fs{font-size: .28rem;font-weight: 700}
.ntitle-fs{font-size: .18rem;font-weight: 700}
.stitle-fs{font-size: .12rem;font-weight: 700;}


.nopadding-lr{padding-left: 0;padding-right: 0;}

.mt-10{margin-top: .10rem;}
.mt-20{margin-top: .20rem;}
.mt-30{margin-top: .30rem;}
.mt-40{margin-top: .40rem;}
.mt-50 {margin-top: .50rem;}
.mt-60 {margin-top: .60rem;}
.mt-70 {margin-top: .70rem;}
.mt-80 {margin-top: .80rem;}
.mt-90 {margin-top: .90rem;}
.mt-100{margin-top: 1.00rem}
.mt-110{margin-top: 1.10rem}
.mt-120{margin-top: 1.20rem}
.mt-130{margin-top: 1.30rem}
.mt-140{margin-top: 1.40rem}
.mt-200{margin-top: 2.00rem}


.mb-10 {margin-bottom: .10rem;}
.mb-20 {margin-bottom: .20rem;}
.mb-30 {margin-bottom: .30rem;}
.mb-40 {margin-bottom: .40rem;}
.mb-50 {margin-bottom: .50rem;}
.mb-60 {margin-bottom: .60rem;}
.mb-70 {margin-bottom: .70rem;}
.mb-80 {margin-bottom: .80rem;}
.mb-90 {margin-bottom: .90rem;}
.mb-100{margin-bottom: 1.00rem}
.mb-110{margin-bottom: 1.10rem}
.mb-120{margin-bottom: 1.20rem}
.mb-130{margin-bottom: 1.30rem}
.mb-140{margin-bottom: 1.40rem}





.pt-10{padding-top: .10rem;}
.pt-20{padding-top: .20rem;}
.pt-30{padding-top: .30rem;}
.pt-40{padding-top: .40rem;}
.pt-50{padding-top: .50rem}
.pt-60{padding-top: .60rem}
.pt-70{padding-top: .70rem}
.pt-80{padding-top: .80rem}
.pt-90{padding-top: .90rem}
.pt-100{padding-top: 1.00rem}
.pt-110{padding-top: 1.10rem}
.pt-120{padding-top: 1.20rem}
.pt-130{padding-top: 1.30rem}
.pt-140{padding-top: 1.40rem}
.pt-200{padding-top: 2.00rem}


.pb-10{padding-bottom: .10rem;}
.pb-20{padding-bottom: .20rem;}
.pb-30{padding-bottom: .30rem;}
.pb-40{padding-bottom: .40rem;}
.pb-50 {padding-bottom: .50rem;}
.pb-60 {padding-bottom: .60rem;}
.pb-70 {padding-bottom: .70rem;}
.pb-80 {padding-bottom: .80rem;}
.pb-90 {padding-bottom: .90rem;}
.pb-100{padding-bottom: 1.00rem}
.pb-110{padding-bottom: 1.10rem}
.pb-120{padding-bottom: 1.20rem}
.pb-130{padding-bottom: 1.30rem}
.pb-140{padding-bottom: 1.40rem}
.pb-200{padding-bottom: 2.00rem}

.no-plr{padding-left: 0;padding-right: 0;}



.st-boxsing{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.st-boxshadow{
    -webkit-box-shadow:  0px 0px .1rem #cccccc;
    -moz-box-shadow:  0px 0px .1rem #cccccc;
    box-shadow:  0px 0px .1rem #cccccc;
}
.st-transition{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.line-hidden-1{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-hidden-2{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp:2;*/
    white-space: nowrap;
    -webkit-box-orient: vertical;
}


@media (min-width: 320px) and (max-width: 374px){
    html{
        font-size: 85px;
    }
}
@media (min-width: 375px) and (max-width: 413px){
    html{
        font-size: 100px;
    }
}
@media (min-width: 414px) and (max-width: 474px) {
    html{
        font-size: 110px;
    }
}
@media (min-width: 475px) and (max-width: 513px) {
    html{
        font-size: 126px;
    }
}
@media (min-width: 514px) and (max-width: 574px) {
    html{
        font-size: 137px;
    }
}
@media (min-width: 575px) and (max-width: 613px) {
    html{
        font-size: 153px;
    }
}
@media (min-width: 614px) and (max-width: 674px) {
    html{
        font-size: 163px;
    }
}
@media (min-width: 674px) and (max-width: 767px) {
    html{
        font-size: 179px;
    }
}
@media (min-width: 768px) and (max-width: 900px) {
    html{
        font-size: 185px;
    }
}
@media (min-width: 901px) and (max-width: 1024px) {
    html{
        font-size: 217px;
    }
}
@media (min-width: 1025px) and (max-width: 1200px) {
    html{
        font-size: 273px;
    }
}