body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* CSS Document */
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#333;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;}
:root{--defcolor:#41a1f7;--shallowcolor:#63d0f1;}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
a:hover{color:var(--defcolor);}
.rotate360{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.w1200{width:1200px;margin:0 auto;}
.wraper{width:1200px;margin:0 auto;*zoom: 1;}
.h20{width:100%;height:20px;}
.hide{display:none;}

body{background-color: #f4f4f4;}
a:focus,a:hover{transition: color 150ms ease-in 0s,background-color 150ms ease-in 150ms;}
body {
    background-image: url("/assets/imags.lsrc.cn/v2/pc/images/bgone.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}
body.wrap{background-color: #fff;}
.icon{background: url("/assets/imags.lsrc.cn/v2/pc/images/icon.png") no-repeat;background-size: 1000px 1000px;}
.backTop{width: 50px;height: 50px;position: fixed;right: 50%;margin-right: -660px;bottom: 3.85%;z-index: 99;cursor: pointer;display: none;}
.backTop i{display: block;width: 50px;height: 50px;background-position: -926px -17px;}



/* 头部 */
.hdTop{position: relative;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 42px;
    box-shadow: 0px 0px 5px 1px rgb(255, 255, 255, .32) inset;}
.hdTop > div{    width: 1200px;
    margin: auto;
    height: 42px;
    line-height: 42px;
    overflow: hidden;}
.hdTop > div > p{    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 42px;}
.hdTop > div > div{    float: right;
    max-width: 720px;
    font-size: 14px;
    color: #fff;
    line-height: 42px;}
.hdTop > div > div > a{    position: relative;
    font-size: 14px;
    color: #fff;
    line-height: 42px;}
.hdTop > div > div > a::before{content: "|";
    font-size: 12px;
    color: #ededed;
    margin: 0 10px 0 6px;
    position: relative;
    top: -1px;}
.hdTop > div > div > a:first-child::before{content:unset;}
header i{background-color: pink;}
header{height: 103px;}
header>a{display: block;margin-top: 31px;float: left;}
header>a img{width: 191px;height: 47px;}
header nav{float: right; margin-top: 26px;}
header nav>i.icon{float: left;width: 19px;height: 18px;background-position: -15px -254px; position: relative;top: 18px;}
header nav a.current{font-weight: 700;}
header nav a{display: block; float: left;padding: 10px 8px;}
header nav a span::after{content: "";position: absolute;width: 0;height: 0;top: 30px;left: 0;right: 0;margin: auto;background-color: transparent;-webkit-transition: all .8s;}
header nav a:hover span::after{display: block;width: 38px;height: 4px;background-color: #ffac01;border-radius: 1px;position: absolute;top: 30px;left: 0;right: 0;margin: auto;}
/*header nav a.current span::after{display: block;width: 38px;height: 4px;background-color: #ffac01;border-radius: 1px;position: absolute;top: 30px;left: 0;right: 0;margin: auto;}*/
header nav a.current span > i{position: absolute;
    top: 25px;
    right: 42%;
    display: inline-block;
    width: 62px;
    height: 37px;
    background-position: -44px -245px;z-index: -1}
header nav a.current:hover span::after{display: none;}
header nav a >i.icon{ width: 20px;height: 25px;display: inline-block;position: relative;top: 4px;margin-right: 8px;}
header nav a:nth-of-type(1) >i.icon{background-position: -15px -5px;height: 22px;}
header nav a:nth-of-type(2) >i.icon{background-position: -49px -5px;width: 27px;height: 22px;}
header nav a:nth-of-type(3) >i.icon{background-position: -91px -5px;}
header nav a:nth-of-type(4) >i.icon{background-position: -204px -5px;}
header nav a:nth-of-type(5) >i.icon{background-position: -125px -5px;width: 23px;}
header nav a:nth-of-type(6) >i.icon{background-position: -239px -5px;width: 27px;}
header nav a:nth-of-type(7) >i.icon{background-position: -164px -5px;width: 25px;}
header nav a span{font-size: 18px; display: inline-block;position: relative;color: #fff;}
/*header nav a.current:hover span i.icon{display: none;}*/
header nav a:nth-last-of-type(1){padding-right: 0;}
/*--------------------------游戏列表页------------------------- */

/* 类型导航 */
.icon2{background: url("/assets/imags.lsrc.cn/v2/pc/images/icon2.png") no-repeat;background-size: 1000 1000;}
.unfoldSort,.foldSort{cursor: pointer; float: left;position: relative;z-index: 2;display: block;padding: 38px 15px 0;height: 92px;line-height: 130px;margin-right: 8px;}
.unfoldSort p,.foldSort p{font-size: 15px;line-height: 44px;color: #adadad;width: 60px;height: 44px;text-align: center;}
.unfoldSort i,.foldSort i{width: 32px;height: 32px;display: block;margin:0 auto;}
.unfoldSort i{background-position: -667px -484px;}
.unfoldSort:hover i{background-position: -667px -538px;}
.foldSort i{background-position: -667px -484px;}
.foldSort:hover i{background-position: -667px -538px;}

.gameNav{overflow: hidden; position: relative; margin-bottom: 33px;border-radius: 8px;background-color: #fff;box-shadow: 0.5px 0.8px 5px 0 rgb(0 0 0 / 6%);}
.gameNav ul{border-radius: 8px;padding-left: 19px;}
.gameNav ul li{float: left;}
.gameNav ul li a{position: relative;z-index: 2;display: block;padding: 38px 15px 0;height: 92px;line-height: 130px;margin-right: 8px;}
.gameNav ul li a p{font-size: 15px;line-height: 44px;color: #adadad;width: 60px;height: 44px;text-align: center;}
.gameNav ul li a i{width: 32px;height: 32px;display: block;margin:0 auto;}
.gameNav ul li:hover a p{color: #474747;} 
/* gameicon */
.gameNav ul li:nth-of-type(1) a i{background-position:-16px -482px;}
.gameNav ul li:nth-of-type(2) a i{background-position:-70px -482px;}
.gameNav ul li:nth-of-type(3) a i{background-position:-124px -482px;}
.gameNav ul li:nth-of-type(4) a i{background-position:-170px -482px;}
.gameNav ul li:nth-of-type(5) a i{background-position:-228px -482px;}
.gameNav ul li:nth-of-type(6) a i{background-position:-281px -482px;}
.gameNav ul li:nth-of-type(7) a i{background-position:-386px -482px;}
.gameNav ul li:nth-of-type(8) a i{background-position:-718px -482px;}
.gameNav ul li:nth-of-type(9) a i{background-position:-131px -658px;}
.gameNav ul li:nth-of-type(10) a i{background-position:-566px -482px;}
.gameNav ul li:nth-of-type(11) a i{background-position:-615px -482px;}
.gameNav ul li:nth-of-type(12) a i{background-position:-15px -655px;}
.gameNav ul li:nth-of-type(13) a i{background-position:-82px -655px;}
.gameNav ul li:nth-of-type(14) a i{background-position:-506px -482px;}
.gameNav ul li:nth-of-type(15) a i{background-position:-182px -656px;}
.gameNav ul li:nth-of-type(16) a i{background-position:-243px -656px;}
.gameNav ul li:nth-of-type(17) a i{background-position:-302px -653px;}
.gameNav ul li:nth-of-type(18) a i{background-position:-366px -655px;}
.gameNav ul li:nth-of-type(19) a i{background-position:-412px -655px;}
.gameNav ul li:nth-of-type(20) a i{background-position:-750px -653px;}


.gameNav ul li:nth-of-type(1) a:hover i{background-position:-16px -536px;}
.gameNav ul li:nth-of-type(2) a:hover i{background-position:-71px -536px;}
.gameNav ul li:nth-of-type(3) a:hover i{background-position:-125px -536px;}
.gameNav ul li:nth-of-type(4) a:hover i{background-position:-171px -536px;}
.gameNav ul li:nth-of-type(5) a:hover i{background-position:-229px -536px;}
.gameNav ul li:nth-of-type(6) a:hover i{background-position:-282px -536px;}
.gameNav ul li:nth-of-type(7) a:hover i{background-position:-387px -536px;}
.gameNav ul li:nth-of-type(8) a:hover i{background-position:-718px -536px;}
.gameNav ul li:nth-of-type(9) a:hover i{background-position:-131px -701px;}
.gameNav ul li:nth-of-type(10) a:hover i{background-position:-567px -536px;}
.gameNav ul li:nth-of-type(11) a:hover i{background-position:-616px -536px;}
.gameNav ul li:nth-of-type(12) a:hover i{background-position:-15px -697px;}
.gameNav ul li:nth-of-type(13) a:hover i{background-position:-82px -702px;}
.gameNav ul li:nth-of-type(14) a:hover i{background-position:-507px -536px;}
.gameNav ul li:nth-of-type(15) a:hover i{background-position:-182px -698px;}
.gameNav ul li:nth-of-type(16) a:hover i{background-position:-243px -698px;}
.gameNav ul li:nth-of-type(17) a:hover i{background-position:-302px -696px;}
.gameNav ul li:nth-of-type(18) a:hover i{background-position:-366px -698.5px;}
.gameNav ul li:nth-of-type(19) a:hover i{background-position:-412px -696px;}
.gameNav ul li:nth-of-type(20) a:hover i{background-position:-750px -697px;}


.gameNav ul li.current a::before{content: "";position: absolute;top: 0; left: 0;z-index: -2;width: 90px;height: 130px;border-radius: 8px;background:linear-gradient(to right,var(--defcolor),var(--shallowcolor));}
.gameNav ul li.current a p{color: #fff;}

.gameNav ul li.current:nth-of-type(1) a i{background-position:-16px -592px;}
.gameNav ul li.current:nth-of-type(2) a i{background-position:-70px -592px;}
.gameNav ul li.current:nth-of-type(3) a i{background-position:-124px -592px;}
.gameNav ul li.current:nth-of-type(4) a i{background-position:-170px -592px;}
.gameNav ul li.current:nth-of-type(5) a i{background-position:-228px -592px;}
.gameNav ul li.current:nth-of-type(6) a i{background-position:-281px -592px;}
.gameNav ul li.current:nth-of-type(7) a i{background-position:-386px -592px;}
.gameNav ul li.current:nth-of-type(8) a i{background-position:-718px -592px;}
.gameNav ul li.current:nth-of-type(9) a i{background-position:-131px -743px;}
.gameNav ul li.current:nth-of-type(10) a i{background-position:-566px -592px;}
.gameNav ul li.current:nth-of-type(11) a i{background-position:-615px -592px;}
.gameNav ul li.current:nth-of-type(12) a i{background-position:-15px -740px;}
.gameNav ul li.current:nth-of-type(13) a i{background-position:-82px -744px;}
.gameNav ul li.current:nth-of-type(14) a i{background-position:-504px -591px;}
.gameNav ul li.current:nth-of-type(15) a i{background-position:-182px -743px;}
.gameNav ul li.current:nth-of-type(16) a i{background-position:-243px -743px;}
.gameNav ul li.current:nth-of-type(17) a i{background-position:-302px -743px;}
.gameNav ul li.current:nth-of-type(18) a i{background-position:-366px -743px;}
.gameNav ul li.current:nth-of-type(19) a i{background-position:-412px -743px;}
.gameNav ul li.current:nth-of-type(20) a i{background-position:-750px -742px;}

/* appicon */
.gameNav .appTab ul li:nth-of-type(4) a i{width: 40px;}
.gameNav .appTab ul li:nth-of-type(1) a i{background-position:-16px -482px;}
.gameNav .appTab ul li:nth-of-type(2) a i{background-position:-284px -801px;}
.gameNav .appTab ul li:nth-of-type(3) a i{background-position:-66px -802px;}
.gameNav .appTab ul li:nth-of-type(4) a i{background-position:-640px -801px;}
.gameNav .appTab ul li:nth-of-type(5) a i{background-position:-234px -801px;}
.gameNav .appTab ul li:nth-of-type(6) a i{background-position:-281px -482px;}
.gameNav .appTab ul li:nth-of-type(7) a i{background-position:-390px -801px;}
.gameNav .appTab ul li:nth-of-type(8) a i{background-position:-15px -801px;}
.gameNav .appTab ul li:nth-of-type(9) a i{background-position:-179px -801px;}
.gameNav .appTab ul li:nth-of-type(10) a i{background-position:-490px -658px;}
.gameNav .appTab ul li:nth-of-type(11) a i{background-position:-122px -803px;}
.gameNav .appTab ul li:nth-of-type(12) a i{background-position:-695px -800px;;}
.gameNav .appTab ul li:nth-of-type(13) a i{background-position:-338px -800px;}
.gameNav .appTab ul li:nth-of-type(14) a i{background-position:-538px -802px;}
.gameNav .appTab ul li:nth-of-type(15) a i{background-position:-182px -656px;}
.gameNav .appTab ul li:nth-of-type(16) a i{background-position:-490px -802px;}
.gameNav .appTab ul li:nth-of-type(17) a i{background-position:-622px -659px;}
.gameNav .appTab ul li:nth-of-type(18) a i{background-position:-732px -802px;}
.gameNav .appTab ul li:nth-of-type(19) a i{background-position:-685px -662px;}

.gameNav .appTab ul li:nth-of-type(1) a:hover i{background-position:-16px -536px;}
.gameNav .appTab ul li:nth-of-type(2) a:hover i{background-position:-284px -852px;}
.gameNav .appTab ul li:nth-of-type(3) a:hover i{background-position:-66px -853px;}
.gameNav .appTab ul li:nth-of-type(4) a:hover i{background-position:-640px -850px;}
.gameNav .appTab ul li:nth-of-type(5) a:hover i{background-position:-234px -852px;}
.gameNav .appTab ul li:nth-of-type(6) a:hover i{background-position:-282px -536px;}
.gameNav .appTab ul li:nth-of-type(7) a:hover i{background-position:-390px -853px;}
.gameNav .appTab ul li:nth-of-type(8) a:hover i{background-position:-15px -852px;}
.gameNav .appTab ul li:nth-of-type(9) a:hover i{background-position:-179px -852px;}
.gameNav .appTab ul li:nth-of-type(10) a:hover i{background-position:-490px -699px;}
.gameNav .appTab ul li:nth-of-type(11) a:hover i{background-position:-122px -854px;}
.gameNav .appTab ul li:nth-of-type(12) a:hover i{background-position:-695px -849px;}
.gameNav .appTab ul li:nth-of-type(13) a:hover i{background-position:-338px -851px;}
.gameNav .appTab ul li:nth-of-type(14) a:hover i{background-position:-538px -852px;}
.gameNav .appTab ul li:nth-of-type(15) a:hover i{background-position:-182px -698px;}
.gameNav .appTab ul li:nth-of-type(16) a:hover i{background-position:-490px -853px;}
.gameNav .appTab ul li:nth-of-type(17) a:hover i{background-position:-622px -701px;}
.gameNav .appTab ul li:nth-of-type(18) a:hover i{background-position:-732px -851px;}
.gameNav .appTab ul li:nth-of-type(19) a:hover i{background-position:-685px -703px;}

.gameNav .appTab ul li.current:nth-of-type(1) a i{background-position:-16px -592px;}
.gameNav .appTab ul li.current:nth-of-type(2) a i{background-position:-284px -903px;}
.gameNav .appTab ul li.current:nth-of-type(3) a i{background-position:-66px -903px;}
.gameNav .appTab ul li.current:nth-of-type(4) a i{background-position:-640px -899px;}
.gameNav .appTab ul li.current:nth-of-type(5) a i{background-position:-234px -902px;}
.gameNav .appTab ul li.current:nth-of-type(6) a i{background-position:-281px -592px;}
.gameNav .appTab ul li.current:nth-of-type(7) a i{background-position:-390px -903px;}
.gameNav .appTab ul li.current:nth-of-type(8) a i{background-position:-15px -902px;}
.gameNav .appTab ul li.current:nth-of-type(9) a i{background-position:-179px -902px;}
.gameNav .appTab ul li.current:nth-of-type(10) a i{background-position:-490px -746px;}
.gameNav .appTab ul li.current:nth-of-type(11) a i{background-position:-122px -903px;}
.gameNav .appTab ul li.current:nth-of-type(12) a i{background-position:-695px -900px;}
.gameNav .appTab ul li.current:nth-of-type(13) a i{background-position:-338px -901px;}
.gameNav .appTab ul li.current:nth-of-type(14) a i{background-position:-538px -902px;}
.gameNav .appTab ul li.current:nth-of-type(15) a i{background-position:-182px -743px;}
.gameNav .appTab ul li.current:nth-of-type(16) a i{background-position:-490px -903px;}
.gameNav .appTab ul li.current:nth-of-type(17) a i{background-position:-622px -748px;}
.gameNav .appTab ul li.current:nth-of-type(18) a i{background-position:-732px -901px;}
.gameNav .appTab ul li.current:nth-of-type(19) a i{background-position:-685px -750px;}

/* 游戏列表 */
.gameList ul li{}
.gameList a{margin-right: 19px; padding: 29px 0 17px 0; width: 184px;height: 216px;background-color: #fff;float: left;position: relative;border-radius: 8px;margin-bottom: 20px; overflow: hidden;}
.gameList ul li:nth-child(6n) a{margin-right: 0;}
.gameList a img{width: 124px;height: 124px;margin:0 auto;display: block;border-radius: 22px;}
.gameList a p{display: block;height: 24px;line-height: 24px;overflow: hidden;text-align: center;font-size: 14px;color: #ababab;}
.gameList a p:nth-of-type(1){font-size: 16px;color: #454545;text-align: center;overflow: hidden;margin-top: 10px;margin-bottom: 2px; font-weight: 700;}
.gameList a p span{margin: 0 4px;}
.gameList a > p:last-of-type{display: none;}
.gameList a > span{position: absolute;bottom: -48px;width: 184px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #fff;border-radius: 0 0 8px 8px;background: linear-gradient(to right,var(--defcolor),var(--shallowcolor));transition: all .4s ease;}
.gameList a > span.no{background: linear-gradient(to right,#ffb317 ,#ffc960);}
.gameList a:hover > span{bottom:0;}

/* 列表页码 */
.gamePage{padding:3px; margin: 10px 0 20px;text-align: center; font-size: 16px;margin-bottom: 40px;}
.gamePage a{padding: 8px 14px;margin-right: 8px;color: #666;text-decoration: none;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 3px;}
.gamePage span{display: inline-block;height: 38px;line-height: 38px;break-inside: 3px;}
.gamePage span a{display: block;padding: 0;min-width: 38px;line-height: 38px;text-align: center;font-weight: 700;border-radius: 3px;}
.gamePage a.current,.gamePage a.current:hover{color: #fff;background-color: var(--defcolor);border: 1px solid var(--defcolor);}
.gamePage a:hover{color: #fff;background-color: var(--defcolor);border: 1px solid var(--defcolor);}

/*--------------- 列表游戏内容 -------------------*/

.contLeft section,.contRight section{margin-bottom: 18px;border-radius: 8px;overflow: hidden; background-color: #fff;}
.contLeft section:nth-of-type(1),.contRight section:nth-of-type(1){box-shadow: 0 3px 0 #f0f0f0;}
/* 左侧内容 */
.contLeft{float: left;width: 866px;margin-right: 19px;}
/* 游戏下载 */
.gameIntro{padding: 6px 0 0 0;}
.crumb,.crumb a{font-size: 12px;color: #fff;}
.ztIntro .crumb,.ztIntro .crumb a{color: #aeaeae}
.gameIntro .crumb,.gameIntro .crumb a{color: #aeaeae}
.crumb{padding-left: 30px;height: 40px;line-height: 40px;border-bottom: 1px solid #f7f7f7;overflow: hidden;}
.crumb i.icon{background-position: -15px -196px; display: inline-block;width: 18px;height: 14px;margin-right: 10px;position: relative;top: .5px;}
.gameIntro .cont{position: relative;padding: 15px 20px 22px 28px;overflow: hidden;}
.gameIntro .cont img{float: left;width: 176px;height: 176px;border-radius: 32px;margin-right: 19px;cursor: pointer;}
.gameIntro .cont .info{ float: left;height: 176px;width: 622px;overflow: hidden;}
.gameIntro .cont .info div {width: 636px; overflow: hidden;}
.gameIntro .cont .info div h1{ display:block;max-width: 518px;height: 46px;line-height: 46px;font-size: 26px;color: #333;font-weight: 700;overflow: hidden;}
.gameIntro .cont .info p{height: 22px; white-space: nowrap;overflow: hidden;margin-top: 11px; font-size: 14px;color: #999;line-height: 20px;}
.gameIntro .cont .info p span{float: left;padding: 0 8px;height: 20px;font-size: 12px;color: #4fb3ff;border: 1px solid #4fb3ff;margin-right: 6px;border-radius: 20px;cursor: pointer;}
.gameIntro .cont .info p span:nth-of-type(6n+1){color: #ef8692;border: 1px solid #ef8692;}
.gameIntro .cont .info p span:nth-of-type(6n+2){color: #f4a76d;border: 1px solid #f4a76d;}
.gameIntro .cont .info p span:nth-of-type(6n+3){color: #4fb3ff;border: 1px solid #4fb3ff;}
.gameIntro .cont .info p span:nth-of-type(6n+4){color: #93d877;border: 1px solid #93d877;}

.gameIntro .cont .info p span:nth-of-type(6n+1):hover{background-color:#ef8692;color: #fff;}
.gameIntro .cont .info p span:nth-of-type(6n+2):hover{background-color:#f4a76d;color: #fff;}
.gameIntro .cont .info p span:nth-of-type(6n+3):hover{background-color:#4fb3ff;color: #fff;}
.gameIntro .cont .info p span:nth-of-type(6n+4):hover{background-color:#93d877;color: #fff;}
.gameIntro .cont .info ul{margin-top: 7px;overflow: hidden;}
.gameIntro .cont .info ul li{float: left;height: 28px;line-height: 28px;font-size: 14px;color: #999;margin-right: 22px;overflow: hidden;white-space: nowrap;}
.gameIntro .cont .info ul li a,.gameIntro .cont .info ul li em{color: #333;}

.gameIntro .cont .info ul li p{height: 28px; margin-top: 0; font-size: 14px;color: #fb6961;line-height: 28px;}
.gameIntro .cont .info ul li p i{display: inline-block;text-align:center; color: #fff;width: 16px;height:16px;border-radius: 50%;line-height: 16px; vertical-align:middle-ggg; background: #fb6961;margin-right: 5px;}

.gameIntro div.downbtn{display: none;}
.down a span{}
/* .down a i{display: inline-block;width: 21px;height: 24px;position: relative;top: 5px;margin-right: 5px;} */
.downbtn span,.downbtn a{display: block;float: left;border: none;width: 200px; height: 45px;color: #fff;font-size: 16px;line-height: 45px;border-radius: 3px;margin: 12px 10px 0 0;cursor: pointer;text-align: center;}

.downbtn span i,.downbtn a i{display: inline-block;width: 21px;height: 24px;position: relative;top: 5px;margin-right: 5px;}
.downbtn .adr i{width: 26px;top: 8px;position: relative;}
.downbtn span:hover,.downbtn button:hover {opacity: 0.9;}
.downbtn .adr i {background-position: -469px -111px}
.downbtn .adr {background-color: #2cbb84}
.downbtn .none{background: #e0e0e0;color: #999999;}
.downbtn .ios i {background-position: -379px -111px}
.downbtn .ios {background-color: #5298ff}
.downbtn .order {background-color: #ff9e00}
.downbtn .order>i {width: 20px;height: 19px;background-position: -379px -72px}


.gameIntro .info button.order {background-color: #ff9e00}

.gameIntro .info button.order>i {width: 20px;height: 19px;background-position: -379px -72px}


/* 内容介绍 */
.aNav{padding-bottom: 30px;}
.aNav >ul{border-top-left-radius: 10px;border-top-right-radius: 10px;background-color: #f8f8f8;margin-bottom: 26px;overflow: hidden;}
.aNav >ul li{float: left;width: 138px;height:  57px;line-height: 57px;text-align:center;font-size: 18px;font-weight: 700;color: #666;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e9e9e9;cursor: pointer;}
.aNav >ul li:nth-child(1){padding-left: 12px;}
.aNav >ul li:hover{color: var(--defcolor);}
.aNav >ul li.current{color: var(--defcolor);background-color: #fff;border-bottom-color: transparent;}

.editCom{position: relative;width: 788px;height: 40px;line-height: 40px;margin: 0 auto 22px;}
.editCom i{background-position: -15px -302px; display: block;width: 50px;height: 50px;position: absolute;top: -8px;}
.editCom p{display: block;width: 724px;padding-left: 44px;margin-left: 18px;height: 40px;line-height: 40px;font-size: 14px;color: #999;background-color: #f4fffa;border: 1px solid #cff5e4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.showImg{width: 788px;min-height: 298px;margin: 0 auto;height: 280px;position: relative;}
.showImg i{ position: absolute;top:117px;left: -18px; z-index: 2;width: 34px;height: 36px;cursor: pointer;border-radius: 50%;box-shadow: 0 5px 6px 0 rgb(0 139 255 /30%);background-color: #fff;background-position: -493px -68px;}
.showImg i:nth-of-type(2){position: absolute;top:117px;left: 771px;background-position: -517px -68px;}
.showImg >div{overflow-x: scroll; overflow-y: hidden; position: relative;left: 0;width: 788px;height: 297px;background-color: #fff;}
.showImg ul{white-space: nowrap;text-align: center;height: 280px;position: absolute;font-size: 0;}
.showImg ul li{display: inline-block;margin-right: 16px;}
.showImg ul li:nth-last-child(1){margin-right: 0;}
.showImg ul li a img{display: block;height: 280px;width: auto;}
.showImg ul li>div{width: 500px;height: 280px;} 
.showImg ul li>div video{}

/* 游戏介绍 */
.Title{height: 44px;line-height: 44px;z-index: 1;overflow: hidden;}
.Title em{float: left;font-size: 24px;color: #354352;font-weight: 700;}
.Title a{font-size: 12px;color: #c2c2c2;}
.gameCont{padding: 20px;}
.gameCont .con{position: relative;overflow: hidden;height: auto;padding: 6px 0 0;font-size: 15px;color: #666;line-height: 1.5;}
.gameCont .con p{line-height: 26px;color: #666;margin-bottom: 16px;}
.gameCont .con h3{margin-bottom: 16px;line-height: 34px;font-size: 18px;color: #333;font-weight: 700;padding: 0 0 0 18px;border-left: 4px solid var(--defcolor);background-color: #f5f5f5;}
.gameCont .con p img{max-width: 788px;display: block;margin: 0 auto;padding: 25px 0 38px;}
.gameCont .openApp{margin-top: 2px;}
.gameCont .openApp p{float: left;display: block;}
.gameCont .openApp p span{display: inline-block;margin-right: 20px;color: #ababab;font-size: 14px;}
.gameCont .openApp p span:nth-child(1) i{width: 16px;height: 13px;top: 2px;background-position: -118px -35px;}
.gameCont .openApp p span:nth-child(2) i{width: 16px;height: 17px;top: 3px;background-position: -152px -36px;}
.gameCont .openApp p span:nth-child(3) i{width: 15px;height: 17px;top: 3px;background-position: -186px -36px;}
.gameCont .openApp p span i{display: inline-block;margin-right: 5px;position: relative;}

/* 游戏信息 */
.gameInfo{position: relative; padding: 20px 20px 23px 20px;}
.gameInfo .jbBtn{position: absolute;top: 24px;    position: absolute;top: 24px;right: 0;margin-right: 20px;color: #999;font-size: 14px;text-align: center;height: 22px;line-height: 22px;border: 1px solid #dadada;width: 42px;padding: 0 3px 0 20px;border-radius: 12px;cursor: pointer;overflow: hidden;}
.gameInfo .jbBtn i{display: inline-block;width: 18px;height: 18px;position: absolute;left: 3px;top: 2px;background-position: -118px -68px;}
.gameInfo ul{width: 788px;padding-top: 6px;overflow: hidden;}
.gameInfo ul li{float: left;display: inline-block;width: 375px;margin-right: 18px;height: 36px;line-height: 36px;font-size: 15px;color: #666;overflow: hidden;white-space: nowrap;}
.gameInfo ul li em{font-size: 15px;color: #0dcc7a;line-height: 36px;}
.gameInfo ul li span{font-size: 15px;color: #666;line-height: 36px;}
.gPower,.gSecret{color: #009cff !important;cursor: pointer;}

/*相关版本*/
.gameRelatBox{position: relative; padding: 20px 20px 23px 20px;}
.gameRelatBox > ul{}
.gameRelatBox > ul li{}
.gameRelatBox > ul li > a{display: block;width: 825px;height: 40px;line-height: 40px;background-color: #f6f7f9;font-size: 16px;color: #99a0a8;margin-bottom: 10px;transition: background ease .3s;}
.gameRelatBox > ul li > a > p:nth-child(1){float: left;width: 270px;margin-right: 12px;text-indent: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gameRelatBox > ul li > a > p:nth-child(2){float: left}
.gameRelatBox > ul li > a > p:nth-child(2) > span{width: 200px;display: inline-block;}
gameRelatBox.gameRelatBox > ul li > a > p:nth-child(2) > span:nth-child(1){margin-right: 160px;}
.gameRelatBox > ul li > a > span{float: right;width: 80px;height: 28px;line-height: 28px;border-radius: 4px;background: linear-gradient(to right,#28c16a,#80dda7);text-align: center;font-size: 14px;color: #fff;margin: 6px 20px 0 0;}

.gameRelatBox > ul li > a:hover{background-color: #bff1d4}

/* 同类推荐 */
.gameTabBox{position: relative;padding: 19px 19px 14px;}
.TabMenu{position: absolute;left: 162px;top: 20px;z-index: 2;max-width: 686px;white-space: nowrap;overflow: hidden;}
.TabMenu span{display: inline-block;padding: 12px 0;font-size: 16px;color: #666;cursor: pointer;}
.TabMenu span.current{color: var(--defcolor);font-weight: 700;}
.TabMenu span::after{content: "/";margin: 0 15px;color: #ccc;}
.TabMenu span:hover{color: var(--defcolor);}
.Recont{width: 826px;height: 172px;margin-bottom: 27px;}
.Recont a{position: relative;display: block;padding-top: 51px;}
.Recont a img{position: absolute;left: 11px;top: 21px;z-index: 1;display: block;width: 271px;height: 135px;border-radius: 8px;transition: all .4s linear;}
.Recont a:hover img{top: 42px;}
.Recont a i{position: absolute;left: 11px;top: 27px;z-index: 3;display: block;padding: 0 10px;height: 24px;line-height: 24px;background-color: rgba(0,0,0,.6);color: #fff;font-size: 12px;transition: all .4s linear;}
.Recont a:hover i{top: 48px;}
.Recont a span{position: absolute;left: 298px;top: 21px;z-index: 2;display: block;width: 544px;height: 24px;line-height: 24px;font-size: 18px;color: #333;font-weight: 700;padding-bottom: 6px;}
.Recont a:hover span{color: var(--defcolor);}
.Recont a div{background-color: #f6f6f6;padding: 21px 21px 21px 296px;border: 1px solid #e6e6e6;border-radius: 8px;}
.Recont a div p{display: block;height: 78px;line-height: 26px;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.TabCont ul{width: 850px;overflow: hidden;}
.TabCont ul li{float: left;width: 263px;height: 106px;margin: 0 19px 18px 0;}
.TabCont ul li a{transition: all .3s linear; position: relative;display: block;padding: 10px;float: left;border: 1px solid #e6e6e6;border-radius: 8px;}
.TabCont ul li a img{float: left;width: 84px;height: 84px;border-radius: 16px;margin-right: 10px;}
.TabCont ul li a:hover img{opacity: .9;}
.TabCont ul li a:hover div:nth-of-type(1) p{color: var(--defcolor);}
.TabCont ul li a div:nth-of-type(1){float: left;width: 147px;height: 84px;overflow: hidden;}
.TabCont ul li a div:nth-of-type(1) p,.TabCont ul li a div:nth-child(1) span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.TabCont ul li a div:nth-of-type(1) p{font-size: 16px;color: #000;line-height: 30px;margin-top: 5px;}
.TabCont ul li a div:nth-of-type(1) span{display: block;font-size: 12px;color: #999;line-height: 20px;}
.TabCont ul li a div:nth-of-type(2){transition: all .3s linear;position: absolute;top: 58px;right: -1px;width: 58px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: var(--defcolor);border: 1px solid var(--defcolor);border-radius: 12px 0 0 12px;}
.TabCont ul li a div:nth-of-type(2) i{transition: all .3s linear;display: inline-block;width: 12px;height: 12px;background-position: -58px -39px;margin-right: 2px;position: relative;top: 1px;}
.TabCont ul li a:hover div:nth-of-type(2){color: #fff;background: linear-gradient(to right,var(--defcolor) ,var(--defcolor));}
.TabCont ul li a:hover div:nth-of-type(2) i{background-position: -58px -60px;}

/* 最新录入 */
.gameEnter{padding: 20px 20px 8px;}
.gameEnter ul{margin-top: 18px;overflow: hidden;}
.gameEnter ul li{float: left;width: 128px;margin-right: 11px;text-align: center;margin-bottom: 20px;}
.gameEnter ul li:nth-child(6n+6){margin-right: 0;}
.gameEnter ul li a{display: block;}
.gameEnter ul li a img{width: 104px;height: 104px;border-radius: 16px;}
.gameEnter ul li a img:hover{opacity: .9;}
.gameEnter ul li a:hover p{color: var(--defcolor);}
.gameEnter ul li a p{font-size: 16px;color: #333;line-height: 24px;margin-top: 10px;overflow: hidden;white-space: nowrap;}
.gameEnter ul li a span{font-size: 14px;color: #666;line-height: 24px;overflow: hidden;white-space: nowrap;}

/* 右侧内容 */
.Title2{border-bottom: 1px solid #f2f2f2;overflow: hidden;}
.Title2 em{float: left;display: block;height: 54px;line-height: 44px;font-size: 20px;color: #354352;font-weight: 700;}
.Title2 a{float: right;display: block;}
.Title2 a i.icon{display: block;width: 20px;height: 20px;border: 1px solid #ddd;position: relative;top: 11px;}
.Title2 a i.icon{background-position: -12px -37px;}
.Title2 a:hover i{border-color: #ff965f;}
/* 热门游戏 */
.Title a{float: right;display: block;}
.contRight{float: left;width: 315px;}
.gameOther{padding: 13px 20px;}
.gameOther ul{width: 320px;margin-top: 22px;overflow: hidden;}
.gameOther ul li{float: left;width: 74px;text-align: center;margin-right: 27px;margin-bottom: 7px;}
.gameOther ul li a{display: block;padding: 0 2px;}
.gameOther ul li a img{width: 70px;height: 70px;border-radius: 12px;}
.gameOther ul li a img:hover{opacity: .9;}
.gameOther ul li a p{display: block;width: 100%;margin: auto;height: 40px;line-height: 40px;font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gameOther ul li a:hover p{color: var(--defcolor);}

/* 游戏分类 */
.gameGather{padding: 13px 20px 20px;}
.gameGather ul{width: 320px;margin-top: 21px;overflow: hidden;}
.gameGather ul li{float: left;width: 80px;height: 40px;line-height: 40px;text-align: center;margin: 0 17px 20px 0;}
.gameGather ul li a{display: block;font-size: 13px;color: #666;background-color: #f5f6f7;border-radius: 2px;}
.gameGather a:hover,.gameGather li.current a{background-color: var(--defcolor);color: #fff;}

/* 游戏排行 */
.gameRank{padding: 13px 20px;}
.gameRank ul{margin-top: 1px;max-height: 1300px;overflow: hidden;}
.gameRank ul li{width: 275px;}
.gameRank ul li a{display: block;height: 84px;padding: 22px 0;border-bottom: 1px dashed #eaeaea;overflow: hidden;}
.gameRank ul li a:hover{border-bottom: 1px solid #a8ffde;}
.gameRank ul li a:hover p:nth-of-type(1){color: var(--defcolor);}
.gameRank ul li i{position: relative;float: left;display: block;margin-right: 10px;width: 16px;height: 16px;line-height: 16px;border: 1px solid #ededed;background-color: #ededed;font-size: 12px;color: #999;text-align: center;}
.gameRank ul li:nth-child(1) i.icon{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -372px -9px;border: none;color: transparent;}
/* background-color: transparent; */
.gameRank ul li:nth-child(2) i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -327px -9px;border: none;color: transparent;}
.gameRank ul li:nth-child(3) i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -285px -9px;border: none;color: transparent;}
.gameRank ul li:nth-child(n+4) i{margin-right: 14px;margin-top: 36px;}
.gameRank ul li:nth-child(n+4) i::before{content: '';display: block;width: 0;height: 0;border-right: 5px solid transparent;border-top: 5px solid #fff;position: absolute;top: -1px;left: -1px;z-index: 2;}
.gameRank ul li:nth-child(n+4) i::after{content: '';display: block;width: 1px;height: 6px;transform: rotate(45deg);background-color: #ededed;position: absolute;top: -1px;left: 1px;z-index: 2;transition: all .4s ease;}
.gameRank ul li a img{float: left;width: 84px;height: 84px;border-radius: 16px;margin-right: 14px;}
.gameRank ul li a div{float: left;width: 142px;height: 84px;overflow: hidden;}
.gameRank ul li a div p{overflow: hidden;white-space: nowrap;font-size: 14px;color: #999;line-height: 20px;}
.gameRank ul li a div p:nth-of-type(1){font-size: 16px;color: #354352;line-height: 20px;font-weight: 700;}
.gameRank ul li a div p:nth-of-type(3){font-size: 14px;color: #888;height: 32px;line-height: 32px;text-overflow: ellipsis;}
.gameRank ul li a span{display: inline-block;font-size: 12px;color: #999;line-height: 24px;margin: 6px 0 0 0;padding: 0 5px;background-color: #f7f7f7;border-radius: 2px;}

/* 热门专题 */
.HotZt{padding: 13px 20px;}
.HotZt .apHtop{margin-top: 18px;overflow: hidden;}
.HotZt .apHtop a{display: block;width: 130px;text-align: center;}
.HotZt .apHtop a:hover p{color: var(--defcolor);}
.HotZt .apHtop a:hover img{opacity: .9;}
.HotZt .apHtop a:nth-child(1){float: left;}
.HotZt .apHtop a:nth-child(2){float: right;}
.HotZt .apHtop a img{display: block;width: 130px;height: 60px;}
.HotZt .apHtop a p{font-size: 12px;color: #888;line-height: 16px;margin-top: 10px;overflow: hidden;white-space: nowrap;}
.HotZt ul{margin-top: 18px;overflow: hidden;}
.HotZt ul li{float: left;margin-right: 15px;margin-bottom: 14px;text-align: center;}
.HotZt ul li a{display: block;width: 118px;line-height: 32px;border: 1px solid #ddd;color: #666;text-align: center;height: 32px;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.HotZt ul li a:hover{background-color: var(--defcolor);border-color: var(--defcolor);color: #fff;}
.HotZt ul li:nth-child(2n+2) {margin-right: 0;}


/*--------------------------- 攻略资讯 ------------------------------------*/
/* 左侧内容 */
.nsList {padding-bottom: 22px;}
.nsList .crumb{padding-left: 19px;}
.nsList ul li{overflow: hidden;}
.nsList ul li a{display: block; padding: 32px 0;margin: 0 20px;border-top: 1px solid #e0e7eb;overflow: hidden;}
.nsList li:nth-of-type(1)>a {border-top: 0;}
.nsList ul li > a{display: block;float: left;margin-right: 27px;}
.nsList li a img {width: 261px;height: 145px;border-radius: 8px;float: left;margin-right: 27px;}
.nsList li a div{float: left;width: 530px;height: 145px;overflow: hidden;}
.nsList li a div p:first-of-type{font-size: 20px;color: #354352;line-height: 32px;font-weight: 700;overflow: hidden;white-space: nowrap;}
.nsList li a div p:nth-of-type(2){margin-top: 16px;height: 52px;font-size: 14px;line-height: 26px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.nsList li a div p:nth-of-type(3){font-size: 12px;color: #888;margin-top: 16px;}
.nsList li a div p span:nth-of-type(2){display: block; float: right;line-height: 20px;height: 20px;vertical-align: middle;}
.nsList li a div p span:nth-of-type(2) i{display: inline-block;width: 15px;height: 15px; background-position: -488px -21px;}
.nsList li a:hover div p:first-of-type{color: var(--defcolor);}
.nsList li a:hover div p:nth-of-type(2),.nsList li a:hover div p:nth-of-type(3){color: #888}
.nsList li:hover{background-color: #f4f4f4;}

/* 右侧内容 */
.gameRec{padding: 10px 20px;}
.recTop{margin-top: 18px;}
.recTop a{display: block;}
.recTop a img{width: 274px;height: 142px;margin-bottom: 10px;border-radius: 8px;}
.recTop a p{display: block;height: 30px;line-height: 30px;font-size: 16px;color: #262626;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.recTop a span{display: block;height: 26px;line-height: 26px;font-size: 12px;color: #bdbdbd;margin: 4px 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.recTop a:hover p{color: var(--defcolor);}
.recTop a:hover img{opacity: .9;}
.gameRec>a{border-top: 1px dashed #f3f3f3;display: block;padding: 20px 0;overflow: hidden;}
.gameRec>a img{float: left;width: 108px;height: 70px;margin-right: 18px;border-radius: 8px;}
.gameRec>a>div{width: 148px;height: 70px;overflow: hidden;}
.gameRec>a>div p{display: block;height: 48px;line-height: 24px;font-size: 16px;color: #4b4b4b;margin-top: -3px;overflow: hidden;text-overflow: ellipsis;}
.gameRec>a>div span{display: block;height: 18px;line-height: 18px;font-size: 12px;color: #bdbdbd;margin-top: 7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gameRec>a:hover img{opacity: .9;}
.gameRec>a:hover div p{color: var(--defcolor);}



/* --------------------------攻略详情---------------------------- */
/* 左侧内容 */
.nsCont{padding-bottom: 16px;}
.nsCont .crumb{padding-left: 19px;}
.nsTitle{padding: 20px 20px 0;text-align: center;}
.nsTitle h1{display: block;line-height: 65px;font-size: 30px;color: #354352;font-weight: 700;margin-bottom: 4px;}
.nsTitle p{font-size: 14px;color: #888;line-height: 32px;overflow: hidden;white-space: nowrap;}
.nsTitle p span{display: inline-block;max-width: 260px;margin: 0 20px;overflow: hidden;white-space: nowrap;}

.nsCont .conts{font-size: 16px;color: #444;line-height: 32px;position: relative;margin-left: 35px;padding: 10px 20px 30px 40px;z-index: 2;}
.nsCont .conts p{line-height: 28px;color: #666;margin-bottom: 14px;}
.nsCont .conts strong{display: block;position: relative;}
.nsCont .conts br{height: 2px;}
.nsCont .conts p img{display: block;max-width: 826px;margin: 2px auto;text-align: center;}

.nsGame{width: 768px;height: 154px;margin: 26px auto 12px;padding: 20px 33px 20px 25px;box-shadow: 0 0 6px 3px #eee;border-radius: 8px;background-image: url("/assets/imags.lsrc.cn/v2/pc/images/bgns.png");background-repeat: no-repeat;background-size: 100% 100%;}
.nsGame>a{display: block;}
.nsGame>a>img{display: block;width: 154px;height: 154px;border-radius: 16px;float: left;margin-right: 22px;}
.nsGame>a:hover>img{opacity: .9;}
.nsGame>a>div{float: left;max-width: 410px;}
.nsGame>a>div p:nth-of-type(1){display: block;font-size: 28px;color: #354352;line-height: 62px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nsGame>a:hover>div p:nth-of-type(1){color: var(--defcolor);}
.nsGame>a>div p{font-size: 14px;color: #999;line-height: 36px;overflow: hidden;white-space: nowrap;}
.nsGame>a>div p em{color: #999;margin-right: 50px;}
.nsGame>a>div p span{float: left;}
.nsGame>a>span{display: block;float: right;margin-top: 60px;width: 168px;height: 34px;line-height: 34px;font-size: 14px;color: #fff;text-align: center;background: linear-gradient(to right,var(--defcolor) ,var(--shallowcolor));border-radius: 34px;margin-bottom: 13px;}
.nsGame>a>span i{display: inline-block;width: 16px;height: 14px;background-position: -288px -41px;position: relative;top: 2px;margin-right: 8px;}
.nsGame>a:hover>span{opacity: .9;}


.nsHot{padding: 20px 20px 8px;}

.nsHot div:nth-of-type(2){width: 826px;overflow: hidden;}
.nsHot ul{width: 846px;padding-top: 28px;overflow: hidden;}
.nsHot ul li{float: left;width: 194px;height: 64px;margin: 0 14px 26px 0;border: 1px solid #e6e6e6;border-radius: 8px;transition: all .2s ease;}
.nsHot ul li a{width: 176px;height: 46px;padding: 9px;display: block;float: left;}
.nsHot ul li a:hover p{color: var(--defcolor);}
.nsHot ul li:hover{border: 1px solid var(--defcolor);}
.nsHot ul li img{position: relative;top: -22px;float: left;border-radius: 8px;width: 64px;height: 64px;margin-right: 10px;}
.nsHot ul li img:hover{opacity: .9;}
.nsHot ul li a div{width: 98px;overflow: hidden;}
.nsHot ul li p{display: block;font-size: 14px;width: 110px;line-height: 16px;color: #333;margin-top: 5px;white-space: nowrap;overflow: hidden;transition: all .2s ease;}
.nsHot ul li span{display: block;font-size: 12px;line-height: 14px;color: #999;margin-top: 6px;white-space: nowrap;overflow: hidden;}

.nsRela{padding: 20px 20px 26px}
.nsRela ul{width: 826px;padding-top: 8px;overflow: hidden;}
.nsRela ul li{float: left;width: 50%;line-height: 32px;color: #666;font-size: 14px;}
.nsRela ul li a{position: relative;float: left;width: 380px;height: 32px;padding-left: 20px;}
.nsRela ul li a > p{display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 300px;}
.nsRela ul li span{margin-left: 10px;color: #999;float: right;}
.nsRela ul li a:before{content: "";position: absolute;z-index: 3;width: 5px;height: 5px;background-color: #9b9b9b;border-radius: 50%;-webkit-border-radius: 50%;left: 5px;top: 13px;}
.nsRela ul li:hover a:before {background-color: var(--defcolor);}

.nshRec{padding: 10px 20px;}
.nshRec ul{padding-top: 10px;}
.nshRec ul li a{display: block;padding: 15px 0;overflow: hidden;}
.nshRec ul li a img{float: left;width: 86px;height: 58px;margin-right: 19px;border-radius: 6px;}
.nshRec ul li a p{display: block;height: 48px;line-height: 24px;font-size: 14px;color: #444;margin-top: 4px;overflow: hidden;text-overflow: ellipsis;}
.nshRec ul li a:hover p{color: var(--defcolor);}
.nshRec ul li a:hover img{opacity: .9;}

/* -------------------------专题合集------------------ */
.ztNav,.ztList ul li{box-shadow: 0.5px 0.8px 5px 0 rgb(0 0 0 / 6%);}
.ztNav{position: relative;border-radius: 8px;width: 1200px;height: 84px;background: url("/assets/imags.lsrc.cn/v2/pc/images/bghj.png") no-repeat;background-size: 100% 100%;}
.ztNav p{line-height: 84px;font-size: 24px;color: #354352;font-weight: 700;margin-left: 21px;}
.ztNav div{position: absolute;left: 490px;top: 0;}
.ztNav div ul{height: 84px;position: relative;z-index: 2;overflow: hidden;}
.ztNav div ul li{float: left;margin-right: 22px;text-align: center;padding-left: 7px;}
.ztNav div ul li a{display: block;width: 84px;height: 84px;line-height: 84px;font-size: 18px;color: #676767;font-weight: 700;}
.ztNav div a:hover,.ztNav div li.current a{color: #fff;}
.ztNav div span{position: absolute;top: -8px;left: 0px;width: 98px;height: 98px;border-radius: 8px;background: linear-gradient(to right,var(--defcolor) ,var(--shallowcolor));z-index: -0;}

.ztList ul{width: 1232px;padding-top: 20px;overflow: hidden;}
.ztList ul li{float: left;width: 379px;margin: 0 31px 27px 0;border-radius: 8px;background-color: #fff;overflow: hidden;}
.ztList ul li>a{display: block;position: relative;}
.ztList ul li>a img{display: block;width: 379px;height: 168px;}
.ztList ul li>a>p{display: block;position: absolute;bottom: 156px;left: 0;z-index: 2;font-size: 14px;color: #fff;width: 359px;padding: 0 10px;height: 32px;line-height: 32px;overflow: hidden;}
.ztList ul li>a>p>span{float: left;}
.ztList ul li>a>p em{float: right;}
.ztList ul li>a>p i{color: #ff5a00;margin: 0 5px;}
.ztList ul li>a>div{padding: 10px 12px 26px;position: relative;}
.ztList ul li>a>div> p:nth-of-type(1){display: block;font-size: 20px;color: #4b4b4b;line-height: 42px;font-weight: 700;width: 220px;overflow: hidden;white-space: nowrap;}
.ztList ul li>a>div> p:nth-of-type(2){display: block;height: 72px;font-size: 14px;color: #999;line-height: 24px;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ztList ul li>a>div span{position: absolute;color: #000; display: block;width: 125px;line-height: 46px;background-color: #fff;top: 10px;right: 12px;text-align: center;overflow: hidden;white-space: nowrap;}
.ztList ul li:hover a>div p:nth-of-type(1){color: var(--defcolor);}
.ztList ul li>a:hover img{opacity: .9;}

/* --------------------------专题内容-------------------------- */
.ztIntro,.tdList a{background-color: #fff;box-shadow: 0.5px 0.8px 5px 0 rgb(0 0 0 / 6%);}
.ztIntro{margin-bottom: 29px;border-radius: 8px;padding: 6px 0 0 0;overflow: hidden;}
.ztIntro .cont{position: relative;padding: 27px 33px 42px 41px;background: url("/assets/imags.lsrc.cn/v2/pc/images/bgzt.png") no-repeat;background-size: 100% 100%;overflow: hidden;}
.ztIntro .cont img{float: left;width: 370px;height: 204px;margin-right: 25px;cursor: default;}
.ztIntro .cont > i{position: absolute;top: 48px;right: 45px;display: block;width: 76px;height: 60px;background-position: -850px -146px;}
.ztIntro .cont>div{float: left;width: 730px;overflow: hidden;}
.ztIntro .cont>div h1{max-width: 710px;padding-left: 12px;height: 44px;line-height: 44px;font-size: 30px;color: #333;font-weight: 700;overflow: hidden;white-space: nowrap;}
.ztIntro .cont>div > div:nth-of-type(1){    margin-top: 11px;
    font-size: 12px;
    color: #dedede;
    line-height: 12px;
    white-space: nowrap;
    overflow: hidden;}
.ztIntro .cont>div > div:nth-of-type(1) > span{    display: inline-block;
    padding-left: 18px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #888;}
.ztIntro .cont>div > div:nth-of-type(1) > span > em{    display: inline-block;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    color: #ffc045;
    font-weight: 700;}
.ztIntro .cont>div > div:nth-of-type(1) > span:first-child{padding-left: 0;padding-right: 18px;}
.ztIntro .cont>div > div:nth-of-type(2){padding: 12px 16px 2px;
    margin: 16px 0 5px;
    height: 52px;
    line-height: 26px;
    font-size: 14px;
    color: #888;
    border-top: 1px dashed #e9e9e9;
    overflow-y: scroll;}
.ztIntro .cont>div > label{    display: block;
    float: left;
    color: #666;
    font-size: 14px;
    padding-left: 16px;
    line-height: 32px;}
.ztIntro .cont>div > a{display: inline-block;max-width: 98px;height: 32px;line-height: 32px;color: #8f8f8f;font-size: 14px;margin-right: 10px;overflow: hidden;white-space: nowrap;}
.ztIntro .cont>div > a:nth-of-type(6n+1){color: #ef8692;}
.ztIntro .cont>div > a:nth-of-type(6n+2){color: #f4a76d;}
.ztIntro .cont>div > a:nth-of-type(6n+3){color: #4fb3ff;}
.ztIntro .cont>div > a:nth-of-type(6n+4){color: #93d877;}
.ztIntro .cont>div > a:nth-of-type(6n+5){color: #e79ff6;}
.ztIntro .cont>div > a:hover{text-decoration: underline;}
/*
.tdIntro .info div span:nth-of-type(n+2) {padding-left: 18px;}
.ztIntro .cont>div > div:nth-of-type(1){padding: 12px 16px 2px;margin: 10px 0 5px;height: 100px;line-height: 26px;font-size: 14px;color: #888;border-top: 1px dashed #e9e9e9;overflow-y: scroll;}
.ztIntro .cont>div > p:nth-of-type(1){margin-left: 16px;color: #666;line-height: 16px;}
.ztIntro .cont>div > p:nth-of-type(1) i{display: inline-block; background-position: -488px -20px;width: 16px;height: 16px;}
.ztIntro .cont>div>span{display: block;float: left;color: #666;font-size: 14px;padding-left: 16px;line-height: 32px;}
.ztIntro .cont>div a{display: inline-block;max-width: 98px;height: 32px;line-height: 32px;color: #8f8f8f;font-size: 14px;margin-right: 10px;overflow: hidden;white-space: nowrap;}
.ztIntro .cont>div a:nth-of-type(6n+1){color: #ef8692;}
.ztIntro .cont>div a:nth-of-type(6n+2){color: #f4a76d;}
.ztIntro .cont>div a:nth-of-type(6n+3){color: #4fb3ff;}
.ztIntro .cont>div a:nth-of-type(6n+4){color: #93d877;}
.ztIntro .cont>div a:nth-of-type(6n+5){color: #e79ff6;}
.ztIntro .cont>div a:hover{text-decoration: underline;}*/

.tdList{}
.tdList a{position: relative;float: left;width: 351px;height: 162px;margin: 0 28px 22px 0;border-radius: 8px;padding: 16px 15px;overflow: hidden;}
.tdList li:nth-child(3n) a{margin-right: 0;}
.tdList a img{width: 110px;height: 110px;border-radius: 12px;float: left;margin-right: 24px;}
.tdList a>div{float: left;width: 216px;height: 110px;}
.tdList a>div p{font-size: 14px;color: #999;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tdList a>div p:nth-of-type(1){font-size: 18px;color: #4b4b4b;height: 40px;line-height: 40px;font-weight: 700;}
.tdList a>div p span{color: #666;margin: 0 5px;}
.tdList a>div>span{display: block;font-size: 14px;color:var(--defcolor);width: 108px;height: 28px;line-height: 28px;border: 1px solid var(--defcolor);border-radius: 15px;text-align: center;margin-top: 15px;}
.tdList a>div>span i{display: inline-block;width: 12px;height: 12px;background-position: -58px -39px;position: relative;top: 1px;margin-right: 3px;}
.tdList a:hover>div>span i{background-position: -58px -60px;}
.tdList a>p{float: left;display: block;line-height: 22px;height: 44px;font-size: 14px;color: #888;padding-top: 10px;letter-spacing: .5px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tdList a:hover img{opacity: .9;}
.tdList a:hover >div p:nth-of-type(1){color: var(--defcolor);}
.tdList a:hover >div> span{background-color: var(--defcolor);color: #fff;}
.tdList a>i{position: absolute;width: 36px;height: 32px;top: -2px;right: -2px;background-position: -53px -417px;}
.tdList li:nth-of-type(1) a>i{background-position: -15px -110px;}
.tdList li:nth-of-type(2) a>i{background-position: -68px -110px;}
.tdList li:nth-of-type(3) a>i{background-position: -123px -110px;}

.loding_btn{display:block;height:32px;line-height:32px;background-color:var(--defcolor);color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px;cursor:pointer;width:95px;margin:0 auto;margin-top:10px;margin-bottom:10px}

.HotTags{overflow: hidden;width: 1160px;margin: auto;background-color: #fff;padding: 20px;margin-bottom: 20px;}
.HotTags div:nth-child(1){padding: 6px 0;overflow: hidden;}
.HotTags div:nth-child(1) a{float: right;display: block;}
.HotTags div:nth-child(1) a i{display: block;width: 18px;height: 18px;background-position: -13px -37px;border: 1px solid #ddd;}
.HotTags div:nth-child(1) em{float: left;display: block;padding: 0 6px;height: 20px;line-height: 20px;font-size: 20px;color: #4b4b4b;border-left: 5px solid var(--defcolor);}
.HotTags div:nth-last-child(1){margin-top: 10px;overflow: hidden;}
.HotTags div:nth-last-child(1) a{display: block;width: 80px;overflow: hidden;white-space: nowrap; float: left;margin: 10px 20px 5px 0;padding: 0 10px;line-height: 32px;background-color: #a8d7ff;border-radius: 4px;font-size: 14px;color: var(--defcolor);text-align: center;}
.HotTags div:nth-last-child(1) a:hover{transition: none;}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+1){color: #f47920;background-color: #fff5ed}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+2){color: #7fb80e;background-color: #f9ffed}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+3){color: #6f60aa;background-color: #f1edff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+4){color: #009ad6;background-color: #edfaff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+5){color: #c77eb5;background-color: #ffedfb}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+6){color: #4e72b8;background-color: #edf3ff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+7){color: #dea32c;background-color: #fff9ed}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+8){color: #45b97c;background-color: #edfff5}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+9){color: #7bbfea;background-color: #edf8ff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+10){color: #f1516c;background-color: #ffedf0}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+11){color: #7fb86e;background-color: #f1ffed}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+12){color: #9b95c9;background-color: #efedff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+13){color: #f69c9f;background-color: #ffedee}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+14){color: #fcaf18;background-color: #fff9ed}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+15){color: #2585a6;background-color: #edfbff}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+16){color: #bea901;background-color: #fbf9e3}

.HotTags div:nth-last-child(1) a:nth-of-type(16n+1):hover{color: #fff5ed;background-color: #f47920}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+2):hover{color: #f9ffed ;background-color:#7fb80e}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+3):hover{color: #f1edff ;background-color:#6f60aa}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+4):hover{color: #edfaff ;background-color:#009ad6}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+5):hover{color: #ffedfb ;background-color:#c77eb5}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+6):hover{color: #edf3ff ;background-color:#4e72b8}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+7):hover{color: #fff9ed ;background-color:#dea32c}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+8):hover{color: #edfff5 ;background-color:#45b97c}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+9):hover{color: #edf8ff ;background-color:#7bbfea}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+10):hover{color: #ffedf0;background-color:#f1516c}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+11):hover{color: #f1ffed;background-color:#7fb86e}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+12):hover{color: #efedff;background-color:#9b95c9}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+13):hover{color: #ffedee;background-color:#f69c9f}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+14):hover{color: #fff9ed;background-color:#fcaf18}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+15):hover{color: #edfbff;background-color:#2585a6}
.HotTags div:nth-last-child(1) a:nth-of-type(16n+16):hover{color: #fbf9e3;background-color:#bea901}



/* -----------------------排行榜------------------ */
.RankTop{background: url("/assets/imags.lsrc.cn/v2/pc/images/bgrank.png") no-repeat; height: 264px; background-size: 100% 100%;}
.RankTop div{position: absolute;top: 293px;left: 0;right: 0;z-index: 2;width: 1162px;margin: 0 auto;height: 110px;padding: 0 19px;}
.RankTop ul{width: 768px;}
.RankTop li{position: relative;float: left;width: 376px;height: 110px;margin-right: 16px;}
.RankTop li:nth-last-child(1){margin-right: 0;}
.RankTop li a{display: block;width: 100%;height: 82px;line-height: 82px;text-align: center;border-radius: 6px;padding: 14px 0;margin-bottom: 10px;}
.RankTop li:nth-of-type(1) a{background: linear-gradient(to right,#41a1f7 ,#63d0f1);}
.RankTop li:nth-of-type(2) a{background: linear-gradient(to right,#d678ea ,#607ae9);}
.RankTop li.current>i,.RankTop li:hover>i{width: 29px;height: 29px;bottom: -14px;}
.RankTop li>i{display: block;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 0;height: 0;transition: all .5s linear;}
.RankTop li:nth-of-type(1)>i{background-position: -276px -184px;}
.RankTop li:nth-of-type(2)>i{background-position: -322px -184px;}
.RankTop li a i{display: inline-block;margin-right: 35px;opacity: .7;}
.RankTop li.current a i,.RankTop li:hover a i{opacity: 1;}
.RankTop li:nth-of-type(1) a i{width: 49px;height: 68px;margin: 7px 37px 0 0;background-position: -406px -357px;}
.RankTop li:nth-of-type(2) a i{width: 60px;height: 60px;margin: 11px 34px 0 0;background-position: -492px -361px;}
.RankTop li.current:nth-of-type(1) a i,.RankTop li:nth-of-type(1):hover a i{background-position: -406px -253px;}
.RankTop li.current:nth-of-type(2) a i,.RankTop li:nth-of-type(2):hover a i{background-position: -488px -255px;}
.RankTop li a span{display: inline-block;font-size: 25px;color: #fff;line-height: 82px;vertical-align: top;opacity: .7;}
.RankTop li.current a span,.RankTop li:hover a span{opacity: 1;font-weight: bold;}
.RankTop li a span{font-size: 28px;}

.recommendRank{padding: 74px 0 14px 0;margin: 0 auto;background: url("/assets/imags.lsrc.cn/v2/pc/images/bgrat.png") no-repeat;background-size: 100% auto;position: relative;background-color: #fff;border-radius: 0 0 8px 8px;box-shadow: 0.5px 0.86px 5px 0 #00000006;margin-bottom: 34px;}
.RankTitle{text-align: center;font-size: 24px;line-height: 24px;color: #354352;font-weight: bold;position: relative;}
.RankTitle::before,.RankTitle::after{content: "";position: absolute;left: 375px;top: 6px;background: url("/assets/imags.lsrc.cn/v2/pc/images/icon.png") 1000px 1000px no-repeat;width: 144px;height: 12px;background-position: -137px -322.5px;}
.RankTitle::after{left: 682px;transform: rotate(180deg);}

.recommendRank ul{margin-top: 25px;}
.recommendRank ul li{float: left;margin: 0 0 24px 20px;position: relative;}
.recommendRank ul li.current::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000030;border-radius: 6px;z-index: 1;}
.recommendRank ul li a{display: block;width: 216px;height: 134px;border-radius: 6px;background: #e8f5ff;position: relative;overflow: hidden;}
.recommendRank ul li a .mask{position: absolute;width: 216px;height: 134px;top: 0;left: 0;z-index: -1;-webkit-filter: blur(2px);filter: blur(2px);}
.recommendRank ul li.current a .mask{z-index: 0;transform: scale(1.1);transition: all ease .5s;}
.recommendRank ul li a>p{height: 36px;line-height: 36px;color: #fff;font-size: 16px;font-weight: bold;text-indent: 13px;background: #00000030;border-radius: 6px 6px 0 0;position: relative;white-space: nowrap;overflow: hidden;z-index: 2;}
.recommendRank ul li a>div{position: relative;z-index: 1;}
.recommendRank ul li a>div img{float: left;width: 72px;height: 72px;border-radius: 16px;border: 2px solid #fff;margin: 12px 10px 0 12px;position: relative;z-index: 1;}
.recommendRank ul li a>div p:nth-of-type(1){float: left;width: 110px;height: 22px;line-height: 22px;margin-top: 26px;font-size: 14px;color: #333333;white-space: nowrap;overflow: hidden;}
.recommendRank ul li.current a>div p:nth-of-type(1){color: #fff;}
.recommendRank ul li a>div p:nth-of-type(2){float: left;width: 110px;height: 26px;line-height: 26px;font-size: 12px;color: #999999;white-space: nowrap;overflow: hidden;}
.recommendRank ul li.current a>div p:nth-of-type(2){color: #fff;}

.recommendRank div:nth-of-type(2){ height: 112px;margin-left: 20px;overflow: hidden;}
.recommendRank div:nth-of-type(2) a{display: inline-block;height: 36px;line-height: 36px;font-size: 14px;background: #eeeeee;border-radius: 4px;margin: 0 20px 20px 0;font-size: 12px;color: #666666;padding: 0 12px;}
.recommendRank div:nth-of-type(2) a:hover{background: var(--defcolor);color: #fff;}
.recommendRank .hideRank{position: absolute;bottom: -23px;left: 0;right: 0;margin: auto;width: 108px;height: 41px;line-height: 41px;text-align: center;background-position: -159px -385px;cursor: pointer;}
.recommendRank .hideRank i{display: inline-block;width: 14px;height: 10px;background-position: -311px -401px;margin-left: 3px;} 

.RankList{width: 1182px;margin: 0 auto;position: relative;background-color: #fff;border-radius: 8px;box-shadow: 0.5px 0.86px 5px 0 #00000006;padding: 30px 0 10px 18px;margin-bottom: 34px;overflow: hidden;}
.RankList .RankTitle{margin-bottom: 20px;}
.RankList .RankTitle::after{left: 660px;}
.Rank{float: left;width: 375px;height: 618px;border-radius: 8px;border: 1px solid #e6e6e6;margin: 0 15px 22px 0;position: relative;}
.Rank>p{width: 290px;white-space: nowrap;overflow: hidden;font-size: 20px;color: #ef136e;font-weight: bold;padding: 20px 0 20px 35px;position: relative;}
.Rank>p::before{content: "";position: absolute;left: 20px;width: 5px;height: 20px;background: #ef136e;top: 20px;}
.Rank>a{position: absolute;top: 18px;right: 16px;width: 20px;height: 20px;background-position: -273px -116px;border: 1px solid #dddddd;}
.Rank>a:hover{border: 1px dashed #ff965f;background-position:-293px -116px ;}
.Rank ul li a span,.Rank ul li a img{display: none;}
.Rank ul li{display: block;height: 50px;line-height: 50px;padding-left: 26px;}
.Rank ul li a>i{float: left;width: 18px;height: 18px;line-height: 18px;background-color: #ededed;font-size: 12px;color: #999;text-align: center;border-radius: 6px 0 0 0;margin: 16px 26px 0 0;}
.Rank ul li a>p{float: left;width: 280px;height: 50px;line-height: 50px;color: #333;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Rank ul li:nth-of-type(1) a>i{width: 24px; height: 29px; margin-right: 26px;margin-top: 11px; background-color: transparent;background-position: -371px -9px;border: none;color: transparent;}
.Rank ul li:nth-of-type(2) a>i{width: 24px; height: 29px; margin-right: 26px;margin-top: 11px;background-color: transparent;background-position: -326px -9px;border: none;color: transparent;}
.Rank ul li:nth-of-type(3) a>i{width: 24px; height: 29px; margin-right: 26px;margin-top: 11px;background-color: transparent;background-position: -284px -9px;border: none;color: transparent;}

.Rank ul li.on{height: 84px;padding-left: 0}
.Rank ul li.on a{display: block;height: 84px;background: #e2f6ff;padding-left: 24px;}
.Rank ul li.on a>i{float: left;width: 18px;height: 18px;line-height: 18px;background-color: #ededed;font-size: 12px;color: #999999;text-align: center;border-radius: 6px 0 0 0;margin: 34px 26px 0 0;}
.Rank ul li.on a img{display: block; float: left;width: 70px;height: 70px;border-radius: 16px;margin: 7px 12px 0 0;}
.Rank ul li.on a>p{float: left;width: 216px;height: 41px;line-height: 41px;color: #333333;font-size: 14px;white-space: nowrap;overflow: hidden;margin-top: 5px;}
.Rank ul li.on a>span{display: block; float: left;width: 72px;height: 24px;line-height: 24px;border-radius: 12px;text-align: center;color: #fff;font-size: 12px;background: linear-gradient(to right, #fd6407, #ee0e73);}
.Rank ul li.on a>span i{display: inline-block;width: 12px;height: 12px;background-position:-58px -60px;margin: 6px 2px 0 0;vertical-align: top;}
.Rank ul li.on:nth-of-type(1) a>i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -372px -9px;border: none;color: transparent;}
.Rank ul li.on:nth-of-type(2) a>i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -327px -9px;border: none;color: transparent;}
.Rank ul li.on:nth-of-type(3) a>i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -285px -9px;border: none;color: transparent;}

/* -----------------排行榜内容------------------- */
.RankLeft{float: left;width: 866px;border-radius: 8px;background: url("/assets/imags.lsrc.cn/v2/pc/images/bgrat2.png") no-repeat;background-size: 100% auto;background-color: #fff;padding-bottom: 33px;margin-bottom: 38px;box-shadow: 0.5px 0.86px 5px 0 #00000006;}
.RankLeft .crumb{padding-left: 18px;border: none;height: 46px;line-height: 46px;margin-bottom: 36px;}
.RankLeft .RankTitle::before{left: 132px;}
.RankLeft .RankTitle::after{left: 588px;}
.RankState{border-bottom: 1px dashed #e4e4e4;padding-bottom: 31px;margin: 24px 26px 0 23px;position: relative;}
.RankState p{text-indent: 33px;position: relative;line-height: 32px;color: #444444;font-size: 16px;}
.RankState p i{position: absolute;width: 26px;height: 20px;left: 0;top: 3px;background-position: -436px -19px;}
.RankState span{position: absolute;bottom: 0;left: 0;line-height: 32px;font-size: 14px;color: #ccc;padding-left: 24px;}
.RankState span::before{content: "";position: absolute;left: 1px;top: 9px;width: 15px;height: 15px;background: url("/assets/imags.lsrc.cn/v2/pc/images/icon.png") no-repeat;background-size: 1000px 1000px;background-position: -488px -22px;}

.RankLeft ul li{min-height: 194px;padding: 0 19px;}
.RankLeft ul li>div:nth-of-type(1){width: 100%;padding-top: 23px;height: 119px;overflow: hidden;}
.RankLeft ul li>div:nth-of-type(2){padding: 1px 0 19px 248px;border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.RankLeft li>div:nth-of-type(1)>i{position: relative;float: left;display: block;margin: 48px 40px 0 19px;width: 32px;height: 32px;line-height: 32px;background-color: #ededed;font-size: 20px;color: #999;text-align: center;}
.RankLeft li>div:nth-of-type(1) >a:nth-of-type(1){float: left;display: block;padding-right: 35px;}
.RankLeft li>div:nth-of-type(1) a:nth-of-type(1) img{display: block;width: 119px;height: 119px;border-radius: 16px;}
.RankLeft li>div:nth-of-type(1) div{float: left;width: 394px;font-size: 14px;color: #999;line-height: 24px;}
.RankLeft li>div:nth-of-type(1) div a{display: block;font-size: 18px;color: #354352;line-height: 20px;font-weight: 700;overflow: hidden;white-space: nowrap;}
.RankLeft li>div:nth-of-type(1) div span{display: block;margin: 10px 0 6px;}
.RankLeft li>div:nth-of-type(1) div p{display: block;color: #666;height: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.RankLeft li>div:nth-of-type(1) a:nth-of-type(2) i{display: inline-block;width: 12px;height: 12px;background-position: -58px -39px;position: relative;top: 1px;margin-right: 3px;}
.RankLeft li:hover >div:nth-of-type(1) a:nth-of-type(2) i {background-position:-58px -60px;}
.RankLeft li:hover >div:nth-of-type(1) a:nth-of-type(2){background-color: var(--defcolor);color: #fff;}
.RankLeft ul li:nth-child(1) >div:nth-of-type(1) div a {color: #fbb72c;}
.RankLeft ul li:nth-child(2) >div:nth-of-type(1) div a {color: #a652ff;}
.RankLeft ul li:nth-child(3) >div:nth-of-type(1) div a {color: var(--defcolor);}

.RankLeft li>div:nth-of-type(1) a:nth-of-type(2){float: right;display: block;font-size: 14px;color: var(--defcolor);width: 108px;height: 28px;line-height: 28px;border: 1px solid var(--defcolor);border-radius: 15px;text-align: center;margin: 52px 0 0 62px;}
.RankLeft li>div:nth-of-type(2){padding: 1px 0 19px 248px;border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.RankLeft li>div:nth-of-type(2) span{display: block;float: left;padding: 0 8px;height: 20px;font-size: 12px;color: #4fb3ff;border: 1px solid #4fb3ff;margin-bottom: 6px; margin-right: 6px;border-radius: 20px;cursor: pointer;}
.RankLeft li>div:nth-of-type(2) span:nth-of-type(6n+1){color: #ef8692;border: 1px solid #ef8692;}
.RankLeft li>div:nth-of-type(2) span:nth-of-type(6n+2){color: #f4a76d;border: 1px solid #f4a76d;}
.RankLeft li>div:nth-of-type(2) span:nth-of-type(6n+3){color: #4fb3ff;border: 1px solid #4fb3ff;}
.RankLeft li>div:nth-of-type(2) span:nth-of-type(6n+4){color: #93d877;border: 1px solid #93d877;}
.RankLeft li>div:nth-of-type(2) span:nth-of-type(6n+1):hover{background-color:#ef8692;color: #fff;}
.RankLeft li>div:nth-of-type(2) span:nth-of-type(6n+2):hover{background-color:#f4a76d;color: #fff;}
.RankLeft li>div:nth-of-type(2) span:nth-of-type(6n+3):hover{background-color:#4fb3ff;color: #fff;}
.RankLeft li>div:nth-of-type(2) span:nth-of-type(6n+4):hover{background-color:#93d877;color: #fff;}
.RankLeft ul li:nth-last-child(1) >div:nth-of-type(2){border-color: transparent;}
.RankLeft ul li:hover{background: linear-gradient(rgba(255, 255, 255, .1), #fff 40%, #e7f8fd 100%);}
.RankLeft ul li:nth-child(-n+3) >div:nth-of-type(1)>i {width: 16px;height: 58px;margin: 10px 34px 0 15px;border: none;color: transparent;background-color: transparent;font-size: 15px;color: #fff;line-height: 16px;padding: 40px 12px 0;}
.RankLeft ul li:nth-child(1) >div:nth-of-type(1)>i{background-position:-780px -256px ;}
.RankLeft ul li:nth-child(2) >div:nth-of-type(1)>i{background-position:-717px -256px ;}
.RankLeft ul li:nth-child(3) >div:nth-of-type(1)>i{background-position:-648px -256px ;}
.RankLeft ul li:nth-child(n+4) >div:nth-of-type(1)>i::before {content: '';display: block;width: 0;height: 0;border-right: 8px solid transparent;border-top: 8px solid #fff;position: absolute;top: -1px;left: -1px;z-index: 2;}
.RankLeft ul li:nth-child(n+4) >div:nth-of-type(1)>i::after {content: '';display: block;width: 1px;height: 6px;transform: rotate(45deg);background-color: #ededed;position: absolute;top: -1px;left: 1px;z-index: 2;}

.RankRight{float: right;width: 296px;background: #fff;border-radius: 8px;box-shadow: 0.5px 0.86px 5px 0 #00000006;padding: 11px 0 10px 19px;}
.RankRight .Title2{margin-bottom: 18px;}
.RankRight ul li{float: left;margin: 0 14px 20px 0;}
.RankRight ul li a{display: block;height: 36px;line-height: 36px;font-size: 14px;background: #f5f5f5;border-radius: 4px;font-size: 12px;color: #5f5f5f;padding: 0 10px;}
.RankRight ul li a:hover{background: var(--defcolor);color: #fff;}


/* -------------------首页-------------------- */
/* 热门导航 */
.indexBgc{background-color: #fff;}
.Hot{width: 1200px;margin: 0 auto;border-radius: 8px;background-color: #fff;overflow: hidden;}
.Hot_tab{position: relative;overflow: hidden;}

.Hot_tab .tab_menu{margin-top: 17px;padding: 0 20px;}
.Hot_tab .tab_menu span{position: relative;display: inline-block;text-align: center;font-size: 20px;color: #595959;font-weight: 700;padding: 12px;margin-right: 23px;cursor: pointer;}
.Hot_tab .tab_menu span i{display: inline-block;position: absolute;width: 0;height: 4px;bottom: -5px;left: 50%;background-color: transparent;transition: all .5s linear;}
.Hot_tab .tab_menu span.current i,.tab_menu span:hover i{width: 38px;height: 4px;background-color: var(--defcolor);border-radius: 2px;position: absolute;bottom: -5px;left: 32%;}
.Hot_tab .tab_menu span em{display: block;position: absolute;top: -3px;right: -14px;width: 29px;height: 16px;background-position: -179px -86px;}

.Hot_tab .tab_cont .sub_box{width: 1200px;padding-left: 20px;overflow: hidden;}
.Hot_tab .tab_cont .sub_box a{display: block;float: left;width: 100px;text-align: center;margin-right: 32.5px;padding: 20px 0 3px 0;}
.Hot_tab .tab_cont .sub_box a img{width: 100px;height: 100px;border-radius: 16px;}
.Hot_tab .tab_cont .sub_box a p{display: block;width: 100%;margin: auto;height: 36px;line-height: 36px;font-size: 14px;color: #4b4b4b;overflow: hidden;white-space: nowrap;}
.Hot_tab .tab_cont .sub_box a:hover img{opacity: .9;}
.Hot_tab .tab_cont .sub_box a:hover p{color: var(--defcolor);}

.Hot ul{padding: 20px 0;border-top: 1px dashed #e2e2e2;width: 1160px;margin: auto;}
.Hot ul li{width: 100%;height: 28px;line-height: 28px;color: #dee0e7;margin-bottom: 10px;overflow: hidden;white-space: nowrap;}
.Hot ul li span{display: inline-block;padding: 0 14px;height: 25px;color: #4b4b4b;font-size: 16px;font-weight: 700;border-left: 3px solid #4cc6ff;}
.Hot ul li:nth-of-type(2n+1) span{border-color: var(--defcolor);}
.Hot ul li:nth-of-type(2n+2) span{border-color: #ff6933;}
.Hot ul li a{color: #444;font-size: 14px;padding: 0 5px;margin: 0 8px 0 4px;}
.Hot ul li a:hover{color: var(--defcolor);}
.Hot ul li a.rc{color: #fff;background-color: #ffc045;}
.Hot ul li a.ht{color: #c00;}

/* 攻略内容 */
.Rec{width: 1160px;margin: auto;max-height: 702px;background-color: #fff;padding: 0 20px;overflow: hidden;}

/* 攻略左 */
.RecL{float: left;margin-right: 26px;width: 516px;overflow: hidden;}
.RecL .slider{width: 516px;height: 292px;position: relative;border-radius: 8px;overflow: hidden;}
.RecL .slider ul{position: relative;overflow: hidden;width: 1548px;}
.RecL .slider ul li{width: 516px;height: 292px;float: left;position: relative;}
.RecL .slider li img{width: 516px;height: 292px;border-radius: 8px;}
.RecL .slider li p{display: block;width: 496px;height: 42px;line-height: 20px;text-align: center;position: absolute;bottom: 0;padding: 10px;font-size: 16px;color: #fff;overflow: hidden;white-space: nowrap;background: rgba(0,0,0,.6);}
.RecL .slider >div{position: absolute;bottom: 8px;left: 0;right: 0;margin: auto;width: 200px;height: 20px;text-align: center;overflow: hidden;}
.RecL .slider >div i{display: inline-block;width: 8px;height: 8px;overflow: hidden;margin: 6px 4px;background-color: rgba(255,255,255,.4);border-radius: 8px;}
.RecL .slider >div i.current{width: 43px;}

.RecL .itabBox{margin-top: 16px;position: relative;}
.rTitle{padding-bottom: 14px;border-bottom: 1px solid #ededed;padding: 6px 0; overflow: hidden;}
.rTitle p{float: left;display: block;padding: 0 6px;height: 20px;line-height: 20px;font-size: 20px;color: #4b4b4b;border-left: 5px solid var(--defcolor);}
.RecL .itabBox .itabMenu{position: absolute;top: 0;left: 128px;height: 35px;line-height: 35px;}
.RecL .itabBox .itabMenu span{padding: 2px 6px;background-color: #ccc;color: #fff;font-size: 15px;cursor: pointer;margin-left: 10px;}
.RecL .itabBox .itabMenu span.current{background-color: var(--defcolor);}
.RecL .boxT{width: 550px;padding: 18px 0 8px;overflow: hidden;}
.RecL .boxT a{float: left;width: 246px;display: block;margin-right: 24px;text-align: center;overflow: hidden;}
.RecL .boxT a p{height: 34px;line-height: 34px;font-size: 14px;color: #333;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.RecL .boxT a div{width: 246px;height: 117px;border-radius: 8px;overflow: hidden;}
.RecL .boxT a img{width: 246px;height: 117px;border-radius: 8px;transition: all .3s linear;}
.RecL .boxT a:hover img{transform: scale(1.1);}
.RecL .boxT a:hover p,.RecL .boxC a:hover p{color: var(--defcolor);}

.RecL .boxC a{width: 515px;height: 50px;padding: 11px;margin-bottom: 14px;display: block;background-color: #f7f7f7;border-radius: 8px;overflow: hidden;}
.RecL .boxC a img{position: relative;float: left;border-radius: 8px;width: 75px;height: 50px;margin-right: 15px;}
.RecL .boxC a div{width: 402px;overflow: hidden;}
.RecL .boxC p{display: block;font-size: 14px;width: 400px;line-height: 16px;color: #333;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.RecL .boxC span{display: block;font-size: 12px;line-height: 14px;color: #999;margin-top: 12px;white-space: nowrap;overflow: hidden;}
.RecL .boxC a:hover img{opacity: .9;}

.RecL .isuBox ul{padding: 10px 0 10px;overflow: hidden;}
.RecL .isuBox ul li{float: left;width: 50%;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.RecL .isuBox ul li a{display: block;font-size: 14px;color: #333;}
.RecL .isuBox ul li a::before{content: "";display: inline-block;width: 4px;height: 4px;border-radius: 50%;background-color: #333;margin: 19px 10px;vertical-align: top;}
.RecL .isuBox ul li a:hover{color: var(--defcolor);}

/* 攻略中 */
.RecM{position: relative;width: 410px;float: left;}
.RecM > p{    display: block;
    height: 41px;
    background-color: #f9f9f9;
    margin-bottom: 10px;}
.RecM > p > i{    display: block;
    width: 129px;
    height: 51px;
    background-position: -762px -30px;}
.RecM .itabMenu{position: absolute;
    top: 0;
    right: 0px;
    height: 41px;
    line-height: 41px;}
.RecM .itabMenu > span{    padding: 0 10px;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;}
.RecM .itabMenu > span.current{color: var(--defcolor);}
/*.RecM .itabMenu{height: 41px;line-height: 41px;width: 350px; margin: 0 auto;}
.RecM .itabMenu span{padding: 0 10px;color: #4b4b4b;font-size: 16px;font-weight: 700;cursor: pointer;}
.RecM .itabMenu span.current{color: #28c16a;}*/
.RecM .itabCont ul li i{float: left;display: block;}
.RecM .itabCont > ul{display: none}
.RecM .itabCont > ul:nth-child(1){display: block;}
.RecM .itabCont ul li{width: 100%;font-size: 14px;height: 33px;line-height: 36px;color: #4b4b4b;overflow: hidden;}
.RecM .itabCont ul li > i{width: 8px;height: 8px;background-position: -276px -92px;margin: 13px 9px;}
.RecM .itabCont ul li > span:nth-child(2){float: left;margin-right: 5px;}
.RecM .itabCont ul li > a{width: 250px;height: 33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;float: left;}
.RecM .itabCont ul li > span:last-child{font-size: 12px;color: #999;}
.RecM .itabCont ul li:first-child{    height: 46px;
    line-height: 46px;    padding-bottom: 8px;    border-bottom: 2px solid #f6f6f6;margin-bottom: 10px;}
.RecM .itabCont ul li:first-child > i{display: none;}
.RecM .itabCont ul li:first-child > span{display: none;}
.RecM .itabCont ul li:first-child > a{display: block;height: 46px;
    line-height: 46px;font-size: 20px;
    color: #ff7c1e;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;width: 100%;}
.RecM .itabCont ul li:nth-child(7),.RecM .itabCont ul li:nth-child(13){padding-left: 27px;}
.RecM .itabCont ul li:nth-child(7) > i,.RecM .itabCont ul li:nth-child(7) > span:last-child{display: none}
.RecM .itabCont ul li:nth-child(13) > i,.RecM .itabCont ul li:nth-child(13) > span:last-child{display: none}
.RecM .itabCont ul li:nth-child(7) > a,.RecM .itabCont ul li:nth-child(7) > span{    font-size: 16px;
    color: red;
    font-weight: 700;}
.RecM .itabCont ul li:nth-child(13) > a,.RecM .itabCont ul li:nth-child(13) > span{    font-size: 16px;
    color: red;
    font-weight: 700;}

/* 攻略右 */
.RecR{width: 180px;float: right;}
.RecR .rTitle p{float: left;display: block;padding: 0 6px;height: 20px;line-height: 20px;font-size: 20px;color: #4b4b4b;border-left: 5px solid var(--defcolor);}
.rTitle a{float: right;display: block;}
.rTitle a:hover i{border-color: #ff965f;}
.rTitle a i{display: block;width: 18px;height: 18px;background-position: -13px -37px;border: 1px solid #ddd;}
.RecR .rTitle {border-bottom: 0px;}

.RecR .cont{padding-top: 9px;}
.RecR .cont a{position: relative;display: block;text-align: center;border-radius: 8px;overflow: hidden;margin-bottom: 13px;}
.RecR .cont a img{width: 180px;height: 75px;border-radius: 8px;transition: all .3s linear;}
.RecR .cont a p{position: absolute;bottom: 0;left: 0;right: 0;display: block;background-color: rgba(0,0,0,.65);font-size: 14px;color: #fff;text-align: center;width: 100%;height: 28px;line-height: 28px;overflow: hidden;white-space: nowrap;transition: all .4s ease;}
.RecR .cont a:hover img{opacity: .9; transform: scale(1.1);}
.RecR .cont a:hover p{color: var(--defcolor);}

.RecR .list{padding: 20px 0;overflow: hidden;}
.RecR .list a{width: 160px;height: 46px;padding: 9px;margin-bottom: 21px;display: block;float: left;border: 1px solid #e6e6e6;border-radius: 8px;transition: all .2s ease;}
.RecR .list img{position: relative;top: -22px;float: left;border-radius: 8px;width: 64px;height: 64px;margin-right: 10px;transition: all .2s ease;}
.RecR .list a div{width: 86px;overflow: hidden;}
.RecR .list a p{display: block;font-size: 14px;width: 110px;line-height: 16px;color: #333;margin-top: 5px;white-space: nowrap;overflow: hidden;transition: all .2s ease;}
.RecR .list span{display: block;font-size: 12px;line-height: 14px;color: #999;margin-top: 6px;white-space: nowrap;overflow: hidden;}
.RecR .list a:hover{border: 1px solid var(--defcolor);}
.RecR .list a:hover img{opacity: .9;top: -9px;}
.RecR .list a:hover p {color: var(--defcolor);}


/* 手机游戏盒子 */
/* 小标题 */
.iTitle{position: relative;height: 96px;line-height: 96px;z-index: 1;overflow: hidden;}
.iTitle em{position: relative;float: left;display: block;padding: 0 12px 0 18px;font-size: 30px;color: #354352;height: 96px;line-height: 96px;font-weight: 700;}
.iTitle em i{display: block;position: absolute;z-index: 0;}
.iTitle i:nth-of-type(1){width: 46px;height: 46px;background-position: -667px -116px;left: 0;top: 27px;}
.iTitle i:nth-of-type(2){width: 20px;height: 20px;background-position: -619px -117px;right: 0;bottom: 25px;}
.iTitle p{position: relative;z-index: 2;font-weight: 700;}
.iTitle a{float: right;display: block;height: 96px;font-size: 14px;color: #676767;}
.iTitle a:hover{color: var(--defcolor);}

.hotTab{position: relative;width: 1160px;padding: 0 20px;margin: 0 auto;}
.hotTab .tabBox{overflow: hidden;}
.hotTab .tabBox .tab_menu{float: right;position: relative;width: 390px;margin-top: 5px;overflow: hidden;}
.hotTab .tabBox .hidden_box{height: 190px;overflow: hidden;position: relative;}
.hotTab .tabBox .hidden_box ul{width: 410px;float: left;position: absolute;overflow: hidden;}
.hotTab .tabBox .hidden_box ul li{display: block;width: 86px;height: 38px;line-height: 38px;text-align: center;color: #666;background-color: #eaeaea;float: left;margin: 0 15px 13px 0;cursor: pointer;}
.hotTab .tabBox .hidden_box li.current{color: #fff;background-color: var(--defcolor);}
.hotTab .tabBox .hidden_box li:hover{color: #fff;background-color: var(--defcolor);}


.hotTab .tab_cont{float: left;width: 736px;height: 432px;overflow: hidden;}
.hotTab .tab_cont ul{width: 772px;overflow: hidden;}
.hotTab .tab_cont ul li{float: left;width: 100px;text-align: center;margin-right: 27px;padding-bottom: 16px;}
.hotTab .tab_cont li a{display: block;}
.hotTab .tab_cont li a img{width: 100px;height: 100px;border-radius: 16px;display: block;}
.hotTab .tab_cont li a p{display: block;width: 100%;margin: auto;height: 32px;line-height: 32px;font-size: 14px;color: #4b4b4b;overflow: hidden;white-space: nowrap;}
.hotTab .tab_cont li a span{display: none;width: 80px;height: 24px;line-height: 24px;font-size: 14px;color: #fff;border-radius: 2px;text-align: center;margin: 8px auto 0;background: linear-gradient(to right,var(--defcolor) ,var(--shallowcolor));}
.hotTab .tab_cont li a:hover img{opacity: .9;}
.hotTab .tab_cont li a:hover p{display: none;}
.hotTab .tab_cont li a:hover span{display: block;}

.hotTab .hotRec .rTitle{border: 0;}
.hotTab .hotRec{position: absolute;bottom: 20px;right: 20px;width: 390px;overflow: hidden;}
.hotTab .hotRec .cont{height: 170px;margin-top: 18px;border-radius: 6px;overflow: hidden;}
.hotTab .hotRec .cont>div{position: relative;float: left;width: 40px;height: 100px;background-color: #ffc045;font-size: 20px;line-height: 24px;font-weight: 700;color: #fff;text-align: center;padding: 35px 0;}
.hotTab .hotRec .cont>div i{position: absolute;top: 50%;margin-top: -10px;right: -19px;width: 0;height: 0;border-left: 10px solid #ffc045;border-right: 10px solid transparent;border-bottom: 10px solid transparent;border-top: 10px solid transparent;font-size: 0;line-height: 0;}

.hotTab .hotRec .cont a{float: left;overflow: hidden;display: block;width: 311px;height: 120px;padding: 24px 19px;border: 1px solid #e6e6e6;border-left: 0;border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.hotTab .hotRec .cont a img{float: left;width: 120px;height: 120px;border-radius: 16px;margin-right: 20px;}
.hotTab .hotRec .cont a>div{float: left;width: 170px}
.hotTab .hotRec .cont a>div p{font-size: 12px;color: #666;height: 60px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;margin-top: 4px;}
.hotTab .hotRec .cont a>div p:nth-of-type(1){font-size: 18px;color: #4b4b4b;font-weight: 700;height: 28px;line-height: 28px;overflow: hidden;white-space: nowrap;margin-top: 0;}
.hotTab .hotRec .cont a>div p:nth-of-type(2){font-size: 12px;color: #666;height: 60px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;margin-top: 4px;}
.hotTab .hotRec .cont a>div span{display: block;width: 58px;height: 22px;font-size: 12px;color: #fff;background-color: var(--defcolor);border-radius: 2px;text-align: center;margin-top: 6px;}
.hotTab .hotRec .cont a:hover>div p:nth-of-type(1){color: var(--defcolor);}
.hotTab .hotRec .cont a:hover img{opacity: .9;}


.itopic{width: 100%;height: 347px;margin: 36px auto 10px;background: url("/assets/imags.lsrc.cn/v2/pc/images/bgtwo.png") no-repeat;background-size: 100% 100%;}
.hotTopic{position: relative;width: 1160px;height: 100%;margin: 0 auto;}

.carousel{width: 100%;height: 250px;margin: 0 auto;overflow: hidden;position: relative;}
.carousel .caroList{width: 1000%;position: absolute;top: 0;left: 0;overflow: hidden;}
.carousel .caroList div{float: left;width: 1160px;}
.carousel .caroList div ul{width: 1220px;overflow: hidden;}
.hotTopic li{float: left; width: 276px;margin-right: 18.5px;}
.hotTopic li a{position: relative;display: block;width: 276px;height: 174px;border-radius: 8px;overflow: hidden;background: linear-gradient(to bottom,#1d2640 ,#3e3547);}
.hotTopic li a img{width: 276px;height: 122px;display: block;margin-top: 26px;transition: all .3s linear;}
.hotTopic li a p{position: absolute;top: 44px;left: 0;right: 0;display: block;background-color: rgba(0,0,0,.5);width: 100%;height: 86px;line-height: 56px;font-size: 24px;color: #fff;text-align: center;overflow: hidden;white-space: nowrap;transition: all .4s ease;}
.hotTopic li a span{display: block;position: absolute;left: 0;right: 0;bottom: 10px;margin: 0 auto;line-height: 20px;font-size: 12px;color: #fff;font-weight: lighter;}
.hotTopic li a span i{display: inline-block;font-size: 12px;color: #ff5a00;margin: 0 3px;line-height: 20px;}
.hotTopic li a:hover img{transform: scale(1.1);}

.carousel .caroArrow{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 300px;height: 80px;line-height: 80px;text-align: center;}
.carousel .caroArrow div:nth-of-type(1) span{display: inline-block;width: 10px;height: 10px;margin: 0 9px;border-radius: 50%;background-color: #cecece;}
.carousel .caroArrow div:nth-of-type(1) span.on{background-color: var(--defcolor);}
.carousel .caroArrow div:nth-of-type(2) span{display: block;position: absolute;top: 22px;width: 34px;height: 34px;line-height: 32px;text-align: center;border-radius: 50%;background-color: #cecece;font-size: 22px;color: #fff;cursor: pointer;}
.carousel .caroArrow div:nth-of-type(2) span:nth-of-type(1){left: 0;}
.carousel .caroArrow div:nth-of-type(2) span:nth-of-type(2){right: 0;}
.carousel .caroArrow div:nth-of-type(2) span:hover{background-color: var(--defcolor);}
/* 手机应用 */
.isoft .tabBox .tab_menu{float: left;}
.isoft .tabBox .tab_cont{float: right;}
.isoft .hotRec{left: 20px;}
.isoft .hotRec .cont a>div span{background-color: var(--defcolor);}
.isoft .tabBox .hidden_box li.current{background-color: var(--defcolor);}
.isoft .tabBox .hidden_box li:hover {color: #fff;background-color: var(--defcolor);}
.isoft.hotTab .hotRec .cont a:hover>div p:nth-of-type(1){color: var(--defcolor);}
/* 首页排行榜 */
.index_Rank{width: 1160px;padding: 0 20px;margin: 0 auto;overflow: hidden;}
.index_Rank .cont{width: 1220px;overflow: hidden;}
.index_Rank .cont .irList{width: 376px;float: left;margin-right: 16px;background-color: #f5f5f5;padding-bottom: 10px;border-radius: 6px;overflow: hidden;}
.index_Rank .cont .irList>div{width: 100%;height: 82px;line-height: 82px;text-align: center;border-radius: 6px;padding: 14px 0;margin-bottom: 10px;}
.index_Rank .cont .irList:nth-of-type(1)>div{background: linear-gradient(to right,#41a1f7 ,#63d0f1);}
.index_Rank .cont .irList:nth-of-type(2)>div{background: linear-gradient(to right,#d678ea ,#607ae9);}
.index_Rank .cont .irList:nth-of-type(3)>div{background: linear-gradient(to right,#f1a977 ,#fe5e9c);}

.index_Rank .cont .irList>div i{display: inline-block;margin-right: 35px;}
.index_Rank .cont .irList:nth-of-type(1)>div i{width: 58px;height: 82px;background-position: -756px -385px;}
.index_Rank .cont .irList:nth-of-type(2)>div i{width: 58px;height: 82px;background-position: -844px -385px;}
.index_Rank .cont .irList:nth-of-type(3)>div i{width: 58px;height: 82px;background-position: -932px -385px;}
.index_Rank .cont .irList>div span{display: inline-block;font-size: 25px;color: #fff;line-height: 82px;vertical-align: top;}

.index_Rank .cont .irList ul li a span,.index_Rank .cont .irList ul li a img{display: none;}
.index_Rank .cont .irList ul li{display: block;height: 50px;line-height: 50px;padding-left: 26px;}
.index_Rank .cont .irList ul li a>i{float: left;width: 18px;height: 18px;line-height: 18px;background-color: #ededed;font-size: 12px;color: #999;text-align: center;border-radius: 6px 0 0 0;margin: 16px 26px 0 0;}
.index_Rank .cont .irList ul li a>p{float: left;width: 280px;height: 50px;line-height: 50px;color: #333;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_Rank .cont .irList ul li:nth-of-type(1) a>i{width: 24px; height: 29px; margin-right: 26px;margin-top: 11px; background-color: transparent;background-position: -371px -9px;border: none;color: transparent;}
.index_Rank .cont .irList ul li:nth-of-type(2) a>i{width: 24px; height: 29px; margin-right: 26px;margin-top: 11px;background-color: transparent;background-position: -326px -9px;border: none;color: transparent;}
.index_Rank .cont .irList ul li:nth-of-type(3) a>i{width: 24px; height: 29px; margin-right: 26px;margin-top: 11px;background-color: transparent;background-position: -284px -9px;border: none;color: transparent;}
.index_Rank .cont .irList ul li.on{height: 84px;padding-left: 0}
.index_Rank .cont .irList ul li.on a{display: block;height: 84px;background: #e2f6ff;padding-left: 24px;}
.index_Rank .cont .irList ul li.on a>i{float: left;width: 18px;height: 18px;line-height: 18px;background-color: #ededed;font-size: 12px;color: #999999;text-align: center;border-radius: 6px 0 0 0;margin: 34px 26px 0 0;}
.index_Rank .cont .irList ul li.on a img{display: block; float: left;width: 70px;height: 70px;border-radius: 16px;margin: 7px 12px 0 0;}
.index_Rank .cont .irList ul li.on a>p{float: left;width: 216px;height: 41px;line-height: 41px;color: #333333;font-size: 14px;white-space: nowrap;overflow: hidden;margin-top: 5px;}
.index_Rank .cont .irList ul li.on a>span{display: block; float: left;width: 72px;height: 24px;line-height: 24px;border-radius: 12px;text-align: center;color: #fff;font-size: 12px;background: linear-gradient(to right, #fd6407, #ee0e73);}
.index_Rank .cont .irList ul li.on a>span i{display: inline-block;width: 12px;height: 12px;background-position:-58px -60px;margin: 6px 2px 0 0;vertical-align: top;}
.index_Rank .cont .irList ul li.on:nth-of-type(1) a>i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -372px -9px;border: none;color: transparent;}
.index_Rank .cont .irList ul li.on:nth-of-type(2) a>i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -327px -9px;border: none;color: transparent;}
.index_Rank .cont .irList ul li.on:nth-of-type(3) a>i{background-color: transparent; margin-top: 31px;width: 24px;height: 29px;background-position: -285px -9px;border: none;color: transparent;}


/* 底部 */
footer{width: 100%;color: #999;font-size: 12px;background-color: #060606;text-align: center;}
footer div:nth-of-type(1){height: 80px;padding-top: 20px;background-color: #fff;}
footer div:nth-of-type(2){height: 30px;padding-top: 10px;}
footer div p{color: #adadad;line-height: 42px;font-size: 14px;}
footer div a{display: inline-block; color: #adadad;line-height: 20px;height: 20px;vertical-align: top;}
footer div i{display: inline-block; background-position: -558px -184px !important;width: 18px;height: 20px;}



/* 举报 */
.feedBack {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);}
.feBaBox {position: absolute;z-index: 5;top: 140px;left: 0;right: 0;margin: auto;background-color: #fff;width: 540px;border-radius: 6px;text-align: center;}
.feBaClose {position: absolute;top: 21px;right: 21px;z-index: 10;cursor: pointer;}
.feBaClose i {display: inline-block;width: 26px;height: 26px;background-position: 0 -765px;position: relative;}
.feHead {position: relative;width: 100%;height: 130px;text-align: center;font-size: 24px;border-top-left-radius: 6px;border-top-right-radius: 6px;color: #fff;}
.feHead p {position: relative;top: -90px;margin-top: 10px;font-size: 28px;color: #202020;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}
.feHead i {display: block;width: 225px;height: 171px;background-position: -775px -829px;position: relative;top: -97px;margin: 0 auto;}
.feBack {margin: 0 50px 5px;padding-top: 20px;}
.feBack p {font-size: 20px;color: #4c4c4c;font-weight: bold;margin: 18px 0 16px;text-align: left;}
.feBack p:nth-of-type(1) {margin-top: 0;}
.feBack .info {border: 1px solid #dcdcdc;border-radius: 8px;background-color: #fafafa;}
.feBack textarea {display: block;width: 402px;height: 52px;border: none;resize: none;background: #fafafa;padding: 15px 18px;font-size: 16px;color: #8f8f8f;}
.radio {position: relative;height: 42px;line-height: 42px;border-bottom: 1px solid #dcdcdc;}
.radio input[type='radio'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;}
.radio label {position: absolute;left: 0px;top: 0;height: 42px;line-height: 42px;width: 420px;font-size: 16px;color: #8f8f8f;text-align: left;padding-left: 10px;}
.radio label:after {content: '';position: absolute;right: 10px;top: 14px;width: 14px;height: 14px;border: 4px solid #fff;border-radius: 3px;border: 1px solid #bfbfbf;text-align: center;line-height: 14px;font-size: 12px;}
.telBox {overflow: hidden;margin-bottom: 20px;}
.telBox input{display: block;border: none;width: 398px;height: 42px;line-height: 42px;font-size: 16px;padding: 0 20px;border: 1px solid #dcdcdc;border-radius: 8px;}
.feSubmit input {border: 0;display: block;cursor: pointer;width: 330px;border: 0;background: linear-gradient(to right,#38a6fd,#28c16a);color: #fff;font-size: 20px;border-radius: 8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap;}
.radio input[type='radio']:checked + label:after{background-color: #38a6fd;content: '√';color: #fff;border-color: #38a6fd;}

/* 权限 */
.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-color: #fff;width: 540px;border-radius: 6px;text-align: center;}
.gRclose {position: absolute;top: 21px;right: 21px;z-index: 10;cursor: pointer;}
.gRclose i {display: inline-block;width: 26px;height: 26px;background-position: 0 -765px;position: relative;}
.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;}
.oTitle i {display: block;width: 225px;height: 154px;background-position: -277px -845px;position: relative;top: -82px;margin: 0 auto;}
.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;}
.Main {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;}
.Main p:nth-of-type(1) {font-size: 20px;font-weight: bold;color: #333;margin-bottom: 10px;}
.Main strong {display: block;font-size: 16px;color: #333;line-height: 36px;}
.gSure {display: block;cursor: pointer;width: 400px;border: 0;background: linear-gradient(to right,#38a6fd,var(--defcolor));color: #fff;font-size: 20px;border-radius: 8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap;}


/* 隐私 */
.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-color: #fff;width: 540px;border-radius: 6px;text-align: center;}
.gPrivacy .oTitle i {display: block;width: 225px;height: 153px;background-position: -529px -844px;position: relative;top: -82px;margin: 0 auto;}







/* 预约 */
.orderList {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);}
.orderBox {position: absolute;z-index: 5;top: 260px;left: 0;right: 0;margin: auto;background-color: #fff;width: 420px;border-radius: 6px;text-align: center;}
.orderBox .oClose {position: absolute;top: 21px;right: 21px;z-index: 10;cursor: pointer;}
.orderBox .oClose i{display: inline-block;width: 26px;height: 26px;background-position: 0 -765px;position: relative;}
.orderBox .oTitle i{background-position: -20px -844px;}
.orderBox form {position: relative;}
.orderBox form .tel {width: 298px;border: none;background-color: #f5f5f5;color: #999;font-size: 18px;border-radius: 6px;padding: 0 10px;line-height: 62px;margin: 20px auto 12px;overflow: hidden;white-space: nowrap;}
.orderBox .maskclear {position: absolute;width: 18px;height: 18px;top: 43px;right: 70px;background-position: -53px -792px;}
.orderBox form span {color: #ff3232;font-size: 14px;text-align: left;display: block;width: 306px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox .msg {display: block;color: #ff3232;font-size: 14px;text-align: left;width: 326px;margin: 0 auto;}
.orderBox form .oBtn, .orderBox .oKnow {display: block;cursor: pointer;width: 318px;border: 0;background: linear-gradient(to right,#38a6fd,var(--defcolor));color: #fff;font-size: 20px;border-radius: 8px;line-height: 58px;margin: 10px auto 42px;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn {margin-top: 22px;}
.orderBox .oWin,.orderBox .oLose,.orderBox .oAgin{width: 100%;font-size: 18px;border-radius: 6px;text-align: center;}
.orderBox .oWin>p {background-color: #fff;display: block;font-size: 16px;color: #666;line-height: 72px;}

.Friend{width: 1160px;padding: 0 20px;margin: 0 auto;overflow: hidden;margin-bottom: 10px;padding-bottom: 20px;border-radius: 8px;}
.Friend .iTitle{height: 60px;line-height: 60px;margin-top: 10px;}
.Friend .iTitle em{height: 60px;line-height: 60px;}
.Friend .iTitle i:nth-of-type(1){top: 0;}
.Friend div:nth-child(2){margin-top: 10px;padding-left: 10px;}
.Friend div:nth-child(2) a{display: block;height: 30px;text-align: center;float: left;line-height: 30px;margin: 10px 20px;}