*{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;}
.fwb{ font-weight:bold;}
.pr{position:relative;}
.ovh{ overflow:hidden;}

.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:0 0.1rem }
.pdlrdf{ padding:0 0.2rem }
.pdlrlg{ padding:0 0.3rem }
.pdlrxl{ padding:0 0.4rem }
.pdlrxxl{ padding:0 0.6rem }

.pdtbsm{ padding:0.1rem 0 }
.pdtbdf{ padding:0.2rem 0 }
.pdtblg{ padding:0.3rem 0 }
.pdtbxl{ padding:0.4rem 0 }
.pdtbxxl{ padding:0.6rem 0 }

.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:0 0.1rem }
.mrlrdf{ margin:0 0.2rem }
.mrlrlg{ margin:0 0.3rem }
.mrlrxl{ margin:0 0.4rem }
.mrlrxxl{ margin:0 0.6rem }

.mrtbsm{ margin:0.1rem auto}
.mrtbdf{ margin:0.2rem auto}
.mrtblg{ margin:0.3rem auto}
.mrtbxl{ margin:0.4rem auto}
.mrtbxxl{ margin:0.6rem auto}

.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}







.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;}