﻿@charset "utf-8";
/*初始化*/

/*html{-webkit-text-size-adjust:none;}*/
/*::-webkit-scrollbar {display:none;}*/

ol, ul, li{
    list-style: none;
}
a{
    text-decoration: none;
    blr:expression(this.onFocus=this.blur());
    color:rgb(51, 51, 51);
    -webkit-tap-highlight-color:rgba(0,0,0,0); /*去除点击的背景块*/
font-size: 15px;
font-family: 微软雅黑;
}
a:focus {
    outline: none;
}
a.hidefocus {
    outline: none;
}

input{
    outline: none;
    background:none;
    font:400 14px '微软雅黑';
}
input[type=text], input[type=submit], input[type=button] {
    -webkit-appearance: none; /*去除iPhone input默认样式}*/
}
::-webkit-scrollbar {
    display:none;   /*隐藏滚动条*/
}
body{
    width: 100vw;
    height:100vh;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    background:#fafafa;
    color:#333;
    font-size: 14px;
    /*font-size: .3rem;*/
}

/*------------------------------------------------------  base ------------------------------------------------------*/
.fl{float: left;}
.fr{float: right;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.vmid{vertical-align: middle;}

.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去掉光标颜色 苹果手机*/
.border-box{-webkit-box-sizing: border-box;}
.content-box{-webkit-box-sizing: content-box;}
.scroll-x{overflow-x: scroll;}
.scroll-y{overflow-y: scroll;}
.cursor{cursor: pointer;}
.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;margin-top: 20px;}
.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:1;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{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 18px;height:41px;}
.ellipsis3{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 18px;height:64px;}
.ellipsis5{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;line-height: 18px;height:90px;}
.re{position: relative;}
.ab{position: absolute;}
.fix{position: fixed;width: 100%;}
.auto{margin:auto;}
.z-2{z-index: 2;}
.l-t-0{left:0;top:0}
.l-b-0{left:0;bottom:0}
.l-r-0{left:0;right:0}
.t-r-0{top:0;right:0}
.t-b-0{top:0;bottom:0}
.r-b-0{right:0;bottom:0}
.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-2{width:20%;}
.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%;}
.col-06{width: 6%;}
.col-15{width:15%;}
.col-25{width:25%;}
.col-32{width:32%;}
.col-45{width:45%;}
.col-48{width:48%;}
.col-75{width:75%;}
.min-10-vh{min-height: 100vh;}
.col-10-vw{width:100vw;}
.row-10-vh{height:100vh;}
.row-3-vh{height:30vh;overflow: hidden;}
.row-4-vh{height:40vh;overflow: hidden;}
.row-5-vh{height:50vh;overflow: hidden;}
.row-6-vh{height:60vh;overflow: hidden;}
.col-2-vw{width:20vw;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font25{font-size: 25px;}
.font35 {
  font-size: 35px;
  display: none;
}
.border-radius-5{border-radius: 5px;}
.border-radius-10{border-radius: 10px;}
.border-radius-30{border-radius: 30px;}
.border-radius-y{border-radius: 50%;}


/*------------------------------------------------------  颜色 ------------------------------------------------------*/
.color-white{color:#fff;}
.color-black{color:#333!important;}
.color-gray{color: rgb(152,152,152);line-height: 60px;background-color: rgb(240,240,240);}
.color-gray-l{color: #a3a3a3;}
.color-666{color: #666;}
.color-red{color:#FF1919;}
.color-yellow{color:#936517;}
.color-orange{color:#fe6500;}
.color-blue{color: #1288E7;}
.color-green{color: #07cbbd;}
.color-purple{color:#b34456;}

.bg-white{background:#fff;}
.bg-black{background:#2b2a39;}

.bg-gray-l{background:#464646;}

.bg-red{background:#fe5a59;}
.bg-yellow{background:#dbc095;}
.bg-orange{background:#fecf5d;}
.bg-green{background:#58bc07;}
.bg-blue{background:#225a97;;}
.bg-purple{background:#a65ed3;}
.bg-white-5{background:rgba(255,255,255,.5)}
.bg-black-5{background:rgba(0,0,0,.5)}

.border-white{border:1px solid #fff;}
.border-black{border:1px solid #3a384d;}
.border-gray{border:1px solid #ccc;}
.border-red{border:1px solid #f60339;}
.border-yellow{border:1px solid #ffcc00;}
.border-orange{border:1px solid #ffac40;}
.border-blue{border:1px solid #61a5ff;}
.border-green{border:1px solid #07CBBD;}
.border-t-gray{border-top: 1px solid #ccc;}
.border-b-gray{border-bottom: 1px solid #ccc;}
.border-r-gray{border-right: 1px solid #ccc;}
.border-b-white{border-bottom: 1px solid #fff;}
.border-r-white{border-right: 1px solid #fff;}
.border-b-blue{border-bottom:1px solid #0faeff;}
.border-b-green{border-bottom:1px solid #07CBBD;}
.border-b-purple{border-bottom:1px solid #b34456;}
.border-t-1-gray{border-top: .1rem solid #f5f5f5;}
.border-t-2-gray{border-top: .2rem solid #f5f5f5;}
.border-t-3-gray{border-top: .3rem solid #f5f5f5;}
.border-b-1-gray{border-bottom:.1rem solid #f5f5f5;}
.border-b-2-gray{border-bottom:.2rem solid #f5f5f5;}
.border-b-3-gray{border-bottom:.3rem solid #f5f5f5;}
.border-05-white{border:.05rem solid #fff;}
.border-08-white{border:.08rem solid #fff;}
.border-1-white{border:.1rem solid #fff;}
.border-b-gray-dashed{border-bottom:1px dashed #6e6d7a;}

/*------------------------------------------------------  边距类 ------------------------------------------------------*/
.pad-0{padding: 0;}
.pad-5{padding: 5px;}

.pad-15{padding: 15px;}
.pad-20{padding: 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: 0px 0;}
.pad-t-b-50{padding: 50px 0;}
.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-5{padding-top: 5px;}
.pad-t-10{padding-top: 10px;}
.pad-t-15{padding-top: 15px;}
.pad-t-20{padding-top: 20px;}
.pad-t-50{padding-top: 50px;}
.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-b-30{padding-bottom: 30px;}
.pad-b-50{padding-bottom: 50px;}
.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-l-30{padding-left: 30px;}
.pad-l-50{padding-left: 50px;}
.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-r-50{padding-right: 50px;}

.mar-5{margin: 5px;}
.mar-10{margin: 10px;}
.mar-15{margin: 15px;}
.mar-20{margin: 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-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-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-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;}



/*------------------------------------------------------  PC端 ------------------------------------------------------*/
.w1200{width:100%;max-width: 1200px;margin:auto;}
.w1200ft{width:80%;margin:0 auto;max-width: 1100px;}
section{min-height: calc(100vh - 310px);}
@media screen and (max-width:1000px) {.font35 {
  font-size: 25px;
}
.col_list .wp_listcolumn .wp_column a .column-name {
  line-height: 40px;
}
.w1200ft{width:100%;margin:0 auto;}
}


