*{
    margin: 0;
}
@media (max-width:768px) {

    /* body{
        width:100vw;
    }
    #__layout,.nuxt-containder{
        width: 100%;
    }
    .pro-detail-top{
        width: 100%;
    } */
     .consuptive-header .header-main[data-v-54bc6aab] {
        margin-bottom:10px!important;

        max-height: 89px
    }
    .pro-item{
        font-size: .5rem;
    }
    .price-txt{
        font-size: .7rem!important;
    }
    .grid{
        padding: 0!important;
    }
     .pro-detail-img{
        width: 98%;
     }
     .pro-detail-ct,.cp-list-wrap{
        padding: 0!important;   

     }
     .pro-detail-img[data-v-4a5a1b4e] {
        margin: 0!important;

        padding:0!important;
        text-align: center
    }
    .pro-show-area{
        width: 80vw!important;
        margin: 0 auto;
    }
    
    .pro-infor-area{
        width: 80vw!important;
    }
    .bread-nav{
        width: 78vw!important;
    }
}

@media (max-width:480px) {
    .consuptive-nav[data-v-54bc6aab] {
        max-height: 40px!important;
        border-bottom: 1px solid #e6ebf2;
        opacity: 0;
        display: none;

    }
    .footer-new[data-v-9569b97a] {
        background: #e6ebf2;
        position: absolute;
        width: 97%;
        padding: 2px 20px;
        text-align: left;
        bottom: 0;
        font-size: 6px;
        max-height: 330px!important;
    }
    .footer-t-item{
        padding: 10px 0!important;
    }
    .header-main{
       margin: 0 auto!important;
    }
    .small-show{
        display: none!important;
    }
   .consuptive-header .container .logo[data-v-54bc6aab] {
    padding:10px 10px 20px 30px; 
   }
   .home-wrap .cnt-wrap .cnt-item[data-v-1d6fa70c] {
    padding: 0!important;
   }
}

.header-bar[data-v-6eea3b36] {
    font-size: 12px;
    background: #fff;
    height: 38px;
    border-bottom: 1px solid #e6ecf2
}

.header-bar a[data-v-6eea3b36],
.header-bar span[data-v-6eea3b36] {
    margin-top: 7px;
    margin-bottom: 7px;
    line-height: 18px;
    display: inline-block
}

.header-bar .container[data-v-6eea3b36]:after {
    content: " ";
    display: block;
    clear: both
}

.header-bar .header-bar-left[data-v-6eea3b36] {
    height: 38px;
    display: flex;
    color: #999;
    align-items: center
}

.header-bar .header-bar-left .header-link-out[data-v-6eea3b36] {
    margin-left: 10px
}

.header-bar .header-bar-left .gang[data-v-6eea3b36] {
    display: inline-block;
    width: 1px;
    background: #e6ebf2;
    height: 13px;
    margin: 10px 0 0 10px
}

.header-bar .header-bar-left .swiper-container[data-v-6eea3b36] {
    margin: 0
}

.header-bar .header-bar-left .reg-confirm[data-v-6eea3b36] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.header-bar .header-bar-left .reg-confirm img[data-v-6eea3b36] {
    height: 16px;
    margin-left: 20px;
    margin-right: 5px;
    vertical-align: -1px
}

.header-bar .header-bar-left .reg-confirm .reg-content[data-v-6eea3b36] {
    cursor: pointer
}

.header-bar .header-bar-left .reg-confirm .reg-content .reg-tips[data-v-6eea3b36] {
    height: 32px
}

.header-bar .header-bar-left .reg-confirm .reg-content .reg-tips .des[data-v-6eea3b36] {
    display: flex;
    padding: 7px 0;
    color: #13bf13
}

.header-bar .header-bar-right[data-v-6eea3b36] {
    height: 38px;
    float: right;
    color: #999;
    display: flex;
    align-items: center
}

.header-bar .header-bar-right .item[data-v-6eea3b36] {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    color: #999;
    cursor: pointer
}

.header-bar .header-bar-right .item[data-v-6eea3b36]:hover {
    color: #f60
}

.header-bar .header-bar-right .item:hover span[data-v-6eea3b36] {
    color: #666
}

.header-bar .header-bar-right .item[data-v-6eea3b36]:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 0;
    background: #e6ebf2;
    height: 12px;
    width: 1px
}

.header-bar .header-bar-right .item[data-v-6eea3b36]:last-of-type:after {
    display: none
}

.header-bar .header-bar-right .item strong[data-v-6eea3b36] {
    display: inline-block;
    color: #f60;
    padding: 0 0 0 4px
}

.header-bar .header-bar-right .item span[data-v-6eea3b36] {
    display: inline-block
}

.header-side[data-v-6eea3b36] {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1000;
    left: 0
}

.header-side .header-side-ct[data-v-6eea3b36] {
    width: 200px;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    height: 100%
}

.header-side .header-side-ct .close-bread .icon-delete[data-v-6eea3b36] {
    position: absolute;
    top: 10px;
    font-size: 24px;
    left: 10px;
    cursor: pointer;
    color: #999
}

.header-side .header-side-ct .close-bread .icon-delete[data-v-6eea3b36]:hover {
    color: #333
}

.header-side .header-side-ct .header-side-tit[data-v-6eea3b36] {
    background: #f5f7fa;
    text-align: center;
    color: #06c;
    padding: 20px 0
}

.header-side .header-side-ct .header-side-tit .user-head[data-v-6eea3b36] {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    overflow: hidden;
    background: #d7d7d7;
    text-align: center;
    margin: 0 auto 10px
}

.header-side .header-side-ct .header-side-tit .user-head img[data-v-6eea3b36] {
    display: inline-block;
    width: 60px;
    height: 60px
}

.header-side .header-side-ct .header-side-infor[data-v-6eea3b36] {
    padding: 20px 0
}

.header-side .header-side-ct .header-side-infor i[data-v-6eea3b36] {
    font-size: 16px;
    color: #666;
    vertical-align: -1px;
    margin-right: 10px
}

.header-side .header-side-ct .header-side-infor li[data-v-6eea3b36] {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    cursor: pointer
}

.header-side .header-side-ct .header-side-infor li[data-v-6eea3b36]:hover {
    background: #f5f7fa
}

.header-side .header-side-ct .header-side-infor li a[data-v-6eea3b36] {
    color: #333;
    display: block
}

.header-side .header-side-ct .header-side-infor li a[data-v-6eea3b36]:hover {
    color: #333
}

.header-side .header-side-ct .header-side-infor li span.msg-num[data-v-6eea3b36] {
    margin-left: 5px;
    display: inline-block;
    min-width: 16px;
    line-height: 16px;
    border-radius: 10px;
    background: #f33;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 0 3px
}

.header-side .header-side-ct .header-side-infor .icon-mobile[data-v-6eea3b36] {
    margin: 0 10px -3px 2px
}

.header-side .header-side-ct .header-side-infor .icon-xiaochengxu[data-v-6eea3b36] {
    margin: 0 7px -3px 0
}

.header-bar-right .item i[data-v-6eea3b36] {
    margin-right: 3px;
    font-size: 16px;
    vertical-align: -2px
}

.phone-app[data-v-6eea3b36] {
    margin-left: 10px
}

.phone-wechat[data-v-6eea3b36] {
    left: 6px
}

.weixin-style[data-v-6eea3b36] {
    margin-left: 10px
}

.nav-tit[data-v-6eea3b36] {
    float: left
}

.login-register a[data-v-6eea3b36] {
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

.login-register a.btn-bg-orange[data-v-6eea3b36] {
    margin-right: 12px;
    color: #fff
}

.login-register a.btn-bord-orange[data-v-6eea3b36] {
    color: #f60
}

.login-register a.btn-bord-orange[data-v-6eea3b36]:hover {
    color: #fff
}

.turn-off[data-v-6eea3b36] {
    position: absolute;
    bottom: 30px;
    z-index: 500;
    right: 20px
}

.turn-off a[data-v-6eea3b36] {
    display: block;
    text-align: center;
    width: 160px;
    margin: 0 auto;
    height: 31px;
    line-height: 28px;
    border-radius: 2px;
    background: 0 0;
    color: #333;
    border: 1px solid #c2c6cc
}

.turn-off a[data-v-6eea3b36]:hover {
    background: #f5f7fa
}

.person-header[data-v-6eea3b36] {
    display: block
}

.person-header .container[data-v-6eea3b36] {
    max-width: 100%;
    margin: 0 20px;
    width: unset
}

.person-header .header-bar-right div.item[data-v-6eea3b36] {
    padding-top: 2px
}

.mobile-erweima[data-v-6eea3b36] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2001;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000
}

.mobile-erweima .app-two-dimension .app-twodimension-box[data-v-6eea3b36] {
    padding: 20px 0 10px;
    width: 190px;
    background: #fff;
    text-align: center
}

.mobile-erweima .app-two-dimension img[data-v-6eea3b36] {
    display: inline-block;
    width: 124px;
    height: 124px
}

.mobile-erweima .app-two-dimension .icon-delete[data-v-6eea3b36] {
    position: absolute;
    top: 225px;
    left: 78px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    z-index: 111;
    cursor: pointer
}

.mobile-erweima .app-two-dimension .icon-delete[data-v-6eea3b36]:before {
    left: 2px
}

.mobile-erweima .app-two-dimension .icon-delete[data-v-6eea3b36]:hover {
    color: #f60;
    border-color: #f60
}

.phone-img-hover[data-v-6eea3b36] {
    position: absolute;
    top: 0;
    left: -6px;
    z-index: 1000;
    width: 134px;
    z-index: 124
}

.phone-img-hover .phone-img-bg[data-v-6eea3b36] {
    background: #fff;
    padding-bottom: 10px;
    margin-top: 25px;
    box-sizing: border-box;
    width: 134px;
    font-size: 12px;
    text-align: center;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .1);
    border: 1px solid #e3e4e5;
    overflow: hidden;
    height: 175px
}

.phone-img-hover.mini-pro[data-v-6eea3b36] {
    left: -16px
}

.phone-img-hover[data-v-6eea3b36]:after {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #e3e4e5;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 21px;
    left: 65px;
    border-bottom: 0;
    border-right: 0;
    z-index: 123
}

.phone-img-hover img[data-v-6eea3b36] {
    width: 124px;
    height: 124px;
    display: inline-block;
    margin: 15px 0 8px
}

.phone-img-hover span[data-v-6eea3b36] {
    float: none;
    margin: 0
}

.phone-img-hover div[data-v-6eea3b36] {
    height: 18px;
    line-height: 18px;
    font-size: 12px
}

.categoryPanel-cont>.categoryPanel-inner[data-v-dd981626] {
    min-height: 380px;
    position: relative
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first[data-v-dd981626] {
    box-sizing: border-box;
    width: 256px;
    border: 1px solid #ced3d9;
    border-radius: 3px 0 0 3px;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .1);
    background-color: #fff
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first>ul[data-v-dd981626] {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100%
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first>ul>.firstActive[data-v-dd981626] {
    background-color: rgba(0, 153, 255, .08) !important
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first>ul>.firstActive[data-v-dd981626]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #09f
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first>ul>li[data-v-dd981626] {
    height: 41px;
    padding-left: 40px;
    padding-right: 10px;
    position: relative;
    font-size: 14px;
    color: #333
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first>ul>li>.itemBox[data-v-dd981626] {
    line-height: 41px
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first>ul>li>.itemBox>span[data-v-dd981626] {
    margin: 0 20px
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first>ul>li>.itemBox>a[data-v-dd981626] {
    color: #333
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first>ul>li>.itemBox>a[data-v-dd981626]:hover {
    color: #f60
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first>ul>li>.icRight[data-v-dd981626] {
    line-height: 41px;
    position: absolute;
    right: 10px;
    font-size: 16px;
    color: #c2c6cc
}

.categoryPanel-cont>.categoryPanel-inner>.categoryPanel-first>ul>li>.iconActive[data-v-dd981626] {
    color: #666
}

.categoryPanel-cont .categoryPanel-info[data-v-dd981626] {
    background-color: #fff;
    width: 1010px;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .1);
    height: 100%;
    min-height: 380px;
    margin-left: 256px;
    padding: 30px;
    border: 2px solid #09f;
    position: relative;
    top: 0;
    left: 0;
    z-index: 8888
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item[data-v-dd981626] {
    width: 100%;
    margin-bottom: 20px
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item[data-v-dd981626]:last-child {
    margin-bottom: 0
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-name[data-v-dd981626] {
    color: #333;
    display: block;
    cursor: pointer;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    margin-bottom: 10px
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-name[data-v-dd981626]:hover {
    color: #f60
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-name>i[data-v-dd981626] {
    position: relative;
    top: 2px;
    vertical-align: top;
    margin-right: 5px;
    font-size: 16px
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-type>.Level-box[data-v-dd981626] {
    margin-bottom: 10px
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-type>.Level-box[data-v-dd981626]:last-child {
    margin-bottom: 0
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-type>.Level-box>.secondLevel[data-v-dd981626] {
    display: block;
    font-size: 12px;
    line-height: 18px;
    width: 100px;
    min-width: 100px;
    text-align: left;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 10px
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-type>.Level-box>.secondLevel[data-v-dd981626]:hover {
    color: #f60
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-type>.Level-box>.threeLevel-box[data-v-dd981626] {
    margin-left: 100px;
    overflow: hidden
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-type>.Level-box>.threeLevel-box>.threeLevel[data-v-dd981626] {
    display: block;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    margin-right: 9px;
    color: #666;
    margin-bottom: 5px
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-type>.Level-box>.threeLevel-box>.threeLevel[data-v-dd981626]:last-child {
    margin-right: 0
}

.categoryPanel-cont .categoryPanel-info>.categoryPanel-second>.info-item>.category-type>.Level-box>.threeLevel-box>.threeLevel[data-v-dd981626]:hover {
    color: #f60
}

@media screen and (max-width:1280px) {
    .categoryPanel-cont .categoryPanel-info[data-v-dd981626] {
        width: 810px
    }
}

.hideClass[data-v-dd981626] {
    display: none
}

.grid.borderBom[data-v-54bc6aab]:after {
    content: "";
    display: block;
    height: 2px;
    background: #09f;
    margin-top: -10px
}

.header-bar-right[data-v-54bc6aab] {
    color: #666
}

.logo[data-v-54bc6aab] {
    margin-top: 25px
}

.consuptive-nav[data-v-54bc6aab] {
    height: 40px;
    border-bottom: 1px solid #e6ebf2
}

.consuptive-nav .nav-class-tit[data-v-54bc6aab] {
    width: 256px;
    padding-left: 40px;
    height: 40px;
    position: relative;
    font-size: 15px;
    cursor: pointer;
    border: 1px solid #e6ebf2;
    border-bottom: none;
    display: flex;
    align-items: center
}

.consuptive-nav .nav-class-tit .hc-icon[data-v-54bc6aab] {
    font-size: 16px
}

.consuptive-nav .nav-class-tit[data-v-54bc6aab]:hover {
    color: #f60
}

.consuptive-nav .nav-class-tit .showbar[data-v-54bc6aab] {
    width: auto;
    position: absolute;
    left: -1px;
    top: 39px;
    z-index: 10
}

.hidden[data-v-54bc6aab] {
    display: none
}

.consuptive-nav .container .nav-tit[data-v-54bc6aab] {
    overflow: hidden;
    float: left;
    margin-left: 30px
}

.consuptive-nav .container .nav-tit li[data-v-54bc6aab] {
    float: left
}

.consuptive-nav .container .nav-tit li a[data-v-54bc6aab] {
    font-size: 15px;
    color: #333;
    padding: 0 20px;
    text-align: center;
    display: inline-block;
    height: 40px;
    line-height: 38px
}

.consuptive-nav .container .nav-tit li a.header-nav-link[data-v-54bc6aab] {
    cursor: pointer
}

.consuptive-nav .container .nav-tit li:hover a[data-v-54bc6aab] {
    color: #f60
}

.consuptive-nav .container .nav-tit li.selected a[data-v-54bc6aab] {
    font-weight: 700;
    color: #06c
}

.consuptive-nav .container .nav-tit li.active a[data-v-54bc6aab] {
    color: #fff;
    background: #09f
}

.consuptive-nav .container .nav-tit li.active:hover a[data-v-54bc6aab] {
    color: #fff
}

.consuptive-header[data-v-54bc6aab] {
    background: #fff
}

.consuptive-header .header-main[data-v-54bc6aab] {
    margin-bottom: 26px;
    max-height: 89px
}

.consuptive-header .header-main.needont-search .logo[data-v-54bc6aab] {
    width: 100% !important
}

.consuptive-header .header-main .nav-fixed[data-v-54bc6aab] {
    position: fixed;
    z-index: 300;
    background: #fff;
    width: 100%;
    top: 0;
    height: 56px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .1)
}

.consuptive-header .header-main .nav-fixed .hot-search[data-v-54bc6aab] {
    display: none
}

.consuptive-header .header-main .nav-fixed .header-search[data-v-54bc6aab] {
    margin-top: 10px;
    width: calc(100% - 317px)
}

.consuptive-header .header-main .nav-fixed .shopping-car[data-v-54bc6aab] {
    margin-top: 10px
}

.consuptive-header .header-main .nav-fixed .logo[data-v-54bc6aab] {
    margin: 10px 20px 0 0
}

.consuptive-header .header-main .nav-fixed .logo .header-logo-img[data-v-54bc6aab] {
    width: 135px;
    height: 36px;
    background: url(../image/9c86d46.jpg)
}

.consuptive-header .header-main .nav-fixed .qr-code[data-v-54bc6aab] {
    display: none
}

.consuptive-header .header-main .container[data-v-54bc6aab] {
    position: relative;
    padding: 0
}

.consuptive-header .header-main .container[data-v-54bc6aab]:before {
    content: " ";
    display: table
}

.consuptive-header .header-main .container[data-v-54bc6aab]:after {
    content: " ";
    display: table;
    clear: both
}

.consuptive-header .header-main .main-nav[data-v-54bc6aab] {
    float: left
}

.consuptive-header .header-main .logo[data-v-54bc6aab] {
    float: left;
    margin-left: 42px;
    margin-right: 90px
}

.consuptive-header .header-main .logo .icon-category2[data-v-54bc6aab] {
    font-size: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 5px;
    cursor: pointer
}

.consuptive-header .header-main .logo .icon-category2[data-v-54bc6aab]:before {
    cursor: pointer
}

.consuptive-header .header-main .logo .header-logo-img[data-v-54bc6aab] {
    width: 176px;
    display: inline-block;
    height: 64px;
    cursor: pointer;
    background: url(../image/ztop.jpg) no-repeat 50% 50%;
    background-size: contain;
    vertical-align: top
}

.consuptive-header .header-main .logo .logo-header span[data-v-54bc6aab]:last-child {
    display: none
}

.consuptive-header .header-main .logo .logo-header img[data-v-54bc6aab] {
    cursor: pointer
}

.consuptive-header .header-main .logo .bor-span[data-v-54bc6aab] {
    margin-right: 0
}

.consuptive-header .header-main .logo .bor-span span[data-v-54bc6aab]:first-child {
    padding-right: 20px;
    margin: 3px 20px 0 0
}

.consuptive-header .header-main .logo .bor-span span[data-v-54bc6aab]:last-child {
    font-size: 24px;
    font-weight: 700;
    display: block;
    line-height: 31px
}

.shopping-car[data-v-54bc6aab] {
    float: left;
    overflow: visible;
    height: 36px;
    border: 1px solid #09f;
    text-align: center;
    line-height: 34px;
    padding: 0 6px;
    position: relative;
    margin: 25px 0 0 20px;
    width: 142px;
    box-sizing: border-box
}

.shopping-car[data-v-54bc6aab]:hover {
    background-color: rgba(0, 153, 255, .1)
}

.shopping-car .cart-num[data-v-54bc6aab] {
    display: inline-block;
    min-width: 16px;
    line-height: 16px;
    border-radius: 10px;
    background: #f33;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 0 3px;
    position: absolute;
    right: -8px;
    top: -9px
}

.shopping-car .icon-shopping-cart[data-v-54bc6aab] {
    padding-left: 30px;
    color: #09f
}

.shopping-car .icon-shopping-cart[data-v-54bc6aab]:before {
    position: absolute;
    top: -2px;
    left: -2px;
    font-size: 20px;
    height: 21px;
    width: 20px;
    display: inline-block
}

.shopping-car a[data-v-54bc6aab] {
    display: block;
    color: #333;
    text-decoration: none
}

.qr-code[data-v-54bc6aab] {
    margin-top: 20px;
    margin-right: 100px;
    float: right
}

.qr-code img[data-v-54bc6aab] {
    width: 70px;
    height: 70px
}

.qr-code .qc-desc[data-v-54bc6aab] {
    color: #999;
    font-size: 12px
}

.header-side-ctrl[data-v-54bc6aab] {
    float: right;
    margin-right: 8px
}

.hot-search[data-v-54bc6aab] {
    padding-right: 20px;
    width: 100%;
    height: 30px;
    overflow: hidden;
    margin-top: 10px
}

.hot-search .key-item[data-v-54bc6aab] {
    margin-right: 10px;
    cursor: pointer;
    color: #999
}

.hot-search .key-item[data-v-54bc6aab]:hover {
    color: #f60
}

.hot-search a[data-v-54bc6aab],
.hot-search[data-v-54bc6aab] {
    font-size: 12px
}

.hot-search a[data-v-54bc6aab] {
    margin-right: 8px
}

.hot-search .active a[data-v-54bc6aab],
.initStyle[data-v-54bc6aab] {
    color: #f60
}

div.phone-img-style[data-v-54bc6aab] {
    position: relative;
    top: 8px;
    left: 0
}

div.phone-img-style span[data-v-54bc6aab] {
    display: block;
    position: absolute;
    top: 90px;
    left: 15px
}

div.header-side-infor li i.icon-message[data-v-54bc6aab],
div.header-side-infor li i.icon-mini-program[data-v-54bc6aab],
div.header-side-infor li i.icon-mobile-phone[data-v-54bc6aab],
div.header-side-infor li i.icon-shopping-cart[data-v-54bc6aab] {
    position: relative;
    left: -5px
}

div.header-side-infor li span[data-v-54bc6aab] {
    display: inline-block;
    margin-left: 20px
}

.phone-img-style[data-v-54bc6aab] {
    position: relative;
    top: 8px;
    left: 0
}

.phone-img-style>img[data-v-54bc6aab] {
    display: block;
    clear: both;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1
}

.phone-img-style>span[data-v-54bc6aab] {
    font-size: 12px;
    color: #999;
    position: absolute;
    top: 90px;
    left: 17px;
    z-index: 1
}

.search-history[data-v-54bc6aab] {
    position: absolute;
    top: 36px;
    border: 1px solid #ced2e9;
    border-top: none;
    width: calc(100% - 93px);
    width: -moz-calc(100% - 93px);
    background: #fff;
    z-index: 200;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .1)
}

.search-history .clear-btn[data-v-54bc6aab] {
    cursor: pointer;
    font-size: 12px
}

.search-history .clear-btn[data-v-54bc6aab]:hover {
    color: #f60
}

.search-history ul[data-v-54bc6aab] {
    max-height: 310px;
    overflow: hidden
}

.search-history ul.history-list[data-v-54bc6aab] {
    max-height: 341px
}

.search-history ul li[data-v-54bc6aab] {
    font-size: 12px;
    height: 31px;
    line-height: 31px;
    width: 100%;
    overflow: hidden;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #666
}

.search-history ul li.active[data-v-54bc6aab] {
    background: #f5f7fa;
    color: #333
}

.search-history ul li.item-txt[data-v-54bc6aab] {
    color: #999;
    cursor: default
}

.search-history ul li strong[data-v-54bc6aab] {
    color: #f60
}

.consuptive-header .shopcar-header[data-v-54bc6aab] {
    height: 76px;
    margin-bottom: 30px
}

.consuptive-header .shopcar-header .logo[data-v-54bc6aab] {
    margin-top: 30px;
    margin-left: 0
}

.consuptive-header .shopcar-header .logo .header-logo-img[data-v-54bc6aab] {
    width: 135px;
    height: 36px;
    background: url(../image/9c86d46.jpg) no-repeat;
    float: left;
    padding-right: 20px;
    margin: 0 20px 0 0;
    position: relative;
    box-sizing: content-box
}

.consuptive-header .shopcar-header .logo .header-logo-img[data-v-54bc6aab]:before {
    display: inline-block;
    content: "";
    height: 80%;
    border-right: 1px solid #dadfe5;
    position: absolute;
    right: 0;
    top: 11%
}

.consuptive-header .shopcar-header .header-search[data-v-54bc6aab] {
    width: 621px;
    float: right;
    margin: 30px 0
}

.consuptive-header .shopcar-header .header-search .hot-search[data-v-54bc6aab] {
    display: none
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .consuptive-header .hot-search[data-v-54bc6aab] {
        height: 36px
    }

    .consuptive-header .shopcar-header .header-search[data-v-54bc6aab] {
        width: 473px
    }

    .consuptive-header .shopcar-header .header-search .hot-search[data-v-54bc6aab],
    .telephone-num[data-v-54bc6aab] {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .logo[data-v-54bc6aab] {
        width: 100%;
        margin: 20px 0 0
    }

    .consuptive-header .header-main[data-v-54bc6aab] {
        margin-bottom: 30px;
        max-height: 132px !important
    }

    .consuptive-header .header-main.shopcar-header[data-v-54bc6aab] {
        margin-bottom: 16px
    }

    .consuptive-header .header-main.shopcar-header .logo[data-v-54bc6aab] {
        margin-top: 26px
    }

    .consuptive-header .header-main.shopcar-header .header-search[data-v-54bc6aab] {
        width: 100% !important;
        float: right;
        margin: 20px 0 0
    }

    .consuptive-header .header-main.needont-search[data-v-54bc6aab] {
        height: auto !important;
        margin-bottom: 40px
    }

    .consuptive-header .header-main.needont-search .logo[data-v-54bc6aab] {
        margin-top: 30px
    }

    .consuptive-header .header-main .nav-fixed .logo[data-v-54bc6aab],
    .consuptive-header .header-main .nav-fixed .qr-code[data-v-54bc6aab] {
        display: none
    }

    .consuptive-header .header-main .header-search[data-v-54bc6aab] {
        width: calc(100% - 162px) !important;
        width: -moz-calc(100% - 162px) !important
    }

    .consuptive-header .header-main .qr-code[data-v-54bc6aab] {
        display: none
    }

    .consuptive-header .container .logo[data-v-54bc6aab] {
        margin: 20px 0 0
    }

    .consuptive-header .container .logo .header-logo-img[data-v-54bc6aab] {
        width: 176px;
        height: 64px;
        background: url(../image/ztop.jpg) no-repeat 50% 50%;
        background-size: contain;
        vertical-align: top;
    }

    .header-search .form-group input[data-v-54bc6aab] {
        width: calc(100% - 93px);
        width: -moz-calc(100% - 93px)
    }
}

.header-search[data-v-54bc6aab] {
    width: calc(100% - 725px);
    width: -moz-calc(100% - 725px);
    float: left;
    height: 36px;
    margin-top: 25px;
    overflow: visiable
}

.header-search[data-v-54bc6aab]:after {
    display: block;
    content: "";
    clear: both
}

.header-search input[data-v-54bc6aab] {
    width: calc(100% - 93px);
    width: -moz-calc(100% - 93px);
    float: left;
    height: 36px;
    border: 1px solid #09f;
    border-right: none;
    font-size: 12px;
    padding: 0 10px;
    box-sizing: border-box
}

.header-search .btn-submit[data-v-54bc6aab] {
    width: 93px;
    border: none;
    float: right;
    height: 36px;
    background: #09f;
    color: #fff;
    font-size: 16px
}

.header-search .btn-submit[data-v-54bc6aab]:hover {
    background: #0091f2
}

.clear-history[data-v-54bc6aab] {
    background: #f5f7fa;
    color: #999;
    line-height: 31px;
    height: 31px;
    text-align: right;
    padding-right: 10px
}

.telephone-num[data-v-54bc6aab] {
    float: right;
    color: #09f;
    margin-top: 8px;
    margin-right: 75px
}

.telephone-num span[data-v-54bc6aab] {
    font-size: 16px;
    font-weight: 700
}

.telephone-num span.icon-call[data-v-54bc6aab] {
    vertical-align: -4px;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 400
}

.advisory[data-v-5fd2725e] {
    position: fixed;
    right: 0;
    z-index: 999
}

.advisory ul[data-v-5fd2725e] {
    border-radius: 3px
}

.advisory ul li[data-v-5fd2725e] {
    border-bottom: 1px solid #33adff;
    background-color: #09f;
    overflow: hidden;
    height: 88px
}

.advisory ul li[data-v-5fd2725e]:hover {
    background-color: #008ae5;
    overflow: visible
}

.advisory ul .tip-wrapper:hover .tips[data-v-5fd2725e] {
    opacity: 1
}

.advisory ul .backtop[data-v-5fd2725e] {
    display: none
}

.advisory ul li[data-v-5fd2725e]:first-child {
    border-radius: 3px 3px 0 0
}

.advisory ul li[data-v-5fd2725e]:last-child {
    border-bottom: 0;
    border-radius: 0 0 3px 3px
}

.advisory ul li a[data-v-5fd2725e] {
    position: relative;
    text-decoration: none;
    display: block;
    padding: 20px 11px 9px;
    text-align: center;
    color: #fff
}

.advisory ul li a img[data-v-5fd2725e] {
    vertical-align: middle;
    width: 26px;
    height: 26px
}

.advisory ul li a p[data-v-5fd2725e] {
    margin-top: 5px;
    font-size: 12px
}

.advisory ul li a .tips[data-v-5fd2725e] {
    opacity: 0;
    transition: opacity .15s;
    position: absolute;
    left: -205px;
    top: 17px;
    background-color: #fff;
    padding: 15px 14px;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .1);
    border-radius: 3px
}

.advisory ul li a .tips[data-v-5fd2725e]:after {
    content: "";
    position: absolute;
    right: -14px;
    bottom: 19px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left: 8px solid #fff
}

.advisory ul li a .tips span[data-v-5fd2725e]:first-child {
    font-size: 14px;
    color: #000
}

.advisory ul li a .tips span[data-v-5fd2725e]:nth-child(2) {
    font-size: 16px;
    color: #f60;
    font-weight: 700
}

.advisory ul li a .qrcode[data-v-5fd2725e] {
    opacity: 0;
    transition: .1s;
    position: absolute;
    left: -213px;
    top: 0;
    padding: 10px;
    background-color: #fff;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .1)
}

.advisory ul .qrcode-wrapper:hover a .qrcode[data-v-5fd2725e] {
    opacity: 1
}

.advisory ul li a .qrcode img[data-v-5fd2725e] {
    width: 180px;
    height: 180px
}

.advisory ul li a .qrcode .tip[data-v-5fd2725e] {
    margin-top: 10px;
    color: #000;
    font-size: 12px
}

.advisory ul li a .qrcode[data-v-5fd2725e]:after {
    content: "";
    position: absolute;
    right: -14px;
    top: 40px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left: 8px solid #fff
}

.suggest-btn[data-v-5fd2725e] {
    border-radius: 0 0 3px 3px
}

.main-container[data-v-d6bac48e] {
    position: static
}

.err-wrap[data-v-d6bac48e] {
    text-align: center;
    z-index: 200;
    width: 100%;
    min-height: 224px
}

.err-wrap .err-cnt[data-v-d6bac48e] {
    display: inline-block;
    height: 184px;
    text-align: left;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%
}

.err-wrap .err-cnt.err-cnt-500[data-v-d6bac48e] {
    width: 640px;
    margin-left: -320px
}

.err-wrap .err-cnt.err-cnt-404[data-v-d6bac48e] {
    width: 700px;
    margin-left: -350px
}

.err-wrap .err-cnt.err-cnt-504[data-v-d6bac48e] {
    width: 636px;
    margin-left: -318px
}

.err-wrap .err-cnt.err-cnt-errorNo[data-v-d6bac48e] {
    width: 742px;
    margin-left: -318px
}

@media screen and (min-width:1024px) {
    .err-wrap[data-v-d6bac48e] {
        height: calc(100% - 412px)
    }

    .err-wrap .err-cnt[data-v-d6bac48e] {
        margin-top: -104px
    }
}

@media screen and (max-width:1023px) {
    .err-wrap .err-cnt[data-v-d6bac48e] {
        margin-top: -92px
    }
}

.err-wrap .err-img[data-v-d6bac48e] {
    width: 250px;
    height: 184px;
    margin-right: 60px;
    float: left
}

.err-wrap .err-img.err-404[data-v-d6bac48e] {
    background: url(../image/995ba69.png) no-repeat
}

.err-wrap .err-r[data-v-d6bac48e] {
    line-height: 1.5;
    float: left
}

.err-wrap .err-r .err-title[data-v-d6bac48e] {
    font-size: 24px;
    margin: 20px 0 10px
}

.err-wrap .err-r .err-txt[data-v-d6bac48e] {
    color: #999;
    margin: 0 0 20px
}

.err-wrap .err-r .err-btns .err-btn[data-v-d6bac48e] {
    display: inline-block;
    background: #f5f7fa;
    border: 1px solid #ced2d9;
    padding: 6px 15px;
    border-radius: 3px;
    margin-right: 7px
}

.err-wrap .err-r .err-btns .err-btn[data-v-d6bac48e]:hover {
    color: #333;
    background: #e6ebf2
}

.err-wrap .err-r .err-btns .err-btn.btn-main[data-v-d6bac48e] {
    background: #09f;
    border-color: #09f;
    color: #fff
}

.err-wrap .err-r .err-btns .err-btn.btn-main[data-v-d6bac48e]:hover {
    background: #0091f2
}

@font-face {
    font-family: HC;
    src: url(../font/c71c395.eot);
    src: url(../font/c71c395.eot) format("embedded-opentype"), url(../font/a1be2e9.ttf) format("truetype"), url(../font/d396ced.woff) format("woff"), url(../font/793d56c.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: HC !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-cosmetology:before {
    content: "\e98d"
}

.icon-turn-page:before {
    content: "\e98c"
}

.icon-addtocart:before {
    content: "\e98a"
}

.icon-Inquiry:before {
    content: "\e98b"
}

.icon-call2:before {
    content: "\e989"
}

.icon-location:before {
    content: "\e988"
}

.icon-purchase:before {
    content: "\e94c"
}

.icon-shiyanHC:before {
    content: "\e984"
}

.icon-shengmingKX:before {
    content: "\e983"
}

.icon-chengxinFW:before {
    content: "\e97f"
}

.icon-keyanSJ:before {
    content: "\e980"
}

.icon-lihuaFX:before {
    content: "\e981"
}

.icon-pingpiaoBX:before {
    content: "\e982"
}

.icon-tongyongYQ:before {
    content: "\e985"
}

.icon-xiangtiYQ:before {
    content: "\e986"
}

.icon-zhuanyeXX:before {
    content: "\e987"
}

.icon-radio2:before {
    content: "\e938"
}

.icon-erweima2:before {
    content: "\e97d"
}

.icon-erweima1:before {
    content: "\e97e"
}

.icon-shiyanYQ:before {
    content: "\e97c"
}

.icon-verify2:before {
    content: "\e97b"
}

.icon-bingfangHL:before {
    content: "\e969"
}

.icon-brands:before {
    content: "\e96a"
}

.icon-daoguanHC:before {
    content: "\e96b"
}

.icon-fanhuHC:before {
    content: "\e96c"
}

.icon-fuchanSY:before {
    content: "\e96d"
}

.icon-gankongHC:before {
    content: "\e96e"
}

.icon-huliFL:before {
    content: "\e96f"
}

.icon-humaJJ:before {
    content: "\e970"
}

.icon-jianhuZC:before {
    content: "\e971"
}

.icon-jianyanHC:before {
    content: "\e972"
}

.icon-linchuanJY:before {
    content: "\e973"
}

.icon-shoushuHC:before {
    content: "\e974"
}

.icon-shoushuSB:before {
    content: "\e975"
}

.icon-shuzhuHC:before {
    content: "\e976"
}

.icon-xiaoduMJ:before {
    content: "\e977"
}

.icon-yankeKQ:before {
    content: "\e978"
}

.icon-yiyongCX:before {
    content: "\e979"
}

.icon-zhongyiKF:before {
    content: "\e97a"
}

.icon-list:before {
    content: "\e95a"
}

.icon-cus:before {
    content: "\e968"
}

.icon-contacts:before {
    content: "\e967"
}

.icon-qzone2:before {
    content: "\e966"
}

.icon-about-us:before {
    content: "\e965"
}

.icon-fire:before {
    content: "\e964"
}

.icon-wrench:before {
    content: "\e962"
}

.icon-honor:before {
    content: "\e963"
}

.icon-qq2:before {
    content: "\e961"
}

.icon-check:before {
    content: "\e960"
}

.icon-company:before {
    content: "\e95f"
}

.icon-crown:before {
    content: "\e95c"
}

.icon-network:before {
    content: "\e95b"
}

.icon-price:before {
    content: "\e95d"
}

.icon-diamond:before {
    content: "\e95e"
}

.icon-slide-down:before {
    content: "\e959"
}

.icon-service:before {
    content: "\e958"
}

.icon-selected2:before {
    content: "\e93e"
}

.icon-popup:before {
    content: "\e957"
}

.icon-picture:before {
    content: "\e956"
}

.icon-record:before {
    content: "\e952"
}

.icon-alarm-clock:before {
    content: "\e953"
}

.icon-pentagram1:before {
    content: "\e954"
}

.icon-pentagram2:before {
    content: "\e955"
}

.icon-date:before {
    content: "\e94f"
}

.icon-see:before {
    content: "\e950"
}

.icon-weibo:before {
    content: "\e951"
}

.icon-android:before {
    content: "\e94d"
}

.icon-apple:before {
    content: "\e94e"
}

.icon-collect1:before {
    content: "\e94a"
}

.icon-collect2:before {
    content: "\e94b"
}

.icon-edit:before {
    content: "\e946"
}

.icon-after-sale:before {
    content: "\e949"
}

.icon-slide-up:before {
    content: "\e947"
}

.icon-setting:before {
    content: "\e948"
}

.icon-radio1:before {
    content: "\e937"
}

.icon-circle-of-friends:before {
    content: "\e944"
}

.icon-wechat:before {
    content: "\e945"
}

.icon-app-gallery:before {
    content: "\e942"
}

.icon-app-list:before {
    content: "\e943"
}

.icon-app-right:before {
    content: "\e940"
}

.icon-app-left:before {
    content: "\e941"
}

.icon-app-more:before {
    content: "\e93f"
}

.icon-selected1:before {
    content: "\e93d"
}

.icon-back:before {
    content: "\e939"
}

.icon-checkbox1:before {
    content: "\e93a"
}

.icon-checkbox2:before {
    content: "\e93b"
}

.icon-rotate:before {
    content: "\e93c"
}

.icon-download:before {
    content: "\e935"
}

.icon-system-message:before {
    content: "\e936"
}

.icon-footprint:before {
    content: "\e933"
}

.icon-time:before {
    content: "\e929"
}

.icon-address:before {
    content: "\e931"
}

.icon-coupon:before {
    content: "\e932"
}

.icon-deliver:before {
    content: "\e934"
}

.icon-verify:before {
    content: "\e92e"
}

.icon-hide:before {
    content: "\e92f"
}

.icon-display:before {
    content: "\e930"
}

.icon-sms:before {
    content: "\e926"
}

.icon-stock-out:before {
    content: "\e927"
}

.icon-payment:before {
    content: "\e928"
}

.icon-order:before {
    content: "\e92a"
}

.icon-password:before {
    content: "\e92b"
}

.icon-delivery:before {
    content: "\e92c"
}

.icon-phone-number:before {
    content: "\e92d"
}

.icon-qzone:before {
    content: "\e924"
}

.icon-qq:before {
    content: "\e925"
}

.icon-service3:before {
    content: "\e922"
}

.icon-service2:before {
    content: "\e923"
}

.icon-service4:before {
    content: "\e90c"
}

.icon-service1:before {
    content: "\e921"
}

.icon-error1:before {
    content: "\e917"
}

.icon-error2:before {
    content: "\e918"
}

.icon-yes1:before {
    content: "\e919"
}

.icon-yes2:before {
    content: "\e91a"
}

.icon-caution1:before {
    content: "\e91b"
}

.icon-caution2:before {
    content: "\e91c"
}

.icon-info1:before {
    content: "\e91d"
}

.icon-info2:before {
    content: "\e91e"
}

.icon-problem1:before {
    content: "\e91f"
}

.icon-problem2:before {
    content: "\e920"
}

.icon-category2:before {
    content: "\e916"
}

.icon-user:before {
    content: "\e900"
}

.icon-home:before {
    content: "\e904"
}

.icon-category1:before {
    content: "\e913"
}

.icon-message:before {
    content: "\e911"
}

.icon-delete:before {
    content: "\e901"
}

.icon-call:before {
    content: "\e902"
}

.icon-return:before {
    content: "\e903"
}

.icon-share1:before {
    content: "\e905"
}

.icon-share2:before {
    content: "\e906"
}

.icon-shopping-cart:before {
    content: "\e907"
}

.icon-add:before {
    content: "\e908"
}

.icon-deduct:before {
    content: "\e909"
}

.icon-recycle:before {
    content: "\e90a"
}

.icon-filter:before {
    content: "\e90b"
}

.icon-mobile-phone:before {
    content: "\e90d"
}

.icon-search:before {
    content: "\e90e"
}

.icon-up:before {
    content: "\e90f"
}

.icon-down:before {
    content: "\e910"
}

.icon-mini-program:before {
    content: "\e912"
}

.icon-right:before {
    content: "\e914"
}

.icon-left:before {
    content: "\e915"
}

*,
:after,
:before {
    box-sizing: border-box
}

* {
    outline: 0 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body,
html {
    height: 100%
}

body {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    font-family: Microsoft YaHei, Arial, sans-serif, 微软雅黑;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100%;
    color: #333;
    background-color: #f5f7fa
}

#__govedeng,
#__layout {
    width: 100%;
    height: 100%;
    position: relative
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    vertical-align: middle
}

li,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

label {
    display: inline-block;
    max-width: 100%;
    font-weight: 700
}

a {
    outline: 0
}

a,
a:focus {
    color: #06c;
    text-decoration: none
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline: 0;
    outline-offset: -2px
}

a:hover {
    color: #f60;
    text-decoration: none;
    outline: 0
}

input {
    line-height: normal;
    color: #333
}

::-ms-clear,
::-ms-reveal {
    display: none
}

input:-webkit-autofill,
text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

input:focus {
    outline: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin: 4px 0 0;
    line-height: normal
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: border-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c2c6cc
}

input:-moz-placeholder,
input::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
    color: #c2c6cc
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c2c6cc
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input,
optgroup,
select,
textarea {
    padding: 0;
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    outline: 0
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=resest],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button:focus {
    border: none
}

textarea {
    overflow: auto
}

p {
    margin: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e4e4e4
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.btn,
.text-nowrap {
    white-space: nowrap
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mt1 {
    margin-top: 1px
}

.mt2 {
    margin-top: 2px
}

.mt3 {
    margin-top: 3px
}

.mt4 {
    margin-top: 4px
}

.mt5 {
    margin-top: 5px
}

.mt6 {
    margin-top: 6px
}

.mt7 {
    margin-top: 7px
}

.mt8 {
    margin-top: 8px
}

.mt9 {
    margin-top: 9px
}

.mt10 {
    margin-top: 10px
}

.mt11 {
    margin-top: 11px
}

.mt12 {
    margin-top: 12px
}

.mt13 {
    margin-top: 13px
}

.mt14 {
    margin-top: 14px
}

.mt15 {
    margin-top: 15px
}

.mt16 {
    margin-top: 16px
}

.mt17 {
    margin-top: 17px
}

.mt18 {
    margin-top: 18px
}

.mt19 {
    margin-top: 19px
}

.mt20 {
    margin-top: 20px
}

.mt40 {
    margin-top: 40px
}

.mb1 {
    margin-bottom: 1px
}

.mb2 {
    margin-bottom: 2px
}

.mb3 {
    margin-bottom: 3px
}

.mb4 {
    margin-bottom: 4px
}

.mb5 {
    margin-bottom: 5px
}

.mb6 {
    margin-bottom: 6px
}

.mb7 {
    margin-bottom: 7px
}

.mb8 {
    margin-bottom: 8px
}

.mb9 {
    margin-bottom: 9px
}

.mb10 {
    margin-bottom: 10px
}

.mb11 {
    margin-bottom: 11px
}

.mb12 {
    margin-bottom: 12px
}

.mb13 {
    margin-bottom: 13px
}

.mb14 {
    margin-bottom: 14px
}

.mb15 {
    margin-bottom: 15px
}

.mb16 {
    margin-bottom: 16px
}

.mb17 {
    margin-bottom: 17px
}

.mb18 {
    margin-bottom: 18px
}

.mb19 {
    margin-bottom: 19px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mr0 {
    margin-right: 0
}

.mr1 {
    margin-right: 1px
}

.mr2 {
    margin-right: 2px
}

.mr3 {
    margin-right: 3px
}

.mr4 {
    margin-right: 4px
}

.mr5 {
    margin-right: 5px
}

.mr6 {
    margin-right: 6px
}

.mr7 {
    margin-right: 7px
}

.mr8 {
    margin-right: 8px
}

.mr9 {
    margin-right: 9px
}

.mr10 {
    margin-right: 10px
}

.mr11 {
    margin-right: 11px
}

.mr12 {
    margin-right: 12px
}

.mr13 {
    margin-right: 13px
}

.mr14 {
    margin-right: 14px
}

.mr15 {
    margin-right: 15px
}

.mr16 {
    margin-right: 16px
}

.mr17 {
    margin-right: 17px
}

.mr18 {
    margin-right: 18px
}

.mr19 {
    margin-right: 19px
}

.mr20 {
    margin-right: 20px
}

.ml1 {
    margin-left: 1px
}

.ml2 {
    margin-left: 2px
}

.ml3 {
    margin-left: 3px
}

.ml4 {
    margin-left: 4px
}

.ml5 {
    margin-left: 5px
}

.ml6 {
    margin-left: 6px
}

.ml7 {
    margin-left: 7px
}

.ml8 {
    margin-left: 8px
}

.ml9 {
    margin-left: 9px
}

.ml10 {
    margin-left: 10px
}

.ml11 {
    margin-left: 11px
}

.ml12 {
    margin-left: 12px
}

.ml13 {
    margin-left: 13px
}

.ml14 {
    margin-left: 14px
}

.ml15 {
    margin-left: 15px
}

.ml16 {
    margin-left: 16px
}

.ml17 {
    margin-left: 17px
}

.ml18 {
    margin-left: 18px
}

.ml19 {
    margin-left: 19px
}

.ml20 {
    margin-left: 20px
}

.ml21 {
    margin-left: 21px
}

.pt1 {
    padding-top: 1px
}

.pt2 {
    padding-top: 2px
}

.pt3 {
    padding-top: 3px
}

.pt4 {
    padding-top: 4px
}

.pt5 {
    padding-top: 5px
}

.pt6 {
    padding-top: 6px
}

.pt7 {
    padding-top: 7px
}

.pt8 {
    padding-top: 8px
}

.pt9 {
    padding-top: 9px
}

.pt10 {
    padding-top: 10px
}

.pt11 {
    padding-top: 11px
}

.pt12 {
    padding-top: 12px
}

.p13 {
    padding-top: 13px
}

.pt14 {
    padding-top: 14px
}

.pt15 {
    padding-top: 15px
}

.pt16 {
    padding-top: 16px
}

.pt17 {
    padding-top: 17px
}

.pt18 {
    padding-top: 18px
}

.pt19 {
    padding-top: 19px
}

.pt20 {
    padding-top: 20px
}

.pt40 {
    padding-top: 40px
}

.pb1 {
    padding-bottom: 1px
}

.pb2 {
    padding-bottom: 2px
}

.pb3 {
    padding-bottom: 3px
}

.pb4 {
    padding-bottom: 4px
}

.pb5 {
    padding-bottom: 5px
}

.pb6 {
    padding-bottom: 6px
}

.pb7 {
    padding-bottom: 7px
}

.pb8 {
    padding-bottom: 8px
}

.pb9 {
    padding-bottom: 9px
}

.pb10 {
    padding-bottom: 10px
}

.pb11 {
    padding-bottom: 11px
}

.pb12 {
    padding-bottom: 12px
}

.pb13 {
    padding-bottom: 13px
}

.pb14 {
    padding-bottom: 14px
}

.pb15 {
    padding-bottom: 15px
}

.pb16 {
    padding-bottom: 16px
}

.pb17 {
    padding-bottom: 17px
}

.pb18 {
    padding-bottom: 18px
}

.pb19 {
    padding-bottom: 19px
}

.pb20 {
    padding-bottom: 20px
}

.pr1 {
    padding-right: 1px
}

.pr2 {
    padding-right: 2px
}

.pr3 {
    padding-right: 3px
}

.pr4 {
    padding-right: 4px
}

.pr5 {
    padding-right: 5px
}

.pr6 {
    padding-right: 6px
}

.pr7 {
    padding-right: 7px
}

.pr8 {
    padding-right: 8px
}

.pr9 {
    padding-right: 9px
}

.pr10 {
    padding-right: 10px
}

.pr11 {
    padding-right: 11px
}

.pr12 {
    padding-right: 12px
}

.pr13 {
    padding-right: 13px
}

.pr14 {
    padding-right: 14px
}

.pr16 {
    padding-right: 16px
}

.pr17 {
    padding-right: 17px
}

.pr18 {
    padding-right: 18px
}

.pr19 {
    padding-right: 19px
}

.pr20 {
    padding-right: 20px
}

.pl1 {
    padding-left: 1px
}

.pl2 {
    padding-left: 2px
}

.pl3 {
    padding-left: 3px
}

.pl4 {
    padding-left: 4px
}

.pl5 {
    padding-left: 5px
}

.pl6 {
    padding-left: 6px
}

.pl7 {
    padding-left: 7px
}

.pl8 {
    padding-left: 8px
}

.pl9 {
    padding-left: 9px
}

.pl10 {
    padding-left: 10px
}

.pl11 {
    padding-left: 11px
}

.pl12 {
    padding-left: 12px
}

.pl13 {
    padding-left: 13px
}

.pl14 {
    padding-left: 14px
}

.pl15 {
    padding-left: 15px
}

.pl16 {
    padding-left: 16px
}

.pl17 {
    padding-left: 17px
}

.pl18 {
    padding-left: 18px
}

.pl19 {
    padding-left: 19px
}

.pl20 {
    padding-left: 20px
}

ul li.float-left,
ul.float-left-li li {
    float: left
}

.float-left-li ul,
ul.float-left-li:after {
    display: inline-block;
    content: "";
    clear: both
}

ul li.float-right,
ul.float-right-li li {
    float: right
}

.f_clear:after,
.float-li:after {
    display: block;
    content: "";
    clear: both
}

.f_left {
    float: left
}

.f_right {
    float: right
}

.float-li li {
    float: left
}

.float-li-mr10 li {
    margin-right: 10px
}

.float-li-mr20 li {
    margin-right: 20px
}

.hide,
.none {
    display: none
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.disabled {
    opacity: .5;
    cursor: not-allowed
}

.text-center {
    text-align: center
}

.icon {
    position: relative;
    cursor: pointer
}

.icon:before {
    position: absolute;
    top: 0;
    left: 0
}

.pos_rel {
    position: relative
}

.font-hover-f60:hover {
    color: #f60
}

.container {
    max-width: 1280px;
    width: calc(100% - 40px);
    margin: 0 auto
}

.large-show {
    display: block
}

.large-hide {
    display: none
}

.pro-detail-img img {
    max-width: 750px;
    margin: 0 auto
}

.pro-detail-img p {
    margin: 0
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .middle-show {
        display: block
    }

    .middle-hide {
        display: none
    }

    .large-show {
        display: block
    }

    .large-hide {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    /* .container {
        min-width: 480px
    } */

    .small-hide {
        display: none
    }

    .small-show {
        display: block
    }
}

.no-tit-pop .el-dialog__header {
    padding: 0
}

.no-tit-pop .el-dialog__headerbtn {
    top: 5px;
    right: 10px;
    font-size: 20px;
    color: #ccc
}

.no-tit-pop .el-dialog__headerbtn:hover {
    color: #666
}

.no-tit-pop .dialog-footer {
    text-align: right !important;
    padding: 0
}

.no-tit-pop .icon-caution2:before {
    color: #f60;
    font-size: 36px;
    left: -40px;
    top: -10px
}

.no-tit-pop .el-dialog__body {
    padding: 40px 20px 20px 70px
}

.el-message {
    top: 30%;
    left: 50%;
    border-radius: 5px;
    min-width: auto;
    padding: 0 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .03);
    border: none;
    height: 41px;
    line-height: 41px;
    color: #fff
}

.el-message .el-message__content {
    color: #fff;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.el-message__icon {
    display: none
}

.el-message--success {
    background: #05c46b
}

.el-message--warning {
    background: #f60
}

.el-message-box {
    width: 480px
}

.el-message-box__wrapper .el-message-box__header {
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    border-radius: 4px;
    padding: 0
}

.el-message-box__wrapper .el-message-box__header .el-message-box__title {
    height: 36px;
    font-size: 16px;
    line-height: 45px;
    margin-left: 20px;
    display: none
}

.el-message-box__wrapper .el-message-box__header .el-message-box__headerbtn {
    top: -2px;
    right: 10px
}

.el-message-box__wrapper .el-message-box__header .el-message-box__close {
    color: #999;
    font-size: 16px
}

.el-message-box__wrapper .el-message-box__header .el-message-box__close:hover {
    color: #333
}

.el-message-box__wrapper .el-message-box__status+.el-message-box__message {
    padding: 0;
    text-align: left;
    line-height: 21px;
    width: 400px;
    margin-left: 59px
}

.el-message-box__message p {
    line-height: 21px
}

.el-message-box__wrapper .el-message-box__status {
    font-size: 14px;
    left: 0;
    margin: 0 0 0 20px
}

.el-message-box__wrapper .el-message-box__content {
    padding: 0
}

.el-message-box__status:before {
    font-size: 32px
}

.el-message-box__btns {
    text-align: right;
    padding: 0 20px 0 0;
    margin: 25px auto 0
}

.el-button--small {
    padding: 0 15px;
    height: 35px
}

.el-message-box__btns button.el-button--primary {
    background: #09f;
    color: #fff;
    border: 1px solid #09f
}

.el-message-box__btns button.el-button--primary:hover {
    background: #0091f2;
    color: #fff;
    border: 1px solid #09f
}

.el-message-box__content {
    padding: 20px 0 10px
}

.el-message-box {
    padding-bottom: 20px;
    text-align: right
}

.el-input-number.is-disabled .el-input-number__decrease .el-icon-plus:hover .el-input.is-disabled .el-input__inner,
.el-input-number.is-disabled .el-input-number__decrease:hover .el-input.is-disabled .el-input__inner,
.el-input-number.is-disabled .el-input-number__increase .el-icon-plus:hover .el-input.is-disabled .el-input__inner,
.el-input-number.is-disabled .el-input-number__increase:hover .el-input.is-disabled .el-input__inner {
    border-color: #f5f7fa
}

.el-upload-list--picture-card .el-upload-list__item {
    line-height: 98px;
    overflow: hidden;
    text-align: center
}

.el-upload-list--picture-card .el-upload-list__item img {
    max-width: 98px;
    max-height: 98px;
    width: auto;
    height: auto
}

.el-icon-zoom-in:before {
    content: "\e90e";
    font-family: HC;
    font-size: 18px
}

.clearfix:after {
    content: " ";
    display: table;
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.line1 {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.line2 {
    -webkit-line-clamp: 2
}

.line2,
.line3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line3 {
    -webkit-line-clamp: 3
}

.flex-def {
    display: flex
}

.flex-zCenter {
    -moz-justify-content: center;
    justify-content: center
}

.flex-zBetween {
    -moz-justify-content: space-between;
    justify-content: space-between
}

.flex-zEnd {
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.flex-zStart {
    -moz-justify-content: start;
    justify-content: start
}

.flex-cCenter {
    -moz-align-items: center;
    align-items: center
}

.flex-cStart {
    -moz-align-items: start;
    align-items: start
}

.flex-cEnd {
    -moz-align-items: flex-end;
    align-items: flex-end
}

.flex-cBaseline {
    -moz-align-items: baseline;
    align-items: baseline
}

.flex-cStretch {
    -moz-align-items: stretch;
    align-items: stretch
}

.flex-zTopBottom {
    -moz-flex-direction: column;
    flex-direction: column
}

.flex-zBottomTop {
    -webkit-box-pack: end;
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-zLeftRight {
    -moz-flex-direction: row;
    flex-direction: row
}

.flex-zRightLeft {
    -webkit-box-pack: end;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-item {
    -moz-flex-grow: 1;
    flex-grow: 1
}

.flex-order {
    -moz-order: 1;
    order: 1
}

.flex-1 {
    flex: 1;
    flex-grow: 1
}

.flex-nowrap {
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-wrap {
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.global-bread-crumb {
    max-width: 1240px;
    padding: 15px 20px
}

.global-bread-crumb .bc-ul {
    display: flex
}

.global-bread-crumb .bc-ul .bc-li {
    display: flex;
    align-items: center;
    margin-right: 5px
}

.global-bread-crumb .bc-li .bc-name {
    max-width: 540px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 5px;
    color: #999
}

.global-bread-crumb .bc-li .icon-right {
    font-size: 16px;
    color: #999
}

.global-bread-crumb a.bc-li:hover .bc-name {
    color: #f60
}

.footer-new[data-v-9569b97a] {
    background: #e6ebf2;
    position: absolute;
    width: 100%;
    bottom: 0
}

.footer-new .footer-t .footer-t-list[data-v-9569b97a] {
    display: flex;
    border-bottom: 1px solid #ced2d9
}

.footer-new .footer-t .footer-t-item[data-v-9569b97a] {
    padding: 30px 0;
    flex: 1;
    text-align: center
}

.footer-new .footer-t .footer-t-item .footer-t-item-txt[data-v-9569b97a] {
    display: inline-block;
    font-size:1.1rem;
    font-weight: 700;
    color: #333;
    vertical-align: -2px;
    margin-left: 15px
}
.footer-t-item{
    text-align: center;
}
.footer-new .footer-t .footer-t-item .footer-t-item-icon[data-v-9569b97a] {
    font-size: 42px;
    color: #09f;
    vertical-align: middle
}

.footer-new .footer-entry[data-v-9569b97a] {
    padding: 20px 0 0
}

.footer-new .footer-entry .entry-list[data-v-9569b97a] {
    text-align: center;
    font-size: 0
}

.footer-new .footer-entry .entry-list li[data-v-9569b97a] {
    font-size: 14px;
    color: #666;
    line-height: 21px;
    height: 21px;
    display: inline-block
}

.footer-new .footer-entry .entry-list li[data-v-9569b97a]:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #ced2d9;
    margin: 0 10px;
    vertical-align: -2px
}

.footer-new .footer-entry .entry-list li[data-v-9569b97a]:last-of-type:after {
    display: none
}

.footer-new .footer-entry .entry-list li a[data-v-9569b97a] {
    font-size: 14px;
    color: #666
}

.footer-new .footer-entry .entry-list li a[data-v-9569b97a]:hover {
    color: #f60
}

.footer-new .footer-b[data-v-9569b97a] {
    text-align: center;
    padding: 10px 0 20px;
    color: #666
}

.footer-new .footer-b .footer-info[data-v-9569b97a] {
    margin-bottom: 10px;
    font-size: 0
}

.footer-new .footer-b .footer-info[data-v-9569b97a]:last-child {
    margin-bottom: 0
}

.footer-new .footer-b .footer-info-gap[data-v-9569b97a] {
    border-right: 1px solid #ced2d9;
    margin: 0 10px;
    display: inline-block;
    height: 16px;
    vertical-align: -2px
}

.footer-new .footer-b .footer-info-link[data-v-9569b97a] {
    color: #666;
    font-size: 14px
}

.footer-new .footer-b .footer-info-link[data-v-9569b97a]:hover {
    color: #f60
}

.footer-new .footer-b .footer-info-txt[data-v-9569b97a] {
    font-size: 14px;
    color: #666
}

.footer-new .footer-b .footer-info-txt.footer-info-txt-l[data-v-9569b97a] {
    margin-right: 5px
}

@media only screen and (max-width:1023px) {
    .footer-new .container[data-v-9569b97a] {
        width: 100%
    }

    .footer-new .footer-b .footer-info-txt.footer-info-sm[data-v-9569b97a] {
        display: block;
        margin-top: 10px
    }
}

.footer-new[data-v-0c6b2132] {
    background: #e6ebf2;
    position: absolute;
    width: 100%;
    bottom: 0;
    min-width: 1060px
}

.footer-new .footer-b[data-v-0c6b2132] {
    text-align: center;
    padding: 20px 0;
    color: #666
}

.footer-new .footer-b .footer-info[data-v-0c6b2132] {
    margin-bottom: 10px;
    font-size: 0
}

.footer-new .footer-b .footer-info .shu[data-v-0c6b2132] {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 1px;
    height: 11px;
    background-color: #cecece;
    margin: 0 10px
}

.footer-new .footer-b .footer-info[data-v-0c6b2132]:last-child {
    margin-bottom: 0
}

.footer-new .footer-b .footer-info-link[data-v-0c6b2132] {
    color: #333;
    font-size: 12px
}

.footer-new .footer-b .footer-info-link[data-v-0c6b2132]:hover {
    color: #f60
}

.footer-new .footer-b .footer-info-txt[data-v-0c6b2132] {
    font-size: 12px;
    color: #333
}

.footer-new .footer-b .footer-hotline[data-v-0c6b2132] {
    font-size: 12px;
    color: #333;
    display: inline-block
}

.footer-new .footer-b .footer-hotline a[data-v-0c6b2132] {
    font-size: 12px;
    color: #333
}

.footer-new .footer-b .footer-hotline a[data-v-0c6b2132]:hover {
    color: #f60
}

@media only screen and (max-width:1240px) {
    .footer-new .footer-hotline[data-v-0c6b2132] {
        display: block;
        margin-top: 9px
    }

    .footer-new .shu-ms[data-v-0c6b2132] {
        display: none !important
    }
}

div {
    word-break: break-all
}

.main-container {
    position: relative;
    min-height: 100%;
    padding-bottom: 297px;
    background: #f5f7fa
}

.btn {
    cursor: pointer;
    border-radius: 3px;
    padding: 7px 15px
}

.btn-bg-blue {
    background: #09f;
    color: #fff
}

.btn-bg-blue:hover {
    background: #0091f2
}

.btn-bg-green {
    background: #05c46b;
    color: #fff
}

.btn-bg-grey {
    background: #f5f7fa;
    color: #333;
    border: 1px solid #ced2d9
}

.btn-bg-grey:hover {
    background: #e6ebf2
}

.btn-bg-orange,
a.btn-bg-orange {
    background: #f60;
    color: #fff;
    cursor: pointer;
    border-radius: 2px
}

.btn-bg-orange:hover,
a.btn-bg-orange:hover {
    background: #f26100
}

.btn-bord-orange,
a.btn-bord-orange {
    background: #fff;
    color: #f60;
    border: 1px solid #f60;
    cursor: pointer;
    border-radius: 2px
}

.btn-bord-orange:hover,
a.btn-bord-orange:hover {
    background: #f60;
    color: #fff
}

button {
    border: none
}

.btn-bor-green {
    border: 1px solid #0c6;
    color: #0c6
}

.btn-bor-blue {
    border: 1px solid #09f;
    color: #09f
}

.btn-bor-blue:hover {
    background: #09f;
    color: #fff
}

.bor-blue:hover,
a.bor-blue:hover {
    border: 1px solid #06c;
    color: #06c
}

.font-normal {
    color: #333
}

.font-grey9,
.upload-img-tip {
    color: #999
}

.font-grey6 {
    color: #666
}

.font-error,
.font-red {
    color: red
}

.blue_a:hover,
.font-blue,
a.font-blue {
    color: #06c
}

.font-blue:hover {
    color: #f60;
    cursor: pointer
}

.font-orange {
    color: #f60
}

.f-weight4 {
    font-weight: 400
}

.f-weight6 {
    font-weight: 600
}

.f-weight7 {
    font-weight: 700
}

.f-weight8 {
    font-weight: 800
}

.f-size12 {
    font-size: 12px
}

.f-size14 {
    font-size: 14px
}

.f-size16 {
    font-size: 16px
}

.f-size18 {
    font-size: 18px
}

.page-light-bg {
    padding: 12px 10px 13px 35px;
    font-size: 14px;
    cursor: default;
    margin-bottom: 10px;
    overflow: hidden
}

.page-light-bg:before {
    font-size: 16px;
    top: 12px;
    left: 13px
}

.page-light-bg .icon-info2 {
    float: left;
    margin: 2px 5px 0 0;
    font-size: 16px
}

.page-light-bg.light-yellow-bg {
    background: #fffbe6;
    border: 1px solid #fc6
}

.page-light-bg.light-yellow-bg .icon-info2,
.page-light-bg.light-yellow-bg:before {
    color: #f90
}

.page-light-bg.light-blue-bg {
    background: #e5f0ff;
    border: 1px solid #b2d2ff
}

.page-light-bg.light-blue-bg .icon-info2,
.page-light-bg.light-blue-bg:before {
    color: #09f
}

.page-light-bg.light-green-bg {
    background: #f6ffed;
    border: 1px solid #c0ed9d
}

.page-light-bg.light-green-bg .icon-info2,
.page-light-bg.light-green-bg:before {
    color: #0c0
}

.page-light-bg.light-red-bg {
    background: #fff1f1;
    border: 1px solid #ffb2b2
}

.page-light-bg.light-red-bg .icon-info2,
.page-light-bg.light-red-bg:before {
    color: #ff2a00
}

.page-light-bg .icon-delete {
    right: 0;
    color: #666;
    font-size: 16px;
    display: inline-block;
    width: 20px;
    height: 13px;
    float: right
}

.infor-left100 {
    width: 100px;
    margin-right: 10px;
    float: left;
    color: #999
}

.infor-right100 {
    width: calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    float: left;
    -ms-word-break: break-all;
    word-break: break-all
}

.bor-span:after {
    display: block;
    content: "";
    clear: both
}

.bor-span span {
    position: relative;
    float: left
}

.bor-span span:before {
    display: inline-block;
    content: "";
    height: 80%;
    border-right: 1px solid #dadfe5;
    position: absolute;
    right: 0;
    top: 10%
}

.bor-span span:last-child:before {
    display: none
}

a,
button {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none
}

.pop-tip {
    opacity: .5;
    color: #fff;
    height: 35px;
    padding: 0 15px 0 20px;
    text-align: center;
    line-height: 35px;
    left: 51%;
    top: 1px;
    border-radius: 4px
}

.pop-tip,
.pop-tip:after {
    background: #000;
    position: absolute
}

.pop-tip:after {
    display: block;
    content: "";
    color: #000;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    top: 13px;
    left: -4px
}

.warning {
    color: red;
    font-size: 14px;
    padding-left: 23px
}

.warning.icon-error2:before {
    font-size: 16px;
    position: absolute;
    left: 0
}

.personal-container {
    font-size: 14px
}

.bread-nav {
    padding: 0 0 20px
}

.bread-nav li {
    margin-right: 10px;
    color: #999
}

.bread-nav li a {
    cursor: pointer;
    color: #999
}

.bread-nav li a:hover {
    color: #f60
}

.bread-nav li:last-child .icon {
    display: none
}

.bread-nav li span.icon-right {
    display: inline-block;
    width: 10px;
    height: 10px
}

.bread-nav li span.icon-right:before {
    left: 3px;
    top: -2px
}

.no-data {
    background: #fff;
    height: 288px;
    text-align: center;
    padding: 80px 0 90px;
    color: #999
}

.no-data .icon-info1 {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 10px;
    color: #f60;
    font-size: 32px;
    cursor: default
}

.upload-img-tip {
    font-size: 14px;
    margin-top: 5px;
    line-height: 1.5
}

.h1 {
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    line-height: 27px
}

.col {
    margin-right: 10px
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33%
}

.col-5 {
    width: 41.67%
}

.col-6 {
    width: 50%
}

.col-10 {
    width: 83.33%
}

.bor-100 {
    border: 1px solid #e6ecf2;
    width: 100px;
    height: 100px;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.bor-100 img {
    max-width: 100px;
    max-height: 100px;
    display: inline-block
}

.scrollStyle1::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
    right: 3px
}

.scrollStyle1::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #ccc
}

.scrollStyle1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    border-radius: 6px;
    background-color: #fff
}

.pass-price {
    text-decoration: line-through;
    font: 14px tahoma, arial, Microsoft YaHei, Hiragino Sans GB, "\u5b8b\u4f53", sans-serif;
    color: #999
}

@media only screen and (max-width:1023px) {
    .main-container {
        padding-bottom: 338px
    }
}

.el-dialog__header {
    height: 44px;
    line-height: 44px;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    background-color: #f5f7fa;
    border-radius: 4px 4px 0 0;
    padding: 0;
    border-bottom: 1px solid #e6ebf2
}

.el-dialog__header .el-dialog__title {
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    margin-left: 20px
}

.el-dialog__wrapper {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.el-dialog__wrapper .el-dialog {
    border-radius: 4px;
    margin: 0;
    box-shadow: none
}

.el-dialog__headerbtn {
    top: 0
}

.el-dialog__headerbtn .el-dialog__close {
    color: #999;
    font-size: 16px
}

.el-dialog__headerbtn .el-dialog__close:hover,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #333
}

.el-form-item__content,
.el-form-item__content .el-cascader {
    line-height: 35px
}

.el-form-item__content .el-cascader__label {
    line-height: 35px;
    padding-left: 10px
}

.el-form-item__label {
    color: #999;
    font-family: 微软雅黑;
    font-weight: 400;
    position: relative;
    line-height: 35px
}

.el-form-item__error {
    color: red;
    position: relative;
    line-height: 1.5;
    font-size: 14px;
    padding-top: 8px
}

.el-form-item {
    margin-bottom: 20px
}

.el-dialog__footer {
    text-align: left;
    padding-bottom: 40px;
    padding-top: 15px
}

.dialog-footer {
    text-align: left;
    padding-left: 140px
}

.dialog-footer .font-grey9 {
    margin: -25px 0 20px
}

.el-dialog__body {
    padding-bottom: 0;
    padding-top: 40px;
    color: #333
}

.el-button {
    height: 35px;
    padding: 0 15px;
    letter-spacing: 0;
    line-height: 33px
}

.el-button--default:hover {
    background: #e6ebf2;
    color: #333;
    border-color: #ced2e9
}

.el-input__inner {
    height: 35px;
    line-height: 35px;
    padding: 0 10px
}

.el-input {
    height: 35px
}

.el-form-item.is-success .el-input__inner,
.el-textarea__inner {
    border-color: #dcdfe6
}

.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner:focus {
    border-color: #09f
}

.el-button--default {
    background: #f5f7fa;
    border: 1px solid #ced2e9
}

.el-button--default:hover {
    background-color: #e6ebf2
}

.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
    color: #d00;
    font-size: 12px
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border: 1px solid red
}

.error .el-upload--picture-card {
    border-color: red
}

.el-message-box__content .el-message-box__status.icon-caution2 {
    color: #f60;
    font-size: 32px !important
}

.pop-tip-text {
    text-align: center;
    line-height: 1
}

.el-message-box__header {
    height: 44px;
    line-height: 44px;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    background-color: #f5f7fa;
    border-radius: 4px;
    padding: 0;
    border-bottom: 1px solid #e6ebf2
}

.el-message-box__header .el-message-box__title {
    height: 36px;
    font-size: 16px;
    line-height: 45px;
    margin-left: 20px
}

.el-message-box__header .el-message-box__headerbtn {
    top: 0
}

.el-message-box__header .el-message-box__close {
    color: #999;
    font-size: 16px
}

.el-message-box__header .el-message-box__close:hover {
    color: #333
}

.el-message-box__status+.el-message-box__message {
    padding: 0;
    text-align: center;
    margin-top: 40px
}

.el-message-box__status {
    left: 50%;
    margin-left: -22px;
    top: 40%;
    font-size: 14px
}

.el-message-box__status:before {
    font-family: HC !important;
    content: "\e91c";
    display: block;
    color: #f60;
    font-size: 30px
}

.el-message-box__btns {
    text-align: center;
    width: 160px;
    margin: 0 auto;
    overflow: hidden
}

.el-message-box__btns button {
    float: right
}

.el-message-box__btns button.el-button--primary {
    margin: 0 10px 0 0
}

.el-button--small {
    padding: 7px 15px;
    font-size: 14px
}

.el-button {
    background: #f5f7fa;
    border: 1px solid #ced2d9
}

.el-button:hover {
    background: #e6ebf2;
    color: #333;
    border: 1px solid #ced2d9
}

.el-button--primary {
    background: #09f;
    color: #fff;
    border: 1px solid #09f
}

.el-button--primary:hover {
    background: #0091f2;
    color: #fff;
    border: 1px solid #09f
}

input[type=file].el-upload__input {
    display: none
}

.el-upload--picture-card {
    background-color: #f5f7fa;
    border: 1px solid #e6ecf2;
    border-radius: 0;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    line-height: 107px;
    vertical-align: top
}

.el-upload--picture-card i {
    color: #cecccc;
    font-size: 26px
}

.el-upload-list--picture-card {
    height: 100px;
    display: inline-block
}

.el-upload-list--picture-card .el-upload-list__item {
    width: 100px;
    height: 100px;
    border-radius: 0;
    border: 1px solid #e6ecf2;
    margin: 0 10px 0 0
}

.el-upload-list--picture-card .el-upload-list__item.focusing {
    border-color: #e6ecf2
}

.el-upload-list__item.is-success .el-upload-list__item-status-label,
.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: none
}

.el-form-item__error {
    padding-left: 23px
}

.el-form-item__error:before {
    font-family: HC;
    content: "\e918";
    font-size: 16px;
    position: absolute;
    left: 0
}

.el-checkbox__inner {
    transition: all 0s linear
}

.el-checkbox__inner:hover {
    border-color: #dcdfe6
}

.el-checkbox__inner:after {
    transition: all 0s linear
}

.el-checkbox__input.is-focus .el-checkbox__inner,
.el-checkbox__input.is-focus .el-checkbox__inner:hover {
    border-color: #dcdfe6
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-checked .el-checkbox__inner:hover {
    border-color: #409eff !important
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner:hover {
    border-color: #dcdfe6;
    background: #fff
}

.dialog-footer button.el-button--default,
.dialog-footer button.el-button--primary {
    width: auto !important
}

.new-limmit .icon-caution2 {
    float: left;
    margin: 0 5px 0 20px;
    display: inline-block;
    width: 36px;
    height: 36px
}

.new-limmit .icon-caution2:before {
    color: #f60;
    font-size: 36px
}

.new-limmit .caution-span {
    width: 400px;
    float: left;
    margin-top: 7px;
    line-height: 21px
}

.new-limmit .el-button {
    padding: 0;
    height: 35px;
    line-height: 35px
}

.new-limmit .el-dialog__header {
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    font-weight: 400;
    color: #333;
    background: 0 0;
    border-radius: 4px 4px 0 0;
    padding: 0;
    border-bottom: none
}

.new-limmit .el-dialog__title {
    display: none
}

.new-limmit .el-dialog__body {
    padding: 20px 0 0;
    width: 100%
}

.new-limmit .dialog-footer {
    text-align: right;
    padding-left: 0;
    margin: 0
}

.new-limmit .el-dialog__footer {
    padding: 25px 20px 20px 0;
    text-align: right
}

.new-limmit .el-dialog__headerbtn {
    right: 10px
}

.new-limmit .dialog-footer button.el-button--default,
.new-limmit .dialog-footer button.el-button--primary {
    margin-right: 0;
    height: 35px;
    line-height: 31px;
    padding: 0 15px
}

.el-input__suffix {
    top: -1px
}

.is-opened .el-input__suffix {
    top: 2px
}

.el-input__suffix.is-focus {
    top: -4px
}

.el-icon-arrow-up {
    top: 2px
}

.nuxt-containder[data-v-66c8d3b2] {
    min-width: 375px;
    width: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden
}

.nuxt-containder .header-cont-lay[data-v-66c8d3b2] {
    width: 100%
}

.nuxt-containder .header-footer-lay[data-v-66c8d3b2] {
    width: 100%;
    position: absolute;
    bottom: 0;
    min-width: 960px
}

.nuxt-containder>.inner-cont[data-v-66c8d3b2] {
    height: 100%;
    margin: 0 auto
}

.nuxt-containder .pad212[data-v-66c8d3b2] {
    padding-bottom: 212px
}

.nuxt-containder .pad58[data-v-66c8d3b2] {
    padding-bottom: 58px
}

.fade-enter-active[data-v-0289ed33] {
    transition: all .15s ease-out
}

.fade-leave-active[data-v-0289ed33] {
    transition: all .15s ease-in
}

.fade-enter[data-v-0289ed33],
.fade-leave-to[data-v-0289ed33] {
    opacity: 0
}

.move-enter-active[data-v-0289ed33] {
    transition: all .15s ease-out
}

.move-leave-active[data-v-0289ed33] {
    transition: all .15s ease-in
}

.move-enter[data-v-0289ed33],
.move-leave-to[data-v-0289ed33] {
    opacity: 0;
    transform: translate3d(0, -30px, 0)
}

.message-box-wrapper[data-v-0289ed33] {
    position: fixed;
    z-index: 2019;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    text-align: center
}

.message-box-wrapper[data-v-0289ed33]:after {
    content: "";
    height: 100%;
    width: 0
}

.message-box-wrapper[data-v-0289ed33]:after,
.message-box[data-v-0289ed33] {
    display: inline-block;
    vertical-align: middle
}

.message-box[data-v-0289ed33] {
    width: 480px;
    min-height: 128px;
    background-color: #fff;
    border-radius: 5px;
    text-align: left
}

.message-box .msg-title[data-v-0289ed33] {
    display: flex;
    justify-content: flex-end;
    height: 30px
}

.message-box .msg-fork[data-v-0289ed33] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    cursor: pointer
}

.message-box .msg-fork:hover .icon-delete[data-v-0289ed33],
.message-box .msg-fork[data-v-0289ed33]:hover {
    color: #333
}

.message-box .msg-fork .icon-delete[data-v-0289ed33] {
    font-size: 24px;
    color: #ccc
}

.message-box .msg-fork .icon-delete[data-v-0289ed33]:hover {
    color: #333
}

.message-box .msg-content[data-v-0289ed33] {
    display: flex;
    padding: 0 20px
}

.message-box .msg-content .hc-icon[data-v-0289ed33] {
    font-size: 32px
}

.message-box .msg-content .hc-icon.icon-info2[data-v-0289ed33] {
    color: #09f
}

.message-box .msg-content .hc-icon.icon-yes2[data-v-0289ed33] {
    color: #13bf13
}

.message-box .msg-content .hc-icon.icon-caution2[data-v-0289ed33] {
    color: #f60
}

.message-box .msg-content .hc-icon.icon-error2[data-v-0289ed33] {
    color: #e64545
}

.message-box .msg-content .msg-tip-title[data-v-0289ed33] {
    width: 398px;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 700
}

.message-box .msg-content .msg-tip-word[data-v-0289ed33] {
    padding-top: 5px;
    padding-left: 10px
}

.message-box .msg-button-choice[data-v-0289ed33] {
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.message-box .msg-button-choice .vd-button[data-v-0289ed33] {
    cursor: pointer;
    border-radius: 3px;
    padding: 7px 15px;
    background-color: #f5f7fa;
    margin-left: 10px
}

.message-box .msg-button-choice .vd-button[data-v-0289ed33]:hover {
    background-color: #edf0f2
}

.message-box .msg-button-choice .vd-button.confirm[data-v-0289ed33] {
    background-color: #09f;
    color: #fff
}

.message-box .msg-button-choice .vd-button.confirm[data-v-0289ed33]:hover {
    background-color: #008ae5
}

.message-box .msg-button-choice .vd-button.cannel[data-v-0289ed33] {
    border: 1px solid #ced2d9
}

.message-box .msg-button-choice .vd-button.cannel[data-v-0289ed33]:hover {
    border: 1px solid #b6babf
}

.message-box .msg-button-choice .vd-button.delete[data-v-0289ed33] {
    background-color: #e64545;
    color: #fff
}

.message-box .msg-button-choice .vd-button.delete[data-v-0289ed33]:hover {
    background-color: #cc2929
}

.black-bg[data-v-514e26e9] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1008;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center
}

.aff-form[data-v-514e26e9] {
    width: 680px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden
}

.aff-form .cnt-title[data-v-514e26e9] {
    font-size: 16px;
    color: #333;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px
}

.aff-form .cnt-title>i[data-v-514e26e9] {
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #ccc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.aff-form .cnt-title>i[data-v-514e26e9]:hover {
    color: #333
}

.aff-form .cnt-top-tip[data-v-514e26e9] {
    color: #666;
    font-size: 14px;
    background: #e5f5ff;
    height: 35px;
    line-height: 35px;
    padding: 0 20px
}

.aff-form .cnt-top-tip .icon-info2[data-v-514e26e9] {
    margin-right: 5px;
    vertical-align: -2px;
    font-size: 16px;
    color: #09f
}

.aff-form .form-wrap[data-v-514e26e9] {
    font-size: 14px;
    padding: 20px
}

.aff-form .form-wrap .form-item[data-v-514e26e9] {
    display: flex;
    position: relative;
    margin-bottom: 20px
}

.aff-form .form-wrap .form-item .item-label[data-v-514e26e9] {
    margin-right: 10px;
    width: 140px;
    line-height: 35px;
    text-align: right
}

.aff-form .form-wrap .form-item .item-label .must[data-v-514e26e9] {
    color: #e64545
}

.aff-form .form-wrap .form-item .item-field[data-v-514e26e9] {
    flex: 1
}

.aff-form .form-wrap .form-item .item-field .input-wrap[data-v-514e26e9] {
    width: 410px;
    display: inline-block;
    vertical-align: middle
}

.aff-form .form-wrap .form-item .item-field .input-wrap>input[data-v-514e26e9] {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 21px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ced3d9;
    padding: 7px 10px;
    border-radius: 3px
}

.aff-form .form-wrap .form-item .item-field .input-wrap>input[data-v-514e26e9]::-webkit-input-placeholder {
    font-size: 12px;
    color: #c2c6cc
}

.aff-form .form-wrap .form-item .item-field .input-wrap>input[data-v-514e26e9]::-moz-placeholder {
    font-size: 12px;
    color: #c2c6cc
}

.aff-form .form-wrap .form-item .item-field .input-wrap>input[data-v-514e26e9]:-ms-input-placeholder {
    font-size: 12px;
    color: #c2c6cc
}

.aff-form .form-wrap .form-item .item-field .input-wrap>input[data-v-514e26e9]:-moz-placeholder {
    font-size: 12px;
    color: #c2c6cc
}

.aff-form .form-wrap .form-item .item-field .input-wrap .input-err[data-v-514e26e9] {
    margin-top: 5px;
    height: 16px;
    color: #e64545;
    text-align: left
}

.aff-form .form-wrap .form-item .item-field .input-wrap .input-err>i[data-v-514e26e9] {
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-right: 5px
}

.aff-form .form-wrap .form-item .item-field .input-wrap .input-clear[data-v-514e26e9] {
    color: #999;
    font-size: 16px;
    line-height: 51px;
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 10px
}

.aff-form .form-wrap .cnt-bottom-tip[data-v-514e26e9] {
    color: #999;
    font-size: 14px;
    margin-top: -10px;
    padding-left: 150px
}

.aff-form .form-btn[data-v-514e26e9] {
    display: flex;
    margin-bottom: 20px;
    padding-left: 170px
}

.aff-form .form-btn .btn[data-v-514e26e9] {
    padding: 10px 20px;
    text-align: center;
    font-size: 15px;
    color: #333;
    border-radius: 3px;
    cursor: pointer
}

.aff-form .form-btn .btn[data-v-514e26e9]:first-child {
    margin-right: 10px
}

.aff-form .form-btn .btn.btn-main[data-v-514e26e9] {
    color: #fff;
    background: #09f
}