@charset "utf-8";

/**
 * Swiper 4.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 28, 2017
 */
 .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-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:-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-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-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{width:100%;height:4px;left:0;top:0}.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-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-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}







 /*reset css*/
 html{}a,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,img,input,label,legend,li,mark,ol,p,section,span,strong,textarea,time,ul,var{margin:0;border:0;padding:0;font-style:normal}body,html{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background-color:#fff}article,aside,details,fieldset,figcaption,figure,footer,header,main,nav,section{display:block}a,button,cite,code,del,em,img,label,mark,small,strong,textarea,time,var{display:inline-block}footer,header,section{position:relative}ol,ul{list-style:none}button,input,textarea{border:0;margin:0;padding:0;font-size:1em;line-height:1em;background-color:rgba(0, 0, 0, 0)}input:focus{outline:none}a,button,input{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);outline:none;box-shadow:none}span{display:inline-block}a:active,a:hover{outline:0}a,a:visited{text-decoration:none}.wordWrap,label{word-wrap:break-word;word-break:break-all}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix:after{content:' ';display:block;clear:both;visibility:hidden;line-height:0;height:0}.loading_more:after{content:'加载更多'}.clearfix{content:"";clear:both}.show{display:block}.row{display:-webkit-box;display:-webkit-flex;display:flex;flex-direction:row}.column{display:-webkit-box;display:-webkit-flex;display:flex;flex-direction:column}.col{-webkit-box-flex:1;-webkit-flex:1;flex:1}.oneLine{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.fourLine{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.hide{display:none}.flex{display:-webkit-box;display:-webkit-flex;display:flex;align-items:center}
 h1,h2,h3,h4{
     font-size: 14px;
     font-weight: 200;
     display: inline-block;
 }
 
 
 /*common css bg*/
 body{
     width: 100%;
     height: auto;
     min-width: 1300px;
 }
 .line-3{
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }
 .line-1{
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }
 .line-2{
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
 .line-6{
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 6;
     -webkit-box-orient: vertical;
 }
 .line-5{
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
 }
 .line-4{
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
 }
 em{
     color: #FF5C38 !important;
 }
 /*common css end*/
 
 
 /*header css bg*/
 .header{
     width: 100%;
     height: 96px;
     background-color: #FFE514;
 }
 .header-content{
     width: 1260px;
     height: 100%;
     margin: 0 auto;
 }
 .header-content h1{
     width: 254px;
     height: 96px;
     display: inline-block;
     float: left;
 }
 .header-logo{
     width: 254px;
     height: 96px;
     display: inline-block;
     float: left;
 }
 .header-logo img{
     height: 60px;
     margin-top: 18px;
 }
 .header-nav{
     width: 714px;
     height: 96px;
     display: inline-block;
     float: left;
     line-height: 96px;
 }
 .header-nav li{
     width: auto;
     height: 96px;
     display: inline-block;
     float: left;
     font-size: 20px;
 }
 .header-nav li a{
     padding: 0 30px;
     height: 96px;
     text-align: center;
     color: #000;
 }
 .header-nav li.active,.header-nav li:hover{
     background-color: #303030;
 }
 .header-nav li.active a,.header-nav li:hover a{
     color: #FFE300;
 }
 .header-search{
     width: 292px;
     height: 40px;
     line-height: 40px;
     font-size: 14px;
     border-radius: 20px;
     overflow: hidden;
     background-color: #FFFFFF;
     display: inline-block;
     float: left;
     margin-top: 28px;
 }
 .header-search input[type="text"]{
     width: 164px;
     height: 20px;
     line-height: 20px;
     padding: 10px 22px;
     display: inline-block;
     float: left;
 }
 .header-search input[type="submit"]{
     width: 84px;
     padding-left: 20px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-size: 14px;
     color: #FFFFFF;
     border-radius: 20px;
     display: inline-block;
     float: left;
     cursor: pointer;
     background: #303030 url(../img/icon-search.png) no-repeat 18px 12px;
     background-size: 16px 16px;
 }
 /*header css end*/
 
 
 /*footer css bg*/
 .footer{
     width: 100%;
     height: 160px;
     background-color: #303030;
     font-size: 16px;
     color: #9b9b9b;
     text-align: center;
 }
 .footer-title-top{
     padding-top: 23px;
     padding-bottom: 34px;
     line-height: 23px;
 }
 .footer-title-bottom{
     line-height: 22px;
 }
 .footer-title-bottom a{
     color: #9b9b9b;
 }
 .game-recommendation-bottom-listitem a:hover,
 .andrGame-andrApp-content a:hover,
 .friendship-link a:hover,
 .footer a:hover,
 .puzzle-game a:hover{
     color: red;
 }
 /*footer css end*/
 
 
 /*游戏推荐(Game recommendation) css bg*/
 .game-recommendation{
     width: 100%;
     height: auto;
 }
 .game-recommendation-top{
     width: 100%;
     height: 70px;
     line-height: 90px;
     border-bottom: 1px solid #D8D8D8;
 }
 .game-recommendation-top h2{
     font-size: 20px;
     color: #303030;
     font-weight: bold;
 }
 .game-recommendation-top-content{
     width: 1260px;
     height: 70px;
     margin: 0 auto;
 }
 .game-recommendation-top-list{
     width: 100%;
     height: 100%;
 }
 .game-recommendation-top-listitem{
     width: 384px;
     height: 70px;
     display: inline-block;
     float: left;
     padding-left: 36px;
 }
 .game-recommendation-top-listitem:nth-of-type(1){
     background: url(../img/icon-newgame.png) no-repeat 2px 34px;
     background-size: 22px 22px;
 }
 .game-recommendation-top-listitem:nth-of-type(2){
     background: url(../img/icon-newapp.png) no-repeat 2px 34px;
     background-size: 22px 22px;
 }
 .game-recommendation-top-listitem:nth-of-type(3){
     background: url(../img/icon-newarticle.png) no-repeat 2px 34px;
     background-size: 22px 22px;
 }
 
 .game-recommendation-bottom{
     width: 100%;
     height: 998px;
     background-image: linear-gradient(-180deg, #FFFFFF 0%, #FFFDF7 49%);
 }
 .game-recommendation-bottom-content{
     width: 1260px;
     height: 998px;
     margin: 0 auto;
 }
 .game-recommendation-bottom-list{
     width: 100%;
     height: 998px;
 }
 .game-recommendation-bottom-listitem{
     width: 369px;
     height: auto;
     padding: 20px 25px 30px;
     display: inline-block;
     float: left;
 }
 .game-recommendation-bottom-listitem:nth-of-type(2){
     border-left: 1px dashed #C4CBDB;
     border-right: 1px dashed #C4CBDB;
 }
 .game-recommendation-game{
     width: 100%;
     height: auto;
     padding: 18px 0;
     border-bottom: 1px dashed #C4CBDB;
     cursor: pointer;
 }
 .g-r-g-count{
     width: 30px;
     height: 30px;
     display: inline-block;
     float: left;
     border-radius: 2px;
     background-image: none;
     background-color: #BBC1CD;
     text-align: center;
     line-height: 30px;
     color: #FFFFFF;
     margin-right: 20px;
 }
 .game-recommendation-bottom-listitem .game-recommendation-game:nth-of-type(1) .g-r-g-count,
 .game-recommendation-bottom-listitem .game-recommendation-game:nth-of-type(2) .g-r-g-count,
 .game-recommendation-bottom-listitem .game-recommendation-game:nth-of-type(3) .g-r-g-count{
     background-image: linear-gradient(-135deg, #5E5E5E 0%, #303030 100%);
     color: #FFE514;
 }
 .game-recommendation-bottom-listitem .game-recommendation-game:nth-last-of-type(1){
     border-bottom: none;
 }
 .game-recommendation-game.active .g-r-g-icon{
     width: 110px;
     height: 110px;
     border-radius: 20px;
 }
 .game-recommendation-game .g-r-g-icon{
     width: 52px;
     height: 52px;
     border-radius: 10px;
     margin-right: 18px;
     overflow: hidden;
     display: inline-block;
     float: left;
 }
 .game-recommendation-game .g-r-g-icon img{
     width: 100%;
     height: 100%;
     vertical-align: top;
 }
 .game-recommendation-game.active .g-r-g-detail{
     width: 191px;
     height: 110px;
     display: inline-block;
     float: left;
 }
 .game-recommendation-game .g-r-g-detail{
     width: 249px;
     height: 52px;
     display: inline-block;
     float: left;
 }
 .g-r-g-name,.g-r-g-name a{
     line-height: 18px;
     color: #303030;
     font-weight: bold;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }
 .g-r-g-name{
     margin-bottom: 10px;
     margin-top: 3px;
     vertical-align: top;
 }
 .game-recommendation-game.active .g-r-g-type{
     font-size: 13px;
     color: #808080;
     line-height: 14px;
     vertical-align: top;
     margin-bottom: 8px;
     display: block;
 }
 .game-recommendation-game .g-r-g-time{
     font-size: 13px;
     color: #808080;
     line-height: 14px;
     vertical-align: top;
     margin-bottom: 10px;
 }
 .game-recommendation-game.active .g-r-g-download{
     width: 100%;
     height: 32px;
     line-height: 32px;
     display: block;
     vertical-align: top;
 }
 .game-recommendation-game.active .g-r-g-download span{
     width: 120px;
     height: 32px;
     display: inline-block;
     vertical-align: top;
     border-radius: 20px;
     color: #4A4A4A;
     font-size: 14px;
     text-align: center;
     padding-left: 20px;
     background: #FFE514 url(../img/icon-download.png) no-repeat 30px 9px;
     background-size: 14px 14px;
     font-weight: bold;
 }
 .game-recommendation-game .g-r-g-download,
 .game-recommendation-game .g-r-g-type{
     display: none;
 }
 
 /*游戏推荐(Game recommendation) css end*/
 
 
 /*益智游戏(Puzzle game)+热门标签(Hot Tags) + 角色扮演 + 安卓游戏排行榜 bg*/
 .puzzle-tag{
     width: 100%;
     height: auto;
     background-color: #f5f6f8;
     padding-top: 35px;
     padding-bottom: 35px;
 }
 .puzzle-tag-content{
     width: 1260px;
     height: auto;
     margin: 0 auto;
 }
 .puzzle-game{
     width: 845px;
     height: 502px;
     background: #FFFFFF;
     display: inline-block;
     float: left;
     padding: 0 20px 0 30px;
 }
 .hot-tags,.android-rank{
     width: 310px;
     height: 502px;
     background: #FFFFFF;
     display: inline-block;
     float: right;
     padding: 0 20px;
 }
 .puzzle-game-title{
     width: 845px;
     height: 18px;
     line-height: 18px;
     font-size: 18px;
     color: #303030;
     padding: 27px 0 3px;
 }
 .puzzle-game-title a{
     width: auto;
     height: 18px;
     border: 1px solid #FF5C38;
     font-size: 12px;
     color: #FF5C38;
     line-height: 18px;
     display: inline-block;
     float: left;
     margin-left: 8px;
     padding: 0 10px;
     border-radius: 9px;
 }
 .hot-tags-title{
     width: 310px;
     height: 18px;
     line-height: 18px;
     font-size: 18px;
     color: #303030;
     padding: 27px 0 3px;
 }
 .puzzle-game-title .common-span,.hot-tags-title .common-span{
     width: 4px;
     height: 16px;
     background-color: #FFE300;
     vertical-align: top;
     margin-top: 1px;
     margin-right: 10px;
     display: inline-block;
     float: left;
 }
 .puzzle-game h2,.hot-tags h2{
     font-size: 18px;
     color: #303030;
     display: inline-block;
     float: left;
     font-weight: bold;
 }
 .puzzle-game-list{
     width: 100%;
     height: auto;
 }
 .puzzle-game-list span{
     width: 90px;
     height: 120px;
     float: left;
     margin: 20px 50px 0 0;
     text-align: center;
     color: #4a4a4a;
     font-size: 16px;
     line-height: 16px;
     text-overflow:ellipsis;
     overflow:hidden;
     display:-webkit-box;
     -webkit-line-clamp:1;
     -webkit-box-orient:vertical; 
     cursor: pointer;
 }
 .puzzle-game-list span img{
     width: 90px;
     height: 90px;
     border-radius: 10px;
     vertical-align: top;
     margin-bottom: 13px;
 }
 .puzzle-game-list span a{
     color: #4a4a4a;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     cursor: pointer;
 }
 .hot-tags-list{
     width: 100%;
     height: auto;
     margin-top: 20px;
 }
 .hot-tags-list a{
     width: auto;
     padding: 10px 23px;
     font-size: 16px;
     line-height: 16px;
     border: 1px solid #D8D8D8;
     border-radius: 19px;
     color: #808080;
     background-color: #FFFFFF;
     font-weight: 200;
     margin-bottom: 23px;
 }
 .android-rank{
     background-image: linear-gradient(0deg, #FFFFFF 0%, #FFFBF3 100%);
 }
 .android-rank h2{
     font-size: 18px;
     font-weight: bold;
 }
 .android-rank-list{
     width: 100%;
     height: auto;
 }
 .android-rank-listitem{
     width: 100%;
     height: auto;
 }
 .android-rank-listitem>div.special-item{
     float: left;
     cursor: pointer;
 }
 .android-rank-listitem>div.special-item a{
     color: #4A4A4A;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     float: left;
     width: 100%;
 }
 .android-rank-listitem>div.special-item i{
     font-style: normal;
     
 }
 .android-rank-listitem>div.special-item:nth-of-type(1),.android-rank-listitem>div.special-item:nth-of-type(3){
     width: 83px;
     height: 200px;
     font-size: 13px;
     line-height: 18px;
     color: #4a4a4a;
     text-align: center;
 }
 .android-rank-listitem>div.special-item:nth-of-type(3){
     background: url(../img/icon-third.png) no-repeat 26.5px 30px , url(../img/icon-game-bg.png) no-repeat left 120px;
     background-size: 30px 30px , 100% auto;
 }
 .android-rank-listitem>div.special-item:nth-of-type(1){
     background: url(../img/icon-second.png) no-repeat 26.5px 30px , url(../img/icon-game-bg.png) no-repeat left 120px;
     background-size: 30px 30px , 100% auto;
 }
 .android-rank-listitem>div.special-item:nth-of-type(1) img,.android-rank-listitem>div.special-item:nth-of-type(3) img{
     width: 60px;
     height: 60px;
     border-radius: 10px;
     vertical-align: top;
     margin-top: 66px;
     margin-bottom: 20px;
 }
 .android-rank-listitem>div.special-item:nth-of-type(1) span,.android-rank-listitem>div.special-item:nth-of-type(3) span{
     width: 64px;
     height: 28px;
     display: inline-block;
     vertical-align: top;
     margin-top: 10px;
     text-align: center;
     font-size: 13px;
     color: #303030;
     line-height: 28px;
     border-radius: 14px;
     background-color: #FFE300;
 }
 .android-rank-listitem>div.special-item:nth-of-type(2){
     width: 98px;
     height: 220px;
     background: url(../img/icon-first.png) no-repeat 41.5px 15px , url(../img/icon-game-bg1.png) no-repeat left 105px;
     background-size: 15px 30px , 100% auto;
     font-size: 13px;
     line-height: 18px;
     color: #4a4a4a;
     text-align: center;
     margin: 0 11px;
 }
 .android-rank-listitem>div.special-item:nth-of-type(2) img{
     width: 60px;
     height: 60px;
     border-radius: 10px;
     vertical-align: top;
     margin-top: 54px;
     margin-bottom: 20px;
 }
 
 .android-rank-listitem>div.special-item:nth-of-type(2) span{
     width: 64px;
     height: 28px;
     display: inline-block;
     vertical-align: top;
     margin-top: 20px;
     text-align: center;
     font-size: 13px;
     color: #303030;
     line-height: 28px;
     border-radius: 14px;
     background-color: #FFE300;
 }
 .normal-item i{
     font-style: normal;
     width: 24px;
     height: 24px;
     display: inline-block;
     float: left;
     margin-right: 14px;
     margin-top: 9px;
     text-align: center;
     line-height: 24px;
     color: #FFFFFF;
     background-color: #BBC1CD;
     border-radius: 2px;
 }
 .normal-item a{
     color: #4A4A4A;
     width: 80%;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }
 .normal-item{
     display: inline-block;
     width: 100%;
     height: 42px;
     line-height: 42px;
     font-size: 13px;
     color: #4a4a4a;
     border-top: 1px dashed #D8D8D8;
     cursor: pointer;
 }
 /*益智游戏(Puzzle game)+热门标签(Hot Tags) + 角色扮演 + 安卓游戏排行榜 end*/
 
 /*热门专题(Hot topics) css bg */
 .hot-topics{
     width: 100%;
     height: 310px;
     background: url(../img/icon-hot-bg.png) no-repeat center center;
     background-size: 100% 310px;
 }
 .hot-topics-content{
     width: 1260px;
     height: 310px;
     margin: 0 auto;
 }
 .hot-topics-title{
     width: 1260px;
     height: 18px;
     line-height: 18px;
     font-size: 18px;
     color: #303030;
     padding: 27px 0 3px;
 }
 .hot-topics-title .common-span{
     width: 4px;
     height: 16px;
     background-color: #303030;
     vertical-align: top;
     margin-top: 1px;
     margin-right: 10px;
     display: inline-block;
     float: left;
 }
 .hot-topics-title h2{
     font-size: 18px;
     font-weight: bold;
 }
 .hot-topics-list{
     width: 1260px;
     height: auto;
     padding: 20px 0 0 0;
 }
 .hot-topics-list span{
     width: 224px;
     height: 240px;
     display: inline-block;
     float: left;
     margin-right: 34px;
     line-height: 20px;
     font-size: 15px;
     color: #303030;
     cursor: pointer;
 }
 .hot-topics-list span a{
     font-style: normal;
     height: 40px;
     width: 100%;
     display: inline-block;
     vertical-align: top;
     color: #303030;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
 .hot-topics-list span label{
     font-size: 13px;
     color: #FFFFFF;
     margin-top: 10px;
 }
 .hot-topics-list span img{
     width: 100%;
     height: 126px;
     object-fit: cover;
     object-position: left top;
     vertical-align: top;
     margin-bottom: 15px;
 }
 .hot-topics-list span:nth-last-of-type(1){
     margin-right: 0;
 }
 /*热门专题(Hot topics) css end */
 
 
 /*安卓游戏热门分类  + 安卓软件热门分类 css  bg*/
 .andrGame-abdrApp{
     width: 100%;
     height: 410px;
     background-color: #f5f6f8;
     padding-bottom: 34px;
 }
 .andrGame-andrApp-content{
     width: 1260px;
     height: 410px;
     margin: 0 auto;
     background-color: #FFFFFF;
 }
 .andrGame{
     width: 690px;
     height: 410px;
     display: inline-block;
     float: left;
 }
 .andrGame-title{
     width: 690px;
     height: 18px;
     line-height: 18px;
     font-size: 18px;
     color: #303030;
     padding: 27px 0 20px;
     border-bottom: 1px solid #d8d8d8;
 }
 
 .andrGame-title .common-span,.andrApp-title .common-span{
     width: 4px;
     height: 16px;
     background-color: #FFE300;
     vertical-align: top;
     margin-top: 1px;
     margin-right: 10px;
     margin-left: 60px;
     display: inline-block;
     float: left;
 }
 .andrGame-title h2,.andrApp-title h2{
     font-size: 18px;
     color: #303030;
     display: inline-block;
     float: left;
     font-weight: bold;
 }
 .andrApp{
     width: 570px;
     height: 410px;
     display: inline-block;
     float: right;
 }
 .andrApp-title{
     width: 570;
     height: 18px;
     line-height: 18px;
     font-size: 18px;
     color: #303030;
     padding: 27px 0 20px;
     border-bottom: 1px solid #d8d8d8;
 }
 .andrGame-tag{
     width: 100%;
     height: 270px;
     margin: 30px 0;
     border-right: 1px dashed #C4CBDB;
 }
 .andrGame-tag a{
     width: 14.8%;
     height: 24px;
     line-height: 24px;
     margin: 7px 0;
     font-size: 16px;
     color: #4a4a4a;
     padding-left: 9%;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     float: left;
 }
 .andrApp-tag{
     width: 100%;
     height: 270px;
     margin: 30px 0;
 }
 .andrApp-tag a{
     width: 25%;
     height: 24px;
     line-height: 24px;
     margin: 7px 0;
     font-size: 16px;
     color: #4a4a4a;
     padding-left: 6%;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     float: left;
 }
 /*安卓游戏热门分类  + 安卓软件热门分类 css  end*/
 
 /*安卓软件 css bg*/
 .android-app{
     width: 100%;
     height: auto;
 }
 .android-app-title{
     width: 100%;
     height: 70px;
     background-color: #FFFFFF;
 }
 .android-app-title-content{
     width: 1260px;
     height: 70px;
     margin: 0 auto;
 }
 .android-app-title-content img{
     width: 24px;
     height: 24px;
     float: left;
     margin-top: 30px;
     margin-right: 14px;
 }
 .android-app-title-content h2{
     font-size: 20px;
     line-height: 22px;
     vertical-align: top;
     margin-top: 30px;
     color: #303030;
     font-weight: bold;
     display: inline-block;
     float: left;
 }
 .android-app-nav{
     width: 100%;
     height: 340px;
     background-image: linear-gradient(-180deg, #FFFDF7 0%, #FFFFFF 48%);
 }
 .android-app-nav-content{
     width: 1260px;
     height: 340px;
     margin: 0 auto;
 }
 .android-app-nav-list{
     width: 100%;
     height: 32px;
     padding: 31px 0;
 }
 .android-app-nav-list h2{
     width: 100px;
     height: 30px;
     border: 1px solid #4A4A4A;
     background-color: #FFFFFF;
     font-size: 14px;
     color: #4a4a4a;
     border-radius: 30px;
     display: inline-block;
     float: left;
     margin-right: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
 }
 .android-app-nav-list h2.active{
     border: 1px solid #FFE300;
     background-color: #FFE300;
 }
 .android-app-native{
     width: 100%;
     height: 240px;
     
 }
 .android-app-list{
     width: 100%;
     height: 240px;
     cursor: pointer;
 }
 .android-app-listitem{
     width: 252px;
     height: 71px;
     display: inline-block;
     float: left;
     margin-right: 0;
     margin-bottom: 25px;
 }
 .android-app-listitem .app-icon{
     width: 71px;
     height: 71px;
     display: inline-block;
     float: left;
 }
 .android-app-listitem .app-detail{
     width: 171px;
     height: 71px;
     display: inline-block;
     float: right;
 }
 .app-name{
     width: 100%;
     height: 18px;
     line-height: 18px;
     font-size: 17px;
     color: #303030;
     vertical-align: top;
     margin-bottom: 8px;
     margin-top: 4px;
     font-weight: bold;
 }
 .app-name a{
     color: #303030;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }
 .app-type{
     width: 100%;
     height: 13px;
     line-height: 13px;
     font-size: 13px;
     color: #808080;
     vertical-align: top;
     margin-bottom: 9px;
 }
 .app-star{
     width: 100%;
     height: 13px;
     line-height: 13px;
     font-size: 13px;
     color: #808080;
     vertical-align: top;
 }
 .app-star span{
     float: left;
     margin-right: 6px;
 }
 .app-star img{
     width: auto;
     height: 13px;
     float: left;
     margin-right: 4px;
 }
 /*安卓软件 css end*/
 /*友情链接 css bg*/
 .friendship-link{
     width: 100%;
     height: auto;
     border-top: 2px solid #FF5C38;
     padding-bottom: 20px;
 }
 .friendship-link-content{
     width: 1260px;
     height: auto;
     margin: 0 auto;
 }
 .friendship-link-title{
     width: 100%;
     height:73px;
     line-height: 80px;
     font-weight: bold;
     color: #303030;
     font-size: 20px;
     text-align: center;
 }
 .link-list{
     width: 100%;
     height: auto;
     
 }
 .link-list a{
     font-size: 16px;
     line-height: 19px;
     vertical-align: top;
     margin-right: 56px;
     margin-bottom: 8px;
     color: #666666;
 }
 
 
 /*友情链接 css end*/
 
 
 /*分类页 导航 css bg*/
 .classify{
     width: 100%;
     height: 103px;
     line-height: 50px;
     background-color: #303030;
 }
 .classify-content{
     width: 1260px;
     height: 53px;
     margin: 0 auto;
 }
.classify-content a {
    width: auto;
    margin: 0 30px;
    height: 50px;
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #CACCD0;
    text-align: center;
    position: relative;
}
 .classify-content a.active,.classify-content a:hover{
     color: #FFE514;
 }
 .classify-content a span{
     display: none;
 }
.classify-content a.active span, .classify-content a:hover span {
    width: 43px;
    height: 3px;
    background-color: #ffe514;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: inline-block;
}
 /*分类页 导航 css end*/
 
 /*当前位置 css bg*/
 .current-addr{
     width: 100%;
     height: 53px;
     line-height: 53px;
     background-color: #FFFFFF;
 }
 .current-addr-content{
     width: 1260px;
     height: 43px;
     margin: 0 auto;
     font-size: 14px;
     color: #4a4a4a;
 }
 .current-addr-content a{
     margin: 0 5px;
     color: #4a4a4a;
 }
 .current-addr-content h1,.current-addr-content strong{
     color: #000000;
     font-weight: bold;
 }
 /*当前位置 css end*/
 /*相关专题 css bg*/
 .about-topic{
     width: 100%;
     height: 367px;
     background-color: #F5F6F8;
 }
 .about-topic-content{
     width: 1260px;
     height: 367px;
     margin: 0 auto;
 }
 .about-topic-list{
     width: 100%;
     height: 367px;
 }
 .about-topic-listitem{
     width: 298px;
     height: 302px;
     display: inline-block;
     float: left;
     margin: 30px 22px 30px 0;
     background-color: #FFFFFF;
     border-radius: 6px;
     cursor: pointer;
 }
 .about-topic-listitem:nth-last-of-type(1){
     margin-right: 0;
 }
 .about-topic-listitem img{
     width: 100%;
     height: 168px;
     vertical-align: top;
 }
 .about-topic-listitem b{
     display: inline-block;
     color: #FF5C38;
     vertical-align: top;
     padding: 15px 18px 12px;
     line-height: 13px;
     font-size: 13px;
 }
 .about-topic-listitem a{
     width: 262px;
     margin: 0 18px;
     height: 48px;
     line-height: 24px;
     display: inline-block;
     font-size: 17px;
     color: #303030;
     vertical-align: top;
     margin-bottom: 15px;
     overflow: hidden;
 }
 .about-topic-listitem i{
     padding: 0 18px 0;
     height: 13px;
     font-size: 13px;
     line-height: 13px;
     color: #a7a7a7;
     font-style: normal;
 }
 /*相关专题 css end*/
 
 /*最新更新 css bg*/
 .classify-latest-update{
     width: 100%;
     height: auto;
     background-color: #FFFFFF;
 }
 .classify-title{
     width: 100%;
     height: 89px;
     border-bottom: 1px solid #c7d2e5;
     background-color: #FBFCFF;
 }
 .classify-title .classify-title-content{
     width: 1260px;
     height: 89px;
     margin: 0 auto;
     line-height: 100px;
     font-size: 24px;
     color: #303030;
 }
 .classify-title .classify-title-content img{
     width: 24px;
     height: 24px;
     vertical-align: top;
     margin-top: 40px;
     margin-right:10px;
 }
 .classify-title .classify-title-content h2{
     vertical-align: top;
     font-size: 24px;
     height: 89px;
     font-weight: bold;
 }
 .classify-game{
     width: 100%;
     height: 1900px;
 }
 .classify-game-content{
     width: 1260px;
     height: 1900px;
     margin: 0 auto;
 }
 .classify-game-list{
     width: 1260px;
     height: 1780px;
 }
 .classify-game-listitem{
     width: 140px;
     height: 274px;
     display: inline-block;
     float: left;
     margin: 0 80px 0 0;
     cursor: pointer;
 }
 .classify-game-listitem:nth-of-type(6n){
     margin-right: 0;
 }
 .classify-game-listitem img{
     width: 140px;
     height: 140px;
     border-radius: 15px;
     vertical-align: top;
     margin-top: 45px;
 }
 .classify-game-listitem a{
     width: 140px;
     height: 24px;
     line-height: 24px;
     font-size: 24px;
     color: #565472;
     vertical-align: top;
     margin-top: 22px;
     margin-bottom: 19px;
     text-align: center;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }
 .classify-game-listitem b{
     width: 140px;
     height: 20px;
     line-height: 20px;
     font-size: 16px;
     color: #61709c;
     text-align: center;
     display: inline-block;
     overflow: hidden;
     font-weight: 200;
 }
 
 .classify-page{
     width: 1260px;
     height: 30px;
     line-height: 28px;
     text-align: center;
     font-size: 15px;
     color: #798399;
 }
 .classify-page a{
     color: #798399;
     width: auto;
     height: 28px;
     background-color: #FFFFFF;
     box-shadow: 0 1px 5px 0 rgba(44,54,90,0.10);
     border-radius: 2px;
     margin: 0 3px;
     padding: 0 9px;
 }
 .classify-page a:nth-of-type(1){
     box-shadow: none;
 }
 .classify-page a.active,.classify-page a:hover{
     color: #4a4a4a;
     font-weight: bold;
     background-color: #FFE300;
 }
 .classify-page i{
     margin-right: 6px;
     font-style: normal;
 }
 /*最新更新 css end*/
 
 /*游戏详情 css bg*/
 .detail-game{
     width: 100%;
     height: auto;
     background-color: #f5f6f8;
 }
 .detail-game-content{
     width: 1260px;
     height: auto;
     margin: 0 auto;
 }
 /*left css*/
 .detail-game-left{
     width: 895px;
     height: auto;
     display: inline-block;
     float: left;
 }
 .d-g-l-detail{
     width: 865px;
     height: 244px;
     background-color: #FFFFFF;
     margin-top: 30px;
     margin-bottom: 15px;
     padding-top: 20px;
     padding-left: 30px;
 }
 .d-g-l-detail-content{
     width: 895px;
     height: 178px;
 }
 .d-g-l-detail-content-left{
     width: 120px;
     height: 178px;
     float: left;
     line-height: 18px;
     font-size: 12px;
     color: #808080;
     text-align: center;
 }
 .d-g-l-detail-content-left>img{
     width: 120px;
     height: 120px;
     border-radius: 20px;
 }
 .d-g-l-detail-content-left span{
     margin-top: 10px;
 }
 .d-g-l-detail-content-left span img{
     height: 14px;
     width: auto;
     vertical-align: top;
     margin-top: 2px;
     margin-left: 6px;
 }
 .d-g-l-line{
     width: 2px;
     height: 60px;
     background-color: #e2e2e2;
     display: inline-block;
     float: left;margin: 38px 31px 0 27px;
 }
 .d-g-l-detail-content-middle{
     width: 493px;
     height: auto;
     display: inline-block;
     float: left;
 }
 .d-g-l-name,.d-g-l-name h1{
     line-height: 25px;
     height: 25px;
     font-size: 18px;
     color: #303030;
     font-weight: bold;
     vertical-align: top;
 }
 .d-g-l-name{
     margin-top: 4px;
     margin-bottom: 7px;
 }
 .d-g-l-name b{
     font-size: 14px;
     color: #3F3F3F;
     margin-left: 15px;
     font-weight: normal;
 }
 .d-g-l-type,.d-g-l-time,.d-g-l-device,.d-g-l-tag{
     height: 26px;
     line-height: 26px;
     font-size: 13px;
     color: #4A4A4A;
     margin-bottom: 2px;
 }
 .d-g-l-type i,.d-g-l-time i,.d-g-l-device i,.d-g-l-tag i{
     font-style: normal;
     color: #808080;
 }
 .d-g-l-tag a{
     width: auto;
     height: 18px;
     line-height: 18px;
     padding: 0 12px;
     border: 1px solid #D8D8D8;
     font-size: 12px;
     color: #4A4A4A;
     text-align: center;
     border-radius: 9px;
     vertical-align: top;
     margin-top: 4px;
     margin-right: 10px;
 }
 .d-g-l-detail-content-right{
     width: 110px;
     height: auto;
     display: inline-block;
     float: left;
     text-align: center;
     line-height: 32px;
     font-size: 14px;
     color: #999999;
 }
 .d-g-l-detail-content-right img{
     width: 110px;
     height: 110px;
     vertical-align: top;
 }
 .dgl-down{
     width: 100%;
     height: 40px;
     line-height: 40px;
 }
 .dgl-down a{
     width: 120px;
     height: 40px;
     text-align: center;
     display: inline-block;
     vertical-align: top;
     margin-right: 60px;
     text-align: center;
     padding-left: 30px;
     color: #4A4A4A;
     font-weight: bold;
     border-radius: 20px;
 }
 a.dgl-down-now{
     background: #FFE514 url(../img/android.png) no-repeat 30px 10px;
     background-size: 20px 20px;
 }
 a.dgl-down-an{
     background: #FFE514 url(../img/android.png) no-repeat 25px 10px;
     background-size: 20px 20px;
 }
 a.dgl-down-ios{
     background: #FFE514 url(../img/apple.png) no-repeat 30px 10px;
     background-size: 20px 20px;
 }
 a.dgl-add-qq{
     background: #FF5C38 url(../img/icon-qq.png) no-repeat 25px 10px;
     background-size: 20px 20px;
     color: #FFFFFF;
 }
 .d-g-l-gamedetail{
     width: 825px;
     height: auto;
     padding: 0 35px;
     margin-top: 15px;
     background-color: #FFFFFF;
 }
 .dgl-common-title{
     width: 100%;
     height: 66px;
     line-height: 70px;
 }
 .dgl-common-title span{
     width: 4px;
     height: 16px;
     background-color: #FFE300;
     vertical-align: top;
     margin-top: 27px;
     margin-right: 10px;
     display: inline-block;
     float: left;
 }
 .dgl-common-title h2{
     font-size: 16px;
     color: #303030;
     font-weight: bold;
     display: inline-block;
 }
 .dgl-game-detail{
     width: 100%;
     max-height: 590px;
     height: auto;
     line-height: 22px;
     font-size: 14px;
     color: #666666;
     margin: 0 0 30px;
     overflow: hidden;
 }
 .dgl-game-detail.height-auto{
     height: auto;
     max-height: 10000px;
 }
 .dgl-game-detail img{
     max-width: 80%;
     margin: 10px 10%;
 }
 .dgl-show-hide{
     width: 100%;
     height: 30px;
     padding: 0 0 30px;
     color: #FF9E1F;
     text-align: center;
     cursor: pointer;
     border-bottom: 1px solid #E2E2E2;
 }
 .dgl-guess-like,.dgl-guess-list{
     width: 100%;
     height: 310px;
 }
 .dgl-guess-listitem:nth-of-type(1){
     width: 100%;
     height: 110px;
     cursor: pointer;
     padding-bottom: 25px;
     margin-bottom: 0
 }
 .dgl-guess-listitem{
     width: 220px;
     height: 62px;
     display: inline-block;
     float: left;
     margin-bottom: 20px;
     margin-right: 55px;
     cursor: pointer;
 }
 .dgl-guess-listitem>img{
     width: 62px;
     height: 62px;
     display: inline-block;
     float: left;
     border-radius: 8px;
 }
 .dgl-g-detail{
     width: 148px;
     height: 62px;
     display: inline-block;
     float: left;
     margin-left: 9px;
 }
 .dgl-g-detail a{
     height: 14px;
     line-height: 14px;
     color: #303030;
     font-weight: bold;
     font-size: 14px;
     margin-top: 4px;
 }
 .dgl-g-detail p.oneLine{
     width: 100%;
     height: 14px;
     line-height: 14px;
     font-size: 14px;
     color: #6d6d6d;
     vertical-align: top;
     margin-top: 3px;
 }
 .dgl-g-detail p.oneLine img{
     vertical-align: top;
     height: 12px;
     width: auto;
     margin-left: 6px
 }
 .dgl-g-detail span{
     width: 48px;
     height: 20px;
     font-size: 12px;
     display: inline-block;
     vertical-align: top;
     border-radius: 12px;
     background-color: #FFE300;
     color: #4A4A4A;
     text-align: center;
     line-height: 20px;
     margin-top: 3px
 }
 .dgl-guess-listitem:nth-of-type(1) img{
     width: 110px;
     height: 110px;
     display: inline-block;
     float: left;
 }
 
 .dgl-guess-listitem:nth-of-type(1) .dgl-g-detail{
     width: 680px;
     height: auto;
     display: inline-block;
     float: right;
 }
 .dgl-guess-listitem:nth-of-type(1) .dgl-g-detail a{
     width: 100%;
     height: 22px;
     line-height: 22px;
     font-size: 16px;
     color: #303030;
     vertical-align: top;
     display: inline-block;
     margin-top: 6px;
     margin-bottom: 8px;
 }
 .dgl-g-detail p.line-3{
     line-height: 22px;
     font-size: 14px;
     color: #666666;
 }
 
 .dgl-new-article,.dgl-new-article-list{
     width: 100%;
     height: 240px;
 }
 .dgl-new-article-listitem{
     width: 100%;
     height: 90px;
     margin-bottom: 20px;
     cursor: pointer;
 }
 .dgl-new-article-listitem img{
     width: 82px;
     height: 82px;
     display: inline-block;
     float: left;
 }
 .dgl-new-article-listitem .dgl-g-detail{
     width: 718px;
     height: 90px;
     display: inline-block;
     float: right;
 }
 .dgl-new-article-listitem .dgl-g-detail a{
     width: 100%;
     height: 18px;
     line-height: 18px;
     font-size: 16px;
     color: #303030;
     vertical-align: top;
     display: inline-block;
     margin-bottom: 6px;
 }
 .dgl-new-article-listitem .dgl-g-detail p{
     line-height: 20px;
     font-size: 14px;
     color: #808080;
 }
 .empty-div{
     width: 100%;
     height: 60px;
 }
 /*right css*/
 .detail-game-right{
     width: 350px;
     height: auto;
     display: inline-block;
     float: right;
     vertical-align: top;
     margin-left: 15px;
 }
 .xgyx-game{
     width: 350px;
     height: 394px;
     background-color: #FFFFFF;
 }
 .xgyx-game span{
     width: 82px;
     height: 110px;
     float: left;
     margin: 16px 13px 0 13px;
     text-align: center;
     color: #4a4a4a;
     font-size: 14px;
     line-height: 15px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     cursor: pointer;
 }
 .xgyx-game span:nth-of-type(3n){
     margin-right: 0;
 }
 .xgyx-game img{
     width: 82px;
     height: 82px;
     border-radius: 10px;
     vertical-align: top;
     margin-bottom: 8px;
 }
 .xgyx-game a{
     color: #4a4a4a;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }
 .dgl-game-down-rank{
     width: 310px;
     padding: 0 20px;
     height: 570px;
     background-color: #FFFFFF;
 }
 .dgl-normal-item{
     width: 310px;
     height: 53px;
     padding: 15px 0;
     cursor: pointer;
 }
 .dgl-normal-item i{
     width: 24px;
     line-height: 24px;
     text-align: center;
     display: inline-block;
     float: left;
     background-color: #FFE514;
     border-radius: 2px;
     text-align: center;
     font-style: normal;
     color: #4A4A4A;
     font-size: 15px;
     margin-right: 13px;
 }
 .dgl-normal-item img{
     width: 53px;
     height: 53px;
     float: left;
     display: inline-block;
     margin-right: 16px;
 }
 .dgl-normal-item p{
     width: 100px;
     height: 53px;
     line-height: 14px;
     color: #9CA5B7;
     font-size: 12px;
     display: inline-block;
     float: left;
     overflow: hidden;
 }
 .dgl-normal-item p a{
     width:100%;
     font-size: 14px;
     color: #4A4A4A;
     line-height: 20px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     float: left;
 }
 .dgl-normal-item span{
     width: 96px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     display: inline-block;
     border: 1px solid #D8D8D8;
     font-size: 15px;
     color: #808080;
     float: left;
     margin-top: 10px;
     border-radius: 4px;
 }
 .dgl-new-cloud{
     width: 100%;
     height: 555px;
     background-color: #FFFFFF;
 }
 .dgl-new-cloud-item{
     width: 100%;
     height: 185px;
     cursor: pointer;
 }
 .dgl-new-cloud-item img{
     width: 100%;
     height: 140px;
     vertical-align: top;
 }
 .dgl-new-cloud-item a{
     width: 330px;
     height: 45px;
     line-height: 45px;
     font-size: 14px;
     padding: 0 10px;
     color: #4A4A4A;
 }
 .dgl-special-p{
     width: 140px !important;
 }
 .dgl-game-down-push{
     width: 310px;
     padding: 0 20px;
     height: auto;
     background-color: #FFFFFF;
 }
 /*游戏详情 css end*/
 
 /*swiper*/
 .posterImg-imgs {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 80px;
     height: 80px;
     margin-left: -40px;
     margin-top: -40px;
     cursor: pointer;
 }
 
 .game-imgList {
     width: 815px;
     height: 320px;
     padding-bottom: 30px !important;
     border-bottom: 1px solid #E2E2E2;
 }
 .posterImgs{
     float: left;
     width: 570px;
     height: 320px;
     border-radius:20px;
 }
 .swiper-img video{
     width: 570px;
     height: 320px;
     display: none;
     float: left;
 }
 .game-imgList .swiper-slide,.game-imgList .swiper-slide img {
     width: auto;
     height: 320px;
     border-radius: 20px;
 }
 .swiper-button-next,.swiper-button-prev{
     width: 30px !important;
     height: 320px !important;
     background-color: rgba(0,0,0,.5);
     display: inline-block;
     top: 0 !important;
     margin-top: 0 !important;
 }
 .swiper-button-next{
     background: rgba(0,0,0,.7) url(../img/icon-swipe-right.png) no-repeat center center !important;
     background-size: 10px 18px !important;
     right: 0 !important;
 }
 .swiper-button-prev{
     background: rgba(0,0,0,0.7) url(../img/icon-swipe-left.png) no-repeat center center !important;
     background-size: 10px 18px !important;
     left: 0 !important;
 }
 
 
 /*专题页 css bg*/
 .special-container{
     width: 100%;
     height: auto;
     background-color: #F5F6F8;
     padding-top: 15px;
     padding-bottom: 60px;
 }
 .special-wrapper{
     width: 1260px;
     height: 100%;
     margin: 0 auto;
 }
 .special-item{
     width: 1260px;
     height: 270px;
     margin-top: 15px;
     margin-bottom: 15px;
 }
 .special-item-left{
     width: 835px;
     height: 200px;
     display: inline-block;
     float: left;
     background-color: #FFFFFF;
     padding: 35px 30px;
     cursor: pointer;
 }
 .special-item-left a{
     width: 100%;
     height: 22px;
     line-height: 22px;
     font-size: 22px;
     color: #303030;
     font-weight: bold;
     display: block;
     vertical-align: top;
     margin-bottom: 16px;
 }
 .special-item-left span{
     line-height: 22px;
     font-size: 14px;
     color: #FF9E1F;
     margin-right: 10px;
     margin-bottom: 14px;
 }
 .special-item-left i{
     font-style: normal;
     line-height: 22px;
     font-size: 14px;
     color: #6D6D6D;
     margin-bottom: 14px;
 }
 .special-item-left img{
     width: 224px;
     height: 126px;
     float: left;
     vertical-align: top;
 }
 .special-item-left p{
     width: 590px;
     height: 132px;
     line-height: 22px;
     font-size: 15px;
     color: #6D6D6D;
     display: inline-block;
     float: right;
     vertical-align: top;
 }
 .special-item-right{
     width: 320px;
     height: 230px;
     display: inline-block;
     float: right;
     background-color: #FFFFFF;
     padding: 20px 15px;
     cursor: pointer;
 }
 .special-item-right[data-type="1"]{
     background: #ffffff url(../img/icon-push.png) no-repeat 251px 0;
     background-size: 99px 27px;
 }
 .special-item-right img:nth-of-type(1){
     width: 82px;
     height: 82px;
     display: inline-block;
     float: left;
     margin-right: 17px;
 }
 .special-item-right a{
     width: 220px;
     height: 30px;
     line-height: 30px;
     display: block;
     float: left;
     color: #303030;
     font-weight: bold;
     margin-bottom: 6px;
 }
 .special-item-right i{
     font-style: normal;
     line-height: 18px;
     height: 18px;
     font-size: 14px;
     color: #808080;
     float: left;
     margin-right: 6px;
     margin-bottom: 12px;
 }
 .special-item-right img:nth-of-type(2){
     height: 18px;
     width: auto;
     float: left;
     margin-top: 0;
     margin-bottom: 12px;
 }
 .special-item-right b{
     width: 220px;
     display: block;
     font-weight: 200;
     color: #999999;
     font-size: 14px;
     line-height: 18px;
     float: left;
 }
 .special-item-right p{
     width: 100%;
     height: 80px;
     line-height: 20px;
     font-size: 13px;
     color: #6D6D6D;
     padding-top: 14px;
     margin-bottom: 14px;
 }
 .special-item-right span{
     width: 320px;
     height: 40px;
     line-height: 40px;
     border: 1px solid #feb46b;
     color: #FF9E1F;
     font-size: 16px;
     text-align: center;
     display: inline-block;
     border-radius: 20px;
 }
 .special-item-right span:hover{
     color: #FFFFFF;
     background-color: #FF9E1F;
 }
 /*专题页 css end*/
 /*专题内容页 css bg*/
 .specialC-game-content{
     width: 1260px;
     height: 100%;
     margin: 0 auto;
     padding-bottom: 2rem;
     background-color: #FFFFFF;
 }
 .specialC-game-list{
     width: 1260px;
     height: 100%;
 }
 .specialC-game-listitem{
     width: 120px;
     height: 235px;
     display: inline-block;
     /*float: left;*/
     margin: 0 45px 0 45px;
     cursor: pointer;
 }
 .specialC-game-listitem:nth-of-type(6n){
     margin-right: 0;
 }
 .specialC-game-listitem img{
     width: 120px;
     height: 120px;
     border-radius: 15px;
     vertical-align: top;
     margin-top: 48px;
 }
 .specialC-game-listitem a{
     width: 120px;
     height: 22px;
     line-height: 22px;
     font-size: 18px;
     color: #565472;
     vertical-align: top;
     margin-top: 16px;
     margin-bottom: 10px;
     text-align: center;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
 }
 .specialC-game-listitem b{
     width: 120px;
     height: 18px;
     line-height: 18px;
     font-size: 13px;
     color: #61709c;
     text-align: left;
     display: inline-block;
     overflow: hidden;
     font-weight: 200;
 }
 .specialC-list{
     width: 1260px;
     height: 420px;
     background-color: #FFFFFF;
     padding-top: 35px;
 }
 .specialC-item{
     width: 350px;
     height: auto;
     display: inline-block;
     float: left;
     margin: 0 0 10px 50px;
     cursor: pointer;
 }
 .specialC-item img{
     width: 350px;
     height: 140px;
     vertical-align: top;
 }
 .specialC-item a{
     width: 100%;
     height: 48px;
     line-height: 48px;
     font-size: 18px;
     color: #4A4A4A;
 }
 /*专题内容页 css end*/
 
 /*搜索结果页 css bg*/
 .search-detail-gamelist{
     width: 800px;
     height: auto;
 }
 .search-detail-gamelist-item{
     width: 100%;
     height: 120px;
     padding: 24px 0;
     border-bottom: 1px dashed #E2E2E2;
     cursor: pointer;
 }
 .search-detail-gamelist-item:nth-last-of-type(1){
     border-bottom: 0;
 }
 .search-detail-gamelist-item img:nth-of-type(1){
     width: 120px;
     height: 120px;
     display: inline-block;
     margin-right: 22px;
     float: left;
     border-radius: 20px;
 }
 .search-detail-gamelist-item a:nth-of-type(1){
     width: auto;
     height: 30px;
     line-height: 30px;
     font-size: 18px;
     color: #303030;
     border: none;
     padding: 0;
 }
 .search-detail-gamelist-item span{
     line-height: 26px;
     font-size: 13px;
     color: #808080;
     margin-right: 5px;
 }
 .search-detail-gamelist-item img:nth-of-type(2){
     height: 18px;
     width: auto;
     vertical-align: top;
     margin-top: 3px;
 }
 .search-detail-gamelist-item i{
     font-size: 13px;
     line-height: 26px;
     color: #4A4A4A;
     font-style: normal;
 }
 .search-detail-gamelist-item a{
     width: auto;
     height: 20px;
     line-height: 20px;
     padding: 0 10px;
     display: inline-block;
     font-size: 12px;
     color: #4A4A4A;
     border-radius: 10px;
     vertical-align: top;
     margin-top: 2px;
     margin-right: 5px;
     border: 1px solid #4A4A4A;
 }
 .more-game{
     width: 118px;
     height: 38px;
     display: inline-block;
     margin: 30px 388px 60px;
     border-radius: 6px;
     background-color: #FFE514;
     color: #303030;
     font-weight: bold;
     text-align: center;
     line-height: 38px;
 }
 .searchSpecial-list{
     width: 100%;
     height: 200px;
 }
 .searchSpecial-list-content{
     width: 266px;
     height: 200px;
     margin: 10px 20px 10px 0;
     display: inline-block;
     float: left;
     cursor: pointer;
 }
 .searchSpecial-list-content:nth-of-type(3n){
     margin-right: 0;
 }
 .searchSpecial-list-content img{
     width: 266px;
     height: 150px;
     vertical-align: top;
 }
 .searchSpecial-list-content a{
     width: 100%;
     height: 48px;
     line-height: 24px;
     font-size: 16px;
     color: #4A4A4A;
     margin-top: 4px;
     overflow: hidden;
 }
 /*搜索结果页 css end*/
 /*文章详情页 css bg*/
 .article-detail-downAPP{
     width: 311px;
     height: 145px;
     padding: 28px 22px 27px 17px;
     background-color: #FFFFFF;
     margin-top: 25px;
     cursor: pointer;
 }
 .article-detail-downAPP img:nth-of-type(1){
     width: 82px;
     height: 82px;
     display: inline-block;
     float: left;
     margin: 0 13px 25px 0;
     border-radius: 15px;
 }
 .article-detail-downAPP a{
     width: 210px;
     height: 25px;
     line-height: 25px;
     font-size: 18px;
     color: #303030;
     vertical-align: top;
     margin-top: 2px;
     margin-bottom: 4px;
 }
 .article-detail-downAPP span{
     line-height: 24px;
     font-size: 12px;
     height: 24px;
     color: #808080;
     margin-right: 4px;
 }
 .article-detail-downAPP img:nth-of-type(2){
     width: auto;
     height: 14px;
     vertical-align: top;
     margin-top: 2px;
 }
 .article-detail-downAPP i{
     font-style: normal;
     font-size: 12px;
     color: #4A4A4A;
 }
 .article-detail-downAPP b{
     display: block;
     width: 311px;
     height: 38px;
     line-height: 38px;
     display: inline-block;
     text-align: center;
     background-color: #303030;
     border-radius: 6px;
     color: #FFE514;
     font-size: 16px;
 }
 .article-detail-about-list{
     width: 311px;
     height: auto;
     padding: 14px 22px 14px 17px;
     background-color: #FFFFFF;
 }
 .article-detail-about-listitem{
     width: 311px;
     height: 82px;
     padding: 14px 0;
     cursor: pointer;
 }
 .article-detail-about-listitem img{
     width: 82px;
     height: 82px;
     display: inline-block;
     float: left;
     margin-right: 15px;
 }
 .article-detail-about-listitem a{
     width: 210px;
     height: 48px;
     line-height: 24px;
     font-size: 16px;
     color: #333333;
     display: inline-block;
     float: left;
 }
 .article-detail-about-listitem p{
     width: 210px;
     height: 36px;
     line-height: 18px;
     font-size: 13px;
     color: #808080;
     display: inline-block;
     float: left;
 }
 .article-detail-main{
     width: 800px;
     height: auto;
     padding: 46px 49px 46px 46px;
     background-color: #FFFFFF;
     margin-top: 25px;
 }
 .article-detail-top{
     width: 100%;
     height: 43px;
 }
 .article-detail-top img{
     width: 43px;
     height: 43px;
     float: left;
     margin-right: 15px;
     border-radius: 50%;
 }
 .article-detail-top span{
     line-height: 23px;
     height: 23px;
     font-size: 16px;
     color: #4A4A4A;
 }
 .article-detail-top i{
     font-style: normal;
     line-height: 20px;
     height: 20px;
     font-size: 14px;
     color: #9B9B9B;
 }
 .article-detail-title{
     width: 100%;
     height: auto;
     line-height: 40px;
     font-size: 30px;
     color: #000000;
     font-weight: bold;
     vertical-align: top;
     margin-top: 32px;
     margin-bottom: 25px;
 }
 .article-detail-content{
     width: 100%;
     height: auto;
     line-height: 26px;
     font-size: 16px;
     color: #666666;
 }
 .article-detail-content img{
     width: 100%;
     height: auto;
     margin-top: 25px;
     vertical-align: top;
 }
 .article-detail-content p{
     vertical-align: top;
     margin-top: 25px;
 }
.dgl-game-detail h3{
    display:block;
    font-weight: bold;
    font-size: 14px;
}
 /*文章详情页 css end*/

 /*预约取消*/
       .mobTankuang {
        width: 400px;
        background: #FFFFFF;
        height: 230px;
        position: fixed;
        top: 8%;
        left: 33%;
        border: 1px solid #F1F1F1;
        border-radius: 10px;
        box-shadow: 1px 1px 1px #CCCCCC;
        left: 30%;
        top: 35%;
        z-index: 9999;
      }
      .mobTanTitle {
        width: 400px;
        height: 45px;
        background: #5AB0E9;
        border-radius: 10px 10px 0px 0px;
      }

      .mobTanTitle h2 {
        float: left;
        font-size: 17px;
        line-height: 45px;
        color: #FFFFFF;
        padding-left: 10px;
      }

      .mobTanTitle span {
        display: block;
        float: right;
        cursor: pointer;
        margin: 17px 15px 0px 0px;
        width: 12px;
        height: 12px;
        background: url(/one/pc/static/img/icon_a.png) no-repeat 0px -185px;
      }
      .clear {
        clear: both;
      }
      .mobTanBox {
        width: 400px;
        border-bottom: 1px solid #F1F1F1;
        padding-bottom: 12px;
        margin-top: 12px;
      }
      .mobTanIn {
        width: 320px;
        height: 40px;
        margin: auto;
      }
      .mobTanIn input.text1 {
        width: 304px;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        font-family: "微软雅黑";
        border: none;
        background: none;
        outline: none;
        border: 1px solid #F1F1F1;
        border-radius: 5px;
        color: #999999;
        padding-left: 10px;
      }
      .mobQueding a {
        display: block;
        width: 320px;
        height: 40px;
        line-height: 40px;
        background: #5AB0E9;
        border-radius: 5px;
        color: #FFFFFF;
        font-size: 16px;
        text-decoration: none;
        text-align: center;
        margin: auto;
        margin-top: 12px;
      }
      .mobQuxiao a {
        display: block;
        width: 320px;
        height: 40px;
        line-height: 40px;
        background: #FFFFFF;
        border: 1px solid #5AB0E9;
        border-radius: 5px;
        color: #5AB0E9;
        font-size: 16px;
        text-decoration: none;
        text-align: center;
        margin: auto;
        margin-top: 12px;
      }