@charset "utf-8";
/* 像素科技 */
*{ padding:0; margin:0;outline:none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td {margin: 0; padding: 0;}
body{min-width: 1200px;color: #333333;font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
li, dt, dd {list-style: none;}
a {color:#333333; text-decoration:none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
a:hover { color:#333333; text-decoration:none;}
img {border:0; vertical-align:middle;max-width: 100%;}
button, input, textarea {
    border: none;
    background: transparent;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
i{font-style:normal}
.clear {clear:both;}
.hide {display:none;}
.fl{float: left;}
.fr{float: right;}
.fm{
    margin:0 auto;
}
.black{color: #333333 !important;}
.main_bg{background: #448aff !important;}
.xs_bg{background: #f2f2f2 !important;}
.yellow{background: #fdd000 !important;}
.xs100{position: relative;width: 1200px;margin: 0 auto; min-width: 1200px;}
[v-cloak]{display: none;}
.text{
    display: inline;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(56%,transparent),color-stop(0,#fdd000));
    background-image: linear-gradient(180deg,transparent 46%,#fdd000 0);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-transition: background-size .4s ease;
    transition: background-size .4s ease;
    letter-spacing: 5px;
}
.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}
.col_1{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col_2{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col_3{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.col_4{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col_5{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.tc {text-align: center;}
.mg50{margin-top: 50px;}
.mg60{margin-top: 60px;}
.mg20{margin-top: 20px;}
.mg30{margin-top: 30px;}
.pd50{padding-top: 50px;}
.pd30{padding: 30px;}
.pd20{padding: 20px;}
.pdt50{padding: 50px 0;}
.fz50{font-size: 50px;}
.fz20{font-size: 20px;}
.fz30{font-size: 30px;font-weight: 700;}
.fz32{font-size: 32px;font-weight: 700;}
.h300{height: 300px !important;}
.h100{height: 100px !important; width: 100%;overflow: hidden;}
.h80{height: 80px !important; width: 100%;overflow: hidden;}
.line_b{border-bottom: 1px solid #f4f4f4}
.line_t{border-top: 1px solid #f4f4f4}
.bgfa{background: #f4f8fd}
.bgs{background-color: #3f97ff !important}
.main_clolr{color: #3182f8 !important}
.c333{color: #333 !important;}
.cfff{color: #fff !important;}
.bgff{background: #ffffff !important;}
.tc_l{text-align: left !important;}

