.banner{padding-top: 0px;text-align: center;position: relative;background: #F7F7FF;}
.close{
    float: right;
    width: 20px;
    height: 20px;
    background: url(../images/pricing/close1.svg) no-repeat center center/cover;
    position: sticky;
    top: 16px;
    right: 16px;
    cursor: pointer;   
    z-index: 100;
}
.close:hover{
    background: url(../images/pricing/close-h.svg) no-repeat center center/cover;
}

/* .banner::after{clear: both;content: "";width: 100%;height: 460px;border-radius: 0 0 300px 0;position: absolute;clear: both;content: "";top: 0px;left: 0px;z-index: -1;} */
.banner_box{justify-content: flex-start;text-align: left;padding-top: 68px;}
.banner_box h1{font-size: 40px;line-height: 48px;color: #2C3039;font-weight: bold;}
.banner_box img{margin-right: 32px;}
.banner_box p{margin-top: 20px;}
.banner_box p i{width: 16px;height: 16px;background: url(../images/buy/secure.svg);margin-right: 12px;vertical-align: -3px;}
.banner_box p span{margin-right: 24px;font-size: 16px;color: #7d7d7d;line-height: 20px;}
.banner .system{margin-top: 60px;display: inline-block;padding: 4px;border: 1px solid #D8DAF4;border-radius: 200px;background: #fff;}
.banner .system span{display: inline-block;min-width: 154px;height: 36px;line-height: 36px;border-radius: 200px;font-size: 16px;font-weight: bold;color: #2C3039;cursor: pointer;}
.banner .system span.active{background: #717CFF;color: #fff;}
.banner .buy_box.flex_box{
    justify-content: center;
}
.buy_box.flex_box>div{
    margin-right: 20px;
}
.buy_box.flex_box>div:last-child{
    margin-right: 0;
}
.buy_box{color: #2C3039;}
.buy_box>div{border-radius: 15px 15px 15px 15px;background: #fff;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.06);max-width: 285px;width: 100%;padding:34px 20px 40px;box-sizing: border-box;margin-top: 30px;}
.buy_box>div .title{font-size: 24px;font-weight: bold;line-height: 28px;}
.buy_box>div .info{margin-top: 4px;font-size: 14px;line-height: 20px;}
.buy_box>div .info span{color: #717CFF;font-weight: bold;}
.buy_box>div .price_box{margin-top: 20px;}
.buy_box>div .price_box>div{font-weight: bold;font-size: 46px;line-height: 60px;display: none;}
.buy_box>div .price_box>div del{font-size: 12px;color: rgba(102, 102, 102, 1);}
.buy_box>div .price_box>div.active{display: block;}
.buy_box>div .price_box>div sup{font-size: 20px;}
.buy_box>div .price_box>div .tax{font-size: 12px;}
.buy_box>div .price_box span.tax i{display: inline-block;width: 13px;height: 13px;background: url(../images/pricing/i.svg) no-repeat center center/cover;vertical-align: -2px;margin-left: 2px;position: relative;cursor: pointer;}
.buy_box>div .price_box span.tax i .tax_content{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>div .price_box span.tax i .tax_content::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>div .price_box span.tax i:hover .tax_content{display: block;}
.buy_box>div .price_box>div p{font-size: 16px;color: #FF6D6D;line-height: 20px;}
.buy_box>div .btn_box{margin-top: 20px;}
.buy_box>div .btn_box>*{min-width: 242px;height: 46px;line-height: 46px;background: #717CFF;border-radius: 28px;font-size: 20px;font-weight: 600;color: #fff;display: inline-block;padding-left: 10px;padding-right: 10px;box-sizing: border-box;cursor: pointer;}
.buy_box>div .btn_box span{display: none;}
.buy_box>div .btn_box span.active{display: inline-block;}
.buy_box>div .btn_box a:hover{text-decoration: none;}
.buy_box>div .btn_box *.load{color: transparent;position: relative;}
.buy_box>div .btn_box *.load::before{clear: both;content: "";width: 16px;height: 16px;background: url(../images/pricing/loading.svg);position: absolute;left: 50%;top: 50%;margin-left: -8px;margin-top: -8px;-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;}
/* 旋转 */
@-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)}}
.buy_box>div ul{margin-top: 18px;}
.buy_box>div ul li{padding-top: 14px;padding-bottom: 14px;border-top: 1px solid #eee;padding-left: 22px;text-align: left;position: relative;font-size: 14px;}
.buy_box>div ul li span{font-weight: bold;}
.buy_box>div ul li::before{clear: both;content: "";width: 16px;height: 16px;background: url(../images/pricing/yes.svg);position: absolute;top: 16px;left: 0px;}
/* platforms */
.platforms{margin-top: 100px;margin-bottom: 100px;}
.platforms img{max-width: 100%;margin: auto;}
/* choose */
.choose{margin-top: 120px;margin-bottom: 100px;}
.choose ul{margin-top: 78px;}
.choose li{max-width: 272px;width: 100%;text-align: center;padding: 30px 20px 30px;box-sizing: border-box;border-radius: 16px;margin-top: 20px;}
.choose li i{background: url(../images/pricing/why-choose-us.svg);width: 80px;height: 80px;}
.choose li:nth-child(1) i{background-position-y: -0px;}
.choose li:nth-child(2) i{background-position-y: -80px;}
.choose li:nth-child(3) i{background-position-y: -160px;}
.choose li:nth-child(4) i{background-position-y: -240px;}
.choose li:hover{background: #FFFFFF;box-shadow: 0px 0px 77px 0px rgba(0, 0, 0, 0.06);}
.choose li img{margin: auto;}
.choose li .title{font-size: 22px;font-weight: 600;margin: 24px auto 12px;}
.choose li .info{font-size: 18px;line-height: 28px;}
@media(max-width:1200px){
    .choose{margin-top: 80px;}
    .choose ul{margin: 20px auto 0px;max-width: 600px;}
}
@media(max-width:850px){
    .banner{background: #F7F7FF;padding-bottom: 30px;}
    .buy_box{max-width: 630px;margin: auto;justify-content: space-around;}
    .banner_box{flex-direction: column;}
    .banner_box img{margin-bottom: 30px;}
}
@media(max-width:630px){
    .banner_box{justify-content: center;align-items: center;}
    .banner_box img{margin-left: 0;margin-right: 0;}
    .banner_box h1{font-size: 28px;line-height: 34px;text-align: center;}
    .banner_box p span{display: block;text-align: left;max-width: 260px;width: 100%;margin: auto;}
    .platforms{margin-top: 40px;margin-bottom: 40px;}
    .choose ul{-webkit-justify-content: space-around;justify-content: space-around;}
    .choose{margin-top: 30px;}
    .choose li{margin-top: 10px;}
}

/* 打开权益窗口 */
.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;margin-left: auto;margin-right: auto;}
.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 img{display: inline-block;}
.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;margin-left: auto;margin-right: auto;}
.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%;}
}
@media screen and (max-width:684px) {
    .buy_box.flex_box>div,.buy_box.flex_box>div:last-child{margin: 30px auto 0px;}
}
@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);}
    .buySuccess.noMember .title span,
    .buySuccess.noMember .info{text-align: center;}
}