@charset "utf-8";
* {
	margin: 0;
	padding: 0;
  list-style: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@font-face {
	font-family: 'GothamBook';
	/*字体名称*/
	src: url('../fonts/GothamBook.ttf');
	/*字体源文件*/
}
body, html{
	background: #F5F5F5;
	font-family: "Microsoft YaHei";
  height: 100%;
  font-size: 10px;
  min-height: 100vh;
}
p{
  margin: 0;
}
em{
  font-style: normal;
}
.ui-btn{
  width:100%;
  min-width: 6.4rem;
  border-radius: 1.4rem;
  background:#292928;
  color:#FEE131;
  font-weight: bold;
  font-size:1.4rem;
  height:2.7rem;
  line-height:2.8rem;
  background: #000000;
  border: none;
  padding: 0 1rem;
  margin:0;
}
.ui-btn:active,
.ui-btn:hover{
  background: #333333;
}
.ui-btn.yellow{
  background: #FFDB1F;
  color: #2A2A2A;
}
@font-face {
	font-family: nubFont;
	src: url("../fonts/GothamBook.ttf")
}
/* 顶部提示 */
.header-wrap{
  width:100%;
  background: #2A2A2A;
  padding: .75rem 0 .85rem 1.35rem;
}
.header-wrap .head-img{
	display: inline-block;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: .8rem;
	background: #FFD52A;
}
.header-wrap .head-img img{
	width: 100%;
}
.header-wrap .hostname{
	font-size: 1.4rem;
	font-weight: 600;
	color: #ffffff;
	line-height: 3rem;
	vertical-align: middle;
	margin-right: .8rem;
}
.header-wrap .host{
	font-size: 1.5rem;
  font-weight: bold;
	line-height: 3rem;
	vertical-align: middle;
	padding-left: .45rem;
	color: #DEDEDE;
	border-left: 1px solid #5B5B5B;
	height: 1.16rem;
}
.header-wrap .icon-tips{
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	background: url(../img/personalCenter/notice_n.png)no-repeat center center;
	background-size: 100%;
	vertical-align: middle;
}
.header-wrap .icon-tips:hover,
.header-wrap .icon-tips:active{
	background: url(../img/personalCenter/notice_h.png)no-repeat center center;
	background-size: 100%;
}
.header-tips-wrap{
	background: #FFE9C4;
	width: 100%;
	height: 0;
	opacity: 0;
	display: none;
	position: relative;
	transition: ease-out all .6s;
}
.header-tips-txt{
	font-size:1.2rem;
	font-weight:400;
	color:#E92D08;
	line-height: 3.5rem;
	padding-left: 1.3rem;
}
.header-tips-copy{
	display: inline-block;
	vertical-align: middle;
	border:1px solid #2A2A2A;
	border-radius:0.9rem;
	font-size:1.1rem;
	font-weight:400;
	color:#2A2A2A;
	padding:0.4rem 0.6rem;
	text-align: center;
	line-height: 1;
  margin-left: 0.4rem;
  cursor: pointer;
}
.header-tips-copy:active{
	opacity: 0.6;
}
.header-tips-close{
	position: absolute;
	display: inline-block;
	width: 1.7rem;
	height: 1.7rem;
	background: url(../img/personalCenter/close_n.png)no-repeat center center;
	background-size: 100%;
	top: 50%;
	right: 0.7rem;
	margin-top: -0.85rem;
}
.header-tips-close:hover,
.header-tips-close:active{
	background: url(../img/personalCenter/close_h.png)no-repeat center center;
	background-size: 100%;
}

.mui-content{
  background:none;
  background-color: none;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 37.5rem;
  left: 50%;
  transform: translate3d(-50%,0,0);
  -webkit-transform: translate3d(-50%,0,0);
  -moz-transform: translate3d(-50%,0,0);
  -o-transform: translate3d(-50%,0,0);
}
.content-wrap{
  width: 100%;
  height: calc(100% - 4.6rem);
  background: url(../img/center/bg.png)no-repeat center top;
  background-size: 100% auto;
  background-color: #F5F5F5;
}

/* 用户信息 */
.user-info-box{
  width: 100%;
  height: 8.25rem;
  padding: 0 2.2rem 0 1.55rem;
}
.user-info-box .user-info .head {
  width: 5.4rem;
  height: 5.4rem;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.user-info-box .user-info .head img{
  width: 100%;
}
.user-info-box .info{
  padding-left: 1.4rem;
}
.user-info-box .info .name{
  font-size: 1.5rem;
  font-weight: 600;
  color: #222222;
  line-height: 1;
  padding-bottom: .95rem;
}
.user-info-box .info .phone-num{
  font-size: 1.3rem;
  font-weight: 500;
  color: #6B360C;
  line-height: 1;
}
.user-info-box .btn-wrap{}
.user-info-box .btn-item {
  width: 2.8rem;
  text-align: center;
}
.user-info-box .btn-item .btn-icon{
  width: 2.8rem;
  height: 2.8rem;
  margin: auto;
}
.user-info-box .btn-item .btn-txt{
  font-size: 1.1rem;
  font-weight: 400;
  color: #6B360C;
  line-height: 1;
  padding-top: .2rem;
}
.btn-item .btn-icon.notice{
  background: url(../img/center/center_btn_notice.png)no-repeat center center;
  background-size: 100%;
}
.btn-item .btn-icon.logout{
  background: url(../img/center/center_btn_logout.png)no-repeat center center;
  background-size: 100%;
}
#logout{
  margin-left: 1.4rem;
}
.btn-item .btn-icon.notice.active{
  position: relative;
}
.btn-item .btn-icon.notice.active::before{
  content: '1';
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  background: #FF0E0E;
  border-radius: 50%;
  top: -.2rem;
  right: -.2rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.2rem;
  font-family: 'GothamBook';
}

.func-box,
.ad-box,
.groups-box{
  width: 35.5rem;
  margin: auto;
  height: auto;
}
.groups-box,
.ad-box{
  margin-top: .75rem;
}
.func-box,
.groups-box{
  border-radius: 1rem;
  background: #FFFFFF;
}

/* 功能栏 */
.func-box{
  padding-top: 1.4rem;
  padding-bottom: 0.1rem;
}
.func-box .func-box-item{
  width: 25%;
  height: auto;
  text-align: center;
  margin-bottom: 1.6rem;
  cursor: pointer;
}
.func-box .func-box-item .icon{
  width: 3.3rem;
  height: 3.3rem;
  margin: auto;
}
.func-box .func-box-item .title{
  font-size: 1.2rem;
  font-weight: 400;
  color: #2A2A2A;
  line-height: 1;
  padding-top: .4rem;
}
.func-box #dog{
  display: none;
}
.func-box #order{
  display: none;
}
.func-box #dog .icon{
  background: url('../img/center/center_icon_dog.png')no-repeat center center;
  background-size: 100%;
}
.func-box #order .icon{
  background: url('../img/center/center_icon_order.png')no-repeat center center;
  background-size: 100%;
}
.func-box #question .icon{
  background: url('../img/center/center_icon_question.png')no-repeat center center;
  background-size: 100%;
}
.func-box #customer .icon{
  background: url('../img/center/center_icon_customer.png')no-repeat center center;
  background-size: 100%;
  position: relative;
}
.func-box #customer .icon::after{
  position: absolute;
  top: -.6rem;
  left: 1.8rem;
  content:'';
  width: 2.1rem;
  height: 2.1rem;
  background: url('../img/center/bijia.png')no-repeat center center;
  background-size: 100% 100%;
}
.func-box #game .icon{
  background: url('../img/center/center_icon_game.png')no-repeat center center;
  background-size: 100%;
}
.func-box #letter .icon{
  background: url('../img/center/center_icon_letter.png')no-repeat center center;
  background-size: 100%;
}
.func-box #welfare .icon{
  background: url('../img/center/flgj.png')no-repeat center center;
  background-size: 100%;
}
.func-box #getNotice .icon{
  background: url('../img/center/icon_notice.png')no-repeat center center;
  background-size: 100%;
  position: relative;
}
.func-box #gw .icon{
  background: url('../img/center/icon_gw.png')no-repeat center center;
  background-size: 100%;
  position: relative;
}
.func-box .func-box-item .icon.tag{
  position: relative;
}
.func-box .func-box-item .icon.tag span{
  position: absolute;
  top: -0.8rem;
  right: -1.2rem;
  width: 2.9rem;
  height: 1.5rem;
  overflow: hidden;
  -moz-animation:roate .9s .1s infinite ease-out; 
	-webkit-animation:roate .9s .1s infinite ease-out; 
	-o-animation:roate .9s .1s infinite ease-out;
	animation:roate .9s .1s infinite ease-out;
}
.func-box .func-box-item .icon.tag span::before{
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  background: url('../img/center/tag.png')no-repeat center center;
  background-size: auto 100%;
}
.func-box .func-box-item .icon.tag span::after{
  content: '';
  background:-webkit-linear-gradient(to right,rgba(255,255,255,0) ,rgba(255,255,255,.5));
	background:-moz-linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.5));
	background:-o-linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.5));
	background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.5));
	width: 1.5rem;
	height: 3rem;
	position: absolute;
	left: 0.5rem;
	top: -.75rem;
	z-index: 1;
	transform: rotate(30deg);
	-moz-animation:move2 3s infinite; 
	-webkit-animation:move2 3s infinite; 
	-o-animation:move2 3s infinite;
	animation:move2 3s infinite;
}
@-moz-keyframes move2 {
  0% {left:-30%;}
  30% {left:-30%;}
100%{left:100%;}
}

@-webkit-keyframes move2 {
0% {left:-30%;}
  30% {left:-30%;}
100%{left:100%;}
}

@-o-keyframes move2 {
0% {left:-30%;}
  30% {left:-30%;}
100%{left:100%;}
}

@keyframes move2{
0% {left:-30%;}
  30% {left:-30%;}
100%{left:100%;}
}

@keyframes roate{
  0% {transform: rotate(0deg);transform-origin: bottom left;}
  10% {transform: rotate(-12deg);transform-origin: bottom left;}
  20% {transform: rotate(1deg);transform-origin: bottom left;}
  30% {transform: rotate(2deg);transform-origin: bottom left;}
  40% {transform: rotate(0deg);transform-origin: bottom left;}
  50% {transform: rotate(-10deg);transform-origin: bottom left;}
  60% {transform: rotate(0deg);transform-origin: bottom left;}
  70% {transform: rotate(1deg);transform-origin: bottom left;}
  100% {transform: rotate(0deg);transform-origin: bottom left;}
}

/* 广告列表 */
.ad-box{
  display: none;
}
.ad-box .ad-box-item{
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  cursor: pointer;
}
.ad-box .ad-box-item img{
  width: 100%;
}

/* 群列表 */
.groups-box{}
.groups-box .groups-top{
  height: 4.5rem;
  line-height: 4.5rem;
}
.groups-top .groups-count{
  font-size: 1.4rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #222222;
  float: left;
  padding-left: 1.6rem;
}
.groups-top .open-group-btn{
  font-size: 1.3rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #FF9710;
  float: right;
  padding-right: 1.6rem;
  position: relative;
}
.groups-top .open-group-btn::before{
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  top: 50%;
  right: 1rem;
  border-top: 1px solid #FF9710;
  border-left: 1px solid #FF9710;
  transform: translate3d(0, -50%, 0) rotate(135deg);
  -webkit-transform: translate3d(0, -50%, 0) rotate(135deg);
  -o-transform: translate3d(0, -50%, 0) rotate(135deg);
  -moz-transform: translate3d(0, -50%, 0) rotate(135deg);
}
.groups-box .groups-list{}
.groups-box .groups-list .empty .ui-btn{
  width: 10rem;
  height: 3.4rem;
  border-radius: 10rem;
  margin: auto;
  display: block;
}
.groups-box .groups-list .group-item-wrap{
  height: 8rem;
  padding: 0 1.5rem;
  position: relative;
}
.groups-list .group-item-wrap::before{
  content: '';
  width: 100%;
  height: 1px;
  background: linear-gradient(to top, #ffffff, #E7E7E7);
  position: absolute;
  top: 0;
  left: 0;
}
.groups-box .groups-list .group-item-wrap.empty{
  height: 11rem;
  padding-top: 1.5rem;
  width: 100%;
  line-height: 4rem;
  text-align: center;
  color: #A6A6A6;
  font-size: 1.4rem;
}
.groups-box .group-item{
  width: 100%;
  height: 100%;
}
.groups-box .group-item .head{
  width: 4.3rem;
  height: 4.3rem;
  border-radius: .5rem;
  overflow: hidden;
}
.groups-box .group-item .head img{
  width: 100%;
}
.groups-box .group-item .info{
  padding-left: 1.45rem;
}
.group-item .info .name{
  font-size: 1.5rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #2D2D2D;
  line-height: 1;
  padding-bottom: .9rem;
}
.group-item .info .name .expire-tag{
  width: 5.4rem;
  height: 1.6rem;
  background: #FFE6E6;
  border-radius: 2px;
  font-size: 1.2rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FF0000;
  margin-left: .75rem;
}
.group-item .info .desc{
  font-size: 1.1rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #A6A6A6;
  line-height: 1;
}
.group-item .info .desc .b-r{
  border-right: 1px solid #CDCDCD;
  padding-right: .4rem;
  margin-right: .4rem;
  display: inline-block;
}
.group-item .info .desc .seal,
.group-item .info .desc .abnormal,
.group-item .info .desc .unknown,
.group-item .info .desc .expire{
  color: #FF0000;
}
.group-item .info .desc .normal{
  color: #17C05B;
}
.group-item .info .desc .forbid,
.group-item .info .desc .rest,
.group-item .info .desc .sleep,
.group-item .info .desc .leave{
  color: #AFAFAF;
}
.group-item .info .desc .time.red{
  color: #FF0000;
}
/* .group-item .info .desc .leave{
  color: #ffa302;
} */

.groups-box .group-item .btns{}

/* 弹窗 */
.welfare-popup{
  display: none;
}
.mask{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	z-index: 1000;
}
.popup{
	position:fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 1001;
	width: 80%;
}
.popup-img{
	border-radius: .5rem;
	width: 100%;
	height: auto;
  position:relative;
  overflow: hidden;
}
.popup-img img{
  width:100%;
}
.popup-close{
	width: 3.5rem;
  height: 3.5rem;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: -5rem;
  right: -2rem;
	background:url(../img/buy/popup-close.png) no-repeat center center ;
	background-size: 100%;
}
.discount-mask{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
  z-index: 8;
}
.discount-popup{
	position:fixed;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 9;
  width: 80%;
}
.discount-popup-img{
	border-radius: .5rem;
	width: 100%;
	height: auto;
  position:relative;
  min-height: 20rem;
}
.discount-popup-img img {
  width: 100%;
}
.discount-popup-btn{
	position:absolute;
	left:50%;
	/* margin-left:-9.7rem; */
  transform: translateX(-50%) translateY(5%);
	bottom:4rem;
	width:19.4rem;
	height:4.5rem;
	line-height:4.5rem;
	border-radius: 2.3rem;
	font-size:1.6rem;
	text-align:center;
	font-weight:bold;
	/* overflow: hidden;
	background: #f6305f; */
	color: #ffffff;
  border:1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.discount-popup-btn img {
  /* margin-left: 0.8rem;
  width: 2.2rem;
  height: 2.2rem;
  margin-top: -0.1rem; */
  width: 100%;
}
.discount-popup-close{
	width: 3.5rem;
  height: 3.5rem;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: -5rem;
  right: 0rem;
	background:url(../img/buy/popup-close.png) no-repeat center center ;
	background-size: 100%;
}
/* mui */
.close_btn {
  display: block;
  float: right;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/buy/close.png) no-repeat;
  background-size: 16px 16px;
  position: absolute;
  top: 1.4rem;
  right: 1.5rem;
  background-size: cover;
}
.mui-popup-title {
  height: 4.4rem;
  line-height: 4.4rem;
   background-color: #292928;
   color: #ffda43;
   font-size: 1.6rem;
   width: 100%;
   border-radius: 5px 5px 0 0;
}
.mui-popup-inner {
  position: relative;
 padding: 0;
  border-radius: 5px 5px 0 0;
  background:#fff;
}
.mui-popup {
  width: 82.4%;
  max-width: 28rem;
  border-radius: 5px;
  overflow: inherit;
}
.notice-item{
  position: relative;
}
.notice-item::before{
  content:'';
  position: absolute;
  left: 1.2rem;
  top: .6rem;

  display: inline-block;
  /* 设置4个边框 */
  border: .4rem transparent solid;
  border-left-width: .6rem;
  /* 上边框是隐藏的 */
  border-right: none;
  /* 单独给下边框设置颜色得以让它显示 */
  border-left-color: #000;
  /* 这个宽度设置是为了防止由于水平公式而导致此三角继承父元素的宽度 */
  width: 0;
}
.mui-popup-title+.mui-popup-text {
  font-family: inherit;
  font-size: 1.25rem;
 margin: 0;
 max-height: 37rem;
 overflow-y: auto;
  /* height: 9.55rem; */
  color: #292928;
  /* padding: 2.9rem; */
  padding: 1.3rem 1.6rem;
   line-height: 1.3;
}
.mui-popup-title+.mui-popup-text p{
   color: #292928;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.3;
  word-wrap: break-word;
  word-break: break-all;
}
.mui-popup-title+.mui-popup-text p:not(:last-child){
  margin-bottom: 0.3rem;
}
.mui-popup-text #groupNum{
color: #ffa302;
}
.mui-popup-text #dateNum{
color: #ffa302;
}
.mui-popup-button:first-child {
  border-radius: 0 0 0 5px;
}
.mui-popup-button:last-child {
  border-radius: 0 0 5px 0;
  color: #ffa302;
}
.mui-popup-button {
  font-size: 1.4rem;
  line-height: 4.4rem;
  width: 100%;
  height: 4.4rem;
  padding: 0;
  text-overflow: ellipsis;
  color: #999999;
  background: #fff;
  font-weight: bolder;
}
.mui-popup-button:after {
  background-color: #e5e5e5;
}
.mui-popup-inner:after {
  background-color: #e5e5e5;
}


/* notice-box */
.notice-box{
  width: 100%;
  margin: -.5rem 0 .75rem 0;
  position: relative;
  display: none;
}
.notice-box::before{
  content: '';
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background: #ffffff;
  position: absolute;
  top: -5px;
  left: 3.5rem;
  border-radius: 2px;
}
.notice-box .tips-wrap{
  width:35.5rem;
  height:4.5rem;
  line-height:4.5rem;
  background:#FFFFFF;
  box-shadow:0px 0px 8px 0px rgba(85,85,85,0.15);
  border-radius:1rem;
  margin: auto;
  padding-left: 1.5rem;
}
.notice-box .tips-wrap .icon{
  width: 2.2rem;
  height: 2.2rem;
  margin-right: .2rem;
  margin-top: -2px;
  display: inline-block;
  background: url('../img/tips_img/icon_invite2.png')no-repeat center center;
  background-size: 100%;
  vertical-align: middle;
}
.notice-box .tips-wrap .tips{
  font-size:1.4rem;
  font-weight:400;
  color:#302A05;
  vertical-align: middle;
}
.notice-box .tips-wrap .tips i{
  vertical-align: middle;
}
.notice-box .tips-wrap .tips i::before,
.notice-box .tips-wrap .tips i::after{
  content: '';
  width: 4px;
  height: 4px;
  border-top: 1px solid #302A05;
  border-left: 1px solid #302A05;
  transform: translate3d(0, -50%, 0) rotate(135deg);
  -webkit-transform: translate3d(0, -50%, 0) rotate(135deg);
  -o-transform: translate3d(0, -50%, 0) rotate(135deg);
  -moz-transform: translate3d(0, -50%, 0) rotate(135deg);
  vertical-align: middle;
  display: inline-block;
}
.notice-box .tips-wrap .tips::after{
  margin-left: 2px;
}

/* service-popup */
.service-popup{
  display: none;
}
.service-popup .mask{
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}
.service-popup .popup{
  width: 29rem;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 1rem;
  transform: translate3d(-50%,-50%,0);
  -webkit-transform: translate3d(-50%,-50%,0);
  -moz-transform: translate3d(-50%,-50%,0);
  -o-transform: translate3d(-50%,-50%,0);
  z-index: 51;
  padding: 3.3rem 3rem 3rem 2.9rem;
}
.service-popup .popup .title{
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
  line-height: 1;
  margin-bottom: 1.8rem;
}
.service-popup .popup .p{
  font-size: 1.4rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.6rem;
  padding-bottom: 1.6rem;
}
.service-popup .popup .button{
  width: 16.5rem;
  height: 4.6rem;
  line-height: 4.6rem;
  font-size: 1.3rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  /* color: #FFDA43; */
  text-align: center;
  /* background: #333333; */
  border-radius: .8rem;
  margin: auto;
  margin-top: 1rem;
  background: #fff;
  border: .15rem solid #FF9710;
  color: #FF9710;
}
.service-popup .popup .button:active{
  opacity: 0.8;
}
.service-popup .popup .close-btn{
  width: 4rem;
  height: 4rem;
  position: absolute;
  background: url('../img/activity/nd_btn_close_h.png')no-repeat center center;
  background-size: 100%;
  bottom: -7.1rem;
  left: 50%;
  margin-left: -2rem;
}

/* notice-popup */
.notice-popup{
  display: none;
}
.notice-popup .popup{
  width: 87.7%;
  background: none;
}
.notice-popup .popup .title-img{
  width:100%;
  padding: 0;
  margin:0;
}
.notice-popup .popup .title-img img{
  width:100%;
}
.notice-popup .content{
  width:95.781%;
  margin-left: 2.1095%;
  margin-top:-1rem;
  padding: 2rem 2.3rem;
  background: #ffffff;
  border-radius: 0 0 1.2rem 1.2rem;
}
.notice-popup .title{
  color: #222;
  font-size: 1.5rem;
  margin-bottom: .8rem;
  font-weight: bold;
  line-height: 1;
}
.notice-popup .txt{
  color: #222;
  font-size: 1.4rem;
  margin-bottom: .8rem;
  line-height: 2rem;
  text-indent: 2em;
}
.notice-popup .popup-btn{
  width:12rem;
	height:3.2rem;
	line-height:3.2rem;
	border-radius: 2.3rem;
	font-size:1.2rem;
  background: #ffd40b;
	color: #222;
	text-align:center;
  font-weight:bold;
  display: block;
  cursor: pointer;
  margin: 1.6rem auto auto;
}
.notice-popup .red{
  color: #f74a15;
}


/* popup */
.ser-notice-popup-wrap{
  display: none;
}
.ser-notice-mask{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
  z-index: 8;
}
.ser-notice-popup{
	position:fixed;
	left:50%;
	top:12%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 9;
  width: 90.67%;
}
.ser-notice-popup-inner{
  width: 100%;
  position: relative;
  background: #FFDB01;
  padding: .4rem;
  border-radius: 1.8rem;
  overflow: hidden;
}
.ser-notice-btn{
  width:10rem;
	height:3.6rem;
	border-radius: 2.3rem;
	font-size:1.3rem;
	text-align:center;
	font-weight:bold;
  overflow: hidden;
  background: none;
  color: #444;
  border: 2px solid #555;
  margin: 1rem auto; 
}
.ser-notice-btn:active{
  opacity: 0.7;
}
.ser-notice-popup .top-bg{
  width: 100%;
  height: 12rem;
  background: url(../img/popup/banner.png)no-repeat top center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
}
.ser-notice-popup-content{
  padding: 10.1rem .9rem 0;
  background: #ffffff;
  border-radius: 1.8rem;
}
.ser-notice-popup-content .section-1 .title{
  font-size: 1.6rem;
  font-weight: 800;
  color: #2C2708;
  margin-bottom: .75rem;
  padding-left: .3rem;
}
.ser-notice-popup-content .section-1 .txt{
  font-size: 1.3rem;
  font-weight: 400;
  color: #555555;
  line-height: 1.8rem;
  padding-left: .4rem;
}
.ser-notice-popup-content .section-2 .title{
  font-size: 1.3rem;
  font-weight: bold;
  color: #2C2708;
  margin: 2.25rem 0 .65rem 0;
  padding-left: .3rem;
}
.ser-notice-popup-content .section-2 .txt{
  font-size: 1.3rem;
  font-weight: 400;
  color: #555555;
  line-height: 1.8rem;
  padding-left: .4rem;
}
.ser-notice-popup-content .section-3 .title{
  width: 100%;
  height: 1.6rem;
  margin: 2.35rem 0 .7rem 0;
}
.ser-notice-popup-content .section-3 .title img{
  display: block;
  height: 100%;
}
.ser-notice-popup-content .section-3 .con{
  width: 100%;
  /* height: 14.55rem; */
  background: #FFFDF1;
  border: 2px solid #FFE443;
  border-radius: 1rem;
  padding: 1.6rem 1rem 1.6rem 1rem;
}
.ser-notice-popup-content .section-3 .con .con-item:first-child{
  margin-bottom: 1rem;
}
.ser-notice-popup-content .section-3 .con .tit{
  font-size: 1.4rem;
  font-weight: bold;
  color: #2C2708;
  margin-bottom: .35rem;
}
.ser-notice-popup-content .section-3 .con .txt{
  font-size: 1.3rem;
  font-weight: 400;
  color: #555555;
  line-height: 1.8rem;
}
.ser-notice-popup .footer{
  font-size: 1.4rem;
  font-weight: bold;
  color: #2C2708;
  padding-left: .6rem;
  margin-top: 1.3rem;
  line-height: 1.6rem;
  padding-bottom: 1.8rem;
}
.ser-notice-popup-close{
	width: 3.5rem;
  height: 3.5rem;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: -5rem;
  right: 0rem;
	background:url(../img/buy/popup-close.png) no-repeat center center ;
	background-size: 100%;
}