*{font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif;}
.container{max-width:1000px;overflow:hidden;margin: auto;}
.center{max-width: 1200px;margin: auto;box-sizing: border-box;}
body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul,div{margin:0;padding:0;box-sizing: border-box;}h1,h2,h3,h4,h5,h6{font-weight:400}body{font-size:16px;line-height:22px}em{font-weight:400}ol,ul{list-style-type:none}a{color:#222;text-decoration:none}a:hover{text-decoration:underline;cursor: pointer;}i{font-style:normal}b{font-weight:400}cite{font-style:normal;float:right}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
.flex_box{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}i{display: inline-block;}
.flex-box{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}i{display: inline-block;}
a.gflag{display: inline-block;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.center{max-width: 1200px;margin: auto;box-sizing: border-box;}
.guide-container{max-width:1200px;width:100%;margin:0 auto;overflow:hidden;}
.usernotice_pop{font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif;line-height: 16px;width: 290px;}
.sub-menu{z-index: 2;}


/* 动画 */
.animate_active,.animate_active_screen{
  transform: translate3d(0px, 30%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);opacity: 0;transform-style: preserve-3d;
}
.animate_active.run,.animate_active_screen.run{
  transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);opacity: 1;transform-style: preserve-3d;
  transition: all 800ms 500ms ease-out;
}

/* banner */
.header{z-index: 1;}
h1{font-size: 48px;color:#0F172A;font-weight: 700;text-align: center;line-height: 56px;max-width: 1000px;margin: 0 auto;position: relative;opacity: 0;transition: all .6s;}
.banner{background: #F8FAFC;padding-top:64px;padding-bottom: 64px;}
.banner_box>p{font-size: 18px;line-height: 30px;margin: 22px auto 32px;color: #475569; text-align: center;display: block;width: 96%;max-width: 1000px;position: relative;opacity: 0;transition: all .6s;}
.banner_box>#drag-zone{position: relative;opacity: 0;transition: all .6s;}
.banner .free_btn{display: block;margin:40px auto 20px;height: 70px;line-height: 70px;max-width: 340px;width: 96%;text-align: left;border-radius: 70px;font-size:22px;color:#fff;background-color: #fd7007;cursor: pointer;}
.banner .free_btn img{display: inline-block;margin:0 20px 0 44px;vertical-align: -7px;}
.banner .online-down>a{display: block;margin:0 auto;font-size:18px;color:rgba(255,255,0,1);text-align: center;line-height: 18px;}
.banner .feature_box{margin: 48px auto 0;}
.banner .feature_box .item{max-width: 288px;width: 100%;box-sizing: border-box;padding: 20px 24px;background: rgba(255, 255, 255, 1);box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);border-radius: 14px;text-align: center;}
.banner .feature_box .item i{display: inline-block;background: url(../svg/ai-image-upscaler-gurantee.svg) no-repeat;width: 40px;height: 40px;margin: 0 auto;}
.banner .feature_box .item:nth-child(2) i{background-position-y:-40px ;}
.banner .feature_box .item:nth-child(3) i{background-position-y:-80px ;}
.banner .feature_box .item:nth-child(4) i{background-position-y:-120px ;}
.banner .feature_box .item .title{color: #0f172a;font-size: 14px;font-weight: 600;line-height: 24px;margin: 8px auto;}
.banner .feature_box .item .info{color: #64748b;font-size: 12px;line-height: 16px;}
.banner .scroll{position: relative;bottom: -40px;opacity: 0;transition: all .6s;}
/* nav */
.nav-bar{width:100%;height:60px;height: 0;overflow: hidden;}
.nav-bar.tofix{height: auto;}
.fix-nav-bar{width:100%;background:#fff;box-shadow:0 0 7px rgba(0,0,0,0.2);transition: 0.5s;position: relative;}
.fix-box{position:fixed;left:0px;top:0px;z-index: 3;}
.fix-nav-bar>div{min-height:60px;margin:0 auto;width:100%;-webkit-flex-wrap: wrap;-o-flex-wrap: wrap;-moz-flex-wrap: wrap;flex-wrap: wrap;}
.fix-nav-bar .pro-name{padding-top:6px;margin:0;}
.fix-nav-bar .pro-name a{font-size:16px;line-height:44px;color:#0F172A;}
.fix-nav-bar .pro-name span{font-size:16px;line-height:44px;color:#0F172A;}
.fix-nav-bar .pro-name:hover a{text-decoration: underline;}
.fix-nav-bar .pro-name .pro-icon{display:inline-block;margin-right:8px;vertical-align:middle;width: 44px;height: 44px;}
.fix-nav-bar .more-menu{height:60px;line-height:60px;margin:0 0 0 auto;color:#CBD5E1;display: flex;align-items: center;}
.fix-nav-bar .more-menu a{box-sizing:border-box;display:inline-block;height:60px;line-height:60px;font-size:16px;color:#0F172A;padding:0 20px;}
.fix-nav-bar .more-menu a:hover{text-decoration:underline;}
.fix-nav-bar .more-menu>span{box-sizing:border-box;display:inline-block;height:60px;line-height:60px;font-size:16px;color:#0066FF;padding:0 20px;border-bottom:2px solid #0066FF;}
.fix-nav-bar .right-btns{margin-left:8px;margin-right:0;align-self: center;align-items: flex-end;display: flex;}
.fix-nav-bar .right-btns>a{display:inline-block;margin:0;padding:0;width:112px;height:31px;line-height:31px;font-size:16px;border-radius:4px;color:#fff;text-align:center;text-decoration: none;}
.fix-nav-bar .right-btns>a.download{background:#238e86;margin-right:10px;}
.fix-nav-bar .right-btns>a.download:hover{background:#238e86;}
.fix-nav-bar .right-btns>a.download i{background-image:url(../png/icons.png) no-repeat 0 0px;}
.fix-nav-bar .right-btns>a.buy{background:#0066FF;}
.fix-nav-bar .right-btns>a.buy:hover{background:#fd7c1b;}
.fix-nav-bar .right-btns>a.buy i{background-image:url(../png/icons.png);}
.fix-nav-bar .right-btns div{align-self:center;margin-right:17px;}
.fix-nav-bar .right-btns div a{color:#0F172A;font-size:16px;vertical-align:middle;}
.fix-nav-bar .right-btns div span{color:#20a1de;font-size:16px;vertical-align:middle;}
.fix-nav-bar .right-btns div i{display:inline-block;width:1px;height:16px;margin:0 10px;background:#0F172A;vertical-align:middle;}
.fix-nav-bar .right-btns.sr >span{width: fit-content;height: 36px;border-radius: 6px;line-height: 36px;background: #0066FF;display: inline-block;position: relative;z-index: 2;cursor: pointer;overflow: hidden;padding: 0 16px;margin: 0;transition: all .5s ease-out;}
/* .fix-nav-bar .right-btns.sr >span::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #0066FF;background: -webkit-linear-gradient(270deg, #0066FF 0%, rgba(255,102,83,0) 100%);background: -moz-linear-gradient(270deg, #0066FF 0%, rgba(255,102,83,0) 100%);background: -o-linear-gradient(270deg, #0066FF 0%, rgba(255,102,83,0) 100%);background: linear-gradient(270deg, #0066FF 0%, rgba(255,102,83,0) 100%);transition: width .3s linear;z-index: 0;} */
.fix-nav-bar .right-btns.sr >span:hover{transform: translateY(-4px);box-shadow: 0 4px 12px 3px rgba(185,185,185, 0.6)}
.fix-nav-bar .right-btns.sr >span img{display: inline-block;margin:0 5px 0 0;vertical-align: -2px;position: relative;z-index: 1;}
.fix-nav-bar .right-btns.sr span span{position: relative;z-index: 1;}
.fix-nav-bar .right-btns.sr >span:hover::after{width: 100%;}
.fix-nav-bar .right-btns.sr a{width: 150px;height: 30px;background: #fff;display: inline-block;border: 1px solid #12C1A6;box-sizing: border-box;line-height: 28px;color:#12C1A6;position: relative;overflow: hidden;z-index: 2;}
.fix-nav-bar .right-btns.sr a:hover{background: #12C1A6;text-decoration: none;color: #fff;}
.fix-nav-bar .right-btns.sr a.upgrade::after{content: '';display: block;position: absolute;left: 50%;top: -40px;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);width: 16px;height: 16px;background: url(../svg/download4.svg) no-repeat center;transition: top .3s linear;opacity: 0;}
.fix-nav-bar .right-btns.sr a img{vertical-align: -5px;}
.fix-nav-bar .right-btns.sr a.upgrade:hover{background: #12C1A6;font-size: 0;}
.fix-nav-bar .right-btns.sr a.upgrade:hover img{display: none}
.fix-nav-bar .right-btns.sr a.upgrade:hover::after{top: 5px;opacity: 1;}
.fix-nav-bar .right-btns .free_online_video_converter_1,.fix-nav-bar .right-btns .free_online_video_converter_2{display: block;margin:10px auto 10px;height: 40px;line-height: 40px;width: 220px;text-align: left;border-radius: 70px;font-size:16px;color:#fff;background-color: #fd7007;cursor: pointer;text-align: center;}
.fix-nav-bar .right-btns .free_online_video_converter_1 img,.fix-nav-bar .right-btns .free_online_video_converter_2 img{display: inline-block;vertical-align: -9px;margin-right: 5px;}




/* creaty_box */
.creaty_box{padding: 80px 0;}
.creaty_box>.center>.flex_box{margin-top: 64px;}
h2{color: #0f172a;font-weight: 700;font-size: 40px;line-height: 48px;text-align: center;}
.h2_info{margin-top: 16px;color: #475569;text-align: center;line-height: 30px;font-size: 18px;}
.creaty_box .item{border: 2px solid #f3f4f6;box-sizing: border-box;background: #ffffff;padding: 24px;border-radius: 16px;max-width: 384px;width: 100%;transition: all .5s ease-out;opacity: 0;transition: all .6s;bottom: -60px;}
.creaty_box .item:hover{transform: translateY(-10px);box-shadow: 0 2px 10px 2px rgba(185,185,185, 0.4);border: 1px solid  rgba(0, 102, 255,0.4);}
.creaty_box .item img{border-radius: 16px;max-width: 100%;height: auto;box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.2);}
.creaty_box .item .title{color: #0f172a;font-size: 22px;font-weight: 600;line-height: 32px;margin: 24px auto 16px;}
.creaty_box .item .info{color: #475569;font-size: 14px;line-height: 24px;}


/* advanced_box */
.advanced_box{padding: 80px 0;background: #f8fafc;}
.advanced_box>.center>.flex_box{margin-top: 64px;align-items: center;}
.advanced_box .img_part{max-width: 600px;width: 100%;position: relative;opacity: 0;transition: all .6s;left: -300px;overflow: hidden;border-radius: 16px;box-shadow: 0 2px 10px 2px rgba(185,185,185, 0.4);border-radius: 16px;transition: all .6s;}
.advanced_box .text_part{max-width: 560px;width: 100%;position: relative;opacity: 0;transition: all .6s;right: -300px;}
/* .advanced_box .amplify{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 96px;height: 96px;background: url(/images/free-online-image-enhancer/zoom-in.svg) no-repeat center;cursor: pointer;}
.advanced_box .img_part:hover img{transform: scale(1.2);} */

.advanced_box .text_part .item{display: flex;align-items: flex-start;}
.advanced_box .text_part .item>i{display: inline-block;background: url(../svg/image-upscaler-for-enhancement.svg) no-repeat;width: 48px;height: 48px;}
.advanced_box .text_part .item:nth-child(2)>i{background-position-y: -48px;}
.advanced_box .text_part .item .item_right{max-width: 496px;width: 100%;margin-left: 16px;flex: 1;}
.advanced_box .text_part .item .item_right .title{color: #0f172a;font-weight: 600;font-size: 22px;line-height: 32px;}
.advanced_box .text_part .item .item_right .info{color: #475569;font-size: 16px;line-height: 30px;margin: 16px 0 0 0;}
.advanced_box .text_part .item{margin-bottom: 48px;}
.advanced_box .text_part .item:last-child{margin-bottom: 0;}



/* restore_box */
.restore_box{padding: 80px 0;}
.restore_box .quality{max-width: 1024px;width: 100%;margin: 0 auto;}
.restore_box .quality .item{max-width: 224px;width: 100%;text-align: center;position: relative;opacity: 0;transition: all .6s;}
.restore_box .quality .item>i{display: inline-block;background: url(../svg/restore-old-photos.svg) no-repeat;width: 64px;height: 64px;}
.restore_box .quality .item:nth-child(2)>i{background-position-y: -64px;}
.restore_box .quality .item:nth-child(3)>i{background-position-y: -128px;}
.restore_box .quality .item:nth-child(4)>i{background-position-y: -192px;}
.restore_box .quality .item .title{color: #101828;font-weight: 600;font-size: 18px;line-height: 28px;margin: 16px auto 8px;}
.restore_box .quality .item .info{color: #6a7282;font-size: 14px;line-height: 24px;}
.restore_box .quality_change{position: relative;opacity: 0;transition: all .8s;bottom: -140px;scale: 0.7;}

/* quality_change */
.quality_change1,.quality_change{max-width:1023px;width: 100%;position: relative;overflow: hidden;border-radius: 16px;cursor: col-resize;position: relative;}
.quality_change{margin: 64px auto;}
.quality_change1 .low1,.quality_change .low{position: absolute;left: 0;top: 0;overflow: hidden;width: 50%;height: 100%;}
.quality_change1 .low1 img,.quality_change .low img{position: absolute;left: 0;top: 0;display: block;}
.quality_change1 .high1,.quality_change .high{width: 100%;}
.quality_change1 .high1 img,.quality_change .high img{width: 100%;display: block;}
.seperate1,.seperate{position: absolute;left: 50%;top: 0;transform: -webkit-translate(-50%,0);transform: -moz-translate(-50%,0);transform: -o-translate(-50%,0);transform: translate(-50%,0);width: 2px;height: 100%;background-color: #fff;}
.seperate1 img,.seperate img{position: absolute;left: 50%;top: 58%;transform: translate(-50%,-50%);}
.seperate1 img{top: 55%;}
.quality_change .after_text{color: #ffffff;font-size: 12px;border-radius: 10px;background: rgba(0, 102, 255, 0.9);height: 26px;display: inline-block;padding: 0 16px;position: absolute;bottom: 16px;line-height: 26px;white-space: nowrap;right: 10px;}

/* science_box */
.science_box{padding: 80px 0;background: #0f172a;}
.science_box h2{color: #fff;}
.science_box .h2_info{color:#94A3B8;}
.science_box ul{margin: 64px auto;}
.science_box ul li{max-width:354px;width: 100%;text-align: center;position: relative;opacity: 0;transition: all .6s;}
.science_box ul li>i{display: inline-block;background: url(../svg/image-upscaler-ai-algorithm.svg) no-repeat;width: 64px;height: 64px;}
.science_box ul li:nth-child(2)>i{background-position-y: -64px;}
.science_box ul li:nth-child(3)>i{background-position-y: -128px;}
.science_box ul li .title{color: #ffffff;font-weight: 600;font-size: 18px;line-height: 28px;margin: 16px auto 12px;}
.science_box ul li .info{color: #94a3b8;font-size: 14px;line-height: 24px;}

.science_box .process_content{border: 1px solid rgba(0, 102, 255, 0.2);border-radius: 16px;background: linear-gradient(135deg, rgba(0, 102, 255, 0.1) 0%, rgba(0, 204, 255, 0.1) 100%);box-sizing: border-box;padding: 56px 58px;position: relative;opacity: 0;transition: all .8s;bottom: -140px;scale: 0.7;}
.science_box .process_content .item{max-width: 302px;width: 100%;text-align: center;}
.science_box .process_content .item .title{margin: 0 0 8px 0;color: #94a3b8;font-size: 14px;line-height: 20px;}
.science_box .process_content .item .item_bg{height: 128px;}
.science_box .process_content .item .item_bg.one,.science_box .process_content .item .item_bg.three{border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.science_box .process_content .item .item_bg.one{background: linear-gradient(135deg, #364153 0%, #1e2939 100%);}
.science_box .process_content .item .item_bg.three{background: linear-gradient(180deg, #0066ff 0%, #00ccff 100%);}
.science_box .process_content .item .item_bg.one span,.science_box .process_content .item .item_bg.three span{color: rgba(255, 255, 255, 0.5);font-size: 14px;line-height: 20px;}
.science_box .process_content .item .item_bg.three span{color: #fff;}


.science_box .process_content .dots{display: flex;align-items: center;padding-top: 28px;}
.science_box .process_content .dots i{ border-radius: 50%;animation: dotPulse 3s ease-in-out infinite;display: inline-block;margin: 0 4px;}
.science_box .process_content .dots.left i:nth-child(1) { width: 8px; height: 8px; animation-delay: 0s; }
.science_box .process_content .dots.left i:nth-child(2) { width: 9px; height: 9px; animation-delay: 0.3s; }
.science_box .process_content .dots.left i:nth-child(3) { width: 10px; height: 10px; animation-delay: 0.6s; }
.science_box .process_content .dots.right i:nth-child(1) { width: 8px; height: 8px; animation-delay: 0.6s; }
.science_box .process_content .dots.right i:nth-child(2) { width: 9px; height: 9px; animation-delay: 0.3s; }
.science_box .process_content .dots.right i:nth-child(3) { width: 10px; height: 10px; animation-delay: 0s; }

  @keyframes dotPulse {
    0%, 100% { background: #1158d7; transform: scale(1); }
    33% { background: #0066FF; transform: scale(1.2); }
    66% { background: #054bb2; transform: scale(0.8); }
  }

.science_box .process_content .item .item_bg.two{display: flex;justify-content: space-between;flex-wrap: wrap;}
.science_box .process_content .item .item_bg.two span{width: 98px;height: 40px;display: block; border-radius: 4px; animation: cellColor 2s ease-in-out infinite;}
.science_box .process_content .item .item_bg.two span:nth-child(1) { animation-delay: 0.0s; }
.science_box .process_content .item .item_bg.two span:nth-child(2) { animation-delay: 0.2s; }
.science_box .process_content .item .item_bg.two span:nth-child(3) { animation-delay: 0.4s; }
.science_box .process_content .item .item_bg.two span:nth-child(4) { animation-delay: 0.6s; }
.science_box .process_content .item .item_bg.two span:nth-child(5) { animation-delay: 0.8s; }
.science_box .process_content .item .item_bg.two span:nth-child(6) { animation-delay: 1.0s; }
.science_box .process_content .item .item_bg.two span:nth-child(7) { animation-delay: 1.2s; }
.science_box .process_content .item .item_bg.two span:nth-child(8) { animation-delay: 1.4s; }
.science_box .process_content .item .item_bg.two span:nth-child(9) { animation-delay: 1.6s; }

  @keyframes cellColor {
    0%, 100% { background:#1D315B; }
    15% { background: #1D3059; }
    30% { background: #1B3877; }
    45% { background: #194294; }
    60% { background: #164BB1; }
    75% { background: #1254CD; }
    90% { background: #0166FF; }
  }



/* choose_box */
.choose_box{padding: 80px 0;}
.choose_box .table_content{margin-top: 64px;position: relative;opacity: 0;transition: all .6s;bottom: -100px;overflow-x: auto;width: 100%;}
.choose_box .table_content table { width: 100%}
.choose_box .table_content td {border: 1px solid #F3F4F6;padding:24px 16px;font-weight: 500;font-size: 16px;color: #475569;line-height: 24px;text-align: center;border-left: none;border-right: none;}
.choose_box .table_content tr:first-child td{border-top: none;padding: 18px 16px;line-height: 24px;}
.choose_box .table_content tr td:first-child{background-color: #fafcff;border-bottom: 1px solid #e5f0ff;color: #0066ff;font-weight: 600;}
.choose_box .table_content tr td:last-child{background-color: #fafbfc;border-bottom: 1px solid #e5e7eb;font-weight: 400;}
.choose_box .table_content tr:first-child td:first-child{border-bottom: 2px solid #0066ff;border-radius:  14px 0px 0px 0px;background: #eff6ff;font-size: 18px;}
.choose_box .table_content tr:first-child td:last-child{border-bottom: 2px solid #d1d5dc;border-radius:  0px 14px 0px 0px;background: #f3f4f6cc;font-weight: 600;}
.choose_box .table_content tr:first-child td:nth-child(2){font-weight: 600;}
.choose_box .table_content td i.hot{display: inline-block;background: url(../svg/best-one.svg) no-repeat;width: 20px;height: 20px;margin-right: 8px;vertical-align: -4px;}

/* work_box */
.work_box{padding: 80px 0;background: #f8fafc;}
.work_box .center>.flex_box{margin: 64px auto 0;position: relative;}
.work_box .item{border: 1px solid rgba(243, 244, 246, 0.5);border-radius: 16px;padding: 32px 24px;box-sizing: border-box;background: rgba(255, 255, 255, 1);box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);max-width: 364px;width: 100%;text-align: center;position: relative;transition: all .5s ease-out;opacity: 0;}
.work_box .item:hover{transform: translateY(-10px);box-shadow: 0 2px 10px 2px rgba(185,185,185, 0.4);}
.work_box .item>span{display: inline-block;border-radius: 16px;height: 80px;width: 80px;font-weight: 700;font-size: 28px;line-height: 40px;text-align: center;padding: 20px;box-sizing: border-box;color: #fff;}
.work_box .item:nth-child(2) span{background: linear-gradient(135deg, rgba(43, 127, 255, 1) 0%, rgba(21, 93, 252, 1) 100%);box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);}
.work_box .item:nth-child(3)>span{background: linear-gradient(135deg, rgba(173, 70, 255, 1) 0%, rgba(152, 16, 250, 1) 100%);box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);}
.work_box .item:nth-child(4)>span{background: linear-gradient(135deg, rgba(246, 51, 154, 1) 0%, rgba(230, 0, 118, 1) 100%);box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);}
.work_box .item .title{color: #0f172a;font-weight: 600;font-size: 20px;line-height: 30px;margin: 24px auto 16px;}
.work_box .item .info{color: #475569;font-size: 16px;line-height: 24px;}
.work_box .item .info span{font-weight: bold;}
.work_box .item>i{display: inline-block;background: url(../svg/show-more-2.svg) no-repeat;width: 24px;height: 24px;position: absolute;top: 58px;right: 24px;}
.work_box .line{background: linear-gradient(90deg, #2b7fff 0%, #ad46ff 50%, #f6339a 100%), #f3f4f6;width: 100%;height: 4px;position: absolute;top: 69px;transition: all .5s ease-out;opacity: 0;}
.work_box .btn_try{color: #ffffff;font-size: 18px;font-weight: 600;background: #0066ff;border-radius: 14px;height: 60px;line-height: 60px;padding: 0 24px;display: block;width: fit-content;margin: 48px auto 0;text-decoration: none;cursor: pointer;opacity: 0;transition: all .5s ease-out;}
.work_box .btn_try:hover{transform: translateY(-10px);box-shadow: 0 4px 12px 3px rgba(185,185,185, 0.6)}

/* faq_box */
.faq_box{padding: 80px 0px;}
.faq_box .faq_info{border: 1px solid rgba(0, 102, 255, 0.1);box-sizing: border-box;background: rgba(0, 102, 255, 0.05);border-radius: 8px;padding: 8px 16px;color: #475569;font-size: 14px;line-height: 20px;width: fit-content;margin: 16px auto 0;}
.faq_box .faq_info i{display: inline-block;background: url(../svg/verified.svg) no-repeat;width: 16px;height: 16px;vertical-align: -3px;margin-right: 8px;}
.faq_box ul{margin: 64px auto 0;max-width: 900px;width: 100%;}
.faq_box ul li{background: rgba(248, 250, 252, 1);box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);padding: 18px 24px;border-radius: 14px;margin-bottom: 16px;cursor: pointer;}
.faq_box ul li:last-child{margin-bottom: 0;}
.faq_box ul li .question{color: #0f172a;font-weight: 600;font-size: 16px;line-height: 24px;display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
.faq_box ul li .question i{display: inline-block;background: url(../svg/show.svg) center no-repeat;width: 16px;height: 16px;margin-left: 16px;transform: rotate(0deg);transition: all 0.3s ease-out;background-size: 16px 16px;}
.faq_box ul li.active .question i{rotate: 180deg;}
.faq_box ul li .answer{display: none;color:#475569;font-weight: 400;font-size: 16px;line-height: 24px;margin-top: 12px;}
.faq_box ul li.active .answer{display: block;}
.faq_box ul li .answer p{margin-top: 8px;}
.faq_box ul li .answer p span{font-weight: bold;}


.bg_part{background: #f8fafc;}
/* trust_box */
.trust_box{padding: 80px 0px;}
.trust_box ul{margin: 64px auto 0;}
.trust_box ul li{border: 1px solid rgba(255, 255, 255, 0.5);background: rgba(255, 255, 255, 0.7);box-sizing: border-box;box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);border-radius: 16px;padding: 32px;max-width: 384px;width: 100%;transition: all .5s ease-out;opacity: 0;position: relative;}
.trust_box ul li:hover{transform: translateY(-10px);box-shadow: 0 2px 10px 2px rgba(185,185,185, 0.4);}
.trust_box ul li .top{display: flex;align-items: center;justify-content: flex-start;}
.trust_box ul li .top .head{background: linear-gradient(135deg, rgba(43, 127, 255, 1) 0%, rgba(21, 93, 252, 1) 100%);box-shadow: 0px 4px 6px -4px rgba(43, 127, 255, 0.3), 0px 10px 15px -3px rgba(43, 127, 255, 0.3);box-sizing: border-box;font-weight: 700;font-size: 20px;line-height: 28px;width: 48px;height: 48px;text-align: center;padding: 10px;color: #ffffff;border-radius: 50%;}
.trust_box ul li .top .people{margin-left: 16px;flex: 1;}
.trust_box ul li .top .name{color: #0f172b;font-weight: 600;font-size: 16px;line-height: 24px;}
.trust_box ul li .top .work{color: #62748e;font-size: 14px;line-height: 20px;display: block;}
.trust_box ul li .star{display: inline-block;background: url(../svg/star.svg) center no-repeat;width: 96px;height: 16px;margin: 24px 0 16px;}
.trust_box ul li .say{color: #45556c;font-style: italic;font-size: 16px;line-height: 26px;}


/* insight_box */
.insight_box{padding: 40px 0px;}
.insight_box h2{text-align: left;}
.insight_box .more{margin: 16px 0 0 0;}
.insight_box .more p{color: #45556c;font-size: 16px;line-height: 24px;}
.insight_box .more a{color: #0066ff;font-size: 16px;font-weight: 600;line-height: 24px;}
.insight_box .more a i{display: inline-block;background: url(../svg/show-more-hover.svg) no-repeat;width: 16px;height: 16px;margin-left: 8px;vertical-align: -4px;}
.insight_box ul{margin: 48px auto 0;}
.insight_box ul li{max-width: 576px;width: 100%;transition: all .4s;opacity: 0;position: relative;left: -40px;}
.insight_box ul li a{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #e5e7eb;padding: 20px;text-decoration: none;}
.insight_box ul li a:hover{border-bottom: 1px solid #0066ff;}
.insight_box ul li a span{color: #314158;font-size: 16px;line-height: 24px;position: relative;}
.insight_box ul li a i{display: inline-block;background: url(../svg/show-more-hover.svg) no-repeat;width: 16px;height: 16px;transition: all .3s ease-out;transform: translateX(-2px);opacity: 0;}
.insight_box ul li a:hover i{transform: translateX(8px);opacity: 1;}
.insight_box ul li a span::before{clear: both;content: "";display: inline-block;width: 6px;height: 6px;background: #0066ff;border-radius: 16px;position: absolute;top: 10px;left: -16px;}

/* tools_box */
.tools_box{padding: 80px 0;}
.tools_box .tools_content{background: #0066ff;border-radius: 24px;padding:80px 58px;}
.tools_box h2,.tools_box .h2_info{color: #ffffff;}
.tools_box ul{margin: 64px auto 0;}
.tools_box li{max-width: 346px;width: 100%;padding: 32px;box-sizing: border-box;background: #ffffff;box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);border-radius: 16px;transition: all .5s;opacity: 0;position: relative;}
.tools_box li:hover{transform: translateY(-10px);}
.tools_box img{display: block;}
.tools_box .pro_name{color: #0f172b;font-weight: 700;font-size: 20px;line-height: 28px;margin: 24px 0 16px;display: block;width: fit-content;}
.tools_box .info{margin: 0 0 28px 0;color: #62748e;font-size: 14px;line-height: 22px;}
.tools_box .try{color: #0066ff;font-weight: 600;font-size: 16px;line-height: 24px;display: block;width: fit-content;text-decoration: none;}
.tools_box .try i{display: inline-block;background: url(../svg/show-more-hover.svg) no-repeat;width: 16px;height: 16px;margin-left: 8px;vertical-align: -4px; transition: all .3s ease-out;}
.tools_box .try:hover i{transform: translateX(8px);}


@media screen and (max-width:1210px){
  .center{padding-left: 20px;padding-right: 20px;}
  .creaty_box,.advanced_box,.restore_box,.science_box,.choose_box,.work_box,.faq_box,.trust_box,.insight_box,.tools_box{padding: 60px 0;}
  .insight_box{padding: 0;}

  .creaty_box>.center>.flex_box,.advanced_box>.center>.flex_box,.quality_change1,.choose_box .table_content,.work_box .center>.flex_box,.faq_box ul,.trust_box ul,.tools_box ul{margin-top: 40px;}
  .quality_change1{margin: 40px auto;}
  .insight_box ul{margin-top: 24px;}
  .science_box ul{margin: 40px auto;justify-content: center;}
  .science_box ul li{margin-top: 24px;}
  .science_box ul li:nth-child(1){margin-top: 0;}

  .banner{padding-bottom: 50px;}
  .banner .scroll{overflow-x: auto;width: 100%;}
  .banner .feature_box{flex-wrap: nowrap;width: 1200px;padding: 0 14px 14px 0;}

  .creaty_box>.center>.flex_box{justify-content: center;}
  .creaty_box .item{margin: 12px;}
  .creaty_box .item:nth-child(1){margin-top: 0;}
  
  .advanced_box .img_part{margin: 0 auto;}
  .advanced_box .text_part{max-width: 1000px;margin: 40px auto 0;}
  .advanced_box .text_part .item .item_right{max-width: none;}


  .work_box .line{display: none;}
  .work_box .center>.flex_box{justify-content: center;}
  .work_box .item{margin: 12px;}
  .work_box .item:nth-child(2){margin-top: 0;}
  .work_box .btn_try{margin-top: 24px;}

  .trust_box ul{justify-content: center;}
  .trust_box ul li{margin: 12px;}
  .trust_box ul li:nth-child(1){margin-top: 0;}

  .insight_box h2{text-align: center;}
  .insight_box ul li{max-width: 48%;}

  .tools_box{margin-left: 20px;margin-right: 20px;}
  .tools_box .tools_content{padding: 42px 24px;}
  .tools_box ul{justify-content: center;}
  .tools_box ul li{margin: 12px;max-width: 420px;}
  .tools_box ul li:nth-child(1){margin-top: 0;}

}

@media screen and (max-width:1180px){
    .nav-bar{position:relative;z-index:9;}
    .nav-bar .pro-name{display: flex;justify-content: space-between;align-items: center;padding: 0px 20px;height: 56px;}
    .fix-nav-bar .pro-name .pro-icon{width: 32px;height: 32px;}
    .nav-bar .pro-name::after{clear: both;content: "";width: 16px;height: 16px;background: url(../svg/arrow.svg);background-position-y: -16px;}
    .nav-bar .fix-nav-bar.active .pro-name::after{background-position-y: 0px;}
    .fix-nav-bar>div{display: block;min-height: auto;}
    .fix-nav-bar .more-menu{display: none;font-size: 0px;height: auto;line-height: 0px;padding-left: 20px;padding-right: 20px;border-top: 1px solid #ccc;padding-top: 4px;}
    .fix-nav-bar .more-menu>*{display: block !important;line-height: 36px !important;border-bottom: 1px solid #CBD5E1 !important;height: auto !important;color: #333 !important;padding: 0px !important;}
    .fix-nav-bar .more-menu>span{color: #0066FF !important;}
    .fix-nav-bar .nav_btn{display: none;}
    .fix-nav-bar a{text-decoration: none !important;}
    .fix-nav-bar.active .more-menu{display: block;}
    .fix-nav-bar.active .nav_btn{display: block;}
    .fix-nav-bar .right-btns{margin-top: 12px;margin-left: 0;border-bottom: 0 !important;}
    .fix-nav-bar .nav_btn{padding-top: 20px;padding-bottom: 20px;}
    .fix-nav-bar .pro-name a{display: flex;align-items: center;flex: 1;}
    .fix-nav-bar .pro-name a span{flex: 1;line-height: 20px;}


    .science_box .process_content .item:nth-child(1),.science_box .process_content .item:nth-child(3){max-width: 42%;}
    .science_box .process_content .item .item_bg.two span{width: 32.8%;}
    .science_box .process_content .dots{max-width: 100%;padding: 24px 0;}
}
@media screen and (max-width:1024px){
  .restore_box .quality{justify-content: center;}
  .restore_box .quality .item{margin: 12px;max-width: 320px;}
  .restore_box .quality .item:nth-child(1){margin-top: 0;}
  .advanced_box .text_part{right: 0;}
}
@media screen and (max-width:768px){
  h1{font-size: 42px;line-height: 52px;}
  h2{font-size: 36px;line-height: 48px;}
  
  .science_box .process_content{padding: 32px;justify-content: center;flex-direction: column;align-items: center;}
  .science_box .process_content .item:nth-child(1), .science_box .process_content .item:nth-child(3), .science_box .process_content .item:nth-child(5){max-width: 90%;}
  .science_box .process_content .item:nth-child(2), .science_box .process_content .item:nth-child(4){margin: 16px 0;}

  .creaty_box .item{margin-left: 0;margin-right: 0;}
  .work_box .item{margin-left: 0;margin-right: 0;max-width: 600px;}
  .trust_box ul li{margin-left: 0;margin-right: 0;max-width: 600px;}
  .insight_box ul{flex-direction: column;}
  .insight_box ul li{max-width: 100%;}
  
  .tools_box ul li{max-width: 100%;margin-left: 0;margin-right: 0;padding: 20px;}

  .advanced_box .text_part .item .item_right .title{font-size: 20px;}

  .seperate img,.seperate1 img{zoom: 0.6;}
  
  .choose_box .table_content tr:first-child td:first-child{font-size: 16px;}
  .choose_box .table_content td{padding: 16px 12px;font-size: 14px;}
  .insight_box ul li a span{max-width: 92%;}
  .insight_box ul li a{padding-right: 8px;}
  .quality_change .after_text{display: none;}
}















/** * 功能css */
.photo *{margin: 0;padding: 0;}
.mask, .alert-mask, .feedback-mask{width: 100%;height: 200%;position: absolute;background: rgba(0, 0, 0, .4);top: 0px;left: 0px;z-index: 2 !important;display: none;position: fixed;}
.alert-mask{z-index: 5 !important;}
.photo{border-radius: 18px;/* overflow: hidden; */max-width: 1072px;width: 100%;min-width: 300px;height: 630px;position: absolute;top: 15%;bottom: 12%;left: 0;right: 0;margin: auto; /* transform: translate(-50%, -50%); */z-index: 3;background: #fff;display: none; /* box-shadow: 0 0 10px #002742b8; */box-shadow: 0 0 30px #00274266;}
.photo.active{-webkit-display: flex;display: flex;flex-wrap: nowrap}
.photo>div{background: #2558bf;padding-top: 12px;width: 128px;}
.icon_name{display: inline-block;width: 128px;}
.photo>ul{max-width: 1073px;width: 100%;background: #fff;border-radius: 18px;/* overflow: hidden; */}
.photo>ul>li{display: none; /* background: #efeff0; */background: #fff;padding-top: 22px;padding-bottom: 22px;border-radius: 18px;}
.photo>ul li.active{display: block;}
/*add new*/
.banner_box>#drag-zone{border: 2px dashed #cbd5e1;width: 100%;max-width: 672px;border-radius: 16px;margin: 0 auto;text-align: center;background-color: #fff;padding: 48px 0;}
.banner_box>div>span{font-size: 18px;color: #fff;display: block;text-align: center;margin: 0px auto;cursor: pointer;position: relative;width: fit-content;min-width: 220px;height: 60px;line-height: 60px;background: #0066ff;border-radius: 14px;box-sizing: border-box;padding: 0 22px;transition: all .5s ease-out;}
.banner_box>div>span:hover{transform: translateY(-6px);box-shadow: 0 4px 12px 3px rgba(185,185,185, 0.6)}

.banner_box>div>span img{display: inline-block;margin:0 10px 0 0;vertical-align: -3px;}
.banner_box>div>span>input{opacity: 0;width: 100%;height: 100%;display: inline-block;position: absolute;top: 0;left: 0;cursor: pointer;}
.banner_box>div>span>img:last-of-type{-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: 36%;margin-left: 4px;opacity: 0;}
.banner_box>div>span.load>img:last-of-type{opacity: 1;}
.banner_box .batch_btn{font-size: 16px;color: #0066FF;text-decoration: underline;display: inline-block;cursor: pointer;margin: 20px auto 8px;}
/* 旋转 */
@-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)}}
.banner_box>div>p{font-size: 16px;color: #475569;text-align: center;line-height: 24px;}
.type_change{display: inline-block;color: #fff;}
.scale_choose{text-align: center;margin-top: 10px;color: #fff;}
.type_choose{text-align: center;color: #fff;}
.banner label{margin: 0 10px 0 5px;}
div.btn{padding: 0 24px;position: absolute;bottom: 0;width: 100%;background: #fff;z-index: 100;height: 82px;line-height: 50px;box-sizing: border-box;border-radius: 18px;}
div.btn p{width: 24px;height: 24px;background: url(../png/back2.png);display: inline-block;margin-top: 16px;}
div.btn p.left{background-position-y: 0px;margin-right: 18px;}
div.btn p.left:hover{background-position-y: -24px;}
div.btn p.right{background-position-y: -48px;}
div.btn p.right:hover{background-position-y: -72px;}
div.btn>div{display: inline-block; /* vertical-align: 6px; margin-left: 88px; */position: absolute;left: 0;right: 0;margin: auto; /* width: 277px; *//* width: 457px; */}
div.btn span, a.uploadBtn{width: 116px;height: 32px;background: #2473E8;border-radius: 4px;color: #fff;font-size: 16px;display: inline-block;text-align: center;line-height: 32px;margin: 0 10px;cursor: pointer;}
a.uploadBtn{margin-left: 25px;/* margin-left: 60px; */}
.photo>ul>div.btn span:hover, .uploadBtn:hover{background-color: #3f9eff;}
.hollowing{/* border: 1px solid #2473E8; */color: #2473E8;box-sizing: border-box;line-height: 28px;background: none;cursor: pointer;border-radius: 30px;}
.hollowing:hover{background-color: #2473E8;border-color: #2473E8;color: white;}
.photo>ul>div.btn>div{display: none;padding: 24px 0 27px;}
.photo>ul>div.btn>div label{height: 31px;display: inline-block;}
.photo>ul>div.btn>div:nth-child(2){width: auto;}
.photo>ul>div.btn>div.active{display: -webkit-box;display: -webkit-flex;display: flex;}
.photo>ul>div.btn>div:nth-child(2) div{position: sticky;margin: 0;}
.photo>ul>div.btn>div:nth-child(2) div:last-child{margin-right: 40px;}
.photo>ul>div.btn>div i.home{width: 30px;height: 31px;display: inline-block;background: url(../png/home.png);vertical-align: -8px;margin-left: 20px;margin-right: 10px;background-position-y: -30px;}
.photo>ul>div.btn>div i.home:hover{background-position-y: -0px;}
.photo>ul>div.icon{position: absolute;top: 27px;left: 28px;font-size: 16px;color: #0F172A;}
.photo>ul>div.icon img{display: inline-block;vertical-align: -11px;}
.refinement_top{padding-left: 16px;padding-right:36px;text-align: left;position: relative;}
.refinement_top .revoke{margin-right: 10px;}
.refinement_top .revoke, .refinement_top .norevoke{width: 20px;height: 20px;background: url(../png/back-icon.png);display: inline-block;vertical-align: middle;cursor: pointer;margin-left: 0 !important;border: none !important;}
.refinement .refinement_top .revoke, .refinement .refinement_top .norevoke{vertical-align: -5px;}
.refinement .scale_zoon{display: inline-block;color: #465064;}
.refinement_top .revoke:hover{background-position-y: -20px;}
.refinement_top .revoke.active{background-position-y: -20px;}
.refinement_top .revoke.forbid{background-position-y: -60px;}
.refinement_top .norevoke{background-position-y: -80px;}
.refinement_top .norevoke:hover{background-position-y: -100px;}
.refinement_top .norevoke.active{background-position-y: -120px;}
.refinement_top .norevoke.forbid{background-position-y: -140px;}
.refinement_top .operate-revoke{margin-right: 10px;}
.refinement_top .operate-revoke, .refinement_top .operate-norevoke{width: 20px;height: 20px;background: url(../png/back-icon.png);display: inline-block;vertical-align: middle;cursor: pointer;margin-left: 0 !important;border: none !important;}
.refinement .refinement_top .operate-revoke, .refinement .refinement_top .operate-norevoke{vertical-align: -5px;}
.refinement_top .operate-revoke:hover{background-position-y: -20px;}
.refinement_top .operate-revoke.active{background-position-y: -20px;}
.refinement_top .operate-revoke.forbid{background-position-y: -60px;}
.refinement_top .operate-norevoke{background-position-y: -80px;}
.refinement_top .operate-norevoke:hover{background-position-y: -100px;}
.refinement_top .operate-norevoke.active{background-position-y: -120px;}
.refinement_top .operate-norevoke.forbid{background-position-y: -140px;}
.refinement_top .transform-revoke{margin-right: 10px;}
.refinement_top .transform-revoke, .refinement_top .transform-norevoke{width: 20px;height: 20px;background: url(../png/back-icon.png);display: inline-block;vertical-align: middle;cursor: pointer;margin-left: 0 !important;border: none !important;}
.refinement .refinement_top .transform-revoke, .refinement .refinement_top .transform-norevoke{vertical-align: -5px;}
.refinement_top .transform-revoke:hover{background-position-y: -20px;}
.refinement_top .transform-revoke.active{background-position-y: -20px;}
.refinement_top .transform-revoke.forbid{background-position-y: -60px;}
.refinement_top .transform-norevoke{background-position-y: -80px;}
.refinement_top .transform-norevoke:hover{background-position-y: -100px;}
.refinement_top .transform-norevoke.active{background-position-y: -120px;}
.refinement_top .transform-norevoke.forbid{background-position-y: -140px;}
.refinement_top span{display: inline-block;cursor: pointer;}
.refinement_top div{}
.blue-border{overflow: hidden;border-radius: 24px;border: 1px solid #485062;/* #2558bf */margin-left: 20px;display: inline-block;vertical-align: middle;}
.blue-border:hover{border: 1px solid #2558bf;}
.refinement_top>div>span{font-size: 12px;color: #465064;text-align: center;display: inline-block;line-height: 26px;padding: 0;margin: 0 5.5px;border: 1px solid #444;border-radius: 2px;min-width: 110px;height: 28px;background: #FFFFFF;border: 1px solid #CFCFCF;border-radius: 6px;font-size: 14px;box-sizing: border-box;}
.refinement_top>div>span:nth-child(1){margin-left: 14px;}
.refinement_top>div>span.active{background: #2473E8;color: #fff;border: 1px solid #2473E8;}
.refinement_top div .scale_num:hover{background: #2473E8;color: #fff;border: 1px solid #2473E8;}
.refinement_top .hb_type div>i{width: 24px;height: 24px;display: inline-block;background: url(../png/lasso12c70.png?v=1.0.3);vertical-align: -7px;cursor: pointer;}
#right-operate-box>.close{width: 20px;height: 20px;background: url(../svg/close-2.svg);position: absolute;right: 16px;top: 25px;cursor: pointer;}
#right-operate-box>.close:hover{background-position: 0 -20px;}
.refinement_top .hb_type div.erase>i{vertical-align: -6px;}
.refinement_top .hb_type .hb.active, .refinement_top .hb_type .free_lasso.active, .refinement_top .hb_type .line_lasso.active, .refinement_top .hb_type .erase.active{font-size: 12px;color: #485062;text-align: center;display: inline-block;line-height: 26px;height: 26px;padding: 0 12px;background: #2558bf;border-radius: 30px;vertical-align: 1px;}
.refinement_top .hb_type .erase.active{background: #ff661b;}
.refinement_top .hb_type .hb span, .refinement_top .hb_type .free_lasso span, .refinement_top .hb_type .line_lasso span, .refinement_top .hb_type .erase span{padding: 0px;color: #fff;display: none;}
.refinement_top .hb_type .hb.active span, .refinement_top .hb_type .free_lasso.active span, .refinement_top .hb_type .line_lasso.active span, .refinement_top .hb_type .erase.active span{display: inline-block;}
.refinement_top .hb_type .hb.active i, .refinement_top .hb_type .free_lasso.active i, .refinement_top .hb_type .line_lasso.active i, .refinement_top .hb_type .erase.active i{width: 20px;height: 20px;vertical-align: -7px;margin-right: 5px;margin-left: 0px;}
.refinement_top .hb_type .hb, .refinement_top .hb_type .free_lasso, .refinement_top .hb_type .line_lasso, .refinement_top .hb_type .erase{display: inline-block;margin: 0 5px;}
.refinement_top .hb_type .free_lasso i{background-position-y: -0px;}
.refinement_top .hb_type .free_lasso:hover i{background-position-y: -24px;}
.refinement_top .hb_type .free_lasso.active i{background-position-y: -48px;}
.refinement_top .hb_type .line_lasso i{background-position-y: -68px;}
.refinement_top .hb_type .line_lasso:hover i{background-position-y: -92px;}
.refinement_top .hb_type .line_lasso.active i{background-position-y: -117px;}
.refinement_top .hb_type .erase i{background-position-y: -136px;vertical-align: -4px;}
.refinement_top .hb_type .erase:hover i{background-position-y: -160px;}
.refinement_top .hb_type .erase.active i{background-position-y: -186px;}
.refinement_top .hb_type .erase.active{vertical-align: 1px;}
.refinement_top .hb_type .hb i{background-position-y: -206px;vertical-align: -9px;}
.refinement_top .hb_type .hb:hover i{background-position-y: -230px;}
.refinement_top .hb_type .hb.active i{background-position-y: -252px;}
.refinement_top .hb_type .erase_border{height: 10px;border-left: 1px dashed #ddd;vertical-align: -2px;margin-left: 10px;margin-right: 10px;}
.hb_type{display: inline-block;margin-left: 10px;border: 1px dashed #ddd;padding-top: 6px;padding-bottom: 6px;border-radius: 10px;vertical-align: 3px;margin-top: -4px;width: 260px;}
.refinement_top .hb_type .hb i:last-child, .refinement_top .hb_type .erase i:last-child{display: none;}
.refinement_top .hb_type .hb.active i:last-child, .refinement_top .hb_type .erase.active i:last-child{display: inline-block;width: 8px;height: 5px;background: url(../png/arrow-4.png);vertical-align: 1px;margin-left: 5px;background-position-y: -5px;}
.refinement_top .hb_type .hb.active.c i:last-child, .refinement_top .hb_type .erase.active.c i:last-child{background-position-y: -0px;}
.refinement_top>div>span i{font-weight: normal;font-style: normal;}
.refinement_top>span{font-size: 14px;color: #333;margin-left: 16px;display: inline-block;}
.pensize-change-container{margin: 0 !important;cursor: default !important;background: #fff;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, .3);padding: 5px 10px;position: absolute;top: 40px;z-index: 3;}
.pensize-change-container i{width: 17px;height: 9px;background: url(../png/close-bg-img.png);display: inline-block;margin-left: 5px;cursor: pointer;}
.refinement_top>span input{vertical-align: -4px;cursor: pointer;}
.bg_crop .refinement_top .displayInlineBlock{margin-left: 14px;}
.refinement_top .text-tailoring{display: inline-block;vertical-align: -1px;}
.refinement_top .text-tailoring .tailoring-unlimited{border: 1px solid #333;border-radius: 30px;height: 20px;line-height: 20px;padding: 0 10px;vertical-align: -1px;}
.refinement_top .text-tailoring span{font-size: 14px;color: #333;padding: 0;padding: 0 10px;border: 1px solid transparent;border-radius: 30px;height: 20px;line-height: 20px;vertical-align: -1px;}
.refinement_top .text-tailoring span:hover{border-color: #2558bf;color: #2558bf;}
.refinement_top .text-tailoring span.active{background: none;color: #2558bf;border-color: #2558bf;}
.refinement_top .displayInlineBlock.active{border: 1px solid #2558bf !important;}
.refinement_top .text-tailoring span.active:hover{border-color: #2558bf;}
.refinement_top .text-tailoring .tailoring-unlimited.active{border-color: #2558bf}
.refinement_top .text-tailoring span.text:hover{border-color: #fff;color: #333;cursor: initial;}
.bg_crop .refinement_top>div>span i{background: url(../png/tab-color.png);}
.refinement_top>div>span.bg.active i{background-position-y: -120px;}
.refinement_top>div>span.bg.active:hover i{background-position-y: -120px;}
.refinement_top>div>span.bg:hover i{background-position-y: -140px;}
.refinement_top>div>span.bg i{background-position-y: -160px;}
.refinement_top>div>span.crop.active i{background-position-y: -60px;}
.refinement_top>div>span.crop.active:hover i{background-position-y: -60px;}
.refinement_top>div>span.crop:hover i{background-position-y: -80px;}
.refinement_top>div>span.crop i{background-position-y: -100px;}
.refinement_top>div>span.img-bg.active i{background-position-y: -180px;}
.refinement_top>div>span.img-bg.active:hover i{background-position-y: -180px;}
.refinement_top>div>span.img-bg:hover i{background-position-y: -200px;}
.refinement_top>div>span.img-bg i{background-position-y: -220px;}
.refinement_top>div>span.color.active i{background-position-y: -80px;}
.refinement_top>div>span.color i{background-position-y: -100px;}
.refinement_top .bg_box_n{border: none;display: inline-block;margin-left: 10px;overflow: visible;}
.refinement_top .bg_box_n div{border: none;margin: 0;vertical-align: -2px;overflow: visible;margin-left: -10px;}
.refinement_top .bg_box_n div.img_box{display: none;}
.refinement_top .bg_box_n .color_box div{width: 16px;height: 16px;box-sizing: border-box;border: 1px solid #e1e1e1;border-radius: 0px;margin-left: 2px;cursor: pointer;padding: 1px;display: inline-block;}
.refinement_top .bg_box_n .color_box div:hover{border: 1px solid #2558bf;}
.refinement_top .bg_box_n .color_box div i{width: 100%;height: 100%;display: block;}
.refinement_top .bg_box_n .color_box div:nth-child(1){background: url(../png/color-no.png);background-size: 14px 14px;}
.refinement_top .bg_box_n .color_box div.blue i{background: blue;}
.refinement_top .bg_box_n .color_box div.red i{background: red;}
.refinement_top .bg_box_n .color_box div.white i{background: white;}
.refinement_top .bg_box_n .color_box div.black i{background: black;}
.refinement_top .bg_box_n .color_box div.green i{background: green;}
.refinement_top .bg_box_n .color_box div.pink i{background: pink;}
.refinement_top .bg_box_n .color_box div:last-child{width: 22px;height: 16px;background: url(../png/more-2.png);border: none;padding: 0px;border-radius: 0px;vertical-align: 1px;}
.refinement_top .bg_box_n .color_box div:last-child:hover{background-position: 0 -16px;}
.refinement_top .bg_box_n .color_box div:last-child input{opacity: 0;}
.refinement_top .img_box>i{width: 21px;height: 21px;background: url(../png/add-picture.png);display: inline-block;overflow: hidden;vertical-align: -2px;}
.refinement_top .img_box>i input{opacity: 0;}
.refinement_top .img_box div{border-radius: 30px;border: 1px solid #465064;width: 130px;height: 20px;display: inline-block;margin-left: 5px;position: relative;color: #465064;font-size: 12px;padding-left: 10px;box-sizing: border-box;line-height: 18px;overflow: initial;}
.refinement_top .img_box div{overflow: hidden;}
.refinement_top .img_box div:hover{overflow: initial;}
.refinement_top .img_box div ul{position: absolute;top: 0px;left: 0px;width: 100%;padding-left: 15px;overflow: hidden;box-sizing: border-box;padding-right: 20px;background: #fff;border-radius: 30px 30px 0px 0px;z-index: 3;}
.refinement_top .img_box div li{position: relative;padding-bottom: 5px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.refinement_top .img_box div li input{width: 100%;height: 100%;position: absolute;top: 0px;right: 0px;opacity: 0;}
.refinement_top .img_box div>i{width: 9px;height: 4px;background: url(../png/point-2.png);position: absolute;right: 10px;top: 8px;}
.imageMove .refinement_top span{display: inline-block;margin-left: 25px;font-size: 14px;}
.refinement_top .uploadBtn{vertical-align: 1px;}
.refinement_top .controlLever i{width: 14px;height: 14px;display: inline-block;background: url(../png/check.png);margin-right: 8px;vertical-align: -2px;}
.refinement_top .mirror i{background: url(../png/mirror.png);width: 20px;height: 20px;display: inline-block;vertical-align: -6px;}
.refinement_top .mirror i.lMirror{background-position-y: -0px;margin-right: 6px;}
.refinement_top .mirror i.lMirror:hover{background-position-y: -20px;}
.refinement_top .mirror i.lMirror.active{background-position-y: -20px;}
.refinement_top .mirror i.tMirror{background-position-y: -40px;}
.refinement_top .mirror i.tMirror:hover{background-position-y: -60px;}
.refinement_top .mirror i.tMirror.active{background-position-y: -60px;}
.refinement_top .rotate{display: inline-block; /* width: 340px; */border: none; /* margin-left: 20px; */}
.refinement_top .rotate{font-size: 14px;color: #333;}
.refinement_top .rotate div{display: inline-block;border: none;border-radius: 0;margin-left: 0px; /* width: 300px; */overflow: initial;position: relative;}
.refinement_top .rotate div::after{clear: both;content: "";height: 1px;width: 100%;background: #272e3d; /* #2473E8; */position: absolute;top: 8px;left: 0px;}
.refinement_top .rotate .rotate-box span{font-size: 12px;color: #404040;padding: 0;margin: 0px;margin-right: -.5px;-webkit-transform: scale(0.833333);transform: scale(0.833333);-webkit-transform: translateY(5px);transform: translateY(5px);width: 20px;text-align: center;}
.refinement_top .rotate div span::after{clear: both;content: "";width: 1px;height: 6px;position: absolute;top: -1px;left: -5px;background: #272e3d; /* #2473E8; */left: 50%;}
.canvas{/* overflow: hidden; */background: #efeff0;position: absolute;width: 100%;height: auto;min-height: 280px;max-height: 468px;top: 80px;bottom: 84px;}
/* .canvas_box div{max-width: 304px;width: 100%;height: 224px;} */
.canvas_box{width: 100%;flex-wrap: nowrap !important;position: absolute;top: 1px;bottom: 39px;z-index: 999;}
.canvas_platform{}
/* .img_compare{display: none;} */
.refinement_bottom{padding: 0 17px;background: #efeff0;border-top: 1px solid #D4D4D4;position: absolute;width: 100%;box-sizing: border-box;bottom: 0;height: 39px;line-height: 36px;z-index: 10;justify-content: space-between;}
.refinement_bottom>span{font-size: 12px;color: #485062;}
.refinement_bottom div{display: inline-block;vertical-align: middle;width: 170px;}
.refinement_bottom div span{vertical-align: 1px;line-height: 34px;height: 18px;display: inline-block;}
.refinement_bottom div .tab_img{margin: 12px auto;width: 14px;height: 14px;background: url(../png/img-change.png) no-repeat 0 0;cursor: pointer;vertical-align: -1px;}
.refinement_bottom div .tab_img:hover{background-position: 0 -14px;}
.refinement_bottom div i{width: 18px;height: 18px;background: url(../png/bar.png);margin: 0px 10px;display: inline-block;vertical-align: -2px;cursor: pointer;}
.refinement_bottom div i.move{background: url(../png/hand.png);background-position-y: -1px;}
.refinement_bottom div i.move:hover{background-position-y: -21px;}
.refinement_bottom div i.move.active{background-position-y: -41px !important;}
.refinement_bottom div i.move.active:hover{background-position-y: -61px !important;}
.no-hover{background-position: 0 -81px !important;}
.no-hover:hover{background-position: 0 -81px !important;}
.refinement_bottom div i.narrow{background-position-y: -72px;}
.refinement_bottom div i.narrow:hover{background-position-y: -90px;}
.refinement_bottom div i.narrow.active{background-position-y: -90px;}
.refinement_bottom div i.enlarge{background-position-y: -108px;}
.refinement_bottom div i.enlarge:hover{background-position-y: -126px;}
.refinement_bottom div i.enlarge.active{background-position-y: -126px;}
/* .canvas_box div{background-color: #efeff0;} */
.canvas_box div .canvas_platform{border-right: 1px solid #e1e1e1;}
.canvas_box div .canvas_platform, .canvas_box div .img_compare{position: absolute;width: 90%;height: 100%;background-color: #efeff0; /* background: url(/images/online-bg-remover/bg.png); *//* overflow: hidden; */box-sizing: border-box;/* margin: 41px 0; */transform: translate(-50%, -50%); top: 50%; left: 50%; max-width: 100%; max-height: 100%;}
.canvas_box div .canvas_platform>img{display: block;position: absolute;height: initial;max-width: 500px;height: 323px;left: 50%;top: 50%;transform: -webkit-translate(-50%, -50%);transform: -moz-translate(-50%, -50%);transform: -o-translate(-50%, -50%);transform: translate(-50%, -50%);}
/* .canvas_box div .img_compare>img{display: block;position: absolute;height: initial;max-width: 500px;height: 323px;left: 50%;top: 50%;transform: -webkit-translate(-50%, -50%);transform: -moz-translate(-50%, -50%);transform: -o-translate(-50%, -50%);transform: translate(-50%, -50%);} */
.canvas_box div .old-box,.canvas_box div .img_compare{background: url(../jpg/bg-7.jpg);}
.canvas_box div>div div{position: absolute;z-index: 9;}
.canvas_box div .left_img_show_container, .canvas_box div .right_img_show_container{position: absolute;display: inline-block;left: 50%;top: 50%;transform: -webkit-translate(-50%, -50%);transform: -moz-translate(-50%, -50%);transform: -o-translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 500px;max-height: 323px;width: initial !important;height: initial !important;}
.canvas_box div .left_img_show, .canvas_box div .right_img_show{	/* z-index: 9; */width: 100%;height: 100%;}
.canvas_box div .left_mask_box, .canvas_box div .right_mask_box{position: absolute;z-index: 9;}
.canvas_box div .canvas_platform>img.active, .canvas_box div .img_compare>img.active{cursor: none;}
.canvas_box div.active .left_inner_select, .canvas_box div.active .right_inner_select{width: 20px;height: 20px;box-sizing: border-box;border: 1px solid #fff;background-color: transparent;cursor: none;}
.canvas_box div.active .left_inner, .canvas_box div.active .right_inner{width: 100px;height: 100px;overflow: hidden;position: absolute;}
.canvas_box div.active .left_inner_img, .canvas_box div.active .right_inner_img{width: auto;}
.canvas_box .left, .canvas_box .right{position: relative;width: 50%;min-width: 300px;/* overflow: hidden; */height: 100%;flex-wrap: nowrap;}
.canvas_box .left.active{border-right: 1px solid #ccc;z-index: 102;/* display: none; */}
.canvas_box .right.active{/* max-width: 100%;width: 100%; */}
.canvas_box .right>.text{position: absolute;bottom: 10px;left: 50%;width: 100%;text-align: center;left: 0px;z-index: -1;color: #999;}
/* .canvas_box div.active div{width: 100%;} */
/* .refinement_bottom.active{display: none;} */
.error-icon{width: 100px;height: 100px;border: 10px solid #F5A73F;border-radius: 100%;font-size: 60px;text-align: center;line-height: 100px;color: #F5A73F;font-weight: bold;margin: 60px auto 0;}
.loading-icon{width: 100px;height: 100px; /* border: 10px solid #3C6AE8; border-radius: 100%; */font-size: 30px;text-align: center;line-height: 100px;color: #3C6AE8; /* font-weight: bold; */margin: 60px auto 0 auto;background-image: url('../gif/loading-2.gif');}
.warning-icon{width: 100px;height: 100px;margin: 40px auto 0 auto;}
.image-loading-box.active{background: none;box-shadow: none;min-height: auto;padding-bottom: 0px;}
.image-loading-box.active .icon-box{display: none;}
.load-warning-box>img, .show-alert>img, .oversize-box>img, .load-alert-box>img{display: block;margin: 70px auto 0;}
.loading-box{padding-bottom: 20px;border-radius: 20px;max-width: 280px;width: 100%;margin: 100px auto;}
.loading-box img{display: block;margin: 0 auto;}
.loading-progress{height: 14px;border-radius: 30px;margin-top: 50px;width: 170px;position: relative;border: 2px solid #fff;box-sizing: border-box;}
.loading-progress i{background: #fff;display: block;height: 14px;position: absolute;top: -2px;left: -1px;padding: 0;margin: 0;border-radius: 30px;width: 13px;}
.loading-box .loading-text{margin-top: 14px;color: #222;font-size: 16px;font-size: 24px;text-align: center;font-weight: normal;}
.loading-box-b{padding-bottom: 20px;border-radius: 20px;max-width: 280px;width: 100%;margin: 70px auto;}
.loading-box-b img{display: block;margin: 0 auto;}
.loading-progress{height: 14px;border-radius: 30px;margin-top: 50px;width: 170px;position: relative;border: 2px solid #fff;box-sizing: border-box;}
.loading-progress i{background: #fff;display: block;height: 14px;position: absolute;top: -2px;left: -1px;padding: 0;margin: 0;border-radius: 30px;width: 13px;}
.loading-box-b .loading-b-text{margin-top: 15px;color: #222;font-size: 16px;font-size: 24px;text-align: center;}
.show-message-box>img{margin: auto;display: block;margin-top: 30px;}
.warning-icon img{width: 100%;height: 100%;}
.error-text{width: 80%;font-size: 18px;line-height: 20px;text-align: center;margin: 20px auto 0;color: #333;}
.loading-text{width: 80%;font-size: 18px;line-height: 20px;text-align: center;margin: 40px auto 0 auto;color: #333;}
.warning-text{width: 80%;font-size: 18px;line-height: 20px;text-align: center;margin: 10px auto 0 auto;color: #333;}
.loading-box-b .button-group, .loading-box .button-group{width: 122px;min-width: 122px;margin: 30px auto 0}
.loading-box-b .button-group div{background-color: #fff;}
a.jump-link{color: #ff9602 !important;text-decoration: underline;}
.alert-modal-box{width: 100%;height: 100%;max-width: 500px;max-height: 300px;background-color: white;border-radius: 20px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100;box-shadow: 0 0 30px #00274266;display: none;}
.alert-modal-box .confirm-icon{width: 60px;height: 60px;margin: 40px auto;}
.alert-modal-box .confirm-text{width: 80%;text-align: center;line-height: 20px;}
.alert-modal-box .confirm-button-group{width: 60%;overflow: hidden;margin: 50px auto;}
.confirm-button-group div{width: 140px;height: 30px;line-height: 30px;text-align: center;color: white;border-radius: 15px;background-color: #2473E8;cursor: pointer;border: 1px solid #2473E8;}
.confirm-button-group div:hover{background-color: #30adfc;}
.confirm-button-group .confirm-back{float: left;}
.over-limit-upload .confirm-back{float: none;}
.confirm-button-group .cancel-back{float: right;background-color: white;color: #2473E8;}
.confirm-button-group .cancel-back:hover{color: white;}
.image-loading-box .icon-box{position: absolute;top: 10px;left: 15px;}
.image-loading-box .icon-box img{width: 24px;height: 24px;display: inline-block;vertical-align: -10px;}
.image-loading-box .icon-box .icon-text{display: inline-block;vertical-align: middle;color: #2757b7;}
.image-loading-box .feed-back-box{position: absolute;width: 150px;right: 0px;bottom: 10px;color: #3A81EA;text-decoration: underline;}
.image-loading-box .feed-back-box a{color: #3A81EA;}
.feedback{display: none;position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-sizing: border-box;padding-top: 50px;max-width: 576px;min-width: 300px;min-height: 510px;max-height: 504px;overflow-y: auto;background-color: #fff;border-radius: 6px;box-shadow: 0 0 30px 5px rgba(74, 40, 32, .10);z-index: 99;font-size: 16px;color: #222;}
.feedback .feedback_container{width: 80%;margin: 0 auto;}
.feedback p{text-align: left;margin: 5px 0 20px 0;font-size: 18px;}
.feedback input{margin-bottom: 10px;width: 100%;min-height: 32px;border: 0;outline: 0;background-color: #e2f0f9;text-align: left;padding: 0 10px;box-sizing: border-box;font-size: 16px;/* color:#666; */}
.feedback #form_contents{margin: 0;border: 0;padding: 6px 0;height: 100px;width: 100%;background-color: #e2f0f9;font-size: 16px;line-height: 18px;text-indent: 10px;outline: none;overflow: auto;}
.feedback #form_submit{display: block;margin: 30px auto;width: 160px;height: 48px;border-radius: 6px;line-height: 40px;color: #fff;font-size: 18px;background-color: #f6762b;text-align: center;cursor: pointer;}
.feedback .title{margin-bottom: 26px;font-size: 20px;line-height: 24px;font-weight: 600;text-align: left;}
.feedback_close{position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;background: url(../png/close-3.png) 0 0 no-repeat;cursor: pointer;}
.feedback #mail-tip{display: none;position: absolute;top: 206px;font-size: 14px;color: #c7340f}
.feedback_close:hover{background-position: 0 -20px;}
textarea{font-family: "Segoe UI", "Arial", "Helvetica", "Verdana", "sans-serif";}
.no-border{border: none !important;}
.mask-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow: hidden;}
.move_canvas{position: absolute;}
.rotate-box{position: relative;}
.dot{position: absolute !important;width: 10px !important;height: 10px !important;border-radius: 100% !important;background-color: #4BB1F2 !important;left: 143px;top: 2px;z-index: 1;cursor: pointer;box-shadow: 0 0 7px 2px #4bb1f2;}
.reloadImg{cursor: pointer;margin-left: 16px !important;}
.photo .saveBtn{width: auto;min-width: 92px;border-radius: 4px 0px 0px 4px;margin-right: 0px;}
.photo .photoHistory{width: 36px;height: 32px;display: inline-block;line-height: 32px;background: #2473E8 url(../svg/history.svg) no-repeat center center;border-radius: 0 4px 4px 0px;margin-right: 16px !important;border-left: 1px solid rgba(255, 255, 255, .4);}
.photo .photoHistory:hover{background-color: #3f9eff;}
.photo .photoHistory::after{content: "History";opacity: 0;z-index: -1;}
#LeftdstCanvas{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);box-shadow: 0 0 4px 1px #0000003d;}
.noselect{-webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none; /* Chrome/Safari/Opera */-khtml-user-select: none; /* Konqueror */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* Internet Explorer/Edge */user-select: none; /* Non-prefixed version, currently*/}
.img-color-simple-icon{display: inline-block;width: 26px;height: 26px;background-image: url(../png/tab-color-icon.png);background-position: center -208px;background-repeat: no-repeat;margin-left: 14px;}
.img-bg-simple-icon{display: inline-block;width: 26px;height: 26px;background-image: url(../png/tab-color-icon.png);background-position: center -286px;background-repeat: no-repeat;margin-left: 14px;}
.crop-simple-icon{display: inline-block;width: 24px;height: 24px;background-image: url(../png/tab-color-icon.png);background-position: center -132px;background-repeat: no-repeat;margin-left: 14px;}
.mobile_crop{display: none;}
.mobile-save-image{width: 100%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;z-index: 999;display: none;flex-direction: column;background-color: #efeff0;}
.image-show-box{width: 100%;display: flex;flex: 1;flex-wrap: wrap;justify-content: center;align-items: center;margin-top: 60px;overflow: hidden;}
.image-show-box img{display: block;max-width: 100%;max-height: 90%;background-image: url(../png/bg.png);box-shadow: 0 0 4px 1px #0000003d;}
.save-btn-group{width: 100%;height: 40px;display: flex;justify-content: space-around;}
.back-edit{position: absolute;top: 20px;left: 20px;width: 60px;height: 24px;line-height: 24px;font-size: 14px;border: 1px solid #2473E8;border-radius: 15px;text-align: center;}
.show-long-press-save{width: 100%;height: 100%;text-align: center;padding: 0 10px;box-sizing: border-box;}
.show-long-press-save span{display: inline-block;margin-top: 14px;}
.image-loading-box{position: absolute;z-index: 6;display: block;display: none;overflow: hidden;width: 100%;height: auto;max-width: 662px;border-radius: 18px;background: #fff;box-shadow: 0 0 30px #00274266;left: 50%;top: 50%;transform: -webkit-translate(-50%, -50%);transform: -moz-translate(-50%, -50%);transform: -o-translate(-50%, -50%);transform: translate(-50%, -50%);}
.show-message-box{display: none;overflow: hidden;width: 100%;height: 100%;padding-bottom: 50px;}
.show-message-box .rotate{position: relative;}
.show-message-box .rotate img.load{position: absolute;top: 0px;left: 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;}
.show-message-box .text{font-size: 16px;color: #333;line-height: 28px;text-align: center;margin: 30px auto 0px;max-width: 582px;width: 95%;}
.show-message-box .text span{color: #2473E8;}
.show-message-box .text span.bold{font-weight: bold;}
.show-message-box .text span.feed-back-link{cursor: pointer;}
.show-message-box .text .max_overresolution{text-align: left;}
.show-message-box .text .max_overresolution p:first-child{margin-top: 0px;margin-bottom: 16px;}
.show-message-box .text .max_overresolution p{margin-top: 6px;}
.rights-box .button-group label{margin-top: 20px;display: inline-block;}
.oversize-box .button-group div.confirm{margin-bottom: 20px !important;}
.image-loading-box .down-box .button-group div{min-width: 406px;}
.image-loading-box .down-box .button-group a:first-child div{background: #2473E8;color: #fff;}
.image-loading-box .down-box .button-group a:last-child{margin-top: 20px;}
.image-loading-box>.close{width: 20px;height: 20px;background: url(../svg/close-2.svg) no-repeat center center;position: absolute;right: 16px;top: 16px;cursor: pointer;}
.overresolution-icon{margin: 60px auto 0 auto;width: 60px;height: 60px}
.error-icon{margin: 100px auto 0 auto;width: 100px;height: 100px;border: 10px solid #f5a73f;border-radius: 100%;color: #f5a73f;text-align: center;font-weight: 700;font-size: 60px;line-height: 100px}
.loading-icon{margin: 120px auto 0 auto;width: 100px;height: 100px;background-image: url(../gif/loading-2.gif);color: #3c6ae8;text-align: center;font-size: 30px;line-height: 100px}
.warning-icon{margin: 50px auto 0 auto;width: 100px;height: 100px}
.warning-icon img{width: 100%;height: 100%}
.alert-text, .error-text{margin: 26px auto 0 auto;width: 85%;color: #222;text-align: center;font-size: 18px;line-height: 20px}
.error-text a{color: #f5a73f;}
.loading-text{margin: 20px auto 0 auto;width: 85%;text-align: center;font-weight: 700;font-size: 18px;line-height: 20px}
.warning-text{margin: 20px auto 0 auto;width: 85%;text-align: center;font-size: 18px;line-height: 20px}
.overresolution-text{margin: 20px auto 0;display: block;width: 85%;text-align: center;font-size: 18px;line-height: 20px;}
.button-group{margin: 30px auto 0;text-align: center;display: flex;align-items: center;flex-direction: column;}
.button-group div{display: inline-block;margin: 0;min-width: 220px;height: 34px;border: 1px solid #2473E8;color: #2473E8;background-color: #fff;border-radius: 6px;text-align: center;font-size: 16px;line-height: 32px;cursor: pointer;box-sizing: border-box;} 
.button-group div:hover{background-color: #2473E8;color: #fff;border-color: #2473E8;}
.button-group .cancel{margin-top: 20px;}
.overresolution-box .button-group div, .oversize-box .button-group div{margin: 0 !important;}
div.confirm, div.retry{background-color: #2473E8;color: #fff;border-color: #2473E8;}
/* div.confirm:hover{background-color: #fff;color: #2473E8;border-color: #2473E8;} */
.cancel{background-color: #fff;color: #2473E8}
.cancel-upload{margin: 70px auto;width: 120px;height: 36px;border-radius: 10px;background-color: #2473E8;color: #fff;text-align: center;font-size: 18px;line-height: 36px;cursor: pointer}
.cancel-upload:hover{background-color: #30adfc}
.pensize-box{position: relative;overflow: visible !important;width: 180px;height: 10px;border: #d9d9d9 !important;cursor: pointer}
.pensize-grey-box{margin-top: 3px;width: 100%;height: 2px;background-color: #d9d9d9}
.pensize-dot{position: absolute;top: 0;left: 16px;z-index: 10;display: inline-block;width: 8px;height: 8px;border-radius: 100%;background-color: #2473E8;box-shadow: 0 0 4px 1px #2473E8}
.back-index-confirm{position: fixed;top: 50%;left: 50%;z-index: 100;display: none;width: 100%;height: 100%;max-width: 500px;max-height: 300px;border-radius: 20px;background-color: #fff;box-shadow: 0 0 30px #00274266;transform: translate(-50%, -50%)}
.back-index-confirm .confirm-icon{margin: 40px auto;width: 60px;height: 60px}
.back-index-confirm .confirm-text{width: 80%;text-align: center;line-height: 20px}
.back-index-confirm .confirm-button-group{overflow: hidden;margin: 50px auto;width: 60%}
.confirm-button-group div{width: 140px;height: 30px;border-radius: 15px;background-color: #2473E8;color: #fff;text-align: center;line-height: 30px;cursor: pointer}
.confirm-button-group div:hover{background-color: #30adfc}
.confirm-button-group .confirm-back{float: left}
.confirm-button-group .cancel-back{float: right}
.load-alert-box .button-group {
	width: 100%;
}
.load-alert-box .button-group .confirm{
	margin: auto;
	float: none !important;
	display: block;
}
.image-loading-box .loadding_percent{margin: 0 auto;height: 100px;background: url(../gif/loading-3.gif) no-repeat center 0;text-align: center;font-size: 36px;line-height: 100px;}
.image-loading-box .icon-box{position: absolute;top: 10px;left: 15px}
.image-loading-box .icon-box img{display: inline-block;width: 30px;height: 30px;vertical-align: middle}
.image-loading-box .icon-box .icon-text{display: inline-block;color: #3a81ea;vertical-align: middle}
.image-loading-box .feed-back-box{position: absolute;right: 0;bottom: 20px;width: 160px;color: #3a81ea;text-decoration: underline}
.image-loading-box .feed-back-box a{color: #3a81ea}
.feedback{position: fixed;top: 50%;left: 50%;z-index: 99;display: none;overflow-y: auto;box-sizing: border-box;padding-top: 50px;max-width: 576px;max-height: 504px;min-height: 510px;border-radius: 6px;background-color: #fff;color: #222;font-size: 16px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-shadow: 0 0 30px 5px rgba(74, 40, 32, .1)}
.feedback .feedback_container{margin: 0 auto;width: 80%}
.feedback p{margin: 5px 0 20px 0;text-align: left;font-size: 18px}
.feedback input{box-sizing: border-box;margin-bottom: 10px;padding: 0 10px;width: 100%;min-height: 32px;outline: 0;border: 0;background-color: #e2f0f9;color: #666;text-align: left;font-size: 16px}
.feedback #form_contents{margin: 0;padding: 6px 0;width: 100%;height: 100px;border: 0;background-color: #e2f0f9;color: #666;text-indent: 10px;font-size: 16px;line-height: 18px}
.feedback #form_submit{display: block;margin: 30px auto;width: 160px;height: 48px;border-radius: 6px;background-color: #f6762b;color: #fff;text-align: center;font-size: 18px;line-height: 40px;cursor: pointer}
.feedback .title{margin-bottom: 26px;text-align: left;font-weight: 600;font-size: 20px;line-height: 24px}
.feedback_close{position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;background: url(../png/close-3.png) 0 0 no-repeat;background-size: 20px 80px}
.feedback #mail-tip{position: absolute;top: 206px;display: none;color: #c7340f;font-size: 14px}
.feedback_close:hover{background-position: 0 -20px}
.no-border{border: none !important}
.mask-box{position: absolute;top: 50%;left: 50%;overflow: hidden;transform: translate(-50%, -50%)}
.move_canvas{position: absolute}
.rotate-box{position: relative}
.dot{position: absolute !important;left: 143px;width: 14px !important;height: 14px !important;border-radius: 100% !important;background-color: #4bb1f2 !important;cursor: pointer}
.reloadImg{cursor: pointer}
#LeftdstCanvas{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}


/* photo_login_box */
.refinement_top{-webkit-align-items: center;align-items: center;}
.refinement_top>div:last-child>*{vertical-align: middle;}
.photo_login{position: relative;display: inline-block;margin-right: 30px;}
.photo_login>a{font-size: 16px;line-height: 20px;color: #2473E8;cursor: pointer;text-decoration: none;}
.photo_login>a i{width: 24px;height: 24px;background: url(../svg/login.svg);display: inline-block;margin-right: 0px;border-radius: 50%;background-size: 100% 100%;background-repeat: no-repeat;}
.photo_rights_load,.photo_rights{display: none;width: 330px;background: #FFFFFF;box-shadow: 0px 6px 13px -4px rgba(0, 0, 0, 0.5);border-radius: 9px;position: absolute;top: 30px;right: -98px;z-index: 1000;padding: 0px 10px 0px 30px;box-sizing: border-box;}
.photo_rights_load,.photo_rights{padding:0 0 30px;}
.photo_rights_load .load{margin: 30px auto 20px;display: block;-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;width: 60px;}
.photo_rights_load p{text-align: center;font-size: 16px;color: #333;}
/* photo_rights */
.photo_rights{padding: 20px;}
.photo_rights p{font-size: 18px;color: #333;}
.photo_rights p span,.photo_rights p .num{color: #2473E8;font-weight: bold;}
.photo_rights p .num{font-style: normal;}
.photo_rights p a{color: #2473E8;text-decoration: underline;}
.photo_rights .btn{width: 244px;height: 46px;line-height: 46px;font-size: 20px;font-weight: 600;color: #fff;background: #ff9602;border-radius: 26px;display: block;margin: auto;text-align: center;margin-top: 20px;cursor: pointer;font-weight: normal;}
.photo_rights .btn:hover{text-decoration: none;background: #f7aa3d;color: #fff;}

/* photo_upgrade */
.photo_upgrade{display: inline-block;margin-right: 20px;}
.photo_upgrade>a{font-size: 14px;line-height: 24px;color: #2473E8;cursor: pointer;}
.photo_upgrade>a i{width: 24px;height: 24px;background: url(../svg/upgrade-s.svg);background-size: 100% 100%; display: inline-block;vertical-align: -6px;margin-right: 6px;}
.photo_upgrade>a:hover{text-decoration: none;}



@media screen and (max-width:1200px){.step ul img{display: none;}.step ul li{width: 205px;zoom: .8;}.modes_box ul{justify-content: space-around;}.modes_box ul>li:nth-child(3){margin-top: 40px;}.refinement_top>div>span i{display: none;}.refinement_top>div>span{min-width: 40px;}.show-message-box>img{margin-top: 40px;}.banner_box .batch_btn{margin-bottom: 10px;}}
@media screen and (max-width:1200px){.modes_box ul>li.active{margin-top: 40px;}}
@media screen and (max-width:630px){.step{margin-top: 30px;}.step ul li{margin-top: 30px;}}
@media screen and (max-width:1180px){.quality_change1 .low{padding-bottom: 0!important;}.main div img{margin: auto !important;order: 1;height: auto;}.main div div{padding-bottom: 50px;text-align: center;order: 2}.main div .left_side{order:2;padding-bottom: 0;}.main div div .seperate,.quality_change1 .high{padding-bottom: 0;}.main div .right_side{order:1;}.other_box ul{margin: 40px auto 0;max-width: 820px;justify-content: space-around}.banner_box h1+img{margin: 10px auto 0px;}}
@media screen and (max-width:1100px){#faq_section .faq_questions{padding:17px 60px 22px 22px;}
#faq_section .faq_questions::after{top: 24px;right: 20px;}
#desktop_zoon{padding:40px 0;}
#desktop_zoon .info{margin: 12px auto 20px;}}
@media screen and (max-width:956px){.photo{width: 96%;flex-wrap: wrap !important;flex-direction: column}.operate-menu{width: 100% !important;height: 113px}.operate-menu ul{width: 100% !important;height: 100%}.operate-menu li{float: left;width: 127px}#right-operate-box{flex: 1}.menu{z-index: 1}}
@media screen and (max-width:850px){	#reading_more h2{font-size: 36px;line-height: 40px;}
#reading_more .container>ul,#reading_more .container>ul:nth-child(2){float:none;margin:0 auto 20px;width: 96%;}.banner_box>ul{justify-content: space-around}.banner_box>ul li:nth-child(1){padding-bottom: 0}.universally_box ul{padding: 0 30px}.other_box ul li{max-width: 350px}}
@media screen and (max-width:800px){.photo{height: 502px;}.refinement_top{margin:0 auto;}.refinement .scale_zoon{display: block;}.canvas{top: 80px;max-height: 350px;}}
@media screen and (max-width:730px){.refinement_top .rotate{margin-top: 5px}.refinement_top{max-width: 590px}.bg_crop .refinement_top .displayInlineBlock{margin-top: 5px}.chose-background-img-container{vertical-align: -11px}}
@media screen and (max-width:630px){.banner_box>h1{font-size: 30px;line-height: 36px}h2{font-size: 26px;line-height: 32px}.universally_box ul{padding: 0}.canvas_box .flex-box{min-width: 0;min-height: 0}.refinement_top>span{display: block;margin-top: 5px}.pensize-box{width: 220px !important}.bg_crop .refinement_top .displayInlineBlock{margin-top: 5px}.confirm-button-group div{width: 120px !important}.old-box,.canvas_box div .img_compare{box-sizing:border-box;width: 100%;}.refinement_top{padding:4px 10px;}.photo>ul>div.icon{left: 10px;}}
@media screen and (max-width:600px){.refinement_top>div>span{width: 56px;height: 24px;line-height: 24px;}}

@media screen and (max-width:590px){
	.photo_rights_load, .photo_rights{right: unset;left: -70px;}
}
@media screen and (max-width:450px){
	.image-loading-box{width: 92%;padding: 0;min-height: auto;max-height: 1000px;height: auto;overflow: hidden;}
	.loading-box{margin:100px auto 30px;}
	.photo{top: 0;bottom: 0;height: 470px;}#header .menu{z-index: 1 !important}
.refinement_top>div>span:nth-child(1),.refinement_top>div>span{margin:0 5.5px 5px;width: 40px;height: 20px;line-height: 20px;}
.canvas{max-height: 180px;top: 110px;}
.refinement_bottom{padding:0 5px;}
.refinement_bottom div{width: 160px;}
.reloadImg{margin-left: 5px!important;}
.photo .photoHistory{margin-right: 10px !important;}
.warning-text{width: 96%;}
.button-group{width: 90%;}
.image-loading-box .feed-back-box{display: block;position:static;width: 100%;margin:10px auto 30px;text-align: right;box-sizing: border-box;padding:0 10px;}
.requirements h2,#desktop_zoon h2,#faq_section h2,.showoff.iphone-data-recovery h2,#all_supply h2,#rocket .left h2,#video_types .right h2,#formats .left h2,#steps h2{font-size: 32px;line-height: 40px;}
#desktop_zoon .info{margin:10px auto;}
.canvas_box .right>.text{font-size: 12px;zoom: .6;}
}
@media screen and (max-width:375px){
	.photo_rights_load, .photo_rights{right: unset;left: -100px;}
}
@media screen and (max-width:360px){
.refinement_top>div>span:nth-child(1), .refinement_top>div>span{width: 30px;}
.step ul{justify-content: center;}
}
@media screen and (max-width:320px){
	.refinement_bottom div{width: 142px;}
.refinement_bottom{flex-direction: column;}
.photo_rights_load, .photo_rights{width: 230px;}
.photo_rights .btn{width: 100%;}
}
.Original-continer{min-width: 100px;}
.Output-continer{text-align: right;}
.icon-container{width: 14px !important;}
.old-box{position: absolute;width: 90%;height: 100%; transform: translate(-50%, -50%); top: 50%; left: 50%; max-width: 100%; max-height: 100%;}
.new-select-box{position: absolute; width: 100px; height: 100px; background-color: #fff; opacity: 0.7; top: 0; left: 0;}
.privew-box{position: absolute; width: 200px; height: 200px; background-color: #fff;}
.old-preview{background-image: url('../little-one.html'); background-repeat: no-repeat;}
.new-preview{background-image: url('../big-one.html'); background-repeat: no-repeat;}
.new-select-box, .privew-box{display: none;}
.event-box-left, .event-box-right{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left:0;
}