@charset "utf-8";

@font-face {
    font-family: myFirstFont;
    src: url('../font/SourceHanSansK-Regular.ttf')
}

* {
    margin: 0;
    padding: 0;
    font-family: myFirstFont;
    outline: none;
    font-size: .175rem;
}

body {
    width: 100%;
    min-width: 15rem;
    overflow-x: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-selec1t: none;
    background: #f6f9fb;
}

i {
    font-style: normal
}

button {
    cursor: pointer
}

a {
    text-decoration: none;
    cursor: pointer
}

ul {
    list-style-type: none;
}

.clear {
    clear: both
}

/*public版心*/
.puc_cen {

    min-width: 15rem;
    margin: auto;
    overflow: hidden;

}

/*banner*/

/* .zs_ban {

    width: 100%;
    height: 390px;

} */

/* .zs_ban a,.zs_ban img{

    width: 100%;height: 100%;

} */

/* .zs_ban .swiper-pagination-bullet {

    display: inline-block;width: .25rem;height: .25rem;border-radius: .25rem;background: #fff;margin: 0 .0875rem!important;cursor: pointer;opacity: 1;

} */

/* .zs_ban .swiper-pagination-bullet-active {

    background: #ff821f;

} */

.min_bg {
    /* background: #fff; */
    background: #F4F5F7;
}
.min_bg .containeres{
    padding: 0 2.7743rem;
    
}
.min_bg_top {
    display: flex;
    width: 100%;
    min-width: 15rem;
    padding: 0 2.7743rem;
    padding-top: .744rem;
    background: #fff;
    padding-bottom: 0.681rem;
    align-items: flex-end;
}
/*标题*/
.tit_h4 {
    text-align: center;
    font-size: .454rem;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #333333;
    margin-right: .2018rem;
}

.tit_p {
    text-align: center;
    font-size: .2018rem;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #666666;
}

.z_v1 {
    /* margin-top: .681rem; */
}

.k1_top_bor {
    border-bottom: 1px solid #e7ebee;
    /* padding-bottom: .3125rem; */
    padding-bottom: .1639rem;
    background: #fff;
    position: relative;
}
.k1_top_bor  .containeres{
    display: flex;
    justify-content: space-between;
    min-width: 15.1324rem;
    padding: 0 2.7743rem;
}
.k1_top {
    width: 15rem;
    margin: auto;
}
.k1_bot_left{
    margin-left: -0.15rem;
}
.k1_top_lef {
    float: left;
    margin-left: -0.15rem;
}

.k1_top_lef>div {
    float: left;
    margin-right: .125rem;
}

.k1_top_lef i {
    height: .475rem;
    line-height: .475rem;
    border-radius: .3125rem;
    /* text-indent: .2rem; */
    /* color: #232323; */
    color: #3F3F3F;
    font-size: .225rem;
    cursor: pointer;
    /* border: 1px solid #959595; */
    padding-right: .15rem;
    padding-left: .15rem;
    position: relative;
    display: inline-block;
}

.k1_top_lef i {
    background-size: auto .225rem !important;
}

.k1_top_lef i:hover {
    color: #3972FF;
}

/* .k1_icon1:hover i:before,
.k1_icon2:hover i:before {
    display: block;
} */
.k1_on i:before {
    display: block;
}
.k1_on i {
    color: #3972FF!important;
}

/*.k1_icon1 i{background: url("../images/k1_icon1a.svg") no-repeat 17px 50%;}*/
.k1_on.k1_icon1 i,
.k1_icon1:hover i {
    /* background: #232323; */
    /* color: #fff; */
    color: #3972FF;
}

/*.k1_icon2 i{background: url("../images/k1_icon2a.svg") no-repeat 17px 50%;}*/
.k1_on.k1_icon2 i,
.k1_icon2:hover i {
    /* background: #232323; */
    color: #3972FF;
}

/*.k1_icon3 i{background: url("../images/k1_icon_vr0.svg") no-repeat 17px 50%;}*/
.k1_on.k1_icon3 i,
.k1_icon3:hover i {
    /* background: #232323; */
}

/*.k1_icon4 i{background: url("../images/k1_icon4a.svg") no-repeat 17px 50%;}*/
.k1_on.k1_icon4 i,
.k1_icon4:hover i {
    /* background: #232323; */
}

/*.k1_icon5 i{background: url("../images/k1_icon5a.svg") no-repeat 17px 50%;}*/
.k1_on.k1_icon5 i,
.k1_icon5:hover i {
    /* background: #232323; */
}

/*.k1_icon6 i{background: url("../images/k1_icon6a.svg") no-repeat 17px 50%;}*/
.k1_on.k1_icon6 i,
.k1_icon6:hover i {
    /* background: #232323; */
}

/*.k1_icon7 i{background: url("../images/k1_icon3a.svg") no-repeat 17px 50%;}*/
.k1_on.k1_icon7 i,
.k1_icon7:hover i {
    /* background: #232323; */
}

/*.k1_icon9 i{background: url("../images/k1_icon9a.svg") no-repeat 17px 50%;}*/
.k1_on.k1_icon9 i,
.k1_icon9:hover i {
    /* background: #232323; */
}

/*.k1_icon10 i{background: url("../images/k1_icon8a.svg") no-repeat 17px 50%;}*/
.k1_on.k1_icon10 i,
.k1_icon10:hover i {
    /* background: #232323; */
}

.k1_top_rig {
    float: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 2.005rem;
    line-height: .5044rem;
    height: .5044rem;
    border-radius: .3279rem;
    border: 1px solid #E3E3E3;
    margin-right: .1261rem;
}

.k1_inp {
    margin-left: .3026rem;
    border: 0;
    font-size:.1765rem;
    width: 1.2rem;
    float: left;
    line-height: .475rem;
    
}

.k1_sea,
.k1_del {
    /* margin-right: .125rem; */
    height: .475rem;
    float: right;
    width: .375rem;
    margin-right: .1765rem;
    cursor: pointer;
}

.k1_sea {
    background: url("../images/k1_seanew.svg") no-repeat 50% 50%;
    background-size: .25rem auto;
}

.k1_del {
    background: url("../images/k1_del.svg") no-repeat 50% 50%;
    background-size: .25rem auto;
    display: none;
}

.k1_bot {
    /* position: absolute; */

    padding-top: .2648rem;
    /* background: #fff; */
    top: .8375rem;
    display: block;
    left: 0;
    right: 0;
    z-index: 2;

    /* box-shadow: 0px .0375rem .0875rem 0px rgba(0, 0, 0, 0.07);-webkit-box-shadow: 0px .0375rem .0875rem 0px rgba(0, 0, 0, 0.07); */

}

.k1_bot_box {
    width: 15rem;
    margin: auto;
}

.k1_bot:before {
    content: '';
    left: 0;
    right: 0;
    height: .4375rem;
    position: absolute;
    top: -.4375rem;
}

.k1_bot a {
    float: left;
    /* line-height: .3279rem; */
    border-radius: .05rem;
    font-size: .1765rem;
    text-align: center;
    padding: .0883rem;
    margin: 0 .0631rem 0 .0631rem;
    position: relative;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #9A9A9A;
}

body .k1_bot_on {

    color: #fff;
    background: #3972FF;

}

.k1_bot a:hover {

    color: #fff;
    background: #3972FF;

}

/* .k1_icon1 i:before {
    content: '';
    width: .375rem;
    height: .0375rem;
    background: #02B2B5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.325rem;
    margin: auto;
    display: none;
} */
.k1_on i:before {
    /*.k1_icon2 i:before*/

    content: '';
    width: .2396rem;
    height: .0378rem;
    background: #3972FF;
    border-radius: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /* display: none; */

}
.k1_icon1 i:after {
    content: '';
    position: absolute;
    border: 1px solid red;
    left: 0;
    right: 0;
    height: .375rem;
    bottom: -.25rem;
    display: none;
}

.k1_icon1 i .k1_bot {
    display: block;
}

.k1_icon1 .k1_bot {
    display: block;
}

.k1_icon2 .k1_bot {
    display: block;
}


/*主体内容*/
.z_v2 {
    width: 15rem;
    margin: auto;
}

.z_v2_box {
    margin-left: -.1261rem;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: .1rem;
    /* width: 100%; */
    /* margin-left: -2%; */
    /* display: flex; */
    /* flex-wrap: wrap; */
}

.z_v2_top {
    /* padding-top: 150px; */
    /* display: flex; */
    /* flex-wrap: wrap; */
}

.v2_div_box {
    /* width: 25%; */
    float: left;
    /* margin: 0 auto; */
    /* margin-right: .1261rem; */
}
.v2_div_box:nth-of-type(4n) {
    /* margin-right: 0px; */
}
@media (min-width: 1860px) {
    .v2_div_box {
        /* width: 20%; */
    }
}

.v2_div {

    /* width: 3.625rem;
    height: 3.825rem; */
    width: 3.6948rem;
    height: 2.7491rem;

    border-radius: .1rem;
    /* box-sizing: border-box; */
    overflow: hidden;
    /* background: #fff; */
    cursor: pointer;
    margin: .1rem auto .0757rem auto;
    padding: 0.1009rem 0.1009rem 0 0.1009rem;

    /* box-shadow: 0px 2px .0757rem 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px .0757rem 0px rgba(0, 0, 0, 0.1); */
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.v2_top {
    background: rgba(0, 0, 0, .1);
    height: 1.7528rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.1009rem;

}
/* .v2_div:hover .v2_top{
    border-radius: .1009rem;

 } */
.v2_img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: .1009rem;
    -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.v2_top .v2_top_div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.v2_div:hover .v2_s1 {
    background: rgba(0, 0, 0, .5) url("../images/v2_s1new.svg") no-repeat 50% 50%;
    background-size: .6053rem auto;
}
.v2_s1 {
    /* background: rgba(0, 0, 0, .5) url("../images/v2_s1.svg") no-repeat 50% 50%;
    background-size: .625rem auto; */
    /* display: none; */
}
.v2_gif {
    position: absolute;
    left: 0.125rem;
    top: 0.125rem;
    width: 0.525rem;
    height: 0.25rem;
    display: inline-block;
    z-index: 1;
}
.v2_gif img {
    width: 100%;
    height: 100%;
}
.v2_div:hover .v2_s2 {
    background: rgba(0, 0, 0, .5) url("../images/v2_s2ssnew.svg") no-repeat 50% 50%;
    background-size: .6053rem auto;
}
.v2_s2 {
    /* background: rgba(0, 0, 0, .5) url("../images/v2_s2ss.svg") no-repeat 50% 50%;
    background-size: .625rem auto;
    display: none; */
}

.v2_div:hover .tiaozhuan {
    display: block;
}

.v2_div:hover {
    /* padding: 0.1009rem 0.1009rem 0 0.1009rem; */
    background: #fff;

    box-shadow: 0px 2px .0757rem 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px .0757rem 0px rgba(0, 0, 0, 0.1);
    -ms-transform: translate(0, -.0625rem);
    -webkit-transform: translate(0, -.0625rem);
    transform: translate(0, -.0625rem);
}

.v2_div:hover .v2_img {
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.v2_div:hover .v2_bot_p1 {
    /* color: #02B2B5; */
}

.tiaozhuan {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 1px;
    width: 3.5625rem;
    height: 2.75rem;
    display: none;
}

.v2_top_div b {
    display: block;
    overflow: hidden;
    top: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

.v2_top_div b i {
    float: right;
    display: flex;
    align-items: center;
    /* height: .3125rem; */
    margin-right: .125rem;
    margin-top: .1009rem;
    /* line-height: .3125rem; */
}

.v2_i2 {
    background:  url("../images/v2_s2new.svg") no-repeat center/100%;
    width: 16px;
    height: 16px;
    /* border-radius: 50%; */
}

.v2_i2:hover {
    background:  url("../images/v2_s2anew.svg") no-repeat center/100%;
    /* background-size: .2rem; */
}

.v2_i1 {
    /* background: rgba(255, 255, 255, .2); */
    border-radius: .2rem;
    /* padding-right: .125rem; */
    /* line-height: .3125rem; */
}

.v2_i1 font {
    float: left;
    background: url("../images/v2_i1new.svg") no-repeat center/14px 11px;
    width: 15px;
    height: 12px;
}

.v2_i1 span {
    float: left;
    color: #fff;
    margin-left: 2px;
    font-size: .1513rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
}

.v2_i1_on font {
    background: url("../images/v2_i1anew.svg") no-repeat center/14px 11px;
    -webkit-animation: scaleDraw 1s ease-in-out;
    animation: scaleDraw 1s ease-in-out;
}

body .zan_on font {
    animation: none !important;
    -webkit-animation: none !important;
}

@-webkit-keyframes scaleDraw {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    75% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes scaleDraw {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    75% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

.v2_ewm {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 1.1854rem;
    height: 1.1854rem;
    margin: auto;
    display: none;
}

.v2_ewm img,
.kk_ewm_b img {
    width: 1.0625rem;
    height: 1.0625rem;
    margin: .0625rem 0 0 .0625rem;
}

.kk_cl {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.kk_ewm {
    width: 100%;
    height: 100%;
    display: none;
    margin-top: .25rem;
}

.kk_ewm_b {
    background: #fff;
    width: 1.1875rem;
    height: 1.1875rem;
    margin: .1875rem auto 0;
    display: block;
}

.kk_ewm i {
    color: #fff;
    font-size: .15rem;
    text-align: center;
    margin-top: .0875rem;
    display: block;
}

.v2_bot {
    /* padding: 0 .1009rem; */
}

.v2_bot_p1 {

    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .15rem;
    font-size: .2018rem;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #292929;
}

.v2_bot_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    margin-top: .125rem;

}

.v2_bot_i1 {
    display: flex;
    align-items: center;
    float: left;
    overflow: hidden;
    line-height: .25rem;
}

.v2_bot_i1 img {
    float: left;
    border-radius: 50%;
    width: .25rem;
    height: .25rem;
    margin-right: .0625rem;

}

.v2_bot_i1 i {

    width: 2rem;
    overflow: hidden;
    text-align: left;
    text-indent: .0625rem;

    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;


    font-size: .1513rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #6F8493;
}

.v2_bot_i2 {
    float: right;
    background: url("../images/v2_bot_i2new.svg") no-repeat 0 50%;
    background-size: .2rem auto;
    text-indent: .25rem;

    font-size: .1513rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #9FB0BD;
}

/*分页*/
.z_pages {
    text-align: center;
    margin: .125rem 0 0;
    padding-bottom: .375rem;
}

.z_pages a {
    display: inline-block;
    line-height: .5rem;
    width: .5rem;
    color: #99a1a7;
    background: #e7ebee;
    border-radius: .0625rem;
    margin: 0 .0625rem;
}

body .z_no {
    background: none;
}

body .z_pages_on {
    color: #fff;
    background: #3385ff;
}

.dxs_img {
    position: absolute;
    left: .2018rem;
    top: .2018rem;
    width: .525rem;
    height: .25rem;
    background: url("../images/dxs_img.svg") no-repeat 50% 50%;
    background-size: 99% auto;
    display: inline-block;
    z-index: 1;
}

.v2_div:hover .dxs_img {
    /* display: none; */
}

/*有搜索结果*/
.sea_d1 {
    width: 15rem;
    margin: auto;
}

.sea_txt {
    margin: 0px auto;
    margin-top: 0.25rem;
    margin-left: 0.0625rem;
    font-size: .227rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #292929;
}

.sea_txt i {
    color: #3972FF;
    font-size: .227rem;
    font-weight: 600;
}

.sea_none_p1 {
    margin-top: 0.25rem;
    margin-left: 0.0625rem;
    font-size: .227rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: .3153rem;
}

.sea_none_p2 {
    font-size: .227rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #292929;
    margin: .15rem 0 .0625rem;
    margin-left: 0.0625rem;
}

.sea_none_p2 i {
    color: #3972FF;
    font-size: .227rem;
    /* font-size: .225rem; */
}

/*响应式布局*/

/* @media (min-width: 1280px) { */
/* @media (min-width: 1470px) {
    .k1_top_lef {
        margin-left: .3125rem;
    }

    .k1_top_rig {
        margin-right: .4375rem;
    }
    .v2_div {
        margin: 0 .375rem .25rem .375rem;
    }
    .k1_bot_left {
        margin-left: .1875rem;
    }
} */

 @media (max-width: 1560px) {
    .v2_ewm {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
    width: 1.854rem;
    height: 1.9rem;
    margin: auto;
    display: none;
   }
} 

@media screen and (max-width: 1850px) {
    .k1_top_lef>div {
        margin-right: .0625rem;
    }

    .k1_top_lef i {
        /*text-indent: 23px;*/
        padding-right: .2rem;
        text-align: center;
    }

    .k1_top_rig {
        /* width: 1.625rem; */
    }

    .k1_inp {
        /* width: .9375rem; */
    }

    .k1_sea {
        /* margin-right: .0625rem; */
    }




    /*.k1_icon1 i{background: url("../images/k1_icon1a.svg") no-repeat .15rem 50%;}*/
    .k1_on.k1_icon1 i,
    .k1_icon1:hover i {
        /* background: #232323; */
        color: #fff;
    }

    /*.k1_icon2 i{background: url("../images/k1_icon2a.svg") no-repeat .15rem 50%;}*/
    .k1_on.k1_icon2 i,
    .k1_icon2:hover i {
        /* background: #232323; */
        color: #fff;
    }

    /*.k1_icon3 i{background: url("../images/k1_icon_vr0.svg") no-repeat .15rem 50%;}*/
    .k1_on.k1_icon3 i,
    .k1_icon3:hover i {
        /* background: #232323; */
    }

    /*.k1_icon4 i{background: url("../images/k1_icon4a.svg") no-repeat .15rem 50%;}*/
    .k1_on.k1_icon4 i,
    .k1_icon4:hover i {
        /* background: #232323; */
    }

    /*.k1_icon5 i{background: url("../images/k1_icon5a.svg") no-repeat .15rem 50%;}*/
    .k1_on.k1_icon5 i,
    .k1_icon5:hover i {
        /* background: #232323; */
    }

    /*.k1_icon6 i{background: url("../images/k1_icon6a.svg") no-repeat .15rem 50%;}*/
    .k1_on.k1_icon6 i,
    .k1_icon6:hover i {
        /* background: #232323; */
    }

    /*.k1_icon7 i{background: url("../images/k1_icon3a.svg") no-repeat .15rem 50%;}*/
    .k1_on.k1_icon7 i,
    .k1_icon7:hover i {
        /* background: #232323; */
    }

    /*.k1_icon9 i{background: url("../images/k1_icon9a.svg") no-repeat .15rem 50%;}*/
    .k1_on.k1_icon9 i,
    .k1_icon9:hover i {
        /* background: #232323; */
    }

    /*.k1_icon10 i{background: url("../images/k1_icon8a.svg") no-repeat .15rem 50%;}*/
    .k1_on.k1_icon10 i,
    .k1_icon10:hover i {
        /* background: #232323; */
    }

    .k1_icon3 i {
        /*background: url('../images/k1_icon9a.svg') no-repeat .15rem 50%;*/
    }

    .k1_on.k1_icon3 i,
    .k1_icon3:hover i {
        /* background: #232323; */
    }
}
.v2_live{
    position: absolute;
    left: .2018rem;
    top: .2018rem;
    width: .525rem;
    height: .25rem;
    background:rgba(253, 61, 74, 1) url(../images/liveing.gif) no-repeat ;
    background-position: 15px 4px;
    background-size: 10px;
    display: inline-block;
    z-index: 1;
    border-radius: 16px;
}