/* HWL:begin */
.z9info2top{background:url("../images/expert/weather-0.jpg") no-repeat center center;background-size: cover;}
.z9info2top:before{ content:none;}
.z9weather{ background: url("../images/expert/weather-0.jpg") no-repeat center center;background-size: 100% 100%;position: absolute;z-index: -1;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;}
.z9weather2bg{animation: myzoom 30s ease-out infinite;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-size: auto 100%;background-position: center;}
@keyframes myzoom
	{
	from {transform:scale(1);}
	to {transform:scale(1.8);}
}
@media screen and (min-width: 960px)  and (min-device-width: 960px) {
.z9info2head .z1video{position: absolute;bottom: 40px;left: 0;cursor: pointer;text-align: center;left: 30%;right: 30%;z-index: 10;}
.z9info2head .z1video .c0box{display:inline-block;background: #ff6a00;background: radial-gradient(200% 100% at bottom center, #f7f7b6, #ff6a00, #ffa463);box-shadow: 0px 1px 0 rgb(0 0 0 / 40%);border-radius: 20px;padding: 6px 8px 6px 13px;user-select: none;}
.z9info2head .z1video span {display: inline-block;line-height: 20px;padding: 0 5px 0 20px;background: no-repeat left center;background-size: 16px auto;vertical-align: top;}
.z9info2box .z9info2head .z1video .animation {background-image: url(../images/icon-play2d-football-2-white.png);}
.z9info2box[data-soprt-id="2"] .z9info2head .z1video .animation {background-image: url(../images/icon-play2d-basketball-2-white.png);}
.z9info2head .z1video .video {background-image: url(../images/icon-play-white-3.png);background-size: auto 15px;padding-left: 17px;}
.z9info2head .z12dlist{position: fixed;background: white;color: black;left: 50%;max-height: 60vh;border-radius: 3px;z-index: 2001;line-height: 24px;font-size: 14px;display: none !important;text-shadow: none;transform: translate(-50%,-45px);padding: 10px 20px;min-width: 300px;}
.z9info2head .z12dlist .z0item{display: block;text-decoration: none;color: #333;z-index: 13;position: relative;cursor: pointer;text-align: left;padding: 10px 10px 10px 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.z9info2head .z12dlist .z0item:not(:last-child){ border-bottom: solid 1px #eee; }
.z9info2head .z12dlist .z0item::before {content: "";display: inline-block;vertical-align: middle;width: 22px;height: 22px;background: url(../images/icon-play2d-football-2.png) no-repeat center center;background-size: 22px auto;margin: -2px 10px 0;}
.z9info2box[data-soprt-id="2"] .z9info2head .z12dlist .z0item::before {background-image: url(../images/icon-play2d-basketball-2.png);}
.z9info2head .z12dlist .z0item[ai-value="1"]::before {background-image: url(../images/icon-play-pc.png) !important;}
.z9info2head .z1video[data-ai-vis]+.z12dlist{display: block !important;}
.z9info2head .z1video[data-ai-vis]:before{content: '';position: fixed;z-index: 1;background: rgba(0, 0, 0, .5);left: 0;right: 0;top: 0;bottom: 0;}
.z9info2head .z12d{position: fixed;left: 50%;right: 0;top: 30px;height: 690px;width: 900px;background: rgb(0 0 0 / 70%);border: solid 3px rgb(0 0 0 / 50%);z-index: 10001;transform: translateX(-50%);}
.z9info2head .z12d:not([data-ai-vis]){display: none !important;}
.z9info2head .z12d .a0close{right: 0;bottom: 0;left: 0;width: auto;font-size: 14px;position: absolute;background: #333;border-radius: 0;/* position: fixed; */z-index: 100000000;}
.z9info2head .z12d iframe{width: 100%;height: 100%;display: block;border: none;margin: 0 auto;overflow: hidden;background: black;border: none;}

.number-list .item a:hover, .alternate-list .item:hover, .tablist-content .data-item:hover,.record-list .item:hover{ background: #ffe1a2;outline: solid 1px white;box-shadow: 0 0 6px rgb(255 106 0 / 50%);transition: all .3s;transform: scale(1,1.1);z-index: 2;position: relative;font-weight: bold;border-radius: 5px;}

.aio-layout-header .aio-h5-head .z0winclose{font-size:12px;position: fixed;left: 50%;transform: translateX(-50%);top: 0px;width: 900px;background: #111;padding: 0 20px;border-radius: 0;font-size: 15px;z-index: 10001;}
.aio-layout-header .aio-h5-head .z0winclose:not([data-ai-vis]){ display:none;}
}
/* HWL:end */

/* 情报弹窗 */
.popup-payment1 {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 560px;}
.popup-payment1 .close {position: absolute;bottom: -14%;left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);width: 48px;height: 48px;background: url("../images/icon/icon-close.png") no-repeat center center;background-size: contain;cursor: pointer;}
.popup-payment1 .content {position: absolute;top: 1.4%;bottom: 2.5%;left: 0;right: 6%;}
.popup-payment1 .title {position: absolute;top: 3%;left: 50%;background: linear-gradient(-90deg, #F0CF8B 0%, #F8FFEE 49.8779296875%, #EFDE92 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #EFDE92;font-size: 24px;transform: translate(-50%, 0);}
.popup-payment1 .btns {position: absolute;bottom: 10%;left: 0;right: 6%;font-size: 0;text-align: center;line-height: 1;}
.popup-payment1 .btns .btn {display: inline-block;width: 190px;height: 60px;border-radius: 30px;border: 0;margin: 0 20px;padding: 12px 0;position: relative;}
.popup-payment1 .btns .btn span {display: block;text-align: center;}
.popup-payment1 .btns .text {color: #2F2B31;font-size: 20px;margin-bottom: 5px;font-weight: bold;}
.popup-payment1 .btns .price {color: #000;font-size: 14px;}
.popup-payment1 .btn-member .text {color: #d20;}
.popup-payment1 .btns .btn-current {background: linear-gradient(-70deg, #8b8b8b 0%, #dfdfdf 50%, #a5a5a5 100%);}
.popup-payment1 .btns .btn-member {background: linear-gradient(-70deg, #ffb836 0%, #fef2b7  50%, #ffd659 100%);}
/* .popup-payment1 .btns .btn-member::after {content: "限时优惠";position: absolute;right: 0;bottom: 96%;width: 78px;height: 28px;line-height: 22px;background: url(../images/bg3.png) no-repeat;background-size: 100% auto;color: #fff;font-size: 14px;text-align: center;} */

/* 优惠券 */
.live-intel-coupon{background: linear-gradient(90deg, rgba(238, 214, 179, 1) 0%, rgba(255, 246, 239, 1) 50.46%, rgba(238, 214, 179, 1) 100%);border-radius: 30px;margin: 0 30px;text-align: left;padding: 5px 10px;color: #000;}
.live-intel-coupon span.title_l{font-size: 16px;font-weight: bold;}
.live-intel-coupon .name {padding-right: 30px;font-size: 14px;background: url(../images/card/icon-right_2.png) no-repeat right center;background-size: auto 100%;width: 81%;display: inline-block;text-align: right;cursor: pointer;}


@media screen and (max-width: 960px) {
    #info_header, .z9info2top, .z9weather {background-image: url("../images/expert/weather-wap-0.jpg");}
    .z9info2head .z12d{ bottom:0;max-width: 100%;}
    .z8boxs{min-height:0;margin-top: 5px;}
    #info_header .weather{ font-size:10px;line-height: 20px;position: static;}
    #info_header .z1teams .pm{ font-size:10px;}
    .z9info2head .z1name{ font-size:13px;}
    .z8nav2page{ display:none;}
    .recommend-list{ padding: 0 5px;}


    .popup-payment1 {max-width: 370px;width: 96%;}
    .popup-payment1 .btns .btn {margin: 0 1%;width: 44%;height: 46px;padding: 8px 0;}
    .popup-payment1 .btns .text {font-size: 14px;}
    .popup-payment1 .btns .price {font-size: 12px;}
    .popup-payment1 .close {width: 24px;height: 24px;}
    /* .popup-payment1 .btns .btn-member::after {font-size: 12px;width: 66px;height: 24px;line-height: 20px;} */
}
@keyframes myzoom {
	from {transform:scale(1);}
	to {transform:scale(1.8);}
}
.aio-overlay {position: fixed;top: 0;left: 0;z-index: 10003;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);display: none;}
.aio-overlay[data-ai-vis] {display: block;}
.live-head {overflow: hidden;background: url(../images/live/head.jpg) no-repeat center center;background-size: cover;color: #fff;text-align: center;min-height: 160px;position: relative;}
[data-sport="football"] .live-head {background-image: url(../images/expert/weather-wap-0.jpg);}
/* .live-head .head-content {position: relative;z-index: 2;} */
.live-head .head-content {position: relative;z-index: 2222;}
.live-head .bgpic {position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* background: no-repeat center center / cover; */animation: myzoom 30s ease-out infinite;background-size: auto 100%;background-position: center;}
.live-head .info-time {line-height: 16px;padding: 8px 0 4px;}
.live-head .info-time a {color: #fff;}
.live-head .match {font-size: 16px;max-width: 60%;margin: 0 auto;}
.live-head .time {font-size: 10px;}
.live-head .team-info {display: flex;text-shadow: -1px -1px 2px #3b6abd, 1px 1px 2px #3b6abd, 0 0 3px #3b6abd;}
.live-head .team-info a {color: #fff;}
.live-head .team {flex: 1;line-height: 16px;}
.live-head .team-icon {display: block;width: 40px;height: 40px;margin: 0 auto 4px;background: no-repeat center center;background-size: contain;}
.live-head .team-name {font-size: 12px;}
.live-head .team-pm {color: rgba(255, 255, 255, .7);font-size: var(--text-size-xs);}
.live-head .team-middle {padding-top: 0px;width: 110px;}
.live-head .team-middle .status {display: inline-block;font-size: 10px;line-height: 16px;font-weight: 500;border-radius: 10px;background-color: #fff;padding: 0 4px;margin-top: 0px;min-width: 34px;text-shadow: none;}
.live-head .team-middle .status::before {color: red;font-weight: normal;}
.live-head .team-middle .score {font-size: 30px;font-family: "ArchivoNarrow";letter-spacing: 2px;white-space: nowrap;position: static;transform: translateX(-15%);width: 150%;}
.live-head .video-show {display: inline-block;vertical-align: top;line-height: 18px;border-radius: 11px;background-color: rgb(0 0 0 / 60%);padding: 0px 10px;margin-bottom: 2px;font-size: 12px;user-select: none;}
.live-head .video-show span {float: left;font-size: 10px;padding: 0 4px;cursor: pointer;}
.live-head .video-show span .iconfont {margin-right: 2px;font-size: 11px;color: #8E8785;color: white;}
.live-head .z12d:not([data-ai-vis]) {display: none !important;}
.live-head .bottom {text-align: center;line-height: 1;margin-top: 28px;min-height: 41px;}
.live-head .weather {color: white;/* color: white; */font-size: var(--text-size-xs);line-height: 20px;width: 100%;max-width: 800px;margin: 0 auto;text-shadow: -1px -1px 2px #3b6abd, 1px 1px 2px #3b6abd, 0 0 3px #3b6abd;}
.live-head .weather span {padding: 0 5px;}
.live-head .video-close {display: none;position: absolute;right: 14px;top: 7px;z-index: 10001;white-space: nowrap;border-radius: 3px;background: rgba(0,0,0,.5);padding: 0 20px;line-height: 30px;}
.live-head .z12d[data-ai-vis] + .video-close {display: block;}
.live-head .aiHint {font-size: 10px;line-height: 14px;padding-top: 5px;color: white;}
.select-video-list {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 94%;background-color: var(--color-background-3);border-radius: 8px;max-width: 680px;max-height: 288px;overflow: auto;}
.select-video-list .list {padding: 0 15px;}
.select-video-list .list-item {display: block;font-size: 14px;line-height: 20px;padding: 14px 10px 14px 40px;position: relative;cursor: pointer;}
.select-video-list .list-item::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 1px solid #e6e7ef;transform: scaleY(.5);}
.select-video-list .list-item:last-child::after {display: none;}
.select-video-list .list-item .iconfont {position: absolute;top: 15px;left: 10px;font-size: 16px;}
.select-video-list .list-item::before {content: "";width: 15px;height: 15px;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.select-video-list .list-item.checked::before {background: url(../images/icon/icon-check.png) no-repeat;background-size: cover;}

.live-nav-left,
.live-nav-right {position: absolute;top: 0;height: 44px;display: flex;align-items: center;padding: 0 14px;}
.live-nav-left {left: 0;}
.live-nav-right {right: 0;}
.live-navbar {position: absolute;left: 0;top: 0;width: 100%;line-height: 1;}
.live-navbar .btn {display: inline-block;padding: 4px;margin-right: 4px;}
.live-navbar .btn:last-of-type {margin-right: 0;}
.live-navbar .iconfont {color: #fff;font-size: 20px;opacity: .7;background: transparent;}
.live-navbar .icon-back {font-size: 16px;}
.live-navbar .iconpic {display: block;width: 20px;height: 20px;background: no-repeat center center / contain;}
.live-navbar .iconpic-like {background-image: url(../images/icon/like.png);opacity: .7;}
.live-navbar .iconpic-like.active {background-image: url(../images/icon/like_active.png);opacity: 1;}

@media screen and (min-width: 960px) {
    [data-sport="football"] .live-head {background-image: url(../images/expert/weather-0.jpg);}
    .live-head {background-image: url(../images/live/head-pc.jpg);min-height: 210px;}
    .live-head .team-info {margin-top: 0;}
    .live-head .match {font-size: 18px;}
    .live-head .info-time {padding: 0;line-height: 22px;text-shadow: -1px -1px 2px #3b6abd, 1px 1px 2px #3b6abd, 0 0 3px #3b6abd;margin-bottom: 10px;}
    .live-head .info-time > * {display: inline-block;vertical-align: top;}
    .live-head .info-time .match {margin-right: 20px;}
    .live-head .info-time .time {font-size: 16px;}
    .live-head .team-middle {padding-top: 0px;width: 150px;}
    .live-head .team-middle .score {font-size: 30px;line-height: 35px;color: #ff6a00;text-shadow: 0 0 2px rgb(255 255 255 / 50%);text-shadow: 0px 0px 2px white,0px 0px 1px currentColor,1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 2px 1px rgb(0 0 0 / 30%);}
    .live-head .team-middle .status {font-size: 12px;line-height: 20px;min-width: 68px;padding: 0 8px;background: rgb(255 255 255 / 80%);text-shadow: none;}
    .live-head .team {display: flex;align-items: center;padding: 0 24px;line-height: 20px;}
    .live-head .team-icon {margin: 0;width: 60px;height: 60px;}
    .live-head .team-text {padding: 0 10px;text-shadow: -1px -1px 2px #3b6abd, 1px 1px 2px #3b6abd, 0 0 3px #3b6abd;}
    .live-head .team-name {font-size: 16px;}
    .live-head .team-home {flex-flow: row-reverse;}
    .live-head .bottom {margin-top: 5px;}
    .live-head .video-show {line-height: 22px;border-radius: 12px;background: radial-gradient(200% 100% at bottom center, #f7f7b6, #ff6a00, #ffa463);box-shadow: 0px 0px 1px rgb(0 0 0 / 40%);user-select: none;text-shadow: 0 0 2px rgb(0 0 0 / 20%);}
    .live-head .video-show span {font-size: 12px;}
    .z9info2head {padding: 40px 0 0px;}
    .live-head .aiHint {font-size: 12px;line-height: 20px;}
}