body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#333;}
body { background:#f7f7f7;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;color:#eb4e4e;}
input {vertical-align:middle;outline:none}
button{overflow:visible;}
.hide,.displayno{display:none;}.show{display:block;}
/*****浮动和清除浮动******/
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clearfix:before,.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}.clr { height:0;clear:both; overflow:hidden; width:100%}
/*****对齐方式******/
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}

:-webkit-autofill{ background:#fff;} 
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input::-webkit-input-placeholder {color:#ccc;}
input::-moz-input-placeholder {color:#ccc;}
input::-ms-input-placeholder {color:#ccc;}

.bg { background:#f3f5f8} 
.nav_index { height:120px; padding:35px 0; background:#fff; box-shadow:0 5px 10px #000;}
.nav_index .logo { float:left; margin:0 20px 0 0;}
.nav-list { float:left; margin:0 0 0 50px}
.nav-list li { color:#fff; float:left;} 
.nav-list li a { display:block; color:#222; padding:0 15px; font-size:18px; line-height:50px;}
.nav-list li a:hover { color:#e2323a}
.nav-list a:hover { color:#fff; text-decoration:none;}
.nav_more { position:relative; display:inline-block}
.nav-list-more { position: absolute; left:0; top: 60px; width:128px; text-align: center; max-height: 0; overflow: hidden;-webkit-transition: max-height .1s ease-in-out; transition: max-height .1s ease-in-out; z-index:200; background:#000}
.nav_more:hover .nav-list-more {max-height:60px;}
.nav_index .login_after { padding:15px 10px}

.search-top { width:150px; height:32px; margin:15px 10px 0; float:right; position:relative;}
.search-top .search-top-in { width:0; height:32px; background:#4a4a4a; line-height:32px; padding:0 10px; border:0; border-radius:3px;opacity:0; color:#fff; transition: width .1s;}
.search-top:hover .search-top-in { opacity:1; width:150px;}
.search-top .icon-search { font-size:20px!important; color:#fff; display:inline-block; position:absolute; right:5px; top:0;}
.nav-func_item:hover .nav-more-list { max-height:500px }
.icon-ellipsis { font-size:24px!important; color:#fff!important;}
.icon-tongzhi { font-size:18px!important; margin:5px 15px 5px; position:relative; color:#fff; vertical-align:middle}
.icon-tongzhi.reds:after { content:""; border-radius:50%; width:5px; height:5px; background:#eb4e4e; display:inline-block; position:absolute; right:-1px; top:0;}
.login_box { float:right; color:#fff; padding:0 0 0 20px; height:28px; line-height:28px; margin:16px 0 0;} .login_box a { color:#fff; margin:0 8px;}
.login_after{ float:right; color:#fff; padding:15px 0; position:relative;} 
.headportrait { border-radius:50px; width:30px; height:30px;}

.nav_index .search { float:right; width:330px; height:40px; border:0; font-size:14px; margin:5px 0; border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.nav_index .search .search_text { width:190px; height:38px; line-height:38px; border:0; padding:0 5px; float:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.nav_index .search .search_btn { background:#333; color:#fff; font-size:24px; line-height:38px; width:60px; border:0; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px; display:inline-block; text-align:center;}
.nav_index .search .search_btn:hover { color:#fff;}
.nav_index .search_con{position:relative;z-index:2;float:left;width:80px;height:38px;line-height:38px;cursor:pointer; text-align:center; border:0}
.nav_index .search_type { border:1px solid #ccc; border-right:0; line-height:38px; height:38px; font-size:14px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.nav_index .search_info{float:left}
.nav_index .search_list{ display:none;position:absolute;top:36px;left:0;z-index:2;width:68px; border:1px solid #ddd; border-top:0; background:#fff; padding:5px 0; height:auto;}
.nav_index .search_list li{ height:32px;line-height:32px; font-size:14px; text-align:left; text-indent:16px;} 
.nav_index .search_list li:hover { color:#eb4e4e}

.login_after:hover .login_cnt{opacity:1;visibility:visible;top:58px}
.login_cnt{position:absolute;z-index:101;left:-210px;top:55px;width:300px;color:#9699A9;padding:24px 15px 15px 15px;background:#fff;border-radius:4px;box-shadow:0px 6px 10px 0px rgba(27,58,132,0.1);-webkit-transition:all .2s ease-in-out .1s;-moz-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s;opacity:0;visibility:hidden}
.login_cnt:before{position:absolute;top:-8px;left:87%;content:"";display:inline-block;width:0;height:0;margin:0 6px;border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent}
.login_cnt_top img{width:60px;height:60px;border-radius:50%;vertical-align:top;margin-right:12px}
.login_cnt_top > div{display:inline-block;width:180px}
.login_cnt_top > div a{display:block;color:#3E69AF;font-weight:bold;font-size:16px;margin-bottom:5px}
.login_cnt_top > div a:hover{color:#FF6E01}
.login_cnt_num{margin:10px 8px 0px 8px;padding-bottom:7px;border-bottom:1px solid #E3E3E3}
.login_cnt_num li{float:left;width:calc(33.33% - 4px);padding:11px 0;margin:0 2px;text-align:center;border-radius:5px}
.login_cnt_num li:hover{background-color:#F5F5F5}
.login_cnt_num li a{color:#9699A9}
.login_cnt_num li p{color:#000733;font-size:21px;margin-bottom:3px}
.login_cnt_line{margin-top:15px}
#lcl_hall{display:none}
.login_cnt_line li{font-size:14px;line-height:32px;border-radius:4px}
.login_cnt_line li a{color:#000733}
.login_cnt_line li:not(:first-child){margin-top:10px}
.login_cnt_line li:hover{background-color:#F5F5F5}
.login_cnt_line img{margin:0 10px}
.login_cnt_btn{display:block;margin-top:15px;width:100%;height:32px;line-height:32px;color:#fff;background-color:#9699A9;font-size:14px;border-radius:4px;text-align:center}
.login_cnt_btn:hover{background-color:#000733;color:#fff}
                                                
.head_nav { height:40px; background:#000;}
.head_nav_l { float:left; line-height:40px; height:40px;}  .head_nav_l p { color:#999}
.head_nav_l a { color:#ccc; font-size:13px; display:inline-block; padding:0 16px; float:left;} 
.head_nav_l a:hover { color:#fff; background:#444; } .head_nav_l .nav_more .nav-list-more{ top:40px;}
.head_nav_l a.icon-home-fill { font-size:18px!important;}
.head_nav .search-top { margin:6px 5px 0; height:28px;} 
.head_nav .search-top .search-top-in { height:28px; line-height:28px;}
.head_nav .login_after { padding:7px 0 6px}
.head_nav .login_box { margin:6px 5px 0}
.head_nav .login_after .headportrait { width:25px; height:25px;}
.head_nav .icon-tongzhi { font-size:16px!important;}
.head_nav .login_after:hover .login_cnt { opacity:1; visibility:visible; top:42px; left:-210px;}

.w1200 { width:1200px; margin:0 auto; position:relative;} 

/*直播首页*/
.live_bg { background:url(../images/live_b.jpg) no-repeat top center; background-size:cover; height:835px; padding:560px 0 0}
.light_bg { background:#ecf0f2; padding:80px 0 100px}
.swiper-button-next,.swiper-button-prev { border-radius:50%; background:#939393; opacity:.6; color:#fff; width:60px!important; height:60px!important; text-align:center; top:45%!important}
.swiper-button-next:hover,.swiper-button-prev:hover { opacity:1} 
.swiper-button-prev { left:-70px!important; right:inherit!important} .swiper-button-next{left:inherit!important; right:-70px!important;}
.icon-arrow-right,.icon-arrow-lift { font-size:40px!important;}
.swiper_top .swiper-slide{ border-radius:5px; background:#fff; padding:10px; width:280px!important;}
.swiper_top .swiper-slide .img { position:relative; width:260px; height:146px; overflow:hidden} 
.swiper_top .swiper-slide .img img { width:260px; height:146px; transform:scale(1); transition: all 0.3s;}
.swiper_top .swiper-slide .img img:hover { width:260px; height:146px; transform:scale(1.2); transition: all 0.3s;}
.swiper_top .swiper-slide p { font-size:14px; padding:10px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.swiper_cnt .swiper-slide{ border-radius:5px; background:#fff; padding:10px; width:280px!important; box-shadow:0 0 10px #ddd;}
.swiper_cnt .swiper-slide .img { position:relative; width:260px; height:146px; overflow:hidden} 
.swiper_cnt .swiper-slide .img img { width:260px; height:146px; transform:scale(1); transition: all 0.3s;}
.swiper_cnt .swiper-slide .img:hover img { width:260px; height:146px; transform:scale(1.2); transition: all 0.3s;}
.swiper_cnt .swiper-slide p { font-size:14px; padding-top:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.swiper_cnt .swiper-slide .item-mask-notice { height:30px; line-height:30px; color:#fff; font-size:16px; position:absolute; left:0; top:0; text-align:center;}
.swiper_cnt .swiper-slide .item-mask-notice.red {background-color: #FF3535;}
.swiper_cnt .swiper-slide .item-mask-notice.orange {background-color: #ff7800;}
.swiper_cnt .swiper-slide .item-mask-notice.pink {background-color: #D745C1;}
.swiper_cnt .swiper-slide .item-mask-notice span.status{display:inline-block;padding:0 10px;}
.swiper_cnt .swiper-slide .item-mask-notice span.time { background:#000; color:#ff7800; display:inline-block; padding:0 10px;}

.caseqrcode { background:#fff; width:100%; height:100%; position:absolute; left:0; top:50px; padding:10px 0; text-align:center; -webkit-transition:all .2s ease-in-out .1s;-moz-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s; opacity:0;visibility:hidden; z-index:101}
.caseqrcode img { width:100px!important; height:100px!important;}
.caseqrcode p { color:#333; padding:5px 0;}
.swiper_cnt .swiper-slide:hover .caseqrcode,.live_list_v li .live_img:hover .caseqrcode{ top:0; opacity:1; z-index:103; visibility:visible}

.live_tit { text-align:center; font-size:36px; font-weight:700; padding:80px 0 50px}
.live_list_tab { overflow:hidden; padding:0 0 10px; line-height:36px;}
.live_list_tab_l { float:left;}
.live_list_tab_l a { font-size:16px; color:#333; margin:0 10px; padding:0 5px; position:relative} 
.live_list_tab_l a.cur,.live_list_tab_l a:hover { color:#800dff; font-weight:700}
.live_list_tab_l a.cur:before { width:100%; height: 5px; background: #800dff;content: ""; left:0;}
.live_list_tab_l a:before {position: absolute; bottom: -14px;left: 50%;width: 0;height:5px; background: #800dff;content: "";transition: all .2s; border-radius:3px;}
.live_list_tab_l a:hover:before {left:0;width:100%}
.live_cnt .swiper-button-next,.live_cnt .swiper-button-prev { top:60%!important;}
.search_live { float:right; width:270px; height:38px; padding:0 20px; border:1px solid #ccc; border-radius:19px; background:#f4f4f4}
.search_live_text{ border:0; background:none; height:36px; line-height:36px; font-size:14px; color:#333; float:left; width:200px}
.search_btn_live { background-position:-29px -274px; width:20px; height:20px; border:0; float:right; margin:8px 0 0; cursor:pointer}
.live_tab { text-align:center; padding:0 0 50px;}
.live_tab a { display:inline-block; width:180px; height:44px; line-height:44px; font-size:16px; background:#fff; color:#000; margin:0 5px; border-radius:22px; box-shadow:0 5px 10px #ccc;}
.live_tab a.cur { background: linear-gradient(to right, rgba(32,156,255,1),rgba(131,9,255,1)); color:#fff; font-weight:700}

.icons { background-image:url(../images/icon_live.png); display:inline-block; vertical-align:middle}
.icon_play { background-position:-13px -17px; width:50px; height:50px; position:absolute; z-index:1; left:15px; bottom:15px;}
.icon_hot { background-position:-30px -355px ; width:16px; height:19px; margin:0 8px 0 2px}
.live_list { padding:0 0 50px;}
.live_list_v { margin:0 0 50px -42px;}
.live_list_v li { width:372px; margin:30px 0 0 42px; float:left; padding:10px 10px 20px; border:1px solid #f1f1f1; box-shadow:0 5px 20px #eee; transition:all .2s linear; -webkit-transition:all .2s linear; }
.live_list_v li:hover {-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
.live_list_v li>div{cursor: pointer;}
.live_list_v li .live_img { position:relative; width:350px; height:200px;}
.live_list_v li .live_img img { width:350px; height:200px;}
.live_list_v li .item-mask-notice {height:30px; line-height:30px; color:#fff; font-size:16px; position:absolute; left:0; top:0; text-align:center;}
.live_list_v li .item-mask-notice.red {background-color: #FF3535;}
.live_list_v li .item-mask-notice.orange {background-color: #ff7800;}
.live_list_v li .item-mask-notice.pink {background-color: #D745C1;}
.live_list_v li .item-mask-notice span.status{display:inline-block;padding:0 15px;}
.live_list_v li .item-mask-notice span.time {background:#000;color:#ff7800; display:inline-block; padding:0 15px;}
.live_list_v li h2 { background: linear-gradient(to right, rgba(32,156,255,1),rgba(131,9,255,1)); color:#fff; width:100%; height:40px; line-height:40px; color:#fff; text-align:center; font-size:16px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.live_list_v li h3 { font-size:14px; margin:0 0 15px; overflow:hidden; padding:10px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-bottom:1px solid #ececec}
.live_list_v li h3 .headportrait { margin:0 10px 0 0; vertical-align:middle}
.live_list_v li p { padding:10px 0; line-height:22px;}
.live_list_v li p span { margin:0 15px 0 0; float:left; width:170px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.live_list_v li p a { float:right; margin:0 0 0 10px; font-size:14px;}
.live_list_v li .caseqrcode { padding:20px 0}
.live_list_v li .caseqrcode img { width:120px!important; height:120px!important;}

.live_fxd { position:fixed; right:60px; bottom: 14%; width:70px; z-index: 5;}
.live_fxd a { background:#0089fa; width:70px; height:70px; display:inline-block; margin:0 0 3px; text-align:center; color:#fff; padding:15px; font-size:18px; line-height:20px;}
.live_fxd a.on { background:#3ace8e; color:#fff; border-radius:50%;}
.live_fxd a .iconfont { font-size:22px;}  
.live_fxd a .icon-arrow-up { line-height:28px; font-size:28px; font-weight:700}
.icon_yy,.icon_sq { width:32px; height:32px;}
.icon_yy { background-position:-22px -112px;} .icon_sq { background-position:-22px -187px; margin:0 0 5px;}
/* 活动浮标 */
.live_fxd.ldIcon{ width: 100px; }
.live_fxd.ldIcon img{ width: 100px;height: 100px;cursor: pointer;}

/* 弹窗表单 */
    .fiex-btn {position:fixed;bottom:0;left:0;right:0;color:white;background:rgba(27,37,68,0.8);z-index:10;display:none;}
    .pop-btn {position:fixed;bottom:18%;right:5%;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:60px;height:60px;background-image:-moz-linear-gradient(#0078ff 0%,#00fff0 100%);background-image:-ms-linear-gradient(#0078ff 0%,#00fff0 100%);background-image:-webkit-linear-gradient(#0078ff 0%,#00fff0 100%);background-image:linear-gradient(#0078ff 0%,#00fff0 100%);color:#FFFFFF;font-size:14px;cursor:pointer;z-index:10;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;}
    .pop-btn:hover {background-image:-moz-linear-gradient(90deg,#0078ff 0%,#00fff0 100%);background-image:-ms-linear-gradient(90deg,#0078ff 0%,#00fff0 100%);background-image:-webkit-linear-gradient(90deg,#0078ff 0%,#00fff0 100%);background-image:linear-gradient(90deg,#0078ff 0%,#00fff0 100%);}
    .pop {position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;display:none;}
    .pop-cover {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
    .pop-pop {width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;}
    .pop-pop-div {width:790px;padding:60px 0;background:white;border-radius:10px; transition:all .3s;-moz-transition:all .3s; -ms-transition:all .3s;-webkit-transition:all .3s;animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-webkit-animation-duration:.5s;animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
    .add {animation-name:pov;-moz-animation-name:pov;-ms-animation-name:pov;-webkit-animation-name:pov;}
    .remove {animation-name:povs;-moz-animation-name:povs;-ms-animation-name:povs;-webkit-animation-name:povs;}
    @keyframes pov {0% {transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);}
    100% {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
    }
    @-webkit-keyframes pov {0% {transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);}
    100% {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
    }
    @keyframes povs {0% {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
    100% {transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);}
    }
    @-webkit-keyframes povs {0% {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
    100% {transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);}
    }
    .colsed-cover {position:absolute;top:20px;right:20px;color:#FFFFFF;z-index:101;}
    .colsed-cover span { background:url(../images/close_pop1.png) no-repeat; display:inline-block; width:28px; height:28px;}
    .popup-comment-title {font-size:36px; font-weight:700; margin:0 0 5px;}
    .sponsor-up { width:80%;margin:0 auto;}
    .sponsor-up h3 { font-size:16px; color:#999}
    .gradient-bg {background: #3acf8f;}
    .sponsor-up-btn,.sponsor-up-btn-sign {padding:0 40px;margin:0 auto; width:200px; margin:0 auto; height:50px; border:0; border-radius:10px; font-size:20px; cursor:pointer}
    .popup-comment-form { padding:50px 0 10px} .popup-comment-form .mob-bp { margin:0 0 25px; position:relative}
    .popup-comment-form .mob-bp .mbsa { font-size:16px; line-height:40px; width:90px; text-align:right; float:left; padding:0 10px 0 0;}
    .popup-comment-form .mob-bp .mbsa .text-red { color:#f00}
    .popup-comment-form .mob-bp input { width:400px; height:40px; line-height:40px; padding:0 10px; border:1px solid #5d5d5d; font-size:16px;}
    .popup-comment-form .mob-bp .btn_hqyzm {cursor: pointer;font-size:16px; color:#666; position:absolute;padding-left:15px; right:40px; top:10px; line-height:20px;outline: none;border: 0; border-left:1px solid #ddd; background-color: #ffffff;}
    .popup-comment-text b { font-size:18px; font-weight:700}
    .popup-comment-text p { padding:5px 0; color:#5d5d5d; font-size:16px;}
    .form-btn {padding-top:20px; text-align:center}
    .sponsor-textarea {width:100%;resize:none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;border:solid 1px #ddd;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:6px;}
    .pop-bao {bottom:10%;}
    .msg-s {color:#697174;font-size:12px;}
    @media (max-width:760px) {.fiex-btn {display:block;height:50px!important;}
    .container {padding:0 20px;}
    .su-swiper {width:100%;height:100%;}
    .swiper-nexts,.swiper-prevs {display:none;}
    .sponsor-up-btn,.sponsor-up-btn-sign {padding:6px 20px;margin:0 auto;}
    .msg-s {padding-top:6px;}
    .pop-bao {bottom:5%;}
    .pop-pop-div {width:85%;}
    .popup-comment-form>div {padding-top:0;}
    .popup-comment-form>div input,.popup-comment-form>div textarea {border:0;box-shadow:none;}
    .mbsa {width:55px;padding-bottom:0;}
    .mob-bp {padding-left:5px;margin-top:10px;border:1px solid #EEEEEE;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;}
    .gradient-bg-a {color:#999;font-size:16px;background:none;border-right:1px solid #EEEEEE;}
    .gradient-bg {background:none;color:#534eff;font-size:16px;}
    .form-btn>button {width:50%;}
    .mob-bpa {align-items:flex-start;-webkit-align-items:flex-start;padding-top:5px!important;}
    }
/* 弹窗表单 */

/* 视频 */
.svideo_bg { background:url(../images/video_bg.jpg) no-repeat top center; height:490px; position:relative;}
.shortab { position:absolute; top:422px; width:494px; height:68px;}
.shortab a { width:247px; height:68px; display:inline-block; float:left; }
.shortab a:first-child{ background:url(../images/video_tit_tab.png) 0 -80px;}
.shortab a:first-child.cur{ background:url(../images/video_tit_tab.png)}
.shortab a:last-child { background:url(../images/video_tit_tab.png) -246px 0;}
.shortab a:last-child.cur { background:url(../images/video_tit_tab.png) -246px -80px;}
.search_shor { float:right; width:300px; height:44px; background:url(../images/video_search_b.png) no-repeat; position:absolute; right:0; top:430px;}
.search_shor_text{ border:0; background:none; height:36px; line-height:36px; font-size:14px; color:#333; float:left; width:220px; margin:2px 0 0 20px;}
.search_btn_shor { width:60px; height:44px; border:0; float:right; cursor:pointer; background:none;}

.video_list { padding-bottom:50px; }
#video_list { margin:50px 0 50px -25px; }
#video_list li { float: left; width:382px; margin:30px 0 0 25px; padding:15px; box-shadow:0 5px 15px #dde5f5; transition:all .2s linear; -webkit-transition:all .2s linear; border-radius:5px; position:relative; height:330px;}
#video_list li:hover {-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
#video_list li>div{cursor: pointer;}
#video_list li .live_img { position:relative; width:350px; height:200px;}
#video_list li .live_img img { width:350px; height:200px;}
#video_list li h2 { color:#172b57; width:100%; height:40px; line-height:40px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#video_list li .company { background:#f0f7ff; position:absolute; bottom:0; left:0; height:70px; padding:20px 15px; width:100%; color:#7986a2}
#video_list li h3 { font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; width:70%; line-height:30px;} 
#video_list li h3 a { color:#7986a2}
#video_list li h3 .headportrait { margin:0 10px 0 0; vertical-align:middle} 
#video_list li span { float:right; line-height:30px;}

.layui-flow-more { margin:40px auto; background:#f9f9f9; overflow:hidden; height:40px; line-height:40px; width:500px; clear:both}
.layui-flow-more:hover { background:#f1f1f1;}
.layui-flow-more a cite { background:none!important; display:block}

.loadmoreDiv {width: 104px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #979797;color: #979797;border-radius: 20px;margin: 0 auto;font-size: 14px;cursor: pointer;display: none;}
    
/*footer*/
.footer { border-top:1px solid #e5e5e5; padding:20px 0; width:1200px; margin:20px auto; overflow:hidden}
.footer .footer_l { float:left; color:#777} 
.footer .footer_l a { color:#777;} 
.footer .footer_l span { color:#999; margin:0 15px;} 
.footer .footer_r { float:right; color:#bbbbbb;}
.footer_b { background:#ffffff; padding:40px 0; overflow:hidden; font-size:14px; text-align:center; margin:30px 0 0}
.footer_b .footer_link { padding:20px 0; color:#dbdbdb; line-height:20px;} .footer_b .footer_link a { margin:0 20px;}
.footer_b p { padding:10px 0; color:#999; line-height:24px;} .footer_b p  span { margin:0 10px;}

.qrcode_pop {position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;display:none;}
.qrcode_pop_cnt {width:520px;padding:0 0 60px; background:#fff;border-radius:10px; transition:all .3s;-moz-transition:all .3s; -ms-transition:all .3s;-webkit-transition:all .3s;animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-webkit-animation-duration:.5s;animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards; }
.qrcode_top { height:130px; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px; position: relative; z-index: -1; overflow:hidden}
.qrcode_top::after { content: ''; width: 700px; height: 130px; margin:0 0 0 -90px; position: absolute; left: 0; top:0; z-index: -1; border-radius: 0 0 70% 70%; background: linear-gradient(to right, rgba(255, 54, 33, 1),rgba(255, 162, 0, 1));}
.qrcode_logo { display:inline-block; width:120px; height:120px; line-height:118px; border-radius:50%; background:#fff; position:absolute; left:50%; top:-60px; margin:0 0 0 -60px; text-align:center}
.qrcode_logo img { max-width:100%; max-height:100%; vertical-align:middle;border-radius: 50%;}
.qrcode_top h2 { font-size:24px; color:#fff; font-weight:700; margin:80px 0 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.qrcode_img { text-align:center; padding:30px 0 0} .qrcode_img img { width:200px; height:200px; margin:0 0 10px;} 
.qrcode_img h3 { font-size:20px; margin:10px 0;}
.qrcode_img p { color:#999; font-size:14px;}

/* 活动规则弹窗20210527 */
.rule_pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;display:none;}
.rule_pop_cnt{width: 560px;position: relative;transition:all .3s;-moz-transition:all .3s; -ms-transition:all .3s;-webkit-transition:all .3s;animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-webkit-animation-duration:.5s;animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards; }
.rule_pop_cnt img{width: 100%;height: auto;}
.rule_pop .colsed-cover{top: 60px;}
.notice_box{width: 100%;background-color: #fff;color: #9A7000;padding:16px 0;text-align: center;}
.notice_box img{ margin-right:10px;vertical-align:top; }
.notice_box p{display: inline-block;max-width: 97%;text-align: left;}


.live_banner {background:url(../images/live_banner.jpg) no-repeat top center; height:374px;}
.nav_lv { width:1100px; margin:0 auto; padding:336px 0 0; text-align:center;}
.nav_lv span { border-left:1px solid #434343; width:1px; height:16px; display:inline-block; margin:0 50px;}
.nav_lv a { font-size:18px; color:#fff; padding:0 20px 7px;}
.nav_lv a.cur { border-bottom:6px solid #ff3535;}
.swiper_live_banner { background:url(../images/live_banner_edu.jpg) no-repeat top center; height:638px;}
.swiper_live_banner .nav_lv { margin:-38px auto 11px; padding:initial; position:relative; z-index:99}
.swiper_live_banner .nav_lv a { color:#000; font-weight:700; padding:0 10px 7px;}
.swiper_live_banner .nav_lv a.cur { border-bottom:6px solid #fc8686;}
.tit { height:40px; line-height:40px; margin:40px 0;}
/* .tit { background:url(../images/live_tit_icon.png) no-repeat; padding:0 0 0 70px; height:40px; line-height:40px; margin:40px 0;}
.tit_z { background:url(../images/live_tit_icon.png) no-repeat; padding:0 0 0 70px;} */
.tit h2 { font-size:20px; font-weight:700; color:#000; margin:0; float:left; line-height:40px;}
.tit .more { float:right; font-size:16px; color:#666;} 
.tit .more span { font-family:Verdana; margin-left:5px;}

.lives_left { width:790px; float:left;}
.lives_list { margin:0 0 50px -60px;}
.lives_list li { width:220px; height:210px; margin:0 0 20px 60px; float:left; transition:all .2s linear; -webkit-transition:all .2s linear; }
.lives_list li>div{cursor: pointer;}
.lives_list li .live_img { position:relative; width:220px; height:125px; line-height:123px; overflow:hidden; text-align:center; background:#000; border-radius:6px;}
.lives_list li .live_img img:not(.prizeIcon) { max-width:100%; max-height:100%;transform: scale(1);transition: all 0.5s;} 
.lives_list li .live_img img:not(.prizeIcon):hover { transform: scale(1.1);transition:all 0.5s}
.lives_list li .live_img>img.prizeIcon {width: 45px;height: 45px; position: absolute;z-index: 1; top: 5px; right: 4px; 
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.lives_list li .icon_play { background-position:1px -5px; width:40px; height:40px; position:absolute; z-index:1; left:0; bottom:0; background-size:cover}
.lives_list li .item-mask-notice {height:24px; line-height:24px; color:#fff; font-size:14px; position:absolute; left:0; top:0; text-align:center;}
.lives_list li .item-mask-notice>div{display: inline-block; padding:0 8px;}
.lives_list li .item-mask-notice>span{display: inline-block; padding:0 8px;background-color:rgba(255,120,0,.6);}
.lives_list li .item-mask-notice .red {background-color:#FF3535;} 
.lives_list li .item-mask-notice img { width:auto!important; height:auto; margin:0 5px 0 0}
.lives_list li .item-mask-notice .orange {background-color:#ff7800;}
.lives_list li .item-mask-notice .pink {background-color:#D745C1;}
.lives_list li p { margin:5px 0; line-height:20px; height:40px; color:#444; font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lives_list li:hover p { color:#f00}
.lives_list li h3 { font-size:14px; margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:30px;}
.lives_list li h3 a { color:#999} 
.lives_list li h3 .headportrait { vertical-align:middle; float:right; border:1px solid #cbd2ec}
.lives_list_txt{ float:right; width:360px;}
.lives_list_txt h2 { height:36px; line-height:36px; font-size:16px; font-weight:700; text-align:center; background:#ececec; margin:0 0 10px; border-radius:18px;}
.lives_list_txt ul li { border-bottom:1px solid #e5e5e5; padding:0 10px; height:40px; line-height:40px; font-size:14px; cursor:pointer; color:#444; position:relative;}
.lives_list_txt ul li .code { display:none}
.lives_list_txt ul li:hover,.lives_list li h3 a:hover { color:#FF3535}
.lives_list_txt ul li:hover .code { display:block; position:absolute; left:10px; top:11px}
.lives_list_txt ul li i{ border-radius:50%; width:20px; height:20px; background:#666; color:#fff; font-size:12px; text-align:center; line-height:20px; margin:0 10px 0 0; display:inline-block; vertical-align:middle;}
.lives_list_txt ul li i.one { background:#ff4242}
.lives_list_txt ul li i.two { background:#ea5555}
.lives_list_txt ul li i.three { background:#933}
.lives_list_txt ul li p{width: 260px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;}
.lives_list_txt ul li span { float:right; font-size:14px;}
.lives_list_txt li span.red {color:#FF3535; padding:0 8px;}
.lives_list_txt li span.orange {color:#ff7800;}
.lives_list_txt li span.pink {color:#D745C1;}
.pdtb { padding:10px 0 50px;}
.lives_cnt .lives_list {margin:0 0 50px -24px;}
.lives_cnt .lives_list li { margin:0 0 25px 24px;}
.lives_cnt_list .lives_list {margin:0 0 50px -33px;}
.lives_cnt_list .lives_list li { margin:0 0 30px 33px; width:275px; height:240px;}
.lives_cnt_list .lives_list li .live_img { position:relative; width:275px; height:155px; overflow:hidden}
.lives_cnt_list .lives_list li .live_img>img:not(.prizeIcon) { width:275px; height:155px;}
.lives_cnt_list .lives_list li .live_img>img.prizeIcon {width: 50px;height: 50px; position: absolute;z-index: 1; top: 5px; right: 4px;}

.brand_img { position:relative; width:220px; height:125px; overflow:hidden; text-align:center; line-height:120px; background:#000}
.brand_img img { max-width:100%; max-height:100%;transform: scale(1);transition: all 0.5s;} 
.brand_img img:hover { transform: scale(1.1);transition:all 0.5s}
.lives_cnt_brand { margin:0 0 0 -25px;}
.lives_cnt_brand li { cursor: pointer; width:220px; float:left; margin:0 0 25px 24px; transition: all .2s linear; -webkit-transition: all .2s linear;}
.lives_cnt_brand li p { height:20px; line-height:20px; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;margin: 5px 0;}
.lives_cnt_brand li h3 { font-size:14px; margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:30px;color:#999;}
.lives_cnt_brand li h3 .headportrait { vertical-align:middle; float:right; border:1px solid #cbd2ec}
.brand_img_bg{position:relative;width: 100%;height:220px; overflow: hidden;background: #ececec;}
.brand_img_bg div{width: 100%;height:100%;background-size:contain;-moz-background-size:contain; /* 老版本的 Firefox */ background-position: center center; background-repeat:no-repeat;transform: scale(1);transition: all 0.5s;}
.brand_img_bg div:hover { transform: scale(1.1);transition:all 0.5s}
.brand_img_bg .baokuan{position:absolute;z-index:2;top:0px;right:0;width:120px;height:auto}

.tit_nav { float:left}  
.tit_nav a { font-size:14px; margin:0 5px; border-radius:20px; padding:6px 15px; cursor:pointer}
.tit_nav a.cur { color:#fff;background:#333;}
.tit_nav a:hover { background:#333;color: #fff;}
.tit_l { height:36px; line-height:36px; margin:30px 0;}
.select_l { margin:0!important; float:left; height:36px; line-height:36px;}
.select_l .layui-form-select { width:140px; float:left;}
.select_l .layui-form-select .layui-input { border-radius:20px!important; font-size:14px; padding-left:20px;}
.search { width:300px; height:36px; border:1px solid #cdcdcd; line-height:36px; border-radius:20px; float:right; overflow:hidden}
.search .search_in { border:0; width:240px; float:left; height:36px; line-height:36px; padding:0 15px; font-size:14px;}
.search .search_btn { width:50px; height:36px; color:#666; border:0; float:right; font-size:26px; text-align:center; cursor:pointer}
/* 热门品牌展示 */
/* .lives_cnt_custom{} */
.lcc_classify li{color: #333333;float: left;margin-left: 42px;padding: 0 4px 10px 4px;font-size: 16px;cursor: pointer;}
.lcc_classify li:first-child{margin-left: 20px;}
.lcc_classify li.active{color: #CA0000;font-weight: bold;position: relative;}
.lcc_classify li.active::before{position: absolute;bottom: 0;left: 0; display: block;content: "";width: 100%;height: 6px;border-radius: 3px; background-color: #CA0000;}
.lcc_brand{margin-top: 30px;}
.lcc_brand li{width: 200px;height: 265px;background-color: #000;padding:4px;box-sizing: border-box;margin:0 50px 30px 0;cursor: pointer;float: left;}
.lcc_brand li:nth-child(5n){margin-right: 0;}
.lcc_brand li div{width: 100%;height: 196px;background-color: #fff;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.lcc_brand li p{color: #fff;font-size: 14px;padding:8px 5px 0 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;}
.lives_cnt_partner li{float: left;margin: 0 48px 30px 0;width: 160px;height: 90px;background: #FFFFFF;background-repeat:no-repeat;background-position:center center;background-size:contain;border: 1px solid #DDDDDD;}
.lives_cnt_partner li:nth-child(6n){margin-right: 0;}

.no_cnt { text-align:center; padding:250px 0;}
.no_cnt p { font-size:16px; color:#999; padding:20px 0 0;}
.nav_v { margin:0 auto; background:#222569; line-height:50px; }
.nav_v span { display:inline-block;position: relative;text-align: center; padding: 0 10px;}
.nav_v span:not(:last-child):after{display: block;content: "";position: absolute;z-index: 2;right: 0;top: 50%;transform: translate(0, -50%);width:1px;height:16px;background-color: #333;}
.nav_v a { font-size:16px; color:#666; display: inline-block;vertical-align:top; height:50px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 100%;padding: 0 10px;box-sizing: border-box;}
.nav_v a.cur{position: relative;color: #333333;}
.nav_v a.cur:after{ display: block;content: "";position: absolute;z-index: 2;left: 50%;bottom: 0px;transform: translate(-50%, 0);height: 6px;background-color: #333333;width: 100%;}

.hd_box { background:#fff; padding:40px 60px; margin:20px 0; overflow:hidden}
.hd_box_tit { font-size:30px; color:#3f518e; margin-bottom:30px;}
.hd_box_tit span { font-size:16px;}
.hd_box_text { padding:0 0 0 140px; margin-bottom:20px;}
.hd_box_text p { font-size:16px; margin-bottom:20px; line-height:30px; text-indent:32px;}
.hd_box_text h4 { font-size:20px; font-weight:700; color:#3f518e; margin:0 0 15px;}
.hd_box_text ul li { font-size:16px; padding:5px 0}
.hd_box_text table { border:1px solid #ccc;}
.hd_box_text table th { background:#eee; padding:10px 20px; font-size:18px; font-weight:700; border:1px solid #ccc;}
.hd_box_text table td { padding:10px 20px; font-size:16px; border:1px solid #ccc; vertical-align:top}
.hd_box_list { padding:0 0 0 140px;}
.hd_box_list li { font-size:16px; padding:0 0 5px;}
.wdzs_list { padding:30px 0}
.wdzs_list h3 { text-align:center; font-size:20px; font-weight:700; margin:10px 0 50px}
.wdzs_list ul { margin:0 0 0 -25px;}
.wdzs_list li { background:linear-gradient(0deg,#7ea9fb,#b88fec); width:220px; height:220px; border-radius:50px; font-size:20px; font-weight:700; color:#fff; padding:80px 0; line-height:30px; float:left; margin-left:25px; text-align:center}
.hd_img { margin:10px 0 20px;}
.logo_list { margin:40px 0 0 100px; overflow: auto;}
.logo_list img { width: 100%; height: auto;}
.hd_lc_list{ margin:10px 0 0 140px; border-top:1px solid #d8d8d8}
.hd_lc_list li { border-bottom:1px solid #d8d8d8; padding:15px 0; font-size:18px;} 
.hd_lc_list li span { width:180px; display:inline-block}
.hd_kg_list li { font-size:18px; padding:5px 0; text-indent:40px;}
.hd_box_tab th { border-bottom:1px solid #d8d8d8; font-size:18px; font-weight:700; text-align:center; padding:20px 0}
.hd_box_tab td { border-bottom:1px solid #d8d8d8; font-size:16px; padding:20px 10px; line-height:28px;}