.banner{background: #C3D9FF;background: linear-gradient(270deg, #C3D9FF 0%, #F3DAFF 55%, #FFEFE5 100%);padding-top: 40px;padding-bottom: 40px;}
.banner h1{text-align: center;font-size: 50px;line-height: 62px;color: #000;}
.banner p{font-size: 16px;line-height: 30px;color: #000;margin-top: 12px;text-align: center;font-weight: bold;}

.tab_nav{text-align: center;margin-top: 36px;display: none;}
.tab_nav ul{display: inline-block;background: #F7F7F8;border-radius: 42px;padding: 8px;}
.tab_nav ul li{display: inline-block;font-size: 24px;color: #000;line-height: 66px;border-radius: 42px;font-weight: 600;padding-left: 26px;padding-right: 26px;min-width: 210px;box-sizing: border-box;cursor: pointer;position: relative;}
.tab_nav ul li.active{color: #fff;background: #E7766E;}
.tab_nav ul li.active i{color: #fff;}
.tab_nav ul li i{font-style: normal;font-size: 12px;color: #9A9B9C;position: absolute;left: 50%;bottom: 6px;-webkit-transform: translateX(-50%);transform: translateX(-50%);line-height: 12px;}

.silder_box{font-style: 18px;font-weight: bold;color: #000;line-height: 40px;margin-top: 20px;margin-bottom: 10px;overflow: visible;}
.silder_box>div{border-radius: 6px;padding: 20px;text-align: center;}
.silder_box>div p{font-size: 20px;line-height: 30px;color: #000;text-align: center;display: inline-block;vertical-align: middle;}
.silder_box *{-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.silder{position: relative;opacity: 0;height: 0;overflow: hidden;margin-top: 10px;}
.silder.active{display: block;opacity: 1;height: auto;overflow: visible;}
.silder .num span{font-size: 16px;color: #333;position: relative;}
.silder .num span::after{clear: both;content: "";width: 2px;height: 10px;background: #fff;position: absolute;left: 50%;bottom: -18px;z-index: 1;}
.silder .num span:first-child::after,.silder .num span:last-child::after{display: none;}
.silder .bg{background: #d4ddf5;border-radius: 5px;height: 10px;margin-top: 8px;position: relative;}
.silder .btn{width: 30px;height: 30px;border: 4px solid #FFFFFF;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.37);background: #627CFF;background: linear-gradient(236deg, #627CFF 0%, #C52DE4 47%, #F68C36 100%);border-radius: 50%;position: absolute;left: -6px;top: 37px;box-sizing: border-box;z-index: 2;cursor: pointer;}
.silder .bg i{background: #FD7B4D;background: linear-gradient(90deg, #FD7B4D 0%, #9560E1 100%);width: 0;height: 10px;position: absolute;left: 0px;top: 0px;border-radius: 5px;z-index: 1;}
.silder .bg::after{clear: both;content: "";width: 100%;height: 30px;position: absolute;left: 0px;top: -10px;z-index: 2;cursor: pointer;}

.silder_box{max-width: 840px;}
.silder_box .select_box{min-width: 150px;height: 32px;border: 1px solid #D4A1FC;box-sizing: border-box;display: inline-block;border-radius: 6px;vertical-align: middle;margin-left: 20px;position: relative;z-index: 4;text-align: left;position: relative;}
.silder_box .select_box::after{clear: both;content: "";width: 20px;height: 20px;background: url(/images/pricing/arrow.svg);position: absolute;right: 8px;top: 4px;}
.silder_box .select_box.active{border-radius: 6px 6px 0 0;}
.silder_box .select_box.active::after{background-position-y: -20px;top: 6px;}
.silder_box .select_box.active ul{display: block;}
.silder_box .select_box span{font-size: 16px;line-height: 30px;display: block;font-weight: normal;width: 100%;padding-left: 12px;box-sizing: border-box;cursor: pointer;}
.silder_box .select_box ul{position: absolute;top: 30px;left: -1px;background: #fff;width: 100%;border: 1px solid #D4A1FC;border-radius: 0 0 6px 6px;display: none;}
.silder_box .select_box ul li{line-height: 36px;font-size: 16px;color: #222;padding-left: 12px;font-weight: normal;cursor: pointer;}
.silder_box .select_box ul li.active,.silder_box .select_box ul li:hover{font-weight: 600;background: #E2D1FF;}

.buy_box{margin-top: 60px;margin-bottom: 120px;overflow: visible;}
.buy_box div{text-align: center;}
.buy_box .title{font-size: 36px;color: #000;line-height: 36px;font-weight: bold;}
.buy_box .info{font-size: 16px;color: #333;line-height: 22px;margin: 14px auto 0px;width: 90%;max-width: 300px;}
.buy_box .info span{font-weight: bold;color: #9861dd;display: none;}
.buy_box .info span.active{display: inline-block;}
.buy_box .price{font-size: 46px;color: #000;font-weight: bold;display: none;margin-top: 10px;}
.buy_box .price.active{display: block;}
.buy_box .price sup{font-size: 20px;margin-right: 6px;}
.buy_box .price span{font-size: 14px;color: #9861dd;}
.buy_box .price span.tax{color: #000;}
.buy_box .price>span:last-child{display: block;margin-top: 10px;}

.buy_box .price span.tax i,
.buy_box .tips{display: inline-block;width: 12px;height: 12px;background: url(/images/iphone-cleaner/tax-included.svg) no-repeat center center/cover;vertical-align: -2px;margin-left: 2px;position: relative;cursor: pointer;}
.buy_box .price span.tax i .tax_content,
.buy_box .tips span{position: absolute;width: 300px;font-size:14px;color: #444444;  background-color:#fFFFFF;padding: 10px 16px 14px;box-sizing: border-box;top: 25px;left: -9px;box-shadow: 0px 5px 17px 4px rgb(0 0 0 / 9%);z-index: 2;display: none;border-radius: 4px;text-align: left;z-index: 2;line-height: 24px;font-weight: 400;font-style: normal;}
.buy_box .price span.tax i .tax_content::before,
.buy_box .tips span::before{content: "";position: absolute;height: 20px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;top: -30px;left: 7px;z-index: 1;}
.buy_box .price span.tax i:hover .tax_content,
.buy_box .tips:hover span
{display: block;}

.buy_box *{margin: 0;}
.buy_box>div{border: 2px solid #E7766E;border-radius: 8px;box-shadow: 0px 0px 11px 0px rgba(201, 201, 201, 0.61);max-width: 380px;width: 100%;padding-top: 40px;padding-bottom: 40px;text-align: center;background: #fff;border-radius: 8px;box-sizing: border-box;}
.buy_box>.free{box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.07);border: 1px solid #eee;display: block !important;}
.buy_box>.free .btn{margin-top: 30px;}
.buy_box .btn{min-width: 244px;height: 54px;line-height: 54px;background: #FD7B4D;background: linear-gradient(90deg, #FD7B4D 0%, #9560E1 100%);border-radius: 28px;margin-top: 14px;font-size: 20px;color: #fff;font-weight: bold;padding-left: 10px;padding-right: 10px;box-sizing: border-box;text-decoration: none;display: none;cursor: pointer;position: relative;overflow: hidden;}
.buy_box .btn.active{display: inline-block;}
.buy_box .btn i{width: 16px;height: 16px;background: url(/images/watermark-remover-online/loading.svg);position: absolute;top: 21px;margin-left: 6px;-webkit-animation: rotate 1.5s infinite linear;-moz-animation: rotate 1.5s infinite linear;-o-animation: rotate 1.5s infinite linear;animation: rotate 1.5s infinite linear;opacity: 0;}
.buy_box .btn.load i{opacity: 1;}
.buy_box dl{text-align: left;max-width: 330px;width: 96%;margin: 46px auto 0px;}
.buy_box dl dt{font-size: 18px;font-weight: bold;color: #000;padding-bottom: 6px;}
.buy_box dl dd{font-size: 16px;color: #000;line-height: 30px;border-bottom: 1px solid #eee;padding-top: 12px;padding-bottom: 12px;padding-left: 26px;position: relative;}
.buy_box dl dd i:first-child{width: 16px;height: 16px;background: url(/images/yes.svg);position: absolute;left: 0px;top: 20px;}
.buy_box dl dd span{font-weight: bold;}
.buy_box dl dd span span{display: none;}
.buy_box dl dd span span.active{display: inline-block;}
.buy_box dl dd:last-child{border-bottom: none;}

@media screen and (max-width:1280px){
    .buy_box .price span.tax i .tax_content{left: -243px;}
    .buy_box .price span.tax i .tax_content::before{left: 240px;}
}
@media screen and (max-width:1200px){
    .buy_box{-webkit-justify-content: space-around;justify-content: space-around;}
    .buy_box>div,.buy_box>.free{max-width: 600px;}
    .buy_box>div{order: 1;margin-top: 30px;}
    .buy_box>div.free{order: 2;}
    .silder_box{max-width: 680px;}
}


/* 打开权益窗口 */
.maskRights{background: rgba(0, 0, 0, .6);width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;padding: 10px;box-sizing: border-box;display: none;z-index: 9;text-align: center;}

.maskRightsTips,.maskLoginTips,.maskLoginMonitor,.buySuccess{display: none;}

.maskRightsTips,.maskLoginTips,.maskLoginMonitor,.buySuccess{border-radius: 10px;padding: 0px 10px 0px;box-sizing: border-box;background: #fff;height: 100%;position: relative;}
.maskRights .scroll_box{overflow-y: auto;height: 100%;box-sizing: border-box;}

.maskRights .close{width: 20px;height: 20px;background: url(/images/watermark-remover-online/close.svg);position: absolute;top: 20px;right: 25px;cursor: pointer;z-index: 9;}
.maskRights .close:hover{background: url(/images/watermark-remover-online/close-h.svg);}

.maskRights>div{display: none;border-radius: 10px;padding: 0px 10px 0px;box-sizing: border-box;background: #fff;max-width: 1000px;width: 100%;position: absolute;padding-top: 50px;padding-bottom: 50px;top: 50%;left: 50%;box-sizing: border-box;overflow: auto;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height: 100%;max-height: 454px;}
.maskRights>div>div{position: absolute;top: 46%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;width: 100%;}

.maskRightsTips,.maskLoginTips,.maskLoginMonitor{padding-top: 50px;}
.maskLoginTips img,.buySuccess img{margin: auto;display: block;}
.maskLoginTips p,.maskLoginMonitor p,.buySuccess p{font-size: 16px;line-height: 32px;color: #333;max-width: 800px;width: 100%;text-align: center;}
.maskLoginTips p a{font-weight: bold;}
.maskLoginTips .btn,.maskRightsTips .btn,.buySuccess .btn{min-width: 240px;height: 50px;line-height: 50px;text-align: center;border-radius: 34px;background: #FF9602;display: inline-block;margin: 20px auto;font-size: 22px;color: #fff;cursor: pointer;padding-left: 70px;padding-right: 70px;box-sizing: border-box;}
.maskLoginTips .btn:hover,.maskRightsTips .btn:hover,.buySuccess .btn:hover{background: #FF8302;text-decoration: none;}

.maskLoginMonitor .img,.maskRightsTips .img{position: relative;margin: 0px  auto 14px;display: block;width: 100px;height: 100px;}
.maskLoginMonitor .img img:first-child,.maskRightsTips .img img:first-child{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.maskLoginMonitor .img img:last-child,.maskRightsTips .img img:last-child{-webkit-animation: rotate 1.5s infinite linear;-moz-animation: rotate 1.5s infinite linear;-o-animation: rotate 1.5s infinite linear;animation: rotate 1.5s infinite linear;position: absolute;top: 0px;left: 0px;}

.buySuccess p span{text-decoration: underline;color: #21a1f2;}
.buySuccess .register_btn{text-decoration: underline;cursor: pointer;}
.buySuccess.noMember .title{align-items: center;justify-content: center;margin-bottom: 16px;}
.buySuccess.noMember .title *{margin: 0 10px;}
.buySuccess.noMember .title span{font-size: 20px;font-weight: bold;color: #333;line-height: 24px;max-width: 410px;text-align: left;text-decoration: none;}
.buySuccess.noMember .info{text-align: left;}
.buySuccess.noMember .info a{color: #00A0FE;}
.buySuccess.noMember .btn{margin: 26px 10px 0px;}
.buySuccess.noMember .registerMaskbtn{background: none;color: #FF8302;border: 1px solid #FF8302;box-sizing: border-box;line-height: 48px;}
.buySuccess.noMember .registerMaskbtn:hover{background: #FF8302;color: #fff;border-color: #FF8302;}
/* 旋转 */
@-webkit-keyframes rotate {0% {-webkit-transform: rotate(0deg)}100% {-webkit-transform: rotate(360deg)}}
@-moz-keyframes rotate {0% {-moz-transform: rotate(0deg)}100% {-moz-transform: rotate(360deg)}}
@-o-keyframes rotate {0% {-o-transform: rotate(0deg)}100% {-o-transform: rotate(360deg)}}
.maskLoginMonitor .btn{min-width: 318px;padding-left: 30px;padding-right: 30px;box-sizing: border-box;border: 1px solid #FF8702;border-radius: 34px;line-height: 48px;font-size: 20px;color: #ff8702;display: inline-block;margin-top: 20px;}
.maskLoginMonitor .btn:hover{background: rgba(255, 104, 2, 0.09);text-decoration: none;}

.maskRightsTips .img img:last-child{display: none;}
.maskRightsTips .info{font-size: 16px;line-height: 20px;}
.maskRightsTips .box{margin-top: 10px;}
.maskRightsTips .box .btn{margin-left: 10px;margin-right: 10px;margin-top: 10px;}

/* 切入登录注册 */
.maskMember{position: fixed;z-index: 999;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);display: none;}
.registerMaskbtn,.loginMaskbtn{cursor: pointer;}

@media screen and (max-width:1200px){
    .maskRights>div{width: 95%;}
    .buy_box{margin-top: 20px;margin-bottom: 40px;}
}
@media screen and (max-width:630px){
    .maskMember{background: #fff;}
    .member>.close{display: none;}
    .maskMember>.close{position: absolute;right: 14px;top: 14px;cursor: pointer;z-index: 2;width: 20px;height: 20px;background: url(/images/watermark-remover-online/close.svg);}
    .tab_nav ul li{width: 49%;box-sizing: border-box;min-width:auto;padding-left: 0px;padding-right: 0px;}
    .tab_nav ul{display: block;}
    .silder .num span{font-size: 14px;}
    .banner{padding-top: 20px;padding-bottom: 20px;}
    .banner h1{font-size: 36px;line-height: 48px;}
    .silder_box{margin-top: 0px;}
    .buySuccess.noMember .title span,
    .buySuccess.noMember .info{text-align: center;}
}

/* v1 */
.banner_v1{background: linear-gradient(270deg, #56BFC1 0%, #61A7FF 100%);text-align: center;padding-top: 40px;padding-bottom: 40px;}
.banner_v1 h1{font-size: 50px;font-weight: bold;color: #fff;line-height: 58px;}
.banner_v1 p{font-size: 16px;line-height: 30px;color: #fff;margin-top: 12px;}

.buy_box_v1{margin-top: 80px;margin-bottom: 80px;}
.buy_box_v1 .rights{max-width: 465px;width: 100%;border: 2px solid #61A7FF;padding: 0px 10px 20px;box-sizing: border-box;background: url(/images/watermark-remover-online/rights-bg.png) no-repeat top center;border-radius: 8px;background-size: 530px 80px;}
.buy_box_v1 .rights table td{font-size: 16px;color: #666;line-height: 20px;padding:10px 0px;border-bottom: 1px solid rgba(151, 151, 151, .1);}
.buy_box_v1 .rights table tr:first-child td{padding-top: 10px;padding-bottom: 20px;padding-left: 10px !important;border-bottom: none;}
.buy_box_v1 .rights table tr:first-child td:nth-child(1){font-size: 28px;color: #fff;font-weight: bold;width: 270px;}
.buy_box_v1 .rights table tr:first-child td:nth-child(2){font-size: 20px;color: #fff;font-weight: bold;}
.buy_box_v1 .rights table tr:first-child td:nth-child(3){font-size: 20px;color: #FFF314;font-weight: bold;}
.buy_box_v1 .rights table tr:first-child td:nth-child(2) img,.buy_box_v1 .rights table tr:first-child td:nth-child(3) img{display: block;}
.buy_box_v1 .rights table tr:nth-child(1) td:nth-child(1){padding-left: 0px;}
.buy_box_v1 .rights table tr:last-child{box-shadow: 0 0 0px 2px #FE6B18;border-radius: 5px;}
.buy_box_v1 .rights table tr td:last-child{padding-right: 10px;}
.buy_box_v1 .rights table tr:last-child td{border: none;}

.buy_box_v1 .rights table tr td:nth-child(2),.buy_box_v1 .rights table tr td:nth-child(3){width: 98px;text-align: center;color: #00A0FE;}

.buy_box_v1 .rights table tr td:nth-child(1){padding-left: 38px;position: relative;}
.buy_box_v1 .rights table tr td:nth-child(1) img{position: absolute;left: 10px;top: 12px;}
.buy_box_v1 .rights table tr td i.yes{width: 16px;height: 16px;background: url(/images/watermark-remover-online/yes.svg);display: block;margin: auto;}
.buy_box_v1 .rights table tr td i.no{width: 13px;height: 14px;background: url(/images/watermark-remover-online/no.svg);display: block;margin: auto;}
.buy_box_v1 .rights .btn{width: 244px;height: 54px;border: 2px solid #00a0fe;box-sizing: border-box;line-height: 50px;text-align: center;font-size: 20px;font-weight: 600;display: block;margin: auto;color: #00a0fe;border-radius: 5px;margin-top: 20px;cursor: pointer;background: none;}
.buy_box_v1 .rights .btn:hover{background: #00a0fe;color: #fff;}
.buy_box_v1>div{margin: 0 16px;}
.buy_box_v1>div{max-width: 306px;width: 100%;border: 2px solid #ef756a;border-radius: 8px;padding-bottom: 30px;overflow: hidden;}
.buy_box_v1>div.green{border-color: #59C0C1;}
.buy_box_v1>div .title{font-size: 28px;color: #fff;line-height: 40px;font-weight: bold;max-width: 306px;width: 100%;height: 88px;text-align: center;padding-top: 16px;box-sizing: border-box;margin-bottom: 10px;}
.buy_box_v1>div.red .title{background: url(/images/watermark-remover-online/red-bg.png);}
.buy_box_v1>div.green .title{background: url(/images/watermark-remover-online/green-bg.png);}
.buy_box_v1>div ul{padding: 0 12px;}
.buy_box_v1>div ul li{border-radius: 5px;padding: 10px 8px 8px;}
.buy_box_v1>div ul li label{-webkit-justify-content: flex-start;justify-content: flex-start;}
.buy_box_v1>div ul li label *{margin: 0;}
.buy_box_v1>div ul li label .check{width: 14px;height: 14px;background: url(/images/watermark-remover-online/unchecked.svg);margin-top: 5px;}
.buy_box_v1>div ul li.active label .check{background: url(/images/watermark-remover-online/checked.svg);}
.buy_box_v1>div ul li label .check input{opacity: 0;}
.buy_box_v1>div ul li .num{font-size: 16px;color: #333;line-height: 20px;margin-left: 8px;}
.buy_box_v1>div ul li .num p span{font-weight: 600;}
.buy_box_v1>div ul li .price{font-size: 22px;color: #E23939;font-weight: 600;-webkit-flex-grow: 1;flex-grow: 1;text-align: right;}
.buy_box_v1>div ul li.active{background: #FFEDED;}
.buy_box_v1>div .btn{width: 244px;height: 54px;line-height: 54px;text-align: center;background: #F6752C;border-radius: 5px;display: block;margin: 20px auto 0px;font-size:20px;color: #fff;font-weight: 600;cursor: pointer;position: relative;}
.buy_box_v1>div .btn img{display: inline-block;margin-right: 10px;vertical-align: -1px;}
.buy_box_v1>div .btn:hover{text-decoration: none;background: #fa9b0b;}
.buy_box_v1>div .btn img:last-child{position: absolute;top: 37%;margin-left: 4px;-webkit-animation: rotate 1.5s infinite linear;-moz-animation: rotate 1.5s infinite linear;-o-animation: rotate 1.5s infinite linear;animation: rotate 1.5s infinite linear;opacity: 0;}
.buy_box_v1>div .btn.load img{opacity: 1;}
.buy_box_v1>div .with{font-size: 16px;column-rule: #333;;line-height: 20px;margin-top: 10px;text-align: center;}
.buy_box_v1>div>img:last-child{margin: 14px auto 0px;display: block;}