blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font-size:14px;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
ol,ul{list-style:none}
a{text-decoration:none;color:rgba(0, 0, 0, 0.9);}
a:hover{text-decoration:none;}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
img{-ms-interpolation-mode:bicubic}
textarea{resize:vertical}
.left{float:left}
.right{float:right}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
button,label{cursor:pointer}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.wordwrap{word-break:break-all;word-wrap:break-word}
.s-yahei{font-family:arial,'Microsoft Yahei','微软雅黑'}
body{
    display: block;
    color:rgba(0, 0, 0, 0.9);
    font: 14px Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}
img{
    border:0;
}
.bggreen{
    background-color: #FAFCFE;
}
.bgf5{
    background-color: #F5F5F5;
}
.bg1D{
    background-color: #202529;
}
.bgmaincolor{
    background-color: #4177FE !important;
}
.bgwhite{
    background-color: #ffffff;
}
.pad12{
    padding: 12px 0;
}
.mar12{
    margin: 0 12px;
}
.disinlineblo{
    display: inline-block;
}
.text-warning {
    color: #F90 !important;
}
.text-gray {
    color: #979B9F !important;
}
.text-green{
    color:#090 !important;
}
.sp60{
    width: 100%;
    height: 60px;
}
.sp94{
    width: 100%;
    height: 76px;
}
.flone{
    float: none !important;
}
.log_r p{
    display: none;
    line-height:15px;
    color: #ff3f3f;
    position: absolute;
    font-size: 12px;
    top: 59px;
    left: 70px;
}
.w100{
    width: 100%;
}
.mark_t {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 2px;
}

.disflex{
    display: flex;
}
.disitem{
    display: flex;
    align-items: center;
}
::-webkit-scrollbar-track-piece {
    background-color:#F5F5F5;
}
::-webkit-scrollbar{
    width:6px;
    height:9px;
}
::-webkit-scrollbar-thumb{
    background-color:#4177FE;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
::-webkit-scrollbar-thumb:hover{
    background-color:#4177FE;
}
.sess-container{
    display: flex;
    justify-content: space-between;
    padding: 100px 0;
}
.sess-containerabout{
    display: flex;
    justify-content: space-between;
    padding: 100px 0;
}
.sess-container20{
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}
.posrela{
    position: relative;
}
.container {
    width: 1200px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}
.text_ellip{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    height: auto;
}
.text_ellip2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-center{
    text-align: center;
}
.layui-tab-title {
    box-sizing: initial;
}
.top-header{
    background-color: #ffffff;
}
.header-wrap{
    display: flex;
    height: 76px;
    position: relative;
    align-items: center;
    justify-content: space-between;
}
.header-logo img{
    width: 160px;
}
.header-logoimg{
    width: 202px;
}
.nav{
    margin: 0 76px;
}
.nav ul li{
    float: left;
    margin: 0 20px;
}
.nav ul li a{
    color:rgba(0, 0, 0, 0.9) !important;
    width: 70px;
    font-size: 18px;
}
.navfront{
    margin: 0 26px;
    flex: 1;
}
.navfront ul li{
    float: left;
    margin: 0 10px;
}
#allbox .header-wrap .navfront ul li a{
    color:inherit;
    font-size: 16px;
    padding: 0px 22px!important;
    line-height: 34px;
    display: inline-block;
    height: 35px;
}
.header-wrap .search{
    height: 76px;
    line-height: 76px;
    padding: 0 26px;
    margin-right: 16px;
    border-left: 1px solid #DCDCDD;
    border-right: 1px solid #DCDCDD;
}
.layui-layer-loading, .layui-layer-loading2{
    z-index: 99999999!important;
}
[v-cloak]
{
    display:none;
}
/*.search-wrap{*/
/*    display: none;*/
/*    width: 624px;*/
/*    height: auto;*/
/*    background-color: #f7f8fa;*/
/*    position: absolute;*/
/*    top: 94px;*/
/*    z-index: 99;*/
/*    margin: 0 auto;*/
/*    right: 130px;*/
/*}*/
.search-wrap .layui-tab{
    margin: 0;
}
.search i{
    font-size: 28px;
    cursor: pointer;
}
.search-wrap .layui-tab-title{
    height: 64px;
    background-color: #4177FE;
    border: 1px solid #4177FE;
    border-bottom: none;
}
.search-wrap .layui-tab-title li{
    line-height: 64px;
    color: #ffffff;
    font-size: 16px;
}
.search-wrap .layui-tab-content{
    padding: 10px 10px 30px;
    border: 1px solid #4177FE;
    border-top: none;
}
.search-wrap .layui-tab-brief>.layui-tab-title .layui-this{
    color: #ffffff;
    font-size: 16px;
}
.search-close{
    color: #ffffff;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
}
.search-input-warpper-container{
    position: relative;
    outline: none;
    border-bottom: 1px solid #4177FE;
    margin: 0 20px;
    box-sizing: border-box;
}
.search-input-elem{
    outline: none;
    margin: 10px 30px 11px 0;
    width: 100%;
    font-size: 16px;
    color: #bababa;
    letter-spacing: .5px;
    line-height: 24px;
    background: transparent;
}
.navbar-toggle-wrap{
    display: none;
}
.default-input-wrapper{
    width: 100%;
    position: relative;
    height: 36px;
    line-height: 36px;
    display: flex;
}
.default-input-wrapper i{
    font-size: 20px;
    color: #4177FE;
    vertical-align: sub;
    float: right;
}
.default-search-input{
    padding-left: 10px;
    height: 36px;
    width: 92%;
    outline: none;
    border: none;
    color: #3d3d3d;
    line-height: 24px;
    background: transparent;
    font-size: 14px;
    letter-spacing: 0;
}
.search-button{
    position: absolute;
    right: 20px;
    top: 0;
    height: 36px;
    color: #4177FE;
    text-align: right;
    cursor: pointer;
    line-height: 54px;
    user-select: none;
    font-size: 14px;
}
.search-hotkey-title{
    font-size: 13px;
    color: #999;
    letter-spacing: 0;
    line-height: 18px;
    padding: 0 20px;
    margin-top: 16px;
    margin-bottom: 4px;
}
.searchhistory-btn{
    border: none;
    background: none;
    color: #999;
}
.searchhistory-btn:focus{
    outline:0;
}
.newsdetails-headerWrapper{
    padding: 50px 0;
    background-color: #f8f8f9;
    border-bottom: 1px solid #f2f2f2;
}
.newsdetails-headerWrapper h3{
    font-size: 40px;
    line-height: 58px;
    padding-bottom: 21px;
    text-align: justify;
    font-weight: 700;
}
.search-delete{
    font-size: 14px;
    margin-left: 12px;
}
.search-hotkey-item{
    line-height:24px;
    height: 24px;
    font-size: 12px;
    color: #181818;
    display: inline-block;
    letter-spacing: 0;
    padding: 3px 8px;
    border: 1px solid #d8d8d8;
    margin-right: 12px;
    margin-bottom: 12px;
    max-width: 64px;
    cursor: pointer;
    text-align: center;
    box-sizing: content-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-info{

}
.user-info a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 28px;
    border-radius: 50px;
    background-color: #4177FE;
    font-size: 14px;
    color: #ffffff !important;
}
.user-info a:nth-child(1){
    margin-right: 12px;
}
.user-info span{
    color: #ffffff;
}

.stricky-fixed {
    margin: 0;
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    box-shadow: 0 15px 16px 0 rgb(0 0 0 / 3%), 0 0px 82px 0 rgb(0 0 0 / 2%);
}

.indexbannerlink{
    max-width: 1200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.indexbannerlink a{
    display: block;
    width: 172px;
    height: 56px;
    border-radius: 25px;
    text-indent: -9999em;
}
.indexbannerlink .indexbannerlinka1{
    margin-top: 277px;
    margin-left: 110px;
}
.indexbannerlink .indexbannerlinka2{
    margin-top: 190px;
    margin-left: 202px;
}
.swiper-banner{
    margin-top: 76px;
}
.swiper-banner, .swiper-activity {
    width: 100%;
    height: 100%;
}
.swiper-activity-wrap .swiper-activity .swiper-slide a{
    display: block;
    width: 100%;
}
.swiper-banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-banner .swiper-slide img{
    width: 100%;
}
.newlive-main{
    margin-top: -200px;
}
.newlive-main .pagination li{
    padding: 4px 8px;
    margin: 0 8px;
}
.newlive-main .pagination li:first-child,.newlive-main .pagination li:last-child{
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #9a9797;
    line-height: 16px;
}
.newlivemain-activitytitle h3{
    position: relative;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 60px;
    color: #ffffff;
}
.latest-livetitle h3{
    position: relative;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 60px;
    color: #4177FE;
    margin-top: 60px;
}
.latest-live-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.latest-liveitem{
    width: 32%;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 20px;
    background-color: #ffffff;
    box-shadow:0 15px 16px 0 rgba(0,0,0,0.03),0 0px 82px 0 rgba(0,0,0,0.02);

}
.latest-live-wrap .layui-flow-more, .searchresult .layui-flow-more{
    width: 100%;
}
.latest-liveitem:hover{
    transition:.2s cubic-bezier(0.4,0,1,1);
}
.latest-liveitem img{
    height: 208px;
    border-radius: 2px 2px 0 0;
    transition: all 0.9s;
    overflow: hidden;
    object-fit: cover;
}
.searchresult{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.newlive-main .pagination{
    width: fit-content;
    margin: 0 auto;
}
.newlive-main .pagination li a{
    color: #000;
}
.newlive-main .pagination .active{
    background-color: #4177FE;
    border-radius: 4px;
}
.newlive-main .pagination .active span{

    color: #ffffff;
}
.main-activitytitle h3{
    position: relative;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 60px;
}
.main-activitytitle h3 svg{
    font-size: 50px;
    color: #4177FE;
    margin-right: 12px;
    vertical-align: middle;
}
.main-activitytitle h3:after{
    position: absolute;
    left: 62px;
    bottom: 2px;
    content: "";
    height: 2px;
    width: 60px;
    background-color: #4177FE;
}
.main-activitytitleh4{
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 60px;
    border-left: 4px solid #4177FE;
    line-height: 38px;
    padding-left: 12px;
    position: relative;
}
.main-activitytitleh4:after{
    position: absolute;
    left: -4px;
    bottom: -20px;
    content: "";
    height: 1px;
    width: 100%;
    background-color: #EDEDED;
}
.swiper-activity{
    position: initial;
}
.swiper-activity .swiper-wrapper{
    justify-content: space-between;
}
.swiper-activity .swiper-slide {
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto !important;
}
.swiper-activity .swiper-slide img{
    width: 100%;
}
.swiper-hotlivepro{
    padding:30px 30px 0;
}
.swiper-activity .swiper-button-next, .swiper-activity .swiper-button-prev{
    top: 40px;
    height: 36px;
    border: 2px solid #4177FE;
    border-radius: 50px;
    color: #4177FE;
    right: 0px;
    padding: 0 17px;
}
.swiper-activity .swiper-button-prev:after, .swiper-activity .swiper-button-next:after{
    font-size: 20px;
    font-weight: bold;
}
.swiper-activity .swiper-button-prev{
    right: 40px;
    left: auto;
}
.swiper-activitypro{
    position: relative;
    width: 100%;
    padding: 30px;
    border-top: 1px solid #cccccc;
    box-sizing: border-box;
}
.swiper-activitypro p,.swiper-hotlivepro p{
    font-size: 16px;
    line-height: 28px;
    height: 28px;
    position: relative;
    color: #505050;
}
.swiper-activitypro p:first-child,.swiper-hotlivepro p:first-child{
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
}
/*.swiper-activitypro p:nth-child(2):after{*/
/*    position: absolute;*/
/*    left: 0px;*/
/*    top: 35px;*/
/*    content: "";*/
/*    height: 2px;*/
/*    width: 30px;*/
/*    background-color: #A1A1A1;*/
/*}*/
.swiper-activitypro p:nth-child(3), .swiper-hotlivepro p:nth-child(3){
    margin-top: 12px;
}
.swiper-activitypro p span, .swiper-hotlivepro p span{
    font-size: 14px;
    color: #9F9F9F;
}
.swiper-activitypro p i, .swiper-hotlivepro p i{
    font-size: 20px;
    color: #9F9F9F;
    margin-left: 12px;
    vertical-align: middle;
}
.swiper-activityphone{
    position: absolute;
    top: 20px;
    right:20px;
}
.swiper-activityphone i{
    font-size: 26px;
}
.hot-video{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.playback-wrap .playback:nth-child(1), .playback-wrap .playback:nth-child(2){
    width:49.2%;
    float: left;
    margin: 0;
}
.playback{
    width: 32.3%;
    float: left;
    margin: 0px;
    animation: fadeInUp;
    animation-duration: 1s;
}
.playback-img{
    position: relative;
    overflow: hidden;
}
.playback-img p{
    position: absolute;
    padding: 6px 12px;
    background-color: #8093C8;
    background: rgba(128, 147, 200, 0.8);
    color: #ffffff;
    right: 0px;
    bottom: 3px;
}
.playback-img img{
    width: 100%;
    transition: all 0.9s;
}
.playback-img img:hover{
    transform: scale(1.1);
}
.playback .swiper-activitypro, .playback .swiper-hotlivepro{
    border: none;
}
.playback-more{
    clear: both;
    width: 100%;
    text-align: center;
}
.button_su{
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: 50px;
    margin-top: 20px;
}

.su_button_circle{
    background-color: red;
    border-radius: 1000px;
    position: absolute;
    left:0;
    top:0;
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    pointer-events: none;
}

.button_su_inner{
    display: inline-block;
    background: #4177FE;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: normal;
    width: 140px;
    text-align: center;
    border-radius: 50px;
    transition: 400ms;
    text-decoration: none;
    padding: 12px 18px;
    z-index: 100000;
}
.button_su_inner:hover{
    color: #ffffff;
}

.button_text_container{
    position:relative;
    z-index: 10000;
}

.explode-circle {
    animation: explode 0.5s forwards;

}

.desplode-circle{
    animation: desplode 0.5s forwards;
}
.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0.053333rem 0.053333rem 4px 0;
}
.indexhottips{
    display: flex;
    position: absolute;
    right: 16px;
    top: 16px;
    background-color: rgba(242,85,73,0.8);
    padding: 4px 10px;
    border-radius: 25px;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
}
.indexhottips i{
    margin-right: 8px;
}
.audio-icon {
    min-width: 0.16rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 0px;
    margin-right: 8px;
}
.audio-icon .column:first-child {
    margin-left: 0;
}
.audio-icon .column {
    width: 2px;
    height: 100%;
    margin-left: 2px;
    background-color: #ffffff;
    -webkit-animation: play .9s linear infinite alternate;
    animation: play .9s linear infinite alternate;
    border-radius: 50px;
}
.search-tips{

}
@-webkit-keyframes play{
    0% {
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }
    to {
        -webkit-transform: translateY(75%);
        transform: translateY(75%)
    }
}
/*@keyframes play{*/
/*    0% {*/
/*        -webkit-transform: translateY(0);*/
/*        transform: translateY(0)*/
/*    }*/
/*    to {*/
/*        -webkit-transform: translateY(75%);*/
/*        transform: translateY(75%)*/
/*    }*/
/*}*/

@keyframes explode {
    0% {
        width: 0px;
        height: 0px;
        margin-left: 0px;
        margin-top: 0px;
        background-color: rgba(13, 72, 218,0.8);
    }
    100% {
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -200px;
        background-color: rgba(95,152,237,0.8);
    }
}

@keyframes desplode {
    0% {
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -200px;
        background-color: rgba(95,152,237,0.8);
    }
    100% {
        width: 0px;
        height: 0px;
        margin-left: 0px;
        margin-top: 0px;
        background-color: rgba(49, 31, 217,0.9);
    }
}

.caseshow .swiper-wrapper{
    -webkit-transition-timing-function: linear!important;
    -moz-transition-timing-function: linear!important;
    -ms-transition-timing-function: linear!important;
    -o-transition-timing-function: linear!important;
    transition-timing-function: linear!important;
}
.caseshow .swiper-wrapper .swiper-slide{
    flex-direction: column;
    background-color: inherit;
    /* 	width: 275px;
        height: 275px; */
}
.caseshow .swiper-wrapper .swiper-slide img{
    width: 100%;
    border-radius: 3px;
}
.caseshow .caseshow-description{
    text-align: center;
    margin-top: 8px;
    font-size: 16px;
    font-weight: bold;
}
.swiper-news {
    width: 100%;
    height: 280px;
    margin-left: auto;
    margin-right: auto;
    position: initial;
}
.swiper-news .swiper-slide:hover{
    background-color: #4177FE;
}
.swiper-news .swiper-slide:hover .swiper-newslideh5{
    color: #ffffff;
}
.swiper-news .swiper-slide:hover .swiper-newslideh2{
    color: #ffffff;
}
.swiper-news .swiper-slide:hover .swiper-newsicon{
    color: #ffffff;
}
.newslist-left{
    margin-left: 8px;
}
.newslist-left img{
    width: 108px;
    height: 108px;
}
.newslist-icon{
    right: 14px;
    bottom: 12px;
    color: #4177FE;
}
.newslist-icon i{
    font-size: 26px;
}


.swiper-news .swiper-slide {
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2);
    line-height: 28px;
    border-radius: 3px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-news .swiper-button-next, .swiper-news .swiper-button-prev{
    top: 40px;
    height: 36px;
    border: 2px solid #4177FE;
    border-radius: 5px;
    color: #4177FE;
}
.swiper-news .swiper-button-next:after, .swiper-news .swiper-button-prev:after,.swiper-news .swiper-button-prev:after, .swiper-news .swiper-button-next:after{
    font-size: 20px;
    font-weight: bold;
}
.swiper-news .swiper-button-prev{
    left: auto;
    right: 40px;
}
.swiper-news .swiper-slide h5{
    font-size: 14px;
    color: #9F9F9F;
    text-align: left;
    padding: 0 16px;
    margin: 12px 0px 8px 0px;
}
.swiper-news .swiper-slide h2{
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    padding: 0 42px 0 16px;
    line-height: 26px;
    text-align: left;
}
.swiper-news .swiper-slide p{
    font-size: 14px;
    padding: 0 20px;
}
.swiper-news .swiper-button-next{
    right: 0px;
}
.footer{
    display: flex;
    align-items: end;
    justify-content: space-around;
}
.footer p{
    color: #ffffff;
    line-height: 34px;
}
.footer-left{
    width: 70%;
}
.footer-left p a{
    color:#ffffff;
}
.footer-left p{
    margin-bottom: 22px;
}
.footer-leftfullow i{
    color:#ffffff;
    border: 1px solid #ffffff;
    margin: 0 8px;
    padding: 2px 4px;
    border-radius: 5px;
    font-size: 12px;
}
.footer-leftimg{
    position: relative;
    cursor: pointer;
}
.footer-leftimg:hover .follow-item{
    display: block;
}
.follow-item{
    display: none;
    width: 200px;
    position: absolute;
    bottom: 28px;
    left: 50%;
    margin-left: -105px;
    z-index: 99;
}
.follow-item img{
    width: 100%;
    border-bottom: 1px solid #4177FE;
    border-radius: 3px;
}
.follow-item:after{
    position: absolute;
    bottom: -12px;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-bottom: 7px solid #4177FE;
    left: 50%;
    margin-left: -3.5px;
    transform: rotateX(145deg);
}
.footer-left p img{
    width: 16px;
    margin:0 2px 0 12px;
}
.footer-left p span{
    margin-right: 8px;
}
.footer-left p a{
    margin-right: 8px;
}
.footer-left h3{
    font-size: 48px;
}
.footer-right{
    width: 30%;
}
.footcopyright{
    width: 100%;
    background-color: #14181B;
    text-align: center;
    color: #ffffff;
    height: 48px;
    line-height: 48px;
}
.footer-rightcode{
    justify-content: space-between;
}
.footer-leftfullow{
    color: #ffffff;
    margin-bottom: 20px;
}

.code-item{

}
.code-item img{
    width: 132px;
}
.code-item p{
    text-align: center;
}


/*最新直播*/
.newlivebanner{
    height: 270px;
    position: relative;
    margin-top: 76px;
    background: #4177FE;
}
.aboutbanner{
    height: 454px;
    position: relative;
    margin-top: 94px;
}
.newlivebanner img{
    width: 100%;
    height: 454px;
    object-fit: cover;
}
.bannerlink{
    position: absolute;
    width: 1200px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 136px;
}
.bannerlink a{
    display: block;
    float: right;
    margin-right: 165px;
    width: 158px;
    height: 53px;
    margin-bottom: 52px;
    border-radius: 25px;
    text-indent: -9999em;
}
.newlive-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.newlive-wrap>div:nth-child(1),.newlive-wrap>div:nth-child(2){
    width: 49%;
}
.newlive-wrapimg{
    position: relative;
    overflow: hidden;
}
.newlive-wrapimg img{
    width: 100%;
    overflow: hidden;
    object-fit: cover;
}
.newlive-wrapimg img:hover{
    transform: scale(1.1);
}
.newlive-wrapimg p{
    position: absolute;
    padding: 2px 8px;
    color: #ffffff;
    right: 16px;
    top: 16px;
    border-radius: 50px;
}
.endcolor{
    background: rgba(163, 163, 163, 0.8);
}
.trailercolor{
    background: rgba(255, 192, 0, 0.8) !important;
}
.searchlive{
    background: rgba(81, 122, 240, 0.8);
}
.newlive-wrapimg p i{
    margin-right: 8px;
}
.newlive-wrap>div:nth-child(1) img, .newlive-wrap>div:nth-child(2) img{
    height: 325px;
}
.newlive-item{
    width: 32%;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 20px;
    background-color: #ffffff;
    box-shadow:0 15px 16px 0 rgba(0,0,0,0.03),0 0px 82px 0 rgba(0,0,0,0.02);

}
.newlive-item:hover{
    transition:.2s cubic-bezier(0.4,0,1,1);
}
.hotscroll-item{
    width: 100%;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 0px;
    background-color: #ffffff;
    box-shadow: 0px 12px 9px -15px #ccc;
}
.hotscroll-item:hover{
    transition:.2s cubic-bezier(0.4,0,1,1);
}
.hotscrollimg img{
    width: 100%;
    border-radius: 2px 2px 0 0;
    transition: all 0.9s;
    overflow: hidden;
    object-fit: cover;
}
.newlive-wrapimg img{
    height: 208px;
    border-radius: 2px 2px 0 0;
    transition: all 0.9s;
    overflow: hidden;
    object-fit: cover;
}

/*live custom*/
.custom-mainbox{
    background: #ffffff;
    position: relative;
    margin: 40px 0 90px 0;
    padding: 80px 0px;
}
.live-customtitleh3{
    position: relative;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 24px;
    color: #ffffff;
}
.live-customtitleh5{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
.custom-anliimgbox img{
    width: 100%;
}
.custom-ul{
    overflow: hidden;
    border-bottom: 1px solid #ECEEF3;
    margin: 0 60px;
}
.custom-ul ul:nth-child(2){
    justify-content: space-between;
}
.custom-mainbox .custom-list{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}
.custom-mainbox .custom-list li{
    animate-duration: 2s;
    animate-delay: 1s;
    margin: 0 27px 40px;
}
.custom-mainbox .custom-list li img{
    width: 126px;
    height: 126px;
}
.custom-mainbox .custom-list li p{
    text-align: center;
    margin-top: 36px;
    font-size: 18px;
}
.custom-anli{
    margin: 0 60px;
}
.custom-title2{
    font-size: 26px;
    text-align: center;
    margin: 36px auto;
}
.custom-title51{
    background: url("/static/admin/assets/images/customimgtit1.jpg") no-repeat;
    height: 72px;
    line-height: 62px;
    font-size: 26px;
    color: #ffffff;
    margin-bottom: 36px;
}
.custom-title51 span{
    font-size: 59px;
    font-style: italic;
    font-family: arial, 'Microsoft Yahei', '微软雅黑';
    font-weight: bold;
    vertical-align: middle;
    margin: 0 20px 0 4px;
}
.custom-title52{
    background: url("/static/admin/assets/images/customimgtit2.jpg") no-repeat;
    height: 72px;
    line-height: 62px;
    font-size: 26px;
    color: #ffffff;
    margin-bottom: 36px;
}
.custom-title52 span{
    font-size: 59px;
    font-style: italic;
    font-family: arial, 'Microsoft Yahei', '微软雅黑';
    font-weight: bold;
    vertical-align: middle;
    margin: 0 20px 0 4px;
}
.custom-anliimgbox{
    margin-bottom: 52px;
}

    /*live*/
.channel{
    position: relative;
    display: inline-block;
    padding: 20px;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff, endColorstr=#e6ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff, endColorstr=#e6ffffff);
    zoom: 1;
}
.channel-icon-wrap {
    float: left;
    margin-right: 20px;
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.channel-icon-wrap>img {
    width: 100%;
    height: 100%;
}
.channel-top{
    height: 50px;
    padding: 20px;
    box-sizing: content-box;
    flex: 1;
}
.channel-title {
    padding-right: 115px;
    word-wrap: break-word;
    font-size: 26px;
    line-height: 14px;
    font-weight: bold;
    color: #ffffff;
    word-break: break-all;
    margin-top: 4px;
    margin-bottom: 4px;
}
.channel-info-display {
    margin-right: 0px;
}
.channel-info-display i {
    margin-right: 5px;
    font-size: 20px;
    color: #ffffff;
    vertical-align: middle;
}
.qrcode-wrap>div:first-child {
    margin-right: 0;
}
.qrcode-wrap>div {
    float: right;
    margin-right: 16px;
}
.qrcode-wrap .pr {
    cursor: pointer;
}
.qrcode-wrap .iconfont-con {
    height: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    line-height: 24px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.detail-floatnav{
    position: absolute;
    right: 0px;
    margin-top: 100px;
    background: #4177FE;
    padding: 8px 8px 10px 16px;
    border-radius: 25px 0 0 25px;
    z-index: 99;
}
.detail-floatnav img{
    width: 122px;
}
.default-theme .channel-info-display .copyit{
    display: inline-block;
    cursor: pointer;
}
.default-theme .channel-info-display .copyit i{
    display: inline-block;
    font-size: 17px;
    transform: rotate(10deg);
}
.qrcode-wrap .iconfont {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}
.qrcode-float {
    display: none;
    position: absolute;
    z-index: 20001;
    top: 20px;
    right: 0px;
    font-size: 0;
}
.commemt_send .iconface{
    font-size: 22px;
    height: 22px;
    margin-top: 8px;
    margin-left: 8px;
    color: #448AFF;
    cursor: pointer;
}
.photowallicon i{
    font-size: 30px;
    color: #125AFC;
    cursor: pointer;
}
.right-qrcode-wrap:hover .qrcode-float{
    display: block;
}
.qrcode-float .float-code{
    position: absolute;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 45px;
    right: 11px;
    width: 130px;
    height: 130px;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ffffff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
.default-theme{
    background: url("/static/admin/assets/images/detailbg.jpg") no-repeat;
    padding-bottom: 50px;
}
.detailbanner{
    background-image: url("/static/admin/assets/images/detailbanner.jpg");
    height: 434px;
    background-size: cover;
    object-fit: contain;
}
.default-theme .qrcode-wrap p {
    margin-top: 12px;
    color: #000;
    font-size: 13px;
}
.ppt-hold-box {
    background-color: #fff;
    /*display: none;*/
}
.backsee-wrap{
    height: 100%;
    text-align: center;
    overflow-y: scroll;
    padding: 4px 0;
}
.backsee-wrap ul li{
    display: block;
    position: relative;
    height: 74px;
    margin-left: 12px;
    padding: 8px 0 8px 140px;
    box-sizing: content-box;
}
.backsee-wrap ul li .figure_detail{
    display: block;
    position: relative;
    height: 74px;
    padding-right: 10px;
    color: #bbb;
}
.backsee-wrap ul li .figure_detail .figure_detail_three_row{
    height: 68px;
    overflow: hidden;
}
.backsee-wrap ul li .figure_detail .figure_detail_three_row p{
    white-space: normal;
    max-height: 68px;
    line-height: 20px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.backsee-item .figure{
    position: absolute;
    left: 0;
    width: 130px;
    height: 74px;
    margin: 0;
}
.backsee-item .figure .figure_pic{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #ececec;
    background-color: rgba(236,236,236,.1);
    user-select: none;
    object-fit: cover;
    background: #f8f8f8;
    transition: box-shadow .15s linear,-webkit-filter .3s ease-out;
}
.backsee-item .figure .figure_count {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 20px;
    text-align: left;
    padding-left: 8px;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
    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: 13px;
    letter-spacing: normal;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.backsee-item .figure_count .num {
    max-width: 100px;
    margin: 0;
    overflow: hidden;
    font-size: 12px;
    transition: max-width .1s ease-out,margin .1s ease-out;
}
.backsee ul li{
    display: block;
    position: relative;
    height: 74px;
    margin-left: 8px;
    padding: 8px 8px 8px 140px;
    box-sizing: content-box;
}
.backsee .figure_detail_three_row p{
    color: #bbb;
    white-space: normal;
    max-height: 68px;
    line-height: 20px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.swiper-main .menu-box .layui-tab-content .detail-descripwrap{
    background: #fff;
    padding: 8px;
}
.detail-all{
    height: 100%;
    overflow: hidden;
    background-size: cover;
    object-fit: contain;
}
.video_container .swiper-main .menu-box .layui-tab{
    margin: 0 0px 10px;
}
.video_container{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.video_container .menu-box{
    height: calc(100% - 50px);
    position: relative;
    overflow-y: scroll;
}
.video_container .swiper-main{
    position: absolute;
    top: 0;
    bottom: 0px;
    width: 100%;
    padding-top: 56.25%;
    height: 100%;
}
.commentbox{
    height: calc(100% - 203px);
    /*height: 100%;*/
    position: relative;
    width: 352px;
}
.commentbox-back{
    width: 100%;
}
.commentbox-back .tabs{
    border-bottom: 1px solid #f1f1f1;
}
.commentbox-back .tabs .tab{
    color: #4177FE;
}
.commentbox-back .tabs .tab i{
    vertical-align: middle;
    margin: 0 8px;
}
.commentbox-back .commentbox-backli{
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    background: inherit;
    border-radius: 0;
    margin: 0;
    padding: 12px 16px;
    line-height: 28px;
    color: #000000;
}
.commentbox-back .commentbox-backli.msg-top{
    background-color: aliceblue;
}
.commentbox-back .commentbox-backli.msg-top{
    background-color: aliceblue;
}
.commentbox-back .commentbox-backli.msg-top .msg-top-icon{
    border: 1px solid #979797;
    padding: 0px 4px;
    background-color: #FCFCFC;
    color: #979797;
    border-radius: 3px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
}
.commentbox-back .comments-moments ul li .text{
    word-break: break-all;
    width: 86%;
    font-size: 12px;
}
.commentbox-back .comments-moments ul li span{
    font-size: 12px;
}
.nickname-box{
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 2px;
}

.modifynickname-box{
    display: none;
    width: 220px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 2;
    border-radius: 3px;
}
.modifynickname-box:after {
    position: absolute;
    top: -12px;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-bottom: 7px solid #666666;
    right: 21px;
}
.modifynickname-box input{
    width: calc(90% - 20px);
    margin: 20px auto 0;
    border-radius: 25px;
    height: 20px;
    line-height: 20px;
    color: #000000;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    display: block;
    padding: 4px 10px;
    box-sizing: content-box;
}
.modifynickname-box .modifynickname-btn{
    margin: 0 auto;
    display: inline-block;
    width: 90%;
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
    background-color: #4177FE;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
}
.mobilenickname-box{
    margin-right: 8px;
}
.mobilenickname-box .mobilenickname-btn {
    display: inline-block;
    border: none;
    max-width: 96px;
    background-color: #4177fe;
    color: #ffffff;
    height: 27px;
    padding: 4px 12px;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mobilenickname-box .mobilenickname-btn i{
    vertical-align: middle;
}
.mobilenickname-box:hover .modifynickname-box{
    display: block;
}
.mobilenickname-box .modifynickname-box{
    top: inherit;
    bottom: 46px;
}
.mobilenickname-box .modifynickname-box:after{
    top: initial;
    bottom: -12px;
    right: 40px;
    transform: rotateX(145deg);
}
.modifynickname-box p i{
    color: #b8b5b5;
    position: absolute;
    top: -9px;
    right: -2px;
    font-size: 26px;
}
.commentbox .nickname-btn{
    border: none;
    color: #ffffff;
    height: 32px;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: initial;
    padding-bottom: 5px;
}
.commentbox-backlitime{
    float: right;
    color: #BEBEBE;
    font-size: 12px;
}
.commentbox-back .comment_wrap{
    width: 100%;
    padding: 8px 0px;
    background: #ffffff;
}
.comment_con-detail .detail-scrollevent::-webkit-scrollbar{
    display: none;
    width: 0;
    height: 0;
}
.prowrap {
    display: flex;
    width: 80%;
    margin: 8px auto;
}
.prowrap_left{
    width: calc(100% - 360px);
    /*width: 100%;*/
    margin: 0 auto;
    height: auto;
    padding: 0 30px 30px;
    background-color: #fff;
    height: 360px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.prowrap_left h2{
    position: relative;
    height: 70px;
    line-height: 70px;
    color: #4177fe;
    font-weight: bold;
    font-size: 18px;
}
.prowrap_left h2:after{
    position: absolute;
    left: 0px;
    bottom: 22px;
    content: "";
    height: 4px;
    width: 73px;
    background-color: #D0DEFE;
}
.prowrap_con{
    padding: 0px;
    line-height: 22px;
}
.prowrap_right{
    width: 352px;
    display: inline-block;
    margin-left: 8px;
    background-color: #ffffff;
    padding: 0 8px 18px;
    height: fit-content;
}
.prowrap_right ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.prowrap_right ul li{
    width: 49%;
}
.prowrap_right ul li img{
    width: 100%;
    height: 110px;
    object-fit: cover;
}
.prowrap_right ul li p{
    text-align: center;
    height: 26px;
    line-height: 26px;
    font: 13px;
}
.prowrap_right h2 {
    position: relative;
    height: 70px;
    line-height: 70px;
    color: #4177fe;
    font-weight: bold;
    font-size: 18px;
}
.prowrap_right h2:after{
    position: absolute;
    left: 0px;
    bottom: 22px;
    content: "";
    height: 4px;
    width: 73px;
    background-color: #D0DEFE;
}


.prowrap_con img{
    width: 100%;
}
.detail-descripwrap img{
    width: 100%;
}
.detail-descripwrap .recom-video {
    font-size: 14px;
    margin: 8px 0;
    position: relative;
    font-weight: bold;
}
.detail-descripwrap ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.detail-descripwrap ul li{
    width: 49%;
}
.detail-descripwrap ul li img{
    height: 96px;
    object-fit: cover;
}
.detail-descripwrap ul li p{
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #bbb;
}
.upload-picbox{
    width: 80%;
    margin: 40px auto;
}
.upload-picbutton{
    border: none;
    background: linear-gradient(right,#4644DB,#135AFC);
    background: -ms-linear-gradient(right,#4644DB,#135AFC);
    background: -webkit-linear-gradient(right,#4644DB,#135AFC);
    background: -o-linear-gradient(right,#4644DB,#135AFC);
    background: -moz-linear-gradient(right,#4644DB,#135AFC);
    margin: 5px 4px 0;
    color: #ffffff;
    line-height: 22px;
    padding: 10px 18px;
    border-radius: 75px;
    font-size: 16px;
}
.upload-picbutton i{
    font-size: 26px;
    vertical-align: middle;
}
.addUploadpic{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.addUploadpic .modal-body .layui-form-label{
    font-size: 14px;
    width: 100px;
}
.addUploadpic .modal-body .layui-inline{
    width: 100%;
}
.addUploadpic .modal-body .layui-form-item .layui-input-inline {
    width: 70%;
}
.addUploadpic .modal-title{
    display: inline-block;
}
.addUploadpic .modal-dialog {
    -webkit-transform: translate(0, -55%);
    -ms-transform: translate(0, -55%);
    -o-transform: translate(0, -55%);
    transform: translate(0, -55%);
}
.addUploadpic .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    width: 720px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1200;
    margin: 0 auto;
}
.addUploadpic .modal-content {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    outline: 0 none;
}
.addUploadpic .modal-header, .modal-dialog .modal-header {
    background-color: #f4f5f9;
    border-bottom: 0;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.addUploadpic .modal-body, .modal-dialog .modal-body {
    padding: 30px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
    padding: 20px 30px 30px 30px;
    position: relative;
    padding: 15px;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-header:after{
    clear: both;
    display: table;
    content: " ";
    box-sizing: border-box;
}
.layui-layer-btn button{
    height: 28px;
    line-height: 28px;
    margin: 5px 5px 0;
    padding: 0 15px;
    border: 1px solid #dedede;
    background-color: #fff;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}
.addUploadpic .modal-body .layui-form-item .local_uploadbtn{
    display: inline-block;
    margin-left: 30px;
    background: #4177FE;
    border-color: #4177FE;
}
.addUploadpic .modal-body .layui-form-item .layui-upload-list{
    border: 1px solid #ccc;
    width: 92px;
    height: 92px;
    margin-left: 30px;
    text-align: center;
}
.addUploadpic .modal-body .layui-form-item .layui-upload-list img{
    max-width: 92px;
    height: 92px;
    object-fit: cover;
}

.modal-header .close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.commentbox-backbtn{
    display: none;
    border: 1px solid #FA5B22;
    padding: 0px 4px;
    background-color: #FCFCFC;
    color: #FA5B22;
    border-radius: 3px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    bottom: 8px;
}
.commentbox-backbtn.totop{
    right: 60px;
    color: #4177FE;
    border-color: #4177FE;
}
.commentbox-backli:hover{
    background-color: #F2F2F2;
}
.commentbox-backli:hover .commentbox-backbtn{
    display: block;
}
.fl {
    float: left;
}

#main {
    width: 100%;
}


.header {
    background: #fff;
    height: 82px;
    padding: 1.875rem 0;
    margin-bottom: 16px;
}
.header-logo{
   width: 240px;
}
.navbar-nav img {
    width: 168px;
    height: auto;
    margin: 0 auto;
}
.navigation{
    background: #ffffff;
    width: 240px;
}
.navigation .navigation-menu-body>ul li a {
    color: #333333;
    font-size: 14px;
}
.nav-title{
    height: 56px;
    display: flex;
    font-size: 16px;
    align-items: center;
    padding: 0px 23px;
    border-bottom: 1px solid #EBEBEB;
}
#main .navigation .nav-title a{
    color: #333333;
}
.navigation .navigation-menu-body>ul li a:hover{
    color: #333333;
}
.chat-block .chat-sidebar .chat-sidebar-content .list-group .navigation .navigation-menu-body>ul li.open>.list-group-item.active, .header form .input-group .input-group-append .navigation .navigation-menu-body>ul li.open>button.btn, .navigation .navigation-menu-body>ul .chat-block .chat-sidebar .chat-sidebar-content .list-group li.open>.list-group-item.active, .navigation .navigation-menu-body>ul .header form .input-group .input-group-append li.open>button.btn, .navigation .navigation-menu-body>ul li.open>a:hover{
    color: #333333;
}
.nav-title i{
    font-size: 16px;
    margin-right: 12px;
}
.navigation-menu-body ul li a i{
    margin-right: 12px;
    font-size: 14px;
}
.navigation .navigation-menu-body>ul li.open>a.active1:hover{
    background-color: #4177FE;
    color: #ffffff;
}
.navigation .navigation-menu-body>ul li a {
    padding: 17px 23px;
}
.navigation .navigation-menu-body>ul li a.active {
    background-color: #4177FE;
    color: #ffffff;
    font-weight: 400;
    cursor: pointer;
}
.navigation-menu-body > ul li{
    cursor: pointer;
}
.header ul.navbar-nav li.nav-item a{
    width: auto !important;
    font-size: 14px;
}
.header ul.navbar-nav li.nav-item {
    margin: 0 32px;
}
.header ul.navbar-nav li.nav-item:first-child {
     margin-left: 18px;
}
.navigation-toggler{
    display: none;
}
.search-wrap{
    display: none;
    width: 624px;
    height: auto;
    background-color: #f7f8fa;
    position: absolute;
    top: 76px;
    z-index: 99;
    margin:0px;
    right: 127px;
}
.search i{
    font-size: 24px;
    cursor: pointer;
}
.search-wrap .layui-tab{
    margin: 0;
}
.search-wrap .layui-tab-title{
    height: 64px;
    background-color: #4177FE;
}
.search-wrap .layui-tab-title li{
    line-height: 64px;
    color: #ffffff;
    font-size: 16px;
}
.search-wrap .layui-tab-content{
    padding: 10px 10px 30px;
}
.search-wrap .layui-tab-brief>.layui-tab-title .layui-this{
    color: #ffffff;
    font-size: 16px;
}
.search-wrap .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    position: absolute;
    bottom: 0;
    left: 7px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom: 7px solid #f7f8fa;
    left: 26px;
    top: 51px;
}
.search-close{
    color: #ffffff;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
}
.search-input-warpper-container{
    position: relative;
    outline: none;
    border-bottom: 1px solid #4177FE;
    margin: 0 20px;
    box-sizing: border-box;
}
.default-input-wrapper{
    width: 100%;
    position: relative;
    height: 36px;
    line-height: 36px;
    display: flex;
}
.default-input-wrapper i{
    font-size: 20px;
    color: #4177FE;
    vertical-align: sub;
    float: right;
}
.default-search-input{
    padding-left: 10px;
    height: 36px;
    width: 92%;
    outline: none;
    border: none;
    color: #3d3d3d;
    line-height: 24px;
    background: transparent;
    font-size: 14px;
    letter-spacing: 0;
}
.search-button{
    position: absolute;
    right: 20px;
    top: 0;
    height: 36px;
    color: #4177FE;
    text-align: right;
    cursor: pointer;
    line-height: 36px;
    user-select: none;
    font-size: 14px;
}
.search-hotkey-title{
    font-size: 13px;
    color: #999;
    letter-spacing: 0;
    line-height: 18px;
    padding: 0 20px;
    margin-top: 16px;
    margin-bottom: 4px;
}
.search-delete{
    font-size: 14px;
    margin-left: 12px;
}
.search-hotkey-content{
    line-height: normal;
    padding: 0 20px;
    padding-top: 12px;
    max-height: 100px;
    overflow: hidden;
}
.search-wrap .search-hotkey-content a{
    color: #000000 !important;
}
.search-hotkey-item{
    line-height:24px;
    height: 24px;
    font-size: 12px;
    color: #181818;
    display: inline-block;
    letter-spacing: 0;
    padding: 3px 8px;
    border: 1px solid #d8d8d8;
    margin-right: 12px;
    margin-bottom: 12px;
    min-width: 64px;
    cursor: pointer;
    text-align: center;
}
.form-wrapper {
    padding: 0 3rem;
    text-align: center;
}
.form-wrapper h5 {
    text-align: center;
    margin-bottom: 2.5rem;
    font-size: 20px;
    font-weight: 700;
}
.login-logo{
    width: 160px;
}
.login-logactive{
    color: #E88D2B !important;
    font-weight: bold;
}
.form-wrapper #logo {
    margin: 1rem 0 3rem;
}
.btn-maincolor {
    /*background: #4177FE;*/
    /*border-color: #4177FE;*/
    background: linear-gradient(right,#4177FE,#957ff5);
    background: -ms-linear-gradient(right,#4177FE,#957ff5);
    background: -webkit-linear-gradient(right,#4177FE,#957ff5);
    background: -o-linear-gradient(right,#4177FE,#957ff5);
    background: -moz-linear-gradient(right,#4177FE,#957ff5);
    color: #fff;
}
.btn-maincolor:hover {
    color: #fff;
}
.login-log{
    float: right;
    line-height: 42px;
    margin-right: 172px;
}
.login-log a{
    font-size: 24px;
    margin: 0 32px;
}
.chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active:not(.active.list-group-item), .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active:not(.btn):active, .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active:not(.btn):focus, .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active:not(.btn):hover, .header form .input-group .input-group-append button.btn:not(.active.list-group-item), .header form .input-group .input-group-append button.btn:not(.btn):active, .header form .input-group .input-group-append button.btn:not(.btn):focus, .header form .input-group .input-group-append button.btn:not(.btn):hover, a:not(.active.list-group-item), a:not(.btn):active, a:not(.btn):focus, a:not(.btn):hover{
    color: #ffffff;
}
.login-log span{
    font-size: 24px;
    color: #ffffff;
}
.login-social{
    margin-top: 12px;
}
.login-social h5{
    font-size: 12px;
    color: #D0D0D0;
    font-weight: 400;
    text-align: center;
    margin: 20px auto 16px;
}
.login-socialgroup{
    line-height: 22px;
}
.login-socialgroup i{
    font-size: 20px;
    vertical-align: middle;
    margin-right: 12px;
}
.login-socialgroup a{
    color: #52BD33 !important;
}
.register-btn{
    height: 41px;
}
.form-control:not(.form-control-lg):not(.form-control-sm), .swal-modal input.swal-content__input:not(.form-control-lg):not(.form-control-sm){
    height: -webkit-calc(1.5em + .75rem + 8px);
    height: -moz-calc(1.5em + .75rem + 8px);
    height: calc(1.5em + .75rem + 8px);
}
.icon-weixin{
    color: #46BB36;
}
.center-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 70%;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.bindcodecenter-wrap{
    display: flex;
    width: 80%;
    height: auto;
    overflow: hidden;
    align-items: center;
    background: #ffffff;
    border-radius: 5px;
    margin: 20px auto;
    padding-bottom: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bindcodecenter-wrapright{
    width: 560px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 40px auto 0;
}
.bindcodecenter-wrap .bindcodecenter-wrapright .binduser-title{
    margin: 40px;
}
.bindcode-step{
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 60px;
}
.center-wrapleft{
    width: 56%;
}
.center-wrapleft img{
    width: 100%;
}
.center-wrapright{
    width: 40%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 40px auto 0;
}
.login-form{
    padding-bottom: 40px;
}
.log_r{
    width: 90%;
}
.login-social{
}
body.sticky-footer #main footer, body.stretch-layout #main footer{
    left: 0;
    text-align: center;
    background-color: #ffffff;
    padding: 0;
    z-index: 999;
}
body.stretch-layout .main-content{
    height: calc(100vh - 103px);
}
.sendcode{
    white-space: nowrap;
    margin-left: 12px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    padding: .375rem .75rem;
    color: #4177FE;
}
.btn.btn-block{
    border: none;
}
.accept-terms{
    font-size: 12px;
    color: #979B9F;
    margin-top: 12px;
}
.accept-terms a{
    color: #77AFE0 !important;
}
.main-content{
    flex: 1;
}
.container-bground {
    background-color: #fff;
    border-radius: 3px;
    /*padding: 25px;*/
}
.vid-wrapper{
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0 !important;
    background: #ffffff;
}
.vid-wrapper img{
    width: 100%;
}
.video_container .menu-box .layui-tab-content .backsee{
    background: #fff;
}
.detailstopicon{
    font-size: 34px;
    position: absolute;
    z-index: 99;
    color: #f1f1f1;
    top: 50%;
    margin-top: -18px;
    left: 50%;
    margin-left: -17px;
}
.pptiframe{
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: none;
}
.pptiframe .secondplayer{
    padding: 0 10px;
}
.pptiframe video{
    object-fit: cover;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: 100%;
}
/*pinglun*/
.new-public-box{
    position: fixed;
    width: 100%;
    height: 50px;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 350;
    background: #ffffff;
    display: flex;
    box-shadow: 0px -1px 10px #cccccc;
}
.emoticon-box{
    max-height: 180px;
    overflow-y: auto;
    position: absolute;
    padding: 10px 0;
    left: 0;
    bottom: 52px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
.default-theme .pc-emoticon-box {
    position: absolute;
    z-index: 1000;
    padding: 5px;
    bottom: 44px;
    right: 0;
    width: 100%;
    left: 0;
    border: 1px #dfe6f6 solid;
    height: 200px;
}
.new-public-box .is-focus{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-public-box .is-focus .mobile-emotion-span i{
    font-size: 22px;
    height: 22px;
    margin-top: 8px;
    margin-left: 8px;
    color: #4177fe;
    cursor: pointer;
}
.mobile-input-wrap{
    flex: 1;
    margin: 0px 8px 0 8px;
}
.mobile-input-wrap input{
    width: 100%;
    display: block;
    height: 28px;
    line-height: 28px;
    flex: 1;
    padding: 2px 8px 2px 8px;
    background: #F5F5F5;
    border: none;
    border-radius: 4px;
}
.send-btn .mobile-iconfont{
    border: none;
    background-color: #4177fe;
    margin-right: 8px;
    color: #ffffff;
    height: 38px;
    padding: 4px 12px;
    border-radius: 3px;
}
.emoticon-box .emoticon-wrap .emoticon-swiper>div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
}
.default-theme .pc-emoticon-box table tbody tr td {
    height: 30px;
    text-align: center;
}
.default-theme .pc-emoticon-box table tbody tr td img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.emoticon-box .emoticon-wrap table tbody tr td img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.emoticon-box .emoticon-wrap table tbody tr td{
    height: 40px;
    text-align: center;
}
.comments-moments ul li .text{
    word-break: break-all;
    line-height: 22px;
}
.menu-box .layui-tab-content{
    padding: 10px 10px 0;
    min-height: 100px;
    width: 100%;
}

.vid-wrapper video{
    width: 100%;
}
.prism-player{
    overflow: hidden;
    background: inherit;
    position: initial;
}
.pos-right{
    position: absolute;
    right: 0px;
}
.ask-label{
    width: 100px;
    line-height: 38px;
    margin-right: 8px;
}


.ask-auto{
    width: auto !important;
    line-height: 38px;
    margin-right: 8px;
}
.ask-icon{
    line-height: 38px;
    font-size: 24px;
    color: #ccc;
}
.ask-icon:hover{
    color: #999;
    cursor: pointer;
}
.theme-color{
    display: inline-block;
    vertical-align: middle;
    width: 46px;
    height: 18px;
    margin: 0px 0px 0 24px;
}

.iconvalida{
    font-size: 24px;
    position: absolute;
    left: 10px;
    background: linear-gradient(to right, red, blue);
    -webkit-background-clip: text;
    color: transparent;
    top: 50%;
    margin-top: -18px;
}
.container-bground .page-header{
    padding: 18px 22px;
    border-bottom: 5px solid #F1F2F7;
    margin-bottom: 0;
}
.container-bground .page-header .page-local{
    float: left;
    padding-right: 20px;
    padding-top: 12px
}
.container-bground .page-header .page-local a{
    color: #000000;
}
.container-bground .page-header .breadcrumb .breadcrumb-item a{
    color: #000000;
    font-size: 14px;
}
.page-header h4{
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 8px;
    font-size: 16px;
    margin-bottom: 12px;
}
.jstree-children li a{
    color: #000 !important;
}

/*个人中心*/
.Personal-center-info{
    display:flex ;
    font-size: 14px;
    border-bottom: 1px solid #E1E6EB;
    margin-bottom: 23px;
}
.Personcen-left{
    margin-right: 24px;
}
.Personcen-left p img{
    width: 120px;
    height: 120px;
    border-radius: 8px;
    margin-bottom: 24px;
}
.Personcen-right{
    flex: 1;
}
.main-content .container-bground .Personcen-right .Personcen-approve{
    color: #F90;
}
.main-content .container-bground .Personcen-right p a{
    color: #F90;
    margin: 0 4px;
}
.Personcen-set-list li{
    display: flex;
    justify-content: space-between;
    padding: 33px;
    border-top: 1px dashed #e1e6eb;
    font-size: 14px;
    line-height: 25px;
}
.Personcen-set-list li .Personcenset-list-mid{
    flex: 1;
    margin: 0 16px;
}
.Personcenset-list-left, .Personcenset-list-right{
    width: 150px;
    color: #0b2e13;
}
.Personcen-set-list li .Personcenset-list-right a{
    color: #06C;
}
.Personcen-set-list li .Personcenset-list-right .Personcenset-line{
    color: #ccc;
    font-size: 12px;
}
.Personcenset-list-right p i{
    font-size: 18px;
    vertical-align: bottom;
}
.Personcenset-haveset{
    color: #090;
    display: inline-block;
}
.Personcenset-notset{
    color: #F90;
    display: inline-block;
}
.text-success{
    color: #090;
}
.real-name{
    color: rgb(51, 51, 51);
    font-size: 14px;
    min-height: 70px;
    line-height: 20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 10px;
}
.real-name span{
    border-left: 2px solid #4177FE;
    padding-left: 6px;
}
.real-name .splitter{
    color: #4177FE;
    padding-right: 8px;
}
.select-type h3{
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 24px;
    margin: 20px 34px;
}
.select-main{

}
.select-personal{
    width: 33%;
    min-width: 300px;
    background: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 4px 0px;
    min-width: 300px;
    max-width: 400px;
    padding: 0px 5px 20px;
    min-height: 247px;
    float: left;
    margin: 20px 35px;
    text-align: center;
}
.select-personal i{
    display: inline-block;
    margin: 45px auto 13px;
    font-size: 60px;
    color: #4177FE;
}
.select-personal-title{
    font-size: 18px;
    color: rgb(254, 106, 0);
    line-height: 28px;
    letter-spacing: 0.44px;
    position: relative;
}
.select-personal-desc{
    font-size: 12px;
    color: rgb(153, 153, 153);
    line-height: 28px;
    padding-bottom: 20px;
    margin-bottom: 7px;
}
.select-personal .select-personal-wiki{
    color: rgb(109, 114, 120);
}
.select-personal .select-personal-wiki object a{
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    cursor: default;
    color: rgb(24, 144, 255);
    cursor: pointer;
}





.basicinfo-bd{
    font-size: 12px;
}
.basicinfo-bd .layui-form-label{
    width: 100px;
    padding: 9px 0;
    text-align: left;
}
.basicinfo-bd .layui-form-label span{
    color: #ff0000;
    vertical-align: middle;
    margin-right: 1px;
}
.basicinfo-bd .layui-form-item{
    padding: 0 33px;
}
.basicinfo-bd .layui-form-item .layui-input-block{
    margin-left: 10px;
    display: inline-block;
}
.basicinfo-bd-h5{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}
.backlivelist .layui-input, .backlivelist .layui-textarea{
    font-size: 14px;
}




#wechatpay-block{
    display: none;
}
.alipay-block-wrap{
    text-align: center;
}
.alipay-block-wrap img{
    width: 173px;
    height: 173px;
}
.paytips-wrap{
    width: 1000px;
    margin: 0 auto;
    padding: 100px 50px 50px 50px;
}
.paytips-wrap img{
    width: 300px;
    margin: 0 auto;
}
.paytips{
    color: #67c23a;
    border-radius: 3px;
    padding: 4px 20px;
    margin-top: 80px;
    text-align: center;
}
.paytips p{
    font-size: 16px;
    margin-bottom: 30px;
}



.basicinfo-bd .layui-form-radio>i:hover, .layui-form-radioed>i{
    color: #4177FE;
}
.basicinfo-bd .layui-form-radio>i{
    font-size: 16px;
}
.about-leftimg{
    width: 50%;
}
.about-leftimg img{
    max-width:590px;
    width:100%;
}
.about-intro{
    width: 50%;
    padding: 30px;
}
.about-intro p{
    line-height: 38px;
    font-size: 16px;
    text-indent: 2rem;
}
.about-brand{
    color: #ffffff;
}
.about-brandleft{
    flex: 1;
    margin-right: 20px;
}
.about-brandleft h5{
    font-size: 18px;
    font-weight: bold;
}
.about-brandleft p{
    margin-top: 16px;
    line-height: 38px;
    font-size: 16px;
    text-indent: 2rem;
}
.about-brandright p{
    color: #ffffff;
    font-size: 40px;
}
.about-main ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.about-main ul li{
    width: 24%;
    margin-bottom: 20px;
}
.about-main ul li img{
    width: 100%;
}
.aboutjoin{
    flex-wrap: wrap;
}
.aboutcopyright{
}
.aboutcopyright img{
    width: 100%;
}
.about-grid{
    width: 50%;
    padding: 30px 46px;
    float: left;
    text-align: center;
}
.about-grid img, .about-grid p{
    margin-bottom: 12px;
}
.about-grid h5{
    position: relative;
    margin-bottom: 30px;
}
.about-grid h5:after{
    position: absolute;
    left: 50%;
    margin-left: -11px;
    bottom: -16px;
    content: "";
    height: 2px;
    width: 22px;
    background-color: #4177FE;
}
.about-gridwrap .about-grid:nth-child(1){
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.about-gridwrap .about-grid:nth-child(2){
    border-bottom:1px solid #ccc;
}
.about-gridwrap .about-grid:nth-child(3){
    border-right:1px solid #ccc;
}



.scroll-top{
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    display: none;
    color: #fff;
    text-align: center;
    background: rgba(65, 119, 254, 0.9);
    border-radius: 50px;
    border: none;
    outline: none;
    box-shadow: none;
}
/*console*/
.dashul{
    padding: 25px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dashul li{
    width: 49.2%;
}
/*个人认证*/
.personal-authform{
    font-size: 12px;
}
.personal-authform .layui-form-label{
    width: 90px;
}
.personal-authform h5{
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}
.personal-authform .layui-upload-img {
    width: 130px;
    height: 77px;
    margin: 0 10px 10px 0;
    border:1px solid #ccc;
}
.personal-authform .layui-anim{
    font-size: 14px;
}
.personal-authform .layui-form-radio div{
    font-size: 12px;
}
.layui-btn:hover,.layui-btn:focus,.layui-btn:active{
    border: none !important;
    outline:0 !important;
}
/*company*/
.business-img{
    width: 90px !important;
    height: auto !important;
}

/*mycertification*/
.mycertification ul li p img{
    width: 120px;
    border-radius: 8px;
    margin-bottom: 24px;
}
.mycertification ul li dl{
    margin-left: 16px;
    font-size: 12px;
    line-height: 20px;
}
.container-bground .mycertification ul li dl dd a{
    color: #06C;
}
.container-bground .mycertification ul li dl dd span{
    margin-left: 8px;
}
.changecomp{
    margin-left: 70px;
}
/*search结果*/
.searchtitle{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}
/*密码修改*/
.phone-validation-title{
    text-align: center;
}
.phone-validation-title i{
    font-size: 46px;
    color: #4177FE;
}
.phone-validation-title h1{
    font-size: 14px;
    font-weight: bold;
    margin: 16px auto;
}
.phone-validation-account{
    line-height: 30px;
}
/*支付*/
.order-info{
    display: flex;
    background-color: #F5F5F5;
    padding: 20px;
    align-items: center;
}
.order-info .order-info-top i{
    font-size: 36px;
    color: #4177FE;
    margin-right: 16px;
}
.order-info .order-info-right p{
    font-weight: bold;
    color: #000000;
    line-height: 32px;
}
.order-info .order-info-right .order-info-right-success{
    font-size: 16px;
}
.order-info .order-info-right span{
    color: #F6641E;
    font-size: 18px;
}
.order-info-channel h3{
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 20px 0;
}
.order-info-channel .paymethodwrap{
    display: flex;
    align-content: center;
    margin-bottom: 30px;
}
.card .layui-layer-setwin{
    right: 50px;
    top: 50px;
}
.alipay-block-wrap p{
    margin: 12px auto;
    color: #F90;
}
.commonmask{
    display: none;
    width: 1000px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.order-info-channel .paymethod{
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    padding: 16px;
    display: flex;
    align-items: center;
    width: 250px;
    margin-right: 30px;
}
.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
.paymethod .alisvg{
    font-size: 128px;;
    margin-right: 22px;
    height: 45px;
}
.paymethod .layui-form-radio{
    margin: 0px;
}
.paymethod img{
    width: 42px;
    height: 24px;
}
.vip_limit_wrap{
    position: relative;
    background: #ffffff;
    background: rgba(90, 88, 88, 0.8);
    padding: 22px;
    border-radius: 3px;
}
.vip_limit_wrap-input{
    width: 300px;
}
.vip_limit_close{
    position: absolute;
    right: -7px;
    top: -3px;
}
.continue-btn{
    width: 100%;
    background-image: linear-gradient(90deg, #FBE8A8 0%, #F8E7AC 15%, #E2C078 100%);
    color: #623A0C;
    height: 38px;
    line-height: 38px;
    padding: 0 22px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
}
.paymethods{
    width: 540px;
    padding: 0px;
}
.paymethods .layui-tab{
    margin: 0px;
    border: none;
}
.paymethods .layui-tab-title{
    height: 44px;
    border-bottom: none;
}
.paymethods .layui-tab-title li{
    line-height: 44px;
}
.paymethods .layui-tab-title li:nth-child(1){
    border-radius: 0 25px 0 0;
}
.paymethods .layui-tab-title li:nth-child(2){
    border-radius: 25px 0 0 0;
}
.paymethods .layui-tab-card>.layui-tab-title .layui-this:after{
    border: none;
}
.paymethods .layui-tab-card>.layui-tab-title .layui-this{
    color: #7c561e;
    font-weight: 700;
}
.paymethods .layui-tab-card>.layui-tab-title li{
    width: 50%;
    color: #000000;
    margin-left: 0px;
    margin-right: 0px;
}
.vip_limit_wrap-pay{
    display: flex;
    align-items: center;
    justify-content: center;
}
.vip_limit_wrap-pay>img{
    width: 128px;
    height: 128px;
    border: 1px solid #F0F0F0;
    padding: 0px;
    margin-right: 16px;
}
.vip_limit_wrap-payinfo p{
    color: #000000;
    line-height: 27px;
}
.vip_limit_wrap-payinfo p span{
    color: #F1BD41;
}
.vip_limit_wrap-payinfo .vip_limit_wrap-payinfowechat{
    color: #979797;
}
.paymethods .layui-tab-content{
    padding: 20px;
    background-color: #ffffff;
}
.paymethods .layui-tab-item{
    border: 1px solid #f0f0f0;
    padding: 30px 0;
}
.paymethods .vip_limit_wrap-payinfo p i{
    margin-right: 4px;
    font-size: 20px;
    vertical-align: middle;
}
.paymethods .vip_limit_wrap-payinfo p .icon-weixinzhifu{
    color: #09BB07;
}
.icon-alipay-fill{
    font-size: 24px;
    color: #1677FF;
    vertical-align: middle;
}
.vip_limit_wrap-input .layui-input{
    color: #000000;
}
/*layui弹窗*/
.layui-layer-btn a:nth-child(2){
    color: #000000;
}
/*样式冲突*/
.header-right .navbar-nav .nav-item .dropdown-menu .p-2 .list-inline .list-inline-item a{
    color: #000000;
    font-size: 14px;
}
.app-block .app-content .app-action .action-right form .action-left{
    align-items: baseline;
    margin-right: 14px;
}
.app-block .app-content .app-action .action-left, .app-block .app-content .app-action .action-right{
    align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
}
.col-required{
    color: #ff0000;
    font-style: inherit;
    vertical-align: middle;
}
.layui-form-checkbox i{
    height: 30px;
}
.main-activitytitle{
    overflow: hidden;
}
.newsdetails-wrap{

}
.newsdetails-title{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.newsdetails-info p{
    margin-bottom: 5px;
    width: 100%;
    font-size: 16px;
}
.newsdetails-info span{
    font-size: 12px;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.newsdetails-content section, .newsdetails-content section p{
    line-height: 32px;
}
#login_container{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.binduser-title{
    margin-bottom: 20px;
}
.third-wrap{
    width: 100%;
}
.detail-tanmu .layui-form-switch{
    margin-top: 0;
    margin-left: 6px;
    height: 24px;
}
.loginheader .stricky-fixed{
    background: none;
    box-shadow:none;
    margin-top: 86px;
}
.loginheader .header-wrap{
    width: 84%;
}
.loginheader .header-logoimgwrap{
    flex: 1;
}
.header-logoimgwrap{
    margin-right: 40px;
}
.loginheader #search-btn{
    margin-right: 30px;
}
.login-form h3{
    font-size: 24px;
    color: #000000;
    font-weight: bold;
    text-align: left;
    margin-bottom: 28px;
}
.login-form h3 span{
    color: #4077FF;
}
.login-foot{
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%
}
.form-wrapper .login-form .forgot-pwd{
    color: #6D80FE;
    text-align: left;
    display: inline-block;
    margin-top: 1rem;
    float: left;
}
.form-wrapper .login-form .privacy-state{
    color: #979B9F;
    text-align: left;
    display: inline-block;
    margin-top: 1rem;
    float: right;
}
/*yinsishengming*/
.agreement-main{
    margin-top: 94px;
    padding: 60px 0;
}
.agreement-main h3{
    font-size: 28px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
}
.agreement-main h4{
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    margin-top: 30px;
}
.agreement-main h5{
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
    margin-top: 18px;
}
.agreement-main p{
    line-height: 32px;
    color: #666666;
}
.agreement-main a{
    color: #4077FF !important;
}
.agreementlink{
    color: #979B9F !important;
    margin-left: 8px;
}



/*mobiledetail*/
.givereward-wrap {
    background-size: 100% 100%;
    object-fit: contain;
    position: relative;
    width: 100%;
}
.givereward-wrap img{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
.givereward-linkwrap{
    position: absolute;
    top: 0;
    padding-left: 24%;
    padding-right: 4%;
    height: 100%;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.givereward-wrap button{
    display: inline-block;
    font-size: 12px;
    max-width: 31.5%;
    background: rgba(255,255,255, 0.3);
    border-radius: 25px;
    color: #ffffff;
    padding: 0px 5px;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    height: 26px;
    line-height: 26px;
    margin:3px 3px 0 0;
    float: left;
}
.givereward-wrap .defaultreward-btn{
    position: absolute;
    top: 23%;
    background: initial;
    right: 3%;
    width: 16%;
    height: 56%;
    max-width: initial;
}
.givereward-layer{
    position: relative;
    background: url("/static/admin/assets/images/giverewardbg2.png") no-repeat;
    background-size: contain;
    text-align: center;
    z-index: 99999;
    width: 100%;
    max-width: 375px;
    overflow: hidden;
    height: 100%;
    padding-bottom: 32px;
}
.thank-exceptional{
    background: url("/static/admin/assets/images/giverewardbg3.png") no-repeat;
    background-size: contain;
    text-align: center;
    max-width: 375px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.thank-reward .layui-layer-content{
    overflow: inherit!important;
}
.thank-exceptional .layui-layer-content{
    overflow: hidden;
}
.thank-reward{
    box-shadow:inherit !important;
}
.give_reward .layui-layer-setwin, .thank-reward .layui-layer-setwin{
    display: none;
    top: initial;
    bottom: 0px;
    right: 50%;
    margin-right: 15px;
    left: initial;
}
.give_reward .layui-layer-content{
    overflow: hidden;
}
.give_reward, .thank-reward{
    box-shadow: none !important;
    max-width: 360px;
    z-index: 99999998!important;
}
.givereward-close{
    position: initial!important;
    font-size: 26px;
    color: #ffffff;
}
.givereward-cont{
    margin-top: 40%;
}
.givereward-layer input{
    width: 70%;
    border-radius: 25px;
    margin: 24px auto 0;
    border: none;
    padding: 6px 16px;
    box-shadow: inset 0px 13px 9px -14px #000;
    -moz-box-shadow: inset 0px 13px 9px -14px #000;
    -webkit-box-shadow: inset 0px 13px 9px -14px #000;
}
.givereward-layer input::placeholder{
    color:#146ee9;
}
.givereward-layer .givereward-btn{
    display: block;
    margin: 30px auto 15px;
    width:50%;
    height: 31px;
    line-height: 31px;
    border: none;
    padding: 0 18px;
    background-color: #FFE183;
    color: #5e5e5e;
    border-radius: 25px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    letter-spacing: 4px;
}
.detailmenu-boxtop{
    display: flex;
    padding: 12px;
    background: #fff;
}
.video_container .menu-box .layui-tab-title{
    background: #fff;
}
/*.detail-scrollevent{*/
/*    position: absolute;*/
/*    overflow-y: scroll;*/
/*    overflow-x: hidden;*/
/*    width: 100%;*/
/*    right: 0px;*/
/*}*/
.detail-scrollevent {
    height: calc(100% - 75px);
    overflow-y: scroll;
    position: absolute;
    left: 8px;
    right: 8px;
}
.detailmenu-boxtop h3{
    font-weight: bold;
}

.hr {
    height: 5px;
    background: #F5F5F5;
}
.video_container .swiper-main .menu-box .layui-this:after{
    position: absolute;
    bottom: 0;
    width: 25px;
    height: 3px;
    background: #4177FE;
    border: none;
    border-radius: 10px;
    left: 50%;
    top: 37px;
    margin-left: -12.5px;
}
.video_container .swiper-main .menu-box .layui-tab-brief>.layui-tab-title .layui-this{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}
.video_container .swiper-main .menu-box .layui-tab-title li{

}
.detailvideo_fidbtn{
    position: fixed;
    bottom: 0px;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 58px;
    z-index: 1000;
    background-color: #fff;
}
.detailvideo_fidinp {
    display: block;
    height: 20px;
    line-height: 20px;
    flex: 1;
    margin: 5px 5px 0 8px;
    padding: 10px 8px 10px 8px;
    background: #F5F5F5;
    border: none;
    border-radius: 4px;
    box-sizing: content-box;
}
.detailsendbtn {
    border: none;
    background-color: #448AFF;
    margin: 5px 4px 0;
    color: #ffffff;
    height: 38px;
    padding: 4px 12px;
    border-radius: 3px;
}
.newdetail-main{
    margin-top: 0;
}
.newsdetails-content p img{
    margin:30px auto;
    width: 100%;
}
.newsdetails-content{

}
/*houtai*/
.addfilterword{
    padding: 1.2rem;
}
.header-right .navbar-nav .nav-item .topmenu .nav .nav-item .active{
    color:#ffffff !important;
    padding: 0 16px;
    background-color: #4177FE;
}
.layui-form-checked span, .layui-form-checked:hover span{
    background-color: #4177FE;
}
.layui-form-checked i, .layui-form-checked:hover i{
    color: #4177FE;
}
.backlivelist .layui-form-label{
    width: auto;
}
.backlivelist .layui-tab-title{
    border-color: #4177FE;
}
.backlivelist .layui-tab-title .layui-this{
    color: #4177FE;
    background-color: inherit;
}
.backlivelist .layui-tab-title .layui-this:after{
    border-top-color: #4177FE;
    border-left-color: #4177FE;
    border-right-color: #4177FE;
}
.backlivelist .layui-tab-title li{
    background: #f1f1f1;
    margin-right: 4px;
}

.backlivelist .layui-tab-content{
    padding: 40px 20px 0;
}
.layui-form-onswitch{
    border-color: #4177FE;
    background-color: #4177FE;
    height: 22px;
    line-height: 22px;
}
.webuploader-pick{
    padding: 8px 15px;
}
.layui-layer .layui-layer-btn-c .layui-layer-btn2{
    color: #000000;
}
.webuploader-pick{
    background: #4177FE !important;
    border-color: #4177FE !important;
    padding: 11px 15px !important;
    line-height: 14px !important;
    font-size: 14px !important;
}
.authorwatch-link{
    margin: 0 12px;
}
.btn.btn-warning{
    color: #ffffff;
}
.checkstatus{
    padding-top: calc(.375rem + 1px);
}
.binduserwrap{
    width: 100vw;
    height: 100vh;
    position: relative;
}
#pic_app #layui_page .layui-box a{
    color: #000 !important;
}
.channel-info-display #views{
    font-style: initial;
    font-size: 13px;
}
.backform .layui-form-label{
    width: auto;
}
.backform .layui-input-block{
    margin-left: 130px;
}
.backform .layui-input, .backform .layui-textarea{
    font-size: .875rem;
    color: #495057;
}
.livelistform .layui-input, .livelistform .layui-textarea{
    font-size: 14px;
}
.navigation .navigation-menu-body>ul li a+ul li a{
    padding-left: 64px;
}
.navigation-menu-body > ul li{
    border-bottom: 1px solid #f9f6f6;
}
.chat-block .chat-sidebar .chat-sidebar-content .list-group .navigation .navigation-menu-body>ul li .list-group-item.active+ul li, .header form .input-group .input-group-append .navigation .navigation-menu-body>ul li button.btn+ul li, .navigation .navigation-menu-body>ul li .chat-block .chat-sidebar .chat-sidebar-content .list-group .list-group-item.active+ul li, .navigation .navigation-menu-body>ul li .header form .input-group .input-group-append button.btn+ul li, .navigation .navigation-menu-body>ul li a+ul li{
    border-bottom:none;
}
.padding0{
    padding: 0px !important;
}
.videolibrary-form .layui-input,.videolibrary-form .layui-textarea{
    font-size: 14px;
    height: 36px;
}
.business-licensewrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100vw;
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999999;
    bottom: 0;
    display: none;
 }
.business-licensewrap div img{
    width: 70%
}
.business-license{
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
}
.business-license i{
    border: 1px solid #ffffff;
    border-radius: 50px;
    padding: 8px;
    cursor: pointer;
}
.container-bground .layui-form .layui-table-page .layui-laypage a{
    color: #333333;
}
.detailfoot{
    position: fixed;
    bottom: 0px;
    color: #979B9F;
    text-align: center;
    padding: 6px 0;
    overflow: hidden;
    background-color: #ffffff;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 100;
}
.vid_container{
    height: 100%;
}
.prism-player .prism-big-play-btn{
    width: 50px !important;
    height: 50px !important;
    left: 50%!important;
    bottom: 0!important;
    top: 50%!important;
    transform: translate(-50%,-50%)!important;
}
.prism-player .prism-big-play-btn .outter{
    width: 50px !important;
    height: 50px !important;
}
.detailfoot a{
    margin-left: 8px;
}
.suspend-wrap{
    position: relative;
    overflow: hidden;
}
.suspend-wrap span{
    position: absolute;
    bottom: 0px;
    right: 20px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}
.masksuspend{
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    top: 0;
    max-width: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.masksuspend:hover{
    display: flex;
    background: rgba(0, 0, 0, 0.6);
}
.masksuspend i{
    color: #ffffff;
}
.laytable-cell-1-0-1, .laytable-cell-1-0-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.layui-form-onswitch, .layui-form-switch{
    box-sizing: content-box;
}
#allbox .header-wrap .navfront ul li .navactive{
    color: #ffffff;
}
.export-btn{
    position: absolute;
    right: 8px;
    top: 3px;
}
.navactive{
    color: #ffffff;
    background-color: #4177FE;
    padding: 0px 22px!important;
    border-radius: 25px;
    line-height: 34px;
    display: inline-block;
    height: 35px;
}
.backfooter a{
    margin-left: 8px;
}
.swiper-news .swiper-button-next, .swiper-news .swiper-button-prev{
    padding: 0 17px;
    border-radius: 50px;
}
.pic_app_con_icon{
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 16px;
    color: #959393;
    cursor: pointer;
}
.pic_app_con:hover .pic_app_con_icon{
    display: block;
}
/*左侧编辑图片 start*/
.pic_app_con_left_icon{
    display: none;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 16px;
    color: #959393;
    cursor: pointer;
}
.pic_app_con:hover .pic_app_con_left_icon{
    display: block;
}
/*左侧编辑图片 end*/
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none!important;
    box-shadow:none!important;
    border-color: transparent;
    transition: none!important;
    -webkit-animation: none!important;
}
.btn.btn-danger:not(:disabled):not(.disabled):focus{
    box-shadow: none!important;
    transition: none!important;
}
.btn.btn-shadow:active,.btn.btn-shadow:focus{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
button{
    outline:none!important;
    transition: none!important;
}　
 .btn.btn-primary,.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active[href="#next"],.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active[href="#previous"],.header form .input-group .input-group-append button.btn[href="#next"],.header form .input-group .input-group-append button.btn[href="#previous"],a.btn[href="#next"],a.btn[href="#previous"]{
     background:#004deb;
     border-color:#004deb
 }
.btn.btn-primary:not(:disabled):not(.disabled):active,.btn.btn-primary:not(:disabled):not(.disabled):focus,.btn.btn-primary:not(:disabled):not(.disabled):hover,.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):active[href="#next"],.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):active[href="#previous"],.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):focus[href="#next"],.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):focus[href="#previous"],.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):hover[href="#next"],.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):hover[href="#previous"],.header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):active[href="#next"],.header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):active[href="#previous"],.header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):focus[href="#next"],.header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):focus[href="#previous"],.header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):hover[href="#next"],.header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):hover[href="#previous"],a.btn:not(:disabled):not(.disabled):active[href="#next"],a.btn:not(:disabled):not(.disabled):active[href="#previous"],a.btn:not(:disabled):not(.disabled):focus[href="#next"],a.btn:not(:disabled):not(.disabled):focus[href="#previous"],a.btn:not(:disabled):not(.disabled):hover[href="#next"],a.btn:not(:disabled):not(.disabled):hover[href="#previous"]{
    background:#002fcd;
    border-color:#002fcd
}
.btn.btn-primary:not(:disabled):not(.disabled):focus,.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):focus[href="#next"],.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:not(:disabled):not(.disabled):focus[href="#previous"],.header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):focus[href="#next"],.header form .input-group .input-group-append button.btn:not(:disabled):not(.disabled):focus[href="#previous"],a.btn:not(:disabled):not(.disabled):focus[href="#next"],a.btn:not(:disabled):not(.disabled):focus[href="#previous"]{
    -webkit-box-shadow:none!important;
    -moz-box-shadow:none!important;
    box-shadow:none!important;
    transition: none!important;
}
.btn.btn-primary.btn-pulse:not(:disabled):not(.disabled),.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.btn-pulse.list-group-item.active:not(:disabled):not(.disabled)[href="#next"],.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.btn-pulse.list-group-item.active:not(:disabled):not(.disabled)[href="#previous"],.header form .input-group .input-group-append button.btn.btn-pulse:not(:disabled):not(.disabled)[href="#next"],.header form .input-group .input-group-append button.btn.btn-pulse:not(:disabled):not(.disabled)[href="#previous"],a.btn.btn-pulse:not(:disabled):not(.disabled)[href="#next"],a.btn.btn-pulse:not(:disabled):not(.disabled)[href="#previous"]{
    -webkit-box-shadow:none!important;
    -moz-box-shadow:none!important;
    box-shadow:none!important;
    -webkit-animation:pulse 1.5s infinite!important;
    transition: none!important;
}
.btn.btn-primary:hover,.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:hover[href="#next"],.chat-block .chat-sidebar .chat-sidebar-content .list-group .btn.list-group-item.active:hover[href="#previous"],.header form .input-group .input-group-append button.btn:hover[href="#next"],.header form .input-group .input-group-append button.btn:hover[href="#previous"],a.btn:hover[href="#next"],a.btn:hover[href="#previous"]{
    -webkit-animation:none;
}
#editor1 #edui1{
    width: 100% !important;
}
#editor1 #edui1_iframeholder{
    width: 100% !important;
}
.btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):hover{
    background: #4177FE;
    border-color: #4177FE;
}
.btn.btn-secondary{
    background: #4177FE;
    border-color: #4177FE;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background: #4177FE;
}
.action-right .d-flex .layui-inline .layui-input,.action-right .d-flex .layui-inline .layui-select,.action-right .d-flex .layui-inline .layui-textarea{
    height: 36px;
    line-height: 36px;
}
.chat-block .chat-content .messages .message-item.message-item-divider span, .page-header .breadcrumb li.breadcrumb-item, .small, small{
    font-size: 14px;
}
#nestablemenu ol li .dd3-content span a{
    color: #000000;
}
.navigation .navigation-menu-body>ul li a .nav-link-icon{
    width: inherit;
    height: inherit;
}
.col-form-label{
    text-align: right;
}
.btn{
    transition: none;
}
.app-block .app-content .app-action .card-body, .card .card-body, .chat-block .card-body{
    padding: 1.2rem !important;
}
.layui-form-radio>i{
    font-size: 18px;
}
.layui-layer-btn .layui-layer-btn0{
    border-color: #4177FE !important;
    background-color: #4177FE!important;
}
.prism-player video{
    object-fit: cover;
}
.action-left{
    padding-right: 12px;
}
.tophigh-input{
    width: 10%;
    display: inline-block;
    margin-right: 8px;
}
.tophighimg{
    max-width: 350px;
    max-height: 400px;
    margin-top: 12px;
    display: block;
}
.comments-iframe{
    width: 100%;
    height: 500px;
    border: 1px solid #f1f1f1;
}

.videos-iframe{
    width: 100%;
    height: 890px;
    border: none;
}
.videos-iframe body{
    background-color: #ffffff;
}
.framevideo-list .layui-form-label{
    width: auto;
    max-width: 130px;
}
.layui-form-label{
    cursor: default;
}
body.stretch-layout .video-select .main-content{
    height: 100vh;
    overflow-x: hidden;
}
.live_intro{
    display: flex;
    align-items: center;
}
.live_intro .layui-input-block{
    margin-left: 0px;
}
.live_intro p{
    margin-right: 20px;
}
.live_intro .layui-input-block .layui-form-switch{
    margin-top: 6px;
}


/*主题色*/
.blue_theme .ant-btn-primary{
    background-color: #4177fe;
    color: #ffffff;
}
.blue_theme .comments-moments .tabs{
    background-color: #4177fe;
}
.blue_theme .commemt_send .iconface{
    color: #4177fe;
}
.blue_theme .sendbtn{
    background-color: #4177fe;
}
.blue_theme .prowrap_left h2{
    color: #4177fe;
}
.blue_theme .prowrap_right h2{
    color: #4177fe;
}
.blue_theme .channel-info-display i{
    color: #4177fe;
}
.blue_theme .qrcode-wrap .iconfont
{
    color: #4177fe;
}
.blue_theme .video_container .swiper-main .menu-box .layui-this:after{
    background: #4177FE;
}
.blue_theme .new-public-box .is-focus .mobile-emotion-span i{
    color: #4177FE;
}
.blue_theme .send-btn .mobile-iconfont{
    background: #4177FE;
}
.blue_theme .mobilenickname-box .mobilenickname-btn{
    background: #4177FE;
}

.red_theme .ant-btn-primary{
    background-color: #e95157;
    color: #ffffff;
}
.red_theme .comments-moments .tabs{
    background-color: #e95157;
}
.red_theme .commemt_send .iconface{
    color: #e95157;
}
.red_theme .sendbtn{
    background-color: #e95157;
}
.red_theme .prowrap_left h2{
    color: #e95157;
}
.red_theme .prowrap_right h2{
    color: #e95157;
}
.red_theme .channel-info-display i{
    color: #e95157;
}
.red_theme .qrcode-wrap .iconfont
{
    color: #e95157;
}
.red_theme .prowrap_left h2:after{
    background-color: #fdc4c6;
}
.red_theme .prowrap_right h2:after{
    background-color: #fdc4c6;
}
.red_theme .comment_wrap::-webkit-scrollbar-thumb{
    background-color:#e95157;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.red_theme .comment_wrap::-webkit-scrollbar-thumb:hover{
    background-color:#e95157;
}
.red_theme .backsee-wrap::-webkit-scrollbar-thumb{
    background-color:#e95157;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.red_theme .backsee-wrap::-webkit-scrollbar-thumb:hover{
    background-color:#e95157;
}
.red_theme .video_container .swiper-main .menu-box .layui-this:after{
    background: #e95157;
}
.red_theme .new-public-box .is-focus .mobile-emotion-span i{
    color: #e95157;
}
.red_theme .send-btn .mobile-iconfont{
    background: #e95157;
}
.red_theme .video_container .menu-box::-webkit-scrollbar-thumb{
    background-color:#e95157;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.red_theme .video_container .menu-box::-webkit-scrollbar-thumb:hover{
    background-color:#e95157;
}
.red_theme .emoticon-box::-webkit-scrollbar-thumb{
    background-color:#e95157;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.red_theme .emoticon-box::-webkit-scrollbar-thumb:hover{
    background-color:#e95157;
}
.red_theme .mobilenickname-box .mobilenickname-btn{
    background-color:#e95157;
}

.black_theme .ant-btn-primary{
    background-color: #666666;
    color: #ffffff;
}
.black_theme .comments-moments .tabs{
    background-color: #666666;
}
.black_theme .commemt_send .iconface{
    color: #666666;
}
.black_theme .sendbtn{
    background-color: #666666;
}
.black_theme .prowrap_left h2{
    color: #666666;
}
.black_theme .prowrap_right h2{
    color: #666666;
}
.black_theme .channel-info-display i{
    color: #666666;
}
.black_theme .qrcode-wrap .iconfont
{
    color: #666666;
}
.black_theme .prowrap_left h2:after{
    background-color: #cecaca;
}
.black_theme .prowrap_right h2:after{
    background-color: #cecaca;
}
.black_theme .comment_wrap::-webkit-scrollbar-thumb{
    background-color:#666666;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.black_theme .comment_wrap::-webkit-scrollbar-thumb:hover{
    background-color:#666666;
}
.black_theme .backsee-wrap::-webkit-scrollbar-thumb{
    background-color:#666666;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.black_theme .backsee-wrap::-webkit-scrollbar-thumb:hover{
    background-color:#666666;
}
.black_theme .video_container .swiper-main .menu-box .layui-this:after{
    background: #666666;
}
.black_theme .new-public-box .is-focus .mobile-emotion-span i{
    color: #666666;
}
.black_theme .send-btn .mobile-iconfont{
    background: #666666;
}
.black_theme .video_container .menu-box::-webkit-scrollbar-thumb{
    background-color:#666666;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.black_theme .video_container .menu-box::-webkit-scrollbar-thumb:hover{
    background-color:#666666;
}
.black_theme .emoticon-box::-webkit-scrollbar-thumb{
    background-color:#666666;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.black_theme .emoticon-box::-webkit-scrollbar-thumb:hover{
    background-color:#666666;
}
.black_theme .mobilenickname-box .mobilenickname-btn{
    background-color:#666666;
}

.gold_theme .ant-btn-primary{
    background-color: #e8b742;
    color: #ffffff;
}
.gold_theme .comments-moments .tabs{
    background-color: #e8b742;
}
.gold_theme .commemt_send .iconface{
    color: #e8b742;
}
.gold_theme .sendbtn{
    background-color: #e8b742;
}
.gold_theme .prowrap_left h2{
    color: #e8b742;
}
.gold_theme .prowrap_right h2{
    color: #e8b742;
}
.gold_theme .channel-info-display i{
    color: #e8b742;
}
.gold_theme .qrcode-wrap .iconfont
{
    color: #e8b742;
}
.gold_theme .prowrap_left h2:after{
    background-color: #f5dfab;
}
.gold_theme .prowrap_right h2:after{
    background-color: #f5dfab;
}
.gold_theme .comment_wrap::-webkit-scrollbar-thumb{
    background-color:#e8b742;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.gold_theme .comment_wrap::-webkit-scrollbar-thumb:hover{
    background-color:#e8b742;
}
.gold_theme .backsee-wrap::-webkit-scrollbar-thumb{
    background-color:#e8b742;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.gold_theme .backsee-wrap::-webkit-scrollbar-thumb:hover{
    background-color:#e8b742;
}
.gold_theme .video_container .swiper-main .menu-box .layui-this:after{
    background: #e8b742;
}
.gold_theme .new-public-box .is-focus .mobile-emotion-span i{
    color: #e8b742;
}
.gold_theme .send-btn .mobile-iconfont{
    background: #e8b742;
}
.gold_theme .video_container .menu-box::-webkit-scrollbar-thumb{
    background-color:#e8b742;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.gold_theme .video_container .menu-box::-webkit-scrollbar-thumb:hover{
    background-color:#e8b742;
}
.gold_theme .emoticon-box::-webkit-scrollbar-thumb{
    background-color:#e8b742;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.gold_theme .emoticon-box::-webkit-scrollbar-thumb:hover{
    background-color:#e8b742;
}
.gold_theme .mobilenickname-box .mobilenickname-btn{
    background-color:#e8b742;
}

.green_theme .ant-btn-primary{
    background-color: #60df99;
    color: #ffffff;
}
.green_theme .comments-moments .tabs{
    background-color: #60df99;
}
.green_theme .commemt_send .iconface{
    color: #60df99;
}
.green_theme .sendbtn{
    background-color: #60df99;
}
.green_theme .prowrap_left h2{
    color: #60df99;
}
.green_theme .prowrap_right h2{
    color: #60df99;
}
.green_theme .channel-info-display i{
    color: #60df99;
}
.green_theme .qrcode-wrap .iconfont
{
    color: #60df99;
}
.green_theme .prowrap_left h2:after{
    background-color: #cafbe0;
}
.green_theme .prowrap_right h2:after{
    background-color: #cafbe0;
}
.green_theme .comment_wrap::-webkit-scrollbar-thumb{
    background-color:#60df99;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.green_theme .comment_wrap::-webkit-scrollbar-thumb:hover{
    background-color:#60df99;
}
.green_theme .backsee-wrap::-webkit-scrollbar-thumb{
    background-color:#60df99;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.green_theme .backsee-wrap::-webkit-scrollbar-thumb:hover{
    background-color:#60df99;
}
.green_theme .video_container .swiper-main .menu-box .layui-this:after{
    background: #60df99;
}
.green_theme .new-public-box .is-focus .mobile-emotion-span i{
    color: #60df99;
}
.green_theme .send-btn .mobile-iconfont{
    background: #60df99;
}
.green_theme .video_container .menu-box::-webkit-scrollbar-thumb{
    background-color:#60df99;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.green_theme .video_container .menu-box::-webkit-scrollbar-thumb:hover{
    background-color:#60df99;
}
.green_theme .emoticon-box::-webkit-scrollbar-thumb{
    background-color:#60df99;
    background-clip:padding-box;
    min-height:28px;
    border-radius: 25px;
}
.green_theme .emoticon-box::-webkit-scrollbar-thumb:hover{
    background-color:#60df99;
}
.green_theme .mobilenickname-box .mobilenickname-btn{
    background-color:#60df99;
}

input::-webkit-input-placeholder {
    font-size: 14px;
    color: #999999;
}
input::-moz-input-placeholder {
    font-size: 14px;
    color: #999999;
}
input::-ms-input-placeholder {
    font-size: 14px;
    color: #999999;
}
.default-theme .layui-btn-disabled, .default-theme .layui-btn-disabled:active, .default-theme .layui-btn-disabled:hover {
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    color: #C9C9C9;
    cursor: not-allowed;
    opacity: 1;
}
.detail-all .send-btn .layui-btn-disabled, .detail-all .send-btn .layui-btn-disabled:active, .detail-all .send-btn .layui-btn-disabled:hover {
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    color: #C9C9C9;
    cursor: not-allowed;
    opacity: 1;
}
.detail-all .modifynickname-box .layui-btn-disabled, .detail-all .modifynickname-box .layui-btn-disabled:active, .detail-all .modifynickname-box .layui-btn-disabled:hover {
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    color: #C9C9C9;
    cursor: not-allowed;
    opacity: 1;
}
.commentbox-back .layui-btn-disabled, .commentbox-back .layui-btn-disabled:active, .commentbox-back .layui-btn-disabled:hover {
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    color: #C9C9C9;
    cursor: not-allowed;
    opacity: 1;
}
/*zhaopianqiang*/
.htmleaf-container{
    margin: 0 auto;
    position: relative;
}
/*nav*/
.htmleaf-demo a{color: #fff;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */

.htmleaf-icon {
    display: inline-block;
    margin: 0.5em;
    padding: 0em 0;
    width: 1.5em;
    text-decoration: none;
}

.htmleaf-icon span {
    display: none;
}

.htmleaf-icon:before {
    margin: 0 5px;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}
/* footer */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related {
    color: #fff;
    background: #494A5F;
    text-align: center;
    font-size: 1.25em;
    padding: 0.5em 0;
    overflow: hidden;
}

.related > a {
    vertical-align: top;
    width: calc(100% - 20px);
    max-width: 340px;
    display: inline-block;
    text-align: center;
    margin: 20px 10px;
    padding: 25px;
    font-family: "Microsoft YaHei","瀹嬩綋","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.related a {
    display: inline-block;
    text-align: left;
    margin: 20px auto;
    padding: 10px 20px;
    opacity: 0.8;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
    text-decoration: none;
}

.related a:hover,
.related a:active {
    opacity: 1;
}

.related a img {
    max-width: 100%;
    opacity: 0.8;
    border-radius: 4px;
}
.related a:hover img,
.related a:active img {
    opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;font-size: 1.2em}
.related a h3 {
    font-size: 0.85em;
    font-weight: 300;
    margin-top: 0.15em;
    color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
    content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
    content: "\e5001";
}


@media screen and (max-width: 960px) {
    .related h3{font-size: 1em;}
    .related a h3 {
        font-size: 0.8em;
    }
}
@media screen and (max-width: 640px) {
    .related h3{font-size: 0.8em;}
    .related a h3 {
        font-size: 0.6em;
    }
}
div.photopile-wrapper {
    margin: 75px auto;
    width: 100%;
    max-width: 1200px;
    text-align: center;
    min-height: 410px;
    display: flex;
    align-items: center;
}
@media (max-width: 320px)                         { ul.photopile li a { max-width:  85px; }}
@media (min-width: 321px) and (max-width: 568px)  { ul.photopile li a { max-width: 100px; }}
@media (min-width: 569px) and (max-width: 768px)  { ul.photopile li a { max-width: 115px; }}
@media (min-width: 769px) and (max-width: 1024px) { ul.photopile li a { max-width: 125px; }}
@media (min-width: 1025px)                        { ul.photopile li a { max-width: 150px; }}
.js div.photopile-wrapper {
    min-height : 500px;
}
div#photopile-nav-next,
div#photopile-nav-next:hover,
div#photopile-nav-prev,
div#photopile-nav-prev:hover {
    background-image: url('../images/nav-sprites.png');
}

/* Prevent FOUC */
.js ul.photopile {
    display: none;
}

/* Thumbnails */
ul.photopile {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.photopile li {
    display: inline-block;
    position: relative;
    margin: 2px;
    padding: 0;
    -webkit-backface-visibility: hidden;
}
ul.photopile li a {
    display: block;
    padding: 0px;
    outline: none;
    text-decoration: none;
    box-shadow: 0 0 20px #3D3D3D;
}
ul.photopile li.photopile-active-thumbnail:hover,
ul.photopile li.photopile-active-thumbnail a:hover {
    cursor: default;
}
ul.photopile li a img {
    display: block;
    margin: 0;
    padding: 0;
    width: 166px;
    height: 157px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    object-fit: cover;
}

/* Photo container */
div#photopile-active-image-container {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    overflow-x: hidden;
    max-width: 740px;
    min-width:600px;
    max-height: 420px !important;
}
div#photopile-active-image-container img {
    margin: 0 auto;
    object-fit: cover;
}
div#photopile-active-image-info {
    position: relative;
    width: 100%;
    background: rgba(0,0,0,0.3);
}
div#photopile-active-image-info p {
    color: white;
    font-size: 13px;
    margin: 0;
    padding: 4px 20px 4px;
}

/* Navigator */
div#photopile-nav-next,
div#photopile-nav-prev {
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 40px;
    margin-top: -20px;
    cursor: pointer;
}
div#photopile-nav-next {
    right: 0;
    margin-right: -35px;
    background-position: -50px 0;
}
div#photopile-nav-next:hover {
    background-position: -50px -50px;
}
div#photopile-nav-prev {
    left: 0;
    right: 0;
    margin-left: -35px;
    background-position: 0 0;
}
div#photopile-nav-prev:hover {
    background-position: 0 -50px;
}

.spc-wrapper {
    max-width: 700px;
    margin: 70px auto;
}
.iconfontbox{
    width: 36px;
    height: 36px;
    background-color: #3F74F7;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    margin: 0;
}
.iconfontbox i{
    font-size: 23px;
    color: #ffffff;
}
#photopile-active-image-comments{
    position: absolute;
    width: 100%;
    height: 230px;
    right: 0px;
    left: 0px;
    bottom: 20px;
    cursor: pointer;
}
.disflex{
    display: flex;
}
.commentsbox{
    position: absolute;
    right: 20px;
    bottom: 50px;
    display: flex;
    border-radius: 50px;
    align-items: center;
}
.commentsleft{
    display: none;
    background: rgb(255, 255, 255);
    border-radius: 4px;
    margin-right: 4px;
}
.commentsleft input{
    display: inline-block;
}
.commentsbox .commentsleft .video_fidinp{
    margin: 5px 5px 5px 8px;
}
.scroll-box{
    position: absolute;
    left: 0;
    bottom: 50px;
    width:400px;
    height:215px;
    margin:0px auto;
    overflow:hidden;
}
.scroll-box ul{
    list-style:none;
    width:100%;
    height:100%;
    padding: 0 20px;
}
.scroll-box ul li {
    width:fit-content;
    max-width: 380px;
    height:auto;
    box-sizing:border-box;
    line-height:22px;
    text-align:left;
    background:rgba(0, 0, 0, 0.3);
    border-radius: 75px;
    margin-bottom: 20px;
    padding: 4px 16px;
    color: #ffffff;
    word-break:break-all;
}
.photoinfobox{
    max-width: 90%;
}
.photoinfobox h3{
    color: #ffffff;
    padding:8px 20px 4px;
    font-weight: bold;
}
#bsPanelHolder #bsPanel .bsTitle a, #bsPanelHolder #bsPanel a{
    color: #666;
}
.bsBox{
    box-sizing: content-box;
}
.bFind-wrapper-top{
    height: 26px !important;
}
.rightcss .swiper-container{
    width: 352px;
    height: 198px;
}
.rightcss .swiper-container .swiper-slide img{
    object-fit: contain;
}
.leftcss .liveppt{
    width: 100%;
    height: 100%;
}
.leftcss .liveppt .docswiper{
    width: 100%;
    height: 100%;
}
.leftcss .liveppt .docswiper .swiper-slide img{
    object-fit: contain;
}
.docswiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.docswiper .swiper-button-next:after, .docswiper .swiper-button-prev:after{
    font-size: 20px;
}
.wapdocswiper .swiper-button-next:after, .wapdocswiper .swiper-button-prev:after{
    font-size: 20px;
}
.wapdocswiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 992px){
    .app-block .app-content .app-action{
        flex-direction: revert;
        -webkit-flex-direction: revert;
        -moz-box-orient: revert;
        -moz-box-direction: revert;
        -ms-flex-direction: revert;
    }
}
@media (max-width: 1100px){
    .layui-layer-iframe{
        overflow-y: initial !important;
    }
}
@media (max-width: 1200px){
    .header{
        padding: 5px 0;
        height: 60px;
    }
    .navigation-toggler{
        display: block;
    }
}
@media (min-width: 1024px){
    .menu-box .layui-tab-content{
        height: calc(100% - 398px) !important;
    }
}
@media screen and (min-width:750px) and (max-width:1024px) {
    body{
        background: none;
    }
    #allbox .header-wrap .navfront ul li a{
        padding: 0px 12px!important;
    }
    .about-grid{
        padding: 30px 6px;
        height: 215px;
    }
    .bindcodecenter-wrap{
        width: 92%;
    }
    .center-wrapright{
        width: 100%;
    }
    .center-wrapleft{
        width: 100%;
        text-align: center;
    }
    .menu-box .layui-tab-content{
        height: calc(100% - 340px);
    }
    .center-wrapleft img {
        width: 90%;
    }
    .navigation-toggler{
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .sess-container {
        padding: 20px 0;
    }

    .swiper-banner {
        margin-top: 52px;
    }

    .newlivebanner {
        margin-top: 52px;
        height: auto;
    }

    .newlivebanner img {
        height: 168px;
    }

    .container {
        width: 100%;
    }
    .navigation-toggler{
        display: block;
    }
    .loginheader .stricky-fixed {
        margin-top: 6px;
    }

    .loginheader .header-wrap {
        width: 100%;
    }

    #allbox .header-wrap .navfront ul li a {
        padding: 0px 11px !important;
        line-height: 30px;
        height: 30px;
        color: #ffffff;
    }

    .center-wrap {
        width: 100%;
    }

    .navfront ul li {
        margin: 0 4px;
    }

    .header-wrap {
        height: auto;
        flex-wrap: wrap;
        padding: 11px 15px 13px;
    }
    .navfront {
        display: none;
        margin: 0px;
        width: 100%;
        position: absolute;
        top: 53px;
        left: 2px;
        right: 0;
        border-radius: 0px 0px 0px 50px;
        padding: 12px;
    }
    .user-info {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
    }

    .navbar-toggle-wrap {
        display: block;
        position: absolute;
        right: 12px;
        top: 11px;
    }

    .swiper-banner .swiper-slide img {
        object-fit: cover;
        width: 100%;
        height: 170px;
    }

    .header-logoimg {
        width: 120px;
    }

    .navbar-toggle-wrap i {
        font-size: 32px;
    }

    .dropdown {
        position: absolute;
        right: 50px;
        top: 13px;
    }

    .header-wrap .search {
        position: absolute;
        right: 166px;
        top: 0px;
        height: 52px;
        line-height: 52px;
        padding: 0 8px;
        border-left: none;
        border-right: none;
    }

    .login-foot {
        bottom: 10px;
    }

    .swiper-activity .swiper-button-next {
        right: 12px;
    }

    .swiper-activity .swiper-button-prev {
        right: 44px;
    }

    .swiper-activity .swiper-button-next, .swiper-activity .swiper-button-prev {
        top: 22px;
        z-index: 999;
        height: 26px;
        padding: 0 10px
    }
    .swiper-activity .swiper-button-prev:after, .swiper-activity .swiper-button-next:after{
        font-size: 14px;
    }
    .main-activitytitle h3 {
        margin-bottom: 20px;
        font-size: 16px;
        padding: 0 12px;
        font-weight: bold;
    }

    .playback {
        width: 100%;
    }

    .playback-wrap .playback:nth-child(2), .playback-wrap .playback:nth-child(3) {
        width: 100%;
    }

    .footer {
        flex-wrap: wrap;
        padding: 12px;
    }

    .footer-left, .footer-right {
        width: 100%;
    }

    .footer-right {
        margin: 30px 0;
    }

    .code-item {
        width: 33%;
        margin-left: 8px;
    }

    .code-item img {
        width: 100%;
    }

    .newlive-wrap > div:nth-child(1), .newlive-wrap > div:nth-child(2) {
        width: 100%;
    }

    .newlive-item {
        width: 100%;
        margin-bottom: 0px;
    }
    .navfront:after {
        content: "";
        width: 100%;
        padding-bottom: 80px;
        height: 0;
        overflow: hidden;
        position: absolute;
        left: -2px;
        top: 0px;
        background: rgba(65,119,254, 1);
        z-index: -1;
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transform-origin: right top;
        transition: 0.78s;
    }
    .navfront:before {
        content: "";
        width: 100%;
        padding-bottom: 86px;
        height: 0;
        overflow: hidden;
        position: absolute;
        left: -2px;
        top: 0;
        background: rgba(65,119,254, 0.5);
        z-index: -2;
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transform-origin: right top;
        transition: 0.78s;
    }
    .about-leftimg img {
        width: 100%;
    }

    .about-wrapintroduct {
        flex-wrap: wrap;
    }

    .about-brand {
        flex-wrap: wrap;
        padding: 20px;
    }

    .about-brandleft {
        margin-right: 0px;
        width: 100%;
    }

    .about-brandright {
        width: 100%;
    }

    .footer-left h3 img {
        width: 50%;
    }

    .default-theme {
        margin-top: 50px;
    }

    .agreement-main {
        margin-top: 52px;
    }

    .aboutbanner {
        margin-top: 52px;
    }

    .newlive-main {
        margin-top: 72px;
    }

    .newlivemain-activitytitle h3 {
        margin-bottom: 20px;
        color: #4177FE;
        padding: 0 12px;
    }

    .latest-liveitem {
        width: 100%;
        margin-bottom: 0px;
    }

    .sp94 {
        width: 100%;
        height: 52px;
    }

    .about-grid {
        padding: 30px 6px;
        height: 215px;
    }

    .about-leftimg {
        width: 100%;
    }

    .about-intro {
        width: 100%;
        padding: 20px;
    }

    .bindcodecenter-wrap {
        position: initial;
        top: 0;
        left: 0;
        transform: initial;
        height: auto;
        width: 92%;
        margin: 70px auto 20px;
        flex-wrap: wrap;
    }

    .center-wrapright {
        width: 100%;
    }

    .center-wrapleft {
        width: 100%;
        text-align: center;
    }

    .center-wrapleft img {
        width: 60%;
    }

    .loginform {
        width: 100%;
    }

    .form-wrapper {
        padding: 0 1rem;
    }

    .binduserwrap {
        height: auto;
    }

    .user-info a {
        height: 28px;
        line-height: 28px;
    }

    .search-wrap {
        width: 100%;
        right: 0;
        top: 52px;
    }

    .search-wrap .layui-tab-title {
        height: 44px;
    }

    .search-wrap .layui-tab-title li {
        height: 44px;
    }

    .search-wrap .layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
        top: 32px;
    }

    .search-wrap .layui-tab-title li {
        line-height: 44px;
    }

    .search-wrap .layui-tab-content {
        padding: 10px;
    }
    .prism-player .prism-big-play-btn{
        width: 34px !important;
        height: 34px !important;
        left: 50%!important;
        bottom: 0!important;
        top: 50%!important;
        transform: translate(-50%,-50%)!important;
    }
    .prism-player .prism-big-play-btn .outter{
        width: 34px !important;
        height: 34px !important;
    }
    .preview-vod-component .preview-component-tip{
        bottom: 45px !important;
        z-index: 9997!important;
    }
    .preview-vod-component .preview-component-layer{
        position: fixed!important;
    }
    .agreement-main p,.agreement-main h4,.agreement-main h5{
        padding: 12px;
    }
    .playback-wrap .playback:nth-child(1), .playback-wrap .playback:nth-child(2){
        width: 100%;
    }
    .main-activitytitle h3 svg{
        font-size: 25px;
        margin-right: 8px;
    }
    .main-activitytitle h3:after{
        left: 46px;
        width: 30px;
        bottom: 0px;
    }
    .swiper-news .swiper-button-next, .swiper-news .swiper-button-prev{
        top: 22px;
        padding: 0 10px;
    }
    .swiper-news .swiper-button-prev{
        right: 44px;
        font-size: 14px;
        height: 26px;
    }
    .swiper-news .swiper-button-next{
        right: 12px;
        height: 26px;
    }
    .footer p{
        line-height: 28px;
    }
    .footer-left p {
        margin-bottom: 12px;
    }
    .swiper-activitypro{
        padding: 15px 30px;
    }
    .swiper-hotlivepro{
        padding: 15px 30px 0px;
    }
    .swiper-news .swiper-button-next:after, .swiper-news .swiper-button-prev:after, .swiper-news .swiper-button-prev:after, .swiper-news .swiper-button-next:after{
        font-size: 14px;
    }
    .search i{
        font-size: 24px;
    }
    .user-info a{
        padding: 0 18px;
    }
    .user-info a:nth-child(1) {
        margin-right: 4px;
    }
    .button_su_inner{
        padding: 8px 18px
    }
    .backfooter{
        width: 86%;
        margin: 0 auto;
    }
    body.sticky-footer #main footer, body.stretch-layout #main footer{
        background-color: inherit;
    }
    .newlivemain-activitytitle h3{
        font-size: 16px;
        font-weight: bold;
        padding: 0 12px;
    }
    .live-customtitleh3{
        font-size: 16px;
        font-weight: bold;
        padding: 0 12px;
        color: #4177FE;
        margin-bottom: 16px;
    }
    .live-customtitleh5 {
        font-size: 14px;
        padding: 0 12px;
        margin-bottom: 20px;
        color: #000000;
    }
    .custom-mainbox{
        margin: 32px 0 50px 0;
    }
    .latest-livetitle h3{
         font-size: 16px;
         font-weight: bold;
         padding: 0 12px;
         margin-top: 20px;
         margin-bottom: 20px;
     }
    #allbox .header-wrap .navfront ul li .navactive{
        color: #4177FE;
        background: #ffffff;
    }
    .sess-containerabout{
        display: flex;
        justify-content: space-between;
        padding: 0px;
    }
    .newsdetails-headerWrapper{
        padding: 20px;
    }
    .newsdetails-headerWrapper h3{
        font-size: 16px;
        line-height: 32px;
        padding-bottom: 12px;
    }
    .newsdetails-content{
        padding: 0 20px;
    }
    .agreement-main{
        padding: 20px 0;
    }
    .agreement-main h3{
        margin-bottom: 8px;
        font-size: 18px;
    }
    .agreement-main h4{
        margin-top: 0px;
        font-size: 16px;
    }
    .agreement-main h5{
        font-size: 14px;
        margin-top: 8px;
        line-height: 26px;
    }
    .agreement-main p, .agreement-main h4, .agreement-main h5{
        padding: 4px 20px;
    }
    .navfront .navItems{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .newsdetails-info p{
        font-size: 15px;
    }
    .bindcode-step img{
        width: 80%;
    }
    .impowerBox .qrcode{
        width: 200px !important;
    }
    .dashul li{
        width: 100%;
    }
    .header ul.navbar-nav li.nav-item{
        margin: 0 12px;
    }
    .vip_limit_wrap{
        width: 90%;
        padding: 40px 32px;
    }
    .vip_limit_wrap .needpay{
        margin-bottom: 20px;
    }
    .search-input-elem{
        margin: 0;
    }
    .custom-mainbox{
        padding: 30px 0;
    }
    .custom-ul{
        margin: 0 20px;
    }
    .custom-mainbox .custom-list li p{
        font-size: 14px;
        margin: 12px 0;
    }
    .custom-ul ul:nth-child(2) {
        justify-content: space-evenly;
    }
    .custom-anli {
        margin: 0 20px;
    }
    .custom-title51{
        font-size: 16px;
        background-size: 70%;
        line-height: 52px;
    }
    .custom-title52{
        font-size: 16px;
        background-size: 60%;
        line-height: 52px;
    }
    .custom-mainbox .custom-list li{
        margin: 0 8px 20px;
    }
    .upload-picbox{
        margin: 0px auto;
        width: 100%;
    }
    .upload-picbutton{
        margin: 0;
        padding: 4px 12px;
        font-size: 14px;
        line-height: 22px;
        height: 22px;
        box-sizing: content-box;
    }
    div.photopile-wrapper{
        margin: 35px auto;
    }
    ul.photopile li{
        margin: 4px !important;
    }
    div#photopile-nav-next, div#photopile-nav-prev{
        background-size:40px;
    }
    div#photopile-nav-next, div#photopile-nav-prev{
        width: 24px;
        height: 16px;
        margin-top: -8px;
    }
    div#photopile-nav-next{
        margin-right: -28px;
        background-position: -53px 0;
    }
    div#photopile-nav-prev{
        margin-left: -22px;
    }
    div#photopile-active-image-container{
        padding: 4px !important;
        width: 90% !important;
        min-width: 90%;
        max-height: 230px !important;
    }
    ul.photopile li a img{
        width: 86px;
        height: 77px;
    }
    .scroll-box{
        width: 100%;
        height: 100px;
        bottom: 32px;
    }
    .scroll-box ul{
        padding: 0 8px;
    }
    .scroll-box ul li{
        max-width: 230px;
        margin-bottom: 8px;
        height: auto;
        line-height: 22px;
        font-size: 12px;
        padding: 0 12px;
    }
    #photopile-active-image-comments{
        bottom: 10px;
    }
    .commentsbox{
        bottom: 0px;
        right: 10px;
    }
    .upload-picbutton i{
        font-size: 22px;
    }
    div#photopile-nav-next:hover{
        background-position: -50px -59px;
    }
    div#photopile-nav-prev:hover{
        background-position: 0 -59px;
    }
    .photoinfobox h3{
        padding: 4px 20px 4px;
        font-size: 14px;
    }
    div#photopile-active-image-info p{
        font-size: 12px;
        padding: 0px 20px 4px;
    }
    .commentsbox .iconfontbox{
        width: 30px;
        height: 30px;
        line-height: 32px;
    }
    .commentsbox .iconfontbox i{
        font-size: 18px;
    }
    .addUploadpic .modal-dialog{
        width: 90%;
    }
    .addUploadpic .modal-body .layui-form-label{
        width: 80px;
        padding: 9px 0px;
        text-align: left;
    }
    .addUploadpic .modal-body .layui-form-item .layui-input-inline{
        margin: 0 0 10px 2px;
        flex: 1;
    }
    .addUploadpic .modal-body .layui-form-item .layui-inline{
        margin-bottom: 0px;
        display: flex;
    }
    .addUploadpic .modal-body .layui-form-item .layui-inline button{
        padding: 0px 8px;
    }
    div.photopile-wrapper{
        min-height:170px;
    }
}