::-webkit-scrollbar{
    width:6px;
    height:6px
}
::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius:10px;
    border-radius:10px
}
::-webkit-scrollbar-thumb{
    -webkit-border-radius:10px;
    border-radius:10px;
    background:rgba(0,0,0,0.4);
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.25)
}
::-webkit-scrollbar-thumb:window-inactive{
    background:rgba(0,0,0,0.3)
}
html,body{
    font-family:"Microsoft YaHei"
}
main{
    min-height:600px
}
.clearfix{
    overflow:hidden;
    _zoom:1
}
.clearfix ::after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.drag-box{
    border:2px dashed #bbb;
    margin-bottom:30px;
    border-radius:5px;
    text-align:center;
    height:200px;
    font:20pt bold, "Vollkorn";
    color:#bbb;
    position:relative
}
.drag-box .tip-word{
    line-height:200px;
    text-align:center
}
@media (max-width: 640px){
    .drag-box .tip-word{
        font-size:18px
    }
}
.drag-box .file-picker{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer
}
h1{
    font-size:28px
}
@media (max-width: 760px){
    h1{
        font-size:22px
    }
}
h2{
    font-size:22px;
    font-weight:700
}
h3{
    font-size:18px;
    font-weight:700
}
p{
    font-size:14px
}
[v-cloak]{
    display:none
}
.w-100{
    width:100%
}
.captcha-box{
    height:50px;
    margin-bottom:10px
}
.form-error{
    display:block;
    margin-bottom:6px;
    color:#CC3333
}
.form-required{
    color:#CC3333;
    font-weight:700
}
.page-title{
    margin-top:25px;
    margin-bottom:20px
}
.tool-des{
    color:#666;
    font-size:14px;
    margin-bottom:25px
}
.checkbox-group{
    display:inline-block
}
.checkbox-group input[type='checkbox'],.checkbox-group input[type='radio']{
    display:none
}
.checkbox-group label{
    font-size:17px;
    height:20px;
    line-height:20px;
    display:inline-block
}
.checkbox-group label::before{
    font-size:14px;
    border:1px solid #ccc;
    padding:1px;
    width:20px;
    height:20px;
    text-align:center;
    line-height:16px;
    display:inline-block;
    font-family:iconfont;
    vertical-align:text-bottom;
    content:'00';
    text-indent:100px;
    white-space:nowrap;
    overflow:hidden;
    margin-right:6px
}
.checkbox-group label:hover::before{
    content:'\e607';
    color:#ccc;
    text-indent:0
}
.checkbox-group input[type='checkbox']:checked ~ label,.checkbox-group input[type='radio']:checked ~ label{
    color:#1779ba
}
.checkbox-group input[type='checkbox']:checked ~ label::before,.checkbox-group input[type='radio']:checked ~ label::before{
    content:'\e607';
    border-color:#1779ba;
    color:#fff;
    background:#1779ba;
    text-indent:0
}
.checkbox-group input[type='radio'] ~ label::before{
    line-height:17px
}
.checkbox-group input[disabled="disabled"] ~ label{
    cursor:not-allowed
}
@media (max-width: 760px){
    .banner-swiper{
        height:auto
    }
    .banner-swiper .swiper-slide{
        background-position:center center;
        background-size:cover
    }
    .banner-swiper.inited .swiper-slide{
        padding-bottom:32.5%
    }
}
@media (max-width: 640px){
    fieldset.fieldset{
        padding:20px 4px
    }
    fieldset.fieldset span.checkbox-group{
        margin-top:8px;
        margin-bottom:8px;
        display:inline-block
    }
}
button.js-copy{
    color:#fff !important
}
@media screen and (max-width: 600px){
    .sidebar{
        display:none
    }
    aside{
        border-top:1px solid #eaeaea;
        margin-top:50px
    }
}
header{
    background:#4ccbff linear-gradient(to right, #4ccbff, #0067e3);
    color:#fff;
    min-height:50px
}
header a{
    color:#fff
}
header .logo{
    float:left
}
header .logo a{
    font-size:18px;
    line-height:50px
}
header .logo a:hover{
    color:#fff
}
header .top-nav{
    float:right;
    margin-bottom:0;
    padding-bottom:0
}
header .top-nav li{
    list-style-type:none;
    display:inline-block;
    margin-left:15px;
    line-height:50px
}
@media (max-width: 460px){
    header .top-nav li{
        margin-left:10px
    }
}
header .top-nav li a{
    font-size:16px
}
header .top-nav li a:hover{
    color:#fff;
    text-decoration:underline
}
@media (max-width: 460px){
    header .top-nav li a{
        font-size:14px
    }
}
footer,.footer{
    background:#373d41;
    margin-top:30px;
    padding:30px 0;
    border-top:1px solid #eaeaea;
    color:#999
}
footer a,.footer a{
    color:#73777a
}
footer a:hover,.footer a:hover{
    color:#fff
}
footer .footer-nav a,.footer .footer-nav a{
    color:#9b9ea0;
    margin-right:35px
}
@media (max-width: 760px){
    footer .footer-nav a,.footer .footer-nav a{
        margin-right:10px;
        font-size:13px
    }
}
footer .footer-nav a:hover,.footer .footer-nav a:hover{
    color:#fff
}
footer .friend-link,.footer .friend-link{
    margin-bottom:20px;
    margin-top:30px
}
footer .friend-link a,.footer .friend-link a{
    font-size:14px;
    margin-left:0;
    margin-right:15px
}
footer p.copyright,.footer p.copyright{
    font-size:14px;
    color:#73777a
}
.sidebar{
    z-index:999;
    position:fixed;
    right:0;
    bottom:100px
}
@media (max-width: 760px){
    .sidebar{
        right:10px;
        bottom:60px
    }
    .sidebar ul li{
        padding:0 !important
    }
}
@media (max-width: 480px){
    .sidebar{
        display:none
    }
}
.sidebar ul{
    list-style-type:none;
    box-shadow:0 0 3px #ccc
}
.sidebar ul li{
    background:#fff;
    width:50px;
    text-align:center;
    cursor:pointer;
    padding:6px 0;
    position:relative;
    border-top:1px solid #ddd
}
.sidebar ul li:hover{
    background:#991010
}
.sidebar ul li:hover i{
    color:#fff
}
.sidebar ul li:hover .hidden-box{
    display:block
}
.sidebar ul li i{
    color:#991010;
    font-size:30px
}
.sidebar ul li .hidden-box{
    z-index:999;
    display:none;
    position:absolute;
    border:1px solid #ccc;
    padding:6px;
    right:50px;
    top:0;
    background:#fff
}
.sidebar ul li .hidden-box img{
    max-width:none
}
.sidebar ul li .hidden-box span{
    color:#3c3c3c;
    font-size:14px
}
.tool-intro-box{
    background:#4ccbff linear-gradient(to right, #4ccbff, #0067e3);
    text-align:center;
    color:#fff;
    padding:40px 0 60px 0
}
.tool-intro-box .h1-des{
    color:#fff
}
.tool-intro-box .h1-des p{
    line-height:1.8;
    color:#fff;
    margin-bottom:5px
}
body.page-index .intro-box{
    background:#4ccbff linear-gradient(to right, #4ccbff, #0067e3);
    text-align:center;
    color:#fff;
    padding:40px 0 60px 0
}
body.page-index .intro-box .h1-des{
    color:#fff
}
body.page-index .intro-box .h1-des p{
    line-height:1.8;
    color:#fff;
    margin-bottom:5px
}
body.page-index h2{
    font-size:32px;
    font-weight:bold;
    color:#283d64;
    line-height:1.4;
    margin-top:0;
    margin-bottom:25px;
    text-align:center
}
body.page-index .why-us,body.page-index .uses{
    margin-bottom:35px
}
body.page-index .why-us-item,body.page-index .uses-item{
    border:1px solid #e7e7e7;
    borer-radius:6px;
    padding:25px 30px;
    margin-bottom:25px;
    text-align:center
}
body.page-index .why-us-item__img img,body.page-index .uses-item__img img{
    max-width:100px
}
body.page-index .why-us-item__title,body.page-index .uses-item__title{
    padding:10px;
    font-weight:700;
    font-size:16px;
    margin-top:15px
}
body.page-index .why-us-item__intro,body.page-index .uses-item__intro{
    line-height:22px;
    font-size:14px;
    color:#888
}
body.page-index .product-box{
    padding:40px 0
}
body.page-index .product-box-item{
    text-align:center;
    display:block;
    padding:75px 15px;
    border:1px solid #eaeaea;
    margin-bottom:25px
}
body.page-index .product-box-item__name{
    font-size:28px;
    color:#000;
    font-weight:600;
    margin-bottom:15px
}
body.page-index .product-box-item__intro{
    font-size:16px;
    color:#666;
    min-height:80px
}
body.page-index .product-box-item__btn button{
    display:inline-block;
    padding:0 40px;
    border-radius:12px;
    background:#1b9afc;
    line-height:42px;
    font-size:14px;
    color:#fff;
    border:none;
    cursor:pointer;
    box-shadow:0 10px 10px rgba(0,103,228,0.28);
    transition:padding 0.3s
}
body.page-index .product-box-item__btn button:hover{
    padding:0 50px
}
body.page-index .product-box-item:hover{
    border-color:#d2fce5;
    background:#d2fce5
}
body.page-index .table-vs tbody tr:nth-child(even){
    background:#F7F8FC
}
body.page-index .table-vs tr td:first-child{
    color:#6c757d;
    width:100px
}
body.page-index .table-vs td{
    padding:25px 15px
}
body.page-single article{
    margin-top:50px
}
body.page-single article h1{
    font-size:30px;
    margin-bottom:25px;
    font-weight:600;
    line-height:1.4
}
@media (max-width: 640px){
    body.page-single article h1{
        font-size:22px
    }
}
body.page-single article h2{
    font-size:22px;
    font-weight:500
}
body.page-single article p{
    font-size:16px;
    line-height:1.8;
    margin-bottom:20px
}
body.page-single article p img{
    max-width:100%
}
body.page-phone .sort-out-item{
    margin-bottom:15px
}
body.page-phone .checkbox-group label{
    margin-left:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
body.page-phone .statistics-ul li{
    width:16%;
    float:left
}
body.page-phone .statistics-title{
    font-weight:700;
    color:#14679e;
    margin-bottom:10px
}
body.page-phone .statistics-ul::after{
    margin-bottom:10px;
    display:block;
    height:0;
    content:' ';
    clear:both
}
body.page-phone .area-statistics{
    list-style-type:none;
    margin-left:0
}
body.page-phone .area-statistics span label{
    margin-right:0
}
body.page-phone .area-statistics>li{
    margin-bottom:15px
}
body.page-phone .area-statistics>li>span>label{
    color:green
}
body.page-phone .area-statistics>li>ul{
    list-style-type:none;
    margin-left:0
}
body.page-phone .area-statistics>li>ul>li{
    width:16%;
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
@media (max-width: 768px){
    body.page-phone .statistics-ul li{
        width:33.33%
    }
    body.page-phone .area-statistics>li>ul>li{
        width:50% !important
    }
}
body.page-phone .tool-box{
    margin-top:50px;
    user-select:none
}
body.page-phone h2{
    margin-top:50px
}
body.page-phone .tab-box{
    text-align:center;
    background:#eaeaea
}
body.page-phone .tab-box ul{
    padding:0;
    margin:0
}
body.page-phone .tab-box ul li{
    display:inline-block;
    width:50%;
    background:#eaeaea;
    line-height:3;
    padding:0 15px;
    cursor:pointer;
    user-select:none
}
body.page-phone .tab-box ul li.active{
    background:#14679e;
    color:#fff
}
body.page-phone .tab-content{
    padding:10px
}
body.page-phone .tab-intro{
    padding:10px 15px;
    background-color:#dff0d8;
    border-color:#d6e9c6;
    color:#3c763d;
    margin-bottom:15px
}
body.page-phone .tab-intro p{
    margin-bottom:0
}
body.page-phone .intro-box{
    border-top:1px solid green;
    color:green;
    padding-top:10px
}
body.page-maker .checkbox-group label{
    margin-left:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    margin-bottom:10px
}
body.page-maker .phone-ul{
    list-style-type:none;
    margin:0
}
body.page-maker .phone-ul li{
    width:14.25%;
    float:left;
    line-height:1.8;
    font-size:18px
}
@media (max-width: 768px){
    body.page-maker .phone-ul li{
        width:33.3%;
        font-size:16px;
        line-height:1.9
    }
}
body.page-maker .setting-item{
    margin-top:15px
}
body.page-qrcode textarea{
    font-family:Consolas, "Liberation Mono", Courier, monospace;
    line-height:1.4;
    font-size:16px
}
body.page-qrcode .qr-box{
    padding:20px;
    min-height:300px;
    background-image:url("data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEX5+fns7OzSP6FoAAAAG0lEQVQY02P4//9/AwMDw5CngaD+//8DQ50GAO2gqCu/k7NTAAAAAElFTkSuQmCC")
}
body.page-qrcode .qr-box canvas{
    max-width:360px
}
body.page-qrcode .js-color-picker{
    cursor:pointer !important
}
@media (max-width: 760px){
    body.page-qrcode .qr-box canvas{
        max-width:100%
    }
}
body.page-no .checkbox-group label{
    margin-left:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    margin-bottom:10px
}
body.page-no .phone-ul{
    list-style-type:none;
    margin:0
}
body.page-no .phone-ul li{
    width:14.25%;
    float:left;
    line-height:1.8;
    font-size:18px
}
@media (max-width: 768px){
    body.page-no .phone-ul li{
        width:33.3%;
        font-size:16px;
        line-height:1.9
    }
}
body.page-no .setting-item{
    margin-top:15px
}
body.page-shopify .tab-box{
    text-align:center;
    background:#eaeaea
}
body.page-shopify .tab-box ul li{
    display:inline-block;
    background:#eaeaea;
    line-height:3;
    padding:0 15px;
    cursor:pointer;
    user-select:none
}
body.page-shopify .tab-box ul li.active{
    background:#14679e;
    color:#fff
}
body.page-shopify .intro-box{
    padding:10px 15px;
    background-color:#dff0d8;
    border-color:#d6e9c6;
    color:#3c763d;
    margin-bottom:15px
}
body.page-shopify .tool-box{
    margin-top:50px
}
body.page-shopify h2{
    margin-top:50px
}
body.page-shopify table tr td{
    vertical-align:middle
}
body.page-shopify .status1{
    color:#FFA042
}
body.page-shopify .status2{
    color:#408080
}
body.page-shopify .status3{
    color:#BF0060
}
body.page-shopify .status4{
    color:#9F4D95
}
body.page-shopify table input{
    margin-bottom:0 !important
}
/*# sourceMappingURL=common.css.map */
        .checkbox-group label {
            margin-left: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer;
            margin-bottom: 10px;
        }

        .phone-ul {
            list-style-type: none;
            margin: 0;
        }

        .phone-ul li {
            width: 14.25%;
            float: left;
            line-height: 1.8;
            font-size: 18px;
        }

        @media (max-width: 768px) {
            .phone-ul li {
                width: 33.3%;
                font-size: 16px;
                line-height: 1.9;
            }
        }

        .title-box {
            background: #eaeaea;
            padding: 20px 15px;

        }

        .setting-item {
            margin-top: 15px;
        }