/* Created by kong 20240308 */

/* reset */
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, textarea, select, th, td { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ol, ul { list-style: none; }
b, i, cite { font-weight: normal; font-style: normal; }
img, iframe { border: none; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, button { font: inherit; border: 0; outline: none; font-family: Microsoft Yahei; }
body { font-size: 16px; line-height: 24px; font-family: Microsoft Yahei; color: #666; }
a { text-decoration: none; color: #333; transition: color 0.25s; }
a:hover { color: #1b6ee6; }

/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;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;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

/* const.css -----------------------------------------------------------------*/
.mah100{ max-width: 100%; }

.icon { display: inline-block; background-color: transparent; background-repeat: no-repeat; }

.VAM:after { content: ""; display: inline-block; overflow: hidden; height: 100%; width: 0; font-size: 0; vertical-align: middle; }

.wbwr { word-break: break-all; word-wrap: break-word; }

.clr:after, .clr:before { content: ""; display: table; }

.clr:after { clear: both; }

.fll { float: left; }

.flr { float: right; }

.vam { vertical-align: middle; }

.db { display: block; }

.dib { display: inline-block; }

.tar { text-align: right; }

.tac { text-align: center; }

.ovh { overflow: hidden; }

.vat { vertical-align: top; }

.vam { vertical-align: middle; }

.posr { position: relative; }

.auto { margin-left: auto; margin-right: auto; }

.all-img { display: block; width: 100%; /* height: 100%;-o-object-fit: cover; object-fit: cover;*/ }

.img-cover { height: 100%; -o-object-fit: cover; object-fit: cover; }

.br-6 { -webkit-border-radius: 6px; border-radius: 6px; }

.bw { background-color: #fff; }

.ba { background-color: #fafafa; }

.f12 { font-size: 12px; }

.f14 { font-size: 14px; }

.f16 { font-size: 16px; }

.f18 { font-size: 18px; }

.f20 { font-size: 20px; }

.f22 { font-size: 22px; }

.f24 { font-size: 24px; }

.f26 { font-size: 26px; }

.f28 { font-size: 28px; }

.f30 { font-size: 30px; }

.f32 { font-size: 32px; }

.f40 { font-size: 40px; }

.f48 { font-size: 48px; }

.f44 { font-size: 44px; }

.lh20 { line-height: 20px; }

.lh22 { line-height: 22px; }

.lh24 { line-height: 24px; }

.lh26 { line-height: 26px; }

.lh28 { line-height: 28px; }

.lh30 { line-height: 30px; }

.lh32 { line-height: 32px; }

.lh34 { line-height: 34px; }

.lh36 { line-height: 36px; }

.lh38 { line-height: 38px; }

.lh40 { line-height: 40px; }

.lh42 { line-height: 42px; }

.lh44 { line-height: 44px; }

.lh46 { line-height: 46px; }

.lh48 { line-height: 48px; }

.lh50 { line-height: 50px; }

.lh52 { line-height: 52px; }

.lh54 { line-height: 54px; }

.lh56 { line-height: 56px; }

.lh58 { line-height: 58px; }

.lh60 { line-height: 60px; }

.fcf { color: #fff; }

.fc0 { color: #000; }

.fc3 { color: #333; }

.fcc { color: #ccc; }

.fc5 { color: #555; }

.fc4 { color: #444; }

.fc6 { color: #666; }

.fc8 { color: #888; }

.fc9 { color: #999; }

.fcb { color: #007cff; }

.fcg { color: #90d54e; }

.fcy { color: #fea900; }

.green { color: #0bd3c8; }

.yellow { color: #ff0; }

.red { color: red !important; }

.fn { font-weight: normal; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mr35 { margin-right: 35px; }

.mr40 { margin-right: 40px; }

.mr45 { margin-right: 45px; }

.mr50 { margin-right: 50px; }

.mr55 { margin-right: 55px; }

.mr60 { margin-right: 60px; }

.mr65 { margin-right: 65px; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml35 { margin-left: 35px; }

.ml40 { margin-left: 40px; }

.ml45 { margin-left: 45px; }

.ml50 { margin-left: 50px; }

.ml55 { margin-left: 55px; }

.ml60 { margin-left: 60px; }

.ml65 { margin-left: 65px; }

.mb5 { margin-bottom: 5px; }

.mt6 { margin-top: 6px; }

.mt8 { margin-top: 8px; }

.mb6 { margin-bottom: 6px; }

.mb8 { margin-bottom: 8px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.mb45 { margin-bottom: 45px; }

.mb50 { margin-bottom: 50px; }

.mb55 { margin-bottom: 55px; }

.mb60 { margin-bottom: 60px; }

.mb65 { margin-bottom: 65px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt35 { margin-top: 35px; }

.mt40 { margin-top: 40px; }

.mt45 { margin-top: 45px; }

.mt50 { margin-top: 50px; }

.mt55 { margin-top: 55px; }

.mt60 { margin-top: 60px; }

.mt65 { margin-top: 65px; }

/*padding*/
.pr5 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 20px; }

.pr25 { padding-right: 25px; }

.pr30 { padding-right: 30px; }

.pr35 { padding-right: 35px; }

.pr40 { padding-right: 40px; }

.pr45 { padding-right: 45px; }

.pr50 { padding-right: 50px; }

.pr55 { padding-right: 55px; }

.pr60 { padding-right: 60px; }

.pr65 { padding-right: 65px; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl25 { padding-left: 25px; }

.pl30 { padding-left: 30px; }

.pl35 { padding-left: 35px; }

.pl40 { padding-left: 40px; }

.pl45 { padding-left: 45px; }

.pl50 { padding-left: 50px; }

.pl55 { padding-left: 55px; }

.pl60 { padding-left: 60px; }

.pl65 { padding-left: 65px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb25 { padding-bottom: 25px; }

.pb30 { padding-bottom: 30px; }

.pb35 { padding-bottom: 35px; }

.pb40 { padding-bottom: 40px; }

.pb45 { padding-bottom: 45px; }

.pb50 { padding-bottom: 50px; }

.pb55 { padding-bottom: 55px; }

.pb60 { padding-bottom: 60px; }

.pb65 { padding-bottom: 65px; }

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt25 { padding-top: 25px; }

.pt30 { padding-top: 30px; }

.pt35 { padding-top: 35px; }

.pt40 { padding-top: 40px; }

.pt45 { padding-top: 45px; }

.pt50 { padding-top: 50px; }

.pt55 { padding-top: 55px; }

.pt60 { padding-top: 60px; }

.pt65 { padding-top: 65px; }

.bb1-dashed { border-bottom: 1px dashed #e5e5e5; }

.br1-dashed { border-right: 1px dashed #eee; }

.bb1 { border-bottom: 1px solid #c1c1c1; }

.isc { -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

.a-hover:hover, a:hover { color: #007cff; }

.img-hover { -webkit-transition: 1s; transition: 1s; }

.img-hover:hover { -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

.imgs-hover:hover { -webkit-transform: scale(1.4, 1.4); -ms-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); }

.opacity-hover:hover { opacity: 0.8; }

.hidden2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.hidden3 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.hid2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.hid3 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }

.hid4 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }

.hid5 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; }

.none { display: none; }

.cp { cursor: pointer; }

.w1200 { width: 1200px; margin: 0 auto; }

.h100 { height: 100%; }

.w100 { width: 100%; }

.w680 { width: 680px; }

.w870 { width: 870px; }

.w300 { width: 300px; }

.w160 { width: 160px; }

.bsbb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.w1200 { width: 1200px; margin: 0 auto; }

.h100 { height: 100%; }

.header { height: 60px; -webkit-box-shadow: 0 2px 3px #eee; box-shadow: 0 2px 3px #eee; }

.header .top-logo { height: 100%; background: url(https://static2.fh21.com.cn/new_news/pc/images/logo.png) no-repeat left; }

.header .menus ul li a { line-height: 60px; text-decoration: none !important; }

.header .menus ul li.on a { color: #007cff; }

.header .menus ul li.on a:after { position: absolute; left: 18px; right: 18px; bottom: 0; content: ''; height: 4px; background-color: #007cff; }

.header .menus ul li.more_li { background: url(https://static2.fh21.com.cn/new_news/pc/images/down.png) no-repeat right; }

.header .menus ul li .more-menu { display: none; position: absolute; left: 50%; top: 100%; width: 120px; margin-left: -60px; background-color: #fff; border: 1px solid #eee; border-top: none; -webkit-box-shadow: 0 2px 3px #eee; box-shadow: 0 2px 3px #eee; z-index: 99; }

.header .menus ul li .more-menu ul li { border-top: 1px solid #eee; }

.header .menus .more-menu-li ul li a{ line-height:42px; }

.header .menus ul li.more_li:hover { background-image: url(https://static2.fh21.com.cn/new_news/pc/images/down-b.png); }

.header .menus ul li.more_li:hover > a { color: #007cff; }

.header .menus ul li.more_li:hover .more-menu { display: block; }

.header .search-form { margin-top: 12px; border: 1px solid #eee; background-color: #f6f6f6; line-height: 34px; width: 238px; padding: 0 42px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 18px; border-radius: 18px; }

.header .search-form .input { width: 100%; background-color: transparent; outline: none; }

.header .search-form .submit { position: absolute; right: 0; top: 0; width: 42px; height: 100%; background: url(https://static2.fh21.com.cn/new_news/pc/images/search.png) no-repeat center; }


.art_topnav_channel {
    height: 38px;
    background: #f4f4f4;
    width: 1200px;
    margin: 0 auto;
}

.art_topnav_channel i, .art_topnav_channel cite, .art_topnav_channel em {
    font-style: normal;
}

.art_topnav_channel a {
    text-decoration: none;
}

.art_topnav_channel dl, .art_topnav_channel dd, .art_topnav_channel dt, .art_topnav_channel ul, .art_topnav_channel li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.art_topnav_channel .art_wrap {
    height: 37px;
    margin: 0 auto;
    color: #333;
    background: none;
}

.art_topnav_channel .art_navtext {
    float: left;
    font-family: Verdana, "Microsoft YaHei";
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding-left: 10px;
}

.art_topnav_channel .art_navtext span {
    float: left;
    background: url(../images/topnav_icon.png) no-repeat right -107px;
    position: relative;
    margin-left: -2px;
    font-size: 14px;
}

.art_topnav_channel .art_navtext span a {
    float: left;
    color: #333;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    position: relative;
    margin-left: 0;
    background-image: none;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

.art_topnav_channel .art_navtext span a:hover {
    text-decoration: none !important;
    color: #0d6ade !important;
    background: none;
}

.art_topnav_channel .art_navtext span.home {
    background: none;
    margin-left: 0;
    z-index: 2;
}

.art_topnav_channel .art_navtext span.home a, .art_topnav_channel .art_navtext span.home a:hover {
    background: url() no-repeat;
    width: 0px;
    height: 22px;
    overflow: hidden;
    text-indent: -100em;
    margin: 8px 0 0 0;
    padding: 0 11px 0 0;
}

.art_topnav_channel .art_navmore {
    float: left;
    height: 37px;
    line-height: 36px;
    margin-left: -2px;
}

.art_topnav_channel .art_navmore .n_more {
    float: left;
    padding: 0 20px 0 10px;
    color: #333;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    background: url(../images/topnav_icon.png) no-repeat right -156px;
    position: relative;
    cursor: pointer;
    border-left: solid 1px #e5f1f1;
    border-right: solid 1px #e5f1f1;
    height: 36px;
    line-height: 36px;
}

.art_topnav_channel .art_navmore.hover .n_more {
    background-color: #fff;
    background-position: right -206px;
    border-left: solid 1px #c5d9da;
    border-right: solid 1px #c5d9da;
    z-index: 910;
    height: 37px;
    color: #0096a5;
}

.art_topnav_channel .art_navmore .n_drop {
    position: absolute;
    width: 418px;
    margin: 36px 0 0 -358px;
    z-index: 900;
}
.topnavmore{ float:left; position:relative; }

.art_topnav_channel .topnavmore .n_drop_more{
	position: absolute;
	width: 100px;
	text-align: center;
	border: 1px solid #eee;
	border-bottom: none;
	top: 100%;
	left: 50%;
	margin-left: -50px;
	background: #fff;
	z-index: 900;
	display: none;
}
.art_topnav_channel .topnavmore .n_drop_more a{
	line-height: 36px;
	display: block;
	border-bottom: 1px solid #eee;
}
.art_topnav_channel .art_navtext span:last-child,.art_topnav_channel .art_navtext .topnavmore:last-child span{ background:none; }

.art_topnav_channel .topnavmore:hover .n_drop_more{ display:block; }

.art_topnav_channel .art_navmore .n_drop .n_drop_con {
    background: #fff url(../images/drop_lbg.png) repeat-y 0 0;
    padding: 0 0 4px 0;
    position: relative;
    height: 100%;
    overflow: hidden;
    border: solid 1px #c5d9da;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul {
    padding: 0;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul.tline {
    border-top: solid 1px #d0e0e1;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul li {
    overflow: hidden;
    zoom:1; vertical-align: bottom;
    line-height: 26px;
    background: url(../images/tnav_linebg.png) repeat-x center bottom;
    padding: 5px 0;
    font-size: 12px;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul li.nobline {
    background: none;
    border-bottom: none;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul li em {
    float: left;
    width: 67px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    color: #666;
    margin-right: 15px;
    background-color: #f0f7f7;
    border: 0;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul li em a {
    color: #666;
    font-size: 12px;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul li em a:hover {
    color: #f60!important;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul li dl {
    float: left;
    width: 330px;
    overflow: hidden;
    border: 0;
    margin: 0;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul li dl dd {
    float: left;
    width: 60px;
    margin-right: 5px;
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul li dl dd a {
    color: #333;
    font-size: 12px;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_con ul li dl dd a:hover {
    color: #f60!important;
}

.art_topnav_channel .art_navmore .n_drop .n_drop_bot {
    display: none;
}

.art_topnav_channel .art_navlogin {
    float: right;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    padding-right: 10px;
}

.art_topnav_channel .art_navlogin #top_loginbox {
    float: left;
    line-height: 36px;
}

.art_topnav_channel .art_navlogin #top_loginbox cite {
    float: left;
    font-family: "Microsoft YaHei";
    background: url(../images/topnav_icon.png) no-repeat 8px -255px;
    padding: 0 8px 0 25px;
    cursor: pointer;
    border-left: solid 1px #e5f1f1;
    border-right: solid 1px #e5f1f1;
    font-size: 14px;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box {
    position: absolute;
    z-index: 910;
    width: 209px;
    margin: 36px 0 0 -146px;
    *margin: 36px 0 0 -209px;
    cursor: default;
    font-size: 12px;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_con {
    background: #fff;
    height: 100%;
    border: solid 1px #c5d9da;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_con ul {
    padding: 10px 5px 10px 15px;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_con ul li {
    overflow: hidden;
    zoom:1; vertical-align: bottom;
    padding: 5px 0;
    line-height: 25px;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_con ul li .login-input {
    border: solid 1px #c5d9da;
    /*height:26px; line-height:26px;*/
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #333;
    width: 165px;
    padding: 5px;
    margin: 0;
    float: left;
    outline: none;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_con ul li .formbtns {
    float: left;
    background: url(../images/art_btns.png) no-repeat 0 -59px;
    width: 62px;
    height: 25px;
    border: none;
    text-indent: -100em;
    overflow: hidden;
    cursor: pointer;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_con ul li .btn_hover {
    background-position: 0 -89px;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_con ul li a.wjmm {
    float: left;
    color: #666;
    margin-left: 10px;
    font-size: 12px;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_con ul li a.wjmm:hover {
    color: #f60!important;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_con ul #NavLoginError {
    line-height: 22px;
    padding: 0;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_con ul #NavLoginError span {
    color: #f60;
    line-height: 22px;
    padding: 2px 0 5px;
    display: inline-block;
    vertical-align: top;
}

.art_topnav_channel .art_navlogin #top_loginbox .n_login_box .n_login_bot {
    display: none;
}

.art_topnav_channel .art_navlogin .n_reg {
    float: left;
    cursor: pointer;
    font-family: Verdana, "Microsoft YaHei";
    line-height: 36px;
    font-size: 14px;
}

.art_topnav_channel .art_navlogin .n_reg a {
    background: url(../images/topnav_icon.png) no-repeat 8px -303px;
    padding: 0 0 0 25px;
    display: block;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

.art_topnav_channel .art_navlogin .n_reg a, .art_topnav_channel .art_navlogin .n_reg a:hover {
    color: #333!important;
    text-decoration: none !important;
}

.art_topnav_channel .art_navlogin #top_loginbox.hover cite {
    background-color: #fff;
    border-left: solid 1px #c5d9da;
    border-right: solid 1px #c5d9da;
    z-index: 920;
    color: #0096a5;
    height: 37px;
    position: relative;
}

.art_topnav_channel .art_navlogin .n_reg a:hover {
    color: #0096a5!important;
}

.art_topnav_channel .art_navlogin .n_exit {
    display: block;
    width: 32px;
    float: right;
    text-align: right;
    font-family: "Microsoft YaHei";
    zoom:1;line-height: 36px;
    font-size: 14px;
}

.art_topnav_channel .art_navlogin .n_exit a {
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

.art_topnav_channel .art_navlogin .n_exit a:hover {
    color: #0096a5!important;
    text-decoration: none !important;
}

.art_topnav_channel .art_navlogin .n_userinfo {
    float: right;
}

.art_topnav_channel .art_navlogin .n_userinfo em {
    padding: 0 20px 0 10px;
    background: url(../images/topnav_icon.png) no-repeat right -156px;
    color: #333;
    cursor: pointer;
    float: right;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    zoom:1;border-left: solid 1px #e5f1f1;
    border-right: solid 1px #e5f1f1;
    position: relative;
    z-index: 920;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

.art_topnav_channel .art_navlogin .n_userinfo em a {
    color: #333;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    max-width: 68px;
    overflow: hidden;
    text-align: right;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

.art_topnav_channel .art_navlogin .n_userinfo em a:hover {
    color: #0096a5;
    text-decoration: none !important;
}

.art_topnav_channel .art_navlogin .UIbox {
    display: none;
    float: none;
    position: absolute;
    right: 50%;
    margin-right: -448px;
    top: 36px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    z-index: 910;
}

.art_topnav_channel .art_navlogin .UIbox .ulist {
    display: block;
    overflow: hidden;
    zoom:1;width: 98px;
    background: #fff;
    border: solid 1px #c5d9da;
}

.art_topnav_channel .art_navlogin .UIbox .ulist ul li {
    text-align: left;
    line-height: 33px;
    padding-left: 20px;
    height: 34px;
    background: url(../images/tnav_linebg.png) repeat-x center bottom;
    font-size: 14px;
}

.art_topnav_channel .art_navlogin .UIbox .ulist ul li.nobline {
    background: none;
    height: 32px;
}

.art_topnav_channel .art_navlogin .UIbox .ulist ul li a {
    color: #666;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

.art_topnav_channel .art_navlogin .UIbox .ulist ul li a:hover {
    color: #f60!important;
}

.art_topnav_channel .art_navlogin .UIbox i {
    display: none;
}

.art_topnav_channel .art_navlogin .n_userinfo.h em {
    background-color: #fff;
    color: #0096a5;
    text-decoration: none;
    background-position: right -206px;
    border-left: solid 1px #c5d9da;
    border-right: solid 1px #c5d9da;
    height: 37px;
}

.art_topnav_channel .art_navlogin .n_userinfo.h em a, .art_topnav_channel .art_navlogin .n_userinfo.h em a:hover {
    color: #0096a5!important;
}

.art_topnav_zt {
    width: auto;
}

.art_topnav_zt .art_wrap {
    width: 970px;
}

.art_topnav_zt .art_navlogin .UIbox {
    margin-right: -443px;
}

.art_topnav_zt_narrow {
    width: 980px;
}

.art_topnav_zt_narrow .art_wrap {
    width: 970px;
}

.art_topnav_zt_narrow .art_navlogin .UIbox {
    margin-right: -443px;
}

.art_topnav_zt2 {
    width: auto;
}

/* common */
.swiper-pagination-bullet, .swiper-button-prev, .swiper-button-next { outline:none;}
.wrap { width: 1200px; margin: 0 auto;}
.clear { clear:both; height: 0; line-height: 0; font-size: 0}

.banner { position: relative; min-width: 1200px;}
.banner .swiper-slide a { display: block;}
.banner .swiper-slide a img{ display:block; width:100%; height: auto;}
.banner .swiper-pagination { width: 100%; line-height: 12px; bottom:69px; left:0;}
.banner .swiper-pagination .swiper-pagination-bullet { width:12px; height:12px; margin:0 5px; background: #2b72ed; border-radius: 12px; opacity:1;}
.banner .swiper-pagination .swiper-pagination-bullet-active { width: 24px; background: white;}

.nav { width: 1200px; height:80px; box-sizing: border-box; padding: 0 75px 0 310px; background:white url(../images/logo.png) 0 center no-repeat; border-radius: 5px; font-size:24px; line-height:80px; color:#333; display:flex; justify-content: space-between; position: absolute; margin-left: -600px; left: 50%; bottom: -40px; z-index: 10; box-shadow: rgba(16,95,200,0.1) 0 3px 40px 0;}
.nav span { cursor:pointer; position:relative;}
.nav span a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav span a:hover { text-decoration:none;}
.nav span:hover, .nav span.current { color: #126ce1; border-bottom: #126ce1 3px solid;}
.nav span:hover>a, .nav span.current>a { color: #126ce1;}
.nav span p { display:none; position:absolute; left: 50%; top:80px; transform: translateX(-50%); width: 130px; background: white; font-size:18px; line-height:50px; text-align: center; padding: 15px 20px; border-radius: 5px; overflow: hidden; box-shadow: rgba(16,95,200,0.1) 0 3px 40px 0;}
.nav span p a:hover { color: white; background:#126ce1; border-radius: 5px;}
.nav span:last-child p { left: auto; right: -75px; transform: translateX(0); width: 290px; text-align: left;}
.nav span:last-child p a { float: left; width: 130px; margin-right: 30px; text-indent: 20px;}
.nav span:last-child p a:nth-child(2n) { margin-right: 0;}

.sidebar { position: fixed; left: calc(50% + 638px); bottom:40px; z-index: 10;}
.sidebar div { display: block; width: 70px; height: 70px; margin-top: 2px; background: white url("../images/icon_1.png") center center no-repeat; border-radius: 10px; box-shadow: rgba(0,0,0,0.05) 0 3px 16px 0; cursor: pointer;}
.sidebar a { display: block; height: 100%;}
.sidebar div.gototop { background-image: url("../images/icon_2.png");}

.fb { position: fixed; left: calc(50% + 625px); top: 636px; z-index: 10;}

.footer { margin: 55px 0;}
.homepage .footer { margin: 80px 0;}
#bottominfo { font-size: 18px; line-height: 20px; text-align:center; color: #333;}
.footer .wjlogo { display: none; background:none; padding:14px 0 10px;}

.homepage { background: url("../images/bg2.png") center top no-repeat;}

.more { width: 90px; height: 50px; margin: 0 1px 0 auto; padding-top: 5px;}
.more a { display: block; height: 100%; border-radius: 50px;}
.more a:hover { background:rgba(255,255,255,0.12);}

.p0 { margin-top: 66px; font-size: 18px; line-height: 41px; color: #333; text-align: right; padding-right: 66px; background: url("../images/p0_bg.png") right 20px bottom 0px no-repeat;}
.section_title{ font-size:48px; color: #333; margin-left:10px; line-height:56px; background: url(../images/bg_lm.png) no-repeat left bottom; }
.p1 { margin-top: 40px; /*height: 736px; background: url("../images/p1_bg_s.png") no-repeat center 70px;*/}
.p1 .section_title{ margin-bottom:35px; }
.p1 .tab{ padding:30px 0; background:#0d6ade; border-radius:10px; }
.p1 .tabnav { float: left; width: 288px; margin: 0 0 0 -18px;}
.p1 .tabnav span { display:block; height: 90px; box-sizing: border-box; font-size: 20px; line-height: 90px; color: white; cursor: pointer;}
.p1 .tabnav span b { display: block; height: 100%; padding-left: 126px; background: url("") 59px center no-repeat; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.p1 .tabnav span:hover, .p1 .tabnav span.current { background:url("../images/p1_tab.png") no-repeat;}
.p1 .tabnav span:hover b, .p1 .tabnav span.current b { color: #0d6ade; font-weight: bold; background-image: url("");}
.p1 .tabcontent { float: left; width: 900px; }
.p1 .tabsingle { display:none; overflow: hidden; height: 520px; box-sizing: border-box; padding: 77px 48px 0 40px; background: url("../images/p1_bg2.png") no-repeat;}
.p1 .tabsingle:first-child { display:block;}
.p1 .tabsingle span { display: block; overflow: hidden;}
.p1 .tabsingle span img { float: left; width: 258px; height: 173px; border: #efefef 1px solid; border-radius: 5px; margin: 3px 26px 0 0;}
.p1 .tabsingle span p { font-size: 16px; line-height: 36px; color: #333; height:180px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.p1 .tabsingle span p a { display: block;}
.p1 .tabsingle span p a:hover { text-decoration: none;}
.p1 .tabsingle ul { overflow: hidden; margin-top: 99px;}
.p1 .tabsingle ul li { float: left; width: 252px; margin-right: 28px; overflow: hidden;}
.p1 .tabsingle ul li:last-child { margin-right: 0;}
.p1 .tabsingle ul li img { float: left; width: 118px; height: 118px; border: #efefef 1px solid; border-radius: 5px; margin-right: 15px;}
.p1 .tabsingle ul li strong { display:block; padding-top: 8px; font-size:18px; line-height:20px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.p1 .tabsingle ul li p { padding-top:15px; font-size: 14px; line-height: 24px; height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/*.p1 .tabnav.indexstyle span:nth-child(1) b { background-image: url("../images/icon2-1.png");}
.p1 .tabnav.indexstyle span:nth-child(1):hover b, .p1 .tabnav.indexstyle span:nth-child(1).current b { background-image: url("../images/icon2.png");}
.p1 .tabnav.indexstyle span:nth-child(2) b { background-image: url("../images/icon3-1.png");}
.p1 .tabnav.indexstyle span:nth-child(2):hover b, .p1 .tabnav.indexstyle span:nth-child(2).current b { background-image: url("../images/icon3.png");}
.p1 .tabnav.indexstyle span:nth-child(3) b { background-image: url("../images/icon4-1.png");}
.p1 .tabnav.indexstyle span:nth-child(3):hover b, .p1 .tabnav.indexstyle span:nth-child(3).current b { background-image: url("../images/icon4.png");}
.p1 .tabnav.indexstyle span:nth-child(4) b { background-image: url("../images/icon5-1.png");}
.p1 .tabnav.indexstyle span:nth-child(4):hover b, .p1 .tabnav.indexstyle span:nth-child(4).current b { background-image: url("../images/icon5.png");}
.p1 .tabnav.indexstyle span:nth-child(5) b { background-image: url("../images/icon6-1.png");}
.p1 .tabnav.indexstyle span:nth-child(5):hover b, .p1 .tabnav.indexstyle span:nth-child(5).current b { background-image: url("../images/icon6.png");}
*/
.p2 { margin-top: 124px; height: 828px; position: relative; /*background: url("../images/p2_bg.png") 6px 15px no-repeat;*/}
.p2 .colorbg { margin: 0 0 auto auto; width: 600px; height: 800px; background: #467afa; border-radius: 10px; box-shadow: rgba(50,145,249,0.22) 0 23px 65px 0;}
.p2 .section_title{ position:absolute;left:0;top:10px;width:600px; }
.p2 .tab { width: 1158px;  position: absolute; left: 0; top: 27px;}
.p2 .tab .tabnav { float: left; width: 534px; height: 495px; margin-top: 70px;}
.p2 .tab .tabnav span { display: block; height: 165px; background: url("../images/p2_line.png") left bottom no-repeat; cursor: pointer;}
.p2 .tab .tabnav span.current, .p2 .tab .tabnav span:hover { background-image: url("../images/p2_tab.png");}
.p2 .tab .tabnav strong { display: block; padding: 33px 24px 0 15px; font-size:30px; line-height:48px; color: #333; font-weight: normal; height:96px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.p2 .tab .tabnav span.current strong, .tab .tabnav span:hover strong { font-weight: bold;}
.p2 .tab .tabcontent { width: 600px; height: 800px; overflow: hidden; float: right;}
.p2 .tab .tabsingle { width: 100%; height: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.p2 .tab .tabsingle img { width: 100%;}
.p2 .tab .more { float: left; margin: 58px 0 0 13px; padding-top: 0; background: #467afa; width: 90px; line-height: 50px;  border-radius: 25px; font-weight: bold; color: #fff; text-align: center; font-size: 22px;}
.p2 .tab .more a{ color:#fff; }
.p2 .p2_more{
	position: absolute;
    bottom: -108px;
    left: 13px;
    background: #467afa;
    width: 90px;
    line-height: 50px;
    border-radius: 25px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 22px;
    display: none;
}
.p2 .current .p2_more{ display:block; }

.tl { width: 100%; margin-top: 50px;}
.tl img { width: 100%; border-radius: 10px;}
.homepage .tl { margin-top: 80px;}
.p2+.tl { margin-top: 120px;}

.p3 { margin-top: 199px; height: 460px; /*background: url("../images/p3_bg.png") 12px 0 no-repeat;*/}
.tl+.p3 { margin-top: 82px;}
.p3 ul { margin-top: 51px;}
.p3 ul li { float: left; width: 276px; height: 310px; margin-right: 32px; border-radius: 10px 10px 30px 10px; text-align: center; overflow: hidden; background: url("../images/p3_doctor.png") no-repeat; box-shadow: rgba(0,0,0,0.05) 0 3px 46px 0;}
.p3 ul li:nth-child(4n) { margin-right: 0;}
.p3 ul li a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 32px 20px 0;}
.p3 ul li a:hover { color: #333; text-decoration: none;}
.p3 ul li img { display: block; width: 120px; height: 120px; border-radius: 120px; margin: 0 auto;}
.p3 ul li strong { display: block; margin-top: 11px; font-size: 24px; line-height: 26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.p3 ul li span { display: block; margin-top: 10px; font-size: 16px; line-height: 18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.p3 ul li p { margin-top: 40px; font-size: 16px; line-height: 18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.threedslide { width: 1100px; margin: 58px auto 0; position: relative;}
.threedslide .swiper-slide { width:740px; height:416px; overflow: hidden;}
.threedslide .swiper-slide a { display: block; position: relative; width: 100%; height: 100%;}
.threedslide .swiper-slide a::after { content: ""; position: absolute; width: 120px; height: 120px; background: url(../images/play_bg.png) no-repeat; margin: -60px 0 0 -60px; top: 50%; left: 50%;}
.threedslide .swiper-slide video, .threedslide .swiper-slide img { width:100%; height:100%; background: black;}
.threedslide .swiper-slide span { display:block; position:absolute; left: 0; bottom:0; width:100%; height: 120px; font-size:24px; line-height:164px; color:white; box-sizing: border-box; padding: 0 36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
background: #000;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.5)',GradientType=0 );}
.threedslide .swiper-button-prev, .threedslide .swiper-button-next { width:80px; height:80px; background:url(../images/slide_01.png) no-repeat; margin-top:0; top: 169px; left: -90px;}
.threedslide .swiper-button-next { background-image:url(../images/slide_02.png); left:auto; right: -90px;}

.p4 { margin-top: 102px; height: 591px; background: url("../images/p4_bg.png") no-repeat;}
.p4 ul { margin-top: 153px; padding: 0 169px;}
.p4 ul li { margin-top: 61px; position: relative;}
.p4 ul li strong { display: block; width: 787px; height: 26px; position: absolute; right: 0; top: 0; font-size: 24px; line-height: 26px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.green-audio-player.indexaudio { width: 100%; height: 56px; padding-top: 1px; background: none;}
.green-audio-player.indexaudio .play-pause-btn { width: 56px; height: 56px; background: url("../images/play_play.png") no-repeat;}
.green-audio-player.indexaudio .play-pause-btn[aria-label="Pause"] { background-image: url("../images/play_pause.png");}
.green-audio-player.indexaudio .play-pause-btn svg { display: none;}
.green-audio-player.indexaudio .controls { margin: 36px 0 0 18px; font-size: 18px; line-height: 20px; color: #999;}
.green-audio-player.indexaudio .controls .controls__current-time, .green-audio-player.indexaudio .controls .controls__total-time { width: 63px;}
.green-audio-player.indexaudio .controls .controls__total-time { text-align: right;}
.green-audio-player.indexaudio .controls .controls__slider { margin: 0; height: 10px; border-radius: 10px;}
.green-audio-player.indexaudio .controls .controls__slider .controls__progress .progress__pin { top: -3px;}
.green-audio-player.indexaudio .controls .slider .gap-progress, .green-audio-player.indexaudio .controls .slider .gap-progress .pin { background-color: #f65040;}
.green-audio-player.indexaudio .volume { display: none;}

.p5 { margin-top: 76px; background: url("../images/p5_bg.png") right 0 no-repeat;}
.p5 .top-list ul { margin-top: 50px;}
.p5 .top-list ul li { float: left; width: 380px; height: 437px; box-sizing: border-box; margin-right: 30px; padding: 30px 30px 0; background: white; border: #f1f1f1 1px solid; border-radius: 10px; box-shadow: rgba(0,0,0,0.05) 0 3px 46px 0;}
.p5 .top-list ul li:nth-child(3n) { margin-right: 0;}
.p5 .top-list ul li img { display: block; width: 100%; height: 200px; border-radius: 10px;}
.p5 .top-list ul li strong { display:block; padding-top: 34px; font-size:18px; line-height:24px; color: #333; height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.p5 .top-list ul li p { padding-top:24px; font-size: 16px; line-height: 24px; color: #666; height:72px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.p5 .more{ margin-right:8px; }

.index_hot_news {background: white; border: #f1f1f1 1px solid; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.05) 0 3px 46px 0; }
.index_hot_news .i-left { width: 860px; }
.index_hot_news .i-left .top { background: #F7FAFA; height: 164px; padding: 20px 20px 20px 240px; }
.index_hot_news .i-left .top .img-box { position: absolute; left: 20px; top: 20px; width: 200px; height: 124px; }
.index_hot_news .i-left .top .txt { height: 48px; margin-bottom: 12px; }
.index_hot_news .i-left .top .tags { height: 24px; }
.index_hot_news .i-left .top .tags .span { -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #D6D6D6; padding: 0 10px; }
.index_hot_news .i-left .top.no-img { padding-left: 20px; }
.index_hot_news .i-left .bottom { margin-right: -35px; }
.index_hot_news .i-left .bottom ul li { width: 33.33333333%; }
.index_hot_news .i-left .bottom ul li .list { height: 80px; }
.index_hot_news .i-left .bottom ul li .list .h3 { height: 50px; }
.index_hot_news .i-right { width: 270px; }
.index_hot_news .i-right ul li .list { padding-left: 125px; }
.index_hot_news .i-right ul li .list .img-box { position: absolute; left: 0; top: 0; width: 114px; height: 70px; }
.index_hot_news .i-right ul li .list .h3 { height: 48px; }
.index_hot_news .i-right ul li .list.no-img { padding-left: 0; }

.positon { font-size:16px; line-height:18px; color:#666; margin: 20px 0 0 30px;}
.listpage .positon { margin-top: 60px;}
.positon a { color:#666;}
.positon a:hover { color:#1b6ee6;}

.main { margin-top: 20px; padding: 0 30px 45px; background: white; border-radius: 10px; box-shadow: rgba(0,0,0,0.05) 0 3px 46px 0; }

.ltitle { padding-top: 36px; font-size:36px; line-height: 44px; color:#333; font-weight:bold; background: url("../images/bg_lm.png") left bottom no-repeat;}

.list dd { padding:30px 0 30px; height: 140px; overflow:hidden; border-bottom:#e8e8e8 1px solid;}
.list dd .img { float: left; width: 210px; height: 140px; border-radius: 5px; margin-right: 30px; overflow: hidden;}
.list dd .img img{ width:100%; object-fit:cover; }
.list dd strong { display:block; margin-top: 11px; font-size:24px; line-height:26px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list dd p { margin-top:11px; font-size: 16px; line-height: 30px; color: #999; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.list dd span { display: block; margin-top: 9px; font-size: 14px; line-height: 16px; color:#666;}

.pageno { padding-top:45px; text-align:center;}
.pageno span, .pageno b, .pageno a { display:inline-block; vertical-align: top; height:36px; padding: 0 13px; line-height:36px; border-radius:5px; overflow:hidden;}
.pageno span { width:68px; color:#d7d7d7;}
.pageno .on a,.pageno b { background:#126ce1; color:white;}
.pageno a { color: #666;}
.pageno a:hover {background:#126ce1; color:white; text-decoration:none;}
.pageno span a { width:100%;}

.art { padding-top:53px;}
.art h1 { font-size:30px; line-height:40px; color:#333; text-align:center;}
.art .date { display:block; font-size:16px; line-height:18px; color: #666; text-align:center; padding:25px 0;}
.art .summary { display:block; font-size:16px; line-height:24px; background:#f1fafc; color:#666; padding:25px 30px; border-radius: 10px;}
.art .summary b { color:#2875b2;}
.art .content { color:#333; font-size:18px; line-height:36px;}
.art .content p { padding-top:20px;}
.art .content img { max-width:100%; margin:20px auto; display:block;}

.relative { margin-top:38px; padding-top:36px; border-top:#dce9fe 1px solid; overflow:hidden;}
.relative li { width:50%; float:left; font-size: 16px; line-height: 18px; color: #126ce1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.relative li.next { text-align:right;}
.relative li a { color:#666;}
.relative li a:hover { color:#126ce1;}

.videopage { padding-top:53px;}
.videopage h1 { font-size:30px; line-height:40px; color:#333;}
.videopage .date { display:block; font-size:16px; line-height:18px; color: #666; padding:25px 0;}
.videopage .content { color:#333; font-size:18px; line-height:36px;}
.videopage .content p { padding-top:20px;}
.videopage video { display:block; width:100%; background:black; margin-top:20px;}

.art_share { padding:30px 0 12px; height: 30px; line-height:30px;}
.art_share i { display:inline-block; width:30px; margin-left:10px; position:relative; vertical-align:top;}
.art_share i a { display:block; height:30px; background-color:#eaeaea; background-image:url(https://image.39.net/dist/common/v2019/pc/art/images/video_share.png); background-repeat:no-repeat; border-radius:100%;}
.art_share i a:hover { animation:shake 0.5s ease 2;}
.art_share a.share-wechat { background-position:6px 8px;}
.art_share a.share-wechat:hover { background-color:#08ba06; background-position:6px -26px;}
.art_share a.bshare-sinaminiblog { background-color:#eaeaea; background-position:6px -61px;}
.art_share a.bshare-sinaminiblog:hover { background-color:#fd5d3b; background-position:6px -96px;}
.art_share .bshare-custom { display:inline; vertical-align: top;}
.art_share .bshare-custom i:last-child { margin-right:30px;}
.art_share .share-wechat+span { display:none; position:absolute; width:135px; height:135px; padding:22px 8px 8px; font-size:14px; line-height:135px; text-align:center; color:#999; background:url(https://image.39.net/dist/common/v2019/pc/art/images/art_control.png) right -100px no-repeat; top:33px; left:-61px;}
.art_share .share-wechat+span img { width:100%; height:100%;}
.art_share a.addfavorite { background-position:6px -132px;}
.art_share a.addfavorite:hover { background-color:#ff9f15; background-position:6px -169px; animation:rotate 1.5s ease-in-out 1;}

.audiopage .content { color:#333; font-size:18px; line-height:36px;}
.audiopage .content .subtitle { font-size: 18px; line-height: 20px; font-weight: bold; margin: 50px 0 8px;}
.audiopage .content p { padding-top:20px;}

.audio_info { overflow: hidden; padding-top: 44px;}
.audio_info .cover { float: left; box-sizing: border-box; width: 211px; height: 211px; margin-right: 25px; padding: 32px 34px 34px 32px; background: url(../images/play_btns.png) 0 0 no-repeat;}
.audio_info .cover img {width: 100%; height: 100%; border-radius: 100%;}
.audio_info h1 {display: block; font-size: 36px; line-height: 40px; font-weight: normal; color: #333; margin-top: 7px; height:80px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.audio_info .art_info { font-size: 16px; line-height: 18px; margin-top: 19px; color: #999;}
.audio_info .control { float:left; margin-top: 34px; width: 56px; height: 56px; background: url(../images/play_btns.png) -300px -0px no-repeat; cursor: pointer;}
.audio_info .control.pause { background-position: -240px -0px;}

.bottompop { position: fixed; left: 0; bottom: 0; width: 100%; height: 60px; background: white; border-top: #F1F1F1 1px solid; box-shadow: rgba(0,0,0,0.1) 0 0 10px 0; transition: bottom .5s;}
.bottompop.hidden {bottom: -62px;}
.bottompop .wrap { position: relative; width: 1000px; overflow: visible;}
.bottompop .audiotitle { width: 700px; font-size: 14px; line-height: 14px; color: #333; position: absolute; left: 115px; top: 16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bottompop .close { width: 26px; height: 26px; position: absolute; right: 0; top: 17px; background: url(../images/play_btns.png) -300px -70px no-repeat; cursor: pointer;}