ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  color: #666;
}
a:focus,
a:active {
  color: #333;
}
.white-bg {
  background: #fff !important;
}
.hide {
  display: none !important;
}
.righticon-sm {
  content: "\e613";
  font-family: "iconfont-sm" !important;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  color: #999;
}
.content {
  background: #F5F5F5;
}
.main-color {
  color: #fc5951 !important;
}
.main-btn {
  border-color: #fc5951;
  background-color: #fc5951;
  color: #fff;
  padding: 0 1rem;
  height: 1.45rem;
  line-height: 1.35rem;
}
.main-btn:focus,
.main-btn:active {
  border-color: #fa3329;
  background-color: #fa3329;
  color: #fff;
}
.btn-group {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  background: #fff;
  z-index: 99999;
}
.btn-group ~ .content {
  padding-bottom: 2.7rem;
}
.re-header {
  background: #fc5951;
}
.re-header .title,
.re-header a {
  color: #fff;
}
.navicon {
  background: url('../images/navicon.png') no-repeat;
  width: 1.3rem;
  height: 1.3rem;
  background-size: auto 2.6rem;
  display: block;
}
.navicon0 {
  background-position: 0px 0px;
}
.navicon1 {
  background-position: -1.3rem 0px;
}
.navicon2 {
  background-position: -2.6rem 0px;
}
.navicon3 {
  background-position: -3.9rem 0px;
}
.tab-item.active .tab-label {
  color: #fc5951;
}
.tab-item.active .navicon {
  background-position-y: -1.3rem;
}
.gui-box {
  background: #fff;
  padding: 0.5rem 0;
}
.gui-box .gui-pic {
  text-align: center;
  margin: 0 0.7rem 0.3rem;
  font-size: 0;
}
.gui-box .gui-pic:after {
  content: '';
  clear: both;
}
.gui-box .gui-pic img {
  width: auto;
  max-width: 100%;
}
.gui-box .gui-txt {
  text-align: center;
  font-size: 0.65rem;
  color: #666;
  margin: 0 auto;
}
.gui-box .gui-news {
  background-color: #FFFDDC;
  padding: 0.5rem 0.2rem;
  margin-top: 1rem;
  text-align: center;
}
.gui-box .gui-news a {
  display: block;
  position: relative;
  font-family: "iconfont-sm";
  color: #FEAC02;
}
.gui-box .gui-news .gui-news-pic {
  padding: 0 25%;
}
.gui-box .gui-news .gui-news-pic img {
  width: auto;
  max-width: 100%;
}
.gui-box .gui-news p {
  margin: 0 1rem;
  font-size: 0.65rem;
  color: #999;
}
.gui-box .index-news {
  padding: 15px 1.5rem 0px 1.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid #ddd;
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.gui-box .index-news .guide-news-pic {
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  margin-right: 12px;
  position: relative;
  line-height: 0.75rem;
  float: left;
  margin-top: 3px;
}
.gui-box .index-news .guide-news-pic:after {
  content: '';
  background-size: auto 100%;
  position: absolute;
  top: 0;
  right: -7px;
  width: 1px;
  height: 100%;
}
.gui-box .index-news .guide-news-pic img {
  width: 100%;
  height: auto;
}
.gui-box .index-news p {
  margin: 0;
  padding: 0;
}
.gui-box .index-news .news-title {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #ffac00;
  line-height: normal;
  float: left;
}
.gui-box .index-news .news-dec {
  display: block;
  font-size: 0.65rem;
  color: #666;
  margin-top: 10px;
  float: left;
}
.prolist {
  background: #fff;
  overflow: hidden;
  margin-top: 0.75rem;
}
.prolist .pro-class {
  color: #666;
  border-bottom: 1px solid #EDEDED;
  padding: 0.1rem 0;
  font-size: 0.75rem;
}
.prolist .pro-class .pull-left span {
  border-left: 2px solid #FC4F47;
  padding-left: 6px;
  color: #333;
  font-weight: 600;
}
.prolist .pro-class .pull-right span {
  font-size: 0.65rem;
}
.prolist li {
  padding: 1rem;
  border-bottom: 1px solid #EDEDED;
}
.prolist li p {
  margin: 0;
}
.prolist li:last-child {
  border-bottom: 0px;
}
.prolist .pro-pic {
  margin-right: 0.3rem;
  max-height: 5rem;
  overflow: hidden;
}
.prolist .pro-pic img {
  width: auto;
  max-width: 100%;
}
.prolist .pro-dec {
  font-size: 0.75rem;
  color: #999;
  margin: 0.2rem 0 0;
}
.prolist .pro-time {
  font-size: 0.75rem;
  color: #999;
  margin: 0rem 0 0.2rem;
}
.prolist .pro-num {
  font-size: 0.65rem;
  color: #999;
  margin-top: 0.2rem;
}
.prolist .pro-num span {
  color: #fc5951;
}
.process {
  padding: 0.75rem 0;
}
.process dl {
  position: relative;
  margin: 0;
}
.process dl:after {
  clear: both;
}
.process dl dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  z-index: 9999;
  background: #fff;
  font-size: 0;
}
.process dl dt img {
  width: auto;
  max-width: 100%;
}
.process dl dd {
  padding-left: 40px;
  width: 100%;
  margin-left: 0;
  padding-top: 5px;
}
.process dl dd:after {
  content: '';
  width: 2px;
  height: 100%;
  background: #fc5951;
  position: absolute;
  top: 15px;
  left: 14px;
}
.process dl .last-dd:after {
  background: transparent !important;
}
.process p {
  font-size: 0.75rem;
  color: #999999;
  margin-top: 0;
}
.process p span {
  font-size: 0.85rem;
  color: #333;
  margin-right: 0.5rem;
}
.buttons-tab {
  position: relative;
  z-index: 9999;
}
.buttons-tab .button.active {
  color: #fc5951;
  border-color: #fc5951;
}
.tab > .pull-to-refresh-content {
  top: 0rem;
}
.carlist > .pull-to-refresh-content {
  top: 0rem;
  bottom: 2.5rem;
}
.carlist .caritem {
  background: #fff;
  padding: 0.5rem;
  margin-top: 0.6rem;
}
.carlist .caritem .carmessage {
  position: relative;
  padding: 0.5rem 0 1rem 4rem;
  border-bottom: 1px solid #ededed;
}
.carlist .caritem .carmessage:after {
  clear: both;
}
.carlist .caritem .carmessage .carpic {
  float: left;
  width: 3rem;
  height: 3rem;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.carlist .caritem .carmessage .carpic img {
  width: 100%;
}
.carlist .caritem .carmessage .carname {
  font-size: 0.75rem;
}
.carlist .caritem .carmessage .cardate {
  font-size: 0.65rem;
  color: #999;
}
.carlist .caritem .carmessage .tag {
  position: absolute;
  top: 0;
  right: 0;
  background: #fc5951;
  color: #fff;
  font-size: 0.65rem;
  border-radius: 1000px;
  padding: 0.5rem;
  line-height: 0.15rem;
}
.carlist .caritem .carmessage .tag-end {
  background: #999;
}
.carlist .caritem .cardec .dectitle {
  margin: 0.65rem 0;
}
.carlist .caritem .cardec p {
  font-size: 0.65rem;
}
.carlist .caritem .cartool {
  overflow: hidden;
}
.carlist .caritem .cartool span {
  float: right;
  display: inline;
  margin-left: 0.5rem;
  color: #999;
  font-size: 0.65rem;
}
.carlist .caritem .cartool span label {
  margin: 0 0.2rem 0 0;
  color: #fc5951;
}
.proinfo .proinfoitem {
  background: #fff;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
.proinfo .proinfoitem .proinfomessage {
  position: relative;
  padding: 0.5rem 0 0.5rem 4rem;
  margin: 0.5rem 0;
}
.proinfo .proinfoitem .proinfomessage:after {
  clear: both;
}
.proinfo .proinfoitem .proinfomessage .proinfopic {
  float: left;
  width: 3rem;
  height: 3rem;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.proinfo .proinfoitem .proinfomessage .proinfopic img {
  width: 100%;
}
.proinfo .proinfoitem .proinfomessage .proinfoname {
  font-size: 0.75rem;
}
.proinfo .proinfoitem .proinfomessage .proinfodate {
  font-size: 0.65rem;
  color: #999;
}
.proinfo .proinfoitem .proinfomessage .tag {
  position: absolute;
  top: 0;
  right: 0;
  background: #fc5951;
  color: #fff;
  font-size: 0.65rem;
  border-radius: 1000px;
  padding: 0.5rem;
  line-height: 0.15rem;
}
.proinfo .proinfoitem .proinfomessage .tag-end {
  background: #999;
}
.proinfo .proinfoitem .proinfo-title {
  font-size: 0.75rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5rem;
}
.proinfo .proinfoitem .proinfo-content {
  font-size: 0.65rem;
  padding: 0.65rem 0;
  color: #666;
}
.proinfo .proinfoitem .proinfo-piclist {
  padding: 0.65rem 0;
}
.proinfo .proinfoitem .proinfo-piclist ul {
  margin-left: -3%;
  overflow: hidden;
}
.proinfo .proinfoitem .proinfo-piclist ul li {
  width: 33.33%;
  padding-left: 3%;
  float: left;
  display: inline-block;
}
.proinfo .proinfoitem .proinfo-piclist .pic {
  width: 100%;
  padding-bottom: 120%;
  position: relative;
  overflow: hidden;
}
.proinfo .proinfoitem .proinfo-piclist .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.proinfo .proinfoitem .proinfo-piclist p {
  margin: 0.5rem auto;
  text-align: center;
  font-size: 0.75rem;
}
.proinfo .proinfoitem .proinfo-donationslist ul {
  overflow: hidden;
}
.proinfo .proinfoitem .proinfo-donationslist ul li {
  display: block;
  width: 100%;
  padding: 0.8rem 0;
  overflow: hidden;
  border-bottom: 1px dashed #E2E2E2;
}
.proinfo .proinfoitem .proinfo-donationslist .don-userpic {
  float: left;
  display: inline;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}
.proinfo .proinfoitem .proinfo-donationslist .don-userpic img {
  width: 100%;
}
.proinfo .proinfoitem .proinfo-donationslist .don-mes {
  float: left;
  display: inline;
  margin-left: 1rem;
}
.proinfo .proinfoitem .proinfo-donationslist .don-mes p {
  margin: 0;
  font-size: 0.65rem;
  color: #666;
}
.proinfo .proinfoitem .proinfo-donationslist .don-mes p span {
  color: #333;
}
.proinfo .proinfoitem .proinfo-donationslist .don-mes label {
  color: #fc5951;
}
.don-form {
  background: #FCFBF9 url('../images/don-bg.jpg') no-repeat bottom;
  background-size: 100% auto;
  height: 100%;
  margin: 0;
  padding: 1.75rem 0.7rem;
  font-size: 0.75rem;
}
.don-form input[type="text"] {
  text-align: right;
}
.don-form .input-money {
  text-align: center;
  font-size: 2rem;
  margin-top: 0.5rem;
}
.don-form .item-content {
  padding-left: 0;
}
.don-form .item-content .item-inner {
  min-height: 2.5rem;
}
.don-form .close-popup {
  text-align: center;
  display: block;
}
.joinplan p {
  margin: 0;
}
.joinplan .jpitem {
  background: #fff;
  padding: 1rem 0.5rem;
  margin-bottom: 1rem;
}
.joinplan .jpitem .jp-name {
  font-size: 1.2rem;
}
.joinplan .jpitem .jp-ins {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 0rem 0rem 1rem;
}
.joinplan .jpitem .jp-info {
  border-bottom: 1px dashed #ddd;
  padding: 0.5rem 0;
}
.joinplan .jpitem .jp-info .jp-title {
  font-size: 0.85rem;
  margin: 0.5rem 0;
  color: #333;
}
.joinplan .jpitem .jp-info .jp-dec {
  font-size: 0.75rem;
  color: #666;
}
.jp-btn a {
  display: block;
  text-align: center;
  padding: 0.6rem 0;
  background: #fff;
  color: #666;
  font-size: 0.75rem;
}
.jp-btn .active {
  background: #fc5951;
  color: #fff;
}
.pl-box p {
  margin: 0;
}
.pl-box .pl-name {
  padding: 1.5rem 0.5rem;
}
.pl-box .pl-name p {
  font-size: 1rem;
  color: #2585fa;
}
.pl-box .pl-joindata {
  background: -ms-linear-gradient(left, #2487FB, #4462E0);
  /* IE 10 */
  background: -moz-linear-gradient(left, #2487FB, #4462E0);
  /*火狐*/
  /*谷歌*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2487FB), to(#4462E0));
  /* Safari 4-5, Chrome 1-9*/
  background: -webkit-linear-gradient(left, #2487FB, #4462E0);
  /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(left, #2487FB, #4462E0);
  /*Opera 11.10+*/
  color: #fff;
  font-size: 0.65rem;
  text-align: center;
  padding: 0.6rem 0;
}
.pl-box .pl-joindata span {
  font-size: 0.95rem;
}
.pl-box .pl-joindata .pl-joindata-item {
  position: relative;
}
.pl-box .pl-joindata .pl-joindata-item:before {
  content: '';
  width: 1px;
  height: 80%;
  position: absolute;
  left: -1px;
  top: 10%;
  background: #fff;
}
.pl-box .pl-propaganda {
  background: #fff;
  margin-bottom: 0.75rem;
}
.pl-box .pl-propaganda .pl-propaganda-1 {
  padding: 0.8rem 1.5rem 0.8rem 0.8rem;
  color: #fc5951;
  background-size: auto 100%;
  font-size: 0.75rem;
}
.pl-box .pl-propaganda .pl-propaganda-1:after {
  content: '////////////////////////////////';
  text-align: center;
  color: #ddd;
  display: block;
  font-size: 0.75rem;
  margin: 0.5rem 0;
}
.pl-box .pl-propaganda .pl-propaganda-2 {
  padding: 0rem 0.8rem 0.8rem;
  text-align: center;
  font-size: 0.75rem;
  color: #fc5951;
}
.pl-box .pl-propaganda .pl-propaganda-2 img {
  width: 100%;
  max-width: 330px;
  height: auto;
}
.pl-box .pl-item {
  padding: 0.5rem;
  background: #fff;
  margin-bottom: 0.75rem;
}
.pl-box .pl-item .more {
  float: right;
  display: inline-block;
  font-size: 0.75rem;
  position: relative;
  color: #999;
}
.pl-box .pl-item .more .zhishi {
  background: url('../images/shouzhi.png') no-repeat center;
  background-size: 100%;
  display: inline-block;
  float: left;
  height: 15px;
  margin-top: 5px;
  width: 25px;
}
.pl-box .pl-item p {
  font-size: 0.75rem;
}
.pl-box .pl-item .pl-title {
  padding: 0 0 0.5rem;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.pl-box .pl-item .pl-dec {
  padding: 0.5rem 0;
  font-size: 0.75rem;
}
.pl-box .pl-item .pl-dec .dec1 {
  padding: 0.1rem 0 0.1rem 1.5rem;
  background: url('../images/dec1.png') no-repeat top left;
  background-size: auto 1.1rem;
  margin: 0.3rem 0;
  color: #666;
}
.pl-box .pl-item .pl-dec .dec2 {
  padding: 0.1rem 0 0.1rem 1.5rem;
  background: url('../images/dec2.png') no-repeat top left;
  background-size: auto 1.1rem;
  margin: 0.3rem 0;
  color: #666;
}
.pl-box .pl-item .item-list li {
  position: relative;
}
.pl-box .pl-item .item-list .item-con {
  border-bottom: 1px dashed #e7e7e7;
  overflow: hidden;
  padding: 0.5rem 0;
  font-size: 0.75rem;
}
.pl-box .pl-item .item-list .item-con .item-label {
  float: left;
  display: inline-block;
  margin-right: 0.5rem;
  color: #666;
}
.pl-box .pl-item .item-list .item-con .item-info {
  color: #666;
}
.pl-box .pl-item .item-list .item-con .item-left {
  float: left;
  display: inline-block;
}
.pl-box .pl-item .item-list .item-con .item-right {
  float: right;
  display: inline-block;
}
.pl-box .pl-item .item-list .item-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 0 0 auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  position: absolute;
  right: 0;
  color: #ddd;
  font-size: 0.65rem;
}
.pl-box .pl-item .item-list .item-mdeia ~ .item-con {
  padding-right: 1.5rem;
}
.pl-box .pl-item .list-block {
  margin: -1px 0 0;
}
.pl-box .pl-item .list-block .step {
  background: #fc5951;
  color: #fff;
  text-align: center;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1.3rem;
  font-size: 0.65rem;
  border-radius: 1000px;
}
.pl-box .pl-item .list-block .item-content {
  padding-left: 0;
}
.pl-box .pl-item .list-block .item-title {
  font-size: 0.75rem;
}
.pl-box .pl-item .list-block .item-after {
  font-size: 0.65rem;
  margin-top: 1px;
}
.pl-box .pl-item .list-block .item-media {
  padding-top: 0.4rem;
}
.pl-box .pl-item .subcontent {
  display: none;
  padding: 0.5rem 0.2rem;
  color: #666;
  font-size: 0.65rem;
  width: 100%;
  background: #f6f6f6;
}
.pl-box .pl-item .subcontent:before {
  clear: both;
}
.pl-box .pl-item .subcontent p {
  font-size: 0.65rem;
}
.pl-box .jp-btn a {
  display: block;
  text-align: center;
  padding: 0.6rem 0;
  background: #fff;
  color: #666;
  font-size: 0.75rem;
}
.pl-box .jp-btn .active {
  background: #fc5951;
  color: #fff;
}
.join-step .join-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  background: #fff;
  z-index: 9999999;
}
.join-step .join-btn p {
  font-size: 0.55rem;
  text-align: center;
}
.join-step .join-btn p a {
  color: #999;
}
.join-step .join-btn ~ .content {
  padding-bottom: 6rem;
}
.join-step .join-class {
  position: relative;
  background: #fff;
  margin-bottom: 1rem;
}
.join-step .list-block {
  margin-top: 0;
}
.join-step ul {
  margin-bottom: 0.75rem;
  position: relative;
  overflow: hidden;
}
.join-step ul .del {
  position: absolute;
  width: 3rem;
  height: 100%;
  top: 0;
  right: 0;
  background: #fff;
  z-index: 999;
  border-left: 1px solid #e7e7e7;
  display: block;
}
.join-step ul .del .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  background: #fc5951;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  border-radius: 1000px;
  line-height: 1.5rem;
}
.join-step .addMore,
.join-step .addFamily {
  text-align: center;
  display: block;
  color: #fc5951;
  font-size: 0.65rem;
  padding: 0.6rem 0;
  background: #fff;
  margin-top: -0.75rem;
}
.join-step .item-title {
  font-size: 0.65rem;
}
.join-step .item-title.label {
  width: 20%;
}
.join-step .item-input input,
.join-step .item-input select {
  font-size: 0.65rem;
}
.join-step .classtitle {
  border-left: 0.2rem solid #fc5951;
  font-size: 0.75rem;
  color: #333;
  padding-left: 0.5rem;
  margin-bottom: 0.75rem;
}
.join-step .buyname span {
  text-align: center;
  padding: 0.5rem 0;
  font-size: 0.75rem;
}
.join-step .changeMoney {
  padding: 0.5rem;
}
.join-step .changeMoney .classtitle {
  border-left: 0.2rem solid #fc5951;
  font-size: 0.75rem;
  color: #333;
  padding-left: 0.5rem;
  margin-bottom: 0.75rem;
}
.join-step .changeMoney .typeitem {
  margin-bottom: 1rem;
}
.join-step .changeMoney input[type="radio"],
.join-step .changeMoney input[type="checkbox"] {
  display: none;
}
.join-step .changeMoney label {
  border: 1px solid #fc5951;
  border-radius: 5px;
  color: #fc5951;
  font-size: 0.65rem;
  padding: 0.3rem;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.join-step .changeMoney .active:after {
  content: '';
  background: #fc5951;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -1rem;
  right: -1rem;
  transform: rotate(45deg);
}
.join-step .changeMoney .active:before {
  content: '\e608';
  font-family: "iconfont-sm" !important;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
}
.join-step .changeFamily {
  padding: 0.5rem;
}
.join-step .changeFamily .classtitle {
  border-left: 0.2rem solid #fc5951;
  font-size: 0.75rem;
  color: #333;
  padding-left: 0.5rem;
  margin-bottom: 0.75rem;
}
.join-step .changeFamily .typeitem {
  margin-bottom: 1rem;
}
.join-step .changeFamily input[type="radio"],
.join-step .changeFamily input[type="checkbox"] {
  display: none;
}
.join-step .changeFamily label {
  border: 1px solid #fc5951;
  border-radius: 5px;
  color: #fc5951;
  font-size: 0.65rem;
  padding: 0.3rem;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.join-step .changeFamily .active:after {
  content: '';
  background: #fc5951;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -1rem;
  right: -1rem;
  transform: rotate(45deg);
}
.join-step .changeFamily .active:before {
  content: '\e608';
  font-family: "iconfont-sm" !important;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
}
.nav-bg {
  width: 100%;
  height: 10rem;
  text-align: center;
  overflow: hidden;
}
.nav-bg img {
  height: 100%;
  width: auto;
}
.giveFamily .gF-dec {
  margin: 1.5rem 0rem;
  padding: 0.5rem 1rem;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.giveFamily .gF-dec p {
  margin: 0;
  text-align: center;
  position: relative;
  padding: 0rem 1rem;
  color: #333;
}
.giveFamily .gF-dec p.lefticon:before {
  content: "“";
  position: absolute;
  top: -1rem;
  left: 7%;
  font-size: 2.4rem;
  color: #dddddd;
}
.giveFamily .gF-dec p.righticon:before {
  content: "”";
  position: absolute;
  bottom: -2.3rem;
  right: 7%;
  font-size: 2.4rem;
  color: #dddddd;
}
.giveFamily .gF-dec #giveBtn {
  margin: 1.5rem 0rem 0.5rem;
}
.giveFamily .gF-rule {
  padding: 0.5rem;
  background: #fff;
  margin-top: 0.5rem;
}
.giveFamily .gF-rule .gF-title {
  border-left: 0.2rem solid #fc5951;
  font-size: 0.75rem;
  margin: 0 0 0.5rem;
  padding-left: 0.5rem;
}
.giveFamily .gF-rule p {
  font-size: 0.65rem;
}
.giveFamily .gF-rule .gF-card {
  display: block;
  text-align: center;
  font-size: 1rem;
  padding: 0.5rem 0;
}
.giveFamily .gF-join {
  padding: 0.5rem;
  background: #fff;
  margin-top: 0.5rem;
}
.giveFamily .gF-join .gF-title {
  border-left: 0.2rem solid #fc5951;
  font-size: 0.75rem;
  margin: 0 0 0.5rem;
  padding-left: 0.5rem;
}
.giveFamily .gF-join span {
  text-align: center;
  line-height: 2rem;
  font-size: 0.75rem;
}
.giveFamily .gF-join p {
  font-size: 0.65rem;
}
.giveFamily .gF-join .no-join-tips {
  text-align: center;
  color: #999;
  margin-top: 1rem;
  font-size: 0.85rem;
  display: block;
}
.plan-item {
  background: #fff;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.5rem;
}
.plan-item:after {
  content: "\e613";
  font-family: "iconfont-sm" !important;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  color: #999;
}
.plan-item a {
  display: block;
}
.plan-item a:active .plan-item-info {
  background: #fafafa;
}
.plan-item .plan-item-name {
  vertical-align: middle;
  background: #fc5951;
  color: #fff;
  text-align: center;
  width: 20%;
  float: left;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.plan-item .plan-item-name span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  text-align: center;
  width: 100%;
}
.plan-item .plan-item-info {
  width: 100%;
  display: inline-block;
  padding: 0.5rem 0 0.5rem 25%;
}
.plan-item .plan-item-info .item-title {
  font-size: 0.85rem;
  color: #333;
}
.plan-item .plan-item-info p {
  font-size: 0.65rem;
  margin: 0 0 0.1rem;
  color: #999;
}
.formulaList {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: #fff;
}
.formulaList .formulaNum {
  font-size: 0.75rem;
  padding-bottom: 0.5rem;
}
.formulaList .formulaNum span {
  color: #fc5951;
}
.formulaList .formulaItem {
  position: relative;
  border-bottom: 1px solid #ddd;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  box-shadow: 0px 2px 5px #ccc;
}
.formulaList .formulaItem:after {
  content: '';
  background: url('../images/biezhenicon.png') no-repeat;
  background-size: 1rem;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: -0.5rem;
  right: 0.5rem;
}
.formulaList .formulaItem:last-child {
  border-bottom: 0px;
}
.formulaList .formulaItem a {
  display: block;
}
.formulaList .formulaItem a:active {
  background: #fafafa;
}
.formulaList .formulaItem .formulaTitle {
  border-bottom: 1px solid #ddd;
  padding: 0.5rem 0 0.5rem 0.5rem;
  min-height: 2rem;
}
.formulaList .formulaItem .formulaTitle p {
  font-size: 0.75rem;
}
.formulaList .formulaItem .formulaPic {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
}
.formulaList .formulaItem .formulaPic img {
  width: 100%;
  height: auto;
}
.formulaList .formulaItem .formulaInfo {
  padding: 0.5rem;
}
.formulaList .formulaItem p {
  margin: 0 0 0.1rem 0;
  font-size: 0.65rem;
  color: #666;
}
.formulaList .formulaItem p span {
  color: #333;
}
.zd-list {
  background: #fff;
}
.zd-list .item-list li {
  position: relative;
}
.zd-list .item-list .item-con {
  border-bottom: 1px dashed #e7e7e7;
  overflow: hidden;
  padding: 0.5rem;
  font-size: 0.75rem;
}
.zd-list .item-list .item-con .item-label {
  float: left;
  display: inline-block;
  margin-right: 0.5rem;
  color: #666;
}
.zd-list .item-list .item-con .item-info {
  color: #999;
}
.zd-list .item-list .item-con .item-left {
  float: left;
  display: inline-block;
}
.zd-list .item-list .item-con .item-right {
  float: right;
  display: inline-block;
}
.zd-list .item-list .item-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 0 0 auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  position: absolute;
  right: 0.5rem;
  color: #ddd;
  font-size: 0.65rem;
}
.zd-list .item-list .item-media ~ .item-con {
  padding-right: 1.5rem;
}
.zd-list .subcontent {
  display: none;
  padding: 0.5rem;
  color: #666;
  font-size: 0.65rem;
  width: 100%;
  background: #F5F5F5;
}
.zd-list .subcontent:before {
  clear: both;
}
.newsinfo {
  font-size: 0.65rem;
  padding: 0.5rem;
  background: #fff;
}
.newsinfo p {
  margin: 0;
}
.newsinfo .newstitle {
  font-size: 0.85rem;
  text-align: center;
}
.newsinfo .newstime {
  text-align: center;
  color: #999;
  margin-bottom: 1rem;
}
.newsinfo img {
  width: auto;
  max-width: 100%;
}
.sharebg {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 9999999;
}
.sharebg .sharepic {
  position: absolute;
  top: 1rem;
  right: 0;
  text-align: right;
  padding-right: 2rem;
}
.sharebg .sharepic img {
  width: 50%;
  height: auto;
}
.proList .proNum {
  font-size: 0.75rem;
  padding-bottom: 0.5rem;
}
.proList .proNum span {
  color: #fc5951;
}
.proList .proItem {
  position: relative;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.65rem;
  background: #fff;
  padding: 0.5rem;
}
.proList .proItem:last-child {
  border-bottom: 0px;
}
.proList .proItem a {
  display: block;
  padding: 0.6rem 0;
}
.proList .proItem a:active {
  background: #fafafa;
}
.proList .proItem .proPic {
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 20%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
.proList .proItem .proPic img {
  width: 100%;
  height: auto;
}
.proList .proItem .proName {
  font-size: 0.85rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
}
.proList .proItem .proInfo {
  padding: 0.5rem 0;
}
.proList .proItem .proInfo p {
  margin: 0 0 0.2rem 0;
  font-size: 0.65rem;
  color: #666;
}
.proList .proItem .proInfo p span {
  color: #333;
  margin-left: 0.5rem;
}
.proList .proItem .proBtn {
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.proList .proItem .proBtn a {
  width: 50%;
  display: inline-block;
  float: left;
  margin-left: -1px;
  color: #fc5951;
  text-align: center;
  height: 0.75rem;
  font-size: 0.75rem;
  line-height: 0rem;
  margin: 0.5rem 0 0;
}
.proList .proItem .proBtn a:last-child {
  border-left: 1px solid #ddd;
}
.totalbox {
  text-align: center;
  font-size: 0.65rem;
  color: #666;
}
.totalbox span {
  font-size: 1rem;
  color: #fc5951;
  margin: 0 0.2rem;
}
.emptyTips {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0.75rem;
  color: #666;
  margin-top: 0rem;
  top: 0;
  left: 0;
}
.guide-box {
  font-size: 0;
}
.guide-box img {
  width: 100%;
  max-width: 200%;
}
.blur {
  filter: url(../css/blur.svg#blur);
  /* FireFox, Chrome, Opera */
  -webkit-filter: blur(2px);
  /* Chrome, Opera */
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
  /* IE6~IE9 */
}
.stepBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20% 1.5rem 0;
  background: rgba(48, 48, 48, 0.5);
  z-index: 99999;
  display: none;
}
.stepBox .closebtn {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  width: 2rem;
  height: 2rem;
  text-align: center;
  background: url('../images/closebtn.png') no-repeat;
  background-size: 100%;
}
.stepBox .stepinfo {
  display: block;
  background: #fff;
  border-radius: 5px;
  min-height: 60%;
}
.stepBox .stepinfo .steptitle {
  text-align: center;
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
  color: #fc5951;
}
.stepBox .stepinfo ul {
  overflow: hidden;
}
.stepBox .stepinfo ul li {
  border-bottom: 1px solid #ddd;
}
.stepBox .stepinfo ul li a {
  display: block;
  font-size: 0.65rem;
  overflow: hidden;
  padding: 0.6rem 1.5rem 0.6rem 0.5rem;
  position: relative;
}
.stepBox .stepinfo ul li span {
  float: left;
  display: inline-block;
}
.stepBox .stepinfo ul li label {
  float: right;
  display: inline-block;
  color: #999;
}
.stepBox .stepinfo ul li.finished a {
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.stepBox .stepinfo ul li.finished a label {
  color: #4cd964;
}
.stepBox .stepinfo ul li.finished a:after {
  content: "";
  font-family: "iconfont-sm" !important;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
}
.stepBox .stepinfo ul li.unfinished a:after {
  content: "\e613";
  font-family: "iconfont-sm" !important;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
}
.stepBox .stepinfo ul li.active {
  box-shadow: 0 0 5px #adadad;
}
.merit-box .meriter {
  position: relative;
  background: -webkit-linear-gradient(top right, #FE9359, #FC5A51);
  padding: 1.5rem 1rem;
  overflow: hidden;
}
.merit-box .meriter .meriter-pic {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  position: relative;
  display: block;
  float: left;
  display: inline-block;
  margin-right: 1rem;
}
.merit-box .meriter .meriter-pic img {
  width: 100%;
}
.merit-box .meriter .meriter-mes {
  display: inline-block;
  float: left;
}
.merit-box .meriter .meriter-mes p {
  margin: 0;
  font-size: 0.65rem;
  color: #fff;
}
.merit-box .meriter-money {
  font-size: 1.5rem;
  text-align: center;
  overflow: hidden;
  padding: 0.5rem 0;
  background: #fafafa;
}
.merit-box .meriter-money p {
  margin: 1rem 0 0 0;
  line-height: 0.3rem;
  color: #FC5A51;
}
.merit-box .meriter-money small {
  font-size: 50%;
  color: #666;
}
.merit-box .meriter-photo .merit-title {
  font-size: 0.85rem;
  border-left: 5px solid #FC5A51;
  padding-left: 5px;
  margin: 15px 0;
}
.merit-box .meriter-photo ul {
  padding-left: 1px;
  padding-top: 1px;
  overflow: hidden;
}
.merit-box .meriter-photo ul li {
  width: 25%;
  float: left;
  display: inline-block;
  border: 1px solid #fff;
  margin-left: -1px;
  margin-top: -1px;
  overflow: hidden;
  padding-bottom: 25%;
  position: relative;
}
.merit-box .meriter-photo ul li img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.picbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}
.picbox:after {
  content: '关闭';
  font-size: 0.65rem;
  color: #fff;
  text-align: center;
  position: absolute;
  border-radius: 1000px;
  bottom: 2rem;
  display: block;
  width: 100%;
}
.picbox img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.newslist-box .caritem {
  margin-top: 0;
  border-bottom: 1px solid #ddd;
}
.newslist-box .caritem:first-child {
  margin-top: 0.6rem;
}
.newslist-box .caritem .carmessage {
  border-bottom: 0;
  padding: 0rem 0 1rem 0rem;
}
.newslist-box .caritem .time {
  font-size: 12px;
  float: right;
  display: inline-block;
  margin-top: 2px;
}
.navbar .icon {
  top: 0;
}
.bar-tab .tab-item .icon ~ .tab-label {
  display: block;
  font-size: 0.65rem;
  position: relative;
  top: 0.1rem;
}