@charset "utf-8";

/* CSS Document */
body {
    font-family: "FZLanTingHeiS-H-GB", "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif, ;
    overflow-x: hidden;
    color: #000;
    /* background: #16165e; */
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
select,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

img {
    display: block;
    border: none;
    max-width: 100%;
}

a {
    color: #0d0d0d;
    text-decoration: none;
}

a,
area {
    blur: this.onFocus=this.blur())
}
input {
    border: none;
    background: none;
    outline: none;
    -webkit-appearance: none;
}
ul,
li {
    list-style: none;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

/* 通用头部 */
.ht_top{width:100%;background:url(https://www.huatu.com/z/413ztjx/images/nav_bg.gif) repeat-x 0; height:41px;line-height: 41px;}
.logo{float:left;height: 41px;}
.logo img{ border:0; padding:0;}
.zt_top{width:1000px;height:41px;margin:0 auto;}
.topnav{float:right;}
.huatu01{margin-left:10px; font-size:14px; color:#333; text-decoration:none;height: 41px;line-height: 41px; vertical-align: bottom;}
.huatu01:hover{ text-decoration:none; color:#C30;}
.huatu{ float:right; line-height:41px;height: 41px;}

.wx{position: relative;padding-left: 30px;background: url(https://u2.huatu.com/hubei/2018/kc_wxin.png) no-repeat left center;cursor: pointer;float:right;margin-left:12px;font-size: 14px;color:#333;z-index: 999;}
.wx:hover .wx_box{display: block;}
.wx:hover{color: #FF4B4E;}
.wx_wrap{min-width: 192px;height: 100px;padding-top: 30px;margin-bottom: 13px;}
.wx_box{display: none;position: absolute;bottom: -150px;padding-left: 20px;left: 0;min-width: 217px;height: 150px;background-color: #fff;z-index: 10;box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);}
.wx_box img{display: block;float: left;width: 80px;height: 80px;}
.wx_box a{display: block;float: left;width: 70px;height: 26px;margin-left: 15px;background: #e92930;border-radius: 3px;color: #fff !important;font-size: 14px;line-height: 26px;text-align: center;margin-top:-2px;text-decoration: none;}
.wx_box span{display: block;float: left;margin: 0 0 10px 15px;color: #000;font-size: 14px;line-height: 23px;}



.container {
    width: 1200px;
    margin: 0 auto;
}


.por {
    width: 48%;
    margin: 0 auto;
    margin-bottom: 4%;
}

.por input,
.por select {
    width: 100%;
    border: 1px solid #cbcbcb;
    background-color: #fff;
    height: 68px;
    line-height: 68px;
    border-radius: 10px;
    font-size: 20px;
  font-family: "FZLanTingHeiS-M-GB";
  color: rgb(133, 133, 133);
    padding-left: 10%;
}



.por input.send {
    border-radius: 15px;
    background-color: rgb(242, 204, 129);
    font-size: 23px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(125, 51, 51);
}

#__nc {
    display: block;
    box-sizing: border-box;
    width: 82%;
    height: 0.8rem;
    background-color: #f9f9f9;
    margin: 0 auto;
    margin-bottom: 4%;
    padding: 0;
    border-radius: 10px;
}

._nc .stage,
._nc .stage1 .track div,
._nc .stage1 .label {
    padding: 0 !important;
    height: 0.8rem !important;
    line-height: 0.8rem !important;
    font-size: .18rem;
}

._nc .stage1 .slider {
    height: 0.8rem !important;
    left: .0rem !important;
    right: .0rem !important;
}

._nc .stage1 .button {
    width: 2.2rem !important;
    height: 0.8rem !important;
}

.nc-container #nc_1_wrapper,
.nc-container.tb-login #nc_1_wrapper,
.nc-container #nc_2_wrapper,
.nc-container.tb-login #nc_2_wrapper {
    width: 100% !important;
    height: 0.8rem;
}

.nc-container .nc_scale .scale_text {
    font-size: .18rem !important;
    text-align: left;
}

.nc-container .scale_text.scale_text.slidetounlock span[data-nc-lang="_startTEXT"] {
    background: none !important;
    -webkit-text-fill-color: #bd7676 !important;
}

.nc_scale {
    height: 0.8rem !important;
    background-color: #7d3333 !important;
    border: none;
    border-radius: 10px;
}

.nc-container .nc_scale span {
    height: 0.8rem !important;
    line-height: 0.8rem !important;

}

.nc-container .nc_scale span.nc-lang-cnt {
    line-height: 0.8rem;
}

.nc-container .nc_scale .btn_ok {
    line-height: 0.8rem;
}

.nc-container .nc_scale .nc_ok,
.nc-container .nc_scale .nc_bg {
    border-radius: 10px;
}

.nc-container .nc_scale .btn_slide {
    font-size: 0.3rem;
    font-weight: bold;
    /* width: 1.6rem !important; */
    border-radius: 10px;
    background-color: #f2cc81;
    color: #a1694c !important;
}

.submit {
    width: 46%;
    margin: 0 auto;
    background-image: -moz-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    box-shadow: 0px 9px 2px 0px rgba(112, 28, 28, 0.9), inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.8);
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(175, 37, 31);
    padding: 3% 0;
    text-align: center;
    border-radius: 40px;
    margin-top: 6%;
}
.xcxbtn{width: 84%;
    margin: 0 auto;
    background-image: -moz-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    box-shadow: 0px 9px 2px 0px rgba(112, 28, 28, 0.9), inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.8);
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(175, 37, 31);
    padding: 2% 0;
    text-align: center;
    border-radius: 0.5rem;
    margin-top: -4%;}


    .yinsi {text-align: center;font-size: 14px;line-height: 32px;color: #fff;}
    .yinsi .checkbox {
     position: relative;
     display: inline-block;
     width: 18px;
     height: 18px;
     background: url("https://www.vintagefashionandbeauty.com/zt/gkggyy/images/check.png") no-repeat center / 100% 100%;
     vertical-align: middle;
     margin-right: 10px;
   }
    .yinsi .checkbox.checked{
     background-image: url("https://www.vintagefashionandbeauty.com/zt/gkggyy/images/checked.png");
   }
    .yinsi .checkbox input{
     position: absolute;
     left: 0;
     top:0;
     width: 18px;
     height: 18px;
   }

   .htred{color: #fff;}

/* 隐私协议 */
input[type="checkbox"]:checked {
    background-image: url("https://www.vintagefashionandbeauty.com/zt/gkggyy/images/check.png");
}

input[type="checkbox"] {
    width:20px;
    height: 20px;
    background-image: url("https://www.vintagefashionandbeauty.com/zt/gkggyy/images/border.png");
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 0.2rem;
    padding-left: 0;
    border-radius: 0;
}
.user_privacyBox{
    display: flex;
}
.user_privacyBox a,.user_privacyBox div{
    color: #fff;
}
/* 协议样式 end */

.banner {
    background: url("https://www.vintagefashionandbeauty.com/zt/gkggyy/images/banner.png") no-repeat;
    background-size: 100% 100%;
    padding-top: 6%;
    padding-bottom: 4%;
}

/* con1 */
.bg {
    background: #301212;
    padding-bottom: 4%;
}

.yuyue_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con1_left {
    width: 50%;
}

.disfx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yuyue_msg {
    font-size: 18px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(200, 130, 65);
    text-align: center;
    margin-top: 6%;
}

.con1_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con1_list li {
    width: 25%;
    background-image: linear-gradient(to right, #3f1e1a 70%, transparent);
    padding: 2% 0;
    border-radius: 20px 0 0 20px;
}

.con1_list li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.con1_list li p {
    font-size: 23px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(254, 234, 210);
    text-align: center;
    margin-top: 4%;
    line-height: 1.4;
}

/* con2 */
.con2_box {
    border-radius: 19px;
    background-image: -moz-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    box-shadow: 0px 3px 2px 0px rgba(153, 82, 37, 0.9);
    padding: 4% 4.4% 8% 4.4%;
    margin-bottom: 4%;
}

.con2_swiper .prev,
.con2_swiper .next {
    width: 50px;
    height: 50px;
}

.con2_swiper .prev {
    background: url("https://www.vintagefashionandbeauty.com/zt/gkggyy/images/left.png") no-repeat;
    background-size: 100% 100%;
    left: 2%;
}

.con2_swiper .next {
    background: url("https://www.vintagefashionandbeauty.com/zt/gkggyy/images/right.png") no-repeat;
    background-size: 100% 100%;
    right: 2%;
}

.con2_swiper {
    position: relative;
}

.con2_btn {
    display: block;
    width: 50%;
    margin: 0 auto;
    padding: 2% 0;
    background-image: -moz-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    box-shadow: 0px 9px 2px 0px rgba(112, 28, 28, 0.9), inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(175, 37, 31);
    text-align: center;
    border-radius: 40px;
    margin-bottom: -13%;
    margin-top: 6%;
}

/* con3 */
.con3_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con3_list li {
    width: 344px;
    height: 471px;
    background: url("https://www.vintagefashionandbeauty.com/zt/gkggyy/images/card_bg.png") no-repeat;
    background-size: 100% 100%;
    padding-top: 4%;
}

.con3_img {
    width: 140px;
    height: 140px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}

.con3_list li p {
    font-size: 21px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(242, 206, 131);
    text-align: center;
    margin-top: 6%;
}

.con3_list li i {
    font-size: 12px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(255, 255, 255);
    text-align: center;
    display: block;
    font-style: normal;
    margin-top: 2%;
}

.con3_show {
    display: none;
}

.con3_btn {
    display: block;
    padding: 2% 0;
    text-align: center;
    width: 48%;
    margin: 0 auto;
    margin-top: 4%;
    background-image: -moz-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    box-shadow: 0px 9px 2px 0px rgba(112, 28, 28, 0.9), inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    border-radius: 40px;
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(175, 37, 31);
}

/* con4 */
.con4_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 19px;
    background-image: -moz-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(246, 220, 202) 0%, rgb(215, 171, 141) 3%, rgb(183, 121, 79) 15%, rgb(196, 136, 91) 55%, rgb(246, 222, 174) 100%);
    box-shadow: 0px 3px 2px 0px rgba(153, 82, 37, 0.9);
    padding: 4% 4.4% 8% 4.4%;

}

.con4_list li {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.con4_list li p {
    font-size: 22px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(255, 255, 255);
    margin-top: 6%;
}

.con4_list li a {
    display: block;
    width: 80%;
    text-align: center;
    background-image: -moz-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -webkit-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    background-image: -ms-linear-gradient(87deg, rgb(250, 194, 163) 0%, rgb(253, 222, 196) 22%, rgb(255, 250, 229) 100%);
    box-shadow: 0px 9px 2px 0px rgba(112, 28, 28, 0.9), inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    border-radius: 40px;
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(175, 37, 31);
    padding: 2% 0;
    margin-top: 4%;
}

#codeBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.region {
    width: 60%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.region a {
    width: 15.6%;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5%;
    cursor: pointer;
    background-color: #69231a;
    border-radius: 30px;
}
.region a:hover {
    background-image: -moz-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    background-image: -webkit-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    background-image: -ms-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    box-shadow: inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    color: rgb(159, 52, 37);
}


.region a span {
    width:100%;
    text-align: center;
    padding: 6% 0 5% 0;

}

.region a span i {
    font-size: 18px;
    font-family: "FZLanTingHeiS-R-GB";
    color: rgb(222, 140, 136);
    line-height: 34px;
    font-style: normal;
}


.box04_bottom {
    width: 34%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.zx-left {
    width:100%;
}

.zx-left h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 2%;
}

.zx-left p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 2%;
}
.link_container p a{
    color: #fff;
}
.zx-right {
    width:40%;
    margin-top: 8%;
}

.zx-right img {
    width: 100%;
    padding: 2%;
    border: 3px solid #AA8225;
    border-radius: 10px;
}
.service{
    border-radius: 20px;
    background-image: -moz-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    background-image: -webkit-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    background-image: -ms-linear-gradient( 87deg, rgb(250,194,163) 0%, rgb(253,222,196) 22%, rgb(255,250,229) 100%);
    box-shadow: inset 0.877px -2.869px 10px 0px rgba(255, 230, 65, 0.9);
    font-size: 20px;
    padding: 1% 4%;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(159, 52, 37);
    margin-left: 4%;
}

.code img{
    width: 140px;
    height: 140px;
    margin: 0 auto;
    margin-top: 4%;
}


@media screen and (max-width:1080px) {
    html {
        font-size: 50px;
    }


    .zt_top{width: 100%}
	.wx{display: none;}


    .yinsi {font-size: 11px;} 
    .yinsi .checkbox {width: .4rem; height: .4rem;}
     .yinsi .checkbox input{ position: absolute; left: 0; top:0; width: 18px; height: 18px;}

    .Width {
        width: 100%;
    }


    .xieyi{margin-left: 8%;}


    .disfx {
        display: block;
        margin-top: 4%;
    }

    .container {
        width: 96%;
        position: relative;
    }
    .banner_box img{
        width: 60%;
        margin: 0 auto;
    }
    .yuyue_box,
    .con1_list,
    #codeBox{
        flex-wrap: wrap;
    }
    .con1_left,.con1_right{
        width: 100%;
    }
    .submit{
        font-size: 0.4rem;
    }
    .xcxbtn{font-size: 0.4rem; margin-top: 5px;}

    .con1_list li p{
        font-size: 0.24rem;
    }
    .con2_btn,
    .con3_btn{
        width: 70%;
        font-size: 0.24rem;
    }
    .con3_list li{
        width: 3.44rem;
        height: 3.5rem;
    }
    .con4_list li p{
        font-size: 0.22rem;
    }
    .con4_list li a{
        font-size: 0.24rem;
    }
    .region,.box04_bottom {
        width: 100%;
    }
    .region a span i{
        font-size: 0.18rem;
        line-height: 0.34rem;
    }
    .zx-left h2{
        font-size: 0.22rem;
    }
    .zx-left p{
        font-size: 0.18rem;
    }
    .service{
        font-size: 0.2rem;
    }
    .zx-left{
        width: 70%;
    }
    .zx-right{
        width: 30%;
    }
    .con_tit{
        transform: scale(2);
    }
    .box04_bottom{
        flex-direction: row;
        align-items: center;
    }
    .con3_img{
        width: 1rem;
        height: 1rem;
    }
    .con3_list li p
    ,.con3_list li i{
        font-size: 0.22rem;
    }
    .con2_swiper .prev, .con2_swiper .next {
        width: 0.5rem;
        height: 0.5rem;
    }
    .con1_right img{
        width: 60%;
        margin: 0 auto;
    }
    .por input, .por select{
        display: block;
        width: 92%;
        margin: 0 auto;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.28rem;
        border-radius: 0.5rem;
    }

    .por{width: 90%;}

     #yzm{display: flex;}

      #code{    margin-left: 18%;}
    #fs{
        display: block;
        width: 70%;
        margin: 0 auto;
        padding-left: 0;
    }

    #xcxyinsi{margin-top: 4%;}

    .por input.send {
        border-radius: 0.5rem;
        font-size: .4rem;
    }

    .code_box {
        width: 52%;
        margin-top: 40%;
    }
    .close{
        right: -16%;
    }
    ._nc .stage1 .button {
        width: 1rem !important;
    }
    .code img{
        width: 1rem;
        height: 1rem;
    }
}