@charset "utf-8";
/*------------------------------------------------------  初始化  ------------------------------------------------------*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
   input {
   border:0px;
        }
/*html{-webkit-text-size-adjust:none;}*/
html, body{
    width: 100vw;
    min-height: 100vh;

}
ol, ul, li{
    list-style: none;
}
a{
    text-decoration: none;
    blr:expression(this.onFocus=this.blur());
    color:#fff;
    -webkit-tap-highlight-color:rgba(0,0,0,0); /*去除iPhone 点击的背景块*/
}
a:focus, a.hidefocus{
    outline: none;
}
img{
    display: initial;
}
i{
    font-style: normal;
    font-family: 'iconfont';
    font-size: 14px;
}
input{
    outline: none;
    background:none;
    font:400 14px '微软雅黑';
}
input[type=text], input[type=submit], input[type=button] {
    -webkit-appearance: none; /*去除iPhone input默认样式}*/
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }  /*去掉上下箭头*/
::-webkit-scrollbar { display:none; }  /*去除iPhone 滚动条*/

body{
    width: 100vw;
    height:100%;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    background:#fff;
    color:#333;
    font-size: 14px;
    /* font-size: .3rem; */
}
/*body >div{height: 100%;}   !*仅限Vue.js用*!*/

/*------------------------------------------------------  base ------------------------------------------------------*/
.fl{float: left;}
.fr{float: right;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.vmid{vertical-align: middle;}
.hidden{overflow: hidden;}
.none{display: none;}
.block{display: block;}
.inline-block{display: inline-block;}
.bold{font-weight: bold;}
.bg-no{background:none;}
.border-no{border:none;}
.outline-no{outline: none;}
.color-no{color:transparent;}
.caret-no{caret-color:transparent;}  /*input去掉光标颜色 IOS不支持*/
.scroll-x{overflow-x: scroll;}
.scroll-y{overflow-y: scroll;}
.cursor{cursor: pointer;}
.text-underline{text-decoration: underline;}
.text-uppercase{text-transform: uppercase;}
.text-lowercase{text-transform: lowercase;}
.border-box{-webkit-box-sizing: border-box;}
.content-box{-webkit-box-sizing: content-box;}
.filter-gray{-webkit-filter: grayscale(1);}
.rotate-180{transform: rotate(180deg);}
.scale-2{transform:scale(1.8);}
.blur{filter: blur(5px);}
.bright-5{-webkit-filter:brightness(.5)}
.bright-7{-webkit-filter:brightness(.7)}
.opacity-0{opacity: 0;}
.opacity-1{opacity: 1;}
.opacity-5{opacity: .5;}
.line-h-1{line-height: 1.6;}
.line-h-2{line-height: 2;}
.line-h-3{line-height: 3;}
.line-h-4{line-height: 4;}
.indent-1{text-indent: 1em;}
.indent-2{text-indent: 2em;}
.letter-space-2{letter-spacing: 2px;}
.f1{flex-grow:1;flex-shrink:1;flex-basis:0;overflow: hidden;}
.f2{flex:2;overflow: hidden;}
.f3{flex:3;overflow: hidden;}
.f4{flex:4;overflow: hidden;}
.f5{flex:5;overflow: hidden;}
.f6{flex:6;overflow: hidden;}
.f7{flex:7;overflow: hidden;}
.f8{flex:8;overflow: hidden;}
.f9{flex:9;overflow: hidden;}
.flex{display: flex;display:-webkit-flex;align-items: center;}
.flex-x-s{justify-content: flex-start;}
.flex-x-e{justify-content: flex-end;}
.flex-x-c{justify-content: center}
.flex-y-s{align-items: flex-start;}
.flex-y-e{align-items: flex-end;}
.flex-y-c{align-items:center;}
.flex-r-w{flex-flow: row wrap;}
.flex-col{flex-direction: column;}
.flex-shrink{flex-shrink: 0;}
.space-ard{justify-content: space-around;}
.space-btw{justify-content: space-between;}
.flex-stretch{align-items: stretch;}
.ellipsis{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.ellipsis2, .ellipsis3, .ellipsis5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.ellipsis2{ -webkit-line-clamp: 2;line-height: 1.6;max-height:50px}
.ellipsis3{ -webkit-line-clamp: 3;line-height: 1.6;max-height:65px;}
.ellipsis5{ -webkit-line-clamp: 5;line-height: 2;max-height:2rem;}
.re{position: relative;}
.ab{position: absolute;}
.fix{position: fixed;width: 100%;}
.auto{margin:auto;}
.z-2{z-index: 2;}
.l-r-0{left:0;right:0}
.t-b-0{top:0;bottom:0}
.l-t-0{left:0;top:0}
.l-b-0{left:0;bottom:0}
.r-t-0{right:0;top:0;}
.r-b-0{right:0;bottom:0}
.l-t-1{left:10px;top:10px}
.l-b-1{left:10px;bottom:10px}
.r-t-1{right:10px;top:10px}
.r-b-1{right:10px;bottom:10px}
.col-1{width:10%;}
.col-15{width:15%;}
.col-2{width:20%;}
.col-25{width:25%;}
.col-3{width:30%;}
.col-4{width:40%;}
.col-5{width:50%;}
.col-6{width:60%;}
.col-7{width:70%;}
.col-8{width:80%;}
.col-9{width:90%;}
.col-10{width:100%;}
.row-10{height:100%;}
.min-10-vh{min-height: 100vh;}
.col-10-vw{width:100vw;}
.row-10-vh{height:100vh;}
.row-4-vh{height:40vh;overflow: hidden;}
.row-5-vh{height:50vh;overflow: hidden;}
.row-6-vh{height:60vh;overflow: hidden;}
.font1{font-size: .1rem;}
.font2{font-size: .2rem;}
.font3{font-size: .3rem;}
.font4{font-size: .4rem;}
.font5{font-size: .5rem;}
.font6{font-size: .6rem;}
.font8{font-size: .8rem;}
.font25{font-size: .25rem;}
.font35{font-size: .35rem;}
.border-radius-1{border-radius: .1rem;}
.border-radius-2{border-radius: .2rem;}
.border-radius-5{border-radius: .5rem;}
.border-radius-y{border-radius: 50%;}

/*------------------------------------------------------  color ------------------------------------------------------*/
.color-white{color:#fff;}
.color-black{color:#333!important;}
.color-gray{color: #999;}
.color-gray-l{color: #A5A6A8;}
.color-gray-d{color: #555;}
.color-666{color: #666;}
.color-blue{color: #368bf1;}
.color-blue-l{color: #4fb1ee;}
.color-blue-d{color: #4768f3;}
.color-white-5{color:rgba(255,255,255,.6)}

.bg-white{background:#fff;}
.bg-black{background:#2b2a39;}
.bg-gray-l{background:#f1edee;}
.bg-gray-d{background:#cacaca;}
.bg-blue{background:#5da7ff;}
.bg-blue-l{background:#3e8ce9;}
.bg-blue-d{background:#3a85de;}
.bg-yellow{background:#feba01;}

.bg-gradient-yel{background-image: -webkit-linear-gradient(0deg, #FFD96B, #FDC223);}
.text-gradient-yellow{display:inline-block;background: linear-gradient(to right, rgba(255, 200, 95, 1), rgba(251, 247, 149, 1));-webkit-background-clip:text;color: transparent;}

.border-white{border:1px solid #fff;}
.border-black{border:1px solid #3a384d;}
.border-gray{border:1px solid #f5f5f5;}
.border-yellow{border:1px solid #FDC223;}
.border-blue{border:1px solid #2d3969;}
.border-b-white{border-bottom: 1px solid #fff;}
.border-r-white{border-right: 1px solid #fff;}
.border-t-gray{border-top: 1px solid #f5f5f5;}
.border-b-gray{border-bottom: 1px solid #e5e5e5;}

.border-b-gray-dashed{border-bottom:1px dashed #dadada;}
.shadow-gray{box-shadow: 0 0 .3rem rgba(0,0,0,.1);}



/*------------------------------------------------------  font 边距  PC px ------------------------------------------------------*/
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}
.pad-l-5{padding-left:5px;}
.pad-l-10{padding-left:10px;}
.pad-l-15{padding-left:15px;}
.pad-l-20{padding-left:20px;}
.pad-r-5{padding-right:5px;}
.pad-r-10{padding-right:10px;}
.pad-r-15{padding-right:15px;}
.pad-r-20{padding-right:20px;}
.pad-t-5{padding-top:5px;}
.pad-t-10{padding-top:10px;}
.pad-t-15{padding-top:15px;}
.pad-t-20{padding-top:20px;}
.pad-b-5{padding-bottom:5px;}
.pad-b-10{padding-bottom:10px;}
.pad-b-15{padding-bottom:15px;}
.pad-b-20{padding-bottom:20px;}
.pad-l-r-5{padding:0 5px;}
.pad-l-r-10{padding:0 10px;}
.pad-l-r-15{padding:0 15px;}
.pad-l-r-20{padding:0 20px;}
.pad-t-b-5{padding:5px 0;}
.pad-t-b-10{padding:10px 0;}
.pad-t-b-15{padding:15px 0;}
.pad-t-b-20{padding:20px 0;}
.pad-5{padding:5px;}
.pad-10{padding:10px;}
.pad-15{padding:15px;}
.pad-20{padding:20px;}
.pad-5-10{padding:5px 10px;}
.pad-5-15{padding:5px 15px;}

.mar-l-5{margin-left:5px;}
.mar-l-10{margin-left:10px;}
.mar-l-15{margin-left:15px;}
.mar-l-20{margin-left:20px;}
.mar-r-5{margin-right:5px;}
.mar-r-10{margin-right:10px;}
.mar-r-15{margin-right:15px;}
.mar-r-20{margin-right:20px;}
.mar-t-5{margin-top:5px;}
.mar-t-10{margin-top:10px;}
.mar-t-15{margin-top:15px;}
.mar-t-20{margin-top:20px;}
.mar-b-5{margin-bottom:5px;}
.mar-b-10{margin-bottom:10px;}
.mar-b-15{margin-bottom:15px;}
.mar-b-20{margin-bottom:20px;}
.mar-l-r-5{margin:0 5px;}
.mar-l-r-10{margin:0 10px;}
.mar-l-r-15{margin:0 15px;}
.mar-l-r-20{margin:0 20px;}
.mar-t-b-5{margin:5px 0;}
.mar-t-b-10{margin:10px 0;}
.mar-t-b-15{margin:15px 0;}
.mar-t-b-20{margin:20px 0;}
.mar-5{margin:5px;}
.mar-10{margin:10px;}
.mar-15{margin:15px;}
.mar-20{margin:20px;}


/*------------------------------------------------------  PC ------------------------------------------------------*/
.w1200{width:100%;max-width: 1200px;margin:auto;}
.jiant{font: 16px/1 '宋体';transform: rotate(90deg);}