.pc_logo {
    width: 166px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAAAgCAMAAACvv/OAAAAAllBMVEUAAAAZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRn//wBwcA///wD//wD//wD//wD//wD//wD//wD//wD//wD//wD//wBOThNHRxT//wBOThOjowr//wAZGRnGxgaMjA2pqQk2NhZTUxO3twhhYRF+fg4nJxfU1AWamgvx8QLi4gNERBTiYdMRAAAAInRSTlMAgEC/7yAQMGDfj1DPn3CvQP3vcJ+AIBBg36+Pv++fMM+fZ3AiLgAAA/tJREFUWMPVmIdu2zAQQMVNihp2V9LdkrLklaT9/58rj0OUFcVu0AZwDjDMOw0+3SKl4gXkZrVafSiuWm5uP70xXr68vVrUm/eOMcu76wRdBcgsb94W1ydvzWN5V1yBCDZRPhtznZzEWjkqt2ZZPv+XqexMkLPhEwuB07IVRxUMDz2NY2Q784SsLiHEO0qE8r25iPdFiHlMgqYSMetsUQmTBZ1NME1nL2N+vJA41FY8xgYlo07eSX7xh7JETJwthDw1Abfdnnh+dg7T3D66cKogR9LMMQngzTElke6pSDnBFCSIdJizLMiRL90gPtW3jHnRnZyKGaYsZinWupHIsyLgYsduYIXqt/IpTIZmwmC22ipKZcDcnME0308xy/oEuqVlMccUFW2KGSbemnXDrblvLwSd42xnJbUlF8QqqS1encU8bfKM8jOVnGdbwDwgYU1PRsyKjELJNDxUjkrrQyeVlRa/j5h7c9cnuLvttl/qnQQlXox5gPEq9SmkkQRj5GXuIIu5iQez1YV9OJQRU5CplAns6Ga9tzp5FgXBAmdMu+k28A+03e/uV9yFTCmxioManhqPmBKIeAVGkTDBM2osbXXv4lAfBgxqLN3HQj3AoZqFBEGOfIqYw7DbmN55cT303bDp3Hhvdl91gUgqG6VzbBwSi5icAhnxRpUwhVPKERPZGqZVqdJ17pu5UwoPEjtlTuBTzO1m2Bi7Ppp+/ctjDndHs/6KBW1j7jQk4VqqnUObgImp7x/WVrh1g4DZOCPlQlHpK52Cn527U6VXS92HBZDdIub7hPngMIfNwXT7Bx/0YQfIRNBSxmaUAgUg3AUjYIa4CHCejpghXrpQcIJFvKIOuLaaWBGcm9vstOzVAUDW7TnMg9n1ZrffufN6V0IwdkH/oQtdi5CQIYbBFyW4ZsSEI85hpXOhSJhUgg0wS0cJj9EUwAvOtZUvQ+YCjXnGRPbOmN5pGROF3Pz7hiRyM9IhDXnEJDgnbFtETMJCbdWFJ+atpUo4zrxeVRbgq2kTJcf+3tZTL2Oo9Oe0d9LkMElqPYdfLFOBNcr5k/t4Cx7zA/4tFdAbpFAuazhJmKVtAmrCjMVYzZPhWYslVsvbwUnJymCk1uGORhxqhmP303knAv6OqBlHK6toDE62P2/rsdToxNK2UZ4Y0eIOqeDgWkDNOBJSnrPa3UhPMRH+p40ciKZzzMS5jMkwDmprNaD6ImocDoPyq5mnc6Cq5IDZYOwv4O6v/odtccEbNIocYZIxBz0v2rG9twE1bfywrRo+Xo+UZaerEMjPF33JwOzEm14Vfkvgoymcic9yKqgcB2FxxK/2le21vAC/ys8Jr+XjzGv51PViHw7/AMWgwZwD9ZjkAAAAAElFTkSuQmCC) no-repeat;
    position: absolute;
    top: 29px;
    left: 15px
}

.pc_left {
    position: absolute;
    border-right: 1px solid #f0f0f0;
    top: 0;
    width: 200px;
    height: 100%;
    background: #fff
}

.pc_left .link_box {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -46px
}

.pc_left .link_box>a {
    position: absolute;
    top: 0;
    width: 52px;
    height: 32px;
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    color: #999;
    font-weight: bolder;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.pc_left .link_box>a p {
    position: absolute;
    width: 100%;
    bottom: 0
}

.pc_left .link_box>a .bottom_line {
    opacity: 0;
    height: 7px;
    width: 52px;
    background: #fddb4a;
    position: absolute;
    bottom: 0;
    border-radius: 4px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.pc_left .link_box>a.router-link-active {
    color: #333
}

.pc_left .link_box>a.router-link-active .bottom_line {
    opacity: 1
}

.pc_left .link_box>a:hover {
    font-size: 36px;
    color: #333
}

.pc_left .link_box .left_h5 {
    top: 0
}

.pc_left .link_box .left_paint {
    top: 45px
}

.pc_left .link_box .left_paint p {
    font-size: 24px
}

.pc_left .link_box .left_paint:hover p {
    font-size: 26px;
    color: #333
}

.pc_left .link_box.locked>a {
    color: #ccc
}

.pc_left .link_box.locked>a .bottom_line {
    opacity: 0
}

.pc_left .left_menu {
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%;
    border-top: 1px solid #eee;
    z-index: 900;
    background: #fff
}

.pc_left .left_menu .search_btn {
    width: 100px;
    height: 60px;
    position: absolute;
    right: 0;
    cursor: pointer
}

.pc_left .left_menu .search_btn .search_icon {
    width: 21px;
    height: 21px;
    position: absolute;
    left: 40px;
    top: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAb1BMVEUAAABlZWVmZmZkZGRlZWVmZmZmZmZmZmZmZmZmZmZlZWVnZ2dlZWVmZmZmZmZmZmZlZWVmZmZlZWVlZWVmZmZlZWVlZWVlZWVlZWVmZmZmZmZnZ2dmZmZmZmZmZmZmZmZlZWVmZmZlZWVnZ2dmZmb09jeHAAAAJHRSTlMA+L4O4MemhHdXTycZFAf07qOclpCLa2NbOjMi5HxpRNqxcS92hTGRAAAArUlEQVQY031P1xKDMAxrQsIIUPZeHfr/bywYitM7rn6RTo4l5UbjdO3cmPBmT1wIPKROoQIWQyWqYSOLRn6+HMf+yz2UB8uSN9+V6AgHTFbEXUnCRjh28gsR3dCSo0E9XIplC9QUll2plf5Re5gNgt2eG1N4LAr786m7kwqG1acID38tWiJkd/Z0JKRZ3YZls2W/RgFpgmRd+citQrU3tVTGB+XZ80ee4V/JXfQBVI0JtpRbyHIAAAAASUVORK5CYII=) no-repeat
}

.pc_left .left_menu .share_btn {
    width: 100px;
    height: 60px;
    border-right: 1px solid #eee;
    position: absolute;
    left: 0;
    cursor: pointer
}

.pc_left .left_menu .share_btn .share_icon {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 40px;
    top: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAb1BMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZlZWVlZWVlZWVmZmZmZmZmZmZmZmZmZmZmZmZlZWVlZWVkZGRlZWVjY2NpaWllZWVlZWVlZWVmZmZlZWVmZmZlZWViYmJmZmZmZmZmZmZmZmZmZmZnZ2dmZmaL9wgsAAAAJHRSTlMAd2lQ+ubawKSBW1g9Jd+8rWMrGxIJ7unNtZ6ZRRb0yp99czZtONpTAAAAn0lEQVQY02XQ1w7DIAwFUGgIM2Q0e3X6/7+xhASE1ftg4ABGgqRRcAahzVzWgJZKem3coPbYShjmJtg7O/A7lrqP5yg50A6iI4l5FByZxw0KbMQqskzYfEoVZjIaYZr8hxm8bj6u5BRj9XKlrpD1j5urBu7oNrTHwEViey79WLAlWvfM93NmmLg6bOUYexWcVdRoNcHcJk/qOgfG1/ALP2kyCVod+RHuAAAAAElFTkSuQmCC) no-repeat
}

.pc_right_month {
    border-right: 1px solid #f0f0f0
}

.pc_right_month .month_main {
    float: left;
    width: 100%
}

.pc_right_month .month_main a {
    display: block;
    width: 100%;
    height: 100%
}

.pc_right_month .month_main .img_box {
    -webkit-box-shadow: 5px 5px 12px #eee;
    box-shadow: 5px 5px 12px #eee;
    border-radius: 10px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.pc_right_month .month_main .img_box img {
    background: #ddd;
    width: 276px;
    height: 490px;
    border-radius: 10px;
    display: block
}

.pc_right_month .month_titles {
    position: relative;
    line-height: 24px;
    margin-top: 28px;
    padding-left: 14px;
    font-size: 18px;
    font-weight: bold;
    color: #140d06;
}

.pc_right_month .month_titles::before {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    content: '';
    width: 4px;
    height: 16px;
    background: #28b7a7;
    border-radius: 2px;
}

.pc_right_month .month_titles span {
    font-weight: normal;
    color: #373736;
}

.pc_right_month .month_titles .title_line {
    width: 29px;
    height: 6px;
    position: absolute;
    top: 2px;
    background: #fddb4a
}

.pc_right_month .month_titles .title {
    width: 100%;
    font-size: 16px;
    color: #3c3939;
    font-weight: 700;
    max-height: 24px;
    overflow: hidden
}

.pc_right_month .month_titles .detail {
    width: 100%;
    font-size: 14px;
    color: #999;
    margin-top: 1px;
    max-height: 38px;
    overflow: hidden
}

.search_swiper-container.movingRight {
    -webkit-transform: scale(.85) translateZ(0);
    transform: scale(.85) translateZ(0)
}

.search_swiper-container.movingRight ul li {
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(-6deg) scale(.98) translateZ(0);
    transform: perspective(500px) rotateX(0deg) rotateY(-6deg) scale(.98) translateZ(0)
}

.search_swiper-container.movingRight ul li .month_circle {
    width: 0;
    height: 0
}

.year .pc_the_end .the_end_text {
    margin-top: -77px
}

.year .pc_the_end .the_end_text .the_end_img.end_nothing {
    width: 125px;
    height: 125px;
    margin: 0 auto;
    background: url(data:image/png;base64,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) no-repeat
}

.pc_search_box {
    z-index: 100
}

.pc_search_box,
.pc_search_box .search_mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.pc_search_box .search_mask {
    background: rgba(40, 40, 39, .9)
}

.pc_search_box .search_mask .input_box {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 50%;
    margin-left: -284px
}

.pc_search_box .search_mask input {
    width: 568px;
    height: 52px;
    outline: none;
    border: none;
    background: #fff;
    border-radius: 26px;
    padding-left: 20px;
    font-size: 16px;
    color: #333
}

.pc_search_box .search_mask input::-webkit-input-placeholder {
    color: #ddd
}

.pc_search_box .search_mask input::-moz-placeholder {
    color: #ddd
}

.pc_search_box .search_mask input:-ms-input-placeholder {
    color: #ddd
}

.pc_search_box .search_mask input::-ms-input-placeholder {
    color: #ddd
}

.pc_search_box .search_mask input::placeholder {
    color: #ddd
}

.pc_search_box .search_mask .close_search {
    width: 42px;
    height: 42px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAe1BMVEUAAAC7u7u7u7u7u7u8vLy6urq4uLi7u7u8vLy6urq4uLi7u7u7u7u6urq6urq8vLy7u7u7u7u7u7u6urq7u7u7u7u7u7u7u7u6urq6urq7u7u7u7u6urq7u7u7u7u7u7u6urq6urq7u7u6urq7u7u6urq7u7u7u7u7u7vVTW15AAAAKHRSTlMA2u8ZHiQK6ykDDtMTBuE5z8vGuy3znHlhVUq5M9+Tcl9b56eltqZuK/ChmgAAAZpJREFUOMuVlYlygjAQhrMJNwhyqCAWb/u//xM2YE1DAlp2mExYvgl7h9mSVFlWJeyTBLvWxyB+uQvmudUp7yEeF0XMISU/h9PkniS2bcTzTTRbidN+AoyuANWervJqAh6RSbqEzdH6XXjcgNyx7uBjLVW2uGv4h5HCRxuxSYla+K72SmhXs3FpQX/H3LD22Kx4a9xUlLAJ3uZlg/2vm4QjeyvfoKd9Z1D4Hg0Jp2GTo1YudI5mYyde2xr5YAm48qlD6iiyRBy+9hy9Nzts1UGCFBsV4Jn6sMVOriUaprNfA5vkOskalHLlEMxiEyOfAlwq5aKL07MixqUaqX0krELMTDYlXIykxKhYhoIZbAqkZpkVyCZQt0cdG7UNCFKQfBzLAMut4IJYOF8gYbqlgqW1g1SarAA3U3DgyCWpWC0FRmIzjiJScSBhJFYrlzBGKUnFdkwrF6MIRedp8e1WWhEuKO2FDfO5DV3Zhv9u7sfCkaEG0d2bOfMO31043pYPTTWKVyMrawKu0YIBv/zasC+jkmMQbl1GC664HyTGKf0orik2AAAAAElFTkSuQmCC) no-repeat;
    position: absolute;
    left: 263px;
    top: 72px;
    cursor: pointer
}

.pc_search_box .search_mask .start_search {
    width: 42px;
    height: 42px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAMAAAC+oj0CAAAAaVBMVEUAAACJiYmHh4eHh4eCgoKDg4OHh4eIiIiHh4eMjIyIiIiHh4eIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiJiYmHh4eEhISIiIiHh4eIiIiIiIiIiIiIiIiIiIiIiIiIiIiHh4eHh4eIiIjE/yWrAAAAInRSTlMABfXiCQ3azb8S79GyfKubjiXVw2lZGuu4oohfKxyFgW0vE8BLmwAAALNJREFUGNNtj9kOgyAURBEEBMviVpfWLvP/H9kiatA4D8zl5ARyyZLnJLXWhbmTJNwBqBsB0Fe201mg7vL/oD4MDd9cAb85yqJZ5xGe7MluMPE31Ju7+D1VoT06ksagDSVpdsAVxlBUkmN0GU4UJ8zYpU0XWyI/vW1DTXgc8DveK4hUV7qP6zu4BHeQ0eIlHE+3LyK/l2CtCoMpqoTnngKsZAD9pj6ZzcCYsC1f3xnIRTIrfq7fCoHYGmpSAAAAAElFTkSuQmCC) 50% no-repeat;
    position: absolute;
    left: 515px;
    top: 6px;
    cursor: pointer
}

.pc_search_box .search_year_box {
    height: 100%;
    width: auto;
    top: 0;
    margin-left: 200px;
    position: relative;
    overflow: hidden;
    background: #fddb4a
}

.pc_search_box .search_year_box .year {
    width: 100%
}

.pc_search_box .search_left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 200px;
    cursor: pointer
}

#pc .share_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2000;
    background: rgba(40, 40, 39, .9)
}

#pc .share_box .erweima_box {
    width: 670px;
    height: 366px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -183px;
    margin-left: -335px;
    border-radius: 10px;
    background: #fff
}

#pc .share_box .erweima_box img {
    width: 190px;
    height: 190px;
    display: block
}

#pc .share_box .erweima_box p {
    margin: 15px auto;
    text-align: center;
    font-size: 16px;
    color: #888
}

#pc .share_box .erweima_box .weixin {
    position: absolute;
    left: 77px;
    top: 80px
}

#pc .share_box .erweima_box .weibo {
    position: absolute;
    right: 77px;
    top: 80px
}

#pc .share_box .erweima_box .share_line {
    height: 190px;
    position: absolute;
    top: 80px;
    left: 335px;
    border-left: 1px solid #ededed
}

#pc .share_box .erweima_box .close_share {
    width: 42px;
    height: 42px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAe1BMVEUAAAC7u7u7u7u7u7u8vLy6urq4uLi7u7u8vLy6urq4uLi7u7u7u7u6urq6urq8vLy7u7u7u7u7u7u6urq7u7u7u7u7u7u7u7u6urq6urq7u7u7u7u6urq7u7u7u7u7u7u6urq6urq7u7u6urq7u7u6urq7u7u7u7u7u7vVTW15AAAAKHRSTlMA2u8ZHiQK6ykDDtMTBuE5z8vGuy3znHlhVUq5M9+Tcl9b56eltqZuK/ChmgAAAZpJREFUOMuVlYlygjAQhrMJNwhyqCAWb/u//xM2YE1DAlp2mExYvgl7h9mSVFlWJeyTBLvWxyB+uQvmudUp7yEeF0XMISU/h9PkniS2bcTzTTRbidN+AoyuANWervJqAh6RSbqEzdH6XXjcgNyx7uBjLVW2uGv4h5HCRxuxSYla+K72SmhXs3FpQX/H3LD22Kx4a9xUlLAJ3uZlg/2vm4QjeyvfoKd9Z1D4Hg0Jp2GTo1YudI5mYyde2xr5YAm48qlD6iiyRBy+9hy9Nzts1UGCFBsV4Jn6sMVOriUaprNfA5vkOskalHLlEMxiEyOfAlwq5aKL07MixqUaqX0krELMTDYlXIykxKhYhoIZbAqkZpkVyCZQt0cdG7UNCFKQfBzLAMut4IJYOF8gYbqlgqW1g1SarAA3U3DgyCWpWC0FRmIzjiJScSBhJFYrlzBGKUnFdkwrF6MIRedp8e1WWhEuKO2FDfO5DV3Zhv9u7sfCkaEG0d2bOfMO31043pYPTTWKVyMrawKu0YIBv/zasC+jkmMQbl1GC664HyTGKf0orik2AAAAAElFTkSuQmCC) no-repeat;
    position: absolute;
    left: 318px;
    top: 386px;
    cursor: pointer
}

#mobile .share_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, .8)
}

#mobile .share_box .erweima_box {
    width: 100%;
    height: 492px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-left-radius: 56px;
    border-top-right-radius: 56px;
    background: #fff
}

#mobile .share_box .erweima_box img {
    width: 210px;
    height: 210px;
    display: block
}

#mobile .share_box .erweima_box p {
    margin: 25px auto;
    text-align: center;
    font-size: 24px;
    color: #555
}

#mobile .share_box .erweima_box .weixin {
    position: absolute;
    left: 100px;
    top: 118px
}

#mobile .share_box .erweima_box .weibo {
    position: absolute;
    right: 100px;
    top: 118px
}

#mobile .share_box .erweima_box .close_share {
    width: 68px;
    height: 68px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAY1BMVEUAAADJycmsrKytra25ubmvr6+vr6+srKytra2srKytra2xsbGtra2vr6+wsLC0tLSsrKysrKytra2tra2tra22tratra2tra2srKysrKytra2urq6vr6+wsLCtra2tra2srKxcfe50AAAAIHRSTlMAB/asDD1Tzrfp3Cp9SS4Y8KCJgSIUvqiRjmdfNjdgHC6xmE8AAAJGSURBVFjDvJTtmkMwEIUFqVAUpeqjfdz/Ve5mYpPK2QT7Y+dfO+M15zhJ8B/Furbt2N8f53mfhAtVmPQ5P42KJxEuVoViik8grvVKAE59PYgoo8VTUXlEyFPPV2IYC16WvBgHUem/n7uiinQdzfKZbXye82xtpYUXwZp1TvDf2lys7YZ5pDzUTKIRgEnUxMMp6aYmsotv2YsSldwcDNWO4h3nI/UqokBT7XEPduuudomxw8iPUEvxSgrJF3S3IcYrOFQvojSQD1oR9nDuQuOFZUiKfuz7km5toaxHwYmK6ARszhx9tPgMJKZAlDYWDfHbYi1/pe8enCzKlblfavmTn4Vw+VSt5cmvLuyR5r09FPe8s0aETNaPkRMtgq+J2IfilATjKtMHMcMAE8Uwvqu1hjKjgEk1udV/L5qiGZWdgVzqYWarGcOkKIYRwq04kw+aVzE41YayMjBHrNIaeqXMSXEylJu9Ds0QOClCM7AGHVLp6xi4KZqBNcoWjZqbASnIwFtI2tl5Ms+Eglx8yZdBbvWRxiJPrezCFdICBBhAQQjIAQZQUI7bWJOxr17MHQdAEAiiF9Ag0Z7739LOMWxe9Qhbm9HIMJ8N6+DH5ogRI6yjI2ayhadBAbIh7duHEZQOtMcLeAcjKAMuIEnBEYygNJCCiFLJCNf5f2nPM0WUIo/zPJOOjXxHkUcQahgQarAMGLYMb17eRr2hL44WPuT4uOWDn4+g68Owj+W+IPiq4kuTr2++SPpK68v1hprvFw5+9eGXMH5eM/t3wDxC5xcAAAAASUVORK5CYII=) no-repeat;
    position: absolute;
    right: 30px;
    bottom: 510px;
    cursor: pointer
}

.mobile_top {
    width: 750px;
    height: 154px;
    background: #fff;
    position: absolute;
    top: 0
}

.mobile_top .top_link .top_h5 {
    left: 32px
}

.mobile_top .top_link .top_h5 p {
    font-size: 40px;
    font-weight: 700
}

.mobile_top .top_link .top_h5 .bottom_line {
    width: 66px
}

.mobile_top .top_link .top_h5.router-link-active p {
    font-size: 52px
}

.mobile_top .top_link .top_paint {
    left: 140px
}

.mobile_top .top_link .top_paint p {
    font-size: 32px;
    line-height: 78px;
    font-weight: 700
}

.mobile_top .top_link .top_paint .bottom_line {
    width: 80px
}

.mobile_top .top_link .top_paint.router-link-active p {
    font-size: 40px
}

.mobile_top .top_link a {
    position: absolute;
    top: 28px
}

.mobile_top .top_link a p {
    text-align: center;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #999;
    height: 74px;
    line-height: 74px
}

.mobile_top .top_link a .bottom_line {
    height: 10px;
    border-radius: 5px;
    background-color: #fddb4a;
    position: absolute;
    top: 70px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.mobile_top .top_link a.router-link-active .bottom_line {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.mobile_top .top_link a.router-link-active p {
    font-size: 40px;
    color: #333
}

.mobile_top .right_menu {
    width: 160px;
    height: 80px;
    position: absolute;
    right: 14px;
    top: 25px
}

.mobile_top .right_menu>div {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0
}

.mobile_top .right_menu>div>div {
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAARVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADc6ur3AAAAFnRSTlMASekcghbjsE8mQQ/48N3Pt3d2XwiuZ9tN7QAAAIpJREFUOMvl0UEOgjAQQNFPS4FSQATk/ke1yWDTidEa40reZpLJXzRTwNnMBsFmAtFtz1VQq8UCbn+fTGALSSOJd8I8ktmJNSUOkZIW0f1xYg7pdIMR45GUr1tOtkpx4NWi50dCrXiiq57PzwWTzc+TuRXDiyT/gDMlayfGr68bygnL1GR6ooueZXcQnSVSnaUgzAAAAABJRU5ErkJggg==) 50% no-repeat
}

.mobile_top .right_menu .search_btn {
    left: 80px
}

.mobile_top .right_menu .search_btn .search_icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAMAAAC1fe+DAAAAllBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA6C80qAAAAMXRSTlMA+fLonIwTBu3JwrmVhyojHw8L5NnRtapnYldRRjbWsH97Pzoc4aSSgnJZLycUoW1JK9xVuwAAATdJREFUOMttk9mWgjAQRA2gIAgiiwi4j8vo6Mzc//85jydIgKSeqskNSdHNqNVzVeS25WXLw2Nk1LxAyf8yEN9yTdiWNIU7AFwfICijhZvM64sA7HmfyIEgbuvEAayoiwTAqrdpLSCdqHoP1IOjIwG7tnoAf9r9j0D1KRxYGjKOYdrYk4CNAUlsWEu7ki/RFcJMuotMo2sDuXRT+DEiboolc9vS6FKbLVLXjAQg2+nhLcyI/4m6hdiMbEH2cge1eYLgLN1BxtdVQtHGtxPzVShVtr2BqFFfowIiHcng1hZLyLTcJ9G9Y2xB9hwyB+BXjSEgqs5yPGl+Cqd99A+QV02w4470fXDYY6IzgPCdqxN48G5Ow8z6M650bYezyyxuU6S2YdwZYMbdEJPjvbyvT4Mh91RlVsj4BSc3LeZFh592AAAAAElFTkSuQmCC)
}

@media screen and (min-height:1334px) {
    .top_link {
        position: absolute;
        display: table;
        width: 250px;
        top: 30px
    }
    .mobile_top .right_menu {
        top: 55px
    }
}

.mobile_search .search_main {
    position: absolute;
    width: 100%;
    left: 0;
    top: 122px;
    bottom: 0;
    background: #fff
}

.mobile_search .search_main .search_result {
    width: 674px;
    position: absolute;
    top: 0;
    left: 38px;
    bottom: 80px;
    overflow-y: scroll
}

.mobile_search .search_main .search_result li {
    width: 590px;
    border-bottom: 1px solid #eee;
    margin-left: 42px;
    margin-bottom: 58px;
    height: 334px;
    position: relative
}

.mobile_search .search_main .search_result li a {
    display: block;
    width: 100%;
    height: 100%
}

.mobile_search .search_main .search_result li .result_title {
    width: 398px;
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 44px;
    color: #333;
    line-height: 58px;
    font-weight: 700
}

.mobile_search .search_main .search_result li img {
    width: 150px;
    height: 272px;
    border-radius: 16px;
    position: absolute;
    right: 0
}

.mobile_search .search_main .search_result li .result_time {
    position: absolute;
    top: 237px;
    font-size: 26px;
    color: #d1d1d1;
    line-height: 28px
}

.mobile_search .search_main .search_result li .result_time .result_time_line {
    width: 6px;
    height: 22px;
    background: #fcdb4a;
    position: absolute;
    top: 3px
}

.mobile_search .search_main .search_result li .result_time p {
    position: absolute;
    left: 18px;
    top: 1px
}

.mobile_search .search_main .search_result li:last-child {
    margin-bottom: 0;
    border: none
}

.mobile_search .search_main .none_result {
    width: 674px;
    position: absolute;
    top: 0;
    left: 38px;
    bottom: 80px;
    border-bottom: 1px solid #d8d8d8
}

.mobile_search .search_main .none_result .none_result_box {
    width: 100%;
    height: 280px;
    position: absolute;
    top: 50%;
    margin-top: -140px
}

.mobile_search .search_main .none_result .none_result_box .none_img {
    width: 100%;
    height: 220px;
    background: url(../../static/img/none_result.bb7addd4.png) 50% no-repeat
}

.mobile_search .search_main .none_result .none_result_box p {
    font-size: 24px;
    color: #999;
    text-align: center;
    margin-top: 20px
}

.mobile_search .search_main .mobile_logo {
    width: 674px;
    position: absolute;
    left: 38px;
    bottom: 0;
    height: 82px;
    background: url(data:image/png;base64,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) 50% no-repeat;
    border-top: 1px solid #d8d8d8;
    overflow-y: scroll
}

.mobile_search .search_top {
    width: 750px;
    height: 154px;
    position: absolute;
    top: 0;
    background: #fff
}

.mobile_search .search_top .input_box {
    width: 610px;
    height: 62px;
    position: absolute;
    top: 30px;
    left: 30px
}

.mobile_search .search_top .input_box input {
    width: 610px;
    height: 62px;
    outline: none;
    border: none;
    background: #f8f8f8;
    border-radius: 31px;
    padding-left: 30px;
    font-size: 28px;
    color: #333
}

.mobile_search .search_top .input_box input::-webkit-input-placeholder {
    color: #b1b1b1;
    font-size: 26px
}

.mobile_search .search_top .input_box input::-moz-placeholder {
    color: #b1b1b1;
    font-size: 26px
}

.mobile_search .search_top .input_box input:-ms-input-placeholder {
    color: #b1b1b1;
    font-size: 26px
}

.mobile_search .search_top .input_box input::-ms-input-placeholder {
    color: #b1b1b1;
    font-size: 26px
}

.mobile_search .search_top .input_box input::placeholder {
    color: #b1b1b1;
    font-size: 26px
}

.mobile_search .search_top .input_box .clear_search {
    width: 34px;
    height: 34px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAVFBMVEUAAACtra2tra2srKysrKyurq6vr6+urq6urq6srKysrKyurq6xsbGurq6tra2srKytra2srKytra2/v7+/v7+tra2srKysrKyrq6uwsLCtra2srKyn7Hu6AAAAG3RSTlMAsXX29IFdPiadU40jE+nnqJc4DAjmpPW0NzIaMgZvAAABF0lEQVQ4y5WU65KDIAyFgyigeNe17Z73f88dAaeHbjtM80sz3yQnNySz3VljrNvlgw1GaQTTygxvgK2pQVY32yvRjQAwzb6q/DwBwNjlRHOGX9brd13OlA0TBwDVs6dXAI48RvWauuI4HQBO/N+9jRwjjzNuVxolb02lVEMN3UeJj6uJNmnWqM8eGmCJDqANH7aGj8wCmBgt9uOBkwnEVe4aNOwaU4rfnkwgflxyTdC7OGAWYu5MyAw4sYAXZpgQD1gxWVPuAG4ua40hJCkF2hwJiZi4BYYTkdxUS6iL5VLRQyCi5oqKptbZSARGPVvHAxB/uCRS/T4HwGNk4zGWl6G8UuXFLK93+UjKp1Y+2PLZf/N4lJ+gP+VwIG6nUU23AAAAAElFTkSuQmCC) no-repeat;
    position: absolute;
    right: 75px;
    top: 13px
}

.mobile_search .search_top .input_box .start_search {
    width: 34px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAMAAABAUVr7AAAAflBMVEUAAACysrKsrKy1tbWtra2srKytra2tra2tra2srKyurq6/v7+tra2tra2tra2tra2tra2urq6urq6wsLCxsbHAwMCtra2tra2tra2srKyurq6urq6urq6tra2tra2tra2vr6+srKysrKytra2tra2urq6tra2urq6tra2srKyZltnqAAAAKXRSTlMAFvsPzvjy7trTSQZx6Mige004Lx4KuqqmlI5UI7CHa1hG58Obg2VAKkiwqAIAAAE2SURBVDjLjZLrcoIwEEZDQG6CIAKC93rtef8XbComVJJ2en5tZk42md1PGLz7NYhkFO+zT+FkVcwwtB+2ML9JUITnl7j2JoYXALI71ar20z4C8tW7kQDX8Z5fql5RJUYaZYTL95/FyqnH80EZ1fRp5VzMqZKQiil1CEd92EMhbO4Q65YS6QkHMWyHKoO1cJGZ7t0g2+zMSwnshJMI/GcRgnAT6MvRr8oChp3n0LiVBGrtVk5jLpHzZ7WBzKlUEAzVdqhseji8+uXwcBheCDozN0jmtlJAa3TVprcMH7NpxRI4uAY3G1O+ATp/+pfEcs7HRg/ktC5fmZ+lxiklEO6z7SPNupxhOf63sxzzHPCT5NnRXwyOJm2lFi4nNQTtSOUYmrTcFH2ZDjE1Tiz+xm+t2NrU4h98AQM0I9HMgWeVAAAAAElFTkSuQmCC) no-repeat;
    position: absolute;
    right: 25px;
    top: 15px
}

.mobile_search .search_top .close_search {
    width: 110px;
    height: 62px;
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 28px;
    color: #333;
    line-height: 63px;
    text-align: center
}

#pc {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    position: absolute
}

#pc #loading .loading_bg {
    width: 8000px;
    height: 8000px
}

#pc #loading .loading_element {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

#mobile {
    background: #fff;
    overflow: hidden
}

#loading,
#mobile {
    width: 100%;
    height: 100%;
    position: absolute
}

#loading {
    top: 0;
    left: 0;
    z-index: 1000000
}

#loading .loading_bg {
    background: #fad105;
    width: 4000px;
    height: 4000px;
    border-radius: 4000px;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 1s linear;
    transition: all 1s linear
}

#loading .loading_element {
    background-image: url(../../static/img/loading.17f66454.png);
    width: 104px;
    height: 104px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    transform: translate(-50%, -50%) scale(1.5);
    -webkit-animation: animation1 3s steps(1) infinite;
    animation: animation1 3s steps(1) infinite;
    opacity: 1;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

@-webkit-keyframes animation1 {
    0% {
        background-position: 0 0
    }
    2.86% {
        background-position: -104px 0
    }
    5.71% {
        background-position: -208px 0
    }
    8.57% {
        background-position: -312px 0
    }
    11.43% {
        background-position: -416px 0
    }
    14.29% {
        background-position: -520px 0
    }
    17.14% {
        background-position: -624px 0
    }
    20.00% {
        background-position: -728px 0
    }
    22.86% {
        background-position: -832px 0
    }
    25.71% {
        background-position: -936px 0
    }
    28.57% {
        background-position: -1040px 0
    }
    31.43% {
        background-position: -1144px 0
    }
    34.29% {
        background-position: -1248px 0
    }
    37.14% {
        background-position: -1352px 0
    }
    40.00% {
        background-position: -1456px 0
    }
    42.86% {
        background-position: -1560px 0
    }
    45.71% {
        background-position: -1664px 0
    }
    48.57% {
        background-position: -1768px 0
    }
    51.43% {
        background-position: -1872px 0
    }
    54.29% {
        background-position: 0 -104px
    }
    57.14% {
        background-position: -104px -104px
    }
    60.00% {
        background-position: -208px -104px
    }
    62.86% {
        background-position: -312px -104px
    }
    65.71% {
        background-position: -416px -104px
    }
    68.57% {
        background-position: -520px -104px
    }
    71.43% {
        background-position: -624px -104px
    }
    74.29% {
        background-position: -728px -104px
    }
    77.14% {
        background-position: -832px -104px
    }
    80.00% {
        background-position: -936px -104px
    }
    82.86% {
        background-position: -1040px -104px
    }
    85.71% {
        background-position: -1144px -104px
    }
    88.57% {
        background-position: -1248px -104px
    }
    91.43% {
        background-position: -1352px -104px
    }
    94.29% {
        background-position: -1456px -104px
    }
    97.14% {
        background-position: -1560px -104px
    }
    100.00% {
        background-position: -1664px -104px
    }
}

@keyframes animation1 {
    0% {
        background-position: 0 0
    }
    2.86% {
        background-position: -104px 0
    }
    5.71% {
        background-position: -208px 0
    }
    8.57% {
        background-position: -312px 0
    }
    11.43% {
        background-position: -416px 0
    }
    14.29% {
        background-position: -520px 0
    }
    17.14% {
        background-position: -624px 0
    }
    20.00% {
        background-position: -728px 0
    }
    22.86% {
        background-position: -832px 0
    }
    25.71% {
        background-position: -936px 0
    }
    28.57% {
        background-position: -1040px 0
    }
    31.43% {
        background-position: -1144px 0
    }
    34.29% {
        background-position: -1248px 0
    }
    37.14% {
        background-position: -1352px 0
    }
    40.00% {
        background-position: -1456px 0
    }
    42.86% {
        background-position: -1560px 0
    }
    45.71% {
        background-position: -1664px 0
    }
    48.57% {
        background-position: -1768px 0
    }
    51.43% {
        background-position: -1872px 0
    }
    54.29% {
        background-position: 0 -104px
    }
    57.14% {
        background-position: -104px -104px
    }
    60.00% {
        background-position: -208px -104px
    }
    62.86% {
        background-position: -312px -104px
    }
    65.71% {
        background-position: -416px -104px
    }
    68.57% {
        background-position: -520px -104px
    }
    71.43% {
        background-position: -624px -104px
    }
    74.29% {
        background-position: -728px -104px
    }
    77.14% {
        background-position: -832px -104px
    }
    80.00% {
        background-position: -936px -104px
    }
    82.86% {
        background-position: -1040px -104px
    }
    85.71% {
        background-position: -1144px -104px
    }
    88.57% {
        background-position: -1248px -104px
    }
    91.43% {
        background-position: -1352px -104px
    }
    94.29% {
        background-position: -1456px -104px
    }
    97.14% {
        background-position: -1560px -104px
    }
    100.00% {
        background-position: -1664px -104px
    }
}

#loading.loaded .loading_bg {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0)
}

#loading.loaded .loading_element {
    opacity: 0
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: transparent;
    font-family: PingFangSC-Regular\, Microsoft YaHei
}

a {
    text-decoration: none;
    color: #000;
    display: block
}

.pc_right_month .month_wrap .month_index p {
    display: inline-block;
    font-size: 16px
}

.pc_right_month .month_wrap .month_index p span {
    font-size: 16px
}

@media screen and (max-height:700px) {
    .pc_right_month {
        width: 278px
    }
    .pc_right_month .month_wrap {
        width: 184px;
        height: 460px;
        margin-top: -230px;
        margin-left: -92px
    }
    .pc_right_month .month_wrap .month_box {
        margin-top: 12px
    }
    .pc_right_month .month_wrap .month_index {
        font-size: 52px;
        height: 52px;
        line-height: 52px
    }
    .pc_right_month .month_wrap .month_index span {
        font-size: 14px
    }
    .pc_right_month .month_wrap .month_index .month_year,
    .pc_right_month .month_wrap .month_index p,
    .pc_right_month .month_wrap .month_index p span {
        font-size: 12px
    }
    .pc_right_month .month_wrap .month_main img {
        width: 184px;
        height: 327px
    }
    .pc_right_month .month_wrap .month_main .month_titles {
        /* margin-top: 17px;
        padding-top: 14px */
    }
    .pc_right_month .month_wrap .month_main .month_titles .title {
        font-size: 12px;
        max-height: 16px
    }
    .pc_right_month .month_wrap .month_main .month_titles .detail {
        font-size: 10px;
        max-height: 34px
    }
    .pc_right_month .month_wrap .swiper-pagination {
        margin-top: 14px;
        font-size: 9px
    }
    .pc_right_month .month_wrap .swiper-button-next,
    .pc_right_month .month_wrap .swiper-button-prev {
        top: 204px
    }
    .month_circle {
        top: -53px;
        left: -53px
    }
    .pc_right_month:hover {
        width: 317px!important
    }
    .pc_right_month:hover .month_circle {
        width: 237px;
        height: 237px
    }
}

@media screen and (max-height:820px) and (min-height:701px) {
    .pc_right_month {
        width: 346px
    }
    .pc_right_month .month_wrap {
        width: 230px;
        height: 580px;
        margin-top: -290px;
        margin-left: -115px
    }
    .pc_right_month .month_wrap .month_box {
        margin-top: 28px
    }
    .pc_right_month .month_wrap .month_index {
        font-size: 66px;
        height: 66px;
        line-height: 66px
    }
    .pc_right_month .month_wrap .month_index span {
        font-size: 16px
    }
    .pc_right_month .month_wrap .month_index .month_year {
        font-size: 14px
    }
    .pc_right_month .month_wrap .month_index p {
        display: inline-block;
        font-size: 14px
    }
    .pc_right_month .month_wrap .month_index p span {
        font-size: 14px
    }
    .pc_right_month .month_wrap .month_main img {
        width: 230px;
        height: 409px
    }
    .pc_right_month .month_wrap .month_main .month_titles {
        /* margin-top: 21px;
        padding-top: 14px */
    }
    .pc_right_month .month_wrap .month_main .month_titles .title {
        font-size: 14px;
        max-height: 16px
    }
    .pc_right_month .month_wrap .month_main .month_titles .detail {
        font-size: 12px;
        max-height: 34px
    }
    .pc_right_month .month_wrap .swiper-pagination {
        margin-top: 14px;
        font-size: 11px
    }
    .pc_right_month .month_wrap .swiper-button-next,
    .pc_right_month .month_wrap .swiper-button-prev {
        top: 268px
    }
    .month_circle {
        top: -53px;
        left: -53px
    }
    .pc_right_month:hover {
        width: 395px!important
    }
    .pc_right_month:hover .month_circle {
        width: 307px;
        height: 307px
    }
}

.year ul .pc_the_end {
    background: linear-gradient(to bottom, #81adff, #81adff);
}

.nav_month .month_index {
    cursor: pointer;
    width: 29px;
    margin-bottom: 2px;
    border-radius: 15px;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    color: #777;
    -webkit-transition: all .1s linear
}

.nav_month .month_index:hover {
    background: #ddd;
    color: #fff
}

.nav_month .month_index.active {
    background: #000;
    color: #fff
}

.nav_year {
    display: inline-block;
    width: 74px;
    margin-left: 11px
}

.nav_year .year_name {
    cursor: pointer;
    width: 74px;
    height: 28px;
    font-size: 20px;
    color: #777;
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    -webkit-transition: all .1s linear
}

.nav_year .year_name:hover {
    background: #ddd;
    color: #fff
}

.nav_month {
    width: 29px;
    margin-left: 17px;
    margin-top: 3px;
    height: 0;
    -webkit-transition: height .3s linear;
    transition: height .3s linear;
    overflow: hidden
}

.nav_year.active .year_name {
    position: relative;
    background: #2fbbd1;
    color: #fff
}

.nav_year.active .year_name::after {
    position: absolute;
    top: 33px;
    left: 50%;
    display: block;
    content: '';
    width: 16px;
    height: 9px;
    background: url('../images/arrow.png') no-repeat;
    margin-left: -8px;
}

.pc_nav {
    position: absolute;
    right: 0;
    width: 530px;
    top: 68px;
    padding-right: 100px;
    font-family: Helvetica;
    text-align: right;
}

@media screen and (max-height:600px) {
    /* .pc_nav {
        top: 100px;
        margin-top: 0
    } */
}

.pc_nav.locked .nav_year.active .year_name {
    background: #ddd;
    color: #fff
}

.pc_nav.locked .nav_year .year_name {
    color: #999
}

.pc_nav.locked .nav_month .month_index.active {
    background: #ddd
}

.pc_nav.locked .nav_month .month_index {
    color: #999
}

.pc_nav.locked .nav_month .month_index.active {
    color: #fff
}

.mobile_main .month_box .swiper-container-h {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.mobile_main .month_box .swiper-container-h .swiper-wrapper {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mobile_main .month_box .swiper-container-h .swiper-wrapper>div,
.mobile_main .month_box .swiper-container-h .swiper-wrapper li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mobile_main .month_box .swiper-container-h .swiper-wrapper a {
    width: 100%;
    height: 100%;
    display: block
}

.mobile_main .month_box .horizontal-slide {
    border-radius: 16px;
    overflow: hidden
}

.mobile_main .month_box .horizontal-slide img {
    display: block;
    width: 100%;
    height: 100%
}

.mobile_main .month_box .horizontal-slide .img_bottom_mask {
    width: 100%;
    height: 185px;
    position: absolute;
    bottom: -1px;
    background: #fff
}

.mobile_main .month_box .horizontal-slide .img_bottom_mask .mask_title {
    position: absolute;
    left: 0;
    bottom: 149px
}

.mobile_main .month_box .horizontal-slide .img_bottom_mask .mask_title .mask_line {
    position: absolute;
    left: 0;
    top: 4px;
    width: 6px;
    height: 28px;
    background: #fcdf62
}

.mobile_main .month_box .horizontal-slide .img_bottom_mask .mask_title p {
    width: 430px;
    position: absolute;
    left: 32px;
    font-size: 30px;
    line-height: 36px;
    color: #333
}

.mobile_main .month_box .horizontal-slide .img_bottom_mask .mask_time {
    font-size: 24px;
    color: #b6b6b6;
    left: 32px;
    line-height: 24px;
    position: absolute;
    top: 132px
}

.mobile_main .month_box .horizontal-slide .img_bottom_mask .mask_index {
    position: absolute;
    right: 0;
    top: 123px;
    width: 80px;
    height: 36px;
    background: #eee;
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    color: #555
}

.mobile_nav {
    width: 65px;
    position: absolute;
    left: 35px;
    top: 63px
}

.mobile_nav li {
    height: 65px;
    position: relative;
    cursor: pointer
}

.mobile_nav li .li_bg {
    top: 8.5px;
    left: 8.5px;
    border-radius: 24px;
    background: #333;
    width: 48px;
    height: 48px;
    opacity: 0
}

.mobile_nav li .li_bg,
.mobile_nav li p {
    position: absolute;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.mobile_nav li p {
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 66px;
    font-size: 28px;
    color: #b1b1b1
}

.mobile_nav li.active .li_bg {
    opacity: 1
}

.mobile_nav li.active p {
    color: #fff
}

.mobile_main .month_box {
    position: absolute;
    left: 174px;
    right: 0;
    height: 100%;
    top: 0
}

.mobile_main .month_box .swiper-container-v {
    width: 100%;
    height: 836px;
    position: absolute;
    top: 0;
    overflow: hidden
}

.mobile_main .month_box .swiper-container-v .swiper-wrapper {
    height: 100%;
    width: 472px;
    position: relative;
    top: 0
}

.mobile_main .month_box .swiper-slide {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%
}

.mobile_main .month_box .month_bg_circle {
    width: 780px;
    height: 780px;
    border-radius: 780px;
    position: absolute;
    bottom: -120px;
    right: -120px;
    background: #fddb4a
}

@media screen and (min-height:1300px) {
    .mobile_main .month_box .swiper-container-v {
        height: 934px
    }
    .mobile_main .month_box .swiper-container-v .swiper-wrapper {
        width: 492px
    }
}

.mobile_main {
    position: absolute;
    width: 100%;
    left: 0;
    top: 154px;
    bottom: 0
}

.mobile_main .mobile_logo {
    width: 674px;
    position: absolute;
    left: 38px;
    bottom: 0;
    height: 100px;
    background: url(data:image/png;base64,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) center 23.5px no-repeat;
    border-top: 1px solid #eaeaea;
    overflow-y: scroll
}

.mobile_main .mobile_bottom_triangle {
    width: 76px;
    height: 28px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAA4CAMAAAA2AMH9AAAAolBMVEUAAAD6zgX/2Bv5ywX4ywb6ywX5ywX5ywX/0Az/4zL5ywX5ywX5ywb//17////5ywb4ywX/0gr5ywb5ywb5ywX5zgb5ywb5ywX5ywb4zAf/zQf4ywX4ywb4ywf6ywf6zAX5zQb7zAj6zQj/1hL5zAb6ywb5zAb7zAn/zQj/0g/4ywX5ywb5ywb5ywb7zAf5ywX5ywb4ywX6zAf5ywb5zQb4ygUh1vVnAAAANXRSTlMALgnw44v79BQF9+ydAgHYuxjPqJMn1MqySyLn3nJrX1Q+NQ19Zlo6HhDBo4R4QsWsmEmvTdOMLi0AAAJXSURBVGjezdnrdqIwFAXgwx1BoHJRvFQrVq061VrnvP+rTVfrrKwaICmnAb//6oqG7c4JfNLS2PCiZBxAh4JxEnlGnGrwn3vBq+gdOvMe4dXFhU/ZFJkHDTqhPSBjZvDBNfGb/gBaN+jjN6YLAAe84bzq0Cr91cEbBwANeeYmhNaEGxN5GlhYZrSFlmxHWMaCEZZLJtCCSYLlRmBgBc9agWI7y8YKBjhYyV8HoFBv7mMlB0ysMVQYuOMIa5iQI09l4LJArZXDGuvZZxcYRYHKW4Puo4DBAldRoPJ8HWCBQrMntYHKW8CHM4qdCoWByjt/LcFCCcnLrwTqG0qwQviyHKKY92elIlB5wyV7RTCfoth0HRADtcGHrCxPZjFHSqA2/FleEpSQZ4RAFTqUb+Rij2J26hICtda+gCpPMxQzHns/DNRnB8Wi2rDsPRrYIHDJgYq+cLVuahO+dd5SJlBtawdiWd5gn5IC9W0iu8pY6snWGwQq8XwRLkyZLFwE9ECdbUIFT1J8JAQqq1QqsifP6gKVXEIpb566hEU1NR7KBW7DbUAQSG3g6C8XqMQHp1yD2rHXfhSoDosaArna0R/UBaqiSVdxQjHnWWeBquCoSqgdptR+HAMVXzvo/HkP6PjaQeRZO1Ahy5FA6cjtGGNjpy0oFJTXDjVTBmqBJx0T1M2QVB2slNUO5pIBFb128OIlKEDtzWguQqCj1w7+7xO6wN8edH9ddrW9rR13cMHIaofKGwJ67eCnb91zU5ufvt2HLL+ZatwPVjv2BdyVcNkfGkacFvBL/gEtEHTjjCSDnAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 386px;
    top: 872px;
    -webkit-animation: triangle .8s ease-in-out infinite alternate;
    animation: triangle .8s ease-in-out infinite alternate
}

@media screen and (min-height:1300px) {
    .mobile_main .mobile_bottom_triangle {
        top: 970px
    }
}

@media screen and (min-height:1400px) {
    .mobile_main {
        top: 204px
    }
}

.select {
    position: absolute;
    left: 35px
}

.select select {
    font-size: 30px;
    color: #333;
    width: 120px;
    position: absolute;
    top: 0;
    background: none;
    outline: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select select option {
    font-size: inherit
}

.select .triangle {
    width: 24px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAMAAAACJixMAAAAdVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5WX1YAAAAJnRSTlMAP/gtCwTw2qVwE+3XwbiBdFpSJebkysimopyVi2tiUDkoIB4RB4Hts5YAAACESURBVBjTdY5XEsIwDAWTuASnAQm9173/EfHYYWzMRB/S035Im03X/din6Gak7Tu4/PIejB1LKPKY5wU4MId6CFxoWPg4g/L15Y8VnMb8bqFVPlcl7O0M28EluYFOhbtD7e+qDrYyNbm6b00VYS+tjeXrZ0xHaUCL7K/OBTQp90a5iHw+5foKJ5E7BrYAAAAASUVORK5CYII=) no-repeat;
    position: absolute;
    top: 16px;
    left: 75px
}

@-webkit-keyframes triangle {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
}

@keyframes triangle {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
}

.copyright {
    font-size: 12px;
    line-height: 12px;
    bottom: 25px;
    left: 200px;
    right: 0;
    text-align: center;
    color: #c39800
}

.copyright,
.year {
    position: absolute
}

.year {
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all .6s cubic-bezier(.22, .61, .36, 1) 0s;
    transition: all .6s cubic-bezier(.22, .61, .36, 1) 0s;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0)
}

.year ul {
    height: 100%;
    width: 416px;
    position: relative
}

.year ul li {
    width: 416px;
    -webkit-transition: all .6s cubic-bezier(.22, .61, .36, 1) 0s;
    transition: all .6s cubic-bezier(.22, .61, .36, 1) 0s;
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) translateX(0) scale(1);
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) translateX(0) scale(1)
}

.year ul li:hover {
    background: linear-gradient(to bottom, #81adff, #fff);
}

.year ul .pc_the_end {
    width: 3000px;
    height: 100%;
    background: linear-gradient(to bottom, #81adff, #fff);
    float: left;
    position: relative
}

.year ul .end_left_img {
    width: 416px;
    height: 100%;
    background: #fff;
    -webkit-transition: all .6s cubic-bezier(.22, .61, .36, 1) 0s;
    transition: all .6s cubic-bezier(.22, .61, .36, 1) 0s;
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) translateX(0) scale(1);
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) translateX(0) scale(1)
}

.year ul .end_left_img .the_end_text {
    position: absolute;
    top: 50%;
    margin-top: -64.5px;
    left: 50%;
    margin-left: -67.5px
}

.year ul .end_left_img .the_end_text .the_end_img {
    width: 135px;
    height: 104px;
    background: url(data:image/png;base64,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) no-repeat
}

.year ul .end_left_img .the_end_text p {
    font-size: 14px;
    color: #999;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.year .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.year .swiper-wrapper>div,
.year .swiper-wrapper li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.year.movingRight {
    -webkit-transform: scale(.85) translateZ(0);
    transform: scale(.85) translateZ(0)
}

.year.movingRight ul li {
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(-6deg) scale(.98) translateZ(0);
    transform: perspective(500px) rotateX(0deg) rotateY(-6deg) scale(.98) translateZ(0)
}

.year.movingRight ul li .month_circle {
    width: 0;
    height: 0
}

.year.movingRight .end_left_img {
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(-6deg) scale(.98) translateZ(0);
    transform: perspective(500px) rotateX(0deg) rotateY(-6deg) scale(.98) translateZ(0)
}

@media screen and (max-height:700px) {
    .year ul,
    .year ul .end_left_img {
        width: 278px
    }
}

@media screen and (max-height:820px) and (min-height:701px) {
    .year ul,
    .year ul .end_left_img {
        width: 346px
    }
}

.month_circle {
    width: 0;
    height: 0;
    background: #fddb4a;
    border-radius: 200px;
    position: absolute;
    top: -98px;
    left: -78px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.pc_right_month {
    width: 416px;
    height: 100%;
    background: #fff;
    overflow: hidden
}

.pc_right_month .month_wrap {
    width: 276px;
    height: 726px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -383px;
    margin-left: -138px
}

.pc_right_month .month_wrap .month_index {
    font-size: 40px;
    height: 79px;
    color: #ddd;
    font-weight: 700;
    line-height: 79px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    font-family: Helvetica
}

.pc_right_month .month_wrap .month_index span {
    font-size: 70px
}

.pc_right_month .month_wrap .month_index .month_year {
    font-size: 16px
}

.pc_right_month .month_wrap .month_box {
    margin-top: 2px
}

.pc_right_month .month_wrap .month_box>div {
    position: relative
}

.pc_right_month .month_wrap .inside-swiper-container {
    width: 100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.pc_right_month .month_wrap .swiper-button-prev {
    width: 29px;
    height: 46px;
    background: #fddb4a url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAMAAADT/c3XAAAAPFBMVEUAAAD/65v/65r/6pv/7Jr/65n/5Zn/65r/65r/7Jr/65n/7Jr/65n/7Jn/7Jr/65r/6pn/65n/65z/7JoypLiPAAAAE3RSTlMAEeQjzMkKw+vc076texzFWCgnB8s7+gAAAEpJREFUCNdNzlcOwCAMA1Da0tK9fP+7YiWAyddTlOHgNSRcRTsAV6Siaaa2u2qcqOVpOqrCSa2/bVN4Td79CM2ak6y7+qYMfTLlzcneBObe7xqCAAAAAElFTkSuQmCC) 50% no-repeat;
    position: absolute;
    top: 333px;
    left: -29px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pc_right_month .month_wrap .swiper-button-prev:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASBAMAAACQmVJ4AAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMA9kKX6r6MB+6vPYcAAAAxSURBVAjXYwCBAhCh2AokmCQ6QMyONjDTAMRsRmEyeACZEBIiApHF5LRBOBCTIbYAAEvbD8dq+JyQAAAAAElFTkSuQmCC)
}

.pc_right_month .month_wrap .swiper-button-next {
    width: 29px;
    height: 46px;
    background: #fddb4a url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAMAAADT/c3XAAAAPFBMVEUAAAD/65v/65r/6pv/7Jr/65n/5Zn/65r/65r/7Jr/65n/7Jr/65n/7Jn/7Jr/65r/6pn/65n/65z/7JoypLiPAAAAE3RSTlMAEeQjzMkKw+vc076texzFWCgnB8s7+gAAAElJREFUCNddztsKwCAMA1C3Od19av7/Xy1GCdinQylp3Iu4OA6Aq9ubPf2d5p3e1skxyDedD/PDmGREU+FWt0N/UK6+qcPcTH0ryv0E5n/dR0sAAAAASUVORK5CYII=) 50% no-repeat;
    position: absolute;
    top: 333px;
    right: -29px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pc_right_month .month_wrap .swiper-button-next:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASBAMAAACQmVJ4AAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMA9kKX6r6MB+6vPYcAAAAuSURBVAjXY2BnAIEIIRDZ0agAJDM6QBxmCMcCG6cFQkJEoLIIJswEIBNmMsQWAD2zD0+g9gzwAAAAAElFTkSuQmCC)
}

.pc_right_month .month_wrap .swiper-pagination {
    font-size: 12px;
    margin-top: 8px
}

.pc_right_month:hover {
    background: #f9f9f9;
    width: 476px!important
}

.pc_right_month:hover .month_circle {
    /* width: 356px;
    height: 356px */
}

.pc_right_month:hover .month_wrap .month_index {
    color: #000
}

.pc_right_month:hover .month_wrap .inside-swiper-container {
    padding-left: 0;
    margin-left: 0
}

.pc_right_month:hover .month_wrap .swiper-button-next,
.pc_right_month:hover .month_wrap .swiper-button-prev {
    opacity: 1
}

@media screen and (max-height:700px) {
    .pc_nav {
        width: 330px;
    }
    .desc {
        padding: 30px 430px 0 340px;
    }
    .pc_right_month {
        width: 278px
    }
    .pc_right_month .month_wrap {
        width: 184px;
        height: 460px;
        margin-top: -290px;
        margin-left: -92px
    }
    .pc_right_month .month_wrap .month_box {
        margin-top: 12px
    }
    .pc_right_month .month_wrap .month_index {
        height: 50px;
        font-size: 20px;
    }
    .pc_right_month .month_wrap .month_index span {
        font-size: 37px;
    }
    .pc_right_month .month_wrap .month_index .month_year {
        font-size: 12px
    }
    .pc_right_month .month_wrap .month_main img {
        width: 184px;
        height: 327px
    }
    .pc_right_month .month_wrap .month_main .month_titles {
        /* margin-top: 17px;
        padding-top: 14px */
        margin-top: 4px;
    }
    .pc_right_month .month_wrap .month_main .month_titles .title {
        font-size: 12px;
        max-height: 16px
    }
    .pc_right_month .month_wrap .month_main .month_titles .detail {
        font-size: 10px;
        max-height: 34px
    }
    .pc_right_month .month_wrap .swiper-pagination {
        margin-top: 14px;
        font-size: 9px
    }
    .pc_right_month .month_wrap .swiper-button-next,
    .pc_right_month .month_wrap .swiper-button-prev {
        top: 204px
    }
    .month_circle {
        top: -53px;
        left: -53px
    }
    .pc_right_month:hover {
        width: 317px!important
    }
    .pc_right_month:hover .month_circle {
        width: 237px;
        height: 237px
    }
}

@media screen and (max-height:820px) and (min-height:701px) {
    .pc_right_month {
        width: 346px
    }
    .pc_right_month .month_wrap {
        width: 230px;
        height: 580px;
        margin-top: -330px;
        margin-left: -115px
    }
    .pc_right_month .month_wrap .month_box {
        margin-top: 28px
    }
    .pc_right_month .month_wrap .month_index {
        /* font-size: 66px;
        height: 66px;
        line-height: 66px */
        height: 40px;
        font-size: 20px;
    }
    .pc_right_month .month_wrap .month_index span {
        /* font-size: 16px */
        font-size: 36px;
    }
    .pc_right_month .month_wrap .month_index .month_year {
        font-size: 12px
    }
    .pc_right_month .month_wrap .month_main img {
        width: 230px;
        height: 409px
    }
    .pc_right_month .month_wrap .month_main .month_titles {
        /* margin-top: 21px;
        padding-top: 14px */
    }
    .pc_right_month .month_wrap .month_main .month_titles .title {
        font-size: 14px;
        max-height: 16px
    }
    .pc_right_month .month_wrap .month_main .month_titles .detail {
        font-size: 12px;
        max-height: 34px
    }
    .pc_right_month .month_wrap .swiper-pagination {
        margin-top: 14px;
        font-size: 11px
    }
    .pc_right_month .month_wrap .swiper-button-next,
    .pc_right_month .month_wrap .swiper-button-prev {
        top: 268px
    }
    .month_circle {
        top: -53px;
        left: -53px
    }
    .pc_right_month:hover {
        width: 395px!important
    }
    .pc_right_month:hover .month_circle {
        width: 307px;
        height: 307px
    }
}

.pc_year_out {
    height: 100%
}

.pc_year_box {
    height: 100%;
    width: auto;
    top: 0;
    /* margin-left: 200px; */
    margin-top: 130px;
    position: relative
}

.pc_year_box.active {
    background: linear-gradient(to bottom, #81adff, #81adff);
}

.app-toast[data-v-5f5ecb21] {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -150%, 0);
    transform: translate3d(-50%, -150%, 0);
    z-index: 10000
}

.app-toast span[data-v-5f5ecb21] {
    display: block;
    max-width: 600px;
    padding: 30px;
    color: #fff;
    font-size: 30px;
    line-height: 50px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .75);
    white-space: pre-wrap;
    text-align: center
}

.app-toast-enter-active[data-v-5f5ecb21],
.app-toast-leave-active[data-v-5f5ecb21] {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.app-toast-enter[data-v-5f5ecb21] {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -150%, 0) scale(.8);
    transform: translate3d(-50%, -150%, 0) scale(.8)
}

.app-toast-leave-to[data-v-5f5ecb21] {
    opacity: 0
}

.base-modal[data-v-58beee1e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 750px;
    background: rgba(0, 0, 0, .8);
    z-index: 9999
}

.base-modal-enter-active[data-v-58beee1e],
.base-modal-leave-active[data-v-58beee1e] {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.base-modal-enter[data-v-58beee1e],
.base-modal-leave-to[data-v-58beee1e] {
    opacity: 0
}

.pc_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190px;
    overflow: hidden;
    background: url('../images/top-3.png') no-repeat 0 0/100% 100%;
}

.logo1 {
    position: absolute;
    top: 22px;
    left: 64px;
}

.logo2 {
    position: absolute;
    top: 10px;
    right: 10px;
}

.desc {
    padding: 30px 630px 0 340px;
}

.desc p {
    line-height: 24px;
    font-size: 16px;
    color: #140d06;
    text-indent: 2em;
}

@media screen and (max-height:700px) {
    .pc_nav {
        width: 380px;
        padding-right: 50px;
    }
    .desc {
        padding: 30px 430px 0 340px;
    }
}

.load-box {
    position: fixed;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #000;
    flex-direction: column;
}

.loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle;
}

.loader-1 .loader-outter {
    position: absolute;
    border: 4px solid #f50057;
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
}

.loader-1 .loader-inner {
    position: absolute;
    border: 4px solid #f50057;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    border-right: 0;
    border-top-color: transparent;
    -webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
}

@keyframes loader-1-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-1-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.per {
    margin-top: -40px;
    color: #fff;
    font-size: 20px;
    background: #f70e3e;
    width: 60px;
    height: 20px;
    text-align: center;
    border: 2px solid #f70e3e;
}

@media screen and (max-width:1440px) {
    .pc_nav {
        width: 330px;
    }
    .desc {
        padding: 30px 430px 0 340px;
    }
}


.pc_year_box {
    margin-top: 120px;
}

.pc_nav {
    width: auto;
    padding-right: 144px;
}

.nav_year .year_name {
    color: #fff;
}

.nav_year.active .year_name {
    background: #fff;
    color: #01bfae;
}

.desc {
    padding: 26px 330px 0 340px;
}

.desc p {
    line-height: 26px;
    color: #fff;
	padding-left: 80px;
}

.desc p:nth-of-type(2) {
    padding-left: 80px;
}

.desc p:nth-of-type(3) {
    padding-left: 80px;
}

.desc p:nth-of-type(4) {
    padding-left: 147px;
}

.desc p:nth-of-type(5) {
    padding-left: 210px;
}

@media screen and (max-width:1440px) {
    .logo1 {
        left: 40px;
    }
    .pc_nav {
        width: auto;
        padding-right: 100px;
    }
    .desc {
        padding: 10px 150px 0 260px;
    }
}