@charset "utf-8";
/* CSS Document */

/******************************首页******************************/
.cnWlyxBox{ width:1200px;}
.cnWlyxMenu{ display: flex;justify-content: space-between;padding-top: 18px; }
.cnWlyxMenu li{ float: left;display: flex;cursor: pointer; transition: all 0.2s;}
.cnWlyxMenu li{ font-weight: 600;font-size: 18px; }
.cnWlyxMenu  span{  line-height: 26px; margin-left: 20px;}
.cnWlyxMenu li.current{ color: #3399fa; }
.cnWlyxMenu li:hover{ color: #3399fa; }

.cnWlyxMenu li b{ display: block;transition: all 0.3s;width: 23px;;height: 20px;margin-right: 3px;float: left;background: url(/static/images/cn_bg1.png) no-repeat;margin-top: 4px;  }
.cnWlyxMenu li b.icon1{ background-position: 0 -225px;margin-right: 6px;  }
.cnWlyxMenu li b.icon2{ background-position: -30px -225px;  }
.cnWlyxMenu li b.icon3{ background-position: -60px -225px; width: 25px;margin-right: 8px; }
.cnWlyxMenu li b.icon4{ background-position: -95px -225px;  }
.cnWlyxMenu li b.icon5{ background-position: -125px -225px;  }
.cnWlyxMenu li b.icon6{ background-position: -150px -225px;  }
.cnWlyxMenu li b.icon7{ background-position: -180px -225px;  }
.cnWlyxMenu li b.icon8{ background-position: -210px -225px;  }

.cnWlyxMenu li.current b.icon1{ background-position: 0 -200px;margin-right: 6px;  }
.cnWlyxMenu li.current b.icon2{ background-position: -30px -200px;  }
.cnWlyxMenu li.current b.icon3{ background-position: -60px -200px;width: 25px;margin-right: 8px;   }
.cnWlyxMenu li.current b.icon4{ background-position: -95px -200px;  }
.cnWlyxMenu li.current b.icon5{ background-position: -125px -200px;  }
.cnWlyxMenu li.current b.icon6{ background-position: -150px -200px;  }
.cnWlyxMenu li.current b.icon7{ background-position: -180px -200px;  }
.cnWlyxMenu li.current b.icon8{ background-position: -210px -200px;  }

.cnWlyxMenu li:hover b.icon1{ background-position: 0 -200px;margin-right: 6px;  }
.cnWlyxMenu li:hover b.icon2{ background-position: -30px -200px;  }
.cnWlyxMenu li:hover b.icon3{ background-position: -60px -200px;width: 25px;margin-right: 8px;   }
.cnWlyxMenu li:hover b.icon4{ background-position: -95px -200px;  }
.cnWlyxMenu li:hover b.icon5{ background-position: -125px -200px;  }
.cnWlyxMenu li:hover b.icon6{ background-position: -150px -200px;  }
.cnWlyxMenu li:hover b.icon7{ background-position: -180px -200px;  }
.cnWlyxMenu li:hover b.icon8{ background-position: -210px -200px;  }

.kime_box .swiper-slide{ width: 120px;height: 155px;margin: 10px 0; background: #f5f5f5;transition: all 0.3s; height: 150px; }
.kime_box{ margin-top: 7px; }
.kime_box a{ display: block;width: 120px;height: 155px;color: #333333; }
.kime_box img{ width: 90px;height: 90px;border-radius: 15px;margin: 0 auto;display: block;margin-top: 15px;transition: all 1s; }
.kime_box p{ margin-top: 10px;transition: all 0.3s;padding: 0 10px;width: 100px;text-align: center;overflow: hidden;height: 22px;line-height: 22px; }
.kime_box .swiper-slide:hover{ background: #ffffff;box-shadow: 0 0px 8px 6px #eeeeee; }
.kime_box .swiper-slide:hover img{ transform:rotateY(180deg);  }

.kime_box .swiper-button-next{  width: 30px;height: 45px;right: -35px; transition: all 0.3s;;opacity: 1;;background: url(/static/images/cn_bg1.png) no-repeat -200px -140px;}
.kime_box .swiper-button-prev{  width: 30px;height: 45px;;transition: all 0.3s;background: url(/static/images/cn_bg1.png) no-repeat -240px -140px; left: -30px;}
.kime_box:hover .swiper-button-next{ right: -5px;}
.kime_box:hover .swiper-button-prev{ left: 0; }
.kime_box .swiper-slide:hover p{ color: #ff535b; }
.kime_box .swiper-slide:hover{ transform: translateY(-5px); }

/* 热门游戏 */
.icon{ background: url(/static/images/cn_bg2.png) no-repeat;display: block;float: left; }
.cnHeadyxBox{ border-top: 6px solid #f5f5f5;padding: 12px 0 20px 0; }
.cnHotdlBox dl{ margin-top: 16px;height: 36px;overflow: hidden; }
.cnHotdlBox dt{ float: left; }
.cnHotdlBox dt em{ width: 105px ;height: 36px; padding: 0 17px 0 3px;line-height: 36px;text-align: right;font-weight: 600;font-size: 16px;color: #fff; }
.cnHotdlBox dl:first-child dt em{ background-position: -70px 0;}
.cnHotdlBox dd{ float: left;line-height: 36px; }
.cnHotdlBox dd a{ padding: 0 12px;display: block;color: #333333; transition: all 0.15s;}
.cnHotdlBox dd a:hover{ text-decoration: underline;color: #ff611c; }
.cnHotdlBox dd a.aOrange{ color: #ff611c; }
.cnHotdlBox span{ float: left;line-height: 36px;height: 12px;width: 1px;height: 12px;background: #999;display: block;float: left;margin-top: 12px;}
.cnHotdlBox dl dd em{ display: block;float: right;margin: 10px 0px 0px 5px;width: 10px;height: 11px;background: url(/static/images/cn_bg1.png) no-repeat   }
.cnHotdlBox dl dd em.h{ background-position: -75px 0px;;}
.cnHotdlBox dl dd em.n{  background-position: -108px 0px; }
.cnHotdlBox dl:last-child dt em{background-position: -210px 0; }
.cnHotdlBox dl:last-child dd a:hover{ color:#42B2FD ;  }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 1; }
.cnNimotBox{ margin-top: 5px; }
.nimt_left{ float: left;width: 690px;overflow: hidden; }
#nimtOng { height: 360px; }
#nimtOng .swiper-slide a img{ width: 690px;height: 360px;; }
#nimtOng .swiper-button-next{  width: 40px;height: 78px;right: -40px; transition: all 0.3s;;opacity: 1;background-position:  0px -65px;margin-top: -39px; }
#nimtOng .swiper-button-prev{  width: 40px;height: 78px;;transition: all 0.3s;background-position:  -70px -65px; left: -40px;margin-top: -39px;}
#nimtOng:hover .swiper-button-next{ right: -5px;}
#nimtOng:hover .swiper-button-prev{ left: 0; }
#nimtOng .swiper-pagination{ left: 510px;bottom: 16px;width: 180px;overflow: hidden;height: 20px; }
#nimtOng .swiper-pagination-bullet{ width: 13px;;opacity: 1;;height: 13px;border-radius: 14px;background: #fff; }
#nimtOng .swiper-pagination-bullet-active{ background: #3399fa; }
#nimtOng .swiper-slide { position: relative; }
#nimtOng .swiper-slide span{ position: absolute;height: 120px;width: 100%;left: 0;bottom: 0;background: linear-gradient( to bottom,rgba( 250,250,250,0),rgba( 24,25,25,1) );}
#nimtOng .swiper-slide p{ font-size: 24px;font-weight: 600;transition: all 0.3s;color: #fff;position: absolute;left: 20px;bottom: 17px;width: 470px;height: 35px;line-height: 35px;overflow: hidden;}
#nimtOng .swiper-slide:hover p{ color: #ff535b; }
.courseBox{ margin-top: 25px; }
.course_list{ float: left; width: 90px;}
.course_list li.current{ width: 90px;height: 85px;background: url(/static/images/icon1.png) no-repeat;}
.course_list li{ width: 85px;position: relative;cursor: pointer;;height: 85px;background: #f5f5f5;margin-top: 8px;border-radius: 5px;}
.course_list li span{ font-size: 16px;font-weight: 600; color: #666666; transition: all 0.3s; }
.course_list li.current span{ color: #fff; }
.course_list li em{ width: 34px;height: 30px;float: initial;position: absolute;top: 15px;left: 25px;transition: all 0.4s; }
.course_list li span{ margin-top: 20px;position: absolute; top: 30px;left: 26px; }
.course_list li em.em1{ background-position: -130px -100px;}
.course_list li em.em2{ background-position: -280px -100px;left: 30px; }
.course_list li em.em3{ background-position: -180px -100px;left: 30px}
.course_list li em.em4{ background-position: -220px -100px;}
.course_list li.current em.em1{ background-position: -130px -60px;}
.course_list li.current em.em2{ background-position: -280px -60px;left: 30px; }
.course_list li.current em.em3{ background-position: -180px -60px;left: 30px}
.course_list li.current em.em4{ background-position: -220px -60px;}
.course_list li:hover em.em1{ background-position: -130px -60px;}
.course_list li:hover em.em2{ background-position: -280px -60px;left: 30px; }
.course_list li:hover em.em3{ background-position: -180px -60px;left: 30px}
.course_list li:hover em.em4{ background-position: -220px -60px;}
.course_list li:hover span{ color: #fff;background-position: 0 -165px  }
.course_list li:hover {background: url(/static/images/icon1.png) no-repeat;width: 90px;}
.cnMzucBox{ margin-top: 9px;width: 580px;height: 400px;float: left;margin-left: 20px; }
.cnkienTop h2{ font-size: 20px;font-weight: 600;color: #ff535b; width: 580px;height: 22px;line-height: 22px ;text-align: center;overflow: hidden;}
.cnkienTop h2:hover{ text-decoration: underline; }
.cnkienTop p{ width: 580px;height: 44px;font-size: 16px;color: #333333;line-height: 44px ;text-align: center;overflow: hidden; }
.cnkienMain{ border-top: 1px solid #eeeeee; }
.kienLeft { width: 193px;height: 280px;margin-top: 16px;float: left; }
.kienLeft a.a_img{ display: block;width: 193px;height: 125px;margin-top: 29px;overflow: hidden;position: relative;color: #ffffff; }
.kienLeft a.a_img img{ display: block;width: 193px;height: 125px;transition: all 0.5s; }
.kienLeft a.a_img:first-child{ margin-top: 0; }
.kienLeft a.a_img:hover img{ transform: scale( 1.2 ); }
.kienLeft a.a_img p{ height: 40px;line-height: 48px;position: absolute;width: 100%;text-align: center;left: 0;bottom: 0;background: linear-gradient( to bottom,rgba( 250,250,250,0),rgba( 24,25,25,1) );}
.kienLeft a.a_img:hover p{ text-decoration: underline;}
.kienRight{ float: left; width: 366px;margin-left: 20px;margin-top: 10px;position: relative; }
.kienRight em.line{ width: 1px;height: 256px;background: #eeeeee;position: absolute;left: 2px;top:17px;display: block; }
.kienRight li{ width: 100%;height: 29px;line-height: 29px;overflow: hidden;}
.kienRight li a{ color: #333333;transition: all 0.2s; font-size: 16px;}
.kienRight li a:hover{ color: #ff535b; }
.kienRight li a.hover{ color: #ff535b; }
.kienRight li em{ width: 5px;height: 5px;transition: all 0.3s;background-position: -595px -16px; margin-top: 12px;position: absolute;z-index: 555; }
.kienRight li p{ margin-left: 15px;float: left;width: 355px;height: 29px;overflow: hidden; }
.kienRight li a.hover em{ background-position: -593px 0;width: 7px;height: 7px;left: -1px; }
.kienRight li a:hover em{ background-position: -593px 0;width: 7px;height: 7px;left: -1px; }
.cnkend_swiper{ width: 580px;height: 400px;overflow: hidden; }
.cnkend_swiper .swiper-pagination-bullet{ border-radius: 0; }
.cnkend_swiper .swiper-button-next, 
.cnkend_swiper .swiper-button-prev{ top: 100%;margin-top: -28px; z-index: 554;position: absolute;}
.cnkend_swiper .swiper-button-next{ width: 20px;height: 20px;background-position: -390px 0;  right: 238px;}
.cnkend_swiper .swiper-button-prev{ width: 20px;height: 20px;background-position: -350px 0;left: 238px;  }

.nimt_right{ margin-left: 30px;float: left; }
.andAp_list li{ float: left;cursor: pointer;width: 120px;height: 40px;background: #f5f5f5;font-weight: 600;font-size: 18px;text-align: center;line-height: 40px;}
.andAp_list li.current{ background: #42B2FD;color: #ffffff; }
.cnUnit_list{ padding: 10px 0 16px;}
.cnUnit_list li{height: 32px;width: 480px;margin-top: 9px;  }
.away_men{ display: flex;width: 410px;overflow: hidden;height: 35px;; }
.cnUnit_list li a{  display: flex;height: 32px;line-height: 32px;justify-content: space-between; }
.cnUnit_list li a span{ color: #999999;margin: 0 10px;display: block;max-width: 66px;transition: all 0.1s }
.cnUnit_list li p{ color: #333333;transition: all 0.1s;margin-left: 10px; width: 270px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cnUnit_list li img{ width: 20px;height: 20px;border-radius: 5px;margin-top: 5px;margin-left: 12px; }
.cnUnit_list li em.em1{ width: 6px;height: 6px;display: block;background: #eeeeee;border-radius: 2px;margin-top: 13px; }
.cnUnit_list li b{ width: 1px;height: 12px;background: #999999;display: block;margin-top: 11px; }
.cnUnit_list li em.em2{ width: 42px;height: 21px;margin-top: 5px;background-position: -420px 0;text-align: center; color: #999999;font-size: 12px;line-height: 27px;overflow: hidden;}
.cnUnit_list li.hover em.em1{ background: #ff535b; }
.cnUnit_list li.hover span{ color: #ff535b;  }
.cnUnit_list li.hover p{ color: #ff535b; }
.cnUnit_list li:hover em.em1{ background: #ff535b; }
.cnUnit_list li:hover span{ color: #ff535b;  }
.cnUnit_list li:hover p{ color: #ff535b; }
.cnUnit_list{ border-top: 1px solid #eee; }

/* 游戏库 */
.nav-tabs_title { border-bottom: 6px solid #3399fa; }
.nav-tabs_title h2{ float: left;height: 39px;font-size: 24px;font-weight: 600;line-height: 26px; }
.nav-tabs_title h2 em{ width: 29px;height: 26px;margin-right: 18px; }
.nav-tabs_title h2 em.em1{background-position: -330px -60px;}
.nav-tabs_title h2 em.em2{background-position: -380px -60px;margin-right: 14px;}
.nav-tabs_title h2 em.em3{background-position: -430px -60px;}
.nav-tabs_title h2 em.em4{background-position: -480px -60px;}
.nav-tabs_title h2 em.em5{background-position: -530px -60px;}
.nav-tabs_title h2 em.em6{background-position: -330px -100px;}
.nav-tabs_title h2 em.em7{background-position: -380px -100px;}
.nav-tabs_title h2 em.em8{background-position: -430px -100px;}
.nav-tabs_title h2 em.em9{background-position: -480px -100px;margin-right: 12px;}
.nav-tabs_title h2 em.em10{background-position: -530px -100px;}
.nav-tabs_title h2 em.em11{background-position: -575px -60px;margin-right: 9px;}

.nav-tabs_title a{ float: right;margin-left: 20px;color: #999999;line-height: 25px; transition: all 0.3s;}
.nav-tabs_title a:hover{ color: #3399fa; text-decoration: underline;}
.nav-tabs_title .menu1{ float: right; }
.nav-tabs_title .menu1 li{ float: left;transition: all 0.5s;min-width: 45px;padding: 0 10px;border: 1px solid #fff;margin-left: 20px;line-height: 25px;text-align: center;cursor: pointer; }

.nav-tabs_title .menu1 li:hover{ border: 1px solid #3399fa;border-radius: 25px;height: 25px;color: #3399fa; }
.nav-tabs_title .menu1 li.current{ border: 1px solid #3399fa;border-radius: 25px;height: 25px;color: #3399fa;}
.cnGameList { margin-top: 10px; }
.cnGameList li{ margin: 20px 0 0 8.7px;transition: all 0.3s;float: left;overflow: hidden;;width: 110px;height: 137px;border: 1px solid #eeeeee;position: relative;}
.cnGameList li a{ color: #333333; }
.cnGameList li img{ margin: 0 auto;display: block;margin-top: 10px;width: 90px;height: 90px; border-radius: 15px;}
.cnGameList li p{ line-height: 35px;height: 35px;width: 110px;text-align: center;transition: all 0.2s; }
.cnGameList li span{ width: 90px;height: 90px;position: absolute;left: 10px;background: rgba( 24,25,25,0.5);border-radius: 15px;transition: all 0.4s; top: -95px;}
.cnGameList li span em{ width: 50px;height: 50px;background-position: -120px -160px;margin: 20px;}
.cnGameList li:nth-child(10n+1){ margin-left: 0; }
.cnGameList li:hover p{ color: #ff535b;}
.cnGameList li:hover{ border: 1px solid #ffffff;box-shadow: 0 0 10px 5px #eeeeee; }
.cnGameList li:hover span{ transform: translateY( 105px ); }
.cnPanelBox{ padding-bottom: 45px; }
/* 特色专区 */
.thumb_list li{ margin-top: 30px;margin-left: 20px;transition: all 0.5s;border-radius: 5px;position: relative;float: left; width: 224px;height: 108px;overflow: hidden; }
.thumb_list li:first-child{ margin-left: 0; }
.thumb_list li a img{ width: 224px;height: 108px;border-radius: 2px; transition: all 0.5s ease-in-out;}
.thumb_list li a p{ height: 48px;line-height: 56px;transition: all 0.3s;position: absolute;width: 90%;padding: 0 5%;text-align: center;left: 0;bottom: 0;font-size: 16px;color: #fff;background: linear-gradient( to bottom,rgba( 250,250,250,0),rgba( 24,25,25,1) );} 
.thumb_list li:hover img{ transform: scale(1.2); }
.thumb_list li:hover p{ text-decoration: underline; }
.thumb_list li:hover{ transform: translateY(-5px); }

/* 安卓游戏 */
.blied_list{ width: 885px;margin-top: 10px;float: left; }
.blied_list li{ width: 118px;height: 150px;border-radius: 5px;transition: all 0.3s;float: left;;background: #f8f8f8;border: 1px solid #eeeeee;margin: 17px 15px 0;}
.blied_list li:nth-child(6n+1){ margin-left: 0; }
.blied_list li a { display: block; }
.blied_list li a img{ width: 85px;transition: all 0.5s;height: 85px;border-radius: 15px;margin: 10px auto 0;display: block; }
.blied_list li a p{ font-size: 16px;transition: all 0.3s;color: #333333;text-align: center;margin-top: 5px;line-height: 26px;height: 26px;padding: 0 10px;width: 100px;overflow: hidden;}
.blied_list li a span{ font-size: 14px;color: #999999;text-align: center;display: block;line-height: 18px;height: 18px;padding: 0 10px;width: 100px;overflow: hidden;}
.blied_list li:hover img{ transform: rotate3d(0, 1, 0, 180deg) scale(0.8);; }
.blied_list li:hover{ background: #fff;border: 1px solid #fff;box-shadow: 0 0 10px 5px #eee; }
.blied_list li:hover a p{ color: #ff535b; }
.blied_list li:hover{ transform: translateY(-5px); }

/* 安卓下载排行榜 */
.blied_rig{ float: right;width: 300px;margin-top: 30px; }
.blied_rig h2{ font-size: 18px;font-weight: 600;width: 300px;overflow: hidden;height: 35px;line-height: 35px;text-align: center;}
.blied_rig h2 em{ width: 240px;margin: 0 auto;padding: 0 30px; color: #fff;text-align: center;background-position: -190px -160px;line-height: 35px;display: flex;justify-content: center;overflow: hidden;}
.blied_rig h2 em span{ margin-top: 5px;margin: 5px 6px 0; }
.bnail_list{ margin-top: 20px; }
.bnail_list li { margin-top: 19px; }
.bnail_list li .hover1{ width: 300px; }
.bnail_list li em{ width: 20px;height: 20px;border: 1px solid #ff9800;text-align: center;line-height: 20px;font-size: 16px;display: block;float: left;color: #ff9800;;}
.bnail_list li .hover1 p{ width: 265px;float: left;margin-left: 12px;height: 22px;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bnail_list li .hover2 em{ margin-top: 20px; }
.bnail_list li .hover2 a.a_img{ width: 60px;height: 60px;border-radius: 15px;overflow: hidden;display: block;float: left;margin-left: 12px; }
.bnail_list li .hover2 img{ width: 60px;height: 60px;border-radius: 15px; float: left;transition: all 0.6s;  }
.bnail_list li .hover2 dl{ float: left;width: 125px;height: 62px;margin-left: 12px;    }
.bnail_list li .hover2 dt a{  font-size: 16px; color: #333333; }
.bnail_list li .hover2 dd{ color: #999999;margin-top: 3px;   }
.bnail_list li .hover2 a.a_download{ float: right;display: block;width: 60px;transition: all 0.3s;height: 25px;text-align: center;text-align: center;border: 1px solid #3399fa;color: #3399fa;line-height: 25px;border-radius: 5px;margin-top: 35px;}
.bnail_list li .hover2 a.a_download:hover{ background: #3399fa;color: #fff; }
.bnail_list li .hover2 img:hover { transform: scale(1.2); }
.bnail_list li dl dt a:hover{ color: #ff535b;text-decoration: underline; }
.bnail_list li:nth-child(n+4) em{ border: 1px solid #cccccc;color: #999999;   }

/* 正版专区 */
.cnDonec_list li{ margin: 28px 0px 0 30px;transition: all 0.3s;width: 378px;height: 200px;border: 1px solid #eeeeee ;float: left; }
.cnDonec_list li .img_box{ width: 140px;display: flex;justify-content: center;align-items: center;height: 160px;margin:20px 5px 20px 20px;float: left; }
.cnDonec_list li img{ max-width: 140px;max-height: 160px; transition: all 0.3s;}
.cnDonec_list li a{ color: #333333; }
.cnDonec_list li dl{ float: left;width: 200px;margin-top: 25px; }

.cnDonec_list li dl dt { font-size: 18px;font-weight: 600; }
.cnDonec_list li dl dd{ margin-top: 8px; }
.cnDonec_list li dl dd.cont1{ color: #999999;width: 200px;height: 20px;overflow: hidden; }
.cnDonec_list li dl dd.cont2{ width: 200px;height: 27px;overflow: hidden; } 
.cnDonec_list li dl dd.cont2 span{ background: #f5f5f5;color: #333333;display: block;padding: 0 5px;line-height: 25px;height: 25px;float: left;margin-right: 15px;}
.cnDonec_list li dl dd.cont3 { font-size: 22px;font-weight: 600;color: #ff535b;width: 200px;overflow: hidden;height: 24px;overflow: hidden;} 
.cnDonec_list li dl dd.cont4{ display: flex;width: 200px;height: 16px;overflow: hidden;margin-top: 10px; }
.cnDonec_list li dl dd.cont4 span{ margin:0 15px 0 5px;color: #999999;font-size: 12px;float: left; }
.cnDonec_list li dl dd.cont4 em{ width: 12px;height: 12px;background-position: -480px 0;margin-top: 3px; }
.cnDonec_list li:nth-child(3n+1){ margin-left: 0; }
.cnDonec_list li:hover{ box-shadow: 0 0 10px 8px #eee;transform: translateY(-5px); }
.cnDonec_list li img:hover{ transform: scale(1.1); }

.cnVideo_list li{ margin-top: 30px;position: relative;transition: all 0.3s;width: 270px;height: 215px;float: left;border: 1px solid #eee;border-radius: 10px; margin-left: 36px;}
.cnVideo_list li:nth-child(4n+1){ margin-left: 0; }
.cnVideo_list li em.em1{ width: 42px;height: 24px;background-position: -500px -160px;position: absolute;top: 0;left: 0;border-radius: 7px 0 0 0 ;}
.cnVideo_list li em.em2{ width: 49px;height: 49px;background-position: 0 -270px;transition: all 0.5s;position: absolute;left: 109px;top: 49px;}
.cnVideo_list li img{ width: 270px;height: 148px;border-radius: 10px 10px 0 0;  }
.cnVideo_list li p.p1{ width: 92%;padding: 0 4%;transition: all 0.3s;color: #333333;font-size: 16px;margin-top: 8px;overflow: hidden;height: 21px;line-height: 21px;}
.cnVideo_list li p.p2{ display: flex;justify-content: space-between; width: 92%;padding: 0 4%;margin-top: 8px; color: #999999;}
.video_mask{ width: 270px;height: 148px;background: rgba( 24,25,25,0.5);position: absolute;top: 0;border-radius: 10px 10px 0 0;transition: all 0.3s; }
.video_mask p{ color: #ffffff;position: absolute;top: 124px;width: 100%;}
.video_mask p em{ width: 17px;height: 14px;background-position: -560px -160px;margin-top: 2px;margin:2px 5px 0 7px }
.video_mask p span{ float: left;  }
.video_mask p i{ float: right;display: block;font-style: normal;margin-right: 5px; }
.cnVideo_list li:hover .video_mask { background: rgba( 24,25,25, 0); }
.cnVideo_list li:hover em.em2{ transform:rotate(270deg); }
.cnVideo_list li:hover p.p1{ color: #ff535b; }
.cnVideo_list li:hover{ transform: translateY(-8px); }

/* 攻略教程 */
.cnMessageBox{ margin-top: 30px; }
.cnmesLeft{ width: 420px;height: 480px;float: left; }
.messageTitle h2{ float: left;font-size: 18px;font-weight: 400; }
.messageTitle h2 em{ width:12px;height: 18px;background-position: -520px 0 ;margin-right: 10px;margin-top: 3px; }
.messageTitle a{ float: right;color: #999999 ; }

.kienRight1{ margin-left: 0;width: 420px;padding-bottom: 20px;margin-top: 6px; }
.kienRight1 span{ width: 42px;height: 21px;margin-top: 3px;background-position: -420px 0;text-align: center;color: #999999;float: right;font-size: 12px;line-height: 27px;overflow: hidden; }
.kienRight1 em.line{ height: 172px;  }
.cnmesMId{ width: 420px; float: left;margin-left: 25px;}
.patchBox{ margin-top: 15px;}
.patchimg { width: 200px;height: 130px;border-radius: 3px;overflow: hidden;float: left;position: relative;; }
.patchimg a{ color: #ffffff; }
.patchimg a img{  width: 200px;height: 130px; transition: all 0.3s}
.patchimg a p{ height: 48px;line-height: 56px;transition: all 0.3s;position: absolute;width: 90%;padding: 0 5%;text-align: center;left: 0;bottom: 0;font-size: 16px;color: #fff;background: linear-gradient( to bottom,rgba( 250,250,250,0),rgba( 24,25,25,1) );}
.patchimg a em{ position: absolute;display: block;width: 38px;overflow: hidden;;height: 20px;text-align: center;color: #ffffff;background: linear-gradient(to right, #f45455,#d42068 );border-radius: 0 3px 3px 0 ;top: 15px;}
.patchimg:nth-child(2){ float: right; }
.patchimg:hover img{ transform: scale(1.2); }

.kienRight2{ margin-top: 27px; }
.kienRight2 em.line{ height: 255px;  }
.csesList{ margin-left: 15px; }
.csesList li{ width: 142px;height: 150px;float: left;margin-left: 15px; }
.img_box{ width:142px;height: 94px;overflow: hidden;border-radius: 3px;overflow: hidden; }
.csesList li img{ width:142px;height: 94px;transition: all 0.3s; }
.csesList li a{ color: #333333;font-size: 16px; }
.csesList p{ line-height: 22px;transition: all 0.2s;height: 44px;overflow: hidden;margin-top: 4px;font-size: 14px; }
.csesList li:hover img{ transform: scale(1.2); }
.csesList li:nth-child( n+3 ){ margin-top: 20px;  }
.csesList li:hover p{ color: #ff535b;text-decoration: underline; }
/* 游戏榜单 */
.cnPankList{ width: 280px; float: left; }
.cnPankList h2{font-style: normal;margin-top: 20px; border-bottom: 2px solid #eee;padding-bottom: 8px; }
.cnPankList h2 span{ font-size: 24px; font-weight: 400; border-bottom: 2px solid #f3aa23;padding-bottom: 8px;  }
.newPankList li{ margin-top: 16px; }
.newPankList li .hover2 em.em1{width: 28px;height: 33px;text-align: center;line-height: 26px;margin-top: 15px ;background-position: -120px -240px;color: #ffffff;  }
.newPankList li .hover2 a.a_img{ float: left;width: 62px;height: 62px;border-radius: 10px;margin-left: 15px;overflow: hidden; }
.newPankList li .hover2 a.a_img img{ width: 62px;height: 62px;border-radius: 10px; }
.newPankList li .hover2 dl{ width: 135px;height: 65px;float: left;margin-left: 10px;overflow: hidden; }
.newPankList li .hover2 dl dt a{ color: #f3a920;width: 120px;height: 20px;line-height: 20px;font-size: 16px;display: block;overflow: hidden; }
.newPankList li .hover2 dl dd.cont1{ width: 134px;height: 20px;line-height: 20px;overflow: hidden; }
.newPankList li .hover2 dl dd.cont1{ color: #999999;margin-top: 3px; }
.newPankList li .hover2 dl dd.cont2{ color: #333333;margin-top: 3px; width: 134px;height: 21px;  overflow: hidden;}
.newPankList li .hover2 dl dd.cont2 a{ font-size: 12px;transition: all 0.2s;display: block;float: left;margin-bottom: 10px;height: 16px;border: 1px solid #cccccc;border-radius: 4px;line-height: 16px;padding:  0 5px ;margin-left: 5px;}
.newPankList li .hover2 dl dd.cont2 a:first-child{ margin-left: 0; }
.newPankList li .hover2 dl dd.cont2 a:hover{ background: #f3a920 ;color: #ffffff;border: 1px solid #f3a920; }

.newPankList li .hover2 em.em2{ float: right;width: 18px;height: 18px;background-position: -120px -300px;margin-top: 20px;}
.newPankList li .hover1{ width: 280px; }
.newPankList li .hover1 em.em1{ width: 28px;height: 33px;text-align: center;line-height: 26px; background-position: -120px -240px;color: #ffffff;}
.newPankList li .hover1 a p{ margin-left: 15px;float: left;color: #333333;line-height: 33px;font-size: 16px;width: 200px;height: 33px;overflow: hidden;}
.newPankList li .hover1 em.em2{ float: right;width: 18px;height: 18px;background-position: -340px -255px;margin-top: 7px;}
.newPankList li:nth-child(n+4) em.em1{ width: 20px;margin: 0 4px;height: 20px;float: left;;line-height: 20px;background: #cccccc;display: block;border-radius: 3px; }
.newPankList li:nth-child(n+4) .hover1 em.em1{ margin-top: 7px; }
.newPankList li:nth-child(n+4) .hover2 em.em1{ margin-top: 18px; }
.cnPankList{ margin-right: 26px;}
.cnPankList:nth-child(3) li .hover2 dl dt a{ color: #f92d88;}
.cnPankList:nth-child(3) li .hover2 em.em1{ background-position: -240px -240px; }
.cnPankList:nth-child(3) li .hover2 em.em2{ background-position: -240px -300px; }
.cnPankList:nth-child(3) li .hover1 em.em1{ background-position: -240px -240px; }
.cnPankList:nth-child(4) li .hover2 dl dt a{ color: #5369f3;}
.cnPankList:nth-child(4) li .hover2 em.em1{ background-position: -180px -240px; }
.cnPankList:nth-child(4) li .hover2 em.em2{ background-position: -180px -300px; }
.cnPankList:nth-child(4) li .hover1 em.em1{ background-position: -180px -240px; }
.cnPankList:nth-child(5){ margin-right: 0; }
.cnPankList:nth-child(5) li .hover2 dl dt a{ color: #54c983;}
.cnPankList:nth-child(5) li .hover2 em.em1{ background-position: -300px -240px; }
.cnPankList:nth-child(5) li .hover2 em.em2{ background-position: -300px -300px; }
.cnPankList:nth-child(5) li .hover1 em.em1{ background-position: -300px -240px; }

/* 热门标签 */
.cnHotLable{ margin-top: 35px; }
.lable_left { width: 40px;height: 65px;color: #ffffff;font-size: 18px;line-height: 30px;background: #42B2FD;padding: 30px 10px;font-weight: 600;float: left;text-align: center;}
.lable_right{ float: left;width: 1140px;margin-top: -12px;height: 138px;overflow: hidden; }
.lable_right li a{ width: 66.5px;height: 34px;line-height: 34px;text-align: center;overflow: hidden;transition: all 0.2s;padding: 0 10px;background: #f5f5f5;float: left;margin-left: 17px;margin-top: 12px;color: #333333; font-size: 16px;}
.lable_right li a:hover{ color: #fff;background: #42B2FD; }
.cnClasifyList{ width: 380px;float: left;margin-top: 18px;margin-left: 30px; }
.cnClasifyList:first-child{ margin-left: 0; }
.cnClasifyList li{ width: 380px;height: 34px;line-height: 34px;overflow: hidden; }
.cnClasifyList li a span{ display: block;color: #999999;font-size: 14px;float: left;transition: all 0.3s; }
.cnClasifyList li a p{ width: 240px;float: left;transition: all 0.3s;font-size: 16px;color: #333333;max-width: 250px;height: 30px;overflow: hidden;margin-left: 10px; }
.cnClasifyList li em{ width: 42px;height: 21px;margin-top: 5px;background-position: -420px 0;text-align: center;color: #999999;float: right;font-size: 12px;line-height: 27px;overflow: hidden; }
.cnClasifyList li:hover p{ color: #ff624e ; }
.cnClasifyList li:hover span{ color: #ff624e ; }

/* 友情链接 */
.friendLink{ margin-top: 25px;border-top: 1px solid #eee;}
.friendLink:after{ content: ''; display: block; clear: both; }
.friendLink li{ float: left;width: 198.5px;height: 34px;line-height: 34px;overflow: hidden; }
.friendLink li a em{ width: 8px;height: 8px;background-position: -70px -280px;margin: 12px 7px; }
.friendLink li a{ color: #333333; }
.friendLink li{ border-bottom: 1px solid #eee;  border-left: 1px solid #eee;}
.friendLink li:nth-child( 6n ){ border-right: 1px solid #eeeeee; }
.friendLink li:last-child{ border-right: 1px solid #eeeeee; }
.friendLink li:hover p{ color: #ff535b; }

/* 锚链接 */
.cnAnchorLink {  bottom: 108px;right: 320px;width: 48px;height: auto;position: fixed;}
.cnAnchorLink li{ width: 48px;height: 48px;background: #42B2FD;margin-top: 3px;position: relative; }
.cnAnchorLink li p{ color: #ffffff;opacity: 0;;text-align: center;line-height: 45px;position: absolute;top: 0;width: 48px;transition: all 0.3s;}
.cnAnchorLink li:hover span{ opacity: 0; }
.cnAnchorLink li:hover p{ opacity: 1; }

.cnAnchorLink li span{ opacity: 1;transition: all 0.3s; display: block;width: 48px;height: 48px;background: #f8f8f8;}
.cnAnchorLink li span em{ width: 24px;height: 24px;margin: 12px; }
.cnAnchorLink li span em.em1{ background-position: -390px -240px;}
.cnAnchorLink li span em.em2{ background-position: -440px -240px;}
.cnAnchorLink li span em.em3{ background-position: -488px -240px;margin: 12px 14px;}
.cnAnchorLink li span em.em4{ background-position: -530px -240px;}
.cnAnchorLink li span em.em5{ background-position: -390px -280px;}
.cnAnchorLink li span em.em6{ background-position: -440px -280px;}
.cnAnchorLink li span em.em7{ background-position: -490px -280px;}
.cnAnchorLink li span em.em8{ background-position: -530px -280px;}
.cnAnchorLink li span em.em9{ background-position: -570px -280px;}
.cnAnchorLink li p em.em10{ background-position: -570px -240px; width: 24px;height: 24px;width: 26px;height: 24px;margin: 12px 11px;}
.cnAnchorLink li:last-child{ background: #cccccc; }
.cnAnchorLink li:first-child{ position: relative; }
.cnAnchorLink li em.code{ width: 164px;height: 156px;background-position: 0px -440px;position: absolute; left: 55px;top: 3px;}
.cnAnchorLink li em.code img{ margin: 16px 24px  }