/* CSS Document*/
.mc1300,
.mainBody{overflow: visible;}
.mainBody .sma_wid_title{width: 100%; overflow: hidden; margin: 0 auto; position: relative;}
.sma_wid_title h3{font-size: 18px; color: #666; font-weight: bold; margin-bottom: 16px;}
.sma_wid_title h3 i{float: left; width: 6px; height: 20px; margin-right: 10px; background: #e86505; border-radius: 6px; margin-top: 3px;}
/*快捷导航*/
.innerBanner_slide{max-width: 1920px; margin: 0 auto; overflow: hidden; z-index: 1;}
.imgshow{width: 1920px; height: 420px; overflow: hidden; position: relative;}
.imgshow ul{height: 420px; position: absolute}
.imgshow ul li{float: left; width: 1920px; height: 420px; overflow: hidden; position: relative;}
.imgshow li img{width: 100%; height: 420px}
.imgshow .btn{position: absolute; width: 32%; margin: 0 auto; height: 8px; line-height: 8px; left: 34%; bottom: 0}
.imgshow .btn span{display: inline-block; _display: inline; _zoom: 1; width: 20%; height: 8px; _font-size: 0; box-sizing: border-box; border-right: 1px solid #A2A2A2; cursor: pointer; background: #373737}
.imgshow .btn span:last-child{border-right: none}
.imgshow .btn span.on{background: #ff431e}
.imgshow .preNext{display: none}
/*专题推荐link*/
.hot_topAlb{background: #fff; color: #fff; width: 1290px; overflow: hidden; margin: 0 auto; margin-left: 5px; margin-right: 5px; box-sizing: border-box; padding: 16px 16px 10px 16px; border-radius: 4px; margin-top: 26px; z-index: 10; box-shadow: 0 0 5px #c6c6c6;}
.hot_albItem{width: 100%; overflow: hidden;}
.hot_albItem dl{margin-bottom: 10px; width: 100%; float: left; height: 28px; overflow: hidden;}
.hot_albItem:last-child dl{margin-bottom: 6px;}
.hot_albItem dl dt{float: left; line-height: 28px; font-size: 0; color: #fff;}
.hot_albItem dl dt i,
.hot_albItem dl dt span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.hot_albItem dl dt span{background: #a461ff; font-size: 14px; padding: 0 12px; border-radius: 28px;}
.hot_albItem:nth-child(2) dl dt span{background: #6191ff;}
.hot_albItem dl dd{float: left; color: #555; text-align: center; line-height: 28px;}
.hot_albItem dl dd a{padding: 0 15px; font-size: 14px; color: #555; opacity: 0.9;}
.hot_albItem dl dd a font{opacity: 0.9;}
.hot_albItem dl dd a:hover{opacity: 1;}
.hot_albItem dl dd a:hover font{opacity: 1;}
.alb_ty_tit{border-bottom: 1px solid #dbdbdb;}
/*最新专题*/
.mbzt_box{margin-top: 20px;}
.mbzt_tabCon{height: 60px; clear: both; zoom: 1; border-bottom: 2px solid #a461ff; font-size: 16px; position: relative; padding-left: 169px; margin-top: 10px;}
.cl{*zoom: 1;}
.cl:after{content: "\200B"; display: block; height: 0; clear: both;}
.mbzt_tabCon span.new{height: 60px; line-height: 60px; width: 171px; background: #a461ff; font-size: 17px; top: 1px; border-color: #a461ff; color: #fff; z-index: 99; position: absolute; left: 0; text-align: center;}
.mbzt_tabCon .mbzt_tab{width: 1129px; margin: 0; float: right; box-sizing: border-box;}
.mbzt_tab li{float: left; margin-top: 10px; display: inline-block; height: 50px; line-height: 50px; width: 376px; margin-left: -1px; border: 1px solid #ddd; box-sizing: border-box; border-bottom: none; background: #fff; text-align: center; cursor: pointer; color: #666; transition: all .2s ease;}
.mbzt_tab li.active{height: 59px; line-height: 59px; margin-top: 1px;}
.mbzt_tab li.tb-1{border-left: none;}
.mbzt_tab li i{width: 29px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 8px; background: url(../images/mb-sprite.png) no-repeat;}
.mbzt_tab li.tb-1 i{background-position: -109px -272px;}
.mbzt_tab li.tb-1:hover i,
.mbzt_tab li.tb-1.active i{background-position: -109px -235px;}
.mbzt_tab li.tb-2 i{background-position: -142px -272px;}
.mbzt_tab li.tb-2:hover i,
.mbzt_tab li.tb-2.active i{background-position: -142px -235px;}
.mbzt_tab li.tb-3 i{background-position: -179px -271px;}
.mbzt_tab li.tb-3:hover i,
.mbzt_tab li.tb-3.active i{background-position: -179px -235px;}
.mbzt_tab li.tb-4 i{background-position: -213px -271px;}
.mbzt_tab li.tb-4:hover i,
.mbzt_tab li.tb-4.active i{background-position: -213px -235px;}
.mbzt_ul{margin: 24px 0 0 -28px; max-height: 328px;}
.mbzt_box_cont1 .mbzt_ul{margin-left: -24px;}
.mbzt_ul li{width: 237px; float: left; display: inline; margin: 0 0 12px 28px; vertical-align: top;}
.mbzt_box_cont1 .mbzt_ul li{width: 196px; margin-left: 24px;}
.mbzt_ul li img{width: 237px; height: 125px; display: block; border-radius: 3px;}
.mbzt_box_cont1 .mbzt_ul li img{width: 195px; height: 115px;}
.mbzt_ul li p{text-align: center; font-size: 14px; height: 37px; width: 100%; padding: 0 10px; box-sizing: border-box; line-height: 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mbzt_ul a.ztmore{width: 100%; height: 95px; padding-top: 30px; color: #fff; display: block; border-radius: 3px; background-color: #c5c5c5; text-align: center; transition: all .2s ease;}
.mbzt_box_cont1 .mbzt_ul a.ztmore{width: 195px; height: 85px;}
.mbzt_ul a.ztmore i{width: 31px; height: 31px; background: url(../images/mb-sprite.png) no-repeat; background-position: -187px -190px; display: block; margin: 0 auto 8px;}
.mbzt_ul a.ztmore:hover{background-color: #bc8efb;}
.mbzt_ul li:hover p a{color: #ff2d22;}
/*热门专题*/
.jjssbox{width: 1300px; margin: auto; margin-top: 0px; position: relative;}
.jjss .jjss-list{position: relative; width: 100%; overflow: hidden;}
.jjss .jjss-list ul{position: relative; width: 10000px;}
.jjss .jjss-list ul li{position: relative; float: left; width: 236px; border-radius: 4px; border: 1px solid #ddd; box-sizing: border-box; margin-right: 30px;}
.jjss .jjss-list ul li:hover{border: 1px solid #a461ff;}
.jjss .jjss-list ul li:hover button{border: 1px solid #a461ff; background-color: #a461ff; color: #fff;}
.jjss .jjss-list ul li a{display: block; height: 100%; width: 100%;}
.jjss .jjss-list ul li a:hover span{color: #f95d4d;}
.jjss .jjss-list ul li a img{width: 100%; height: 120px; border-top-left-radius: 4px; border-top-right-radius: 4px; display: block;}
.jjss .jjss-list ul li a span{width: 100%; padding: 0 10px; box-sizing: border-box; margin-top: 4px; display: block; text-align: center; color: #404040; font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jjss .jjss-list ul li a button{overflow: hidden; width: 100%; display: block; border: 1px solid #bc8efb; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align: center; background-color: #bc8efb; color: #fff; font-size: 16px; height: 42px; margin-top: 16px; line-height: 42px;}
.jjss .jjss-prev-btn{position: absolute; height: 74px; display: none; width: 38px; left: 0; top: 73px; background: url(../images/qh2.png); cursor: pointer;}
.jjss .jjss-next-btn{position: absolute; height: 74px; display: none; width: 38px; right: 0; top: 73px; background: url(../images/qh4.png); cursor: pointer;}
.jjss .jjssbox:hover .jjss-prev-btn{display: block;}
.jjss .jjssbox:hover .jjss-next-btn{display: block;}
.jjss .jjss-prev-btn:hover{background: url(../images/qh3.png);}
.jjss .jjss-next-btn:hover{background: url(../images/qh1.png);}
.comm_undmore_tit{width: 100%; position: relative; border-bottom: 1px solid #ededed; z-index: 2; margin-top: 20px;}
.comm_undmore_tit h2{display: inline-block; padding-right: 6px; color: #666; font-size: 18px; position: relative; height: 36px; font-weight: bold;}
.comm_undmore_tit h2::after{z-index: 3; content: ''; display: block; position: absolute; height: 4px; background-color: #f76341; border-radius: 3px; width: 40px; margin-left: -20px; left: 50%; bottom: -2px;}
.com_part_more{display: block; float: right; width: 22px; height: 20px; margin: 6px 0 0 15px; background: url(../images/azicon.png) no-repeat -100px -270px;}
.com_part_more:hover{background-position: -70px -270px;}
.com_tit_menu{position: absolute; right: 200px; top: 0px;}
.com_tit_menu li{float: left; height: 26px; line-height: 26px; text-align: center; font-size: 14px; margin: 0 10px; cursor: pointer;}
.com_tit_menu li a,
.com_tit_menu li span{display: block; border-radius: 13px; text-decoration: none; background: #ebf1ff; padding: 0 14px; color: #6191ff;}
.com_tit_menu li.current a,
.com_tit_menu li.current span{background: #6191ff; color: #FFFFFF;}
/*游戏合集*/
.mbhj_list{margin-right: -40px; overflow: hidden; zoom: 1;}
.mbhj_list li{width: 300px; box-sizing: border-box; float: left; border: 1px solid #ddd; border-radius: 4px; display: inline; cursor: pointer; margin: 20px 33px 0 0;}
.mbhj_list dl{width: 100%; text-align: left; background: #fff; position: relative;}
.mbhj_list dt img{width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; height: 148px; display: block; border-radius: 3px;}
.mbhj_list dl dd{width: 100%; padding: 0 12px 50px; position: relative; box-sizing: border-box;}
.mbhj_list dl h3{height: 40px; line-height: 40px; overflow: hidden; font-size: 17px; text-align: left; position: relative; font-weight: normal;}
.mbhj_list dl h3 a{float: left; max-width: 70%; font-size: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mbhj_list dl span.rj_num{padding: 0 10px; display: block; text-align: center; color: #6191ff; letter-spacing: 1px; border-radius: 20px; border: 2px #ebf1ff solid; font-family: "Impact"; font-size: 12px; background: #fff; position: absolute; right: 0px; line-height: 24px; top: 6px;}
.mbhj_list dl p.text{height: 63px; color: #666; line-height: 24px; font-size: 13px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.mbhj_list dl a.enterzt{background: #6edcd4; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; position: absolute; bottom: -1px; left: -1px;}
.mbhj_list li.hover{border-color: #16bfb3;}
.mbhj_list li.hover a.enterzt{background: #16bfb3; border: 1px solid #16bfb3;}
.mbhj_con .mbhj_list dt{width: 100%; height: 125px; overflow: hidden;}
.mbhj_con .mbhj_list dt img{border-radius: 0; height: 125px; transition: all 0.5s ease 0s;}
.mbhj_con .mbhj_list dt a:hover img{transform: scale(1.1, 1.1);}
.mbhj_con .mbhj_list li a.enterzt{background: #81a7ff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid #81a7ff;}
.mbhj_con .mbhj_list li:hover a.enterzt{background: #6191ff;}
.mbhj_con .mbhj_list li:hover{border-color: #6191ff;}
.mbhj_con .mbhj_list dl p.text{height: 48px;}
.mbhj_con .mbhj_list .pic{margin-left: -15px;}
.mbhj_con .mbhj_list .pic img{width: 68px; height: 68px; display: inline-block; margin: 12px 0 0 22px; border-radius: 10px;}
.mbhj_con .pic a:hover img,
.azhj_con .pic a:hover img{transform: rotateY(360deg); transition: transform 0.5s;}
.pchj_con .mbhj_list .pic img{width: 68px; height: 90px; border-radius: 4px; object-fit: cover; transition: all .5s ease 0s}
.pchj_con .mbhj_list .pic img:hover{transform: rotateY(0deg); opacity: 0.7; filter: alpha(opacity=70);}
/*专题列表*/
/*专题分类*/
.fl_navCon{border-bottom: 2px solid #a461ff; height: 40px; margin-bottom: 30px; z-index: 6; /* overflow: hidden;*/}
.fl_navdl{width: 100%; height: 40px; z-index: 6; margin-bottom: 30px;}
.fl_navdl dt{width: 70px; float: left; font-size: 14px; color: #777; line-height: 35px;}
.fl_navdl dd{width: 100%; float: left;}
.fl_navdl dd.dd1{max-width: 900px; height: 40px; float: left;}
.fl_navdl dd.dd1 a{position: relative; display: inline-block; height: 39px; float: left; padding: 0 20px; line-height: 40px; font-size: 15px; color: #666; text-align: center; border: 1px solid #eaeaea; border-bottom: 2px solid #a461ff; background: #f7f7f7; z-index: 9;}
.fl_navdl dd.dd1 a:hover{border-color: #a461ff; background: #fff; color: #a461ff; height: 38px; line-height: 38px; border: 2px solid #a461ff; border-bottom: 2px solid #fff;}
.fl_navdl dd.dd1 a.active{border-color: #a461ff; background: #fff; color: #a461ff; height: 38px; line-height: 38px; border: 2px solid #a461ff; border-bottom: 2px solid #fff;}
.fl_navdl dd.dd3{width: 224px; float: right;}
.fl_navdl dd.dd3 a{display: inline-block; font-size: 14px; width: 82px; height: 24px; line-height: 24px; padding-left: 10px; border: 1px solid #a461ff; text-align: left; color: #a461ff; background-color: #fff; background: url("../images/mb-sprite.png") no-repeat; background-position: 75px -281px; margin: 5px 0 15px 15px;}
.fl_navdl dd.dd3 a.active,
.fl_navdl dd.dd3 a:hover{background-color: #a461ff; background-position: 75px -234px; color: #fff;}
.mbzt_con{width: 100%; overflow: hidden; margin: 0 auto;}
.mbzt_list{margin-left: -30px;}
.mbzt_list li{position: relative; float: left; width: 236px; border-radius: 4px; border: 1px solid #ddd; box-sizing: border-box; margin-left: 30px; margin-bottom: 26px;}
.mbzt_list li:hover{border: 1px solid #a461ff;}
.mbzt_list li:hover button{border: 1px solid #a461ff; background-color: #a461ff; color: #fff;}
.mbzt_list li:hover p{color: #f95d4d;}
.mbzt_list li a{display: block; height: 100%; width: 100%;}
.mbzt_list li a img{width: 100%; height: 120px; border-top-left-radius: 4px; border-top-right-radius: 4px; display: block;}
.mbzt_list li p{width: 100%; padding: 0 10px; box-sizing: border-box; margin-top: 4px; display: block; text-align: center; color: #404040; font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mbzt_list li span{width: 100%; display: inline-block; padding: 0 10px; box-sizing: border-box; height: 48px; color: #777; line-height: 24px; font-size: 13px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.mbzt_list li a button{overflow: hidden; width: 100%; display: block; border: 1px solid #bc8efb; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align: center; background-color: #bc8efb; color: #fff; font-size: 16px; height: 42px; margin-top: 16px; line-height: 42px;}
/*合集列表*/
.hjlistCon .fl_navCon{border-bottom: 2px solid #6191ff;}
.hjlistCon .fl_navdl dd.dd1 a:hover{background: #fbfbfb; color: #6191ff; height: 38px; line-height: 38px; border: 2px solid #6191ff; border-bottom: 2px solid #fbfbfb;}
.hjlistCon .fl_navdl dd.dd1 a{position: relative; border-bottom: 2px solid #6191ff;}
.hjlistCon .fl_navdl dd.dd1 a.active{background: #fbfbfb; color: #6191ff; height: 38px; line-height: 38px; border: 2px solid #6191ff; border-bottom: 2px solid #fbfbfb;}
.hjlistCon .fl_navdl dd.dd3 a{border: 1px solid #6191ff; color: #6191ff; background: url("../images/mb-sprite.png") no-repeat; background-position: 75px -212px;}
.hjlistCon .fl_navdl dd.dd3 a.active,
.hjlistCon .fl_navdl dd.dd3 a:hover{color: #fff; background-color: #6191ff; background-position: 75px -234px;}
.bgfb{background-color: #fbfbfb;}
.listBox_con .mbhj_list{margin-left: -24px;}
.listBox_con .mbhj_list li{width: 626px; background-color: #fff; border: 1px #f3f3f3 solid; box-sizing: border-box; padding: 10px 20px 20px 20px; float: left; margin: 0; margin-bottom: 26px; margin-left: 30px;}
.listBox_con .mbhj_list li:hover{border-color: #6191ff; box-shadow: 0px 10px 10px 0px rgba(215, 215, 215, 0.8);}
.listBox_con .mbhj_list li a{display: block;}
.listBox_con .mbhj_list li h3{width: 100%; height: 42px; line-height: 42px; font-size: 20px; font-weight: bold; margin-bottom: 6px;}
.imgTxt{width: 100%; height: 142px; position: relative; margin-bottom: 16px;}
.imgTxt a{float: left; overflow: hidden; width: 246px; height: 142px;}
.imgTxt img{width: 246px; height: 142px; float: left; transition: transform 0.3s;}
.imgTxt a:hover img{transform: scale(1.1, 1.1); transition: transform 0.3s;}
.imgTxt span.rj_num{padding: 0 10px; display: block; text-align: center; color: #6191ff; letter-spacing: 1px; border-radius: 20px; border: 2px #ebf1ff solid; font-family: "Impact"; font-size: 12px; background: #fff; position: absolute; right: 0px; line-height: 24px; bottom: 4px;}
.imgTxt p.txt{width: 320px; float: left; padding-left: 16px; height: 104px; color: #666; line-height: 26px; font-size: 13px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}
.listBox_con .mbhj_list dl{width: auto; margin-left: -20px; overflow: hidden;}
.listBox_con .mbhj_list dl dd{width: 68px; height: 68px; overflow: hidden; padding: 0; border-radius: 6px; float: left; display: inline-block; margin-left: 18px;}
.listBox_con .mbhj_list dl dd img{width: 68px; height: 68px; border-radius: 6px;}
.listBox_con .mbhj_list dl dd img:hover{transform: rotateY(0deg); opacity: 0.7; filter: alpha(opacity=70);}
.listBox_con a.hjmore{padding-top: 18.5px; color: #fff; display: block; border-radius: 3px; background-color: #c5c5c5; text-align: center; transition: all .2s ease; width: 68px; height: 68px;}
.listBox_con a.hjmore i{width: 31px; height: 31px; background: url(../images/mb-sprite.png) no-repeat; background-position: -187px -190px; display: block; margin: 0 auto 8px;}
.listBox_con a.hjmore:hover{background-color: #81a7ff;}
/*电脑游戏合集列表*/
.listBox_con .pchj_list dl dd{width: 68px; height: 90px; border-radius: 4px;}
.listBox_con .pchj_list dl dd img{width: 68px; height: 90px; border-radius: 4px;}
.listBox_con .pchj_list a.hjmore{padding-top: 29.5px; width: 68px; height: 90px;}
/*合集详情列表*/
.mainTop{width: 100%; margin-top: 20px; height: 400px;}
.mainTop img{width: 100%; height: 400px;}
.hj_titBox{width: 100%; position: relative; padding: 0 20px; box-sizing: border-box; background-color: #ffffff; box-shadow: 0px 8px 8px 0px rgba(215, 215, 215, 0.4); border-radius: 10px; margin: -190px auto 30px; padding-bottom: 18px;}
.hj_titBox h1{width: 100%; margin: 0 auto 12px; height: 60px; line-height: 60px; border-bottom: 1px solid #eaeaea; font-size: 22px; color: #000000; text-align: center; font-weight: bold; position: relative;}
.hj_titBox h1:before{content: ''; display: block; width: 50px; height: 6px; background-color: #f76341; border-radius: 3px; bottom: -3px; position: absolute; left: 0; right: 0; margin: auto;}
.hj_titBox p{max-height: 84px; overflow-y: scroll; font-size: 15px; line-height: 28px; color: #666666; width: 1258px; margin: auto;}
.hj_titBox p::-webkit-scrollbar{width: 5px; height: 10px; border-radius: 10px; background-color: transparent;}
.hj_titBox p::-webkit-scrollbar-track{background-color: transparent;}
.hj_titBox p::-webkit-scrollbar-thumb{background-color: #ddd;}
.share_time{width: 100%; overflow: hidden; margin-top: 10px; height: 52px; line-height: 52px; color: #999;}
.w230{width: 230px;}
.w230 span{height: 52px; line-height: 52px; display: inline-block; text-align: center; vertical-align: middle; color: #777;}
.w230 span.bdsharebuttonbox{display: inline-block; width: 166px; height: 30px; padding: 0; margin-top: 0; text-align: center; vertical-align: middle;}
span.hjacunt{color: #666;}
span.hjacunt em{color: #f76341; font-weight: bold; margin: 0 4px;}
/*列表*/
.hjapp_List{margin-left: -30px; padding-top: 10px;}
.hjapp_List li{width: 410px; /* height: 222px;*/ float: left; padding-bottom: 16px; position: relative; color: #838383; margin-top: 20px; margin-left: 31px; background: url(../images/dkbg_case_f.png) 42px 206px no-repeat; background-position: bottom;}
.hjapp_List li .hjapp_div{width: 100%; /* height: 218px;*/ padding: 16px; box-sizing: border-box; /* padding: 12px 19px 15px 20px;*/ position: relative; left: 0; bottom: 14px; background: #fff; border: 1px solid #eaeaea; border-radius: 2px; transition: all 0.4s ease;}
.hjapp_List li:hover .hjapp_div{bottom: 26px; transition: all 0.4s ease;}
.hjapp_List li:hover .hjapp_btn{background-color: #d94826}
.hjapp_List li em{width: 81px; height: 82px; display: block; position: absolute; right: -7px; top: -7px; background: url(../images/mb-sprite.png) no-repeat; background-position: 0 -567px;}
.hjapp_List li em.zshy{background-position: -83px -567px;}
.hjapp_List li em.zdxz{background-position: -164px -567px;}
.hjapp_List li em.bluetj{width: 26px; height: 62px; display: block; position: absolute; right: -2px; top: -1px; background-position: -176px -403px;}
.hjapp_List li a{display: inline-block;}
.hjapp_List li h3{width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hjapp_List li h3 a{max-width: 90%; font-size: 18px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hjapp_sum{width: 100%; overflow: hidden; margin-bottom: 8px;}
.hjapp_img{width: 88px; float: left; height: 88px; border-radius: 8px; overflow: hidden;}
.hjapp_img img{width: 88px; height: 88px; border-radius: 8px;}
.hjapp_info{float: left; width: 150px; height: 88px; margin-left: 12px;}
.hjapp_info p{width: 100%; font-size: 13px; color: #666; margin-bottom: 6px;}
.hjapp_info p span{margin-right: 2px;}
.hjapp_info p u{float: left;}
.hjapp_info p i{display: inline-block; float: left; height: 16px; line-height: 16px; padding: 0 6px 0 17px; margin-right: 6px; color: #666; background: url(../images/dkcssimg.png) no-repeat; position: relative;}
.hjapp_info p i.az{background-position: -340px -20px;}
.hjapp_info p i.pc{background-position: -340px 1px}
.hjapp_info p i.pg{background-position: -340px -43px}
.star{display: inline-block; height: 14px; margin: 0px; line-height: 14px; margin-left: 0;}
.star span{width: 72px; height: 14px; background: url(../images/litterStar.png) no-repeat; display: inline-block;}
.star span.star0{background-position: -110px -3px;}
.star span.star1{background-position: -110px -38px;}
.star span.star2{background-position: -110px -73px;}
.star span.star3{background-position: -110px -108px;}
.star span.star4{background-position: -110px -144px;}
.star span.star5{background-position: -110px -178px;}
.hjapp_btn{width: 110px; float: right; margin-top: 56px; color: #fff; line-height: 30px; height: 30px; border-radius: 4px; background-color: #f76341;}
.hjapp_btn a{color: #fff; width: 100%; text-align: center; line-height: 30px;}
.hj_txt{width: 100%; overflow: hidden; margin-bottom: 4px; height: 48px; text-align: left; line-height: 24px; font-size: 13px; color: #777; margin-top: 8px; box-sizing: border-box; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.hj_txt font{font-weight: bold; color: #f60; margin-right: 5px; font-size: 13px;}
.hj_txt span{color: #666; font-size: 13px;}
.hjapp_div dl{margin-left: -30px; overflow: hidden; margin-top: 8px;}
.hjapp_div dl dd{float: left; width: 71px; height: 26px; background-color: #cccccc; border-radius: 4px; margin-left: 30px; text-align: center; line-height: 26px; color: #ffffff; font-size: 14px;}
.hjapp_div dl dd a{display: block; width: 100%; height: 100%; line-height: 26px; overflow: hidden; color: #ffffff; border-radius: 4px;}
.hjapp_div dl dd:hover{background: #f76341;}
/*pc游戏合集列表*/
.hjpc_List li{width: 302px; margin-left: 29px;}
.hjpc_List .hjapp_img{width: 90px; float: left; height: 124px; border-radius: 4px; overflow: hidden;}
.hjpc_List .hjapp_img img{width: 90px; box-sizing: border-box; height: 124px; border-radius: 4px;}
.hjpc_List .hjapp_btn{width: 110px; float: left; margin-left: 12px; margin-top: 6px;}
.hjpc_List .hjapp_div dl{margin-left: -13px; overflow: hidden; margin-top: 8px;}
.hjpc_List .hjapp_div dl dd{width: 57px; margin-left: 13px;}
/*软件合集列表*/
.SDetztjs{width: 1300px; margin: 0 auto; margin-bottom: 20px; margin-top: 20px; position: relative; padding-bottom: 12px;}
.SDetztjs .img{position: absolute; z-index: 1; right: 0; bottom: 0;}
.SDetztjs .info{width: 814px; border: 1px solid #ededed; border-right: 0; border-bottom: 0; position: relative; z-index: 2;}
.SDetztjs .u-hypot{background: url(../images/u_hypot_2.png) no-repeat; width: 42px; height: 265px; display: block; float: right; position: absolute; right: 0;}
.SDetztjs .inner{width: 724px; height: 216px; padding: 24px; background: #fff; border-bottom: 1px solid #ededed;}
.SDetztjs h1{width: 554px; display: inline-block; color: #000; font-size: 22px; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.SDetztjs span.sfdt_num{width: 150px; margin-left: 20px; float: right; display: inline-block; line-height: 52px; font-size: 14px; color: #888; text-align: right;}
.SDetztjs span.sfdt_num em{margin: 0 6px; font-weight: bold; font-size: 14px; color: #ff0000;}
.SDetztjs .inner p{width: 100%; height: 120px; margin-bottom: 10px; overflow-y: scroll; font-size: 15px; color: #666; line-height: 28px;}
.SDetztjs .inner p::-webkit-scrollbar{width: 5px; height: 10px; border-radius: 10px; background-color: transparent;}
.SDetztjs .inner p::-webkit-scrollbar-track{background-color: transparent;}
.SDetztjs .inner p::-webkit-scrollbar-thumb{background-color: #ddd;}
.SDetztjs .inner .shareBox{width: 500px; float: left;}
/*厂商目录*/
.companyBox{width: 1300px; margin: auto; margin-top: 20px; position: relative;}
.companyBox .company_list{position: relative; width: 100%; overflow: hidden; max-height: 212px;}
.companyBox .company_list ul{position: relative; width: 100%; margin-left: -32px; margin-top: -26px;}
.companyBox .company_list ul li{position: relative; float: left; width: 293px; border-radius: 4px; box-sizing: border-box; margin-left: 32px; margin-top: 26px;}
.companyBox .company_list ul li:hover .com_btn{border: 1px solid #ed6d0f; background-color: #ed6d0f; color: #fff;}
.companyBox .company_list ul li:hover .com_btn a{color: #fff;}
.companyBox .company_list ul li:hover .imgList_info b{color: #ff2d22;}
.company_list li .imgList_pic,
.company_list li .imgList_info{float: left;}
.company_list li .imgList_pic .img{border: #ebebeb 1px solid; width: 90px; height: 90px; border-radius: 50%; overflow: hidden; background: #fff; display: block; margin: 0 12px 0 0; position: relative;}
.company_list li .imgList_pic img{width: 90px; max-height: 90px; position: absolute; margin: auto; top: 0; bottom: 0; transition: all 0.5s ease 0s;}
.company_list li:hover .imgList_pic img{transform: scale(1.1, 1.1);}
.company_list li .imgList_info{width: 189px;}
.company_list li a{display: block;}
.company_list li .imgList_info b{display: block; font-weight: 400; font-size: 16px; line-height: 33px; height: 32px; overflow: hidden; margin-bottom: 10px;}
.company_list li .com_btn{margin: 18px 0 0 0px; color: #ed6d0f; border: #ed6d0f 1px solid; border-radius: 2px; width: 88px; text-align: center; line-height: 28px; -webkit-transition: all .5s; transition: all .5s;}
.company_list li .com_btn a{color: #ed6d0f; font-size: 14px;}
.mt30{margin-top: 30px;}
/* 分类tab */
.hjtabHead{width: 100%; position: relative; display: flex; border-bottom: 1px solid #eee; margin: 12px 0; justify-content: center;}
.hjtabHead ul.tabHe_ul li{display: inline-block; margin: 0 10px 12px 10px; padding-right: 16px; position: relative; font-weight: bold; font-size: 19px; color: #333; cursor: pointer;}
.hjtabHead ul.tabHe_ul li:first-child{cursor: default;}
.hjtabHead ul.tabHe_ul li::after{content: ""; float: left; width: 1px; height: 16px; position: absolute; right: 0; top: 6px; background-color: #aaa;}
.hjtabHead ul.tabHe_ul li:last-child::after{background-color: #fff;}
.hjtabHead ul.tabHe_ul li a{font-weight: bold; font-size: 19px; color: #333;}
.hjtabHead ul.tabHe_ul li:first-child,
.hjtabHead ul.tabHe_ul li a.cur,
.hjtabHead ul.tabHe_ul li:hover{color: #ff6600;}
.hjtabHead ul.tabHe_ul li span{font-weight: normal; font-size: 14px; color: #999; margin-left: 10px;}
/*合集列表2*/
.hjapp_con{width: 100%; overflow: hidden;}
ul.tsfxList{width: 100%; box-sizing: border-box; overflow: hidden;}
ul.tsfxList>li{width: 100%; overflow: hidden; position: relative; box-sizing: border-box; padding: 10px 6px; margin-bottom: 10px;}
ul.tsfxList>li:last-child{margin-bottom: 0;}
ul.tsfxList>li:hover .tsfx_info img{-webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); -o-transform: scale(0.96); transform: scale(0.96); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
ul.tsfxList>li>div{width: 1288px; overflow: hidden; padding: 20px; box-sizing: border-box; border-radius: 6px; background-color: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
ul.tsfxList>li em{width: 111px; height: 32px; display: block; position: absolute; left: 560px; top: 5px; background: url("../images/hjList_icon.png") no-repeat; z-index: 9999;}
ul.tsfxList>li em.qltj{background-position: 0 0;}
ul.tsfxList>li em.zshy{background-position: 0 -42px;}
ul.tsfxList>li em.zdxz{background-position: 0 -84px;}
ul.tsfxList>li em.bluetj{background-position: 0 -126px;}
ul.tsfxList li em.topNum.fir{border-color: #fb1f1b transparent transparent transparent;}
ul.tsfxList li em.topNum.sec{border-color: #f83d39 transparent transparent transparent;}
ul.tsfxList li em.topNum.thir{border-color: #fb6965 transparent transparent transparent;}
ul.tsfxList li em.topNum{width: 60px; left: 6px; top: 10px; color: #fff; border-width: 26px 0 0 0; border-style: solid; border-color: #bbbbbb transparent transparent transparent; background: none;}
ul.tsfxList li em.topNum.fir:before{border-top: 12px solid #fb1f1b;}
ul.tsfxList li em.topNum.sec:before{border-top: 12px solid #f83d39;}
ul.tsfxList li em.topNum.thir:before{border-top: 12px solid #fb6965;}
ul.tsfxList li em.topNum:before{content: ""; position: absolute; top: 0; left: 0; height: 0; width: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 12px solid #bbbbbb;}
ul.tsfxList li em.topNum u{width: 60px; position: absolute; text-decoration: none; top: -26px; left: 0; letter-spacing: 0.6px; color: #fff; font-weight: bold; line-height: 26px; text-align: center; background: none;}
ul.tsfxList li .tsfx_info{width: 620px; float: left; position: relative;}
ul.tsfxList li .tsfx_info .img{display: block; float: left; margin: 0 16px 0 0;}
ul.tsfxList li .tsfx_info .img img{width: 110px; height: 110px; border-radius: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
ul.tsfxList li .tsfx_info .img_pc{display: block; float: left; margin: 8px 16px 0 0;}
ul.tsfxList li .tsfx_info .img_pc img{width: 90px; height: 126px; border-radius: 6px;}
ul.tsfxList li .tsfx_info .infor{width: 478px; float: left;}
ul.tsfxList li .tsfx_info .bt{display: block; height: 30px; line-height: 30px; font-size: 26px; color: #444; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 10px 0 0 0; padding: 0; font-weight: bold;}
ul.tsfxList li .tsfx_info .bt:hover{color: #f0412a;}
ul.tsfxList li .tsfx_info .bt u{text-decoration: none; font-size: 14px; color: #f0412a; padding: 5px 0 0 5px; font-weight: normal;}
ul.tsfxList li .tsfx_info span.num{display: block; height: 24px; line-height: 24px; padding: 0 10px; background: #fea342; color: #fff; position: absolute; right: 0; top: 10px;}
ul.tsfxList li .tsfx_info dl{float: left; width: 100%; line-height: 20px; overflow: hidden;}
ul.tsfxList li .tsfx_info dl dd{display: block; font-size: 14px; margin-top: 10px; color: #737373; text-transform: uppercase;}
ul.tsfxList li .tsfx_info dl dd span{display: inline-block; margin-right: 20px;}
ul.tsfxList li .tsfx_info dl span.app_starBox{display: inline; float: left; margin-top: 2px;}
ul.tsfxList li .tsfx_info dl a{background-color: #f3a33c; border-radius: 4px; height: 20px; line-height: 20px; padding: 2px 10px; color: #fff; display: inline-block;}
ul.tsfxList li .tsfx_info .miaoshu{color: #7f6b5a; overflow: hidden; border-top: 1px solid #e6e6e6; float: left; font-size: 16px; width: 100%; text-overflow: initial; white-space: initial; line-height: 26px; height: auto; margin: 0 auto; margin-top: 10px; padding-top: 10px;}
ul.tsfxList li .tsfx_info .miaoshu .bt_{font-weight: bold; height: 22px; line-height: 22px; color: #333; font-size: 16px; margin-bottom: 4px;}
ul.tsfxList li .tsfx_info .miaoshu .scroll{line-height: 22px; color: #666; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
ul.tsfxList li .tsfx_info .miaoshu .scroll::-webkit-scrollbar{width: 4px; height: 4px; background: #dcdcdc; border-radius: 10px; left: 5px; position: relative;}
ul.tsfxList li .tsfx_info .miaoshu .scroll::-webkit-scrollbar-button{width: 0; height: 0;}
ul.tsfxList li .tsfx_info .miaoshu .scroll::-webkit-scrollbar-corner{display: block;}
ul.tsfxList li .tsfx_info .miaoshu .scroll::-webkit-scrollbar-thumb{background-clip: padding-box; background-color: #666; border-radius: 10px;}
ul.tsfxList li .tsfx_info .down_btn{overflow: hidden; width: 100%; text-align: center;}
ul.tsfxList li .tsfx_info .down_btn a{width: 180px; height: 36px; margin: 0 auto; display: block; background: #00b6fa; border: 1px solid #00b6fa; margin-top: 15px; text-align: center; line-height: 36px; font-size: 15px; color: #fff; border-radius: 6px;}
ul.tsfxList li:hover .tsfx_info .down_btn a{background: #0a9cd3; color: #fff; border: 1px solid #0a9cd3;}
ul.tsfxList li .tsfx_pic{width: 598px;}
ul.tsfxList li .tsfx_pic a:hover img{transform: scale(1); transition: transform 0;}
.tsfx_pic .slideshow{width: 100%; height: 290px; margin: 0 auto; position: relative; overflow: hidden;}
.tsfx_pic .slideshow .slide{position: relative; float: left; margin-top: 0; height: 290px; overflow: hidden; width: 100%;}
.tsfx_pic .slideshow .s-container{height: 290px; width: 1570px;}
.tsfx_pic .slideshow .s-content{position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; height: 290px; display: flex; align-items: center;}
.tsfx_pic .slideshow .s-content li{display: inline; width: 200px; height: 290px; margin-right: 10px; position: relative; float: left; text-align: center;}
.tsfx_pic .slideshow .s-content li:last-child{margin-right: 0;}
.tsfx_pic .slideshow .s-content img{width: 100%; height: auto;}
.tsfx_pic .slideshow .prev,
.tsfx_pic .slideshow .next{cursor: pointer; display: none; width: 34px; height: 47px; position: absolute; top: 135px; z-index: 2; background: url(../images/slide-btn.png) no-repeat}
.tsfx_pic .slideshow .prev{left: 0; background-position: 0 0; border-radius: 0 5px 5px 0}
.tsfx_pic .slideshow .prev:hover{background-position: 0 -47px}
.tsfx_pic .slideshow .next{right: 0; background-position: -34px 0; border-radius: 5px 0 0 5px}
.tsfx_pic .slideshow .next:hover{background-position: -34px -47px}
.tsfx_pic .slideshow .slide:hover .prev,
.tsfx_pic .slideshow .slide:hover .next,
.tsfx_pic .slideshow .slide.hover .prev,
.tsfx_pic .slideshow .slide.hover .next{display: block;}
/* 图片放大 */
.open-box{min-width: 320px; max-width: 480px; height: auto; font-family: arial, "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1"; display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99999;}
.open-box .open-exit{width: 46px; height: 30px; line-height: 30px; background: #8f8f8f; font-size: 14px; font-weight: normal; color: #fff; text-align: center; display: block; overflow: hidden; position: absolute; right: -50px; top: 0; border-radius: 12px; z-index: 9; cursor: pointer}
.open-box .magnifier{position: relative; float: left; width: 100%; height: auto; display: block; overflow: hidden; border-radius: 12px; zoom: 1}
.open-box .magnifier img{position: relative; float: left; max-width: 460px; max-height: 680px;}

/*评论CSS*/
input, textarea, select, button{outline: none; border: none;}
textarea, input{resize: none;}
.intro_sumItem .intro_sumList{width: 100%; padding: 0 20px; box-sizing: border-box; overflow: hidden; margin: 0 auto; position: relative; border-top: 2px #fce4d2 solid;}
.main_title_2{width: 100%; box-sizing: border-box; margin: 0 auto; height: 54px; border-bottom: 1px solid #ededed; position: relative;}
.main_title_2 span{display: inline-block; padding: 0; color: #404040; font-size: 18px; position: relative; line-height: 56px; border-bottom: 4px solid #f76341; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; height: 51px; font-weight: bold;}
.allDiscuss{float: right; line-height: 40px; padding-right: 20px; font-size: 15px; color: #999; position: absolute; top: 12px; right: 10px;}
.s_comment{text-align: center; width: 100%; overflow: hidden; margin: 0 auto; padding: 16px 0px; box-sizing: border-box;}
.s_comment .nick_name{float: left; line-height: 30px; display: inline;}
.s_comment .nick_name input{border: 1px solid #f6b98c; text-indent: 6px; margin-left: 6px; height: 24px; vertical-align: middle; width: 200px;}
.s_comment textarea{border: 1px solid #f6b98c; padding: 3px 5px; width: 100%; box-sizing: border-box; height: 120px; line-height: 20px; margin: 12px 0;}
.s_comment .code_name{width: 100%; color: #444; text-align: left; margin-bottom: 20px; overflow: hidden; line-height: 30px;}
.s_comment .code_name input{border: 1px solid #ddd; text-indent: 6px; border-radius: 4px; color: #444; height: 34px; vertical-align: middle; width: 100px; margin-right: 16px; background-color: #fff;}
.s_comment .code_name img{vertical-align: middle; cursor: pointer;}
.s_comment .code_name span.tips{display: inline-block; color: #ff0000; margin-left: 20px;}
.s_comment .comment_btn{padding: 0 12px 10px 0; text-align: left;}
.s_comment .comment_btn input{width: 186px; color: #fff; padding: 0; border-radius: 6px; margin-right: 16px; font-weight: bold; height: 42px; font-size: 15px; line-height: 42px; border: 1px solid #ed6d0f; background: #ed6d0f; cursor: pointer;}
.allComm_list{width: 100%; margin: 0 auto; float: left; border-top: 1px solid #fce4d2; margin-bottom: 20px;overflow: hidden;}
.allComm_list dl{width: 100%; float: left; background-color: #f9f9f9; margin-top: 16px;border-bottom: 1px solid #f1f1f1;}
.allComm_list dt{line-height: 28px; height: 28px; overflow: hidden; padding: 0 10px; background: #f0f8eb;color: #569659;}
.allComm_list dt span{float: left;}
.allComm_list dt i{float: left; font-family: verdana; font-weight: bold; font-style: normal; color: #569659; margin: 0 10px 0 0;}
.allComm_list dt b{color: #569659; float: left; margin-right: 10px;}
.allComm_list dt em{float: right; color: #999; font-style: normal; font-size: 13px;}
.allComm_list dd{width: 100%; float: left; position: relative; word-wrap: break-word; box-sizing: border-box; line-height: 26px; color: #666; padding: 10px 10px; background-color: #f9f9f9;}
.allComm_list .plreply{width: 100%; float: left;}
.fr{float: right;}
.allComm_list dl p{text-align: right; line-height: 1; padding: 5px 0; min-height: 16px;}
.allComm_list .plreply p{line-height: 26px; padding: 0;}
.allComm_list p span{margin-top: 3px;}
.allComm_list .plreply span.dzbtn{float: left; padding-left: 24px; height: 20px; line-height: 22px; background: url(../images/dza.png) no-repeat left center; background-size: contain; cursor: pointer; font-size: 14px; color: #999; margin-left: 18px;}
.allComm_list .plreply span.active{background: url(../images/dzb.png) no-repeat left center;color: #fa3939;background-size: contain;}
.allComm_list .plreply span.glBtn{color: #e65c08; margin-left: 20px; cursor: pointer;}
.allComm_list p span{margin-top: 3px;}
.allComm_list dl dl{width: 100%; background-color: #f9f9f9; margin-bottom: 10px; overflow: hidden;box-sizing: border-box; border-bottom: none; padding: 0 0 0 10px; margin-top: 0px;}
.allComm_list dl dl dt{width: 100%; margin: 0 auto; box-sizing: border-box; background-color: #f1f1f1; color: #777;}
.allComm_list dl dl dt em{color: #999;}
.allComm_list dl dl dl:last-child{margin-bottom: 0; padding-bottom: 0px;}
.allComm_list dl dd:last-child{border-bottom: none;}
.allComm_list dl dl dd p{position: absolute; top: 5px; right: 10px;}
.allComm_list .plreply span em{color: #999; margin-left: 4px;}
.cmmts_input_wrap{width: 100%; float: left; margin-bottom: 10px; position: relative;}
.cmmts_input{position: relative; padding: 9px 14px 53px; background: #fff6ef; border-radius: 8px; overflow: hidden; margin-top: 12px; border: 1px solid #fff;}
.cmmts_input.focus{border-color: #ed6d0f;}
.cmmts_textarea{display: block; border: 0; padding: 0 4px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: 67px; width: 100%; height: 27px; font-size: 14px; line-height: 24px; color: #222; outline: none; resize: none; background: #fff6ef; -webkit-transition: height .3s ease-in-out; -moz-transition: height .3s ease-in-out; transition: height .3s ease-in-out;}
.cmmts_textarea.expand{height: 67px;}
.cmmts_footer{display: flex; align-items: center; position: absolute; right: 16px; bottom: 14px;}
.cmmts_button.disabled{opacity: .3; cursor: default;}
.cmmts_button{border: none; padding: 6px 14px; font-size: 14px; font-weight: 500; line-height: 20px; color: #fff; background: #ed6d0f; border-radius: 3px; cursor: pointer; min-width: 94px; text-align: center;}