/* ============================================================
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   ============================================================ */
/*取消chrome的字体大小自适应的功能*/
*{
    -webkit-text-size-adjust:none;
}
body{
    color:#666666;
    font-size: .24rem;
    font-family:PingFang-SC-Regular,PingFang-SC;
    background: #ffffff;
}
/*--*/

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.f_b{font-weight: bold}
img {
    display: block;
    width: 100%;
    height: auto;
}
address,caption,cite,code,dfn,th,var {
    font-style: normal;
    font-weight: normal
}
input ,button{
    padding: 0;
    font-family: "SimSun","宋体";
    border: 0;
    outline:0;
    background-color: transparent;
}
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
select,input {
    vertical-align: middle
}
select,input,textarea,button {
    font-size: .28rem;
    margin: 0
}
input[type="text"],input[type="password"],textarea {
    outline-style: none;
    -webkit-appearance: none
}
input::-webkit-input-placeholder {
    color: #999999;
}
input::-moz-input-placeholder {
    color: #999999;
}
input::-ms-input-placeholder {
    color:#999999;
}
textarea {
    resize: none
}
table {
    border-collapse: collapse
}
button :focus{outline:0;}
::-webkit-scrollbar {display: none;}
/*文字溢出隐藏为三个点(...)*/
.single_line{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tow_line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.three_line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.four_line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.five_line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.f_22{font-size: .22rem;}
.f_24{font-size: .24rem;}
.f_28{font-size: .28rem;}
.f_30{font-size: .3rem;}
.f_34{font-size: .34rem;}
.f_60{font-size: .6rem;}

.text-gray{color: #666!important;}
.text-gray-9{color: #999999!important;}
.text-black{color: #000000!important;}
.text-black-3{color: #333333!important;}
.text-orange{color: #FF9800!important;}
/******************/
/*垂直居中*/
.vertical_center{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.hide{
    display: none;
}
.gap:before {
    display: block;
    width: 100%;
    height: .20rem;
    content: ' ';
    font-size: 0;
    background: #F2F2F2;
}