body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0; }

ul, ol { list-style: none; }

em, i { font-style: normal; }

table { border-spacing: 0; border-collapse: collapse; }

img { border: none; vertical-align: middle; }

input, select, button { vertical-align: middle; outline: none; }

a { text-decoration: none; color: #666; }

body { font-size: 14px; min-width: 1200px; font-family: 'Microsoft YaHei','Arial','Heiti SC'; background: #f5f5f5; }

.fl { float: left; overflow: hidden; }

.fr { float: right; overflow: hidden; }

.wrap { width: 1200px; margin: 0 auto; }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

#page { margin: 20px auto 20px; padding: 30px 0; width: 100%; overflow: hidden; text-align: center; background-color: #fff; }
#page a, #page span { display: inline-block; width: auto; height: 28px; padding: 0 8px; text-align: center; line-height: 28px; color: #5c5d5f; font-size: 14px; border: 1px solid #e6e6e6; background-color: #FFF; margin: 0 5px; }
#page span { background-color: #00BFB1; color: #fff; }
#page a:hover { background-color: #00BFB1; color: #fff; }
#page .activP { background-color: #00BFB1; color: #fff; }

.layout { width: 1200px; margin: 15px auto; background-color: #f5f5f5; overflow: hidden; }
.layout a { display: inline-block; }
.layout a:hover { color: #00BFB1; }
.layout .rank-l h2 { 
    color: #333;
    font-size: 22px;
    font-weight: normal;
    height: 40px;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 3px solid #f8f8f8;
    position: relative; 
}

.textcon h2 { 
    color: #00BFB1; 
    font-size: 18px; 
    font-weight: 700; 
    margin-bottom: 15px;
    width: 100%; 
    position: relative;
    border-left: 7px solid #00BFB1;
    line-height: 1.5;
    padding-left: 10px;
}
.layout h2 em { width: 112px; height: 3px; display: inline-block; float: left; background: #00BFB1; background-position-x: 0%; background-position-y: 0%; background-position: 0 -154px; margin-top: 3px; margin-right: 3px; position: absolute; bottom: -3px; left: 0; }
.layout h2 i { color: #bcbcbc; font-size: 17px; display: inline-block; margin-left: 6px; font-style: italic; }

div.titleAll { height: 42px; margin-bottom: 10px; border-bottom: 1px solid #ccc; overflow: initial; width: 100%; }
div.titleAll span { float: left; display: inline-block; border-bottom: 3px solid #00BFB1; height: 41px; line-height: 30px; font-size: 20px; font-weight: bold; }

.foot { width: 100%; min-height: 83px; line-height: 30px; text-align: center; background-color: #fff;}
.foot p { font-size: 16px; color: #666;  padding: 5px 0px;width: 1200px;margin: 0 auto;}
.foot p a{ font-size: 14px; color: #999;  padding: 10px 3px;}
.foot p a:hover{color: #00BFB1;}

.line1 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.headernav { width: 100%; height: 40px; position: relative; background-color: #333; }
.headernav .head-top { width: 1200px; margin: 0 auto; overflow: hidden; }
.headernav .head-top ul li { float: left; height: 40px; line-height: 40px; }
.headernav .head-top ul li a { font-size: 14px; padding: 0 8px; color: #fff;     height: 15px; display: inline-block;line-height: 15px;}
.headernav .head-top ul li a:hover { color: #05cfc0; }
.headernav .head-top li + li a { border-left: 1px solid #FFF; }

.headerserch { width: 100%; height: 100px; background-color: #00bfb1; }
.headerserch .head-search { width: 1200px; height: 100px; margin: 0 auto; overflow: hidden; }
.headerserch .head-search .logo { width: 224px; height: 66px; margin-top: 13px; display: block; }
.headerserch .head-search .logo img {  height: 66px; }
.headerserch .head-search .ssbox { width: 587px; margin: 24px 0 0 140px; }
.headerserch .head-search .ssbox .search { width: 505px; height: 45px; line-height: 38px; box-sizing: border-box; border: 1px solid #999; border-radius: 30px; background: #9bece7; }
.headerserch .head-search .ssbox .search .ssicon { width: 72px; height: 41px; background: #9bece7 url(../images/search.png) no-repeat center; background-size: 15px 18px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; outline: none; border: none; }
.headerserch .head-search .ssbox .search .sstext { width: 422px; padding: 14px 0 14px 10px; background-color: #9bece7; border: none; margin-left: -20px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; color: #fff; }
.headerserch .head-search .ssbtn { width: 62px; height: 45px; font-size: 16px; color: #00BFB1; outline: none; border: none; border-radius: 15px; background: #9bece7; font-weight: bold; cursor: pointer; }
.headerserch .head-search .remen { font-size: 14px; color: #fff; margin: 5px 0 0 66px; height: 19px; overflow: hidden; }
.headerserch .head-search .remen a { color: #fff; max-width: 120px; display: inline-block; }
.headerserch .head-search .remen a:hover { color: #111; }

.pagenav { width: 100%; height: 50px; background-color: #fff;overflow: hidden; }
.pagenav ul { width: 1200px; margin: 0 auto; overflow: hidden; }
.pagenav ul li { float: left; width: 131px; height: 52px; line-height: 52px; text-align: center; }
.pagenav ul li a { font-size: 18px; font-weight: bold; display: block; transition: .2s; overflow: hidden; }
.pagenav ul li a:hover { color: #00bfb1; }
.pagenav ul li.on a { color: #00bfb1; }

.tjgame { width: 100%; background-color: #FFF; }
.tjgame ul { padding: 20px 0; overflow: hidden; }
.tjgame ul li { float: left; width: 90px; overflow: hidden; text-align: center; margin-left: 14px; }
.tjgame ul li .tj-img { width: 90px; height: 90px; }
.tjgame ul li .tj-img img { width: 90px; height: 90px;border-radius: 15px;}
.tjgame ul li .tj-title { margin-top: 10px; color: #333; font-size: 14px; width: 100%; }
.tjgame ul li .tj-title:hover{color: #00BFB1;}
.tjgame ul li + li { margin-left: 30px; }

.tjlist { width: 100%; background-color: #fff; }
.tjlist .row { height: 40px; line-height: 40px; padding: 0 14px; overflow: hidden; border-bottom: 1px solid #e5e5e5; }
.tjlist .row .tjlist-tltie { width: 158px; float: left; font-size: 18px; font-weight: bold; position: relative; color: #333333; height: 40px; line-height: 40px; display: inline-block; }
.tjlist .row .tjlist-tltie .backimg { width: 20px; height: 20px; background: url(../images/icon.png) no-repeat; background-size: 500px 400px; background-position: -15px -15px; position: absolute; right: 0px; top: 4px; bottom: 0; margin: auto; }
.tjlist .row .rowitem { padding: 0 15px; line-height: 16px; float: left; margin-top: 12px; }
.tjlist .row .rowitem + .rowitem { border-left: 1px solid #e5e5e5; }

.banner { padding: 20px 14px 20px 14px; background-color: #FFF; margin-top: 15px; overflow: hidden; }
.banner .banner-left { width: 390px; margin-right: 20px; float: left; overflow: hidden; }
.banner .banner-left .mb-slide { width: 390px; height: 300px; position: relative; float: left; overflow: hidden; margin-bottom: 10px; }
.banner .banner-left .mb-slide .hd { position: absolute; bottom: 0; overflow: hidden; *zoom: 1; z-index: 2; width: 100%; height: 8px; right: 0; }
.banner .banner-left .mb-slide .hd ul { zoom: 1; float: left; width: 102%; }
.banner .banner-left .mb-slide .hd ul li { width: 97px; height: 8px; overflow: hidden; background-color: #111; opacity: .5; float: left; cursor: pointer; }
.banner .banner-left .mb-slide .hd ul li + li { border-left: 1px solid #eee; }
.banner .banner-left .mb-slide .hd ul li.on { background-color: #05cfc0; }
.banner .banner-left .mb-slide .bd { position: relative; height: 100%; z-index: 0; }
.banner .banner-left .mb-slide .bd li { zoom: 1; vertical-align: middle; position: relative; text-align: right; }
.banner .banner-left .mb-slide .bd li a {display: block;position: relative;width: 100%;}
.banner .banner-left .mb-slide .bd p {text-align: left;width: 370px;height: 60px;overflow: hidden;position: absolute;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.6);color: #fff;font-size: 16px;line-height: 50px;padding: 0 10px;}
.banner .banner-left .mb-slide .bd p a { color: #fff; font-size: 16px; line-height: 50px; margin-left: 10px; max-width: 360px; overflow: hidden; height: 50px; display: block; }
.banner .banner-left .mb-slide .bd img { width: 390px; height: 300px; display: block;object-fit: cover;object-position: center center;transition: 1s; }
.banner .banner-left .banner-xp { width: 185px; overflow: hidden; float: left; padding-top: 19px; padding-right: 10px; }
.banner .banner-left .banner-xp .xp-logo { width: 68px; height: 68px; border-radius: 20px; float: left; }
.banner .banner-left .banner-xp .xp-logo img { width: 68px; height: 68px; border-radius: 20px; }
.banner .banner-left .banner-xp .xp-infor { float: left; width: 101px; margin-left: 6px; }
.banner .banner-left .banner-xp .xp-infor span { display: block; width: 100%; }
.banner .banner-left .banner-xp .xp-infor .xp-name { margin-top: 6px;width: 110px;overflow: hidden;}
.banner .banner-left .banner-xp .xp-infor .xp-name a { font-size: 14px; color: #444; width: 101px; display: block; }
.banner .banner-left .banner-xp .xp-infor .xp-size, .banner .banner-left .banner-xp .xp-infor .xp-type { font-size: 14px; color: #999; }
.banner .banner-middle { width: 470px; float: left; }
.banner .banner-middle .m-nav { width: 100%; height: 42px; line-height: 44px; border-bottom: 2px solid #00BFB1; }
.banner .banner-middle .m-nav .navitem { float: left; display: inline-block; width: 156px; text-align: center; font-size: 16px;}
.banner .banner-middle .m-nav .navitem.on { background: url(../images//arrow.png) no-repeat center; background-position: center bottom; }
.banner .banner-middle .wz-list { width: 100%; }
.banner .banner-middle .wz-list ul { display: none; margin-top: 15px; }
.banner .banner-middle .wz-list ul li { height: 34px; line-height: 34px; }
.banner .banner-middle .wz-list ul li .info{
    width:388px;
    float: left;
}
.banner .banner-middle .wz-list ul li .info img{margin-right: 5px;}
.banner .banner-middle .wz-list ul li .wz-type { height: 14px; line-height: 14px; font-size: 14px; color: #999; padding-right: 10px; border-right: 1px solid #ddd; margin-right: 10px; float: left; margin-top: 9px; }
.banner .banner-middle .wz-list ul li .wz-title { display: block; width: 235px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; font-size: 14px; }
.banner .banner-middle .wz-list ul li .wz-title img { width: 20px; height: 20px; border-radius: 6px; display: inline-block; margin-top: -3px; }

.banner .banner-middle .wz-list ul li .wz2-title { display: block; width: 372px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; font-size: 14px; }
.banner .banner-middle .wz-list ul li .wz2-title img { width: 20px; height: 20px; border-radius: 6px; display: inline-block; margin-top: -3px; }

.banner .banner-middle .wz-list ul li .wz-time { font-size: 14px; color: #00BFB1; float: right; width: 80px; white-space: nowrap; overflow: hidden; text-align: right; }
.banner .banner-middle .wz-list ul li.border { border-bottom: 1px dashed #ddd; }
.banner .banner-middle .wz-list ul.on { display: block; }
.banner .banner-right { float: right; width: 272px; margin-left: 20px; }
.banner .banner-right .br-link { position: relative; width: 270px; height: 135px; overflow: hidden; margin-top: 15px; }
.banner .banner-right .br-link .br-div { width: 270px; height: 135px; overflow: hidden; cursor: pointer; }
.banner .banner-right .br-link .br-div img { width: 270px; height: 135px; }
.banner .banner-right .br-link .br-div .slide-yy { position: absolute; bottom: -135px; left: 0; background-color: rgba(0, 0, 0, 0.6); font-size: 14px; color: #fff; padding: 10px 20px; transition: .4s; }
.banner .banner-right .br-link .br-div .slide-yy .br-title { font-size: 18px; line-height: 18px;padding-bottom: 8px; }
.banner .banner-right .br-link .br-div .slide-yy .br-text { height: 38px; overflow: hidden; }
.banner .banner-right .br-link .br-div .slide-yy .br-btn { text-align: center; width: 100px; height: 26px; margin: 0 auto; background-color: #2faf27; color: #fff; line-height: 26px; margin: 10px auto -3px  64px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-size: 14px; border: none; outline: none; cursor: pointer; }
.banner .banner-right .br-link + .br-link { margin-top: 10px; }
.banner .banner-right .br-link.on .slide-yy { bottom: 0; }
.banner .banner-right .br-tj { width: 270px; margin-top: 15px; float: left; }
.banner .banner-right .br-tj li { margin-bottom: 5px; }
.banner .banner-right .br-tj li .tjlink { color: #666; font-size: 14px; background-color: #e5e5e5; width: 100%; height: 28px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.banner .banner-right .br-tj li .tjlink span { display: inline-block; width: 44px; height: 28px; line-height: 28px; padding-right: 6px; text-align: center; background: url(../images/tjicon.png) no-repeat -55px -6px; color: #fff; margin-right: 2px; }
.banner .banner-right .br-tj li + li { margin-bottom: 5px; }
.banner .banner-right .br-tj li.on span { background: url(../images/tjicon.png) no-repeat -5px -7px; }
.banner .banner-right .br-tj li.on .tjlink { color: #05cfc0; }

.pageTitle { width: 100%; height: 43px; line-height: 43px; border-bottom: 1px solid #ddd; }
.pageTitle span { display: inline-block; height: 40px; border-bottom: 3px solid #00BFB1; font-size: 18px; font-weight: bold; float: left; }
.pageTitle .hjtab { float: left; margin-left: 360px; }
.pageTitle .hjtab i { font-size: 14px; padding: 3px 10px; color: #333; line-height: 14px; cursor: pointer; }
.pageTitle .hjtab i.on { background-color: #05cfc0; color: #fff; }
.pageTitle .more { float: right; font-size: 14px; color: #999; }

.gametype { padding: 20px 14px; background-color: #fff; margin-top: 15px; overflow: hidden; }
.gametype .type { width: 100%; float: left; margin-top: 15px; }
.gametype .type .typebtn { width: 102px; height: 36px; color: #666; font-size: 14px; line-height: 36px; text-align: center; background-color: #eee; border-radius: 5px; margin: 0 16px 15px 0; float: left; overflow: hidden; }
.gametype .type .typebtn.on { background: #05cfc0; color: #fff; }
.gametype .type .typebtn + .typebtn { margin: 0 15px 15px 0; }
.gametype .gamelist { float: left; width: 100%; min-height: 120px; overflow: hidden;margin-top: 20px; }
.gametype .gamelist ul { display: none; overflow: hidden; width: 103%; margin-top: 5px; }
.gametype .gamelist ul li { float: left; width: 90px; overflow: hidden; text-align: center; margin-right: 30px; margin-bottom: 20px; }
.gametype .gamelist ul li .gamelogo { width: 80px; height: 80px; border-radius: 15px; }
.gametype .gamelist ul li .gamelogo img { width: 80px; height: 80px; border-radius: 15px; }
.gametype .gamelist ul li .gamename { color: #666; font-size: 14px; margin-top: 10px; height: 20px; overflow: hidden;}
.gametype .gamelist ul li .gamename:hover { color: #00BFB1; }
.gametype .gamelist ul.on { display: block; }

div.gamehj { float: none; padding: 20px 14px; background-color: #FFF; margin-top: 15px; overflow: hidden; }
div.gamehj .gamehj-left {  width: 100%;  float: left; }
div.gamehj .gamehj-left .hj-left { /* width: 945px; */ overflow: hidden; float: left; }
div.gamehj .gamehj-left .hj-left ul { display: none; }
div.gamehj .gamehj-left .hj-left ul li { width: 270px; height: 170px; overflow: hidden; position: relative; margin: 20px 23px 0 0; float: left; }
div.gamehj .gamehj-left .hj-left ul li .hj-img { width: 270px; height: 170px; overflow: hidden; }
div.gamehj .gamehj-left .hj-left ul li .hj-img img { width: 270px; height: 170px;object-fit: cover;object-position: center center;transition: 1s;border-radius: 4px; }
div.gamehj .gamehj-left .hj-left ul li .hj-img .hj-text { position: absolute; bottom: 0; left: 0; width: 260px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; padding: 0 10px; height: 30px; line-height: 30px; background-color: rgba(0, 0, 0, 0.5); }
div.gamehj .gamehj-left .hj-left ul.on { display: block; }
div.gamehj .gamehj-right { float: right; width: 212px; }
div.gamehj .gamehj-right .gamehj-list { float: left; overflow: hidden; }
div.gamehj .gamehj-right .gamehj-list li { width: 210px; line-height: 28px; margin-top: 20px; }
div.gamehj .gamehj-right .gamehj-list li + li { margin-top: 10px; }
div.gamehj .gamehj-right .gamehj-list li span { float: left; }
div.gamehj .gamehj-right .gamehj-list li .s1 { width: 54px; height: 28px; display: inline-block; position: relative; margin-right: 20px; text-align: center; color: #fff; background-color: #ec5747; }
div.gamehj .gamehj-right .gamehj-list li .s1 i { width: 0; height: 0; display: block; position: absolute; top: 0; right: -16px; border-top: 28px solid #ec5747; border-right: 16px solid transparent; }
div.gamehj .gamehj-right .gamehj-list li .s2 { width: 54px; height: 28px; display: inline-block; position: relative; margin-right: 20px; text-align: center; color: #fff; background-color: #8c97cb; }
div.gamehj .gamehj-right .gamehj-list li .s2 i { width: 0; height: 0; display: block; position: absolute; top: 0; right: -16px; border-top: 28px solid #8c97cb; border-right: 16px solid transparent; }
div.gamehj .gamehj-right .gamehj-list li .s3 { width: 54px; height: 28px; display: inline-block; position: relative; margin-right: 20px; text-align: center; color: #fff; background-color: #5dc9ea; }
div.gamehj .gamehj-right .gamehj-list li .s3 i { width: 0; height: 0; display: block; position: absolute; top: 0; right: -16px; border-top: 28px solid #5dc9ea; border-right: 16px solid transparent; }
div.gamehj .gamehj-right .gamehj-list li .s4 { width: 54px; height: 28px; display: inline-block; position: relative; margin-right: 20px; text-align: center; color: #fff; background-color: #b3d465; }
div.gamehj .gamehj-right .gamehj-list li .s4 i { width: 0; height: 0; display: block; position: absolute; top: 0; right: -16px; border-top: 28px solid #b3d465; border-right: 16px solid transparent; }
div.gamehj .gamehj-right .gamehj-list li a { width: 135px; text-align: center;font-size: 14px;}

.gameTypes { padding: 20px 14px; background-color: #fff; margin-top: 15px; overflow: hidden; }
.gameTypes .types { width: 100%; float: left; margin-top: 15px; }
.gameTypes .types .typebtn { width: 102px; height: 36px; color: #666; font-size: 14px; line-height: 36px; text-align: center; background-color: #eee; border-radius: 5px; margin: 0 16px 15px 0; float: left; overflow: hidden; }
.gameTypes .types .typebtn.on { background: #05cfc0; color: #fff; }
.gameTypes .types .typebtn + .typebtn { margin: 0 15px 15px 0; }
.gameTypes .gamelists { float: left; width: 100%; min-height: 120px; overflow: hidden;margin-top: 20px; }
.gameTypes .gamelists ul { display: none; overflow: hidden; width: 103%; margin-top: 5px; }
.gameTypes .gamelists ul li { float: left; width: 90px; overflow: hidden; text-align: center; margin-right: 30px; margin-bottom: 20px; }
.gameTypes .gamelists ul li .gamelogo { width: 80px; height: 80px; border-radius: 15px; }
.gameTypes .gamelists ul li .gamelogo img { width: 80px; height: 80px; border-radius: 15px; }
.gameTypes .gamelists ul li .gamename { color: #666; font-size: 14px; margin-top: 10px; height: 20px; overflow: hidden;}
.gameTypes .gamelists ul li .gamename:hover { color: #00BFB1; }
.gameTypes .gamelists ul.on { display: block; }

.list-game { padding: 20px 14px; margin-top: 15px; background-color: #fff; overflow: hidden; }
.list-game .gametab { float: left; margin-left: 30px; max-width: 900px; overflow: hidden; white-space: nowrap; }
.list-game .gametab i { padding: 6px 10px; cursor: pointer; }
.list-game .gametab i.on { border-bottom: 3px solid #05cfc0; }
.list-game .list-games { float: left; overflow: hidden; width: 100%; min-height: 100px; }
.list-game .list-games ul { display: none; width: 103%; overflow: hidden; margin-top: 20px; }
.list-game .list-games ul li { float: left; width: 370px; height: 32px; line-height: 32px; margin: 0 29px 0 0; }
.list-game .list-games ul li .gmtype { font-size: 14px; color: #999; margin-right: 10px; }
.list-game .list-games ul li .gmname { font-size: 14px; color: #333; width: 240px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.list-game .list-games ul li .gmname:hover { color: #00BFB1; }
.list-game .list-games ul li .gmtime { font-size: 14px; color: #999; width: 40px; height: 31px; overflow: hidden; }
.list-game .list-games ul.on { display: block; }

.rank { padding: 20px 14px; background-color: #fff; margin-top: 15px; overflow: hidden; }
.rank .rankhead { overflow: hidden; height: 30px; line-height: 30px; background: #f8f8f8; color: #999; font-size: 13px; margin-bottom: 16px; font-weight: bold; margin-top: 20px; }
.rank .rankhead ul li { float: left; }
.rank .rankhead ul .r1 { margin-left: 3px; }
.rank .rankhead ul .r2 { margin-left: 19px; }
.rank .rankhead ul .r3 { margin: 0 40px 0 90px; }
.rank .rank-l { float: left; width: 350px; }
.rank .rank-l span { display: inline-block; }
.rank .rank-l .rankgm ul li { width: 100%; overflow: hidden; padding: 8px 0; }
.rank .rank-l .rankgm ul li .num { width: 20px; height: 20px; line-height: 20px; margin-left: 3px; text-align: center; }
.rank .rank-l .rankgm ul li .num1 { color: #FFF; background-color: #eb5836; }
.rank .rank-l .rankgm ul li .num2 { color: #FFF; background-color: #ff7e00; }
.rank .rank-l .rankgm ul li .num3 { color: #FFF; background-color: #ffba01; }
.rank .rank-l .rankgm ul li .numall { color: #888; background-color: #ededed; }
.rank .rank-l .rankgm ul li .rankname { margin-left: 19px; width: 170px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; }
.rank .rank-l .rankgm ul li .ranktype { margin: 0 34px 0 0; width: 65px; height: 22px; overflow: hidden; color: #999; }
.rank .rank-l .rankgm ul li .score { color: #ff7e00; font-style: italic; font-size: 14px; display: inline-block; padding: 0 4px; }
.rank .rank-l .rankgm ul li .r-item { display: none; margin-left: 18px; height: 92px; overflow: hidden; }
.rank .rank-l .rankgm ul li .r-item .ranklogo { width: 92px; height: 92px; overflow: hidden; float: left; margin-left: 18px; border-radius: 16px; }
.rank .rank-l .rankgm ul li .r-item .ranklogo img { width: 92px; height: 92px; border-radius: 16px; }
.rank .rank-l .rankgm ul li .r-item div { float: left; height: 92px; margin-left: 16px; width: 180px; }
.rank .rank-l .rankgm ul li .r-item div .ranktitle { font-size: 15px; color: #555; font-weight: bold; width: 100%; height: 20px; }
.rank .rank-l .rankgm ul li .r-item div .typeSize { font-size: 14px; color: #999; margin: 10px 0 12px 0; width: 100%; height: 20px; }
.rank .rank-l .rankgm ul li .r-item div .downbtn { width: 72px; height: 25px; border-radius: 4px; background: #fff; border: 1px solid #05cfc0; color: #05cfc0; line-height: 25px; text-align: center; font-size: 13px; overflow: hidden; }
.rank .rank-l .rankgm ul li .r-item div .downbtn:hover { background-color: #05cfc0; color: #fff; }
.rank .rank-l .rankgm ul li.on .r-item { display: block; }
.rank .rank-l .rankgm ul li.on .num { line-height: 92px; height: 92px; }
.rank .rank-l .rankgm ul li.on .num2 { background-color: #eb5836; width: 20px; }
.rank .rank-l .rankgm ul li.on .num2 { background-color: #ff7e00; width: 20px; }
.rank .rank-l .rankgm ul li.on .num3 { background-color: #ffba01; width: 20px; }
.rank .rank-l .rankgm ul li.on .numall { background-color: #ededed; width: 20px; }
.rank .rank-l .rankgm ul li.on .rankname { display: none; }
.rank .rank-l .rankgm ul li.on .ranktype { display: none; }
.rank .rank-l .rankgm ul li.on .score { display: none; }
.rank .rank-l + .rank-l { margin-left: 61px; }

.alink { padding: 20px 14px; background-color: #fff; margin-top: 15px; overflow: hidden; }
.alink .linklist { margin-top: 15px; float: left; }
.alink .linklist a { float: left; padding: 2px 14px  2px 2px  ;  
    border-right: 1px solid #e5e5e5; margin:0 14px 15px 0; }
/* .alink .linklist a + a { margin-right: 14px; } */
.alink .linklist a:last-child{border: none;}

.header-nav { padding: 20px 14px; background-color: #fff; font-size: 14px; color: #b0b0b0; line-height: 20px; }
.header-nav a { color: #666; }
.header-nav .now { color: #767676; }
.header-nav .now .addr { display: inline-block; width: 16px; height: 20px; background: url(../images//dingwei.png) no-repeat center; background-size: 16px 20px; vertical-align: text-bottom; margin-right: 10px; }

.xzlist-type { background-color: #fff; margin-right: -20px; padding: 5px 14px; overflow: hidden; }
.xzlist-type a { width: 130px; height: 36px; float: left; text-align: center; line-height: 36px; background-color: #f7f7f7; font-size: 16px; margin: 0 18px 12px 0; position: relative; top: 0; left: 0; transition: .4s; overflow: hidden; }
.xzlist-type a:hover { top: -5px; background-color: #05cfc0; color: #fff; }
.xzlist-type .on { background-color: #05cfc0; color: #fff; }

.xz-gamerank { padding: 20px 14px 0 14px; background-color: #fff; margin-top: 15px; position: relative; overflow: hidden; }
.xz-gamerank .moduletitle { color: #333; font-size: 22px; font-weight: 600; height: 40px; margin-bottom: 20px; width: 100%; border-bottom: 3px solid #f8f8f8; position: relative; }
.xz-gamerank .moduletitle em { width: 112px; height: 3px; display: inline-block; float: left; background: #05cfc0; background-position-x: 0%; background-position-y: 0%; background-position: 0 -154px; margin-top: 3px; margin-right: 3px; position: absolute; bottom: -3px; left: 0; }
.xz-gamerank .gamelist-rank { position: absolute; top: 22px; right: 14px; }
.xz-gamerank .gamelist-rank .rankbtn { width: 82px; text-align: center; display: inline-block; font-size: 14px; color: #00BFB1; border: 1px solid #00BFB1; padding: 2px 0 2px 10px; margin-left: 15px; cursor: pointer; }
.xz-gamerank .gamelist-rank .rankbtn a { color: #00BFB1;}
.xz-gamerank .gamelist-rank .rankbtn .btnback { width: 19px; height: 20px; display: inline-block; background: url(../images/rankarrow.png) no-repeat; background-size: auto; background-position: 0 -18px; vertical-align: text-bottom; margin-left: 5px; }
.xz-gamerank .gamelist-rank .rankbtn.on { color: #fff; background-color: #05cfc0; border: 1px solid #05cfc0; }
.xz-gamerank .gamelist-rank .rankbtn.on a { color: #fff;}
.xz-gamerank .gamelist-rank .rankbtn.on .btnback { background-position: 0px 5px; }

.xz-gamelist { margin-top: 15px; }
.xz-gamelist ul { width: 101%; overflow: hidden; }
.xz-gamelist ul li { width: 395px; height: 220px; position: relative; overflow: hidden; background-color: #FFF; transition: .4s; float: left; margin: 1px 2px 1px 1px; border: 1px solid #eee; }
.xz-gamelist ul li .xz-item { margin: 15px; }
.xz-gamelist ul li .xz-item .item-t h3 { width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; height: 40px; line-height: 40px; font-weight: normal; color: #333; }
.xz-gamelist ul li .xz-item .item-t h3:hover { color: #00BFB1; }
.xz-gamelist ul li .xz-item .item-m .item-logo { width: 90px; height: 90px; overflow: hidden; }
.xz-gamelist ul li .xz-item .item-m .item-logo img { width: 90px; height: 90px;border-radius: 15px; }
.xz-gamelist ul li .xz-item .item-m .item-score { position: absolute; top: 21px; right: 15px; width: 44px; text-align: center; }
.xz-gamelist ul li .xz-item .item-m .item-score span { display: inline-block; font-size: 14px; padding: 0 8px; color: #999; border-bottom: 1px solid #ddd; }
.xz-gamelist ul li .xz-item .item-m .item-score i { font-size: 20px; color: #00BFB1; font-weight: bold; }
.xz-gamelist ul li .xz-item .item-m .item-mGame { font-size: 14px; color: #999; margin-left: 16px; width: 228px; }
.xz-gamelist ul li .xz-item .item-m .item-mGame p { margin-top: 8px; line-height: 16px; }
.xz-gamelist ul li .xz-item .item-m .item-mGame .item-btn { width: 98px; height: 30px; line-height: 30px; text-align: center; color: #fff; display: inline-block; border-radius: 5px; background-color: #00bfb1; margin-top: 10px; overflow: hidden; }
.xz-gamelist ul li .xz-item .item-m .item-mGame .item-btn:hover { opacity: .7; }
.xz-gamelist ul li .xz-item .item-b { height: 38px; line-height: 21px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; line-clamp: 2; margin-top: 15px; float: left; color: #999; }
.xz-gamelist ul li .xz-item .item-b i { color: #00BFB1; font-size: 14px; }
.xz-gamelist ul li:hover { box-shadow: 0 4px 10px #ddd; z-index: 2; }

.layout-l { width: 850px; float: left; overflow: hidden; margin-right: 13px; }
.layout-l .xzd-infor { width: 832px; height: 230px; margin-top: 15px; padding: 20px 0 20px 14px; background-color: #FFF; }
.layout-l .xzd-infor .xzd-t { margin-top: 10px; }
.layout-l .xzd-infor .xzd-t h1 { display: inline-block; font-size: 16px; font-weight: normal; color: #000; }
.layout-l .xzd-infor .xzd-t span { margin-left: 10px; font-size: 15px; color: #505050; }
.layout-l .xzd-infor .xzd-a {display: flex;align-items: center;flex-direction: column; }
.layout-l .xzd-infor .xzd-m { margin-top: 15px; }
.layout-l .xzd-infor .xzd-m img { width: 100px; height: 100px; border-radius: 16px; float: left; }
.layout-l .xzd-infor .xzd-m ul { float: left; width: 680px; overflow: hidden; margin-left: 20px; }
.layout-l .xzd-infor .xzd-m ul li { float: left; width: 36%; font-size: 14px; color: #434343; height: 30px; line-height: 30px; white-space: nowrap;/*  overflow: hidden;  */margin-top: 4px;}
.layout-l .xzd-infor .xzd-m ul li span { color: #6e6e6e; }
.layout-l .xzd-infor .xzd-m ul li.wauto { width: 500px; margin-top: 10px;margin-top: 4px; }
.layout-l .xzd-infor .xzd-m ul li.wauto .typelabel a{ padding: 0 10px; color: #fff;background: #00bfb1;border-radius: 3px;margin: 0 3px; }
.layout-l .xzd-infor .xzd-m ul li.wauto .typelabel a:hover{color: #666; }
.layout-l .xzd-infor .xzd-m ul li:before { content: ''; width: 5px; height: 5px; border-radius: 50%; display: inline-block; vertical-align: middle; background: #bfbfbf; margin: -2px 10px 0 0; }
.layout-l .xzd-infor .xzd-b { float: left; margin-top: 15px; }
.layout-l .xzd-infor .xzd-b .and { width: 260px; height: 65px; border-radius: 5px; background-color: #00b26f; }
.layout-l .xzd-infor .xzd-b .nodown { background-color: #999;width: 242px;height: 65px;border-radius: 5px; }

.layout-l .xzd-infor .xzd-b .nodown .text {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    margin: 20px 0px 0 20px;
    float: left;
}

.layout-l .xzd-infor .xzd-b .and .back { display: inline-block; width: 66px; height: 37px; background: url(../images/pay.png) no-repeat -78px 0px; background-size: auto; margin: 13px 0px 0 10px; float: left; }
.layout-l .xzd-infor .xzd-b .and .text { display: inline-block; color: #fff; font-size: 18px; margin: 20px 0px 0 15px; float: left; }
.layout-l .xzd-infor .xzd-b .and .num { display: inline-block; width: 41px; height: 38px; background-color: #009b61; margin: 13px 0 0 0; float: left; position: relative; }
.layout-l .xzd-infor .xzd-b .and .num:hover .sao { display: block; }
.layout-l .xzd-infor .xzd-b .and .num .em { display: inline-block; width: 28px; height: 28px; background: url(../images/pay.png) no-repeat -7px 3px; background-size: auto; margin: 5px 0 0 6px; }
.layout-l .xzd-infor .xzd-b .and .num .sao { display: none; position: absolute; left: 50%; margin-left: -70px; top: 40px; width: 130px; height: 130px; background: #fff; border-radius: 8px; padding: 10px; z-index: 100; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
.layout-l .xzd-infor .xzd-b .and .num .sao img { display: block; width: 100%; height: 100%; }
.layout-l .xzd-infor .xzd-b .ios { width: 233px; height: 65px; border-radius: 5px; background-color: #00a0e9;margin-left: 30px; }
.layout-l .xzd-infor .xzd-b .ios .back { display: inline-block; width: 34px; height: 37px; background: url(../images/pay.png) no-repeat -45px 0px; background-size: auto; margin: 13px 0px 0 10px; float: left; }
.layout-l .xzd-infor .xzd-b .ios .text { display: inline-block; color: #fff; font-size: 18px; margin: 20px 0px 0 20px; float: left; }
.layout-l .xzd-infor .xzd-b .ios .num { display: inline-block; width: 41px; height: 38px; background-color: #0082bd; margin: 13px 0 0 0; float: left; position: relative; }
.layout-l .xzd-infor .xzd-b .ios .num:hover .sao { display: block; }
.layout-l .xzd-infor .xzd-b .ios .num .em { display: inline-block; width: 28px; height: 28px; background: url(../images/pay.png) no-repeat -7px 3px; background-size: auto; margin: 5px 0 0 6px; }
.layout-l .xzd-infor .xzd-b .ios .num .sao { display: none; position: absolute; left: 50%; margin-left: -70px; top: 40px; width: 130px; height: 130px; background: #fff; border-radius: 8px; padding: 10px; z-index: 100; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
.layout-l .xzd-infor .xzd-b .ios .num .sao img { display: block; width: 100%; height: 100%; }
.layout-l .xzd-infor .xzd-b .ios .num .sys { width: 130px; height: 130px; position: absolute; top: 0; left: 0; z-index: 100; }
.layout-l .xzd-infor .xzd-b .ios .num .sys img { width: 130px; height: 130px; display: block; }
.layout-l .xzd-jieshao { background-color: #fff; overflow: hidden; padding: 20px 22px; width: 822px; margin-top: 15px; }
.layout-l .xzd-jieshao .tab_box { width: 100%; }
.layout-l .xzd-jieshao .tab_box p { /* text-indent: 2em;  */line-height: 26px; margin-bottom: 15px;font-size: 16px; }
.layout-l .xzd-jieshao .tab_box h3 { margin-left: 10px; font-size: 16px; margin-bottom: 15px;}
.layout-l .xzd-jieshao .tab_box img { width: auto; display: block; margin: 0 auto;max-width: 72%; }
.layout-l .xzd-jieshao .tab_box iframe{ margin: 0 auto;max-width: 90%; }
.endtext .video-responsive{
    text-align: center;
}
.layout-l .xzd-jietu { padding: 20px 14px; background-color: #FFF; margin-top: 15px; width: 822px; float: left; overflow: hidden; }
.layout-l .xzd-jietu .xzd-slide { width: 822px; height: 330px; position: relative; float: left; overflow: hidden; margin-bottom: 10px; }
.layout-l .xzd-jietu .xzd-slide .hd { position: absolute; top: 0; left: 0; overflow: hidden; *zoom: 1; z-index: 2; width: 100%; height: 100%; }
.layout-l .xzd-jietu .xzd-slide .hd:hover .prev { display: block; }
.layout-l .xzd-jietu .xzd-slide .hd:hover .next { display: block; }
.layout-l .xzd-jietu .xzd-slide .hd .prev { position: absolute; top: 35%; left: 0; width: 40px; height: 90px; margin-top: -12px; background: rgba(0, 0, 0, 0.6); display: none; cursor: pointer; }
.layout-l .xzd-jietu .xzd-slide .hd .prev i { display: block; background: url(../images/img_icon3.png) no-repeat; height: 34px; width: 20px; background-position: 0 -206px; margin: 30px auto 0; }
.layout-l .xzd-jietu .xzd-slide .hd .next { position: absolute; top: 35%; right: 0; width: 40px; height: 90px; margin-top: -12px; background: rgba(0, 0, 0, 0.6); display: none; cursor: pointer; }
.layout-l .xzd-jietu .xzd-slide .hd .next i { display: block; background: url(../images/img_icon3.png) no-repeat; height: 34px; width: 20px; background-position: 0 -138px; margin: 30px auto 0; }
.layout-l .xzd-jietu .xzd-slide .bd { position: relative; height: 100%; z-index: 0; }
.layout-l .xzd-jietu .xzd-slide .bd li { width:220px; zoom: 1; vertical-align: middle; position: relative;float: left; }
.layout-l .xzd-jietu .xzd-slide .bd li img { width: 200px; height: 330px; display: block; }
.layout-l .xzd-jietu .xzd_slide_w .bd li{  width: 600px;margin-right: 20px;}
.layout-l .xzd-jietu .xzd_slide_w .bd li img{  width: 600px;}

.layout-l .xzd-banben { width: 822px; padding: 20px 14px; background-color: #FFF; margin-top: 15px; float: left; overflow: hidden; }
.layout-l .xzd-banben ul { width: 100%; }
.layout-l .xzd-banben ul li { line-height: 42px; overflow: hidden; }
.layout-l .xzd-banben ul li .bb-name { color: #666; font-size: 14px; float: left; width: 480px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layout-l .xzd-banben ul li .bb-score { overflow: hidden; float: left; position: relative; width: 73px; height: 13px; margin-top: 14px; }
.layout-l .xzd-banben ul li .bb-score span { display: inline-block; position: absolute; top: 0; left: 0; float: left; overflow: hidden; }
.layout-l .xzd-banben ul li .bb-score .xing1 { width: 73px; height: 13px; background: url(../images/litterStar.png) no-repeat 0 0; background-size: auto; }
.layout-l .xzd-banben ul li .bb-score .xing2 { width: 73px; height: 13px; background: url(../images/litterStar.png) no-repeat 0 -130px; background-size: auto; }
.layout-l .xzd-banben ul li .size { display: inline-block; float: left; margin-left: 70px; width: 80px; overflow: hidden; }
.layout-l .xzd-banben ul li .bb-detail { width: 76px; height: 30px; font-size: 14px; color: #00BFB1; border: 1px solid #00BFB1; text-align: center; line-height: 32px; float: right; margin-top: 5px; }
.layout-l .xzd-banben ul li .bb-detail:hover { background-color: #00BFB1; color: #FFF; }
.layout-l .xzd-banben ul li + li { border-top: 1px dashed #ddd; }
.layout-l .xzd-hj { padding: 20px 14px; background-color: #FFF; width: 822px; margin-top: 15px; float: left; overflow: hidden; }
.layout-l .xzd-hj .hj-type { width: 100%; }
.layout-l .xzd-hj .hj-type a { padding: 5px 20px; border: 1px solid #00BFB1; color: #00BFB1; border-radius: 4px; margin: 10px 6px 0 0;width: 27%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.layout-l .xzd-hj .hj-type a:hover { color: #fff; background-color: #00BFB1; }
.layout-l .xzd-hj .hj-type a.on { color: #fff; background-color: #00BFB1; }
.layout-l .xzd-hj .hj-infor { display: none; margin-top: 15px; }
.layout-l .xzd-hj .hj-infor .hjinfor-t { overflow: hidden; }
.layout-l .xzd-hj .hj-infor .hjinfor-t .hj-logo { float: left; width: 255px; height: 135px; margin-right: 20px; }
.layout-l .xzd-hj .hj-infor .hjinfor-t .hj-logo img { width: 255px; height: 135px; }
.layout-l .xzd-hj .hj-infor .hjinfor-t .hj-jieshao .hj-name { font-size: 24px; color: #000; float: left; margin-top: 10px; max-width: 430px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.layout-l .xzd-hj .hj-infor .hjinfor-t .hj-jieshao span { float: right; margin-top: 20px; }
.layout-l .xzd-hj .hj-infor .hjinfor-t .hj-jieshao span i { color: #ff6633; }
.layout-l .xzd-hj .hj-infor .hjinfor-t .hj-jieshao p { width: 546px; float: left; height: 85px; line-height: 30px; margin-top: 10px; overflow: hidden; }
.layout-l .xzd-hj .hj-infor ul { margin-top: 20px; width: 103%; overflow: hidden; }
.layout-l .xzd-hj .hj-infor ul li { background-color: #eee; border-radius: 7px; padding: 11px 13px; height: 75px; width: 236px; float: left; margin: 0 18px 15px 0; }
.layout-l .xzd-hj .hj-infor ul li .hjgame-logo { width: 75px; height: 75px; overflow: hidden; float: left; margin-right: 12px; border-radius: 16px; }
.layout-l .xzd-hj .hj-infor ul li .hjgame-logo img { width: 75px; height: 75px; border-radius: 16px; }
.layout-l .xzd-hj .hj-infor ul li .hjgame-name { width: 148px; overflow: hidden; line-height: 27px; color: #333; }
.layout-l .xzd-hj .hj-infor ul li .hjgame-size { display: inline-block; width: 148px; font-size: 14px; color: #7d7d7d; margin: 2px 0; }
.layout-l .xzd-hj .hj-infor ul li .hjgame-type { display: inline-block; width: 148px; font-size: 14px; color: #7d7d7d; }
.layout-l .xzd-hj .hj-infor.on { display: block; }
.layout-l .xzd-news { width: 822px; padding: 20px 14px; background-color: #fff; margin-top: 15px; float: left; overflow: hidden; }
.layout-l .xzd-news ul { width: 856px; overflow: hidden; }
.layout-l .xzd-news ul li { width: 385px; float: left; margin-right: 20px; padding: 10px 0 10px 0; border-bottom: 1px solid #eee; }
.layout-l .xzd-news ul .news-title { width: 290px; /* color: #333; */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-left: 3px solid #ddd; padding-left: 10px; }
.layout-l .xzd-news ul .news-time { float: right; font-size: 14px; color: #b0aaaa; }
.layout-l .wz-list { overflow: hidden; width: 840px; margin-top: 15px; float: left; }
.layout-l .wz-list li { height: 120px; background-color: #fff; overflow: hidden; padding: 20px 14px; }
.layout-l .wz-list li:hover .wz-infor .wz-title { color: #05cfc0; }
.layout-l .wz-list li:hover .wz-logo { opacity: .9; }
.layout-l .wz-list li .wz-logo { width: 200px; height: 120px; border-radius: 4px; overflow: hidden; margin-right: 14px; float: left; }
.layout-l .wz-list li .wz-logo img { width: 200px; height: 120px; border-radius: 4px; }
.layout-l .wz-list li .wz-infor .wz-title { font-size: 16px; font-weight: bold; color: #333; white-space: nowrap; max-width: 580px; text-overflow: ellipsis; overflow: hidden; }
.layout-l .wz-list li .wz-infor .wz-jieshao { line-height: 20px; height: 40px; margin: 15px 0 25px 0; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.layout-l .wz-list li .wz-infor .wz-time { opacity: .5; }
.layout-l .wz-list li .wz-infor .wz-time .time { margin-right: 100px; max-width: 300px; height: 20px; display: inline-block; overflow: hidden; float: left; }
.layout-l .wz-list li .wz-infor .wz-time .time i { float: left; display: inline-block; height: 15px; width: 17px; background: url(../images/wzlist.png) no-repeat; background-size: auto; background-position: 0px 2px; margin-right: 10px; }
.layout-l .wz-list li .wz-infor .wz-time .redu i { display: inline-block; height: 15px; width: 17px; background: url(../images/wzlist.png) no-repeat; background-size: auto; background-position: -19px 3px; margin-right: 10px; }
.layout-l .wz-list li + li { margin-top: 10px; }
.layout-l .wzd-details { width: 822px; padding: 20px 14px; background-color: #fff; margin-top: 15px; }
.layout-l .wzd-details .details-top { text-align: center; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.layout-l .wzd-details .details-top h1 { height: 60px; font-size: 22px; line-height: 30px; font-weight: bold; color: #2b2b2b; /* overflow: hidden; */ }
.layout-l .wzd-details .details-top p { height: 30px; line-height: 30px; color: #8c8c8c; }
.layout-l .wzd-details .details-top p span { padding: 0 20px; }
.layout-l .wzd-details .endtext p { line-height: 26px; margin-bottom: 12px; }
.layout-l .wzd-details .endtext h3 { line-height: 26px; margin-bottom: 10px; }
.layout-l .wzd-details .endtext img { max-width: 90%; display: block; margin: 15px auto; }
.layout-l .wzd-details .wz-tiaozhuan { width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px 0; margin-top: 20px; }
.layout-l .wzd-details .wz-tiaozhuan .prev { float: left; display: inline-block; width: 48%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #666; }
.layout-l .wzd-details .wz-tiaozhuan .prev a { color: #333;display: inline; }
.layout-l .wzd-details .wz-tiaozhuan .prev a:hover { color: #05cfc0; }
.layout-l .wzd-details .wz-tiaozhuan .next { float: right; display: inline-block; width: 48%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: right; color: #666; }
.layout-l .wzd-details .wz-tiaozhuan .next a { color: #333;display: inline; }
.layout-l .wzd-details .wz-tiaozhuan .next a:hover { color: #05cfc0; }
.layout-l .wzd-gametj { width: 822px; padding: 20px 14px; background-color: #fff; margin-top: 15px; overflow: hidden; }
.layout-l .wzd-gametj .gametj-logo { width: 64px; height: 64px; border: 16px; overflow: hidden; float: left; }
.layout-l .wzd-gametj .gametj-logo img { width: 64px; height: 64px; border: 16px; }
.layout-l .wzd-gametj .gametj-item { width: 620px; height: 64px; float: left; margin-left: 15px; overflow: hidden; }
.layout-l .wzd-gametj .gametj-item .gametj-tt { font-size: 18px; color: #444; white-space: nowrap; overflow: hidden; }
.layout-l .wzd-gametj .gametj-item .gametj-tt span { font-size: 14px; height: 22px; border: 1px solid #00bfb1; padding: 0 10px; border-radius: 5px; margin-left: 15px; }
.layout-l .wzd-gametj .gametj-item .gametj-xq { width: 100%; margin-top: 20px; }
.layout-l .wzd-gametj .gametj-item .gametj-xq .gametj-r { display: inline-block; /* width: 110px; */ height: 20px; overflow: hidden; }
.layout-l .wzd-gametj .gametj-item .gametj-xq .gametj-r+.gametj-r { margin-left: 30px; }
.layout-l .wzd-gametj .gametj-item .gametj-xq .xq-redu i { font-size: 14px; color: #00bfb1; font-weight: bold; }
.layout-l .wzd-gametj .wzxzbtn { float: right; width: 106px; height: 35px; line-height: 35px; margin-left: 10px; border-radius: 5px; overflow: hidden; background: #00bfb1; font-size: 14px; text-align: center; color: #fff; margin-top: 15px; }
.layout-l .wzd-jietu { width: 822px; padding: 20px 14px; background-color: #fff; margin-top: 15px; }
.layout-l .wzd-jietu ul { width: 850px; overflow: hidden; }
.layout-l .wzd-jietu ul li { width: 144px; font-size: 14px; color: #666; height: 165px; overflow: hidden; float: left; margin: 5px 25px 10px 0; }
.layout-l .wzd-jietu ul li .jietu-img { width: 144px; height: 108px; border-radius: 4px; overflow: hidden; margin-bottom: 15px; }
.layout-l .wzd-jietu ul li .jietu-img img { width: 144px; height: 108px; border-radius: 4px; }
.layout-l .wzd-jietu ul li .jietu-title { font-size: 14px; color: #666; }
.layout-l .wzd-jietu ul li .jietu-title:hover { color: #00BFB1; }

.layout-r { width: 336px; float: left; overflow: hidden; margin-top: 15px; }
.layout-r .xzd-newgame { padding: 20px 7px 20px 7px; width: 322px; background-color: #FFF; }
.layout-r .xzd-newgame .ng-list ul { margin-top: 15px; width: 360px; overflow: hidden; }
.layout-r .xzd-newgame .ng-list ul li { width: 90px; height: 105px; float: left; margin: 0 26px 15px 0; text-align: center; overflow: hidden; }
.layout-r .xzd-newgame .ng-list ul li .newgames { width: 90px; border-radius: 12px; overflow: hidden; }
.layout-r .xzd-newgame .ng-list ul li .newgames img { width: 80px; height: 80px; border-radius: 12px; }
.layout-r .xzd-newgame .ng-list ul li .newsname { color: #666; font-size: 14px; margin-top: 5px; }
.layout-r .xzd-newgame .ng-list ul li .newsname:hover { color: #00BFB1; }
.layout-r .xzd-rank { padding: 20px 7px 20px 7px; width: 322px; margin-top: 15px; background-color: #FFF; }
.layout-r .xzd-rank .type-rank ul li { padding: 10px 0; overflow: hidden; }
.layout-r .xzd-rank .type-rank ul li .num { width: 18px; height: 18px; margin-right: 12px; text-align: center; margin-top: 4px; }
.layout-r .xzd-rank .type-rank ul li .num1 { color: #FFF; background-color: #eb5836; }
.layout-r .xzd-rank .type-rank ul li .num2 { color: #FFF; background-color: #ff7e00; }
.layout-r .xzd-rank .type-rank ul li .num3 { color: #FFF; background-color: #ffba01; }
.layout-r .xzd-rank .type-rank ul li .numall { color: #888; background-color: #ededed; }
.layout-r .xzd-rank .type-rank ul li .rankname { color: #333; line-height: 27px; width: 200px; }
.layout-r .xzd-rank .type-rank ul li .xzd-item { display: none; }
.layout-r .xzd-rank .type-rank ul li .downbtn { width: 72px; height: 25px; border-radius: 4px; background: #fff; border: 1px solid #05cfc0; color: #05cfc0; line-height: 25px; text-align: center; font-size: 13px; }
.layout-r .xzd-rank .type-rank ul li .downbtn:hover { background-color: #05cfc0; color: #fff; }
.layout-r .xzd-rank .type-rank ul li + li { border-top: 1px dashed #eee; }
.layout-r .xzd-rank .type-rank ul li.on .rankname { display: none; }
.layout-r .xzd-rank .type-rank ul li.on .num { height: 75px; line-height: 75px; background-color: #f44334; color: #FFF; margin-top: 0; }
.layout-r .xzd-rank .type-rank ul li.on .downbtn { margin-top: 24px; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item { display: block; float: left; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item .ranklogo { width: 75px; height: 75px; overflow: hidden; border-radius: 16px; float: left; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item .ranklogo img { width: 75px; height: 75px; border-radius: 16px; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item .item-infor { width: 130px; float: left; overflow: hidden; margin-left: 12px; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item .item-infor .ranktitle { color: #666; height: 20px; font-size: 16px; overflow: hidden;width: 145px; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item .item-infor .ranktitle:hover { color: #00BFB1; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item .item-infor .bb-score { width: 72px !important; float: left; position: relative; height: 13px; width: 150px; margin: 11px 0; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item .item-infor .bb-score span { display: inline-block; position: absolute; top: 0; left: 0; float: left; overflow: hidden; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item .item-infor .bb-score .xing1 { width: 73px; height: 13px; background: url(../images/litterStar.png) no-repeat 0 0; background-size: auto; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item .item-infor .bb-score .xing2 { width: 73px; height: 13px; background: url(../images/litterStar.png) no-repeat 0 -130px; background-size: auto; }
.layout-r .xzd-rank .type-rank ul li.on .xzd-item .item-infor .ranktype { display: block; width: 150px; overflow: hidden; height: 19px; color: #999; }
.layout-r .xzd-newhj { padding: 20px 7px 20px 7px; width: 322px; margin-top: 15px; background-color: #FFF; float: left; overflow: hidden; }
.layout-r .xzd-newhj ul li { width: 322px; height: 96px; float: left; overflow: hidden; margin-top: 5px; }
.layout-r .xzd-newhj ul li .newhj-logo { width: 160px; height: 96px; border-radius: 4px; overflow: hidden; margin-right: 12px; float: left; }
.layout-r .xzd-newhj ul li .newhj-logo img { width: 160px; height: 96px; border-radius: 4px; }
.layout-r .xzd-newhj ul li .newhj-title { width: 150px; height: 45px; float: left; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.layout-r .xzd-newhj ul li .newhj-time { float: left; font-size: 14px; color: #999; margin-top: 32px; }
.layout-r .xzd-newhj ul li + li { margin-top: 15px; }
.layout-r .wz-zixun { padding: 20px 7px 20px 7px; width: 322px; background-color: #FFF; margin-bottom: 15px; }
.layout-r .wz-zixun .zx-list { overflow: hidden; }
.layout-r .wz-zixun .zx-list .zx-item { margin-top: 10px; overflow: hidden; }
.layout-r .wz-zixun .zx-list .zx-item .num { display: inline-block; width: 20px; height: 28px; line-height: 28px; margin-left: 3px; text-align: center; border-radius: 4px; float: left; margin-right: 14px; }
.layout-r .wz-zixun .zx-list .zx-item .num1 { color: #FFF; background-color: #eb5836; }
.layout-r .wz-zixun .zx-list .zx-item .num2 { color: #FFF; background-color: #ff7e00; }
.layout-r .wz-zixun .zx-list .zx-item .num3 { color: #FFF; background-color: #ffba01; }
.layout-r .wz-zixun .zx-list .zx-item .numall { color: #fff; background-color: #a0a0a0; }
.layout-r .wz-zixun .zx-list .zx-item .zx-title { float: left; width: 280px; line-height: 28px; color: #333; }
.layout-r .wz-zixun .zx-list .zx-item .zx-title:hover { color: #05cfc0; }
.layout-r .wz-zixun .zx-list .zx-item + .zx-item { margin-top: 10px; }

.hj-tab { padding: 20px 14px 5px 14px; background-color: #fff; margin-top: 15px; }
.hj-tab .tz-label { margin-left: 190px; width: 800px; text-align: center; height: 42px; overflow: hidden; }
.hj-tab .tz-label a { display: inline-block; width: 160px; height: 28px; text-align: center; line-height: 28px; border-radius: 4px; background-color: #eee; color: #555; font-size: 14px; margin-left: 15px; margin-top: 5px; }
.hj-tab .tz-label .on {background-color: #00bfb1; color: #fff; }

.list-hj { overflow: hidden; }
.list-hj ul { width: 103%; padding-bottom: 5px; overflow: hidden; }
.list-hj ul li { width: 283px; height: 235px; background-color: #fff; overflow: hidden; float: left; padding: 10px 5px; margin-top: 15px; margin-right: 6px; transition: .4s; margin-left: 2px; }
.list-hj ul li:hover { box-shadow: 0 1px 5px #666; }
.list-hj ul li .hj-logo { width: 285px; height: 160px; border-radius: 4px; overflow: hidden; }
.list-hj ul li .hj-logo img { width: 285px; height: 160px; border-radius: 4px; }
.list-hj ul li .hj-title { font-size: 16px; color: #333; width: 100%; margin: 5px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list-hj ul li .hj-btn { line-height: 30px; width: 100%; }
.list-hj ul li .hj-btn .hj-time { opacity: .5; }
.list-hj ul li .hj-btn .hj-time i { display: inline-block; height: 15px; width: 17px; background: url(../images/wzlist.png) no-repeat; background-size: auto; background-position: 0px 2px; margin-right: 5px; }
.list-hj ul li .hj-btn .hj-tz { float: right; height: 30px; width: 92px; background: #00bfb1; color: #fff; text-align: center; border-radius: 4px; }

.hjd-details { padding: 20px 14px; background-color: #fff; margin-top: 15px; overflow: hidden; }
.hjd-details .hjd-logo { width: 354px; height: 178px; border-radius: 4px; overflow: hidden; float: left; }
.hjd-details .hjd-logo img { width: 354px; height: 178px; border-radius: 4px; }
.hjd-details .hjd-item { float: left; width: 790px; margin-left: 25px; }
.hjd-details .hjd-item .hjd-title h1 { display: inline-block; font-size: 24px; font-weight: normal; width: 650px; }
.hjd-details .hjd-item .hjd-title span { display: inline-block; width: 130px; text-align: right; color: #ff6666; }
.hjd-details .hjd-item .hjd-jieshao { text-indent: 2em; margin-top: 10px; width: 100%; line-height: 25px; height: 100px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.hjd-details .hjd-item .hjd-time { width: 100%; margin-top: 10px; overflow: hidden; }
.hjd-details .hjd-item .hjd-time .hjd-xg { width: 65%; color: #666; }
.hjd-details .hjd-item .hjd-time .hjd-xg a { padding: 2px 10px; background-color: #eee; color: #666; border-radius: 4px; font-size: 14px; }
.hjd-details .hjd-item .hjd-time .hjd-xg a + a { margin-left: 15px; }
.hjd-details .hjd-item .hjd-time .hjd-xg a:hover { color: #fff; background-color: #05cfc0; }
.hjd-details .hjd-item .hjd-time .hjd-update { width: 30%; text-align: right; font-size: 14px; color: #666; }

.hjd-zt { padding: 20px 0 0 0; background-color: #fff; width: 100%; }
.hjd-zt .titleAll { margin: 0 14px; width: 1176px; margin-bottom: 10px; }
.hjd-zt .list-hj { background-color: #f5f5f5; }

.wzhj-details { padding: 20px 14px; background-color: #fff; margin-top: 15px; overflow: hidden; }
.wzhj-details .wzhj-logo { width: 598px; height: 300px; border-radius: 4px; overflow: hidden; float: left; }
.wzhj-details .wzhj-logo img { width: 598px; height: 300px; border-radius: 4px; }
.wzhj-details .wzhj-item { float: left; width: 545px; margin-left: 17px; }
.wzhj-details .wzhj-item .wzhj-title h1 { display: inline-block; font-size: 24px; font-weight: normal; width: 545px; line-height: 60px; }
.wzhj-details .wzhj-item .wzhj-title span { display: inline-block; width: 130px; text-align: right; color: #ff6666; }
.wzhj-details .wzhj-item .wzhj-jieshao { height: 80px; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.wzhj-details .wzhj-item .wzhj-jieshao p { text-indent: 2em; width: 100%; line-height: 25px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.wzhj-details .wzhj-item .wzhj-time { width: 100%; margin-top: 30px; overflow: hidden; }
.wzhj-details .wzhj-item .wzhj-time .wzhj-xg { width: 68%; color: #666; height: 28px; line-height: 25px; overflow: hidden; }
.wzhj-details .wzhj-item .wzhj-time .wzhj-xg a { padding: 2px 10px; background-color: #eee; color: #666; border-radius: 4px; font-size: 14px; }
.wzhj-details .wzhj-item .wzhj-time .wzhj-xg a + a { margin-left: 15px; }
.wzhj-details .wzhj-item .wzhj-time .wzhj-xg a:hover { color: #fff; background-color: #05cfc0; }
.wzhj-details .wzhj-item .wzhj-time .wzhj-update { width: 30%; text-align: right; font-size: 14px; color: #666; overflow: hidden; line-height: 28px; }

.wzhj-list { width: 1210px; margin-top: 15px; float: left; overflow: hidden; margin-bottom: 50px; }
.wzhj-list li { width: 567px; height: 120px; background-color: #fff; overflow: hidden; padding: 20px 14px; float: left; margin: 15px 10px 0 0; }
.wzhj-list li:hover .wz-infor .wz-title { color: #05cfc0; }
.wzhj-list li:hover .wz-logo { opacity: .9; }
.wzhj-list li .wz-logo { width: 216px; height: 120px; border-radius: 4px; overflow: hidden; margin-right: 14px; float: left; }
.wzhj-list li .wz-logo img { width: 216px; height: 120px; border-radius: 4px; }
.wzhj-list li .wz-infor .wz-title { font-size: 16px; font-weight: bold; color: #333; width: 330px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.wzhj-list li .wz-infor .wz-jieshao { line-height: 20px; height: 40px; margin: 15px 0 25px 0; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.wzhj-list li .wz-infor .wz-time { opacity: .5; }
.wzhj-list li .wz-infor .wz-time .time { display: inline-block; width: 300px; height: 20px; overflow: hidden; }
.wzhj-list li .wz-infor .wz-time .time i { display: inline-block; height: 15px; width: 17px; background: url(../images/wzlist.png) no-repeat; background-size: auto; background-position: 0px 2px; margin-right: 10px; }

.rank-left { width: 350px; margin-right: 20px; }
.rank-left.marLeft { margin-right: 0; margin-left: 20px; }
.rank-left .rank-top { width: 100%; height: 77px; background-color: #00BFB1;overflow: hidden; }
.rank-left .rank-top .rankback { width: 26px; height: 26px; display: block; margin: 0 auto; background: url(../images/rankicon.png) no-repeat; background-size: auto; margin-top: 15px; }
.rank-left .rank-top p { text-align: center; color: #fff; margin-top: 5px; }
.rank-left ul { display: none; width: 350px; float: left; }
.rank-left ul.on { display: block; }
.rank-left ul li { padding-left: 20px; height: 43px; line-height: 43px; position: relative; background-color: #FFF; }
.rank-left ul li.on { color: #05cfc0; background-color: #eee; }
.rank-left ul li:hover { color: #05cfc0; background-color: #eee; }
.rank-left ul li:hover a .icon i { border: 1px solid #05cfc0; background-color: #05cfc0; }
.rank-left ul li a { margin: 0 11px; position: relative; width: 186px; padding: 0 50px; display: block; overflow: hidden; text-align: center; height: 100%; }
.rank-left ul li a .icon { position: absolute; width: 50px; height: 43px; left: 0px; top: 0px; }
.rank-left ul li a .icon i { display: block; width: 7px; height: 7px; border: 1px solid #a2a2a2; position: absolute; left: 20px; top: 18px; background: #fff; border-radius: 20px; z-index: 1; }
.rank-left ul li a .icon i.on { border: 1px solid #05cfc0; background-color: #05cfc0; }
.rank-left ul li a .icon::after { width: 2px; height: 18px; content: ''; display: block; position: absolute; left: 24px; background: #eee; z-index: 0; bottom: 0; }
.rank-left ul li a .icon::before { width: 2px; height: 18px; content: ''; display: block; position: absolute; left: 24px; top: 0; background: #eee; z-index: 0; }
.rank-left ul li a .icon.afterN::after { display: none; }
.rank-left ul li a .icon.beforeN::before { display: none; }
.rank-left ul li.on a .icon i { background-color: #05cfc0; border: 1px solid #05cfc0; }
.rank-left .left-item { width: 100%; background-color: #FFF; text-align: center; line-height: 52px; margin-top: 10px; cursor: pointer; overflow: hidden; }
.rank-left .left-item.on .rank-tt span { transform: rotate(135deg); }
.rank-left .left-item.on ul { display: block; }
.rank-left .left-item .rank-tt { font-size: 16px; position: relative; }
.rank-left .left-item .rank-tt span { width: 8px; height: 8px; display: inline-block; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(45deg); position: absolute; top: 22px; right: 30px; transition: .2s; }

.rank-right { margin-top: 15px; width: 830px; }
.rank-right .right-item { background-color: #FFF; margin-bottom: 15px; width: 100%; overflow: hidden; }
.rank-right .right-item .num { width: 50px; height: 50px; display: inline-block; float: left; font-size: 36px; font-weight: bold; text-align: center; line-height: 50px; }
.rank-right .right-item .num1 { color: #FFF; background-color: #eb5836; }
.rank-right .right-item .num2 { color: #FFF; background-color: #ff7e00; }
.rank-right .right-item .num3 { color: #FFF; background-color: #ffba01; }
.rank-right .right-item .numall { color: #00bfb1; background-color: #ededed; }
.rank-right .right-item .list-item { margin-left: 15px; float: left; width: 750px; height: 176px; overflow: hidden; position: relative; }
.rank-right .right-item .list-item h3 a { font-size: 24px; line-height: 54px; color: #333; width: 92%; height: 54px; overflow: hidden; }
.rank-right .right-item .list-item .items-xinxi .xx-logo { width: 100px; height: 100px; border-radius: 16px; overflow: hidden; float: left; }
.rank-right .right-item .list-item .items-xinxi .xx-logo img { width: 100px; height: 100px; border-radius: 16px; }
.rank-right .right-item .list-item .items-xq { width: 630px; overflow: hidden; float: left; padding: 0 0 0 20px; }
.rank-right .right-item .list-item .items-xq .items-label { margin-top: 5px; overflow: hidden; height: 30px; line-height: 30px; }
.rank-right .right-item .list-item .items-xq .items-label span { padding: 1px 10px; font-size: 14px; border-radius: 4px; }
.rank-right .right-item .list-item .items-xq .items-label span + span { margin-left: 10px; }
.rank-right .right-item .list-item .items-xq .items-label .label1 { color: #35a0f9; border: 1px solid #35a0f9; }
.rank-right .right-item .list-item .items-xq .items-label .label2 { color: #72c322; border: 1px solid #72c322; }
.rank-right .right-item .list-item .items-xq .items-label .label3 { color: #00bfb1; border: 1px solid #00bfb1; }
.rank-right .right-item .list-item .items-xq .items-label .label4 { color: #fe7c7c; border: 1px solid #fe7c7c; }
.rank-right .right-item .list-item .items-xq .items-label .label5 { color: #ffb910; border: 1px solid #ffb910; }
.rank-right .right-item .list-item .items-xq .items-jieshao { width: 630px; margin: 8px 0; color: #999; }
.rank-right .right-item .list-item .items-xq .items-type { height: 30px; line-height: 30px; }
.rank-right .right-item .list-item .items-xq .items-type span { color: #999; }
.rank-right .right-item .list-item .items-xq .items-type span + span { margin-left: 10px; }
.rank-right .right-item .list-item .items-xq .items-type .and i { display: inline-block; width: 15px; height: 18px; vertical-align: text-top;margin-right: 6px; }
.rank-right .right-item .list-item .items-xq .items-type .and i.az{ background: url(../images/and.png) no-repeat;}
.rank-right .right-item .list-item .items-xq .items-type .and i.ios{ background: url(../images/icon.png) no-repeat;background-position: -116px -115px ;}
.rank-right .right-item .list-item .items-xq .items-type .items-btn { float: right; width: 85px; height: 30px; line-height: 30px; text-align: center; color: #fff; display: inline-block; border-radius: 5px; background: #00BFB1; }
.rank-right .right-item .list-item .items-xq .items-type .items-btn:hover { opacity: .6; }
.rank-right .right-item .list-item .items-xq .items-score { position: absolute; top: 10px; right: 0; width: 60px; text-align: center; }
.rank-right .right-item .list-item .items-xq .items-score span { display: block; width: 60px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
.rank-right .right-item .list-item .items-xq .items-score i { font-size: 26px; color: #ff6666; font-weight: bold; }
.rank-right .loadmore { width: 100%; display: inline-block; background-color: #fff; line-height: 50px; font-size: 16px; color: #999; text-align: center; margin-bottom: 15px; }
.rank-right .rankd-top { padding: 20px 14px; background: #fff; margin-bottom: 15px; }
.rank-right .rankd-top h1 { text-align: center; }
.rank-right .rankd-top .rankd-xx { width: 100%; color: #999; text-align: right; padding: 10px 0; font-size: 14px; }
.rank-right .rankd-top .rankd-xx .update { margin-left: 20px; }
.rank-right .rankd-top .jieshao { color: #666; font-size: 16px; line-height: 28px; text-indent: 2em; }

.rank-new { padding: 20px 0 0 0; background-color: #fff; width: 100%; overflow: hidden; }
.rank-new .titleAll { margin: 0 14px; width: 1176px; margin-bottom: 10px; }
.rank-new .rank-list { padding: 0 14px 10px 14px; width: 103%; margin-left: 1px; }
.rank-new .rank-list a { width: 127px; height: 60px; display: block; float: left; overflow: hidden; font-size: 14px; color: #5c5761; background-image: url(../images/spite.png); background-size: 310px 277px; background-repeat: no-repeat; background-position: -44px -80px; line-height: 22px; text-align: center; margin: 10px 22px 10px 0; }
.rank-new .rank-list a:hover { background-position: -44px -142px; color: #fff; }
.rank-new .rank-list a span { display: block; padding: 10px 15px; }
 
.headernav .head-top .home{line-height:35px;font-size:14px}
.headernav .head-top .home i{display:inline-block;vertical-align:middle;width:19px;height:16px;background:url(../images/ico_img_02.png) no-repeat;background-position:-32px 0;margin:-4px 5px 0}
.headernav .head-top .home a{color:#bfbbbb;}
.headernav .head-top .home:hover{cursor:pointer;color:#fff}
.headernav .head-top .home:hover i{background-position:0 0}
.headernav .head-top .home:hover a{cursor:pointer;color:#fff}
.headernav .head-top .menuwrap .Mobile{float:left;position:relative;line-height:35px;color:#bfbbbb;font-size:14px}
.headernav .head-top .menuwrap .Mobile i{display:inline-block;width:16px;height:21px;vertical-align:middle;background:url(../images/ico_img_02.png) no-repeat;background-position:-176px 0;margin:0 5px 0}
.headernav .head-top .menuwrap .Mobile div{display:none;width:130px;height:155px;padding:10px;text-align:center;background:#fff;box-shadow:0 3px 3px 3px rgba(179,179,179,.6);position:fixed;top:35px;right:18%;}
.headernav .head-top .menuwrap .Mobile div img{display:block;width:130px;height:130px;margin:0 auto}
.headernav .head-top .menuwrap .Mobile div span{line-height:18px;color:#666;display:block;text-align:center;padding:7px 10px}
.headernav .head-top .menuwrap .Mobile:hover div{display:block;}

/* 20230703 */
.layout-r{float: right;}
.moreCheck li { width: 186px !important; position: relative; height: 130px !important; }
.moreCheck li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.moreCheck li img { display: block; width: 100%; height: 130px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.moreCheck li p { position: absolute; width: 170px; padding: 0 8px; height: 35px; bottom: 0; z-index: 2; overflow: hidden; line-height: 35px; color: #fff; font-size: 14px; font-weight: bold; background: rgba(0, 0, 0, 0.5); }
.Recmlist { background: #f5f5f5; margin-top: 20px; border-radius: 8px; overflow: hidden; padding: 15px 0; }

.Recmlist li{float: left;width: 20%;}
.Recmlist li a{display: block;margin: 0 auto;position: relative;}
.Recmlist li:hover img{opacity: 0.8;}
.Recmlist li:hover p{color: #00bfb1;}
.Recmlist li img{display: block;margin: 0 auto;width: 120px;position: relative;border-radius: 28px;z-index: 1;-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.Recmlist li span{position: absolute;z-index: 2;left: 20px;top: -4px;width: 58px;height: 37px;color: #fff;font-size: 14px;font-weight: bold;line-height: 37px;text-align: center;text-indent: -4px;background: url(../images/pd_sprites.png) -10px -67px;}
.Recmlist li:nth-child(1) span{background-position: -10px -10px;}
.Recmlist li:nth-child(2) span{background-position: -88px -67px;}
.Recmlist li:nth-child(3) span{background-position: -88px -10px;}
.Recmlist li p{display: block;width: 120px;margin: 10px auto 0;text-align: center;overflow: hidden;height: 25px;line-height: 25px;font-size: 16px;color: #333;font-weight: bold;}
.RankList .list{background: #f5f5f5;margin-top: 20px;border-radius: 8px;padding: 10px;}
.RankList .list .tt{overflow: hidden;height: 50px;line-height: 50px;margin-bottom: 12px;}
.RankList .list .tt .bt{font-size: 18px;font-weight: bold;height: 50px;color: #333;float: left;width: 680px;overflow: hidden;}
.RankList .list .tt .more{float: right;background: #009933;width: 100px;font-size: 16px;color: #fff;text-align: center;display: block;border-radius: 0 6px 6px 0;position: relative;}
.RankList .list .tt .more:hover{opacity: 0.8;}
.RankList .list .tt .more::before{display: block;content: "";position: absolute;left: -8px;top: 0;width: 20px;height: 60px;background: #009933;-webkit-transform: rotate(15deg);transform: rotate(15deg);}
.RankList .desc{font-size: 14px;color: #666;line-height: 25px;}
.RankList .ewmbox{margin: 15px auto 5px;position: relative;overflow: hidden;padding: 2px;}
.RankList .ewmbox p{text-align: center;font-size: 14px;font-weight: bold;color: #009933;}
.RankList .ewmbox img{width: 140px;height: 140px;position: relative;z-index: 2;}
.RankList .QRCodeBox{margin: 10px auto 20px;}
.RankList .QRCodeBox img{margin: 0 auto;display: block;width: 140px;height: 140px;}
.RankList .list .ewmbox::before{width: 160px;height: 160px;border-radius: 10px;display: block;content: "";position: absolute;left: 50%;top: 0;margin: 0 0 0 -82px;border: 2px solid #009933;}
.RankList .QRCodeBox::before, .RankList .QRCodeBox::after{display: block;width: 164px;height: 124px;background: #f5f5f5;content: "";left: 50%;top: 20px;margin: 0 0 0 -82px;position: absolute;}
.RankList .QRCodeBox::before{height: 164px;width: 124px;margin: 0 0 0 -60px;top: 0;}
.RankList .PicBox{overflow: hidden;background: #fff;border-radius: 8px;padding: 10px;margin: 12px 0;}
.RankList .PicBox .GamePic{position: relative;overflow: hidden;}
.RankList .PicBox .GamePic .swiper-slide{width: auto;}
.RankList .PicBox .GamePic .swiper-slide img{display: block;height: 360px;width: auto;border-radius: 6px;}
.RankList .PicBox .swiper-button-next, .RankList .PicBox .swiper-button-prev{background: rgba(0, 0, 0, 0.2);width: 40px;height: 100%;margin-top: 0;top: 0;opacity: 1;}
.RankList .PicBox .swiper-button-next::after, .RankList .PicBox .swiper-button-prev::after{color: #fff;font-size: 16px;font-weight: bold;}
.RankList .PicBox .swiper-button-prev{left: 0;}
.RankList .PicBox .swiper-button-next{right: 0;}



.layout .layout-l .arttab { height: 48px; background: #fff; border-radius: 12px; line-height: 48px;margin-top: 16px;width: 840px; }
.layout .layout-l .arttab a { display: block; float: left; margin: 0 30px 0 20px; font-size: 16px; color: #999; font-weight: bold; position: relative; }
.layout .layout-l .arttab .on, .layout .layout-l .arttab a:hover { color: #00bfb1; }
.layout .layout-l .arttab .on::before, .layout .layout-l .arttab a:hover::before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -15px; height: 4px; background: #00bfb1; border-radius: 4px; width: 30px; }




/* 热门分类 */



.layout-r .xzd-category { padding: 20px 7px 20px 7px; width: 322px; margin-top: 15px; background-color: #FFF; float: left; overflow: hidden; }

.xzd-category .cont {
    width: 310px;
    overflow: hidden;
}

.xzd-category ul {
    width: 320px;
    margin-top: 10px;
}

.xzd-category li {
    float: left;
    margin: 10px 5px 0 5px;
    width: 30%;
}

.xzd-category li a {
    display: block;
    width: 100%;
    /* width: 70px; */
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.xzd-category li a:hover {
    background: #00bfb1;
    color: #fff;
}


.xq-redu .star-box .star2{
    margin: 0px;
}

.xzd-infor .xzd-m .score .star-box,.xq-redu .star-box{
    display: inline-block;
    position: relative;
    width: 90px;
    height: 15px;
    overflow: hidden;
    margin: 0 auto;
    top: 2px;
}

.xzd-infor .xzd-m .score em {
    color: #00bfb1;
    position: relative;
    /* top: 2px; */
}

.xzd-infor .xzd-m .score .star-box span,.xq-redu .star-box span{
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
    background-size: 18px 14px;
}

.xzd-infor .xzd-m .score .star-box .star1,.xq-redu .star-box .star1{
    background-image: url('../images/star1.png');
    z-index: 1000;
}

.xzd-infor .xzd-m .score .star-box .star2,.xq-redu .star-box .star2{
    background-image: url('../images/star2.png');
    z-index: 999;
}



.share-fixed ul li {
    overflow: hidden;
    margin-bottom: 5px;
}

body.share-noscroll {
    overflow-y: hidden;
}

html.share-noscroll {
    overflow-y: hidden;
}

.share-btn ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.share-btn .share-icon-container,
.share-btn a,
.share-btn button {
    position: relative;
    cursor: pointer;
    transition: width .15s ease-in-out
}

.share-btn .share-icon-container .icon,
.share-btn a .icon,
.share-btn button .icon {
    display: inline-block;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat
}

.share-toolbox a,
.share-toolbox button,
.share-toolbox .share-icon-container .icon {
    height: 32px;
    width: 32px;
    overflow: hidden;
    margin-right: 5px;
    border-radius: 10%;
    display: inline-block
}

.share-toolbox a .icon,
.share-toolbox button .icon {
    height: 100%;
    width: 100%
}

button[data-sharer],
button.share-more {
    background: 0;
    border: 0;
    cursor: pointer;
    padding: 0;
}

.share-menu * {
    box-sizing: border-box
}

.share-menu {
    font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Lucida Grande", "Arial", "Verdana", "sans-serif";
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.share-menu.show {
    opacity: 1;
    z-index: 999999;
    visibility: visible
}

.share-menu .title {
    font-size: 26px;
    line-height: 42px;
    padding: 20px 20px 10px 15px;
    color: #fff;
    font-weight: 200;
    /* text-align: left; */
}

.share-menu .share-title {
    font-size: 16px;
    color: #eeecec;
    font-weight: 300
}

.share-menu .share-url {
    line-height: 18px;
    opacity: .6;
    font-weight: 200
}

.share-shadow {
    background: #17181a;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: .9
}

.share-list {
    /* padding-top: 15px; */
    display: flex;
    width: 558px;
    flex-wrap: wrap;
    cursor: pointer;
}

.share-list a {
    /* background-color: #3b5998;;cursor: pointer;
    /* width: 24%; */
    margin: 4px;
    border-radius: 4px;
    width: 130px;
    display: inline-table;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-list a+a{
    margin-right: 5px;
}

.share-list a .icon {
    display: inline-block;
    /* width: 75%; */
    /* padding-top: 75%; */
    background-position: center;
    background-repeat: no-repeat;
    min-width: 50px;
    min-height: 50px;
    /* margin: 0 auto; */
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    /* border-radius: 50%; */
    background-size: auto !important;
}

.share-list a .text {
    font-size: 12px;
    width: 60px;
    text-align: center;
    /* text-align: right; */
    /* margin-right: 20px; */
}

.share-closed {
    z-index: 1;
    background-image: url(../img/Closed-icon.svg);
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: fixed;
    top: 20px;
    right: 10px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.share-closed:hover {
    background-color: #fff;
}

.share-text {
    color: #fff;
    position: absolute;
    top: 18%;
    left: 50%;
    transform: translate(-50%, 0);
    /* width: 90%; */
    /* width: 500px; */
    /* max-width: 1100px; */
    text-align: center;
    min-height: 320px;
    padding: 10px 0 80px
}

.share-btn .icon {
    background-size: 80%
}

.share-fb .icon {
    background-color: #3b5998;
    background-image: url(../img/Facebook.svg)
}

.share-t .icon {
    background-color: #000;
    background-image: url(../img/Twitter.svg)
}

.share-vk .icon {
    background-color: #6383a8;
    background-image: url(../img/Vkontakte.svg)
}

.share-reddit .icon {
    background-color: #ff5700;
    background-image: url(../img/Reddit.svg)
}

.share-whatsapp .icon {
    background-color: #4dc247;
    background-image: url(../img/WhatsApp.svg)
}

.share-gmail .icon {
    background-color: #db4437;
    background-image: url(../img/Gmail.svg)
}

.share-googlebookmark .icon {
    background-color: #4285f4;
    background-image: url(../img/GoogleBookmark.svg)
}

.share-e .icon {
    background-color: #585858;
    background-image: url(../img/Email.svg)
}

.share-adfty .icon {
    background-color: #9dcb43;
    background-image: url(../img/Adfty.svg)
}

.share-linkedin .icon {
    background-color: #0077b5;
    background-image: url(../img/LinkedIn.svg)
}

.share-print .icon {
    background-color: #738a8d;
    background-image: url(../img/Print.svg)
}

.share-pinterest .icon {
    background-color: #cb2027;
    background-image: url(../img/Pinterest.svg)
}

.share-messenger .icon {
    background-color: #0084ff;
    background-image: url(../img/Messenger.svg)
}

.share-sinaweibo .icon {
    background-color: #e6162d;
    background-image: url(../img/SinaWeibo.svg)
}

.share-blogger .icon {
    background-color: #f57d00;
    background-image: url(../img/Blogger.svg)
}

.share-100zakladok .icon {
    background-color: #6c8dbe;
    background-image: url(../img/100zakladok.svg)
}

.share-amazon .icon {
    background-color: #f90;
    background-image: url(../img/Amazon.svg)
}

.share-telegram .icon {
    background-color: #08c;
    background-image: url(../img/Telegram.svg)
}

.share-myspace .icon {
    background-color: #282828;
    background-image: url(../img/Myspace.svg)
}

.share-line .icon {
    background-color: #00c300;
    background-image: url(../img/Line.svg)
}

.share-viber .icon {
    background-color: #7b519d;
    background-image: url(../img/Viber.svg)
}

.share-odnoklassniki .icon {
    background-color: #d57819;
    background-image: url(../img/Odnoklassniki.svg)
}

.share-qrcode .icon {
    background-color: #4a8bf6;
    background-image: url(../img/Qrsrc.svg);
    background-size: 80%
}

.share-more .icon {
    background-color: #ff6550;
    background-image: url(../img/share.svg);
    background-size: 32px 32px
}

/* @media(min-width:640px) {
    .share-list a {
        width: 21%
    }
} */

.share-mob .share-side-counter {
    display: inline-block;
    width: 48px;
    text-align: center;
    overflow-wrap: break-word
}

.share-mob .share-side-counter .share-side-count {
    font-size: 17px;
    line-height: 1.25em;
    color: #222
}

.share-mob .share-side-counter .share-side-text {
    font-size: 9px;
    line-height: 1.25em;
    color: #222;
    letter-spacing: 1px
}

.share-mob .share-bottom-counter {
    right: 46px;
    display: block;
    border-radius: 4px;
    background-color: #fff;
    color: #666;
    position: absolute;
    height: 25px !important;
    padding: 2px 5px;
    line-height: 12px;
    text-align: center;
    top: 5.5px;
    font-size: 12px
}

@media(min-width:996px) {
    .share-mob .share-bottom-counter {
        display: none
    }

    .share-mob ul {
        z-index: 99999;
        display: block;
        position: fixed;
        top: 30%;
        left: 0;
        margin-left: 5px;
        text-align: right;
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-name: slideInRight
    }

    .share-mob .share-icon-container,
    .share-mob a {
        height: 48px;
        width: 48px;
        overflow: hidden;
        float: left;
        border-radius: 50%;
    }

    /* .share-mob .share-icon-container:hover,
    .share-mob a:hover {
        width: 64px
    } */

    .share-mob .share-icon-container .icon,
    .share-mob a .icon {
        height: 100%;
        width: 100%
    }

    .share-mob [data-sharer] .icon {
        background-size: 32px 32px
    }
}

@media(max-width:996px) {
    .share-mob .share-shortcut {
        display: none
    }

    .share-mob .share-side-counter {
        display: none
    }

    .share-mob .share-icon-container,
    .share-mob a {
        margin-bottom: 10px;
        height: 40px;
        float: right
    }

    .share-mob .share-icon-container.share-more,
    .share-mob .a.share-more {
        margin-bottom: 0
    }

    .share-mob ul,
    .share-mob .share-open {
        position: fixed;
        right: 10px;
        bottom: 15px;
        z-index: 99999
    }

    .share-mob .share-open {
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-name: slideInRight;
        cursor: pointer;
        height: 40px;
        width: 40px;
        background: #ff6550;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eshare%3C%2Ftitle%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M26%2C13.4285714%20C26%2C13.6220248%2025.9293162%2C13.7894338%2025.7879464%2C13.9308036%20L20.0736607%2C19.6450893%20C19.932291%2C19.786459%2019.7648819%2C19.8571429%2019.5714286%2C19.8571429%20C19.3779752%2C19.8571429%2019.2105662%2C19.786459%2019.0691964%2C19.6450893%20C18.9278267%2C19.5037195%2018.8571429%2C19.3363105%2018.8571429%2C19.1428571%20L18.8571429%2C16.2857143%20L16.3571429%2C16.2857143%20C15.6279725%2C16.2857143%2014.9750773%2C16.3080355%2014.3984375%2C16.3526786%20C13.8217977%2C16.3973217%2013.2488868%2C16.477306%2012.6796875%2C16.5926339%20C12.1104882%2C16.7079619%2011.6157015%2C16.8660704%2011.1953125%2C17.0669643%20C10.7749235%2C17.2678581%2010.3824423%2C17.5264121%2010.0178571%2C17.8426339%20C9.65327199%2C18.1588557%209.35565592%2C18.534596%209.125%2C18.9698661%20C8.89434408%2C19.4051361%208.71391434%2C19.9203839%208.58370536%2C20.515625%20C8.45349637%2C21.1108661%208.38839286%2C21.7842224%208.38839286%2C22.5357143%20C8.38839286%2C22.9449425%208.40699386%2C23.4025272%208.44419643%2C23.9084821%20C8.44419643%2C23.9531252%208.45349693%2C24.0405499%208.47209821%2C24.1707589%20C8.4906995%2C24.3009679%208.5%2C24.3995532%208.5%2C24.4665179%20C8.5%2C24.5781256%208.46837829%2C24.6711306%208.40513393%2C24.7455357%20C8.34188956%2C24.8199408%208.25446484%2C24.8571429%208.14285714%2C24.8571429%20C8.02380893%2C24.8571429%207.9196433%2C24.7938994%207.83035714%2C24.6674107%20C7.77827355%2C24.6004461%207.72991094%2C24.5186017%207.68526786%2C24.421875%20C7.64062478%2C24.3251483%207.59040206%2C24.2135423%207.53459821%2C24.0870536%20C7.47879436%2C23.9605648%207.43973225%2C23.87128%207.41741071%2C23.8191964%20C6.47246551%2C21.6986501%206%2C20.0208395%206%2C18.7857143%20C6%2C17.3050521%206.19717065%2C16.0662252%206.59151786%2C15.0691964%20C7.79688103%2C12.0706695%2011.0520568%2C10.5714286%2016.3571429%2C10.5714286%20L18.8571429%2C10.5714286%20L18.8571429%2C7.71428571%20C18.8571429%2C7.52083237%2018.9278267%2C7.35342333%2019.0691964%2C7.21205357%20C19.2105662%2C7.07068382%2019.3779752%2C7%2019.5714286%2C7%20C19.7648819%2C7%2019.932291%2C7.07068382%2020.0736607%2C7.21205357%20L25.7879464%2C12.9263393%20C25.9293162%2C13.067709%2026%2C13.2351181%2026%2C13.4285714%20L26%2C13.4285714%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
        background-position: center;
        border-radius: 50%;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .35);
        text-align: center
    }

    .share-mob .share-open-bg {
        display: none;
        background-color: #17181a;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        filter: alpha(opacity=45);
        -moz-opacity: .45;
        opacity: .45
    }

    .share-mob .share-icon-container .text,
    .share-mob a .text {
        display: block
    }

    .share-mob .share-icon-container span.icon {
        border-radius: 50%;
        height: 40px;
        width: 40px
    }

    .share-mob .share-icon-container span,
    .share-mob a span {
        display: inline-block;
        height: 40px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35)
    }

    .share-mob .share-icon-container span.text,
    .share-mob a span.text {
        font-size: 12px;
        line-height: 24px;
        height: 24px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: #fff;
        color: #666;
        padding: 0 10px;
        position: absolute;
        right: 46px;
        top: 8px
    }

    .share-mob ul {
        display: none;
        animation-duration: .5s;
        animation-fill-mode: both
    }

    .share-mob.open ul {
        display: block;
        animation-name: slideInUp
    }

    .share-mob.open .share-open {
        display: none
    }

    .share-mob.open .share-open-bg {
        display: block
    }
}

.share-toolbox {
    text-align: center;
    font-size: 0
}

@media print {
    .share-menu {
        display: none !important
    }
}

a.share-fb {
    background-color: #3b5998;
}

a.share-t {
    background-color: #000;
}

a.share-reddit {
    background-color: #ff5700;
}

a.share-whatsapp {
    background-color: #4dc247;
}

a.share-telegram {
    background-color: #08c;
}

a.share-line {
    background-color: #00c300;
}

a.share-e {
    background-color: #585858;
}

.endtext h2{
    margin:20px 0;
}

.xz-gamerank .search-h1{
    display: none;
}

.xh-title{
    display:none;
}


/* 详细信息 */
.more_info_box {
    border-top: 1px solid #ebebeb;
    background-color: #fff;
    overflow: hidden;
    padding: 20px 22px;
    width: 822px;
    margin-top: 15px;
}

.more_info_box .tit {
    font-size: 20px;
    margin-bottom: 25px;
}

.more_info_box p span {
    display: inline-block;
    width: 400px;
    height: 30px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.bhVersion{position: relative;background: #fff; padding: 0 24px;box-shadow: 0px 6px 6px 0px rgba(51, 15, 13, 0.05); border-radius: 12px;margin-bottom: 24px;}
.bhVersion ul { margin: 1px 0 20px;padding: 2px 0 10px}
.bhVersion li { height: 68px; border-bottom: 1px solid #ecf0f1;overflow: hidden}
.bhVersion li a {position: relative;display: block;height: 40px;padding: 13px 0 15px;overflow: hidden;*zoom:1}
.bhVersion li a img {float: left;margin-right: 12px;display: block;width: 40px;height: 40px;border-radius: 8px}
.bhVersion li a p {float: left;margin-right: 10px;display: block;width: 225px;height: 40px;font-size: 16px;color: #333;line-height: 42px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.bhVersion li a p:nth-of-type(n+2) {width: 180px;font-size: 14px;color: #999}
.bhVersion li a > span {display: block;position: absolute;right: 4px;top: 20px;width: 72px;height: 28px;font-size: 12px;color: #00BFB1;background: #00bfb126;border-radius: 14px;text-align: center;line-height: 28px;overflow: hidden;}
.bhVersion li:hover a > span { color: #fff;background: #00BFB1;}
.bhVersion li:last-of-type{border: none;}
.bhVersion li:hover a p:nth-of-type(1){color: #00BFB1;}