@charset "UTF-8";
#main {
  width: 100vw;
  height: 100vh;
}
#main .header {
  height: 70rem;
  background-color: #0B1522;
}
#main .header .header_wrap {
  width: 1720rem;
  margin: 0 auto;
}
#main .header .header_wrap .header_left .miiyun_logo, #main .header .header_wrap .header_left .ruanjian_logo {
  display: inline-block;
  width: 100rem;
  height: 26rem;
  background-size: 100% 100%;
}
#main .header .header_wrap .header_left .miiyun_logo {
  background-image: url("/src_sem/images/miiyun_logo.png");
}
#main .header .header_wrap .header_left .ruanjian_logo {
  background-image: url("/src_sem/images/ruanjian_logo.png");
}
#main .header .header_wrap .header_left .qqLogo {
  width: 101rem;
  height: 32rem;
  margin-left: 30rem;
}
#main .header .header_wrap .header_right .right_down {
  width: 115rem;
  height: 32rem;
  line-height: 32rem;
  border-radius: 25rem;
  background-color: #02A7F0;
  color: #fff;
  font-size: 14rem;
}
#main .header .header_wrap .header_right .right_down:hover {
  background-color: #009EE3;
}
#main .header .header_wrap .header_right .right_down:active {
  background-color: #008BC8;
}
#main .header .header_wrap .header_right .search_box {
  background-color: #fff;
  position: relative;
  margin-left: 32rem;
  display: inline-block;
  width: 164rem;
  height: 32rem;
  border-radius: 15rem;
  -webkit-border-radius: 15rem;
  -moz-border-radius: 15rem;
  -ms-border-radius: 15rem;
  -o-border-radius: 15rem;
  font-size: 14rem;
  border: 1rem solid #fff;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main .header .header_wrap .header_right .search_box .search_input {
  width: 132rem;
  height: 30rem;
  text-indent: 14rem;
  border: none;
  overflow: hidden;
  outline: 0;
  border-radius: 15rem;
  -webkit-border-radius: 15rem;
  -moz-border-radius: 15rem;
  -ms-border-radius: 15rem;
  -o-border-radius: 15rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#main .header .header_wrap .header_right .search_box .search_submit {
  display: inline-block;
  width: 17rem;
  height: 17rem;
  margin-right: 12rem;
  cursor: pointer;
  -webkit-appearance: none;
  outline: none;
  border: none;
  background: url("../imgs/./icon_搜索.png") no-repeat center;
}
#main .banner {
  height: 765rem;
  background: url("../imgs/banner_bg.png") center no-repeat;
  background-size: 100% 100%;
}
#main .banner .banner_mask {
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
#main .banner .banner_content {
  z-index: 2;
  width: calc(100% - 500rem);
  left: 250rem;
}
#main .banner .banner_content .con_logo {
  width: 171rem;
  height: 59rem;
  margin-top: 30rem;
}
#main .banner .banner_content .con_desc {
  align-items: flex-end;
}
#main .banner .banner_content .con_desc .desc_left .left_title {
  color: #fff;
  font-size: 64rem;
  margin-top: 40rem;
}
#main .banner .banner_content .con_desc .desc_left .left_bottom {
  margin-top: 150rem;
}
#main .banner .banner_content .con_desc .desc_left .left_bottom .bottom_tag {
  width: 450rem;
  height: 48rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8rem;
  color: #FDF355;
  font-size: 20rem;
}
#main .banner .banner_content .con_desc .desc_left .left_bottom .bottom_tag span {
  display: inline-block;
  margin: 0 10rem;
}
#main .banner .banner_content .con_desc .desc_left .left_bottom .bottom_down {
  margin-top: 22rem;
  width: 345rem;
  height: 124rem;
}
#main .banner .banner_content .con_desc .desc_left .left_bottom .bottom_down .down {
  display: inline-block;
  width: 345rem;
  height: 99rem;
  background: url("../imgs/downBtn.gif") no-repeat;
  background-size: cover;
}
#main .banner .banner_content .con_desc .desc_left .left_bottom .bottom_tip {
  font-size: 13rem;
  color: #fff;
  margin-top: 8rem;
}
#main .banner .banner_content .con_desc .desc_right {
  width: 829rem;
  height: 452rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 22rem;
  padding: 14rem 20rem 20rem;
}
#main .banner .banner_content .con_desc .desc_right .right_title {
  font-size: 22rem;
  color: #fff;
}
#main .banner .banner_content .con_desc .desc_right .right_con {
  margin-top: 13rem;
}
#main .banner .banner_content .con_desc .desc_right .right_con .con_left {
  margin-right: 12rem;
}
#main .banner .banner_content .con_desc .desc_right .right_con .con_left img {
  width: 632rem;
  height: 375rem;
  border-radius: 10rem;
  display: none;
}
#main .banner .banner_content .con_desc .desc_right .right_con .con_left img.active {
  display: inline-block;
}
#main .banner .banner_content .con_desc .desc_right .right_con .con_right {
  row-gap: 10rem;
}
#main .banner .banner_content .con_desc .desc_right .right_con .con_right .right_item img {
  width: 145rem;
  height: 86rem;
  border-radius: 10rem;
}
#main .info {
  width: 1600rem;
  height: 390rem;
  background-color: #fff;
  box-shadow: 0rem 1rem 8rem 2rem rgba(0, 0, 0, 0.1);
  border-radius: 25rem;
  margin: 50rem auto;
  padding: 30rem 90rem;
}
#main .info .leftImg {
  left: -115rem;
  top: -145rem;
  width: 271rem;
  height: 271rem;
  z-index: -1;
}
#main .info .info_left .left_title {
  width: 700rem;
  height: 62rem;
}
#main .info .info_left .left_desc {
  width: 547rem;
  font-size: 22rem;
  color: #5E574C;
  margin-top: 9rem;
}
#main .info .info_left .left_down {
  display: inline-block;
  width: 358rem;
  height: 96rem;
  line-height: 96rem;
  color: #fff;
  font-size: 38rem;
  margin-top: 60rem;
  border-radius: 60rem;
  background-color: #1f68cf;
}
#main .info .info_left .left_down:hover {
  background-color: #3076d7;
}
#main .info .info_left .left_down:active {
  background-color: #1564d1;
}
#main .info .info_right {
  width: 553rem;
  height: 330rem;
  border-radius: 12rem;
}
#main .hot_game {
  width: 1600rem;
  margin: 0 auto;
  margin-bottom: 100rem;
}
#main .hot_game .game_title {
  padding: 0 60rem;
}
#main .hot_game .game_title .title_left .left_img {
  width: 256rem;
  height: 98rem;
  margin-right: 40rem;
}
#main .hot_game .game_title .title_left .left_down {
  width: 116rem;
  height: 32rem;
  line-height: 32rem;
  border-radius: 25rem;
  font-size: 12rem;
  color: #fff;
  background: url("../imgs/game_down.png") no-repeat;
  background-size: cover;
  background-position: 0rem 0rem;
}
#main .hot_game .game_title .title_left .left_down:hover {
  background-position: -116rem 0rem;
}
#main .hot_game .game_title .title_left .left_down:active {
  background-position: -232rem 0rem;
}
#main .hot_game .game_title .title_right {
  display: inline-block;
  width: 40rem;
  height: 10rem;
  background: url("../imgs/game_titleRight.png") no-repeat;
  background-size: cover;
}
#main .hot_game .game_title .title_gif {
  width: 122rem;
  height: 122rem;
  top: 30rem;
  right: -80rem;
}
#main .hot_game .game_content {
  margin-top: 54rem;
  padding: 0 90rem;
}
#main .hot_game .game_content .content_gif {
  width: 380rem;
  height: 380rem;
  bottom: 100rem;
  left: -300rem;
}
#main .hot_game .game_content .con_item {
  width: 418rem;
  height: 718rem;
  border-radius: 20rem;
  background: url("../imgs/game_item_bg.png") center no-repeat;
  background-size: cover;
}
#main .hot_game .game_content .con_item .item_title {
  width: 181rem;
  top: 30rem;
  right: 58rem;
}
#main .hot_game .game_content .con_item .item_flower {
  width: 199rem;
  height: 199rem;
  top: 8rem;
  left: 50rem;
}
#main .hot_game .game_content .con_item .item_top {
  width: 378rem;
  height: 148rem;
  background: url("../imgs/game_top_bg.png") no-repeat;
  background-size: cover;
  top: 100rem;
  left: 50%;
  transform: translateX(-50%);
}
#main .hot_game .game_content .con_item .item_top .top_left {
  width: 130rem;
  height: 130rem;
  border-radius: 29rem;
  padding: 9rem;
  box-sizing: content-box;
  margin-right: 30rem;
}
#main .hot_game .game_content .con_item .item_top .top_right {
  margin-top: 50rem;
  flex: 1;
  max-width: 190rem;
}
#main .hot_game .game_content .con_item .item_top .top_right .right_top1 {
  width: 77rem;
}
#main .hot_game .game_content .con_item .item_top .top_right .right_title {
  font-family: PangMenZhengDao, PangMenZhengDao;
  font-size: 26rem;
  color: #333;
}
#main .hot_game .game_content .con_item .item_top .top_right .right_num {
  font-size: 14rem;
  color: #fff;
  margin-top: 6rem;
}
#main .hot_game .game_content .con_item .item_list {
  margin-top: 300rem;
  padding: 0 30rem;
  row-gap: 35rem;
}
#main .hot_game .game_content .con_item .item_list .list_soft {
  height: 46rem;
}
#main .hot_game .game_content .con_item .item_list .list_soft .soft_left {
  font-family: PangMenZhengDao, PangMenZhengDao;
  color: #999;
  font-size: 24rem;
  font-weight: 500;
  margin-right: 40rem;
}
#main .hot_game .game_content .con_item .item_list .list_soft .soft_left.active {
  color: #FF4400;
}
#main .hot_game .game_content .con_item .item_list .list_soft .soft_logo {
  width: 46rem;
  height: 46rem;
  border-radius: 23rem;
  margin-right: 10rem;
}
#main .hot_game .game_content .con_item .item_list .list_soft .soft_desc {
  flex-grow: 1;
  max-width: 240rem;
}
#main .hot_game .game_content .con_item .item_list .list_soft .soft_desc .desc_title {
  font-family: Inter, Inter;
  font-weight: 500;
  font-size: 24rem;
  color: #454545;
}
#main .hot_game .game_content .con_item .item_list .list_soft .soft_desc .desc_num {
  font-family: Inter, Inter;
  font-size: 14rem;
  color: #999;
}
#main .footer {
  height: 120rem;
  line-height: 120rem;
  background-color: #000;
  color: #999;
  font-size: 18rem;
}
#main .footer a {
  color: #999;
}