*{font-family:"Segoe UI",Arial;}
body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400}body{font-size:16px;line-height:22px}em{font-weight:400}ol,ul{list-style-type:none}a{color:#333;text-decoration:none}a:hover{text-decoration:underline;cursor: pointer;}i{font-style:normal}b{font-weight:400}cite{font-style:normal;float:right}img{border:0;-ms-interpolation-mode:bicubic;display: block;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
.flex_box{display: flex;justify-content: space-between;}
i{display: inline-block;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}

/* 旋转 */
@-webkit-keyframes rotate {0% {-webkit-transform: rotate(0deg)}100% {-webkit-transform: rotate(360deg)}}
.center{
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.header{
    position: relative;
    z-index: 9;
}
.header_box .logo{
    width: 116px;
    height: 32px;
}
.header_box{
    align-items: center;
    height: 70px;
}
.header_box>ul>li{
    display: inline-block;
    font-size: 16px;
    color: #1A1A1A;
    line-height: 20px;
    margin-right: 60px;
}
.header_box>ul>li>a.active,
.header_box>ul>li>a:hover{
    font-weight: bold;
    color: #3270FF;
    position: relative;
    text-decoration: none;
}
.header_box>ul>li>a.active::after,
.header_box>ul>li>a:hover::after{
    clear: both;
    content: "";
    width: 110%;
    position: absolute;
    height: 2px;
    background: #3270FF;
    left: -5%;
    bottom: -4px;
}
.header_box>ul>li.dayon{
    visibility: hidden;
}
.header_box>ul>li.dayon,
.header_box>ul>li.quit{
    position: relative;
}
.header_box>ul>li.quit{
    display: none;
}
.header_box>ul>li.dayon img{
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -24px;
    opacity: 0;
    animation: rotate 1.5s infinite linear;
}
.header_box>ul>li.dayon.load img{
    opacity: 1;
}
.header_box>ul>li.dayon>a::before,
.header_box>ul>li.quit>a::before{
    clear: both;
    content: "";
    background: url(/images/index/icon.svg);
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: -6px;
    margin-right: 5px;
}
.header_box>ul>li.quit>a::before{
    background-position-y: -26px;
}
.header_box>ul>li.dayon>a::after,
.header_box>ul>li.quit>a::after{
    display: none;
}
.user_box{
    margin-right: 0px !important;
    position: relative;
}
.user_box>span{
    position: relative;
}
.user_box>span::before{
    clear: both;
    content: "";
    width: 33px;
    height: 33px;
    background: #D9E4FF;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    z-index: -1;
    border-radius: 50%;
    
}
.user_box>span::after{
    clear: both;
    content: "";
    width: 16px;
    height: 16px;
    background: url(/images/index/arrow.svg);
    display: inline-block;
    vertical-align: -4px;
    margin-left: 8px;
}
.user_box:hover>span::after{
    background-position-y: -16px;
}
.user_box:hover>div{
    display: block;
}
.user_box>div{
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 10px 40px 0px #E8F4FF;
    border-radius: 8px;
    position: absolute;
    right: 0px;
    margin-top: 25px;
    width: 100px;
    padding: 14px 10px;
    display: none;

}
.user_box>div::before{
    clear: both;
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    top: -30px;
}
.user_box>div *{
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    text-align: center;
}
.user_box>div>a:hover,
.user_box>div>span:hover{
    color: #3270FF;
    cursor: pointer;
}
.user_box>div>i{
    width: 100%;
    height: 1px;
    background: #D9E4FF;
    margin-top: 8px;
    margin-bottom: 8px;
}
.footer{
    margin-top: 80px;
    font-size: 14px;
    color: rgba(51, 51, 51, .5);
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
}
.nav{
    margin-top: 22px;
    font-size: 14px;
    color: #333;
    line-height: 26px;
}
.nav a:hover{
    color: #3270FF;
}
/* 分页样式 */
.page_box{
    text-align: center;
    margin-bottom: 80px;
}
.page_box a,.page_box span{
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #777;
    display: inline-block;
    margin: 0 12px;
    font-weight: bold;
    vertical-align: top;
}
.page_box span.active{
    background: #3888FF;
    color: #fff;
    border-radius: 4px;
}
.page_box{
    margin-top: 56px;
}
.page_box .prev{
    background: url(/images/index/previous.svg);
}
.page_box .next{
    background: url(/images/index/next.svg);
}
.page_box a.prev:hover,.page_box a.next:hover,.page_box a.num:hover{
    background-color: #f1f1f1;
    border-radius: 4px;
    text-decoration: none;
}