body{background-color: #fff;font-size: 15px;}
a{text-decoration: none; color:#0db6ff;}
a:hover{text-decoration: underline;}
h1,h2,h3,h4{font-weight: normal;}
img { border:0; max-width:100%;}
*{margin: 0; padding: 0;}
.clear{clear: both;}

.detail{width:1060px; margin:0 auto;}

.nav{height: 60px; background: #30b5f0; background:linear-gradient(#30b5f0, #47bff2);}
.nav span{display: inline-block; float: right;}
.nav span a{display: inline-block;margin: 22px 22px 0; font-size: 17px;color: #fff; text-decoration: none;}
/*----------------*/
.main-aia{background: url(../images/winpm/bg1.jpg) no-repeat center/cover;padding-bottom: 30px;}
.main-aia .title{padding: 20px 0;text-align: center;}
.main-aia .title img:nth-child(2){margin-left: 20px;}
.aia-content{display: flex;padding: 20px 0 0;color: #948e9b;justify-content: space-evenly;}
.aia-content .left{width: 465px;}
.aia-content .step-t{background: linear-gradient(to right,#4598ff,transparent);background-size: 100% 1px;background-repeat: no-repeat;}
.aia-content .step-t span{font-size: 17px;color: #fff;background: #4598ff;display: inline-block;border-radius: 15px;line-height: 29px;padding:0 18px;margin-top: -15px;vertical-align: top;}
.aia-content .t{font-size: 19px;color: #fffefe;padding: 15px 0;}
.aia-content .box{display: flex;align-items: center;}
.aia-content .box .box-t{background:linear-gradient(to right,transparent ,#2d2035);border-radius: 5px;color: #e1daff;padding: 15px;font-size: 13px;}
.aia-content .code-box{font-size: 17px;color: #fff;display: flex;align-items: center;gap: 10px;padding: 10px 0 0;}
.aia-content .code-box span{background: #2e193a;font-size: 18px;display: inline-block;border: 1px dashed #65546f;line-height: 34px;flex-grow: 1;text-align: center;}
.aia-content .date{display: flex;justify-content: space-between;font-size: 12px;padding: 5px 0 20px;}
.aia-content .left-btn{text-align: center;}
.aia-content .left-btn a{display: inline-block;border-radius: 8px;background: #ffb432;line-height: 53px;color: #fff;font-size: 17px;width: 80%;font-weight: bold;}
.aia-content .left-btn a:hover{text-decoration: none;}
.aia-content .left-btn a.blue{background-color: #3384f3;}
.aia-content .left-btn a:nth-child(2){margin-top: 15px;}
.aia-content .right{width: 525px;}
.aia-content .right .gift img:nth-child(2){margin-left: 30px;}
.aia-content .input-box{background: #fff;border-radius: 3px;display: flex; margin: 10px 0 7px;}
.aia-content .input-box input{line-height: 37px;font-size: 18px;border: none;text-align: center;flex-grow: 1; margin-left: 5px;}
.aia-content .input-box button{background: #2769ff;color: #fff;line-height: 33px;font-size: 16px;border: 2px solid #fff;border-radius:2px;width: 140px;cursor: pointer;}
.aia-content .right p{font-size: 13px;}
.aia-content .t2{font-size: 18px;color: #fff;padding: 15px 0 0;}
.aia-content .t3{font-size: 16px;color: #bdb9c3;padding: 5px 0 0;}

@media (max-width:1160px) {
	.detail, .details{width: 100%;}

	.main-aia .title img{max-width: 100%;}
	.aia-content{flex-wrap: wrap;}
	.main-aia .title{text-align: center;}

}
@media (max-width: 980px) {
	.aia-content{row-gap: 50px;}
	.main-aia .title img:nth-child(2){margin-left: 0;margin-top: 10px;}
}
@media (max-width: 768px) {
	.aia-content .left,.aia-content .right{width: 90%;}
}
@media (max-width: 479px) {
	.aia-content .left,.aia-content .right{width: 98%;}
	.aia-content .box{flex-wrap: wrap;justify-content: center;}
	.aia-content .date{flex-wrap: wrap;}
	.aia-content .right .gift{text-align: center;}
	.aia-content .right .gift img:nth-child(2){margin-left: 0;margin-top: 10px;}
	.aia-content .code-box{flex-wrap: wrap;}
}

/*----------------*/
.DivMain01{background-color:#f1f4f7;padding:10px 0 110px;margin-top:70px;}
.DivMain01 .main01_br{ font-size:14px;}
.DivMain01 h1 {font-size: 40px; text-align:center;padding: 35px 0 35px;}
.DivMain01 .Left { width:275px; float:left; background:#6d7277;}
.DivMain01 .Left ul { padding:20px 0 10px;}
.DivMain01 .Left ul li { display:block; font-size:15px; color:#b1b9be; width:235px; margin:0 auto; padding:10px; border-bottom:1px solid #767b7f;}
.DivMain01 .Left ul li i { display:block; color:#FFF; font-style:normal;}
.DivMain01 .Right {width: 925px; float:left; background:#fafbfc;/* height:499px; */}
.DivMain01 .Right .Tile { height:125px; border-bottom:1px solid #eef3f7; background:url(../../img/up-jp/drp.png) 60px 19px no-repeat;}
.DivMain01 .Right .Tile h2 { font-size:23px; padding:25px 0 15px 180px; font-weight:bold;}
.DivMain01 .Right .Tile h2 i { font-size:15px; font-weight:400; color:#8f8f8f; margin-left:10px; font-style:normal;}
.DivMain01 .Right .Tile span { display:block; float:left; width:241px; height:30px;  background:url(../../img/up-jp/t1bg.png) no-repeat; font-size:17px; text-align:center; line-height:30px; margin-left:180px;}
.DivMain01 .Right .Tile em { display:block; float:left; width:81px; height:30px; background:url(../../img/up-jp/t2bg.png) no-repeat; font-size:17px; padding:0 0 0 35px; line-height:30px; margin-left:20px; }

.DivMain01 .Right h3 { font-size:23px; padding:25px 0 0 60px;}
.DivMain01 .Right p { color:#ff6701; padding:5px 0 0 65px;}
.DivMain01 .Right .Button {height:60px; background:url(../../img/up-jp/b1.png) no-repeat; margin:20px auto 0; cursor:pointer;padding: 0;}
.DivMain01 .Right .Button:hover { background:url(../../img/up-jp/b2.png) no-repeat;}
.DivMain01 .Right .btn{display: flex;justify-content: center;align-items: center;padding-left:60px;padding-bottom: 18px;}
.DivMain01 .Right .btn a:nth-of-type(1)  .Button{width:235px;  background:url(../../img/up-jp/b1.png) no-repeat; margin:20px auto 0; cursor:pointer;margin-right:30px;}
.DivMain01 .Right .btn a:nth-of-type(1)  .Button:hover { background:url(../../img/up-jp/b2.png) no-repeat;}
.DivMain01 .Right .btn a:nth-of-type(2)  .Button{width:266px;  background:url(../../img/up-jp/b5.png) no-repeat; margin:20px auto 0; cursor:pointer;}
.DivMain01 .Right .btn a:nth-of-type(2)  .Button:hover { background:url(../../img/up-jp/b6.png) no-repeat;}

/*----------------*/
.DivMain02{text-align:center; padding:90px 0 70px; background: url(../../specialoffer/image-style/dvd-ripper-jp/m02-bg3.png) no-repeat top 215px center; position:relative; z-index:1;}
.DivMain02 .detail{position:relative;}
.DivMain02 .detail::before{content:''; position:absolute; top:80px; right:-220px; width:40px; height:40px; border:5px solid #C5E5F9; border-radius:50%;}
.m02-bg-circle{position:absolute; width:110px; height:110px; top:40px; left:-290px; background-color:currentColor; color:#C5E5F9; border-radius:50%;}
.m02-bg-circle::after{content:''; position:absolute; width:100%; height:100%; top:50%; border-radius:50%; box-shadow:inset 0 0 0 2px;}
.DivMain02 h2{font-size:40px; line-height:1; color:#26325e;}
.DivMain02 h2 + p{font-size:20px; color:#535e87; line-height:1.5; padding:23px 0 37px;}
.m02-table-wrap{border:5px solid #54A0FD; border-radius:25px; box-shadow:0 6px 32px rgba(211 204 185 / .32); background-color:#fff; position:relative;}
.m02-table-wrap::before{content:url(../image-style/dvd-ripper-jp/m02-bg1.png); position:absolute; left:-130px; top:51%; z-index:-1;}
.m02-table-wrap::after{content:url(../image-style/dvd-ripper-jp/m02-bg2.png); position:absolute; right:-95px; top:13.5%; z-index:-1;}
.m02-table-wrap table{width:100%; clip-path:inset(0 round 20px); -webkit-clip-path:inset(0 round 20px);}
.m02-table-wrap .table-column-1{width:50%;}
.m02-table-wrap .table-column-2, .m02-table-wrap .table-column-3{width:25%;}
.m02-table-wrap .table-column-2{background-color:#F6F6F6; border-right:1px solid #fff;}
.m02-table-wrap .table-column-3{background-color:#F1F9FF; border-left:1px solid #fff;}
.m02-table-wrap tbody .table-column-1{background-color:#FBFBFA;}
.m02-table-wrap .table-lists li + li .table-column-1{border-top:1px solid #EDEDED;}
.m02-table-wrap .table-lists li + li .table-column-2, .m02-table-wrap .table-lists li + li .table-column-3{border-top:1px solid #fff;}
.m02-table-wrap th{padding:10px 0;}
.m02-table-wrap .table-title{font-size:24px;}
.m02-table-wrap th.table-column-1 .table-title{text-align:left; padding-left:40px;}
.m02-table-wrap th.table-column-2, .m02-table-wrap th.table-column-3{position:relative;}
.m02-table-wrap th.table-column-2::after, .m02-table-wrap th.table-column-3::before{content:'V'; font-size:36px; color:#ff7536; font-weight:700; position:absolute; right:0; top:50%; line-height:1; margin-top:-18px;}
.m02-table-wrap th.table-column-3::before{content:'S'; left:0; right:auto;}
.m02-table-wrap .table-th-img{padding-bottom:8px;}
.m02-table-wrap tbody .table-column-2, .m02-table-wrap tbody .table-column-3{display:flex; align-items:center; justify-content:center;}
.m02-table-wrap .table-subti{font-size:19px; border:0 none; border-top:1px solid #DBDBDB; background-color:#FBFBFA; width:100%; text-align:left; padding:1em 5px 1em 55px; cursor:pointer;}
.m02-table-wrap .table-subti:focus{z-index:1; position:relative;}
.m02-table-wrap .table-subti::before{content:''; position:absolute; border-width:10px 0 10px 13px; border-style:solid; border-color:transparent transparent transparent #FEB34B; margin:2px 0 0 -24px; transition:transform .2s;}
.m02-table-wrap .table-subti.show::before{transform:rotate(90deg);}
.m02-table-wrap .table-lists{display:none; border-top:1px solid #DBDBDB;}
.m02-table-wrap .table-lists li{display:flex;}
.m02-table-wrap .table-desc{color:#666; text-align:left; padding:20px 5px 20px 25px;}
.m02-table-wrap .table-desc::before{content:'\2022'; padding-right:8px;}
.m02-table-wrap .table-yes{width:28px; height:14px; box-sizing:border-box; border-left:5px solid; border-bottom:5px solid; transform:translateY(-4px) rotate(-45deg);}
.m02-table-wrap .table-no{width:22px; height:22px; background-image:linear-gradient(to right top, transparent 42%, currentColor 0, currentColor 58%, transparent 0), linear-gradient(to left top, transparent 42%, currentColor 0, currentColor 58%, transparent 0); --noClip:polygon(15% 0%, 85% 0%, 100% 15%, 100% 85%, 85% 100%, 15% 100%, 0% 85%, 0% 15%); clip-path:var(--noClip); -webkit-clip-path:var(--noClip);}
.table-column-2 .table-no, .table-column-2 .table-yes{color:#63C780;}
.table-column-3 .table-no, .table-column-3 .table-yes{color:#FD584D;}
.m02-table-wrap .table-tip{color:#666; padding:0 5px;}
/*----------------*/
.main03 {padding: 0 0 50px;text-align: center;}
.main03-title-info {display: inline-block;font-size: 24px;color: #fa692c;font-weight: 600;line-height: 40px;padding: 0 20px;border-top: 2px solid #fb692c;border-bottom: 2px solid #fb692c;}
.main03-h2 {display: inline-block;padding: 0 15px;font-size: 49px;color: #fa692c;font-weight: 600;line-height: 35px;border-bottom: 16px solid #fff1c9;margin: 10px 0 60px;}
.main03-h2-num {display: inline-block;vertical-align: bottom;width: 94px;height: 94px;font-size: 67px;line-height: 94px;color: #fff;background-color: #fa6b2e;border-radius: 50%;margin: 0 5px -35px;}
.step-lists {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
.step-item {opacity: 0;transition: opacity 0.2s;width: 200px;margin: 0 40px 30px;position: relative;}
.step-item:nth-child(2) {transition-delay: 0.3s;}
.step-item:nth-child(3) {transition-delay: 0.6s;}
.main03.active .step-item {opacity: 1;}
.step-item::after {content: "";border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-left: 15px solid #fa6b2e;position: absolute;top: 88px;right: -50px;}
.step-item:last-child::after {display: none;}
.step-title {font-size: 20px;color: #fa6b2e;line-height: 24px;font-weight: 600;margin-bottom: 4px;}
.step-title-num {font-size: 24px;}
.step-info {font-size: 16px;color: #000;font-weight: 600;line-height: 20px;margin-top: 8px;}
.step-colorful-words {color: #fa6b2e;}

/*----------------*/
.DivMain04{ background: url(../images/newcopy/d4.jpg) no-repeat center top #1e2430; padding-bottom: 30px;}
.DivMain04 .main06_t{text-align: center;font-size: 30px; color: #fff; padding: 55px 0 30px;}
.DivMain04 .main06_t2{ text-align:center; font-size:30px; color:#fff;padding: 30px 0 10px;}
.DivMain04 h2{text-align: center;font-size: 40px; color: #fff;}
.DivMain04 .main06_mess{color: #7e94b1;font-size: 15px;text-align: center;padding: 10px 0 30px;}
.DivMain04 .main06_btn {text-align: center;}
.DivMain04 .main06_btn .main02_link a{display: inline-block;width: 246px; height: 53px;background: url(../images/newcopy/now.png);}
.DivMain04 .main06_btn .main02_link a:hover{background: url(../images/newcopy/now2.png);}
.main06_pic{text-align: center; position: relative; padding: 60px 0 50px;}
.main06_pic img.left{position: absolute; left: -20px; bottom: 50px; opacity: 0;}
.main06_pic img.right{position: absolute; right: -20px; bottom: 50px; opacity: 0;}
.main06_pic.focus img.left{left: 60px;opacity:1; transition:all 0.5s 0.2s ease-in;}
.main06_pic.focus img.right{right: 120px; opacity: 1;transition:all 0.5s 0.2s ease-in;}
.main06_last{ text-align: center; color: #8d9bb2; line-height: 25px;}
.main06_last a{text-decoration: underline; color: #00aeff;}

/*----------------*/
.MainFoot { background:#1f222a; color:#6a7480; text-align:center; padding:5px 0;}
.MainFoot p { padding:3px 0;  }
.MainFoot p a { color:#6a7480; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#6a7480;}
.MainFoot p i { display:block; height:40px; line-height:38px; font-style:normal;}
/*----------------*/
.fix_right{position: fixed; right: 10px; bottom: 35px;}
.fix_right .fix_box { padding:50px 0;}
.fix_right .fix_box .links{display: none; float: left; margin:-40px 20px 0 0;}
.fix_right .fix_box .links a{display: block; margin-bottom: 10px;}
.fix_right .fix_box > img{cursor: pointer;}
.fix_right .fix_box:hover .links{display: block;}

.toTop{position:fixed; right:10px; bottom:30px; cursor:pointer; display:none;}

.count-down {
    padding: 8px 0;
    background-color: #ff3846;
    text-align: center;
}
.count-down > p {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #ffffff;
    margin-right: 50px;
}
.digiarty-timer {
    display: inline-block;
    vertical-align: middle;
    width: 266px;
    height: 56px;
    background: url("../../img/up-jp/count-down.png") center center no-repeat;
    text-align: center;
}
.digiarty-timer li {
    float: left;
    width: 61px;
    margin-right: 6px;
    list-style: none;
    font-size: 29px;
    color: #333333;
    line-height: 67px;
}
.digiarty-timer li:last-child {
    margin-right: 0;
}
/*---------*/
.main02{background: #f5f7fa;padding: 70px 0 0;}
.main02 .left{float: left;}
.main02 .left .t1{font-size: 22px;padding: 15px 0 0;}
.main02 .left .t2{font-size: 30px;font-weight: bold; padding: 20px 0 30px;}
.main02 .left p{color: #7d8193;font-size: 16px; line-height: 30px;}
.main02 .right{float: right;}
.main02 .prize{color: #ff535f;border: 1px solid #ff535f;padding: 10px 0 10px 20px; margin: 20px 0 0;}
.main02 .time{border: 1px solid #cacee0;border-top: none; padding: 10px 0 10px 20px;}
.main02 .prize >img,.main02 .time>img{padding-right: 10px;}
/*---------*/

@media (max-width:979px) {
	.DivMain02 .detail::before, .m02-table-wrap::before, .m02-table-wrap::after{display:none;}
	/*---------*/
	.DivMain01 .Left{width:30%;}
	.DivMain01 .Right{width:70%;}
	/*---------*/
	.step-item {opacity: 1;}
	.step-item::after {display: none;}
	
}
@media (max-width:767px) {
	.DivMain01 .Left{width:70%; margin:0 auto; float:none;}
	.DivMain01 .Right{width:100%;}

}

@media (max-width:479px) {
	.DivMain01 .Right .Tile span{ margin-left:0;}
	/*----------------------------------*/
	.DivMain02{padding:40px 0;}
	.DivMain02 h2 + p{font-size:15px; padding:15px 0;}
	.m02-table-wrap{overflow:auto;}
	.m02-table-wrap table{width:150%;}
	.m02-table-wrap .table-title, .m02-table-wrap th.table-column-2::after, .m02-table-wrap th.table-column-3::before{font-size:21px;}
	.m02-table-wrap .table-desc{padding:10px 5px 10px 10px;}
	.m02-table-wrap .table-subti{font-size:17px;}
	.m02-table-wrap .table-subti, .m02-table-wrap th.table-column-1 .table-title{padding-left:35px;}
	/*----------------------------------*/
	.main03-title-info {font-size: 21px;}
	.main03-h2 {font-size: 35px;line-height: 1em;}
	.main03-h2-num {width: 45px;height: 45px;font-size: 39px;line-height: 45px;margin-bottom: 0;}
	/*----------------------------------*/
	
}