.video-m{ width: 1600px; margin: 0 auto; position: relative; } .body-lang1{ .mc-car-ul{ left: 100px; } .like-btn{ background: url(../images/like-btn-en.png) no-repeat !important; } .guard-list{ background: url(../images/guard-list-en.png?v=20220801)no-repeat; } .hot-box{ background: url(../images/hot-box2-en.png?v=20220801) no-repeat; } .hot-box2{ background: url(../images/interac-box-en.png?v=20220801) no-repeat; } .rich-box{ background: url(../images/rich-box-en.png?v=20220801) no-repeat; } .list-floor-left,.list-floor-left2{ display: none; } .list-floor-right,.list-floor-right2{ display: none; } .day-task-content-ul li{ min-height: 54px; height: auto; } .day-task-content-ul li p:nth-child(2){ width: 205px; } .gift-num-box{ width: 120px; left: 172px; } .gift-num-list{ left: 47px; } .layer-ticket-tips{ height: 252px; } .mc-out{ width: 140px; margin-left: -70px; } .layer-gift-box{ height: 260px; } .layer-gift-btn1{ top: 190px; } .layer-gift-btn2{ top: 190px; } } @media screen and (max-width: 1441px) { .video-m{ width: 1350px; } body{ .video-big-box-left{ width: 960px; } .video-play-box video{ height: 542px; } .video-input{ width: 906px; } .video-big-box-right{ width: 390px; } .video-more-ul { margin-left: 15px; } } } .images-m{ width: 1440px; margin: 0 auto; position: relative; .reply2-input { width: 905px; } .video-input{ width: 880px; } .video-msg-list-content-box{ width: 915px; margin-left: 69*0.86px; min-height: 87*0.86px; } // .video-msg-list-content-box .video-msg-user-face{ // left: -68*0.86px; // } .video-msg-list{ width: 1133*0.86px; } .video-msg-reply-box{ width: 1064*0.86px; } } .images-big-box-left{ width: 1035px; float: left; font-size: 0; position: relative; } .neck-nav{ height: 60px; width: 100%; background: #E43985; position: fixed; z-index: 500; .neck-nav-content{ width: 1440px; margin: 0 auto; height: 60px; position: relative; } .logo{ position: absolute; top: 8px; } } .video-big-box-left{ width: 1195px; float: left; font-size: 0; position: relative; } .video-big-box-right{ width: 405px; display: inline-block; font-size: 0; position: relative; float: left; } .video-play-box{ position: relative; width: 100%; video{ width: 100%; border-radius: 8px; height: 673px; } } .video-more-box{ margin-left: 4.5%; width: 95.5%; background: #FFFCFD; border-radius: 8px; min-height: 200px; } .video-more-h2{ height: 70px; line-height: 70px; font-size: 28px; font-weight: 700; color: #333333; text-indent: 24px; position: relative; >div{ position: absolute; width: 4px; height: 24px; background:linear-gradient(to bottom,#E53989,#E539BA); border-radius: 8px; left: 16px; top: 25px; } } .left-images-title{ width: 1035px; text-align: center; line-height: 44px; height: 44px; font-size: 22px; color: #333333; font-weight: 700; margin-bottom: 10px; } .images-content-box{ .images-content-imgBox{ width: 100%; >img{ width: 100%; border-radius: 8px; margin-bottom: 15px; } } >p{ font-size: 14px; text-indent: 20px; padding-top: 10px; } } .video-more-ul{ width: 342px; margin-left: 22px; li{ position: relative; height: 254px; margin-bottom: 19px; } .video-top-box{ width: 342px; height: 192px; border-radius: 8px; position: relative; overflow: hidden; } .video-top-shadow{ width: 342px; height: 50px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } .video-time{ color: #fff; font-size: 16px; position: absolute; z-index: 2; right: 8px; bottom: 10px; } .video-name-box{ position: relative; height: 65px; width: 342px; } .video-face{ position: absolute; width: 40px; height: 40px; border-radius: 50%; left: 6px; top: 10px; } .video-title{ color: #333333; font-size: 14px; text-indent: 56px; padding-top: 10px; width: 330px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .video-tag-box{ width: 290px; overflow: hidden; margin-left: 54px; margin-top: 4px; border-bottom: none; >div{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; min-width: 42px; max-width: 84px; height: 18px; background: #FFE8F1; color: #E53985; font-size: 12px; line-height: 18px; text-align: center; border-radius: 4px; float: left; margin-right: 4px; margin-bottom: 30px; } } } .video-content-box{ height: 182px; width: 100%; position: relative; } .video-content-title{ font-size: 24px; height: 46px; line-height: 46px; margin-top: 8px; font-weight: 700; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; } .video-btn-box{ // width: 215px; width: 150px; height: 46px; position: absolute; right: 0; top: 0; div{ width: 71px; height: 46px; float: left; position: relative; line-height: 46px; font-size: 0; text-indent: 28px; img{ position: absolute; left: 0; top: 10px; cursor: pointer; } span{ font-size: 14px; } } } .video-time-box{ line-height: 28px; font-size: 16px; color: #AAAAAA; span:nth-child(1){ } span:nth-child(2){ margin-left: 28px; } } .video-tag-box{ width: 100%; height: 47px; border-bottom: 1px solid #E5E5E5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; >div{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 24px; min-width: 56px; max-width: 90px; background:#FFE8F1; font-size: 14px; color: #E53985; float: left; margin-right: 8px; text-align: center; line-height: 24px; margin-top: 6px; } } .video-face-box{ position: relative; width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #E5E5E5; text-indent: 45px; font-size: 14px; .video-face-box-face{ width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 10px; left: 0; } .video-like-btn{ width: 76px; height: 34px; background:#E53985; line-height: 34px; font-size: 14px; color: #fff; text-align: center; text-indent: 0; position: absolute; top: 13px; border-radius: 50px; right: 0; } .video-like-btn-yes{ background: #F3F4F7; border: 1px solid #E53985; color: #E53985; } } .video-msg-box{ margin-top: 20px; background: #FCF8FC; width: 100%; min-height: 200px; border-radius: 8px; } .video-msg-h2{ text-indent: 26px; font-size: 16px; color: #333333; font-weight: 700; } .video-input-box{ height: 77px; width: 100%; position: relative; // background:pink; } .video-input{ height: 48px; line-height: 48px; width: 1024px; background: #FFF2FA; border-radius: 50px; border:1px solid #E53985; position: absolute; left: 22px; top: 17px; text-indent: 20px; font-size: 16px; } .video-input::placeholder { /* Firefox, Chrome, Opera */ color: #AAAAAA; } .video-input-btn{ width: 88px; height: 50px; background:linear-gradient(to right,#E53989,#E539C2); border-radius: 50px; position: absolute; top: 17px; right: 30px; text-align: center; line-height: 50px; font-size: 14px; color: #fff; cursor: pointer; } .video-msg-list{ width: 1133px; margin: 0 auto; position: relative; padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; } .video-msg-list-content-box{ width: 1064px; margin-left: 69px; min-height: 87px; position: relative; .video-msg-user-face{ width: 50px; height: 50px; border-radius: 50%; position: absolute; left: -68px; top: 4px; } .msg-p1{ height: 30px; line-height: 30px; font-size: 14px; color: #666666; } .msg-p2{ line-height: 26px; font-size: 16px; } .msg-p3{ font-size: 14px; color: #B8B7B8; margin-top: 2px; padding-bottom: 10px; .msg-p3-span1{ cursor: pointer; margin-left: 12px; img{ position: relative; top: 1px; } } .msg-p3-span2{ cursor: pointer; margin-left: 12px; color: #E53985; } } } .video-msg-reply-box{ width: 1064px; margin-left: 50px; min-height: 8px; position: relative; background: #F4F5F8; border-radius: 8px; .reply-box-list{ min-height: 57px; position: relative; margin-left: 50px; } .reply-face{ width: 30px; height: 30px; border-radius: 50%; position: absolute; left: -40px; top: 9px; } .reply-box-p1{ font-size: 14px; padding-top: 8px; span{ color: #666666; font-size: 14px; margin-right: 6px; } } .reply-box-p2{ font-size: 14px; color: #B8B7B8; margin-top: 1px; padding-bottom: 10px; .msg-p3-span1{ cursor: pointer; margin-left: 12px; img{ position: relative; top: 1px; } } .msg-p3-span2{ cursor: pointer; margin-left: 12px; color: #E53985; } } } .reply-input-box{ position: relative; margin-left: 69px; margin-top: 6px; >span{ position: absolute; height: 50px; width: 88px; background:linear-gradient(to right,#E53988,#E539C1); border-radius: 50px; font-size: 16px; line-height: 50px; text-align: center; right: 0; color: #fff; } } .reply2-input{ width: 956px; height: 50px; background: #F4F5F8; border-radius: 50px; font-size: 14px; text-indent: 20px; color: #333; } .input-noLogin-tips{ font-size: 14px; color: #aaa; position: absolute; top: 32px; left: 40%; cursor: pointer; span{ color: #E53985; margin-right: 6px; } } .more-replay{ text-indent:8px; color: #AAAAAA; font-size: 12px; line-height: 20px; padding-bottom: 4px; span{ color: #E53985; cursor: pointer; } } .images-text-box{ width: 100%; font-size: 16px !important; .MsoNormal{ width: 100%; white-space: normal; margin-bottom: 20px; } span{ white-space: normal; } h3{ white-space: normal; margin-bottom: 20px; } p{ margin-bottom: 20px; } } .ticket-box1{ width: 195px; min-height: 160px; background: #FFFFFF; border-radius: 10px; position: absolute; z-index: 50; right: 24px; top: 24px; } .ticket-box2{ width: 195px; min-height: 150px; border-radius: 10px; position: absolute; z-index: 50; right: 24px; top: 24px; background: rgba(0,0,0,0.5); .box2-ticket-box-p1{ color: #BEB8B5; font-size: 16px; font-weight: 700; text-align: center; padding-top: 10px; } .box2-ticket-box-p2{ color: #BEB8B5; font-size: 14px; font-weight: 700; text-align: center; padding-top: 2px; } .box2-ticket-box-p3{ color: #E33982; font-size: 14px; text-align: center; font-weight: 700; padding-top: 10px; span{ font-size: 22px; font-weight: 700; } } .box2-ticket-box-p4{ color: #BEB8B5; font-size: 14px; font-weight: 700; text-align: center; padding-top: 10px; width: 190px; text-align: center; word-break: break-all; } } .ticket-box-p1{ color: #333333; font-size: 18px; font-weight: 700; text-align: center; padding-top: 12px; } .ticket-box-p2{ color: #E33982; font-size: 16px; text-align: center; font-weight: 700; padding-top: 8px; } .ticket-box-p3{ color: #333333; font-size: 14px; text-align: center; padding-top: 14px; word-break: break-all; width: 190px; margin: 0 auto; } .ticket-box-p4{ color: #333333; font-size: 14px; text-align: center; padding-top: 14px; span{ color: #E53985; margin-right: 4px; } } .ticket-box-btn{ background: #E53985; height: 38px; line-height: 38px; width: 167px; border-radius: 50px; text-align: center; margin: 0 auto; color: #FFFEFF; margin-top: 14px; cursor: pointer; } .layer-ticket-box{ position: absolute; width: 332px; height: 474px; background: #FFFFFF; border-radius: 6px; display: none; } .layer-ticket-close{ position: absolute; color: #424242; font-size: 18px; transform: scaleX(1.4); right: 16px; top: 6px; } .layer-ticket-box-p1{ text-align: center; color: #343434; font-weight: 700; font-size: 18px; padding-top: 35px; } .layer-ticket-box-p2{ text-align: center; color: #E83785; font-size: 14px; margin-top: 6px; span{ font-size: 18px; font-weight: 700; } } .layer-ticket-box-p3{ text-align: center; font-size: 14px; color: #333333; padding-top: 14px; } .layer-ticket-box-p4{ text-align: center; font-size: 14px; color: #333333; padding-top: 18px; span{ color: #E53A89; margin-right: 4px; } } .layer-ticket-ul{ margin-top: 18px; li{ margin: 0 auto; width: 303px; height: 68px; border: 1px solid #C5C5C5; margin-top: 14px; position: relative; border-radius: 10px; } .layer-ticket-li1{ width: 160px; float: left; height: 68px; line-height: 68px; img{ vertical-align: middle; margin-top: -8px; margin-left: 10px; width: 40px; } >span{ margin-left: 6px; } } .layer-ticket-li2{ width: 80px; float: right; height: 68px; line-height: 68px; img{ vertical-align: middle; margin-top: -6px; margin-left: 8px; } .my-card{ width: 26px; margin-left: 4px; margin-top: -8px; } } .layer-ticket-li-click{ background: #F9D7E7; border: 1px solid #E53985; } } .layer-ticket-time-ul{ width: 274px; height: 7px; margin: 0 auto; margin-top: 16px; li{ height: 7px; width: 36px; margin-left: 9px; margin-right: 9px; float: left; background: #FCD1E4; } .ticket-time-li-ok{ background: #E53887; } .ticket-time-li-ing{ background: #FCD1E4; animation:1.3s ticketShow infinite linear ; } } @keyframes ticketShow{ 0%{ background: #FCD1E4; } 20%{ background: #FCD1E4; } 50%{ background: #E53887; } 70%{ background: #E53887; } 100%{ background: #FCD1E4; } } .ticket-time-btn{ height: 50px; line-height: 50px; width: 242px; background: #E53985; border-radius: 50px; margin: 0 auto; text-align: center; color: #fff; margin-top: 24px; } .layer-last-timeBox{ width: 332px; height: 358px; background: #FFFFFF; border-radius: 8px; } .layer-last-close{ position: absolute; color: #424242; font-size: 18px; transform: scaleX(1.4); right: 16px; top: 6px; } .layer-last-timeBox-p1{ color: #333333; font-size: 18px; font-weight: 700; text-align: center; padding-top: 38px; } .layer-last-timeBox-p2{ color: #E53887; font-size: 30px; font-weight: 700; text-align: center; margin-top: 12px; } .layer-last-timeBox-p3{ color: #E53887; font-size: 14px; text-align: center; margin-top: 2px; } .layer-last-timeBox-p4{ width: 303px; height: 67px; background: #F9D7E7; border-radius: 8px; border: 1px solid #E43985; margin: 0 auto; margin-top: 10px; .last-timeBox-p4-box1{ height: 67px; line-height: 67px; width: 245px; position: relative; float: left; img{ vertical-align: middle; margin-top: -6px; margin-left: 12px; } } .last-timeBox-p4-box2{ height: 67px; line-height: 67px; width: 58px; position: relative; float: left; text-align: center; } } .last-timeBox-btn{ width: 242px; height: 50px; background: #E53985; text-align: center; line-height: 50px; color: #fff; font-size: 16px; margin: 0 auto; border-radius: 50px; margin-top: 27px; } .last-timeBox-tips{ color: #333333; text-align: center; padding-top: 16px; >img{ width: 24px; margin-left: 2px; margin-right: 2px; vertical-align: middle; margin-top: -6px; } } .secret-p1{ text-align: center; font-size: 22px; color: #fff; font-weight: 700; line-height: 30px; padding-top: 170px; } .secret-p2{ text-align: center; font-size: 16px; line-height: 30px; color: #fff; } .secret-p3{ text-align: center; font-size: 16px; line-height: 30px; color: #fff; padding-top: 18px; span{ color: #E73885; font-weight: 700; font-size: 22px; margin-left: 6px; text-shadow: 1px 1px 1px #666; } } .secret-p4{ text-align: center; font-size: 16px; line-height: 30px; color: #fff; padding-top: 6px; } .secret-content{ height: 634px; width: 360px; line-height: auto; position: absolute; } .secret-num-box{ height: 60px; width: 220px; background: rgba(255,255,255,0.4); border-radius: 8px; margin: 0 auto; margin-top: 16px; } .secret-num-box-content1{ width: 140px; height: 60px; line-height: 60px; float: left; position: relative; font-size: 14px; color: #fff; text-align: left; >img{ height: 22px; vertical-align: middle; margin-top: -4px; margin-right: 6px; margin-left: 16px; } } .secret-num-box-content2{ width: 80px; height: 60px; line-height: 60px; float: left; position: relative; font-size: 14px; color: #fff; } .secret-btn{ width: 220px; height: 50px; background: #E53985; border-radius: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 18px; margin: 0 auto; margin-top: 80px; cursor: pointer; } .layer-ticket-tips{ height: 225px; width: 328px; background: #FFFFFF; border-radius: 8px; position: relative; } .layer-ticket-tips-p1{ font-size: 24px; color: #333333; text-align: center; padding-top: 24px; } .layer-ticket-tips-p2{ font-size: 16px; color: #333333; line-height: 28px; width: 290px; margin: 0 auto; padding-top: 16px; } .layer-ticket1{ height: 50px; width: 135px; font-size: 18px; background: #C7C7C7; color: #fff; text-align: center; line-height: 50px; position: absolute; border-radius: 50px; position: absolute; bottom: 35px; left: 21px; } .layer-ticket2{ height: 50px; width: 135px; font-size: 18px; background: #E53985; color: #fff; text-align: center; line-height: 50px; position: absolute; border-radius: 50px; position: absolute; bottom: 35px; right: 21px; } .secret-btn-tips{ color: #FFFFFF; font-size: 14px; text-align: center; line-height: 24px; padding-top: 12px; display: none; >img{ vertical-align: middle; width: 22px; margin-top: -4px; margin-right: 4px; margin-left: 4px; } } .ticket-tips1{ width: 262px; height: 262px; background: rgba(255,255,255,0.3); border-radius: 8px; position: absolute; left: 50%; top: 50%; margin-left: -131px; margin-top: -131px; z-index: 2; pointer-events: none; } .ticket-tips2{ width: 262px; height: 262px; background: rgba(255,255,255,0.3); border-radius: 8px; position: absolute; left: 50%; top: 50%; margin-left: -131px; margin-top: -131px; z-index: 2; pointer-events: none; } .ticket-tips1-box1{ color: #E63A82; font-size: 18px; font-weight: 700; text-align: center; line-height: 30px; padding-top: 18px; img{ width: 35px; vertical-align: middle; margin-top: -6px; } } .ticket-tips1-box2{ color: #333333; font-size: 16px; text-align: center; font-weight: 700; padding-top: 4px; } .ticket-tips1-box3{ position: relative; .ticket-light{ position: absolute; width: 183px; left: 50%; margin-left: -94px; top: -18px; cursor: pointer; } p{ font-size: 68px; color: #F41C7F; font-weight: 700; -webkit-text-stroke:1px #fff; padding-top: 28px; } } .ticket-tips1-box4{ font-size: 16px; color: #333; text-align: center; padding-top: 18px; } .ticket-tips2-box1{ color: #E63A82; font-size: 18px; font-weight: 700; text-align: center; line-height: 30px; padding-top: 24px; } .ticket-tips2-box2{ position: relative; .ticket-light{ position: absolute; width: 183px; left: 50%; margin-left: -94px; top: -18px; cursor: pointer; } p{ font-size: 68px; color: #F41C7F; font-weight: 700; -webkit-text-stroke:1px #fff; padding-top: 28px; } } .ticket-tips2-box3{ font-size: 14px; color: #333; text-align: center; padding-top: 40px; } .layer-gift-box{ width: 328px; height: 243px; background: #FFFFFF; border-radius: 6px; position: relative; display: none; } .layer-gift-box1{ padding-top: 20px; text-align: center; img{ width: 80px; } } .layer-gift-box2{ color: #333333; text-align: center; font-size: 18px; font-weight: 700; padding-top: 6px; } .layer-gift-box3{ color: #333; text-align: center; padding-top: 6px; } .layer-gift-btn1{ height: 49px; width: 136px; background: #C7C7C7; text-align: center; line-height: 49px; text-align: center; color: #fff; font-size: 16px; border-radius: 100px; position: absolute; left: 24px; top: 170px; } .layer-gift-btn2{ height: 49px; width: 136px; background: #E53985; text-align: center; line-height: 49px; text-align: center; color: #fff; font-size: 16px; border-radius: 100px; position: absolute; right: 24px; top: 170px; } // .layer-ticket-buy-box{ // height: 474px; // width: 330px; // background: #FFFFFF; // border-radius: 8px; // position: relative; // } // .layer-ticket-buy-tips1{ // font-size: 24px; // color: #333333; // text-align: center; // padding-top: 38px; // } // .layer-ticket-buy-tips2{ // text-align: center; // color: #E83785; // font-size: 14px; // margin-top: 10px; // span{ // font-size: 18px; // font-weight: 700; // } // } // .layer-ticket-buy-tips3{ // font-size: 14px; // color: #333; // text-align: center; // padding-top: 16px; // } // .layer-ticket-buy-tips4{ // color: #333; // font-size: 14px; // padding-top: 16px; // text-align: center; // span{ // color: #E63988; // } // }