@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%;
     background-color: #f5f6f8;
     padding-bottom: 34px;
     overflow: hidden;
     *zoom: 1;
 }
 .andrGame-andrApp-content{
     width: 1260px;
     margin: 0 auto;
     background-color: #FFFFFF;
      overflow: hidden;
     *zoom: 1;
 }
 .andrGame{
     width: 690px;
     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;
 }
 .andrApp-title .common-span{margin-left: 32px;}
 .andrGame-title h2,.andrApp-title h2{
     font-size: 18px;
     color: #303030;
     display: inline-block;
     float: left;
     font-weight: bold;
 }
 .andrApp{
     width: 570px;
     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%;
     margin: 30px 0;
     border-right: 1px dashed #C4CBDB;
     overflow: hidden;
     *zoom: 1;
 }
 .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%;
     margin: 30px 0;
     overflow: hidden;
     *zoom: 1;
 }
 .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: 105px;
     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: 31px;
     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%;
 }
 .classify-game-content{
     width: 1260px;
     margin: 0 auto;
 }
 .classify-game-list{
     width: 1260px;
     padding-bottom: 20px;
     overflow: hidden;
     *zoom: 1;
 }
 .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;
     margin: 50px 0;
 }
 .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;
   	 padding-bottom: 20px;
     background-color: #FFFFFF;
     margin-top: 30px;
     margin-bottom: 15px;
     padding-top: 20px;
     padding-left: 30px;
 }
 .d-g-l-detail-content{
     width: 895px;
     margin-bottom: 20px;
     overflow: hidden;
     *zoom: 1;
 }
 .d-g-l-detail-content-left{
     width: 120px;
     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 em{
     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/icon-download.png) no-repeat 30px 10px;
     background-size: 20px 20px;
 }
 a.dgl-down-pc{
     background: #FFE514 url(../img/icon-computer.png) no-repeat 25px 10px;
     background-size: 20px 20px;
 }
 a.dgl-down-fast{
     background: #FFE514 url(../img/icon-fast.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;
 }

.d-g-l-gamedetail p {
    line-height: 1.5;
    margin: 10px 0;
}

 .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;
 }
 .updateTitleBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
 }
 .updateTitleBox .checkMore{
    cursor: pointer;
    font-size: 16px;
    color: #cccc;
    line-height: 16px;
    display: inline-block;
 }
 .upadeTxtBox{
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 1px;
 }
 .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: 20000px;
 }
 .dgl-game-detail img{
     width: auto;
     height: auto;
     margin: 10px 10%;
     max-width: 825px;
     display: block;
     margin: 10px auto;
 }
 .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: auto;
     height: auto;
     margin-top: 25px;
     vertical-align: top;
     max-width: 800px;
 }
 .article-detail-content p{
     vertical-align: top;
     margin-top: 25px;
 }
.dgl-game-detail h3{
    display:block;
    font-weight: bold;
    font-size: 18px;
    color: #1a1a1a;
}
 /*文章详情页 css end*/
 
.letternav{margin: 0 auto; background:#fff;margin-top:10px;padding:10px;text-align: center;}
.letternav a{margin:0 7px;color: #4A4A4A;}


/* 软件相关专题*/
#nktab{position: relative;padding-bottom: 30px;}
#nktab .title{line-height: 40px;height: 40px;overflow: hidden;margin-bottom: 7px;padding:0 12px;}
#nktab .title span{display: inline-block;padding:0 10px;font-weight: bold;cursor: pointer;}
#nktab .title span.cur{background: #FFE300;color:#4A4A4A;}
#nktab .xki > dt{width:470px;float: left;display: inline;}
#nktab .xki > dd{width:316px;float: left;}
#nktab .xki > dt .img{width:225px;float: left;display: inline;margin-right:10px;}
#nktab .xki > dt .img img{width: 225px;height: 145px;}
#nktab .xki > dt div p{line-height:23px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;color: #666666;}
#nktab .xki > dt div i{display: block;margin-top:4px;}
#nktab .xki > dt div i s{float: right;color:#999;text-decoration: none;}#nktab .xki > dt div i s em{color:red;}
#nktab .xki > dt div i a{display: inline-block;padding:2px 5px;background: #FFE300;color:#4A4A4A;}
#nktab .xki .kcon li{width: 68px;float: left;text-align: center;display: inline;margin-left:10px;}
#nktab .xki .kcon li img{width:68px;height: 68px;display: block;margin-bottom: 4px;}
#nktab .xki .kcon li p a{display: block;height:40px;line-height: 20px;overflow: hidden;color:#4A4A4A;}
#nktab .xki .kcon li .down{font-size: 12px;display: inline-block;padding: 1px 12px;border: 1px solid #FFE300;color:#4A4A4A;border-radius: 4px;margin-top: 4px;}
#nktab .xki .kcon li .down:hover{background: #FFE300;color:#fff;}
#nktab span.prev,#nktab span.next{width:10px;font:bold 46px/100px "\5B8B\4F53",serif;color:#999;position: absolute;left:-20px;top:115px;cursor: pointer;}
#nktab span.next{left:auto;right:-5px;}

p.introTit {color: #FFB805;margin: 16px 0;}

.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;
     background: #FFE514 url(../img/icon-download.png) no-repeat 30px 10px;
     background-size: 20px 20px;
 }

.downBtn{margin-top: 10px;overflow: hidden;*zoom: 1;}
.downBtn a,.downBtn button{float: left;margin-right: 10px;cursor: pointer;text-align: center;position: relative;display: block;border: none;width: 240px;height: 60px;line-height: 60px;border-radius: 30px;font-size: 20px;color: #4A4A4A;font-weight: bold;background: linear-gradient(-90deg, #06D79A, #05C8AF);margin-bottom: 10px;box-sizing: content-box;}
.downBtn a{background: #FFE514 url(../img/icon-download.png) no-repeat 30px 15px;background-size: 30px 30px;}
/*.downBtn .iosBtn{background-color:#17a8b5;}
.downBtn .adrBtn{background-color:  #06D79A;}*/
.downBtn .pcBtn{background-color: #2ed33a;color: #fff;}
.downBtn .orderBtn{font-size: 22px;background: linear-gradient(-90deg, #FF8876, #FF6F8E);color: #fff;}
.downBtn .noBtn{font-size: 22px;background: linear-gradient(25deg, #B2B2B2, #999);color: #fff;}
.pcAdd{position: relative;top: 8px;display: inline-block;vertical-align: top;font-size: 20px;line-height: 24px;}
.pcAdd span{display: block;font-size: 14px;line-height: 24px;font-weight: normal;}
.downBtn .adr1:before,.downBtn .ios1:before,.downBtn .pc:before{margin-right: 1px;}
.oTip{display: block;width: 100%;line-height: 18px;font-size: 12px;color: #808080;overflow: hidden;}
.oTip label{color: #FB381F;margin-right: 3px;font-weight: bold;}
.downBtn a:hover,.downbtn button:hover{opacity: .9;}

/* order */
.orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.orderBox{position: absolute;z-index: 5;top: 260px;left: 0;right: 0;margin: auto;border: 6px solid rgba(255,204,51,0.2);border-radius: 6px;width: 490px;text-align: center;box-sizing: border-box;}
.orderBox .cont{background: #fff;padding: 1px 45px;border-radius: 6px;}
.orderBox .cont:before{content: "";position: absolute;left: 11px;top: 10px;display: block;width:103px;height: 75px; background:url(../img/orderbg.png) no-repeat;background-size:1000px 1000px;background-position: -127px -321px;}
.orderBox .oClose{position: absolute;top: 0;right:0px;margin: auto;z-index: 10;cursor: pointer;}
.orderBox .oClose i{display: inline-block;width: 65px;height: 55px;background:url(../img/orderbg.png) no-repeat;background-size:1000px 1000px;background-position: -202px -222px;}
.orderBox .oTitle{position: relative;display: block;text-align: left;height: 88px;}
.orderBox .oTitle p{display: block;font-size: 32px;color: #333;font-weight: bold;line-height: 88px;white-space: nowrap;overflow: hidden;}
.orderBox .oTelBox{position: relative;margin-top: 2px;padding-left: 60px;background: #F1F1F1;border-radius: 7px;overflow: hidden;}
.orderBox .oTelBox:before{content: "";position: absolute;left: 21px;top: 15px;display: block;width:23px;height: 33px; background:url(../img/orderbg.png) no-repeat;background-size:1000px 1000px;background-position: -157px -222px;}
.orderBox .oTelBox:after{content: "";position: absolute;left: 60px;top: 12px;display: block;width:1px;height: 42px; background:#dfdfdf;}
.orderBox form .tel{position: relative;display: block;border: none;width: 306px;height: 62px;background: #f1f1f1;line-height: 62px;color:#333;font-size:18px;padding:0 20px 0 12px;overflow: hidden;white-space: nowrap;}
.orderBox form .tel::-webkit-input-placeholder {color: #9A9A9A;}
.orderBox form .tel:-moz-placeholder { color: #9A9A9A;}
.orderBox form .tel::-moz-placeholder { color: #9A9A9A;}
.orderBox form .tel:-ms-input-placeholder { color: #9A9A9A;}
.orderBox form .tel:focus{color: #808080;}
.orderBox form p{ color:#333;font-size:19px;line-height: 24px;margin-top: 16px;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#FF3333;}
.orderBox form p:last-of-type{font-size: 16px;color: #ccc;margin-top: 4px;}
.orderBox form span{color: #ff3232;font-size: 14px;text-align: left;display: block;width:306px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn,.orderBox .oKnow{display: block;cursor: pointer;border: 0;width: 224px;height: 48px;background: #FFCC33;border-radius: 24px;line-height: 48px;color:#fff;font-size:22px;margin: 20px auto 40px; }
.orderBox .msg{display: block;color: #ff3232;font-size: 14px;text-align: left;width:326px;margin: 0 auto;}
.orderBox .oWin{position: relative;width: 100%;font-size: 18px;border-radius: 3px;text-align: center;}
.orderBox .oWin>strong{display: block;font-size:24px;color: #3FE7BD;font-weight: bold;line-height: 42px;padding-bottom: 5px;}
.orderBox .oWin>i{display:block;width: 56px;height: 57px;background:url(../img/orderbg.png) no-repeat;background-size:1000px 1000px;background-position: -290px -222px;margin:14px auto;position: relative;}
.orderBox .oAgin{position: relative;width: 100%;font-size: 18px;border-radius: 3px;text-align: center;}
.orderBox .oAgin>strong{display: block;font-size:24px;color: #16D3FB;font-weight: bold;line-height: 42px;padding-bottom: 5px;}
.orderBox .oAgin>i{display:block;width: 57px;height: 58px;background:url(../img/orderbg.png) no-repeat;background-size:1000px 1000px;background-position:  -369px -222px;margin:14px auto;position: relative;}
.hide{display: none;}

.tzHot{background: #fff;}
.tzHot ul{position: relative;}
.tzHot ul li{position: relative;z-index: 1;height: 90px;}
.tzHot ul li a{position: relative;display: block;padding: 9px 15px 11px 20px;overflow: hidden;*zoom: 1;}
.tzHot ul li img{float: left;width: 70px;height: 70px;border-radius: 15px;margin-right: 10px;}
.tzHot ul li div{float: left;width: 200px;height: 70px;overflow: hidden;}
.tzHot ul li div p{display: block;font-size: 16px;color: #000;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tzHot ul li div span{display: block;font-size: 12px;color: #999;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tzHot ul li div span:nth-of-type(2){margin-top: 5px;}
.tzHot ul li:hover{background: rgba(20, 185, 200, .02);}
.tzHot ul li a>span{display: block;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;width: 70px;height: 26px;font-size: 14px;color: rgba(20, 185, 200,1);line-height: 26px;background: rgba(20, 185, 200,0);;border: 1px solid rgba(20, 185, 200, 0.5);border-radius: 14px;text-align: center;}

/* add */
.games-name-new{margin-bottom: 12px !important;}
.gSecret,.gPower{color: #009cff !important;cursor: pointer;}
.agSecret{color: #009cff !important;}
.gSecret:hover,.gPower:hover{text-decoration: underline;}
.gRule i,.gPrivacy i{background: url(../img/maskicon.png) 300px 1200px no-repeat;}
/* power */
.gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.ruleTxt{position: absolute;z-index: 5;top: 150px;left: 0;right: 0;margin: auto;background-size: 100% auto;background-color: #fff;width: 540px;border-radius: 6px;text-align: center;}
.gRule .gRclose{position: absolute;top:21px;right: 21px;z-index: 10;cursor: pointer;}
.gRule .gRclose i{display: inline-block;width: 26px;height: 26px;background-position: -15px -19px;position: relative;}
.gRule .oTitle{position: relative;width: 100%;height: 130px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;}
.gRule .oTitle i{display:block;width: 225px;height: 154px;background-position: -38px -334px;position: relative;top: -82px;margin: 0 auto;}
.gRule .oTitle p{position: relative; top:-72px;margin-top: 10px;font-size: 28px;color: #202020;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}
.gRule .gSure{display: block;cursor: pointer;width:400px;border: 0;background:linear-gradient(to right,#38a6fd,#008bff);color:#fff;font-size:20px;border-radius:8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap;  }
.ruleMain{background-color: #fff;display: block;height: 280px;border:none;padding:10px 15px;line-height: 28px;font-size: 16px;margin: 10px 26px;text-align: left;overflow: auto;}
.ruleMain strong{display: block;font-size: 16px;color: #333;line-height: 36px;}
.ruleMain p:nth-of-type(1){font-size: 20px;font-weight: bold;color: #333;margin-bottom: 10px;}
.ruleMain p:nth-last-of-type(1){margin-bottom: 20px;}
/* Privacy */
.gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.privacyTxt{position: absolute;z-index: 5;top: 150px;left: 0;right: 0;margin: auto;background-size: 100% auto;background-color: #fff;width: 540px;border-radius: 6px;text-align: center;}
.gPrivacy .gPclose{position: absolute;top:21px;right:21px;z-index: 10;cursor: pointer;}
.gPrivacy .gPclose i{display: inline-block;width: 26px;height: 26px;background-position: -15px -19px;position: relative;}
.gPrivacy .oTitle{position: relative;width: 100%;height: 130px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;}
.gPrivacy .oTitle i{display:block;width: 225px;height: 153px;background-position: -38px -562px;position: relative;top: -82px;margin: 0 auto;}
.gPrivacy .oTitle p{position: relative;top: -72px;margin-top: 10px;font-size: 28px;color: #202020;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}
.gPrivacy .gSure{display: block;cursor: pointer;width:400px;border: 0;background:linear-gradient(to right,#38a6fd,#008bff);color:#fff;font-size:20px;border-radius:8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap; }
.privacyMain{background-color: #fff;display: block;height: 400px;border:none;padding:10px 15px;line-height: 28px;font-size: 16px;margin: 10px 26px;text-align: left;overflow: auto;}
.privacyMain strong{display: block;font-size: 16px;color: #333;line-height: 36px;}
.privacyMain p:nth-of-type(1){font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px;}
.privacyMain p:nth-last-of-type(1){margin-bottom: 20px;}

.nsRGame{position: relative;margin-top: 25px;width: 350px;padding: 0 0 28px;background-image: url(../img/gamerecbg.png);background-repeat: no-repeat;background-color: transparent!important;overflow: hidden;background-size: 100% 100%;}
.nsRGame a{display: block;overflow: hidden;*zoom: 1;padding: 20px 20px 0;}
.nsRGame a img{float: left;width: 110px;height: 110px;border-radius: 20px;margin-right: 16px;}
.nsRGame a div{float: left;width:132px;height: 110px;overflow: hidden;}
.nsRGame a div p{font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nsRGame a div p:nth-of-type(1){font-size:18px;color: #333;line-height: 32px;font-weight: bold;margin-top: 2px;}
.nsRGame a div span{display: block;width: 92px;height: 24px;background: linear-gradient(180deg, #FFDD66, #FF8855);color: #fff;font-size: 12px;line-height: 24px;text-align: center;border-radius: 12px;margin-top:7px;}
.nsRGame>p{width: 90%;margin: auto;padding-top: 10px;height:24px;font-size: 14px;color: #666;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.dgl-game-detail.height-auto,.dgl-game-detail{ max-height: none;}
.d-g-l-detail-content-middle{overflow:hidden;}
.d-g-l-detail-content-middle>p{float:left;width:50%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis}
.article-detail-content h3{font-size:18px;font-weight:bold;line-height:28px;color:#1a1a1a;margin-top: 10px}
.article-detail-content a:hover{text-decoration:underline}
.article-detail-content a{color:#315EFB; cursor: pointer;}
.article-detail-content td,.article-detail-content th{text-align:center}
.hide{
    display: none;
}
.historyBox{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #00000017;
}
.historyBox .historyContont{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.historyBox .historyContont .history{
    width: 600px;
    position: relative;
    background: #fff;
    padding: 24px 25px;
    border-radius: 10px;
    min-height: 180px;
}
.historyBox .historyContont .history .ptit{
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #131715;
    text-align: center;
    margin-top: -10px;
}
.historyTxtBox{
    text-align: justify;
    max-height: 80vh;
    letter-spacing: 1px;
    line-height: 24px;
    overflow-y: auto;
    margin-right: -9px;
    padding-right: 4px;
    margin-top: 10px;
    min-height: 150px;
}
.historyTxtBox::-webkit-scrollbar {
    width: 6px;
}
.historyTxtBox::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #a7e7c3;
    background: #d8d8d8;
}
.closeBox{
    width: 30px;
    height: 30px;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(../img/close.png) no-repeat;
    background-size: 100% 100%;
}