*{font-family:microsoft yahei;font-family:Arial;box-sizing: border-box;margin:0;padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,button, textarea, p,b, blockquote, th, td, figure, span figcaption,select{font-weight:normal; font-style:normal;font-size:0.28rem;}

body,html{/*隐藏滚动条，当IE下溢出，仍然可以滚动*/-ms-overflow-style:none;/*火狐下隐藏滚动条*/ scrollbar-width: none;/*解决ios上滑动不流畅*/-webkit-overflow-scrolling: touch;}
body::-webkit-scrollbar{display: none;}/*Chrome下隐藏滚动条，溢出可以透明滚动*/

a{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;max-width:100%;vertical-align:bottom;}
address, caption, cite, code, dfn, em, strong, th, var, i{font-style:normal;}
a, input, button, textarea,label{outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0); background-color:transparent;}

input:focus , textarea:focus, select:focus , label:focus , option:focus{outline:none;}
ol, li{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
q:before, q:after{content:'';}
abbr, acronym{border:0;}
select:focus{outline:0;}
.right{float:right;}
.left{float:left;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.t-del{text-decoration:line-through;}
.t-dline{text-decoration: underline;}
.t-one{white-space: nowrap;}
.t-omit{display: block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.t-duan{word-break:break-all;}
.t-da{ text-transform:uppercase;}
.fwb{font-weight:bold;}
.pr{position:relative;}
.ovh{overflow:hidden;}
.nobg{ background:none !important;}

.clear{clear:both;height:0;font-size:0;line-height:0px;}
.clearfix{zoom: 1;}
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
/*clearfix主要是用在浮动层的父层，而clear 主要是用在浮动层与浮动层之间，和浮动层同一级*/
.hide{display:none !important;}
.show{display:block !important;}

.fullPage{width:100%; height:100%;}


.scrollBx{height:100%; overflow-y:scroll;}

.flex{display: flex !important;}
.flex-wrap{flex-wrap: wrap;}
.flex-column{flex-flow: column;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}
.align-stretch{align-items: stretch;}
.self-start{align-self: flex-start;}
.self-center{align-self: flex-center;}
.self-end{align-self: flex-end;}
.self-stretch{align-self: stretch;}
.align-stretch{align-items: stretch;}
.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}


.flexUl{display: flex ;flex-wrap: wrap;}
.flexT{display: flex ;align-items: flex-start;}
.flexTc{display: flex ;align-items: center;}
.flexTcr{display: flex ;align-items: center;justify-content:flex-end;}
.flexTb{display: flex ;align-items: flex-end;}
.flexLc{display: flex ;justify-content:center;}
.flexLr{display: flex ;justify-content: space-between;}
.flexR{display: flex ;justify-content: flex-end;}
.flexC{display: flex ;align-items: center;justify-content:center;}
.flexDc{display: flex ;align-items: center;justify-content:space-around;}
.flexLrTc{display: flex ;justify-content: space-between;align-items: center;}
.flexLrTb{display: flex ;justify-content: space-between;align-items: flex-end;}
.flexM{flex-grow:1;}
.flexS{flex-flow: column;}

.fssm{font-size:0.24rem !important;}
.fsdf{font-size:0.28rem !important;}
.fslg{font-size:0.32rem !important;}
.fsxl{font-size:0.38rem !important;}
.fsxxl{font-size:0.58rem !important;}

.wrap{padding:0 0.2rem}
.wraps{padding:0 0.4rem}



.pdsm{padding:0.1rem}
.pddf{padding:0.2rem}
.pdlg{padding:0.3rem}
.pdxl{padding:0.4rem}
.pdxxl{padding:0.6rem}

.pdlrsm{padding-left:0.1rem;padding-right:0.1rem;}
.pdlrdf{padding-left:0.2rem;padding-right:0.2rem;}
.pdlrlg{padding-left:0.3rem;padding-right:0.3rem;}
.pdlrxl{padding-left:0.4rem;padding-right:0.4rem;}
.pdlrxxl{padding-left:0.6rem;padding-right:0.6rem;}

.pdtbsm{padding-top:0.1rem;padding-bottom:0.1rem;}
.pdtbdf{padding-top:0.2rem;padding-bottom:0.2rem;}
.pdtblg{padding-top:0.3rem;padding-bottom:0.3rem;}
.pdtbxl{padding-top:0.4rem;padding-bottom:0.4rem;}
.pdtbxxl{padding-top:0.6rem;padding-bottom:0.6rem;}

.pdlsm{padding-left:0.1rem;}
.pdldf{padding-left:0.2rem;}
.pdllg{padding-left:0.3rem;}
.pdlxl{padding-left:0.4rem;}
.pdlxxl{padding-left:0.6rem;}

.pdrsm{padding-right:0.1rem;}
.pdrdf{padding-right:0.2rem;}
.pdrlg{padding-right:0.3rem;}
.pdrxl{padding-right:0.4rem;}
.pdrxxl{padding-right:0.6rem;}

.pdtsm{padding-top:0.1rem;}
.pdtdf{padding-top:0.2rem;}
.pdtlg{padding-top:0.3rem;}
.pdtxl{padding-top:0.4rem;}
.pdtxxl{padding-top:0.6rem;}

.pdbsm{padding-bottom:0.1rem;}
.pdbdf{padding-bottom:0.2rem;}
.pdblg{padding-bottom:0.3rem;}
.pdbxl{padding-bottom:0.4rem;}
.pdbxxl{padding-bottom:0.6rem;}

.mrsm{margin:0.1rem}
.mrdf{margin:0.2rem}
.mrxl{margin:0.3rem}
.mrxxl{margin:0.6rem}

.mrlrsm{margin-left:0.1rem;margin-right:0.1rem;}
.mrlrdf{margin-left:0.2rem;margin-right:0.2rem;}
.mrlrlg{margin-left:0.3rem;margin-right:0.3rem;}
.mrlrxl{margin-left:0.4rem;margin-right:0.4rem;}
.mrlrxxl{margin-left:0.6rem;margin-right:0.6rem;}

.mrtbsm{margin-top:0.1rem;margin-bottom:0.1rem;}
.mrtbdf{margin-top:0.2rem;margin-bottom:0.2rem;}
.mrtblg{margin-top:0.3rem;margin-bottom:0.3rem;}
.mrtbxl{margin-top:0.4rem;margin-bottom:0.4rem;}
.mrtbxxl{margin-top:0.6rem;margin-bottom:0.6rem;}

.mrlsm{margin-left:0.1rem}
.mrldf{margin-left:0.2rem}
.mrllg{margin-left:0.3rem}
.mrlxl{margin-left:0.4rem}
.mrlxxl{margin-left:0.6rem}


.mrrsm{margin-right:0.1rem}
.mrrdf{margin-right:0.2rem}
.mrrlg{margin-right:0.3rem}
.mrrxl{margin-right:0.4rem}
.mrrxxl{margin-right:0.6rem}

.mrtsm{margin-top:0.1rem}
.mrtdf{margin-top:0.2rem}
.mrtlg{margin-top:0.3rem}
.mrtxl{margin-top:0.4rem}
.mrtxxl{margin-top:0.6rem}

.mrbsm{margin-bottom:0.1rem}
.mrbdf{margin-bottom:0.2rem}
.mrblg{margin-bottom:0.3rem}
.mrbxl{margin-bottom:0.4rem}
.mrbxxl{margin-bottom:0.6rem}














.bg-gradual-1{background-image: linear-gradient(0deg, #fdb155, #f77f14);}
.bg-gradual-2{background-image: linear-gradient(0deg, #0c79ff, #28c9f8);}
.bg-gradual-3{background-image: linear-gradient(0deg, #f42020, #ff973b);}
.bg-gradual-4{background-image: linear-gradient(0deg, #1ce7b0, #28c9f8);}
.bg-gradual-5{background-image: linear-gradient(0deg, #ff9059, #ff635a);}
.bg-gradual-6{background-image: linear-gradient(0deg, #d36afa, #5c60fe);}
.bg-gradual-7{background-image: linear-gradient(0deg, #ca97fe, #67ebfb);}
.bg-gradual-8{background-image: linear-gradient(0deg, #2774bb, #2cefed);}
.bg-gradual-9{background-image: linear-gradient(0deg, #fdb155, #f77f14);}
.bg-gradual-10{background-image: linear-gradient(0deg, #6aebfa, #5c60fe);}
.bg-gradual-11{background-image: linear-gradient(0deg, #00c9cc, #058caa);}
.bg-gradual-12{background-image: linear-gradient(0deg, #ffbc61, #e7784e);}
.bg-gradual-13{background-image: linear-gradient(0deg, #5ae9ab, #ef9a4f);}
.bg-gradual-14{background-image: linear-gradient(0deg, #fc3efe, #ff6a6a);}
.bg-gradual-15{background-image: linear-gradient(0deg, #67a0fc, #86bdfe);}
.bg-gradual-bt1{background-image: linear-gradient(0deg, #ffd600, #f1ff52);}
.bg-gradual-bt2{background-image: linear-gradient(0deg, #6ea6fc, #6ff7fc);}

.text-gradual{-webkit-background-clip:text;color:transparent !important;}

.alert{display:none;position:fixed;top:50%;left:50%;min-width:5em;max-width:90%;transform:translate(-50%,-50%);z-index:99999;text-align:center;padding:0.15rem;border-radius:0.15rem;border:1px solid ; font-size:0.26rem;}
.alert-tips{background: rgba(0,0,0,.6); color:#fff;border:none;}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6;}
.alert-info{color:#fff;background-color:#2e303c;border-color:#616372;}
.alert-warning{color:#000;background-color:#fff;border-color:#faebcc;}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1;}
.alert button{background:rgb(0%,0%,0%); border:none; color:#fff; position:absolute; top:-0.15rem; right:-0.15rem; width:0.4rem; height:0.4rem;border-radius:50%; margin:0; padding:0;}


.col-2 , .col-3, .col-4 , .col-5{margin-left:-0.2rem; overflow:hidden;}
.col-2 li , .col-3 li , .col-4 li , .col-5 li{float:left; margin-left:0.2rem;}

.col-1 li{width:100%;margin-bottom:0.2rem;}
.col-2 li,
.col-2>div{width:calc(50% - 0.2rem);margin-bottom:0.2rem;}
.col-3 li,
.col-3>div{width:calc(33.33% - 0.2rem) !important;margin-bottom:0.2rem;}
.col-4 li,
.col-4>div{width:calc(25% - 0.2rem);margin-bottom:0.2rem;}
.col-5 li,
.col-5>div{width:calc(20% - 0.2rem);margin-bottom:0.2rem;}