#center {
  background: #E7EBEF;
  padding: 16rem 40rem 55rem;
  box-sizing: border-box;
  overflow: hidden;
}
#center .ti {
  height: 20rem;
  font-size: 14rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #999999;
  line-height: 20rem;
  margin-bottom: 12rem;
}
#center .left {
  float: left;
}
#center .left .game_version {
  width: 843rem;
  height: 429rem;
  background: #FFFFFF;
  border-radius: 24rem;
  opacity: 1;
  margin-bottom: 15rem;
  padding: 24rem;
  box-sizing: border-box;
}
#center .left .game_version .top {
  margin-bottom: 16rem;
  display: flex;
}

#center .left .game_version .top .gg {
  width: 336rem;
  height: 280rem;
  margin-right: 16rem;

  position: relative;

}
#center .left .game_version .top .gg p {
  position: absolute;
  top: -14rem;
  left: 115rem;
  font-size: 12rem;
  color: #999;
}


#center .left .game_version .top .version {
  width: 443rem;
  height: 280rem;
}
#center .left .game_version .top .version .version_top {
  width: 100%;
  height: 120rem;
  display: flex;
}
#center .left .game_version .top .version .version_top img {
  width: 92rem;
  height: 92rem;
  border-radius: 80rem;
  margin: 14rem 10rem 0 0;
}
#center .left .game_version .top .version .version_top .center span {
  display: inline-block;
  margin: 28rem 0 15rem 0;
  font-weight: bold;
}
#center .left .game_version .top .version .version_top .center span a {
  color: #586168;
  display: block;
  width: 345rem;
  font-size: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: FuturaPT-Bold;
}
#center .left .game_version .top .version .version_top .center .qiehuan {
  display: flex;
  display: inline-block;
  margin-left: 66rem;
}
#center .left .game_version .top .version .version_top .center .qiehuan button {
  padding: 8rem 16rem;
  height: 36rem;
  background: #F1F1F1;
  border-radius: 10rem;
  box-sizing: border-box;
  border: none;
  font-weight: bold;
  color: #666666;
  font-size: 12rem;
  font-family: FuturaPT-Bold;
}
#center .left .game_version .top .version .version_top .center .qiehuan button:nth-child(1) {
  margin-right: 8rem;
}
#center .left .game_version .top .version .version_bottom {
  width: 100%;
  height: 160rem;
}
#center .left .game_version .top .version .version_bottom table {
  width: 443rem;
  height: 144rem;
  border-radius: 5rem;
  border-color: #f1f1f1;
}
#center .left .game_version .top .version .version_bottom table tr td {
  background-color: #fff;
  font-size: 14rem;
  font-family: FuturaPT-Book;
  color: #666666;
  height: 39rem;
  line-height: 39rem;
}
#center .left .game_version .top .version .version_bottom table tr .td1 {
  box-sizing: border-box;
  width: 112rem;
  padding-left: 16rem;
  font-size: 14rem;
  font-weight: normal;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#center .left .game_version .top .version .version_bottom table tr .td2 {
  box-sizing: border-box;
  width: 331rem;
  padding-left: 24rem;
  font-size: 16rem;
  font-weight: normal;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#center .left .game_version .top .version .version_bottom1 {
  width: 100%;
  height: 160rem;
  display: none;
}
#center .left .game_version .top .version .version_bottom1 table {
  width: 443rem;
  height: 144rem;
  border-radius: 5rem;
  border-color: #f1f1f1;
}
#center .left .game_version .top .version .version_bottom1 table tr td {
  background-color: #fff;
  font-size: 14rem;
  font-family: FuturaPT-Book;
  color: #666666;
  height: 39rem;
  line-height: 39rem;
}
#center .left .game_version .top .version .version_bottom1 table tr .td1 {
  box-sizing: border-box;
  width: 112rem;
  padding-left: 16rem;
  font-size: 14rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#center .left .game_version .top .version .version_bottom1 table tr .td2 {
  box-sizing: border-box;
  width: 331rem;
  padding-left: 24rem;
  font-size: 16rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#center .left .game_version .bottom .gg {
  width: 795rem;
  height: 85rem;
  border-radius: 16rem;

  text-align: center;

  position: relative;
}

#center .left .game_version .bottom .gg p{
  position: absolute;
  bottom:-18rem;
  left: 357rem;
  font-size: 12px;
  color: #999;
}
#center .left .ggl {
  width: 843rem;
  background: #FFF6E4;
  border-radius: 16rem;
  height: 58rem;
  line-height: 58rem;
  text-align: center;
  font-size: 16rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #623319;
  margin-bottom: 15rem;
}
#center .left .ggl img {
  margin-right: 10rem;
}
#center .left .download {
  width: 843rem;
  height: 142rem;
  background: #fff;
  border-radius: 16rem;
  margin-bottom: 15rem;
  padding-top: 20rem;
  box-sizing: border-box;
}
#center .left .download .download_p {
  font-size: 18rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #586168;
  margin-bottom: 20rem;
  text-align: center;
}
#center .left .download div {
  text-align: center;
}
#center .left .download div button {
  border: none;
  width: 339rem;
  height: 58rem;
  background: #30D777;
  border-radius: 10rem;
  font-size: 16rem;
  font-weight: bold;
  color: #FFFFFF;
  margin-right: 16rem;
}
#center .left .download div button i {
  font-family: FuturaPT-Bold;
}
#center .left .download div button:hover {
  background: #31EF81 !important;
  box-shadow: 0rem 3rem 13rem 1rem #84FFB8;
}
#center .left .download div button:nth-child(2) {
  margin-right: 0 !important;
}
#center .left .editor {
  width: 843rem;
  background: #fff;
  border-radius: 16rem;
  margin-bottom: 15rem;
  padding: 24rem;
  box-sizing: border-box;
}
#center .left .editor .ti {
  text-align: center;
  height: 20rem;
  font-size: 18rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #586168;
  line-height: 20rem;
}
#center .left .editor .text {
  display: flex;
  margin-bottom: 15rem;
}
#center .left .editor .text img {
  margin-right: 10rem;
  width: 22rem;
  height: 22rem;
  margin-top: 6rem;
}
#center .left .editor .text div span  {
  font-size: 16rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #586168;
}
#center .left .editor .text div div {
  width: 678rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#center .left .editor .text div div  {
  font-size: 14rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #666666;
  line-height: 20rem;
}
#center .left .description {
  width: 843rem;
  background-color: #fff;
  border-radius: 16rem;
  padding: 24rem;
  box-sizing: border-box;
  margin-bottom: 20rem;
}
#center .left .description span {
  display: block;
  height: 20rem;
  font-size: 18rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #586168;
  text-align: center;
  margin-bottom: 10rem;
}
#center .left .description .text {
  height: 140rem;
  font-size: 16rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #666666;
  line-height: 28rem;
  overflow: hidden;
}
#center .left .description button {
  width: 162rem;
  height: 38rem;
  border: 1rem solid #2B7DFC !important;
  background-color: #fff;
  border-radius: 4rem;
  font-size: 16rem;
  font-family: SF Pro Display-Regular, SF Pro Display;
  font-weight: 400;
  color: #2B7DFC;
  border: none;
  margin: 15rem auto 0;
  display: block;
}
#center .left .description button:hover {
  color: #fff;
  background: #2B7DFC;
}
#center .left .interactions {
  width: 843rem;
  border-radius: 16rem;
  background-color: #fff;
  overflow: hidden;
  padding-bottom: 24rem;
  box-sizing: border-box;
  margin-bottom: 20rem;
}
#center .left .interactions .top {
  width: 100%;
  height: 68rem;
  border-bottom: 1rem solid #F1F1F1;
  padding: 0 24rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
#center .left .interactions .top .top_ti {
  height: 20rem;
  font-size: 18rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #586168;
  line-height: 20rem;
  margin-top: 23rem;
  display: inline-block;
}
#center .left .interactions .top .option {
  margin-top: 12rem;
  width: 152rem;
  height: 42rem;
  background: #FFFFFF;
  box-shadow: 0rem 2rem 12rem 1rem rgba(201, 196, 196, 0.25);
  border-radius: 10rem 10rem 10rem 10rem;
  opacity: 1;
  padding-top: 11rem;
  box-sizing: border-box;
  position: relative;
}
#center .left .interactions .top .option .option_text {
  width: 83rem;
  font-size: 16rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #D2D2D2;
  padding-left: 14rem;
}
#center .left .interactions .top .option .option_div {
  position: absolute;
  top: 5rem;
  right: 5rem;
  display: inline-block;
}
#center .left .interactions .top .option ul {
  position: absolute;
  top: 48rem;
  left: 0;
  z-index: 99;
  border-radius: 10rem;
  overflow: hidden;
}
#center .left .interactions .top .option ul li {
  width: 152rem;
  height: 42rem;
  background: #fff;
  padding-left: 16rem;
  box-sizing: border-box;
  line-height: 42rem;
  font-size: 16rem;
  font-family: Futura PT-Book, Futura PT;
  font-weight: normal;
  color: #999999;
}
#center .left .interactions .top .option ul li:hover {
  color: #2B7DFC;
  background-color: #F3F8FF;
}
#center .left .interactions .pinglun {
  width: 843rem;
  height: 186rem;
  padding: 13rem 26rem;
  box-sizing: border-box;
}
#center .left .interactions .pinglun span {
  font-size: 16rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #586168;
}
#center .left .interactions .pinglun form {
  position: relative;
}
#center .left .interactions .pinglun form input {
  width: 203rem;
  height: 42rem;
  background: #F1F1F1;
  border-radius: 8rem;
  box-sizing: border-box;
  border: none;
  font-size: 16rem;
  font-family: FuturaPT-Light;
  font-weight: 300;
  color: #999;
  padding-left: 15rem;
  display: block;
  margin: 10rem 0;
}
#center .left .interactions .pinglun form textarea {
  width: 667rem;
  height: 80rem;
  background: #F1F1F1;
  border-radius: 8rem;
  box-sizing: border-box;
  border: none;
  font-size: 16rem;
  font-family: FuturaPT-Light;
  font-weight: 300;
  color: #999;
  padding: 15rem 0 0 15rem;
  margin-right: 6rem;
}
#center .left .interactions .pinglun form button {
  width: 114rem;
  height: 80rem;
  background: #2B7DFC;
  border-radius: 10rem;
  border: none;
  font-size: 16rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  right: 0;
}
#center .left .interactions .pinglun form button:hover {
  box-shadow: 0rem 4rem 15rem 1rem #93BDFF;
}
#center .left .interactions .pinglun_list {
  width: 843rem;
  padding: 24rem;
  box-sizing: border-box;
}
#center .left .interactions .pinglun_list .pinglun_list1 {
  display: flex;
  border-top: 1rem solid #F1F1F1;
  padding: 25rem 0;
  box-sizing: border-box;
}
#center .left .interactions .pinglun_list .pinglun_list1 img {
  width: 45rem;
  height: 45rem;
  border-radius: 50%;
  margin-right: 15rem;
}
#center .left .interactions .pinglun_list .pinglun_list1 div .span1 {
  font-size: 16rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #999999;
}
#center .left .interactions .pinglun_list .pinglun_list1 div p {
  display: flex;
  justify-content: space-between;
  width: 734rem;
}
#center .left .interactions .pinglun_list .pinglun_list1 div p a,
#center .left .interactions .pinglun_list .pinglun_list1 div p span {
  font-size: 14rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #586168;
}
#center .left .interactions .pinglun_list .pinglun_list1 div p a {
  width: 503rem;
}
#center .left .interactions .paging {
  width: 843rem;
  height: 50rem;
  text-align: center;
}
#center .left .interactions .paging ul {
  display: inline-block;
  overflow: hidden;
}
#center .left .interactions .paging ul li {
  float: left;
  width: 29rem;
  height: 31rem;
  border-radius: 4rem;
  border: 1rem solid #CCCCCC;
  font-size: 14rem;
  font-family: SF Pro Display-Regular, SF Pro Display;
  font-weight: 400;
  color: #CCCCCC;
  text-align: center;
  line-height: 31rem;
  margin-right: 12rem;
}
#center .left .interactions .paging ul li:nth-child(2) {
  width: 32rem;
  height: 32rem;
  background: #2B7DFC;
  border-radius: 4rem;
  border: none;
  color: #fff;
}
#center .left .recommend {
  width: 843rem;
  background: #fff;
  border-radius: 16rem;
  padding: 24rem;
  box-sizing: border-box;
}
#center .left .recommend p {
  font-size: 18rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #586168;
}
#center .left .recommend ul {
  overflow: hidden;
}
#center .left .recommend ul a {
  float: left;
  margin: 16rem 19rem 0 0;
  overflow: hidden;
}
#center .left .recommend ul a li {
  width: 97rem;
  height: 97rem;
  border-radius: 20rem;
  overflow: hidden;
  position: relative;
}
#center .left .recommend ul a li img {
  width: 100%;
  height: 100%;
}
#center .left .recommend ul a li div {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 100%;
  color: #fff;
  text-align: center;
}
#center .left .recommend ul a li div span {
  display: block;
  margin-top: 70rem;
}
#center .left .recommend ul a :hover div {
  position: absolute;
  top: 0;
  transition: 0.5s;
}
#center .left .recommend ul a:nth-child(7n+0) {
  margin-right: 0;
}
#center .right {
  width: 341rem;
  float: left;
  margin-left: 16rem;
}
#center .right .other {
  width: 341rem;

  background: #FFFFFF;
  border-radius: 24rem;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 16rem;
}
#center .right .other span {
  display: block;
  font-size: 18rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #586168;
  margin-top: 24rem;
  border-bottom: 1rem solid #F1F1F1;
  padding: 0 0 14rem 24rem;
  box-sizing: border-box;
}
#center .right .other .other_div {
  padding: 24rem;
  box-sizing: border-box;
}
#center .right .other .other_div ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#center .right .other .other_div ul li {
  width: 91rem;
  height: 91rem;
  overflow: hidden;
  border-radius: 30rem;
  position: relative;
  margin-bottom: 11rem;
}
#center .right .other .other_div ul li img {
  width: 100%;
}
#center .right .other .other_div ul li .other_text {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 100%;
}
#center .right .other .other_div ul li .other_text i {
  display: block;
  margin-top: 65%;
  color: #fff;
  text-align: center;
  width: 91rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#center .right .other .other_div ul li:hover div {
  position: absolute;
  top: 0;
  transition: 0.5s;
}
#center .right .recommend1 {
  width: 341rem;
  height: 626rem;
  background: #FFFFFF;
  border-radius: 24rem;
  margin-bottom: 16rem;
}
#center .right .recommend1 .div_ti {
  border-bottom: 1rem solid #f1f1f1;
  padding: 24rem 24rem 16rem 24rem;
  box-sizing: border-box;
}
#center .right .recommend1 .div_ti .span1 {
  width: 104rem;
  height: 20rem;
  font-size: 18rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #586168;
  margin-right: 73rem;
}
#center .right .recommend1 .div_ti i {
  width: 24rem;
  height: 24rem;
}
#center .right .recommend1 .div_ti .span2 {
  width: 73rem;
  height: 20rem;
  font-size: 14rem;
  font-family: FuturaPT-Light;
  font-weight: 300;
  color: #999999;
  line-height: 20rem;
}
#center .right .recommend1 .list_bottom ul li {
  display: flex;
  width: 341rem;
  height: 89rem;
  background: #fff;
  border-radius: 0rem;
  box-sizing: border-box;
  padding: 8rem 24rem;
}
#center .right .recommend1 .list_bottom ul li img {
  width: 110rem;
  height: 80rem;
  border-radius: 10rem;
  margin-right: 8rem;
  display: block;
  object-fit: cover;
}
#center .right .recommend1 .list_bottom ul li div {
  width: 175rem;
  overflow: hidden;
}
#center .right .recommend1 .list_bottom ul li div span {
  display: block;
}
#center .right .recommend1 .list_bottom ul li div .span1 {
  height: 20rem;
  font-size: 16rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #586168;
  line-height: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#center .right .recommend1 .list_bottom ul li div .span2 {
  height: 20rem;
  font-size: 12rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #666666;
  line-height: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#center .right .recommend1 .list_bottom ul li div i {
  display: inline-block;
  height: 20rem;
  line-height: 20rem;
  padding: 0 8rem;
  background: rgba(253, 119, 26, 0.05);
  border-radius: 4rem;
  border: 1rem solid #FD781B;
  margin-top: 5rem;
  overflow: hidden;
  color: #FD781B;
  font-family: FuturaPT-Light;
}
#center .right .recommend1 .list_bottom ul li:hover {
  background: #F3F7FF;
}
#center .right .recommend1 .list_bottom ul li:hover .span1 {
  color: #2B7DFC;
}
#center .right .more_game {
  width: 341rem;
  height: 603rem;
  background: #FFFFFF;
  border-radius: 24rem;
  margin-bottom: 16rem;
}
#center .right .more_game .more_game_div {
  height: 20rem;
  font-size: 18rem;
  font-family: FuturaPT-Bold;
  font-weight: bold;
  color: #586168;
  line-height: 20rem;
  padding: 24rem 0 14rem 24rem;
  border-bottom: 1rem solid #f1f1f1;
}
#center .right .more_game .more_game_bottom {
  padding: 16rem 23rem 0;
  box-sizing: border-box;
}
#center .right .more_game .more_game_bottom ul li {
  height: 238rem;
  margin-bottom: 22rem;
  overflow: hidden;
  position: relative;
}
#center .right .more_game .more_game_bottom ul li img {
  width: 100%;
  height: 185rem;
  object-fit: cover;
  border-radius: 20rem;
  margin-bottom: 13rem;
}
#center .right .more_game .more_game_bottom ul li .yinying {
  width: 295rem;
  height: 185rem;
  background: rgba(0, 0, 0, 0.30000001);
  border-radius: 20rem;
  position: absolute;
  top: 0;
  display: none;
}
#center .right .more_game .more_game_bottom ul li .yinying span {
  display: block;
  width: 100%;
  height: 20rem;
  margin-top: 50%;
  font-size: 16rem;
  font-family: Futura PT-Bold, Futura PT;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#center .right .more_game .more_game_bottom ul li p {
  width: 293rem;
  height: 40rem;
  font-size: 16rem;
  font-family: FuturaPT-Book;
  font-weight: normal;
  color: #586168;
  line-height: 20rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#center .right .more_game .more_game_bottom ul li:hover .yinying {
  display: block;
  color: #fff;
  text-align: center;
}
#center .right .ggw {
  width: 341rem;
  height: 600rem;
  border-radius: 24rem;

  position: relative;
}
#center .right .ggw p{
  position: absolute;
  top: 3rem;
  left: 120rem;
  font-size: 12rem;
  color: #999;
}
.lan {
  background: #2B7DFC !important;
  color: #fff !important;
}
.status {
  height: 100% !important;
  transition: 1s;
}
.yincang {
  display: none;
}