@charset "utf-8";
/* CSS Document */
.main-left{position:relative;float:left;width:200px;margin-right:0px;margin-top:0px; overflow:hidden;}
.main-right{position:relative;float:right; width:999px; margin-bottom:20px;overflow:hidden;}
.container-floud{width: 100%;text-align: center;}
.img404{background-image: url("../images/404.png"); background-position: center center; background-repeat: no-repeat;width: 463px; height: 319px; display: block;margin:60px auto;}
.layui-btn-normal {background-color: #1E9FFF;}
.layui-btn {display: inline-block;font-weight: bold;height: 38px;line-height: 38px;padding: 0 18px; margin-top:6px;margin-bottom: 60px;color: #fff;white-space: nowrap;text-align: center;font-size: 16px;border: none;border-radius: 2px;cursor: pointer;}
.layui-btn:hover{color: #fff;}

/*专题首页*/
.CSCLeft{width:150px;float:left;border-left:1px solid #d2d2d2;}
.CSCLeft li{position:relative;float:left;width:100%;}
.CSCLeft a{position:relative;float:left;overflow:hidden;padding:0px 5px;text-align:center;width:130px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; height:70px;color:#000;line-height:70px;}
.CSCLeft .cur a{display: block;background:#1e89e0;color:#fff;}
.CSCLeft .cur .bot-arrow{display: block;}
.CSCLeft .bot-arrow{position:absolute;display:none;background:url(../images/cssimg.png) no-repeat 0px -275px; width:8px; height:15px;z-index:998;left:140px;top:27px;}
.CSCLeft .bot-arrow:hover{display: block;}
.CSCLeft li:hover .bot-arrow{display: block;}
.CSCLeft a:hover{display: block;background:#1e89e0;color:#fff;}

/*分类页*/
.c-hd{position:relative;height:44px; line-height:44px; border-bottom:2px solid #ddd; position:relative;}
.c-hd h3{ float:left; padding-right:4px;height:46px; background:#fff; margin-bottom:-2px; position:relative; }
.c-hd h3 span{ display:block; float:left; height:43px; border-bottom:3px solid #1e89e0; font-size:20px; font-weight:700;  padding:0 12px; }
.c-hd .number{position:relative;float:right;text-align:right;top:6px;display:block; color:#888;}
.c-hd .number em{color:#1e89e0;}
.c-hd i{float:right;margin-top:6px;display:inline;display:none;}
.c-hd i a{margin-left:45px;color:#999}
.c-hd i.on{display:block}

/*合集分类页单个标题*/
.zt_list ul{background:#fff;}
.zt_list .smr{margin-right:0px;}
.zt_list li{width:320px;height:280px;float:left;position:relative;color:#838383;margin:20px 19px 10px 0;background: url(../images/bg_case_f.png) 0 bottom no-repeat;}
.zt_list li p{width:280px;height:252px;padding:15px 19px 13px 20px;position:absolute;left:0;bottom:14px;background:#f7f7f7;border:1px solid #d2d2d2; border-radius:10px;}
.zt_list li p:hover{border:1px solid #1e89e0;transition:all .4s}
.zt_list li i strong{position:relative;float:left;width:282px;overflow:hidden;text-align:center;font-size:16px ;font-weight:bold;height:26px;line-height:26px;color:#2996da;margin-bottom:4px;cursor: pointer;}
.zt_list li img{width:280px;height:136px;}
.zt_list li span{float:left;height:70px;line-height:18px;overflow:hidden;margin-top:14px;font-size:13px;}
.zt_list li span font{font-weight:bold;color:#f60;margin-right:5px;font-size:12px;}
.zt_list li span em{margin-right:5px;font-size:12px;overflow:hidden;}

/*合集独立页面标题*/
.zt-intro{border:1px solid #ececec;height:260px;padding:20px;}
.intro-img{ float:left; width:530px; height:260px; overflow:hidden; }
.intro-img img{ width:530px; height:260px;display:block; }
.intro-box{ float:right; width:598px; overflow:hidden; }
.intro-hd h2{ font-size:26px; font-weight:bold; }
.intro-hd{ line-height:34px; padding-top:8px; }
.intro-hd span{ color:#999; }
.intro-desc{ font-size:16px; color:#666; line-height:30px; margin-top:17px; max-height:150px; overflow:auto; }
.intro-other{ margin-top:12px; }
.time{ float:left; color:#999; line-height:36px; }
.intro-other .fr{float:right;width:308px;overflow:hidden;height:40px}
.intro-other label{float:left; line-height:36px; color:#999; }

/*合集独立页面单个标题*/
.zt_listB ul{background:#fff;}
.zt_listB .smr{margin-right:0px;}
.zt_listB li{width:376px;height:222px;float:left;position:relative;color:#838383;margin:30px 30px 10px 0;background: url(../images/bgB_case_f.png) 42px 180px no-repeat;}
.zt_listB .zt_img img{position:absolute;float:left;top:20px;width:60px;height:83px;z-index:1;}
.zt_listB li p{width:346px;height:194px;padding:15px 19px 13px 20px;position:relative;left:0;bottom:14px;background:#f7f7f7;border:1px solid #d2d2d2; border-radius:10px;}
.zt_listB li p:hover{border:1px solid #1e89e0;transition:all .4s}
.zt_listB .zt_a1{position:relative;float:left;text-align:left;margin-left:64px;width:200px;height:90px;line-height:18px;overflow:hidden;font-size:13px;}
.zt_listB .zt_a3{position:relative;float:left;text-align:left;margin-left:80px;width:268px;height:90px;line-height:18px;overflow:hidden;font-size:13px;}
.zt_listB .zt_a2{position:relative;float:left;text-align:left;width:264px;height:90px;line-height:18px;overflow:hidden;font-size:13px;}
.zt_listB .zt_a1 strong,.zt_listB .zt_a2 strong,.zt_listB .zt_a3 strong{float:left;overflow:hidden;font-size:16px ;font-weight:bold;width:100%;height:26px;line-height:26px;color:#2996da;margin-bottom:4px;cursor: pointer;}
.zt_listB .zt_a1 span,.zt_listB .zt_a2 span,.zt_listB .zt_a3 span{position:relative;display:inline-block;width:100%;color:#666;}
.zt_listB .zt_a1 span i,.zt_listB .zt_a2 span i,.zt_listB .zt_a3 span i{position:absolute;margin-top:3px;display:inline-block;}
.zt_listB .zt_b{position:relative;display:inline-block;width:80px;height:90px;}
.zt_listB .zt_b img{display:block;width:48px;height:48px;float:right;margin-right:5px}
.zt_listB .zt_b em{display:block;width:54px; height:24px; line-height:24px;float:right; text-align:center;margin-top:8px;border:1px solid #1e89e0; border-radius:5px; color:#1e89e0}
.zt_listB .zt_b em:hover{border:1px solid #1e89e0;background:#1e89e0;color:#fff;}
.zt_listB .zt_a1 em,.zt_listB .zt_a3 em{position:absolute;z-index:888;width:54px; height:24px; line-height:24px;float:right; text-align:center;right:6px;top:50px;border:1px solid #1e89e0; border-radius:5px; color:#1e89e0}
.zt_listB .zt_a1 em:hover,.zt_listB .zt_a3 em:hover{border:1px solid #1e89e0;background:#1e89e0;color:#fff;}
.zt_listB .zt_c{position:relative;height: 64px;overflow:hidden;display:block;}
.zt_listB .zt_c font{font-weight:bold;color:#f60;margin-right:5px;font-size:12px;}
.zt_listB .zt_c em{margin-right:5px;font-size:12px;line-height:20px;line-height:16px\6;-ms-line-height:16px;-moz-line-height:16px;overflow:hidden;margin:0;padding:0;}
.zt_listB .zt_d1{position:relative;z-index:999;}
.zt_listB .zt_d1 s{line-height:18px;z-index:999}
.zt_listB .zt_d2{margin-top:12px;}
.top1{filter:alpha(opacity=90);opacity:0.9;display:block;background:url(../images/zlist.png) 0 -114px no-repeat;left:-7px;top:-8px;width:112px;height:112px; position:absolute;z-index:2;}
.top2{background-position:0 0;}
.top3{background-position:0 -225px;}

/*游戏标签*/
.ptjc{position:relative;float:left;width:100%; height:32px; line-height:30px;overflow:hidden; }
.ptjc em{ display:block; float:left; width:88px; color:#808080; text-indent:9px; margin-right:3px; background:url(../images/cssimg.png) no-repeat -45px -110px; }
.ptjc span{position:relative;float:left;display:inline-block;margin:0 5px;border:1px solid #ddd; border-radius:5px;padding:0px 8px;cursor:pointer;}
.ptjc span a{color:#808080;}
.ptjc span:hover{border:1px solid #1e89e0;background:#1e89e0;}
.ptjc span:hover a{color:#ffffff;}

/*分类列表版本*/
.platform{position:absolute;display:block; height:24px;padding-top:6px}
.platform font{position:relative;display:block;float:left;height:44px;font-weight:700;color:#666}
.platform a{float:left;display:inline-block;height:18px;line-height:18px;padding:0 6px 0 17px;margin-right:6px;border-right:1px solid #B9B9B9;color:#666;background:url(../images/cssimg.png) no-repeat;position:relative}
.platform a s{position:absolute;z-index:999;display:none;left:-36px;top: -150px; width:120px;padding-bottom:2px;border:1px solid #ddd;background:#fff;font-weight:700;text-decoration:none!important;font-size:12px;text-align:center;}
.platform a s:after{content:"";position:absolute;top: 140px;right:49px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top: 8px solid #dfdfdf;}
.platform a.cur s{display:block}
.platform a s img{width:120px;height:120px;position: relative;}
.platform a strong{color:#666;font-weight:400}
.platform a:hover,.platform a:hover strong{color:#009adc;text-decoration:none!important}
.platform a:last-child{border-right:0}
.platform a.pc{background-position:-340px 2px}
.platform a.az{background-position:-340px -20px;z-index:999;}
.platform a.iphone{background-position:-340px -43px}
.platform a.mac{background-position:-340px -66px}
.platform a.ipad{background-position:-340px -85px}

/*分享*/
.sinaGFoot-share a{background:url(../images/share-icon.png)!important;display:inline-block;overflow: hidden;margin: 6px 2px 6px 0;width:35px;height: 35px!important;padding: 0!important}
.sinaGFoot-share a.a1{background-position: -55px 0!important}
.sinaGFoot-share a.a2{background-position: 0 0!important}
.sinaGFoot-share a.a3{background-position: -110px 0!important}
.sinaGFoot-share a.a4{background-position: -165px 0!important}
.sinaGFoot-share a.a5{background-position: -275px 0!important;text-indent:-999px;}
.sinaGFoot-share a.a6{background-position: -385px 0!important;}
.sinaGFoot-share a.a7{background-position: -220px 0!important;}

/*列表分页*/
#pages{position:relative;float:left;top:-14px;height:32px;margin:30px auto;width:100%;text-align:center; color:#ccc;}
#pages a{ background:#fff; display:inline-block; height:32px; line-height:32px; margin: 0 4px; padding:0 12px; color:#666; font-size:14px; border:1px solid #ddd; }
#pages a:hover{ background:#1e89e0; border:1px solid #1e89e0; color:#fff; text-decoration: none; }
#pages span.current{ display:inline-block; height:32px; line-height:32px; margin: 0 4px; padding:0 12px; background:#1e89e0; border:1px solid #1e89e0; color:#fff; }
#pages span.disabled{ display:inline-block; height:32px; line-height:32px; margin: 0 4px; padding:0 12px; color:#bfbfbf; background:#f2f2f2; border:1px solid #ddd; }
#pages select{position:relative;border:1px solid #ddd; height:34px;padding:8px 0px;top:-2px;vertical-align: middle;}

/*星星 stars*/
.stars{background:url(../images/cssimg.png) no-repeat; width:74px; height:12px;display:block; float:left; vertical-align: middle;}
.star1{ background-position:-60px -648px;}
.star2{ background-position:-45px -648px;}
.star3{ background-position:-30px -648px;}
.star4{ background-position:-15px -648px;}
.star5{ background-position:0px -648px;}