/* header */
/* .header{height: 68px;position: relative;background: rgba(239, 190, 120, 1);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15), 0px 2px 18px 0px rgba(245, 245, 255, 0.68);} */
.header{height: 68px;position: relative;background: linear-gradient(to bottom, rgba(173,19,54), rgba(204,44,35));box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15), 0px 2px 18px 0px rgba(245, 245, 255, 0.68);}
.header>.div1260{position: relative;}
.logo{width: 200px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);box-sizing: border-box;padding-top: 1%;}
.logo img{width: 100%;}

.menu{display: inline-block;margin-left: 10px;width: calc(100% - 220px);}
.menu li{float: left;width: 9%;height: 68px;line-height: 68px;text-align: center;position: relative;}
.menu li:not(:last-child){margin-right: 4%;}
/* .menu li{float: left;width: 10%;height: 68px;line-height: 68px;text-align: center;position: relative;}
.menu li:not(:last-child){margin-right: 8%;} */
.menu li a{font-size: 18px;display: block; color: #fff;text-shadow: 0 2px 4px rgb(194 158 109);}
.menu li.active{background:  linear-gradient(180deg, rgb(137 30 30) 0%, rgba(250, 250, 247, 0) 100%);position: relative;}
.menu li.active a, .menu li:hover a{color: #fff;text-shadow: inherit;}
.menu li.active::before{content: "";position:absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 4px;border-radius: 44px 44px 0px 0px ;background: #fff;display: block;}
.menu li::after{content: ' ';position: absolute;z-index: 2;bottom: 0;left: 50%;display: block;width: 100%;height: 1px;transform: translate(-50%)}
.menu li:hover{background:  linear-gradient(180deg, rgb(137 30 30) 0%, rgba(250, 250, 247, 0) 100%);}
.menu li:hover:after{height: 4px;animation: ad_width .3s linear forwards;background: #fff;border-radius: 44px 44px 0px 0px;}
@keyframes ad_width {from {width: 0}to {width: 100%}}

.menu-h5_btn{cursor: pointer;position: absolute;top: 30%;right: 30px;transform: translateY(-50%);}
.menu-h5_btn span{width: 20px;height: 3px;background: #fff;display: block;transform: rotate3d(0, 0, 0, 0);-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;-webkit-transform-origin: 0 50%;transform-origin: 0 50%;position: absolute;}
.menu-h5_btn span:first-child{top: 0;}
.menu-h5_btn span:nth-child(2){top: 8px;}
.menu-h5_btn span:last-child{top: 15px;}

.changeFigure span:first-child{transform: rotate(45deg) translate(1px) !important;top: 0}
.changeFigure span:nth-child(2){opacity: 0;}
.changeFigure span:last-child{-webkit-transform: rotate(-45deg) translate(0)!important;transform: rotate(-45deg) translate(0)!important;}

.menu-h5_ul{position: absolute;top: 100%;left: 0;right: 0;width: 100%;height: 0;overflow: hidden;background: rgba(0,0,0,.6);z-index: 999;transition: height .3s ease;}
.menu-h5_ul.show{height: 330px;-webkit-backdrop-filter: saturate(100%) blur(10px);backdrop-filter: saturate(100%) blur(10px);}
/* .menu-h5_ul.show{height: 250px;-webkit-backdrop-filter: saturate(100%) blur(10px);backdrop-filter: saturate(100%) blur(10px);} */
.menu-h5_ul li a{color: #fff;color: #fff;font-size: 14px;text-align: center;height: 40px;line-height: 40px;display: block;}
.menu-h5_ul li:not(:last-child) a{border-bottom: 1px solid rgba(255,255,255,.1);}

/* index */
.marginT20{margin-top: 10px;}
.swiper-banner{width: 100%;height: 100%;max-height: 420px;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;/* 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-slide img{width: 100%;}
.swiper-banner .swiper-pagination-bullet{width: 14px;height: 14px;background: #cf5656;}

.aside{background: #fff;}
.aside-c{padding-top: 60px;}
.aside-title{text-align: center;}
.aside-title h6{font-size: 36px;margin-bottom: 10px;}
.aside-title p{font-size: 14px;color: #666666;line-height: 22px;}

.aside-info{margin-top: 30px;padding-bottom: 30px;}
.aside-info_img{width: 54%;border-radius: 5px;position: relative;padding: 20px;}
.aside-info_img::after{content: "";position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 90%;height: 20px;background: rgba(0, 0, 0, 0.5);filter: blur(15px);}
.aside-info_img img{width: 100%;position: relative;z-index: 11;}
.aside-info_fr{width: 42%;box-sizing: border-box;}
.paddL30{padding-left: 2.3%;}
.paddR30{padding-right: 2.3%;}
.aside-info_context li{padding-left: 90px;background-repeat: no-repeat;background-size: 65px;color: #666;background-position: left center;font-size: 14px;margin-bottom: 50px;}
/* .aside-info_context li:nth-child(1){background-image: url(../image/icon/yuce.png);}
.aside-info_context li:nth-child(2){background-image: url(../image/icon/zhibo.png);}
.aside-info_context li:nth-child(3){background-image: url(../image/icon/zixun.png);} */


.aside-info_context li:nth-child(1){background-image: url(../image/icon/yuce.png);}
.aside-info_context li:nth-child(2){background-image: url(../image/icon/zixun.png);}
.aside-info_context li:nth-child(3){background-image: url(../image/icon/zhibo.png);}
.aside-info_context li h6{color: #000;font-size: 16px;font-weight: bold;margin-bottom: 5px;}
.aside-info_more{border-radius: 4px;background: linear-gradient(134.81deg, rgb(221 126 90) 0%, rgb(255 60 30) 100%);box-shadow: 0px 2px 4px 0px rgba(107, 102, 74, 0.25);display: inline-block;padding: 7px 29px 7px 15px;color: #fff;font-size: 16px;position: relative;}
.aside-info_more::after{content: "";position: absolute;right: 10%;top: 50%;transform: translateY(-50%);width: 7px; height: 14px;background: url(../image/icon/icon-right.png) no-repeat;background-size: contain;background-position: center;}

.service{background: url(../image/service-bg.png) no-repeat;background-size: cover;margin-top: 95px;color: #fff;text-align: center;padding: 71px 0 30px;}
.service-title h6{font-size: 36px;}
.service-title p{font-size: 20px;padding-top: 13px;}
.service-li{display: inline-block;margin-top: 75px;}
.service-li li{float: left;}
.service-li li:not(:last-child){margin-right: 190px;}
.service-li li span{width: 49px;height: 49px;border-radius: 14px;background-color: #fff;display: inline-block;background-size: 60%;background-repeat: no-repeat;background-position: center center;}
.service-li li span.icon-actual{background-image: url(../image/icon/actual.png);}
.service-li li span.icon-stat{background-image: url(../image/icon/stat.png);}
.service-li li span.icon-immediately{background-image: url(../image/icon/immediately.png);}
.service-li li span.icon-playing{background-image: url(../image/icon/playing.png);}
.service-li li span.icon-data{background-image: url(../image/icon/data.png);}
.service-li li p{margin-top: 4px;}

.service-more{margin-top: 44px;}
.service-more a{font-size: 14px;color: #fff;background: url(../image/icon/right-2.png) no-repeat;background-size: contain;background-position: right center;padding-right: 20px;}

.aside-tipei_info{margin-top: 9px;width: 100%;position: relative;}
.aside-tipei_info img{width: 100%;}

.aside-tipei_text{position: absolute;left: 5%;top: 50%;transform: translateY(-50%);}
.aside-tipei_text h3{font-weight: bold;color: #333;font-size: 40px;letter-spacing: 2px;}
.aside-tipei_text span{margin-top: 10px;font-weight: 400;font-size: 26px;color: #333;letter-spacing: 2px;display: block;}

/* data */
.banner-c{margin-top: 10px;}
.data{padding-bottom: 10%;position: relative;}
.data-banner{position: relative;}
.data-banner img{width: 100%;}
.data-selectModule{position: absolute;left: 50%;bottom: 11px;transform: translateX(-50%);z-index: 11;width: 230px;height: 52px;border: 1px solid rgb(54 53 53);box-sizing: border-box;background: #fff;border-radius: 5px;}
.data-selectModule a{display: inline-block;text-align: center;width: 50%;height: 50px;line-height: 50px;color: #000;font-size: 24px;transition: all .3s ease;}
.data-selectModule a.active{background: linear-gradient(227.03deg, rgb(233 144 92) 0%, rgb(198 40 39) 100%);color: #fff;border-radius: 4px 0 0 4px;}
.data-selectModule a.active:last-child {background: linear-gradient(227.03deg, rgb(233 144 92) 0%, rgb(198 40 39) 100%);color: #fff;border-radius: 0 4px 4px 0;}

.about-civi_li li{width: 32%;float: left;}
.about-civi_li li:not(:last-child){margin-right: 2%;}


.partner .data-title{padding-top: 70px;}
.data-title h6{font-size: 30px;text-align: center;padding-bottom: 40px;}
.data-tab{display: none;margin-top: 3px;}
.data-tab.active{display: block;}

.data-menu{width: 15%;}
.data-menu li{padding: 87px 0 30px;background-color: #161522;text-align: center;color: #fff;cursor: pointer;}
.data-menu li{margin-bottom: 3px;margin-right: 3px;}
.data-menu li span{width: 100%;background-position: top center;background-repeat: no-repeat;background-size: 55px;padding-top: 67px;}
.data-menu li span.data-playing{background-image: url(../image/icon/data-playing.png);}
.data-menu li span.data-score{background-image: url(../image/icon/data-score.png);}
.data-menu li span.data-exponent{background-image: url(../image/icon/data-exponent.png);}
.data-menu li span.data-stat{background-image: url(../image/icon/data-stat.png);}
.data-menu li span.data-database{background-image: url(../image/icon/data-database.png);}
.data-menu li.action{background: linear-gradient(96deg, rgb(24 63 26) 0%, rgb(92 102 9) 100%);}

.data-table{width: 85%;}
.data-table .data-table_c{display: none;}
.data-table .actionT{display: block;}
.data-table_text{line-height: 24px;height: 140px;color: #666666;padding: 12px;}

.data-table_img img{width: 100%;}

.partner-list li{display: inline-block;margin-top: 20px;width: 18%;padding-left: 1.2%;}
.partner-list li img{width: 100%;}

.buy-path{position: relative;padding: 26px;}
.buy-path_line{background: url(../image/buy/line.png) no-repeat; background-size: contain;background-position: center;width: 100%;height: 74px;padding: 200px 0;margin-top: 20px;}
.buy-path_li li{position: absolute;}
.buy-path_li li:nth-child(1){top: -20px;left: 3%;}
.buy-path_li li:nth-child(2){bottom: -10px;left: 24%;}
.buy-path_li li:nth-child(3){top: -20px;left: 43%;}
.buy-path_li li:nth-child(4){bottom: -10px;left: 62%;}
.buy-path_li li:nth-child(5){top: -20px;left: 84%;}

.buy-path_li li img{min-height: 169px;object-fit: none;max-width: 100%;}
.buy-path_li li p{font-size: 16px;color: #666666;margin-top: 10px;text-align: center;}

.u-img{position: absolute;}
.u-img_1{left: 0;bottom: 0;}
.u-img_2{right: 0;bottom: 5%;}

/* about */
.about-banner img, .join-banner img{width: 100%;}

/* .about{padding-bottom: 170px;} */
.about-intr{padding: 0 30px;box-sizing: border-box;}
.about-intr_title{text-align: center;margin-top: 50px;}
.about-intr_titles{text-align: center;}
.about-intr_title h6, .about-intr_titles h6{font-size: 36px;}
.about-intr_title p, .about-intr_titles p{font-size: 12px;color: #999;}

.about-intr_text{font-size: 16px;color: #000;line-height: 36px;margin-top: 20px;}
.about-intr_img{margin-top: 20px;}
.about-intr_img li{width: 49%;}
.about-intr_img li img{width: 100%;}

.about-civi{background: url(../image/bg/quxian.png) no-repeat;background-size: cover;padding-bottom: 180px;background-position: center;}
.about-civi_li{margin-top: 30px;}
.about-civi_li li{width: 32%;float: left;}
.about-civi_li li:not(:last-child){margin-right: 2%;}
.about-civi_li img{width: 100%;}

.about-his_swiper{margin-top: 22px;position: relative;padding-bottom: 170px;}
.about-his_swiper .swiper-slide{display: block;text-align: left;padding-left: 26px;box-sizing: border-box;}
.about-his_swiper .time{font-size: 30px;color: #446beb;opacity: .5;}
.about-his_swiper .swiper-slide .yuan{width: 100%;height: 40px;background: url(../image/icon-yuan.png) no-repeat;background-size: contain;margin-left: 25px;margin-top: 5px;position: relative;opacity: .5;}

.about-his_swiper .swiper-slide-active .time{opacity: 1;}
.about-his_swiper .swiper-slide-active .yuan{width: 100%;height: 40px;background: url(../image/icon-yuan_1.png) no-repeat;background-size: contain;margin-left: 25px;margin-top: 5px;position: relative;opacity: 1;}

.about-his_swiper .swiper-slide:hover .time{opacity: 1;}
.about-his_swiper .swiper-slide:hover .yuan{width: 100%;height: 40px;background: url(../image/icon-yuan_1.png) no-repeat;background-size: contain;margin-left: 25px;margin-top: 5px;position: relative;opacity: 1;}
.about-his_swiper .swiper-slide:hover .yuan{width: 100%;height: 40px;background: url(../image/icon-yuan_1.png) no-repeat;background-size: contain;margin-left: 25px;margin-top: 5px;position: relative;opacity: 1;}



.about-his_swiper .yuan::before{content: "";position: absolute;right: 100%;top: 50%;width: 93%;height: 2px;background: #86aff9;}
.about-his_swiper .swiper-slide:last-child .yuan::after{content: "";position: absolute;right: 0;top: 50%;width: 80%;height: 2px;background: #86aff9;}

.about-his_swiper .context{margin-left: 15px;margin-top: 10px;}
.about-his_swiper .context span{font-size: 22px;color: #446beb;}
.about-his_swiper .context p{font-size: 16px;color: #666666;line-height: 20px;padding-top: 20px;}

.about-his_swiper .swiper-button-next, .about-his_swiper .swiper-button-prev{width: 18px;height: 28px;background-size: 18px 28px;margin-top: 0;top: 14%;}
.about-his_swiper .swiper-button-next.swiper-button-disabled, .about-his_swiper .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.about-his_swiper .swiper-button-prev, .about-his_swiper .swiper-container-rtl .swiper-button-next{background-image: url(../image/banner_left.png);left: -5%;}
.about-his_swiper .swiper-button-next, .about-his_swiper .swiper-container-rtl .swiper-button-prev{background-image: url(../image/banner_right.png);right: -5%;}


/* join */
.join-box{background: url(../image/bg/quxian.png) no-repeat;background-size: contain;background-position: center center;}
.join-li{margin-top: 15px;}
.join-li li{width: 48%;float: left;margin-right: 4%;background: #fff;border: 1px solid #e2e6ef;position: relative;padding: 26px 15px 0;height: 579px;margin-bottom: 43px;box-sizing: border-box;}
.join-li li::before{content: "";position: absolute;top: 0;right: 0;width: 270px;height: 142px;background: url(../image/bg/3.png) no-repeat;background-size: contain;}
.join-li li:nth-child(2n){margin-right: 0 !important;}
.join-li_t .name, .join-li_t .condition, .join-li_t .duty{padding-left: 11px;}
.join-li_t .name{font-size: 24px;line-height: 30px;}
.join-li_t .condition{padding-top: 15px;border-bottom: 1px dashed #a6a6a6;padding-bottom: 16px;}
.join-li_t .condition span{display: inline-block;border: 0.5px solid #afafaf;border-radius: 1px;font-size: 14px;line-height: 23px;padding: 0 8px;color: #666;}
.join-li_t .condition span:not(:last-child){margin-right: 5px;}
.join-li_t .duty{padding-top: 16px;}
.join-li_t .duty span{display: block;line-height: 24px;font-size: 14px;}
.join-li_b{position: absolute;left: 0;right: 0;bottom: 0;border: 1px solid #6786f0;text-align: center;height: 46px;line-height: 46px;color: #6786f0;cursor: pointer;}

/* 直播 */
.video{background: url(../image/bg/video_bg.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center center;width: 100%;position: relative;overflow: hidden;}
.video .div1260{position: relative;height: 100%;}
.video-c{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;}
/* .video-c{width: 100%;} */
.video_iframe{width: 80%;max-width: 80%;}
.video-js[tabindex="-1"]{width: 100%;}
.video_menu{width: 20%;padding-left: 2%;box-sizing: border-box;height:100%;position: absolute;right: 0;top: 0;overflow: hidden;overflow-y: auto;}
.video_menu::-webkit-scrollbar{width:2px}
.video_menu::-webkit-scrollbar-track{background-color:#fdfdfd;}
.video_menu::-webkit-scrollbar-thumb{background-color:#afaeae;}
.video_menu li{width: 100%;height: 125px;box-sizing: border-box;border-radius: 5px;}
.video_menu li.active{border: 5px solid rgba(239, 190, 120, 1);position: relative;}
.video_menu li.active::before{content: "";position: absolute;right: 100%;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right: 15px solid rgba(239, 190, 120, 1);}
.video_menu li:not(:last-child){margin-bottom: 20px;}
.video_menu li a{display: block;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;border-radius: 5px;}
.video_menu li.active a{border-radius: 0;}

.video-o{overflow: inherit; height: auto !important;padding: 1% 0;}
.video-o .video-c{position: inherit;transform: inherit;left: inherit;top: inherit;}

/* 右侧悬浮 */
.fixed_right{position: fixed;right: 20px;bottom: 60px;width: 64px;height: 150px;border-radius: 5px;background: #fff;box-shadow: 0px 0px 0px 0px rgba(34, 41, 55, 0.1), 0px 10px 21px 0px rgba(34, 41, 55, 0.1), 0px 39px 39px 0px rgba(34, 41, 55, 0.09), 0px 87px 52px 0px rgba(34, 41, 55, 0.05), 0px 154px 62px 0px rgba(34, 41, 55, 0.01), 0px 241px 67px 0px rgba(34, 41, 55, 0);z-index: 9999;}
.fixed_right li{cursor: pointer;text-align: center;position: relative;height: 75px;}
.fixed_right li.weixin{background: url(../image/icon/r-weixin.png) no-repeat;background-position: center center;background-size: 28px;}
.fixed_right li.phone{background: url(../image/icon/r-phone.png) no-repeat;background-position: center center;background-size: 28px;}


.fixed_right li:first-child::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 46px;height: 1px;background: #cccccc;}
.fixed_right .fixed_right-box{display: none;position: absolute;right: 100%;top: 50%;width: 100px;height:100px;background: #fff;box-shadow: 0px 0px 0px 0px rgba(34, 41, 55, 0.1), 0px 10px 21px 0px rgba(34, 41, 55, 0.1), 0px 39px 39px 0px rgba(34, 41, 55, 0.09), 0px 87px 52px 0px rgba(34, 41, 55, 0.05), 0px 154px 62px 0px rgba(34, 41, 55, 0.01), 0px 241px 67px 0px rgba(34, 41, 55, 0);border-radius: 5px;transform: translate(-19px, -50%);color: #999999;font-size: 10px;line-height: 20px;}
.fixed_right .fixed_right-box::after{content: "";position: absolute;left: 100%;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 10px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.fixed_right li.weixin:hover{background-image: url(../image/icon/r-weixin-s.png);background-size: 50px;}
.fixed_right li.phone:hover{background-image: url(../image/icon/r-phone-s.png);background-size: 50px;}
.fixed_right li.phone .link{width: 120px;height: 44px;text-align: left;padding-left: 8px;}
.fixed_right li.phone .link span{color: #4a4a4a;font-size: 14px;}
.fixed_right li.weixin:hover .code{display: block;}
.fixed_right li.phone:hover .link{display: block;}

/* dialog */
.dialog_tips{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0,0,0,.5);padding: 30px 40px;border-radius: 5px;color: #fff;}


/* icp */
.credentials>div{
    width: 80%;
    margin: 0 auto;
}
.credentials img{
    width: 100%;
}


/* footer */
.footer{background: #333;color: #9c9c9c;padding: 50px 0;position: relative;}
.foot-j span:not(:last-child){display: block;margin-bottom: 8px;margin-right: 99px;}
.foot-l{margin-top: 0;}
.foot-l li{display: inline-block;background-position: left center;background-repeat: no-repeat;background-size: contain;padding-left: 60px;}
.foot-l li:not(:last-child){margin-right: 109px;}
.foot-l li.weixin{background-image: url(../image/icon/weixin.png);}
.foot-l li.phone{background-image: url(../image/icon/phone.png);}
.foot-l li.email{background-image: url(../image/icon/email.png);}
.foot-l li h6{font-size: 24px;}
.foot-l li p{font-size: 16px;margin-top: 6px;}

.foot-l_h5{width: 100%;}
.foot-l_h5 .foot-l{display: flex;justify-content: space-between;} 

.icp{text-align: center;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);}
.icp a{color: #bbb;padding: 0 5px;}



