.swiper-container {
  width: 100%;
  height: 180px;
}
.swiper-container .swiper-pagination-bullet-active{
  background: #fff;
}
.mobile_header {
  height: 180px;
  color: #fff;
  padding: 0 20px;
  background: url(../image/society-m/banner.png) no-repeat;
  background-size: cover;
}

.img71 {
  width: 71px;
  height: 71px;
}

.banner_main {
  line-height: 38px;
}

.banner_sub span {
  display: block;
  line-height: 19px;
}

.mobile_free .free_btn {
  width: 235px;
  height: 50px;
  border-radius: 50px;
  background: #FF5A51;
  line-height: 50px;
  margin: 20px auto;
}

.mobile_live {
  padding: 17px 13px 15px;
}

.mobile_live .live_item {
  position: relative;
  width: 48.5%;
  height: 127px;
  border-radius: 2px;
  margin-bottom: 11px;
  overflow: hidden;
}
.mobile_live .live_item .live_mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}

.mobile_hot {
  padding: 10px 6px;
}

.mobile_hot .hot_title {
  margin: 0 20px 20px;
  text-align: center;
}

.mobile_hot .hot_box .hot_item {
  width: 50%;
  height: 210px;
  overflow: hidden;
  margin-bottom: 12px;
}

.mobile_hot .hot_box .hot_item>div {
  height: 100%;
  margin: 0 6px;
  border-radius: 2px;
  background: #F7F7F7;
}

.mobile_hot .hot_box .hot_item h3 {
  font-family: PingFang-SC-Bold;
  font-weight: bold;
  font-size: 17px;
  margin-top: 10px;
  color: #FF5B56;
}

.mobile_hot .hot_box .hot_item p {
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  color: #666;
}

.mobile_modelview {
  padding: 40px 0;
  height: 442px;
  background: url(../image/society-m/model_view_bg.png) no-repeat;
  background-size: cover;
}

.mobile_modelview .modelview_title {
  margin-bottom: 30px;
}

.mobile_modelview img {
  width: 304px;
  height: 313px;
}

.mobile_advant .advant_title {
  text-align: center;
  margin: 40px 0 20px;
}

.mobile_advant .advant_item {
  padding: 0 12px;
}

.mobile_advant .advant_item .advant_item_type {
  width: 88px;
  height: 27px;
  line-height: 25px;
  text-align: center;
  background: url(../image/society-m/title_bg.png) no-repeat center center;
  background-size: 100% 100%;
}

.mobile_advant .advant_item .advant_item_tit {
  line-height: 30px;
  font-weight: bold;
}

.mobile_advant .advant_item .advant_item_classity .classity_item {
  line-height: 20px;
  color: #666;
  font-size: 13px;
  margin: 12px 0;
}

.mobile_advant .advant_item .advant_item_classity .classity_item>p {
  width: 18px;
  margin-right: 10px;
  margin-top: -4px;
}

.mobile_advant .advant_item .advant_item_classity .classity_item .sequence_bg, .at_once_sup .classity_item .sequence_bg {
  width: 18px;
  height: 18px;
  font-size: 10px;
  color: #fff;
  background: url(../image/society-m/sequence_bg.png) no-repeat;
  background-size: cover;
}

.mobile_advant .advant_item .advant_compu {
  width: 260px;
  height: 238px;
  margin: 10px 0 36px;
}

.mobile_advant .advant_item .advant_communi {
  width: 260px;
  height: 238.5px;
  margin: 10px 0 24px;
}

.mobile_advant .advant_item .advant_user {
  width: 260px;
  height: 239px;
  margin: 10px 0 39px;
}

.mobile_server {
  height: 373px;
  padding: 0 10px;
  background: url(../image/society-m/server_bg.png) no-repeat;
  background-size: cover;
}

.mobile_server .server_main_tit {
  margin: 42px 0 14px;
}

.mobile_server .server_sub_tit {
  font-size: 13px;
  margin-bottom: 26px;
}

.mobile_server .server_box .server_item {
  width: 50%;
  margin-bottom: 20px;
}

.mobile_server .server_box .server_item>p {
  margin-top: 15px;
  font-size: 13px;
  text-align: center;
}

.mobile_form {
  height: 743px;
  background: url(../image/society-m/form_bg.png) no-repeat center center;
  background-size: cover;
}

.mobile_form .form_main_tit {
  margin: 40px 0 30px;
}

.mobile_form .form_box {
  width: 345px;
  background: #fff;
  border-radius: 12px;
  padding-top: 40px;
}

.mobile_form .form_box .form_logo_box {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  padding: 3px;
  background: #fff;
  margin-top: -45px;
}

.mobile_form .form_box .form_logo_box .form_logo {
  background: #eee;
  border-radius: 50%;
}

.mobile_form .form_sub_tit {
  margin-top: 15px;
  margin-bottom: 40px;
  color: #251F1F;
}

.mobile_form .form_box .form_group {
  width: 315px;
  height: 44px;
  background: #fff;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 0 auto 15px;
}

.mobile_form .form_box .form_group .citySelect.f000 {
  color: #000!important;
}

.mobile_form .form_box .form_group.focus {
  border: 1px solid #FF5A51;
}

.mobile_form .form_box .phone_tip {
  padding: 0 20px;
  margin-top: -8px;
  margin-bottom: 15px;
}

.mobile_form .form_box .codeBtn {
  width: 105px;
  height: 44px;
  background: rgba(255, 90, 81, 0.5);
  margin-left: 10px;
}

.mobile_form .form_box .confirm_btn {
  width: 285px;
  height: 50px;
  line-height: 50px;
  margin: 28px auto 30px;
  background: rgba(255, 90, 81, 0.5);
  border-radius: 30px;
}

.mobile_form .form_box .confirm_btn.active, .mobile_form .form_box .form_group .codeBtn.active {
  background: rgba(255, 90, 81, 1);
}

.cityMask {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 998;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.cityModel {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  border-radius: 6px 6px 0 0;
  background: #fff;
  transform: translateY(100%);
  transition: 0.3s;
}

.cityModel.show {
  transform: translateY(0);
}

.cityModel .cityTop {
  height: 50px;
  border-bottom: 1px solid #ddd;
}

.cityModel .selected-address {
  height: 40px;
  border-bottom: 1px solid #eee;
}

.cityModel .selected-address .lastarea {
  min-width: 33.3%;
  height: 100%;
}

.cityModel .selected-address .lastarea.active {
  color: #FF5A51;
  border-bottom: 1px solid #FF5A51;
}

.cityModel .address-content {
  height: 260px;
  overflow-y: scroll;
}

.cityModel .address-content .addressList {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.setshop_success .success_img {
  width: 80px;
  height: 80px;
  margin-bottom: 15px;
}

.setshop_success .at_once_sup {
  width: 315px;
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 62px;
}

.setshop_success .at_once_sup .step_tit {
  width: 277px;
  height: 16px;
  margin: 10px auto;
}

.setshop_success .at_once_sup .classity_item {
  line-height: 20px;
  color: #666;
  font-size: 14px;
  padding: 8px 20px;
}

.setshop_success .at_once_sup .classity_item .sequence_box {
  width: 18px;
  margin-right: 10px;
}

.setshop_success .at_once_sup .classity_item .pink_line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: rgba(255, 90, 81, 0.3);
}

.setshop_success .copy_pc_address {
  width: 140px;
  height: 34px;
  border: 1px solid #999;
  border-radius: 17px;
}

.setshop_success .font_blue {
  color: #6699FF;
}