* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    /*font-family: 'FZLTHJ';*/
}

/*@font-face
{
    font-family: FZLTHJ;
    src: url('FZLTHJ.OTF'),
    url('FZLTHJ.OTF'); !* IE9 *!
}*/

a {
    /*text-decoration: none;
    color: #000;*/
    word-break: keep-all;
}

.swiper-container .w100 img {
    width: 100%;
}

.cp{
    cursor: pointer;
}

img {
    display: block;
}

.hide{
    display: none;
}

img.img-block{
    width: 100%;
    margin: 0 auto;
}

.webkit {
    display: -webkit-box;
    /*-webkit-box-orient: vertical;*/
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.zsl-header {
    margin-bottom: 0 !important;
}

#select_box {
    margin: 0 auto;
    height: 182px;
    width: 100%;
}

.imgBlock {
    display: block;
    margin: 0 auto;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.ovh {
    overflow: hidden;
}

.f_l{
    float: left;
}

.f_r{
    float: right;
}

/*侧边导航栏*/
.navFixed {
    position: fixed;
    z-index: 100;
    display: block;
    top: 0%;
}

.navR {
    position: fixed;
    z-index: 100;
    display: block;
    top: 40%;
    margin-top: -340px;
    width: 200px;
    right: 50%;
    margin-right: -690px;
    border-radius: 10px;
    padding-top: 10px;
}

@media screen and (max-width:1330px) {
    .navR {
        right: 0%;
        margin-right: 0px;
    }
}

.navL {
    position: fixed;
    z-index: 100;
    display: block;
    top: 50%;
    margin-top: -260px;
    width: 180px;
    left: 50%;
    margin-left: -630px;
    border-radius: 10px;
    padding-top: 10px;
}

.nav-con {
    position: relative;
    width: 230px;
    z-index: 1;
    padding-top: 70px;
    padding-bottom: 10px;
    border-radius: 115px 115px 10px 10px;
}


.nav-top {
    position: absolute;
    width: 246px;
    left: 50%;
    margin-left: -123px;
    top:-46px;
}

.nav-totop {
    position: absolute;
    left: 50%;
    bottom: -112px;
    margin-left: -45px;
    margin-top: 10px;
}

.nav0ne {
    position: relative;
    text-align: center;
    font-size: 23px;
    display: block;
    font-weight: bold;
    color: #fff;
    background: url(../images/nav.png) no-repeat;
    background-size: 100% 100%;
    width: 225px;
    height: 65px;
    margin: 0px auto 3px;
    z-index: 1;
    text-shadow: 4px 4px 4px rgba(2, 101, 194, .87);
}

.nav0ne p{
    line-height: 50px;
}

.nav-con .top img{
    width: 62px;
    margin: 0 auto;
}

.nav0ne.top p{
    padding-bottom: 0;
}


.nav0ne .icon-top {
    width: 12px;
    height: 8px;
    background-image: url("../images/top.png");
    margin: 0 auto;
    display: block;
}

.navHover,
.navChoose {
    text-shadow: 4px 4px 4px rgba(242, 109, 105, .87);
    background-image: url(../images/nav-on.png);

}

.navFixed .qrcode-box {
    font-size: 13px;
    color: #00479d;
    background: #f9d602;
    text-align: left;
    padding: 14px;
    line-height: 1.5;
    width: 100%;
    border-radius: 10px 0 0 0;
}



.kefu{
    position: fixed;
    width: 99px;
    left: 50%;
    margin-left: -600px;
    top:300px;
}

.red-icon{
    position: absolute;
    width: 155px;
    left: 30px;
    bottom:-250px;
}

.kefu img{
    margin: 0 auto;
}

.detail{
    position: absolute;
    z-index: 9;
    width: 91px;
    right: 360px;
    top: -30px;
    cursor: pointer;
}

.qrcode-tips {
    padding-top: 2px;
}

.nav-qrcode {
    width: 87%;
}

/*end*/


.w20{
    width: 20% !important;
}

.w25{
    width: 25% !important;
}

.w30{
    width: 30% !important;
}

.w40{
    width: 40% !important;
}

.w50{
    width: 50% !important;
}

.w60{
    width: 60% !important;
}

.w70{
    width: 70% !important;
}

.w80{
    width: 80% !important;
}

.w85{
    width: 85% !important;
}

.w90{
    width: 90% !important;
}

.w92{
    width: 92% !important;
}

.w96{
    width: 96% !important;
}

.w98{
    width: 98% !important;
}

.w960{
    width: 960px !important;
}

.w100{
    width: 100% !important;
}


.form-line {
    width: 88%;
    /* height: 40px; */
    margin: 0 auto;
    margin-bottom: 13px;
    overflow: hidden;
    line-height: 48px;
    position: relative;
    display: flex;
}

.form-line-left{
    color: #313131;
    font-size: 26px;
    text-align: center;
    line-height: 48px;
    width: 20%;
}

.form-line-right{
    width: 80%;
}


.a-tips {
    width: 21%;
    color: #313131;
    font-size: 16px;
    text-align: right;
    /* line-height: .55rem; */
    float: left;
    margin-right: 10px;
    /* font-weight:  bold; */
    /* letter-spacing: .05rem; */
}

.inp {
    width: 100%;
    background: #fff;
    font-size: 20px;
    padding: 0 20px;
    float: left;
    line-height: 48px;
    color: #000;
    border-radius: 21px;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    outline: 0;
}

.inp.s2{
    background: #f2f2f2;
    border-color: #f2f2f2;
    color:#313131;
}


.disable {
    background: #ddd;
}

.ta-c{
    text-align: center;
}

.ta-l{
    text-align: left;
}

.ta-r{
    text-align: right;
}

.w-t{
    text-shadow: #a42d12 1px 0 0, #a42d12 0 1px 0, #a42d12 -1px 0 0, #a42d12 0 -1px 0;
}

/*modal end*/
.content {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /*overflow: hidden;
    overflow-y: auto;*/
    background-size: 100% 100%;
    background-position: center bottom;
    box-sizing: border-box;
}

.tip {
    margin-top: 50px;
    text-align: center;
    font-size: 22px;
    color: #3a3a3a;
}

.search-box {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.search-box .search-input {
    margin: 0 auto;
    width: 943px;
    height: 90px;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
	margin-top: -10px;
}

.search-box .search-input .icon {
    width: 45px;
}

.search-box .search-input .close {
    display: none;
    width: 24px;
    position: absolute;
    top: calc(50% - 12px);
    right: 30px;
}

.search-box .search-input .input {
    font-weight: bold;
    color: #a2a2a2;
    margin-left: 15px;
    font-size: 32px;
}

.search-box .btns {
    display: flex;
    align-items: center;
    color: #0971f1;
    font-size: 24px;
    justify-content: space-between;
    width: 100%;
}

.search-box .btns .btn {
    border-radius: 32px;
    width: 390px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    /*border: 1px solid #0971f1;*/
    position: relative;
    cursor: pointer;
}

.search-box .btns .btn.active {
    background-color: #0971f1;
    color: #fff;
    border: unset;
}

.search-box .btns .btn.active:before {
    content: '';
    position: absolute;
    left: 14%;
    width: 22px;
    height: 23px;
    background-size: 100% 100%;
    background-image: url("../images/s3.png");
}

.search-box .txt {
    margin-top: 30px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

.search-box .searchable-select {
    min-width: unset;
    vertical-align: unset;
    font-weight: bold;
    color: #a2a2a2;
    margin-left: 15px;
    font-size: 32px;
}


.search-box .searchable-select-caret {
    border-style: unset;
}

.search-box .searchable-select-holder {
    padding: 0;
    min-height: unset;
    min-width: unset;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
    color: #262626;
}


.search-box .btn-search {
    margin: 30px auto 0;
    color: #fff;
    font-size: 32px;
    background-color: #0866dd;
    width: 500px;
    height: 110px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
}

.c1 {
    margin-top: 64px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
}

.c1 .title {
    margin: 0 auto;
}

/* 滚动条宽度 */
table tbody::-webkit-scrollbar {
    width: 0;
    overflow: hidden;
    background-color: transparent;
    display: none;
}

/* 滚动条颜色 */
table tbody::-webkit-scrollbar-thumb {
    width: 0;
    overflow: hidden;
    background-color: transparent;
    display: none;
}

.c1 .txt::-webkit-scrollbar {
    width: 8px;
    height: 2px;
    border-radius: 10px;
}

.c1 .txt::-webkit-scrollbar-thumb {
    background: #2b86db;
    border-radius: 8px;
}

.c2 {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 962px;
    margin: 0 auto;
}

.c2 .item {
    border-bottom: 1px solid #bec0c1;
    width: 820px;
    margin: 0 auto;
    margin-top: 40px;
}

.c2 .item .title {
    height: 72px;
    font-size: 36px;
    background-size: 100% 100%;
    background-image: url(../images/txt_bg.png);
    align-items: center;
    justify-content: center;
    width: auto;
    display: inline-flex;
    padding: 0 48px 0 42px;
}

.c2 .item .title2 {
    display: flex;
    align-items: center;
}

.c2 .item .title2 .line {
    width: 9px;
    height: 44px;
    background-color: #3289f4;
    border-radius: 5px;
}

.c2 .item .title2 .txt {
    font-size: 36px;
    margin-left: 24px;
}


.c2 .item .c-box {
    background-color: #fff;
    padding: 30px 30px 30px;
    font-size: 24px;
    line-height: 36px;
    word-break: break-all;
}

.c2 .item .btns+.c-box{
    padding: 10px 30px 30px;
}

.c2 .item.type2 .c-box {
    border-radius: 0 0 10px 10px;
}

.c2 .item.type3 .c-box, .c2 .item.type4 .c-box, .c2 .item.type5 .c-box {
    /*margin-top: 30px;*/
    border-radius: 10px;
}

.c2 .title2+.c-box{
    margin-top: 30px;
}

.c2 .item.type4 a{
    text-decoration: underline;
}

.c2 .item.type5 .c-box {
    display: flex;
    flex-direction: column;
}

.c2 .item.type5 .c-box .its {
    display: flex;
    flex-wrap: wrap;
  justify-content: space-around;
}

.c2 .item.type5 .c-box .its .it {
    font-size: 24px;
    padding-left: 50px;
    position: relative;
    display: flex;
    align-items: center;
    width: 40%;
}

.c2 .item.type5 .c-box .its .it:nth-child(n+3) {
    margin-top: 30px;
}


.c2 .item.type5 .c-box .it:after {
    content: '';
    position: absolute;
    left: -10px;
    width: 45px;
    height: 45px;
    background-image: url("../images/n.png");
    background-size: 100% 100%;
}

.c2 .item.type5 .c-box .it.active:after {
    background-image: url("../images/y.png");
}

.c2 .item.type2 .btns {
    padding-top: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background-color: #fff;
    padding-left: 30px;
}

.c2 .item.type2 .btns .btn {
    width: 164px;
    height: 77px;
    padding: 0 0px 20px 54px;
    background: url("../images/nn.png") no-repeat;
    background-size: 100%;
    font-size: 24px;
    position: relative;
    display: flex;
    align-items: center;
}

.c2 .item.type2 .btns .btn:nth-child(1):after {
    content: '';
    width: 38px;
    height: 23px;
    position: absolute;
    left: 10px;
    background-image: url("../images/t4_0.png");
    background-size: 100% 100%;
}

.c2 .item.type2 .btns .btn:nth-child(2):after {
    content: '';
    width: 40px;
    height: 28px;
    position: absolute;
    left: 10px;
    background-image: url("../images/t1_0.png");
    background-size: 100% 100%;
}

.c2 .item.type2 .btns .btn:nth-child(3):after {
    content: '';
    width: 32px;
    height: 26px;
    position: absolute;
    left: 10px;
    background-image: url("../images/t2_0.png");
    background-size: 100% 100%;
}


.c2 .item.type2 .btns .btn:nth-child(4):after {
    content: '';
    width: 30px;
    height: 29px;
    position: absolute;
    left: 10px;
    background-image: url("../images/t3_0.png");
    background-size: 100% 100%;
}

.c2 .item.type2 .btns .btn.active {
    color: #fff;
    background-image: url("../images/no.png");
}

.c2 .item.type2 .btns .btn.active:nth-child(1):after {
    background-image: url("../images/t4_1.png");
}

.c2 .item.type2 .btns .btn.active:nth-child(2):after {
    background-image: url("../images/t1_1.png");
}

.c2 .item.type2 .btns .btn.active:nth-child(3):after {
    background-image: url("../images/t2_1.png");
}

.c2 .item.type2 .btns .btn.active:nth-child(4):after {
    background-image: url("../images/t3_1.png");
}

/* 2.0 start */
.search-items{
    position: relative;
    width: 979px;
    margin: 140px auto 0;
    background: url(../images/nav-bg.png?1) no-repeat;
    background-size: 100% 100%;
    border: 1px solid #fff;
    border-radius: 0 0 20px 20px;
    padding: 20px 0 40px;
}

.search-nav{
    position: absolute;
    left: -1px;
    right: -1px;
    top:-85px;
    height: 86px;
    background: url(../images/nav1.png?1) no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    display: flex;
}

.search-nav span{
    flex: 1;
    font-size: 0;
    cursor: pointer;
}

.nqz .search-nav{
    background-image: url(../images/nav2.png?1);
}

.search-box .btns2 {
    display: flex;
    align-items: center;
    color: #0971f1;
    font-size: 24px;
    justify-content: space-between;
    width: 814px;
    margin: 25px auto 38px;
}

.search-box .btns2 .btn {
    border-radius: 32px;
    padding: 0 66px;
    flex: auto;
    height: 64px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #0971f1;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.search-box .btns2 .btn:nth-child(2){
    margin: 0 25px;
}

.search-box .btns2 .btn:nth-child(3){
    padding: 0 12px 0 36px;
}

.search-box .btns2 .btn.active {
    background-color: #0971f1;
    color: #fff;
    border: unset;
}

.search-box .btns2 .btn.active:before {
    content: '';
    position: absolute;
    left: 11%;
    width: 22px;
    height: 23px;
    background-size: 100% 100%;
    background-image: url("../images/s3.png");
}

.search-box .btns2 .btn:nth-child(3).active:before {
    left: 4%;
}

.c1 {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 980px;
    margin: 0 auto;
}

.c1 .item {
    width: 980px;
    margin-top: 67px;
}

.c1 .item .title {
    height: 72px;
    font-size: 36px;
    background-size: 100% 100%;
    background-image: url(../images/txt_bg.png);
    align-items: center;
    justify-content: center;
    width: auto;
    display: inline-flex;
    padding: 0 48px 0 42px;
}

.c1 .item .title2 {
    display: flex;
    align-items: center;
}

.c1 .item .title2 .line {
    margin-left: 20px;
    width: 9px;
    height: 44px;
    background-color: #3289f4;
    border-radius: 5px;
}

.c1 .item .title2 .txt {
    font-size: 36px;
    margin-left: 24px;
}

.c1 .item .c-box {
    background-color: #fff;
    border-radius: 0 10px 10px 10px;
    padding: 30px 30px 30px;
    font-size: 24px;
    line-height: 36px;
    word-break: break-all;
}

.c1 .item.type2 .c-box {
    border-radius: 0 0 10px 10px;
}

.c1 .item.type3 .c-box {
    margin-top: 20px;
    border-radius: 10px;
}

.c1 .item.type5 .c-box {
    display: flex;
    flex-direction: column;
}

.item-select{
    position: relative;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background-color: #fff;
    border-top-right-radius: 10px;
}

.item-select-con{
    position: relative;
    width: 300px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #4896f6;
    border-radius: 10px;
    padding-left: 26px;
    margin-left: 26px;
}

.item-select-con:before{
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 12px;
    height: 100%;
    border-radius: 6px;
    background: #4896f6;
}

.item-select-con:after{
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 23px;
    height: 22px;
    background: url("../images/sj.png") no-repeat;
    background-size: 100% 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.item-select-con .name{
    font-size: 26px;
    color: #262626;
}

.item-select-con select {
    position: absolute;
    left: 0;
    top:0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 26px;
    opacity: 0;
    z-index: 11;
    cursor: pointer;
}

.c1 .item.type2 .btns,
.c1 .item.type4 .btns,
.c1 .item.type5 .btns,
.c1 .item.type8 .btns,
.c1 .item.type9 .btns{
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    text-align: center;
    width: 100%;
    padding-left: 30px;
    background-color: #fff;
    border-top-right-radius: 10px;
    box-sizing: border-box;
}

.c1 .item.type2 .btns .btn,
.c1 .item.type4 .btns .btn,
.c1 .item.type5 .btns .btn,
.c1 .item.type8 .btns .btn,
.c1 .item.type9 .btns .btn{
    border: 1px solid #3289f4;
    height: 60px;
    border-radius: 10px;
    padding: 0px 7px 0px 42px;
    font-size: 26px;
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 24px;
    cursor: pointer;
}

.c1 .item.type2 .btns .btn.active,
.c1 .item.type4 .btns .btn.active,
.c1 .item.type5 .btns .btn.active,
.c1 .item.type8 .btns .btn.active,
.c1 .item.type9 .btns .btn.active{
    background: #3289f4;
    color: #fff;
}

.c1 .item.type2 .btns .btn.active:after,
.c1 .item.type4 .btns .btn.active:after,
.c1 .item.type5 .btns .btn.active:after,
.c1 .item.type8 .btns .btn.active:after,
.c1 .item.type9 .btns .btn.active:after{
    position: absolute;
    content: "";
    width: 23px;
    height: 20px;
    left: 50%;
    bottom:-20px;
    background: url("../images/sj.png") no-repeat;
    background-size: 100%;
    background-position: center bottom;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.c1 .item.type2 .btns .btn:before,
.c1 .item.type4 .btns .btn:before,
.c1 .item.type5 .btns .btn:before,
.c1 .item.type8 .btns .btn:before,
.c1 .item.type9 .btns .btn:before{
    content: "";
    position: absolute;
    top:12px;
    left: 6px;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.c1 .item.type4 .btns .btn:before,
.c1 .item.type5 .btns .btn:before,
.c1 .item.type8 .btns .btn:before,
.c1 .item.type9 .btns .btn:before{
    top:14px;
}

.c1 .item.type2 .btns .btn[data-type="0"]:before{
    background-image: url(../images/q1_0.png);
}

.c1 .item.type2 .btns .btn[data-type="1"]:before{
    background-image: url(../images/q2_0.png);
}

.c1 .item.type2 .btns .btn[data-type="2"]:before{
    background-image: url(../images/q3_0.png);
}

.c1 .item.type2 .btns .btn[data-type="3"]:before{
    background-image: url(../images/q4_0.png);
}

.c1 .item.type2 .btns .btn[data-type="0"].active:before{
    background-image: url(../images/q1_1.png);
}

.c1 .item.type2 .btns .btn[data-type="1"].active:before{
    background-image: url(../images/q2_1.png);
}

.c1 .item.type2 .btns .btn[data-type="2"].active:before{
    background-image: url(../images/q3_1.png);
}

.c1 .item.type2 .btns .btn[data-type="3"].active:before{
    background-image: url(../images/q4_1.png);
}

.c1 .item.type1,
.c1 .item.type6{
    width: 690px;
}

.c1 .item.type1 .item-select,
.c1 .item.type6 .item-select{
    padding: 0;
    border-radius:10px;
}

.c1 .item.type1 .item-select-con,
.c1 .item.type6 .item-select-con{
    width: 100%;
    margin-left:0;
    line-height: 80px;
    height: 80px;
}

.c1 .item.type5 .btns{
    flex-wrap: wrap;
}

.c1 .item.type4 .btns .btn,
.c1 .item.type5 .btns .btn,
.c1 .item.type8 .btns .btn,
.c1 .item.type9 .btns .btn{
    line-height: 60px;
    height: 60px;
    cursor: pointer;
}

.c1 .item.type5 .btns{
    padding-left: 4px;
}

.c1 .item.type5 .btns .btn{
    padding-right: 3px;
}

.c1 .btns+.c-box{
    padding: 20px 30px 30px;
    border-radius: 0px 0px 10px 10px;
}

.c1 .item.type4 .btns .btn{
    width: 330px;
}

.c1 .item.type4 .btns .btn[data-type="1"]{
    padding-left: 90px;
}

.c1 .item.type4 .btns .btn[data-type="0"]:before{
    background-image: url(../images/q5_0.png);
}

.c1 .item.type4 .btns .btn[data-type="1"]:before{
    background-image: url(../images/q6_0.png);
    left: 50px;
}

.c1 .item.type4 .btns .btn[data-type="0"].active:before{
    background-image: url(../images/q5_1.png);
}

.c1 .item.type4 .btns .btn[data-type="1"].active:before{
    background-image: url(../images/q6_1.png);
}

.c1 .item.type5 .btns .btn[data-type="2"]:before{
    background-image: url(../images/q5_0.png);
}

.c1 .item.type5 .btns .btn[data-type="3"]:before{
    background-image: url(../images/q4_0.png);
}

.c1 .item.type5 .btns .btn[data-type="4"]:before{
    background-image: url(../images/q3_0.png);
}

.c1 .item.type5 .btns .btn[data-type="5"]:before{
    background-image: url(../images/q7_0.png);
}

.c1 .item.type5 .btns .btn[data-type="6"]:before{
    background-image: url(../images/q2_0.png);
}

.c1 .item.type5 .btns .btn[data-type="2"].active:before{
    background-image: url(../images/q5_1.png);
}

.c1 .item.type5 .btns .btn[data-type="3"].active:before{
    background-image: url(../images/q4_1.png);
}

.c1 .item.type5 .btns .btn[data-type="4"].active:before{
    background-image: url(../images/q3_1.png);
}

.c1 .item.type5 .btns .btn[data-type="5"].active:before{
    background-image: url(../images/q7_1.png);
}

.c1 .item.type5 .btns .btn[data-type="6"].active:before{
    background-image: url(../images/q2_1.png);
}

.c1 .item.type7 .c-box{
    border-radius: 10px;
    margin-top: 20px;
}

.c1 .item.type7 .title2 .txt{
    font-size: 32px;
}

.c1 .item.type8 .btns .btn[data-type="0"]:before{
    background-image: url(../images/q5_0.png);
}

.c1 .item.type8 .btns .btn[data-type="1"]:before{
    background-image: url(../images/q8_0.png);
}

.c1 .item.type8 .btns .btn[data-type="0"].active:before{
    background-image: url(../images/q5_1.png);
}

.c1 .item.type8 .btns .btn[data-type="1"].active:before{
    background-image: url(../images/q8_1.png);
}

.c1 .item.type9 .btns .btn[data-type="2"]:before{
    background-image: url(../images/q1_0.png);
}

.c1 .item.type9 .btns .btn[data-type="3"]:before{
    background-image: url(../images/q3_0.png);
}

.c1 .item.type9 .btns .btn[data-type="4"]:before{
    background-image: url(../images/q4_0.png);
}

.c1 .item.type9 .btns .btn[data-type="2"].active:before{
    background-image: url(../images/q1_1.png);
}

.c1 .item.type9 .btns .btn[data-type="3"].active:before{
    background-image: url(../images/q3_1.png);
}

.c1 .item.type9 .btns .btn[data-type="4"].active:before{
    background-image: url(../images/q4_1.png);
}
/* 2.0 end*/

.m-a{
    margin-left: auto;
    margin-right: auto;
}

.c-fff,.c-fff:hover{
    color: #fff !important;;
}

.c-000,.c-000:hover{
    color: #000 !important;;
}

.c-red,.c-red:hover{
    color: #ff0000 !important;
}

.c-434343,.c-434343:hover{
    color: #434343 !important;
}

.c-191919,.c-191919:hover{
    color: #191919 !important;
}

.c-e53a25,.c-e53a25:hover{
    color: #e53a25 !important;
}

.c-40ad5c,.c-e53a25:hover{
    color: #40ad5c !important;
}

.c-fc598c,.c-fc598c:hover{
    color: #fc598c !important;
}

.b-rule{
    display: table;
    line-height: 1.5em;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.top-nav{
    position: absolute;
    left: 0;
    top:-2px;
    width: 100%;
    height: 74px;
    line-height: 74px;
    background: url(../images/nav-bg.png) repeat-x;
    text-align: center;
    font-size: 0;
    z-index: 19;
    overflow: hidden;
}

.top-nav span{
    position: relative;
    padding: 0 60px;
    height: 74px;
    margin: 0 auto;
    font-size: 22px;
    font-weight: bold;
    color: #313131;
    cursor: pointer;
    display: inline-block;
}

.top-nav span:before{
    content: "";
    position: absolute;
    width: 3px;
    height: 47px;
    left: 0;
    top:14px;
    background: url(../images/line.png) repeat-x;
}

.top-nav span.active{
    color: #ff5a00;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
}

.box-content{
    position: relative;
    width:960px;
    margin:0 auto;
    border-radius: 10px;
}

.box-content.nobg{
    background:none;
    box-shadow: none;
}

.box .box-title{
    position: relative;
    margin: 0 auto;
    left: -40px;
    z-index: 7;
}

.swiper-pagination-bullet{
    width: 12px !important;
    height: 12px !important;
}

.box-line{
    position: relative;
    margin-top: 36px !important;
}

.box-line:before{
    content: "";
    position: absolute;
    top:-70px;
    left: 170px;
    width: 41px;
    height: 107px;
    background: url(../images/box-line.png?0112) no-repeat;
    background-size: 100% 100%;
}

.box-line:after{
    content: "";
    position: absolute;
    top:-70px;
    right: 170px;
    width: 41px;
    height: 107px;
    background: url(../images/box-line.png?0112) no-repeat;
    background-size: 100% 100%;
}

.display-tab{
    display: table;
}

.box .c-btn{
    position: relative;
    cursor: pointer;
}

.select-city{
    position: absolute;
    left: 60px;
    top:170px;
    width: 160px;
}

.select-city-txt{
    position: absolute;
    font-size: 22px;
    left: 100px;
    top: 0px;
    width: 240px;
}

.searchable-select-input{
    font-size: 22px;
}

.select-city .searchable-select-item{
    text-align: center;
}

.select-city .searchable-select-dropdown{
    top:30px;
}

.select-city .searchable-select-holder{
    width: 60%;
    font-size: 22px;
    text-align: center;
    line-height: 1.3 !important;
    border-bottom: 1px solid #191919 !important;
}

.select-city .searchable-select{
    min-width:unset;
    vertical-align:unset;
    font-size: 22px;
    color: unset;
}

.select-city .searchable-select-caret{
    border-style:unset;
}

.select-city .searchable-select-holder{
    padding: 0;
    min-height:unset;
    min-width:unset;
    border:none;
    border-radius:0;
    box-shadow:none;
    background:none;
    cursor: pointer;
}

.none{
    display: none;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
    /*IE/7/6*/
}

.qrHover{
    position: relative;
    cursor: pointer;
}

.qrHover .qrimg1{
    position: absolute;
    width: 259px;
    height: 256px;
    right: 3px;
    bottom: -40px;
    background: url(../images/qrappbg.png?0921) no-repeat;
    background-size: 100% 100%;
    padding: 33px 12px 10px 32px;
    display: none;
}

.qrHover:hover .qrimg1{
    display: block;
}

.qrHover .qrimg{
    position: absolute;
    width: 259px;
    height: 256px;
    right: 3px;
    bottom: -40px;
    background: url(../images/qrbg.png?0921) no-repeat;
    background-size: 100% 100%;
    padding: 33px 12px 10px 32px;
    display: none;
}

.qrHover:hover .qrimg{
    display: block;
}

.flex {
    display: flex;
}

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

header {
    position: relative;
    width: 960px;
    height: 90px;
    margin: 0 auto;
    padding-left: 250px;
}

header .logo {
    position: absolute;
    left: 0;
    top: 24px;
    width: 250px;
}

header .userbar {
    line-height: 24px;
    font-size: 12px;
    float: right;
}

header .userbar li {
    padding-right: 10px;
}

#login {
    color: #e40021;
}

header .icon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    vertical-align: middle;
    display: inline-block;
}

.icon.icon-cn {
    background-image: url("../images/lang-cn.jpg");
}

.icon.icon-down {
    width: 16px;
    background-size: 60%;
    background-image: url("../images/down.png");
}

.icon.icon-search {
    background-image: url("../images/search.png");
}

header nav {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-top: 38px;
    text-align: center;
    float: right;
    clear: both;
}

header nav a {
    width: 80px;
    color: #909090;
    display: inline-block;
}

/*.swiper-container {
    width: 100%;
}*/

.ls-half2{
    letter-spacing:0.25em
}

.ls-half{
    letter-spacing:0.5em
}

.ls-1{
    letter-spacing:1em
}

.ls-2{
    letter-spacing:2em
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50{
    padding-bottom: 50px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.fs-12{
    font-size: 12px;
}

.fs-14{
    font-size: 14px;
}

.fs-16{
    font-size: 16px;
}

.fs-18{
    font-size: 18px;
}

.fs-20{
    font-size: 20px;
}

.fs-22{
    font-size: 22px;
}

.fs-24{
    font-size: 24px;
}

.fs-26{
    font-size: 26px;
}

.fs-28{
    font-size: 28px;
}

.fs-30{
    font-size: 30px;
}

.fs-32{
    font-size: 32px;
}

.fs-34{
    font-size: 34px;
}

.fs-36{
    font-size: 36px;
}

.fb{
    font-weight: bold;
}

.fn{
    font-weight: normal;
}

.mr-4 {
    margin-right: 4px;
}

.city-img{
    width: 100%;
}

.td-u,a.td-u{
    text-decoration: underline !important;
    cursor: pointer;
}

.td-u2{
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.td-u3{
    color: #0a57bf;
    padding-bottom: 2px;
    border-bottom: 1px solid #0a57bf;
    cursor: pointer;
}

.c-p{
    cursor: pointer;
}

.flight-group{
    margin: 10px auto 0;
}

.flight-group .scrollUI {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border-radius: 26px;
    overflow: hidden;
    background: #e5e5e5;
    display: flex;
}

.flight-group .scrollUI li {
    width: auto;
    height: 52px;
    line-height: 52px;
    border-radius: 26px;
    font-size: 20px;
    color: #313131;
    font-weight: bold;
    overflow: hidden;
    cursor: pointer;
    flex: 1;
}

.flight-group .slip-item {
    border-bottom: none;
}

.flight-group .scrollUI li.active {
    color: #fff;
    background: #f5585e;
}

.zsl-footertips {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #0093d0;
}

.copyright {
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    color: #666;
    background: #ececec;
}

.copyright .left {
    float: left;
}

.copyright .right {
    float: right;
}

.copyright a {
    padding: 0 8px;
    border-right: 1px solid #666;
}

.copyright a:last-child {
    border-right: none;
}



.zhihui{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

/*活动结束页面*/
.page-finish{
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}

.page-content{
    position: absolute;
    left: 50%;
    top:30%;
    width: 400px;
    margin-left: -200px;
    line-height: 200px;
    background: #fff;
    text-align: center;
    font-size: 24px;
    color: #000;
    border-radius: 10px;
    z-index: 201;
}
.zz_txt {
    margin-top: 100px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.zz_txt .txt::-webkit-scrollbar {
    width: 10px;
    height: 2px;
    border-radius: 10px;
}

.zz_txt .txt::-webkit-scrollbar-thumb {
    background: #2b86db;
    border-radius: 8px;
}
.tips{
    position: relative;
}

.mfzs{
    width: 943px;
    /* height: 1000px; */
    background-color: #ffffff;
    border-radius: 2vw;
    padding: 20px 20px;
}

.mfzs .txt{
    height: 780px;
    padding: 0 10px 0;
    font-size: 22px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    word-break: break-all;
    line-height: 1.7;
}

.mfzs h3{
    color: #0564f2;
    text-align: center;
    font-size: 50px;
    margin-bottom: 0;
}

.mfzs .red{
    color: #ff0000;
}

.mfzs .btn{
    width: 349px;
    background-color: #0564f2;
    text-align: center;
    padding: 20px;
    color: #fff;
    border-radius: 20px;
    margin-top: 30px;
    font-size: 22px;
}

.gj_tab{
	width: 360px;
    height: 70px;
    position: absolute;
    top: 0;
}.gn_tab{
	width: 370px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
}



.c2{
    z-index: 99;
    top: 0;
	width: 943px;
}

.zz .btns {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 3.2vw;
    justify-content: space-between;
}
.zz .btns .btn {
    border-radius: 10px 10px 0 0;
    width: 50%;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    position: relative;
    font-size: 30px;
}

.zz .btns .btn.active {
    background-color: #86d3ff;
    color: #003fa6;
    border: unset;
    font-weight: 800;
    padding: 1vw 0;
}


.city{
	width: 943px;
    padding: 30px;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 20px;
    margin-top: 60px;
}

.modal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 1000;
	overflow: auto;
	background: rgba(0,0,0,.7);
	-webkit-box-align: center;
	-webkit-box-pack: center;
	padding-top: 90px;
}

.zz_gj p,
.zz_gn p{
	font-size: 34px;
    text-align: center;
    color: #fff;
    font-weight: 800;
}

.close-box {
	position: absolute;
	top: -90px;
	right: 4%;
	width: 66px;
	height: 96px;
	background: url(../images/new/close.png?1027) center no-repeat;
	background-size: 100%;
	cursor: pointer;
	z-index: 11;
}

.con-foot{
	background-color: #fff;
    padding: 20px 0vw;
    width: 943px;
	border-radius: 10px 10px 0 0;
}
.con1{
    height: 79vh;
    background-color: #fff;
}

.con2{
    width: 943px;
}

.title-txt{
	width: 100%;
    font-size: 42px;
    color: #fff;
    text-align: center;
    font-weight: 800;
    padding-bottom: 60px;
}

.rebackBtn {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #fff;
    font-size: 32px;
}

.con{
	background-color:#fff;
	border-radius: 20px 20px 0 0;
}

.conbody{
	height: 60vh;
    overflow: auto;
}

.conbody::-webkit-scrollbar {
    width: 5px;
    height: 2px;
    border-radius: 10px;
}

.conbody::-webkit-scrollbar-thumb {
    background: #86d3ff;
    border-radius: 8px;
}

/*洲际分类*/
.ssNav {
	flex-wrap: wrap;
	text-align: center;
	justify-content: space-between;
	display: flex;
	font-size: 33px;
}
.ssNav div {
	/* width: 16%; */
	padding: 10px 25px;
	border-radius: 30px;
	position: relative;
}
.ssNav div.on {
    background: #0564f2;
    color: #ffffff;
    font-weight: bold;
    /* border-color: #fffff; */
}
.ssNav div.on::after {
	content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    bottom: -18px;
    left: 50%;
	margin-left: -20px;
    display: inline-block;
    border-top: 20px solid #0564f2;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

.textItem {
	width: 100%;
	flex-wrap: wrap;
	text-align: center;
	justify-content: start;
	display: flex;
}
.textItem div {
	width: 31%;
	line-height: 126px;
	background: url(../images/new/sbg.png?0112) 0% 0% / 100% 100% no-repeat;
	margin: 10px 1.1%;
	border-radius: 10px;
	font-size:33px;
}
.imgItem {
	width: 100%;
	flex-wrap: wrap;
	text-align: center;
	justify-content: start;
	display: flex;
}
.imgItem img {
	width: 31%;
	line-height: 1.5;
	margin: 10px 1.1%;
	border-radius: 10px;
	height:126px;
}
.nav-item{
	height: 600px;
    overflow: auto;
}
.nav-item::-webkit-scrollbar {
    width: 5px;
    height: 2px;
    border-radius: 10px;
}

.nav-item::-webkit-scrollbar-thumb {
    background: #86d3ff;
    border-radius: 8px;
}


.swiper-pros {
    width: 96%;
    margin: 0 auto;
}
.shop-item {
    width: 98%;
    /* height: 31.2vw; */
    padding: 20px;
    /* border: none; */
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #999999;
    box-sizing: border-box;
}
.shop-img {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 258px;
    height: 258px;
}
.shop-img img {
    width: 100%;
}
.shop-txt {
    color: #262626;
    font-size: 32px;
    position: relative;
    margin-left: 275px;
}
.shop-txt p {
    color: #737373;
    font-size: 32px;
    margin-top: 20px;
    line-height: 1.5;
}
.bag-price {
    position: absolute;
    margin-left: 275px;
    color: #f97f32;
    font-size: 28px;
    bottom: 22px;
}
.qf {
    color: #f97f32;
}
.bag-price b {
    font-size: 46px;
    color: #f97f32;
}
.bag-btn {
    position: absolute;
    right: 20px;
    bottom: 22px;
    background: #f97f32;
    width: 25%;
    line-height: 56px;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    border-radius: 20px;
    display: block;
}
.swiper-pagination-bullet-active {
    background: #b6e2fb;
}
.btn-go {
    background: #f97f32;
    width: 60%;
    line-height: 2;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border-radius: 50px;
    display: block;
    margin: 40px auto;
}

.djtj{
    width: 943px;
    background-color: #fff;
    border-radius: 20px;
    margin: 60px auto 0;
    padding-bottom: 20px;
}
.djtj-txt{
    text-align: center;
    background-image: linear-gradient(to bottom, #5ba6fc, #015eea);
    padding: 20px;
    border-radius: 20px 20px 0 0;
    font-size: 40px;
    font-weight: 800;
    color:#fff;
}