/*轮播图banner*/
.focus{position: relative;overflow: hidden;}
.focus img{ position: relative;z-index: 1; width:100%; height:206px;}
.focus span{ position: absolute; bottom:12px; right:13px; z-index: 999; color:#fff; font-size:12px; }
.focus .focus-bt{width: 100%;height: 30px;position: absolute;left: 0;bottom: 0;z-index: 2;background: rgba(255,255,255,.4);}
.focus .focus-bt p{display:block;float: left;width: calc(100% - 70px);line-height: 30px;color: #333;font-weight: bold;font-size: 12px;text-indent: 1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.focus .focus-bt span{display: block;float: right;height: 30px;line-height: 30px;width: 50px;margin-right: 20px;text-align: right;font-size: 16px;letter-spacing: 2px;color: #333;}
.focus .focus-bt span i{color: #ff5b4c;}
/*big-btn*/
.big-btn{background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; overflow: hidden;}
.big-btn ul{display: block;padding: 15px 6px;overflow: hidden;}
.big-btn li{float: left;display: inline-block;width: 20%;text-align: center;}
.big-btn li a{overflow: hidden;}
.big-btn li a span{display: inline-block;width: 48px;height: 48px;margin-bottom: 10px;background: no-repeat;background-size:auto 47px;}
.big-btn li a p{font: 14px helvetica regular,'方正中等线', microsoft yahei,sans-serif,'宋体',tahoma;color: #888;}
.big-btn li:nth-child(2) a span{background-position: -50px 0;}
.big-btn li:nth-child(3) a span{background-position:-98px 0;}
.big-btn li:nth-child(4) a span{background-position: -147px 0;}
.big-btn li:nth-child(5) a span{background-position: -196px 0;}
.big-btn li a span:active{opacity: .8;}
.cont1 ul li a.d_btn{display: block;clear: both;color: #ff8c00;line-height: 27px;width: 56.5px;border: 1px solid #ff8c00;border-radius: 3px;margin: 0 auto 10px auto;}
.cont1 ul li a.a_btn{display: block;clear: both;color: #ff8c00;line-height: 27px;width: 56.5px;border: 1px solid #ff8c00;border-radius: 3px;margin: 0 auto 10px auto;}
.cont1 ul li a.s_btn{display: block;clear: both;color: #ff8c00;line-height: 27px;width: 56.5px;border: 1px solid #ff8c00;border-radius: 3px;margin: 0 auto 10px auto;}
.page-sub{background: #fff;margin-top: 6px;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.m-game{background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; margin-top: 6px;}
.z-package{background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; margin-top: 6px;}
.h5-game{background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; margin-top: 6px;}
.y-use{background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; margin-top: 6px;}
.h-collection{background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; margin-top: 6px;}
.n-skills{background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; margin-top: 6px;}

/*合集详情页*/
.location{ display: flex; position: relative; padding:0 12px; background: #f5f5f5; color: #333; z-index: 9; }
.location .sort-box{ flex:1; }
.location .sort-box .add a { font-size: 14px;color: #555;line-height: 30px;font-family: helvetica regular,'方正中等线', microsoft yahei,sans-serif,'宋体',tahoma;}
.location .sort-box .add a:nth-child(2){ font-weight: bold;}
.location .sort-box .add{ height: 34px; line-height: 34px; font-size: 12px; overflow: hidden; }
.location .sort-box .add img{ float: left; width: initial; margin-top: 8px; }
.location .sort-box .add .add-img{ height: 20px; vertical-align: middle; }
.location .sub-type{ display: block; line-height: 32px; padding: 0 10px; text-align: center; color: #333; cursor: pointer; }
.location .sub-type i{ display: inline-block; width: 0; line-height: 0; font-size: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #63b73d; }
.location .sub-type-open{ background: #f2f2f2; }
.location .sub-type-open i{ border-bottom: 6px solid #63b73d; border-top: 0px; }

/*下拉菜单*/
.sub-type-box{ position: relative; }
.sub-type-box ul{ display:none; width: 72px; position: absolute; right: 0; top: 0px; overflow: hidden; background: #f2f2f2; z-index: 999; }
.sub-type-box ul li{ display: block; width: 100%; height: 33px; overflow: hidden; border-bottom: 1px solid #eee; }
.sub-type-box ul li a{ display:block; width: 100%; height: 33px; line-height: 33px; font-size: 14px; text-align: center; font-weight: normal; color: #333; text-align: center; }


/*文章*/
.upone{ width: 100%; background-color: rgb(255,255,255); }
.uponea{ display: table; float: left; width: 94%; padding: 13px 8.5px 0px 8.5px; }
.uponea h1{ float:left; font-size: 15px; font-weight: bold; margin: 0px; text-align: left; color: #232323; }
.uponea span{ float:right; font-size: 14px; color: #ff8c00; }
.uponea span:before{ display: inline-block; content: ' '; width: 20px; height: 20px; background:  no-repeat; background-size: 20px auto; background-position: 0 -465px; margin: 0 5px -4px 0; }
.uponeb{ display: table; float: left; text-indent: 5%; width: 100%; font-size: 15px; }
.uponeb span{ display: block; float: left; margin: 10px 15px 10px 15px; text-align: left; line-height: 21px; font-size: 12px; }
.uponeb p{ float: right; width: 150px; font-size: 12px; color: rgb(0,120,255); margin: 0px 8.5px 0px 0px; text-align: right; }
.uponec{ display: table; width: 95%; margin: auto; border-bottom: 2px solid #f6f6f6; }
.uponec a{ float: left; height: 21px; line-height: 21px; text-align:center; background: #eeeeee; border-radius: 13px; font-size: 13px; color: rgb(0,120,255); text-decoration: none; overflow: hidden; width: 85px; margin-right: 3%; margin-top: 13px; margin-bottom: 13px; }
.uponec a:nth-child(1){ color:#ff8c00; }
.uponec a:nth-child(2){ color:#0078ff; }
.uponec a:nth-child(3){ color:#fc4d9c; }

/*合集列表*/
.hj-list{ padding:0 12px; overflow: hidden; background:#fff; }
.hj-list ul{ overflow: hidden; }
.hj-list ul li{ position: relative; padding: 15px 0px; border-bottom: 1px solid #f5f5f5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden;   }
.hj-list ul li>.c2-explain{ float: left; display: inline-block; }
.c2-explain div{ position: relative; display: inline-block; }
.c2-explain div img{ display: inline-block; width: 60px; height: 60px; border-radius: 10px; background: #969696;   }
.hj-list ul li .sub{ position: relative; display: block; height: 60px; margin: 0 67.5px;}
.hj-list ul li .sub div{ width: 100%; /*position: absolute; top: 71%; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); margin-top:-17px;*/ }
.hj-list ul li .sub div a{ color: #333;font-size: 14px;font-weight: 600;}
.hj-list ul li .sub div span:nth-child(3) a,.hj-list ul li .sub div span:nth-child(4) a{font-weight: 1;font-size: 12px; display:inline-block; width:65px; text-align: center; color:#ff8c00; border-radius:10px; border:1px solid #ff8c00; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0px 5px; }
.sub dl{ display: block; overflow: hidden; }
dl.sub-text{ padding-top:3px; padding-bottom:6px; }
.sub dt, .sub dd{ display: inline-block; float: left; color: #888; margin-right: 10px;overflow: hidden;    max-height: 20px; }
.hj-list ul li a.l_btn2{ float: right; text-align: center; color: #fff; line-height: 28px; width: 57.5px; background: #ff8c00; border-radius: 3px; position: absolute; top: 50%; right: 0px; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); }

/*加载*/
.more-box{ width:100%; height:30px; line-height: 30px; text-align: center; }
.more-box span{ display:block; width:100%; height:100%; }