@import "//at.alicdn.com/t/c/font_4969629_y6bypmu75zg.css";

* {margin: 0;padding: 0;box-sizing: border-box;}
body {width: 100%;min-width:320px;margin: 0 auto;font: 14px/1.5 '微软雅黑';color: #333;overflow-x: hidden;font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei","SourceHanSansCN",Arial,sans-serif;background: #f3f5f9;}

li {list-style: none;}
a {text-decoration: none;color: #333;}
/*a:hover {color: #333;}*/
i,em {font-style: normal;}
button, input, textarea, hr {border: none;outline: none;}
.clear {clear: both;}
table {border-collapse: collapse;max-width: 100%;}
table td {border-collapse: collapse;}
select{outline: unset;}
input:focus ,button{outline: none;}
iframe{width:100%;height: 100%;}
img{border:none;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*body::-webkit-scrollbar{
    display: none;
    width:5px;
    height:5px;
    background-color: rgba(0,0,0,.8);
}
body::-webkit-scrollbar-track{
    background-color: rgba(0,0,0,.8);
    border-radius:2px;
}
body::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.5);
    border-radius:2px;
}
body::-webkit-scrollbar-thumb:hover{
    background: rgba(0,0,0,.4);
}
body::-webkit-scrollbar-corner{
    background: rgba(0,0,0,.5);
}*/
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.header{
    width:100%;
    display: block;
    background: #fff;
    position: sticky;
    top:0;
    left:0;
    right:0;
    z-index:100;
}
.main{
    width: 100%;
    max-width: 1256px;
    margin:0 auto;
    display: block;
}
.header .main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo{
    width: 156px;
    height: auto;
    object-fit: contain;
    padding-top:16px;
    display: block;
}
.logo a,.logo a img{
    width: 100%;
    object-fit: contain;
    display: block;
}
.nav{
    width: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.nav_item{
    width: auto;
    display: block;
    position: relative;
    cursor: pointer;
}
.nav_item a{
    padding:16px 16px 0;
    display: block;
}
.nav_item span{
    width: 100%;
    position: absolute;
    top:16px;
    left:50%;
    transform:translateX(-50%);
    text-align: center;
    font-size:12px;
    line-height: 30px;
    color:#fff;
    display: block;
    white-space: nowrap;
    transition: all ease .5s;
}
.nav_item p{
    width: auto;
    padding:30px 0 0 ;
    font-size:18px;
    line-height: 1;
    color:#000;
    display: block;
    transition: all ease .5s;
}
.nav_item_circle{
    width: 2px;
    height: 20px;
    margin:2px auto 0;
    background:#fff;
    position: relative;
    display: block;
    transition: all ease .5s;
}
.nav_item_circle::before{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top:0;
    left:-2px;
    transition: all ease .5s;
}
.nav_item:hover span,.nav_item:hover p,.nav_item.on span,.nav_item.on p{
    color:#2a67fe;
}
.nav_item:hover .nav_item_circle,.nav_item.on .nav_item_circle{
    background: #2a67fe;
}
.nav_item:hover .nav_item_circle::before,.nav_item.on .nav_item_circle::before{
    background: #2a67fe;
}

.sub_nav{
    position: absolute;
    top:100%;
    left:0;
    z-index:10;
    text-align: center;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
    border:1px solid #e4eaec;
    display: none;
    transition: all ease .3s;
}
.nav_item:hover .sub_nav{
    display: block;
}
.sub_nav .item a {
    width: 100%;
    text-align: center;
    font-size:18px;line-height: 40px;
    color:#000;
    display: block;
    min-width: 158px;
    padding:0 5px;
    background: #fff;
}
.sub_nav .item a:hover{
    color:#2a67fe;
}


.btn_box{
    width:100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin:54px 0 0;
}
.btn_edit,.btn_back{
    width: 142px;
    font-size:16px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    display: block;
    cursor: default;
}
.btn_edit{
    border:1px solid #0c51fe;
    background: #0c51fe;
    color:#fff;
}
.btn_back{
    border:1px solid #eaeaea;
    background: #fff;
    color:#555;
    margin-right: 21px;
}
a.btn_edit:hover{
    color:#fff;
}


.page{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:51px;
}
.page a,.page span{width: auto;font-size:16px;text-align: center;line-height: 30px;color:#333;display: block;border:1px solid #ddd;margin:0 6px 6px 0;padding:0 15px;cursor: default;transition: all ease .3s;border-radius: 3px;}
.page span.disabled{cursor: not-allowed;}
.page a.current,.page a:hover,.page span.current{    background-color: #3b73fe;color: #fff;border-color: #3b73fe;}

.no_data{
    width: 100%;
    font-size:16px;
    line-height: 1.5;
    color:#888;
    display: block;
}