@charset "utf-8";
/* 游戏信息 */
.content{width: 1170px;margin: 5px auto 0;padding: 10px;background: #fff;padding-left: 20px;}
.mbx{height:40px;line-height:40px;padding:0 0 0 22px;background: url(../images/place.png) no-repeat -1px 10px;font-size:14px;color:#333333;border-bottom:1px solid #ececec;margin-bottom: 10px;}
.mbx a:hover{color: #ffa202;}
.content .content_left{width: 830px;float: left;}
.content .content_right{width: 320px;float: right;}
.content .Gminfo {width: 100%;min-height: 210px;position: relative;}
.content .Gminfo .nameAndNum{
  display: flex;
  align-items: center;
}
.content .Gminfo .nameAndNum h1{line-height: 36px;font-size: 26px;margin-top: 6px;margin-bottom: 13px;font-weight: normal;}

.content .Gminfo .nameAndNum .num{
  color: #ffa202;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  margin-left: 20px;
}

.content .Gminfo .gminfo_left{width: 150px;float: left;margin-right: 20px;}
.content .Gminfo .img {display: block;margin: 0 auto;}
.content .Gminfo .img, .content .Gminfo .img img {width: 150px;height: 150px;border-radius: 18px;}
.content .Gminfo .lis {float: left;width: 650px;min-height: 80px;margin-bottom: 10px;}
.content .Gminfo .lis li {width: 190px;height: 30px;line-height: 30px;margin-right: 15px;float: left;font-size: 14px;color: #303030;}
.content .Gminfo .lis li a { color: #ffa202; }
/*游戏介绍-标签*/
.gtag {overflow:hidden;float: left;width: 650px;zoom:1;}
.gtag span {padding: 0 0 0 20px;display:block;background: url(../images/tag_tb.png) no-repeat 1px 3px;margin: 5px 0 5px 0;line-height:18px;height:20px;overflow:hidden;zoom:1;}
.gtag span a{color: #ffa202;border: 1px solid #ffa202;border-radius: 2px;padding: 0px 3px;margin-right: 10px;display: inline-block;}
.gtag span a:hover{color:#fff; background: #ffa202}
.gtag span i {color: #C0C0C0;font-style: normal;border: 1px solid #DBDBDB;border-radius: 2px;margin-bottom: 10px;padding: 0px 3px;margin-right: 10px;display: inline-block;}
.content .Gminfo .btn_box{width: 650px;float: left;margin: 5px 0;}
.content .Gminfo .btn_box .btn{float: left;}
.content .Gminfo .btn_box .btn a{display: block;width: 170px;height: 50px;float: left;line-height: 50px;color: #fff;border-radius: 5px;margin-top: 10px;font-size: 16px;margin-right: 20px;padding: 0 0 0 15px;}
.content .Gminfo .btn_box .btn a span{display: block;width: 52px;height: 50px;float: left;background: url(../images/soft_pc_infoicon.png) no-repeat;}
.content .Gminfo .btn_box .btn .az_btn{background: linear-gradient(to right,#FACD91, #ffa202);}
.content .Gminfo .btn_box .btn .az_btn:hover{background: linear-gradient(to right,#FACD91, #ffa202);}
/* .content .Gminfo .btn_box .btn .az_btn{background: #23bc6a;}
.content .Gminfo .btn_box .btn .az_btn:hover{background: #1ea45c;} */
.content .Gminfo .btn_box .btn .az_btn span{background-position: -355px -3px;}
.content .Gminfo .btn_box .btn .pc_btn{background: #17a7ee;}
.content .Gminfo .btn_box .btn .pc_btn:hover{background: #1595d4;}
.content .Gminfo .btn_box .btn .pc_btn span{background-position: -410px -4px;}
.content .Gminfo .btn_box .btn .ios_btn{background: #17a7ee;}
.content .Gminfo .btn_box .btn .ios_btn span{background-position: -355px -50px;}
.content .Gminfo .btn_box .btn .no_btn{background: #999;text-align: center;padding:0 8px;}
.content .Gminfo .btn_box .btn .yuyue_btn{background: #ff782d;text-align: center;padding:0 8px;}
.content .Gminfo .btn_box .qr_img{width: 200px;height: 150px;float: right;}
.content .Gminfo .btn_box .qr_img img{margin-top: 15px;}
.content .Gminfo .btn_box .btn a i{font-style: normal;}
.hot_tags {margin-bottom: 20px;}
.title_h{ line-height: 38px;}
.title_h span{padding-left: 10px;border-left: 5px solid #ffa202;font-size: 16px;}
/* content nav */
.content .s_title{width: 830px;z-index:9999;padding-top: 8px;}
.content .s_title{height: 45px;line-height: 45px;border-bottom: 3px solid #ddd;}
.content .s_title li,.content .s_title span{float:left;padding: 0 15px;cursor:pointer;color:#666;font-size:16px;height: 45px;}

.content .s_title .updateNews {
  position: relative;
}
.content .s_title .updateNews::after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  right:10px;
  top: 13px;
  border-radius: 50%;
  background-color: red;
}

.content .s_title .cur{border-bottom: 3px solid #ffa202;margin-bottom: -3px;}
.content .s_title .one{background:#ffa202;color:#fff;border-color:#ffa202;border-radius: 5px 5px 0px 0px;}
.content .s_title li:hover{color: #ffa202;}
#v-intro{line-height:24px;color:#666;font-size:15px;margin-top: 15px;}
#v-intro p{line-height: 30px;}
#v-intro h3 {border-left: 5px solid #ffa202;padding-left: 10px;line-height: 30px;height: 30px;background: #f8f8f8;margin: 15px 0 10px 0;font-size: 16px;}
#v-intro img {display: block;margin: 10px auto!important;height: auto;max-width: 90%;max-height: 800px;}
#special-box{margin:10px;background:#fefadd;border:1px solid #fbd074;padding:10px;}
#special-box h2{font-size:14px;border-bottom:1px dashed #fbd074;color:#ffa93a;}
#special-info{padding:10px 0;}
#special-info a{color:red;}
#special-info img{display:block;}
#v-recom{position:absolute;height:76px;top:4px;right:120px;}
.oTit{border-bottom: 3px solid #dddddd;margin-bottom:12px;position:relative;}
.oTit h2{height: 50px;line-height: 50px;padding:0 15px;color: #ffa202;display:inline-block;font-size: 18px;margin-bottom: -3px;font-weight: 600;float:left;border-bottom: 3px solid #ffa202;}
.oTit a {float: right; margin-top: 25px;}
.guess_tab{position:absolute;bottom: 4px;margin-left: 20px; right: 0; height: 30px;overflow: hidden}
.guess_tab b{font-weight:normal;margin:0 0 0 5px;cursor:pointer;background:#e5e5e5;padding:6px 10px;border-radius:3px;color:#6b6b6b;font-size: 13px;display: inline-block;}
.guess_tab b.cur{background: #ffa202;color:#fff;}
/*imgview*/
#imgview{margin-bottom:10px;margin-top: 10px;overflow: hidden;}
#imgview ul{width: 843px;height: auto;overflow: auto;white-space: nowrap;}
#imgview ul li{padding-right: 12px;display: inline-block;}
#imgview ul li img{max-height:300px;}


/*其它版本*/
.versionList{
}
.versionList li{
  padding: 10px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #ccc;
}
.versionList li .name{
  display: block;
  flex: 1;
  font-size: 15px;
  line-height: 18px;
}

.versionList li .scoreSub{height: 22px;margin-left: 4px;}
.versionList li .scoreSub input[type="range"] {-webkit-appearance: none; width: 110px;margin: 0;outline: 0;}
.versionList li .scoreSub input[type="range" i]::-webkit-slider-runnable-track {background: #FDC82A;-webkit-mask-size: 22px; height: 22px;-webkit-mask: url("../images/star.png"); -webkit-mask-repeat: repeat-x;}
.versionList li .scoreSub input[type="range" i]::-webkit-slider-thumb {-webkit-appearance: none;width: 0; height: 100%; box-shadow: 999px 0px 0px 999px #b5b5b5;}
.versionList li .scoreSub input[type=range] {accent-color:#FDC82A; -webkit-mask: url("../images/star.png");-webkit-mask-size: 22px;height:22px;-webkit-mask-repeat: repeat-x; }
.versionList li .scoreSub input[type=range]::-moz-range-track {background: #FDC82A;height: inherit;}
.versionList li .scoreSub input[type=range]::-moz-range-progress {background: #FDC82A;height: inherit;}

.versionList li .size{
  font-size: 14px;
  line-height: 18px;
  margin-left: 40px;
}
.versionList li .check{
  width: 80px;
  height: 30px;
  display: block;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  border-radius: 5px;
  margin-left: 60px;
  background-color: #ffa202;
}
.otherFilter{
  display: flex;
  padding: 10px 0 15px 0;
  border-bottom: 3px solid #dddddd;
}
.otherFilter li{
  width: auto;
  cursor: pointer;
  font-size: 18px;
  line-height: 18px;
  margin-right: 20px;
  position: relative;
}
.otherFilter li.active{
  font-weight: bold;
  color: #ffa202;
}
.otherFilter li.active::after{
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -18px;
  left: 0;
  background-color: #ffa202;
}

.computerBox{
}
.computerTop{
  display: flex;
}
.computerTop .imgBox{
  display: block;
}
.computerTop .imgBox img{
  height: 88px;
  display: block;
  object-fit: cover;
}
.computerTop .txtBox{
  flex: 1;
  padding-left: 20px;
}
.computerTop .txtBox .nameBox{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.computerTop .txtBox .nameBox .name{
  color: #000;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.computerTop .txtBox .nameBox .more{
  width: auto;
  padding: 0 10px;
  height: 28px;
  color: white;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  border-radius: 14px;
  background-image:linear-gradient(135deg,#ffa202 35%,#ffa2022c 100%)
}
.computerTop .txtBox .brief{
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.computerList{
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(3,270px);
}

.computerList li{
  display: flex;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}
.computerList li .check{
  width: 60px;
  height: 25px;
  display: block;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
  border-radius: 5px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #ffa202;
}
.computerList li .imgBox{
  display: block;
  width: 75px;
  height: 75px;
  overflow: hidden;
  border-radius: 10px;
}

.computerList li .imgBox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.computerList li .txtBox{
  flex: 1;
  overflow: hidden;
  padding-left: 10px;
} 
.computerList li .txtBox .name{
  font-size: 15px;
  line-height: 16px;
  margin-top: 4px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.computerList li .txtBox .sizeBox{
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.computerList li .txtBox .sizeBox p{
  color: #999999;
  font-size: 14px;
  line-height: 14px;
}
.computerList li .txtBox .sizeBox p:nth-child(2){
  color: #ccc;
  margin: 0 8px;
}
.computerList li .txtBox .versionTxt{
  max-width: 125px;
  color: #999999;
  font-size: 14px;
  margin-top: 10px;
  line-height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.latestListBox{
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(7,104px);
}
.latestListBox a{
  display: block;
  display: flex;
  margin-top: 15px;
  flex-direction: column;
  align-items: center;
}
.latestListBox a:nth-child(1),.latestListBox a:nth-child(2),.latestListBox a:nth-child(3),.latestListBox a:nth-child(4),.latestListBox a:nth-child(5),.latestListBox a:nth-child(6),.latestListBox a:nth-child(7){
  margin-top: 0;
}
.latestListBox a .imgBox{
  width: 104px;
  height: 104px;
  overflow: hidden;
  border-radius: 20px;
}
.latestListBox a .imgBox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.latestListBox a .name{
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin-top: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.r-look-c{ padding-top:20px; overflow: hidden; }
.r-look-img{ float: left; display:inline-block; width:192px; height:100px; margin-right: 16px; }
.r-look-img img{ width:100%; height:100%; display: block; object-fit:cover; }
.r-look-t{ font-size:14px; }
.r-look-h3{ padding:10px 0; }
.r-look-h3-a1{ color:#333; font-size: 16px; font-weight: 500; }
.r-look-h3-a2{float:right; font-weight:500;font-size:12px;color:#ffa202; position: relative; padding-right: 10px; top: -30px;}
.r-look-h3-a2:after{ content: '>'; position: absolute; top:0; right:0; }
.r-look-t p{ color:#999; line-height: 26px; font-size:14px; height:52px; overflow: hidden; }
.r-look-soft{ padding-top:24px; }
.r-look-soft ul{ overflow: hidden; }
.r-look-soft ul li{float:left;width:200px;margin-right: 10px;margin-bottom:30px;}
.r-look-soft ul li:nth-of-type(4n+4){ margin-right:0; }
.r-look-soft-img{ float:left; margin-right: 10px; }
.r-look-soft-img img{ width:70px; height:70px; border-radius: 4px; display:block; object-fit:cover; }
.r-look-soft-p1{ height:18px; overflow: hidden; }
.r-look-soft-p1 a{color:#333;font-size:14px;display: block;width: 115px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.r-look-soft-p1 span{ color:#bbb; margin-left:5px; font-size: 12px; }
.r-look-soft-p2{ padding:6px 0; color: #c2c2c2;font-size: 12px; }
.r-look-soft-p2 a{ color:#1c70e3; }
.r-look-soft-p2 i{ color:#c2c2c2; font-style: normal; position: relative; padding-left:10px; }
.r-look-soft-p2 i:before{ content: ''; position: absolute; width:1px; height:10px; background:#e0e0e0; top:0; left:5px; bottom:0; margin:auto; }
.r-look-soft-p3{ font-size:14px; width: 140px; overflow: hidden; height: 30px; }
.r-look-soft-d{ width:200px; }
.r-look-soft-p3 span{ margin-right: 6px; border-radius: 2px; padding:3px 5px; display: inline-block; max-width: 100px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.r-look-soft-p3 span:nth-of-type(1){color: #9a9a9a;border: 1px solid #9a9a9a;}
.r-look-soft-p3 span:nth-of-type(2){ color:#f1c720; border:1px solid #f1c720; }
.r-look-soft-p3 span:nth-of-type(3){ color:#333; border:1px solid #333; }
.r-look-soft-p3 span:nth-of-type(4){ color:#1dbb37; border:1px solid #1dbb37; }
.r-look-soft-p3 span:nth-of-type(5){ color:#0b3ebc; border:1px solid #0b3ebc; }
.updated {font-size: 12px;color: #c2c2c2;width: auto;}
/* 热门标签 */
.colors-tag{margin: 6px 0;margin-left:-10px;overflow:hidden}
.colors-tag li{float:left;margin:0 0 10px 10px}
.colors-tag li a{display:block;color:#fff;line-height:24px;padding:0 9px;}
.colors-tag li a:hover{opacity:.8;filter:alpha(opacity=80)}
.background_1 {background: rgb(242, 160, 161);}
.background_2 {background: rgb(132, 185, 203);}
.background_3 {background: rgb(205, 140, 92);}
.background_4 {background: rgb(248, 184, 98);}
.background_5 {background: rgb(165, 154, 202);}
.background_6 {background: rgb(165, 143, 134);}
.background_7 {background: rgb(136, 203, 127);}


.hotComputer{

}

.hotComputer .hotComputerList li{
  padding: 10px 8px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.hotComputer .hotComputerList li:hover{
  background-color: rgba(255, 162, 2, .2);
}

.hotComputer .hotComputerList li .txtImgBox{
  display: flex;
}
.hotComputer .hotComputerList li .txtImgBox .imgBox{
  width: 80px;
  height: 80px;
  display: block;
  overflow: hidden;
  border-radius: 20px;
}
.hotComputer .hotComputerList li .txtImgBox .imgBox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hotComputer .hotComputerList li .txtImgBox .txtBox{
  flex: 1;
  padding-left: 15px;
}
.hotComputer .hotComputerList li .txtImgBox .txtBox .name{
  max-width: 139px;
  display: block;
  font-size: 16px;
  margin-top: 5px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hotComputer .hotComputerList li .txtImgBox .txtBox .sizeBox{
  display: flex;
  margin-top: 12px;
  align-items: center;
}
.hotComputer .hotComputerList li .txtImgBox .txtBox .sizeBox p{
  color: #999999;
  font-size: 14px;
  line-height: 14px;
}
.hotComputer .hotComputerList li .txtImgBox .txtBox .sizeBox p:nth-child(2){
  margin: 0 8px;
}
.hotComputer .hotComputerList li .txtImgBox .txtBox .time{
  color: #999999;
  font-size: 14px;
  line-height: 14px;
  margin-top: 12px;
}
.hotComputer .hotComputerList li .check{
  display: block;
  width: 72px;
  height: 28px;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  border-radius: 14px;
  background-color: #ffa202;
}


/* 手游详情 - 同类手游 */
.mg_similar{width: 100%; margin-bottom: 30px;}
.mg_similar ul{width: 330px;}
.mg_similar li{float:left;width: 87px;text-align:center;margin-top:20px;margin-right: 23px;}
.mg_similar li a{display: block;}
.mg_similar li img{display:block; margin:0 auto;border:1px solid #f2f2f2; width: 70px;height: 70px;border-radius:16px;}
.mg_similar li span{display:block;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto;}
/* 本类排行 */
.top_ph{width: 100%;height: auto;margin-bottom: 30px;}
.top_ph ul li{width: 100%;min-height: auto;cursor: pointer;margin: 4px auto 1px;display: block;overflow: hidden;}
.top_ph ul li>span{display: block;float: left;width: 26px;height: 18px;text-align: center;border-radius: 3px;font-size: 14px;color: #999;line-height: 18px;margin: 10px 12px 0 0;}
.top_ph ul li .bt{overflow: hidden;font-size: 15px;color: #404040;display: block;float: left;width: 270px;height: 30px;line-height: 30px;margin-top: 4px;}
.ph-game{display: none;float: left;width: 260px;height: 70px;margin: 5px 0 0 40px;}
.ph-game .img img{display: block;float: left;width: 65px;height: 65px;border-radius: 12px;margin-right: 10px;}
.ph-game span{display: block;float: left;width: 123px;height: 24px;line-height: 24px;margin-top: 7px;font-size: 14px;color: #8ba8a3;overflow: hidden;}
.ph-game a.downl{display: block;float: right;width: 50px;height: 22px;border: 1px solid #ffa202;color: #ffa202;text-align: center;line-height: 22px;font-size: 12px;border-radius: 4px; margin-top: -8px;}
.ph-game a.downl:hover{background: #ffa202 !important;color: #fff !important;}
.showstyle .ph-game{display: block;}
.hotgame-lb{width: 100%;height: auto;display: table;margin: 10px 0;}
.lb-con{width: 100%;height: 60px;display: block;float: left;border-bottom: 1px dashed #ddd;}
.lb-con>a img{width: 50px;height: 50px;display: block;float: left;margin: 5px 20px 0 10px;border-radius: 12px;}
.lb-con>a p{width: 200px;height: 20px;display: block;float: left;margin-top: 10px;overflow: hidden;line-height: 20px;color: #404040;font-size: 16px;}
.lb-con>a p:hover{color: #589cf6;}
.lb-con:hover{background: #f0f0f0;}
.lblq-con{display: block;float: left;margin-top: 16px;width: 250px;height: 26px;}
.lblq-con>span{display: block;float: left;width: 16px;height: 18px;margin: 0 10px 0 0;}
.lblq-con>p{display: block;float: left;color: #8ba8a3;font-size: 12px;line-height: 26px;margin-left: 10px;}
.dowl-but{display: block;float: right;width: 60px;height: 26px;text-align: center;line-height: 26px;border: 1px solid #589cf6;color: #589cf6;border-radius: 6px;margin-top: -14px;    margin-right: 6px;}
.dowl-but:hover{color: #fff;background: #589cf6;}
.tuijian-dowl{width: 170px;}
.tuijian-dowl p{height: 24px;width: 170px;margin: 2px 0;overflow: hidden;line-height: 24px;font-size: 12px;color: #8ba8a3;}
.tuijian-dowl p span{margin: 0 4px;}
.side_tlgame {overflow: hidden; margin-bottom:20px; position: relative; }
.side_tlgame .tab_con {margin-top:8px}
.side_tlgame h2.tab_til span { width: 130px;}
.hj_list { margin-top: 0; padding: 0 10px;margin-left: -10px;}
.hj_list li{height: 110px; overflow: hidden; margin-bottom: 15px; border-radius: 5px;  cursor: pointer; background: #000; position: relative;}
.hj_list li img {display: block; width: 100%;height: auto; min-height: 100%;}
.hj_list li a { display: none; position: absolute; top: 55px; left: 110px; width: 80px; text-align: center; border-radius: 3px; line-height: 30px; background: #0877d0; color: #fff; }
.hj_list li:hover img { opacity: 0.3 }
.hj_list li span { display: none; position:absolute; top: 25px; width:260px; left: 20px; color: #fff; font-size: 16px; text-align: center; font-weight: bold;overflow:hidden;  text-overflow: ellipsis; white-space: nowrap; }
.hj_list li:hover span { display: block; }
.hj_list li:hover a { display: block; }
.hj_list li:hover a:hover { background: #f02f2f}
/* 相关版本 */
.ver-list ul{width:870px;max-height: 300px; overflow: hidden; zoom: 1; }
.ver-list ul li{width: 408px; float: left; margin-right: 24px; height: 48px; border:1px solid #e6e6e6; margin-bottom: 10px;transition:background-color 1.2s ease,left 1.2s ease-in-out;}
.ver-list ul li a{display: block; padding-left: 14px; height: 48px; line-height: 48px; overflow: hidden; zoom: 1;}
.ver-list ul li img{width: 36px; height: 36px; border-radius: 5px; float: left; margin: 6px 20px 0 0; margin-left: -60px;transition:all 1s ease;}
.ver-list ul li p{width: 250px; float: left; color: #333;}
.ver-list ul li b{float: right; display: block; width: 30px; height: 30px; line-height: 30px; margin: 9px 25px 0 0; color: #00a9c3;}
.ver-list ul li span{display: block; width:80px; float: left; color: #999;}
.ver-list ul li:hover{border:1px solid #00a9c3; background: #00a9c3;}
.ver-list ul li:hover a img{transition: all 1s ease; margin-left: 0;}
.ver-list ul li:hover a p{color: #fff;}
.ver-list ul li:hover a span{display: none;}
.ver-list ul li:hover a b{text-indent: -9999em; background: url(/skin/images/pc-icons.png) no-repeat; background-position: -8px -183px;}
.gSecret,.gPower,.agSecret{color: #009cff !important;cursor: pointer;}
.gSecret:hover,.gPower:hover{text-decoration: underline;}
.gRule i,.gPrivacy i{background: url(../images/maskicon.png) 300px 1200px no-repeat;}
/* power */
.gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 100;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.ruleTxt{position: absolute;z-index: 5;top: 150px;left: 0;right: 0;margin: auto;background-color: #fff;width: 540px;border-radius: 6px;text-align: center;}
.gRule .gRclose{position: absolute;top:21px;right: 21px;z-index: 10;cursor: pointer;}
.gRule .gRclose i{display: inline-block;width: 26px;height: 26px;background-position: -15px -19px;position: relative;}
.gRule .oTitle{position: relative;width: 100%;height: 130px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;}
.gRule .oTitle i{display:block;width: 225px;height: 154px;background-position: -38px -334px;position: relative;top: -82px;margin: 0 auto;}
.gRule .oTitle p{position: relative; top:-72px;margin-top: 10px;font-size: 28px;color: #202020;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}
.gRule .gSure{display: block;cursor: pointer;width:400px;border: 0;background:#ffa202;color:#fff;font-size:20px;border-radius:8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap;  }
.ruleMain{background-color: #fff;display: block;height: 280px;border:none;padding:10px 15px;line-height: 28px;font-size: 16px;margin: 10px 26px;text-align: left;overflow: auto;}
.ruleMain strong{display: block;font-size: 16px;color: #333;line-height: 36px;}
.ruleMain p:nth-of-type(1){font-size: 20px;font-weight: bold;color: #333;margin-bottom: 10px;}
.ruleMain p:nth-last-of-type(1){margin-bottom: 20px;}
/* Privacy */
.gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 100;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.privacyTxt{position: absolute;z-index: 5;top: 150px;left: 0;right: 0;margin: auto;background-color: #fff;width: 540px;border-radius: 6px;text-align: center;}
.gPrivacy .gPclose{position: absolute;top:21px;right:21px;z-index: 10;cursor: pointer;}
.gPrivacy .gPclose i{display: inline-block;width: 26px;height: 26px;background-position: -15px -19px;position: relative;}
.gPrivacy .oTitle{position: relative;width: 100%;height: 130px;text-align: center;font-size: 24px;border-top-left-radius: 6px; border-top-right-radius:6px;color: #fff;}
.gPrivacy .oTitle i{display:block;width: 225px;height: 153px;background-position: -38px -562px;position: relative;top: -82px;margin: 0 auto;}
.gPrivacy .oTitle p{position: relative;top: -72px;margin-top: 10px;font-size: 28px;color: #202020;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;}
.gPrivacy .gSure{display: block;cursor: pointer;width:400px;border: 0;background:#ffa202;color:#fff;font-size:20px;border-radius:8px;line-height: 58px;margin: 21px auto 36px;overflow: hidden;white-space: nowrap; }
.privacyMain{background-color: #fff;display: block;height: 280px;border:none;padding:10px 15px;line-height: 28px;font-size: 16px;margin: 10px 26px;text-align: left;overflow: auto;}
.privacyMain strong{display: block;font-size: 16px;color: #333;line-height: 36px;}
.privacyMain p:nth-of-type(1){font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px;}
.privacyMain p:nth-last-of-type(1){margin-bottom: 20px;}
.hide{display: none;}
.notBtn{padding: 0 !important;width: 170px;height: 50px;background: #ddd; color: #fff; text-align: center; cursor: no-drop;}
.mg_similar li:hover span{color: #ffa202;}
.content .Gminfo .btn_box .btn .pc_btn{line-height: 34px;}
.content .Gminfo .btn_box .btn .pc_btn i{position: relative;top: -5px;display: block;font-size: 11px;line-height: 16px;color: rgba(255,255,255,.9);}	
/*250530*/
.content .Gminfo .lis li{overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.content .Gminfo .lis li.halfli{width: 50%;}
.content .Gminfo .btn_box .btn .pc_btn{background-color: #6d49f4;}
.content .Gminfo .btn_box .btn .pc_btn:hover{opacity: .9;background-color: #6d49f4;}
.content .Gminfo .btn_box .btn .pc_btn font{position: relative;top:-5px;display: block;font-size: 12px;line-height: 16px;}

.pcsf_listBB { overflow: hidden;}
.pcsf_listBB li {height:100px;}
.pcsf_listBB li a.img {padding: 10px 0;width: 80px;height: 80px;float: left;margin-right: 12px;text-align: center;overflow: hidden;}
.pcsf_listBB li a.img img { width: 80px; height: 80px; text-align: center; vertical-align: middle;border-radius: 10px;transition: transform 0.3s;}
.pcsf_listBB li:hover a.img img {transform: scale(0.9);transition: transform 0.3s;}
.pcsf_listBB li p {padding-top: 10px;width:216px; font-size: 14px;float: left;font-weight: normal;height: 80px;table-layout: fixed; word-break: break-all;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.pcsf_listBB li p > a {display: block;font-size: 16px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pcsf_listBB li p>span {display: block;font-size: 13px;color: #999;margin-bottom: 8px;;}
.pcsf_listBB li p span a {display: inline-block;margin-right: 4px;font-size: 13px;color: #999;}
.pcsf_listBB li a:hover{color: #ffa202;}

.app_starBox {width: 102px;height: 20px;overflow: hidden;}
.app_starBox .star {display: block;height: 20px;overflow: hidden;float: left;line-height: 20px;margin-left: 0;}
.app_starBox .star span {width: 102px;height: 20px;background: url("../images/staricon.png") no-repeat;display: inline-block;}
.app_starBox .star span.star0 { background-position: -22px -270px;}
.app_starBox .star span.star1 {background-position: -22px -300px;}
.app_starBox .star span.star2 {background-position: -22px -330px;}
.app_starBox .star span.star3 {background-position: -22px -360px;}
.app_starBox .star span.star4 {background-position: -22px -390px;}
.app_starBox .star span.star5 { background-position: -22px -420px;}
.content .Gminfo .btn_box .btn a.az_btn{width: 185px;padding-left: 0;}		
.content .Gminfo .btn_box .btn a.az_btn span{width: 48px;}
.btn_box .az_btn{display:flex;justify-content:center;}
.btn_box .az_btn p{display:flex;flex:1;height: 100%;flex-direction: column;align-items:center;justify-content: center;}
.btn_box .az_btn p strong{display:block;color: #fff;line-height: 22px;font-weight: normal;}
.btn_box .az_btn p i{color: #fff;line-height: 16px;font-size:12px;}
.newsIcon{
  display: block;
  background: url(../images/newsIcon.png) no-repeat;
  background-size: 112px 112px;
}
.gupdateBox .updateTxtBox {
  padding: 0 20px;
}
.gupdateBox .updateTxtBox .updateTxtItem {
  margin-top: 20px;
  border-radius: 10px;
  position: relative;
  background-color: white;
  box-shadow: 0px 2px 10px 0px rgba(100, 100, 111, 0.2);
}
.gupdateBox .updateTxtBox .updateTxtItem::after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -20px;
  border-radius: 1px;
  background-color: #E9ECEF;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox {
  display: flex;
  align-items: center;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox {
  width: auto;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  background-color: #198754;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor2 {
  background-color: #F8AEAf;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor3 {
  background-color: yellowgreen;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor4 {
  background-color: #FFA202;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor5 {
  background-color: #87CEFA;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor6 {
  background-color: #AFEEEE;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox.statusColor7 {
  background-color: #20B2AA;
}

.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .improve {
  width: 14px;
  height: 14px;
  background-position: -54px -10px;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .nesVaseison {
  width: 14px;
  height: 14px;
  background-position: -88px -44px;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .updateTxt {
  width: 14px;
  height: 14px;
  background-position: -44px -88px;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .wanShan {
  width: 14px;
  height: 14px;
  background-position: -10px -88px;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .picIcon {
  width: 14px;
  height: 14px;
  background-position: -10px -54px;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .timeIcon {
  width: 14px;
  height: 14px;
  background-position: -44px -54px;
}

.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .videoIcon {
  width: 14px;
  height: 14px;
  background-position: -88px -10px;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .statusBox .statusTxt {
  color: white;
  font-size: 14px;
  line-height: 14px;
  margin-left: 5px;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .versionBox .vaersionTxt {
  font-weight: bold;
  color: #9999;
  font-size: 14px;
  line-height: 14px;
  margin-left: 15px;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .timeBox {
  display: flex;
  align-items: center;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .timeBox .timeIcon {
  width: 24px;
  height: 24px;
  background-position: -10px -10px;
}
.gupdateBox .updateTxtBox .updateTxtItem .timeAndVsrsion .timeBox .timeTxt {
  margin-left: 5px;
  font-size: 16px;
  line-height: 16px;
}
.gupdateBox .updateTxtBox .updateTxtItem .updatetxtBox {
  padding: 10px 15px;
}
.gupdateBox .updateTxtBox .updateTxtItem .updatetxtBox p {
  color: #666;
  font-size: 14px;
  line-height: 28px;
}