/* banner */
.banner .right-box .video_box{overflow: hidden;position: relative;width: 597px;}
.banner .right-box .video_box img{max-width: 100%;height: auto;}
.banner .right-box .before{position: relative;}
.banner .right-box .before video{position: absolute;top: -34px;left: -28px;}
.banner .right-box .before>img{position: absolute;z-index: -1;}
.banner .right-box .before>img:nth-child(1){left: -26px;top: -31px;}
.banner .right-box .before>img:nth-child(2){right: -28px;bottom: -38px;}
.banner .right-box .result_after{display: none;}
.banner .right-box .result_after .tab_nav{text-align: center;}
.banner .right-box .result_after .tab_nav span{display: inline-block;min-width: 75px;height: 34px;line-height: 34px;font-size: 16px;color: #454545;background: #fff;text-align: center;cursor: pointer;}
.banner .right-box .result_after .tab_nav span:hover{color: #5068FF;}
.banner .right-box .result_after .tab_nav span.active{background: #5068FF;color: #fff;}
.banner .right-box .result_after .tab_nav span:nth-child(1){border-radius: 38px 0 0 38px;}
.banner .right-box .result_after .tab_nav span:nth-child(2){border-radius: 0px 38px 38px 0px;}
.banner .right-box .result_after .img_box{width: 597px;height: 400px;border: 10px solid #fff;border-radius: 22px;margin: 12px auto 0px;background: url(../img/bg1.png);display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.banner .right-box .result_after .img_box img{max-width: 100%;max-height: 100%;}
.banner .right-box .result_after .img_box .edit{min-width: 90px;line-height: 30px;background: #3E4464;color: #FEFEFE;position: absolute;right: 10px;bottom: 10px;text-align: center;border-radius: 46px;display: none;padding-left: 10px;padding-right: 10px;box-sizing: border-box;cursor: pointer;}
.banner .right-box .result_after .img_box .edit i{background: url(../img/edit.svg);width: 13px;height: 13px;display: inline-block;vertical-align: -1px;margin-right: 9px;}
.banner .right-box .result_after .img_box .edit:hover{background: #5068FF;}
.banner .right-box .result_after .img_box .load{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);display: none;align-items: center;justify-content: center;border-radius: 8px;}
.banner .right-box .result_after .img_box .load.active{display: flex;}
.banner .right-box .result_after .img_box .load div{width: 110px;height: 110px;position: relative;text-align: center;font-size: 30px;color: #fff;line-height: 110px;}
.banner .right-box .result_after .img_box .load div i{color: #3C6AE8;width: 110px;height: 110px;background: url(../img/loading.png);position: absolute;left: 0px;top: 0px;;-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)}}

section.banner ul{font-size: 16px;color: #333;line-height: 30px;margin-top: 20px;}
section.banner ul li{margin-top: 6px;padding-left: 14px;position: relative;}
section.banner ul li span{color: #00B2FF; background: linear-gradient(270deg, #00B2FF 0%, #4071FF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
section.banner ul li::after{clear: both;content: "";width: 4px;height: 4px;background: #333;border-radius: 50%;position: absolute;top: 14px;left: 0px;}
section.banner .upload_box{border: 1px dashed #578CFF;max-width: 545px;border-radius: 14px;margin-top: 26px;}
section.banner .upload_before .upload_btn{min-width: 296px;height: 62px;line-height: 62px;font-size: 22px;color: #fff;font-weight: bold;background: #5068FF;border-radius: 32px;display: inline-block;padding-left: 10px;padding-right: 10px;position: relative;cursor: pointer;}
section.banner .upload_before .upload_btn i:first-child{width: 24px;height: 24px;background: url(../img/icon-all.svg);background-position-y: -24px;display: inline-block;vertical-align: -4px;margin-right: 14px;}
/* section.banner .upload_before .upload_btn i:last-child{width: 84px;height: 24px;background: url(/images/online-bg-remover/free.svg);position: absolute;right: -7px;top: -14px;} */
section.banner .upload_before .upload_btn:hover i:first-child{opacity: 0;}
section.banner .upload_before .upload_btn:hover{color: transparent;}
section.banner .upload_before .upload_btn::after{width: 24px;height: 24px;background: url(../img/icon-all.svg);background-position-y: -24px;position: absolute;top: -30px;left: 50%;margin-left: -12px;margin-top: -12px;clear: both;content: "";}
section.banner .upload_before .upload_btn:hover::after{top: 50%;transition: top .3s linear;opacity: 1;}
section.banner .upload_before .upload_btn::after{top: 80px;opacity: 0;}
section.banner .upload_before .drop{font-size: 16px;color: #333;line-height: 20px;margin-top: 6px;position: relative;}
section.banner .upload_before .these{font-size: 0px;justify-content: center;margin-top: 40px;border-top: 1px dashed rgba(0, 0, 0, .2);padding-top: 26px;padding-bottom: 26px;align-items: center;}
section.banner .upload_before .these p{font-size: 14px;color: #666;line-height: 16px;text-align: left;margin-right: 20px;}
section.banner .upload_before .these p span{display: block;}
section.banner .upload_before .these img{margin: 0 4px;cursor: pointer;}
section.banner .upload_after{padding: 30px 0px;box-sizing: border-box;text-align: center;display:none ;}
section.banner .upload_after>div{display: inline-block;position: relative;}
section.banner .upload_after span{min-width: 250px;height: 58px;line-height: 58px;border-radius: 32px;font-size: 22px;color: #fff;font-weight: bold;display: inline-block;margin: 15px 8px 0px;background: #5068FF;padding-left: 10px;padding-right: 10px;box-sizing: border-box;position: relative;overflow: hidden;cursor: pointer;position: relative;}
section.banner .upload_after span i{width: 24px;height: 24px;background: url(../img/icon-all.svg);margin-right: 8px;display: inline-block;vertical-align: -4px;}
section.banner .upload_after span:hover{color: transparent;}
section.banner .upload_after span:hover i {
  opacity: 0;
}
section.banner .upload_after span::after{clear: both;content: "";width: 24px;height: 24px;background: url(../img/icon-all.svg);position: absolute;top: -30px;left: 50%;margin-left: -12px;margin-top: -12px;}
section.banner .upload_after span:hover::after{top: 50%;transition: all .3s linear;}
section.banner .upload_after span.unbind{cursor:no-drop;opacity: 1;}
section.banner .upload_before.unbind{cursor: no-drop;opacity: 1;}
.banner.unbind .rate.active{cursor: no-drop;opacity: 1;}
section.banner .upload_after .down i{background-position-y: -48px;}
section.banner .upload_after .down::after{background-position-y: -48px;}
section.banner .upload_after .down:hover::after{display: none;}
section.banner .upload_after .down:hover,
section.banner .upload_after .down.active{color: #fff;background: #4B79FF;}
section.banner .upload_after .down:hover i{opacity: 1;}
section.banner .upload_after .re{border: 2px solid #5068FF;line-height: 54px;background: none;color: #5068FF;}
section.banner .upload_after .down_box{box-shadow: 0px 6px 13px 0px rgba(0,0,0,0.2);border-radius: 10px;position: absolute;left: 50%;transform: translateX(-50%);width: 370px;padding: 30px 22px 24px;background: #FEFEFF;margin-top: 12px;box-sizing: border-box;display: none;z-index:1;}
section.banner .upload_after .down_box::after{clear: both;content: "";border: 20px solid #fff;border-color: transparent transparent #fff transparent;position: absolute;top: -10px;transform: translate(-50%,-50%);}
section.banner .upload_after .down_box::before{clear: both;content: "";width: 100%;height: 20px;position: absolute;top: -20px;left: 0px;}
section.banner .upload_after .down_box>div{border: 1px solid #D8D8D8;border-radius: 12px;padding: 12px 10px 12px 22px;text-align: left;align-items: center;cursor: pointer;position: relative;}
section.banner .upload_after .down_box>div a{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;}
section.banner .upload_after .down_box>div p:nth-child(1){font-size: 18px;color: #333;line-height: 26px;}
section.banner .upload_after .down_box>div p:nth-child(2){font-size: 12px;color: #666;line-height: 16px;margin-top: 4px;}
section.banner .upload_after .down_box>div p i{font-style: normal;}
section.banner .upload_after .down_box>div>div{flex: 1;}

/* section.banner .upload_after .down_box>div>i{width: 30px;height: 30px;background: url(/images/online-bg-remover/download.svg);} */
section.banner .upload_after .down_box>div{margin-bottom: 12px;}
section.banner .upload_after .down_box>div:hover i{background-position-y: -30px;}
section.banner .upload_after .down_box>div:hover{border-color: #5068FF;}
section.banner .upload_after .down_box>p{font-size: 14px;}
section.banner .upload_after .down_box>p a{color: #5068FF;}
section.banner .upload_after .down_div.active .down_box{display: none !important;}