@charset "utf-8";
/* CSS Document */


.pro-banner{background: url("images/product-bg1.jpg") no-repeat center top;color: #FFF;text-align: center;padding: 124px 0 50px;position: relative;background-size: cover;}
.pro-banner .su{font-size: 18px;font-weight: 500;max-width:310px;text-align: left;margin: 0 auto;}
.pro-banner h1{font-size: 48px;font-weight: 400;margin:0 0 20px 0;line-height: 1.2em;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.pro-banner h1 .fm{font-size: 40px;margin-right: 15px;}
.pro-banner .tip{font-size: 20px;margin-bottom: 20px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.banner-fun-ico{background: #484848;color: #FFF;width: 100%;font-size: 0;text-align: center;}
.banner-fun-ico .container{max-width: 900px;}
.banner-fun-ico .cell{display: inline-block;font-size: 20px;font-weight: 300;padding: 15px 0;}
.banner-fun-ico .cell.between{padding: 15px 25px;}
.banner-fun-ico .cell a{color: #FFF;}
.banner-fun-ico .cell a:hover{color: #ffa818;}
.banner-fun-ico .fm{font-size: 20px;margin-right: 12px;}

.pro-banner.focus{background: url("images/product-bg2.jpg") no-repeat center top;background-size: cover;}
.pro-banner.max{background: url("images/product-bg3.jpg") no-repeat center top;background-size: cover;}
.pro-banner.eraser{background: url("images/product-bg4.jpg") no-repeat center top;background-size: cover;}
.pro-banner.cutter{background: url("images/product-bg5.jpg") no-repeat center top;background-size: cover;}
.pro-banner.max .su{max-width: 410px;}
@media (max-width:796px){
    .banner-fun-ico .cell{border-bottom: 1px solid #767172;display: block;}
}

.made-easy{text-align: center;padding: 50px 0;}
.made-easy .title{font-size: 30px;line-height: 1.2em;margin: 0 0 20px 0;font-weight: 300;}
.made-easy .tip{color:#767172;font-weight: 300;max-width: 740px;display: inline-block;margin-bottom: 40px;}
.made-easy .pic img{max-width: 100%;}

.photo-effects{text-align: center;background: #f7f7f7;padding: 50px 0;}
.photo-effects .title{font-size: 30px;font-weight: 300;line-height: 1.2em;margin: 0 0 20px 0;}
.photo-effects .tip{color:#767172;font-weight: 300;}
.photo-effects .effects-switch{max-width: 876px;margin: 0 auto;position: relative;}
.photo-effects .effects-switch .cell{position: relative;margin-bottom: 18px;}
.photo-effects .effects-switch .cell img{max-width: 100%;}
.photo-effects .effects-switch .cell span{position: absolute;right: 15px;top:5px;font-size: 12px;}

.creative-blur{text-align: center;padding: 50px 0;}
.creative-blur .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;}
.creative-blur .tip{color:#767172;font-weight: 300;}
.creative-blur .blur-switch{position: relative;max-width: 900px;margin: 0 auto;}
.creative-blur .blur-switch .pic{text-align: left;position: relative;padding: 0 12px;margin-bottom: 10px;}
.creative-blur .blur-switch .col-md-4{position: relative;z-index: 1;margin-left: -18%;left: 0;top:0;margin-top: 6%;}
.creative-blur .blur-switch .pic .a{box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);display: inline-block;}
.creative-blur .blur-switch .pic .b{border: solid 3px #ffffff;box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.5);display: inline-block;}
.creative-blur .blur-switch .pic img{max-width: 100%;}

.color-corr {background:#f7f7f7;padding: 50px 0;text-align: center;}
.color-corr .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;}
.color-corr .tip{color:#767172;font-weight: 300;margin-bottom: 50px;}
.color-corr .color-pic{position: relative;}
.color-corr .color-pic .col-md-3{position: relative;z-index: 1;margin-right: -20%;left: 0;top:0;margin-left: 10%;margin-top: 3%;}
.color-corr .color-pic .lft{border: solid 3px #ffffff;box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.5);display: inline-block;}
.color-corr .color-pic .rgt{margin-left: -100px;}
.color-corr .color-pic .pic img{max-width: 100%;}
@media (max-width:1216px){

}
@media (max-width:969px){
    .color-corr .color-pic .rgt{margin-left:0;}
}

.frame-artwork{text-align: center;padding: 50px 0;}
.frame-artwork .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;}
.frame-artwork .tip{color:#767172;font-weight: 300;max-width: 380px;margin: 0 auto;}
.frame-artwork .frame-switch{position: relative;max-width: 876px;margin: 0 auto;}
.frame-artwork .pic img{max-width: 100%;}

.batch-process{text-align: center;padding: 50px 0 70px;background: #f7f7f7;}
.batch-process .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;}
.batch-process .tip{color:#767172;font-weight: 300;margin-bottom: 10px;}
.batch-process .batch-wrap{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective:1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}
.batch-process .pic{max-width: 681px;height: 340px;transform-origin:50% 50%;margin: 0 auto;
    -webkit-transition: all 0.8s cubic-bezier(.215,.61,.355,1);
    -moz-transition: all 0.8s cubic-bezier(.215,.61,.355,1);
    -ms-transition: all 0.8s cubic-bezier(.215,.61,.355,1);
    -o-transition: all 0.8s cubic-bezier(.215,.61,.355,1);
    transition: all 0.8s cubic-bezier(.215,.61,.355,1);
    -webkit-transform: rotateX(65deg) rotateY(0) rotateZ(0) scaleY(1.4);
    -moz-transform: rotateX(65deg) rotateY(0) rotateZ(0) scaleY(1.4);
    -ms-transform: rotateX(65deg) rotateY(0) rotateZ(0) scaleY(1.4);
    transform: rotateX(65deg) rotateY(0) rotateZ(0) scaleY(1.4);
}
.batch-process .pic img{max-width: 100%;}

.edit-features{padding: 50px 0;}
.edit-features.focus{background: #f7f7f7;padding: 90px 0 120px;}
.edit-features .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.edit-features .tip{color:#767172;font-weight: 300;text-align: center;margin-bottom: 50px;}
.edit-features .cell{padding: 0 80px;}
.edit-features .ce{position: relative;padding-left: 64px;margin-bottom: 30px;}
.edit-features .ce:after{background: url("images/features-ico.png") no-repeat;position: absolute;left: 0;top:0;width: 48px;height: 41px;content: '';}
.edit-features .ce.drag:after{background-position: 0 -502px;height: 44px;top:2px;}
.edit-features .ce.cut:after{background-position: 0 -254px;height: 44px;top: 4px;left: 5px;}
.edit-features .ce.filters:after{background-position: 0 -546px;top: 2px;left: 4px;}
.edit-features .ce.blend:after{background-position: 0 -668px;top: 4px;}
.edit-features .ce.formats:after{background-position: 0 -624px;height: 42px;top:5px;left: 8px;}
.edit-features .ce.mode:after{background-position: 0 -738px; top:2px;}
.edit-features .ce.line:after{background-position: 0 -710px;height: 27px;top:8px;}
.edit-features .ce.texture:after{background-position: 0 -586px;height: 38px;top:4px;}
.edit-features .ce.save:after{background-position: 0 -110px;height: 47px;top:4px;left:2px;}
.edit-features .ce.curve:after{background-position: 0 -779px;top:4px;}
.edit-features .ce.resharpen:after{background-position: 0 0;height: 35px;top:2px;}
.edit-features .ce.brush:after{background-position: 0 -35px;height: 41px;top: 4px;}
.edit-features .ce.vignetting:after{background-position: 0 -76px;top: 4px;height: 34px;}
.edit-features .ce.preset:after{background-position: 0 -110px;top: 4px;height: 47px;}
.edit-features .ce.print:after{background-position: 0 -157px;top: 2px;height: 50px;}
.edit-features .ce.views:after{background-position: 0 -208px; top:2px;height: 45px;}
.edit-features .ce.crop:after{background-position: 0 -254px;height: 44px;top:2px;}
.edit-features .ce.focus:after{background-position: 0 -299px;height: 34px;top:4px;}
.edit-features .ce.blur:after{background-position: 0 -332px;height: 45px;top:4px;left:2px;}
.edit-features .ce.color:after{background-position: 0 -377px;top:4px;height: 40px;}
.edit-features .ce.batch:after{background-position: 0 -419px;top:4px;height: 42px;}
.edit-features .ce.tutorial:after{background-position: 0 -463px;top:4px;height: 37px;}
.edit-features .ce.interface:after{background-position: 0 -502px;top:4px;height: 45px;}
.edit-features .ce.film:after{background-position: 0 -1111px;top:4px;height: 40px;}
.edit-features .ce.improved:after{background-position: 0 -1071px;top:4px;height: 40px;}
.edit-features .ce.denoise:after{background-position: 0 -1027px;top:4px;height: 44px;}
.edit-features .ce.zoom:after{background-position: 0 -822px;top:4px;height: 42px;}
.edit-features .ce.options:after{background-position: 0 -207px;top:4px;height: 46px;}
.edit-features .ce.lasso:after{background-position: 0 -864px;top:4px;height: 41px;}
.edit-features .ce.stamp:after{background-position: 0 -1151px;top:4px;height: 42px;}
.edit-features .ce.edge:after{height: 35px;}
.edit-features .ce.align:after{height: 35px;}
.edit-features .ce .sub{font-weight: 500;}
.edit-features .ce p{font-size:14px;color:#767172;font-weight: 300;margin-bottom: 0;min-height: 50px;}
@media (max-width:497px){
    .edit-features .cell{padding: 0 20px;}
}


.pro-bottom{background: url("images/product-bottom-bg1.jpg") no-repeat center center;text-align: center;color: #FFF;min-height: 590px;padding: 200px 0 30px;position: relative;transition: all linear 0.4s;transform-origin: center center;}
.pro-bottom:after{content: '';position: absolute;left: 0;top:0;background: url("images/camera-logo.png") no-repeat center;background-image: url("images/camera-logo.svg");width: 100%;height: 100%;background-size: cover;}
.pro-bottom .container{position: relative;z-index: 1;}
.pro-bottom .su{font-size: 18px;font-weight: 500;width: 310px;display: inline-block;text-align: left;margin: 0;}
.pro-bottom .title{font-size: 48px;font-weight: 400;margin:0 0 30px 0;line-height: 1.2em;}
.pro-bottom .title .fm{font-size: 40px;margin-right: 15px;}
.pro-bottom .tip{font-weight: 300;max-width: 560px;margin: 0 auto 30px;font-size: 20px;}
.pro-bottom .btn-group{margin-bottom: 40px;}
.pro-bottom .fun-ico{width: 100%;font-size: 0;opacity: 0.6;}
.pro-bottom .fun-ico .cell{display: inline-block;font-size: 20px;font-weight: 300;padding: 15px;color: #FFF;}
.pro-bottom .fun-ico .cell a{color: #FFF;}
.pro-bottom .fun-ico .cell a:hover{color: #ffa818;}
.pro-bottom .fun-ico .fm{font-size: 20px;margin-right: 12px;}
.pro-bottom.focus{background-image: url("images/product-bottom-bg2.jpg");}
.pro-bottom.eraser{background-image: url("images/product-bottom-bg4.jpg");}
.pro-bottom.cutter{background-image: url("images/product-bottom-bg5.jpg");}
.pro-bottom.max{background-image: url("images/product-bottom-bg3.jpg");}
@media (min-width:1921px){
    .pro-bottom{background-size: 106% 106%;}
}

.fix-blurred{text-align: center;padding: 79px 0 90px;}
.fix-blurred .fix-switch{position: relative;text-align: center;}
.fix-blurred .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.fix-blurred .tip{color:#767172;font-weight: 300;text-align: center;margin-bottom: 50px;}
.fix-blurred .fix-switch .swiper-pagination{bottom: -5px;}
.fix-blurred .pic{position: relative;display: inline-block;}
.fix-blurred .pic img{max-width: 100%;}


.refocus{text-align: center;background: #f7f7f7;padding: 80px 0 92px;position: relative;}
.refocus .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.refocus .tip{font-size:18px;color:#767172;font-weight: 300;text-align: center;margin-bottom: 50px;}
.refocus .refocus-cont{position: relative;max-width: 873px;overflow: hidden;margin: 0 auto;}
.refocus .pic{filter: blur(3px);}
.refocus .pic img{max-width: 100%;}
.refocus .refocus-cont span.ico:after{content:'';background: url("images/pointer-ico.png") no-repeat;width: 236px;height: 236px;position: absolute;left: 0;top:0;}
.refocus .refocus-cont span.ico { background: url("images/refocus-pic1.jpg") no-repeat center; border-radius: 50%; cursor: pointer; width: 236px; height: 236px; display: block; position: absolute;left: calc(50% - 118px);top:calc(50% - 118px);}



.professional-look{padding: 80px 0 90px;}
.professional-look .container{max-width: 880px;margin: 0 auto;}
.professional-look .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.professional-look .tip{color:#767172;font-weight: 300;text-align: center;margin-bottom: 50px;}
.professional-look .cell{margin-bottom: 16px;text-align: center;}
.professional-look .cell span{position: absolute;right: 15px;top:5px;font-size: 12px;color: #FFF;font-weight: 300;}
.professional-look .cell img{max-width: 100%;}



.ultra-zoom{padding: 90px 0 86px;background: #f7f7f7;}
.ultra-zoom .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.ultra-zoom .tip{color:#767172;font-weight: 300;text-align: center;margin-bottom: 50px;}
.ultra-zoom .zoom-cont{position: relative;max-width: 800px;overflow: hidden;margin: 0 auto;}
.ultra-zoom .pic img{max-width: 100%;}
.ultra-zoom .zoom-cont span.ico:after{content:'';width: 165px;height: 165px;position: absolute;left: 0;top:0;border: 8px solid #FFF;box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.5);border-radius: 50%;}
.ultra-zoom .zoom-cont span.ico:before{content:'';position: absolute;right: -40%;top:-50%;width: 165px;height: 165px;background: rgba(255,255,255,0.25);transform: rotate(45deg);}
.ultra-zoom .zoom-cont span.ico { background: url("images/zoom-pic.jpg") no-repeat center; border-radius: 50%; cursor: pointer; width: 165px; height: 165px; display: block; position: absolute; left:calc(50% - 82px); top: calc(50% - 82px);overflow: hidden;}

.enlarge-photos{padding-bottom: 30px;overflow: hidden;}
.enlarge-photos .txt{margin-top: 60%;padding-right: 22%;}
.enlarge-photos .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;}
.enlarge-photos .tip{color:#767172;font-weight: 300;}
.enlarge-photos .pic{position: relative;display: inline-block;}
.enlarge-photos .pic img{max-width: 100%;}
.enlarge-photos .pic img.max{position: relative;top: -65px;transition: all ease 2s;}
.enlarge-photos .pic .max.scrollview{top: 0;}
.enlarge-photos .pic img.min{position: absolute;bottom: -40px;left: -60px;}
.enlarge-photos .pic .min.scrollview{bottom: 20px;transition: all linear 1.2s;}
@media (max-width:1015px){
    .enlarge-photos{text-align: center;}
    .enlarge-photos .txt{margin-top:10%;padding-right: 0;margin-bottom: 40px;}
}
@media (max-width:769px){
    .enlarge-photos .pic img.min{right: -8px;left: auto;}
}

.high-res{padding: 90px 0;background: #f7f7f7;}
.high-res .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.high-res .tip{color:#767172;font-weight: 300;text-align: center;margin-bottom: 75px;}
.high-res .pic img{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18);max-width: 100%;}

.low-light {padding: 90px 0 112px;}
.low-light .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.low-light .tip{color:#767172;font-weight: 300;text-align: center;margin:0 auto 55px;}
.low-light .pic{position: relative;user-select: none;max-width: 900px;margin: 0 auto;}
.low-light .pic .bar-btn{width: 19px;height: 100%;position: absolute;left:50%;top:0;z-index: 3;cursor: pointer;background: url("images/bar-ico.png") no-repeat center;}
.low-light .pic .bar-btn:after{content: '';background: #FFF;width: 2px;height: 100%;position: absolute;left: 48%;top:0;}
.low-light .pic .bottom,
.low-light .pic .middle{ width: 100%; position: absolute; top: 0; left: 0; pointer-events: none; overflow: hidden; }
.low-light .pic img{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18);width: 100%;}
@media (max-width:796px){
    .high-res .pic{text-align: center;margin-bottom: 10px;}
}


.erase-unwanted{text-align: center;padding: 80px 0;}
.erase-unwanted .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.erase-unwanted .tip{color:#767172;font-weight: 300;text-align: center;margin-bottom: 50px;}
.erase-unwanted .pic1{margin-left: 10%;margin-bottom: 0;margin-top: 20%;transition: all linear 1.2s;}
.erase-unwanted .pic2{margin-top: 0;margin-right: 10%;transition: all linear 0.8s;}
.erase-unwanted .pic1.scrollview{margin-bottom: -10%;margin-top: 0;}
.erase-unwanted .pic2.scrollview{margin-top: -10%;}
.erase-unwanted .pic{box-shadow: 0 7px 23px 0 rgba(0, 0, 0, 0.5);display: inline-block;}
.erase-unwanted .pic img{max-width: 100%;}

.remove-stamp{text-align: center;padding: 79px 0 90px;background: #f7f7f7;}
.remove-stamp .remove-switch{position: relative;}
.remove-stamp .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.remove-stamp .tip{color:#767172;font-weight: 300;text-align: center;margin-bottom: 50px;}
.remove-stamp .remove-switch .swiper-pagination{bottom: -5px;}
.remove-stamp .pic{position: relative;}
.remove-stamp .pic img{max-width: 100%;}
@media(max-width: 1216px){
    .remove-stamp .remove-switch .swiper-button-prev{left: -38px}
    .remove-stamp .remove-switch .swiper-button-next{right: -38px}
}

.erase-extra{padding: 90px 0 100px;}
.erase-extra .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.erase-extra .tip{color:#767172;font-weight: 300;text-align: center;margin:0 auto 55px;}
.erase-extra .pic{position: relative;user-select: none;max-width: 750px;margin: 0 auto;}
.erase-extra .pic .bar-btn{width: 19px;height: 100%;position: absolute;left:50%;top:0;z-index: 3;cursor: pointer;background: url("images/bar-ico.png") no-repeat center;}
.erase-extra .pic .bar-btn:after{content: '';background: #FFF;width: 2px;height: 100%;position: absolute;left: 48%;top:0;}
.erase-extra .pic .bottom,
.erase-extra .pic .middle{ width: 100%; position: absolute; top: 0; left: 0; pointer-events: none; overflow: hidden; }
.erase-extra .pic img{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18);width: 100%;}

.restore-photo{background: #f7f7f7;padding: 90px 0 105px;text-align: center;}
.restore-photo .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.restore-photo .tip{color:#767172;font-weight: 300;text-align: center;margin:0 auto 55px;}
.restore-photo .pic{position: relative;display: inline-block;}
.restore-photo .pic img{box-sizing: border-box;max-width: 100%;}
@media(max-width: 769px){
    .restore-photo .col-md-6{text-align: center;margin-bottom: 10px;}
}

.super-simple{padding: 90px 0;}
.super-simple .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.super-simple .tip{color:#767172;font-weight: 300;text-align: center;margin:0 auto 55px;}
.super-simple .super-switch{max-width: 660px;text-align: center;}
.super-simple .super-switch .swiper-container{padding: 10px 0;}
.super-simple .super-switch .pic{box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.12);background: #FFF;border: 15px solid #FFF;display: inline-block;}
.super-simple .super-switch .pic img{max-width: 100%;}
.super-simple .step-lst{padding: 10px 0;}
.super-simple .step-lst .swiper-pagination{padding-left: 80px;border-left: solid #a6a6a6 2px;position: relative;}
.super-simple .step-lst .swiper-pagination-bullet{width: 100%;height: auto;background: none;text-align: left;color: #ccc;opacity: 1;font-weight: 300;margin-top: 36px;}
.super-simple .step-lst .swiper-pagination-bullet:first-child{margin-top: 0;}
.super-simple .step-lst .swiper-pagination-bullet:after{width: 0px;content: '';transition: all ease-in-out 0.2s;}
.super-simple .step-lst .sub{font-size: 30px;line-height: 1.2em;margin-bottom: 8px;transition: all ease-in-out 0.2s;}
.super-simple .step-lst p{margin: 0;transition: all ease-in-out 0.2s;}
.super-simple .step-lst .swiper-pagination-bullet-active{position: relative;}
.super-simple .step-lst .swiper-pagination-bullet-active .sub{color: #ffa818;}
.super-simple .step-lst .swiper-pagination-bullet-active:after{width: 6px;height: 100%;background: #ffa818;position: absolute;left: -84px;top:0;}
.super-simple .step-lst .swiper-pagination-bullet-active p{color: #767172;}

.super-simple.three .step-lst .swiper-pagination-bullet{margin: 30px 0;}



.professionally-re{padding: 90px 0;text-align: center;}
.professionally-re .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;text-align: center;}
.professionally-re .tip{color:#767172;font-weight: 300;text-align: center;margin:0 auto 55px;max-width: 820px;}
.professionally-re .pic img{max-width: 100%;box-shadow: 0 7px 23px 0 rgba(0, 0, 0, 0.5);margin-left: -24%;}
.professionally-re .pic .top{margin-top: 20%; transition: all linear 1.2s;}
.professionally-re .pic .bottom{margin-top: 0;margin-left: 40%;transition: all linear 0.8s;}
.professionally-re .pic .top.scrollview{margin-top: 0;}
.professionally-re .pic .bottom.scrollview{margin-top: -20%;}

.quickly-pro{background: #f7f7f7;padding: 130px 0;}
.quickly-pro .lft{text-align: left;padding-top: 80px;padding-right: 20px;}
.quickly-pro .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin:0 0 20px 0;}
.quickly-pro .tip{color:#767172;font-weight: 300;margin:0 auto 55px;}
.quickly-pro .pic{box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.09);transition: all linear 0.4s;display: inline-block;position: relative;}
.quickly-pro .rgt .pic{width: 100%;height: 0;padding-top: 60%;background-size: cover;display: block;transition: all linear 0.2s;}
.quickly-pro .process{background: #FFF;width: 100%;height: 20px;box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);position: relative;}
.quickly-pro .process .ti{position: absolute;left: 0;top:0;width: 0;height: 100%;background: #ffa818;transition: all cubic-bezier(0,.78,.79,.19) 1s;}
.quickly-pro .process .ti.actived{width: 100%;}
.quickly-pro .process .count{position: absolute;right: 10px;top:-2px;font-size: 14px;}



.precisely-re{padding: 90px 0;}
.precisely-re .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin: 0 0 20px 0;}
.precisely-re .tip{color:#767172;font-weight: 300;margin:0 auto 55px;}
.precisely-re .pic{display: inline-block;position: relative;}
.precisely-re .pic img{max-width: 100%;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.09);}
.precisely-re .pic .ori{left: 10px; bottom: 8px;}
.precisely-re .rgt{padding-left: 65px;padding-top: 50px;}

.create-amazing{background: #f7f7f7;padding: 90px 0 105px;text-align: center;}
.create-amazing .title{font-size: 30px;line-height: 1.2em;font-weight: 300;margin-bottom: 20px;text-align: center;}
.create-amazing .tip{color:#767172;font-weight: 300;text-align: center;margin:0 auto 55px;}
.create-amazing .pic{display: inline-block;position: relative;}
.create-amazing .pic img{max-width: 100%;}


@media (max-width:1216px){
    .quickly-pro .lft{padding-top: 0;}
    .precisely-re .rgt{padding-top: 0;}
}
@media (max-width:1016px){
    .quickly-pro{padding: 80px 0;}
    .quickly-pro .lft{padding: 0;margin-bottom: 40px;}
    .precisely-re .rgt{padding: 0;margin-top: 40px;}
    .super-simple .super-switch{max-width: 100%;}
    .super-simple .step-lst .swiper-pagination{border-left: none;padding-left: 40px;}
    .super-simple .step-lst .swiper-pagination-bullet-active:after{left: -30px;}
}
@media (max-width:769px){
    .create-amazing .col-md-6{text-align: center;margin-bottom: 10px;}
}