/****************************************************视频落地页*****************************************************************/ /**************公共**************/ a { color: #333; text-decoration: none} .ml0{ margin-left: 0 !important; } .bl0{ border-left: none !important; } .conleft{ width: 870px; float: left; } .conRight{ width: 300px; margin-left: 30px; float: right; } .bRed a,.bRed{ color: #FF4F52; } a.bRed:hover,.bRed a:hover{ text-decoration: underline; } .bblue a,.bblue{ color: #529FF2; } a.bblue:hover,.bblue a:hover{ text-decoration: underline; } .dBlack a,.dBlack{ color:#A5A5A5; text-decoration:none;} a.dBlack:hover,.dBlack:hover a{ color: #FF4F52; text-decoration:underline;} .eBlack a,.eBlack{ color:#555555; text-decoration:none; } a.eBlack:hover,.eBlack:hover a{ color: #FF4F52; text-decoration:underline;} .bOrange a,.bOrange{ color:#FF6600; text-decoration:none;} a.bOrange:hover,.bOrange a:hover{ text-decoration:underline;} .dj_page1{ text-align: center; } .dj_page1 a{ display: inline-block; width: 14px; height: 14px; border-radius: 7px; background: #D2D2D2; margin-left: 20px; line-height: 0 } .dj_page1 a.one{ margin-left: 0; } .dj_page1 a.hover{ background: #9AC0FE; } .page_box{ width: 120px;height: 15px; position: relative; margin: 0 auto 10px; } /*游戏库背景*/ .body_gray{ background: #FAFAFA; color: #555555; } .body_gray1{ background: #FAFAFA; color: #333333; } .body_white{ background: #FFFFFF; border-top: thin solid #FFFFFF; } .dxMainIn_in{ width: 1142px; margin: 0 auto; padding-bottom: 27px } .dxMainIn_in2{ width: 1200px; margin: 0 auto; padding-bottom: 56px } /*查看详情*/ .btn_lookxq{ display: block; height: 25px; width: 80px; border-radius: 5px; text-align: center; line-height: 25px; margin-top: 3px; float: right; color: #FFFFFF; background: #86BCF6; } .btn_lookxq:hover{ background: #529FF2; } /*加载更多*/ .load_more{ display: block; margin: 28px auto 0; width: 80px; height: 25px; text-align: center; line-height: 25px; color: #A5A5A5; border:thin solid #D7D7D7; border-radius: 5px; background: #FFFFFF; } .load_more:hover{ color: #529FF2; border:thin solid #529FF2; } /*游戏库分页*/ .yxk_page{ width: 100%; text-align: center; margin-top: 36px; } .yxk_page a{ height:28px; min-width: 20px; line-height:28px; display:inline-block; color:#555555; text-decoration:none; border:1px solid #F2F2F2; padding:0px 5px; background:#F2F2F2; font-size:14px; margin-left:7px;} .yxk_page a.current{ color:#FFFFFF; border:1px solid #529FF2; background: #529FF2; } .yxk_page a:hover{color:#FFFFFF; border:1px solid #529FF2; background: #529FF2;} .yxk_page a em{ display: inline-block; width: 8px; height: 14px; background: url(../dximages/images/towhere.png) no-repeat; } .yxk_page a.prev em{ background-position: 0 0 } .yxk_page a.next em{ background-position: -10px 0 } /**********游戏库头部导航**********/ .dxyxk_top{ width: 100%; height: 60px; background: #1A1E27; min-width: 1200px; } .dxyxk_top_logo{ display: block; float: left; height: 40px; margin: 10px 0px 10px 1%; } .dxyxk_top_nav{ float: left; margin-left: 2%; } .dxyxk_top_nav li{ float: left; width: 70px; height: 60px; line-height: 60px; text-align: center; font-size: 18px; } .dxyxk_top_nav li a{ display: block; height: 57px; border-bottom: 3px solid #1A1E27; color: #FFFFFF; } .dxyxk_top_nav li a.hover{ border-bottom: 3px solid #529FF2; color: #529FF2; } .dxyxk_top_search{ width: 300px; height: 32px; float: right; background: #666666; border-radius: 5px; margin-top: 14px; } .dxyxk_top_search input{ outline: none; } .dxyxk_top_search input.text1{ font-family: "微软雅黑"; width: 255px; height: 18px; line-height: 18px; margin: 7px 5px; float: left; background:none; border:none; color: #999999; } .dxyxk_top_search input.submit1{ float: left; width: 23px; height: 23px; background:url(../dximages/images/xshare.png) no-repeat -120px -50px; border: none; margin-top: 4.5px; } .dxyxk_top_tomob{ float: right; margin-left: 2.5%; position: relative; color: #666666; } .dxyxk_top_tomob em{ display: block; height: 28px; line-height: 28px; margin-top: 17px; padding-left: 22px; background: url(../dximages/images/xshare.png) no-repeat -280px 0; cursor: pointer; } .dxyxk_top_tomob span{ display: block; z-index: 1; width: 120px; height: 115px; position: absolute; top: 60px; right: -10px; background: rgba(26,30,39,0.5); text-align: center; padding-top: 5px; } .dxyxk_top_tomob img{ width: 110px; height: 110px; } .dxyxk_top_self{ float: right; height: 18px; line-height: 18px; margin:21px 1.3% 0 2.5%; color: #666666; } .dxyxk_top_self em{ display:block; float: left; width: 18px; height: 18px; background: url(../dximages/images/xshare.png) no-repeat -150px -50px; } .dxyxk_top_self a{ color: #666666; padding: 0 5px; } .dxyxk_top_self a.a1{ color: #529FF2; } .dxyxk_top_self a:hover{ text-decoration:underline; } /*****swiper.css*****/ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1;} .swiper-container-no-flexbox .swiper-slide {float: left;} .swiper-container-vertical > .swiper-wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;} .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;} .swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);} .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } .swiper-button-next,.swiper-button-prev{ position: absolute; top: 50%; z-index: 10; cursor: pointer; } /*.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}*/ .swiper-pagination-clickable .swiper-pagination-bullet{ cursor: pointer; } .swiper-pagination-bullet { /*width: 8px; height: 8px;*/ display: inline-block; border-radius: 100%; /*background: #000; opacity: .2;*/ } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; } /*.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }*/ /****公共标题****/ .spldplTitle{ height: 35px; border-bottom: thin solid #E9E9E9; margin:30px 0 20px 0; } .spldplTitle span,.spldplTitle h2{ display: block; margin-right:15px; } .spldplTitle span.borderLeft{ width: 4px; height: 18px; float: left; background:#FF6800; margin-top: 5px; } .spldplTitle h2{ font-size: 20px; float: left; } .spldplTitle span{ color:#999999; } .spldplTitle span.plNum{ margin-top: 5px; float: left; } /***************标题****************/ .sptitle div.title{ float: left; width: 870px; } .sptitle h1{ font-size: 28px; font-weight: bold; margin: 15px 0; } .sptitle p{ color: #999999; } .sptitle span.times{ padding-right: 15px; border-right: thin solid #E5E5E5; } .sptitle span.count{ padding-left: 15px; } .sptitle div.share1{ float: right; width: 322px; height: 62px; border:thin solid #FFB240; border-radius: 5px; margin-top: 20px; text-align: center } .sptitle div.share1 dd,.sptitle div.share1 dt{ float: left; margin: 10px 0px 0 33px; } .sptitle div.share1 a{ display:block; width:40px;height: 40px; background: url(../dximages/images/xshare.png) no-repeat; } .sptitle div.share1 a.icon1{ background-position:0 0 } .sptitle div.share1 a.icon2{ background-position:-50px 0 } .sptitle div.share1 a.icon3{ background-position:-100px 0 } .sptitle div.share1 a.icon4{ background-position:-150px 0 } .sptitle div.share1 a.icon5{ background-position:-200px 0 } /**************左方*****************/ /*******视频********/ .spCon{ width: 870px; margin:25px 0; } .sp{ width: 100%; height: 448px; } .spdd strong{ color:#333333; } .spdd{ width: 840px; padding:15px; font-size: 16px; line-height: 25px; color: #666666; background: #F2F2F2; } /*******操作步骤********/ .end,.ready { position: absolute; left: -30px; z-index: 2; display: block; width: 60px; height: 30px; line-height: 30px; text-align: center; background: #fff; font-size: 18px; color: #989898} .ready { top: 0} .end { bottom: 0} #content { position: relative; margin-left: 15px; padding: 0 0 30px 40px; border-left: 2px dotted #e4e4e4} #content>div { position: relative} #content .num { position: absolute; left: -55px; top: 0; height: 30px; width: 30px; line-height: 30px; text-align: center; background: #FF6900; cursor: pointer; color: #fff; border-radius: 50%} #content .item { margin-top: 20px } #introWrap p img { margin: 12px 0 } #introWrap p { margin-bottom: 15px; line-height: 25px } #introWrap .introTit { display: inline-block; line-height: 30px; margin-bottom: 15px; font-size: 20px; font-weight: 700 } #introWrap p a { color: #3fd0ce } #introWrap p strong { font-weight: 700 } .v_audio { position: relative; line-height: 30px; cursor: pointer } .v_audio .audio_icon { background-position: 0 -813px } .v_audio .audio_icon { position: absolute; right: 50px; top: 0; display: inline-block; padding-left: 35px; color: #3fd0ce; font-weight: 700 } .v_audio .step { display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: 2px; margin-right: 12px } #autotab { display: none; position: fixed; left: 50%; top: 0; margin-left: -598px; padding-top: 1px; z-index: 999; width: 30px; text-align: center; background: #fff } #autotab li { display: none; height: 30px; line-height: 30px; color: #fff; border-radius: 50%; background: #c1c1c1; cursor: pointer } #autotab .cur { background: #FF6900 } #autotab .show { display: block } #glbox { display: none; } /*******操作步骤 end********/ /*******关键词********/ .gjcCon{ margin: 30px 0; } .gjcCon a{ margin-left: 15px; padding:6px 20px; border-radius: 5px; background:#F2F2F2; color:#8D8D8D; } .gjcCon a.hover,.gjcCon a:hover{ background:#FF6633; color:#FFFFFF; } /*******游戏推荐********/ .dxTcxsBox{ width:838px; height:148px; border:1px solid #F3F3F3; background:#FAFAFA; margin:20px 0px 0px 0px;} .dxTcxsImg{ float:left; width:120px; height:120px; margin:15px 0px 0px 15px;} .dxTcxsImg img{ width:120px; height:120px; border-radius:15px;} .dxTcxsBox dl{ float:left; width:300px; margin:25px 0px 0px 20px;} .dxTcxsBox dl dt a{ display:block; height:24px; line-height:24px; overflow:hidden; font-size:20px;} .dxTcxsBox dl dd{ width:300px;} .dxTcxsBox dl dd span{ display:block; float:left; color:#999999; font-size:12px; margin-top:10px;} .dxTcxsBox dl dd span.width1{ width:150px; height:16px; line-height:16px; overflow:hidden;} .dxTcxsBox dl dd span.width2{ width:300px; height:16px; line-height:16px; overflow:hidden;} .dxDjxzBox{ float:left; width:150px; margin-top:12px;} .dxDjxzBox a{ display:block; width:150px; height:40px; border-radius:4px; text-decoration:none; margin:15px 0px 0px 0px;} .dxDjxzBox a b{ display:block; float:left; width:18px; height:18px; background:url(../dximages/images/bg26.png) no-repeat; margin:10px 10px 0px 30px;} .dxDjxzBox a b.icon1{ background-position:-45px -310px;} .dxDjxzBox a b.icon2{ background-position:-70px -310px;} .dxDjxzBox a.bg1{ background:#FF6C05;} .dxDjxzBox a.bg2{ background:#529AEB;} .dxDjxzBox a h3{ float:left; color:#FFFFFF; line-height:40px;} .dxDjxzBox a:hover.bg1{ background:#FF7B24;} .dxDjxzBox a:hover.bg2{ background:#4694EA;} .dxDjxzCode{ float:right; width:145px; border-left:1px solid #F0F0F0; height:148px; background:#FFFFFF;} .dxDjxzCode img{ width:133px; height:133px; margin:7px 0px 0px 6px;} /*******评论********/ textarea.plsr{ width: 850px; height: 90px; border:thin solid #DDDDDD; padding:8px 10px; } .plsx1{ line-height: 30px; margin:20px 0; height: 30px; } .plsx1 ul{ border-right: thin solid #FFAE01; border-top: thin solid #FFAE01; border-bottom: thin solid #FFAE01; display: block; float: left; } .plsx1 li{ display:block; height: 30px; float: left; border-left: thin solid #FFAE01; } .plsx1 li a{ display: block; height:30px; padding:0 15px; } .plsx1 li a.hover,.plsx1 li a:hover{ background:#FFAE01; color: #FFFFFF; } .plsx1 dl,.plsx1 dt,.plsx1 dd{ float: right; } .plsx1 dt a{ display: block; border:thin solid #529AEB; background:#529AEB; color: #FFFFFF; padding:0 20px; } .plsx1 dd{ display: block; color: #999999; padding:0 20px; } .plCon1 div.plCon{ border-bottom:thin dotted #E0E0E0; padding-bottom: 10px; } .plCon1 div.title{ width: 100%; height: 30px; line-height: 30px; margin-bottom: 5px; } .plCon1 span.nickName{ color:; float: left; font-size: 16px; color: #FF6633 } .plCon1 span.time{ color:#999999; float: right; } .plCon1 div.con{ width: 100%; margin-bottom: 5px; } /*****************右方内容*******************/ /*******视频推荐********/ .yxtj a{ display: block; margin-top: 25px; } .yxtj img{ width: 300px; height: 135px; } .sptjCon1 div.sptjCon{ width: 300px; height: 75px; border-bottom: thin dotted #DFDFDF; padding: 0 0 15px 0; margin-bottom: 15px; } .sptjCon1 div.imgCon,.sptjCon1 div.introCon{ height: 75px; float: left; } .sptjCon1 div.imgCon{ width: 110px; margin-right: 15px; position: relative; } .sptjCon1 div.imgCon div.imgbf{ width: 100%; height: 100%; position:absolute; top: 0; left: 0; } .sptjCon1 div.imgCon div.imgbf div{ width: 20px; height: 20px; font-size: 16px; text-align: center; line-height: 20px; position:absolute; top: 0; left: 0; background:#BEBEBE; color: #FFFFFF } .sptjCon1 div.imgCon div.imgbf div.first{ background: #FF4639 } .sptjCon1 div.imgCon div.imgbf span{ background: rgba(0,0,0,0.5); color: #ffffff; font-size: 12px; position: absolute; bottom: 0; left: 0; width: 35px; text-align: center; } .sptjCon1 div.imgCon div.imgbf img{ width: 20px; height: 20px; position: absolute; bottom: 7px; right: 10px } .sptjCon1 div.introCon{ width: 175px; } .sptjCon1 div.introCon a,.sptjCon1 div.introCon p{ overflow: hidden; white-space:nowrap; } .sptjCon1 div.introCon a{ display: block; font-size: 14px; font-weight: bold; height: 30px;line-height: 30px; } .sptjCon1 div.introCon p{ width: 100%; height: 20px; line-height: 20px; color: #999999; font-size: 12px; } .sptjCon1 div.introCon span{ display:block; height: 20px; line-height: 20px; color: #999999; font-size: 12px; } .sptjCon1 div.introCon span.author{ float: left; } .sptjCon1 div.introCon span.time{ float: right; } .sptjCon2 div.sptjCon{ width: 300px; height: 30px; line-height: 30px; } .sptjCon2 div.imgCon,.sptjCon2 div.introCon{ float: left; } .sptjCon2 div.imgCon{ width: 20px; height: 20px; font-size: 16px; text-align: center; line-height: 20px; background:#BEBEBE; color: #FFFFFF; margin-top: 5px; } .sptjCon2 div.first{ background: #FF4639 } .sptjCon2 div.introCon{ margin-left: 15px; width: 263px; overflow: hidden; white-space:nowrap; } /*****************************************************************斗蟹问答页*****************************************************************/ .yetou{ width: 100%; height: 400px; background: #f0f0f0; padding: 30px 0; } .yetouCon{ width: 1200px; margin:0 auto; } .ymSearch1{ width: 727px; height: 57px; border: 2px solid #FF6900; border-radius: 10px; margin:0px auto 30px auto; background: #FFFFFF; } .ymSearch1 input{ display: block; line-height: 55px; outline: none } .ymSearch1 input.text1{ float: left; width: 595px; height: 50px; margin: 3px 0 0 5px; padding:0 10px; font-size: 16px; border:none; } .ymSearch1 input.submit1{ float: right; width: 100px; height: 57px; text-align: center; background:#FF6900; color: #FFFFFF; border:0; font-size: 18px } .wdtjyx{ margin:0 auto 30px auto; } .tjyx a{ display: inline-block; } .tjyx a:hover p{ text-decoration: underline; } .wdtjyx div.tjyx{ width: 280px; height: 135px; margin-left: 26px; position: relative; float: left; } .wdtjyx div.tjyx img{ width: 100%; height: 100%; } .wdtjyx div.tjyx p{ width: 280px; height: 41px; line-height: 40px; font-size: 16px; color: #FFFFFF; text-align: center; background: url(../dximages/images/bg31.png) repeat-x; background-position: 0 -100px; position: absolute; bottom: 0; left: 0; } .yetouList div.yetouListCon{ width: 296px; height: 143px; border-left: thin solid #E3E3E3;float: left; text-align: center; } .yetouListCon a:hover h2{ color:#FF4639; text-decoration:underline; } .yetouListCon em{ display: block;width: 40px;height: 40px; margin:5px auto; background:url(../dximages/images/xdxwd.png); } .yetouListCon em.icon1{ background-position: 0 0; } .yetouListCon em.icon2{ background-position: -50px 0; } .yetouListCon em.icon3{ background-position: -100px 0; } .yetouListCon em.icon4{ background-position: -150px 0; } .yetouListCon h2{ font-size: 20px; font-weight: bold; margin:25px auto; } .yetouListCon p{ font-size: 14px; color: #999999; } .dltj{ border: thin solid #E9E9E9; margin-top: 30px; } .dltj div.dltjCon{ width: 258px; padding: 30px 20px; float: left; border-left: thin solid #E9E9E9; } .dltjCon div.imgBox{ text-align: center; margin-bottom: 30px; } .dltjCon div.imgBox img{ width: 100px;height: 100px;border:2px solid #CCCCCC; border-radius: 50%; } .dltjCon h2{ font-size: 16px; font-weight: bold; text-align: center; } .dltjCon div.dljs{ width:200px; height: 20px;line-height: 20px; color: #999999;margin: 15px auto;text-align: center; } .dljb{ width:255px; text-align:center; height: 20px; line-height: 20px; color: #999999; margin-bottom: 15px;} .dljb span{ color:#FF4639; } .dltjCon p{ color: #666666; height: 50px;line-height: 25px;overflow: hidden; } .dltjCon a{ width: 163px; height: 53px; border: thin solid #FF6900; display: block; border-radius: 10px; margin: 15px auto 0 auto; text-align: center; line-height: 50px; color: #FF6700; font-size: 16px; } .dltjCon a:hover{ background:#FF6900; color: #FFFFFF; } .zxwd{ width:100%; height:34px; border-bottom:1px solid #F0F0F0; padding-top:15px; margin-top: 15px;} .zxwd li{ float:left; width:96px; height:31px; border-bottom:3px solid #FFFFFF; text-align:center; font-size:18px; color:#333333; cursor:pointer;} .zxwd li.current{ border-bottom:3px solid #FF6800; color:#FF6800; } .wdAns{ margin: 15px 0; } .wdAns li{ list-style:disc inside; color: #999999; height: 33px; line-height: 33px; border-bottom: thin dotted #DDDDDD; } .wdAns li a{ width: 390px; overflow: hidden; } .wdAns li em{ font-size: 12px; margin-left: 10px; width: 150px; overflow: hidden } .wdAns li span{ width: 140px; float: right; text-align: right } .lookMore{ margin-top: 15px; } .lookMore a{ display:block; width: 100%; height: 40px; text-align: center; line-height: 40px; border:thin solid #FF6700; border-radius: 5px; color: #FF6700; } .lookMore a em{ padding: 6px; background: url(../dximages/images/bg30.png) no-repeat; background-position: -215px -65px; display: inline-block; margin-top;12px; margin-left: 10px;} .lookMore a:hover{ background: #FF6900; color:#FFFFFF;} .lookMore a:hover em{ background-position: -230px -65px; } .wtEx div.wtExCon{ float: left; margin:0 0 15px 15px; } .wtEx div.wtExCon a{ display:block; width: 140px; height: 40px; line-height: 40px; text-align: center; background:#F0F0F0; border-radius: 5px; } .wtEx div.wtExCon a:hover{ background: #FF6900; color: #FFFFFF; text-decoration: none; } .rmwt li{ list-style:disc inside; color: #999999; width: 100%; height: 30px; line-height: 30px; overflow: hidden;} /*****************************************************************厂商页面*****************************************************************/ .yxListSy li a em,.yxjjTitle{background:url(../dximages/images/xcsbg.png) no-repeat;} .yxjj{ height: 240px; width: 1198px; border:1px solid #E7E7E7; background:#F9F9F9; position: relative; } .yxjjTitle{ width: 140px; height: 51px; position: absolute; top: 0; left: -12px; background-position: 0 0 ;color:#FFFFFF; text-align: center; line-height: 40px; font-size: 20px; } .yxjj div.imgBox{ width: 295px; height: 100%; float: left; } .yxjj div.imgBox img{ width: 248px;height: 150px; margin: 65px 20px 20px 20px; border:thin solid #E7E7E7; } .yxjjCon{ float: left; width: 883px; } .yxjjCon p{ color: #6C6C6C; line-height: 25px; height: 77px;overflow: hidden; } .yxjdcp{ margin-top: 20px; } .yxjdcp span,.yxjdcp a{ display:block; float: left; height: 32px; line-height: 30px; } .yxjdcp span{ margin-right: 15px; } .yxjdcp a{ min-width: 104px; margin-left: 15px; border:thin solid #F9F9F9; text-align: center; border-radius: 5px; } .yxjdcp a.bg1{ background: #FF944D } .yxjdcp a.bg2{ background: #6AADFF } .yxjdcp a.bg3{ background: #72D5BB } .yxjdcp a.bg4{ background: #ACACFF } .yxjdcp a.bg5{ background: #FF7266 } .yxjdcp a.bg6{ background: #FF99FF } .yxzxtj{ padding: 35px 0; border-bottom: thin solid #E7E7E7; } .yxzxtjCon{ float: right; width: 678px; } .yxzxtjCon h2{ text-align: center; font-size: 25px; } .yxzxyxtj{ margin:10px auto; text-align: center; } .yxzxyxtj a{ margin-left: 15px; font-size: 12px; } .yxzxtjList li{ width: 320px; height: 35px;line-height: 35px; float: left; padding-left: 15px; overflow: hidden } .yxzxtjList li a{ background: url(../dximages/images/bg9.png) no-repeat 0px 7px; padding-left: 20px; width: 316px; white-space: nowrap; overflow: hidden } .yxListSyBox{ padding:0 10px 15px 10px; box-sizing: border-box; border-bottom: thin solid #E7E7E7 } .yxListSy li{ float: left; text-align: center; } .yxListSy li.li1{ margin-left: 49px; } .yxListSy li.li2{ margin-left: 39px; } .yxListSy li.li1 img{ width: 100px; height: 100px; border-radius: 15px; } .yxListSy li.li2 img{ width: 135px; height: 180px; } .yxListSy li h5{ height: 30px; line-height: 30px; font-size: 14px } .yxListSy li span{ display: block; height: 25px; color: #999999; font-size: 12px; } .yxListSy li a.xz_liji{ display: block; width: 77px; height: 32px; line-height: 30px; border:thin solid #FF6B03; border-radius: 3px; padding:0 7px; color: #FF6B03; margin: 0 auto; } .yxListSy li a.xz_liji:hover{ background:#FF6B03; color: #FFFFFF; } .yxListSy li a.xz_liji em{ background-position: -150px 0; display: block; float: left; width: 15px; height: 15px; margin: 8px 5px 0 0 } .yxListSy li a.xz_liji:hover em{ background-position: -170px 0; } .lxWay{ color: #595959; line-height: 25px; } .lxWay div.lxCon{ float: left;margin-right: 60px; } .lxCon p a{ color: #595959 } .spldplTitle a.cpMore{ display: block; height: 40px; margin-top:5px; float: right; color: #999999; } .spldplTitle a.cpMore p{ float:left; margin-top:3px;} .spldplTitle a.cpMore em{ display:block; float:left; width: 15px; height: 15px; background: url(../dximages/images/bg30.png) no-repeat -170px -65px; margin:5px 0px 0px 5px;} .spldplTitle a.cpMore:hover{ color: #FF6B03; text-decoration: underline; } .spldplTitle a.cpMore:hover em{ background-position: -190px -65px; } /*****************************************************************电竞栏目页*****************************************************************/ .dxdjNav a em,.djsstj li em,.wtmore a em{ display: block; background: url(../dximages/images/xdjbg.png) no-repeat; } .dxdjNav a em,.djsstj li em{ height:30px; } .dxdjNavBox{ width: 100%; height: 90px; background: #FFFFFF; } .dxdjNavCon{ width: 1200px; margin: 15px auto 10px auto; } .dxdjLogo,.dxdjNav{ float: left; } .dxdjyxtj{ float: right } .dxdjNav li,.dxdjyxtj li{ float: left;text-align: center; margin-left: 25px; } .dxdjNav a{ height:60px; text-align: center; } .dxdjNav a:hover,.dxdjNav a.hover,.dxdjyxtj a:hover{ color: #FF6B03; } .dxdjNav a em{ width: 30px; margin: 5px auto; } .dxdjNav a em.icon1{ background-position: 0 0; } .dxdjNav a em.icon2{ background-position: -40px 0; } .dxdjNav a em.icon3{ background-position: -80px 0; } .dxdjNav a em.icon4{ background-position: -120px 0; } .dxdjNav a em.icon5{ background-position: -160px 0; } .dxdjNav a em.icon6{ background-position: -200px 0; } .dxdjNav a:hover em.icon1,.dxdjNav a.hover em.icon1{ background-position: 0 -40px; } .dxdjNav a:hover em.icon2,.dxdjNav a.hover em.icon2{ background-position: -40px -40px; } .dxdjNav a:hover em.icon3,.dxdjNav a.hover em.icon3{ background-position: -80px -40px; } .dxdjNav a:hover em.icon4,.dxdjNav a.hover em.icon4{ background-position: -120px -40px; } .dxdjNav a:hover em.icon5,.dxdjNav a.hover em.icon5{ background-position: -160px -40px; } .dxdjNav a:hover em.icon6,.dxdjNav a.hover em.icon6{ background-position: -200px -40px; } .dxdjyxtj img{ display: block; width: 45px; height: 45px; border: thin solid #FFFFFF; border-radius: 7px; margin: 0 auto; } /*********电竞轮播部分***********/ .banner {height: 596px; background: #000; margin-bottom: 0px; position: relative; overflow: hidden; text-align: center; transition: all .5s; -webkit-transition: all .5s; } .banner .banner_title { width: 210px; height: 60px; background:url(../dximages/images/xbannertitle.png) no-repeat; position: absolute; top: 47px; left: 50%; z-index: 100; margin-left: -105px; opacity: 1; transition: all .5s ease .5s; -webkit-transition: all .5s ease .5s; } /*.banner .yiny { width: 1340px; height: 602px; background: url("/gamedj/static/images/wdj_new/img2.png") no-repeat; position: absolute; z-index: 80; top: 30px; left: 50%; margin-left: -671px; }*/ .banner .banner_con { width: 1200px; margin: 0 auto; overflow: hidden; position: relative; z-index: 99; height: 496px; margin-top: 100px; transition: all .5s; -webkit-transition: all .5s; } .banner .banner_con .left_pic { width: 697px; height: 393px; position: absolute; top: 0; left: 0; overflow: hidden; } .banner .banner_con .left_pic ul { position: relative; } .banner .banner_con .left_pic ul li { width: 697px; height: 393px; position: absolute; top: 0; left: 0; transform: translate(0, 0); -webki-transform: translate(0, 0); } .banner .banner_con .left_pic ul li img { width: 100%; height: 100%; } /*.banner .banner_con .left_pic ul li .hei { display: block; width: 100%; height: 100%; background: url("/gamedj/static/images/wdj_new/hei.png") no-repeat; position: absolute; top: 0; left: 0; opacity: 0; }*/ /*.banner .banner_con .left_pic ul li .bianqian { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 22px; height: 50px; line-height: 50px; background: #222222; color: #d2d2d2; font-size: 16px; position: absolute; top: 0; left: 0; }*/ .banner .banner_con .right_pic { width: 750px; height: 393px; overflow: hidden; position: absolute; top: 0; right: -30px; transition: all .5s; -webkit-transition: all .5s; } .banner .banner_con .right_pic ul { position: relative; } .banner .banner_con .right_pic ul li { width: 750px; height: 393px; position: absolute; top: 0; right: 0; transform: translate(0, 0); -webki-ttransform: translate(0, 0); } .banner .banner_con .right_pic ul li img { width: 100%; height: 100%; } /*.banner .banner_con .right_pic ul li .hei2 { display: block; width: 100%; height: 100%; background: url("/gamedj/static/images/wdj_new/hei2.png") no-repeat; position: absolute; top: 0; left: 0; opacity: 0; }*/ /*.banner .banner_con .right_pic ul li .bianqian { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 22px; height: 50px; line-height: 50px; background: #222222; color: #d2d2d2; font-size: 16px; position: absolute; bottom: 0; right: 30px; transition: all .5s; -webkit-transition: all .5s;}*/ .banner .btn { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 72px; height: 108px; background:url(../dximages/images/xbannerbtn.png) no-repeat; position: absolute; top: 240px; left: 50%; z-index: 99; transition: top .5s; -webkit-transition: top .5s; } .banner .btn.goleft { background-position: 0 0; margin-left: -580px; } .banner .btn.goleft:hover { background-position: 0 -108px; } .banner .btn.goright { background-position: -72px 0; margin-left: 508px; } .banner .btn.goright:hover { background-position: -72px -108px; } .banner .page_b { position: absolute; top: 515px; left: 50%; z-index: 99; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transition: all .5s; -webkit-transition: all .5s; } .banner .page_b span { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 4px; height: 4px; border-radius: 50%; background: #909fcd; margin: 0 4px; transition: all .5s; -webkit-transition: all .5s; cursor: pointer; } .banner .page_b span.active { width: 84px; height: 2px; margin-top: 1px; border-radius: 0; background: #fff; } .banner .advertisement { width: 100%; height: 596px; position: absolute; top: 0; left: 0; z-index: 1; } .banner .banner_bg { position: absolute; top: 0; left: 0; width: 100%; height: 596px; } .banner .banner_bg .banner_bg_left { width: calc(50% + 250px); height: 0; box-sizing: border-box; position: absolute; top: 0; left: -100%; z-index: 2; transition: all .5s; -webkit-transition: all .5s; border-top: 700px #2b2b33 solid; border-right: transparent 400px solid; } .banner .banner_bg .banner_bg_right { width: calc(50% + 175px); height: 0; box-sizing: border-box; position: absolute; top: 0; right: -100%; z-index: 2; transition: all .5s; -webkit-transition: all .5s; border-bottom: 700px #5272d9 solid; border-left: transparent 400px solid; } .djssBg{ width: 100%; height: 360px; background:#ECECEC; } .djssBox{ width: 100%;height: 100%; background:url(../dximages/images/xdjssbg.png) no-repeat center 0px; } .djssCon{ width: 1200px; padding: 30px 0; margin: 0 auto } .djlmtitle1 { height: 40px; line-height: 40px; width: 100% ;text-align: center; background:url(../dximages/images/bg2.png) repeat 0 -30px; margin-bottom: 30px; } .djlmtitle1 h2{ display:inline; padding:0 25px; font-size: 30px; background: #EEEEEE } .djsstj li{ width: 280px; height: 232px; background: #FFFFFF; float: left;margin-left: 26px;} .djsstj li em{ width: 280px; text-align: center; color: #FFFFFF; line-height: 25px; } .djsstj li em.icon1{ background-position: 0 -80px } .djsstj li em.icon2{ background-position: 0 -110px } .djsstj li em.icon3{ background-position: 0 -140px } .djsstj li h3{ width:250px; font-size: 17px; font-weight: 400; margin: 15px 0; padding: 0 15px; white-space: nowrap; overflow: hidden; } .djssIn{ width: 250px; height: 95px; padding: 0 15px 20px 15px; border-bottom: thin solid #F2F2F2; } .djssIn div.zdLeft,.djssIn div.zdRight{ width: 70px;text-align: center; } .zdLeft{ float: left; } .zdRight{ float: right; } .djssIn img{ width: 70px; height: 60px; border:thin solid #E2E2E2; } .zdLeft span,.zdRight span{ display: block; margin: 15px auto 0 } .djssIn div.djssxq{ width: 110px; text-align: center; float: left; } .djssxq span{ display: block; width: 110px; height: 60px; line-height: 60px; } .djssxq span.djssRes{ font-weight: bold; font-size: 35px; letter-spacing: 10px; padding-left: 10px; box-sizing: border-box; } .djssxq a{ display:block; width:78px;height: 25px; line-height: 25px; border-radius: 12px; margin: 13px auto 0; font-size: 12px; } .djssxq a.ssStatus1{ background:#FF6800; color: #FFFFFF; } .djssxq a.ssStatus2{ background:#C9C9C9; } .djssxq a.ssStatus3{ background:#5272D9; color: #FFFFFF; } .djsstj li div.djssDate{ width: 280px; height: 35px; line-height: 35px; text-align: center; color: #999999; } .djzxBox{ margin: 35px auto; } .djzxBox div.djzxRight{ float: right; width: 400px; padding:0 15px 0 0; } .djzxRight dl{ margin: 15px auto 25px; text-align: center; } .djzxRight dt a{ display:block; width: 400px; height: 40px;line-height: 40px;font-size: 18px; font-weight: 600; overflow: hidden;white-space: nowrap; } .djzxRight dd{ width: 400px; height:25px; line-height: 25px; overflow: hidden;white-space: nowrap; } /*****电竞资讯长轮播*****/ .Div1{width:273px;height:80px; overflow:hidden;position:relative; padding-top:16px; margin:auto;} .Div1_main{height:80px; width:10000px;overflow:hidden;position:relative;z-index:1;} .Div1_main div{width:273px;height:80px;float:left; overflow:hidden;} .Div1_main_span1 span{ display:block; float:left; width:80px; height:80px; margin:0px 0px 0px 30px;} .Div1_main_span1 span img{ width:80px; height:80px; border-radius:15px;} .Div1_main_span1 dl{ float:left; width:125px; margin:5px 0px 0px 15px;} .Div1_main_span1 dl dt a{ display:block; height:20px; line-height:20px; overflow:hidden; font-size:16px;} .Div1_main_span1 dl dd{ height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999; margin-top:8px;} .Div1 .Div1_prev1 ,.Div1 .Div1_next1{display:block;width:9px;height:19px;position:absolute;cursor:pointer;z-index:2;top:102px;} .Div1 .Div1_prev1 img ,.Div1 .Div1_next1 img{width:9px;height:19px; } .Div1 .Div1_prev1{left:0px; top:50px;} .Div1 .Div1_next1{right:0px; top:50px;} .ndxTuijian{ width:1200px; margin-top:27px;} .ndxTuijian span{ display:block; float:left; width:383px; height:38px; border:1px solid #FF6900; margin:0px 0px 0px 22px;} .ndxTuijian span.one{ margin-left:0px;} .ndxTuijian span p a{ display:block; float:left; width:335px; height:38px; line-height:38px; overflow:hidden; text-align:center; font-size:18px;} .ndxTuijian span em{ display:block; float:right; width:28px; height:14px; line-height:14px; text-align:center; border:1px solid #E1E1E1; font-size:12px; color:#E1E1E1; border-radius:3px; margin:7px 15px 0px 0px;} .ndxDxttBox{ width:1198px; height:423px; border:1px solid #E4E4E4; margin-top:35px;} .ndxDxttIn{ width:1175px; margin:auto;} .ndxDxttIn dl{ width:1175px; margin-top:18px;} .ndxDxttIn dl dt{ height:34px; line-height:34px; overflow:hidden; font-size:30px; color:#FF4639; font-weight:bold;} .ndxDxttIn dl dd{ width:1175px; margin:auto; margin-top:20px;} .ndxDxttIn dl dd a{ display:block; float:left; width:365px; height:18px; line-height:18px; overflow:hidden; background:url(../dximages/images/bg10.png) no-repeat 0px 7px; padding-left:20px; margin-left:10px;} .ndxDxttIn dl dd a.one{ margin-left:0px;} .ndxDxttCont{ width:1198px;} .ndxDxttMenu{ width:140px; height:308px; background:#F2F2F2; float:right; margin-top:27px;} .ndxDxttMenuIn{ width:130px; margin-top:12px;} .ndxDxttMenuIn li{ width:130px; height:48px; border-bottom:1px solid #DEDEDE; font-size:16px; line-height:48px; text-align:center; cursor:pointer;} .ndxDxttMenuIn li.current{ background:#FF6900; color:#FFFFFF; font-size:16px;} .ndxDxttList{ width:1022px; margin-left:13px;} .ndxDxttList li{ float:left; width:500px; margin:27px 0px 0px 22px;} .ndxDxttList li.one{ margin-left:0px;} .ndxDxttList li span{ display:block; float:left; width:175px; height:130px; position:relative;} .ndxDxttList li span a{ display:block; width:175px; height:130px;} .ndxDxttList li span a img{ width:175px; height:130px;} .ndxDxttList li span a p{ width:175px; height:41px; line-height:41px; text-align:center; overflow:hidden; background:url(../dximages/images/bg31.png) repeat-x 0px -100px; position:absolute; left:0px; bottom:0px;} .ndxDxttList li dl{ float:left; width:310px; margin:8px 0px 0px 15px;} .ndxDxttList li dl dt a{ display:block; height:20px; line-height:20px; overflow:hidden; font-size:16px; font-weight:bold;} .ndxDxttList li dl dd a{ display:block; height:18px; line-height:18px; overflow:hidden; margin-top:13px;} .ndxChBox{ width:1200px; height:120px; margin-top:15px;} .ndxChIn{ height:120px;} .ndxChIn div{ width:1200px;height:120px;float:left; overflow:hidden;} .ndxChCont{ width:180px; height:120px; float:left; margin-left:24px;} .ndxChCont a{ display:block; width:180px; height:120px; position:relative;} .ndxChCont a img{ width:180px; height:120px;} .ndxChCont a p{ width:180px; height:41px; line-height:41px; text-align:center; overflow:hidden; background:url(../dximages/images/bg31.png) repeat-x 0px -100px; position:absolute; left:0px; bottom:0px;} .Div1 .Div1_prev2 ,.Div1 .Div1_next2{display:block;width:25px;height:46px;position:absolute;cursor:pointer;z-index:2;} .Div1 .Div1_prev2 img ,.Div1 .Div1_next2 img{width:25px;height:46px; } .Div1 .Div1_prev2{left:0px; top:55px;} .Div1 .Div1_next2{right:0px; top:55px;} .ndxChdjBox{ width:1200px; height:90px; margin-top:35px;} .ndxChdjBox img{ width:1200px; height:90px;} /*******赛事视频********/ .ndxDjspBox{ width:1200px; margin-top:35px;} .ndxDjspTitle{ width:1200px; background: url(../dximages/images/bg2.png) repeat-x;} .ndxDjspTitle em{ display:block; float:left; background: #FFFFFF;} .ndxDjspTitle em b{ display:block; float:left; width:30px; height:30px; background:url(../dximages/images/bg30.png) no-repeat;} .ndxDjspTitle em b.icon1{ background-position:0px -65px;} .ndxDjspTitle em b.icon4{ background-position:-200px -110px;} .ndxDjspTitle em b.icon9{ background-position:-180px -200px;} .ndxDjspTitle em b.icon10{ background-position:-220px -200px;} .ndxDjspTitle em h2{ font-size:20px; margin-left:10px; float:left; color:#333333; padding-right: 15px;} .ndxDjspTitle span{ display:block; float:right; height:25px;} .ndxDjspMenu{ float:right; margin-top:-3px;} .ndxDjspMenu li{ float:left;} .ndxDjspMenu li a{display:block; height:26px; line-height:24px; margin:0px 0px 0px 20px; color:#333333; cursor:pointer; text-decoration:none;} .ndxDjspMenu li a:hover,.ndxDjspMenu li a.hover{ height:24px; border-bottom:2px solid #FF6900; color:#FF6900; } .ndxDjspLeft{ float:left; width:870px;} .ndxDjspLeft li{ float:left; width:272px; margin:24px 0px 0px 27px;} .ndxDjspLeft li.one{ margin-left:0px;} .ndxDjspImg{ width:272px; height:150px; position:relative;} .ndxDjspImg a{ display:block; width:272px; height:150px;} .ndxDjspImg a img{ width:272px; height:150px;} .ndxDjspImg a span{ display:block; width:36px; height:36px; background:url(../dximages/images/bg30.png) no-repeat -40px -65px; position:absolute; left:17px; bottom:20px;} .ndxDjspImg a:hover span{ background:url(../dximages/images/bg30.png) no-repeat -85px -65px;} .ndxDjspLeft li dl{ width:272px; margin-top:15px;} .ndxDjspLeft li dl dt a{ display:block; height:18px; line-height:18px; overflow:hidden;} .ndxDjspLeft li dl dd{ margin-top:10px;} .ndxDjspLeft li dl dd img{ float:left; width:31px; height:30px;} .ndxDjspLeft li dl dd p{ float:right; width:225px; height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999; margin-top:9px;} .ndxDjspRight{ float:right; width:300px; height:465px; position:relative; margin-top:24px;} .ndxYgddleft{ width:1px; height:465px; border-left:1px solid #DEDEDE;} .ndxYgddList{ width:300px; position:absolute; left:-3px; top:-10px;} .ndxYgddList li{ width:300px;} .ndxYgddCont1{ width:300px; margin-top:17px;} .ndxYgddCont1 dl{ width:300px;} .ndxYgddCont1 dl dt{ height:20px; overflow:hidden; background:url(../dximages/images/bg9.png) no-repeat 0px 7px; padding-left:20px;} .ndxYgddCont1 dl dt span{ display:block; float:left; height:20px; padding:0px 10px; background:#FF6900; color:#FFFFFF;} .ndxYgddCont1 dl dt em{ display:block; float:left; height:20px; padding:0px 10px; background:#EEEEEE; color:#666666; margin-left:10px;} .ndxYgddCont1 dl dd a{ display:block; width:282px; height:18px; line-height:18px; overflow:hidden; margin:10px 0px 0px 20px;} .ndxYgddCont2{ width:300px; margin-top:17px;} .ndxYgddCont2 dl{ width:300px;} .ndxYgddCont2 dl dt{ height:20px; overflow:hidden; background:url(../dximages/images/bg10.png) no-repeat 0px 7px; padding-left:20px;} .ndxYgddCont2 dl dt span{ display:block; float:left; height:20px; padding:0px 10px; background:#FF6900; color:#FFFFFF;} .ndxYgddCont2 dl dt em{ display:block; float:left; height:20px; padding:0px 10px; background:#EEEEEE; color:#666666; margin-left:10px;} .ndxYgddCont2 dl dd.cont1{ width:282px; height:135px; margin:10px 0px 0px 20px;} .ndxYgddCont2 dl dd.cont1 img{ width:282px; height:135px;} .ndxYgddCont2 dl dd.cont2{ display:block; width:282px; height:18px; line-height:18px; overflow:hidden; margin:10px 0px 0px 20px;} .ndxDjspMenu a.cpMore{ display: block; height: 40px; float: right; color: #999999; margin-left: 15px; margin-top: -1px; } .ndxDjspMenu a.cpMore p{ float:left; margin-top:3px;} .ndxDjspMenu a.cpMore em{ display:block; float:left; width: 15px; height: 15px; background: url(../dximages/images/bg30.png) no-repeat -170px -65px; margin:5px 0px 0px 5px;} .ndxDjspMenu a.cpMore:hover{ color: #FF6B03; text-decoration: underline; } .ndxDjspMenu a.cpMore:hover em{ background-position: -190px -65px; } .dxdjzxCon{ padding:20px 0 20px 0; border-bottom: thin dotted #D5D5D5; } .dxdjzxCon a{ display: inline-block; } .dxdjzxCon h2{ margin-bottom: 20px; width: 870px; overflow: hidden; } .dxdjzxCon img{ display:block; width: 170px; height: 110px; float: left;} .dxdjzxCon div.djzzxq{ float: right; width: 682px; } .dxdjzxCon p{ color: #666666; height: 50px;line-height: 25px; overflow: hidden; } .zzfbxq{ margin-top: 35px; } .zzfbxq span{ color: #999999; margin-right: 15px; font-size: 12px; } .wtmore{ display:block; width: 870px;height: 40px; line-height: 40px; text-align: center; font-size: 16px; margin: 20px auto; background: #F2F2F2; color: #999999; } .wtmore a{ display: block; width: 870px; height: 40px; } .wtmore a em{ background-position: 0px -170px; float:left;width: 18px; height: 18px; margin:12px 0px 0px 10px;} .wtmore a span{ display: block; float: left; margin-left:375px; color: #999999; } .wtmore a:hover{ background:#FF6B03; } .wtmore a:hover em{ background-position: -20px -170px; } .wtmore a:hover span{ color: #FFFFFF; } .borderBottomTitle{ height: 40px; line-height: 40px; border-bottom: thin solid #E6E6E6; margin-top: 15px; } .borderBottomTitle h3{ font-size: 16px; display: inline; } .borderBottomTitle a.cpMore{ display: block; height: 40px; float: right; color: #999999; margin-left: 15px; margin-top: -1px; } .borderBottomTitle a.cpMore p{ float:left; margin-top:3px;} .borderBottomTitle a.cpMore em{ display:block; float:left; width: 15px; height: 15px; background: url(../dximages/images/bg30.png) no-repeat -170px -65px; margin:15px 0px 0px 5px;} .borderBottomTitle a.cpMore:hover{ color: #FF6B03; text-decoration: underline; } .borderBottomTitle a.cpMore:hover em{ background-position: -190px -65px; } .sstjRight1 a{ display: block; float: left; width: 92px; height: 45px; text-align: center;margin:15px 0 0 15px; line-height: 25px; padding: 20px 25px; overflow: hidden;color: #FFFFFF; } .sstjRight1 a.bg1{ background: #6788DB } .sstjRight1 a.bg2{ background: #F17272 } .sstjRight1 a.bg3{ background: #FF9B59 } .sstjRight1 a.bg4{ background: #AB93E9 } .sstjRight2 div.sstjRCon{ margin:25px auto 0 auto; border-bottom: thin solid #E6E6E6; } .sstjRCon img{ width: 300px; height: 185px; } .sstjRCon h3{ height: 45px; line-height: 45px; font-size: 16px; text-align: center; } .djjlbBox{ width: 200px; height: 200px; border:thin solid #E7E7E7; position: relative; margin:30px 15px 0 0 ;float: left; } .djjlbBox img{ width:200px; height: 200px; } .djjlbBox div.djjlbjj{ position: absolute; width:200px; height: 200px; top: 0; left: 0; background: rgba(0,0,0,0.5); display: none; } .djjlbBox div.djjlbjj a{ display: block; width:200px; height: 200px; } .djjlbBox div.djjlbjj a p{ margin:30px 20px; width: 160px; height: 140px; line-height:28px; color: #FFFFFF; overflow: hidden; } .djmrtCon{ width: 300px; height: 404px; overflow: hidden; background: #F2F2F2; } .djmrtCon div.djmrtmr{ border-bottom: thin solid #E6E6E6; height: 100px; } .djmrtCon div.djmrtmr a.img_box{ display: block; float: left; margin: 20px 10px; position:relative; } .djmrtCon img{ width: 60px; height: 60px; border-radius: 50%; } .djmrtCon div.djmrtmrjj{ float: right; padding: 15px 15px 15px 0; } .djmrtCon div.djmrtmrjj h3{ width: 200px; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; font-size: 16px; font-weight: bold } .djmrtCon div.djmrtmrjj p{ width: 200px; height: 42px;line-height: 20px;overflow: hidden; color: #666666 } .djsstjBox{ margin: 20px 0; } .djsstjLeft,.djsstjCenter,.djsstjRight,.imgBox1,.imgBox2{ float: left } .djsstjLeft,.djsstjRight{ width: 368px; } .djsstjCenter{ width: 464px; } .djsstjLeft div.imgBox1,.djsstjLeft div.imgBox2{ margin: 2px 2px 0 0; } .imgBox1,.imgBox1 img{ float:left; width: 182px; height: 239px; } .imgBox2,.imgBox2 img{ float:left; width: 366px; height: 239px; } .djsstjRight div.imgBox1{ margin: 2px 0 0 2px; } /*****************************************************************2019游戏库单机——图片*****************************************************************/ .yxkdj_pic_tit{ width: 100%; margin-top: 35px; } .yxkdj_pic_tit h2{ font-size: 46px; font-weight: 600; height: 50px; line-height: 50px; } .yxkdj_pic_tit span{ float: right; color: #999999; font-size: 14px; height: 50px; line-height: 58px; } .yxkdj_pic_tit span a.aWhite{ display: block; float: right; background:#529FF2; box-shadow: 0 1px 1px 0 #C1B1A2; border-radius: 5px; width: 123px; text-align: center; line-height: 38px; font-size: 16px; margin-top: 10px; margin-left: 10px; } .yxkdj_pic_tit span strong{ font-weight: 600; font-size: 15px; color: #333333; } .yxkdj_pic_tit span strong em{ color: #FF6600; } .yxkdj_pic_other{ width: 100%; height: 47px; border-bottom: thin solid #529FF2; margin-top: 5px; } .yxkdj_pic_other li{ float: left; height: 46px; line-height: 46px; text-align: center; font-size: 18px; padding: 0 40px; } .yxkdj_pic_other li a{ display: block; } .yxkdj_pic_other li:hover a,.yxkdj_pic_other li.hover a{ border-bottom:2px solid #FF6600; } .yxkdj_pic_other .cure{border-bottom:2px solid #FF6600;} .yxkdj_pic_box{ width: 1057px; margin: 0 auto; } .yxkdj_pic_lb{ margin-top: 18px; } .yxkdj_pic_lb li{ float: left; margin-right: 50px; width: 113px; height: 33px; border: thin solid #529FF2; text-align: center; line-height: 33px; cursor: pointer; border-radius: 5px; } .yxkdj_pic_lb li.current,.yxkdj_pic_lb li:hover{ background: #529FF2; color: #FFFFFF; } .yxkdj_pic_list{ border-bottom: thin solid #FFFFFF; } .yxkdj_pic_list li{ background: #F2F2F2; margin-left: 9px; width: 1014px; position: relative; padding: 12px 16px 12px 18px; margin-top: 45px; } .tit_tip1{ display: block; width: 168px; height:59px; background: url(../dximages/images/bg7.png) no-repeat 0 -500px; position: absolute; left: -9px; top: -11px; color: #FFFFFF; text-align: center; line-height: 46px; } .yxkdj_pic_list dl{ margin-bottom: -16px; float: left; width: 914px; } .yxkdj_pic_list dt{ width: 410px; height:270px; float: left; margin-right: 16px; } .yxkdj_pic_list dt img{ width: 410px; height:270px; } .yxkdj_pic_list dd{ width: 227px; height:127px; float: left; margin-right: 16px; margin-bottom: 16px; } .yxkdj_pic_list dd img{ width: 227px; height:127px; } .yxkdj_pic_list span{ display: block; float: left; width: 914px; height: 16px; line-height: 16px; font-size: 12px; color: #999999; margin-top: 8px; } .yxkdj_pic_list span em{ display: block; float: right; background: url(../dximages/images/bg7.png) no-repeat; margin-right: 16px; } .yxkdj_pic_list span em.icon1{ padding-left: 17px; background-position: 0 -565px; } .yxkdj_pic_list span em.icon2{ padding-left: 21px; background-position: 0 -580px; } .look_more1{ float: right; width: 100px; height: 294px; line-height: 294px; font-size: 16px; text-align: center; text-decoration:underline; } .look_more2{ display: block; width: 120px; font-size: 18px; height: 22px; line-height: 22px; color: #529FF2; margin: 26px auto 0; text-decoration-line: underline; cursor: pointer; } .look_more2:hover{ color: #FF4639; } /*****************************************************************2019斗蟹图集详情*****************************************************************/ .tjxq_game_tit{ text-align: center; font-weight: 600; font-size: 20px; margin-top: 30px; padding-bottom: 30px; } .body_blue{ width: 100%; background: #576886; } .tjxq_other{ width: 1200px; margin: 0 auto; padding-bottom: 28px; } .tjxq_other h2{ margin: 40px auto; font-size: 20px; font-weight: 600; text-align: center; } .tjxq_other a.aBlack{ display: block; float: left; width: 33.3%; text-align: center; margin-bottom: 33px; } .tjxq_other img{ width: 318px; height: 190px; } .tjxq_other span{ display: block; width: 318px; margin: 20px auto 0; } .tjxq_other a.look_more{ display: block; width: 100px;text-align: center; font-size: 16px; margin: 0 auto; text-decoration: underline; color: #FF6600; } /*****************************************************************2019游戏库单机——参数设置*****************************************************************/ .cspz_left_list{ width: 150px; height: 338px; border: 2px solid #E4E4E4; margin-top: 35px; position: fixed; z-index: 1; } .cspz_left_list ul{ margin-top: -2px; } .cspz_left_list li{ width: 154px; height: 38px; line-height: 38px; margin-left: -2px; } .cspz_left_list li a{ display: block; color: #999999; padding-left: 55px; background: url(../dximages/images/xdjbg.png) no-repeat -257px -2px; } .cspz_left_list li:hover,.cspz_left_list li.hover{ background: rgba(82,159,242,0.3); } .cspz_left_list li:hover a,.cspz_left_list li.hover a{ color: #555555; } .cspz_right_box{ width: 940px;border-top: 2px solid #E4E4E4;border-bottom: 1px solid #E4E4E4; border-left: 2px solid #E4E4E4; border-right: 2px solid #E4E4E4; float: right; margin-top: 35px; } .cspz_right_box table{ width: 100%; border-collapse: collapse; } .cspz_right_box tr{ width: 100%; border-bottom: thin solid #E4E4E4; } .cspz_right_box th{ font-size: 18px; text-align: center; height: 38px; line-height: 38px; padding-left: 140px; } .cspz_right_box th a{ font-weight: bold; color: #555555; padding-right: 30px; background: url(../dximages/images/xbg2.png) no-repeat; cursor: pointer; } .cspz_right_box th a.icon1{ background-position:80px 6px; } .cspz_right_box th a.icon2{ background-position:80px -14px; } /*.cspz_right_box dd{ }*/ .cspz_right_box td{ line-height: 22px; color: #555555; text-align: center; padding: 10px 10px; } .cspz_right_box .w1{ width: 120px; border-right: thin solid #E4E4E4; background: #F2F2F2; } .cspz_right_box .w2{ width: 779px; } .cspz_right_box .w3{ width: 369px; border-left: thin solid #E4E4E4; } .cspz_right_box .w3.one{ border-left: 0; margin-left: 1px; } td.cspz_good{ padding-top: 0 !important; } .cspz_good i{ font-style: normal; padding: 5px 7px; background: #529FF2; color: #FFFFFF; margin-right: 10px; display: inline-block; margin-top: 10px; border-radius: 5px; } .cspz_star{ display: block; height: 20px; margin: 0 auto; background: url(../dximages/images/star2.png) no-repeat; } .cspz_star.star1{ width: 22px; background-position: -116px -5px; } .cspz_star.star2{ width: 51px; background-position: -87px -35px; } .cspz_star.star3{ width: 80px; background-position: -59px -65px; } .cspz_star.star4{ width: 109px; background-position: -29px -95px; } .cspz_star.star5{ width: 138px; background-position: 0 -125px; } .cspz_score{ width: 105px; height: 20px; margin: 0 auto; } .cspz_score em{ font-style: normal; display: block; float: left; } .cspz_score b{ color: #FF6900; font-size: 22px; display: block; float: right; } /*****************************************************************2019游戏库单机*****************************************************************/ .yxk_dj_left{ width: 810px; float: left; } .yxk_dj_right{ width: 270px; float: right; } .dj_base{ width: 100%; margin-top: 40px; } .dj_base .main_pic{ float: left; width: 207px; height: 299px; margin-right: 16px; box-shadow: 1px 2px 1px 0px #A5A5A5; } .dj_base_self{ width: 587px; float: left; position: relative; } .dj_base_intro span{ display: block; float: left; width: 185px; height: 18px; line-height: 18px; margin-top: 12px; margin-left: 10px; } .dj_base_intro span i{ display: block; float: left; width: 27px;height: 25px; background:url(../dximages/images/xdjbg.png) no-repeat; margin-right: 15px; } .dj_base_intro span i.icon1{ background-position: -120px -210px; } .dj_base_intro span i.icon2{ background-position: -150px -210px; } .dj_base_intro span i.icon3{ background-position: -180px -210px; } .dj_base_intro span i.icon4{ background-position: -70px -170px; } .dj_base_intro span i.icon5{ background-position: -130px -170px; } .dj_base_intro span i.icon6{ background-position: -190px -170px; } .dj_base_intro span b{ display: block; float: left; font-weight: normal; margin-right: 5px; } .dj_bq_list{ margin-top: 15px; } .dj_bq_list a{ display: inline-block; margin-right: 7px; margin-top: 10px; color: #FFFFFF; padding: 7px 14px; } .dj_bq_list .bg1{ background: #99CCFF; } .dj_bq_list .bg2{ background: #529FF2; } .dj_xz_list{ margin-top: 15px; } .dj_xz_list a{ display: block; float: left; width: 182px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; margin-left: 15px; border-radius: 5px; } .dj_xz_list a.one{ margin-left: 0 } .dj_xz_list .bg1{ background:#FF4F52; border: thin solid #FF4F52; color: #FFFFFF; } .dj_xz_list .bg2{ background:#377AD1; border: thin solid #377AD1; color: #FFFFFF; } .dj_xz_list .bg3{ border:thin solid #377AD1; background: #FFFFFF; color: #377AD1; } .dj_intro_con{ color: #999999; line-height: 22px; height: 64px; overflow: hidden; margin-top: 15px; } .dj_base_self a.aOrange{ float: right; font-size: 12px; margin-right: 10px; } .yxyg_tit{ width: 100%; height: 39px; border-bottom: thin solid #A5A5A5; margin-top: 37px; } .yxyg_tit h2{ font-size: 24px; height: 39px; overflow: hidden; color: #555555; } .yxyg_tit a{ float: right; color: #999999; font-size: 12px; margin-top: 10px; margin-left: 30px; } .yxyg_tit a:hover{ color: #FF4F52; } .yxyg_tit_ul{ float: right; margin-right: 10px; } .yxyg_tit_ul li{ float: left; margin-left: 40px; cursor: pointer; margin-top: 10px; color: #999999; font-size: 12px; } .yxyg_tit_ul li.current,.yxyg_tit_ul li:hover{ color: #FF4F52; } .yxyg_con{ height: 306px; overflow: hidden; margin-top: 25px; } .yxyg_sp_mian{ float: left; width: 558px; height: 306px; position: relative; } .yxyg_sp_mian img{ width: 558px; height: 306px; } .yxyg_sp_mian em{ display: block; width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: -40px; background: url(../dximages/images/xbf2.png) no-repeat; background-size: 80px 80px; } .yxyg_sp_mian:hover em{ background: url(../dximages/images/xbf3.png) no-repeat; background-size: 80px 80px; } .yxyg_sp_list{ float: left; width: 240px; height: 306px; overflow-y: auto; overflow-x: hidden; } .yxyg_sp_list li{ width: 188px; height: 95px; margin: 8px 22px 0; position: relative; } .yxyg_sp_list li.one{ margin-top: 0; } .yxyg_sp_list li img{ width: 188px; height: 95px; } .yxyg_sp_list li em{ display: block; width: 30px; height: 30px; background: url(../dximages/images/xbf2.png) no-repeat; background-size: 30px 30px; position: absolute; bottom: 5px; left: 7px; } .yxyg_sp_list li:hover em{ background: url(../dximages/images/xbf3.png) no-repeat; background-size: 30px 30px; } .yxyg_pic_mian{ float: left; width: 406px; height: 306px; margin-right: 13px; } .yxyg_pic_list{ float: left; width: 379px; height: 306px; overflow-y: auto; overflow-x: hidden; } .yxyg_pic_list li{ width: 149px; height: 112px; float: left; margin-top: 25px; margin-left: 23px; } .yxyg_pic_list li.one{ margin-top: 0; } .yxyg_pic_list li img{ width: 149px; height: 112px; } /*滚动条样式*/ .yxyg_pic_list::-webkit-scrollbar,.yxyg_sp_list::-webkit-scrollbar{/*滚动条整体样式*/ width: 12px; /*高宽分别对应横竖滚动条的尺寸*/ height: 327px; } .yxyg_pic_list::-webkit-scrollbar-thumb,.yxyg_sp_list::-webkit-scrollbar-thumb{/*滚动条里面小方块*/ border-radius: 6px; background: #B0B0B0; } .yxyg_pic_list::-webkit-scrollbar-track,.yxyg_sp_list::-webkit-scrollbar-track{/*滚动条里面轨道*/ border-radius: 6px; background: #E3E3E3; } .yxk_tj_ad1{ width:810px; margin-top:33px;} .yxk_tj_ad1 span{ display:block; float:left; width:383px; height:38px; border:1px solid #FBD8D8; margin-left:38px;} .yxk_tj_ad1 span.one{ margin-left:0px;} .yxk_tj_ad1 span p a{ display:block; float:left; width:335px; height:38px; line-height:38px; overflow:hidden; text-align:center; font-size:18px;} .yxk_tj_ad1 span em{ display:block; float:right; width:28px; height:14px; line-height:14px; text-align:center; border:1px solid #E1E1E1; font-size:12px; color:#E1E1E1; border-radius:3px; margin:7px 15px 0px 0px;} .yxxgzx_con{ margin-top: 22px; } .yxxgzx_main{ float: left; } .yxxgzx_main li{ width: 409px; height: 113px; margin-top: 9px; } .yxxgzx_main li.one{ margin-top: 0 } .yxxgzx_main img{ width: 113px; height: 113px; float: left; } .yxxgzx_main dl{ float: right; width: 276px; margin-right: 10px; position: relative; } .yxxgzx_main dt{ font-size: 18px; margin-top: 14px; height: 22px; line-height: 22px; overflow: hidden; } .yxxgzx_main dd{ color: #FFFFFF; margin-top: 16px; } .yxxgzx_main li.con1{ background: #377AD1; border:thin solid #377AD1; } .yxxgzx_main .con1 dt{ padding-left: 45px; } .yxxgzx_main .con1 dd{ font-size: 12px; height: 52px; line-height: 18px; overflow:hidden; } .yxxgzx_main .con1 i{ display: block; width: 41px; height: 48px; text-align: center; color: #FFFFFF; font-size: 12px; padding-top: 3px; position: absolute; left: 0; top:-4px; background: url(../dximages/images/xdjbg.png) no-repeat -120px -270px; } .yxxgzx_main li.con2{ background: #FF4F52; border:thin solid #FF4F52; } .yxxgzx_main .con2 a{ padding: 0 1px; line-height: 25px; } .yxxgzx_other{ float: right; width: 380px; height: 238px; overflow: hidden; } .yxxgzx_other ul{ width: 380px; margin-right: 10px; } .yxxgzx_other li{ height: 18px;line-height: 18px; overflow:hidden; margin-top: 37px; } .yxxgzx_other li.one{ margin-top: 0; } .yxxgzx_other li a{ padding-left: 27px; background: url(../dximages/images/xdjbg.png) no-repeat -285px -212px; } .dj_cspz_ul{ width: 810px; height: 49px; line-height: 49px; margin-top: 22px; color: #555555; } .dj_cspz_ul li{ width: 405px; height: 46px; float: left; text-align: center; font-size: 18px; border-bottom: 3px solid #EFEFEF; background: #EFEFEF; cursor: pointer; } .dj_cspz_ul li.current{ background: #FFFFFF; border-bottom: 3px solid #70A4FF; } .dj_cspz_con{ width: 810px; color: #555555; } .dj_cspz_con table{ width: 100%; } .dj_cspz_con .tr_none td{ height: 13px; } .dj_cspz_con td{text-align: center; line-height: 22px; word-wrap: break-word; border-radius: 7px;} .dj_cspz_con td.w0{ width: 19px; background: #FFFFFF; } .dj_cspz_con td.w1{ padding: 12px 10px; width: 148px;background: #8DB6FF; } .dj_cspz_con td.w2{ padding: 12px 10px; background: #F2F2F2; } .yxk_tj_ad2{ width: 100%; margin: 50px 0; position: relative; } .yxk_tj_ad2 img{ width: 100%; } .yxk_tj_ad2 em{ display: block; width: 24px; height: 12px; color: #f2f2f2; border:thin solid #f2f2f2; border-radius: 3px; font-size: 12px; line-height: 12px; position: absolute; bottom: 0; left: 5px; } .table_light{ width: 100%; border-bottom: thin solid #A5A5A5; } .table_light .w1{ width: 110px; color: #555555; font-size: 18px; } .table_light .w2{ width: 700px; } .table_light .w2 span{ display: block; float: left; width: 129px; height: 33px; line-height: 33px; overflow: hidden; padding: 0 5px; color: #999999; } .dj_gjbg_con{ padding: 25px 0; border-bottom: thin solid #A5A5A5; } .dj_gjbg_con dl{ float: left; height: 53px; border-left: thin solid #A5A5A5; padding: 0 25px;} .dj_gjbg_con dt{ color: #999999; height:18px; } .dj_gjbg_con dd{ font-size: 18px; color: #555555; height: 30px; line-height: 30px; overflow: hidden; } .dj_gjbg_con .dl1{ border-left: 0; padding-left: 0; width: 95px; } .dj_gjbg_con .dl2{ width: 110px; } .dj_gjbg_con .dl3{ width: 140px; } .dj_gjbg_con .dl3 dd{ margin-top: 5px; } .dj_gjbg_con .dl4{ width: 280px; } .dj_gjbg_con .dl4 dd{ font-size: 14px; } .dj_gjbg_list{ margin-top: 5px; } .dj_gjbg_list li{ padding: 25px 15px; box-shadow: 0px 7px 15px 2px #DDDDDD; margin-bottom: 17px; } .dj_gjbg_list .img_box{ float: left; width: 128px; text-align: center; margin-right: 30px; } .dj_gjbg_list img{ width: 74px; height: 74px; } .dj_gjbg_list .img_box h3{ height: 35px; line-height: 35px; font-size: 18px; } .dj_gjbg_list .img_box span{ color: #A5A5A5; } .dj_gjbg_self{ float: left; width: 622px; } .dj_gjbg_self h3{ font-size: 16px; } .dj_gjbg_self h3 em{ font-size: 14px; } .dj_gjbg_self p{ color: #A5A5A5; margin-top: 25px; line-height: 25px; } .dj_gjbg_yy{ width: 150px; height: 36px; line-height: 36px; margin-top: 45px; background: url(../dximages/images/xdjbg.png) no-repeat -120px -330px; color: #FFFFFF; } .dj_gjbg_yy em{ margin-left: 80px; } .kb_score{ float: left; width: 83px; height: 83px; margin-top: 23px; margin-right: 22px; }.kb_score img{ width: 83px; height: 83px; } .kb_tips{ width: 705px; float: left; } .kb_tips em{ float: right; display: block; width: 112px; height: 38px; border-radius: 5px; background: #FF6900; color: #FFFFFF; font-size: 18px; line-height: 38px; text-align: center; margin-top: 38px; cursor: pointer; } .kb_tips dt{ color: #A5A5A5; height: 18px; margin-top: 15px; } .kb_tips dd{ font-size: 16px; } .kb_tips dd span{ display: inline-block; height: 25px; width: 80px; font-size: 14px; border-radius: 5px; text-align: center; line-height: 25px; margin-right: 10px; margin-top: 15px; } .kb_tips .cont1{ color: #529FF2; } .kb_tips .cont1 span{ background: #6FA5FF; border: thin solid #6FA5FF; color: #FFFFFF; } .kb_tips .cont2{ color: #A5A5A5; } .kb_tips .cont2 span{ border: thin solid #A5A5A5; color: #A5A5A5; } .kbfb_con{ margin-top: 20px; } .kbfb_con li{ margin-bottom: 20px; } .kbfb_con img{ width: 62px;height: 62px; float: left; margin-right: 8px; } .kbfb_self{ display: block; float: left; width: 740px; border-bottom: thin dashed #FF6900; padding-bottom: 10px; } .kbfb_self .kbpl_get{ color: #A5A5A5; font-size: 12px; } .kbfb_self .p1{ color: #555555; margin-top: 15px; height: 60px; line-height: 20px; overflow: hidden; } .kbfb_self .p2{ color: #A5A5A5; margin-top: 15px; line-height: 20px; } .kbfb_self_hf{ width: 714px; background: #F4F4F4; color: #A5A5A5; border-top: thin solid #F4F4F4; padding: 0px 13px 10px; margin-top: 10px; } .kbfb_self_hf dd{ margin-top: 10px; } .hf_cz{ display: block; float: right; margin-top: 10px; } .hf_cz em{ cursor: pointer; } .hf_cz .em1{ padding-left: 20px; background: url(../dximages/images/xdjbg.png) no-repeat; } .hf_cz .em1.icon1{ background-position: -280px -350px; } .hf_cz .em1.icon2{ background-position: -280px -330px; } .hf_box1{ display: none; padding: 10px 19px; width: 100%; box-sizing: border-box; background: #FFFFFF; margin-top: 10px; } .hf_box1 h3{ color: #555555; font-size: 14px; } .kbbq_list{ margin-top: -10px; } .kbbq_list span{ display: block; float: left; width: 61px; height: 20px; font-size: 14px; border: thin solid #70A4FF; border-radius: 5px; text-align: center; line-height: 20px; color: #A5A5A5; margin:20px 0 0 25px; } .kbbq_list span.one{ margin-left: 0; } .kbbq_list span.hover{ background: #70A4FF; color: #FFFFFF; } .addbq_box input,.hf_box1 textarea{ outline: none; border-radius: 5px; font-family: "微软雅黑"; color: #A5A5A5; } .addbq_box{ float: right; margin-top: 10px; margin-left: 25px; } .addbq_box input{ display: block; float: left; border: thin solid #70A4FF; text-align: center; } .addbq_box input.text1{ width: 199px; height: 30px; } .addbq_box input.submit1{ width: 30px; height: 30px; margin-left: 10px; background: url(../dximages/images/xshare.png) no-repeat -1px -51px; } .hf_box1 textarea{ width: 100%; height: 127px; padding: 15px 20px; box-sizing: border-box; margin-top: 10px; background: #EFEFEF; border: thin solid #EFEFEF; } .fbkb_tips{ margin-top: 10px; color: #A5A5A5; } .fbkb_tips em{ float: right; margin-top: 17px; margin-right: 20px; } .fbkb_tips a{ display: block; float: right; background: #FF6900; border-radius: 5px; text-align: center; } .fbkb_frm{ width: 82px; height: 35px; font-size: 18px; line-height: 37px; } .fbkb_frm2{ width: 70px; height: 30px; font-size: 16px; line-height: 30px; margin-top: -5px; } .hf_cz2{ display: block; float: right; margin-top: 10px; } .hf_cz2 em{ cursor: pointer; } .hf_cz2 .em1{ padding-left: 20px; background: url(../dximages/images/xdjbg.png) no-repeat; } .hf_cz2 .em1.icon1{ background-position: -280px -350px; } .hf_cz2 .em1.icon2{ background-position: -280px -330px; } .hf_cz2 .em2{ padding: 0 3px; border: thin solid #FF6900; border-radius: 5px; } .hf_cz2 .em2 a{ font-size: 12px; } .hf_cz2 .em3{ padding:0 26px; background: url(../dximages/images/xshare.png) no-repeat; } .hf_cz2 .em3.up{ background-position: -80px -50px; } .hf_cz2 .em3.down{ background-position: -50px -50px; } .more_kbpl{ display: block; margin: 27px auto 0; width: 170px; height: 20px; line-height: 20px; color: #555555; font-size: 16px; padding-left: 70px; background: url(../dximages/images/xdjbg.png) no-repeat -260px -273px; } .more_kbpl:hover{ color: #FF6900; background-position: -260px -303px; } .dxxy_zm{ width: 230px; height:43px; padding:13px 20px; font-size: 16px; box-shadow: 0px 7px 15px 2px #DDDDDD; margin-top: 40px; border-radius: 5px; line-height: 43px; } .dxxy_zm em{ display: block; float: left; width: 58px; height: 42px; background: url(../dximages/images/xdjbg.png) no-repeat -170px -270px; margin-right: 15px; } .zskbbg_box{ width: 230px; border-top: 2px solid #70A4FF; border-bottom: 1px solid #A5A5A5; padding: 25px 20px; margin-top: 15px; } .kbbg_tit em{ display: block; float: right; margin-top: 7px; font-size: 12px; } .kbbg_tit h2{ font-size: 20px; color: #555555; } .zskbbg_con{ text-align: center; } .zskbbg_con .cspz_star{ margin-top: 15px; } .zskbbg_con em{ display: block; font-size: 24px; margin-top: 15px; } .zskbbg_con span{ display: block; font-size: 12px; color: #A5A5A5; margin-top: 15px; } .zskbbg_more{ margin-top: 15px; } .zskbbg_more a{ padding: 7px 22px; border:thin solid #70A4FF; border-radius: 5px; line-height: 35px; } .zskbbg_more a.aWhite{ background: #70A4FF; margin-right: 13px; } .zskbbg_rank{ margin-top: 30px; } .zskbbg_rank dd{ margin-top: 15px; line-height: 16px; } .zskbbg_rank em{ display: block; float: left; width: 20px; text-align: center; } .zskbbg_rank a{ display: block; float: left; width: 80px; height: 16px; overflow: hidden; } .zskbbg_rank span{ display: block; float: left; } .zskbbg_rank .con1{ width: 60px; padding: 0 5px; } .zskbbg_rank .con2{ width: 60px; color: #999999; } .zsrmzx_tit{ margin-top: 35px; } .zsrmzx_tit h2{ font-size: 18px; color: #555555; } .zsrmzx_list{ margin-top: 10px; } .zsrmzx_list li{ background: #F2F2F2; width: 260px; height: 55px; padding-right: 10px; margin-top: 5px; } .zsrmzx_list img{ display: block; float: left; width: 85px; height: 55px; margin-right: 10px; } .zsrmzx_list h3{ display: block; width: 165px; height: 40px; line-height: 20px; padding-top: 7px; overflow: hidden; } .zszyxz_ul{ } .zszyxz_ul li{ float: left; width: 67px; height: 25px; cursor: pointer; text-align: center; margin-top: 15px; color: #555555; } .zszyxz_ul li.current{ border-bottom: thin solid #FF4F52; } .zszyxz_list li{ line-height: 18px; margin-top: 15px; word-break: break-all; } .zszyxz_list li.one{ padding-bottom: 15px; border-bottom: thin dashed #A5A5A5; } .zszyxz_list li a{ display: block; height: 18px; overflow: hidden; padding-left: 20px; background: url(../dximages/images/xdjbg.png) no-repeat -290px -85px; } .zszyxz_list li a:hover{ background-position: -290px -115px; } .zstldj_list{ margin-top: 10px; } .zstldj_list li{ position: relative; background: #F2F2F2; width: 260px; height: 143px; color: #555555; padding-right: 10px; margin-top: 5px; } .zstldj_list em{ width: 46px; height: 23px; border: thin solid #FF4F52; color: #FFFFFF; text-align: center;line-height: 23px; font-size: 12px; background: #FF4F52; position: absolute;top: -1px; left: -1px; } .zstldj_list img{ float: left; width: 94px; height: 143px; margin-right: 10px; } .zstldj_list dl{ padding-top: 12px; } .zstldj_list dt{ font-size: 16px; font-weight: bold; } .zstldj_list .con1{ margin-top: 20px; } .zstldj_list .con2{ margin-top: 7px; height: 22px; overflow: hidden; } .zstldj_list .con2 span{ display: block; float: left; height: 18px; margin-top: 3px; } .zstldj_list .con2 i{ display: block; float: left; margin-left: 5px; width: 27px; height: 22px; background: url(../dximages/images/xdjbg.png) no-repeat; } .zstldj_list .con2 i.icon1{ background-position: -120px -210px; } .zstldj_list .con2 i.icon2{ background-position: -150px -210px; } .zstldj_list .con2 i.icon3{ background-position: -180px -210px; } .zstldj_list .con2 i.icon4{ background-position: -70px -170px; } .zstldj_list .con2 i.icon5{ background-position: -130px -170px; } .zstldj_list .con2 i.icon6{ background-position: -190px -170px; } .zstldj_list .con3{ margin-top: 7px; } .zsxz_box{ width: 432px; height:140px; padding: 15px; background:#F2F2F2; position: absolute; top:213px; left: 0; display: none; border: thin solid #E3E3E3; border-radius:5px; } .zsxz_PC,.zsxz_box dl{ float: left; width: 113px; } .zsxz_box dl{ margin-left: 23px; } .zsxz_box dl img{ width: 113px; height:113px; } .zsxz_box dd{ text-align: center; } .zsxz_PC{ width: 160px; } .zsxz_PC h3,.zsxz_box dt{ height: 18px; line-height: 18px; font-size: 14px; margin-bottom: 5px; } .zsxz_PC a{ display: block; width: 160px; height: 33px; line-height: 33px; font-size: 14px; color: #FFFFFF; border-radius: 5px; margin-left: 0; } .zsxz_PC a:hover{ text-decoration: underline; } .zsxz_PC .cont1{ background: #FF6900; } .zsxz_PC .cont2,.zsxz_PC .cont3{ background: #576886; font-size: 12px; text-align: left; margin-top: 8px; } .zsxz_PC .icon_l{ display: block; float: left; width: 23px; height: 23px; margin: 5px 10px 5px 7px; background: url(../dximages/images/xdjbg.png) no-repeat; } .zsxz_PC .icon_l1{ background-position: -210px -210px; } .zsxz_PC .icon_l2{ background-position: -210px -240px; } .zsxz_PC .icon_l3{ background-position: 0px -400px; } .zsxz_PC .icon_l4{ background-position: -30px -400px; } .zsxz_PC .icon_l5{ background-position: -60px -400px; } .zsxz_PC .icon_l6{ background-position: -90px -400px; } .zsxz_PC .icon_l7{ background-position: -120px -400px; } .zsxz_PC .icon_l8{ background-position: -150px -400px; } .zsxz_PC .icon_l9{ background-position: -180px -400px; } .zsxz_PC .icon_l10{ background-position: -210px -400px; } .zsxz_PC .icon_l11{ background-position: -240px -400px; } .zsxz_PC .icon_r1{ display: block;width: 16px; height: 16px; float: right; margin: 9px 5px 0; background: url(../dximages/images/xdjbg.png) no-repeat 0 -383px; } .zsxz_PC .cont3 i{ float: right; font-style: normal; } /*****************************************************************2019游戏库首页*****************************************************************/ .dxwall_top{ width: 100%; } .dxwall_box{ width: 100%; height: 470px; min-width: 1200px; position: relative; } .dxwall_img{ display: block; width: 100%; height: 100%; background: #1A1E27; } .dxwall_bg{ position: absolute; width: 380px; height: 100%; top: 0; right: 50%; margin-right: -600px; } .dxwall_con{ width: 360px; height: 435px; color: #FFFFFF; padding: 35px 10px 0; background: rgba(0,0,0,0.5); position: absolute; right: 0; top: 0; } .dxwall_num{ width: 106px; height: 69px; padding-bottom: 8px; padding-right: 13px; text-align: center; line-height: 70px; font-size: 38px; background: url(../dximages/images/xshare.png) no-repeat 0 -150px; position: absolute;right: -13px; top: 35px; } .dxwall_con h2{ font-size: 34px; } .dxwall_con .tit_after{ font-size: 12px; } .dxwall_con dl{ margin-top: 55px; padding: 0 30px; width: 300px; } .dxwall_con dt{ float: left; width: 110px; height: 155px; margin-right: 22px; } .dxwall_con dd{ float: left; width: 168px; } .dxwall_con dd span{ display: block; margin-top: 8px; height: 22px; line-height: 22px; overflow: hidden } .dxwall_con span em{ display: block; float: left; width: 27px; height: 22px; background: url(../dximages/images/xdjbg.png) no-repeat; margin-right: 3px; } .dxwall_con span em.icon1{ background-position: -120px -240px; } .dxwall_con span em.icon2{ background-position: -150px -240px; } .dxwall_con span em.icon3{ background-position: -180px -240px; } .dxwall_con span em.icon4{ background-position: -100px -170px; } .dxwall_con span em.icon5{ background-position: -160px -170px; } .dxwall_con span em.icon6{ background-position: -220px -170px; } .dxwall_con span i{ display: block; float: left; font-style: normal; } .dxwall_good{ margin-top: 55px; width: 100%; height: 28px; overflow: hidden; } .dxwall_good a{ display: inline-block; font-size: 12px; padding: 3px 15px; border: thin solid #FFFFFF; color: #FFFFFF; margin-right: 5px; border-radius: 5px; margin-bottom: 5px; } .dxwall_say{ margin-top: 10px; } .dxwall_say a{ display: block; font-size: 12px; float: right; width: 85px; height: 25px; line-height:25px; background: #529FF2; border-radius: 5px; } .dxwall_say a i{ display: block; float: left; width: 26px; height: 20px; background: url(../dximages/images/xshare.png) no-repeat -180px -50px; margin: 2px 4px; } .dxwall_say p{ line-height: 20px; height: 40px; overflow: hidden; } .dxwall_list{ width: 100%; background: #1A1E27; height: 65px; border-top: thin solid #1A1E27; border-bottom:thin solid #1A1E27; } .dxwall_list ul{ width: 1200px; margin: 0 auto; } .dxwall_list li{ width: 240px; float: left; margin-left: 80px; } .dxwall_list li:first-child{ margin-left: 0 } .dxwall_list em{ float: left; width: 51px; height: 40px; background: url(../dximages/images/xshare.png) no-repeat; margin-right: 20px; margin-top: 11px; } .dxwall_list em.icon1{ background-position: 0 -90px; } .dxwall_list em.icon2{ background-position: -60px -90px; } .dxwall_list em.icon3{ background-position: -120px -90px; } .dxwall_list em.icon4{ background-position: -180px -90px; } .dxwall_list dl{ float: left; width: 169px; margin-top: 5px; } .dxwall_list dt{ font-size: 26px; } .dxwall_list dd{ color: #FFFFFF; } .yxkindex_tit{ width: 100%; margin-top: 45px; margin-bottom: 32px; } .yxkindex_tit a{ float: right;margin: 15px 5px 0; color: #999999;} .yxkindex_tit a.a1:hover{ color: #529FF2; } .yxkindex_tit a.a2:hover{ color: #FF4F52; } .yxkindex_tit a.a3:hover{ color: #FF6900; } .yxkindex_tit ul{ float: right; margin-top: 15px; } .yxkindex_tit ul li{ float: left; padding: 0 15px; color: #999999; height: 24px; text-align: center; cursor: pointer; border-bottom: 2px solid #FFFFFF; } .yxkindex_tit .ul1 li.current{ border-bottom: 2px solid #529FF2; } .yxkindex_tit .ul2 li.current{ border-bottom: 2px solid #FF4F52; } .yxkindex_tit h2{ width: 186px; margin: 0 auto; font-size: 34px; } .yxkindex_tit em{ display: block; float: left; width: 35px; height: 35px; margin-right: 15px; margin-top: 5px; background: url(../dximages/images/xshare.png) no-repeat; } .yxkindex_tit em.icon1{ background-position: 0 -230px; } .yxkindex_tit em.icon2{ background-position: -40px -230px; } .yxkindex_tit em.icon3{ background-position: -80px -230px; } .yxkindex_tit em.icon4{ background-position: -120px -230px; } .yxkindex_tit em.icon5{ background-position: -160px -230px; } .yxkindex_tit em.icon6{ background-position: -200px -230px; } .yxkindex_tit span{ float: left; } .yxkindex_tit h2 i{ font-weight: 600; font-style: normal } .yxkindex_tit i.t1{ color: #529FF2; } .yxkindex_tit i.t2{ color: #FF4F52; } .yxkindex_tit i.t3{ color: #FF6900; } .yxkindex_rmyp{ padding: 0 6px; } .yxkindex_rmyp ul{ float: left; width: 420px; } .yxkindex_rmyp .ul1 .img_main{ width: 420px; height: 198px; } .yxkindex_rmyp li{ margin-top: 12px; background: #F2F2F2; } .yxkindex_rmyp li.one{ margin-top: 0 } .yxkindex_rmyp .ul1 li{ width: 410px; padding: 9px 5px 8px; } .yxkindex_rmyp p{ display: block; float: left; line-height: 20px; overflow: hidden; color: #666666; } .yxkindex_rmyp .editor{ line-height: 35px; color: #999999; } .yxkindex_rmyp .editor img{ width: 35px; height: 35px; border-radius: 17px; } .yxkindex_rmyp .editor span{ font-weight: 600; font-size: 16px; } .yxkindex_rmyp h3{ font-weight: 600; font-size: 30px; text-align: center; } .yxkindex_rmyp .yp_con1{ margin-bottom: 30px; } .yxkindex_rmyp .yp_con1 em{ display: block; width: 30px; height: 27px; border-top: thin solid rgba(255,255,255,0); background: url(../dximages/images/xshare.png) no-repeat; } .yxkindex_rmyp .yp_con1 .icon1{ float: left; background-position: -230px -150px; } .yxkindex_rmyp .yp_con1 .icon2{ float: right; background-position: -230px -180px; margin-top: -20px; } .yxkindex_rmyp .yp_con1 p{ width: 350px; height: 80px; margin-top: 30px; padding-right: 5px; } .yxkindex_rmyp .yp_res{ width: 100%; } .yxkindex_rmyp .yp_res a{ display: block; float: right;width: 85px; height: 30px; border-radius: 5px; background: #529FF2; text-align: center; line-height: 30px; } .yxkindex_rmyp .yp_res em{ float: right; padding-left: 25px; margin-top: 5px; margin-right: 20px; cursor: pointer; background: url(../dximages/images/xdjbg.png) no-repeat -280px -350px; color: #999999; } .yxkindex_rmyp .ul2{ margin-left: 14px; } .yxkindex_rmyp .ul2 li{ width: 412px; padding: 5px 4px; } .yxkindex_rmyp .yp_con2{ margin: 8px 0; } .yxkindex_rmyp .yp_con2 em{ display: block; width: 31px; height: 17px; border-top: thin solid rgba(255,255,255,0); background: url(../dximages/images/xshare.png) no-repeat; } .yxkindex_rmyp .yp_con2 em.icon1{ float: left; background-position: -240px -90px; } .yxkindex_rmyp .yp_con2 em.icon2{ float: right; background-position: -240px -110px; margin-top: -20px; } .yxkindex_rmyp .yp_con2 p{ width: 348px; height: 60px; padding:0 5px; } .ypupload_box{ width: 323px; float: right; height: 480px; background: #2F4159; color: #FFFFFF; } .ypupload_box .top{ height: 140px; border-bottom: thin solid #576886; padding-top: 30px; } .ypupload_box span{ display: block; width: 270px; margin: 20px auto; height: 34px; line-height: 34px; } .ypupload_box span em,.ypupload_box span strong{ float: left; } .ypupload_box span strong{ width: 110px; font-size: 30px; color: #529FF2; text-align: right; } .ypupload_box span .em1{ width: 48px; } .ypupload_box span .em2{ width: 112px; text-align: right; } .ypupload_box .bottom{ padding-top: 32px; text-align: center; } .ypupload_box .bottom a{ display: block; margin: 0 auto; width: 263px; height: 42px; line-height: 42px; border-radius: 21px; background: #529FF2; font-size: 16px; } .yxkindex_zxfb{ width: 1188px; margin: 0 6px; position: relative; } .yxkindex_zxfb ul{ width: 1188px; } .yxkindex_zxfb ul li{ float: left; width: 198px; text-align: center; } .yxkindex_zxfb img{ width:198px; height: 298px; } .yxkindex_zxfb .top_line{ width: 100%; position: absolute;z-index: 0; top: 10px; left: 0; border-top: thin solid #EFEFEF; } .yxkindex_zxfb li em{ display: block; background: #FFFFFF; width: 50px; height: 20px; margin:0 auto; } .yxkindex_zxfb li i{ display: block; width: 20px; height: 20px; background: url(../dximages/images/xshare.png) no-repeat -210px -50px; margin: 0 auto; } .yxkindex_zxfb span{ display: block; margin-bottom: 15px; font-size: 16px; height: 20px; overflow: hidden; line-height: 20px; } .yxkindex_zxfb .time{ color: #999999; margin-top: 5px; font-size: 14px; height: 18px; } .yxkindex_left{ float: left; width: 835px; margin-left: 6px; } .yxkindex_right{ float: right; width: 300px; margin-right: 6px; } .tit_left1{ border-left: 5px solid #FF6900; height: 40px; line-height: 40px; } .tit_left1 h2{ font-size: 30px; margin-left: 19px; } .tit_right1{ height: 22px; margin-top: 7px; } .tit_right1 h2{ font-size: 18px; font-weight: 600; } .tit_right1 a{ float: right; color: #999999; margin-top: 5px; } .tit_right1 a:hover{ color: #FF4F52; } .tit_right1 ul{ float: right; } .tit_right1 li{ float: left; padding: 0 10px; height: 20px; text-align: center; color: #999999; cursor: pointer; border-bottom: 2px solid #FFFFFF; } .tit_right1 li.current{ color: #555555; font-weight: 600; border-bottom: 2px solid #FF6900; } .jpfb_gfjx{ margin-top: 10px; padding-bottom: 30px; background: url(../dximages/images/xline.png) repeat-x left bottom; } .jpfb_gfjx ul{ width:100%; } .jpfb_gfjx li{ width:162px; float: left; position: relative; margin-bottom: 27px; margin-left:62px; } .jpfb_gfjx li.one{ margin-left: 0 } .jpfb_gfjx li img{ width:162px; height: 230px; } .jpfb_gfjx li em{ display: block; width:49px; height: 33px; line-height: 33px; text-align: center; color: #FFFFFF; background: #FB5D60; opacity: 0.9; position: absolute; top:197px; right: 0; font-size: 16px; font-weight: 600; } .jpfb_gfjx li span{ display: block; width: 162px; height: 18px; text-align: center; line-height: 18px; overflow: hidden; font-size: 16px; margin-top: 10px; } .jpfb_djxw{ margin-top: 10px; padding-bottom: 30px; } .jpfb_djxw ul{ width:100%; } .jpfb_djxw li{ width:162px; float: left; position: relative; margin-bottom: 27px; margin-left:62px; } .jpfb_djxw li.one{ margin-left: 0 } .jpfb_djxw li img{ width:162px; height: 230px; } .jpfb_djxw li em{ display: block; width:162px; height: 33px; line-height: 33px; text-align: center; color: #FFFFFF; background: #000000; opacity: 0.5; position: absolute; top:197px; right: 0; } .jpfb_djxw li span{ display: block; width: 162px; height: 18px; text-align: center; line-height: 18px; overflow: hidden; font-size: 16px; margin-top: 10px; } .yxkindex_yxfl .list1{ width: 300px; height: 82px; background: #F5F5F5; position: relative; margin-top: 20px; } .yxkindex_yxfl .list2{ width: 300px; height: 197px; background: #F5F5F5; position: relative; margin-top: 20px; } .yxkindex_yxfl em{ display: block; width: 50px; height: 50px;background: url(../dximages/images/xdxwd.png) no-repeat; position: absolute; top: 0; left: 0; } .yxkindex_yxfl em.icon1{ background-position: 0 -50px; } .yxkindex_yxfl em.icon2{ background-position: -50px -50px; } .yxkindex_yxfl a{ display: inline-block; height: 18px; margin-bottom: 5px; } .yxkindex_yxfl .list1 a{ margin-right: 10px; } .yxkindex_yxfl .list2 a{ margin-right: 20px; } .yxkindex_yxfl .list_con{ position: absolute; top: 27px; left: 33px; z-index: 1 } .yxkindex_yxfl .list_con .w1{ width: 35px; } .yxkindex_yxfl .list_con .w2{ width: 74px; } .yxkindex_yxfl .list_con .w3{ width: 60px; } .yxkindex_wjdp{ margin-top: 20px; } .yxkindex_wjdp li{ margin-bottom: 15px; } .yxkindex_wjdp .time{ float: right; color: #CCCCCC; line-height: 35px; margin-left: 10px; } .yxkindex_wjdp .img_box{ line-height: 35px; height: 35px; } .yxkindex_wjdp .img_box img{ width: 35px; height: 35px; border-radius: 17px; margin-right: 10px; } .yxkindex_wjdp .wjdp_bg{ width: 280px; background: #F2F2F2; padding: 12px 10px; border-radius: 5px; } .yxkindex_wjdp i{ display: block; width: 20px; height: 10px; background: url(../dximages/images/xdxwd.png) no-repeat -100px -50px; margin-left: 10px; } .yxkindex_wjdp .wjdp_bg em{ display: block; float: right; height: 15px; background: url(../dximages/images/star2.png) no-repeat 0 -92px; background-size: 110px 110px; } .yxkindex_wjdp .wjdp_bg em.icon1{ width: 8px; } .yxkindex_wjdp .wjdp_bg em.icon2{ width: 17px; } .yxkindex_wjdp .wjdp_bg em.icon3{ width: 30px; } .yxkindex_wjdp .wjdp_bg em.icon4{ width: 38px; } .yxkindex_wjdp .wjdp_bg em.icon5{ width: 50px; } .yxkindex_wjdp .wjdp_bg em.icon6{ width: 58px; } .yxkindex_wjdp .wjdp_bg em.icon7{ width: 72px; } .yxkindex_wjdp .wjdp_bg em.icon8{ width: 80px; } .yxkindex_wjdp .wjdp_bg em.icon9{ width: 94px; } .yxkindex_wjdp .wjdp_bg em.icon10{ width: 102px; } .yxkindex_wjdp .wjdp_bg span{ float: left; font-weight: 600; } .yxkindex_wjdp .wjdp_bg p{ display: block; margin-top: 10px; line-height: 20px; height: 40px; overflow: hidden; } .yxksp_top_box{ width: 100%; height:435px; background: #1A1E27; text-align: center; position: relative; } .yxksp_top_box img{ height: 100%; } .yxksp_top_box a{ display: block; width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-left: -34px; margin-top: -34px; background: url(../dximages/images/xbf2.png) no-repeat; background-size: 68px 68px; } .yxksp_top_box a:hover{ background: url(../dximages/images/xbf3.png) no-repeat; background-size: 68px 68px; } .yxksp_top_news{ background: #555555; height: 68px; border-top: thin solid #555555; margin-top: 10px; } .yxksp_top_news span{ display: block; float: left; width: 63px; height: 49px; padding-right: 15px; padding-top: 3px; margin: 10px 20px 0; text-align: center; color: #FFFFFF; line-height: 22px; font-size: 16px; background: url(../dximages/images/xdxwd.png) no-repeat 0 -220px; } .yxksp_news_list{ margin-top: 12px; } .yxksp_news_list a{ display: block; float: left; margin-right: 45px; margin-bottom: 5px; } .yxksp_maincon{ width: 1160px;margin: 0 auto; padding-bottom: 50px; } .yxksp_tttj{ margin-top: 50px; } .yxksp_tttj dl{ background: #F2F2F2; float: left; height: 398px; } .yxksp_tttj_list1{ width: 392px; padding: 10px 7px; } .yxksp_tttj_list1 a{ display: block; } .yxksp_tttj_list1 span{ display: block; } .yxksp_tttj_list1 a:hover span{ text-decoration: underline; } .yxksp_tttj_list1 i{ display: block; width: 38px; height: 38px;position: absolute; background: url(../dximages/images/xbf2.png) no-repeat; background-size: 38px; height: 38px; } .yxksp_tttj_list1 a:hover i{ background: url(../dximages/images/xbf3.png) no-repeat; background-size: 38px; height: 38px; } .yxksp_tttj_list1 dt{ position: relative; } .yxksp_tttj_list1 dt span{ width: 378px; height: 41px; line-height: 41px; overflow: hidden; padding: 0 7px; position: absolute; bottom: 0; left: 0; background: rgba(85,85,85,0.9); } .yxksp_tttj_list1 dt img{ width: 392px; height: 245px; } .yxksp_tttj_list1 dt i{ left: 10px; bottom: 51px; } .yxksp_tttj_list1 dd{ float: left; width: 192px; margin-top: 10px; margin-left: 7px; position: relative; } .yxksp_tttj_list1 dd.one{ margin-left: 0; } .yxksp_tttj_list1 dd i{ left: 10px; bottom: 36px; } .yxksp_tttj_list1 dd img{ width: 192px; height: 115px; } .yxksp_tttj_list1 dd span{ width: 192px; height: 18px; overflow: hidden; margin-top: 10px; overflow: hidden; } .yxksp_tttj_list2{ width: 390px; margin-left: 10px; padding: 10px 9px; } .yxksp_tttj_list2 dt{ height:94px; background: url(../dximages/images/xline2.png) repeat-x 0 bottom; } .yxksp_tttj_list2 dt span{ display: block; float: left; margin-right: 13px; padding: 10px 12px 22px; width: 38px; height: 42px; font-size: 16px; text-align: center; color: #FFFFFF; background: url(../dximages/images/xdxwd.png) no-repeat -90px -190px; } .yxksp_tttj_list2 dt a{ display: block; height: 63px; overflow: hidden; font-size: 24px; font-weight: 600; } .yxksp_tttj_list2 dd{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 32px; } .yxksp_tttj_list2 dd span{ display: block; float: right; margin-left: 13px; } .yxksp_tttj_list2 dd a{ padding-left: 15px; background: url(../dximages/images/xdjbg.png) no-repeat -290px -240px; } .yxksp_tttj_list2 dd a:hover{ background-position: -290px -140px; } .yxksp_tttj_list3{ width: 307px; margin-left: 10px; padding: 10px 9px; } .yxksp_tttj_list3 dt{ margin-bottom: 30px; } .yxksp_tttj_list3 dt a{ float: right; color: #999999; margin-top: 4px; } .yxksp_tttj_list3 dt h2{ font-size: 18px; height: 22px; overflow: hidden; } .yxksp_tttj_list3 dd{ margin-top: 15px; } .yxksp_tttj_list3 dd img{ float: left; width: 100px; height: 76px; margin-right: 11px; } .yxksp_tttj_right{ float: right; height: 76px; width: 196px; } .yxksp_tttj_right h3{ height: 35px; font-size: 14px; line-height: 20px; margin-top: 3px; } .yxksp_tttj_right span{ display: block; float: left; margin-top: 12px; width: 80px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; background: #555555; color: #FFFFFF; border-radius: 5px; } .yxksp_tttj_right .right_togz{ display: block; float: right; margin-top: 12px; width: 65px; height: 20px; line-height: 20px; text-align: center; background: #F9D43D; font-size: 12px; border-radius: 5px; } .yxksp_zxlist ul{ margin-bottom: -34px; margin-top: 46px; } .yxksp_zxlist li{ width: 268px; margin-left: 28px; float: left; margin-bottom: 34px; } .yxksp_zxlist li.one{ margin-left: 0; } .yxksp_zxlist a{ display: block; position: relative; } .yxksp_zxlist b{ font-weight: normal; } .yxksp_zxlist h3{ margin-top: 10px; height: 20px; line-height: 20px; font-size: 16px; overflow: hidden; word-break: break-all; } .yxksp_zxlist span{ display: block; font-size: 12px; margin-top: 10px; color: #A5A5A5 } .yxksp_zxlist li img{ width: 268px; height: 147px; } .yxksp_zxlist i{ display: block; width: 38px; height: 38px; border-radius: 50%; background: url(../dximages/images/xbf2.png); background-size: 38px 38px; position: absolute; left: 10px; top: 99px; } .yxksp_zxlist li:hover i{ background:url(../dximages/images/xbf3.png); background-size: 38px 38px; } .yxksp_zxlist em.author{ display: block; float: right; line-height: 28px; margin-right: 7px; max-width: 82px; height: 28px; overflow: hidden; } .yxksp_zxlist em.author img{ width: 28px; height: 28px; border-radius: 50%; float: left; margin-right: 5px; } .yxksp_zxlist em.bq{ display: block; float: left; max-width: 100px; text-align: center; height: 18px; line-height: 18px; overflow: hidden; word-break: break-all; color: #A5A5A5; border: thin solid #F2F2F2; border-radius: 5px; margin-right: 10px; margin-top: 5px; padding: 0 5px; } .yxksp_zxlist em.time{ display: block; float: right; line-height: 28px; } .yxksp_jclist li{ float: left; width: 216px; position: relative; margin-left: 19px; margin-top: 16px; } .yxksp_jclist li.one{ margin-left: 0 } .yxksp_jclist img{ width: 216px; height: 138px; } .yxksp_jclist i{ display: block; width: 38px; height: 38px; border-radius: 50%; background: url(../dximages/images/xbf2.png); background-size: 38px 38px; position: absolute; left: 10px; top: 90px; } .yxksp_jclist li:hover i{ background:url(../dximages/images/xbf3.png); background-size: 38px 38px; } .yxksp_jclist span{ display: block; height: 18px; line-height: 18px; overflow: hidden; margin-top: 16px; } .yxksp_jpwz{ margin-top: 45px; } .yxksp_jpwz ul{ float: left; height: 435px; } .yxksp_jpwz_ul1 li{ width: 375px; padding: 7px; background: #F2F2F2; margin-top: 25px; } .yxksp_jpwz_ul1 li.one{ margin-top: 0; } .yxksp_jpwz_ul1 .img_box{ display: block; width: 375px; height: 148px; position: relative; } .yxksp_jpwz_ul1 .img_box:hover h3{ text-decoration: underline; } .yxksp_jpwz_ul1 h3{ width: 365px; padding: 0 5px; height: 36px; line-height: 36px; overflow: hidden; background:rgba(85,85,85,0.9); position: absolute; bottom: 0; left: 0; } .yxksp_jpwz_ul1 img{ width: 375px; height: 148px; } .yxksp_jpwz_ul1 span{ display: block; margin-top: 15px; } .yxksp_jpwz_ul1 em{ display: block; } .yxksp_jpwz_ul1 em.author{ line-height: 28px; float: left; } .yxksp_jpwz_ul1 em.author img{ width: 28px; height: 28px; float: left; margin-right: 5px; } .yxksp_jpwz_ul1 em.people{ float: right; font-size: 12px; padding-left:20px; background: url(../dximages/images/bg7.png) no-repeat 0 -580px; margin-top: 5px; margin-right: 15px; } .yxksp_jpwz_ul1 a.frmto_report{ display: block; float: right; width: 84px; height: 28px; border-radius: 14px; background: #FF6900; text-align: center; line-height: 28px; } .yxksp_jpwz_ul2{ width: 450px; } .yxksp_jpwz_ul2 li{ position: relative; float: left; width: 212px; height: 205px; margin-left: 10px; margin-bottom: 25px; } .yxksp_jpwz_ul2 img{ width: 212px; height: 205px; } .yxksp_jpwz_ul2 h3{ width: 202px; height: 40px; background: rgba(255,255,255,0.7); line-height: 20px; padding: 0 5px; font-size: 12px; overflow: hidden; position: absolute; bottom: 0; left: 0; } .yxksp_jpwz_ul2 li:hover h3{ text-decoration: underline; } .yxksp_jpwz_ul3{ margin-left: 10px; background: #F2F2F2; width: 291px; padding: 5px 10px; box-sizing: border-box; } .tit_box h2{ font-size: 16px; } .tit_box .c1{ float: right; color: #A5A5A5; margin-top: 3px; } .tit_box .c1 p,.tit_box .c1 em{ float: left; } .tit_box .c1 em{ display: block; width: 17px; height: 14px; background: url(../dximages/images/xshare.png) no-repeat -280px -50px; margin-top: 3px; margin-left: 5px; } .tit_box .c1:hover{ color: #FF4F52; } .tit_box .c1:hover em{ background-position: -280px -70px; } .yxksp_jpwz_ul3 li{ margin-top: 20px; } .yxksp_jpwz_ul3 li em{ display: block; float: left; width: 20px; height: 20px; margin-right: 15px; background: #529FF2; color: #FFFFFF; text-align: center; line-height: 20px; } .yxksp_jpwz_ul3 li em.one{ background: #FF4F52; } .yxksp_jpwz_ul3 li em.two{ background: #FF6900; } .yxksp_jpwz_ul3 li em.three{ background: #FF9933; } .yxksp_jpwz_ul3 li a{ display: block; height: 20px; line-height: 20px; word-break: break-all; overflow: hidden; } /*****************************************************************2019游戏库测评详情*****************************************************************/ .kcpxq_topimg{ display: block; width: 1200px; max-height: 394px; overflow: hidden; margin-top: -1px; } .kcpxq_topimg img{ width: 100%; } .kcpxq_box{ width: 902px; margin:0 auto; padding-bottom: 56px; } .kcpxq_tit{ font-size: 30px; font-weight: 600; margin-top: 43px; line-height: 40px; } .kcpxq_base{ margin-top: 20px; color: #A5A5A5; line-height: 32px; } .kcpxq_base .author{ float: left; } .kcpxq_base .author img{ width: 32px; height:32px; border-radius: 16px; } .kcpxq_base .read{ float: right; } .kcpxq_preface{ background: #F2F2F5; margin-top: 40px; padding: 20px 15px; line-height: 20px; color: #A5A5A5; font-size: 14px; } .kcpxq_con{ font-size: 16px; padding-bottom: 36px; border-bottom: thin solid #D7D7D7; } .kcpxq_con p{ margin-top: 28px; line-height: 28px; text-indent: 2em; } .kcpxq_con p.img_show{ text-align: center; } .kcpxq_con p.img_show img{ max-width: 90%; } .kcpxq_con p span{ font-size: 12px; display: block; margin-top: 2px; width: auto; } .kcpxq_con blockquote{ padding: 20px 15px; font-size: 14px; line-height: 20px; color: #A5A5A5; border-left: 6px solid #D0D6DC; margin-top: 26px; background: #F2F5FB; } .kcpxq_con p.p1{ margin-top: 21px; } .kcpxq_con ul li{ margin: 13px 0 0 40px; line-height: 28px; } .kcpxq_con ul.ul1 li{ padding-left: 10px; background: url(../dximages/images/liststyle1.png) no-repeat 0 13px; } .kcpxq_con h3{ font-size: 18px; padding-left: 15px; border-left: 6px solid #529FF2; font-weight: 600; min-height: 25px; line-height: 25px; margin-top: 33px; } .kcpxq_fx{ color: #A5A5A5; height: 22px; line-height: 22px; margin-top: 30px; } .kcpxq_fx em,.kcpxq_fx a{ display: block; float: left; } .kcpxq_fx a{ width: 22px; height: 22px; margin-right: 7px; background: url(../dximages/images/xdxwd.png) no-repeat; } .kcpxq_fx a.wx{ background-position: -80px -100px; } .kcpxq_fx a.wb{ background-position: -110px -100px; } .kcpxq_fx a.qq{ background-position: -140px -100px; } .kcpxq_fx span{ float: right; } .dxtozq_box2{ border: thin solid #DDDDDD; margin-top: 24px; } .dxtozq_in2{ background: #FFFFFF; width: 850px; padding: 20px 22px; } .dxtozq_in2 .img_box{ display: block; float: left; width: 155px; height: 190px; margin-right: 18px; position: relative; } .dxtozq_in2 .img_box img{ width: 155px; height: 190px; } .dxtozq_in2 .img_box em{ display: block; height: 28px; line-height: 28px; font-weight: 600; padding: 0 10px; font-size: 16px; position: absolute; right: 0; bottom: 0; color: #FFFFFF; background:rgba(255,79,82,0.5); } .dxtozq_game2{ float: left; width: 675px; } .dxtozq_game2 em{ display: block; float: right; margin-top: 10px; height: 25px; width: 155px; color: #FF6900; font-size: 24px; background: url(../dximages/images/star2.png) no-repeat; } .dxtozq_game2 em.star1{ background-position: 0 0; } .dxtozq_game2 em.star2{ background-position:0 -30px; } .dxtozq_game2 em.star3{ background-position:0 -60px; } .dxtozq_game2 em.star4{ background-position:0 -90px; } .dxtozq_game2 em.star5{ background-position:0 -120px; } .dxtozq_game2 h2{ font-size: 20px; height: 24px; overflow: hidden; font-weight: 600; margin-top: 15px; } .dxtozq_game_intro2{ margin-top: 7px; } .dxtozq_game_intro2 span{ display: block; float: left; height: 18px; line-height: 18px; margin-top: 13px; margin-right: 15px; } .dxtozq_game_intro2 span:nth-child(3n+1){ width: 210px; } .dxtozq_game_intro2 span:nth-child(3n+2){ width: 190px; } .dxtozq_game_intro2 span:nth-child(3n+3){ width: 220px; } .dxtozq_game_intro2 span i{ display: block; float: left; width: 23px;height: 18px; background:url(../dximages/images/xbg3.png) no-repeat; margin-right: 15px; } .dxtozq_game_intro2 span b{ display: block; float: left; font-weight: normal; margin-right: 5px; } .dxtozq_game_intro2 span i.icon1{ background-position: 0 0; } .dxtozq_game_intro2 span i.icon2{ background-position: -30px 0; } .dxtozq_game_intro2 span i.icon3{ background-position: -60px 0; } .dxtozq_game_intro2 span i.icon4{ background-position: -90px 0; } .dxtozq_game_intro2 span i.icon5{ background-position: -120px 0; } .dxtozq_game_intro2 span i.icon6{ background-position: -150px 0; } .dxtozq_game2 .bq{ margin-top: 20px; height: 30px; overflow: hidden; } .dxtozq_game2 .bq a{ display: block; float: left; height: 28px; line-height: 28px; margin-right: 15px; border:thin solid #99CCFF; background:#99CCFF; padding: 0 7px; text-decoration: none; color: #FFFFFF; } .dxtozq_frm2{ float: right; display: block; color: #FFFFFF;text-decoration: none; background: #FFA7A9; font-size: 16px; width: 120px; height: 38px; border: thin solid #FFA7A9; text-align: center; line-height: 38px; border-radius: 5px; margin-top: 10px; margin-left: 15px; } .dxtozq_frm2:hover{ background:#FF4F52; } .yxk_cppl_menu{ width: 100%; height: 28px; box-shadow: 0 6px 0 0 #EFEFEF; border-top: thin solid #CCCCCC; border-bottom: thin solid #CCCCCC; margin-top: 24px; padding: 6px 0; } .yxk_cppl_menu li{ width: 33.33%; float: left; height:28px; line-height: 28px; text-align: center; cursor: pointer; font-size: 16px; color: #A5A5A5; border-left: thin solid #C2C2C2; position: relative; box-sizing: border-box; } .yxk_cppl_menu li.one{ border-left: none; } .yxk_cppl_menu li.current{ font-weight: 600; } .yxk_cppl_menu li em{ display: block; width: 18px; height: 6px; position: absolute; left: 48%; bottom: -7px; } .yxk_cppl_menu li.current em{ background: url(../dximages/images/xdxwd.png) no-repeat -100px -90px; } .plsr2{ width: 100%; margin-top: 24px; height: 90px; border: thin solid #CCCCCC; padding: 8px 10px; box-sizing: border-box; } .plsx1 li input{ display: block; width: 60px; height:30px; padding:0 15px; outline: none; text-align: center;border:none; color: #999999; } .yxk_cptj_list{ margin-top: 18px; margin-bottom: -28px; } .yxk_cptj_list li{ float: left; width: 280px; border:thin solid #CCCCCC; margin-bottom: 28px; margin-left: 28px; } .yxk_cptj_list li.one{ margin-left: 0; } .yxk_cptj_list .img_box{ display: block; height: 160px; width: 280px; position: relative; overflow: hidden; } .yxk_cptj_list .img_box i{ position: absolute;left: 15px; bottom: 20px; width: 26px; height: 26px; background: url(../dximages/images/xbf2.png); background-size: 26px 26px; } .yxk_cptj_list .img_box:hover i{ background: url(../dximages/images/xbf3.png); background-size: 26px 26px; } .yxk_cptj_list .img_box img{ width: 280px; height: 160px;-webkit-transition:transform .5s;transition:transform .5s;/*-webkit-transform:scale(1);transform:scale(1);*/ position:absolute;left:0;top:0px } .yxk_cptj_list .img_box:hover img{ -webkit-transform:scale(1.1);transform:scale(1.1) } .yxk_cptj_list .img_box em{ display: block; width: 50px; height: 30px; line-height: 30px; text-align: center; color: #FFFFFF; position: absolute; top: 18px; left: 0 } .yxk_cptj_list .img_box em.em1{ background: #FF4F52; } .yxk_cptj_list .img_box em.em2{ background: #529FF2; } .yxk_cptj_list .img_box em.em3{ background: #FF6900; } .yxk_cptj_list dl{ padding:0 10px 7px; width: 258px; } .yxk_cptj_list dt{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; font-weight: 600; margin-top: 7px; } .yxk_cptj_list dd{ color: #A5A5A5; margin-top: 8px; } .yxk_cptj_list dd.cont1{ line-height: 20px; height: 40px; overflow: hidden; } .yxk_cptj_list dd.cont2{ height: 32px; line-height: 32px; } .yxk_cptj_list dd.cont2 img{ height: 32px;width: 32px; border-radius: 16px; margin-right: 5px; } .yxk_cptj_list dd.cont2 span{ display: block; float: left; max-width: 170px; height: 32px; overflow: hidden; } /*****************************************************************2019游戏库测评列表*****************************************************************/ .kcplb_topimg{ width: 100%; height: 470px; overflow: hidden; position: relative; min-width: 1200px; } .kcplb_topimg .img_box{ display: block; width: 100%; height: 100%; background: url(../dximages/images/example/ximg40.png) no-repeat center; background-size: 100% 100%; } .kpclb_toptj{ padding:0 40px; color: #FFFFFF; transform: skew(-32deg,0);-webkit-transform:skew(-32deg,0);-moz-transform:skew(-32deg,0);-o-transform:skew(-32deg,0);-ms-transform:skew(-32deg,0); width:397px; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; right: 11.9%; } .kpclb_toptj em{ display: block; background: #4683C6; color: #FFFFFF; height: 38px; font-size: 26px; line-height: 38px; padding: 0 15px; margin: 30px 57px 0 0; float: right; transform: skew(32deg,0);-webkit-transform:skew(32deg,0);-moz-transform:skew(32deg,0);-o-transform:skew(32deg,0);-ms-transform:skew(32deg,0); } .kpclb_toptj dl{ margin-top:120px; } .kpclb_toptj dt, .kpclb_toptj .cont1 span, .kpclb_toptj .cont2 { transform: skew(32deg,0);-webkit-transform:skew(32deg,0);-moz-transform:skew(32deg,0);-o-transform:skew(32deg,0);-ms-transform:skew(32deg,0); } .kpclb_toptj dt{ line-height: 40px; font-size: 30px; max-height: 80px; overflow: hidden; font-weight: 600; } .kpclb_toptj dd.cont1{ font-size: 16px; margin-top: 40px;max-height: 120px } .kpclb_toptj dd.cont1 span{ display: block; max-height: 120px; line-height: 30px; overflow: hidden; } .kpclb_toptj dd.cont2{ height: 32px; line-height: 32px; margin-top: 40px; } .kpclb_toptj dd.cont2 img{ width: 32px; height: 32px; border-radius: 16px; } .kcplb_tit{ width: 100%; border-bottom: 4px solid #529FF2; margin-top: 30px; } .kcplb_tit_more{ float: right; margin-right: 10px; color: #A5A5A5; font-size: 16px; height: 28px; line-height: 28px; } .kcplb_tit_more:hover{ text-decoration: underline; color: #86BCF6; } .kcplb_tit_more em{ display: block; float: left; margin-right: 10px; width: 28px; height: 28px; background: url(../dximages/images/xdxwd.png) no-repeat -80px -130px; } .kcplb_tit_ul{ float: left; } .kcplb_tit_ul li{ float: left; padding: 0 29px; font-size: 18px; cursor: pointer; padding-bottom: 16px; } .kcplb_tit_ul li.hover{ font-weight: 600; } .kcplb_con_list{ margin-top: 18px; margin-bottom: -28px; } .kcplb_con_list li{ float: left; width: 380px; border:thin solid #CCCCCC; margin-bottom: 30px; margin-left: 25px; } .kcplb_con_list li.one{ margin-left: 0; } .kcplb_con_list .img_box{ display: block; height: 200px; width: 380px; position: relative; overflow: hidden; } .kcplb_con_list .img_box i{ position: absolute;left: 15px; bottom: 20px; width: 26px; height: 26px; background: url(../dximages/images/xbf2.png); background-size: 26px 26px; } .kcplb_con_list .img_box:hover i{ background: url(../dximages/images/xbf3.png); background-size: 26px 26px; } .kcplb_con_list .img_box img{ width: 380px; height: 200px; } .kcplb_con_list .img_box em{ display: block; width: 38px; height: 20px; line-height: 20px; text-align: center; color: #BAD1E9;background: rgba(82,159,242,0.5); position: absolute; top: 18px; left: 10px; } .kcplb_con_list dl{ padding:0 10px 12px; width: 360px; } .kcplb_con_list dt{ font-size: 16px; height: 45px; line-height: 22px; overflow: hidden; font-weight: 600; margin-top: 12px; } .kcplb_con_list dd{ color: #A5A5A5; margin-top: 12px; } .kcplb_con_list dd.cont1{ line-height: 20px; height: 40px; overflow: hidden; } .kcplb_con_list dd.cont2{ height: 32px; line-height: 32px; } .kcplb_con_list dd.cont2 img{ height: 32px;width: 32px; border-radius: 16px; margin-right: 5px; } .kcplb_con_list dd.cont2 span{ display: block; float: left; max-width: 280px; height: 32px; overflow: hidden; font-size: 12px; } .kcplb_con_list dd.cont2 a.dBlack{ font-size: 14px; } .pic_bigger{ overflow: hidden;display: block;} .pic_bigger img{-webkit-transition:transform .5s;-o-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s;/*-webkit-transform:scale(1);transform:scale(1);*/ } .pic_bigger:hover img{ -webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1) } .kcptj_game_name{ padding: 0 5px; display: block; height: 20px; line-height: 20px; max-width: 70px; margin-top: 5px; border: thin solid #C2C2C2; border-radius: 5px; font-size: 12px; color: #A5A5A5; float: right; } .kcptj_game_name:hover{ border: thin solid #529FF2; color: #529FF2; } /*****************************************************************合集专区公共详情页*****************************************************************/ /*最新合集*/ .dxmain{width: 1200px;margin: auto;margin-bottom: 56px;} .zxhj_cent{width: 1200px;} .hj_head h2{font-size: 16px;color: #333;border-left: 3px solid #FF6900;font-weight: bold;padding-left: 5px;margin-top: 5px;height: 20px;overflow: hidden;} .hj_list{margin-top: -7px;} .hj_list li{float: left;margin-right: 24px; width: 280px;border: 1px solid #EFEFEF;padding-bottom: 8px;margin-top: 32px;} .hj_list li:nth-child(4n){margin-right: 0;} .hj_list li:hover{border: 1px solid #FF6900;} .hj_list li a{display: block;width: 280px;height: 166px;} .hj_list li a img{width: 280px;height: 166px;} .hj_list li h2{font-size: 16px;font-weight: bold;width: 260px;height: 20px;line-height: 20px;overflow: hidden;margin: auto;margin-top: 10px;} .hj_list li p{font-size: 12px;color: #999;width: 260px;margin: auto;line-height: 18px;height: 34px;overflow: hidden;margin-top: 7px;} .dxpage{margin-top: 56px;} .yxk_page a.current1{ color:#FFFFFF;border: 1px solid #FF6900;background: #FF6900; } .dxpage a:hover{color: #fff;background:#FF6900;border: 1px solid #FF6900; } /*****************************************************************合集专区公共详情页*****************************************************************/ /*推荐合集*/ .tj_top{width: 1200px;border-bottom: 1px solid #F2F2F2;position: relative;} .tj_top h2{padding-bottom: 3px;} .tj_top a{font-size: 14px;color: #656565;float: right;position: absolute;right: 0;bottom: 4px;height: 16px;line-height: 16px; overflow: hidden;} .jaz_cent{width: 1200px;margin-top: 20px;} .jaz_cent a{display: block;font-size: 16px;color: #A6A6A6;width: 85px;height: 32px;text-align: center;line-height: 32px; margin: auto;background:#F2F2F2;border-radius: 6px; } .jaz_cent a:hover{color: #fff;background: #FE6A00;} .dxzx_list{margin-top: 32px;} /*****************************************************************专题首页*****************************************************************/ /*左边*/ .dxzt_left{float: left;width:840px;} .dxrm_conten{width: 840px;margin-top: 30px;} .djRmTitle{position: relative;overflow:hidden;} .djRmTitle h2{ float:left;font-size: 20px;color: #333;border-left: 3px solid #FF6900;padding-left: 7px; height: 24px;overflow: hidden;} .djRmTitle span{ display:block; float:right; width:746px; height:25px; background:url(../dximages/images/bg2.png) repeat-x;margin-top: 3px;} .djRmTitle a{float: right;display: block;font-size: 14px;color: #C1C1C1;position: absolute;right: 0;bottom: 8px;} .dxrm_list{width: 840px;} .dxrm_list li{float: left;width: 265px;background: #F2F2F2;padding-bottom: 23px;margin-top: 21px;margin-left: 22px;height: 240px;} .dxrm_list li.no_spac{margin-left: 0;} .dxrm_list li a img{width: 265px;height: 148px;} .dxrm_list li h2 a{font-size: 16px;font-weight: bold;display: block;width: 245px;max-height: 40px; overflow: hidden;margin: auto;margin-top: 11px;} .dxrm_list li p{font-size: 14px;color: #A5A5A5;width: 245px;margin: auto;margin-top: 8px;line-height: 18px;height: 33px;overflow: hidden;} /*右边单机大作战*/ .dxzt_right{float: right;width: 322px;} .dxzt_iclist{width: 322px;} .hj_right{border-bottom: 1px solid #E4E4E4;position: relative;margin-top: 34px;} .hj_right h2{padding-bottom: 5px;border-left: 2px solid #FF6900;} .hj_right a{float: right;position: absolute;right: 0;bottom: 6px;color: #B2B2B2;} .dxrig_ic{position: relative;} .dxrig_ic a img{width: 322px;height: 148px;margin-top: 22px;} .dxrig_ic .dw_txt{display: block;font-size: 18px;color: #fff;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100;width: 322px;height: 148px;text-align: center;line-height: 148px;overflow: hidden;} .dxrig_ic a:hover .dw_txt{text-decoration: underline;} /*热门手游推荐*/ .dxDjdzList{ width:322px; margin:auto;} .dxDjdzList li{ float:left; width:88px; margin:20px 0px 0px 29px;} .dxDjdzList li a{ display:block; width:88px;} .dxDjdzList li a img{ width:88px; height:88px; border-radius:15px;} .dxDjdzList li.one{ margin-left:0px;} .dxDjdzList li a p{height:18px; line-height:18px; overflow:hidden; text-align:center; margin-top:10px;} /*热门手游推荐*/ .dxByList{ width:322px; margin-top:5px;} .dxByList li{float: left;width:322px; max-height:70px; margin-top:20px;} .dxByList_hover1 span{ display:block; float:left; width:20px; height:20px; line-height:20px; overflow:hidden; text-align:center; color:#FFFFFF;} .dzhj{float: left;margin-left: 12px;} .dzhj a img{width: 96px;height: 60px;float: left;} .dzhj dl{float: left;width: 170px;margin-left: 12px;height: 57px;} .dzhj dl dt a{display: block;font-size: 16px; height: 18px;line-height: 18px;overflow: hidden;} .dzhj dl dd{font-size: 14px;color: #A4A4A4;margin-top: 5px;line-height: 20px; height: 37px;overflow: hidden;} .dxByList li span.color1{ background:#FF4F52;} .dxByList li span.color2{ background:#FF6900;} .dxByList li span.color3{ background:#FF9933;} .dxByList li span.color4{ background:#CCCCCC;} .dxByList_hover2 a{font-size: 16px; height: 18px;display: block;width: 280px; line-height: 18px;overflow: hidden;} .dxByList_hover2 span{ display:block; float:left; width:20px; height:20px; line-height:20px; overflow:hidden; text-align:center; color:#FFFFFF;} /*****************************************************************游戏库单机-视频列表1*****************************************************************/ /*左边*/ .sp_cent{width: 1200px;} .sp_cent li{float: left;margin-left: 43px;margin-top: 21px;width: 120px;height: 36px;} .sp_cent .hover{margin-left: -10px; color: #fff;background: #529FF2;} .sp_cent li a{display: block;color: #333;border: 1px solid #70A4FF;text-align: center;border-radius: 5px;height: 36px;line-height: 36px;overflow: hidden;} .yxic_left{float: left;width: 754px;margin-left:48px;margin-top: 13px;} .sp_cent li a:hover{color: #fff;background: #529FF2;} .yxic_list li{float: left;margin-top: 22px;float: left;width: 236px;height: 233px; border: 1px solid #ccc;margin-left: 20px;} .yxic_list li.no_spac{margin-left: 0;} .yxic_list li:hover{border: 1px solid #529FF2;} .img_dw{position: relative;} .img_dw a img{width: 236px;height: 134px;} .img_dw a{display: block;position: relative;} .img_dw a b{display: block;width: 34px;height: 34px;background: url(../dximages/images/xbf23.png)no-repeat;position: absolute;left: 111px;top: 50px;} .img_dw span{display: block;position: absolute;left: 8px;top: 9px;width: 38px;height: 22px;background:rgba(125,187,245,0.8);text-align: center;line-height: 22px;color: #fff;} .yxic_list li h2 a{font-size: 14px;font-weight: bold;display: block;width: 224px;margin: auto;margin-top: 7px;height: 37px;overflow: hidden;} .yxic_list li p{font-size: 14px;color: #A5A5A5;width: 224px;margin: auto;margin-top: 8px;height: 37px;overflow: hidden;} /*右边APex英雄*/ .yxic_right{float: right;width: 280px;margin-top: 35px;margin-right: 12px;} .base_fs{border: 1px solid #D7D7D7;height: 355px;} .base_fs_top{margin-top: 16px;margin-left: 12px;} .base_fs_top h2{font-size: 30px;color: #555555;float: left;width: 200px; height: 34px;line-height: 34px;overflow: hidden;margin-top: 4px;} .base_fs_top em{font-size: 32px;color: #FF6900;float: right;margin-right: 12px;} .base_fs_top p{color: #555;height: 14px;line-height: 14px;overflow: hidden;} .base_fs_cent{margin-top: 25px;margin-left: 12px;} .base_fs_cent a img{width: 81px;height: 112px;float: left;margin-left: 14px;} .base_fs_intro {float: left;width: 147px;margin-left: 20px;} .base_fs_intro span{float: left;display: block;margin-top: 5px;height: 18px;line-height: 18px;overflow: hidden;} .base_fs_intro .no_spac{margin-top: 0;} .base_fs_intro span i{width: 13px;height: 13px;display: block;float: right;background: url(../dximages/images/xbg3.png)no-repeat;margin-top: 3px;margin-left: 6px;} .base_fs_intro span i.icon3{background-position: -28px -29px;} .base_fs_intro span i.icon2{background-position: 0 -30px;} .base_fs_intro span i.icon1{background-position: -53px -29px;} .base_fs_btm{margin-top: 20px;margin-left: 3px;} .base_fs_btm li{float: left;height: 24px;margin-left: 9px;} .base_fs_btm li a{font-size: 12px; display: block;border: 1px solid #529FF2;height: 21px;line-height: 21px; border-radius: 5px;padding: 0 5px;} .youp p{color: #707070;margin-top:12px;width: 196px;margin-left: 12px;height: 36px;overflow: hidden;} .youp em{float: right;display: block;width: 80px;background: #529FF2;height: 22px;border-radius: 5px;margin-top: 4px;margin-right: 10px;} .youp em a{text-align: center;line-height: 22px;color: #fff;font-size: 12px;} .youp em a b{display: block;float: left;width: 13px;height: 10px; background: url(../dximages/images/xshare.png) no-repeat 0 -275px;margin: 6px 6px 0 4px;} /*玩家点评*/ .tit_heag{margin-top: 50px;} .wjdp_no2{width: 270px;margin-bottom: 5px;margin-top: 10px;} .wjdp_no2 em.stars{display: block;width:67px;height: 12px;float: right;background: url(../dximages/images/star3.png)no-repeat;} .wjdp_no2 em.stars1{background-position: 0 0;} .wjdp_no2 em.stars2{background-position: 0 -12px;} .wjdp_no2 em.stars3{background-position: 0 -24px;} .wjdp_no2 em.stars4{background-position: 0 -36px;} .wjdp_no2 em.stars5{background-position: 0 -48px;} .wjdp_no2 em.stars6{background-position: 0 -60px;} .wjdp_no2 em.stars7{background-position: 0 -72px;} .wjdp_no2 em.stars8{background-position: 0 -84px;} .wjdp_no2 em.stars9{background-position: 0 -96px;} .wjdp_no2 em.stars10{background-position: 0 -108px;} .wjdp_no2 span a{display: block;width: 170px;height: 20px;line-height: 20px;overflow: hidden;} .jpwz_color{background: #fff;margin-top: 50px;} /*****************************************************************游戏库单机-资讯列表1*****************************************************************/ .wzh_cent{position: relative;margin-top: 35px;} .wzh_cent em{display: block;width: 90px;height: 42px;background: url(../dximages/images/bg7.png)no-repeat;position: absolute;left: -15px;top: -22px;text-align: center;color: #fff;line-height: 30px;overflow: hidden;} .wzh_cent em.ico1{background-position: -147px 0;} .wzh_cent em.ico2{background-position: -147px -58px;} .wzh_cent em.ico3{background-position: -147px -114px;} .wzh_cent em.ico4{background-position: -147px -168px;} .wzh_cent a img{width: 252px;height: 147px;float: left;} .yxic_leg li{border-bottom: 1px solid #D7D7D7;padding-bottom: 20px;} .yxic_leg li dl{float: right;width: 473px;margin-top: 4px;} .yxic_leg li dl dt a{display: block;font-size: 16px;height: 20px;line-height: 20px;overflow: hidden;font-weight: bold;} .yxic_leg li dl dd{color: #A5A5A5;margin-top: 16px;font-size: 12px;} .yxic_leg li dl dd p{line-height: 22px;max-height:65px;overflow: hidden;font-size: 14px;} .zj_jl{margin-top: 54px;} /*****************************************************************游戏库列表页-横图*****************************************************************/ /*左边*/ .dxSeat p span{color:#529FF2;} .dxSeat p a:hover{color:#529FF2;} .yxht_left{float: left;width: 780px;} .yxht_sav{height: 48px;width: 780px;background: #F7F7F7;border-radius: 5px;} .sav_txt{float: left;width: 630px; margin-left: 20px;} .sav_txt li{float: left;margin-right:24px;margin-top: 15px;} .sav_txt li a{color: #333;display: block;} .sav_txt li a.hover{color: #529FF2;border-bottom: 2px solid #529FF2;padding: 0 3px;} .yxht_sav em{float: right;line-height: 48px;margin-right: 20px;} .yxht_sav em span{color: #FF6900;} .pax_cent li{margin: auto;margin-top: 17px;width: 740px;border-bottom: 1px solid #D7D7D7;padding-bottom: 23px;} .pax_left{float: left;width: 590px;} .pax_left a img{width: 180px;height: 108px;float: left;} .pax_left_list{float: left;width: 380px;margin-left: 18px;} .pax_left_list .wbg_e em{margin-top: 4px;float: left;} .wbg_e{width: 590px;} .wbg_e h2 a{display: block;font-size: 16px;height: 20px;line-height: 20px;overflow: hidden;font-weight: bold;float: left;max-width: 300px;margin-right: 13px;} .pzx_text span{float: left;display: block;margin-top: 9px;width: 182px;} .pzx_text span strong{color: #6DADF2;font-weight: normal} .pzx_text span em{float: left;} .pzx_text span i{display: block;width: 17px;height: 13px;float: left;background: url(../dximages/images/xbg3.png)no-repeat;margin: 4px 0 0 7px;} .pzx_text span i.ico1{background-position: 0 -30px;} .pzx_text span i.ico2{background-position: -20px -30px;} .pzx_text span i.ico3{background-position: -40px -30px;} .pzx_text span i.ico4{background-position: -60px -30px;} .pzx_text span i.ico5{background-position: -50px -50px;} .pzx_text span i.ico6{background-position: -70px -50px;} .pzx_cent a{display: block;float: left;width: 78px;height: 21px;background: #99CCFF;color: #fff;margin-right:10px;text-align: center;line-height: 21px;margin-top: 10px;} .pzx_cent a:hover{text-decoration: underline;} .pax_right{float: right;width: 130px;} .pf_rn{font-size: 16px;color: #333;float: right;} .pf_rn span{color: #FF6900;font-weight: bold;} .vio_list a{float: right;width: 108px;height: 34px;border: 1px solid #D7D7D7;display: flex;justify-content:center; align-items: center;border-radius: 5px;margin-top: 8px;line-height: 34px;overflow: hidden;} .vio_list a b{display: block;width: 16px;height: 16px;float: left;background: url(../dximages/images/xbg3.png)no-repeat;margin-right: 8px;} .vio_list a b.ioc1{background-position:-80px -30px; } .vio_list a b.ioc2{background-position:-109px -30px; } .vio_list a:hover{color: #fff;background: #529FF2;border: 1px solid #529FF2} .vio_list a:hover b.ioc1{background-position: 0 -51px;} .vio_list a:hover b.ioc2{background-position: -24px -51px;} /*右边平台*/ .yxht_right{float: right;width: 270px;margin-right: 15px;} .rsd a{float: right;color: #A5A5A5;} .rsd a:hover b{background-position:-157px -30px; } .rsd a:hover{color: #529FF2;} .rsd a b{display: block;width: 14px;height: 14px;float: right;background: url(../dximages/images/xbg3.png)no-repeat -136px -30px;margin: 2px 0 0 9px;} .reset_cent{margin-top: 5px;width: 270px;} .reset_cent li{width: 270px;} .bit_lb{float: left;width: 35px;height: 18px;line-height: 18px;overflow: hidden;margin-top: 3px;color: #555555;} .nature{float: left;width:225px;} .nature a{margin-left:12px;display: block;float: left;line-height: 25px;} .nature a.hover{color: #529FF2;text-decoration: underline;} .nature a:hover{color: #529FF2;text-decoration: underline;} /*****************************************************************游戏库列表页-竖图*****************************************************************/ .xgisize a img{width: 96px;height: 126px;} .st_list{margin-top: 9px;} .wjdp_no3 em.stars{margin-right: 0px;}