h2.heading{

    line-height: 1.2em;

    font-size: 36px;

    font-size: 3.6vh;

    font-weight: 700;

    margin-bottom:0.5rem;

}

.gray-bg {

    background: #f7f7f7;

}

.canwedo-title{

    color:#000;

    font-weight:700;

}

.pt-2{

    padding:20px 0;

}

@media (min-width: 576px) {

    .p-container,

    .p-container-sm {

        max-width: 540px;

       margin-right:auto;

       margin-left:auto;

    }

}

@media (min-width: 768px) {

    .p-container,

    .p-container-sm,

    .p-container-md {

        max-width: 720px;

        margin-right:auto;

       margin-left:auto;

    }

}

@media (min-width: 992px) {

    .p-container,

    .p-container-sm,

    .p-container-md,

    .p-container-lg {

        max-width: 960px;

        margin-right:auto;

       margin-left:auto;

    }

}

@media (min-width: 1280px) {

    .p-container,

    .p-container-sm,

    .p-container-md,

    .p-container-lg,

    .p-container-xl {

        max-width: 1200px;

        margin-right:auto;

       margin-left:auto;

    }

}

@media (min-width: 1600px) {

    .p-container,

    .p-container-sm,

    .p-container-md,

    .p-container-lg,

    .p-container-xl,

    .p-container-xxl {

        max-width: 1440px;

        margin-right:auto;

       margin-left:auto;

    }

}

.ori {

    position: absolute;

    left: 10px;

    bottom: 8px;

    padding: 0 15px;

    border-radius: 100px;

    background: rgba(255,255,255,0.68);

    text-align: center;

    display: inline-block;

    font-size: 12px;

    font-weight: 300;

    line-height: 1.8em;

}

.aft {

    position: absolute;

    right: 10px;

    bottom: 8px;

    padding: 0 15px;

    border-radius: 100px;

    background: rgba(255,255,255,0.68);

    text-align: center;

    display: inline-block;

    font-size: 12px;

    font-weight: 300;

    line-height: 1.8em;

}

.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;padding:0; }

.erase-extra .pic img{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18);width: 100%;}



/** erase extra **/

.erase-extra { padding: 80px 0 90px; padding: 8vh 0 9vh; }

.erase-extra .text { margin: 0 0 70px; margin: 0 0 7vh; }

.erase-extra .tool-pic { position: relative; user-select: none; max-width: 750px; margin: 0 auto; }

.erase-extra .tool-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 .tool-pic .bar-btn:after { content: ''; background-color: #FFF; width: 2px; height: 100%; position: absolute; left: 48%; top:0; }

.erase-extra .tool-pic .bottom,

.erase-extra .tool-pic .middle { width: 100%; position: absolute; top: 0; left: 0; pointer-events: none; overflow: hidden;padding:0; }

.erase-extra .tool-pic img { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18); width: 100%;max-width:unset;}



/** remove mark **/

.remove-switch {margin-bottom: 50px;}

.remove-mark { padding: 80px 0 95px; padding: 8vh 0 9.5vh; }

.remove-mark .text { margin: 0 0 20px; margin: 0 0 2vh; }

.remove-mark .remove-switch { position: relative; }

.remove-mark .remove-switch .swiper-pagination { bottom: -5px; }

.remove-mark .pic { position: relative; }

.remove-mark .pic img { max-width: 100%; }

@media(max-width: 1216px){

    .remove-mark .remove-switch .swiper-button-prev { left: -38px }

    .remove-mark .remove-switch .swiper-button-next { right: -38px }

}



/** restore photo **/

.restore-photo {

    background: #f7f7f7;

    padding: 90px 0 105px;

    text-align: center;

}

.restore-photo { padding: 80px 0 105px;  padding: 8vh 0 10.5vh; }

.restore-photo .text { margin: 0 0 70px; margin: 0 0 7vh; }

.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 **/

.super-simple { padding: 70px 0 90px; padding:  7vh 0 9vh; }

.super-simple .text { margin: 0 0 50px; margin: 0 0 5vh; }

.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-color: #FFF; border: 15px solid #FFF; display: inline-block; }

.super-simple .super-switch .pic img { max-width: 100%; }

.super-simple .step-list { padding: 10px 0; }

.super-simple .step-list .swiper-pagination { padding-left: 80px; border-left: solid #a6a6a6 2px; position: relative; }

.super-simple .step-list .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-list .swiper-pagination-bullet:first-child { margin-top: 0; }

.super-simple .step-list .swiper-pagination-bullet:after { width: 0px; content: ''; transition: all ease-in-out 0.2s; }

.super-simple .step-list .sub { font-size: 30px; line-height: 1.2em; margin-bottom: 8px; transition: all ease-in-out 0.2s; }

.super-simple .step-list p { margin: 0; transition: all ease-in-out 0.2s; }

.super-simple .step-list .swiper-pagination-bullet-active { position: relative; }

.super-simple .step-list .swiper-pagination-bullet-active .sub { color: #ffa818; }

.super-simple .step-list .swiper-pagination-bullet-active:after { width: 6px; height: 100%; background: #ffa818; position: absolute; left: -84px; top: 0; }

.super-simple .step-list .swiper-pagination-bullet-active p { color: #767172; }

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



/** edit features **/

.edit-features { padding: 60px 0 40px; padding: 6vh 0 4vh; }

.edit-features .text { margin: 0 0 75px; margin: 0 0 7.5vh; }

.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("../style/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;}

}



.btn-online {

    

    color: #413e3f;

    background-image: linear-gradient(#fadc61, #FEB45D , #fadc61);

    transition: all ease-in-out 0.4s;

    padding: 8px 16px;

    border-radius: 2px;

    background-size: 100% 200%;

}



.swiper-container {

    padding: 40px 0;

}

.swiper-pagination-bullet {

    background-color: #373435;

    width: 36px;

    height: 4px;

    border-radius: 0;

}

.swiper-pagination-bullet-active {

    background-color: #ff9a00;

}

.remove-mark .remove-switch .swiper-pagination {

    bottom: -5px;

}