@charset "utf-8";
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}
* {margin: 0;padding: 0;}body,html {overflow-y: auto;overflow-x: hidden;}
.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:#454545;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;}
header, section, footer, aside, nav, article, figure{display: block;}
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;}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.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;}
.hide{display:none;}
a{cursor: pointer;}
img{vertical-align: top;border: 0;}
a img:hover{opacity: 0.9;cursor: pointer;}
.icon{background:url(../images/icon.png) no-repeat;background-size:600px 1200px;}
:root{--defcolor:#358ff0;--selcolor:#2b71c2;}
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.w1300{width: 1300px;margin: 0 auto;overflow: hidden;}
.w340{width: 340px;overflow: hidden;}
.w930{width: 930px;overflow: hidden;}
.w880{width: 880px;overflow: hidden;}
.w380{width: 380px;overflow: hidden;}
.w480{width: 480px;overflow: hidden;}
.w260{width: 260px;overflow: hidden;}
.w540{width: 540px;overflow: hidden;}
.w300{width: 300px;overflow: hidden;}
.ml40{margin-left: 40px;}
.fl{float: left}
.fr{float: right}
.mr40{margin-right: 40px;}
.bgf{background-color: #fff;}

a:hover{color:var(--defcolor);}
.bgw{background: #fff;}

/* -----头部----- */
.hdTop{width: 100%;background: #3d3c3a;font-size: 14px;color: #a8a8a8;min-width: 1300px;}
.hdTop > div{padding: 10px 0;}
.hdTop > div > span{float: left;color: #a8a8a8;}
.hdTop > div > p{float: right;}
.hdTop > div > p > a{color: #a8a8a8;border-right: 1px solid #a8a8a8;padding: 0 10px;}
.hdTop > div > p > a:last-child{border-right: none;}
.hdTop > div > p > a:hover{color: #fff;}

.hdCont{width: 100%;font-size: 14px;min-width: 1300px;box-shadow: 0px 5px 10px 0px rgba(233, 233, 233, 1);background-color: #fff;}
.hdCont > .hdLogo{padding: 28px 0px 26px 0;overflow: hidden;}
.hdLogo .logo{float: left;height: 70px;margin-right: 50px;margin-top: 14px;}
.hdLogo .logo > a{display:block;}
.hdLogo .logo img{;height: 70px;}

.hdLogo .hdMenu{float: right;margin-left: 50px;}
.hdMenu > li{float: left;text-align: center;margin-left: 10px;}
.hdMenu > li > a{display: block;padding: 6px 12px 18px 12px;text-decoration: none;font-size: 16px;color: #737373;}
.hdMenu > li > a > i{display: block;width: 28px;height: 26px;background: url(../images/nav.png) no-repeat;margin: 14px auto 0;margin-bottom: 11px;transition: transform 0.2s;}
.hdMenu > li > a > i.icon_nav1{background-position: -18px -9px;}
.hdMenu > li > a > i.icon_nav2{background-position: -115px -9px;}
.hdMenu > li > a > i.icon_nav3{background-position: -224px -9px;}
.hdMenu > li > a > i.icon_nav4{background-position: -620px -9px;}
.hdMenu > li > a:hover {transform: translateY(-5px);transition: transform 0.2s;}
.hdMenu > li.current > a{background: var(--defcolor);color: #FFFFFF;border-radius: 8px;font-weight: bold;}
.hdMenu > li.current > a > i.icon_nav1{background-position: -18px -142px;;}
.hdMenu > li.current > a > i.icon_nav2{background-position: -115px -142px;;}
.hdMenu > li.current > a > i.icon_nav3{background-position: -224px -142px;;}
.hdMenu > li.current > a > i.icon_nav4{background-position: -620px -142px;;}

nav{width: 100%;height: 42px;line-height: 42px;background-color: var(--defcolor);overflow: hidden;}
nav ul > li{display: block;text-align: center;float: left;font-size: 15px;line-height: 2;color: #fff;}
nav ul > li.current,nav ul > li:hover{color: #ffffff;background-color: var(--selcolor);}
nav ul > li > a{padding: 6px 18px;display: block;text-align: center;float: left;font-size: 15px;line-height: 2;color: #fff;}
nav ul > li.current > a,nav ul > li:hover > a{color: #fff;}

/* -----底部------ */
footer{overflow: hidden;background-color: #292929;margin-top: 40px;padding: 20px 0px;}
footer div p{color: #8e9193;line-height: 36px;height: 36px;text-align: center;}
footer div p a{color: #8e9193;padding: 0px 20px;}

/* -----复用----- */
.mainContainer{width: 100%;font-size: 14px;margin-bottom: 20px;min-width: 1300px;}


/* -----面包屑----- */
.crumb{position: relative;overflow: hidden;width: 100%;color: #696969;font-size: 14px;height: 38px;line-height: 38px;margin: 16px 0 20px 0;padding: 0 0 0 16px;box-sizing: border-box;background: #f3fbfe;z-index: 0;}
.crumb > p{float: left;}
.crumb > p::before{content: "";float: left;margin-top: 13px;display: inline-block;width: 14px;height: 14px;margin-right: 10px;background: url(../images/icon.png) no-repeat -331px -803px;}
.crumb > p > a{color:#696969}
/* -----分页------ */
.pages{padding: 18px 0;text-align: center;}
.pages ul{margin: 0 auto;overflow: hidden;display: inline-block;}
.pages ul li{float: left;margin-left: 8px;width: 38px;height: 38px;line-height: 38px;text-align: center;color: #666666;font-size: 16px;cursor: pointer;background-color: #fff;border: 1px solid #eaeaea;transition: all 0.2s ease;overflow: hidden;white-space: nowrap;border-radius: 4px;}
.pages ul li a{display: block;}
.pages ul li:first-child{margin-left: 0;}
/*.pages ul li:nth-of-type(1),.pages ul li:nth-of-type(2),.pages ul li:nth-last-child(1),.pages ul li:nth-last-child(2){width: 60px;}*/
.pages ul li.page_long_btn{width: 60px;}
.pages ul li.current a{background:var(--defcolor);color: #fff;}
.pages ul li:hover a{background:var(--defcolor);color: #fff;}
/* -----游戏列表页----- */
.listPageTopTj{width: 100%;height: 210px;overflow: hidden;position: relative;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;margin-top: 20px;}
.listPageTopTj > .btnL{float: left;}
.listPageTopTj > .btnR{float: right;}
.listPageTopTj > .btnL,.listPageTopTj > .btnR{width: 46px;height: 210px;background: #a7a7a7;cursor: pointer;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.listPageTopTj > .btnL > i,.listPageTopTj > .btnR > i{display: block;width: 9px;height: 9px;border: 1px solid #fff;border-radius: 50%;background: #818181;margin: 60px auto 8px;}
.listPageTopTj > .btnL > p,.listPageTopTj > .btnR > p{text-align: center;width: 20px;margin: 0 auto;color: #4a4a4a;font-size: 14px;line-height: 16px;}
.listPageTopTj > div.on{background: -webkit-linear-gradient(top, #f0422a 0%, #f4a66d 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0422a', endColorstr='#f4a66d', GradientType=0);background: linear-gradient(to bottom, #f0422a 0%, #f4a66d 100%);}
.listPageTopTj > div.on > i{background: none;}
.listPageTopTj > div.on > p{color: #fff;}

.listPageTopTj .tjContentBox{float: left;overflow: hidden;position: relative;width: 1208px;height: 210px;}
.listPageTopTj .tjContentBox > .tjContent{width: 2416px;height: 210px;margin-left: 2px;}
.tjContent > div{overflow: hidden;float: left;width: 1208px;margin: 0;background-color: #fff;}
.tjContent > div > ul{}
.tjContent > div > ul > li{float: left;width: 134px;height: 134px;border-bottom: 1px solid #e6e6e6;}
.tjContent > div > ul > li > a{display: block;float: left;width: 129px;height: 134px;-webkit-transition: all 0.1slinear;-moz-transition: all 0.1s linear;-ms-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1slinear;}
.tjContent > div > ul > li > a > img{width: 80px;height: 80px;border-radius: 18px;margin: 14px auto 0;display: block;}
.tjContent > div > ul > li > a > p{width: 100%;text-align: center;height: 18px;padding: 0 12px;box-sizing: border-box;overflow: hidden;line-height: 18px;color: #222;margin-top: 10px;font-size: 14px;}
.tjContent > div > ul > li:hover > a{background:#f2f2f2;}
.tjContent > div > ul > li:hover > a > p{color:#f0412a}
.tjContent > div > div{height: 30px;margin-top: 5px;overflow: hidden;}
.tjContent > div > div > a{float: left;display: inline-block;text-align: center;line-height: 30px;height: 30px;margin: 0;max-width: 85px;overflow: hidden;width: 129px;}
.tjContent > div > div > span{padding: 5px 0px;margin: 0px 17px;float: left;color: #ddd;display: inline-block;}

.mainContainer .mainLeft{}
.mainContainer .mainRight{}

.listPageTit{width: 100%;overflow: hidden;display: block;border-bottom: 1px solid #f0f0f0;padding: 0 20px;box-sizing: border-box;margin-top: 0px;}
.listPageTit > p{font-size: 22px;float: left;padding: 10px 0;color: #666666;line-height: 30px;}
.listPageTit > p::before{content: "";float: left;border-radius: 5px;margin-top: 6px;display: inline-block;width: 5px;height: 18px;background-color: var(--defcolor);margin-right: 10px;}
.listPageTit > strong{float: right;color: #a8a8a8;line-height: 50px;display: inline-block;}
.listPageTit > strong em{margin: 0 6px;color: #ff0000;font-weight: bold;font-style: normal;}

.rjList{padding-bottom: 20px;}
.rjList > li{margin-top: 30px;float: left;width: 148px;height: 182px;position: relative;margin-left: 23px;text-align: center;border: 1px solid #f0f0f0;}
.rjList > li > a{display: block;}
.rjList > li > a > img{display: block;width: 100px;height: 100px;margin: 14px auto 5px;border-radius: 20px;}
.rjList > li > a > p:nth-child(2){display: block;padding: 0 12px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: none;color: #333333;margin:10px 0 5px;}
.rjList > li > a > p:nth-child(3){display: block;width: 100%;font-size: 12px;height: 32px;line-height: 32px;position: absolute;bottom: 0;left: 0;background-color: #f5f5f5;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rjList > li > a > p:nth-child(4){display: none;}
.rjList > li > a > span{display: none;width: 100%;height: 32px;line-height: 32px;position: absolute;bottom: 0;left: 0;background-color: #f5f5f5;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rjList > li:hover{border: 1px solid var(--defcolor);}
.rjList > li:hover > a > p:nth-child(3){display: none;}
.rjList > li:hover > a > span{color: #ffffff;background-color: var(--defcolor);display: block;}

.commRigBox{margin-bottom: 20px;}
.mainRight .commRigBox{background-color: #fff;}

.commRigTit1{width: 100%;text-align: center;overflow: hidden;}
.commRigTit1 > p{width: 100%;font-size: 19px;color: #666;line-height: 49px;font-weight: bold;text-align: center;overflow: hidden;border-bottom: 1px dashed #f0f0f0;}

ul.typeUlList{display: block;overflow: hidden;padding-bottom: 16px;background-color: #fff;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
ul.typeUlList > li{width: 100px;height: 36px;float: left;margin: 16px 0px 0 20px;line-height: 36px;text-align: center;box-sizing: border-box;border: 1px solid #eaeaea;background-color: #fff;}
ul.typeUlList > li > a{display: block;}
ul.typeUlList > li.current,ul.typeUlList > li:hover{border: 1px solid var(--defcolor);background-color: var(--defcolor);}
ul.typeUlList > li.current a,ul.typeUlList > li:hover a{color: #fff;}

.commRigTit2,.commRigTit3{width: 100%;overflow: hidden;display: block;border-bottom: 1px solid #f0f0f0;}
.commRigTit2 > p{font-size: 18px;float: left;padding: 10px 0;color: #666666;margin-left: 10px;line-height: 25px;}
.commRigTit2 > p::before{content: "";float: left;margin-top: 4px;display: inline-block;width: 4px;height: 16px;background-color: var(--defcolor);margin-right: 10px;}

.commRigTit3 > p{font-size: 20px;line-height: 34px;float: left;color: #444;}
.commRigTit3 > p > i{content: "";display: block;width: 30px;height: 26px;float: left;margin-right: 10px;position: relative;top: 3px;background: url(../images/icon.png) no-repeat -250px -172px;}
.commRigTit3 > p > i.titIconZt{background-position: -119px -171px;}
.commRigTit3 > p > i.titIconGame{background-position: -401px -170px;}
.commRigTit3 > .clickMore{color: #a8a8a8;
    display: inline-block;
    height: 26px;
    text-align: right;
    padding-top: 15px;
    font-size: 12px;float: right;}
.commRigTit3 > .clickMore::before{content: "...";
    display: inline-block;
    border: 1px solid #a8a8a8;
    border-radius: 25px;
    width: 12px;
    height: 12px;
    position: relative;
    top: -3px;
    left: -5px;
    text-align: center;
    color: #a8a8a8;
    line-height: 0.4;}
.commRigTit3 > .clickMore:hover{color: var(--defcolor)}
.commRigTit3 > .clickMore:hover::before{color: var(--defcolor);border-color: var(--defcolor)}

ul.recomTagImgBox{width: 100%;overflow: hidden;max-height: 260px;border-bottom: 1px #e7e7e7 dashed;margin-top: 20px;padding: 0 12px;}
ul.recomTagImgBox > li{float: left;width: 168px;height: 114px;margin-bottom: 15px;}
ul.recomTagImgBox > li:nth-child(2n){margin-left: 18px;}
ul.recomTagImgBox > li > a{display:block;}
ul.recomTagImgBox > li > a > div{width: 168px;height: 90px;overflow: hidden;margin-bottom: 4px;}
ul.recomTagImgBox > li > a > div > img{width: 100%;height: 100%;transition: all 0.4sease;}
ul.recomTagImgBox > li > a > p{width: 100%;display: block;text-align: center;height: 24px;line-height: 24px;font-size: 14px;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
ul.recomTagImgBox > li:hover > a > div > img{transform: scale(1.1);transition: all 0.4sease;}
ul.recomTagImgBox > li:hover > a > p{color: #ff6010;}

ul.recomTagTxtBox{width: 100%;padding: 0 14px;box-sizing: border-box;margin-bottom: 10px;max-height: 130px;overflow: hidden;margin-top: 16px;}
ul.recomTagTxtBox > li{width: 50%;float: left;background: url(../images/mi14.png) no-repeat left center;line-height: 20px;height: 20px;overflow: hidden;margin-bottom: 16px;}
ul.recomTagTxtBox > li > a{float: left;color: #333;font-size: 14px;margin-left: 18px;}
ul.recomTagTxtBox > li:hover > a{color: #ff6010;}

.gmListTab{margin: 0 auto;height: 30px;margin-top: 14px;position: relative;}
.commRigTit2 .gmListTab{float: right;}
.gmListTab > span{width: 50%;cursor: pointer;display: inline-block;padding: 0 10px;text-align: center;box-sizing: border-box;color: #404040;font-size: 14px;position: relative;height: 30px;font-weight: bold;float: left;}
.gmListTab > span.current{color: #f76341;}
.gmListTab > span.current::after{z-index: 2;content: '';display: block;position: absolute;height: 4px;background-color: #f76341;border-radius: 3px;width: 40px;margin-left: -20px;left: 50%;bottom: 0;}

.tabBody1 .glTabItem{display: none;}
.tabBody1 .glTabItem:first-child{display:block;}

.commRankList{width: 100%;overflow: hidden;margin-top: 0px;}
.commRankList > li{padding: 14px 10px;box-sizing: border-box;display: block;overflow: hidden;border-bottom: 1px dashed #f0f0f0;}
.commRankList > li > a{display: block;}
.commRankList > li:nth-child(-n+3) > a > i{float: left;width: 28px;height: 28px;line-height: 28px;font-size: 14px;text-align: center;color: #FFFFFF;border-radius: 100px;margin-top: 42px;margin-right: 16px;background-color: #C5C5C5;}
.commRankList > li:nth-child(1) > a > i{background-color:#ff4800;}
.commRankList > li:nth-child(2) > a > i{background-color:#ff6d34;}
.commRankList > li:nth-child(3) > a > i{background-color:#ffa07b;}

.commRankList > li > a > div{float: left;width: 255px;}
.commRankList > li > a > div > p:nth-child(1){font-size: 16px;font-weight: bold;display: block;max-width: 280px;margin-bottom: 9px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.commRankList > li > a > div > img{width: 66px;height: 66px;display: inline-block;overflow: hidden;border-radius: 10px;float: left;}
.commRankList > li > a > div > div{width: 172px;height: 66px;margin-left: 12px;float: left;}
.commRankList > li > a > div > div > i{width: 102px;height: 20px;background: url(../images/icon.png) no-repeat;display: inline-block;}
.commRankList > li > a > div > div > i.star5{background-position: -22px -420px;}
.commRankList > li > a > div > div > p{display: block;color: #a8a8a8;}
.commRankList > li > a > div > div > span{display: block;color: #a8a8a8;margin-top: 15px;}
.commRankList > li > a > span{padding: 2px 15px;background-color: #f9f9f9;margin-top: 52px;border: 1px solid #00be6e;color: #00be6e;display:none;}
.commRankList > li:hover{background-color: #f9f9f9;}
.commRankList > li:hover > a > div > p:nth-child(1){color: var(--defcolor);}
.commRankList > li:hover > a > span{display: inline-block;}
.commRankList > li:nth-child(n+4) > a > i{display: block;float: left;width: 28px;height: 28px;line-height: 28px;background: #C5C5C5;font-size: 14px;text-align: center;color: #FFFFFF;border-radius: 100px;margin-right: 16px;}
.commRankList > li > a > p{color: black;font-size: 15px;max-width: 82%;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.commRankList > li:hover > a > p{color: var(--defcolor)}

/*------------专题列表页-------------*/
ul.ztList{margin-left: -50px;}
ul.ztList > li{width: 400px;background-color: #fff;border: 1px #f3f3f3 solid;box-sizing: border-box;padding: 10px 19px 20px 19px;float: left;margin: 0;margin-bottom: 20px;margin-top: 6px;margin-left: 50px;}
ul.ztList > li > a{display: block;margin-bottom: 12px;}
ul.ztList > li > a > p:nth-child(1){width: 100%;height: 42px;line-height: 42px;font-size: 20px;font-weight: bold;margin-bottom: 6px;}
ul.ztList > li > a > div{overflow: hidden;width: 360px;height: 168px;}
ul.ztList > li > a > div > img{width: 360px;height: 168px;float: left;transition: transform 0.3s;}
ul.ztList > li > a > p:nth-child(3){width: 100%;height: 82px;margin-top: 12px;color: #666;line-height: 26px;font-size: 13px;display: -webkit-box;display: -moz-box;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
ul.ztList > li > div{width: auto;margin-left: -29px;overflow: hidden;}
ul.ztList > li > div > a{width: 68px;height: 68px;overflow: hidden;padding: 0;border-radius: 6px;display: inline-block;margin-left: 29px;float: left;}
ul.ztList > li > div > a img{width: 68px;height: 68px;border-radius: 6px;}
ul.ztList > li > a:hover > p:nth-child(1){color: var(--defcolor);}
ul.ztList > li > a:hover > div > img{transform: scale(1.1, 1.1);}

.ztListBox .pages{padding-bottom: 0;}


#toTop{display: none;position: fixed;left: 50%;margin-left: 705px;bottom: 120px;width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 50%;background-color: #2b71c2;opacity: 0.5;filter: alpha(opacity = 50);z-index: 999;font-size: 50px;color: #ffffff;font-family: "Microsoft YaHei"}

/*首页*/
.indexPageTopTj{width:100%;height:142px;overflow:hidden;position:relative;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;margin-top:20px}
.indexPageTopTj > .btnL{float:left}
.indexPageTopTj > .btnR{float:right}
.indexPageTopTj > .btnL,.indexPageTopTj > .btnR{width:46px;height:142px;background:#a7a7a7;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.indexPageTopTj > .btnL > i,.indexPageTopTj > .btnR > i{display:block;width:9px;height:9px;border:1px solid #fff;border-radius:50%;background:#818181;margin:26px auto 8px}
.indexPageTopTj > .btnL > p,.indexPageTopTj > .btnR > p{text-align:center;width:20px;margin:0 auto;color:#4a4a4a;font-size:14px;line-height:16px}
.indexPageTopTj > div.on{background:-webkit-linear-gradient(top,#f0422a 0%,#f4a66d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0422a',endColorstr='#f4a66d',GradientType=0);background:linear-gradient(to bottom,#f0422a 0%,#f4a66d 100%)}
.indexPageTopTj > div.on > i{background:none}
.indexPageTopTj > div.on > p{color:#fff}
.indexPageTopTj .indexTjContentBox{float:left;overflow:hidden;position:relative;width:1208px;height:142px}
.indexPageTopTj .indexTjContentBox .indexTjContent{width:2416px;height:142px;margin-left:2px}
.indexPageTopTj .indexTjContent > div{overflow:hidden;float:left;width:1208px;margin:0;background-color:#fff}
.indexPageTopTj .indexTjContent > div ul{}
.indexPageTopTj .indexTjContent > div ul li{float:left;width:133px;height:142px;border-right:1px solid #e6e6e6}
.indexPageTopTj .indexTjContent > div ul li a{display:block;float:left;width:129px;height:138px;margin:2px;-webkit-transition:all 0.1slinear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1slinear}
.indexPageTopTj .indexTjContent > div ul li a img{width:80px;height:80px;border-radius:18px;margin:18px auto 0;display:block}
.indexPageTopTj .indexTjContent > div ul li a p{width:100%;text-align:center;height:18px;overflow:hidden;padding:0 12px;box-sizing:border-box;line-height:18px;color:#222;margin-top:10px;font-size:14px}
.indexPageTopTj .indexTjContent > div ul li:hover a{background:#f2f2f2}
.indexPageTopTj .indexTjContent > div ul li:hover a p{color:#f0412a}

.indexSlide{}
.indexSlide .imgBox{width:480px;height:350px;position:relative;overflow:hidden}
.indexSlide .imgBox > ul{height:350px;position:absolute;left:0}
.indexSlide .imgBox > ul > li{position:absolute;color:#fff;width:480px;height:350px;float:left;display:none}
.indexSlide .imgBox > ul > li:first-child{display:block}
.indexSlide .imgBox > ul > li a{display:inline-block;width:100%;height:350px;position:absolute;color:#fff}
.indexSlide .imgBox > ul > li a img{width:100%;height:100%}
.indexSlide .imgBox > ul > li span{display:block;width:91.7%;position:absolute;bottom:0;color:#f9f9f9;padding:10px 20px;background-color:rgb(0,0,0);background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000)}
.indexSlide .imgBox > span{display:block;width:91%;color:#f9f9f9;position:absolute;bottom:0;padding:10px 20px;text-align:right}
.indexSlide .imgBox > span > i{display:inline-block;width:10px;height:10px;border-radius:16px;margin:0px 2px;background:#e2e7df}
.indexSlide .imgBox > span > i.on{background-color:#5caf28}
.indexSlide .optionBox{width:480px;height:62px;margin-top:10px;overflow:hidden;margin-bottom:12px}
.indexSlide .optionBox ul{height:62px}
.indexSlide .optionBox ul li{border:1px solid #ffffff;width:110.5px;height:60px;cursor:pointer;opacity:1;margin-right:10px;float:left}
.indexSlide .optionBox ul li:last-child{margin-right:0}
.indexSlide .optionBox ul li img{width:100%;height:60px;display:inline-block;background-color:#cfa972;opacity:0.8}
.indexSlide .optionBox ul li.on{border:1px solid #f0412a}
.indexSlide .optionBox ul li.on img{opacity:1}

.indexTopDataList{width:100%;overflow:hidden}
.indexTopDataList > ul{border-bottom:1px solid #f0f0f0}
.indexTopDataList > ul li{float:left;display:inline-block;width:120px;text-align:center;padding:10px 0px;font-size:18px;padding-top:0px}
.indexTopDataList > ul li.current{border-bottom:2px solid #358ff0;background:url(../images/part3.png) no-repeat -64px -30px;color:#358ff0}
.indexTopDataList > div{}
.indexTopDataList > div > div{overflow:hidden;display:none}
.indexTopDataList > div > div:first-child{display:block}
.indexTopDataList > div > div > ul{border-bottom:1px dashed #f0f0f0;padding:20px 4px 0 4px}
.indexTopDataList > div > div > ul > li{border-left:1px solid #f0f0f0;margin-left:10px;padding-bottom:10px;padding-left:20px;line-height:1.8;height:25px;position:relative}
.indexTopDataList > div > div > ul > li::before{content:"";display:inline-block;border:1px solid #f0f0f0;border-radius:20px;width:7px;height:7px;position:absolute;top:7px;left:-5px;background-color:#ffffff}
.indexTopDataList > div > div > ul > li:first-child::before{content:"新";display:inline-block;border:1px solid #ff33ff;border-radius:17px;width:25px;height:25px;position:absolute;top:-2px;left:-15px;background-color:#ffffff;text-align:center;line-height:1.8;color:#ff33ff}
.indexTopDataList > div > div > ul > li a{display:block}
.indexTopDataList > div > div > ul > li a > span{width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8a8a8}
.indexTopDataList > div > div > ul > li a > span:nth-child(1){float:left}
.indexTopDataList > div > div > ul > li a > img:nth-child(2){margin:0px 6px;width:25px;height:25px;float:left}
.indexTopDataList > div > div > ul > li a > p:nth-child(3){display:inline-block;width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.indexTopDataList > div > div > ul > li a > span:nth-child(4){float:right;background:url(../images/part3.png) no-repeat -267px -26px;width:45px;text-align:center;font-size:13px}

.newGameResBox{}
.newGameResBox > .commRigTit2{}
.newGameResBox > .commRigTit2 > p{padding-top:0;margin-left:0;padding-bottom:7px}
.newGameResBox > ul{width:100%;overflow:hidden}
.newGameResBox > ul > li{padding:10px 0;overflow:hidden;zoom:1;border-bottom:1px dashed #e2e2e2;height:60px}
.newGameResBox > ul > li > a{display:block}
.newGameResBox > ul > li > a >img{display:block;width:60px;height:60px;float:left;border-radius:9px;margin-right:14px}
.newGameResBox > ul > li > a > div{width:133px;float:left}
.newGameResBox > ul > li > a > div > p{overflow:hidden;white-space:nowrap}
.newGameResBox > ul > li > a > div > p:nth-child(1){height:30px;line-height:30px;color:#333;font-size:15px;margin-bottom:8px}
.newGameResBox > ul > li > a > div > p:nth-child(2){font-size:12px;color:#999;height:20px;line-height:20px}
.newGameResBox > ul > li > a > div > p i{font-style:normal;margin:0 5px}
.newGameResBox > ul > li > a > span{display:block;width:42px;float:right;line-height:24px;margin-top:4px;border-radius:4px;color:#eb4e50;font-size:14px;text-align:center;padding:6px 0;line-height:20px;transition:all .3s;box-sizing:border-box;border:1px solid #eb4e50}
.newGameResBox > ul > li:hover > a > div > p:nth-child(1){color:#eb4e50}
.newGameResBox > ul > li:hover > a > span{color:#fff;background:#eb4e50}

.picBoxone{width:100%;position:relative;overflow:hidden}
.picBoxone .sortBox{position:relative;height:180px}
.picBoxone .sortBox > ul{height:180px;margin-left:-22px;overflow:hidden;display:none;position:absolute}
.picBoxone .sortBox > ul:first-child{display:block}
.picBoxone .sortBox > ul li{float:left;margin-left:22px;margin-top:20px;overflow:hidden;width:112px;height:40px;line-height:40px;text-align:center;color:#666;background-color:#fff;box-sizing:border-box;border:1px solid #f0f0f0;cursor:pointer}
.picBoxone .sortBox > ul li.on,.picBoxone .sortBox > ul li:hover{color:#ffffff;border:1px solid #358ff0;background-color:#358ff0}
.picBoxone .iconBtcBox{text-align:center;vertical-align:middle;position:relative;display:block;width:100%;height:20px;margin:20px 0 16px 0;overflow:hidden}
.picBoxone .iconBtcBox span{}
.picBoxone .iconBtcBox .arrow_icon{width:20px;height:20px;text-align:center;display:inline-block;z-index:99;cursor:pointer;background:url(../images/icon.png) repeat-x}
.picBoxone .iconBtcBox .arrow_icon.left{background-position:-520px -1060px}
.picBoxone .iconBtcBox .arrow_icon.right{background-position:-490px -1060px}
.picBoxone .iconBtcBox .arrow_icon.left:hover{background-position:-520px -1090px}
.picBoxone .iconBtcBox .arrow_icon.right:hover{background-position:-490px -1090px}
.picBoxone .iconBtcBox .iconone{height:20px;overflow:hidden;text-align:center;display:inline-block;margin:0 10px}
.picBoxone .iconBtcBox .iconone > i{display:inline-block;width:12px;height:8px;float:left;border-radius:8px;margin:6px 5px 0 5px;background:#ccc}
.picBoxone .iconBtcBox .iconone > i.on{background-color:#358ff0;width:20px;height:8px}
.callbacks_container{position:relative;float:left;width:380px;height:190px;margin-top:20px}
.callbacks{position:relative;list-style:none;overflow:hidden;width:380px}
.callbacks li{position:absolute;width:380px;left:0;top:0}
.callbacks li img{display:block;position:relative;z-index:1;width:380px;height:190px}
.callbacks li p{width:380px;display:block;height:35px;position:absolute;z-index:2;text-shadow:none;color:#fff;left:0;right:0;bottom:0;background:url(../images/bg2.png) repeat-x 0px -215px;text-align:center;font-size:16px;line-height:35px}
.callbacks_nav{position:absolute;top:45%;left:0;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:27px;width:27px;background:transparent url(../images/arrow.png) no-repeat left top}
.callbacks_nav.next{left:auto;background-position:right top;right:0}

.picQrBox{}
.picQrBox > ul{display:none;margin-left:-20px;max-height:612px}
.picQrBox > ul:first-child{display:block}
.picQrBox > ul > li{margin-top:26px;float:left;width:120px;margin-left:20px;text-align:center}
.picQrBox > ul > li > a{display:block}
.picQrBox > ul > li > a img{width:100px;height:100px;border-radius:16px;display:block;margin:0 auto;transition:transform 0.5s}
.picQrBox > ul > li > a p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;background:none;color:#333333;margin:8px 0}
.picQrBox > ul > li:hover > a img{transform:rotateY(180deg)}
.picQrBox > ul > li:hover > a p{color:var(--defcolor)}

.idxRankList{}
.idxRankList > li{width: 100%;
    float: left;overflow: hidden;}
.idxRankList > li > a{    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #DFDFDF;
    padding: 10px 0;display: block;}
.idxRankList > li > a > i{    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 100px;
    margin-top: 16px;background: #C5C5C5;}
.idxRankList > li:nth-child(n+4) > a > i{margin-top: 0;}
.idxRankList > li:nth-child(1) > a > i{background: #ff4800;}
.idxRankList > li:nth-child(2) > a > i{background: #ff6d34;}
.idxRankList > li:nth-child(3) > a > i{background: #ffa07b;}

.idxRankList > li > a > img{float: left;
    width: 66px;
    height: 66px;
    border-radius: 8px;margin-left: 15px;}
.idxRankList > li > a > div{float: left;
    width: 179px;
    margin-left:12px;}
.idxRankList > li > a > div > p{overflow: hidden;white-space: nowrap;}
.idxRankList > li > a > div > p:nth-child(1){    height: 18px;
    line-height: 18px;
    overflow: hidden;
    font-size: 16px;}
.idxRankList > li > a > div > p:nth-child(2){    height: 16px;
    line-height: 16px;
    overflow: hidden;
    color: #999999;
    margin-top: 18px;}
.idxRankList > li > a > p{display: block;
    float: left;
    width: 165px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 15px;
    margin-left: 15px;}
.idxRankList > li > a > span{    display: block;
    float: right;
    width: 60px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 12px;
    color: #999999;
    text-align: right;}

.tab_tit_item{text-align: right;
    margin-left: 160px;
    line-height: 2;
    padding: 5px 0px;}
.tab_tit_item > ul{}
.tab_tit_item > ul li{padding: 0 15px;
    text-align: center;
    border-radius: 20px;
    margin-left: 20px;
    float: left;
    height: 24px;
    line-height: 24px;
    color: #444444;
    border: 1px solid #eeeeee;cursor: pointer;}
.tab_tit_item > ul li.current{    border: 1px solid #358ff0;
    color: #358ff0;}

.ztImgRecomBox{}
.ztImgRecomBox .tabBody3{}
.ztImgRecomBox .tabBody3 > ul{display:none;margin:20px 0px;overflow:hidden}
.ztImgRecomBox .tabBody3 > ul:first-child{display:block}
.ztImgRecomBox .tabBody3 > ul > li{height:450px;float:left;margin-right:4px}
.ztImgRecomBox .tabBody3 > ul > li:last-child{margin-right:0}
.ztImgRecomBox .tabBody3 > ul > li:nth-child(1) > a,.ztImgRecomBox .tabBody3 > ul > li:nth-child(3) > a{width:267px;height:450px;overflow:hidden;display:block}
.ztImgRecomBox .tabBody3 > ul > li:nth-child(2) > a:nth-child(1),.ztImgRecomBox .tabBody3 > ul > li:nth-child(5) > a:nth-child(1){width:250px;height:290px;overflow:hidden;display:block}
.ztImgRecomBox .tabBody3 > ul > li:nth-child(2) > a:nth-child(2),.ztImgRecomBox .tabBody3 > ul > li:nth-child(5) > a:nth-child(2){width:250px;height:155px;overflow:hidden;text-align:center;color:#fff;background-color:#c5c5c5;display:block;margin-top:5px}
.ztImgRecomBox .tabBody3 > ul > li:nth-child(4) > a:nth-child(1){width:250px;height:155px;overflow:hidden;text-align:center;color:#fff;background-color:#c5c5c5;display:block;margin-bottom:5px}
.ztImgRecomBox .tabBody3 > ul > li:nth-child(4) > a:nth-child(2){width:250px;height:290px;overflow:hidden;display:block}
.ztImgRecomBox .tabBody3 > ul > li > a > img{width:100%;height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;object-fit: cover;}
.ztImgRecomBox .tabBody3 > ul > li > a > p{display:none;text-align:center;background-color:rgb(0,0,0);background-color:rgba(5,2,3,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000);position:relative;top:-29px;padding:5px 0px;color:#ffffff}
.ztImgRecomBox .tabBody3 > ul > li > a:hover > img{transform:scale(1.1)}
.ztImgRecomBox .tabBody3 > ul > li > a:hover > p{display:block}