.detail{width:1200px;margin: 0 auto;}
body {background-color: #fff9eb;}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
/* CSS Document */

.DivMain01 {
    background:url(../images/virus-2020/bg1.jpg) no-repeat center;
    height:255px; 
    overflow:hidden; 
    text-align:center;
}
/* CSS Document */

.DivMain02{
    background:url(../images/virus-2020/bg2.jpg) no-repeat center;
    height:1003px; 
    overflow:hidden; 
    text-align:center;
}
.DivMain02 .loterry{position:relative; width:580px; height:578px; margin:150px auto 0;}
.DivMain02 .loterry ul li{font-size:19px;}
.DivMain02 .loterry ul li:first-child{padding-top:20px;}
.DivMain02 .loterry ul li:nth-child(2){height: 230px;padding-top: 50px;}
.DivMain02 .loterry ul li:nth-child(2) em{font-style:normal;}
.DivMain02 .loterry ul li:nth-child(2) em.left{float:left;}
.DivMain02 .loterry ul li:nth-child(2) em.right{float:right;}
.DivMain02 .loterry ul li:nth-child(2) span{display:inline-block; height:0; width:100%; overflow:hidden;}
.DivMain02 .loterry ul li img{padding-bottom:10px;}
.DivMain02 .loterry .go{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); cursor:pointer;}
.DivMain02 .loterry .go img{transform:rotate(0deg); transition:all 4s cubic-bezier(0.25, 0.1, 0.25, 1);}
.DivMain02 > p{font-size:21px; padding-top:135px; text-decoration:underline;}
.DivMain02 > p a{text-decoration:underline;}
.DivMain02 > p a i{font-style:normal; color:#00ACEE;}
.DivMain02 > p img{padding-right:10px;vertical-align: middle;}
/* CSS Document */

.DivMain07{padding:50px 0;  text-align:center;}
.DivMain07 h3 {font-size:41px; font-weight:700; text-align:center; margin-bottom: 40px; border:3px solid #f5cd1d; display:inline-block; padding:20px 70px; border-radius:50px;}
.DivMain07 .Text { height:580px; overflow:hidden; overflow-y: scroll; box-sizing: border-box; text-align:left;}
.DivMain07 h4 { background:url(../images/virus-2020/star.png) no-repeat left center;   padding:0 0 0 45px; margin:15px 0 0; line-height:40px; font-size:19px; font-weight:700; }
.DivMain07 p { padding:5px 50px 15px 0; line-height:32px; font-size: 17px;}
.DivMain07 ol { padding:15px 0 0 30px; }
.DivMain07 ol li { list-style:decimal-leading-zero; padding:2px 0; line-height:26px;}
.DivMain07 a { color:#0592ff; }
.DivMain07 ul { padding:5px 50px 0 15px; }
.DivMain07 ul li { list-style:disc; padding:2px 0; line-height:26px;font-size: 17px;}
/* CSS Document */

.code-popu{width:436px; height:461px; background:url(../images/virus-2020/cd-popu-bg.png) no-repeat center; display:none; text-align:center;}
.code-popu > a{position:absolute; top:0px; right:5px; border-radius:50%; background-color:#fff; text-decoration:none !important; width:25px; height:25px; line-height:22px; text-align:center; color:#999; font-size:23px;}
.code-popu ul{padding-top:115px; margin:0 20px;}
.code-popu ul li{line-height:35px; border-bottom:1px solid #e6e6e6; padding:15px 0;}
.code-popu ul li:last-child{border-bottom:0;}
.code-popu ul li b{display:block;}
.code-popu ul li h3{font-size:15px;}
.code-popu ul li a{font-size:13px; color:#0090ff;}

.one-cj-pop{width:545px; background-color:#ffeb9c; border:4px solid #fff; border-radius:10px; display:none; text-align:center;}
.one-cj-pop > a{position:absolute; top:-15px; right:-15px; border-radius:50%; background-color:#fff; text-decoration:none !important; width:25px; height:25px; line-height:21px; text-align:center; color:#999; font-size:23px;}
.one-cj-pop .con{padding:30px 0 25px;}
.one-cj-pop .con > div{display:none;}
.one-cj-pop .con .add-share{display:block;}
.one-cj-pop .con p{font-size:16px; line-height:35px;}
.one-cj-pop .con p span{color:#f24535;}

.over-popu{width:545px; background-color:#ffeb9c; border:4px solid #fff; border-radius:10px; display:none; text-align:center;}
.over-popu > a{position:absolute; top:-15px; right:-15px; border-radius:50%; background-color:#fff; text-decoration:none !important; width:25px; height:25px; line-height:21px; text-align:center; color:#999; font-size:23px;}
.over-popu p{margin:25px 0 15px; line-height:30px;}
/* CSS Document */






/* ````````````````````````````````````````````````````` */
.video {padding: 70px 0 0;background-color: #000212;overflow: hidden;}
.bg3 {background: url("../images/virus-2020/bg3.jpg")no-repeat center top;}
.bg4 {background: url("../images/virus-2020/bg4.jpg")no-repeat center top;}
.video-wrap {width: 1200px;margin: 0 auto;}
.video-h2 {font-size:35px; color:#fff; font-weight:700; line-height: 1;text-align: center;}
.video-h2 a {font-size:43px; color:#fff; font-weight:700; line-height: 1;text-align: center;}
.video-h2>span {color: #ffb135;}
.video-h3 {font-size:27px; color:#fff; line-height: 1;text-align: center; margin:25px 0 50px;}
.video-list {display: flex;justify-content: center;flex-wrap: wrap;gap: 70px;padding: 22px 0 42px;}
.video-icon {font-size: 16px;color: #fff;line-height: 1.1;display: flex;align-items: center;gap: 16px;position: relative;}
.video-icon::before {content: "";}
.video-icon.icon1::before {width: 23px;height: 30px;background-image: url(../images/virus-2020/icon1.svg);}
.video-icon.icon2::before {width: 29px;height: 29px;background-image: url(../images/virus-2020/icon2.svg);}
.video-icon.icon3::before {width: 24px;height: 28px;background-image: url(../images/virus-2020/icon3.svg);}
.video-icon+.video-icon::after {content: "";width: 1px;height: 36px;background-color: #323643;position: absolute;top: 50%;left: -35px;margin-top: -18px;}
.video-toggle-items {width: fit-content;margin: 0 auto 46px;background-color: #d14335;border: 1px solid #fff;border-radius: 100vw;display: flex;justify-content: center;}
.video-toggle-items>li {color:#fff; cursor:pointer; border-radius:100vw; font-size:19px; padding:3px 20px;}
.video-toggle-items>li.active {color: #ffb135;box-shadow: 0 0 0 1px #ffb135;}
.video-toggle-items>li:hover {color: #ffb135;}
.video-content {position: relative;}
/* .video-content::before,.video-content::after {content: "";width: 700px;height: 700px;background: radial-gradient(farthest-side, #131e4d, transparent);position: absolute;top: 0;left: -350px;} */
.video-content::after {left: auto;right: -350px;}
.video-content-box {display: flex;justify-content: center;flex-wrap: wrap;border-radius: 18px;overflow: hidden;position: relative;z-index: 1;}
.video-left {width: 880px;}
.video-left>li {position: relative;display: none;background-color: #000;}
.video-left>li.active {display: block;}
.video-left>li::before {content: "";display: block;padding-bottom: 56.25%;}
.video-left>li>video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.video-right-box{position:relative;}
.video-right-box-off{position:absolute; font-size:23px; color:#d60011; line-height:1.1; width:88px; height:87px; background:url(../images/virus-2020/off-bg.png) no-repeat; bottom:0; left:-30px; display:flex; align-items:center;}
.video-content-p {max-width: 326px;box-sizing: border-box;padding: 16px;border-radius: 10px;line-height: 1.8;color: #b9c3d6;background-color: rgba(0,0,0,0.38);position: absolute;bottom: 16px;left: 16px; font-size:15px;}
.video-right {width: 320px;box-sizing: border-box;padding: 15px 10px;background-color: #02030c;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.video-right-h3 {font-size:23px; line-height: 1;font-weight: 500;color: #ffb135;}
.video-right-p {font-size:15px; color: #bcbcbc;line-height: 1;padding: 6px 0 18px;}
.video-right-price {color: #393a42;line-height: 25px;padding: 16px 0 12px;}
.video-right-price>span {font-size: 25px;color: #ff9500;}
.video-right-price>del {color: #6e728b;}
.buy-buttons {display: flex;justify-content: center;}
.buy-button {min-width: 212px;height: 44px;box-sizing: border-box;padding: 0 10px;border-radius: 100vw;background-color: #ff9500;display: flex;justify-content: center;align-items: center;gap: 10px;font-size: 19px;color: #fff;font-weight: 600;text-decoration: none;}
.buy-button:hover {color: #fff;}
.buy-button::after {content: "";width: 32px;height: 29px;background: url(../images/virus-2020/buy-car.png);}
.buy-service {display: flex;justify-content: center;align-items: center;gap: 8px;font-size: 14px;color: #54586f;line-height: 1.2;padding-top: 16px;text-align: left;}
.buy-service::before {content: "";width: 33px;height: 25px;background: url(../images/virus-2020/buy-service.png);}
.video-right-list{margin-top:10px;}
.video-right-list li{font-size:14px; color:#54586f; text-align:left; padding-left:17px; position:relative;}
.video-right-list li::before{content:''; width:12px; height:6px; border:1px solid; border-top:0 none; border-right:0 none; position:absolute; left:0; transform:rotate(-45deg); margin-top:7px;}
.video-params {padding-top: 70px;display: flex;justify-content: center;flex-wrap: wrap;border-bottom: 1px solid #fff9eb;}
.video-params>li {padding: 0 34px 26px;display: flex;flex-direction: column;align-items: center;gap: 10px;position: relative;}
.video-params>li:not(:first-of-type, :last-of-type){border:.5px solid; border-image:linear-gradient(transparent, #fff9eb) 1; border-bottom: none;}
.video-params-h3 {font-size:37px; line-height: 1;font-weight: 500;color: #ffb135;}
.video-params-p {color: #fff;line-height: 1.3;}
@media (max-width:1200px) {
    .video-wrap {width: 96%;}
    .video-list {gap: 30px;}
    .video-icon::after {display: none;}
    .video-toggle-items {flex-wrap: wrap;border: none;margin-bottom: 20px;}
    .video-toggle-items>li {width: auto;padding: 0 20px;}
    .video-content-box {border-radius: 0;}
    .video-content::before, .video-content::after {display: none;}
    .video-left {border-radius: 18px;overflow: hidden;margin-bottom: 20px;}
    .video-content-p {padding: 10px;line-height: 1.3;left: 10px;bottom: 10px;}
    .video-right {background-color: transparent;}
    .video-params>li+li::before {display: none;}
}
@media (max-width:767px) {
    .video-h2,.step-h2,.video-params-h3 {font-size: 27px;}
}