@charset "UTF-8";

.kall-warp .title h3,
.list-block .list-item .app-download a .title,
.list-block .list-item .app-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.365dhBodyClass #link-list,
.365dhBodyClass .head-banner-A1 {
    display: none
}

.banner-wrap .swiper-container .swiper-slide,
.flex-one2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

img {
    border: 0;
    vertical-align: middle
}

li,
ol,
ul {
    list-style: none;
    font-family: "MicroSoft YaHei"
}

.flex-one {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-one2 {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.banner-wrap {
    padding: .15rem 0
}

.banner-wrap .swiper-container {
    width: 100%;
    height: auto
}

.banner-wrap .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .24rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fandutishi,
.list-tabs .list-tabs-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.banner-wrap .swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .08rem
}

.fandutishi {
    margin-top: 3px;
    padding: 0 .21rem;
    display: flex
}

.fandutishi .tipspan {
    display: block;
    width: .12rem;
    height: 20px;
    background-color: #19b955
}

.fandutishi .tiptitle {
    height: .32rem;
    line-height: .32rem;
    border-left: .12rem solid #19b955;
    font-size: .34rem;
    color: #000;
    padding-left: .2rem;
    font-weight: 700
}

.list-tabs {
    position: relative
}

.list-tabs .list-tabs-header {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: .3rem;
    display: flex
}

.list-tabs .list-tabs-header .list-tabs-item {
    webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    text-align: center;
    background: 0 0;
    color: #333;
    height: auto;
    padding: .21rem 0;
    font-size: .28rem;
    opacity: 1
}

.list-tabs .list-tabs-header .swiper-pagination-bullet-active {
    color: #ff808b;
    width: .16rem;
    border-radius: .06rem
}

.list-tabs .list-tabs-slider {
    position: absolute;
    top: .61rem;
    left: 0;
    width: calc(100% / 2);
    height: .06rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.list-tabs .list-tabs-slider .slider {
    display: block;
    width: .38rem;
    height: .06rem;
    background-color: #ff808c
}

.kall-warp .kall-list ul,
.list-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.list-block {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .21rem
}

.list-block .list-item {
    padding: 0 .11rem;
    width: 20%;
    max-width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: .3rem
}

.list-block .list-item .app-logo {
    margin-bottom: .1rem;
    border: 1px solid #f0f0f0;
    border-radius: .22rem;
    width: 100%;
    max-width: 250px;
    background-color: #f1f1f1
}

.list-block .list-item .app-logo img {
    width: 100%;
    border-radius: .22rem
}

.list-block .list-item .app-name {
    color: #333;
    font-size: .26rem;
    margin-bottom: .14rem
}

.list-block .list-item .app-download a {
    display: block;
    color: #ff808b;
    border: 1px solid #ff808b;
    border-radius: .24rem;
    width: 100%;
    font-size: .24rem;
    padding: .1rem 0
}

.list-block .list-item .app-download a .title {
    display: none;
    color: #fff
}

.kall-warp {
    margin-top: 4px;
    background-color: #fff
}

.kall-warp .title {
    text-align: center;
    padding: 10px 0
}

.kall-warp .title h3 {
    margin: 0 auto;
    font-size: 18px;
    font-weight: 700;
    max-width: 700px
}

.kall-warp .kall-list {
    padding: 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.kall-warp .kall-list ul {
    width: 100%;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.live-games-list .games-item .item-top-dv .taginfo,
.overflow-3,
.overflow-4,
.overflow-two {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.kall-warp .kall-list ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #EEE
}

.kall-warp .kall-list ul li .tcyp-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.kall-warp .kall-list ul li .y-img {
    width: 124px
}

.kall-warp .kall-list ul li .y-img img {
    width: 120px;
    height: 120px;
    border-radius: 8px
}

.kall-warp .kall-list ul li .y-txt {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 70%;
    color: #FFF
}

.kall-warp .kall-list ul li .y-txt .name {
    margin-top: 3px;
    margin-bottom: 10px;
    font-size: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #000
}

.kall-warp .kall-list ul li .y-txt .name .v {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fe9ac0), to(#ff65d4));
    background-image: linear-gradient(to bottom, #fe9ac0, #ff65d4);
    padding: 0 8px;
    border-radius: 15px 0
}

.kall-warp .kall-list ul li .y-txt .name b {
    display: inline-block;
    margin-left: 6px;
    font-weight: 500
}

.kall-warp .kall-list ul li .y-txt .tag {
    margin-bottom: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kall-warp .kall-list ul li .y-txt .tag span {
    font-size: 12px;
    color: #fff;
    display: block;
    margin-right: 3px;
    background-color: #fe9ac0;
    padding: 3px 6px;
    border-radius: 10px
}

.kall-warp .kall-list ul li .y-txt .info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px
}

.kall-warp .kall-list ul li .y-txt .info span {
    display: block;
    margin: 0 8px;
    font-size: 12px;
    color: #000
}

.kall-warp .kall-list ul li .y-txt .btn a,
.kall-warp .kall-list ul li .y-txt .btn span {
    display: block;
    width: 100%;
    font-size: 13px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fe9ac0), to(#ff65d4));
    background-image: linear-gradient(to bottom, #fe9ac0, #ff65d4);
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 15px;
    padding: 6px 0
}

.kall-warp .kall-list .more-btn {
    margin: 14px 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe9ac0), to(#ff65d4));
    background-image: linear-gradient(to right, #fe9ac0, #ff65d4);
    color: #fff;
    font-size: 14px;
    border-radius: 50px
}

.live-games-list {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.live-games-list .games-item {
    border-radius: 20px;
    width: 100%;
    border: 1px solid #CCC;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    background-color: #fff
}

.live-games-list .games-item .item-top-dv .item-logo {
    width: 25%;
    display: block
}

.live-games-list .games-item .item-top-dv .item-right-dv {
    width: 73%
}

.live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left {
    width: 55%
}

.live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left .title-dv {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left .title-dv span {
    display: block;
    line-height: 14px
}

.live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left .title-dv .title-dv-title1 {
    background-color: #166fe3;
    border-radius: 20px;
    color: #FFF;
    font-size: 12px;
    padding: 0 5px;
    margin-right: 10px
}

.live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left .title-dv .title-dv-info {
    font-weight: 900;
    font-size: 12px;
    margin-top: 3px
}

.live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left .title2-dv {
    color: #958e8e;
    font-size: 12px
}

.live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-right {
    width: 40%
}

.live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-right img {
    display: block
}

.live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-right .item-right-dv-top-right-imgtop {
    width: 100%
}

.live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-right .item-right-dv-top-right-imgbottom {
    width: 80%;
    margin: 3px auto 0
}

.live-games-list .games-item .item-top-dv .taginfo {
    margin-top: 3px;
    color: red;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 12px
}

.live-games-list .games-item .btns-down {
    margin: 10px 0
}

.live-games-list .games-item .btns-down img {
    width: 46%;
    display: block;
    cursor: pointer
}

.live-games-list .games-item .bottom-dv img {
    width: 200px
}

.live-games-list .games-item .bottom-dv p {
    line-height: 27px;
    font-size: 18px;
    font-weight: 700
}

.cctv-header-bottom-dv .btn-close i,
.cctv-header-top-dv .btn-close i {
    color: #767483ed;
    font-size: 20px
}

@media only screen and (max-width:9600px) {
    .games-item .bottom-dv p {
        width: 200px
    }
}

@media only screen and (min-width:960px) {
    .live-games-list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .live-games-list .games-item {
        width: 49%
    }

    .kall-warp .kall-list ul li {
        width: 30%
    }
}

.couplet-left,
.couplet-right {
    position: fixed;
    top: 50%;
    margin: 5px;
    z-index: 70;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.couplet-left .btn-close,
.couplet-right .btn-close {
    position: absolute;
    right: 0;
    z-index: 999999999999;
    display: block i;
    display-color: #767483ed;
    display-font-size: 20px
}

.couplet-left a,
.couplet-right a {
    display: block;
    margin-top: 15px
}

.couplet-left span,
.couplet-right span {
    position: absolute;
    right: 4px;
    bottom: 4px
}

.couplet-right {
    right: 0
}

.cctv-header-top-dv {
    width: 100%
}

.cctv-header-top-dv a {
    display: block;
    height: 100%;
    height: 85px
}

.cctv-header-top-dv a img {
    width: 100%;
    height: 100%;
    max-height: 80px
}

.cctv-header-top-dv .btn-close {
    position: absolute;
    right: 0;
    top: -5px;
    z-index: 9999
}

.cctv-header-bottom-dv {
    width: 1300px;
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 999;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.cctv-header-bottom-dv .btn-close {
    position: absolute;
    right: 0;
    top: -5px;
    z-index: 999999999
}

.banner-cctv-style {
    width: 97%;
    margin: auto;
}

.banner-cctv-style a {
    display: block;
    width: 100%;
    vertical-align: bottom
}

.banner-cctv-style a img {
    width: 100%;
    /* height: 100%; */
    border: none;
    vertical-align: bottom;
    max-height: 450px
}

.footer_cctv .bottom-content-title-bottom-container {
    margin-top: 12px;
    margin-bottom: 10px
}

.footer_cctv .bottom-content-title-bottom-container li {
    width: 23%
}

.footer_cctv .bottom-content-title-bottom-container li a {
    width: 100%
}

.footer_cctv .bottom-content-title-bottom-container li a img {
    height: 100%;
    width: 100%
}

.cwwq_sw_1 .zz_yls_2 {
    margin-bottom: 5px
}

.cwwq_sw_1 .zz_yls_2:nth-child(1) {
    color: red
}

.cwwq_sw_1 .zz_yls_2:nth-child(2) {
    color: #f0f
}

.cwwq_sw_1 .zz_yls_2:nth-child(3) {
    color: #039e76
}

.textCctvList .zz_yls_2 {
    margin-bottom: 5px;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #eee
}

@media only screen and (min-width:960px) {
    .banner-two-cctv-style {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .banner-two-cctv-style a {
        width: 49.5%;
        min-height: 120px;
        margin-bottom: 15px
    }

    .banner-two-cctv-style a img {
        height: 100%;
        width: 100%
    }

    .banner-cctv-style a {
        height: auto;
        max-height: 420px
    }

    .banner-cctv-style a img {
        max-height: 420px
    }

    .cctv-header-top-dv a {
        height: 85px
    }

    .couplet-left,
    .couplet-right {
        position: fixed;
        margin: 5px;
        z-index: 70
    }

    .couplet-left .btn-close i,
    .couplet-right .btn-close i {
        color: #767483ed;
        font-size: 20px
    }

    .couplet-left a,
    .couplet-right a {
        display: block;
        height: 200px;
        width: 130px
    }

    .couplet-left a img,
    .couplet-right a img {
        height: 100%;
        width: 100%
    }

    .couplet-left span,
    .couplet-right span {
        position: absolute;
        right: 4px;
        bottom: 4px
    }

    .transit-web-page .banner-cctv-style a {
        height: auto
    }
}

@media only screen and (max-width:960px) {
    .banner-two-cctv-style a {
        width: 100%
    }

    .banner-two-cctv-style a img {
        height: 100%;
        width: 100%
    }
    
    .cctv-header-top-dv a {
        height: 45px
    }

    .bottom-content-title-bottom-container {
        padding: 0 7px
    }

    .couplet-left,
    .couplet-right {
        position: fixed;
        margin: 5px;
        z-index: 70
    }

    .couplet-left .btn-close i,
    .couplet-right .btn-close i {
        color: #767483ed;
        font-size: 20px
    }

    .couplet-left a,
    .couplet-right a {
        display: block;
        height: 130px;
        width: 90px
    }

    .couplet-left a img,
    .couplet-right a img {
        height: 100%;
        width: 100%
    }

    .couplet-left span,
    .couplet-right span {
        position: absolute;
        right: 4px;
        bottom: 4px
    }
}

body,
ul {
    padding: 0
}

*,
ul {
    margin: 0;
    border: 0;
    font-size: 12px
}

.small_hand,
a {
    cursor: pointer
}

.jqlazyload {
    height: 50px !important
}

html {
    width: 100% !important
}

body {
    margin: 0;
    background-color: #fff
}

.yc {
    display: none !important
}

a {
    text-decoration: none
}

ul {
    list-style: none
}

.free_vip_data_tip,
.no_login_status_tip,
.no_vip_status_tip {
    display: block;
    width: 280px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: red;
    font-size: 24px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    border-radius: 10px;
    z-index: 99999999999;
    padding: 20px
}

.flex,
.flex-box,
.overflow-3,
.overflow-4,
.overflow-two {
    display: -webkit-box
}

.free_vip_data_tip img,
.no_login_status_tip img,
.no_vip_status_tip img {
    width: 100%
}

.no_login_status_tip .login_btn_tip {
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: 103px;
    left: 0
}

.no_login_status_tip .register_btn_tip {
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: 58px;
    left: 0
}

.free_vip_data_tip .free_vip_data_num {
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: 125px;
    left: 14px;
    text-align: center;
    font-size: 28px
}

.free_vip_data_tip .free_vip_gohome {
    width: 100%;
    height: 44px;
    position: absolute;
    bottom: 52px;
    left: 0;
    text-align: center;
    font-size: 28px
}

.overflow-one {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.overflow-two {
    -webkit-line-clamp: 2
}

.overflow-3 {
    -webkit-line-clamp: 3
}

.overflow-4 {
    -webkit-line-clamp: 4
}

.flex,
.flex-box {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.flex2,
.flex3 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal
}

.flex2 {
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex3 {
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex-center,
.flex-more2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.flex-center {
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1300px;
    margin: 0 auto;
}

.flex-more2 {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-more {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tip_zdc_body {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999999999
}

.no_login_status_tip,
.no_vip_status_tip {
    display: block;
    width: 280px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: red;
    font-size: 24px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    border-radius: 10px;
    z-index: 99999999999;
    padding: 20px
}

.no_login_status_tip img,
.no_vip_status_tip img {
    width: 100%
}

@-webkit-keyframes neon1 {
    from {
        text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #F90, 0 0 5px red, 0 0 6px #F90, 0 0 7px red, 0 0 8px #F90
    }

    30% {
        text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #ff0, 0 0 6px #ff0, 0 0 7px red, 0 0 8px #ff0, 0 0 9px red
    }
}

@keyframes neon1 {
    from {
        text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #F90, 0 0 5px red, 0 0 6px #F90, 0 0 7px red, 0 0 8px #F90
    }

    30% {
        text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #ff0, 0 0 6px #ff0, 0 0 7px red, 0 0 8px #ff0, 0 0 9px red
    }
}

.tag-main-content {
    position: relative
}

.tag-main-content .active .decrypt-title {
    color: #e77996 !important
}

.banner-cctv-style-top {
    margin-top: 0 !important
}

@media only screen and (min-width:960px) {
    
    .swiper_dv {
        height: auto;
    max-height: 695px;
    }
    .swiper-container {
        height: auto;
    max-height: 695px;
       
    }
    .swiper-wrapper{
        height: auto !important;
    }
    .swiper-wrapper {
        
        max-height: 695px;
    }
    .swiper-slide {
        max-height: 600px;
    }
    .pc_width {
        width: 1300px;
        margin: 0 auto !important
    }

    .kong_id,
    .mobile_show,
    .tag-list-kong {
        display: none
    }
    .banner-cctv-style {
        width: 100%;
        margin: auto;
    }
    .tag-main-content .decrypt-title,
    .tag-main-content .top-de-ti {
        font-weight: 700 !important;
        font-size: 20px
    }

    .tag-main-content .top-de-ti {
        margin-left: 20px
    }

    .tag-main-content .header-row {
        padding: 25px 0;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 35px
    }

    .kf {
        color: #666;
        text-align: center;
        font-size: 16px;
        padding: 20px 0;
        display: block
    }

    .kf .kf-link {
        font-size: 16px;
        color: #21b2f5;
        cursor: pointer;
        display: inline-block
    }

    .tag-main-content .header-index-mobile .header-row .left {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .tag-main-content .header-index-mobile .header-row .left i {
        font-size: 25px;
        font-weight: 600
    }

    .tagsiinfo-nav .list_header .left-img {
        height: 25px !important;
        width: 25px !important
    }
}

@media only screen and (max-width:960px) {
    .tagsiinfo-nav .swiper_list_info {
        display: none !important
    }

    .tag-main-content .pc_show {
        display: none
    }

    .tag-main-content .tag-list {
        margin: 0 auto;
        width: 91%;
        background: #fff;
        border-radius: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 200px;
        padding: 10px;
        position: absolute;
        top: 80px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    .tag-main-content .header-index-mobile {
        position: absolute;
        top: 30px;
        left: 10px;
        z-index: 66
    }

    .tag-main-content .header-index-mobile .header-row .left {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .tag-main-content .header-index-mobile .header-row .left i {
        font-size: 16px;
        color: #fff
    }

    .tag-main-content .header-index-mobile .header-row .left a {
        margin-top: 1.5px
    }

    .tag-main-content .header-index-mobile .header-row .left span {
        color: #fff;
        font-size: 14px;
        margin-left: 7px
    }

    .tag-main-content .tag-list .tag-item {
        display: inline-block;
        line-height: 35px;
        text-align: center;
        width: 25%;
        height: 130px
    }

    .tag-main-content .tag-list .tag-item img {
        padding-top: 12px
    }

    .video-list-nav #main-container .index-bg {
        background: linear-gradient(103deg, #f6e26e, #d6a812);
        min-height: 200px
    }

    #main-container .index-bg {
        min-height: 200px
    }

    .swiper-hide .swiper_dv {
        display: none
    }

    .kf {
        color: #666;
        display: block;
        line-height: 25px;
        margin-top: 20px;
        padding: 0 15px 20px;
        text-align: center
    }

    .kf .kf-link {
        color: #21b2f5
    }
}

.save-code {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
    overflow-y: scroll
}

.save-code .code-nav {
    padding: 50px 0 0;
    z-index: 9999999
}

.save-code .code-nav .code-info {
    background-color: #fff;
    padding: 10px;
    width: 150px;
    margin: 0 auto 30px;
    border-radius: 10px;
    display: block
}

.save-code .code-nav .an-logn-save,
.save-code .code-nav .c-an-bot {
    line-height: 35px;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    font-size: 14px
}

.save-code .code-nav .an-logn-save {
    width: 250px;
    background: #fff
}

.save-code .code-nav .c-an-bot {
    z-index: 888;
    width: 100%;
    height: 35px;
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.save-code .code-nav .new-mail,
.save-code .code-nav .new-url {
    text-align: center;
    margin-top: 30px;
    color: #fff;
    font-size: 14px
}

#footer,
#footer .footer-container {
    text-align: left
}

#footer {
    clear: both;
    padding-top: 30px;
    padding-bottom: 55px;
    margin-top: 10px;
    font-size: 12px;
    width: 100%;
    color: #fff;
    background-color: #000 !important
}

#footer .foot_info {
    padding: 0 5%
}

#footer .footer-container .row {
    font-size: 13px;
    margin-bottom: 12px
}

#footer .footer-container .footer-upper .footer-link .footer_logo img {
    width: 152px
}

#footer .footer-container .footer-upper .footer-upper-right {
    display: none;
    margin-top: 10px
}

#footer .footer-container .footer-upper .footer-upper-right .logo_group a.policy {
    color: #acacac;
    line-height: 20px
}

#footer .footer-container .footer-upper .footer-upper-right .logo_group a.policy .divider {
    vertical-align: middle;
    padding: 0 10px 0 0;
    margin-right: 7px;
    border-right: 1px solid #acacac
}

#footer .footer-container .footer-declaration {
    margin-top: 22px;
    line-height: 20px;
    color: #acacac;
    font-size: 14px
}

#footer .footer-container .footer-declaration p {
    font-size: 14px;
    margin-bottom: 10px
}

#footer .footer-container .footer-declaration p a {
    padding-right: 5px;
    margin-right: 2px;
    border-right: 1px solid #616161;
    color: #acacac
}

.footer-tags .widget_tag_cloud {
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 7px
}

.footer-tags .tags-box {
    padding: 5px
}

.footer-tags .tags-box li a {
    display: block;
    float: left;
    margin-bottom: 5px;
    color: #FFF;
    background: #7266ba;
    font-weight: 500;
    padding: 2px 6px;
    text-align: center;
    margin-right: 4px;
    opacity: .9;
    font-size: 14px
}

.footer-tags .tags-box li:nth-child(5n+1) a {
    background: #23ad44
}

.footer-tags .tags-box li:nth-child(5n+2) a {
    background: #23b7e5
}

.footer-tags .tags-box li:nth-child(5n+3) a {
    background: #fad733
}

.footer-tags .tags-box li:nth-child(5n+4) a {
    background: #f05050
}

.footer-tags .tags-box li:nth-child(5n+5) a {
    background: #7266ba
}

.foot-dp-fix {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 999;
    width: 100%;
    height: 70px;
    background: #333;
    color: #fff
}

.foot-dp-fix .app-content {
    height: 100%
}

.foot-dp-fix .app-content a {
    text-decoration: none;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 72%;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.foot-dp-fix .app-content a img {
    float: left;
    display: inline-block;
    width: 30%;
    height: 100%
}

.foot-dp-fix .app-content a .dp-cctv-title {
    float: right;
    width: 53%;
    word-break: break-all;
    font-weight: 550
}

.foot-dp-fix .app-content .dp-lj-into {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 5px 8px;
    background: #f90;
    color: #121212;
    font-weight: 550;
    border-radius: 5px
}

@media only screen and (min-width:960px) {
    #footer {
        padding-bottom: 100px
    }

    .foot-dp-fix {
        display: none !important
    }

    .footer-tags .widget_tag_cloud {
        font-size: 20px
    }

    .footer-tags .tags-box {
        padding: 5px
    }

    .footer-tags .tags-box a {
        font-size: 18px
    }

    .row {
        font-size: 16px !important;
        margin-bottom: 18px !important
    }

    .row a {
        font-size: 17px !important
    }
}

@media only screen and (max-width:960px) {
    #footer {
        padding-bottom: 65px;
        text-align: center
    }

    #footer .footer-container .footer-upper .footer-upper-right {
        display: block
    }

    #footer .footer-container .footer-declaration {
        display: none
    }
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%
}

#header .search_input_h5 .menu-list,
#header .search_input_h5 span {
    color: #670d3a;
    font-size: 16px;
}

#header .search_input_h5 .menu-list i {
    padding: 0;
    color: #670d3a;
}

#header .search_input_h5 .menu-list .menu-img {
    height: 15px;
    width: 15px;
    margin-bottom: 6px
}

#header .search_input_h5 .searchform {
    display: block;
    width: 230px;
    position: relative;
    background-color: #282828;
    height: 35px;
    margin-top: 17px;
    border-radius: 20px
}

#header .search_input_h5 .searchform .sinput {
    position: absolute;
    left: 9px;
    top: 4px;
    vertical-align: middle;
    width: 150px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    border: none;
    background-color: #282828 !important;
    color: #ccc;
    outline: 0;
    font-size: 14px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

#header .search_input_h5 .searchform .sinput:focus {
    outline: 0
}

#header .search_input_h5 .searchform .sbtn {
    height: 32px;
    width: 10%;
    background-color: #282828;
    position: absolute;
    right: 9px;
    top: 2px
}

#header .search_input_h5 .searchform .icon-sousuo {
    font-size: 30px;
    color: #f0a13a
}

#header .head_nav_logo .sitenav-on i {
    font-size: 30px;
    color: #545B62
}

#header .head_nav_logo .logo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#header .head_nav_logo .logo a {
    display: block
}

#header .head_nav_logo .logo a img {
    display: block;
    width: 100%
}

.pc_search #go-login,
.pc_search .user-hover .txt-user-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

#header .head_nav_logo .searchstart-on i {
    font-size: 30px
}

.pc_search #go-login {
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc_search #go-login .icon-youjiantou {
    color: #fff;
    font-size: 12px
}

.pc_search #go-login .icon-maomi {
    font-size: 25px;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f65685), to(#fdc793));
    background-image: linear-gradient(#f65685, #fdc793);
    border-radius: 25px
}

.pc_search .user-hover {
    display: none;
    background-color: #fff;
    padding: 10px 15px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 53px;
    z-index: 999
}

.pc_search .user-hover .txt-user-info {
    border-bottom: 1px solid #ccc;
    color: #333;
    line-height: 40px;
    height: 40px;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc_search .user-hover .txt-user-info a {
    color: #333;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.pc_search .user-hover .txt-user-info .icon-yonghu1 {
    font-size: 18px;
    margin-right: 5px;
    color: #536083
}

.pc_search .user-hover .txt-user-info .icon-f-vip {
    color: #ffbd00;
    font-size: 20px;
    margin-right: 5px
}

.pc_search .user-hover .txt-user-info img {
    height: auto;
    margin-right: 5px
}

.pc_search .user-hover .txt-user-info .icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 20px;
    width: 20px
}

.pc_search .user-hover .txt-user-info .hot_cat .hot_title {
    max-width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

@media only screen and (min-width:960px) {

    .kong_id,
    .left-head-nav {
        display: none
    }

    .header .head_nav_black_logo {
        /* background: #121212 !important */
        
        backdrop-filter: saturate(180%) blur(20px)!important;
    background: rgba(0,0,0,.8)!important;
    border-bottom-color: hsla(0,0%,100%,.04)!important;
    border-bottom: 1px solid transparent;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)!important
    }

    .header .head_nav_logo {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: rgba(254,139,181,.7)!important;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100
    }

    .header .head_nav_logo .dropd,
    .header .head_nav_logo .dropdown:hover .dropd {
        top: 40%;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #554f4f
    }

    .header .head_nav_logo .top_info {
        padding: 12px 50px
    }

    .header .head_nav_logo .dropdown {
        position: relative;
        display: inline-block
    }

    .header .head_nav_logo .dropdown-content {
        display: none;
        position: absolute;
        background-color: #121212;
        text-align: center;
        -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2)
    }

    .header .head_nav_logo .dropdown-content a {
        padding: 10px 16px !important;
        text-decoration: none;
        display: block;
        color: #fff !important
    }

    .header .head_nav_logo .dropdown-content a:hover {
        background-color: #9f9f9f
    }

    .header .head_nav_logo .dropdown:hover {
        background: #121212
    }

    .header .head_nav_logo .dropdown:hover .dropd {
        position: absolute;
        right: 5px !important;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header .head_nav_logo .dropdown:hover .dropdown-content {
        display: block
    }

    .header .head_nav_logo .dropdown:hover .dropbtn {
        background-color: #3e8e41
    }

    .header .head_nav_logo .dropd {
        position: absolute;
        right: 1px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .header .head_nav_logo .searchstart-on,
    .header .head_nav_logo .sitenav-on {
        display: none
    }

    .header .head_nav_logo .pc_search {
        display: none !important
    }

    .header .head_nav_logo .logo {
        width: 300px
    }

    .header .head_nav_logo .logo img {
        width: 130px !important
    }

    .header .head_nav_logo .logo .header_title {
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        line-height: 30px;
        margin-left: 10px
    }

    .header .head_nav_logo .right-content {
        margin-right: 20px;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header .head_nav_logo .right-content .head-f-vip {
        background-color: #fff;
        border-radius: 50px;
        height: 15px;
        width: 15px;
        position: relative
    }

    .header .head_nav_logo .right-content .icon-f-vip {
        position: absolute;
        left: -15.5px;
        top: -6px;
        font-size: 28px;
        color: #ffbd00
    }

    .header .head_nav_logo .right-content .head-yonghu1 {
        height: 25px;
        width: 25px;
        background-color: #fff;
        border-radius: 50px;
        position: relative;
        margin-right: 5px
    }

    .header .head_nav_logo .right-content .icon-yonghu1 {
        font-size: 25px;
        color: #536083;
        position: absolute;
        left: -12px;
        top: -3px;
        border-radius: 28px
    }

    .header .head_nav_logo .right-content .txt-user-info {
        color: #fff;
        width: 100px
    }

    .header .head_nav_logo .right-content .txt-user-info a {
        color: #fff;
        font-size: 16px
    }

    .header .head_nav_logo .right-content .txt-user-info .group-url {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header .head_nav_logo .right-content .no-login {
        width: 100px;
        margin: 0 auto
    }

    .header .head_nav_logo .right-content .is-login {
        width: 70%
    }

    .header .head_nav_logo .right-content .icon-down {
        height: 35px;
        width: auto
    }

    .header .head_nav_logo .right-content .icon {
        margin-left: 10px
    }

    .header .head_nav_logo .right-content .icon-large {
        height: 25px;
        width: 25px
    }

    .header .head_nav_logo .right-content .mm_name {
        font-size: 18px
    }

    .header .head_nav_logo .search_input_h5 {
        padding: 0 10px;
        width: -webkit-fill-available;
    margin-left: 100px;
    }

    .header .head_nav_logo .search_input_h5 .menu-list {
        color: #fff;
        width: 65px
    }

    .header .head_nav_logo .search_input_h5 .menu-list i {
        padding: 0 7px
    }

    .header .head_nav_logo .search_input_h5 .menu-list .menu-img {
        height: 15px;
        width: 15px
    }

    .header .head_nav_logo .search_input_h5 .menu-list span {
        font-size: 17px !important
    }

    .header .head_nav_logo .sitenav {
        display: block !important
    }

    .header .head_nav_logo .sitenav ul {
        width: 600px;
        margin: 0 auto
    }

    .header .head_nav_logo .sitenav ul li {
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .header .head_nav_logo .sitenav ul li a {
        display: block;
        color: #670d3a;
        padding: 15px 20px;
        font-size: 18px
    }

    .header .head_nav_logo .sitenav ul li a:hover,
    .header .head_nav_logo .sitenav ul li a:visited {
        color: #fff
    }

    .header .head_nav_logo .sitenav ul .current-menu-item a {
        color: #F90;
        border-bottom-color: #F90
    }

    .header .search_input_h5 .searchform .sbtn {
        width: 20%
    }

    .head-vip-dilog .vip-card,
    .head-vip-dilog .vip-privilege-gird {
        row-gap: 20px !important
    }
}

.kong_back,
.kong_back3 {
    height: 100vh;
    width: 100%;
    z-index: 998;
    position: fixed
}

.mali-tips::after {
    content: "";
    position: absolute;
    display: block;
    border-width: 8px;
    border-style: solid dashed dashed;
    width: 0;
    height: 0;
    z-index: 9999;
    right: 10%;
    top: -16px;
    border-color: #303b5a transparent transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mali-tips2::after {
    content: "";
    position: absolute;
    display: none !important
}

.mali-tips2 {
    z-index: 9999;
    top: 25px !important;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.mali-tips3 {
    position: absolute;
    top: 161px
}

.mali-tips {
    position: absolute;
    top: 100%;
    margin-top: 10px
}

.mali-tips,
.mali-tips3 {
    right: 15px;
    z-index: 9999;
    border-radius: 5px;
    padding: 20px 10px;
    min-width: 280px;
    line-height: 26px;
    background-color: rgba(48, 59, 90, .9);
    color: #fff
}

.guide .guide_btn,
.guide a {
    color: #c8c1c1;
    text-align: center
}

.mali-tips .tips-left,
.mali-tips3 .tips-left {
    min-width: 85px
}

.mali-tips .tips-left span,
.mali-tips3 .tips-left span {
    margin-left: 5px
}

.mali-tips .tips-right,
.mali-tips3 .tips-right {
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 0 5px;
    width: 180px;
    position: relative
}

.mali-tips .tips-right span,
.mali-tips3 .tips-right span {
    margin-left: 5px;
    position: absolute;
    right: 8px
}

@media screen and (max-width:960px) {
    #header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%
    }

    #header .head_nav_logo {
        padding: 10px;
        background: linear-gradient(130deg, #fe8bb5, #d5c5dd) !important
    }

    #header .logo {
        max-width: 100px !important;
        width: 30% !important
    }

    #header .pc_none {
        display: none !important
    }

    #header .search_input_h5 .searchform {
        width: 170px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    #header .search_input_h5 .searchform .sbtn {
        height: 32px;
        width: 30px;
        background-color: #282828;
        position: absolute;
        right: 18px;
        top: 2px
    }

    #header .search_input_h5 .searchform .sinput {
        width: 115px
    }

    .head-vip-dilog .vip-card,
    .head-vip-dilog .vip-privilege-gird {
        row-gap: 20px
    }
}

.guide {
    position: fixed;
    display: block;
    right: 5px;
    bottom: 120px;
    z-index: 90
}

.guide a {
    display: block;
    margin-top: 10px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background: #0086CF;
    font-size: 20px;
    opacity: .9;
    border-radius: 50%
}

.guide a i {
    font-size: 24px
}

.guide .guide_btn {
    display: block;
    margin: 2px;
    width: 40px;
    height: 40px;
    font-size: 20px;
    opacity: .9;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #d8cdcd;
    line-height: 40px
}

.guide .guide_btn .btnPositionShareInout {
    position: absolute;
    left: -99999999px;
    top: 0
}

.guide .guide_btn i {
    font-size: 24px
}

.guide a:hover {
    background: #ffbf00;
    color: rgba(0, 0, 0, .8)
}

#custom-dialog-ADO3 {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1200
}

#custom-dialog-ADO3 .dialog-body {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#custom-dialog-ADO3 .dialog-body .dialog-content {
    height: 100%;
    position: relative
}

#custom-dialog-ADO3 .dialog-close.bottom {
    color: #fff;
    border-radius: 50%;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 40px;
    z-index: 500;
    bottom: -12%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

#custom-dialog-ADO3 .dialog-close.bottom i {
    font-size: 20px
}

#custom-dialog-ADO3 .vip-timeout {
    border-radius: 23px;
    font-size: 14px;
    line-height: 45px;
    width: 90%
}

#custom-dialog-ADO3 .vip-privilege-gird {
    margin: 10px 0
}

#custom-dialog-ADO3 .vip-privilege-gird-item-img {
    height: 40px;
    width: 40px
}

#custom-dialog-ADO3 .vip-privilege-gird-item-text {
    margin: 5px 8px
}

@media only screen and (min-width:960px) {
    #header .search_input_h5 .menu-list .menu-img {
        height: 18px;
        width: 18px;
        margin-bottom: 6px
    }

    .mali-tips,
    .mali-tips3 {
        display: none
    }

    #custom-dialog-ADO3 .dialog-body {
        height: 550px !important;
        width: 350px !important
    }

    #custom-dialog-ADO3 .dialog-body .dialog-content {
        height: 100%;
        position: relative
    }

    #custom-dialog-ADO3 .dialog-body .dialog-content .vip-timeout {
        font-size: 18px
    }

    #custom-dialog-ADO3 .dialog-body .dialog-content .vip-privilege-gird-item-text {
        font-size: 14px
    }

    #custom-dialog-ADO3 .dialog-body .dialog-content .vip-card-footer a {
        border-radius: 20px;
        font-size: 16px;
        padding: 7px 25px
    }

    #custom-dialog-ADO3 .dialog-body .dialog-close.bottom {
        bottom: -10% !important;
        width: 35px;
        height: 35px;
        line-height: 35px;
        left: 107%;
        top: 0;
        font-size: 14px
    }
}

@media only screen and (max-width:500px) {
    #custom-dialog-ADO3 .dialog-body {
        width: 77%;
        height: 432px;
        position: absolute;
        z-index: 99999999999
    }

    #custom-dialog-ADO3 .vip-privilege-gird {
        margin: 8px 0
    }

    #custom-dialog-ADO3 .dialog-close.bottom {
        width: 20px;
        height: 20px;
        line-height: 20px;
        bottom: 0;
        left: 105%;
        top: 0;
        font-size: 12px
    }
}

@media only screen and (min-width:500px) {
    #custom-dialog-ADO3 .dialog-body {
        width: 77%;
        height: 432px;
        position: absolute;
        left: 50%;
        z-index: 99999999999
    }

    #custom-dialog-ADO3 .vip-privilege-gird {
        margin: 8px 0
    }

    #custom-dialog-ADO3 .dialog-close.bottom {
        width: 20px;
        height: 20px;
        line-height: 20px;
        bottom: 0;
        left: 105%;
        top: 0;
        font-size: 12px
    }
}

@media only screen and (max-width:960px) and (orientation:horizontal) {
    #custom-dialog-ADO3 .dialog-body {
        width: 250px;
        height: 432px;
        position: absolute;
        top: 45%;
        left: 50%;
        z-index: 99999999999
    }

    #custom-dialog-ADO3 .vip-privilege-gird {
        margin: 8px 0
    }

    #custom-dialog-ADO3 .dialog-close.bottom {
        width: 20px;
        height: 20px;
        line-height: 20px;
        bottom: 0;
        left: 105%;
        top: 0;
        font-size: 12px
    }
}

@media screen and (max-width:960px) and (orientation:landscape) {
    .mali-tips {
        top: 200px
    }

    #custom-dialog-ADO3 .dialog-body {
        width: 250px;
        height: 90% !important
    }

    #custom-dialog-ADO3 .vip-timeout {
        line-height: 30px
    }

    #custom-dialog-ADO3 .vip-privilege-gird {
        margin: 5px 0 0 !important
    }

    #custom-dialog-ADO3 .vip-privilege-gird .vip-privilege-gird-item img {
        height: 25px;
        width: 25px
    }

    #custom-dialog-ADO3 .vip-privilege-gird .vip-privilege-gird-item-text {
        margin: 0 !important
    }

    #custom-dialog-ADO3 .dialog-close.bottom {
        font-size: 12px;
        height: 20px;
        width: 20px;
        line-height: 20px;
        bottom: 90% !important;
        left: -7% !important
    }

    #custom-dialog-ADO3 .vip-card-footer {
        bottom: 1%
    }

    #custom-dialog-ADO3 .head-vip-dilog .vip-card,
    #custom-dialog-ADO3 .head-vip-dilog .vip-privilege-gird {
        row-gap: 0 !important
    }
}

.help-web-info {
    background-color: #fafafa
}

.help-web-info .help-main {
    padding: 15px 0 0
}

.help-web-info .help-main .section-title {
    margin-bottom: 20px
}

.help-web-info .help-main .section-title .container {
    width: 100% !important;
    text-align: center
}

.help-fmd .fdm-down .fdm-img,
.help-thunder img,
.help-web-info .help-main .section-content .container {
    width: 100%
}

.help-web-info .help-main .section-title .container h1 {
    font-size: large;
    font-weight: 700;
    line-height: 45px
}

.help-web-info .help-main .section-title .container p {
    line-height: 25px;
    padding-left: 7px;
    margin: 10px;
    color: #718083
}

.help-web-info .help-main .section-title .container .btn,
.help-web-info .help-main .section-title .container .btn:hover,
.help-web-info .help-main .section-title .container .get-v-code,
.help-web-info .help-main .section-title .container .get-v-code:hover,
.help-web-info .help-main .section-title .container .top,
.help-web-info .help-main .section-title .container .top:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb26f), to(#ff8d2b));
    background: linear-gradient(180deg, #ffb26f, #ff8d2b);
    color: #fff
}

.help-web-info .help-main .section-content .container .bg_gray_blue {
    background-color: #e0eff2;
    color: #718083;
    display: block;
    overflow: hidden;
    margin-bottom: 10px
}

.help-web-info .help-main .section-content .container .bg_light_gray_blue {
    background-color: #eaf5f7;
    color: #718083
}

.help-web-info .help-main .section-content .container .row {
    border: 1px solid #fff;
    margin-bottom: 0
}

.help-web-info .help-main .section-content .container .row h1 {
    font-size: large;
    font-weight: 700;
    line-height: 45px
}

.help-web-info .help-main .section-content .container .row h3 {
    font-weight: 400;
    line-height: 30px;
    color: #333;
    font-size: 13px
}

.help-web-info .help-main .section-content .container .row .span_padding {
    padding: 5px 7px
}

.help-web-info .help-main .section-content .container .row span {
    line-height: 1.5em
}

.help-web-info .help-main .section-content .container .row p {
    line-height: 25px;
    padding-left: 7px;
    margin: 10px
}

.help-web-info .help-main .section-content .container .row p img {
    display: inline-block
}

.help-web-info .help-main .section-content .container .row .c_light_theme,
.help-web-info .help-main .section-content .container .row .c_theme {
    color: #f99d4f
}

.help-fmd .fdm-down {
    text-align: center
}

.help-fmd .fdm-down .fdm-ios {
    line-height: 35px;
    margin-top: 50px;
    text-align: center
}

.help-fmd .fdm-down .fdm-ios a {
    color: #00bfff
}

.help-thunder {
    text-align: center
}

@media only screen and (min-width:960px) {
    .help-web-info .help-main h3 {
        font-weight: 400;
        line-height: 30px;
        font-size: 18px !important
    }

    .help-web-info .bg_light_gray {
        font-size: 15px !important
    }

    .help-web-info .c_light_red,
    .help-web-info .c_light_theme {
        font-size: 18px
    }

    .help-web-info .bg_gray_blue p,
    .help-web-info .bg_light_gray_blue p {
        font-size: 15px
    }

    .help-web-info .c_light_theme2 {
        font-size: 16px
    }

    .anz_mobile_show .bg_gray_blue a strong,
    .pc_show .bg_gray_blue a strong {
        font-size: 18px !important
    }
}

@media only screen and (max-width:960px) {
    .help-web-info .c_light_red {
        font-size: 15px
    }

    .help-web-info .help-main .section {
        width: 99%;
        margin: 0 auto
    }

    .help-web-info .c_light_theme,
    .help-web-info .c_light_theme2 {
        font-size: 14px
    }

    .help-web-info .anz_mobile_show .content-img {
        width: 100% !important
    }
}

.list_dv .list_dv_center {
    padding: 10px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.list_dv .list_dv_center .list_header {
    margin-bottom: 10px
}

.list_dv .list_dv_center .list_header .left_dv {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.list_dv .list_dv_center .list_header .left_dv a {
    display: block
}

.list_dv .list_dv_center .list_header .left_dv i {
    font-size: 18px;
    color: #121212;
    font-weight: 550
}

.list_dv .list_dv_center .list_header .left_dv h3 {
    font-size: 16px;
    text-decoration: none;
    margin-left: 7px
}

.list_dv .list_dv_center .list_header .right_dv {
    color: #e77996;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list_dv .list_dv_center .list_header .right_dv i {
    font-size: 22px;
    color: #e77996
}

.list_dv .list_dv_center .list_header .right_dv h3 {
    margin-left: 10px;
    font-size: 16px;
    text-decoration: none
}

.list_dv .list_dv_center #movie_ul_new,
.list_dv .list_dv_center .movie_ul_1,
.list_dv .list_dv_center .news_video_list {
    width: 100%
}

.moreCon {
    text-align: center;
    margin: 20px 0
}

.moreCon .moreVideoBtn {
    background: -webkit-gradient(linear, left top, right top, from(#fe8bb5), to(#d5c5dd));
    background: linear-gradient(90deg, #fe8bb5 0, #d5c5dd 100%);
    padding: 10px 15px;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    white-space: nowrap
}

.index-center-tc-num {
    position: absolute;
    left: -9999999999px
}

.index-center-tc-zdc {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 9999998;
    background-color: rgba(0, 0, 0, .5)
}

.index-center-tc {
    width: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999999
}

.index-center-tc .index-center-tc-close {
    position: absolute;
    top: 5px;
    right: -25px;
    z-index: 999;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    color: #FFF;
    font-size: 20px;
    cursor: pointer
}

.index-center-tc a {
    display: block;
    width: 100%;
    height: 100%
}

.index-center-tc a .index-center-tc-bjimg {
    width: 100%
}

.index-center-tc .index-center-tc-op-domain {
    position: absolute;
    top: 94px;
    left: 102px;
    font-size: 12px
}

.index-center-tc .tom-top-domain {
    color: #0ece19
}

.index-center-tc .df-top-domain {
    color: red
}

.index-center-tc .th-top-domain {
    color: #e50050
}

.index-center-tc .hdg-top-domain,
.index-center-tc .sh-top-domain {
    color: #ff9f00
}

.index-center-tc .tc-domain {
    position: absolute;
    left: 0;
    font-size: 12px;
    width: 100%;
    height: 16px;
    display: block
}

.index-center-tc .tc-domain p {
    width: 225px;
    text-indent: 60px;
    color: #545B62;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-center-tc .tc-domain .index-center-tc-vip1-domain-text,
.index-center-tc .tc-domain .index-center-tc-vip2-domain-text,
.index-center-tc .tc-domain .index-center-tc-vip3-domain-text {
    text-indent: 42px
}

.index-center-tc .index-center-tc-yj-domain {
    top: 219px
}

.index-center-tc .index-center-tc-vip1-domain {
    top: 225px
}

.index-center-tc .index-center-tc-vip2-domain {
    top: 298px
}

.index-center-tc .index-center-tc-vip3-domain {
    top: 327px
}

.index-center-tc .index-center-tc-fs1-domain {
    top: 381px
}

.index-center-tc .index-center-tc-fs2-domain {
    top: 408px
}

.index-center-tc .index-center-tc-new-mail {
    top: 460px
}

.index-center-tc .index-center-tc-new-qq {
    top: 511px
}

.index-center-tc .index-center-tc-btn {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.index-center-tc .index-center-tc-btn .index-center-tc-btn-left,
.index-center-tc .index-center-tc-btn .index-center-tc-btn-right {
    width: 50%;
    height: 40px
}

.index-center-tc .yjfz-nr-dv {
    position: absolute;
    left: -9999999999px
}

.df-index-center-tc .index-center-tc-op-domain {
    top: 96px
}

.df-index-center-tc .index-center-tc-yj-domain {
    top: 226px
}

.df-index-center-tc .index-center-tc-vip1-domain {
    top: 225px
}

.df-index-center-tc .index-center-tc-vip2-domain {
    top: 254px
}

.df-index-center-tc .index-center-tc-vip3-domain {
    top: 283px
}

.df-index-center-tc .index-center-tc-fs1-domain {
    top: 335px
}

.df-index-center-tc .index-center-tc-fs2-domain {
    top: 408px
}

.df-index-center-tc .index-center-tc-fs2-ios {
    top: 362px
}

.df-index-center-tc .index-center-tc-new-mail {
    top: 385px
}

.df-index-center-tc .index-center-tc-new-qq {
    top: 547px
}

.ipa-public-css .head_nav_logo .dropd,
.ipa-public-css .head_nav_logo .dropdown:hover .dropd {
    top: 40%;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #554f4f
}

.share-url {
    padding: 5px 0;
    margin-top: 10px;
}

.share-url .share-fun {
    background-repeat: no-repeat;
    height: 75px;
    line-height: 75px;
    margin: 0 auto;
    min-width: 310px;
    width: 90%;
    background-size: 100% 100%
}

.share-url .url-share-link {
    color: #ff0057;
    font-size: 18px;
    font-weight: 700;
    padding: 0 4px;
    text-align: center
}

.news_video_list .video_li {
    width: 100% !important
}

.ipa-h-width,
.ipa-public-css .pc_width {
    max-width: 1000px;
    width: 1000px !important
}

.ipa-public-css .download span {
    width: 22% !important
}

.ipa-public-css .vip-price-list {
    padding: 0 !important;
    margin-top: 0 !important
}

.ipa-public-css .vip-open-card .price-item {
    margin: 13.5px 0 !important
}

.ipa-public-css .head_nav_logo {
    margin: 0 auto
}

.ipa-public-css .head_nav_logo .logo {
    width: 25% !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ipa-public-css .head_nav_logo .logo a {
    width: 48% !important;
    margin-left: 2px
}

.ipa-public-css .head_nav_logo .logo img {
    width: 100% !important
}

.ipa-public-css .head_nav_logo .logo .header_title {
    height: 100%;
    width: 50% !important;
    margin-left: 2px !important;
    word-wrap: break-word
}

.ipa-public-css .head_nav_logo .right-content {
    width: 25% !important;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px 0 0
}

.ipa-public-css .head_nav_logo .right-content .mm_name {
    word-wrap: break-word
}

.ipa-public-css .head_nav_logo .sitenav {
    width: 50% !important
}

.ipa-public-css .head_nav_logo .sitenav ul {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ipa-public-css .head_nav_logo .sitenav ul li {
    width: 25%
}

.ipa-public-css .head_nav_logo .sitenav ul li a {
    padding: 15px 0 !important;
    font-size: 15px
}

.ipa-public-css .head_nav_logo .dropdown {
    position: relative;
    display: inline-block
}

.ipa-public-css .head_nav_logo .dropdown-content {
    display: none;
    position: absolute;
    background-color: #121212;
    text-align: center;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2)
}

.ipa-public-css .head_nav_logo .dropdown-content a {
    width: 88px;
    text-decoration: none;
    display: block;
    color: #fff !important
}

.ipa-public-css .head_nav_logo .dropdown-content a:hover {
    background-color: #9f9f9f
}

.ipa-public-css .head_nav_logo .dropdown:hover {
    background: #121212
}

.ipa-public-css .head_nav_logo .dropdown:hover .dropd {
    position: absolute;
    right: 5px !important;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ipa-public-css .head_nav_logo .dropdown:hover .dropdown-content {
    display: block
}

.ipa-public-css .head_nav_logo .dropdown:hover .dropbtn {
    background-color: #3e8e41
}

.ipa-public-css .head_nav_logo .dropd {
    position: absolute;
    right: -5px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media only screen and (min-width:960px) {

    .list_dv .list_dv_center .video-box-news #movie_ul_vip li a .videoBox-actor,
    .list_dv .list_dv_center .video-box-news .news_video_list .swiper-wrapper li a .videoBox-actor {
        display: none
    }

    .list_dv .list_dv_center,
    .share-url {
        padding: 10px 0
    }

    .list_dv .list_dv_center .video-box-news {
        width: 100%;
        -webkit-box-align: start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .list_dv .list_dv_center .video-box-news .kongbai {
        width: 1%;
        height: 100%
    }

    .list_dv .list_dv_center .video-box-news .news_video_list {
        width: 46%;
        text-align: left
    }

    .list_dv .list_dv_center .video-box-news .news_video_list .swiper-wrapper {
        width: 100%
    }

    .list_dv .list_dv_center .video-box-news .news_video_list .swiper-wrapper li a {
        position: relative;
        height: 100%
    }

    .list_dv .list_dv_center .video-box-news .news_video_list .swiper-wrapper li a .cover_dv {
        height: 100%
    }

    .list_dv .list_dv_center .video-box-news #movie_ul_vip {
        width: 53%
    }

    .list_dv .list_dv_center .video-box-news #movie_ul_vip .swiper-slide {
        height: auto
    }

    .list_dv .list_dv_center .video-box-news #movie_ul_vip li a {
        position: relative
    }

    .list_dv .list_dv_center .list_header .left_dv i {
        font-size: 28px !important
    }

    .list_dv .list_dv_center .list_header .left_dv h3 {
        margin-left: 0 !important;
        font-size: 22px !important
    }

    .list_dv .list_dv_center .list_header .right_dv {
        font-size: 17px !important
    }

    .list_dv .list_dv_center .list_header .list_header_center .row-up-menu {
        display: block !important;
        margin-right: 30px
    }

    .list_dv .list_dv_center .list_header .list_header_center .row-up-menu a {
        margin: 0 10px;
        color: #999;
        font-size: 16px;
        text-decoration: none
    }

    .list_dv .list_dv_center .list_header .list_header_center .row-up-menu a:hover {
        color: #fd4c5d
    }

    .list_dv .list_dv_center .list_header .list_header_center .row-up-menu span {
        font-size: 16px;
        color: #CCC
    }

    .list_dv .list_dv_center .movie_ul_1 {
        width: 100%
    }

    .share-url {
        display: none
    }

    .share-url .share-fun {
        background-repeat: no-repeat;
        height: 150px;
        line-height: 150px;
        margin: 0 auto;
        min-width: 310px;
        width: 90%;
        background-size: 100% 100%
    }

    .share-url .url-share-link {
        color: #ff0057;
        font-size: 18px;
        font-weight: 700;
        padding: 0 4px;
        text-align: center
    }
}

.go_to_bot_new,
.old_new_content {
    position: fixed;
    z-index: 99999999;
    left: 0
}

.go_to_bot_new {
    bottom: 18%;
    height: 50px;
    width: 50px
}

.old_new_content {
    height: 100vh;
    width: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, .8)
}

.old_new_content .content_nav {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 270px
}

.old_new_content .content_nav img {
    height: 100%;
    width: 100%;
    position: relative
}

.old_new_content .content_nav .active_but {
    width: 85%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 17px
}

.old_new_content .content_nav .active_but span {
    height: 30px;
    line-height: 30px;
    width: 45%;
    text-align: center;
    color: #fff;
    font-size: 13px;
    border-radius: 5px
}

.old_new_content .content_nav .active_but .go_to_new {
    background: #999
}

.old_new_content .content_nav .active_but .go_to_old {
    background: #393;
    margin-left: 5px
}

@media screen and (max-width:960px) {
    .index-center-tc .index-center-tc-close {
        position: absolute
    }

    .list_dv .video-box-news {
        display: block
    }

    .list_dv .video-box-news .movie_ul_new_swiper li a .cover_dv img {
        height: 100% !important
    }

    .swiper_dv {
        height: 180px
    }

    .swiper_dv .swiper {
        height: 100%
    }

    .swiper_dv .swiper .swiper-slide,
    .swiper_dv .swiper .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width:960px) and (orientation:landscape) {
    #footer {
        display: none !important
    }

    .movie_ul_new_swiper .video_li .cover_dv img {
        height: 100% !important
    }

    .transit-web-page .shoucang .flex3 {
        width: 98% !important
    }

    .transit-web-page .h5 .h5-tang .tupian {
        margin: 0 auto !important;
        width: 50%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .transit-web-page .h5 .h5-tang .tupian .tishi-bg {
        position: relative;
        height: 100vh
    }

    .transit-web-page .h5 .h5-tang .tupian .shanchu {
        right: -5% !important
    }

    .swiper_dv {
        height: 300px !important
    }

    .share-url .share-fun {
        height: 100px;
        line-height: 100px
    }

    .index-center-tc-zdc {
        height: 100vh;
        overflow-y: scroll
    }

    .index-center-tc-zdc .index-center-tc-bjimg {
        width: 300px !important;
        right: 0 !important
    }

    .index-center-tc-zdc .index-center-tc-close {
        right: 5px !important
    }

    .index-center-tc {
        margin-top: 100px;
        margin-bottom: 10px;
        width: 330px !important;
        position: absolute !important;
        top: 50% !important;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 9999999;
        height: 500px !important;
        overflow-y: scroll
    }

    .index-center-tc .index-center-tc-close {
        right: 0
    }
}

@media screen and (min-width:961px) and (orientation:landscape) {

    .ipa-public-css .head_nav_logo,
    .ipa-public-css .pc_width {
        width: 100% !important;
        max-width: 1000px !important
    }

    .ipa-public-css .head_nav_logo {
        margin: 0 auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media screen and (max-width:960px) {
    .ipaVideoSwiperStyle .movie_ul_new_swiper .video_li .cover_dv {
        height: 250px !important
    }

    .ipaVideoSwiperStyle .movie_ul_new_swiper .video_li .cover_dv img {
        height: 100% !important
    }

    .ipaVideoSwiperStyle .video_li .cover_dv {
        height: 100%
    }

    .ipaVideoSwiperStyle .movie_ul_1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px
    }

    .ipaVideoSwiperStyle .movie_ul_1 .video_li {
        width: 100% !important
    }

    .ipaVideoSwiperStyle .pic_nav {
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
        grid-gap: 10px
    }

    .ipa-pic-info img {
        width: 48.5% !important
    }

    .ipa-pic-info::after {
        content: "";
        height: 0;
        width: 49.5%
    }

    .ipad-video-info .line_dv ul {
        width: 100%;
        height: 100%;
        padding: 20px 0;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .ipad-video-info .line_dv ul li {
        margin-right: 10px;
        width: 24%;
        line-height: 40px;
        letter-spacing: 5px;
        font-weight: 600;
        font-size: 15px;
        height: 40px
    }

    .ipad-video-info .pannel span {
        width: 22.5%;
        text-align: center;
        line-height: 40px !important;
        height: 40px !important
    }
}

@media screen and (max-width:768px) {
    .home-web ul.swiper-wrapper.movie_ul_new_swiper {
        height: 260px
    }
}

.layui-m-layer {
    position: relative;
    z-index: 19891014
}

.layui-m-layer * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.layui-m-layermain,
.layui-m-layershade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.layui-m-layershade {
    background-color: rgba(0, 0, 0, .7);
    pointer-events: auto
}

.layui-m-layermain {
    display: table;
    font-family: Helvetica, arial, sans-serif;
    pointer-events: none
}

.layui-m-layermain .layui-m-layersection {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.layui-m-layerchild {
    position: relative;
    display: inline-block;
    text-align: left;
    background-color: #fff;
    font-size: 14px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

@-webkit-keyframes layui-m-anim-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

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

@keyframes layui-m-anim-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

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

.layui-m-anim-scale {
    animation-name: layui-m-anim-scale;
    -webkit-animation-name: layui-m-anim-scale
}

@-webkit-keyframes layui-m-anim-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes layui-m-anim-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.layui-m-anim-up {
    -webkit-animation-name: layui-m-anim-up;
    animation-name: layui-m-anim-up
}

.layui-m-layer0 .layui-m-layerchild {
    width: 90%;
    max-width: 640px
}

.layui-m-layer1 .layui-m-layerchild {
    border: none;
    border-radius: 0
}

.layui-m-layer2 .layui-m-layerchild {
    width: auto;
    max-width: 260px;
    min-width: 40px;
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.layui-m-layerchild h3 {
    padding: 0 10px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px 5px 0 0;
    text-align: center
}

.layui-m-layerbtn span,
.layui-m-layerchild h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.layui-m-layercont {
    padding: 50px 30px;
    line-height: 22px;
    text-align: center
}

.layui-m-layer1 .layui-m-layercont {
    padding: 0;
    text-align: left
}

.layui-m-layer2 .layui-m-layercont {
    text-align: center;
    padding: 0;
    line-height: 0
}

.layui-m-layer2 .layui-m-layercont i {
    width: 25px;
    height: 25px;
    margin-left: 8px;
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;
    animation: layui-m-anim-loading 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.layui-m-layerbtn,
.layui-m-layerbtn span {
    position: relative;
    text-align: center;
    border-radius: 0 0 5px 5px
}

.layui-m-layer2 .layui-m-layercont p {
    margin-top: 20px
}

@-webkit-keyframes layui-m-anim-loading {

    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

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

@keyframes layui-m-anim-loading {

    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

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

.layui-m-layer2 .layui-m-layercont i:first-child {
    margin-left: 0;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.layui-m-layer2 .layui-m-layercont i.layui-m-layerload {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.layui-m-layer2 .layui-m-layercont>div {
    line-height: 22px;
    padding-top: 7px;
    margin-bottom: 20px;
    font-size: 14px
}

.layui-m-layerbtn {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 0;
    border-top: 1px solid #D0D0D0;
    background-color: #F2F2F2
}

.layui-m-layerbtn span {
    display: block;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-box-flex: 1;
    font-size: 14px;
    cursor: pointer
}

.layui-m-layerbtn span[yes] {
    color: #40AFFE
}

.layui-m-layerbtn span[no] {
    border-right: 1px solid #D0D0D0;
    border-radius: 0 0 0 5px
}

.layui-m-layerbtn span:active {
    background-color: #F6F6F6
}

.layui-m-layerend {
    position: absolute;
    right: 7px;
    top: 10px;
    width: 30px;
    height: 30px;
    border: 0;
    font-weight: 400;
    background: 0 0;
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 30px
}

.layui-m-layerend::after,
.layui-m-layerend::before {
    position: absolute;
    left: 5px;
    top: 15px;
    content: '';
    width: 18px;
    height: 1px;
    background-color: #999;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 3px
}

.layui-m-layerend::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

body .layui-m-layer .layui-m-layer-footer {
    position: fixed;
    width: 95%;
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 10px;
    background: 0 0
}

.layui-m-layer-footer .layui-m-layercont {
    padding: 20px;
    border-radius: 5px 5px 0 0;
    background-color: rgba(255, 255, 255, .8)
}

.layui-m-layer-footer .layui-m-layerbtn {
    display: block;
    height: auto;
    background: 0 0;
    border-top: none
}

.layui-m-layer-footer .layui-m-layerbtn span {
    background-color: rgba(255, 255, 255, .8)
}

.layui-m-layer-footer .layui-m-layerbtn span[no] {
    color: #FD482C;
    border-top: 1px solid #c2c2c2;
    border-radius: 0 0 5px 5px
}

.layui-m-layer-footer .layui-m-layerbtn span[yes] {
    margin-top: 10px;
    border-radius: 5px
}

body .layui-m-layer .layui-m-layer-msg {
    width: auto;
    max-width: 90%;
    margin: 0 auto;
    bottom: -150px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff
}

.layui-m-layer-msg .layui-m-layercont {
    padding: 10px 20px
}

.mobile_show {
    display: block
}

.mobile_show .title {
    text-align: center;
}

.mobile_show h3 {
    color: #333;
    display: inline-block;
    font-size: 23px;
    font-weight: 600;
    line-height: 45px;
    margin: 0
}

.mobile_show .relate-list {
    background:  linear-gradient(130deg, #fe8bb5, #d5c5dd);
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 4px #9F9F9F;
    box-shadow: 0 1px 4px #9F9F9F;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 5px 20px 3px;
    padding: 20px 10px;
    text-align: center;
    width: 90%
}

.mobile_show .relate-list .relate-img {
    height: 50px;
    margin: 10px auto;
    width: 50px;
    border-radius: 22%;
}

.mobile_show .relate-list p {
    font-size: 14px;
    margin: 0;
    color: #121212
}

.mobile_show .relate-item {
    display: inline-block;
    width: 20%
}

@media only screen and (min-width:960px) {
    .mobile_show {
        display: none
    }
}

.novelinfo-web-page .novel_title,
.picinfo-web-page .novel_title {
    text-align: center;
    font-size: 24px;
    color: #f90;
    font-weight: 700
}

.novelinfo-web-page .newstime,
.picinfo-web-page .newstime {
    text-align: center;
    color: #ccc
}

.novelinfo-web-page .novel_info_content,
.picinfo-web-page .novel_info_content {
    margin-bottom: 20px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px
}

.novelinfo-web-page .novel_info_content p,
.picinfo-web-page .novel_info_content p {
    margin-bottom: 20px;
    line-height: 26px;
    text-indent: 30px;
    font-size: 15px !important;
    color: #282727
}

.novelinfo-web-page .backList a,
.novelinfo-web-page .text-bottom .nextNovel,
.novelinfo-web-page .text-bottom .nextNovel a,
.picinfo-web-page .backList a,
.picinfo-web-page .text-bottom .nextNovel,
.picinfo-web-page .text-bottom .nextNovel a {
    font-size: 15px;
    color: #f90
}

.novelinfo-web-page .text-bottom,
.picinfo-web-page .text-bottom {
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.novel_channle {
    background-color: #fafafa
}

.novel_channle .list_dv {
    -webkit-box-shadow: none;
    box-shadow: none
}

.novel_channle .list_dv .list_dv_center .list_header .left_dv p span {
    color: #f90
}

.novel_channle .list_dv .list_dv_center .list_header .left_dv p a {
    color: #CCC
}

.novel_channle .list_dv .list_dv_center .novelBigBox li {
    width: 100%
}

.novel_channle .list_dv .list_dv_center .novelBigBox li:hover {
    background: #231e1e
}

.novel_channle .list_dv .list_dv_center .novelBigBox li:hover a {
    color: #f90
}

.novel_channle .desc-content {
    color: #333
}

.novel_channle .desc-content .c_important {
    display: none
}

.novel_channle .operate-content {
    color: #121212
}

.novel_channle .operate-content span {
    font-size: 14px
}

.novel_channle .gao-block .gao-item {
    border-bottom: 1px solid #eee;
    display: block;
    line-height: 45px;
    margin: 5px 10px
}

.novel_channle .gao-block .gao-item a {
    font-weight: 500;
    color: #121212;
    font-size: 14px
}

.novel_channle .novel-list {
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden
}

.novel_channle .novel-list a {
    display: block
}

.novel_channle .novel-list a:hover,
.novel_channle .novel-list a:hover .desc-content,
.novel_channle .novel-list a:hover span {
    color: #f99d4f !important
}

.novel_channle .novel-list .novel-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 35px;
    min-height: 35px;
    padding: 10px;
    text-align: left;
    vertical-align: text-top;
    width: 98%;
    border-right: 1px solid #eee
}

.line_dv ul .line-sy,
.line_dv ul li,
.novel_channle .novel-list .novel-item .novel-txt-content .name-content .flex-box-right {
    text-align: center
}

.novel_channle .novel-list .novel-item .novel-txt-content {
    border-bottom: 1px solid #eee;
    display: inline-block;
    margin: 0 auto;
    width: 60%
}

.novel_channle .novel-list .novel-item .novel-txt-content span {
    font-weight: 600
}

.novel_channle .novel-list .novel-item .novel-txt-content .name-content .title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 55%
}

.novel_channle .novel-list .novel-item .novel-txt-content .name-content .flex-box-right span {
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    color: #121212
}

.novel_channle .novel-list .novel-item .novel-txt-content .c_light_theme,
.novel_channle .novel-list .novel-item .novel-txt-content .c_theme {
    color: #f99d4f
}

.novel_channle .novel-list .novel-item .novel-txt-content .desc-content {
    overflow: hidden;
    text-indent: 2px
}

.novel_channle .novel-list .novel-item .novel-txt-content .desc-content p {
    font-size: 14px;
    line-height: 1.4em;
    margin: 0;
    white-space: pre-line
}

.novel_channle .novel-list .novel-item .novel-txt-content .desc-content .decrypt-title {
    font-size: 14px
}

.novel_channle .novel-list .novel-item .novel-txt-content.w100 {
    width: 94%
}

@media (max-width:960px) {
    .novel_channle .novel-list .novel-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 98%
    }
}

@media only screen and (min-width:960px) {
    .novel-list .novel-item .novel-txt-content.w100 .flex-box-right {
        color: #333
    }

    .novel-list .novel-item .novel-txt-content.w100 .operate-content span {
        font-size: 14px !important;
        font-weight: 600 !important
    }

    .novel-list .novel-item .novel-txt-content.w100 .desc-content .decrypt-title {
        font-size: 16px !important;
        font-weight: 500 !important
    }

    .novel-list {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .novel-list .novel-item {
        width: 46% !important
    }
}

@media only screen and (max-width:960px) {
    .novel_channle .index-bg {
        background: linear-gradient(103deg, #b1d503, #e1eb18)
    }

    .novel_channle .swiper_dv {
        /* display: none */
    }

    #main-container .list_null {
        background: 0 0 !important;
        margin: -160px auto 10px !important
    }

    #main-container .textCctvList {
        width: 90%;
        background: #fff;
        padding: 10px;
        margin: -120px auto 10px;
        border-radius: 10px
    }

    .custom_list_novel .tag-list-kong,
    .custom_list_pic .tag-list-kong {
        height: 30px !important
    }

    .custom_list_novel #tagson .tag-list,
    .custom_list_pic #tagson .tag-list {
        height: 124px;
        overflow: hidden;
        min-height: 124px
    }
}

.page_dv {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px
}

.line_dv,
.qudao-web .content .kall-warp .kall-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.page_dv .page_dv_dv {
    line-height: 25px;
    text-align: center
}

.page_dv .page_dv_dv a {
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 10px;
    border-radius: 3px;
    background: #464242
}

.page_dv .page_dv_dv .active_page_li {
    background-color: #f0a13a
}

.picinfo-web-page .jianjie {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 10px
}

.picinfo-web-page .jianjie .left {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.picinfo-web-page .jianjie .left a {
    height: 100%;
    display: block
}

.picinfo-web-page .jianjie .left a i {
    font-size: 16px;
    color: #fff
}

.picinfo-web-page .jianjie .left .top-de-ti {
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px
}

.picinfo-web-page .jianjie .tu-title {
    font-size: 16px;
    font-weight: 700
}

.picinfo-web-page .jianjie ul {
    margin-top: 10px;
    padding-left: 0;
    list-style: none
}

.picinfo-web-page .jianjie ul li {
    line-height: 30px;
    color: #fff
}

.picinfo-web-page .jianjie ul li span {
    color: #f90
}

.picinfo-web-page .jianjie ul li a {
    display: inline-block;
    padding: 0 8px;
    background-color: #6080a8;
    text-decoration: none;
    color: #fff
}

@media only screen and (min-width:960px) {
    .picinfo-web-page .jianjie {
        height: 180px
    }

    .picinfo-web-page .jianjie li {
        font-size: 14px;
        margin-bottom: 8px
    }

    .picinfo-web-page .jianjie li span {
        font-size: 18px
    }

    .picinfo-web-page .jianjie .left a i {
        font-size: 20px
    }

    .picinfo-web-page .pic_info_content img {
        width: 32.5%;
        width: expression(this.width > 700 && this.height < this.width ? 700:true);
        display: block;
        padding: 1px;
        border-radius: 10px;
        margin-bottom: 20px;
        height: auto !important
    }

    .picinfo-web-page .pic_info_content::after {
        content: '';
        height: 0;
        width: 33.4%
    }
}

@media only screen and (max-width:960px) {
    .picinfo-web-page .jianjie {
        height: 150px
    }

    .picinfo-web-page .pic_info_content img {
        width: 100%;
        width: expression(this.width > 700 && this.height < this.width ? 700:true);
        margin: 10px auto;
        display: block;
        padding: 1px;
        height: auto !important;
        max-height: 480px !important
    }
}

@media screen and (max-width:960px) and (orientation:landscape) {
    .picinfo-web-page .pic_info_content img {
        width: 32.5%;
        width: expression(this.width > 700 && this.height < this.width ? 700:true);
        margin: 10px auto;
        display: block;
        padding: 1px;
        height: auto !important;
        max-height: 320px !important
    }

    .picinfo-web-page .pic_info_content::after {
        content: '';
        height: 0;
        width: 33.4%
    }
}

.piclist-web-page {
    background-color: #fafafa
}

.piclist-web-page .video_li {
    width: 16%
}

.piclist-web-page .video_li a .txt {
    padding: 8px 0
}

.piclist-web-page .video_li a .txt p {
    line-height: 20px;
    color: #121212;
    display: block;
    text-decoration: none
}

.piclist-web-page .video_li a .txt p .jigou {
    color: #999
}

@media only screen and (min-width:960px) {
    .piclist-web-page .cover_dv {
        height: 280px !important
    }

    .piclist-web-page p {
        font-size: 16px
    }
}

@media screen and (max-width:960px) {
    .piclist-web-page .video_li {
        width: 48.5%
    }

    .piclist-web-page .video_li a .cover_dv {
        height: 220px !important
    }

    .piclist-web-page .video_li a .cover_dv img {
        height: 100% !important;
        width: 100%
    }

    .piclist-web-page .video_li a .txt p {
        font-size: 13px
    }

    .piclist-web-page .swiper_dv {
        display: none
    }

    .piclist-web-page .index-bg {
        background: linear-gradient(103deg, #5c85f7, #acd3fc)
    }

    .piclist-web-page .list-row {
        width: 90%;
        background: #fff;
        padding: 10px;
        margin: -120px auto 0;
        border-radius: 10px
    }
}

@media screen and (max-width:960px) and (orientation:landscape) {
    .piclist-web-page .movie_ul_1 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px
    }

    .piclist-web-page .movie_ul_1 .video_li {
        width: 100% !important
    }

    .piclist-web-page .movie_ul_1 .video_li .cover_dv {
        height: 250px !important
    }

    .piclist-web-page .movie_ul_1 .video_li .cover_dv img {
        height: 100% !important
    }

    .piclist-web-page .movie_ul_1 .video_li .txt p {
        font-size: 13px
    }
}

.line_dv,
.line_dv .line_dv_img {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.line_dv {
    display: flex;
    box-sizing: border-box
}

.line_dv .line_dv_img {
    position: relative;
    background-color: #ff9c43;
    width: 50%;
    display: flex
}

.flex,
.line_dv ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.line_dv .line_dv_img #line_img_dv {
    width: 40%;
    position: relative
}

.line_dv .line_dv_img #line_img_dv img {
    position: absolute;
    width: 92px;
    height: 70px;
    top: -10px;
    left: 2px
}

.line_dv .line_dv_img p {
    line-height: 16px;
    padding: 0;
    margin: 5px 0 0 15px;
    color: #FFF;
    font-size: 12px
}

.line_dv .line_dv_img #line_git_dv {
    position: absolute;
    bottom: -5px;
    right: 2px;
    width: 30px
}

.line_dv .line_dv_img #line_git_dv img {
    width: 100%
}

.line_dv ul {
    height: 100%;
    padding: 10px 7px;
    margin: 0;
    display: flex;
    list-style: none;
    width: 100%;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.line_dv ul li {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #fe8bb5;
    font-size: 14px;
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
    padding: 0 3px;
    min-width: 21%
}

.line_dv ul li img {
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.line_dv ul li:nth-child(3) {
    /* background: #dd09b3 */
}

.line_dv ul .line-sy {
    text-shadow: 0 0 5px orange, 0 0 5px orange, 0 0 10px orange, 0 0 10px orange, 0 0 10px red, 0 0 10px #ff8d00, 0 0 10px red;
    color: #fff6a9;
    background: 0 0;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 10px;
    width: 100%;
    font-family: Sacramento, cursive
}

.pingk-clore li {
    height: 100% !important
}

.pingk-clore .line-sy {
    text-shadow: 0 0 5px #e60073, 0 0 5px #e60073, 0 0 10px #e60073, 0 0 10px #e60073, 0 0 10px #e60073, 0 0 10px #e60073, 0 0 10px #e60073 !important
}

@media screen and (min-width:960px) {
    .line-all-lis {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .line-sy {
        font-size: 37px !important;
        letter-spacing: 13px !important;
        text-align: right
    }

    .line_dv h4,
    .line_dv ul li {
        font-size: 16px
    }

    .line-ul2 {
        width: 40% !important;
        text-align: center
    }

    .line-ul1 {
        width: 60% !important
    }

    .line_dv .line_dv_img {
        width: 33.3%
    }

    .line_dv .line_dv_img #line_img_dv {
        width: 40%
    }

    .line_dv .line_dv_img #line_img_dv img {
        width: 92px;
        top: -10px;
        left: 10px
    }

    .line_dv .line_dv_img p {
        line-height: 20px;
        margin: 0 0 0 10px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 3px
    }

    .line_dv .line_dv_img #line_git_dv {
        width: 40px;
        bottom: 0
    }

    .line_dv ul {
        width: 90%;
        height: 100%;
        padding: 20px 0
    }

    .line_dv ul li {
        margin-right: 10px;
        width: 25%;
        line-height: 40px;
        letter-spacing: 5px;
        font-weight: 600;
        height: 40px
    }

    .pannel span {
        width: 13.3%;
        text-align: center;
        line-height: 40px !important;
        height: 40px !important
    }
}

@media screen and (max-width:375px) {
    .line_dv .line_dv_img p {
        line-height: 18px;
        margin: 0 0 0 10px
    }
}

@media screen and (max-width:960px) {
    .line_dv ul {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (max-width:360px) {
    .line_dv .line_dv_img p {
        line-height: 19px;
        margin: 0 0 0 6px
    }
}

@media screen and (max-width:320px) {
    .line_dv .line_dv_img p {
        line-height: 15px;
        margin: 0 0 0 18px
    }
}

* {
    padding: 0
}

.flex {
    display: flex
}

.flex-one,
.flex-tow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.flex-one {
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-tow {
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.qudao-web .tab-div {
    display: none
}

.qudao-web ::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: 0 0;
    color: transparent
}

.qudao-web .content {
    min-height: 100vh;
    background-color: #fafafa;
    overflow-y: scroll
}

.qudao-web .content .bgcolor {
    color: #121212
}

.qudao-web .content .cur {
    display: block;
    color: #121212 !important
}

.qudao-web .content .foot-fix {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 999;
    width: 100%;
    height: 40px;
    background: #7783ea;
    line-height: 40px;
    color: #fff
}

.qudao-web .content .foot-fix .app-content {
    height: 100%
}

.qudao-web .content .foot-fix .app-content a {
    text-decoration: none;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: block;
    height: 100%
}

.qudao-web .content .foot-fix .app-content a img {
    display: inline-block;
    height: 60%;
    width: auto
}

.qudao-web .content .foot-fix .app-content .close-img {
    position: absolute;
    right: 10px;
    top: 0;
    height: 20px;
    font-size: 24px;
    color: rgba(255, 255, 255, .5)
}

.qudao-web .content .header-fix {
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.qudao-web .content .header-fix .header-mobile .header-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    height: 50px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: linear-gradient(130deg, #fe8bb5, #d5c5dd);
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.qudao-web .content .header-fix .header-mobile .header-row .left {
    padding-left: 5px;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.qudao-web .content .header-fix .header-mobile .header-row .left .item {
    display: inline-block;
    vertical-align: middle;
    margin-top: 1.5px
}

.qudao-web .content .header-fix .header-mobile .header-row .left .item .logo-img {
    width: 35px;
    height: 35px
}

.qudao-web .content .header-fix .header-mobile .header-row .center {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: center
}

.qudao-web .content .header-fix .header-mobile .header-row .center .menu-list {
    line-height: 30px;
    color: #fff
}

.qudao-web .content .header-fix .header-mobile .header-row .center .menu-list i {
    color: #fff;
    margin: 0 10px
}

.qudao-web .content .header-fix .header-mobile .header-row .center .menu-list .menu-item {
    display: inline-block;
    list-style: none;
    text-decoration: none
}

.qudao-web .content .header-fix .header-mobile .header-row .center .menu-list .menu-item img {
    margin-right: 2px;
    vertical-align: text-bottom;
    width: 15px
}

.qudao-web .content .header-fix .header-mobile .header-row .right {
    -webkit-box-flex: .5;
    -moz-box-flex: .5;
    -ms-flex: .5;
    flex: .5;
    padding-right: 7px;
    position: relative;
    text-align: right
}

.qudao-web .content .header-fix .header-mobile .header-row .right .item {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.qudao-web .content .header-fix .header-mobile .header-row .right .item span {
    color: #fff
}

.qudao-web .content .header-fix .header-mobile .header-row .right .item .logo-img {
    width: 40px
}

.qudao-web .content .header-menu .swiper_dv {
    height: 120px
}

.qudao-web .content .header-menu .swiper_dv .swiper {
    height: 100%
}

.qudao-web .content .header-menu .swiper_dv .swiper .swiper-slide,
.qudao-web .content .header-menu .swiper_dv .swiper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%
}

.qudao-web .content .header-menu .share-url {
    padding: 5px 0
}

.qudao-web .content .header-menu .share-url .share-fun {
    background-repeat: no-repeat;
    height: 65px;
    line-height: 65px;
    margin: 0 auto;
    min-width: 310px;
    width: 90%;
    background-size: 100% 100%
}

.qudao-web .content .header-menu .share-url .url-share-link {
    color: #ff0057;
    font-size: 18px;
    font-weight: 700;
    padding: 0 4px;
    text-align: center
}

.qudao-web .content .header-menu .tags_container_qd {
    margin: 0 auto;
    width: 100%
}

.qudao-web .content .header-menu .tags_container_qd .even {
    background: #f7ebef
}

.qudao-web .content .header-menu .tags_container_qd .odd {
    background: #f7f7f7
}

.qudao-web .content .header-menu .tags_container_qd .row-item {
    margin: 0;
    padding: 5px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.qudao-web .content .header-menu .tags_container_qd .row-item .row-item-title {
    font-size: 13px;
    min-width: 52px;
    width: 18%;
    text-align: center
}

.qudao-web .content .header-menu .tags_container_qd .row-item .row-item-title a {
    background: 0 0;
    color: #333;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
    text-decoration: none
}

.qudao-web .content .header-menu .tags_container_qd .row-item .row-item-title a .logo-img {
    border-radius: 10px;
    display: block;
    margin: 5px auto;
    max-height: 40px;
    max-width: 40px
}

.qudao-web .content .header-menu .tags_container_qd .row-item .row-item-content {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    width: 82%
}

.qudao-web .content .header-menu .tags_container_qd .row-item .row-item-content .item {
    padding: 8px 0 0;
    width: 25%;
    text-align: center;
    font-size: 13px;
    list-style: none
}

.qudao-web .content .header-menu .tags_container_qd .row-item .row-item-content .item a {
    list-style: none;
    text-decoration: none;
    color: #333
}

.qudao-web .content .header-menu .section-relate-link {
    background-color: #fafafa;
    margin-top: 10px;
    margin-bottom: 10px
}

.qudao-web .content .header-menu .section-relate-link .content-relate {
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto 10px;
    padding: 0 10px 10px;
    text-align: center
}

.qudao-web .content .header-menu .section-relate-link .content-relate .relate-item {
    display: inline-block;
    width: 20%
}

.qudao-web .content .header-menu .section-relate-link .content-relate .relate-item a {
    text-decoration: none;
    color: #121212
}

.qudao-web .content .header-menu .section-relate-link .content-relate .relate-item .relate-img {
    margin: 10px auto;
    width: 90%
}

.qudao-web .content .header-menu .section-relate-link .content-relate .relate-item p {
    font-size: 14px;
    margin: 0
}

.qudao-web .content .kall-warp {
    margin-top: 4px;
    background-color: #fff
}

.qudao-web .content .kall-warp .title {
    text-align: center;
    padding: 10px 0
}

.qudao-web .content .kall-warp .title h3 {
    margin: 0 auto;
    font-size: 18px;
    font-weight: 700;
    max-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qudao-web .content .kall-warp .kall-list {
    padding: 5px;
    width: 100%;
    box-sizing: border-box
}

.qudao-web .content .kall-warp .kall-list ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.qudao-web .content .kall-warp .kall-list ul li {
    list-style: none;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #EEE
}

.qudao-web .content .kall-warp .kall-list ul .y-img {
    width: 124px
}

.qudao-web .content .kall-warp .kall-list ul .y-img img {
    width: 120px;
    height: 120px;
    border-radius: 8px
}

.qudao-web .content .kall-warp .kall-list ul .y-txt {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 70%;
    color: #FFF
}

.qudao-web .content .kall-warp .kall-list ul .y-txt .name {
    margin-top: 3px;
    margin-bottom: 10px;
    font-size: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #FFF
}

.qudao-web .content .kall-warp .kall-list ul .y-txt .name .v {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fe9ac0), to(#ff65d4));
    background-image: linear-gradient(to bottom, #fe9ac0, #ff65d4);
    padding: 0 8px;
    border-radius: 15px 0
}

.qudao-web .content .kall-warp .kall-list ul .y-txt .name b {
    display: inline-block;
    margin-left: 6px;
    font-weight: 500;
    color: #121212
}

.qudao-web .content .kall-warp .kall-list ul .y-txt .tag {
    margin-bottom: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.qudao-web .content .kall-warp .kall-list ul .y-txt .tag span {
    font-size: 12px;
    color: #fff;
    display: block;
    margin-right: 3px;
    background-color: #fe9ac0;
    padding: 3px 6px;
    border-radius: 10px
}

.qudao-web .content .kall-warp .kall-list ul .y-txt .info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
    color: #121212
}

.qudao-web .content .kall-warp .kall-list ul .y-txt .info span {
    display: block;
    margin: 0 8px;
    font-size: 12px
}

.qudao-web .content .kall-warp .kall-list ul .y-txt .btn span {
    display: block;
    width: 100%;
    font-size: 13px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fe9ac0), to(#ff65d4));
    background-image: linear-gradient(to bottom, #fe9ac0, #ff65d4);
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 15px;
    padding: 6px 0
}

.qudao-web .content .kall-warp .kall-list .more-btn {
    margin: 14px 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe9ac0), to(#ff65d4));
    background-image: linear-gradient(to right, #fe9ac0, #ff65d4);
    color: #fff;
    font-size: 14px;
    border-radius: 50px
}

.qudao-web .content .live-games-list {
    width: 100%;
    padding: 0 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px
}

.qudao-web .content .live-games-list .games-item {
    border-radius: 20px;
    width: 100%;
    border: 1px solid #CCC;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    background-color: #fff
}

.qudao-web .content .live-games-list .games-item .games-info {
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: block
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-logo {
    width: 25%;
    display: block
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv {
    width: 73%
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left {
    width: 55%
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left .title-dv {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left .title-dv span {
    display: block;
    line-height: 14px
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left .title-dv .title-dv-title1 {
    background-color: #166fe3;
    border-radius: 20px;
    color: #FFF;
    font-size: 12px;
    padding: 0 5px;
    margin-right: 10px
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left .title-dv .title-dv-info {
    font-weight: 900;
    font-size: 12px;
    margin-top: 3px;
    color: #121212
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-left .title2-dv {
    color: #958e8e;
    font-size: 12px
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-right {
    width: 40%
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-right img {
    display: block
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-right .item-right-dv-top-right-imgtop {
    width: 100%
}

.qudao-web .content .live-games-list .games-item .item-top-dv .item-right-dv .item-right-dv-top .item-right-dv-top-right .item-right-dv-top-right-imgbottom {
    width: 80%;
    margin: 3px auto 0
}

.qudao-web .content .live-games-list .games-item .item-top-dv .taginfo {
    margin-top: 3px;
    color: red;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px
}

.qudao-web .content .live-games-list .games-item .btns-down {
    margin: 10px 0
}

.qudao-web .content .live-games-list .games-item .btns-down img {
    width: 46%;
    display: block;
    cursor: pointer
}

.qudao-web .content .live-games-list .games-item .bottom-dv img {
    width: 200px
}

.qudao-web .content .live-games-list .games-item .bottom-dv p {
    line-height: 27px;
    font-size: 18px;
    font-weight: 700
}

.qudao-web .modal {
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.qudao-web .posModal {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.qudao-web .posModal .modal-content {
    width: 90%;
    max-width: 320px;
    background: #fefefe;
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #888;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 15px;
    text-align: center
}

.qudao-web .posModal .modal-content .close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #CCC;
    font-size: 28px;
    font-weight: 700
}

.qudao-web .posModal .modal-content img {
    margin: 0 auto
}

.qudao-web .posModal .modal-content p {
    margin-top: 20px;
    text-align: center
}

@media (min-width:750px) {

    .qudao-web .content,
    .qudao-web .content .header-row {
        margin: 0 auto;
        width: 750px !important
    }

    .qudao-web .tags_container_qd .row-item .row-item-title {
        width: 11% !important
    }

    .qudao-web .tags_container_qd .row-item .row-item-content {
        width: 89% !important
    }

    .qudao-web .content .header-row {
        position: fixed;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        font-size: 15px !important
    }

    .qudao-web .content .swiper_dv {
        height: 200px !important
    }

    .qudao-web .content .swiper_dv .swiper {
        height: 100%
    }

    .qudao-web .content .foot-fix {
        width: 750px !important;
        position: fixed;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    .qudao-web .content .share-fun {
        height: 100px !important;
        line-height: 100px !important
    }

    .qudao-web .content .row-item-content {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0 !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .qudao-web .content .row-item .row-item-content {
        margin: 0 !important
    }

    .qudao-web .content .row-item-content .item {
        padding: 0 !important
    }

    .qudao-web .content .games-nav {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-flow: row wrap !important;
        flex-flow: row wrap !important;
        -webkit-box-pack: justify !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .qudao-web .content .games-item {
        width: 48% !important
    }
}

.zhongzhuan .bottomDomainInfo,
.zhongzhuan .bottomDomainInfo .leftContent {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal
}

@media (max-width:750px) {
    .qudao-web .tags_container_qd .row-item {
        padding: 5px 0 5px 5.5px !important
    }
}

.search_key {
    text-align: center;
    background-color: #384047;
    color: #eee;
    padding: 45px 0;
    margin-top: 10px !important
}

.search_key span {
    color: #FF6651
}

.search-web-page .movie_ul_1 {
    display: block
}

.search-web-page .movie_ul_1 .video_li {
    width: 100%
}

.search-web-page .movie_ul_1 .video_li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.search-web-page .movie_ul_1 .video_li a .cover_dv {
    width: 268px
}

.search-web-page .movie_ul_1 .video_li a .cover_dv .upload-time {
    left: 280px
}

.search-web-page .movie_ul_1 .video_li a .tvdes {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 500px
}

@media only screen and (max-width:960px) {
    .search_key {
        padding: 15px 0
    }

    .search-web-page .movie_ul_1 {
        display: block
    }

    .search-web-page .movie_ul_1 .video_li {
        width: 100%
    }

    .search-web-page .movie_ul_1 .video_li a {
        display: block;
        position: relative
    }

    .search-web-page .movie_ul_1 .video_li a .cover_dv {
        width: 100%;
        height: auto
    }

    .search-web-page .movie_ul_1 .video_li a .cover_dv .upload-time {
        left: 0;
        bottom: -50px
    }

    .search-web-page .movie_ul_1 .video_li a .tvdes {
        color: #fff;
        position: static;
        margin-left: 100px
    }
}

@media screen and (max-width:960px) {
    .swiper_dv {
        height: auto;
        max-height: 207px;
    }

    .swiper_dv .swiper {
        height: auto
    }
    .swiper-wrapper{
        height: auto !important;
    }
    .swiper_dv .swiper .swiper-slide,
    .swiper_dv .swiper .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%
    }
}

#tag-list .container {
    width: 100%
}

#tag-list .container .even {
    background: #f7ebef
}

#tag-list .container .odd {
    background: #f7f7f7
}

#tag-list .container .row-item {
    margin: 0;
    padding: 5px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

#tag-list .container .row-item .row-item-title {
    font-size: 13px;
    margin: 0;
    min-width: 52px;
    padding: 0;
    width: 20%;
    text-align: center
}

#tag-list .container .row-item .row-item-title a {
    background: 0 0;
    color: #333;
    font-size: 13px;
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
    text-decoration: none
}

#tag-list .container .row-item .row-item-title i {
    font-size: 33px
}

#tag-list .container .row-item .row-item-title .icon-VIP21 {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e16b57), to(#f5c284));
    background-image: linear-gradient(to bottom right, #e16b57, #f5c284);
    color: transparent;
    -webkit-background-clip: text
}

#tag-list .container .row-item .row-item-title .icon-jingpin {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#ffc58a), to(#ff5b7a));
    background-image: linear-gradient(to bottom right, #ffc58a, #ff5b7a);
    color: transparent;
    -webkit-background-clip: text
}

#tag-list .container .row-item .row-item-title .icon-dianying {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#ec6081), to(#f4b0ae));
    background-image: linear-gradient(to bottom right, #ec6081, #f4b0ae);
    color: transparent;
    -webkit-background-clip: text
}

#tag-list .container .row-item .row-item-title .icon-shouji1 {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#8864f7), to(#da9cfa));
    background-image: linear-gradient(to bottom right, #8864f7, #da9cfa);
    color: transparent;
    -webkit-background-clip: text
}

#tag-list .container .row-item .row-item-title .icon-tupian {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#72d387), to(#93eec2));
    background-image: linear-gradient(to bottom right, #72d387, #93eec2);
    color: transparent;
    -webkit-background-clip: text
}

#tag-list .container .row-item .row-item-title .icon-xiaoshuo {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#dcec00), to(#a9d900));
    background-image: linear-gradient(to bottom right, #dcec00, #a9d900);
    color: transparent;
    -webkit-background-clip: text
}

#tag-list .container .row-item .row-item-title .logo-img {
    border-radius: 10px;
    display: block;
    margin: 2px auto 5px;
    max-height: 40px;
    max-width: 40px
}

#tag-list .container .row-item .row-item-content {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    width: 80%
}

#tag-list .container .row-item .row-item-content .item {
    padding: 8px 0 0;
    width: 25%;
    list-style: none;
    text-align: center
}

#tag-list .container .row-item .row-item-content .item a {
    font-size: 13px;
    list-style: none;
    text-decoration: none;
    color: #333
}

#tag-list .flex-box-right {
    max-width: 21%;
    height: 497px
}

@media only screen and (min-width:960px) {
    #tag-list .logo-img {
        display: none !important
    }

    #tag-list .container {
        /* width: 78% !important */
    }

    #tag-list .bg_light_theme {
        border-radius: 5px !important;
        padding: 6px 15px 8px !important;
        text-align: center !important;
        vertical-align: middle !important !important;
        background: linear-gradient(130deg, #fe8bb5, #d5c5dd) !important;
        color: #fff !important;
        font-size: 17px !important
    }

    #tag-list .row-item {
        padding: 20px 0 !important
    }

    #tag-list .row-item-title {
        width: 13% !important
    }

    #tag-list .row-item-content {
        width: 87% !important
    }

    #tag-list .row-item-content .item {
        width: 12.5% !important;
        padding: 0 !important
    }

    #tag-list .row-item-content .item a {
        font-size: 16px !important;
        cursor: pointer !important
    }
}

@media screen and (max-width:960px) {
    .vip-card-info {
        display: none
    }
}

@media screen and (max-width:391px) {
    .vip-card-info {
        display: none
    }

    .vip-privilege-gird-item-img {
        height: 6vh;
        width: 6vh
    }
}

@media screen and (max-width:321px) {
    .vip-card-info {
        display: none
    }

    .vip-privilege-gird-item-img {
        height: 6vh;
        width: 6vh
    }
}

#tagson .tag-list {
    background: #fff;
    border-radius: 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 120px;
    padding: 20px 0
}

#tagson .tag-list .tag-item {
    display: inline-block;
    line-height: 35px;
    text-align: center;
    width: 12.5%
}

#tagson .tag-list .tag-item img {
    border-radius: 50%;
    height: 60px;
    margin: 0 auto;
    width: 60px
}

#tagson .tag-list .tag-item p {
    color: #333
}

#tagson .tag-list .tag-item.active p {
    font-weight: 700
}

@media screen and (max-width:960px) {
    #tagson .tag-list {
        background: #fff;
        border-radius: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 200px;
        padding: 10px
    }

    #tagson .tag-list .tag-item {
        display: inline-block;
        line-height: 35px;
        text-align: center;
        width: 25%
    }

    #tagson .tag-list .tag-item img {
        border-radius: 50%;
        height: 60px;
        margin: 0 auto;
        width: 60px
    }

    #tagson .tag-list .tag-item p {
        color: #333
    }

    #tagson .tag-list .tag-item.active p {
        font-weight: 700
    }
}

.transit-web-page {
    background: #eee
}

.transit-web-page .zhongzhuan {
    position: relative
}

.transit-web-page .pe_p_2 {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%
}

.transit-web-page .pe_p_2 .co_cc_ef {
    margin: 0 auto;
    max-width: 500px;
    min-height: 100vh;
    padding: 5% 2%;
    position: relative;
    text-align: center
}

.transit-web-page .pe_p_2 .co_cc_ef .row {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: -webkit-center
}

.transit-web-page .pe_p_2 .co_cc_ef .logo-img {
    margin: 10px 0 0;
    width: 90px
}

.transit-web-page .pe_p_2 .co_cc_ef h4 {
    font-size: 14px;
    line-height: 40px;
    font-weight: 700
}

.transit-web-page .pe_p_2 .co_cc_ef p {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    margin: 0
}

.transit-web-page .pe_p_2 .co_cc_ef .web-hw-domain,
.transit-web-page .pe_p_2 .co_cc_ef .zui-n-url {
    font-size: 13px !important;
    font-weight: 500;
    line-height: 25px
}

.transit-web-page .pe_p_2 .co_cc_ef .tiao-row {
    padding: 10px 0;
    width: 100%
}

.transit-web-page .pe_p_2 .co_cc_ef .tiao-row a {
    display: block;
    background-color: #5b86b3;
    width: 250px;
    margin: 0 auto;
    line-height: 35px;
    color: #fff
}

.transit-web-page .pe_p_2 .co_cc_ef .sp-url {
    color: #00f
}

.transit-web-page .pe_p_2 .co_cc_ef .btn-group {
    width: 250px !important;
    margin: 10px auto
}

.transit-web-page .pe_p_2 .co_cc_ef .btn-group .new-web-href2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background: #fff;
    color: #000;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle
}

.transit-web-page .pe_p_2 .co_cc_ef .btn-group .new-web-href2 i {
    margin-right: 10px;
    vertical-align: middle;
    width: 15px
}

@media screen and (min-width:500px) {
    .zhongzhuan .dv2 .xiazai .right {
        line-height: 35px !important
    }
}

* {
    margin: 0
}

@media (min-width:1300px) {
    .content {
        /* width: 1200px */
    }
}

@media (max-width:1300px) and (min-width:992px) {
    body .zhongzhuan .pc .content {
        width: 992px
    }
}

@media (max-width:992px) and (min-width:768px) {
    body .zhongzhuan .pc .content {
        width: 75px
    }

    body .zhongzhuan .pc .content .dv3 .ddv {
        width: 100%
    }

    body .zhongzhuan .pc .content .dv3 .ddv .ddv-right {
        width: 360px
    }

    body .zhongzhuan .pc .content .dv3 .ddv .ddv-right .p1 {
        font-size: 12px;
        line-height: 18px
    }

    body .zhongzhuan .pc .content .dv3 .ddv .ddv-right .p2 {
        font-size: 12px;
        line-height: 20px
    }
}

.zhongzhuan .pc .content .dv1 .wangzi h6,
.zhongzhuan .pc .content .dv1 .wangzi h6 span {
    font-family: 'Arial Normal', Arial;
    line-height: 36px;
    cursor: pointer;
    font-weight: 400;
    font-style: normal
}

@media (max-width:958px) {

    .phone-none,
    .zhongzhuan .pc {
        display: none
    }
}

@media (min-width:960px) {

    .pc-none,
    .zhongzhuan .h5 {
        display: none
    }
}

.zhongzhuan .pc .content .dv1 .shoucang,
.zhongzhuan .pc .content .dv1 .wangzi {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify
}

.zhongzhuan,
.zhongzhuan .pc {
    width: 100%
}

.zhongzhuan .pc .header {
    height: 84px;
    width: 100%;
    -webkit-box-shadow: 0 5px 31px rgba(102, 102, 102, .34902);
    box-shadow: 0 5px 31px rgba(102, 102, 102, .34902);
    background: linear-gradient(130deg, #06c, #80b3e5) !important
}

.zhongzhuan .pc .header .tu {
    width: 242px;
    height: 45px;
    margin: 0 auto;
    padding-top: 19.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.zhongzhuan .h5 .dv1 .wangzi,
.zhongzhuan .h5 .header .tu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.zhongzhuan .pc .header .tu img {
    width: 100%
}

.zhongzhuan .pc .content {
    width: 1200px;
    height: 888px;
    margin: 0 auto
}

.zhongzhuan .pc .content .dv1 {
    padding: 20px 0;
    width: 100%
}

.zhongzhuan .pc .content .dv1 .wangzi {
    position: relative;
    width: 610px;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto
}

.zhongzhuan .pc .content .dv1 .wangzi h6 {
    width: auto;
    font-size: 36px;
    color: #06C
}

.zhongzhuan .pc .content .dv1 .wangzi h6 span {
    font-size: 40px;
    color: #E5342A
}

.zhongzhuan .pc .content .dv1 .wangzi div {
    cursor: pointer;
    margin-top: 5px;
    width: 102px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #06C;
    font-family: '思源黑体 CN';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #06C;
    text-align: center
}

.zhongzhuan .pc .content .dv1 .wangzi div:hover {
    background-color: #06C;
    color: #fff
}

.zhongzhuan .pc .content .dv1 .shoucang .left .dianji,
.zhongzhuan .pc .content .dv1 .shoucang .right .dianji {
    line-height: 54px;
    font-size: 20px;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    font-family: '思源黑体 CN';
    font-weight: 400;
    font-style: normal
}

.zhongzhuan .pc .content .dv1 .wangzi .fuzhidizi {
    position: absolute;
    left: -9999px
}

.zhongzhuan .pc .content .dv1 .shoucang {
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px auto;
    width: 100%;
    text-align: center
}

.zhongzhuan .pc .content .dv1 .shoucang .left {
    cursor: pointer;
    text-decoration: none;
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #06C
}

.zhongzhuan .pc .content .dv1 .shoucang .left span {
    cursor: pointer;
    display: block;
    width: 55px;
    height: 54px
}

.zhongzhuan .pc .content .dv1 .shoucang .left span img {
    display: block;
    margin: 12px auto 0;
    width: 21px;
    height: 30px
}

.zhongzhuan .pc .content .dv1 .shoucang .left .dianji {
    width: 205px;
    height: 54px
}

.zhongzhuan .pc .content .dv1 .shoucang .left .tu {
    cursor: pointer;
    border: none;
    border-radius: 0 6px 6px 0;
    background: inherit;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    width: 205px;
    height: 54px;
    background-color: rgba(255, 255, 255, .5)
}

.zhongzhuan .pc .content .dv1 .shoucang .left .tu img {
    width: 100%;
    height: 100%
}

.zhongzhuan .pc .content .dv1 .shoucang .right {
    cursor: pointer;
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #06C
}

.zhongzhuan .pc .content .dv1 .shoucang .right span {
    display: block;
    width: 55px;
    height: 54px
}

.zhongzhuan .pc .content .dv1 .shoucang .right span img {
    display: block;
    margin: 12px auto 0;
    width: 21px;
    height: 30px
}

.zhongzhuan .pc .content .dv1 .shoucang .right .dianji {
    width: 205px;
    height: 54px
}

.zhongzhuan .pc .content .dv1 .shoucang .right .tu {
    cursor: pointer;
    border: none;
    border-radius: 0 6px 6px 0;
    background: inherit;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    width: 205px;
    height: 54px;
    background-color: rgba(255, 255, 255, .5)
}

.zhongzhuan .pc .content .dv1 .shoucang .right .tu img {
    width: 100%;
    height: 100%
}

.zhongzhuan .pc .content .dv1 .p1 {
    text-align: center
}

.zhongzhuan .pc .content .dv1 .p1 .span22 {
    display: inline-block;
    position: relative
}

.zhongzhuan .pc .content .dv1 .p1 .span22 .span23 {
    display: inline-block;
    position: absolute;
    left: 0;
    border-bottom: 1px solid #E5342A;
    height: 14px;
    width: 100%
}

.zhongzhuan .dv2 .xiazai,
.zhongzhuan .dv2 .xiazai .tt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.zhongzhuan .pc .content .dv1 .p2 {
    font-family: '思源黑体 CN';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #06C;
    line-height: 25px
}

.zhongzhuan .pc .content .dv1 #yes_url span {
    font-family: 'Arial Normal', Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #E5342A;
    line-height: 36px
}

.zhongzhuan .pc .content .dv1 .p3,
.zhongzhuan .pc .content .dv1 .pp .span1 {
    font-family: '思源黑体 CN';
    text-align: center;
    font-weight: 400;
    font-style: normal
}

.zhongzhuan .pc .content .dv1 .p3 {
    font-size: 14px;
    line-height: 25px;
    color: #333
}

.zhongzhuan .pc .content .dv1 .p3 a {
    text-decoration: none;
    color: #E5342A
}

.zhongzhuan .pc .content .dv1 .pp {
    margin-top: 10px
}

.zhongzhuan .pc .content .dv1 .pp .span1 {
    color: #E5342A
}

.zhongzhuan .pc .content .dv1 .pp .span2 {
    color: #169BD5
}

.zhongzhuan .pc .content .dv1 .xuxian {
    width: 100%;
    height: 2px
}

.zhongzhuan .pc .content .dv1 .xuxian img {
    width: 100%
}

.zhongzhuan .dv2 {
    padding: 10px 0 20px;
    width: 100%
}

.zhongzhuan .dv2 h5 {
    text-align: center;
    font-family: 'Arial Normal', Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #06C;
    line-height: 30px
}

.zhongzhuan .dv2 .p1,
.zhongzhuan .dv2 p {
    font-size: 14px;
    font-family: '思源黑体 CN';
    font-weight: 400;
    font-style: normal;
    text-align: center;
    line-height: 25px
}

.zhongzhuan .dv2 .hh5 {
    margin: 20px 0
}

.zhongzhuan .dv2 .p1 {
    color: #333
}

.zhongzhuan .dv2 .p1 a {
    text-decoration: none;
    color: #E5342A
}

.zhongzhuan .dv2 .xiazai {
    margin: 0 auto;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 35px
}

.zhongzhuan .dv2 .xiazai .tt {
    display: flex;
    text-decoration: none;
    position: relative;
    width: 32%;
    height: 100%;
    background-color: #06c
}

.zhongzhuan .bottomDomainInfo,
.zhongzhuan .dv2 .jingji {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.zhongzhuan .dv2 .xiazai .tt i {
    color: #fff;
    font-size: 23px;
    line-height: 35px;
    text-align: left
}

.zhongzhuan .bottomDomainInfo .leftContent .leftLogo,
.zhongzhuan .dv2 .xiazai .tt .right div {
    text-align: center
}

.zhongzhuan .dv2 .xiazai .tt .left {
    width: 30%;
    height: 100%;
    background-color: rgba(255, 255, 255, .2)
}

.zhongzhuan .dv2 .xiazai .tt .right {
    margin-left: 5%;
    width: 60%;
    font-size: 12px;
    color: #FFF
}

.zhongzhuan .dv2 .xiazai .tt .right .browser-yw {
    width: 100%;
    white-space: wrap;
    font-size: 12px
}

.zhongzhuan .dv2 .jingji h6,
.zhongzhuan .dv2 .jingji p {
    font-size: 20px;
    color: #06C;
    font-family: 'Arial Normal', Arial;
    font-weight: 400;
    font-style: normal
}

.zhongzhuan .dv2 .xiazai .tt:hover .left {
    background-color: rgba(255, 255, 255, 0)
}

.zhongzhuan .dv2 .jingji {
    margin: 20px auto;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    gap: 20px
}

.zhongzhuan .dv2 .jingji p {
    line-height: 50px
}

.zhongzhuan .dv2 .jingji h6 {
    line-height: 24px
}

.zhongzhuan .dv2 .jingji h6 span {
    font-family: 'Arial Normal', Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color: #E5342A;
    line-height: 36px
}

.zhongzhuan .dv2 .newUrlBtn {
    background-color: #06c;
    padding: 10px 20px;
    color: #fff;
    border-radius: 6px
}

.zhongzhuan .bottomDomainInfo {
    display: flex;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 10% 5%;
    padding-top: 5px;
    gap: 15px;
    border-top: 2px solid #C1D9F3;
    border-style: dashed
}

.zhongzhuan .bottomDomainInfo .leftContent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.infoweb .info_dv .share-content .share-con,
.infoweb .info_dv .share-content .share-con .share-list .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal
}

.zhongzhuan .bottomDomainInfo .leftContent .leftLogo img {
    width: 120px
}

.zhongzhuan .bottomDomainInfo .leftContent .leftTitle {
    text-wrap: nowrap;
    -moz-text-align-last: center;
    text-align-last: center;
    padding-left: 10px
}

.zhongzhuan .bottomDomainInfo .leftContent .leftTitle #leftP1 {
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    color: #06C;
    line-height: 24px;
    text-align: left;
    margin-bottom: 15px
}

.zhongzhuan .bottomDomainInfo .leftContent .leftTitle #leftP2 {
    text-align: left;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 30px
}

.zhongzhuan .bottomDomainInfo .leftContent .leftTitle #leftP3 {
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    color: #E5342A;
    line-height: 20px
}

.zhongzhuan .bottomDomainInfo .rightContent {
    border-left: 2px solid #C1D9F3;
    border-style: dashed;
    padding-left: 10px
}

.zhongzhuan .bottomDomainInfo .rightContent #rightP1 {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #06C;
    line-height: 20px;
    text-align: left
}

.zhongzhuan .bottomDomainInfo .rightContent .rightP2 {
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    font-size: 12px;
    text-align: left
}

.zhongzhuan .bottomDomainInfo .rightContent .rightP2 i {
    color: #06C
}

.zhongzhuan .pc .content .dv2 .zuixindizhi {
    position: relative;
    margin: 0 auto 20px;
    width: 165px;
    height: 35px
}

.zhongzhuan .pc .content .dv2 .zuixindizhi a {
    color: #fff;
    border-radius: 6px;
    background-color: #06c;
    text-decoration: none;
    text-align: center;
    line-height: 35px;
    display: block;
    width: 100%;
    height: 100%
}

.zhongzhuan .pc .content .dv2 .zuixindizhi .tu {
    border: none;
    border-radius: 0 6px 6px 0;
    background: inherit;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    width: 165px;
    height: 35px;
    background-color: rgba(255, 255, 255, .5)
}

.zhongzhuan .pc .content .dv2 .ppp {
    font-family: '思源黑体 CN';
    font-weight: 400;
    font-style: normal;
    line-height: 14px;
    font-size: 14px;
    color: #333
}

.zhongzhuan .pc .content .dv2 .xuxian {
    width: 100%;
    height: 2px
}

.zhongzhuan .pc .content .dv2 .xuxian img {
    width: 100%
}

.zhongzhuan .pc .content .dv3 {
    margin-bottom: 120px;
    width: 100%
}

.zhongzhuan .pc .content .dv3 .ddv {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 900px;
    margin: 0 auto
}

.zhongzhuan .pc .content .dv3 .ddv .ddv-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 375px
}

.zhongzhuan .pc .content .dv3 .ddv .ddv-left .img1 {
    display: block;
    width: 151px;
    height: 114px
}

.zhongzhuan .pc .content .dv3 .ddv .ddv-left .ldv {
    margin-left: 12px;
    width: 210px
}

.zhongzhuan .pc .content .dv3 .ddv .ddv-left .ldv h4 {
    font-family: '思源黑体 CN Bold', '思源黑体 CN';
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: #06C;
    line-height: 24px;
    text-align: left;
    margin-bottom: 25px
}

.zhongzhuan .pc .content .dv3 .ddv .ddv-left .ldv p {
    text-indent: 20px;
    text-align: left;
    font-family: '思源黑体 CN';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 30px
}

.zhongzhuan .pc .content .dv3 .ddv .ddv-left .ldv span {
    font-family: '思源黑体 CN Bold', '思源黑体 CN';
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #E5342A;
    line-height: 20px
}

.zhongzhuan .pc .content .dv3 .ddv .ddv-right {
    width: 500px
}

.zhongzhuan .pc .content .dv3 .ddv .ddv-right .p1 {
    margin-bottom: 10px;
    font-family: '思源黑体 CN';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #06C;
    line-height: 24px;
    text-align: left
}

.zhongzhuan .pc .content .dv3 .ddv .ddv-right .p2,
.zhongzhuan .pc .content .dv3 .dip {
    font-family: '思源黑体 CN';
    font-weight: 400;
    font-size: 14px;
    font-style: normal
}

.zhongzhuan .pc .content .dv3 .ddv .ddv-right .p2 {
    line-height: 28px;
    text-align: left
}

.zhongzhuan .pc .content .dv3 .dip {
    margin: 20px auto 50px;
    color: #06C;
    line-height: 14px;
    text-align: center
}

.zhongzhuan .h5 .dv1 .wangzi h6,
.zhongzhuan .h5 .dv1 .wangzi h6 span {
    font-family: '苹方 粗体', '苹方 中等', '苹方';
    font-weight: 700;
    cursor: pointer
}

.zhongzhuan .pc .pc-b {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: rgba(0, 0, 0, .5)
}

.zhongzhuan .pc .pc-b img {
    display: block;
    width: 331px;
    height: 72px;
    margin: 14px auto
}

.zhongzhuan .h5 {
    width: 100%
}

.zhongzhuan .h5 .header {
    height: 44px;
    width: 100%;
    -webkit-box-shadow: 0 5px 31px rgba(102, 102, 102, .34902);
    box-shadow: 0 5px 31px rgba(102, 102, 102, .34902);
    background: linear-gradient(130deg, #06c, #80b3e5) !important
}

.zhongzhuan .h5 .header .tu {
    width: 148px;
    height: 28x;
    margin: 0 auto;
    padding-top: 7px;
    box-sizing: border-box
}

.zhongzhuan .h5 .dv1,
.zhongzhuan .h5 .header .tu img {
    width: 100%
}

.zhongzhuan .h5 .dv1 .wangzi {
    position: relative;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box
}

.zhongzhuan .h5 .dv1 .wangzi h6 {
    text-align: center;
    font-style: normal;
    color: #06C;
    height: 50px;
    line-height: 50px;
    font-size: 16px
}

.zhongzhuan .h5 .dv1 .wangzi h6 span {
    font-style: normal;
    font-size: 15px;
    color: #E5342A;
    line-height: 24px
}

.zhongzhuan .h5 .dv1 .left .dianji,
.zhongzhuan .h5 .dv1 .p1,
.zhongzhuan .h5 .dv1 .wangzi #copyBT123 {
    font-family: '思源黑体 CN';
    text-align: center;
    font-style: normal
}

.zhongzhuan .h5 .dv1 .wangzi #copyBT123 {
    cursor: pointer;
    margin: 0 auto;
    width: 65px;
    height: 24px;
    line-height: 24px;
    border-radius: 5px;
    border: 2px solid #b6d3f0;
    font-weight: 400;
    font-size: 14px;
    color: #06C
}

.zhongzhuan .h5 .dv1 .wangzi #fuzhidizi123 {
    position: absolute;
    left: -9999px
}

.zhongzhuan .h5 .dv1 .left {
    margin: 10px auto;
    width: 220px;
    height: 36px;
    text-decoration: none;
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #06C
}

.zhongzhuan .h5 .dv1 .left span {
    display: block;
    width: 41px;
    height: 36x
}

.zhongzhuan .h5 .dv1 .left span img {
    display: block;
    margin: 6px auto 0;
    width: 17px;
    height: 24px
}

.zhongzhuan .h5 .dv1 .left .dianji {
    cursor: pointer;
    width: 170px;
    height: 36px;
    line-height: 36px;
    font-weight: 400;
    font-size: 20px;
    color: #FFF
}

.zhongzhuan .h5 .dv1 .left .tu {
    border: none;
    border-radius: 0 6px 6px 0;
    background: inherit;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    height: 36px;
    background-color: rgba(255, 255, 255, .5)
}

.zhongzhuan .h5 .dv1 .left .tu img {
    width: 100%;
    height: 100%
}

.zhongzhuan .h5 .dv1 .p1 {
    font-weight: 400;
    font-size: 14px;
    color: #06C;
    line-height: 25px
}

.zhongzhuan .h5 .dv1 .p1 .span22 {
    display: inline-block;
    position: relative
}

.zhongzhuan .h5 .dv1 .p1 .span22 .span23 {
    background-color: #E5342A;
    top: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    border-bottom: 0 solid #E5342A;
    height: 1px;
    width: 100%
}

.zhongzhuan .h5 .dv1 .pp1 {
    margin-top: 20px;
    text-align: center
}

.zhongzhuan .h5 .dv1 .pp1 span {
    font-family: 'Arial Normal', Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #E5342A;
    line-height: 36px
}

.zhongzhuan .h5 .dv1 p {
    text-align: left;
    width: 90%;
    margin: 0 auto
}

.zhongzhuan .h5 .dv1 .p3,
.zhongzhuan .h5 .dv2 h5 {
    text-align: center;
    font-family: '苹方 中等', '苹方';
    font-weight: 400;
    font-style: normal
}

.zhongzhuan .h5 .dv1 .p3 {
    color: #333;
    width: 94%;
    line-height: 24px;
    font-size: 12px
}

.zhongzhuan .h5 .dv1 .p3 .span2 {
    color: #169BD5
}

.zhongzhuan .h5 .dv1 .p3 a {
    text-decoration: none;
    color: #E5342A
}

.zhongzhuan .h5 .dv1 .pp {
    margin-top: 8px
}

.zhongzhuan .h5 .dv1 .xuxian {
    width: 93%;
    height: 2px;
    margin: 0 auto
}

.zhongzhuan .h5 .dv1 .xuxian img {
    width: 100%;
    height: 100%
}

.zhongzhuan .h5 .dv2 {
    margin-top: 30px;
    width: 100%
}

.zhongzhuan .h5 .dv2 h5 {
    margin-bottom: 5px;
    color: #06C;
    line-height: 18px;
    font-size: 18px
}

.zhongzhuan .h5 .dv2 .p1,
.zhongzhuan .h5 .dv2 p {
    font-family: '思源黑体 CN';
    font-weight: 400;
    font-style: normal;
    line-height: 25px;
    text-align: center
}

.zhongzhuan .h5 .dv2 .hh5 {
    margin: 20px 0
}

.zhongzhuan .h5 .dv2 p {
    font-size: 14px
}

.zhongzhuan .h5 .dv2 .p1 {
    font-size: 12px;
    color: #333
}

.zhongzhuan .h5 .dv2 .p1 a {
    text-decoration: none;
    color: #E5342A
}

.zhongzhuan .h5 .dv2 .jingji h6,
.zhongzhuan .h5 .dv2 .jingji p {
    color: #06C;
    font-family: 'Arial Normal', Arial;
    font-size: 12px;
    font-weight: 400;
    font-style: normal
}

.zhongzhuan .h5 .dv2 .xiazai {
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px
}

.zhongzhuan .h5 .dv2 .xiazai .tt {
    display: block;
    text-decoration: none;
    position: relative;
    width: 31%;
    height: 100%
}

.zhongzhuan .h5 .dv2 .xiazai .tt img {
    width: 100%;
    height: 100%
}

.zhongzhuan .h5 .dv2 .xiazai .tt div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .2)
}

.zhongzhuan .h5 .dv2 .xiazai .tt:hover div {
    display: none
}

.zhongzhuan .h5 .dv2 .jingji {
    width: 295px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.zhongzhuan .h5 .dv2 .jingji p {
    line-height: 50px
}

.zhongzhuan .h5 .dv2 .jingji h6 {
    line-height: 48px;
    text-align: center
}

.zhongzhuan .h5 .dv2 .jingji h6 span {
    font-family: 'Arial Normal', Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #E5342A;
    line-height: 36px
}

.zhongzhuan .h5 .dv2 .zuixindizhi {
    position: relative;
    margin: 0 auto 10px;
    width: 280px;
    height: 40px
}

.zhongzhuan .h5 .dv2 .zuixindizhi a {
    color: #fff;
    border-radius: 6px;
    background-color: #06c;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px
}

.zhongzhuan .h5 .dv2 .zuixindizhi .tu {
    border: none;
    border-radius: 0 6px 6px 0;
    background: inherit;
    z-index: 10;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(255, 255, 255, .5)
}

.zhongzhuan .h5 .dv2 .ppp {
    margin: 0 auto;
    width: 90%;
    line-height: 20px;
    font-family: '苹方 中等', '苹方';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-align: left
}

.zhongzhuan .h5 .dv2 .xuxian {
    width: 93%;
    height: 2px;
    margin: 0 auto
}

.zhongzhuan .h5 .dv2 .xuxian img {
    width: 100%;
    height: 100%
}

.zhongzhuan .h5 .dv3 {
    width: 100%;
    margin-top: 30px
}

.zhongzhuan .h5 .dv3 h4 {
    font-size: 18px;
    font-family: '苹方 粗体', '苹方 中等', '苹方';
    font-weight: 700;
    font-style: normal;
    color: #06C;
    line-height: 18px;
    text-align: center;
    margin-bottom: 10px
}

.zhongzhuan .h5 .dv3 .p1,
.zhongzhuan .h5 .dv3 .p2 {
    font-family: '苹方 中等', '苹方';
    font-weight: 400;
    font-style: normal
}

.zhongzhuan .h5 .dv3 .p1 {
    line-height: 14px;
    font-size: 14px;
    text-align: center
}

.zhongzhuan .h5 .dv3 .span1 {
    text-align: center;
    display: block;
    font-family: '苹方 粗体', '苹方 中等', '苹方';
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: #E5342A;
    line-height: 25px
}

.zhongzhuan .h5 .dv3 .p2 {
    width: 90%;
    margin: 0 auto;
    color: #06C;
    line-height: 24px;
    font-size: 14px;
    text-align: left
}

.zhongzhuan .h5 .dv3 .p3,
.zhongzhuan .h5 .dv3 .p4 {
    font-family: '苹方 中等', '苹方';
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal
}

.zhongzhuan .h5 .dv3 .p3 {
    width: 90%;
    margin: 10px auto
}

.zhongzhuan .h5 .dv3 .p4 {
    color: #06C;
    text-align: center
}

.zhongzhuan .h5 .dv3 .ttu {
    width: 148px;
    height: 28px;
    margin: 20px auto 30px
}

.zhongzhuan .h5 .dv3 .ttu img {
    width: 100%
}

.zhongzhuan .h5-tang {
    z-index: 9999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8)
}

.zhongzhuan .h5-tang .tupian {
    margin: 50px auto 0;
    width: 90%
}

.zhongzhuan .h5-tang .tupian img {
    width: 100%
}

.zhongzhuan .h5-tang .shanchu {
    position: absolute;
    top: 46px;
    right: 35px;
    width: 30px;
    height: 30px
}

.zhongzhuan .h5-tang .shanchu img {
    width: 100%
}

@media (max-width:769px) {
    .zhongzhuan .dv2 .jingji {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 15px
    }

    .zhongzhuan .dv2 .jingji h6,
    .zhongzhuan .dv2 .jingji p {
        line-height: 0;
        font-size: 15px
    }

    .zhongzhuan .dv2 .jingji h6 span {
        font-size: 20px
    }

    .zhongzhuan .bottomDomainInfo {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 10px;
        margin-bottom: 10%
    }

    .zhongzhuan .bottomDomainInfo .leftContent {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .zhongzhuan .bottomDomainInfo .leftContent .leftTitle {
        -moz-text-align-last: center;
        text-align-last: center
    }

    .zhongzhuan .bottomDomainInfo .leftContent .leftTitle #leftP1 {
        margin: 0
    }

    .zhongzhuan .bottomDomainInfo .leftContent .leftTitle #leftP2 {
        text-indent: 0
    }

    .zhongzhuan .bottomDomainInfo .rightContent {
        border: none;
        padding: 0
    }
}

.infoweb {
    background-color: #fafafa
}

.infoweb .save-code {
    z-index: 9999 !important
}

.infoweb .back-row {
    height: 60px
}

.infoweb .back-row .left-img {
    margin-top: 15px !important
}

.infoweb .back-row .video_feedback {
    background-color: #e9bd2e;
    border-radius: 5px;
    padding: 3px 5px;
    font-size: 12px
}

.infoweb .info_dv {
    display: block
}

.infoweb .info_dv .video_info_dv_center {
    width: 100%
}

.infoweb .info_dv .video_info_dv_center .textlink {
    padding: 10px 0
}

.infoweb .info_dv .video_info_dv_center .textlink .video_title {
    text-align: center;
    font-size: 20px;
    color: #ff9c1d;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.infoweb .info_dv .video_info_dv_center .textlink .article-meta {
    margin-top: 10px;
    text-align: center
}

.infoweb .info_dv .video_info_dv_center .video_info_content {
    width: 100%;
    background-color: #000
}

.infoweb .info_dv .video_info_dv_center .novel_info_content {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.infoweb .info_dv .video_info_dv_center .playholder {
    width: 100%
}

.infoweb .info_dv .video_info_dv_center .playholder .copyaddr {
    width: 96%;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    height: 40px;
    line-height: 40px;
    margin: 10px auto;
    font-size: 14px;
    position: relative
}

.infoweb .info_dv .video_info_dv_center .playholder .copyaddr .copytitle {
    width: 18%;
    text-align: center;
    border-right: 1px solid #d3d3d3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.infoweb .info_dv .video_info_dv_center .playholder .copyaddr .copyurl {
    width: 58%;
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: underline;
    border-right: 1px solid #d3d3d3
}

.infoweb .info_dv .video_info_dv_center .help {
    font-size: 14px;
    margin-left: 7px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infoweb .info_dv .video_info_dv_center .help h4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 40px;
    color: #0086cf
}

.infoweb .info_dv .video_info_dv_center .help .rinseNewVip {
    margin-left: 7px;
    color: #fff;
    background-color: #dd09b3;
    padding: 3px 5px;
    border-radius: 5px
}

.infoweb .info_dv .video_info_dv_center .pannel {
    position: relative;
    margin-top: 5px;
    background: #fff;
    padding: 12px 7px;
    line-height: 25px
}

.infoweb .info_dv .video_info_dv_center .pannel p {
    font-size: 14px;
    color: #0086CF
}

.infoweb .info_dv .video_info_dv_center .pannel p a {
    color: #aaa;
    font-size: 14px
}

.infoweb .info_dv .video_info_dv_center .pannel .download {
    margin-top: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.infoweb .info_dv .video_info_dv_center .pannel .download span {
    background-color: #333;
    font-size: 14px;
    color: #fff;
    border-radius: 7px;
    white-space: nowrap;
    padding: 0 10px;
    min-width: 50px;
    text-align: center;
    height: 35px;
    line-height: 35px
}

.infoweb .info_dv .video_info_dv_center .info-content {
    padding: 10px 7px;
    margin-top: 5px;
    background: #fff
}

.infoweb .info_dv .video_info_dv_center .info-content h3 {
    font-size: 17px;
    font-weight: 700
}

.infoweb .info_dv .video_info_dv_center .info-content .infoList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5px
}

.infoweb .info_dv .video_info_dv_center .info-content .infoList p {
    line-height: 25px;
    margin-right: 10px
}

.infoweb .info_dv .video_info_dv_center .info-content .infoList a,
.infoweb .info_dv .video_info_dv_center .info-content .infoList font,
.infoweb .info_dv .video_info_dv_center .info-content .infoList span {
    font-size: 14px !important
}

.infoweb .info_dv .video_info_dv_center .info-content .infoList a {
    color: #0086cf
}

.infoweb .info_dv .video_info_dv_center .info-content .infoList span {
    color: #333
}

.infoweb .info_dv .video_info_dv_center .info-content .down-row {
    margin: 10px 0 0
}

.infoweb .info_dv .video_info_dv_center .info-content .down-row .exceed-hide {
    height: 40px;
    overflow: hidden
}

.infoweb .info_dv .video_info_dv_center .info-content .video_tags_list a {
    color: #0086cf;
    border: 1px solid #0086cf;
    margin: 5px;
    padding: 5px;
    font-size: 14px;
    display: inline-block
}

.infoweb .info_dv .video_info_dv_center .info-content .video_tags_list a:focus,
.infoweb .info_dv .video_info_dv_center .info-content .video_tags_list a:hover,
.infoweb .info_dv .video_info_dv_center .info-content .video_tags_list a:link {
    text-decoration: none
}

.infoweb .info_dv .video_info_dv_center .moreLine {
    height: 40px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.infoweb .info_dv .video_info_dv_center .moreLine .show-more-btn {
    padding: 0 5px 0 7px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infoweb .info_dv .video_info_dv_center .moreLine .lineSpan {
    height: 1px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #ccc
}

.infoweb .info_dv .video_info_dv_center .moreLine #toggle_text {
    color: red;
    font-size: 14px
}

.infoweb .info_dv .video_info_dv_center .moreLine .dropd {
    margin-left: 10px;
    line-height: 40px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid red
}

.infoweb .info_dv .video_info_dv_center .moreLine .san-char {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.infoweb .info_dv .video_info_dv_center .footer-tags .widget_tag_cloud {
    border: none
}

.infoweb .info_dv .video_info_dv_center .videoinfo-tags .widget_tag_cloud {
    color: #CCC;
    font-size: 12px
}

.infoweb .info_dv .video_info_dv_center .videoinfo-tags .tags-box li {
    background: 0 0
}

.infoweb .info_dv .video_info_dv_center .videoinfo-tags .tags-box li a {
    background: 0 0;
    border: 1px solid #f90;
    padding: 0 5px;
    border-radius: 15px;
    color: #f90;
    font-size: 16px
}

.infoweb .info_dv .road-down .road-down-content .down-help {
    padding: 10px 0
}

.infoweb .info_dv .road-down .road-down-content .down-help img {
    display: inline-block;
    margin: 10px 10px 0;
    width: 190px
}

.infoweb .info_dv .road-down .road-down-content .down-list .left {
    display: inline-block;
    width: 69%
}

.infoweb .info_dv .road-down .road-down-content .down-list .left input {
    -webkit-appearance: none;
    background-color: #ccc;
    border: none;
    height: 35px;
    margin: 0 0 0 8px;
    outline: 0;
    padding-left: 5px;
    width: 95%
}

.infoweb .info_dv .road-down .road-down-content .down-list .right {
    width: 30%;
    height: 35px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.infoweb .info_dv .road-down .road-down-content .down-list .right a {
    width: 47%
}

.infoweb .info_dv .road-down .road-down-content .down-list .right a img {
    display: inline-block;
    width: 100%;
    height: 100%
}

@media screen and (max-width:960px) {
    .infoweb .info_dv .road-down .road-down-content .down-help {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .infoweb .info_dv .road-down .road-down-content .down-help .down-help-item {
        width: 33%
    }

    .infoweb .info_dv .road-down .road-down-content .down-help img {
        margin: 5px 5px 0;
        vertical-align: middle;
        width: 90%
    }

    .infoweb .info_dv .road-down .road-down-content .down-list .right {
        width: 40%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .infoweb .info_dv .road-down .road-down-content .down-list .right a {
        width: 47%
    }

    .infoweb .info_dv .road-down .road-down-content .down-list .right a img {
        display: inline-block
    }

    .infoweb .info_dv .road-down .road-down-content .down-list .left {
        display: inline-block;
        width: 57%
    }

    .infoweb .info_dv .road-down .road-down-content .down-list .left input {
        -webkit-appearance: none;
        background-color: #ccc;
        border: none;
        margin: 0 0 0 8px;
        outline: 0;
        padding-left: 5px;
        width: 95%
    }
}

.infoweb .info_dv .share-content {
    padding: 0 10px
}

.infoweb .info_dv .share-content div {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.infoweb .info_dv .share-content .share-con {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 0
}

.infoweb .info_dv .share-content .share-con .share-fun {
    background: 0 0;
    border: 1px solid #d1d1d1;
    border-radius: 30px;
    min-width: 310px;
    width: 54%
}

.infoweb .info_dv .share-content .share-con .share-fun .copy_btn {
    cursor: pointer
}

.infoweb .info_dv .share-content .share-con .share-fun button {
    background: #d7d7d7;
    border: 0;
    border-radius: 30px;
    color: #383838;
    height: 37px;
    line-height: 37px;
    padding: 0 10px
}

.infoweb .info_dv .share-content .share-con .share-fun span {
    border-right: 1px solid;
    color: #383838;
    margin: 5px 10px;
    padding-right: 10px
}

.infoweb .info_dv .share-content .share-con .share-fun span:last-child {
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px
}

.infoweb .info_dv .share-content .share-con .share-fun button,
.infoweb .info_dv .share-content .share-con .share-fun span {
    display: inline-block;
    font-size: 12px
}

.infoweb .info_dv .share-content .share-con .share-fun div {
    color: #5a5654;
    height: 36px;
    line-height: 36px;
    padding: 0 4px;
    text-align: center
}

.infoweb .info_dv .share-content .share-con .share-fun #share_input_content {
    width: 50%
}

.infoweb .info_dv .share-content .share-con .share-list {
    margin: 20px 0;
    min-width: 310px;
    width: 33vw
}

.infoweb .info_dv .share-content .share-con .share-list .item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none
}

.infoweb .info_dv .share-content .share-con .share-list .item img {
    margin-bottom: 5px;
    width: 50px
}

.infoweb .info_dv .share-content .share-con .share-list .item span {
    color: #5a5654;
    font-size: 12px
}

.infoweb .info_dv .share-content .share-con .share-list .item .vip-pra {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffefb8), to(#d3be91));
    background: linear-gradient(180deg, #ffefb8, #d3be91);
    border-radius: 50px;
    height: 50px;
    width: 50px;
    margin-bottom: 5px
}

.infoweb .info_dv .share-content .share-con .share-list .item .vip-pra img {
    width: 40px;
    height: 40;
    padding: 5px 0 0 5px
}

.infoweb .info_dv .share-content .share-con .share-logo img {
    width: 100px
}

.infoweb .info_dv .share-con #link-website-qrcode canvas {
    display: none
}

@media screen and (max-width:960px) {
    .infoweb .info_dv .share-con {
        padding: 5px 0
    }

    .infoweb .info_dv .share-con .share-list {
        width: 90%
    }

    .infoweb .info_dv .share-con .share-fun {
        width: 100% !important
    }

    .infoweb .info_dv .share-con .share-fun span {
        font-size: 14px;
        padding: 0 8px
    }
}

.infoweb #err-form-zd {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    z-index: 99999
}

.infoweb .err-form {
    width: 310px;
    padding: 0;
    font-size: 14px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 18px
}

.infoweb .err-form .top_img p {
    position: absolute;
    top: 25px;
    left: 32px;
    font-size: 40px;
    color: #fff;
    font-weight: 700
}

.infoweb .err-form .top_img img {
    width: 100%
}

.infoweb .err-form dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    height: 40px;
    padding: 0 10px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infoweb .err-form dl dd,
.infoweb .err-form dl dd .err-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.infoweb .err-form dl dt {
    padding-top: 3px;
    text-align: left !important;
    width: 65px !important;
    color: #666
}

.infoweb .err-form dl dd {
    width: 220px;
    height: 44px;
    line-height: 20px;
    float: left
}

.infoweb .err-form dl dd .err-name {
    color: #e8431f;
    width: 100%;
    height: 100%
}

.infoweb .err-form dl dd .err-select,
.infoweb .err-form dl dd input.err-input {
    border: 1px solid #bbb;
    height: 36px;
    width: 210px;
    margin-top: 2px
}

.infoweb .err-form dl dd input.err-input {
    text-indent: .5em
}

.infoweb .err-form dl dd .save-button {
    padding: 5px 10px;
    border-radius: 5px;
    background: #00bfff;
    color: #FFF3E9
}

.vip-open-card .price-item {
    margin: 7.5px 0 !important
}

@media only screen and (min-width:528px) {
    .infoweb .help h4 {
        font-size: 16px !important
    }
}

@media only screen and (min-width:960px) {
    .video_info_content {
        height: 470px !important;
        width: 76% !important
    }
}

@media only screen and (min-width:1050px) {
    .video-info {
        display: block
    }

    .video_info_content {
        height: 475px !important;
        width: 76% !important
    }

    .vip-open-card .price-item {
        margin: 15px 0 !important
    }

    .vip-open-card .price-item-zs {
        min-height: 180px !important
    }

    .infoweb .info_dv {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .infoweb .info_dv .info-content span {
        color: #777;
        font-size: 20px !important
    }

    .infoweb .pannel .download span {
        font-size: 16px !important;
        margin-right: 10px;
        padding: 10px;
        width: 22%
    }

    .infoweb .vip-price-list {
        padding: 0 !important;
        margin-top: 0 !important
    }

    .infoweb .back-row {
        height: 80px !important
    }

    .infoweb .back-row .left-img {
        margin-top: 26px !important
    }
}

@media only screen and (max-width:960px) {
    .video-action {
        display: block
    }

    .infoweb .download {
        margin-top: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .infoweb .info_dv .video_info_dv_center .video-action .lul-left {
        margin-left: 0
    }

    .infoweb .info_dv .video_info_dv_center .video-action .lul-left li {
        margin-right: 0
    }

    .infoweb .info_dv .video_info_dv_center .video-action .fuzhi {
        width: 100%
    }

    .downUrl {
        margin-top: 10px;
        display: block !important
    }

    .downUrl a {
        color: #000
    }

    .infoweb .info_dv .video_info_dv_center .textlink .video_title {
        font-size: 14px
    }

    .down-list .row {
        margin-bottom: 10px
    }

    .down-list .row .left {
        margin-right: 3px
    }

    .video_info_dv_center_bg0 .vip-info {
        display: none;
        width: 263px
    }

    .video_info_dv_center_bg0 .vip-info .vip-price-list .price-item-zs {
        width: 273px
    }
}

@media screen and (max-width:960px) and (orientation:landscape) {
    .infoweb .video_info_content {
        height: 470px !important
    }

    .infoweb .download span {
        width: 20% !important;
        text-align: center
    }

    .infoweb .line-ul .line-li {
        width: 17% !important
    }
}

@media screen and (orientation:landscape) {
    .line-ul .line-sy {
        width: 99% !important
    }
}

@media screen and (max-width:850px) and (orientation:landscape) {
    .infoweb .video_info_content {
        height: 475px !important
    }
}

@media screen and (max-width:800px) and (orientation:landscape) {
    .infoweb .video_info_content {
        height: 460px !important
    }
}

@media screen and (max-width:750px) and (orientation:landscape) {
    .infoweb .video_info_content {
        height: 425px !important
    }
}

@media screen and (max-width:700px) and (orientation:landscape) {
    .infoweb .video_info_content {
        height: 385px !important
    }
}

@media screen and (max-width:650px) and (orientation:landscape) {
    .infoweb .video_info_content {
        height: 365px !important
    }
}

@media screen and (max-width:600px) and (orientation:landscape) {
    .infoweb .video_info_content {
        height: 325px !important
    }
}

@media screen and (max-width:550px) and (orientation:landscape) {
    .infoweb .video_info_content {
        height: 300px !important
    }
}

@media screen and (min-width:830px) {
    .video_info_content {
        height: 470px
    }
}

@media screen and (max-width:850px) {
    .video_info_content {
        height: 470px
    }
}

@media screen and (max-width:750px) {
    .video_info_content {
        height: 420px
    }
}

@media screen and (max-width:700px) {
    .video_info_content {
        height: 370px
    }
}

@media screen and (max-width:650px) {
    .video_info_content {
        height: 360px
    }
}

@media screen and (max-width:600px) {
    .video_info_content {
        height: 320px
    }
}

@media screen and (max-width:550px) {
    .video_info_content {
        height: 290px
    }
}

@media screen and (max-width:500px) {
    .video_info_content {
        height: 240px
    }
}

.video_li {
    margin-bottom: 10px;
    width: 49%;
    overflow: hidden;
    padding: 0 0 5px
}

.video_li a .cover_dv,
.video_li a .cover_dv img {
    width: 100%;
    position: relative
}

.video_li a {
    display: block
}

.video_li a .cover_dv img {
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    opacity: 1;
    border-radius: 6px;
    object-fit: cover;

}

.video_li a .cover_dv span {
    position: absolute;
    bottom: 4px;
    width: auto;
    height: 20px;
    overflow: hidden;
    font-size: 12px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#00000000", endColorstr="#ff000000");
    background-color: rgba(0, 0, 0, .4);
    padding: 2px 6px;
    border-radius: 2px
}

.video_li a .cover_dv .upload-time {
    left: 2px
}

.video_li a .cover_dv .play-time {
    right: 2px;
    color: #fff
}

.video_li a .cover_dv .text-bg-r {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
    background-repeat: no-repeat;
    border-radius: 0 0 5px 5px;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 13px;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-align: right;
    z-index: 3
}

.video_li a .cover_dv .type_vip {
    background: #dab572;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 5px;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 99;
    color: #333
}

.video_li a .cover_dv i {
    position: absolute;
    left: 5px
}

.video_li a .cover_dv .icon-dianji-shouzhi {
    top: 5px;
    font-size: 12px;
    color: #000
}

.video_li a .cover_dv .score {
    width: 35px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #faa61a;
    background: rgba(0, 0, 0, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
    opacity: 1;
    border-radius: 3px;
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 14px;
    font-weight: 700;
    z-index: 16;
    display: none
}

.video_li a h3 {
    color: #333;
    overflow: hidden;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.video_li a h3:hover {
    background-color: #CCC;
    outline: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.video_li a .videoBox-actor {
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    margin: 0;
    overflow: hidden;
    height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video_li a .videoBox-actor .title i {
    display: block;
    font-size: 20px
}

.video_li a .videoBox-actor .title em {
    display: block;
    line-height: 20px
}

.homepage .video_li .upload-time {
    background-color: rgba(0, 0, 0, .0001)
}

.homepage .video_li .play-time {
    display: none
}

.homepage .video_li .score {
    display: block !important
}

@media only screen and (min-width:960px) {

    #movie_ul_vip,
    .movie_ul_1 {
        display: grid;
        grid-gap: 10px
    }

    .movie_ul_1 {
        grid-template-columns: repeat(5, 1fr)
    }

    .movie_ul_1 .video_li {
        width: 100% !important;
        margin-bottom: 10px;
        padding: 0 0 5px
    }

    #movie_ul_vip {
        grid-template-columns: repeat(3, 1fr)
    }

    #movie_ul_vip .video_li {
        width: 100% !important
    }

    .movie_ul_new_swiper .video_li .cover_dv {
        height: 350px
    }

    .movie_ul_new_swiper .video_li .cover_dv img {
        max-height: 408px
    }

    .movie_ul_new_swiper .video_li h3 {
        font-size: 16px !important;
        width: 100%;
        left: 0
    }

    .movie_ul_1 .video_li a .cover_dv {
        width: 100%;
        height: 100%
    }

    
    .movie_ul_1 .video_li a .homeImg {
        width: 100%;
        height: 350px
    }

    .movie_ul_1 .video_li a .cover_dv img {
        height: 100% 
    }

    .movie_ul_1 .video_li h3 {
        font-size: 16px !important
    }
}

.vip-card .vip-card-content,
.vip-card .vip-privilege-gird .vip-privilege-gird-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal
}

@media only screen and (max-width:960px) {
    .movie_ul_1 .video_li {
        width: 49% !important
    }

    .movie_ul_1 .video_li a .cover_dv,
    .video_li a .cover_dv {
        width: 100%
    }

    .video_li {
        margin-bottom: 10px;
        padding: 0 0 5px
    }

    .video_li h3 {
        font-size: 14px !important
    }
}

@media screen and (max-width:960px) and (orientation:landscape) {
    .movie_ul_1 .video_li {
        width: 49.3% !important
    }

    .movie_ul_1 .video_li a .cover_dv {
        width: 100%
    }
}

.vip-card,
.vip-card .vip-card-bg {
    height: 100%;
    width: 100%
}

.vip-card {
    position: relative
}

.vip-card .vip-timeout {
    background: #fff;
    border-radius: 23px;
    color: #bf8f6a;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    width: 90%
}

.vip-card .vip-card-content {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    z-index: 3;
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.vip-card .vip-privilege-gird {
    margin: 15px 0 10px;
    display: grid;
    grid-template-columns: 50% 50%;
    row-gap: 10px;
    width: 100%
}

.vip-card .vip-privilege-gird .vip-privilege-gird-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.vip-card .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-img {
    height: 50px;
    width: 50px
}

.vip-card .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-text {
    color: #fbf2e0;
    font-size: 12px;
    margin: 4px 8px
}

.vip-card .vip-card-footer {
    position: absolute;
    width: 100%;
    bottom: 3%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.vip-card .vip-card-footer a {
    border-radius: 20px;
    font-size: 12px;
    padding: 7px 16px
}

.vip-card .vip-card-footer .btn-getvip {
    background: #ffb35b;
    color: #fff;
    border: 1px solid #ffb35b
}

.vip-card .vip-card-footer .btn-chat {
    background: #f0e1d0;
    color: #7f532e
}

.vip-open-card {
    width: 23%
}

@media screen and (orientation:landscape) {
    .vip-card .vip-privilege-gird .vip-privilege-gird-item i {
        font-size: 25px;
        color: #f5e4c4
    }
}

@media screen and (max-width:500px) {
    .vip-card .vip-privilege-gird .vip-privilege-gird-item i {
        font-size: 40px;
        color: #f5e4c4
    }
}

@media screen and (min-width:960px) {
    .vip-card .vip-privilege-gird .vip-privilege-gird-item i {
        font-size: 40px;
        color: #f5e4c4
    }
}

@media screen and (min-width:1200px) {
    .vip-card .vip-privilege-gird .vip-privilege-gird-item i {
        font-size: 50px;
        color: #f5e4c4
    }
}

.vip-price-list,
.vip-price-or-bind-phone,
.vip-price-or-list {
    margin-top: 10px;
    padding: 0 10px
}

.vip-price-list .price-item,
.vip-price-or-bind-phone .price-item,
.vip-price-or-list .price-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f4dfc2;
    border-radius: 6px;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 63px;
    margin: 10px 0;
    padding: 5px 15px 5px 10px
}

.vip-price-list .price-item .left,
.vip-price-or-bind-phone .price-item .left,
.vip-price-or-list .price-item .left {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vip-price-list .price-item .left .vip-block-icon,
.vip-price-or-bind-phone .price-item .left .vip-block-icon,
.vip-price-or-list .price-item .left .vip-block-icon {
    width: 30px;
    height: 25px;
    margin-right: 10px
}

.vip-price-list .price-item .left .vp_best_describe,
.vip-price-or-bind-phone .price-item .left .vp_best_describe,
.vip-price-or-list .price-item .left .vp_best_describe {
    color: #fff;
    background: #f73154;
    border-radius: 30px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 12px
}

.vip-price-list .price-item .left .name,
.vip-price-or-bind-phone .price-item .left .name,
.vip-price-or-list .price-item .left .name {
    font-size: 16px;
    font-weight: 700;
    padding-top: 5px
}

.vip-price-list .price-item .left .name img,
.vip-price-or-bind-phone .price-item .left .name img,
.vip-price-or-list .price-item .left .name img {
    display: inline-block;
    width: 50px
}

.vip-price-list .price-item .left .name img:first-child,
.vip-price-or-bind-phone .price-item .left .name img:first-child,
.vip-price-or-list .price-item .left .name img:first-child {
    margin-right: 5px
}

.vip-price-list .price-item .left .old-price,
.vip-price-or-bind-phone .price-item .left .old-price,
.vip-price-or-list .price-item .left .old-price {
    color: #666;
    font-size: 12px
}

.vip-price-list .price-item .right,
.vip-price-or-bind-phone .price-item .right,
.vip-price-or-list .price-item .right {
    text-align: right
}

.vip-price-list .price-item .right .price,
.vip-price-or-bind-phone .price-item .right .price,
.vip-price-or-list .price-item .right .price {
    color: #e32647;
    font-size: 20px;
    font-weight: 700
}

.vip-price-list .price-item .right p,
.vip-price-or-bind-phone .price-item .right p,
.vip-price-or-list .price-item .right p {
    padding: 5px 0 0;
    margin: 0
}

.vip-price-list .price-item .right p img,
.vip-price-or-bind-phone .price-item .right p img,
.vip-price-or-list .price-item .right p img {
    width: 100px
}

.vip-price-list .price-item.active,
.vip-price-list .price-item:hover,
.vip-price-or-bind-phone .price-item.active,
.vip-price-or-bind-phone .price-item:hover,
.vip-price-or-list .price-item.active,
.vip-price-or-list .price-item:hover {
    background: #f3ba69
}

.vip-price-list .price-item-zs,
.vip-price-or-bind-phone .price-item-zs,
.vip-price-or-list .price-item-zs {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    display: block;
    min-height: 180px;
    padding: 15px 0;
    text-align: center
}

.vip-price-list .price-item-zs span,
.vip-price-or-bind-phone .price-item-zs span,
.vip-price-or-list .price-item-zs span {
    color: #fff
}

.vip-price-list .price-item-zs .name,
.vip-price-list .price-item-zs .time,
.vip-price-or-bind-phone .price-item-zs .name,
.vip-price-or-bind-phone .price-item-zs .time,
.vip-price-or-list .price-item-zs .name,
.vip-price-or-list .price-item-zs .time {
    color: #c49470;
    font-size: 24px;
    font-weight: 700;
    line-height: 45px
}

.vip-price-list .price-item-zs .buy,
.vip-price-or-bind-phone .price-item-zs .buy,
.vip-price-or-list .price-item-zs .buy {
    background: #eda64e;
    border-radius: 20px;
    color: #fff;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    max-width: 300px
}

.vip-price-list .price-item-zs .buy .price,
.vip-price-or-bind-phone .price-item-zs .buy .price,
.vip-price-or-list .price-item-zs .buy .price {
    display: inline-block;
    font-size: 18px;
    font-weight: 700
}

.vip-price-list .price-item-zs .buy .old-price,
.vip-price-or-bind-phone .price-item-zs .buy .old-price,
.vip-price-or-list .price-item-zs .buy .old-price {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    text-decoration: line-through
}

.vip-price-list .price-item-zs button,
.vip-price-or-bind-phone .price-item-zs button,
.vip-price-or-list .price-item-zs button {
    background: #7b4a28;
    padding: 0 25px;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    margin-top: 10px;
    height: 32px;
    line-height: 32px
}

@media only screen and (min-width:960px) {
    .vip-open-card {
        width: 23%;
        height: 500px;
        overflow-y: auto
    }

    .vip-price-list .price-item {
        padding: 5px
    }

    .vip-price-list .price-item .left .vip-block-icon {
        width: 20px;
        height: 20px;
        margin-right: 5px
    }

    .vip-price-list .price-item .left .name {
        font-size: 12px
    }

    .vip-price-list .VipPackage_li_footer .left .vip-block-icon {
        height: 20px
    }
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background-color: #888
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.buy-web {
    background-color: #fafafa
}

.Problemfeedback {
    position: fixed;
    height: 45px;
    width: 110px;
    right: 0;
    bottom: 8%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background: #333;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    z-index: 999
}

.Problemfeedback img {
    height: 100%;
    width: 100%;
    display: block
}

.Problemfeedback p {
    color: #ed1c24
}

.bill-web {
    background-color: #fafafa
}

.bill-web .user-bill {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bill-web .user-bill .bill-list .month {
    padding: 10px 15px;
    background: #cfcdec;
    color: #fff
}

.bill-web .user-bill .bill-list .detail-list {
    background: #fff;
    color: gray;
    font-size: 14px;
    margin-top: 10px
}

.bill-web .user-bill .bill-list .detail-list .row {
    border-bottom: 1px solid #dcdcdc;
    padding: 10px;
    width: auto;
    display: block;
    margin-bottom: 10px;
    overflow: hidden
}

.bill-web .user-bill .bill-list .detail-list .col {
    float: left;
    line-height: 60px
}

.bill-web .user-bill .bill-list .detail-list .col p {
    line-height: 20px;
    padding: 5px 0
}

.bill-web .user-bill .bill-list .detail-list .col .price {
    font-size: 18px;
    font-weight: 600
}

.bill-web .user-bill .bill-list .detail-list .text-right {
    text-align: right;
    width: 30%
}

.bill-web .user-bill .bill-list .detail-list .text-left {
    width: 70%
}

.bill-web .user-bill .bill-list .load-morn {
    text-align: center;
    color: #00bfff
}

@media only screen and (min-width:960px) {
    .bill-web .bill-item .month {
        font-size: 18px
    }

    .bill-web .col p,
    .bill-web .col p span {
        font-size: 16px
    }

    .Problemfeedback {
        bottom: 70%;
        width: 111px
    }
}

@media only screen and (max-width:960px) {
    .bill-web .head_nav_logo {
        display: none
    }
}

.charge-web .user-charge .pay-content {
    background-color: #f5f5f5;
    padding: 0 15px
}

.charge-web .user-charge .pay-content .pay-list img {
    vertical-align: middle;
    width: 32px
}

.charge-web .user-charge .pay-content .pay-list span {
    vertical-align: middle
}

.charge-web .user-charge .pay-content .pay-list .pay-type {
    background: #fff;
    margin: 10px 0;
    padding: 10px
}

.charge-web .user-charge .pay-content .pay-list .pay-type.active {
    background: #dedfe3
}

.charge-web .user-charge .pay-content .pay-list .pay {
    position: relative
}

.charge-web .bgf .title {
    border-bottom: 1px solid #dfdfdf;
    color: #333;
    font-size: 14px;
    padding: 10px 0;
    width: 100%
}

.charge-web .pay-type-box {
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.charge-web .pay-type-box .pay-type-item {
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 8px 0;
    position: relative;
    text-align: center;
    width: 31%
}

.charge-web .pay-type-box .pay-type-item .item-thumb {
    height: 33px;
    width: 30px
}

.charge-web .pay-type-box .pay-type-item .item-name {
    color: #666;
    font-size: 12px
}

.charge-web .pay-type-box::after {
    content: "";
    height: 0;
    width: 31%
}

.charge-web .selected {
    border: 1px solid #d2bda2
}

.charge-web .selected .selected-color {
    color: #d2bda2
}

.charge-web .selected .selected-show {
    display: block
}

.charge-web .left-right {
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
    width: 20px
}

.charge-web .bgf {
    background: #fff;
    margin: 10px 0;
    padding: 10px
}

.charge-web .bgf .flex-box .flex-box-left {
    text-align: left;
    width: 30%
}

.charge-web .bgf .flex-box .flex-box-right {
    text-align: right;
    width: 70%
}

.charge-web .bgf .flex-box .pay_amount {
    font-size: 18px;
    font-weight: 700
}

.charge-web .bgf .tip {
    background: #f1f2f4;
    color: red;
    font-size: 14px;
    line-height: 25px;
    padding: 15px
}

.charge-web .bgf p {
    margin: 10px 0
}

.charge-web .pay-btn {
    background-color: #d2bda2;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 20px auto 0;
    text-align: center;
    width: 90%
}

.charge-web .msg-com-dialog .go-pay {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.charge-web .msg-com-dialog .go-pay a {
    width: 38%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb26f), to(#ff8d2b));
    background: linear-gradient(180deg, #ffb26f, #ff8d2b);
    color: #fff;
    font-size: 17px;
    padding: 7px;
    border-radius: 8px;
    margin-top: 20px
}

@media only screen and (min-width:960px) {
    .charge-web .kong_id {
        display: block !important
    }

    .charge-web .buy {
        padding: 10px 0 !important
    }

    .charge-web .buy .price {
        font-size: 20px !important
    }

    .charge-web .usdt-help p {
        font-size: 16px
    }

    .charge-web .pay-type-item {
        margin-right: 10px;
        width: 100px !important
    }
}

@media only screen and (max-width:960px) {
    .charge-web .head_nav_logo {
        display: none
    }

    .charge-web #footer,
    .charge-web .kong_id {
        display: none !important
    }

    .charge-web .pay-type-box {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.info-web .user-center-bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    position: relative;
    width: 100%
}

.info-web .user-center-bg .back-tool {
    left: 10px;
    position: absolute;
    top: 20px
}

.info-web .user-center-bg .back-tool i {
    font-size: 18px
}

.info-web .user-center-bg .another_level_vip1 {
    color: #9d8b70;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 300px
}

.info-web .user-center-bg .user-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.info-web .user-center-bg .user-content .float {
    background: #f4dfc2;
    border-radius: 20px 0 0 20px;
    padding: 5px 10px !important;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 999;
    width: 70px
}

.info-web .user-center-bg .user-content .float p {
    color: #90684c
}

.info-web .user-center-bg .user-content .left {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 80px
}

.info-web .user-center-bg .user-content .left img {
    margin: 10px;
    max-width: 60px
}

.info-web .user-center-bg .user-content .right {
    display: inline-block;
    vertical-align: middle
}

.info-web .user-center-bg .user-content .right .user-name {
    word-wrap: break-word;
    word-break: break-all
}

.info-web .user-center-bg .user-content .right .user-name span {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0
}

.info-web .user-center-bg .user-content .right .user-name img {
    display: inline-block;
    vertical-align: initial;
    width: 20px
}

.info-web .user-center-bg .user-content .right p {
    color: #90684c;
    margin: 0
}

.info-web .user-center-bg .user-content .right p span {
    color: #90684c;
    margin-left: 3px
}

.info-web .user-center-bg .user-content .right p .bin-phone-tip {
    display: inline-block;
    line-height: 50px;
    width: 50px
}

.info-web .user-center-list {
    margin: -90px auto 50px;
    position: relative;
    width: 100%
}

.info-web .user-center-list .user-vip-box {
    background: #fef7f1;
    border-radius: 10px;
    margin: 15px 10px;
    padding: 15px 5px
}

.info-web .user-center-list .user-vip-box .row {
    margin-bottom: 0;
    text-align: center
}

.info-web .user-center-list .user-vip-box .row .zs-title {
    color: #90684c;
    font-weight: 700
}

.info-web .user-center-list .user-vip-box .row p {
    color: #90684c;
    font-size: 12px;
    line-height: 25px
}

.info-web .user-center-list .user-vip-box .row .old-price {
    color: #888;
    margin-left: 15px
}

.info-web .user-center-list .user-vip-box .row .new-price {
    background: #eda64e;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    line-height: 25px;
    margin-left: 15px;
    padding: 0 0 0 10px;
    text-align: center
}

.info-web .user-center-list .user-vip-box .row .new-price p {
    color: #fff;
    display: inline-block;
    margin: 0
}

.info-web .user-center-list .user-vip-box .row .new-price p a {
    color: #fff
}

.info-web .user-center-list .user-vip-box .row .new-price p:last-child {
    background: #5e4e3e;
    border-radius: 20px;
    float: right;
    line-height: 24px;
    padding: 0 10px;
    color: #fff
}

.info-web .user-center-list .user-vip-box .level-vip {
    width: 100%
}

.info-web .user-center-list .user-vip-box .level-vip .yongjiu-img {
    position: absolute;
    right: 23px;
    top: 0;
    width: 30px
}

.info-web .user-center-list .user-vip-box .vip-features {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.info-web .user-center-list .user-vip-box .vip-features .feature-item {
    color: #9d8b70;
    display: inline-block;
    -webkit-box-flex: inherit;
    -moz-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    text-align: center;
    vertical-align: text-top
}

.info-web .user-center-list .user-vip-box .vip-features .feature-item i {
    color: #d5ac62d4
}

.info-web .user-center-list .user-vip-box .vip-features .feature-item div {
    margin-top: 7px
}

.info-web .user-center-list .user-vip-box .vip-features .feature-item p {
    font-size: 12px
}

.info-web .user-center-list .user-vip-link {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 10px;
    padding: 10px 15px 30px
}

.info-web .user-center-list .user-vip-link .list-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #faf0f0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 50px
}

.info-web .user-center-list .user-vip-link .list-item .name {
    color: #000;
    font-size: 15px;
    text-align: left;
    width: 45%
}

.info-web .user-center-list .user-vip-link .list-item .right {
    color: #666;
    font-size: 14px;
    text-align: right;
    width: 55%
}

@media only screen and (min-width:960px) {
    .info-web .kong_id {
        display: block !important
    }

    .info-web .another_level_vip1 {
        display: block
    }

    .info-web .another_level_vip {
        display: none !important
    }

    .info-web .back-tool i {
        width: 25px !important;
        font-size: 24px !important
    }

    .info-web .user-content {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .info-web .user-content .left {
        width: 100px
    }

    .info-web .user-content .left img {
        margin: 25px !important;
        max-width: 80px !important
    }

    .info-web .user-content .right {
        margin-left: 50px
    }

    .info-web .user-content .right .user-name span {
        font-size: 23px !important;
        margin: 15px 0 !important
    }

    .info-web .user-content .right .user-name img {
        width: 25px !important
    }

    .info-web .user-content .right p,
    .info-web .user-content .right p span {
        font-size: 17px !important
    }

    .info-web .user-content .right p .bin-phone-tip {
        width: 80px !important
    }

    .info-web .user-vip-box .vip-features {
        gap: 20px
    }

    .info-web .user-vip-box .new_price_p1 {
        margin-right: 180px
    }

    .info-web .user-vip-box .new_price_p2 a,
    .info-web .user-vip-box .old-price,
    .info-web .user-vip-box .old-price .old_cost {
        font-size: 15px !important
    }

    .info-web .user-vip-box .zs-title {
        font-size: 16px
    }

    .info-web .user-vip-box p:last-child {
        line-height: 23px !important
    }
}

@media only screen and (max-width:960px) {

    .info-web #footer,
    .info-web #header,
    .info-web .another_level_vip1,
    .info-web .kong_id {
        display: none !important
    }

    .info-web .another_level_vip {
        display: block
    }

    .info-web .user-center-bg {
        height: 170px
    }

    .info-web .new_price_p1 {
        margin-right: 75px
    }

    .info-web .user-center .user-content {
        right: 0;
        position: absolute;
        top: 0;
        -webkit-transform: none;
        transform: none;
        width: 90%
    }
}

@media screen and (orientation:landscape) {
    .info-web .user-center-list .vip-features i {
        font-size: 45px;
        color: #f5e4c4
    }
}

@media screen and (max-width:500px) {
    .info-web .user-center-list .vip-features {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .info-web .user-center-list .vip-features i {
        font-size: 40px;
        color: #f5e4c4
    }
}

@media screen and (min-width:501px) {
    .info-web .user-center-list .vip-features .feature-item {
        padding: 0 6px
    }

    .info-web .user-center-list .vip-features i {
        font-size: 45px;
        color: #f5e4c4
    }
}

@media screen and (min-width:1200px) {
    .info-web .user-center-list .vip-features .feature-item {
        padding: 0 8px
    }

    .info-web .user-center-list .vip-features i {
        font-size: 53px;
        color: #f5e4c4
    }
}

.login-h5-top {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    height: 200px;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.login-h5-top .img-portal-content {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.login-h5-top .img-portal-content .logo {
    width: 180px
}

.login-h5-top .img-portal-content .text {
    color: #fff;
    font-size: 18px;
    margin-top: 10px
}

.login-h5-top .back-home {
    position: absolute;
    right: 0;
    top: 10px;
    width: 100px;
    z-index: 2
}

.login-h5-top .back-home img {
    background: 100%;
    height: 34px;
    width: 100px
}

.login-h5-top .back-home span {
    color: #fff;
    left: 65%;
    position: absolute;
    top: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 65px
}

.login-h5-top .img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.login-pc-right {
    height: 100%;
    max-width: 949px;
    position: relative
}

.login-pc-right .img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: start;
    object-position: start;
    width: 100%
}

.login-pc-right .logo {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px
}

.login-pc-right .back-home {
    left: 0;
    position: absolute;
    top: 30px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 150px;
    height: 40px;
    z-index: 2
}

.login-pc-right .back-home img {
    height: 100%;
    width: 100%
}

.login-pc-right img {
    background: 100%
}

.login-pc-right span {
    color: #fff;
    left: 40%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    width: 100%;
    font-size: 18px
}

.login-pc-right .txt,
.login-pc-right a {
    font-size: 20px;
    color: #fff
}

.login-pc-right .txt {
    bottom: 101px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.pop-up-notification .default-dialog {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11000
}

.pop-up-notification .dialog-body {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 1px 2px 3px #333;
    box-shadow: 1px 2px 3px #333;
    color: #fff;
    font-size: 1.2rem;
    left: 50%;
    line-height: 1.5;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateZ(0) scale(1.185);
    transform: translateZ(0) scale(1.185);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%
}

.pop-up-notification .dialog-body .dialog-content {
    color: #333
}

.pop-up-notification .dialog-body .dialog-content .gold {
    margin: 20px;
    width: 50px
}

.pop-up-notification .dialog-body .dialog-content .renewal {
    border: none;
    border-radius: 10px;
    display: block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 20px auto 0;
    text-align: center;
    width: 200px;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb26f), to(#ff8d2b));
    background: linear-gradient(180deg, #ffb26f, #ff8d2b)
}

.pop-up-notification .dialog-body .dialog-content .tip {
    font-size: 18px;
    margin-top: 20px;
    text-align: center
}

.pop-up-notification .dialog-body .dialog-content .tip2 {
    color: #333;
    font-size: 20px;
    text-align: center
}

.pop-up-notification .dialog-body .dialog-close.top {
    position: absolute;
    border-radius: 50%;
    right: -15px;
    top: -18px;
    z-index: 99999
}

.pop-up-notification .dialog-body .dialog-close.top i {
    border-radius: 50%;
    background: rgba(0, 0, 0, .4);
    font-size: 26px
}

.pop-up-notification .dialog-body .bottom a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 17px
}

.pop-up-notification .condition_dialog .dialog-body {
    height: auto;
    min-height: 120px
}

.pop-up-notification .msg-dialog .dialog-body {
    height: auto;
    min-height: 180px
}

.pop-up-notification .vip-dialog .dialog-body {
    min-height: 250px
}

.pop-up-notification .charge-dialog .dialog-body {
    min-height: 270px
}

.pop-up-notification .dialog-body .dialog-content .tip-title {
    color: #333;
    font-size: 18px;
    margin-top: 20px
}

.pop-up-notification .dialog-body .dialog-content .tip-hy {
    color: #333;
    font-size: 16px;
    margin-top: 10px
}

.pop-up-notification .dialog-body .dialog-content .tip-date {
    color: red;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 40px
}

.pop-up-notification .dialog-body .dialog-bottom {
    background: #fff;
    bottom: 0;
    left: 0;
    margin-bottom: -10px;
    padding: 10px 0 !important;
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%
}

.pop-up-notification .dialog-body .dialog-bottom .dialog-btn {
    border-radius: 6px;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    width: 100px
}

.pop-up-notification .dialog-body .dialog-bottom .bg1 {
    background-color: #6adbdc;
    color: #fff
}

.pop-up-notification .dialog-body .dialog-bottom .bg2 {
    background-color: #ab99cc;
    color: #fff
}

.pop-up-notification .dialog-body .dialog-close.bottom {
    border-radius: 8px;
    margin: 30px auto 0;
    padding: 7px;
    width: 88%;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb26f), to(#ff8d2b));
    background: linear-gradient(180deg, #ffb26f, #ff8d2b);
    color: #fff;
    font-size: 17px
}

@media only screen and (min-width:960px) {
    .pop-up-notification .default-dialog .dialog-body {
        width: 285px
    }
}

@media screen and (max-width:768px) {
    .pop-up-notification .dialog-body {
        width: 250px !important
    }
}

.login-web {
    background: #fafafa
}

.login-web .login-form {
    background: #fff;
    border-radius: 3px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    min-height: 515px;
    width: 500px
}

.login-web .login-form .form-header {
    background: #e9e8f6;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 40px;
    width: 100%
}

.login-web .login-form .form-header li {
    cursor: pointer;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 20px;
    line-height: 80px;
    position: relative;
    text-align: center
}

.login-web .login-form .form-header .active a,
.login-web .login-form .form-header .active2 a {
    color: #f99d4f !important
}

.login-web .login-form .form-header li.active:after {
    border: 12px solid transparent;
    border-bottom-color: #fff;
    bottom: 0;
    content: " ";
    height: 0;
    left: 113px;
    position: absolute;
    width: 0
}

.login-web .login-form .form-header li.active2:after {
    border: 12px solid transparent;
    border-bottom-color: #fff;
    bottom: 0;
    content: " ";
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.login-web .login-form .form-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    width: 80%
}

.login-web .login-form .form-container .input-field {
    border-bottom: 1px solid #c7c7c7;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.login-web .login-form .form-container .input-field i {
    margin-right: 7px;
    color: #8a8a8a
}

.login-web .login-form .form-container .input-field input {
    background: 0 0;
    border: none;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 30px;
    outline: 0
}

.login-web .login-form .form-container .input-field .errorTip {
    color: red;
    display: none
}

.login-web .login-form .form-container .forgot_password {
    padding: 15px 0 0;
    text-align: right;
    font-size: 15px
}

.login-web .login-form .achievement-code {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center
}

.login-web .login-form .form-container-bottom,
.setting-web .user-setting {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal
}

.login-web .login-form .get-v-code {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#6f79ff), to(#2b70ff));
    background: linear-gradient(180deg, #6f79ff, #2b70ff);
    outline: 0
}

.login-web .login-form .form-container-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 80%
}

.login-web .login-form .txt-forgot {
    color: #3046ec;
    display: block;
    font-size: 14px;
    margin-top: 16px;
    text-align: right
}

.login-web .login-form .btn-submit {
    border-radius: 41px;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    margin-top: 87px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb26f), to(#ff8d2b));
    background: linear-gradient(180deg, #ffb26f, #ff8d2b);
    outline: 0
}

.login-web .login-form .txt-tips {
    color: #8f8f8f;
    font-size: 16px;
    margin-top: 36px;
    text-align: center
}

.login-web .login-form .txt-tips .txt-link {
    color: #3046ec;
    font-size: 15px
}

.login-web .forget-form,
.login-web .register-form {
    padding-bottom: 30px
}

.login-web .login-form #form-login-telphone {
    display: none
}

.login-web .login-container {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.login-web .bind-list {
    background: #f1f2f4;
    border: none;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 222;
    top: 18%;
    left: 25px
}

@media only screen and (min-width:960px) {
    .login-web .login-content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 100vh;
        margin: 0 auto;
        width: 100%
    }

    .login-web .form-header li a {
        color: #717171;
        font-size: 20px
    }

    .login-web .active2 a {
        font-size: 20px
    }
}

@media only screen and (max-width:960px) {
    .login-web .form-header li a {
        color: #717171;
        font-size: 16px
    }

    .login-web .active2 a {
        font-size: 16px
    }

    .login-web .login-form {
        height: 100%;
        width: 100%
    }

    .login-web .login-content {
        background: #fff;
        height: 100vh;
        max-width: 100vw;
        min-height: 100vh;
        min-width: 100vw
    }

    .login-web .img-portal {
        display: block
    }

    .login-web .portal {
        display: none
    }

    .login-web .form-header li {
        font-size: 16px;
        line-height: 60px
    }

    .login-web .login-form .form-header li.active:after {
        left: calc(25vw - 12px)
    }
}

.problemfeedback-web .img_amplify,
.recfeedback-web .img_amplify {
    position: fixed;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
    top: 0;
    left: 0
}

.problemfeedback-web .img_amplify img,
.recfeedback-web .img_amplify img {
    margin: auto;
    height: 90%;
    width: 310px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.problemfeedback-web .feedback-content .pro-type-title,
.recfeedback-web .feedback-content .pro-type-title {
    font-size: 15px;
    margin-right: 10px;
    font-weight: 500
}

.problemfeedback-web .feedback-content .pro-type-view,
.recfeedback-web .feedback-content .pro-type-view {
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid #E9E9E9
}

.problemfeedback-web .feedback-content .pro-type-view .chang-item,
.recfeedback-web .feedback-content .pro-type-view .chang-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.problemfeedback-web .feedback-content .pro-type-view .chang-item ul,
.recfeedback-web .feedback-content .pro-type-view .chang-item ul {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.problemfeedback-web .feedback-content .pro-type-view .chang-item ul li,
.recfeedback-web .feedback-content .pro-type-view .chang-item ul li {
    width: 33%;
    font-size: 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.problemfeedback-web .feedback-content .pro-type-view .chang-item ul li p,
.recfeedback-web .feedback-content .pro-type-view .chang-item ul li p {
    width: 20px;
    height: 20px;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 25px;
    margin-right: 7px;
    position: relative
}

.problemfeedback-web .feedback-content .pro-type-view .chang-item ul li p i,
.recfeedback-web .feedback-content .pro-type-view .chang-item ul li p i {
    font-size: 20px;
    color: #fff
}

.problemfeedback-web .feedback-content .pro-type-view .chang-item ul li .active-cha,
.recfeedback-web .feedback-content .pro-type-view .chang-item ul li .active-cha {
    border: none;
    background-color: #ffe60f !important
}

.problemfeedback-web .feedback-content .pro-type-view .chang-item ul li .i-block,
.recfeedback-web .feedback-content .pro-type-view .chang-item ul li .i-block {
    display: block !important
}

.problemfeedback-web .feedback-content .pro-type-view .pro-type-right,
.recfeedback-web .feedback-content .pro-type-view .pro-type-right {
    height: 40px;
    width: 75%
}

.problemfeedback-web .feedback-content .pro-type-view .pro-type-right input,
.recfeedback-web .feedback-content .pro-type-view .pro-type-right input {
    height: 100%;
    width: 100%;
    text-align: right;
    outline: 0;
    border: none;
    padding: 0 10px 0 0;
    background: 0 0
}

.problemfeedback-web .feedback-content .pro-type-view .pro-type-right input::-webkit-input-placeholder,
.recfeedback-web .feedback-content .pro-type-view .pro-type-right input::-webkit-input-placeholder {
    color: #999
}

.problemfeedback-web .feedback-content .pro-type-view .pro-type-right input::-moz-placeholder,
.recfeedback-web .feedback-content .pro-type-view .pro-type-right input::-moz-placeholder {
    color: #999
}

.problemfeedback-web .feedback-content .pro-type-view .pro-type-right input::-ms-input-placeholder,
.recfeedback-web .feedback-content .pro-type-view .pro-type-right input::-ms-input-placeholder {
    color: #999
}

.problemfeedback-web .feedback-content .pro-type-view .pro-type-right input::placeholder,
.recfeedback-web .feedback-content .pro-type-view .pro-type-right input::placeholder {
    color: #999
}

.problemfeedback-web .feedback-content .problem-item .upload-img-content,
.recfeedback-web .feedback-content .problem-item .upload-img-content {
    margin-top: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.problemfeedback-web .feedback-content .problem-item .upload-img-content .left-example,
.recfeedback-web .feedback-content .problem-item .upload-img-content .left-example {
    width: 75px;
    height: 75px;
    margin-right: 11px;
    display: block;
    position: relative;
    float: left;
    border: 1px solid red
}

.problemfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box,
.recfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box {
    float: left;
    position: relative;
    margin-right: 9px;
    margin-bottom: 9px;
    width: 77px;
    height: 77px;
    border: 1px solid #d9d9d9
}

.problemfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:before,
.recfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:before {
    width: 2px;
    height: 39px
}

.problemfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:after,
.recfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:after {
    width: 39px;
    height: 2px
}

.problemfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:after,
.problemfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:before,
.recfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:after,
.recfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #D9D9D9
}

.problemfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:active,
.recfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:active {
    border-color: #999
}

.problemfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:active:after,
.problemfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:active:before,
.recfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:active:after,
.recfeedback-web .feedback-content .problem-item .upload-img-content .uni-uploader__input-box:active:before {
    background-color: #999
}

.problemfeedback-web .feedback-content .problem-item .uni-uploader__input-box:before,
.recfeedback-web .feedback-content .problem-item .uni-uploader__input-box:before {
    width: 4upx;
    height: 79upx
}

.problemfeedback-web .feedback-content .problem-item .uni-uploader__input-box:after,
.recfeedback-web .feedback-content .problem-item .uni-uploader__input-box:after {
    width: 79upx;
    height: 4upx
}

.problemfeedback-web .feedback-content .problem-item #show_img>div,
.recfeedback-web .feedback-content .problem-item #show_img>div {
    width: 75px;
    height: 75px;
    border: 1px solid #000;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 30px
}

.problemfeedback-web .feedback-content .problem-item #show_img img,
.recfeedback-web .feedback-content .problem-item #show_img img {
    height: 100%;
    width: 100%
}

.problemfeedback-web .feedback-content .problem-item #show_img>div>span,
.recfeedback-web .feedback-content .problem-item #show_img>div>span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: red;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 99999;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer
}

.bind-web .bind-content .input-item .v-code,
.retrieve-password-web .bind-content .input-item .v-code {
    position: relative
}

.problemfeedback-web .feedback-content .problem-item label,
.recfeedback-web .feedback-content .problem-item label {
    display: block;
    width: 80px;
    height: 80px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 993
}

.problemfeedback-web .feedback-content .problem-fcontact,
.problemfeedback-web .feedback-content .problem-item,
.recfeedback-web .feedback-content .problem-fcontact,
.recfeedback-web .feedback-content .problem-item {
    padding: 5px 10px
}

.problemfeedback-web .feedback-content .problem-fcontact .input-view,
.problemfeedback-web .feedback-content .problem-item .input-view,
.recfeedback-web .feedback-content .problem-fcontact .input-view,
.recfeedback-web .feedback-content .problem-item .input-view {
    width: 100%;
    height: 45px;
    margin-top: 10px
}

.problemfeedback-web .feedback-content .problem-fcontact input,
.problemfeedback-web .feedback-content .problem-fcontact textarea,
.problemfeedback-web .feedback-content .problem-item input,
.problemfeedback-web .feedback-content .problem-item textarea,
.recfeedback-web .feedback-content .problem-fcontact input,
.recfeedback-web .feedback-content .problem-fcontact textarea,
.recfeedback-web .feedback-content .problem-item input,
.recfeedback-web .feedback-content .problem-item textarea {
    background-color: #f6f6f6;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    padding: 0 10px;
    outline: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

.problemfeedback-web .feedback-content .problem-fcontact textarea,
.problemfeedback-web .feedback-content .problem-item textarea,
.recfeedback-web .feedback-content .problem-fcontact textarea,
.recfeedback-web .feedback-content .problem-item textarea {
    padding: 10px;
    margin-top: 10px
}

.problemfeedback-web .feedback-content .problem-fcontact input::-webkit-input-placeholder,
.problemfeedback-web .feedback-content .problem-fcontact textarea::-webkit-input-placeholder,
.problemfeedback-web .feedback-content .problem-item input::-webkit-input-placeholder,
.problemfeedback-web .feedback-content .problem-item textarea::-webkit-input-placeholder,
.recfeedback-web .feedback-content .problem-fcontact input::-webkit-input-placeholder,
.recfeedback-web .feedback-content .problem-fcontact textarea::-webkit-input-placeholder,
.recfeedback-web .feedback-content .problem-item input::-webkit-input-placeholder,
.recfeedback-web .feedback-content .problem-item textarea::-webkit-input-placeholder {
    color: #999
}

.problemfeedback-web .feedback-content .problem-fcontact input::-moz-placeholder,
.problemfeedback-web .feedback-content .problem-fcontact textarea::-moz-placeholder,
.problemfeedback-web .feedback-content .problem-item input::-moz-placeholder,
.problemfeedback-web .feedback-content .problem-item textarea::-moz-placeholder,
.recfeedback-web .feedback-content .problem-fcontact input::-moz-placeholder,
.recfeedback-web .feedback-content .problem-fcontact textarea::-moz-placeholder,
.recfeedback-web .feedback-content .problem-item input::-moz-placeholder,
.recfeedback-web .feedback-content .problem-item textarea::-moz-placeholder {
    color: #999
}

.problemfeedback-web .feedback-content .problem-fcontact input::-ms-input-placeholder,
.problemfeedback-web .feedback-content .problem-fcontact textarea::-ms-input-placeholder,
.problemfeedback-web .feedback-content .problem-item input::-ms-input-placeholder,
.problemfeedback-web .feedback-content .problem-item textarea::-ms-input-placeholder,
.recfeedback-web .feedback-content .problem-fcontact input::-ms-input-placeholder,
.recfeedback-web .feedback-content .problem-fcontact textarea::-ms-input-placeholder,
.recfeedback-web .feedback-content .problem-item input::-ms-input-placeholder,
.recfeedback-web .feedback-content .problem-item textarea::-ms-input-placeholder {
    color: #999
}

.problemfeedback-web .feedback-content .problem-fcontact input::placeholder,
.problemfeedback-web .feedback-content .problem-fcontact textarea::placeholder,
.problemfeedback-web .feedback-content .problem-item input::placeholder,
.problemfeedback-web .feedback-content .problem-item textarea::placeholder,
.recfeedback-web .feedback-content .problem-fcontact input::placeholder,
.recfeedback-web .feedback-content .problem-fcontact textarea::placeholder,
.recfeedback-web .feedback-content .problem-item input::placeholder,
.recfeedback-web .feedback-content .problem-item textarea::placeholder {
    color: #999
}

.problemfeedback-web .feedback-content .submit-btn,
.recfeedback-web .feedback-content .submit-btn {
    width: 300px;
    height: 40px;
    background: #FFBF00;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    margin: 30px auto
}

.setting-web .user-setting {
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.setting-web .user-setting-item {
    border-top: 1px solid rgba(0, 0, 0, .08);
    line-height: 40px;
    padding: 0 10px;
    font-size: 15px
}

.setting-web .user-setting-item a {
    color: #121212;
    width: 100%;
    display: block;
    font-size: 15px
}

.setting-web .user-setting-item a .user-phone {
    float: right;
    font-size: 15px
}

.setting-web .item-right {
    float: right
}

.setpassword-web .user-setting {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.setpassword-web .user-setting .setting-content {
    background: #fff;
    border-radius: 10px;
    color: #666;
    margin: 10px;
    padding: 15px
}

.setpassword-web .user-setting .setting-content .user-setting-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 40px;
    padding: 6px
}

.setpassword-web .user-setting .setting-content .user-setting-item label {
    color: #505050;
    font-size: 14px
}

.setpassword-web .user-setting .setting-content .user-setting-item input {
    background: 0 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 10px;
    outline: 0
}

.setpassword-web .user-setting .setting-content .user-setting-item img {
    width: 20px
}

.setpassword-web .user-setting .setting-content .btn-modify {
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb26f), to(#ff8d2b));
    background: linear-gradient(180deg, #ffb26f, #ff8d2b);
    outline: 0
}

.bind-web .bind-content {
    background: #fff;
    border-radius: 10px;
    color: #666;
    margin: 10px;
    padding: 15px
}

.bind-web .bind-content .title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 45px
}

.bind-web .bind-content .tip {
    line-height: 30px
}

.bind-web .bind-content .input-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
}

.bind-web .bind-content .input-item .bind-list {
    background: #f1f2f4;
    border: none;
    border-radius: 6px;
    margin-right: 4px;
    outline: 0;
    padding: 10px 4px
}

.bind-web .bind-content .input-item select {
    width: 80px
}

.bind-web .bind-content .input-item #area_code {
    font-size: 16px
}

.bind-web .bind-content .input-item .phone {
    font-size: 16px;
    margin-left: 10px;
    text-align: center;
    width: 100%
}

.bind-web .bind-content .input-item .get-v-code {
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-left: 15px;
    padding: 10px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#6f79ff), to(#2b70ff));
    background: linear-gradient(180deg, #6f79ff, #2b70ff);
    outline: 0
}

.bind-web .bind-content .btn {
    border-radius: 20px;
    color: #4d4b4b;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    width: 100%;
    background: #e5e5e5;
    outline: 0
}

.retrieve-password-web .bind-content {
    background: #fff;
    border-radius: 10px;
    color: #666;
    margin: 10px;
    padding: 15px
}

.retrieve-password-web .bind-content .title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 45px
}

.retrieve-password-web .bind-content .tip {
    line-height: 30px
}

.retrieve-password-web .bind-content .input-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
}

.retrieve-password-web .bind-content .input-item .bind-list {
    background: #f1f2f4;
    border: none;
    border-radius: 6px;
    margin-right: 4px;
    outline: 0;
    padding: 10px 4px
}

.retrieve-password-web .bind-content .input-item select {
    width: 80px
}

.retrieve-password-web .bind-content .input-item #area_code {
    font-size: 16px
}

.retrieve-password-web .bind-content .input-item .phone {
    font-size: 16px;
    margin-left: 10px;
    text-align: center;
    width: 100%
}

.retrieve-password-web .bind-content .input-item .get-v-code {
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-left: 15px;
    padding: 10px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#6f79ff), to(#2b70ff));
    background: linear-gradient(180deg, #6f79ff, #2b70ff);
    outline: 0
}

.retrieve-password-web .bind-content .input-field {
    border-bottom: 1px solid #c7c7c7;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.retrieve-password-web .bind-content .input-field .input-field-icon {
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.retrieve-password-web .bind-content .input-field input {
    background: 0 0;
    border: none;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 30px;
    outline: 0
}

.retrieve-password-web .bind-content .input-field .errorTip {
    color: red;
    display: none
}

.retrieve-password-web .bind-content .btn {
    border-radius: 20px;
    color: #4d4b4b;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    width: 100%;
    background: #e5e5e5;
    outline: 0
}

@media only screen and (min-width:960px) {
    .user-setting .user-setting-item a {
        font-size: 16px
    }

    .setting-web #footer {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .setting-web .back-row {
        margin-bottom: 20px
    }

    .publice-hide .kong_id {
        display: block !important
    }
}

@media only screen and (max-width:960px) {
    .publice-hide .head_nav_logo {
        display: none
    }

    .publice-hide #footer,
    .publice-hide .kong_id {
        display: none !important
    }
}

.top-return-style .back-row {
    display: block;
    height: 50px;
    width: 100%
}

.top-return-style .back-row .back-bar {
    height: 100%
}

.top-return-style .back-row .row {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.top-return-style .back-row .back-tool {
    width: 20px
}

.top-return-style .back-row .back-tool i {
    font-size: 18px;
    color: #121212
}

.top-return-style .back-row .back-title {
    text-align: center
}

.top-return-style .back-row .back-title span {
    color: #333;
    font-size: 14px;
    font-weight: 500
}

@media only screen and (min-width:960px) {
    .top-return-style .back-row {
        margin-top: 15px
    }

    .top-return-style .back-row .back-tool {
        width: 28px
    }

    .top-return-style .back-row .back-tool i {
        font-size: 25px
    }

    .top-return-style .back-row .back-title span {
        font-size: 18px
    }
}

.BodyClass365dh #link-list,
.BodyClass365dh .head-banner-A1,
.BodyClassMaomi01 .dh365_jiugongge_cctv {
    display: none
}


.BodyClassMaomi01{
    overflow-x: hidden!important;
    touch-action: pan-y;
    
}
.scrollable-element {
   /* 只允许垂直滚动 */
}














.wrap{margin:0 auto;width:1300px;overflow:hidden;color:#aaa;}
.wrap1{margin:0 auto;width:1300px;background: #f7ebef;height: 120px;background: #f7ebef;}



.menu dd{width:11.5%;font-size:15px;color:#fff;}
.menu dd a {color:#fff;text-overflow: ellipsis; white-space: nowrap;}
.menu dd a:hover{color:#fff;}
/* Mod */.mod{margin-top:20px;}
.mod .title{width:100%;height:40px;margin:10px 0;}
.mod .title h3{float:left;font-size:25px;color:#000;line-height:40px;}
.mod .title h3 a{    float: left;
    font-size: 25px;
    color: #000;
    line-height: 40px;}
.mod .title h3 a:hover{color:#fff;}
.mod .title h3 em{font-size:26px;padding-right:5px;color:#ffbf00;}
.mod .title .tags{float:right;}
.mod .title .tags a{float:left;display:block;margin:5px 0 0 10px;border-radius:100px;padding:5px 10px;background:#0086CF;}
.mod .title .tags a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);}
.mod .title .tags h2{float:left;font-size:14px;}
.mod .title .more{float:right;}
.mod .title .total{color: #333;float:right;line-height:40px;font-size:14px;text-align:right;margin-right: 10px;}
.mod .title .total em{padding:0 5px;color:#ffbf00;font-weight:bold;}
.mod .row dl{position:relative;display:block;float:left;}
.mod .row dt{position:relative;width:100%;background:#ccc;}
.mod .row dt img,.mod .row li img{position:absolute;left:0;top:0;width:100%;height:100%;}
.mod .row dd a{display:block;width:100%;height:40px;line-height:40px;text-align:center;overflow:hidden;color:#000;}
.mod .row-book dl {display: flex;flex-wrap: nowrap;    padding: 13px 5px 13px 5px;    border-bottom: dashed 1px #aaa;}
.mod .row-book dt {display: flex;width:100%;justify-content: flex-start;overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.mod .row-book dt h3{color:#333;}
.mod .row-book dd {justify-content: end;display: flex;width: 120px;color:#333;}
.mod .row-book{box-sizing: border-box;background: #ffffff;padding: 0 10px;}
.book{box-sizing: border-box;background: #ffffff;color: #333;padding: 0 10px;    font-size: 16px;    line-height: 30px;}
.mod .row dl:hover dd a{color:#000;background: #ccc;}
/*.mod .col2,.mod .col3,.mod .col4,.mod .col6{margin-right:-20px;}
*/.mod .col2 dt a,.mod .col3 dt a,.mod .col4 dt a,.mod .col5 dt a,.mod .col6 dt a{display:block;width:100%;height:100%;}
.mod .col5 img,.mod .col6 img{object-fit:cover;}
.mod .col2 dl{margin:5px;width:640px;}
.mod .col2 dt{height:120px;}
.mod .col2 dd,.mod .col3 dd,.mod .col4 dd,.couplet-left span,.couplet-right span{display:block;position:absolute;z-index:6;right:2px;bottom:2px;padding:0 4px;border-radius:3px;background:rgba(0,0,0,.4);color:hsla(0,0%,100%,.8);font-size:12px;cursor:pointer;}
.mod .col3 dl{margin:5px 0;width:420px;}
.mod .col3 dt{height:180px;}
.mod .col4 dl{margin: 0px;;width:1300px;}
.mod .col4 dt{height:120px;}
.mod .col5{margin-right:-12.5px;}
.mod .col5 dl{margin:15px 12.5px 15px 0;width:250px;}
.mod .col5 dt{height:140px;}
.mod .col5 dt a:hover:before{background:url(images/play.png) center no-repeat;}
.mod .col5 dt i{position:absolute;right:0;bottom:0;left:0;width:auto;height:20px;padding:10px 10px 4px;overflow:hidden;background:linear-gradient(0deg,#000,#000 25.5%,#000 70%,#000);background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.3) 25.5%,rgba(0,0,0,.08) 70%,rgba(0,0,0,0));color:#fff;font-size:12px;font-style:normal;letter-spacing:normal;line-height:20px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#00000000", endColorstr="#ff000000")}
.mod .col6 dl{margin: 8px;width:200px;}
.mod .col6 dt{height:280px;}
.mod .col6 dt i{display:block;position:absolute;z-index:2;right:5px;top:5px;padding:0 4px;border-radius:3px;background:rgba(255,191,0,.7);color:hsla(0,0%,0%,.9);font-size:13px;font-style:normal;letter-spacing:normal;}
/* .mod .col2 dt a:hover:before,.mod .col3 dt a:hover:before,.mod .col4 dt a:hover:before,.mod .col5 dt a:hover:before,.mod .col6 dt a:hover:before{content:"";position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,0.3);} */
.mod .col4 dl h3,.mod .col5 dl h3,.mod .col6 dl h3{
    color: #333;
    overflow: hidden;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.mod h3:hover{
    background-color: #CCC;
        outline: 0;
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
}


.mod .col ul{margin:20px 0;}
.mod .col li:nth-of-type(odd){background:#1c2746;}
.mod .col li{width:100%;}
.mod .col li a{display:block;box-sizing:border-box;padding:0 30px;height:60px;line-height:60px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);font-size:16px;}
.mod .col li a:first-child{border-top:1px solid rgba(255,255,255,.05);}
.mod .col li a:visited{color:#c0c0c0;}
.mod .col li a:hover{background-color:hsla(0,0%,0%,.2);color:#ffbf00;}
.mod .col li em{float:left;display:block;width:30px;color:#ffbf00;font-size:20px;text-align:center;}
.mod .col ul{counter-reset:list 0}
.mod .col ul li{counter-increment:list}
.mod .col ul li em:before{content:counter(list,decimal-leading-zero)}
.mod .col li h3{padding:0 20px;font-style:normal;font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mod .col li span{float:right;font-size:12px;}
.pagination{margin:30px 0 10px 0;}
.pagination b {background:#333; color:#ff9900;padding:4px 10px;border-radius:3px;display:inline-block;margin:5px;}
.pagination{height:100%;line-height:25px;text-align:center;max-height: 80px;}
.pagination a{background:#333;color:#eee;display:inline-block;padding:10px;border-radius:3px;padding:4px 10px;margin:5px;}
.pagination a:visited{color:#ff9900;}
.pagination a:hover,.pagination strong{color:#ff9900;}
.pagination strong{display:inline-block;margin:0 2px;padding:0 12px;border-radius:3px;height:32px;line-height:32px;font-weight:normal;}
/* Content */.main h1{padding:20px 0;color:#111;font-size:25px;text-align:center;overflow:hidden;}
.main h2{color: #444;font-size: 14px; text-align: center;overflow: hidden;border-bottom: 1px solid #aaa;font-size: 15px;
    color: #f90;}
.main .content{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);/*padding:30px 0;*/line-height:40px;text-align:center;font-size:18px;color:#000}
.main .content::first-letter{display:block;float:left;margin:0 10px 0 -1.3em;font-size:320%;line-height:80px;}
.main .content img{display:block;margin:20px auto;}
.main .content p{padding:5px 0;}
.main .content br{display:inline;line-height:30px;}
.main .content ul{width:100%;margin-top:20px;}
.main .content li{float:left;margin-right:10px;font-size:14px;}
.main .content li a{display:blcok;padding:8px 14px;border-radius:3px;background:#263150;}
.main .content li a:visited{background:#0086CF;color:#4d5672;}
.main .content li a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);}
.main .content .player{width:100%;margin:0 auto;position:relative;}
.main .content .player-wrap{padding-bottom:56.25%;width:100%;height:0;}
.main .content .player-box{position:absolute;left:0;top:0;width:100%;height:100%;}
.main .post-link{margin:20px 0 10px 0;height:40px;line-height:40px;font-size:16px;}
.main .post-link h2{display:inline;}
.main .post-link a{overflow:hidden;font-size: 15px;
    color: #f90;}
.main .post-link .prev{float:left;text-align:left;}
.main .post-link .next{float:right;text-align:right;}



.gap10 {
	margin-top: 20px;
    gap: 15px;
    margin-bottom: 20px;
}
.fl {
    display: flex;
}

.aaf5d2ae7f {
    cursor: pointer; 
    text-align: center;
     border-radius: 7px;
      padding: 1px; color: #fff;
    background: #0086cf;
     margin: 5px; 
     width: 30%;
     max-width: 100px; 
     display: inline-block; 
     flex-direction: column; 
     justify-content: space-between;
     width: 102px;
     height: 40px;
}
.aaf5d2ae7f a{
    color:#fff;
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: 40px;
    font-size: 18px;
}


.qrcode img { width: 100%;max-width: 400px;}
.help { font-size: 14px;color: #0086cf;margin-left: 10px;}
/* pannel */
.pannel{position: relative; margin-bottom: -10px;background: #ffffff;margin-top: 10px; padding: 15px;line-height: 25px;border-radius: 7px;}
.pannel h3.title {font-size: 14px;color: #333;font-weight: 600;padding-bottom: 10px;}
.pannel p.data a {font-size: 14px;color: #0086cf;}
.pannel p {font-size: 14px;color: #333;}
.pannel span.text-muted {color: #333;font-size: 14px;}
.pannel span.text-tag {color: #333;font-size: 14px;}
.pannel p.tag a {color: #0086cf;border: #0086cf solid 1px;margin: 5px;padding: 5px;font-size: 14px;}
.pannel p.tag a:hover{color: #0086cf;border: #0086cf solid 1px;margin: 5px;padding: 5px;font-size: 14px;}

@media screen and (max-width:760px) {
    .mobile {
        display: none;
    }
    #topBox {
        background: rgb(38 49 80 / 0%);
        /* margin: 120px 0 0 0; */
    }
    .wrap {
        /* margin: 0 auto; */
        /* width: 1300px; */
        overflow: hidden;
        width: 97%;

    }
}

@media (max-width: 738px){
    .flex-center{
        width: 100%;
    }
	
    .main .content {
        line-height: 20px;
        font-size: 16px;
        height: 300px;
        padding:5px;
    }
    #xl{
        margin-top: 0px;
    }
}



.copy .url {      cursor: pointer; margin: 5px; border-radius: 5px; padding: 0 10px; font-size: 12px; /* max-width: 90%; */padding: 10px;
    background: #222; color: hsla(0,0%,100%,.8); text-transform: lowercase; overflow: hidden; word-wrap: break-word;}
.copy em{color:#ffbf00;font-size:12px;}



@media (max-width: 738px){
	#player1{height: 90%;}
    
    .xsshow{
        height: auto!important;
        min-height: 300px;
    }
}

@media screen and (max-width:760px){	.mobile{display:none;}
	.guide a{width:40px;height:40px;line-height:40px;}
	.nav li{padding:0 0;}
	.nav .logo{width:100%;}
	.nav .url{float:none;text-align:center;}
	.nav .btn-icon{width:100%;display:block;}
	/*/.nav .btn-icon li{height:90px;}*/
	.nav .btn-icon li i{height:50px;line-height:50px;font-size:50px;padding:5px 0 10px 0;}
	.nav .btn-icon li .tips{margin-top:20px;}
	.nav .btn-icon li .tips:before,.nav .btn-icon li .tips:after{left:30px;}
	.nav .btn-icon li:last-child .tips:before,.nav .btn-icon li:last-child .tips:after{right:30px;}
	.menu{margin:20px 0 0;border-radius:0;padding:0;width:100%;}
	.menu dl{padding:6px 0;}
	.menu dt{width:14%;line-height:60px;font-size:14px;}
	.menu dt:after{margin:22px 3% 0;}
	.menu dt2{width:14%;line-height:30px;font-size:15px;font-weight:500;}
	.menu dt2:after{margin:7px 3% 0;}
	.menu #subMenuBox {display: block !important;}
	.menu dd{width:21.5%;line-height:30px;font-size:13px;}
	.mod .title h3{font-size:15px;}
	.mod .row span,.couplet-left span,.couplet-right span{display:none;}
	.mod .col li a{padding:0 10px;}
	.mod .col li h3{padding:0 10px;font-size:16px;}
	.mod .col2{margin:0px;}
	.mod .col2 dl{width:100%;margin:0px 1px 1px 1px;height: 80px;}
	.mod .col2 dl img {height: 80px;}
	.mod .col2 dt{padding-bottom:23.43%;width:100%;height:0;}
	.mod .col2 dd{display:none;}
	.mod .col3 dl:first-child{width:98.5%;}
	.mod .col3 dl:first-child dt{padding-bottom:48%;}
	.mod .col3 dt{padding-bottom:56.25%;}
	.mod .col4 {margin-top:0;}
	.mod .col4 dl{width:100%;height: 40px;}
	.mod .col4 dt{padding-bottom:56.25%;width:100%;height:0;}
	.mod .col4 dt img{height: 40px;}
/*	.mod .col4{margin:-1%;}
*/	.mod .col5 dl h3,.mod .col6 dl h3{font-size:14px;}
	.mod .col5 dt{padding-bottom:56.25%;width:100%;height:0;}
	.mod .col5 dl:first-child dt{padding-bottom:56%;}
	.mod .col5,.mod .col6{margin-right:-1%;}
	.mod .col3 dl,.mod .col5 dl,.mod .col6 dl{width:48.5%;margin:1.5% 1.5% 1.5% 0;}
	.mod .col6 dt{padding-bottom:140%;width:100%;height:0;}
	/*.index-list .col5 dl:first-child,.channel-list .col5 dl:nth-child(5n+1){width:98.5%;}
*/	.index-list .col5 dl:nth-last-child(-n+2),.index-list .col6 dl:nth-last-child(-n+2),.channel-list .col5 dl:nth-last-child(-n+2),.play-list .col5 dl:nth-last-child(-n+1){display:block;}
	/*.index-list .col5 dl:nth-last-child(-n+1){display:none;}
*/	.main h1{font-size:20px;padding:20px 0;}
	.main .content{line-height:30px;font-size:16px;}
	.main .content::first-letter{font-size:300%;line-height:50px;}
	.main .post-link{height:40px;line-height:40px;font-size:14px;}
	.main .post-link a{width:49.25%;display:block;border-radius:5px;background:#263150;color:#a3abc7;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.main .post-link a:visited{background:#0086CF;color:#4d5672;}
	.main .post-link .prev{float:left;text-align:center;}
	.main .post-link .next{float:right;text-align:center;}
	.footer{margin-top:10px;padding:40px 0;font-size: 10px;}
	.player-tips{font-size:0.8em;}
	.player-tips dl{position:static;left:0;top:0;margin-left:0;margin-top:0;width:100%;height:100%;padding:0;}
	.player-tips .title{font-size:1.4em;padding-top:10px;}
	.player-tips .icon{margin-top:10px;width:64px;height:64px;}
	.player-tips .icon a{width:64px;height:64px;}
	.couplet-left,.couplet-right{top:unset;bottom:13%;}
	.couplet-left li,.couplet-right li,.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img{width:20vw;height:46vw;}
	.pagination .pc_pagination {display:none}
	.pagination .moble_pagination {display:block}
	.preview-item:before{display:block !important;}
}

#player1{height: 75%;}
@media (min-width: 1025px) {
    #player1 {
        height: 75vh; 
    }
}
#banner{margin-top: 95px;}

@media screen and (max-width:960px) {
    #banner{   margin-top: 0px!important; min-height: 0px;}
}

.search {
	margin: 0 auto;
    box-sizing: border-box;
    background: #ffffff;
    /* line-height: 30px; */
    padding: 0px 50px;
    /* margin-top: 10px; */
    width: 1300px;
    /* overflow: hidden; */
    color: #333;
}

/* @media screen and (max-width:1280px){
.search {width: 97%;margin-left: 1.5%;margin-right: 1.5%;margin: 0 auto;box-sizing: border-box;padding: 10px 10px;overflow:hidden;color: #333;background: #fff;line-height: 30px;display: block !important;}
.search strong {font-size: 14px;color: #333;}
.search input a{color: #0086cf;padding-left: 5px;}
.search  input{font-size: 14px;color: #333;padding: 5px;}
.search h2.r { color: #ff0000;margin: 10px;}
.search  input #keyboard {width: 25%;}
.search  table {border-bottom: #eee solid 1px;}
.search select { padding: 5px;}
}
@media (max-width: 738px){
.search {margin: 0 auto;box-sizing: border-box;background: #ffffff;padding: 10px 10px;width:100%;overflow:hidden;color: #333;background: #fff;line-height: 30px;display: block !important;}
.search strong {font-size: 14px;color: #333;}
.search input a{color: #0086cf;padding-left: 5px;}
.search  input{font-size: 14px;color: #333;padding: 5px;}
.search h2.r { color: #ff0000;margin: 10px;}
.search  input #keyboard {width: 25%;}
.search  table {border-bottom: #eee solid 1px;}
.search select { padding: 5px;}
} */


/* Menu */.menu{margin-top:30px;border-radius:5px;box-sizing:border-box;}
.menu dl{float:left;width:100%;padding:15px 0;}
.menu dl:first-child{border-top:0;}
.menu dl,#subMenuBox dl{border-top:1px solid rgba(255,255,255,.1);}
.menu dt,.menu dd{float:left;line-height:40px;text-align:center;}
.menu dt{width:8%;font-size:15px;}
/*.menu dt,.menu dt a{color:#c5cde9;}
*/.menu dt a {color:#fff;}
.menu dt a:hover{color:#fff;}
.menu dt:after{content:"";position:absolute;z-index:1;margin:13px 36px 0;width:1px;height:16px;background:rgba(255,255,255,.2);}
.menu dt .cur,.menu dd .cur{color:#ffbf00;}
.menu #subMenuBox {display: none;}

.menu dt2,.menu dd{float:left;line-height:40px;text-align:center;}
.menu dt2{width:8%;font-size:15px;}
/*.menu dt,.menu dt a{color:#c5cde9;}
*/.menu dt2 a {color:#fff;}
.menu dt2 a:hover{color:#fff;}
.menu dt2:after{content:"";position:absolute;z-index:1;margin:13px 36px 0;width:1px;height:16px;background:rgba(255,255,255,.2);}
.menu dt2 .cur,.menu dd .cur{color:#ffbf00;}


.menu dd{width:11.5%;font-size:15px;color:#fff;}
.menu dd a {color:#fff;text-overflow: ellipsis; white-space: nowrap;}
.menu dd a:hover{color:#fff;}


.container:after {
    content: '';
    display: block;
    clear: both;
}


.container .logo {
    width: 100%;
    height: 120px;
    margin: 0 auto 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 120px;
}

.container .input {
    position: relative;
    float: left;
    width: 80%;
    /* color: #ffe2e2; */
    /* width: 500px; */
    /* height: 44px; */
    border-top: #ffbf00 solid 1px;
    border-right: none;
    border-bottom: #ffbf00 solid 1px;
    border-left: #ffbf00 solid 1px;
    border-radius: 4px 0 0 4px;
    /* background-color: #ba6565; */
}

.container .input>input {
    float: left;
    width: 70%;
    height: 46px;
    outline: none;
    border: none;
    padding: 0 10px 0 10px;
    margin: 0;
    /* height: 44px; */
    /* width: 383px; */
    color: #ffffffe8;
    background-color: #151d33;
    font-size: 16px;
    border-radius: 4px 0 0 4px;
    font-weight: bold;
}

.container .input>input::-webkit-input-placeholder {
    color: #999;
}

.container .input .picker {
    float: left;
    width: 30%;
    height: 46px;
    /* width: 97px; */
    padding-right: 7px;
    position: absolute;
    top: 0;
    right: 0;
    /* height: 100%; */
    line-height: 44px;
    background-color: #151d33;
    cursor: pointer;
    color: #ffffffe8;
    font-size: 15px;
    text-align: right;
    background-position: 88% center;
    background-repeat: no-repeat;
    user-select: none;
    /* background-color: #999; */
    font-weight: bold;
}

.container .input .picker-list {
    list-style: none;
    padding: 5px 0;
    width: 120px;
    position: absolute;
    right: 0;
    top: 50px;
    margin: 0;
    line-height: 33px;
    font-size: 15px;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    background-color: #151d33;
    display: none;
    z-index: 9999;
    font-weight: bold;
    font-weight: bold;
}

.container .input .picker-list>li {
    padding-left: 44px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: #fff;
}

.container .input .picker-list>li:hover {
    background-color: #ebf1f5;
    color: #000;
    cursor: pointer;
}

.container .input .hot-list {
    padding: 10px 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    margin: 0;
    line-height: 32px;
    font-size: 14px;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    background-color: #151d33;
    display: none;
    z-index: 9999;
}

.container .input .hot-list>a {
    display: block;
    color: #e5e0e0;
    text-decoration: none;
    padding: 0 10px;
    overflow: hidden;
    font-weight: bold;
}

.container .input .hot-list>a:hover {
    background-color: #f3f3f3;
}

.container .input .hot-list>a>div {
    float: left;
}

.container .input .hot-list>a>div.number {
    text-align: center;
    width: 40px;
}

.container .searchs {
    float: left;
    width: 18%;
    /* width: 90px; */
    height: 48px;
    background-color: #ffbf00e0;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}

.searchotword {
    overflow: hidden;
    float: left;
    width: 50%;
    height: 53px;
    font-size: 15px;
    color: #f9f9f9;
    border-radius: 2px;
    margin: 12px 0 0 0;
}

.searchotword a {
    float: left;
    /* background: #151d33; */
    border-radius: 5px;
    border: 1px solid #c48822;
    margin: 5px 6px 4px 0px;
    padding: 0 5px;
    /* font-weight: bold; */
	color:rebeccapurple
}


.searchotword a:hover {
	color:#000
}

.TheCurrentSearchBox {
    float: left;
    width: 10%;
    height: 43px;
    border: 0;
    border-radius: 5px;
    color: #000;
    font-size: 20px;
    background-color: #c48822;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.OtherSearchBoxes {
    float: left;
    width: 10%;
    height: 42px;
    border: 0;
    border: 1px solid #00a4ff;
    border-radius: 5px;
    color: #f9f9f9;
    font-size: 20px;
    background-color: rgb(30 53 92);
    font-weight: bold;
    margin: 0 10px 0 0;
}


.icon-searchsarrows:before {
    content: "\e75a";
    color: #00a4ff;
}

.icon-fire {
    content: "\e63c";
}

.icon-searchs {
    content: "\e955";
}



.icon-searchs:before {
    content: "\e955";
    color: #fff;
    line-height: 50px;
    font-size: 27px;
    margin: 0px 1px 0px -4px;
}

.icon-searchsarrows:before {
    content: "\e75a";
    color: #fff;
}

.icon-fire:before {
    /* content: "\e63c"; */
}

.icon-searchs {
    content: "\e955";
    width: 50px;
    height: 58px;
    padding: 15px 22px 15px -6px;
    margin: 41% 23px 54% 40%;
}


[class*='icon-'],
[class^='icon-'] {
    font-family: 'iconfont' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Logo 字体 */
@font-face {
    font-family: "iconfont";
    src: url('./fonts/iconfont1.woff2') format('woff2'), url('./fonts/iconfont1.woff') format('woff'), url('./fonts/iconfont1.ttf') format('truetype');
}[class*='icon-'],[class^='icon-']{font-family:'iconfont' !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}[class*='icon-'],[class^='icon-']{font-family:'iconfont' !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}




@media screen and (max-width:760px) {
    .mobile {
        display: none;
    }
    #topBox {
        background: rgb(38 49 80 / 0%);
        /* margin: 120px 0 0 0; */
    }
    .wrap1 {
        /* margin: 0 auto; */
        /* width: 1300px; */
        width: 97%;
        overflow: hidden;
        height: auto!important;
    }

    .popupmask {
        position: fixed;
        width: 100%;
        height: 100%;
        bottom: 0;
        background: rgba(0, 0, 0, .5);
        overflow-y: scroll;
        cursor: pointer;
        text-align: center;
    }


    .TheCurrentSearchBox {
        float: left;
        width: 20%;
        height: 43px;
        border: 0;
        border-radius: 5px;
        color: #f9f9f9;
        font-size: 20px;
        background-color: #c48822;
        font-weight: bold;
    }

    .OtherSearchBoxes {
        float: left;
        width: 20%;
        height: 42px;
        border: 0;
        border: 1px solid #00a4ff;
        border-radius: 5px;
        color: #f9f9f9;
        font-size: 20px;
        background-color: rgb(30 53 92);
        font-weight: bold;
    }

    .container {
        /* float: left; */
        /* height: 53px!important; */
        margin: 15px 2% 0px 2%!important;
        position: relative!important;
        width: 100%!important;
        /* padding: 0 0 0 0%; */
    }

    .searchotword {
        overflow: hidden;
        float: left;
        width: 100%;
        height: 90px;
        font-size: 15px;
        color: #f9f9f9;
        border-radius: 2px;
        margin: 5px 5px 20px 2px;
        padding: 0px 10px -2px 10px;
        margin-top: 20px!important;
    }

    .searchotword a {
        float: left;
        /* background: #151d33; */
        border-radius: 5px;
        border: 1px solid #c48822;
        margin: 5px 8px 12px 11px;
        padding: 0px 5px;
        font-weight: bold;
    }

    .guide a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

@media (max-width: 738px){
    .xxstype{display: none;}
	.search {margin: 0 auto;box-sizing: border-box;padding: 10px 10px;width:100%;overflow:hidden;color: #333;background: #f7ebef;line-height: 30px;display: block !important;}
	.search strong {font-size: 14px;color: #333;}
	.search input a{color: #0086cf;padding-left: 5px;}
	.search  input{font-size: 14px;color: #333;padding: 5px;}
	.search h2.r { color: #ff0000;margin: 10px;}
	.search  input #keyboard {width: 25%;}
	.search  table {border-bottom: #eee solid 1px;}
	.search select { padding: 5px;}

	
    .main .content {
        line-height: 20px;
        font-size: 16px;
        height: 300px;
    }

    .homeImgMobile{
        height: 280px!important;
    }
}

@media screen and (max-width:480px) {
    .head_five_color[data-v-3efe34ea] {
        color: #ffc234;
    }

    .head_five[data-v-3efe34ea] {
        width: 100%;
        margin: 0 auto;
    }
    .head_five .head_five_right[data-v-3efe34ea] {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .head_five .head_five_right li[data-v-3efe34ea] {
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.5px;
        color: #9a9a9a;
    }

    .head_five .head_five_right li img[data-v-3efe34ea] {
        display: block;
        height: 20px;
       
    }

    .head_five .head_five_right li span[data-v-3efe34ea] {
        font-size: 16px;
    }

    .head_five_right li.foactive[data-v-3efe34ea] {
        color: #ffc234;
    }
}

.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999999999999;
    display: none;
}

.modal .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    padding: 0 20px 0 20px;
}

@media (min-width: 640px) {
    .modal .content {
        max-width: 384px;
    }
}

.modal a {
    color: rgb(235, 203, 139);
}

.modal-form {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}

.favorites {
    text-align: center;
}

.favorites .imgmain {
    border-radius: 10px;
    width: 100%;
}

.favorites .close {
    display: inline-block;
    width: 10%;
  /* filter: brightness(0) invert(1); */;
}