@charset "utf-8";

/* CSS Document */

html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}

body {width: 100%;height:auto;background: #fff;-webkit-text-size-adjust:none;}

div {text-align:left;}

body{font:14px/1.4em "Microsoft YaHei";color:#444;position: relative;}

h1, h2, h3, h4, h5, h6{font-size:100%;}

address, cite, em{font-style:normal;}

li{list-style-type:none;}

a{text-decoration:none;color: #444;max-height: 9999px;}

a:hover{color: #f0c110;text-decoration:none;}

fieldset, img {border:0;}

label,button{cursor: pointer;}

select,input,textarea,font{font-size:12px;line-height:1.2em;}

input:focus{outline:none;}



/*--清除浮动

------------------------------------------------------------------------------------------*/

.clearfix:after { clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden; }

.clearfix:after { _zoom:1; }

.overflow { overflow:hidden; _zoom:1; }

.clear{clear:both;}



.fl{display:block;float:left;}

.fr{display:block;float:right;}



        /* 头部 */

.top{height:46px;width: 1200px;overflow: hidden;margin: 0 auto;}

.top .top_logo{width:200px;text-align:center;float:left;height:46px;line-height:46px}

#top_link{float:left;height:46px;line-height:46px;margin-left: 100px;}

#top_link a{color:#828282;font-size:20px;font-weight:600;height:46px;display:block;float:left;text-align:center;padding: 0 15px;}

#top_link .top_link_1{color:#5b5b5b;}

#top_link .top_link_2{background-position:-9999px -9999px}

#top_leixing{width: 500px;float:right;margin-top: 5px;margin-right:4px;}

#top_leixing form{display: inline-block;position: absolute;right: 0px;}

#top_leixing a{border:1px solid #bdcbd6;float:right;height:18px;text-align:center;line-height:18px;padding-right:8px;padding-left: 8px;margin-right: 7px;margin-top: 5px;color:#848684;}

#top_leixing .top_leixing_1{color:#4a4d4a;background-color:#e7eff7;font-weight:700}

#top_leixing2 .top_leixing_1{color:#4a4d4a;background-color:#e7eff7;font-weight:700}

#top_leixing .txt-link{position: absolute;display: inline-block;right: 16px;top: 7px;}

#top_leixing .cf{position: absolute;display: inline-block;right: 520px;top: -1px}





/*.search { z-index: 99999; position: absolute; right: 5px; top: 53px;}*/

.search {z-index: 99999;position: absolute;top: 7px;}







.content {width: 1200px;margin: 0 auto;overflow: hidden;height: auto;}

#citylist_container {width: 160px;float: left;}

#citylist_container ul{background: url(../images/line.gif) no-repeat 35px 0;}

#citylist_container li {float: none;color: #06F;width: auto;margin-left: 30px;padding-left: 30px;background: url(../images/add.png) no-repeat 8px 4px;}

#citylist_container li.active{background: url(../images/none.png) no-repeat 8px 4px;}

#citylist_container li.active div{display: block;}

#citylist_container li a{float: none;color: #06F;}

#citylist_container li div {margin: 0;/* padding-left: 31px; */display: none;}

#citylist_container li div a {display: block;color: #06F;padding-left: 30px;background: url(../images/line.gif) no-repeat 5px 1px;}

#container {height: 100%; float: right;}



.footer{width: 1200px;margin: 20px auto;}

.footer p,.links{text-align: center;}

.MinH{width: 1200px;}

.MinH .hd_title span{ color: #313131}

.MinH .hd_title{border-color: #ddd}

#links-box{position: relative;margin: 12px 15px 12px 3px;height: auto;overflow: hidden;text-align: left;}

#links-box  a {line-height: 34px;color: #666;margin-right: 17px;}

#links-box  a:hover{color: #009FF0;}



/*标题1*/

.hd_title{ height: 30px; line-height: 30px; width: 100%; border-bottom: 2px solid #009FF0; height: 50px; line-height: 50px; width: 100%;}

.hd_title span{ float: left; max-width: 200px;  height: 100%; display: block; font-size: 20px; color: #313131; position: relative; font-weight: bold; color: #009FF0; }









.newgame{width: 100%;margin: 0px auto;overflow: hidden;zoom:1;}

.newgame h3{margin-right: 10px;border-radius: 3px;vertical-align: middle;font-size: 20px;font-weight: bold;color: #323232;padding-left: 10px;border-left: 5px solid #369fff;height: 22px;line-height: 22px;float: left;}

.newgame ul{overflow: hidden;padding-top: 24px;width: 100%;}

.newgame ul li{float: left;padding-right: 40px;height: 120px;padding-bottom: 30px;overflow: hidden;}

.newgame ul li a{width: 92px;display: block;}

.newgame ul li a:hover{text-decoration: none;}

.newgame ul li a img{width: 98px;height: 98px;border-radius: 20px;}

.newgame ul li a p{color: #454545;text-align: center;font-size: 14px;line-height: 30px;height: 30px;overflow: hidden;}

.newgame ul li a em{width: 70px;height: 26px;line-height: 26px;background: #ff4546;color: #fff;border-radius: 3px;margin: 0 auto;display: block;text-align: center;margin-top: 60px;}





.az_soft{width: 100%;margin: 0 auto;overflow: hidden;zoom:1;padding-top: 20px;}

.az_soft h3.title_l {background: url(../images/title_l.jpg) left top no-repeat;line-height: 50px;height: 50px;font-weight: bold;font-size: 20px;color: #333;/* margin: 0 160px; */padding-left: auto;width: 100%;}

.az_soft h3.title_l span { font-size: 14px; color: #bbb; font-weight: normal; padding-left: 8px; }

.az_soft h3.title_l p { float: right; margin: 0 }

.az_soft h3.title_l p a { display:inline-block; font-size: 12px; font-weight: normal; padding-left:40px }

.az_soft h3.title_l a.amore {background: #eee;float: right; color: #999; padding: 0 12px;font-size: 12px; line-height: 24px; border-radius: 3px;margin-top: 10px; font-weight: normal;}

.az_soft h3.title_l a.amore:hover { background: #f55555; color: #fff }

.az_soft h3.title_t { border-top: 2px solid #e0e0e0; line-height: 44px; height: 44px; margin: 0;}

.az_soft h3.title_t li { float: left; padding: 0 20px;border-top: 2px solid #e0e0e0; margin-top: -2px; cursor: pointer;font-size: 20px; color: #333;   }

.az_soft h3.title_t li.on {border-top: 3px solid #21cbd8; color: #21cbd8 }

.az_soft h3.title_t span { font-size: 14px; color: #bbb; font-weight: normal; padding-left: 5px; }

.az_soft h3.title_t li.on span { color:#21cbd8  }



.header_top{width: 100%;height: 35px;background: #f6f6f6;line-height: 35px;font-size: 12px;color: #333;position: relative;border-bottom: 1px solid #eee;z-index: 99;}
.header_top .top_left { width: 500px }
.header_top .top_left i { float: left;height: 18px;width: 18px;background: url(../images/img-ico.png) no-repeat;background-position: 0 -41px; margin: 8px 5px 0 0 }
.header_top .top_right{height: 35px;}
.header_top .addfav{ float: right; color: #999}
.header_top .addfav a { color: #ff8329; padding-left: 3px }
.header_top .addfav a:hover { color: #f60 }
.meun_wrap{float: left;width: 160px;height: 35px;line-height: 35px;cursor: pointer;text-align: center;position: relative;z-index: 99;}
.meun_wrap a{color: #333;}
.meun_wrap>i{display: inline-block;background: url(../images/img-ico.png) no-repeat;height:11px;width:11px;background-position: 0 -29px;margin-bottom: -2px;}


/*游戏推荐11*/
#tuijian{width: 1198px;height: 120px;margin: 0 auto;overflow: hidden;zoom:1;border: 1px solid #f4f4f4;margin-top: 19px;}
#tuijian .tj_tab{width: 30px;float: left;}
#tuijian .tj_tab ul{}
#tuijian .tj_tab ul li{width: 40px;height: 120px;cursor: pointer;background: #f31a22;position: relative;margin-bottom: 1px;}
#tuijian .tj_tab ul li span{color: #fff;width: 30px;font-size: 18px;display: block;margin: 0 auto;line-height: 26px;text-align:  center;padding-top: 8px;}
#tuijian .tj_tab ul li i.i1{ background-position: -8px -6px;}
#tuijian .tj_tab ul li i.i2{background-position: -8px -30px;}
#tuijian .tj_tab ul li i.i3{background-position: -8px -59px;}
#tuijian .tj_con{float: right;width: 1135px;}
#tuijian .tuijian .tj_con{float: right;width: 866px !important;}
#tuijian .tuijian .tj_con ul{width: 866px;overflow:  hidden;}
#tuijian .tj_con ul{width: 1104px;}
#tuijian .tj_con ul li{float: left;padding-left: 30px;padding-right: 0;}
#tuijian .tj_con ul li a{width: 78px;float: left;display: inline-block;padding-top: 16px;position: relative;}
#tuijian .tj_con ul li a img{ width: 78px; height: 78px; border-radius:15px;}
#tuijian .tj_con ul li a p{color: #777;font-size: 12px;text-align: center;padding-top: 6px;line-height: 16px;white-space: nowrap;word-break: break-all;width: 80px;overflow: hidden;display:  block;text-overflow:  ellipsis;}
#tuijian .tj_con ul li a i{width: 0;height: 2px;background: #f31a22;position: absolute;bottom: -10px;    -webkit-transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s;-o-transition: all .35s;transition: all .35s;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-ms-transform: scale(0,1);-o-transform: scale(0,1);transform: scale(0,1);}
#tuijian .tj_con ul li a:hover i{  width:100%;  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
#tuijian .tj_con ul li a:hover p{ color: #f31a22; }


.game_recommend_list{width: 100%;margin: 10px auto 0;background: #fff;padding: 0px;}
.b-t-text{height:30px;line-height:30px;overflow:hidden;margin: 5px;font-size:14px;}
.b-t-text.corss{width:auto;}
.b-t-text dt{ float:left;padding:0 10px; background:#F90;color:#fff; position:relative;margin-right:20px;border-radius:2px;}
.b-t-text dt span{color:#f90; position:absolute;font-size:26px;right:-8px;}
.b-t-text dt.n1{ background-color:#F60;}
.b-t-text dt.n1 span{color:#F60;}
.b-t-text dt.n2{ background-color:#0cc;}
.b-t-text dt.n2 span{color:#0cc;}
.b-t-text dt.n3{ background-color:#9C0;}
.b-t-text dt.n3 span{color:#9C0;}
.b-t-text dt.n4{ background-color:#6C9;}
.b-t-text dt.n4 span{color:#6C9;}
.b-t-text dt.n5{ background-color:#69F;}
.b-t-text dt.n5 span{color:#69F;}
.b-t-text dt.n6{ background-color:#FC0;}
.b-t-text dt.n6 span{color:#FC0;}
.b-t-text dd{float:left;margin-right:20px;}


 /*专题合集*/
.Min_4 {margin-bottom: 20px;background:#fff;border-radius:2px;}
.Min_4 .btwrap{padding:15px 20px 5px 20px;}
.Min_4 .index_hj{width: 1200px;margin: 10px 0 10px 0;overflow:hidden;}
.Min_4 .index_hj ul{width: 1260px;overflow:hidden;margin: 0;}
.Min_4 .index_hj ul li{width: 220px;position:relative;float:left;margin: 20px 0 0 20px;}
.Min_4 .index_hj ul li img{float:left;width: 220px;height: 120px;}
.Min_4 .index_hj ul li p{position:absolute;bottom:0;left:0;width: 200px;padding: 0 10px;background:rgba(0,0,0,0.5);text-align:center;font-size:14px;color:#fff;line-height:30px;margin: 0;}
.Min_4 .index_hj ul li:hover p{background:rgba(85,187,0,0.8);}
.btwrap {border-bottom: 1px solid #eee;padding: 10px 0 10px 0;overflow: hidden;}
.btwrap > h2 ,.btwrap > p{height: 22px;line-height: 20px;display: block;float: left;font-size: 18px;font-weight: bold;color: #2e2e2e;margin-right: 10px;border-left: 5px solid #52c3dd;padding: 0 0 0 10px;}
.btwrap a.mor {display: block;float: right;width: 50px;height: 30px;line-height: 30px;font-size: 14px;color: #999999;text-align: center;margin-left:20px;}
.btwrap a.mor span { display: inline-block; float: left; }
.btwrap a.mor:hover { color: #52c3dd; }

/*left*/
.part_cluster {width: 1200px;display: block;margin: 0 auto;clear: both;background: #fff;height: 900px;margin-top: 10px;background-color: #fff;margin-bottom: 10px;}
.cont-left{padding: 10px;width: 440px;height: auto;float: left;margin-top: 10px;margin-right:13px;}
.pipaw-newgame-tit { width: 440px;float: left; position: relative;margin-bottom: 8px;}
.pipaw-newgame-tit h1 { font-size: 24px;color: #555;height: 48px;line-height: 48px; background: url(../images/newg.png) no-repeat 6px 12px; padding-left: 48px; font-weight: 700;}
.part_cluster .part_cluster--left {width: 440px;height: 435px;/* float: left; */}
.part_cluster .part_cluster--left .gallery-top { height: 370px; width: 100%;}
.gallery-thumbs-wrapper { padding: 5px 25px;position: relative; background-color: #111; height: 78px; box-sizing: border-box;}
.part_cluster .part_cluster--left .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.part_cluster .part_cluster--left .gallery-thumbs { height: 100%; box-sizing: border-box;}
.part_cluster .part_cluster--left .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.swiper-wrapper { position: relative; width: 100%; height: 100%;z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.gallery-top .swiper-slide {position: relative;}
.swiper-slide { background-size: cover; background-position: center;}
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}
.gallery-top .swiper-slide a { width: 100%; height: 100%; display: block;overflow: hidden;}
.gallery-top .swiper-slide img { width: 100%; height: 100%;display: block; transition: all .6s ease;}
.gallery-top .swiper-txt { position: absolute; bottom: 0; width: 100%; height: 50px; background: rgba(0,0,0,0.7); line-height: 50px; color: #fff; font-size: 15px;padding-left: 20px;}
.gallery-thumbs {height: 100%; box-sizing: border-box;}
.swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out;  margin: 0 auto;}
.gallery-thumbs .swiper-slide { height: 100%; box-sizing: border-box;}
.gallery-thumbs-wrapper .swiper-slide img { width: 100%; height: 100%;}
.gallery-thumbs .swiper-slide-thumb-active { border: 2px solid #ffa51e;}
.gallery-thumbs-wrapper .right-arrow {right: 0;}
.gallery-thumbs-wrapper .left-arrow {left: 0;}
.gallery-thumbs-wrapper .left-arrow, .gallery-thumbs-wrapper .right-arrow { width: 25px; height: 78px;margin-top: -39px; color: #fca31e; outline:none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto;}
.swiper-button-next, .swiper-button-prev {  position: absolute; top: 50%;  width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10;  cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color));}
pipaw-nt-con {height: auto;overflow: hidden;width: 440px;margin-top: 10px;}
.pipaw-nt-con ul li {position: relative; margin-bottom: 19px;overflow: hidden;}
.pipaw-nt-con ul li .d1 {width: 84px; float: left; margin-left: 8px;}
.pipaw-nt-con ul li .d1:hover img { margin-left: 2px;}
.pipaw-nt-con ul li .d1 img {width: 82px;height: 82px;border-radius: 15px;}
.pipaw-nt-con ul li .d1 .a1 { display: block; width: 80px;height: 20px; border: 1px solid #f23f04;line-height: 20px;color: #f23f04;text-align: center; border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;margin-top: 8px;}
.pipaw-nt-con ul li .d1 .a1:hover { background: #f23f04;color: #fff; text-decoration: none;}
.pipaw-nt-con ul li .d2 {float: left;width: 332px;margin-left: 16px;}
.pipaw-nt-con ul li .d2 .a1 {display: block;font-size: 18px;color: #000;line-height: 28px;height: 28px;margin-top: 2px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pipaw-nt-con ul li .d2 .a1:hover { color: #ff981e;}
.pipaw-nt-con ul li .d2 p {font-size: 14px;color: #999;line-height: 20px;width: 252px;padding-right: 10px;overflow: hidden;}
.pipaw-nt-con ul li .d2 p  em{display: block;font-style: normal;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;height: 36px;margin-top: 5px;overflow: hidden;position: relative;line-height: 18px;}
.pipaw-nt-con ul li .d2 p a{display: block;font-size: 12px;color: #fff;padding-left: 7px;margin-top: 5px;height: 40px;}
.pipaw-nt-con ul li .d2 p a span{font-size: 14px;margin-left: 39px;display: block;width: 205px;height: 44px;/* -webkit-box-orient: vertical; */-webkit-line-clamp: 1;/* display: -webkit-box; *//* text-overflow: ellipsis; */overflow: hidden;position: relative;top: -21px;}
.pipaw-nt-con ul li .d2 p .a2{background: url(../images/a.png) no-repeat left center;background-position: 0px 0px;}
.pipaw-nt-con ul li .d2 p .a3{ background: url(../images/b.png) no-repeat left center;}
.pipaw-nt-con ul li .d2 a .s1{color: #f33636;}
.pipaw-nt-con ul li .d2 a .s2{color: #999;}
.pipaw-nt-con ul li .d3 {color: #f33636;width: 82px;position: absolute;right: -28px;bottom: 26px;padding-left: 15px;/* border-left: 1px solid #e6e6e6; */}
.pipaw-nt-con ul li .d3 span {font-size: 37px;font-style: italic;font-weight: bold;}
.pipaw-nt-con ul li .d3 em {font-size: 29px;font-style: italic;font-weight: bold;}
.pipaw-nt-con ul li .d3 i {display: block;font-size: 14px;margin-top: -4px;color: #999;font-style: initial;text-indent: 11px;}


/*mid*/
.part_cluster  .mid{width: 422px;background: #fff;float: left;margin-top: 10px;}
.part_cluster .mid .tit{height: 48px;overflow:hidden;zoom: 1;line-height: 48px;}
.part_cluster .mid .tit h2{float: left;width: 123px;height: 48px;background: url(../images/home-icon1.png) no-repeat;text-indent: -9999em;margin-top: 15px;}
.part_cluster .mid .tab{float: right;width: 100px; overflow: hidden;zoom: 1;}
.part_cluster .mid .tab span{display: block;float: left;height: 24px;line-height: 24px;cursor: pointer;font-size: 16px;color: #333;width: 42px;text-align: center;margin-top: 15px;}
.part_cluster .mid .tab span.active{color: #ff4444;}
.part_cluster .mid .tab em{color: #dddddd;font-size: 16px;float: left;margin: 0 5px;line-height: 24px;margin-top: 15px;}
.tab-list ul{padding-top: 16px;}
.tab-list li{height: 24px; font-size: 15px; margin-bottom: 20px;}
.tab-list li a{display: block; height: 100%;overflow: hidden; zoom: 1; line-height: 24px;}
.tab-list li .type{display: block; float: left; width: 68px; color: #999;line-height: 22px;margin-right: 15px; border:1px solid #e8e8e8; font-size: 12px;text-align: center;}
.tab-list li img{display: block; float: left; width: 24px; height: 24px; border-radius:3px; margin-right: 10px;}
.tab-list li .t{width: 220px; display: block;line-height: 24px; color: #333; overflow: hidden;zoom: 1; float: left;}
.tab-list li .date{float: right; color: #999;font-size: 14px;}
.tab-list li .date.new{color: #f00;}
.tab-list li .btn{ width:52px; height: 24px;line-height:24px;color: #fff; background: #20aad4;border-radius: 2px; text-align: center;float: right; display: none;}
.tab-list li a:hover .t{color: #20aad4; }
.tab-list li a:hover .type{border-left: 3px solid #20aad4;}
.tab-list li a:hover .date{display: none;}
.tab-list li a:hover .btn{display: block;}
.fl{float:left;}

 /*right*/
.part_cluster .part_cluster--right {width: 280px; float: right; display: inline-block;margin-top: 10px; padding: 10px;}
.common_title {position: relative;padding-left: 36px;box-sizing: border-box; display: -webkit-flex;justify-content: space-between;font-size: 18px; color: rgb(102,102,102); padding-bottom: 6px;border-bottom: 2px solid #f6f6f6; overflow: hidden; margin-top: 10px;}
.part_cluster--right .common_title::before {width: 26px;height: 24px;background: url(../images/sprites.png) -63px -222px;}
.common_title::before { content: '';position: absolute;left: 0;top: 0; background-size: cover;}
.common_title h1 { font-weight: normal; float: left; font-size: 20px; line-height: 30px;}
.common_title a { position: relative; color: #888;font-size: 14px;display: flex;align-items: center;float: right;}
.common_title a::before {content: ''; width: 10px; height: 10px; background: url(../images/sprites.png) -242px -198px;display: block; margin-right: 6px;position: absolute;left: -13px; top: 50%;margin-top: -5px;}
.part_cluster--right .bt{display: inline-block;margin-top: 15px;}
.part_cluster--right .bt .common_title::before {width: 26px;height: 24px;background: url(../images/sprites.png) -121px -222px;}
.common2_title h1 { font-weight: normal; float: left; font-size: 20px; line-height: 30px;}
.common2_title a { position: relative; color: #888;font-size: 14px;display: flex;align-items: center;float: right;}
.common2_title a::before {content: ''; width: 10px; height: 10px; background: url(../images/sprites.png) -242px -198px;display: block; margin-right: 6px;position: absolute;left: -13px; top: 50%;margin-top: -5px;}

.part_cluster--right>ul li {width:100%;min-height:45px;border-bottom:1px dashed #e9e9e9;line-height:45px}
.part_cluster--right>ul li .default {display:flex;justify-content:space-between;align-items:center;font-size:14px}
.part_cluster--right>ul li .default p {color:rgb(68,68,68);flex:2;flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.part_cluster--right>ul li .default span {color:rgb(136,136,136);flex:1;flex-shrink:0;text-align:right;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.part_cluster--right>ul li .cover {display:none}
.part_cluster--right ul li.active .default {display:none}
.part_cluster--right ul li.active .cover {display:block}
.part_cluster--right ul li.active {border-bottom:unset}
.part_cluster--right ul li .cover a {display:block;width:100%;height:150px;position:relative;overflow:hidden}
.part_cluster--right ul li .cover a img {width:100%;height:100%;display:block;transition:all .6s ease}
.part_cluster--right ul li:hover .cover a img {transform:scale(1.2)}
.part_cluster--right ul li .cover .cover_show {position:absolute;bottom:0;background:linear-gradient(to top,rgb(0,0,0) 0%,rgba(0,0,0,0.6) 70%,rgba(255,255,255,0) 100%);width:100%;height:70px;justify-content:space-between;align-items:flex-end;display:flex;padding:0 10px;box-sizing:border-box;line-height:1.2;font-size:14px;color:rgb(255,165,30);padding-bottom:10px}
.part_cluster--right ul li .cover .cover_show p {flex:2;flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.part_cluster--right ul li .cover .cover_show span {text-align:right;flex:1;flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.part_cluster--right ul li .cover .cover_show span::before {content:'';width:11px;height:11px;background: url(../images/sprites.png) 332px -271px;display:inline-block;margin-right: 6px;}


.part_cluster--right .part_column--useful{margin-top: 15px;}
.part_cluster--right .part_column--useful li {position: relative;margin-top: 13px;overflow: hidden;height: 96px;width: 100%;}
.part_cluster--right .part_column--useful li img {position: relative;width: 100%;min-height: 96px;display: block;transition: all .6s ease;}
.part_cluster--right .part_column--useful li p {position: absolute;width: 70%; height: 100%;line-height: 96px;transform: translateY(-50%);font-size: 14px;color: rgb(255,255,255);padding-left: 10px;box-sizing: border-box;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;top: 50%;transition: width .2s;}
.part_cluster--right .part_column--useful li:nth-of-type(1) p {left: 0;background: linear-gradient(to right,rgb(39,34,94,0.7) 0%,rgba(39,34,92,0.6) 40%,rgba(25,22,60,0) 100%);}
.part_cluster--right .part_column--useful li:nth-of-type(2) p {padding: 0 10px 0 0;right: 0;text-align: right;background: linear-gradient(to left,rgb(27,95,109,0.7) 0%,rgba(27,92,106,0.6) 40%,rgba(17,58,66,0) 100%);}
.part_cluster--right .part_column--useful li:nth-of-type(1):hover p {background: rgb(39,34,94,0.7); width: 100%;}
.part_cluster--right .part_column--useful li:nth-of-type(2):hover p {background: rgb(39,34,94,0.7); width: 100%;}
.hot-rank{margin-bottom: 23px;}
.home-t1{height: 28px; line-height: 28px;color: #121212;}
.home-t1 em{display: block; width:6px; height:18px; background: #0f90b8; float: left;margin:5px 10px 0 0; border-radius: 3px;}
.home-t1 h2{float: left; font-size: 18px; font-weight: bold;}
.home-t1 .more{float: right; color: #acacac; font-size: 16px;}
.home-t1 .more:hover{color: #20aad4;}
.hot-game ul{width: 300px;overflow: hidden;zoom: 1;margin-top: 6px;}
.hot-game ul li{width: 65px; float: left; margin-right: 32px; margin-top: 15px;}
.hot-game ul li a{display: block; width: 100%;transition: all .5s;}
.hot-game ul li a span{display: block; width: 100%; height: 65px; border-radius: 12px; overflow: hidden];}
.hot-game ul li a img{display: block; width: 100%; height: 100%; } 
.hot-game ul li a p{font-size: 15px; color: #333; text-align: center; line-height: 24px; height: 24px; margin-top: 4px; overflow: hidden;}
.hot-game ul li a:hover {transform: translateY(-5px);}
.hot-game ul li a:hover p{color: #20aad4;}