@charset "utf-8";

html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    font-size: 62.5%;

    font-family: 'PingFang SC','Microsoft YaHei','SimSun','Arial', sans-serif

}



blockquote,body,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {

    margin: 0;

    padding: 0;

    list-style: none;

    -webkit-tap-highlight-color: transparent;

    color: #333;

    font-size: 16px;

}



body,

html {

    width: 100%;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    height: 100%;

}



h1,h2,h3,h4,h5,h6 {

    font-size: 100%;

    font-weight: 400;

}



code,input,kbd,pre,samp,textarea {

    font-size: 100%;

    background: 0 0;

    appearance: none;

    -webkit-appearance: none;

}



button,

input,

select,

textarea {

    border: none;

    border: medium;

    outline: 0;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

}



button {

    border: 0 none;

    background-color: transparent;

    cursor: pointer;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    appearance: none;

    -webkit-appearance: none;

    margin: 0;

    border-radius: 0;

    -webkit-border-radius: 0;

}



body,

button,

input,

select,

textarea {

    font-family: 'Microsoft YaHei', Arial, 'Times New Roman', SimHei;

}



ol,

ul {

    list-style: none;

}



a {

    text-decoration: none;

    -webkit-tap-highlight-color: rgb(0, 0, 0, 0);

    outline: 0;

    color: #333;

}



a:focus {

    outline: 0;

}



a:hover {

    -webkit-user-select: none;

}



a:active {

    star: expression(this.onFocus=this.blur());

}



img {

    max-width: 100%;

    max-height: 100%;

    border: none;

    vertical-align: middle;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



.clearfix::before,

.clearfix::after {

    display: block;

    clear: both;

    content: "";

    visibility: hidden;

    height: 0;

}



.pr {

    position: relative;

}



cite,

em,

i {

    font-style: normal;

}



.clearfix {

    clear: both;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.clear {

    clear: both;

    float: none;

    line-height: 0;

    height: 0;

}



.hide {

    display: none;

}



.show {

    display: block;

}



.icon {

    width: 1em;

    height: 1em;

    vertical-align: -0.15em;

    fill: currentColor;

    overflow: hidden;

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.mask {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .7);

    z-index: 9999;

}



.flex-mask {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0 auto;

}

.flex-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}

.justify-between {

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.align-items-center{

    -webkit-box-align:center;

    -webkit-align-items:center;

    -ms-flex-align:center;

    align-items:center

}

.flex-1 {

    -webkit-box-flex:1.0;

    -webkit-flex:1.0;

    -ms-flex:1.0;

    flex:1;

    width: 0;

}

.flex-0 {

    -webkit-box-flex:0;

    -webkit-flex:0;

    -ms-flex:0;

    flex:0;

    width: 0;

}

/* 设置placeholder颜色 */

::-webkit-input-placeholder {

    color: #bbb;

}

:-moz-placeholder{

    color: #bbb;

}                  /* Firefox版本4-18 */

::-moz-placeholder{

    color: #bbb;

}                  /* Firefox版本19+ */

:-ms-input-placeholder{

    color: #bbb;

}

/* 文字溢出隐藏 */



.txt-hidden {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}