// @Author: baiminghui // @Date: 2017-07-08T13:53:56+08:00 // @Email: 916402001@qq.com // @Last modified by: bai // @Last modified time: 2017-12-28T17:13:31+08:00 *,*:before,*:after{ -webkit-box-sizing:border-box; box-sizing:border-box; }article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }body{ text-align:left; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font:14px/24px 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;-webkit-font-smoothing:antialiased;; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,th,td{ margin:0; padding:0; outline: 0; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }audio,canvas,video{ display:inline-block; *display:inline; *zoom:1; }h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }table,fieldset,img,a img{ border:0; }ul,ol,li,dl,dd,dt{ list-style:none outside none; }table{ border-collapse:collapse; border-spacing:0; }em,strong,th{ font-style:normal; font-weight:normal; }b,strong{ font-weight:600; }audio,canvas,progress,video{ display:inline-block; vertical-align:baseline; }img{ width:auto\9; height:auto; max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic; } a,a:link,a:visited{ text-decoration:none; display: inline-block; }a:hover{ text-decoration:none; }a,a:focus{ outline:0; } input,select,form img,button{ vertical-align:middle; }iframe{ overflow:hidden; }small{ font-size:80%; }svg:not(:root){ overflow:hidden; }hr{ -webkit-box-sizing:content-box; box-sizing:content-box; height:0; }mark{ color:#000; background:#ff0; }small{ font-size:80%; }sub,sup{ position:relative; font-size:75%; line-height:0; vertical-align:baseline; }sup{ top:-.5em; }sub{ bottom:-.25em; }img{ border:0; }svg:not(:root){ overflow:hidden; }figure{ margin:1em 40px; }img{ vertical-align:middle; }.fl{ float:left; display:inline; }.fr{ float:right; display:inline; } .LRwarpFl{ float:left; display:inline; } .LRwarpFr{ float:right; display:inline; } .pcfl,.ModuleFl{ float:left; display:inline; }.pcfr,.ModuleFr{ float:right; display:inline; } .mobfl{ float:left; display:inline; }.mobfr{ float:right; display:inline; } .tc{text-align: center;} .tl{text-align: left;} .tr{text-align: right;} .clearfix:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; } * html .clearfix { zoom:1} .blank,.blank5,.blank1,.blank10,.blank20,.blank30{ clear:both; display:block; font-size:1px; visibility:hidden; height:-1px; line-height:0; }.blank5{ height:5px; }.blank10{ height:10px; }.blank20{ height:20px; }.blank30{ height:30px; }.blank1{ height:1px; } .disno{ display:none; } .pcdisno{ display:none; } .mbdisno{ display:none; } .show{display:block;} /*grid grid 12fen栏*/ /* @import url('../../../comment/plugins/video/video-js.min.css'); */ /** * Swiper 4.3.5 * 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: July 31, 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;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;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{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:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(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:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(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:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(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:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(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;-o-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top;-webkit-transition:.2s transform,.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top,.2s -webkit-transform;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;-o-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left;-webkit-transition:.2s transform,.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left,.2s -webkit-transform;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;-o-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right;-webkit-transition:.2s transform,.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right,.2s -webkit-transform;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} .pagewarp{position: relative;width:100%;height:100vh;background: #001e52;overflow: hidden;} #box {width: 200px;height: 200px;margin:45vh auto 0;position: relative;-webkit-transform:perspective(800px) rotateY(64deg) rotateX(7deg);transform:perspective(800px) rotateY(64deg) rotateX(7deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:8;} #box.boxAnim{-webkit-animation: 20s spin linear infinite;} #box div{width:100%;height:100%;position: absolute;top:0;left: 0;background-size:cover; -webkit-box-shadow:0 0 200px rgba(236, 206, 116, 0.45);opacity: 1;} .tit{position:absolute;top:1.5vh;left:0;width:100%;z-index: 9;} .tit img{width:100%;} .bgpng{position:absolute;bottom:0;left:0;width:100%;z-index: 9;} .bgpng img{width:100%;} .front{-webkit-transform:translateZ(100px);transform:translateZ(100px);background: url(../images/a5.jpg);} .front a{display:block;width:100%;height:100%;cursor: pointer; z-index: 99999;position: relative;} .back{-webkit-transform:translateZ(-100px);transform:translateZ(-100px);background: url(../images/a1.jpg);} .left{-webkit-transform:translateX(-100px) rotateY(90deg);transform:translateX(-100px) rotateY(90deg);background: url(../images/a2.jpg);} .right{-webkit-transform:translateX(100px) rotateY(90deg);transform:translateX(100px) rotateY(90deg);background: url(../images/a3.jpg);} .top{-webkit-transform:translateY(-100px) rotateX(90deg);transform:translateY(-100px) rotateX(90deg);background: url(../images/a4.jpg);} .bottom{-webkit-transform:translateY(100px) rotateX(90deg);transform:translateY(100px) rotateX(90deg);background: url(../images/a6.jpg);} .pagewarp{background: url('../images/bg2.jpg') center top no-repeat; background-size: cover;} .mask,.maskitem{ width:100%;height:100vh;background: #001e52;overflow: hidden; } .mask{display:none;background:#fff; z-index: 9999;position: absolute;top:0px;left: 0px;} .maskitem{display:none;color:#3e3e3e;background:#fff;width:100%;background-size: contain;height:100vh;position: relative;} .maskitemcon{text-align: center;overflow: hidden;overflow-y: scroll;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100vh;} .maskitemcon-text{width:100%;text-align: left;padding-bottom:60px;overflow: hidden;} .maskitemcon-pic{width:100%;} .maskitemcon-text-tit{font-size: 22px;padding:10px;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: left;background:#ffd749;margin:20px 0px; display: inline-block;} .maskitemcon-text-abs{width:100%;padding:0px 20px 20px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 16px;line-height: 36px;text-indent: 2em;} .maskitemcon-text-abs h2{width:100%;padding:20px 0px 20px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 18px;line-height: 36px;font-weight: 600;text-indent: 0em; } .shipinItem0{background: url('../images/shipinbg.jpg') center top no-repeat;background-size: cover} .tujiItem5{background: url('../images/tujibg.jpg') center top no-repeat;background-size: cover} /* .fixedPic {padding-top:195px;} .fixedPic .maskitemcon-pic{position: fixed;top:0px;left:0px;width:100%;overflow: hidden;} */ .swiper-container { width: 100%; height: 200px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /* .musiCon{width:100%;height:100vh;position: absolute;top:0p;} */ .musicControl{width:60px;height:60px;position: absolute;left:70%;top:45%;margin-left:-30px;margin-top:-30px;} .musicControlCon{width:60px;height:60px;background: #000;border-radius: 50%;} .musicControlCon{background: url('../images/musicpan2.png') center top no-repeat;background-size: cover;} /* .musicline{ width: 50px;position: absolute;top: -25px;right: 0px;} */ .musicplay .musicControlCon{ -webkit-animation:rotateActive 10s linear infinite; animation:rotateActive 10s linear infinite;background-image: url('../images/musicpan.png')} /* 紧紧多首切换播放整屏音乐 */ .onlymusic{background: url('../images/musicbg.jpg') center top no-repeat;-webkit-box-sizing: border-box;box-sizing: border-box;background-size: cover;position: relative;} .onlymusicCon{width:260px;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);overflow: hidden;} .onlymusicConwarp{width:100%;height:80vh;position: relative;} .onlymusicViweTit{color:#fff;font-size: 22px;line-height: 36px;text-align: center;} .onlymusicViwePic{width:200px;height:200px;overflow: hidden;border-radius:50%;background: url('../images/musicView.png') center top no-repeat;background-size: cover;margin:0px auto 30px;} .rotateElem{-webkit-animation: rotate2d 12s linear infinite;animation: rotate2d 12s linear infinite;} .onlymusicViwePic img{display:block;width:146px;height:146px;overflow: hidden;border-radius:50%;margin:27px 24px 24px 27px;} .onlymusicControl{position: absolute;left:0px;bottom:20px; padding-bottom: 20px;border-bottom: 1px solid #fff;overflow: hidden;} .onlymusicControl li{width:46px;float: left;display: inline;text-indent: -9999px;overflow: hidden; margin-right: 60px;cursor: pointer;} .onlymusicControl li:nth-last-child(1){ margin-right: 0px;} .preMusic,.stauseMusic,.nextMusic{background: center top no-repeat;background-size: contain;height:46px; } .preMusic{background-image: url('../images/musicLbtn.png');} /* .stauseMusic{background-image: url('../images/musicPlayebtn.png');} */ .nextMusic{background-image: url('../images/musicRbtn.png')} /* .onlymusicPlay{background-image: url('../images/musicPausebtn.png')} */ @-webkit-keyframes rotateActive{ 0%{ -webkit-transform:rotate(0); transform:rotate(0); transform:rotate(0) } 50%{ -webkit-transform:rotate(180deg); transform:rotate(180deg); transform:rotate(180deg) } 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); transform:rotate(360deg) } } @keyframes rotateActive{ 0%{ -webkit-transform:rotate(0); transform:rotate(0); transform:rotate(0) } 50%{ -webkit-transform:rotate(180deg); transform:rotate(180deg); transform:rotate(180deg) } 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); transform:rotate(360deg) } } .backbtn{width:50px;position: fixed;bottom:10px;right:10px;z-index: 99;height:50px;display:block;background: #bf8700;border-radius: 50%;padding:10px;} .tip{width:200px;position: absolute;bottom:10px;left:50%;margin-left: -100px;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); -webkit-animation: scaletip 3s linear 0s infinite alternate; animation: scaletip 3s linear 0s infinite alternate; z-index:22;} .nexpagecon{width:100%;height:100vh;position: absolute;top:0px;left:0px;background: url(../images/nexpagecon.jpg) center bottom no-repeat scroll;z-index: 8888;background-size: cover;display: none;} .nextpagebtn{width:100%;height:130px;position: absolute;right:0px;bottom:0px;background:url(../images/nextpagebtn.png) right bottom no-repeat;z-index: 33;background-size:24%;-webkit-animation: fyAni 1s linear forwards infinite alternate;animation: fyAni 1s linear forwards infinite alternate;} .active{display: block;} @-webkit-keyframes fyAni{ 0% { -webkit-transform: translate3d(8px,5px,2px); transform: translate3d(8px,5px,2px); } 100% { -webkit-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px); } } @keyframes fyAni{ 0% { -webkit-transform: translate3d(8px,5px,2px); transform: translate3d(8px,5px,2px); } 100% { -webkit-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px); } } @-webkit-keyframes scaletip { 0% { -webkit-transform: scale(.8) ; transform: scale(.8) ; /* opacity: .6; */ } 100% { -webkit-transform: scale(1) ; transform: scale(1) ; /* opacity: 1; */ } } @-webkit-keyframes spin { 0% { -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: rotateX(180deg) rotateY(180deg); transform: rotateX(180deg) rotateY(180deg); } 100% { -webkit-transform: rotateX(360deg) rotateY(360deg); transform: rotateX(360deg) rotateY(360deg); } } .music {position: absolute; width: 2rem; height: 2rem; left: .5rem; top: .5rem; z-index: 999 } .music .control { width: 2.5rem; height: 2.5rem; background: url(../images/music.gif) center center no-repeat; background-size: contain } .music.stopped .control { background: 0 0 } .music .control .control-after { width: 1.5rem; height: 1.5rem; position: absolute; top: 50%; left: 50%; margin-top: -.75rem; margin-left: -.75rem; background: url(../images/music_off.png) center center no-repeat; background-size: 100% 100%; -webkit-animation: rotate2d 1.2s linear infinite; animation: rotate2d 1.2s linear infinite; z-index: -1 } .music.stopped .control .control-after { -webkit-animation: none; animation: none } @-webkit-keyframes rotate2d { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate2d { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } /*# sourceMappingURL=main.css.map */