.page-nav .search .icon {

    width: 0.15rem;

    height: 0.16rem;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAAAAXNSR0IArs4c6QAAAZtQTFRFAAAA////gICAVVWqgICAVVWAZmZmXV1dVVVqYmJiW1tbYGBgWlpaVVVjUV1dVVVgUlxcWFhYVVVeUltbVVVdUlpaVVVdVVVcU1paV1dXU1NZUVdXVVVbVVVaU1NYUldXVVVZVFRYVVVZUlZWUVVZVFRYUlZWVFRXU1ZWUlVYVFRXUlVYVFRXU1ZWU1ZWUlVYUVRXUlVYU1NZUlVYUVRXU1NZUlVYUlRXU1NYUlRXUVNYU1VXU1VXUlRWUVRYUlRWUlRYU1VXUlRYUlRWUlRYUlRWUlRWUlRXUlRXU1RWUlRXUVNXUlRXUlNXUlRXUlNXUlRXUVRWUlRXUlNXUVRWUVRXUlNXUVRXUlRWUVRXUlNXUVRXUlNXUVRXUlNXUVRWUlNXUlRXUVRWUlNXUlNXUVRWUlRXUVRWUVRWUlNXUVRWUVNXUlNXUVNXUlNXUlRWUVNXUlNXUlRWUVNXUlNWUlNWUlRWUlNWUlRWUVRXUVNWUlRWUlRWUVRXUlRXUVNWUlRWUlRXUVNWUlRWUlRXUVNWUlRXUVNWUVNWlV4lTAAAAIh0Uk5TAAECAwQGCgsMDQ4QERIWGBkaGxweHyEkJSkrLC0zNDU5Oj9BQkNESUpLTE5PUFNUVVdZXV5fYGRoamtvcnZ3eXp+gIKDhYiJjI6PkJKWmJmeoKeoqaqsrbGztba4ub7DxMXGx8rMzs/S09XW19na29zd4eLj5ufp6uvs7fDx9PX29/j5+vv9/sy0sxYAAAFtSURBVBgZfcGJQ0sBAMfxXy2lQ5ZOZukgMXJUSzokpRKG6GDlKGJ0sBXV1vKovn+2t83rbb1Xn48snubH8z+Mn4sTt0vkkN+1hsUYK1Ous58xRd++Cn/5C2zdUrZLcUgM+ZRS2vER9gdka9mF5+Wy5AUTMCxL1QZ7vcp2Pgo39N976FWuujjbZ5QWgJc67BqElLZI0iuHMLs1Mp2DETldgH6Z+sAnF8t8kCnMd7kZZe+EpK9Myk071EqKMy43TXBR0g7DcuOHZkkxnslNAPySPjEnNz1QKekpvwvl4g0xmW7CdTmVGLyQqWybd3K6D1eV8ghadVh5gpU8pVQarHuVyzMHHcrohvlSZcsPwYwskxCpka14Gv5UyHJyFpKDRcrwBNcwhXSg4AmQnLpzpb4lGPoFLERgTLbAN2zJex7vKjyQraDztUFaZOCUpOoo9ClbcUNbd+fl08qoW4e7Oppvk/12Hc2fIKZjNC49/AeCOncZaWEORQAAAABJRU5ErkJggg==);

    background-repeat: no-repeat;

    background-size: contain;

}



.page-nav .search.current .icon,

.page-nav .search .icon:hover {

    background-color: inherit;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAAXNSR0IArs4c6QAAAdxJREFUOE+N01+ITFEcwPHv716SISUvq6SVQoqae3exUfJozm1SG5MXpRTFA0+bfdhtE95oH0wptQ9qtiYRe2d2HxRFUrr3+lNiwoM3eRKr/Tfnp2t27UzYnfN2zu98fufX75wjNA9/YiNavwAY0E5UpkBfI1pi3doRHh+aa94ufybeWAHkFsgXhFHUvkNlFeLsBXsc+ITYPFH+84Jp4GylF9EycBXpGCLqmm2pqLvSgdVRlC2o002S+5rGhT0PNzA3/RGlSGL6W1DzpKe8mpnMM1RqxKbQwH44gHKSqZ/beXts5r84DXRV92PtE+qyg1emJnjhC5RxkmBgSbgQzIbvQW6SmGsp/oaVE7w099vCflhC+U4cnE7xJEgvsZloC3uVEVTrJMEpIS3DkSKRGW4TPwfGic1Qiosgu0nMgWWxf28rdmUNxz1IdPipkK3uBPsG4ShxcHfJBF6Y9mUTceA3riodXngZOIdwhCh49HeCsoufuY7lbPoyiINoEVN28dYMg55B5DZ1Sgg1RDMg+8CeB+kEXJAbxKavCc+f1TWWo+70g/YgOPOrkyh3QAZx2YblASJXiHKXFj9Gc627wvWs0M3gzjL940PLy8uGeeR3sr5/4+Xa7lULYC/+At9mpB9afuNfAAAAAElFTkSuQmCC);

}



.page-nav .lang .icon {

    width: 0.16rem;

    height: 0.16rem;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAAXNSR0IArs4c6QAAAO1QTFRFAAAAgICAZmZmgICAbW1tYmJiZmZmaWlpXWhoZGRkYGBgYGBgXWRkXGJiYGBgXV1kX19lXWNjXl5kXl5jXGFhX19fW2BgW2BgXV1hXF9iXl5hXF9fW15hXF9fXF9hW15gXV9fW15gXV9fXV1fXF5gXV9fW11fXF5gW11fXV5gXF5fW19hXF5gXF5fW19gXF5fXV5gXF5fXF1gW15gXF1gXF5fXF1gW15fXF1gXF5fXF5gXF1gXF1gXF5fW11gW15gXF1fW11gXF5gW11fXF5fW11gXF1fXF5gW11fXF1fXF5gW11fXF5gXF5gW11fqhfSfQAAAE50Uk5TAAIFBgcNDxEWFxggIScoKSssLjEyMzU4R05PU1RmaWprbW5zdXZ+goaHi4yVlpebnZ6kpaqrrLa/w8fI1dng4uPo6uvs8PHy8/T1+fr9AIIVGAAAAXVJREFUOMuFk9dCwkAQRa8SHYyiiA272LAEe4FgNApGUDn//zk+EENAgXnN2d3JzLlSUpmiVw1araDqFTP6W24lIqmo4g58dsptgNdTOHkFaJedvuN1CKGWNbBsDULwU5cUQr6Or3ialoFp+onr4y/CQnI+5Dm/2uksqQtoqdNZzT8Txnc4dZo53XGpX0CX3CvXxO/2UeZzTdlvFnrAAt8zWvukLElum5J0QE09QDUOpBJtV9IFL470yGEaOOJRcl6oSJmIbWkiYjkNLBNNSNtEGRVpTEoFmEoDU1CQJhsU5XEjaYM3pQG9sSHpBk9V9iTt4PcDdXYl7VFVwKaZnfFgZmZzMGtmZg+cm9kmgVqMrNY44CN+4vzvE2dmtkUQN7lLfbDJnbjJIb/ZYF3SLd74Qf0/6hXef0etyphljVj3fnfdXWFmBoXJJsLI8WnmdN+v3J3mE+X+l3axJ22s/XVa+6s+7SXXHx2cXvROhkRvfHiHx/8Hy0uCSlvHcScAAAAASUVORK5CYII=);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.page-nav .lang.current .icon,

.page-nav .lang .icon:hover {

    background-color: inherit;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAAXNSR0IArs4c6QAAAHVQTFRFAAAAAACqACqqADO7ADWwAC+yAC+4ADSxADG3ADG0ADCzADKzADK2ADO1ADO0ADK0ADK0ADKzADK0ADK0ADK1ADGzADG1ADK0ADK0ADO0ADK0ADK1ADK0ADK0ADKzADK1ADK0ADO0ADKzADO0ADK0ADK0ADK0xqtEHAAAACZ0Uk5TAAMGDx0rKzFDREpsbIeIj5OUlZiYpaWtrrC8wMHGx8fN1OLo8vUnEYpHAAAAj0lEQVQY012P2RKCMBAEmyOCiJsAIpcogYT//0QfUuXBPHbV7E4DoLR1zmpFSFz5fbi3w+5NDBCPk5kikWgy0xgD1ZxsGSJkWzIbOPm0WEAEliL1Cl0jOgAt1Bqb010CKDtyi2tk7UVeT5F+lcYdwM1hc7ryUznbv6NXao06vsUchv1Of4xBxvh9aL9yB/03emsOEKkP/IoAAAAASUVORK5CYII=);

}



.page-nav .user .icon {

    width: 0.17rem;

    height: 0.16rem;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAMAAABAUVr7AAAAAXNSR0IArs4c6QAAAVxQTFRFAAAA////gICAqqqqgICAgICAcXFxZmZmXXR0ampqW21tZmZmYGBgaWlpY2NjXl5rZmZmYWFhXWhoYGBgXWRkYmJiYGBgXGJiXV1kXl5kXGJiYGBgXGBgXGBgW19iXV1hXF9iXl5hXWBgW15hXV1gW15hXWBgW15gXF5hXF9fXF5hXV1gXF9hW15gXF5hW15gXV9hXV1fXF5gXV9fXV9hW11fXF5gXF5gXV9hXF5gW11hXF1fXF5gW11hW11gXF5gW19gXF5gXF1gXF5fXF1gXF5fXF1gXF1gW15gXF1gW15fXF1gXF5fXF5gXF1gW15fW15fXF5gXF1gXF1gXF5fXF5fW11gW15fW15gXF5fW15gW11gXF5fW15gXF1fXF5fW15gXF5gW11gXF5gW11fXF5fW11fXF5gXF5gXF1fXF5gW11fXF5gW11fXF5gW11fW11fXF5gW11fW11fJE4ZRQAAAHN0Uk5TAAECAwQGCQoLDA4PEBESExQVFiAhIiUnKS4vMD1FRkdWV1hcXV9gYmRmZ2hpamxtcXN1dnx+f4CEiImOkJGUlZeYpKmqq6yvsLKzt7m8vcHGx8jNztHS1Nrc3+Dh4uPk5efo6uvs7u/y9PX29/n6+/z9/icjIbMAAAFwSURBVBgZfcGPN1NhAMfh79pGQzJqUhTVJqxfs4SUuKkoFAtTCqtsY9d2P///OY2zs953293zyNQRd7KFQtaJd8hH8oiao6RaibwHyluOs1UGViJqEvwM+XSvqnrTefgUVKM52BtUzeAezKnBzRK5AdUN5CjdkG0BxmUYh9ey/SAXlCGY47ssfbAsyzJEZRqCWVlmYUimGMzLMg+3ZApX+CDLR+iWZZfCVRkiBb7J9gxmZHgJM7JdP6E0rLphl7/X1GAUik8CuhR4egqP1OQVsD4SkkIjG8CCWnjuAW426wLei4CahB9+5T/vy4OwbKHpYy6cH2Yyh+dcOE6FZLiTAc7eTcYCqroSm3DOgO3bqrvvwp90VIa+9G9wx1STqIATVYOoA+W4Lt3z8B6rhaSHd1dVPb8goZYSHj97JC3Bony8gbdSV5H9Tvno3KfYpSlIyVcKJrVKpV+++iusaocDtXHAjvJsqo1N8oI1tbEG/wA01Wy+JAyC0AAAAABJRU5ErkJggg==);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.page-nav .user-login .icon {

    width: 0.2rem;

    height: 0.16rem;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAjBJREFUOE+Vk09IFGEYxn/vrJJGJdnJhDCDog7V7BCmp4T+4YyJtw79o8IoIoK6FEZEVAQdIgpKMsK6FVQ6I1IHPWmRM0NdRCiTwLxZGpWlO2/slsuqu2nf9XueH8/7fN8rZDvms+VI7AxILWgJyDBoG5q4Qlj3KW2xWlcQGc0YVBDJS4zEYZnFs1rjqNEBOgpGE4Z8INKVEDWAFGEYO+itCVM+03uO6LY0Q+XFdGBZZwHF3/tA+1lQXE9P1Y+0uLK7kJ8jT0DWMLJwLYPV41juGMritEb4Oh0Yd/cAzUheGf7O4dnpO0rQyUHgEIHzcO6Ece86qpWETkXWblNjuq8Q6SGwT5LqMHYXQzdn7zDuXQXdSuBYOYFx10ekC98+lU0zY+S2epBHxFjNa2dg9sjtq9CoH9XdhLWP5wZu6cxj7FsvyC8SUT1vaofSpg1tpcTkKaqFFC3aSFf15NzApMJKpehAWYZIC8IASjnoPpQvSGI7Qd27XJVMHzlZMsZplP3AEpBx4DOwFLQAZBTRFoiu4e/6+O+Ece8A6A2E5He5CUY7fs37tGmTW84kNgbHUZLbc4LAvj8T+ieh6R5FuAVcRoYu4B+ZyPnK1p18tPQ8cBaVY4T27UytYLavgygALhE6F3OCZl6YXiNoI4JJ4PRNXQtxtwmlitBeDxLNG4gamN5bhG4CpyETOIjQjP8f6abclnsOTa1hWSZwApWDhPaD+af7qzS9vYjeI3Dyp7y/ARcLzDDnxyzbAAAAAElFTkSuQmCC);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.page-nav .user.current .icon,

.page-nav .user .icon:hover {

    background-color: inherit;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAAAXNSR0IArs4c6QAAAMxQTFRFAAAAAAD/AEC/ADOZACC/ADnGADO4ADGxAC+zADOyADW0ADO2ADKxADK0ADG2ADS2ADOyADKzADGzADS2ADK0ADG1ADK1ADG1ADG0ADG0ADO0ADO1ADK1ADG1ADG0ADO0ADK0ADK1ADO1ADK1ADO0ADK0ADK0ADK0ADG0ADK1ADK0ADK0ADK0ADGzADG0ADO0ADKzADK0ADG0ADK1ADK0ADK1ADK1ADK0ADG0ADK0ADK1ADK0ADK0ADK1ADG0ADK0ADK0ADK0ADK0ADK0Equ+mQAAAEN0Uk5TAAIEBQgJGRobHiIjJCkqMTJRVFRcXWBoaW1tbnV8fX2EiY2QkpOauMnKy83Q1NTZ29ve3+Dg5uru7vDx8vf4+fv8/lnmjdwAAACYSURBVBgZBcEFQsIAAADAo2OEAaiIEqNbAZEc8f8/cQdkepto08sA8LRdNl4by20ZILkapJAarJKASpQG6agCCIeAYQhoTwCTDuD5mgfB9QUQn46yyI5ncYDg5z/8DHe/BYBc93A//Z3u+24OqB0X9QD5j8WxBu+3VgKQaN3eKJ2/AfB1LurPYwCIzfvWTQDQXLtUAUD18gBcPA677IEuOAAAAABJRU5ErkJggg==);

}



.page-nav .user-login.current .icon,

.page-nav .user-login .icon:hover {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAjBJREFUOE+Vk09IFGEYxn/vrJJGJdnJhDCDog7V7BCmp4T+4YyJtw79o8IoIoK6FEZEVAQdIgpKMsK6FVQ6I1IHPWmRM0NdRCiTwLxZGpWlO2/slsuqu2nf9XueH8/7fN8rZDvms+VI7AxILWgJyDBoG5q4Qlj3KW2xWlcQGc0YVBDJS4zEYZnFs1rjqNEBOgpGE4Z8INKVEDWAFGEYO+itCVM+03uO6LY0Q+XFdGBZZwHF3/tA+1lQXE9P1Y+0uLK7kJ8jT0DWMLJwLYPV41juGMritEb4Oh0Yd/cAzUheGf7O4dnpO0rQyUHgEIHzcO6Ece86qpWETkXWblNjuq8Q6SGwT5LqMHYXQzdn7zDuXQXdSuBYOYFx10ekC98+lU0zY+S2epBHxFjNa2dg9sjtq9CoH9XdhLWP5wZu6cxj7FsvyC8SUT1vaofSpg1tpcTkKaqFFC3aSFf15NzApMJKpehAWYZIC8IASjnoPpQvSGI7Qd27XJVMHzlZMsZplP3AEpBx4DOwFLQAZBTRFoiu4e/6+O+Ece8A6A2E5He5CUY7fs37tGmTW84kNgbHUZLbc4LAvj8T+ieh6R5FuAVcRoYu4B+ZyPnK1p18tPQ8cBaVY4T27UytYLavgygALhE6F3OCZl6YXiNoI4JJ4PRNXQtxtwmlitBeDxLNG4gamN5bhG4CpyETOIjQjP8f6abclnsOTa1hWSZwApWDhPaD+af7qzS9vYjeI3Dyp7y/ARcLzDDnxyzbAAAAAElFTkSuQmCC);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.update-count {

    display: inline-block;

    -ms-flex-pack: center;

    justify-content: center;

    width: 0.16rem;

    height: 0.16rem;

    margin-left: 0.04rem;

    border-radius: 50%;

    background-color: #a62423;

    color: #fff;

    font-size: 0.12rem;

    line-height: 0.16rem;

    vertical-align: 0.08rem;

    text-align: center;

}







@media screen and (max-width: 768px) {

    html,

    body,

    .wrapper {

        min-width: 0;

    }



    .page-nav .search .icon {

        width: 0.26rem;

        height: 0.26rem;

    }

}





body.nav-open {

    overflow-y: hidden;

}



.page-header {

    display: block;

    background: #fff;

    height: auto;

}



.page-header *,

.page-nav * {

    box-sizing: border-box;

}



.page-header .content,

.page-nav .content {

    width: 14.4rem;

    margin: 0 auto;

}


.page-nav {

    width: 100%;

    background: #fff;

    box-shadow: 0 0.06rem 0.06rem -0.06rem rgba(0, 0, 0, 0.1);

}



.page-nav .content {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: justify;

    justify-content: space-between;

    overflow: inherit;

    float: none;

    border: none;

    padding: 0;

}



.page-nav .nav-content {

    display: -ms-flexbox;

    display: flex;

    height: 1rem;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

}



.page-nav .logo {

    width: 5.14rem;

    display: block;

    margin-right: 0.58rem;

}



.page-nav .logo img {

    width: 100%;

    height: auto;

    display: block;

}



.page-nav .content-wrap {

    background: #fff;

    padding-bottom: 5px;

}



.page-nav .nav-bar {

    display: -ms-flexbox;

    display: flex;

}



.page-nav .lang-en {

    display: none;

}



.page-nav .nav-item {

    margin-right: 0.39rem;

    height: 100%;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: 0.03rem solid transparent;

}



.page-nav .nav-item a {

    font-size: 0.176rem;

    font-weight: 400;

    color: #333333;

    line-height: 0.22rem;

    letter-spacing: 0.01rem;

    white-space: nowrap;

}



.page-nav .nav-item.active a,

.page-nav .nav-item:hover a {

    color: #0032B4;



}



.page-nav .nav-item.active {

    border-bottom: 0.03rem solid #0032B4;

    background: none;

}



.page-nav .nav-bar {

    height: 100%;

}



.page-nav .nav-item a {

    width: 100%;

    height: 100%;

    line-height: 1rem;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: solid 4px #fff;

}

.page-nav .nav-active a{

    border-bottom: solid 4px #ff0000;

}



.page-nav .tool-icon {

    height: 100%;

    border-bottom: 3px solid transparent;

    background: none;

    margin: 0 0.1rem;

}



.page-nav .tool-icon.current {

    border-bottom: 0.03rem solid #0032B4;

}



.page-nav .tool-icon-nav {

    display: -ms-inline-flexbox;

    display: inline-flex;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    width: 0.17rem;

    height: 0.17rem;

    cursor: pointer;

}



.page-nav .nav-content-left .tool-icon-nav {

    -ms-flex: 0 0 0.17rem;

    flex: 0 0 0.17rem;

    margin-left: 0.05rem;

}



.page-nav .nav-content-right .tool-icon-nav {

    display: none;

}



.page-nav .sub-nav-container .nav-item-login {

    display: none;

}



.page-nav .tool-icon-nav-close {

    display: none;

}



.nav-menu {

    display: -ms-flexbox;

    display: flex;

    width: 0.27rem;

    height: 0.27rem;

    background: url('./287de7f0ca0694f7ac823ec2a662c6b5.png') no-repeat 50% 50%;

    background-size: contain;

}



.tool-icon-nav.open .nav-menu {

    background: url("./36e3a0c13e86fc1fdb43dcb1e21adc53.png") no-repeat 50% 50%;

    background-size: contain;

}



.nav-open .page-nav .tool-icon-nav-close {

    display: inline-block;

    width: 18px;

    height: 18px;

    background: url("./36e3a0c13e86fc1fdb43dcb1e21adc53.png") no-repeat 50% 50%;

    background-size: contain;

}



.nav-open .page-nav .nav-content-right .tool-icon {

    display: none;

}



.page-nav .tool-icon-nav.open span,

.page-nav .nav-content-right .tool-icon-nav-close span {

    top: 50%;

}



.page-nav .tool-icon-nav-close span:nth-of-type(1) {

    opacity: 0;

}



.page-nav .tool-icon-nav.open span:nth-of-type(2),

.page-nav .tool-icon-nav-close span:nth-of-type(2) {

    -webkit-transform: translateY(-50%) rotate(45deg);

    transform: translateY(-50%) rotate(45deg);

    width: 100%;

}



.page-nav .tool-icon-nav.open span:nth-of-type(3),

.page-nav .tool-icon-nav-close span:nth-of-type(3) {

    -webkit-transform: translateY(-50%) rotate(-45deg);

    transform: translateY(-50%) rotate(-45deg);

}





.page-nav .tool-list {

    position: absolute;

    right: 0;

    top: 1rem;

    z-index: 101;

    background: #fff;

    border: 0.01rem solid #E0E0E1;

    border-top: none;

}



.page-nav .tool-list.user-list {

    min-width: 1.2rem;

}



.page-nav .tool-list li {

    border-top: 0.01rem solid #E0E0E1;

    background: none;

}



.page-nav .tool-list li a {

    padding: 0 0.3rem;

    font-size: 0.14rem;

    font-weight: 400;

    color: #333333;

    line-height: 0.4rem;

    height: 0.4rem;

    display: block;

    white-space: nowrap;

}



.page-nav .tool-list li.current a {

    background: #0032B4;

    color: #fff;

}



.page-nav .tool-list li a:hover {

    background: #0032B4;

    color: #fff;

}



.page-nav .tool-icon .icon {

    display: block;

    cursor: pointer;

    position: relative;

    top: 50%;

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

    transform: translateY(-50%);

}



.page-nav .sub-nav-container {

    border-top: 0.01rem solid #E0E0E1;

    width: 100%;

    height: calc(100vh - 1rem);

    overflow: hidden;

    position: relative;

    background: #fff;

}



.page-nav .sub-nav-container .content {

    height: 100%;

}



.page-nav .sub-nav-container .sub-nav-bg-wrap,

.page-nav .sub-nav-container .sub-nav-wrap {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 10;

}



.page-nav .sub-nav-container .sub-nav-bg-item {

    width: 50%;

    height: 100%;

}



.page-nav .sub-nav-container .sub-nav-bg-item-left {

    background: #F2F4F8;

}



.page-nav .sub-nav-container .sub-nav-bg-item-right {

    background: #F2F4F8;

}



.page-nav .sub-nav-container .sub-nav-wrap {

    z-index: 11;

}



.page-nav .sub-nav-container .nav-first {

    -ms-flex: 0 0 1.5rem;

    flex: 0 0 1.5rem;

    overflow: hidden;

    border-right: 0.01rem solid #E0E0E1;

}



.page-nav .sub-nav-container .subnav {

    -ms-flex: 1;

    flex: 1;

    display: -ms-flexbox;

    display: flex;

}



.page-nav .sub-nav-container .subnav .topnav_side {

    -ms-flex: 0 0 2rem;

    flex: 0 0 2rem;

    overflow: hidden;

    padding: 0.3rem 0.2rem;

    border-right: 0.01rem solid #E0E0E1;

    background: #fff;

    height: 100%;

    overflow: auto;

}



.page-nav .sub-nav-container .subnav .topnav_main {

    -ms-flex: 1;

    flex: 1;

    background: #fff;

    height: 100%;

    padding-top: 0.3rem;

    padding-bottom: 0.3rem;

    padding-left: 0.2rem;

    overflow: auto;

}



.topnav-main--container.has-billboard {

    display: -ms-flexbox;

    display: flex;

}



.topnav-main--container.has-billboard .nav-extra {

    -ms-flex: 1;

    flex: 1;

}



.topnav-main--container.has-billboard .topnav-main--inner {

    -ms-flex: 1;

    flex: 1;

}



.topnav-main--container.has-billboard .billboard-sender {

    width: 2.4rem;

    margin-left: 0.34rem;

}



.page-nav .topnav-main--container.has-billboard .items dt {

    width: calc((100% - 0.25rem) / 2);

}



.page-nav .sub-nav-container .topnav_main .topnav-main-items {

    display: none;

}



.page-nav .sub-nav-container .nav-bar {

    display: block;

    padding-top: 0.3rem;

    padding-right: 0.2rem;

    padding-bottom: 0.3rem;

}



.page-nav .sub-nav-container .nav-item {

    height: auto;

    margin-right: 0;

    margin-bottom: 0.1rem;

    display: block;

    border: none;

    cursor: pointer;

}



.page-nav .sub-nav-container .nav-item a {

    line-height: 0.35rem;

    font-size: 0.16rem;

    color: #000000;

    display: inline-block;

    width: auto;

}



.page-nav .sub-nav-container .nav-item:hover {

    border: none;

}



.page-nav .sub-nav-container .topnav_side li {

    margin-bottom: 0.1rem;

    background: #fff;

}



.page-nav .sub-nav-container .topnav_side a {

    font-size: 0.16rem;

    color: #000000;

    line-height: 0.35rem;

    display: block;

    word-break: break-all;

    padding-right: 0.15rem;

}



.page-nav .sub-nav-container .topnav_side a:hover,

.page-nav .sub-nav-container .topnav_side li.current a,

.page-nav .sub-nav-container .nav-item a:hover,

.page-nav .sub-nav-container .nav-item.current a {

    color: #0032B4;

    font-weight: 600;

}



.page-nav .sub-nav-container .topnav_side li.current a,

.page-nav .sub-nav-container .nav-item.current {

    background: url(./nav-arrow.png) right center no-repeat;

    background-size: 0.07rem 0.15rem;

}



.page-nav .topnav_main .topnav-main-title {

    font-size: 0.16rem;

    font-weight: 600;

    color: #0032B4;

    line-height: 0.35rem;

    padding-bottom: 0.1rem;

    border-bottom: 0.01rem solid #E0E0E1;

}



.page-nav .sub-nav-container .topnav_main .items dl {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-column-gap: 0.2rem;

    grid-column-gap: 0.2rem;

    column-gap: 0.2rem;

    padding-top: 0.1rem;

    padding-bottom: 0.1rem;

    border-bottom: 1px solid #E0E0E1;

}


.page-nav .topnav_main .items dd {

    font-size: 0.16rem;

    font-weight: 400;

    color: #000000;

    line-height: 0.35rem;

    width: 100%;

    margin-bottom: 0.06rem;

}



.page-nav .topnav_main .items dt {

    width: calc((100% - 0.5rem) / 3);

}



.page-nav .topnav_main .items dt a {

    display: block;

    font-size: 0.14rem;

    font-weight: 400;

    color: #666666;

    line-height: 0.35rem;

    word-break: break-all;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

}



.page-nav .topnav_main .items dt a:hover {

    color: #0032B4;

}



.page-nav .sub-nav-container .subnav .nav-back {

    display: none;

}



.page-nav .page-nav-shadow {

    display: none;

}



.page-nav .link {

    display: -ms-inline-flexbox;

    display: inline-flex;

    -ms-flex-align: center;

    align-items: center;

    color: #0032B4;

    font-weight: 600;

}



.page-nav .link::after {

    width: 0.17rem;

    height: 0.15rem;

    margin-left: 0.1rem;

    background: url('./arrow-blue.png') no-repeat 50% 50%;

    background-size: contain;

    content: '';

}





@media screen and (min-width: 768px) {

    .page-nav .search-bar:hover .search-input {

        border: 0.01rem solid #0032B4;

    }



    .page-nav .search-bar:hover .search-botton {

        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAyCAYAAAADQbYqAAAAAXNSR0IArs4c6QAAAvNJREFUaEPtmHtIU2EYxp85cFgpltQSzSxBY5IXuq2LmWQUJqtYugwmBl2ERCyCoYSR3SBitmBWLBCspqh4qZldLAMtRG1Jl2VL00wQKSkt0ZzO2EaidvGwja+w9/x5eM/hfX7neZ/zfR8PwZpR/OcXjyAABAEEwRoE5ASCYPsjkBMIAjlhbHVE40DjQONA4zB+u0SZQJlAmUCZ8FczwXuuGw7Jl2Jr5AL4+7hj8NsInhl7oNW1IrfMiOER9mc8TINRtmUxrmRFoLtnAPkVrWhu+wyBKx+rQuYhISYAbzv7IEm5i46ufqZnXcwgSKP9UajciDOaJhy/+BSmYfMEofO93JB/LgqLfDywQlaGD58GmYFgAsHLU4DWShlyCgzIUDX+VpybgI/H1yUwtvdCduTB9IKQmRyOPTsCERRbhCHTRAdMVro2XIiavFgsiS2C8V0fExBMnNBQsA2VNe+RqdZzEvVatxOXC5uhzHvBqd7RIiYQeusSkZj+EOXVHZz61Z6NwpevQziQ9YhTvaNFTCD0NyZBmlaF27WdnPrNPbkeI+ZR7M2s4VTvaBETCBZ75xS8guraS0791mkl1vGx/EVYXEwg5Bxdg5CgOVgn102pKcDXHcZb8YhM0qFW3z1lvTMKmEAQBXjieakUcYfvo6Sq/Y99l1/YBF/vmVgWV+YMfZzewQSCpZNTqcuRsluE7an3UF3f9VNzfBceshViHEwQYeWucjwxfOQkwBlFzCBYRKrSxUiOF+HqzTfQVrRY1wEzBHyIQ4VIkwdb9xJ8Pg/qfAMUygZn6OP0DmYQfnQTE+GLjP1hWB0qhIsLz3q7f8CE4jttOKbWI3ChB26oN+O0pgknLk2jYPzV55jt4Qo/71kwmcxo6ejD0Li9hGSDH4rPR0OhrEc2gwUTcydw8icAy44zfV8owqSlXB+xu+6fhWC3IjseJAh00GqzDTmBIJATxiKUxoHGgcaBxmH8mooygTKBMoEygTJh0k6TgpGC0WaJ79zaHrz/yMWMAAAAAElFTkSuQmCC);

        background-size: cover;

    }

}



@media screen and (max-width: 768px) {

    .page-header {

        display: none;

    }

    .page-nav {

        background: transparent;

    }



    .page-nav .search-bar .search-botton {

        display: none;

        width: 1.2rem;

        height: 0.8rem;

        line-height: 0.8rem;

    }



    .page-header .content,

    .page-nav .content {

        width: 7.04rem;

        padding: 0.01rem 0;

    }



    .page-nav .nav-content {

        height: 0.96rem;

    }



    .page-nav .nav-bar {

        display: none;

        background: #fff;

    }



    .page-nav .page-nav-shadow {

        position: fixed;

        top: 1.16rem;

        left: 0;

        z-index: 100;

        width: 100%;

        height: 100%;

        background-color: rgba(0, 0, 0, .7);

        display: none;

        opacity: 0.5;

    }



    .page-nav .tool-icon.current {

        border-bottom: 3px solid #0031B7;

    }



    .page-nav .sub-nav-container {

        display: none;

    }



    .page-nav .logo {

        width: 5.4rem;

        height: 100%;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-align: center;

        align-items: center;

    }



    .page-nav .nav-content-right .tool-icon-nav {

        display: inline-block;

    }



    .nav-open .page-nav .nav-content-right .tool-icon {

        display: block;

    }



    .page-nav .nav-content-right .tool-icon-nav-close {

        display: none;

    }



    .page-nav .lang .icon {

        width: 0.27rem;

        height: 0.27rem;

    }



    .page-nav .tool-icon-nav {

        width: 0.27rem;

        height: 0.25rem;

        margin-right: 0;

    }



    .page-nav .nav-content-right .tool-icon.user {

        display: none;

    }



    .page-nav .lang-en {

        background: rgb(102, 102, 102);

        padding: 0.04rem 0.18rem;

        display: block;

        margin-left: .36rem;

    }



    .page-nav .lang-en a {

        font-size: 0.26rem;

        color: #fff;

    }



    .page-nav .sub-nav-container-mobile {

        width: 100%;

        height: calc(100vh - 0.56rem);

        overflow: auto;

        position: fixed;

        z-index: 200;

    }



    .page-nav .sub-nav-container-mobile .nav-bar {

        height: auto;

        border: 0.01rem solid #E6E6E6;

        border-top: none;

        display: block;

    }



    .page-nav .sub-nav-container-mobile .nav-item,

    .page-nav .sub-nav-container-mobile .nav-item-login {

        position: relative;

        margin-bottom: 0;

        border-top: 0.01rem solid #E6E6E6;

        margin-right: 0;

        border-bottom: none;

        display: block;

    }



    .page-nav .sub-nav-container-mobile .nav-item.current {

        background: none;

    }



    .page-nav .sub-nav-container-mobile .nav-item .children {

        display: none;

    }



    .page-nav .sub-nav-container-mobile .nav-item:after,

    .page-nav .sub-nav-container-mobile .nav-item .children li:after {

        width: 0.14rem;

        height: 0.3rem;

        right: 0.64rem;

        top: 0.5rem;

        -webkit-transform: translateY(-50%) rotate(90deg);

        transform: translateY(-50%) rotate(90deg);

        position: absolute;

        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAyBAMAAAC9habhAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQCkAAAAB3RSTlMAZSIoHkIBcCocbwAAAEZJREFUKM9jYAtiQAapggrI3EBBIWSuoiCKNJMglaUNUKWF6SbtiCrNQj9pBBehmJ6SmIHDRC9JBdS0QKokIoniTsBoyRsAfJYSDubbwGsAAAAASUVORK5CYII=) right center no-repeat;

        background-size: 0.14rem 0.3rem;

        content: "";

        transition: -webkit-transform 0.5s;

        transition: transform 0.5s;

        transition: transform 0.5s, -webkit-transform 0.5s;

    }



    .page-nav .sub-nav-container-mobile .nav-item.no-child:after,

    .page-nav .sub-nav-container-mobile .nav-item .children li.no-child:after {

        display: none;

    }



    .page-nav .sub-nav-container-mobile .nav-item.current:after,

    .page-nav .sub-nav-container-mobile .nav-item .children li.current:after {

        -webkit-transform: translateY(-50%) rotate(270deg);

        transform: translateY(-50%) rotate(270deg);

    }



    .page-nav .sub-nav-container-mobile .nav-item a,

    .page-nav .sub-nav-container-mobile .nav-item span {

        width: auto;

        display: inline-block;

    }



    .page-nav .sub-nav-container-mobile .nav-item-login a,

    .page-nav .sub-nav-container-mobile .nav-item-login span {

        display: block;

    }



    .page-nav .sub-nav-container-mobile .nav-item a,

    .page-nav .sub-nav-container-mobile .nav-item span,

    .page-nav .sub-nav-container-mobile .nav-item-login a,

    .page-nav .sub-nav-container-mobile .nav-item-login span {

        font-size: 0.28rem;

        font-weight: 400;

        color: #434343;

        padding-left: 0.32rem;

        height: 1rem;

        line-height: 1rem;

    }



    .page-nav .sub-nav-container-mobile .nav-item .children li {

        border-top: 0.01rem solid #E6E6E6;

        background: #f7f7f7;

        position: relative;

    }



    .page-nav .sub-nav-container-mobile .nav-item .children li a,

    .page-nav .sub-nav-container-mobile .nav-item .children li span {

        display: block;

        padding-left: 0.64rem;

    }



    .page-nav .sub-nav-container-mobile .nav-item .children .children li a,

    .page-nav .sub-nav-container-mobile .nav-item .children .children li span {

        display: block;

        padding-left: 0.96rem;

    }



    .page-nav .sub-nav-container-mobile .nav-item .children.last-child li {

        padding-left: 0.94rem;

    }



    .page-nav .sub-nav-container-mobile .nav-item .children .children.last-child li {

        padding-left: 0.64rem;

    }



    .page-nav .sub-nav-container-mobile .nav-item .children .children .children.last-child li {

        padding-left: 0.96rem;

    }



    .page-nav .sub-nav-container-mobile .nav-item .last-child li {

        border: none;

        padding: 0.23rem 0;

    }



    .page-nav .sub-nav-container-mobile .nav-item .last-child {

        border-top: 0.01rem solid #E6E6E6;

    }



    .page-nav .sub-nav-container-mobile .nav-item .children.last-child li:before {

        content: '';

        position: absolute;

        width: 0.1rem;

        height: 0.1rem;

        border-radius: 100%;

        background: #000;

        left: 0.9rem;

        top: 50%;

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

        transform: translateY(-50%);

    }



    .page-nav .sub-nav-container-mobile .nav-item .children .children.last-child li:before {

        left: 0.64rem;

    }



    .page-nav .sub-nav-container-mobile .nav-item .children .children .children.last-child li:before {

        left: 0.96rem;

    }



    .page-nav .sub-nav-container-mobile .nav-item .last-child li a {

        padding-left: 0.32rem !important;

        height: auto;

        line-height: inherit;

        text-overflow: ellipsis;

        overflow: hidden;

        white-space: nowrap;

        display: block;

        padding-right: 0.64rem;

    }



    .page-nav .sub-nav-container-mobile .nav-item .last-child li:after {

        display: none;

    }



    .page-nav .sub-nav-container-mobile .nav-item .children .page-nav .sub-nav-container-mobile .content {

        display: block;

        width: 100%;

        position: relative;

    }


    .icon-new-product {

        width: 0.8rem;

        height: 0.3rem;

        vertical-align: -3px;

    }


    .page-nav .tool-list li a {

        height: 0.6rem;

        font-size: 0.24rem;

        line-height: 0.6rem;

    }



    .page-nav .tool-list,

    .page-nav .search-bar {

        top: 0.95rem;

    }



    .page-nav .tool-list li.current a,

    .page-nav .tool-list li a:hover,

    .page-nav .tool-list li a:active {

        background: #fff;

        color: #0032B4;

    }



    .page-nav .tool-icon.lang {

        margin: 0 0.16rem;

    }

}