ul,li,p,dl,dt,dd,body{margin:0; padding:0; list-style: none; box-sizing: border-box;}
html{font-size: 16px;}
img {
 max-width:100%;
 border:0;
 border:0;

}
body{box-sizing: border-box; background: #FFF;}
.invite_wrap .top {font-size: 0; position: relative; z-index: 2;}
.invite_wrap .top .banner{height: auto; width: auto\9; width:100%;}
.course-wrap{padding: 0 1.25rem;}
.course_detail{margin: 0 auto; font-size: .75rem;box-sizing: border-box; display: flex; overflow: hidden;}
.course_detail_l{flex:1;box-sizing: border-box; }
.course_detail_r{flex:1; padding-left: 0.9375rem; box-sizing: border-box; }
.course_detail_r .course-title{font-size: 0.9375rem; color: #666;  padding-top:.45rem; padding-bottom: .45rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.course_detail_r .title1 {color: #666; padding-bottom: .45rem; font-size: 1.0rem;}
.course_detail_r .title1 span{font-size: 0.75rem; color: #666; font-weight: normal;}
.course_detail_r .title2{font-size: 0.75rem; color: #999; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.help_friends .txt{font-size:0.8125rem; color: #666; padding-left: 1.35rem; padding-top: 0.3125rem;}
.help_friends .poor{color: #ff627b;}
.process{margin:0 auto; width: 76%; margin-top:0.9375rem; }
.process1{width: 100%; height:2px; background: #b3b3b3;  position: relative;}
.process2{height:2px; background: #ac35e1;position: absolute; left: 0; top:0; font-size: 0;}
.dot{display: flex;}
.rule{position: absolute; right: 0; top: .5rem;}
.rule a{display: block;}
.rule img{width: 3.85rem; height: 1.3rem;}
.dot{display: flex; position: relative; top: -22px;}
.dot .text{flex:1;font-size: 0.75rem;color: #666; padding-top: .75rem; position: relative; text-align: center; width: 25%; text-align: center; line-height: 20px;}
.dot .text .hascolor{color: #ff536f;}
.dot-img img{width: 1.0625rem; height: 17px;}
.dot .dot-text{padding-top: 5px;}
/* .dot .text1{flex:1 1 .45rem; text-align: left;}
.dot .text2{flex:1 1 .45rem; text-align: right;} */
.small{width: .15rem;  height: .5rem; position: absolute; left: 1rem; top: .15rem;}
/* .dot .text1 .small{left: 2px;}
.dot .text2 .small{left: 2rem;} */
.small img{width: .15rem;  height: .5rem;}
.invite{margin-top: 0.75rem; margin-bottom: .45rem;}

.time{font-size: .7rem; text-align: center; color: #242424; padding-top:.45rem; padding-bottom: .45rem; }
.time span{color: #3436ba; }
.appinvite-wrap{padding: 0 0.9375rem; margin-bottom: 1.25rem;}
.friends_wrap{background: #FFF; border-radius: 0.5rem; padding-bottom: 1.375rem; padding-top: 0.625rem;}
.friends_wrap .head{color: #525252; font-size: .65rem; text-align: center; height: 1.5rem; position: relative;}
.friends_wrap .head .line{width: 2rem; height: 1px; position: absolute; font-size: 1px; background: #686868; top:0.375rem;}
.friends_wrap .head .line1{left: 4.25rem;}
.friends_wrap .head .line2{right: 4.25rem;}
.list{ margin: 0 auto; padding: 0 1.75rem;}
.list_wrap li{height: 2.8125rem; border-bottom: 1px dashed #e4e4e4; display: flex; line-height: 2.8125rem;}
.avater{flex:0 1 1.55rem; margin-top: 0.3125rem;}
.avater img{height: 1.525rem; width:1.475rem;}
.name{font-size:0.8125rem; color: #525252; flex:1 1 4rem; padding-left: .45rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.name1{font-size: 0.8125rem; color: #666; flex:1 1 1rem;  text-align: right;}
.have_btn{display: flex;}
.have_btn .have_btn1{flex:1 1 9.425rem; height: 2.8125rem;  line-height:2.8125rem; color: #FFF; font-size: 0.875rem; text-align: center; background:-webkit-linear-gradient(left,#ff562d,#ff2139);background:-o-linear-gradient(right,#ff562d,#ff2139);background:-moz-linear-gradient(right,#ff562d,#ff2139);	background:linear-gradient(to right,#ff562d,#ff2139);}
.have_btn .have_btn2{background:-webkit-linear-gradient(left,#ff562d,#ff2139);background:-o-linear-gradient(right,#ff562d,#ff2139);background:-moz-linear-gradient(right,#ff562d,#ff2139);	background:linear-gradient(to right,#ff562d,#ff2139);color: #cba9fc;}
.have_btn .have_btn1 a{text-decoration: none; color: #FFF;}
.invite-rule{padding: 0 1rem; font-size: .7rem; margin-bottom: 1rem; color: #525252; line-height: 26px;}
.invite-rule .invite-intro{border-left: 2px solid #ff7e33; padding-left: .4rem; font-size: .75rem; color: #747474;}
.appinvite-time{
  width: 15.1rem;
  height: 7.4rem;
  background-color: #ffffff;
 background: rgba(255,255,255,0.1);
  position: absolute; right: 0.75rem; top: 10.938rem;
  z-index: 1000;
  
}
.appinvite-time p.appinvite-img{color: #ffff00; font-size: 20px; padding-left: 1.25rem; padding-top: 0.9375rem; padding-right: 1.25rem;}
.appinvite-detail{display: flex; padding-left: 1.0rem; padding-right: 0.625rem;}

.appinvite-detail-l p{font-family: SourceHanSansCN-Bold, AdobeInvisFont, AdobeHeitiStd-Regular;
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  color: #57ff9e; padding-top: 0.625rem;}
.appinvite-detail-r{padding-left: 0.625rem;}
.appinvite-detail-r p.one{font-family: SourceHanSansCN-Bold, AdobeInvisFont, AdobeHeitiStd-Regular;
  font-size: 0.875rem; color: #FFF; line-height: 1.375rem; padding-top: 0.3125rem;}
  .appinvite-detail-r p.two{font-family: SourceHanSansCN-Bold, AdobeInvisFont, AdobeHeitiStd-Regular;
  font-size: 1.0rem;color: #ffff00; font-weight: 700;}
.brick-mask{  width: 94%; margin: 0 auto; position: relative; z-index: 4; top: -4.8rem;}
.brick-content{ 
  border-radius: .8rem;
  box-shadow: 0rem 0.2rem 1.7rem 0.1rem rgba(13, 189, 149, 0.19);
  background:#FFF; 
  -webkit-box-shadow:0rem 0.2rem 1.7rem 0.1rem rgba(13, 189, 149, 0.19);
  margin: 0 .9375rem; 
  padding-top: 1.5rem; 
  padding-bottom: .1rem; }
.title{text-align: center; font-size: 1.125rem; color: #f85959; padding: .9375rem;}
.title img{width: 75%;}
.js-load-more{font-size:0.875rem; text-align: center; color:#525252; line-height: 1.875rem; margin-top: 10px;}
.appinvite-wrap1 .title img{width: 65%;}
.rule-text{padding: 0 1.25rem; color: #666; font-size: 0.875rem; line-height: 1.625rem;}
.num-txt{width: 20px; height: 20px; background: #a256d7; border-radius: 10px; display: inline-block; text-align: center; line-height: 20px; color: #FFF; margin-right: 5px;}
.rule-text p{padding-bottom: 0.9375rem;}
.description{color: #1c1c1c; font-size: .75rem; height: 1.5rem; -webkit-line-clamp:2; line-height: 1.5rem; display: flex; padding-top: 0.9375rem;}
.description > div{flex:1;-webkit-box-flex:1;-ms-flex:1;}
.sum-people{color: #1c1c1c; font-size:1.125rem;  text-align: center;}
.sum-people1{text-align: left; padding-left: 0.9375rem;}
.icon-yonghu img{width: 1.0625rem; height: 1.0625rem; vertical-align: middle;}
.sum-people span{padding-left: 0.5rem;}
.ranking_text{font-size: 1.0rem; color: #fbe182; text-align: center;padding-top: 1.875rem; letter-spacing: 1px;  position: relative; z-index: 5; width: 90%; margin: 0 auto; top:-5.875rem;}
.ranking_text .other_color{font-size: 1.375rem; color: #FFF; font-weight: 600; padding: 0 0.3125rem;}
.inviteyin .invitebtn1{width: 70%; height: 2.8125rem; border-radius: 1.3rem; 
  margin: 20px auto;  text-align: center; color: #FFF; 
  line-height: 2.8125rem; 
  background: linear-gradient(to right,#0173FE,#01A6FF); } 
.inviteyin .invitebtn1 a{display: block; color: #323233; font-size: 1.125rem; line-height: 2.8125rem; text-decoration: none;}
.title_banner{width: 50%; margin: 0 auto;}
.title_txt{font-size: 0.75rem; color: #7a7a7a; text-align: center; padding-top: 1.25rem;}
.title_txt>p{margin-left: 0.8rem;margin-right: 0.8rem;}
.brick-content-top{margin-top: 20px;}

.bri-bot{
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  position: fixed;
  bottom: 0;  
  text-align: center;
  /* background: #eee; */
  background-color: #0ED293;
  /* background: rgba(0, 0, 0, .1); */
  z-index: 100;
  color: #fff;
  font-size:.8rem;
}

@media only screen and (min-width: 750px){
body{
  width:750px;
  margin: 0 auto;
}
.bri-bot{
  width: 750px;
}
}


.product_part{
	/* width: 20.938rem; */
	margin: 0 auto;
	margin-top: .938rem;
  padding: 0 0.9375rem !important;
}
.product_part img{
	width: 100%;
}
.product_marking{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	display: none;
  z-index: 999;
}
.product_mark{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 45%;
    height: 12rem;
    background: #fff;
    border-radius: 0.8rem;
    padding-top: 1.5rem;
    box-sizing: border-box;
}
.product_mark .code_img{
	text-align: center;
}
.product_mark img{
	border: 4px solid;
    border-image: linear-gradient(to right, #9dff0a, #ffe850) 1;
	width: 8rem;
	padding: 0.2rem;
    box-sizing: border-box;
    margin: 0 auto;
}
.product_mark p{
	font-size: .8rem;
	color: #333;
	text-align: center;
  padding-top: 0.3rem;
}