@charset "utf-8";

*{box-sizing:border-box}

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

body,input,button,select,textarea{font-family: "PingFang SC","Microsoft YaHe","Source Han Sans","Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", "sans-serif"!important; }

ul,dl,ol{list-style:none;}

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

small,em,i{font-weight:normal; font-style:normal;}

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

textarea{resize:none}

a,input,select,textarea{outline:none;}

a,button,input,img{-webkit-touch-callout:none;}

/* input,button{-webkit-appearance : none ;} */

button{outline: none;}

input{border:0px;outline:none;border-radius: 4px;}  

a:hover,a:link{text-decoration: none;}

a{

    display: inline-block;

    cursor: pointer;

}

input::placeholder{

    color: rgba(47, 53, 65, 0.302);

}

textarea::placeholder{

    color: rgba(47, 53, 65, 0.302);

}



img,fieldset,input[type="submit"]{border:0 none;}

button,input[type="button"]{cursor:pointer;border:0 none;}

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;appearance: none;margin: 0;}

.clear{clear:both;} 

.clearfix::after{content: "";display: block;clear: both;}

/* 常用 */

.bl{display: block;}

.inbl{display: inline-block;}

.fl{float: left;}

.fr{float: right;}

.line{overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap;  -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }

.line2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.line3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.tc{ text-align: center;}

.tl{ text-align: left;}

.tr{ text-align: right;}

html,body{/*去掉 移动端 用户选择元素 高亮效果*/

 -khtml-user-select:none;

 -webkit-tap-highlight-color:rgba(0, 0, 0, 0);

}

*
{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

html {width: 100%;outline: 0;-webkit-text-size-adjust:none;}

body {height: 100%;margin: 0;position: relative;}

.boxbg{

    background-repeat: no-repeat ;

    background-position: center;

    background-size: cover;

}

.flexbg{

    position: relative;

    background-size: cover;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-position: center center;

    z-index: 1;

}

.flex{

    display: flex;

    display: -webkit-flex;

}

.flex-ct{

    align-items: center;

    -webkit-align-items: center;

}

.flex-bt{

    justify-content: space-between;

    -webkit-justify-content: space-between;

}

.flex-wrap{

    flex-wrap: wrap;

}

.height-center{

    top: 50%;

    transform: translateY(-40%); 

}

.width-center{

    left: 50%;

    transform: translateX(-50%); 

}

.all-center{

    top: 50%;

    left: 50%;

    transform: translateY(-50%)translateX(-50%); 

}
/* 去侧边lan */
/* html {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    width: 0 !important;
} */
/* html::-webkit-scrollbar {
    width: 0.04rem;
    height: 7.11rem;
}
html:hover::-webkit-scrollbar-track {
    border-radius: 0.04rem;
    background: #e8eaef;
}
html:hover::-webkit-scrollbar-thumb {
    border-radius: 0.04rem;
    background: #c1c3cb;
}
html::-webkit-scrollbar {
    display: block;
} */
/* 公共头部 */
/* body{
    margin-top: 67px!important;
    padding-top: 0!important;
} */
.bannerbox img{display: block;margin: auto;width: 100%}
.jt img{display: block;margin: 0!important;}
@media (max-width: 1200px) {
    .head{
        display: none!important;
    }
    .head1{
        display: flex!important;
    }
    .head1 .foot{
        position: fixed;
        height: 100%;
        overflow-y: scroll;
        flex-wrap: wrap!important;
        width: 380px;
        right: 0;
        top: 0;
        background: #222232!important;
        transform: translateX(100%);
        transition: 0.3s;
    }
    .have ul{
        z-index: 10;
    }
    .head1 .foot div{
        width: 100%!important;
    }
    .head1 .foot div .have .jscp{
        z-index: 10;
    }
    .caidan{
        display: block!important;
        
    }
}
@media (min-width: 1200px) {
    .head .foot>div{
        margin: 0 10px!important;
    }
    .head .top_r .search{
        width: 150px!important;
    }
}
.caidan{
    display: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.head1{
    display: none;
    background: #222232;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}
.head1_bg{
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: none;
}
.head{

    position: fixed;

    top: 0;

    width: 100%;

    color: #fff;

    z-index: 33;

}

.head a{

    color: #fff;

}

.head .top{

    height: 78px;

}

.head .top .top_r .search{

    position: relative;

    width: 200px;

    height: 36px;

    background: #2e2f3e;

    padding: 0 12px;

    border-radius: 4px;
    margin-right: 10px;
}

.head .top .top_r .search input{

    position: relative;

    background: none;

    font-weight: 600;

}

.head .top .top_r .search input::placeholder{

    color: #9a9da7;

}
/*  */
.footbox{
    border-top: 1px solid #3a3b49;border-bottom: 1px solid #242539;margin: 0;
    justify-content: center;
}
.head .top_r .search{

    position: relative;

    width: 200px;

    height: 36px;

    background: #2e2f3e;

    padding: 0 12px;

    border-radius: 4px;
    margin-right:10px
}

.head .top_r .search input{

    position: relative;

    background: none;

    font-weight: 600;
    width: 100%;
}

.head .top_r .search input::placeholder{

    color: #9a9da7;

}
.head .foot{

    height: 65px;

    line-height: 65px;

    font-size: 16px;

    font-weight: 600;

    text-align: center;

    background: none!important;

    margin: 0 15px;
    
    width: 1000px;
}

.head .foot>div{

    /* width: 65px; */
    margin: 0 18px;

    position: relative;

}

.head .foot a{

    color: #c7c7c9;

}

.head .foot .have{

    width: auto;

    position: relative;

}

.head .foot .active a{

    color: #fff;

}

.head .foot .active::after{

    border-top-color: #fff!important;

}

.head .foot .have:after{

    content: '';

    display: inline-block;

    width: 0;

    height: 0;

    border: 5px solid transparent;

    border-top-color: #c7c7c9;

    transform: translateY(20%);

}

.head .foot div:hover a{

    color: #fff;

}

.head .foot div:hover:after{

    border-top-color: #fff;

}
/* 584 */
.head1 .foot{

    /* height: 65px; */

    line-height: 65px;

    font-size: 16px;

    font-weight: 600;

    text-align: center;

    /* background: none!important; */

    /* margin: 0 15px; */
    
}

.head1 .foot>div{

    /* width: 65px; */
    margin: 0 18px;

    position: relative;

}

.head1 .foot a{

    color: #c7c7c9;

}

.head1 .foot .have{

    width: auto;

    position: relative;

}

.head1 .foot .active a{

    color: #fff;

}

.head1 .foot .active::after{

    border-top-color: #fff!important;

}

.head1 .foot .have:after{

    content: '';

    display: inline-block;

    width: 0;

    height: 0;

    border: 5px solid transparent;

    border-top-color: #c7c7c9;

    transform: translateY(20%);

}

.head1 .foot div:hover a{

    color: #fff;

}

.head1 .foot div:hover:after{

    border-top-color: #fff;

}

.have:hover .jjfa{
    height: 161px;
    transition: 0.3s;

}

.have:hover .jscp{
    height: 280px;
    transition: 0.3s;

}

.have ul{

    position: absolute;

    top: 100%;

    background: #fff;

    width: 220px;

    left: 50%;

    transform: translateX(-50%);

    font-size: 20px;

    text-align: left;

    padding: 0 20px;

    overflow: hidden;

    height: 0;

    transition: 0.3s;

    box-shadow: 0px 0px 10px rgb(197, 194, 194);

}

.have ul::after{

    content: '';

    display: block;

    position: absolute;



    width: 0;

    height: 0;



    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 6px solid #fff;



    top: -6px;

    left: 50%;

    transform: translateX(-50%);

}

.have ul li{

    border-bottom: 1px solid #ddd ;

}

.have .jscp li:last-child{

    border: none;

}
.have .jjfa{
    width: 960px;
    /* height: 161px; */
    padding: 0;
    /* border: 1px solid #fff; */
    left: -80%;
    transform: translateX(0%);
}
.have .jjfa li{
    border-right: 1px solid #ddd;
    width: 240px;
    height: 80px;
}

.have .jjfa li img{

    margin-right: 14px;

}

.have .jjfa li a{

    color: #2f3541!important;

    height: 100%;

    font-size: 18px;
    justify-content: center;
}

.have .jjfa li .himg{

    display: none;

}

.have .jjfa li a:hover{

    color: #3dbbb8!important;

}

.have .jjfa li a:hover img{

    display: none;

}

.have .jjfa li a:hover .himg{

    display: block!important;

}

.have .jscp{

    width: 360px;

}

.have .jscp li{

    /* height: 100px; */
    padding: 20px 0;

}

.have .jscp li a{

    font-size: 16px;

    color: #9a9da7!important;

    height: 100%;

}

.have .jscp li a div{

    line-height: normal;

    font-weight: normal;

}
.have .jscp li a .t1 span{text-align: justify;}
.have .jscp li a .t1{

    font-size: 18px;

    color: #2f3541;

    font-weight: 600;

    margin-bottom: 15px;

}

.have .jscp li a:hover{

    color: #9a9da7;

}

.have .jscp li a:hover .t1{

    color: #3dbbb8;

}

.msg{
    position: relative!important;
    z-index: 2!important;
    margin: auto!important;
    padding-top:40px!important;
    padding-bottom:40px!important;
    left: 0%!important;
    transform: translateX(-0%)!important;
}
.sssimg,.msgbox>img{
    position: absolute;
    width: 100%;
    height: 100%;
}
.bannerbox .swiper-wrapper img{
    width: 100%;
    /*height: 100%!important;*/
}
.shouye_i1 .bannerbox .swiper-wrapper img{
    height: 1080px!important;
}
/* .infob{
    position: relative!important;
} */
.infobb{
    position: relative!important;
    transform: translateY(0%)translateX(0%)!important;
    margin:auto;
    margin-top:-60px;
    margin-bottom: 40px;
}
/* 公共底部 */

.foot{

    background: #222232;

    position: relative;

    

}

.foot .msg{

    width: 1200px;

    position: absolute;

    z-index: 2;

    top: 0;

    color: #fff;

    padding-top: 72px;

}

.foot .msg .msg1{

    color: #9e9ea4;

    font-size: 16px;

    margin-right: 160px;

}

.foot .msg .msg1>img{

    width: 168px;

    height: 63px;

}

.foot .msg .msg1 .p1{

    margin-top: 27px;

    margin-bottom: 17px;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

}

.foot .msg .msg1 div{

    margin-top: 33px;

}

.foot .msg .msg1 div img{

    margin-right: 10px;

}

.foot .msg .msg2{

    

    margin-right: 56px;

    width: 180px;

    

    font-size: 16px;

    font-weight: 600;

}

.foot .msg .msg2 div{

    padding-bottom: 20px;

    font-size: 18px;

    color: #fff;

    border-bottom:1px solid #64656d;

    margin-bottom: 27px;

}

.foot .msg .msg2 a{

    display: block;

    margin-bottom: 15px;

    font-size: 14px;

    color: #9e9ea4;

}

.di{

    position: absolute;

    bottom: 16px;

    font-size: 14px;

    color: #6f6f73;

    z-index: 4;

}

/* 轮播 */

.bannerbox{

    width: 100%;

  }

.bannerbox .swiper-slide{

    width: 100%;
  }

.bannerbox .swiper-slide a{

    width: 100%;
  }

.bannerbox .jt{

    width: 100%;

    padding: 0 48px;

    position: absolute;

    z-index: 2;

  }

.bannerbox .jt img{

    cursor:pointer;

    opacity: 0.5;

  }

.bannerbox .jt img:hover{

    opacity: 1;

  }

.bannerbox .lunbo_dian{

    justify-content: center;

    position: absolute;

    z-index: 3;

    bottom: 20px;

  }

.bannerbox .lunbo_dian div{

      width: 16px;

      height: 4px;

      background: #d6d8e2;

      background: #d6d8e2;

      margin: 0 2px;

  }

.bannerbox .lunbo_dian .active{

      background: #3dbbb8;

      color: #3dbbb8;

  }

/* 分页 */

.fenye{
    margin: auto;
    background: #fff;
    margin-bottom: 32px;
    justify-content: center;
    padding:1rem 0
}

.fenye .active{

    background: #3dbbb8;

    color: #fff;

    border: 1px solid #3dbbb8;

}

    .fenye .itm{

    width: 32px;

    height: 32px;

    justify-content: center;

    border: 1px solid #ddd;

    border-radius: 4px;

    margin: 0 4px;

}

/* 账户列表处 */

.userYE .lan{

    color: #2e82ff;

    background: #e4eeff;

    display: inline-block;

    font-weight: 600;

    margin-left: 6px;

    padding: 4px;

    border-radius: 4px;

    font-size: 14px;

}

.userYE .lv{

    color: #3dbbb8;

    background: #e6f4f8;

    display: inline-block;

    font-weight: 600;

    margin-left: 6px;

    padding: 4px;

    border-radius: 4px;

    font-size: 14px;

}

/* 用户中心 */

  .userYE table{

    width: 100%;

    text-align: center;

    font-size: 16px;

    margin-top: 20px;

  }

  .userYE table th{

    text-align: center;

    height: 48px;

    background: #f1f1f5;

  }

  .userYE table tr{

    height: 72px;

  }

  .userYE table tr:nth-child(even){

    background: #f9faff;

  }

  .userYE table .line{

    width: 150px;

    margin: auto;

  }