/*首页*/
.index_top {
  width: 100%;
  padding: 4px 12px;
  height: auto;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 20;
}
.index_top .top_search_box {
  width: calc(100% - 70px);
  height: 32px;
  line-height: 32px;
  padding: 0 5px 0 0px;
  border-radius: 5px;
  background-color: #f2f2f2;
  color: #d3d2d2;
}
.index_top .top_search_box .iconfont {
  width: 30px;
  font-size: 1.5rem;
  color: #cbcbcb;
  display: block;
  float: left;
  text-align: center;
}
.index_top .top_search_box input {
  width: calc(100% - 30px);
  background-color: transparent;
  outline: none;
  border: none;
  height: 30px;
  line-height: 30px;
  position: relative;
  top: -2px;
  color: #333;
}
.index_top .index_more.iconfont {
  width: 35px;
  height: 32px;
  line-height: 32px;
  font-size: 2.2rem;
  color: #cbcbcb;
  position: relative;
  text-align: left;
}
.index_top .index_more.icon-icon_shopping_car {
  text-align: right;
}
.index_top .scan_code_box {
  width: 160px;
  height: auto;
  position: absolute;
  left: 9px;
  top: 39px;
  background-color: #fff;
  color: #999;
  padding: 0 0 0 10px;
  z-index: 10;
  border-radius: 5px;
  box-shadow: 0 0 2px 0 rgba(153, 153, 153, 0.64);
}
.index_top .scan_code_box:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 8px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #fff;
  box-shadow: -1px -1px 1px 0 rgba(153, 153, 153, 0.4);
}
.index_top .scan_code_box .scan_code_bt {
  width: 100%;
  height: auto;
  line-height: 60px;
  padding-left: 15px;
  position: relative;
}
.index_top .scan_code_box .scan_code_bt .iconfont {
  display: inline-block;
  margin-right: 10px;
  font-size: 2.2rem;
}
.index_top .scan_code_box .scan_code_bt:last-child label {
  border-bottom: none;
}
.index_top .scan_code_box .scan_code_bt label {
  display: inline-block;
  width: calc(100% - 32px);
  height: auto;
  border-bottom: 1px solid #f2f2f2;
  font-size: 1.6rem;
}
.index_top .index_more.icon-icon_shopping_car.new i {
  display: inline-block;
  position: absolute;
  width: auto;
  height: 14px;
  top: -1px;
  color: #fff;
  line-height: 14px;
  text-align: center;
  right: -8px;
  background-color: #e64340;
  border-radius: 50%;
  font-size: 1rem;
  padding: 0 0.44rem;
}

.top_banner {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 40px;
}
.top_banner .swiper-container_00 {
  width: 100%;
  overflow: hidden;
}
.top_banner .swiper-container_00 .swiper-slide {
  height: auto;
}
.top_banner .swiper-container_00 .swiper-slide img {
  width: 100%;
}

.top_main_nav {
  width: 100%;
  padding: 15px;
  height: auto;
  position: relative;
}
.top_main_nav .nav_bt {
  width: 25%;
  height: auto;
  position: relative;
  text-align: center;
}
.top_main_nav .nav_bt img {
  width: 45px;
  height: 45px;
  margin: 0 auto 10px auto;
  display: block;
}
.top_main_nav .nav_bt span {
  color: #676767;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.mall_notice {
  width: 100%;
  height: auto;
  padding: 10px;
  margin: 5px 0;
  position: relative;
}
.mall_notice .mall_notice_left {
  width: 45px;
  height: 60px;
  position: relative;
  text-align: center;
}
.mall_notice .mall_notice_left span {
  font-size: 1.8rem;
  line-height: 30px;
  -webkit-text-stroke-width: 0.2px;
}
.mall_notice .mall_notice_left .label {
  width: 40px;
  height: 24px;
  line-height: 24px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  font-weight: 300;
}
.mall_notice .mall_notice_left .label label {
  display: block;
  width: 40px;
  height: 24px;
  line-height: 24px;
  background-color: #fda11a;
  border-radius: 3px;
  color: #fff;
  font-size: 1.2rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.mall_notice .mall_notice_left .label:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 30px;
  height: 15px;
  transform: skewX(-35deg);
  background-color: #f6a89f;
  right: 0;
  bottom: 0;
}
.mall_notice .mall_notice_left .label:after {
  content: "";
  position: absolute;
  z-index: -2;
  width: 30px;
  height: 10px;
  transform: skewX(-60deg);
  background-color: #fdd5d7;
  right: 0;
  bottom: 0;
}
.mall_notice .vertical_line {
  width: 2px;
  height: 44px;
  background-color: #959396;
  margin: 10px 10px;
}
.mall_notice .mall_notice_right {
  width: calc(100% - 70px);
  height: 60px;
  line-height: 30px;
  position: relative;
}
.mall_notice .mall_notice_right .notice_item {
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: relative;
  text-align: left;
}
.mall_notice .mall_notice_right .notice_item span {
  width: 50px;
  height: 20px;
  display: inline-block;
  border-radius: 5px;
  margin-right: 10px;
  text-align: center;
  font-size: 1.2rem;
  border: 1px solid #fda11a;
  color: #fda11a;
  position: relative;
  line-height: 18px;
}

.mall_recommend {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
  margin-top: 15px;
}
.mall_recommend .mall_recommend_title {
  width: 100%;
  height: auto;
  position: relative;
  letter-spacing: 0.05rem;
}
.mall_recommend .mall_recommend_title .title_01 {
  line-height: 20px;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
}
.mall_recommend .mall_recommend_title .title_01 i {
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #999;
  margin: 0 10px;
  position: relative;
  top: 2px;
}
.mall_recommend .mall_recommend_title .title_01 span {
  display: inline-block;
  font-size: 1.3rem;
  color: #999;
  font-weight: normal;
}

.mall_recommend .swiper-container_01 {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 10px;
}
.mall_recommend .swiper-container_01 .swiper-slide {
  width: 100%;
  height: auto;
  position: relative;
}
.mall_recommend .swiper-container_01 .swiper-slide .recommend_goods_img {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.mall_recommend .swiper-container_01 .swiper-slide .recommend_goods_img img {
  width: 100%;
}
.mall_recommend
  .swiper-container_01
  .swiper-slide
  .recommend_goods_img
  .hot_tag {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fda11a);
  color: #fff;
  padding: 0 5px;
  font-size: 1.2rem;
  line-height: 20px;
  letter-spacing: 0.05rem;
}
.mall_recommend .swiper-container_01 .swiper-slide .goods_text {
  width: 100%;
  height: auto;
  position: relative;
}
.mall_recommend .swiper-container_01 .swiper-slide .goods_text .goods_name {
  line-height: 24px;
  font-size: 1.2rem;
  color: #333;
}
.mall_recommend .swiper-container_01 .swiper-slide .goods_text .goods_price {
  line-height: 24px;
  color: #fda11a;
  font-size: 1.2rem;
}
.mall_recommend .swiper-container_01 .swiper-pagination_01 {
  position: absolute;
  bottom: 0 !important;
  top: calc(100% - 10px);
}
.mall_recommend
  .swiper-container_01
  .swiper-pagination_01
  .swiper-pagination-progressbar-fill {
  background-color: #c8c8c8;
  border-radius: 2px;
}
.mall_recommend
  .swiper-container_01
  .swiper-pagination_01.swiper-pagination-progressbar {
  background-color: #fff;
  border-radius: 2px;
  overflow: hidden;
}

.mall_recommend .recommend_goods_content {
  width: 100%;
  height: 180px;
  position: relative;
  margin-top: 15px;
}
.mall_recommend .recommend_goods_content .goods_01 {
  width: 164px;
  height: 100%;
  position: relative;
  margin-right: 10px;
  background-color: #f7f6f9;
  border-radius: 5px;
}
.mall_recommend .recommend_goods_content .goods_01 .goods_01_img {
  width: 100%;
  height: 60%;
  position: relative;
  text-align: center;
  margin-top: 40%;
}
.mall_recommend .recommend_goods_content .goods_01 .goods_01_img img {
  height: 100%;
  vertical-align: top;
}
.mall_recommend .recommend_goods_content .right_goods {
  width: calc(100% - 174px);
  height: 100%;
  position: relative;
}
.mall_recommend .recommend_goods_content .right_goods .goods_02 {
  width: 100%;
  height: calc(50% - 5px);
  position: relative;
  background-color: #f7f6f9;
  border-radius: 5px;
}
.mall_recommend .recommend_goods_content .right_goods .goods_02:nth-child(1) {
  margin-bottom: 10px;
}
.mall_recommend .recommend_goods_content .goods_01 .goods_01_text,
.mall_recommend .recommend_goods_content .right_goods .goods_02 .goods_02_text {
  position: absolute;
  top: 15px;
  left: 15px;
  width: calc(100% - 30px);
  height: auto;
  z-index: 2;
}
.mall_recommend .recommend_goods_content .goods_01 .goods_01_text span,
.mall_recommend
  .recommend_goods_content
  .right_goods
  .goods_02
  .goods_02_text
  span {
  display: block;
  color: #fda11a;
  font-size: 1.3rem;
  margin-bottom: 5px;
}
.mall_recommend .recommend_goods_content .goods_01 .goods_01_text label,
.mall_recommend
  .recommend_goods_content
  .right_goods
  .goods_02
  .goods_02_text
  label {
  display: block;
  color: #333;
  font-size: 1rem;
}
.mall_recommend .recommend_goods_content .right_goods .goods_02 .goods_02_img {
  position: relative;
  margin-left: 35%;
  width: 65%;
  height: 100%;
  text-align: right;
}
.mall_recommend
  .recommend_goods_content
  .right_goods
  .goods_02
  .goods_02_img
  img {
  height: 100%;
  vertical-align: top;
}

.main_index_product_list {
  width: 100%;
  height: auto;
  padding: 0 15px;
  position: relative;
  margin-top: 15px;
}
.main_index_product_list .goods_list_item {
  width: 100%;
  height: auto;
  padding: 20px 0;
  position: relative;
  border-bottom: 1px solid #f2f2f2;
}
.main_index_product_list .goods_list_item:nth-last-child(2) {
  border-bottom: 0;
}
.main_index_product_list .goods_list_item .goods_img {
  width: 100px;
  height: 100px;
  position: relative;
  margin-right: 10px;
}
.main_index_product_list .goods_list_item .goods_img img {
  width: 100%;
}
.main_index_product_list .goods_list_item .goods_text {
  width: calc(100% - 110px);
  height: 100px;
  position: relative;
}
.main_index_product_list .goods_list_item .goods_text .goods_text_01 {
  width: 100%;
  height: auto;
  position: relative;
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.main_index_product_list .goods_list_item .goods_text .goods_text_02 {
  width: 100%;
  height: auto;
  font-size: 1.2rem;
  color: #696969;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_index_product_list .goods_list_item .goods_text .goods_text_03 {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 1.5rem;
  color: #fda11a;
  font-weight: bolder;
}
.main_index_product_list .goods_list_item .goods_join_car_bt {
  position: absolute;
  right: 15px;
  bottom: 20px;
  font-size: 2.1rem;
  color: #fda11a;
}

/*首页 - 新手引导*/
#novice_guide_box.popup_box {
  z-index: 100001;
}
#novice_guide_box .popup_content .swiper-container_23 {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
#novice_guide_box .popup_content .swiper-container_23 .swiper-slide {
  height: auto;
  width: 100%;
  overflow: hidden;
}
#novice_guide_box .popup_content .swiper-container_23 .swiper-slide img {
  width: 100%;
}
#novice_guide_box .popup_close_bt {
  width: 100%;
  text-align: center;
  height: auto;
  color: #fff;
  position: fixed;
  bottom: 20px;
  z-index: 10;
}
#novice_guide_box .popup_close_bt .iconfont {
  font-size: 2.8rem;
}

/*商品列表页*/
.classify_list_top {
  width: 100%;
  height: auto;
  position: fixed;
  background-color: #2ba866;
  padding: 10px 0px 0 0;
  top: 0;
  left: 0;
  z-index: 10;
  color: #fff;
}
.classify_list_top .back_bt {
  width: 30px;
  height: auto;
  line-height: 32px;
  text-align: left;
  margin-left: 10px;
}
.classify_list_top .back_bt.iconfont {
  font-size: 2.2rem;
}
.classify_list_top .top_search_box {
  width: calc(100% - 55px);
  height: 32px;
  position: relative;
  background-color: #fff;
  line-height: 32px;
  border-radius: 5px;
  padding: 0 10px;
}
.classify_list_top .top_search_box .iconfont {
  width: 20px;
  height: auto;
  line-height: 30px;
  display: block;
  text-align: left;
  font-size: 1.6rem;
  color: #cbcbcb;
  margin-right: 5px;
}
.classify_list_top .shopping_cart.right {
  font-size: 1.8rem;
  position: relative;
  width: 30px;
  height: auto;
  line-height: 32px;
  text-align: right;
  margin-right: 15px;
}
.classify_list_top .shopping_cart.right i {
  display: none;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fda11a;
  color: #fff;
  text-align: center;
  line-height: 16px;
  font-size: 1.2rem;
  top: 5px;
  right: 5px;
}
.classify_list_top .shopping_cart.right.new i {
  display: block;
}
.classify_list_top .top_search_box input {
  width: calc(100% - 30px);
  height: 30px;
  line-height: 30px;
  display: block;
  color: #333;
  outline: none;
  border: none;
  position: relative;
  font-size: 1.3rem;
}
.swiper-container_02 {
  width: 100%;
  height: auto;
  position: relative;
  margin: 10px 0 0 0 !important;
  padding: 10px 0 0 0 !important;
}
.swiper-container_02 .swiper-slide {
  width: auto;
  padding: 0 15px 12px 15px;
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.7);
}
.swiper-container_02 .swiper-slide.active {
  color: #fff;
}
.swiper-container_02 .swiper-slide.active i {
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
  position: absolute;
  display: block;
  bottom: 5px;
  left: calc(50% - 10px);
}

.classify_list {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 95px;
  padding: 0 15px;
  background-color: #fff;
}
.classify_list .goods_list_item {
  width: 100%;
  height: auto;
  padding: 15px 0;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.classify_list .goods_list_item:last-child {
  border-bottom: none;
}
.classify_list .goods_list_item .goods_img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin-right: 10px;
}
.classify_list .goods_list_item .goods_img img {
  width: 100%;
}
.classify_list .goods_list_item .goods_message {
  width: calc(100% - 110px);
  height: 100px;
  position: relative;
}
.classify_list .goods_list_item .goods_message .goods_name {
  width: 100%;
  line-height: 26px;
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
}
.classify_list .goods_list_item .goods_message .goods_text {
  width: 80%;
  line-height: 18px;
  color: #696969;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 1.2rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.classify_list .goods_list_item .goods_message .goods_price {
  width: 60%;
  position: absolute;
  bottom: 0;
  font-size: 1.5rem;
  color: #fda11a;
  font-weight: bolder;
}
.classify_list .goods_list_item .goods_message .goods_price span {
  font-size: 1.2rem;
}
.classify_list .goods_list_item .goods_message .goods_join_car_bt {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  line-height: 26px;
  font-size: 2.1rem;
  text-align: right;
  color: #fda11a;
  position: absolute;
  bottom: 0;
  right: 10px;
}

.bg_box {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
  top: 0;
  left: 0;
}
.goods_join_car {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 0 0 0;
  -webkit-animation: bottom_DivDownMoveTop 0.6s both 0s;
}
.goods_join_car .goods_message {
  width: 100%;
  padding: 0px 15px;
  height: auto;
  position: relative;
}
.goods_join_car .goods_message .goods_img {
  width: 73px;
  height: 73px;
  border-radius: 5px;
  margin-right: 10px;
  overflow: hidden;
}
.goods_join_car .goods_message .goods_img img {
  width: 100%;
}
.goods_join_car .goods_message .goods_text {
  width: calc(100% - 85px);
  height: 73px;
  position: relative;
}
.goods_join_car .goods_message .goods_text .goods_name {
  width: 100%;
  line-height: 2.8rem;
  font-size: 1.5rem;
  color: #333;
}
.goods_join_car .goods_message .goods_text .goods_price {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 2.8rem;
  font-size: 1.3rem;
  color: #999;
}
.goods_join_car .goods_message .close_bt {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 1.8rem;
  color: #333;
}
.goods_join_car .buying_content {
  width: 100%;
  height: auto;
  padding: 0 15px 20px 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #f1f1f1;
}
.goods_join_car .buying_content .format {
  font-size: 1.2rem;
  color: #696969;
  line-height: 2.8rem;
}
.goods_join_car .buying_content .number {
  color: #333;
  position: relative;
  width: 82px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid #e7e7e7;
  margin-top: 5px;
  text-align: center;
}
.goods_join_car .buying_content .number span.iconfont {
  width: 20px;
  height: 18px;
  line-height: 18px;
  display: block;
  float: left;
  font-size: 1rem;
}
.goods_join_car .buying_content .number input {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  line-height: 16px;
  width: 40px;
  height: 16px;
  display: block;
  float: left;
  text-align: center;
  font-size: 1rem;
  outline: none;
  border-radius: 0;
}
.goods_join_car .join_cart_ok_bt {
  width: 100%;
  height: auto;
  line-height: 50px;
  background-color: #2ba866;
  margin: 0px auto;
  font-size: 1.8rem;
}

/*商品详情页*/
/*产品详情-顶部主图轮播*/
.swiper-container_03 {
  width: 100%;
  height: auto;
  position: relative;
}
.swiper-container_03 .new_order_message.swiper-container_12 {
  width: auto !important;
  position: absolute;
  left: 5px;
  top: 20px;
  height: 30px;
  font-size: 1.2rem;
  z-index: 2;
  font-weight: normal;
  text-align: right;
}
.swiper-container_03 .new_order_message.swiper-container_12 .swiper-slide {
  width: auto !important;
  line-height: 30px;
  color: #fff;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.16);
  padding: 0 10px 0 15px;
  border-radius: 20px;
}
.swiper-container_03 .new_order_message.swiper-container_12 .swiper-slide img {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 5px;
  margin-top: 3px;
}

.swiper-container_03 .swiper-slide {
  width: 100%;
  height: auto;
  position: relative;
}
.swiper-container_03 .swiper-slide img {
  width: 100%;
}

.swiper-container_03 .swiper-pagination_03 {
  width: 40px;
  height: 20px;
  border-radius: 3px;
  color: #999;
  left: calc(100% - 50px) !important;
  font-size: 1.3rem;
  line-height: 20px;
  bottom: 15px !important;
}

.goods_detail_text {
  width: 100%;
  height: auto;
  padding: 10px 15px;
  position: relative;
  margin-top: 15px;
}
.goods_detail_text .text_line_01 {
  width: 100%;
  height: auto;
  line-height: 30px;
  position: relative;
}
.goods_detail_text .text_line_01 label {
  font-size: 1.8rem;
  color: #fda11a;
  margin-right: 5px;
}
.goods_detail_text .text_line_01 i {
  font-size: 1.2rem;
  color: #999;
}
.goods_detail_text .text_line_02 {
  width: 100%;
  height: auto;
  line-height: 30px;
  font-size: 1.5rem;
  color: #333;
}
.goods_detail_text .text_line_03 {
  width: 100%;
  line-height: 30px;
  height: auto;
  color: #999;
  font-size: 1.2rem;
  border-bottom: 1px solid #ededed;
}
.goods_detail_text .text_line_03 span {
  margin-left: 5px;
}
.goods_detail_text .text_line_04 {
  width: 100%;
  height: auto;
  line-height: 30px;
  margin-top: 5px;
  color: #999;
  font-size: 1.3rem;
}
.goods_detail_text .text_line_04 .iconfont {
  color: #2ba866;
  margin-right: 5px;
  position: relative;
  top: 2px;
  font-size: 2.1rem;
}

.goods_comments {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 15px;
  padding: 10px 15px;
  background-color: #ffffff;
  overflow: hidden;
  box-sizing: border-box;
}
.goods_comments .top_title {
  width: 100%;
  line-height: 35px;
  margin-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.goods_comments .top_title .title {
  color: #2ba866;
  font-size: 1.5rem;
  font-weight: 600;
}
.goods_comments .top_title .look_all {
  color: #999;
  font-size: 1.2rem;
}
.goods_comments .top_title .look_all .iconfont {
  margin: 9px 0 5px 5px;
  font-size: 1.4rem;
  color: #c9c9c9;
  position: relative;
  top: 1px;
}
.goods_comments .goods_comments_content {
  width: 100%;
  height: auto;
  position: relative;
}
.goods_comments .goods_comments_content .buyer_img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.goods_comments .goods_comments_content .buyer_img img {
  width: 100%;
  vertical-align: top;
}
.goods_comments .goods_comments_content .buyer_name {
  width: 60%;
  margin-left: 10px;
  line-height: 20px;
  color: #999999;
  font-size: 12px;
}
.goods_comments .goods_comments_content .goods_comments_text {
  width: 100%;
  line-height: 20px;
  font-size: 12px;
  margin: 10px 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #999;
}

.product_preferential_content .mall_preferential {
  width: 100%;
  height: auto;
  position: relative;
  margin: 10px 0;
  font-size: 1.2rem;
}
.product_preferential_content .mall_preferential:after {
  content: "";
  display: block;
  clear: both;
}
.product_preferential_content .mall_preferential .preferential_name {
  width: 65px;
  height: auto;
  line-height: 24px;
  position: relative;
  color: #999;
}
.product_preferential_content .mall_preferential .preferential_item {
  width: calc(100% - 65px);
  height: auto;
  line-height: 24px;
  position: relative;
  color: #333;
}
.product_preferential_content .mall_preferential .preferential_item span {
  display: block;
  width: calc(100% - 50px);
  height: auto;
}
.product_preferential_content .mall_preferential .preferential_item span i {
  display: inline-block;
  width: auto;
  height: auto;
  margin-right: 10px;
  font-style: normal;
}
.product_preferential_content .mall_preferential .preferential_item label {
  width: 50px;
  display: block;
  color: #c9c9c9;
  border-radius: 15px;
  height: auto;
  line-height: 20px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 2px;
}
.product_preferential_content
  .mall_preferential
  .preferential_item
  label
  .iconfont {
  margin: 0;
  font-size: 1.4rem;
  margin-left: 5px;
}
.product_preferential_content .mall_preferential .preferential_item label b {
  display: inline-block;
  width: 31px;
  height: auto;
  line-height: 17px;
  background-color: #e64340;
  color: #fff;
  font-size: 1.2rem;
}
.product_preferential_content .mall_preferential .preferential_item em {
  width: calc(100% - 75px);
  display: block;
  float: left;
}

/*关联产品样式*/
.associated_goods_box {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 15px;
  padding: 0 15px 10px 15px;
}

.swiper-container_04 .swiper-pagination_04 {
  top: 0;
  position: relative !important;
  background-color: #fff;
  bottom: 0 !important;
  border-bottom: 1px solid #f1f1f1;
}
.swiper-pagination_04 span.swiper-pagination-bullet {
  width: 20%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 1.5rem;
  color: #999;
  opacity: 1;
  background: #fff;
  margin: 0 15% !important;
  border-radius: 0;
  position: relative;
}
.swiper-pagination_04 span.swiper-pagination-bullet-active {
  color: #2ba866;
}
.swiper-pagination_04 span.swiper-pagination-bullet-active:before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background-color: #2ba866;
  position: absolute;
  left: calc(50% - 10px);
  bottom: 3px;
}
.swiper-container_05,
.swiper-container_06 {
  padding: 10px 0px !important;
  box-sizing: border-box;
}
.swiper-container_05 .swiper-wrapper,
.swiper-container_06 .swiper-wrapper {
  padding: 0;
  box-sizing: border-box;
}
/*.swiper-container_05 .swiper-slide,.swiper-container_06 .swiper-slide{margin: 10px 0;}*/
.swiper-slide .associated_goods_img,
.swiper-slide .hotSale_goods_img {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.swiper-slide .associated_goods_img img,
.swiper-slide .hotSale_goods_img img {
  width: 100%;
}
.swiper-slide .associated_goods_name,
.swiper-slide .hotSale_goods_name {
  width: 100%;
  font-size: 1.2rem;
  line-height: 20px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: left;
  padding: 0;
  color: #333;
}
.swiper-slide .associated_goods_price,
.swiper-slide .hotSale_goods_price {
  width: 100%;
  font-size: 1.2rem;
  color: #fda11a;
  line-height: 24px;
  padding: 0;
  font-weight: bold;
}

.goods_detail {
  width: 100%;
  height: auto;
  padding: 10px 15px;
  margin-top: 15px;
  position: relative;
}
/*.goods_detail.detail_img{margin-bottom: 50px;}*/
.goods_detail.detail_format {
  margin-bottom: 50px;
}
.goods_detail .goods_detail_title {
  width: 100%;
  height: auto;
  line-height: 34px;
  color: #2ba866;
  font-size: 1.5rem;
  position: relative;
  font-weight: 600;
  border-bottom: 1px solid #f1f1f1;
}
.goods_detail.detail_img .goods_detail_title,
.goods_detail.detail_format .goods_detail_title {
  border-bottom: none;
}
.goods_detail .detail_content {
  width: 100%;
  height: auto;
  margin: 5px 0;
}
.goods_detail .detail_content img {
  width: 100% !important;
}
.goods_detail .detail_content.formats {
  border: 1px solid #e7e7e7;
}
.goods_detail .detail_content.formats p {
  border-bottom: 1px dashed #e7e7e7;
  color: #999;
  line-height: 40px;
  padding: 8px 10px;
}
.goods_detail .detail_content.formats p:last-child {
  border-bottom: none;
}
.goods_detail .detail_content.formats p.detail label {
  display: block;
  float: left;
}
.goods_detail .detail_content.formats p.detail i {
  display: block;
  clear: both;
  width: 0;
  height: 0;
}
.goods_detail .detail_content.formats p.detail .left_content {
  width: 120px;
  height: auto;
  line-height: 24px;
}
.goods_detail .detail_content.formats p.detail .right_content {
  width: calc(100% - 120px);
  height: auto;
  line-height: 22px;
}

.goods_detail_bottom_nav {
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #e7e7e7;
  z-index: 12;
  width: 100%;
  height: auto;
  background-color: #fff;
}
.goods_detail_bottom_nav .bottom_nav_bt {
  width: 15%;
  height: auto;
  line-height: 24px;
  color: #999;
  font-size: 1.2rem;
  position: relative;
}
.goods_detail_bottom_nav .bottom_nav_bt1 {
  width: 52%;
  height: auto;
  background-color: #2ba866;
  line-height: 54px;
}
.goods_detail_bottom_nav .bottom_nav_bt .iconfont {
  font-size: 2rem;
  color: #c7c7c7;
  line-height: 22px;
  margin-top: 8px;
}
.goods_detail_bottom_nav .bottom_nav_bt.cart_bt.new span {
  position: absolute;
  display: inline-block;
  width: auto;
  height: 14px;
  border-radius: 8px;
  background-color: #e64340;
  top: 3px;
  right: 0%;
  color: #fff;
  line-height: 14px;
  font-size: 1rem;
  text-align: center;
  padding: 0 5px;
}

/*商品评论列表*/
.commend_content_list {
  width: 100%;
  position: relative;
  margin-top: 0;
}
.commend_content_list .content_list_item {
  margin-bottom: 5px;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
}
.commend_content_list .content_list_item .commend_content_top {
  line-height: 30px;
}
.commend_content_list .content_list_item .commend_content_top img {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 5px 0;
  margin-right: 10px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.commend_content_list .content_list_item .commend_content_top span {
  display: inline-block;
  margin-right: 5px;
  line-height: 35px;
}
.commend_content_list .content_list_item .commend_content_top label {
  display: inline-block;
  color: #fda11a;
  font-size: 24px;
  position: relative;
  top: 4px;
  margin-left: 5px;
}
.commend_content_list .content_list_item .commend_date {
  color: #999;
  font-size: 12px;
  line-height: 25px;
}
.commend_content_list .content_list_item .commend_date span {
  margin-left: 10px;
}
.commend_content_list .content_list_item .commend_content_text {
  margin: 10px 0;
  line-height: 24px;
  padding-bottom: 10px;
}
.commend_content_list .content_list_item .commend_content_img {
  padding: 5px 0;
}
.commend_content_list .content_list_item .commend_content_img figure {
  width: 32%;
  margin-bottom: 8px;
  float: left;
  border-radius: 5px;
  display: block;
  height: 91px;
  overflow: hidden;
  background-color: #f9f9f9;
}
.commend_content_list .content_list_item .commend_content_img figure img {
  width: 100%;
}
.commend_content_list
  .content_list_item
  .commend_content_img
  figure:nth-child(2),
.commend_content_list
  .content_list_item
  .commend_content_img
  figure:nth-child(5),
.commend_content_list
  .content_list_item
  .commend_content_img
  figure:nth-child(8) {
  margin: 0 2%;
}
.commend_content_list .content_list_item .commend_bottom_bt {
  width: 70px;
  height: 20px;
  position: absolute;
  line-height: 18px;
  font-size: 12px;
  color: #898989;
  top: 15px;
  right: 10px;
  border-radius: 10px;
  border: 1px solid #d1d1d5;
}
.commend_content_list .content_list_item .commend_bottom_bt .iconfont {
  font-size: 16px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.commend_content_list .content_list_item .commend_bottom_bt.appreciate.active {
  color: #fda11a;
}

.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figcaption {
  display: none;
}

/*商品评价页面*/
.commend_top_content {
  width: 100%;
  height: 50px;
  position: relative;
  line-height: 50px;
  background-color: #f9f9f9;
  color: #333;
  font-size: 16px;
}
.commend_top_content .top_content_text {
  width: 100%;
  height: 50px;
  position: relative;
  line-height: 50px;
  padding: 0 10px;
  box-sizing: border-box;
}
.commend_top_content .top_content_text .iconfont {
  font-size: 22px;
  display: block;
  position: absolute;
  left: 10px;
  top: 0px;
}
.commend_top_content .top_content_text span {
  color: #fda11a;
}
.commend_content {
  width: 100%;
  height: auto;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 5px solid #f4f4f4;
}
.commend_content .commend_msg_top {
  width: 100%;
  height: 55px;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.commend_content .commend_msg_top .goods_img {
  width: 40px;
  height: 40px;
  margin: 5px 0;
  margin-right: 10px;
  overflow: hidden;
  box-shadow: 0 0 5px #f1f1f1;
}
.commend_content .commend_msg_top .goods_img img {
  width: 100%;
}
.commend_content .commend_msg_top .commend_level {
  width: calc(100% - 50px);
  height: 100%;
  position: relative;
}
.commend_content .commend_msg_top .commend_level .commend {
  width: 33.3%;
  height: 100%;
  position: relative;
  line-height: 40px;
  color: #c1c1c1;
}
.commend_content .commend_msg_top .commend_level .commend input {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  opacity: 0;
}
.commend_content .commend_msg_top .commend_level .commend .iconfont {
  font-size: 24px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.commend_content .commend_msg_top .commend_level .commend input:checked + i {
  color: #fda11a;
}
.commend_content
  .commend_msg_top
  .commend_level
  .commend
  input:checked
  + i
  + span {
  color: #fda11a;
}
.commend_content .commend_msg_text {
  width: 100%;
  height: auto;
  position: relative;
  margin: 10px 0;
}
.commend_content .commend_msg_text textarea {
  width: 100%;
  height: 100px;
  position: relative;
  resize: none;
  font-size: 14px;
  color: #525257;
}
textarea::-webkit-input-placeholder {
  color: #bbbdc5;
}
textarea:-moz-placeholder {
  color: #bbbdc5;
}
textarea::-moz-placeholder {
  color: #bbbdc5;
}
textarea:-ms-input-placeholder {
  color: #bbbdc5;
}

.commend_content .commend_msg_img {
  width: 100%;
  height: auto;
  position: relative;
  margin: 10px 0;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
}
.commend_content .commend_msg_img .img_upload {
  width: 80px;
  height: 80px;
  position: relative;
  border: 1px dashed #d1d1d1;
  color: #d1d1d5;
  font-size: 12px;
  margin-right: 5px;
  float: left;
}
.commend_content .commend_msg_img .img_upload.new {
  border: none;
  box-shadow: 0 0 2px #f1f1f1;
}
.commend_content .commend_msg_img .img_upload.new .iconfont {
  position: absolute;
  font-size: 12px;
  color: #fff;
  right: 0px;
  top: -5px;
  display: block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 50%;
  text-align: center;
}
.commend_content .commend_msg_img .img_upload.new span {
  width: 80px;
  height: 80px;
  position: relative;
  overflow: hidden;
  display: block;
}
.commend_content .commend_msg_img .img_upload.new span img {
  width: 100%;
  height: auto;
}
.commend_content .commend_msg_img .img_upload input {
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 20;
  position: absolute;
  left: 0;
  top: 0;
}
.commend_content .commend_msg_img .img_upload .iconfont {
  font-size: 32px;
  line-height: 50px;
  display: block;
  position: relative;
  top: 10px;
}
.commend_content .commend_msg_anonymous {
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.commend_content .commend_msg_anonymous .msg_anonymous {
  line-height: 26px;
}
.commend_content .commend_msg_anonymous .msg_anonymous .iconfont {
  font-size: 20px;
  color: #b1b1b1;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.commend_content .commend_msg_anonymous .msg_anonymous.checked .iconfont {
  color: #fda11a;
}
.commend_content .commend_msg_anonymous .msg_notice {
  color: #b1b1b1;
  font-size: 12px;
}

.update_bt {
  width: calc(100% - 20px);
  text-align: center;
  background-color: #5cbf14;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  position: relative;
  margin: 30px auto;
  border-radius: 5px;
}

/*订单首页*/
.order_top_banner {
  width: 100%;
  height: auto;
  position: relative;
}
.order_top_banner .swiper-container_00 {
  width: 100%;
  overflow: hidden;
}
.order_top_banner .swiper-container_00 .swiper-slide {
  height: auto;
}
.order_top_banner .swiper-container_00 .swiper-slide img {
  width: 100%;
}

.order_index_list {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
}
.order_index_list .list_item {
  width: 100%;
  height: auto;
  padding: 0 15px;
  position: relative;
  color: #333;
  font-size: 1.8rem;
  line-height: 92px;
  background-color: #fff;
  margin-bottom: 15px;
  box-shadow: 0 10px 20px -15px rgba(181, 181, 181, 0.67);
  border-radius: 5px;
}
.order_index_list .list_item i.iconfont {
  font-size: 2.1rem;
  position: relative;
  margin-right: 5px;
  top: 3px;
  color: #999;
}
.order_index_list .list_item label {
  position: relative;
  top: 4px;
  color: #999;
}
.order_index_list .list_item label b {
  display: inline-block;
  width: auto;
  height: 18px;
  border-radius: 9px;
  margin-right: 5px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 18px;
  color: #fff;
  font-weight: normal;
  position: relative;
  top: -2px;
  padding: 0 6px;
}
.order_index_list .list_item.new label b {
  background-color: #e64340;
}

/*订单-我下的订单*/
.order_top {
  width: 100%;
  height: auto;
  position: fixed;
  background-color: #2ba866;
  padding: 15px 0 0 0;
  top: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
}
.order_top .top_search_box {
  width: calc(100% - 30px);
  height: 32px;
  position: relative;
  background-color: #fff;
  margin: 0 auto;
  line-height: 32px;
  border-radius: 5px;
}
.order_top .top_search_box .iconfont {
  width: 40px;
  height: 32px;
  line-height: 32px;
  display: block;
  text-align: center;
  font-size: 1.8rem;
  color: #cbcbcb;
}
.order_top .top_search_box input {
  width: calc(100% - 50px);
  height: 32px;
  line-height: 32px;
  display: block;
  color: #333;
  outline: none;
  border: none;
  position: relative;
}
.order_top .order_title_nav {
  width: 100%;
  margin-top: 0px;
  position: relative;
}
.order_top .order_title_nav .order_nav_bt {
  position: relative;
  font-size: 1.5rem;
}
.order_top .order_title_nav .order_nav_bt.checked:before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #fff;
  position: absolute;
  display: block;
  transform: rotate(45deg);
  bottom: -7px;
  left: calc(50% - 8px);
  z-index: 2;
}
.order_top .order_title_nav .order_nav_bt.new_order i {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #e64340;
  position: absolute;
  top: 20px;
  right: calc(50% - 50px);
}

#st-container_00 {
  width: 100%;
  position: relative;
  padding-top: 5px;
}
#st-container_00 .nav_bt {
  position: relative;
  color: #999;
}
#st-container_00 .nav_bt input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 2;
}
#st-container_00 .nav_bt span {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 1.5rem;
}
#st-container_00 .nav_bt label {
  width: 20%;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  bottom: 5px;
  left: 40%;
}
#st-container_00 .nav_bt.active span {
  color: #2ba866;
}
#st-container_00 .nav_bt.active label {
  border-bottom: 2px solid #2ba866;
}
#st-container_00 .nav_bt.add_new_order i {
  position: absolute;
  color: #fff;
  width: auto;
  height: 14px;
  font-size: 1rem;
  line-height: 14px;
  border-radius: 7px;
  display: inline-block;
  padding: 0 5px;
  background-color: #e64340;
  top: 13px;
  left: calc(50% + 25px);
}

#st-scroll_00 {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 157px;
}
#st-scroll_00 .order_list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
  margin-bottom: 15px;
}
#st-scroll_00 .order_list_item .order_item_top {
  width: 100%;
  height: auto;
  position: relative;
  color: #999;
  font-size: 1.2rem;
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
}
#st-scroll_00 .order_list_item .order_item_top .top_text {
  line-height: 24px;
}
#st-scroll_00 .order_list_item .order_item_top .top_text i {
  display: inline-block;
  color: #333;
}
#st-scroll_00
  .order_list_item.replenishment_order_msg
  .order_item_top
  .text_01 {
  font-size: 1.4rem;
}
#st-scroll_00 .order_list_item .order_item_top .text_01 span {
  font-size: 1.5rem;
  color: #ffa726;
}
#st-scroll_00 .order_list_item .order_goods {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
#st-scroll_00 .order_list_item .order_goods .order_product_list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px 0;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .order_product_list_item
  .goods_img {
  width: 72px;
  height: 72px;
  position: relative;
  margin-right: 10px;
  overflow: hidden;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .order_product_list_item
  .goods_img
  img {
  width: 100%;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .order_product_list_item
  .goods_text {
  width: calc(100% - 110px);
  height: auto;
  position: relative;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .order_product_list_item
  .goods_text
  .goods_name {
  font-size: 1.5rem;
  color: #000;
  line-height: 30px;
  margin-bottom: 10px;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .order_product_list_item
  .goods_text
  .goods_msg_01 {
  position: relative;
  width: 100%;
  color: #999;
  font-size: 1.2rem;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .order_product_list_item
  .goods_text
  .goods_msg_01
  p {
  line-height: 1.8rem;
  display: block;
  width: 50%;
  float: left;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .order_product_list_item
  .goods_text
  .goods_msg_01
  p:nth-child(2n) {
  text-align: right;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .order_product_list_item
  .goods_text
  .goods_price
  span {
  color: #fda11a;
}

#st-scroll_00 .order_list_item .order_goods .swiper-container_21 {
  width: 100%;
  height: auto;
  position: relative;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .swiper-container_21
  .swiper-wrapper {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px 0;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .swiper-container_21
  .swiper-wrapper
  .swiper-slide {
}
#st-scroll_00
  .order_list_item
  .order_goods
  .swiper-container_21
  .swiper-wrapper
  .swiper-slide
  .recommend_goods_img {
  text-align: center;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .swiper-container_21
  .swiper-wrapper
  .swiper-slide
  .recommend_goods_img
  img {
  width: 100%;
}
#st-scroll_00
  .order_list_item
  .order_goods
  .swiper-container_21
  .swiper-wrapper
  .swiper-slide
  .goods_text {
  font-size: 1.1rem;
  color: #999;
  line-height: 1.8rem;
}

#st-scroll_00 .order_list_item .order_list_message {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1.2rem;
  color: #bbb;
  text-align: right;
}
#st-scroll_00 .order_list_item .order_list_message .list_message_text {
  color: #999;
  font-size: 1.2rem;
}
#st-scroll_00 .order_list_item .order_list_message .list_message_text span {
  margin: 0 5px;
}
#st-scroll_00 .order_list_item .order_list_message .list_message_text label {
  margin-left: 10px;
}
#st-scroll_00
  .order_list_item
  .order_list_message
  .list_message_text
  label
  span {
  font-size: 1.3rem;
  color: #333;
  margin: 0;
}
#st-scroll_00 .order_list_item .order_operate {
  width: 100%;
  position: relative;
  height: auto;
}
#st-scroll_00 .order_list_item .order_operate:after {
  content: "";
  display: block;
  height: auto;
  clear: both;
}
#st-scroll_00 .order_list_item .order_operate .order_operate_bt {
  background-color: #e7e7e7;
  color: #333;
  font-size: 1.2rem;
  text-align: center;
  margin-left: 10px;
  width: auto;
  height: auto;
  line-height: 27px;
  border-radius: 15px;
  float: right;
  padding: 0 15px;
}
#st-scroll_00 .order_list_item .order_operate .order_operate_bt:first-child {
  background-color: #2ba866;
  color: #fff;
}
#st-scroll_00
  .order_list_item
  .order_operate.create_order_unverify
  .order_operate_bt:first-child {
  background-color: #fda11a;
  color: #fff;
}

#st-scroll_00 .order_list_item.replenishment_order_msg {
  width: calc(100% + 30px);
  height: auto;
  left: -15px;
  position: relative;
  border-top: 1px solid #f1f1f1;
  margin-top: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
}
#st-scroll_00 .order_list_item.replenishment_order_msg:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  transform: rotate(45deg);
  position: absolute;
  left: 29px;
  top: -8px;
  background: #fff;
}

/*订单 - 我收到的订单*/
.apply_substitute_box {
  width: 100%;
  z-index: 20;
  position: absolute;
  margin-top: 40%;
  height: 60%;
  -webkit-animation: bottom_DivDownMoveTop 0.6s both 0s;
  padding: 1px 0;
}
.apply_substitute_box .apply_title {
  width: 100%;
  height: auto;
  position: absolute;
  padding: 15px;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 5;
  font-size: 1.5rem;
}
.apply_substitute_box .substitute_goods_list {
  width: 100%;
  position: relative;
  padding: 0 15px;
  height: calc(100% - 125px);
  margin: 50px 0 70px 0;
  overflow-y: scroll;
  background-color: #fff;
}
.apply_substitute_box .substitute_goods_list .list_item {
  width: 100%;
  padding: 10px 0;
  height: auto;
  position: relative;
}
.apply_substitute_box .substitute_goods_list .list_item .item_select {
  width: 25px;
  height: 35px;
  position: relative;
  margin-top: 25px;
}
.apply_substitute_box .substitute_goods_list .list_item .item_select i {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #e1e1e1;
  position: relative;
}
.apply_substitute_box
  .substitute_goods_list
  .list_item.selected
  .item_select
  i {
  border: 0;
  background-color: #2ba866;
}
.apply_substitute_box
  .substitute_goods_list
  .list_item.selected
  .item_select
  i:before {
  content: "";
  width: 9px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 5px;
  left: 5px;
}

.apply_substitute_box .substitute_goods_list .list_item .item_goods_img {
  width: 72px;
  height: 72px;
  overflow: hidden;
  margin-right: 10px;
}
.apply_substitute_box .substitute_goods_list .list_item .item_goods_img img {
  width: 100%;
}
.apply_substitute_box .substitute_goods_list .list_item .item_goods_text {
  width: calc(100% - 125px);
  height: auto;
  position: relative;
}
.apply_substitute_box
  .substitute_goods_list
  .list_item
  .item_goods_text
  .goods_name {
  font-size: 1.5rem;
  color: #000;
  line-height: 30px;
  margin-bottom: 10px;
}
.apply_substitute_box
  .substitute_goods_list
  .list_item
  .item_goods_text
  .goods_text_msg {
  position: relative;
  bottom: 0;
  width: 100%;
  color: #999;
  font-size: 1.2rem;
}
.apply_substitute_box
  .substitute_goods_list
  .list_item
  .item_goods_text
  .goods_text_msg:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.apply_substitute_box
  .substitute_goods_list
  .list_item
  .item_goods_text
  .goods_text_msg
  p {
  display: block;
  width: 50%;
  float: left;
  line-height: 30px;
}
.apply_substitute_box
  .substitute_goods_list
  .list_item
  .item_goods_text
  .goods_text_msg
  span {
  margin-left: 5px;
}

.apply_substitute_box .apply_substitute_bt {
  padding: 15px 5%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.apply_substitute_box .close_bt {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  color: #333;
  text-align: center;
  border-radius: 50%;
  line-height: 22px;
  z-index: 6;
}

/*订单详情*/
.order_top_state {
  width: 100%;
  height: auto;
  position: relative;
  background: transparent;
}
.order_top_state .top_state_bg {
  width: 100%;
  height: auto;
  position: relative;
}
.order_top_state .top_state_bg img {
  width: 100%;
}
.order_top_state .state_text {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  font-size: 1.8rem;
  padding: 15px;
  line-height: 30px;
}
.order_top_state .state_text label {
  font-size: 1.5rem;
}

.order_message.receiver {
  width: calc(100% - 30px);
  margin: 0 auto;
  top: -50px;
  border-radius: 5px;
}

.order_message {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
  margin-bottom: 15px;
}
.order_detail_goods,
.orders {
  top: -35px;
}
.order_message .msg_title {
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
}
.order_message.receiver .msg_title {
  font-weight: normal;
}
.order_message .created_msg_01 {
  width: 100%;
  line-height: 30px;
  color: #333;
  font-size: 1.5rem;
}
.order_message .created_msg_01 span {
  font-size: 1.2rem;
}
.order_message .created_msg_02 {
  width: 100%;
  color: #999;
  position: relative;
  font-size: 1.2rem;
}
.order_message .created_msg_02 .receiver_address {
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 5px;
  max-width: 90%;
}
.order_message .go_select_address_bt {
  line-height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  right: 12px;
  color: #999;
  font-size: 1.8rem;
}

.order_message.goods .goods_list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px 0;
}
.order_message.goods .goods_list_item .goods_img {
  width: 72px;
  height: 72px;
  overflow: hidden;
  margin-right: 10px;
}
.order_message.goods .goods_list_item .goods_img img {
  width: 100%;
}
.order_message.goods .goods_list_item .goods_text {
  width: calc(100% - 82px);
  height: 72px;
  position: relative;
}
.order_message.goods .goods_list_item .goods_text .goods_name {
  line-height: 24px;
  color: #333;
  -webkit-text-stroke-width: 0.2px;
}
.order_message.goods .goods_list_item .goods_text .goods_msg_01 {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1.2rem;
  color: #bbb;
}
.order_message.goods .goods_list_item .goods_text .goods_price {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.2rem;
  color: #bbb;
}
.order_message.goods .goods_list_item .goods_text .goods_price span {
}
.order_message.goods .goods_list_item .goods_text .scan_shipment_bt {
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.8rem;
  background-color: #ffa727;
  width: auto;
  padding: 0 15px;
  height: 22px;
  -webkit-text-stroke-width: 0;
  border-radius: 5px;
  line-height: 24px;
}

.order_message.order_detail_goods .goods_list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
}
.order_message.order_detail_goods .goods_list_item:last-child {
  border-bottom: none;
}
.order_message.order_detail_goods .goods_list_item .goods_img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin-right: 10px;
}
.order_message.order_detail_goods .goods_list_item .goods_img img {
  width: 100%;
}
.order_message.order_detail_goods .goods_list_item .goods_text {
  width: calc(100% - 90px);
  height: auto;
  position: relative;
}
.order_message.order_detail_goods .goods_list_item .goods_text .goods_name {
  line-height: 24px;
  color: #000;
  font-size: 1.5rem;
}
.order_message.order_detail_goods .goods_list_item .goods_text .goods_msg_01 {
  position: relative;
  font-size: 1.3rem;
  color: #c4c4c4;
  margin-top: 5px;
}
.order_message.order_detail_goods .goods_list_item .goods_text .goods_price {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.5rem;
  color: #c4c4c4;
}
.order_message.order_detail_goods
  .goods_list_item
  .goods_text
  .goods_price
  span {
  color: #999;
}
.order_message.order_detail_goods
  .goods_list_item
  .goods_text
  .scan_shipment_bt {
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2.1rem;
  width: auto;
  padding: 0 3px;
  height: 28px;
  background-color: #2ba866;
  border-radius: 5px;
  line-height: 28px;
  z-index: 10;
}
.order_message.order_detail_goods .replenishment_msg {
  width: 100%;
  height: auto;
  position: relative;
}
.order_message.order_detail_goods .replenishment_msg .msg_item {
  width: 100%;
  height: auto;
  position: relative;
  line-height: 40px;
  font-size: 1.3rem;
  color: #c4c4c4;
}
.order_message.order_detail_goods .replenishment_msg .msg_item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.order_message.order_detail_goods .replenishment_msg .msg_item span {
  max-width: calc(100% - 100px);
  display: inline-block;
  height: auto;
  line-height: 40px;
  color: #333;
}
.order_message.order_detail_goods .replenishment_msg .msg_item.remarks {
  border-top: 1px solid #f1f1f1;
}
.order_message.order_detail_goods .replenishment_msg .msg_item.remarks span {
  line-height: 20px;
  margin: 10px 0;
  text-align: right;
}

.order_message.order_detail_goods.replenishment_order
  .goods_list_item:nth-last-child(2) {
  border: none;
}

.order_message .orders_text {
  width: 100%;
  line-height: 40px;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
  color: #c4c4c4;
  font-size: 1.3rem;
}
.order_message .orders_text:first-child {
  border-bottom: 0;
  margin-bottom: 5px;
}
.order_message .orders_text:last-child {
  border-bottom: 0;
}
.order_message .orders_text span {
  color: #333;
  font-weight: 600;
}
.order_message .orders_text input {
  font-size: 1.3rem;
  color: #333;
}
.order_message .order_date {
  font-size: 1.2rem;
  color: #999;
  line-height: 24px;
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
}

.order_message .order_detail_bottom_bt {
  width: 100%;
  height: 40px;
  padding: 10px 0;
}
.order_message .order_detail_bottom_bt .bottom_bt {
  width: 75px;
  height: auto;
  border-radius: 15px;
  text-align: center;
  line-height: 27px;
  color: #fff;
  background: #2ba866;
  font-size: 1.2rem;
}

/*订单 - 扫码出货*/
.order_message.scan_code_goods {
  padding: 0;
  top: -35px;
}
.order_message.scan_code_goods .msg_title {
  padding: 15px;
}
.order_message.scan_code_goods .goods_list_item {
  border-bottom: 0;
  padding: 15px;
  background-color: #fff;
}
.order_message.scan_code_goods .goods_list_item .goods_img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 20px;
}
.order_message.scan_code_goods .goods_list_item .goods_img img {
  width: 100%;
}
.order_message.scan_code_goods .goods_list_item .goods_text {
  width: calc(100% - 90px);
  height: 80px;
  position: relative;
  margin-bottom: 20px;
}
.order_message.scan_code_goods .goods_list_item .goods_text .goods_name {
  line-height: 24px;
  color: #000;
  font-size: 1.5rem;
}
.order_message.scan_code_goods .goods_list_item .goods_text .goods_msg_01 {
  position: relative;
  font-size: 1.3rem;
  color: #c4c4c4;
  margin-top: 5px;
}
.order_message.scan_code_goods .goods_list_item .goods_text .goods_price {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.3rem;
  color: #c4c4c4;
}
.order_message.scan_code_goods .goods_list_item .goods_text .goods_price span {
  color: #999;
  font-size: 1.5rem;
}
.order_message.scan_code_goods .goods_list_item .scan_shipment_num {
  border-top: 1px solid #f1f1f1;
  padding: 10px 0;
  text-align: center;
  color: #000;
  font-size: 1.5rem;
}
.order_message.scan_code_goods .goods_list_item .scan_shipment_num span {
  font-size: 2.4rem;
  font-weight: 400;
  margin: 0 10px;
  color: #2ba866;
}

.scan_shipment_bottom {
  position: fixed;
  bottom: 49px;
  width: 100%;
  left: 0;
  height: auto;
  line-height: 54px;
}
.scan_shipment_bottom .bottom_bt {
  color: #2ba866;
  font-size: 1.5rem;
}
.scan_shipment_bottom .bottom_bt.scan_code {
  border-right: 1px solid #f5f6f6;
}
.scan_shipment_bottom .bottom_bt.confirm_shipment {
  color: #fff;
}
.scan_shipment_bottom .bottom_bt .iconfont {
  font-size: 2rem;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.input_goods_code_box {
  position: absolute;
  padding: 15px;
  width: 100%;
  height: auto;
  -webkit-animation: bottom_DivDownMoveTop 0.6s both 0s;
}
.input_goods_code_box .title {
  border-bottom: 0;
  color: #000;
  font-size: 1.5rem;
}
.input_goods_code_box .input_text input {
  background-color: #f3f5f9;
  width: calc(100% - 40px);
  margin: 17px auto;
  padding: 0 10px;
  line-height: 35px;
  font-size: 1.6rem;
  color: #333;
}
.input_goods_code_box .input_text {
  padding: 20px 0;
}
.input_goods_code_box .input_code_close_bt.iconfont {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 1.6rem;
}

/*确认下单*/
.my_account {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 15px;
  z-index: 12;
  padding: 15px 0 13px 0;
}
.my_account .my_account_detail {
  width: 100%;
  height: auto;
  position: relative;
}
.my_account .my_account_detail .account_item {
  text-align: center;
  color: #999;
  font-size: 1.2rem;
  position: relative;
}
.my_account .my_account_detail .account_item img {
  width: 35px;
  height: 35px;
  display: block;
  border-radius: 50%;
  text-align: center;
  margin: 5px auto;
  border: 2px solid #f1f1f1;
}
.my_account .my_account_detail .account_item i {
  font-size: 1.2rem;
  color: #999;
  display: block;
}
.my_account .my_account_detail .account_item label {
  font-size: 2.1rem;
  color: #333;
  font-weight: 600;
}
.my_account .my_account_detail .account_item:nth-child(2) label {
  font-size: 2.1rem;
  color: #fda11a;
  font-weight: 600;
}

/*确认下单-底部导航*/
.goods_setOrder_bottom_nav {
  position: fixed;
  width: 100%;
  bottom: 0;
  letter-spacing: 0;
  height: auto;
  line-height: 49px;
  color: #999;
}
.goods_setOrder_bottom_nav .total_bt {
  padding: 0 0 0 15px;
  font-size: 1.4rem;
  width: calc(100% - 90px);
}
.goods_setOrder_bottom_nav .total_bt span {
  color: #fda11a;
  font-size: 1.7rem;
}
.goods_setOrder_bottom_nav .pay_bt {
  width: 60px;
  height: auto;
  line-height: 27px;
  margin: 11px 15px;
  text-align: center;
  border-radius: 14px;
  color: #fff;
  background-color: #2ba866;
  font-size: 1.2rem;
}

/*购物车*/
.cart_goods_list {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 15px;
  background-color: #fff;
}
.cart_goods_list .list_item {
  width: 100%;
  height: auto;
  padding: 15px 0;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.cart_goods_list .list_item:last-child {
  border: none;
}
.cart_goods_list .list_item .item_select {
  width: 20px;
  height: 20px;
  margin: 40px auto;
  margin-right: 10px;
}
.cart_goods_list .list_item .item_select i {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #f1f1f1;
  display: block;
  position: relative;
}
.cart_goods_list .list_item .item_select.selected i {
  border: 0;
  background-color: #21d372;
}
.cart_goods_list .list_item .item_select.selected i:before {
  content: "";
  width: 9px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  left: 5px;
  top: 5px;
}
.cart_goods_list .list_item .goods_img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  position: relative;
  background-color: #f6f6f6;
}
.cart_goods_list .list_item .goods_img img {
  width: 100%;
}
.cart_goods_list .list_item .goods_content {
  width: calc(100% - 140px);
  height: auto;
  position: relative;
}
.cart_goods_list .list_item .goods_content .goods_name {
  font-size: 1.5rem;
  color: #000;
  font-weight: bold;
}
.cart_goods_list .list_item .goods_content .goods_format {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #696969;
}
.cart_goods_list .list_item .goods_content .goods_price {
  position: relative;
  line-height: 20px;
  font-size: 1.5rem;
  color: #fda11a;
  font-weight: bolder;
}
.cart_goods_list .list_item .goods_content .goods_price span {
  color: #999;
  text-decoration: line-through;
  margin-left: 10px;
  font-size: 1.2rem;
  font-weight: normal;
}
.cart_goods_list .list_item .goods_content .goods_number {
  position: relative;
  height: 18px;
  width: 82px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  margin: 10px 0;
}
.cart_goods_list .list_item .goods_content .goods_number span {
  width: 20px;
  height: 16px;
  line-height: 16px;
  font-size: 0.8rem;
  text-align: center;
  display: block;
  float: left;
  color: #999;
}
.cart_goods_list .list_item .goods_content .goods_number input {
  width: 40px;
  height: 16px;
  line-height: 16px;
  font-size: 1rem;
  text-align: center;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  outline: none;
  display: block;
  float: left;
  color: #333;
}
.cart_goods_list .list_item .goods_content .delete_bt {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.8rem;
  color: #999;
}

.cart_bottom_nav {
  width: 100%;
  padding: 0 10px;
  position: fixed;
  bottom: 49px;
}
.cart_bottom_nav .select_all {
  position: relative;
  color: #555;
}
.cart_bottom_nav .select_all i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #bbbdc5;
  display: block;
  position: relative;
  margin: 14px 10px 14px 0;
  float: left;
}
.cart_bottom_nav .select_all.selected i {
  border: 0;
  background-color: #21d372;
}
.cart_bottom_nav .select_all.selected i:before {
  content: "";
  width: 9px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  left: 5px;
  top: 5px;
}
.cart_bottom_nav .create_order_bt {
  width: 80px;
  height: 30px;
  border-radius: 5px;
  margin-top: 10px;
  line-height: 30px;
  margin-left: 10px;
}
.cart_bottom_nav .total_price {
  color: #bbb;
}
.cart_bottom_nav .total_price span {
  color: #fda11a;
}

/*选择收货地址*/

.add_address_item {
  width: calc(100% - 30px);
  border-radius: 5px;
  position: fixed;
  left: 15px;
  top: 15px;
  z-index: 10;
  padding: 10px 0;
  background: #fff;
  font-size: 1.2rem;
  color: #c4c4c4;
}
.add_address_item .iconfont {
  margin: 0 0 5px 0;
  font-size: 2.4rem;
}

.add_address_bt {
  width: calc(100% - 30px);
  border-radius: 5px;
  position: fixed;
  left: 15px;
  bottom: 75px;
  z-index: 10;
}

.mall_address_list {
  position: relative;
  height: auto;
  width: 100%;
  background-color: #fff;
  margin-bottom: 40px;
}
.mall_address_list_item {
  position: relative;
  border-bottom: 1px solid #f1f1f1;
  padding: 15px;
}
/*.mall_address_list_item:last-child{border-bottom: 0;}*/
.mall_address_list_item .address_list_message {
  width: calc(100% - 70px);
  height: auto;
  color: #333;
}
.mall_address_list_item .address_list_message .list_message_text {
  line-height: 35px;
  font-size: 1.5rem;
}
.mall_address_list_item .address_list_message .list_message_text.address,
.mall_address_list_item
  .address_list_message
  .list_message_text.address_detail {
  line-height: 20px;
  font-size: 1.2rem;
}
.mall_address_list_item .address_list_message .list_message_text label {
  display: inline;
  margin-left: 10px;
  color: #999;
}
.mall_address_list_item .address_list_message .list_message_text span {
  display: inline-block;
  margin-left: 10px;
  background-color: #2ba866;
  width: auto;
  height: 18px;
  text-align: center;
  font-size: 1.1rem;
  line-height: 18px;
  color: #fff;
  padding: 0 5px;
  border-radius: 3px;
  position: relative;
  top: -2px;
}
.mall_address_list_item .mall_address_operate {
  width: 60px;
  position: relative;
  height: auto;
  margin-left: 10px;
  text-align: center;
  font-size: 1.2rem;
}
.mall_address_list_item .mall_address_operate .mall_address_operate_bt {
  width: 60px;
  height: auto;
  line-height: 25px;
  border-radius: 15px;
  background: #2ba866;
  color: #fff;
  margin: 5px 0;
}
.mall_address_list_item
  .mall_address_operate
  .mall_address_operate_bt.delete_address {
  background: #fff;
  color: #999;
  border: 1px solid #e7e7e7;
}

/*新增收货地址*/
.address_msg {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 15px;
}
.address_msg .address_edit_item {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
  line-height: 50px;
  color: #999;
  font-size: 1.5rem;
}
.address_msg .address_edit_item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.address_msg .address_edit_item:last-child {
  border-bottom: none;
}
.address_msg .address_edit_item.mb_5 {
  border-bottom: none;
}
.address_msg .address_edit_item input {
  display: block;
  float: right;
  width: calc(100% - 80px);
  height: auto;
  line-height: 49px;
}
.address_msg .address_edit_item .location_select {
  display: block;
  float: right;
  width: calc(100% - 80px);
  height: auto;
  line-height: 49px;
}
.address_msg .address_edit_item .location_select select {
  width: 33.3%;
  display: block;
  float: left;
  position: relative;
  top: 10px;
}
.address_msg .address_edit_item.address_detail {
  height: auto;
}
.address_msg .address_edit_item textarea {
  display: block;
  float: right;
  width: calc(100% - 80px);
  height: 100px;
  line-height: 24px;
  resize: none;
  padding-top: 15px;
}

.default_address {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  background-color: #fff;
  margin-bottom: 5px;
  color: #999;
}
.default_address i {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  margin-top: 15px;
  position: relative;
}
.default_address.selected i {
  border: 0;
  background-color: #2ba866;
}
.default_address.selected i:before {
  content: "";
  width: 10px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  left: 5px;
  top: 5px;
}

/*订单 - 物流信息*/
.delivered_order_message {
  width: 100%;
  height: auto;
  background-color: transparent;
  position: relative;
  overflow: hidden;
}
.delivered_order_message .express_message_top_bg {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.delivered_order_message .express_message_top_bg img {
  width: 100%;
}
.delivered_order_message .message_content {
  width: 100%;
  height: auto;
  padding: 15px;
  border-radius: 5px;
  position: relative;
}
.delivered_order_message .message_content .content_text {
  width: 100%;
  height: auto;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.delivered_order_message .message_content .content_text .order_img {
  width: 75px;
  height: 75px;
  margin-right: 10px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  background: #fff;
  text-align: center;
}
.delivered_order_message .message_content .content_text .order_img img {
  width: 100%;
}
.delivered_order_message
  .message_content
  .content_text
  .order_img
  .express_goods_number {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  line-height: 15px;
  font-size: 1rem;
  background: #fdcf8c;
  color: #fff;
  bottom: 0;
  left: 0;
}
.delivered_order_message .message_content .content_text .order_text {
  width: calc(100% - 85px);
  height: 70px;
  line-height: 22px;
  position: relative;
}
.delivered_order_message
  .message_content
  .content_text
  .order_text
  .express_item {
  width: 100%;
  color: #fff;
  font-size: 1.4rem;
  line-height: 24px;
}
.delivered_order_message .message_content .content_state {
  width: 100%;
  color: #fff;
  font-size: 1.2rem;
  margin-top: 10px;
}
.delivered_order_message .message_content .content_state span {
  margin-left: 15px;
}

.express_detail_list {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
  border-radius: 5px;
}
.express_detail_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
}
.express_detail_list .list_item .item_left {
  width: 17px;
  height: 71px;
  position: relative;
  margin-right: 15px;
  z-index: 0;
}
.express_detail_list .list_item .item_left span {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #e7e7e7;
  z-index: 3;
  margin: 10px auto 0 auto;
  position: relative;
}
.express_detail_list .list_item.active .item_left span {
  background-color: #2ba866;
  z-index: 2;
}
.express_detail_list .list_item.active .item_left:before {
  content: "";
  background-color: #fff;
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: calc(5px / 2) solid rgba(43, 168, 102, 0.24);
  position: absolute;
  top: 6px;
  left: 0;
  box-sizing: border-box;
}
.express_detail_list .list_item .item_left:after {
  content: "";
  background-color: #e7e7e7;
  display: block;
  width: 1px;
  height: 75px;
  z-index: 1;
  position: absolute;
  top: 10px;
  left: 8px;
}
.express_detail_list .list_item:last-child .item_left:after {
  display: none;
}
.express_detail_list .list_item .item_right {
  width: calc(100% - 35px);
  height: auto;
  position: relative;
}
.express_detail_list .list_item .item_right .state {
  line-height: 28px;
  font-size: 1.3rem;
  color: #333;
}
.express_detail_list .list_item .item_right .state_address {
  line-height: 18px;
  font-size: 1.3rem;
  color: #999;
}

/*发现社区 - 首页*/
.index_top.community_index {
  width: 100%;
  padding: 6px 15px;
  height: 45px;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 20;
}
.index_top.community_index .top_search_box {
  width: calc(100% - 30px);
  height: 32px;
  line-height: 32px;
  padding: 0;
  border-radius: 5px;
  background-color: #f2f2f2;
  color: #d3d2d2;
}
.index_top.community_index .top_search_box .iconfont {
  width: auto;
  font-size: 1.5rem;
  color: #cbcbcb;
  display: inline-block;
  float: left;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.index_top.community_index .top_search_box input {
  width: calc(100% - 30px);
  padding: 0 5px;
  background-color: transparent;
  outline: none;
  border: none;
  height: 30px;
  line-height: 30px;
  position: relative;
  top: -2px;
  color: #333;
}

.index_top.community_index .scan_code.iconfont {
  width: 30px;
  height: auto;
  line-height: 32px;
  font-size: 2.5rem;
  color: #cbcbcb;
  position: relative;
  left: 2px;
}

.swiper-container_10 {
  width: 100%;
  height: auto;
  position: fixed !important;
  padding: 0 !important;
  margin-top: 45px !important;
  padding-bottom: 4px !important;
  top: 0;
  left: 0;
}
.swiper-container_10 .swiper-slide {
  width: 25%;
  line-height: 41px;
  text-align: center;
  border-bottom: 1px solid #fafafa;
  font-size: 1.5rem;
  color: #999;
}
.swiper-container_10 .swiper-slide.active {
  color: #2ba866;
}
.swiper-container_10 .swiper-slide.active i {
  width: 20px;
  height: 2px;
  background-color: #2ba866;
  position: absolute;
  bottom: 2px;
  left: calc(50% - 10px);
  border-radius: 2px;
}

.community_top_banner {
  width: 100%;
  height: auto;
  position: relative;
}
.community_index_content {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 90px;
}
.community_top_banner .swiper-container_11 {
  width: 100%;
}
.community_top_banner .swiper-container_11 .swiper-slide {
  width: 100%;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
  padding: 10px 15px;
}
.community_top_banner .swiper-container_11 .swiper-slide img {
  width: 100%;
  border-radius: 5px;
}

.release_content_list {
  width: 100%;
  height: auto;
  position: relative;
}
.release_dynamic_list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
  margin-bottom: 10px;
  background-color: #fff;
}
.release_dynamic_list_item:last-child {
  border-bottom: 0;
}
.release_dynamic_list_item .release_person {
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.release_dynamic_list_item .release_person .person_img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}
.release_dynamic_list_item .release_person .person_img img {
  width: 100%;
}
.release_dynamic_list_item .release_person .person_text {
  width: calc(100% - 45px);
  height: 30px;
  line-height: 30px;
  color: #333;
  font-size: 1.5rem;
}
.release_dynamic_list_item .release_person .person_text span {
  color: #c4c4c4;
  position: absolute;
  bottom: 15px;
  right: 0;
  line-height: 30px;
}
.release_dynamic_list_item .release_text,
.release_dynamic_list_item .release_img,
.release_dynamic_list_item .release_interaction {
  width: 100%;
  position: relative;
  height: auto;
}

.release_dynamic_list_item .release_text {
  line-height: 24px;
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 10px;
}

.release_dynamic_list_item .release_img figure {
  width: 80px;
  max-height: 80px;
  overflow: hidden;
  float: left;
  height: auto;
  margin: 0 10px 10px 0;
}
.release_dynamic_list_item .release_interaction {
  margin-bottom: 0;
  line-height: 24px;
  color: #999;
  font-size: 1.2rem;
  height: 24px;
}
.release_dynamic_list_item .release_interaction .operate_bt {
  width: 64px;
  margin-right: 10px;
  text-align: left;
}
.release_dynamic_list_item .release_interaction .operate_bt.union_delete_bt {
  text-align: right;
  color: #2ba866;
}
.release_dynamic_list_item .release_interaction .operate_bt.delete_bt {
  text-align: right;
  color: #2ba866;
}
.release_dynamic_list_item .release_interaction .operate_bt .iconfont {
  margin-right: 5px;
  color: #cbcbcb;
  position: relative;
  top: 0px;
  font-size: 1.4rem;
}

/*社区 - 发布动态*/
.create_union_text {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.create_union_text textarea {
  width: 100%;
  height: 100px;
  position: relative;
  resize: none;
  line-height: 24px;
  font-size: 1.4rem;
  color: #333;
  padding: 15px;
}

.create_union_text textarea::-webkit-input-placeholder {
  color: #c4c4c4;
}
.create_union_text textarea:-moz-placeholder {
  color: #c4c4c4;
}
.create_union_text textarea::-moz-placeholder {
  color: #c4c4c4;
}
.create_union_text textarea:-ms-input-placeholder {
  color: #c4c4c4;
}

.create_union_img {
  width: 100%;
  height: auto;
  position: relative;
  padding: 10px 15px;
}
.create_union_img .create_notice_01 {
  font-size: 1.2rem;
  color: #999;
  line-height: 24px;
}
.create_union_img .union_img {
  width: 100%;
  height: auto;
  position: relative;
}
.create_union_img .union_img .img_upload {
  width: 105px;
  height: 84px;
  position: relative;
  background: #eee;
  font-size: 12px;
  float: left;
  border-radius: 5px;
  color: #fff;
  margin: 0 10px 10px 0;
}
.create_union_img .union_img .img_upload.new {
  border: none;
  box-shadow: 0 0 2px #e1e1e1;
}
.create_union_img .union_img .img_upload.new .iconfont {
  position: absolute;
  font-size: 10px;
  color: #fff;
  right: -5px;
  top: -5px;
  display: block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: rgba(0, 0, 0, 0.67);
  border-radius: 50%;
  text-align: center;
}
.create_union_img .union_img .img_upload.new span {
  width: 100%;
  height: 84px;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 5px;
}
.create_union_img .union_img .img_upload.new span img {
  width: 100%;
  height: auto;
}
.create_union_img .union_img .img_upload input {
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 20;
  position: absolute;
  left: 0;
  top: 0;
}
.create_union_img .union_img .img_upload .iconfont {
  font-size: 3.2rem;
  line-height: 84px;
  display: block;
  position: relative;
}

.release_bt,
.create_notice_02 {
  position: fixed;
}
.release_bt {
  margin: 0px auto;
  width: calc(100% - 30px);
  left: 15px;
  bottom: 60px;
}
.create_notice_02 {
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
  color: #c4c4c4;
  left: 0;
  bottom: 120px;
}

/*社区 - 动态详情*/
.back_list_bt {
  width: 100%;
  padding: 15px;
  height: auto;
  position: relative;
  color: #999999;
  box-shadow: 0 2px 2px 0 #f1f1f1;
  z-index: 2;
  font-size: 2rem;
}
.back_list_bt span {
  margin-left: 15px;
  -webkit-text-stroke-width: 0;
  font-size: 1.4rem;
  position: relative;
  top: -2px;
}

.union_comment_list {
  width: 100%;
  height: auto;
  padding: 0px 15px 26px 15px;
  position: relative;
}
.union_comment_list .comment_list_item {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #f2f2f2;
  padding: 15px 0;
}
/*.union_comment_list .comment_list_item:last-child{border-bottom: 0;}*/
.union_comment_list .comment_list_item .item_person_msg {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}
.union_comment_list .comment_list_item .item_person_msg img {
  width: 100%;
}
.union_comment_list .comment_list_item .item_comment_text {
  width: calc(100% - 50px);
  height: auto;
}
.union_comment_list .comment_list_item .item_comment_text .person_text {
  line-height: 24px;
  font-size: 1.4rem;
  color: #999;
}
.union_comment_list .comment_list_item .item_comment_text .release_date {
  font-size: 1rem;
  color: #999;
}
.union_comment_list .comment_list_item .item_comment_text .comment_text {
  width: 100%;
  line-height: 20px;
  font-size: 1.4rem;
  color: #333;
  margin: 5px 0;
}

.update_comment {
  padding: 14px 15px;
  position: fixed;
  bottom: 49px;
  left: 0;
  background: #fff;
  width: 100%;
  z-index: 20;
  border-top: 1px solid #e7e7e7;
}
.update_comment input {
  position: relative;
  width: calc(100% - 40px);
  display: block;
  float: left;
  height: auto;
  line-height: 30px;
  background-color: #f2f2f2;
  padding: 0 10px;
  border-radius: 5px;
  color: #333;
}
.update_comment span {
  width: 40px;
  height: auto;
  display: block;
  float: left;
  text-align: right;
  font-size: 1.4rem;
  color: #2ba866;
  line-height: 30px;
}

/*社区 - 新闻*/
.community_news_content {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 90px;
}
.release_content_list .news_list_item {
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #e7e7e7;
}
.release_content_list .news_list_item:nth-last-child(1) {
  border-bottom: 0;
}
.release_content_list .news_list_item .item_img {
  width: 100px;
  height: 80px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}
.release_content_list .news_list_item .item_img img {
  width: 100%;
}
.release_content_list .news_list_item .item_text {
  width: calc(100% - 110px);
  height: auto;
  position: relative;
}
.release_content_list .news_list_item .item_text .item_title {
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.5rem;
  color: #333;
  font-weight: 400;
}
.release_content_list .news_list_item .item_text .item_time {
  color: #999;
  position: relative;
  font-size: 1.2rem;
  margin-top: 17px;
}

/*社区 - 新闻详情*/
.news_detail_top {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
  margin-bottom: 15px;
  z-index: 2;
}
.news_detail_top .news_title {
  width: 100%;
  line-height: 24px;
  font-size: 1.6rem;
  position: relative;
  margin-bottom: 5px;
  font-weight: bold;
}
.news_detail_top .news_date {
  width: 100%;
  line-height: 24px;
  font-size: 1.2rem;
  color: #999;
}
.news_detail_top .news_date span {
  color: #ccc;
}
.news_detail_top .news_date span .iconfont {
  font-size: 1.5rem;
  margin-right: 5px;
  position: relative;
  top: 0px;
}
.news_detail_content {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
  color: #999;
}
.news_detail_content p,
.news_detail_content div {
  width: 100%;
  height: auto;
  line-height: 24px;
  margin-bottom: 15px;
}
.news_detail_content p:last-child,
.news_detail_content div:last-child {
  margin-bottom: 0;
}
.news_detail_content p img,
.news_detail_content div img {
  width: 100%;
}

/*社区 - 视频*/
.video_list {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 90px;
}
.video_list .video_list_item {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #fff;
  padding: 15px;
  overflow: hidden;
  border-bottom: 1px solid #e7e7e7;
}
.video_list .video_list_item:last-child {
  border-bottom: none;
}
.video_list .video_list_item .item_video video {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #fff;
  overflow: hidden;
}
.video_list .video_list_item .item_text {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0;
}
.video_list .video_list_item .item_text .item_title {
  width: 100%;
  height: auto;
  color: #333;
  line-height: 24px;
}
.video_list .video_list_item .item_text .item_time {
  width: 100%;
  height: auto;
  color: #999;
  line-height: 24px;
  font-size: 1.2rem;
  margin-top: 2px;
}
.video_list .video_list_item .item_text .love_it_bt {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 24px;
  color: #999;
  font-size: 1.2rem;
}
.video_list .video_list_item .item_text .love_it_bt .iconfont {
  color: #cbcbcb;
  font-size: 1.4rem;
  position: relative;
  top: 1px;
}
.video_list .video_list_item .item_text .love_it_bt span {
  margin-left: 5px;
  display: inline-block;
}

/*社区 - 公告*/
.notice_list {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 90px;
}
.notice_list .notice_list_item {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 15px;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
}
.notice_list .notice_list_item:last-child {
  border-bottom: none;
}
.notice_list .notice_list_item .item_title {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  font-size: 1.5rem;
  color: #333;
  font-weight: bold;
}
.notice_list .notice_list_item .item_text {
  width: 100%;
  height: auto;
  font-size: 1.3rem;
  line-height: 24px;
  color: #999;
  margin-bottom: 10px;
}
.notice_list .notice_list_item .item_time {
  font-size: 1.3rem;
  line-height: 24px;
  color: #c4c4c4;
}

/*社区 - 公告详情*/
.notice_detail_top {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
  margin-bottom: 15px;
}
.notice_detail_top .notice_title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 5px;
}
.notice_detail_top .notice_date {
  font-size: 1.2rem;
  color: #999;
}

.notice_detail_text {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
  color: #999;
  margin: 0 auto;
  border-radius: 5px;
}
.notice_detail_text p {
  width: 100%;
  height: auto;
  position: relative;
  line-height: 24px;
  margin-bottom: 15px;
}
.notice_detail_text .notice_official_text {
  width: 100%;
  height: auto;
  position: relative;
  line-height: 30px;
  margin-bottom: 10px;
  color: #666;
}

/*工具 - 主页*/
.tool_content {
  width: 100%;
  height: auto;
  position: relative;
}
.tool_content .tool_item {
  height: 120px;
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
  color: #999;
  font-size: 1.2rem;
}
.tool_content .tool_item:nth-child(2),
.tool_content .tool_item:nth-child(5),
.tool_content .tool_item:nth-child(8),
.tool_content .tool_item:nth-child(11) {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #e7e7e7;
}
.tool_content .tool_item svg {
  display: block;
  width: 100%;
}
.tool_content .tool_item svg.icon {
  width: 30px;
  height: 30px;
  margin: 20px auto;
}

/*工具 - 实体店*/
.shop_list {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
}
.shop_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 15px 10px;
}
.shop_list .list_item .item_img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: relative;
  float: left;
  border-radius: 5px;
  margin-right: 15px;
}
.shop_list .list_item .item_img img {
  width: 100%;
  border-radius: 5px;
}
.shop_list .list_item .shop_msg {
  width: calc(100% - 95px);
  height: auto;
  position: relative;
  float: left;
}
.shop_list .list_item .shop_msg .shop_name {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 5px;
}
.shop_list .list_item .shop_msg .msg_01 {
  width: 100%;
  line-height: 30px;
  color: #333;
  font-size: 1.5rem;
}
.shop_list .list_item .shop_msg .msg_01 .iconfont {
  font-size: 1.4rem;
  margin-right: 5px;
  color: #ddd;
}
.shop_list .list_item .shop_msg .msg_01 span {
  margin-right: 10px;
}
.shop_list .list_item .shop_msg .msg_02 {
  width: 100%;
  line-height: 26px;
  color: #999;
  font-size: 1.3rem;
}
.shop_list .list_item .shop_msg .msg_02 .iconfont {
  font-size: 1.4rem;
  margin-right: 5px;
  color: #ddd;
}
.shop_list .list_item .shop_msg .msg_02 span {
  width: calc(100% - 19px);
  height: auto;
  float: right;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*工具 - 实体店详情*/
.shop_detail_top {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #fafafa;
}
.shop_detail_top .shop_sign_img {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.shop_detail_top .shop_sign_img img {
  width: 100%;
}
.shop_detail_top .shop_msg {
  width: 100%;
  padding: 15px;
  height: auto;
  position: relative;
}
.shop_detail_top .shop_msg .shop_name {
  width: 100%;
  height: auto;
  font-weight: bold;
  font-size: 1.5rem;
  color: #000;
  margin-bottom: 15px;
}
.shop_detail_top .shop_msg .shop_brief_introduction {
  width: 100%;
  height: auto;
  line-height: 20px;
  color: #999;
  font-size: 1.2rem;
  margin-bottom: 20px;
}
.shop_detail_top .shop_msg .shop_msg_item {
  width: 100%;
  height: auto;
  line-height: 30px;
}
.shop_detail_top .shop_msg .shop_msg_item .iconfont {
  display: block;
  color: #59a3ff;
  margin-right: 10px;
  width: 20px;
  height: 100%;
  float: left;
  font-size: 2rem;
}
.shop_detail_top .shop_msg .shop_msg_item span {
  display: block;
  width: calc(100% - 30px);
  float: left;
  height: auto;
  font-size: 1.6rem;
}
.shop_detail_top .shop_msg .shop_msg_item span label {
  display: inline-block;
  margin-right: 30px;
  font-size: 1.5rem;
}
.shop_detail_top .shop_msg .shop_msg_item:after {
  content: "";
  display: block;
  clear: both;
}
.shop_detail_top .shop_msg .shop_msg_item.address span {
  font-size: 1.4rem;
}
.shop_detail_top .shop_msg .shop_msg_item.address .iconfont {
  color: #ff5959;
}
.shop_detail_top .shop_msg .shop_other_msg {
  font-size: 1.2rem;
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 5px;
}
.shop_detail_top .shop_msg .shop_other_msg span {
  display: block;
  float: left;
  -webkit-text-stroke-width: 0.1px;
}
.shop_detail_top .shop_msg .shop_other_msg span i {
  display: inline-block;
  color: #fda11a;
  margin: 0 5px;
}
.shop_detail_top .shop_msg .shop_other_msg label {
  display: block;
  float: right;
  color: #999;
}
.shop_detail_top .shop_msg .shop_other_msg:after {
  content: "";
  display: block;
  clear: both;
}
.shop_detail_display {
  width: 100%;
  padding: 15px;
  height: auto;
  position: relative;
  overflow: hidden;
}
.shop_detail_display .display_title {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 0 15px 0;
  font-size: 1.2rem;
  color: #333;
}
.shop_detail_display .display_title span {
  color: #999;
  font-size: 1rem;
}
.shop_detail_display .display_img {
  width: 100%;
  height: auto;
  position: relative;
}
.shop_detail_display .display_img img {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 20px;
}
.shop_detail_display .loading_more {
  color: #999;
  font-size: 1.2rem;
  background-color: #ebedf0;
  border-radius: 5px;
  letter-spacing: 0.05rem;
}

/*工具 - 防伪查询*/
.check_notice_text {
  width: 100%;
  height: auto;
  position: relative;
  color: #999;
  padding: 20px 0 50px 0;
  font-size: 1.6rem;
}
.check_notice_text .company_logo {
  width: 42%;
  height: auto;
  margin: 10px auto;
}
.check_notice_text .company_logo img {
  width: 100%;
}
.check_result {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  padding: 0 0 15px 0;
}
.check_result .result_text {
  width: 90%;
  height: auto;
  position: relative;
  margin: 0 auto;
}
.check_result .result_text span {
  color: #2ba866;
  -webkit-text-stroke-width: 0.1px;
  margin-bottom: 10px;
}
.check_result .result_text label {
  color: #333;
  font-size: 1.4rem;
  line-height: 20px;
}
.security_code_input {
  width: calc(100% - 40px);
  height: auto;
  position: relative;
  line-height: 30px;
}
.security_code_input input[type="tel"] {
  width: 19%;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border-radius: 3px;
  background-color: #f3f5f9;
  color: #666;
  text-align: center;
  font-size: 1.6rem;
}
.security_code_input i {
  margin: 0 2px;
  color: #999;
}
.security_check_bt {
  margin: 30px auto;
  width: calc(100% - 40px);
  font-size: 1.5rem;
}

/*工具 - 授权查询*/
.check_bg {
  background-image: url(/images/personal_top1_bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.query_box {
  width: calc(100% - 30px);
  margin: 15px;
  height: auto;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px 0;
}
.authorization_input {
  width: 100%;
  height: auto;
  position: relative;
}
.authorization_input input {
  width: calc(100% - 40px);
  display: inline-block;
  height: auto;
  line-height: 35px;
  border-radius: 3px;
  background-color: #f3f5f9;
  color: #333;
  text-align: left;
  font-size: 1.6rem;
  padding: 0 10px;
}
.authorization_check_bt {
  width: calc(100% - 40px);
  font-size: 1.5rem;
  margin: 30px auto 20px auto;
}

.query_result {
  position: relative;
  width: calc(100% - 48px);
  height: auto;
  background-color: #fff;
  top: 0;
  left: 0;
  margin: 4px auto;
}
.query_result img {
  width: 100%;
  height: auto;
  position: relative;
}

/*工具 - 案例分享*/
.agent_share_list {
  width: 100%;
  height: auto;
  position: relative;
}
.agent_share_list .share_list_item {
  width: 100%;
  height: auto;
  padding: 10px 15px;
  margin-bottom: 15px;
  background-color: #fff;
  position: relative;
}
.agent_share_list .share_list_item .item_title {
  width: 100%;
  height: auto;
  font-size: 1.5rem;
  position: relative;
  line-height: 24px;
}
.agent_share_list .share_list_item .item_msg_01 {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 0;
}
.agent_share_list .share_list_item .item_msg_01 .msg_img {
  width: 115px;
  height: 82px;
  position: relative;
  margin-right: 10px;
  overflow: hidden;
}
.agent_share_list .share_list_item .item_msg_01 .msg_img img {
  width: 100%;
}
.agent_share_list .share_list_item .item_msg_01 .msg_text {
  color: #999;
  line-height: 20px;
  font-size: 1.2rem;
  width: calc(100% - 125px);
  height: auto;
  overflow: hidden;
}
.agent_share_list .share_list_item .item_msg_02 {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 10px;
}
.agent_share_list .share_list_item .item_msg_02 .author_img {
  width: 35px;
  height: 35px;
  position: relative;
  margin-right: 10px;
  border-radius: 50px;
  overflow: hidden;
}
.agent_share_list .share_list_item .item_msg_02 .author_img img {
  width: 100%;
}
.agent_share_list .share_list_item .item_msg_02 .author_text {
  width: calc(100% - 45px);
  height: auto;
  position: relative;
  line-height: 35px;
  font-size: 1.5rem;
  color: #333;
}
.agent_share_list .share_list_item .item_msg_02 .item_state {
  font-size: 1.2rem;
  color: #999;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 35px;
}
.agent_share_list .share_list_item .item_msg_02 .item_state span {
  margin-left: 10px;
}
.agent_share_list .share_list_item .item_msg_02 .item_state span .iconfont {
  font-size: 1.4rem;
  margin-right: 5px;
  color: #cbcbcb;
}

/*工具 - 案例分享详情*/
.share_detail_top {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
  border-bottom: 1px solid #eaeaea;
}
.share_detail_top .author_message {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 15px;
}
.share_detail_top .author_message .msg_img {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.share_detail_top .author_message .msg_img img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
}
.share_detail_top .author_message .msg_img span {
  width: calc(100% - 45px);
  height: auto;
  line-height: 18px;
  display: inline-block;
  color: #333;
}
.share_detail_top .author_message .msg_img span i {
  display: inline-block;
  color: #999;
  font-size: 1.2rem;
}
.share_detail_top .author_message .msg_level {
  position: absolute;
  right: -15px;
  width: auto;
  height: auto;
  line-height: 25px;
  padding: 0 10px 0 15px;
  color: #fff;
  background-color: #2ba866;
  font-size: 1.2rem;
  top: 5px;
  border-radius: 15px 0 0 15px;
}
.share_detail_top .article_title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 30px;
}
.share_detail_top .article_state {
  width: 100%;
  height: auto;
  position: relative;
  font-size: 1.2rem;
  color: #999;
}
.share_detail_top .article_state .state_text span {
  display: inline-block;
  margin-left: 10px;
}
.share_detail_top .article_state .state_text span .iconfont {
  font-size: 1.4rem;
  margin-right: 5px;
  color: #cbcbcb;
}

.share_detail_text {
  width: 100%;
  position: relative;
  background-color: #fff;
  color: #999;
  font-size: 1.5rem;
}
.share_detail_text p,
.share_detail_text div {
  width: 100%;
  height: auto;
  line-height: 24px;
  margin-bottom: 10px;
}
.share_detail_text img {
  width: 100%;
}

/*工具 - 最新活动*/
.active_top_nav {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  background-color: #2ba866;
  z-index: 2;
  padding: 0 40px;
}
.active_top_nav .nav_bt {
  position: relative;
  color: #fff;
  height: auto;
  line-height: 45px;
  opacity: 0.7;
  font-size: 1.5rem;
}
.active_top_nav .nav_bt.active {
  opacity: 1;
}
.active_top_nav .nav_bt.active span {
  position: absolute;
  bottom: 5px;
  left: calc(50% - 10px);
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
}

.active_list {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 45px;
  padding: 15px;
}
.active_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #fff;
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 5px;
}
.active_list .list_item img {
  width: 100%;
}
.active_list .list_item .active_text {
  width: 100%;
  height: auto;
  padding: 15px 10px;
  position: relative;
}
.active_list .list_item .active_text .active_name {
  color: #333;
  line-height: 29px;
  font-weight: 600;
  font-size: 1.5rem;
}
.active_list .list_item .active_text .active_time {
  color: #999;
  font-size: 1.2rem;
}
.active_list .list_item .active_text .active_state {
  position: absolute;
  right: 0;
  top: 20%;
  width: 52px;
  height: auto;
  border-radius: 15px 0 0 15px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 25px;
  color: #fff;
  font-weight: 400;
  background: #2ba866;
}
.active_list .list_item .active_text .active_state.done {
  background: #c4c4c4;
}

/*工具 - 使用课程*/
.curriculum_top_banner {
  width: 100%;
  height: auto;
  position: relative;
  padding: 20px 0;
}
.curriculum_top_banner .swiper-container_22 {
  width: 100%;
  overflow: hidden;
}
.curriculum_top_banner .swiper-container_22 .swiper-slide {
  width: calc(100% - 40px);
  height: auto;
  border-radius: 5px;
  overflow: hidden;
}
.curriculum_top_banner .swiper-container_22 .swiper-slide img {
  width: 100%;
}

.curriculum_list {
  width: 100%;
  height: auto;
  position: relative;
  padding: 10px 10px 0 10px;
}
.curriculum_list .curriculum_list_item {
}
.curriculum_list .curriculum_list_item .item_video video {
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 5px;
  vertical-align: top;
}
.curriculum_list .curriculum_list_item .item_title {
  width: 100%;
  height: auto;
  position: relative;
  font-size: 1.7rem;
  line-height: 45px;
}

/*工具 - 周边产品 - 首页*/
.periphery_top {
  width: 100%;
  height: auto;
  position: relative;
}
.periphery_top .periphery_top_bg {
  width: 100%;
  height: auto;
  position: relative;
}
.periphery_top .periphery_top_bg img {
  width: 100%;
}
.periphery_top .periphery_top_content {
  width: 100%;
  height: auto;
  position: absolute;
  top: 30px;
  left: 0;
  padding: 0 10px;
  color: #fff;
}
.periphery_top .periphery_top_content .brand_logo {
  width: 68px;
  height: 68px;
  margin-right: 10px;
  position: relative;
  background: #fff;
  border-radius: 5px;
}
.periphery_top .periphery_top_content .brand_logo img {
  width: 100%;
}
.periphery_top .periphery_top_content .content_text {
  width: calc(100% - 78px);
  height: auto;
  margin-top: 20px;
}
.periphery_top .periphery_top_content .content_text .text_01 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 24px;
}
.periphery_top .periphery_top_content .content_text .text_02 {
  font-size: 1.2rem;
}

.periphery_cat_nav {
  position: relative;
  width: calc(100% - 20px);
  height: auto;
  padding: 16px 0;
  top: -21px;
  margin: 0 auto;
  box-shadow: 0 8px 25px -10px rgba(181, 181, 181, 0.42);
}
.periphery_cat_nav .nav_bt {
}
.periphery_cat_nav .nav_bt span {
  width: 34px;
  height: 34px;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  line-height: 34px;
}
.periphery_cat_nav .nav_bt span.iconfont {
  font-size: 2.1rem;
  color: #fff;
}
.periphery_cat_nav .nav_bt:nth-child(1) span {
  background-color: #ffa349;
}
.periphery_cat_nav .nav_bt:nth-child(2) span {
  background-color: #23cc97;
}
.periphery_cat_nav .nav_bt:nth-child(3) span {
  background-color: #00cddc;
}
.periphery_cat_nav .nav_bt:nth-child(4) span {
  background-color: #ffd36b;
}
.periphery_cat_nav .nav_bt label {
  font-size: 1.2rem;
  color: #999;
  line-height: 24px;
}

.periphery_goods_list {
  width: 100%;
  height: auto;
  padding: 10px;
  position: relative;
  background: #fff;
}
.periphery_goods_list .list_title {
  width: 100%;
  height: auto;
  position: relative;
}
.periphery_goods_list .list_title span {
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
}
.periphery_goods_list .list_title label {
  font-size: 1.6rem;
  color: #ccc;
  line-height: 22px;
}
.periphery_goods_list .list_item {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
}
.periphery_goods_list.periphery_cat .list_item:last-child {
  border-bottom: none;
}
.periphery_goods_list .list_item .item_img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  margin: 10px 10px 10px 0;
  overflow: hidden;
}
.periphery_goods_list .list_item .item_img img {
  width: 100%;
}
.periphery_goods_list .list_item .item_text {
  width: calc(100% - 90px);
  height: auto;
  position: relative;
  margin-top: 10px;
}
.periphery_goods_list .list_item .item_text .goods_name {
  width: 100%;
  height: auto;
  line-height: 35px;
  color: #333;
  font-size: 1.5rem;
}
.periphery_goods_list .list_item .item_text .goods_price {
  width: 100%;
  height: auto;
  line-height: 30px;
  margin-top: 5px;
}
.periphery_goods_list .list_item .item_text .goods_price span {
  color: #fda11a;
  font-size: 1.5rem;
  margin-right: 20px;
}
.periphery_goods_list .list_item .item_text .goods_price label {
  color: #999;
  font-size: 1.2rem;
  text-decoration: line-through;
}

.periphery_classify_content {
  width: 180px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  padding: 15px;
  text-align: center;
  -webkit-animation: bottom_DivRightMoveLeft 0.6s both 0s;
}
.periphery_classify_content .classify_list {
  width: 100%;
  height: auto;
  padding: 50px 0;
  margin: 0;
  position: relative;
}
.periphery_classify_content .classify_list .list_item {
  width: 100%;
  height: auto;
  line-height: 40px;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
}
.periphery_classify_content .classify_list .option_close_bt {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2rem;
  color: #ccc;
}

/*工具 - 周边产品 - 产品类别列表*/
/*选项卡1*/
#lib_Tab1 {
  width: 100%;
  height: auto;
  position: relative;
}

/*菜单class*/
.lib_Menubox {
  width: 100%;
  height: 45px;
  position: relative;
  line-height: 45px;
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
}
.lib_Menubox .back_bt {
  width: 30px;
  height: 45px;
  position: absolute;
  line-height: 45px;
  text-align: center;
  top: 0;
  left: 0;
}
.lib_Menubox .back_bt .iconfont {
  font-size: 2.4rem;
  color: #2ba866;
}
.lib_Menubox ul {
  list-style: none;
  position: relative;
  text-align: center;
  width: calc(100% - 30px);
  margin-left: 30px;
}
.lib_Menubox ul li {
  float: left;
  display: block;
  width: 33.3%;
  color: #999;
  height: auto;
  line-height: 45px;
  font-size: 1.5rem;
}
.lib_Menubox ul li.hover {
  color: #2ba866;
}

.lib_Menubox ul li#one1 em {
  width: 0;
  height: 0;
  border-style: solid;
  position: relative;
}
.lib_Menubox ul li#one1 em:nth-child(1) {
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent #ccc;
  left: 5px;
  top: -15px;
}
.lib_Menubox ul li#one1.hover.up em:nth-child(1) {
  border-color: transparent transparent #2ba866;
}
.lib_Menubox ul li#one1 em:nth-child(2) {
  border-width: 4px 4px 0 4px;
  border-color: #cccccc transparent transparent;
  right: 3px;
  top: 16px;
}
.lib_Menubox ul li#one1.hover.down em:nth-child(2) {
  border-color: #2ba866 transparent transparent;
}

.lib_Menubox ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.lib_Contentbox {
  width: 100%;
  height: auto;
  position: relative;
  background: #fff;
}

/*工具 - 周边产品 - 购物车*/
.periphery_cart_top {
  width: 100%;
  height: auto;
  line-height: 40px;
  border-bottom: 1px solid #e7e7e7;
  padding: 0 10px;
  position: relative;
  font-size: 1.5rem;
  color: #333;
  background: #fff;
}
.periphery_cart_top .select_all i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.periphery_cart_top .select_all.selected i {
  background: #21d372;
  border: none;
}
.periphery_cart_top .select_all.selected i:before {
  content: "";
  display: block;
  width: 8px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 5px;
  left: 4px;
  transform: rotate(-45deg);
}

.periphery_cart_list {
  width: 100%;
  height: auto;
  padding: 0 10px;
  position: relative;
  background: #fff;
}
.periphery_cart_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.periphery_cart_list .list_item:last-child {
  border: none;
}
.periphery_cart_list .list_item .item_select_bt {
  width: 20px;
  height: auto;
  position: relative;
}
.periphery_cart_list .list_item .item_select_bt i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  display: inline-block;
  position: relative;
  top: 30px;
}
.periphery_cart_list .list_item .item_select_bt.selected i {
  background: #21d372;
  border: none;
}
.periphery_cart_list .list_item .item_select_bt.selected i:before {
  content: "";
  display: block;
  width: 8px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 5px;
  left: 5px;
  transform: rotate(-45deg);
}
.periphery_cart_list .list_item .item_img {
  width: 80px;
  height: 80px;
  margin: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.periphery_cart_list .list_item .item_img img {
  width: 100%;
}
.periphery_cart_list .list_item .item_text {
  width: calc(100% - 120px);
  height: auto;
  margin: 10px 0 0 0;
  position: relative;
}
.periphery_cart_list .list_item .item_text .goods_name {
  width: 80%;
  height: auto;
  line-height: 24px;
  color: #333;
  font-size: 1.5rem;
}
.periphery_cart_list .list_item .item_text .goods_price {
  width: 100%;
  height: auto;
  line-height: 30px;
  margin-top: 25px;
  color: #fda11a;
  font-size: 1.5rem;
}
.periphery_cart_list .list_item .item_text .goods_num {
  position: absolute;
  top: 5px;
  right: 0;
  color: #696969;
  font-size: 1.2rem;
}
.periphery_cart_list .list_item .item_text .goods_num_edt {
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 82px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid #e7e7e7;
  text-align: center;
}
.periphery_cart_list .list_item .item_text .goods_num_edt span.iconfont {
  width: 20px;
  height: 18px;
  line-height: 18px;
  display: block;
  float: left;
  font-size: 1rem;
  color: #ccc;
}
.periphery_cart_list .list_item .item_text .goods_num_edt input {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  line-height: 16px;
  width: 40px;
  height: 16px;
  display: block;
  float: left;
  text-align: center;
  font-size: 1rem;
  outline: none;
  border-radius: 0;
  color: #333;
}

.periphery_cart_bottom {
  width: 100%;
  height: 49px;
  position: fixed;
  bottom: 49px;
  left: 0;
  z-index: 20;
  padding: 0 10px;
  background: #fff;
}
.periphery_cart_bottom .cart_total_text {
  color: #999;
  font-size: 1.4rem;
  width: calc(100% - 127px);
  line-height: 30px;
}
.periphery_cart_bottom .cart_total_text span {
  color: #fda11a;
  font-size: 1.7rem;
  margin-left: 5px;
}
.periphery_cart_bottom .cart_total_text label {
  font-size: 1.2rem;
  line-height: normal;
  position: relative;
  bottom: 5px;
}
.periphery_cart_bottom .cart_bottom_bt {
  width: 127px;
  height: auto;
  position: relative;
}
.periphery_cart_bottom .cart_bottom_bt.delete_selected_goods_bt {
  width: 100%;
}
.periphery_cart_bottom .cart_bottom_bt span {
  display: inline-block;
  width: auto;
  height: 27px;
  line-height: 27px;
  padding: 0 22px;
  margin: 11px 0;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 15px;
}
.periphery_cart_bottom .cart_bottom_bt.go_into_buy_bt span {
  background: #2ba866;
}
.periphery_cart_bottom .cart_bottom_bt.delete_selected_goods_bt span {
  background: #e64340;
}

/*工具 - 周边产品 - 产品详情*/
.swiper-container_23 {
  width: 100%;
  height: auto;
  position: relative;
}
.swiper-container_23 .new_order_message.swiper-container_12 {
  width: auto !important;
  position: absolute;
  left: 5px;
  top: 20px;
  height: 30px;
  font-size: 1.2rem;
  z-index: 2;
  font-weight: normal;
  text-align: right;
}
.swiper-container_23 .new_order_message.swiper-container_12 .swiper-slide {
  width: auto !important;
  line-height: 30px;
  color: #fff;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.16);
  padding: 0 10px 0 15px;
  border-radius: 20px;
}
.swiper-container_23 .new_order_message.swiper-container_12 .swiper-slide img {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 5px;
  margin-top: 3px;
}

.swiper-container_23 .swiper-slide {
  width: 100%;
  height: auto;
  position: relative;
}
.swiper-container_23 .swiper-slide img {
  width: 100%;
}

.swiper-container_23 .swiper-pagination_03 {
  width: 40px;
  height: 20px;
  border-radius: 3px;
  color: #999;
  left: calc(100% - 50px) !important;
  font-size: 1.3rem;
  line-height: 20px;
  bottom: 15px !important;
}
.swiper-container_23 .periphery_goods_msg {
  width: 100%;
  height: auto;
  padding: 10px;
  position: relative;
}
.swiper-container_23 .periphery_goods_msg .goods_name {
  font-size: 1.5rem;
  color: #333;
  line-height: 28px;
}
.swiper-container_23 .periphery_goods_msg .goods_price span {
  font-size: 1.8rem;
  color: #fda11a;
  margin-right: 10px;
}
.swiper-container_23 .periphery_goods_msg .goods_price label {
  font-size: 1.2rem;
  color: #999;
}

.periphery_goods_format.goods_detail.detail_format {
  margin: 10px 0;
}
.periphery_goods_format.goods_detail.detail_format {
  margin: 10px 0;
}
.periphery_goods_format.goods_detail.detail_format .detail_content.formats {
  border-style: solid;
  border-color: #e7e7e7;
  border-width: 1px 0 0 0;
  line-height: 30px;
}
.periphery_goods_format.goods_detail.detail_format .detail_content.formats p {
  width: 100%;
  height: auto;
  color: #999;
  border: none;
  font-size: 1.2rem;
  display: block;
  padding: 0;
}
.periphery_goods_format.goods_detail.detail_format
  .detail_content.formats
  p
  label {
  display: inline-block;
  line-height: 40px;
}
.periphery_goods_format.goods_detail.detail_format
  .detail_content.formats
  p:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.periphery_goods_format.goods_detail.detail_format
  .detail_content.formats
  p
  .iconfont {
  font-size: 1.4rem;
}
.periphery_goods_format.goods_detail.detail_format
  .detail_content.formats
  p
  .left_content {
  text-align: left;
}
.periphery_goods_format.goods_detail.detail_format
  .detail_content.formats
  p
  .right_content {
  text-align: right;
  color: #666;
}

.periphery_goods_detail.goods_detail.detail_img {
  margin: 10px 0 50px 0;
}

.periphery_goods_detail_bottom_nav {
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #e7e7e7;
  z-index: 12;
  width: 100%;
  height: auto;
  background-color: #fff;
}
.periphery_goods_detail_bottom_nav .bottom_nav_bt {
  width: 20%;
  height: auto;
  line-height: 24px;
  color: #999;
  font-size: 1.2rem;
  position: relative;
}
.periphery_goods_detail_bottom_nav .bottom_nav_bt1 {
  width: 30%;
  height: auto;
  background-color: #2ba866;
  line-height: 54px;
  font-size: 1.5rem;
}
.periphery_goods_detail_bottom_nav .bottom_nav_bt1.join_cart_bt {
  background-color: #fff;
  color: #999;
  border-left: 1px solid #f5f6f6;
}
.periphery_goods_detail_bottom_nav .bottom_nav_bt .iconfont {
  font-size: 2.4rem;
  color: #c7c7c7;
  line-height: 22px;
  margin-top: 8px;
}
.periphery_goods_detail_bottom_nav .bottom_nav_bt.cart_bt.new span {
  position: absolute;
  display: inline-block;
  width: auto;
  height: 14px;
  border-radius: 8px;
  background-color: #e64340;
  top: 3px;
  right: 10%;
  color: #fff;
  line-height: 14px;
  font-size: 1rem;
  text-align: center;
  padding: 0 5px;
}

.periphery_goods_join_car {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 0 0 0;
  -webkit-animation: bottom_DivDownMoveTop 0.6s both 0s;
}
.periphery_goods_join_car .goods_message {
  width: 100%;
  padding: 0px 10px;
  height: auto;
  position: relative;
}
.periphery_goods_join_car .goods_message .goods_img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  margin-right: 10px;
  overflow: hidden;
  background: #eee;
}
.periphery_goods_join_car .goods_message .goods_img img {
  width: 100%;
}
.periphery_goods_join_car .goods_message .goods_text {
  width: calc(100% - 90px);
  height: 73px;
  position: relative;
}
.periphery_goods_join_car .goods_message .goods_text .goods_name {
  width: 100%;
  line-height: 2.8rem;
  font-size: 1.5rem;
  color: #333;
}
.periphery_goods_join_car .goods_message .goods_text .goods_price {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 2.8rem;
  font-size: 1.5rem;
  color: #fda11a;
}
.periphery_goods_join_car .goods_message .close_bt {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 1.8rem;
  color: #999;
}
.periphery_goods_join_car .buying_content {
  width: 100%;
  height: auto;
  padding: 0 10px 10px 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #f1f1f1;
}
.periphery_goods_join_car .buying_content .format {
  font-size: 1.5rem;
  color: #333;
  line-height: 2.8rem;
}
.periphery_goods_join_car .buying_content .format span {
  color: #999;
  margin-left: 3px;
}
.periphery_goods_join_car .buying_content .number {
  color: #333;
  position: relative;
  width: 82px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid #e7e7e7;
  margin-top: 5px;
  text-align: center;
}
.periphery_goods_join_car .buying_content .number span.iconfont {
  width: 20px;
  height: 18px;
  line-height: 18px;
  display: block;
  float: left;
  font-size: 1rem;
  color: #cccccc;
}
.periphery_goods_join_car .buying_content .number input {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  line-height: 16px;
  width: 40px;
  height: 16px;
  display: block;
  float: left;
  text-align: center;
  font-size: 1rem;
  outline: none;
  border-radius: 0;
}
.periphery_goods_join_car .join_cart_ok_bt {
  width: 100%;
  height: auto;
  line-height: 50px;
  background-color: #2ba866;
  margin: 0px auto;
  font-size: 1.8rem;
}

/*工具 - 周边产品 - 确认下单*/
.order_message.periphery_confirm_receiver,
.order_message.periphery_goods {
  margin-bottom: 10px;
}
.order_message.periphery_confirm_receiver .msg_title {
  font-weight: normal;
}
.order_message.periphery_confirm_receiver .created_msg_01 {
  width: 100%;
  line-height: 30px;
  color: #333;
  font-size: 1.5rem;
}
.order_message.periphery_confirm_receiver .created_msg_01 span {
  font-size: 1.2rem;
}
.order_message.periphery_confirm_receiver .created_msg_02 {
  width: 100%;
  color: #999;
  position: relative;
  font-size: 1.2rem;
}
.order_message.periphery_confirm_receiver .created_msg_02.selected {
  width: 90%;
  color: #999;
  position: relative;
  font-size: 1.2rem;
}
.order_message.periphery_confirm_receiver .created_msg_02 .receiver_address {
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 0px;
  max-width: 100%;
}
.order_message.periphery_confirm_receiver .go_select_address_bt {
  line-height: 24px;
  position: relative;
  color: #ccc;
  font-size: 2.2rem;
  top: 0;
  right: 0;
}
.order_message.periphery_confirm_receiver .repeat_select_address_bt {
  position: absolute;
  color: #ccc;
  font-size: 1.8rem;
  top: 40%;
  right: 10px;
}

.order_message.periphery_goods {
  padding: 10px 10px 0 10px;
}
.order_message.periphery_goods .goods_list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #e7e7e7;
}
.order_message.periphery_goods .goods_list_item:last-child {
  border-bottom: none;
}
.order_message.periphery_goods .goods_list_item .goods_img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin-right: 10px;
}
.order_message.periphery_goods .goods_list_item .goods_img img {
  width: 100%;
}
.order_message.periphery_goods .goods_list_item .goods_text {
  width: calc(100% - 90px);
  height: auto;
  position: relative;
}
.order_message.periphery_goods .goods_list_item .goods_text .goods_name {
  line-height: 24px;
  color: #333;
  font-size: 1.5rem;
}
.order_message.periphery_goods .goods_list_item .goods_text .goods_price {
  position: relative;
  font-size: 1.5rem;
  color: #333;
  margin-top: 30px;
}
.order_message.periphery_goods .goods_list_item .goods_text .goods_num {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
  color: #696969;
  line-height: 24px;
}
.order_message.periphery_goods .goods_list_item .goods_text .scan_shipment_bt {
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.8rem;
  background-color: #ffa727;
  width: auto;
  padding: 0 15px;
  height: 22px;
  -webkit-text-stroke-width: 0;
  border-radius: 5px;
  line-height: 24px;
}

/*工具 - 周边产品 - 我的订单*/
.periphery_order_nav {
  width: 100%;
  height: auto;
  position: fixed;
  background: #fff;
  line-height: 45px;
  border-bottom: 1px solid #e7e7e7;
  top: 0;
  left: 0;
  z-index: 20;
}
.periphery_order_nav .back_bt {
  width: 30px;
  height: 45px;
  text-align: center;
  color: #2ba866;
}
.periphery_order_nav .back_bt .iconfont {
  font-size: 2.6rem;
}
.periphery_order_nav .order_top_nav {
  width: calc(100% - 30px);
  height: auto;
  position: relative;
}
.periphery_order_nav .order_top_nav .nav_bt {
  font-size: 1.5rem;
  color: #999;
  position: relative;
}
.periphery_order_nav .order_top_nav .nav_bt.active {
  color: #2ba866;
}
.periphery_order_nav .order_top_nav .nav_bt.active em {
  background-color: #2ba866;
  position: absolute;
  bottom: 5px;
  left: calc(50% - 10px);
  width: 20px;
  height: 2px;
  border-radius: 2px;
}

.periphery_order_list {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 55px;
}
.periphery_order_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  background: #fff;
  margin-bottom: 10px;
  padding: 0 10px;
}
.periphery_order_list .list_item .item_state {
  color: #2ba866;
  font-size: 1.5rem;
  line-height: 40px;
  border-bottom: 1px solid #e7e7e7;
}
.periphery_order_list .list_item .item_state.completed {
  color: #999;
}
.periphery_order_list .list_item .item_goods_list {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.periphery_order_list .list_item .item_goods_list .goods_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 10px 0;
}
.periphery_order_list .list_item .item_goods_list .item_img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 10px;
}
.periphery_order_list .list_item .item_goods_list .item_img img {
  width: 100%;
}
.periphery_order_list .list_item .item_goods_list .item_text {
  width: calc(100% - 90px);
  height: auto;
  position: relative;
  font-size: 1.5erm;
  color: #333;
}
.periphery_order_list .list_item .item_goods_list .item_text .goods_name {
  line-height: 24px;
}
.periphery_order_list .list_item .item_goods_list .item_text .goods_price {
  line-height: 24px;
  margin-top: 30px;
}
.periphery_order_list .list_item .item_goods_list .item_text .goods_num {
  position: absolute;
  top: 0;
  line-height: 24px;
  right: 0;
  color: #999;
  font-size: 1.2rem;
}
.periphery_order_list .list_item .item_goods_list .swiper-container_24 {
  width: 100%;
  height: auto;
}
.periphery_order_list .list_item .item_goods_list .swiper-container_24 {
  width: 100%;
  height: auto;
  position: relative;
}
.periphery_order_list
  .list_item
  .item_goods_list
  .swiper-container_24
  .swiper-wrapper {
  width: 100%;
  height: auto;
  position: relative;
  padding: 10px 0;
}
.periphery_order_list
  .list_item
  .item_goods_list
  .swiper-container_24
  .swiper-wrapper
  .swiper-slide {
}
.periphery_order_list
  .list_item
  .item_goods_list
  .swiper-container_24
  .swiper-wrapper
  .swiper-slide
  .recommend_goods_img {
  text-align: center;
}
.periphery_order_list
  .list_item
  .item_goods_list
  .swiper-container_24
  .swiper-wrapper
  .swiper-slide
  .recommend_goods_img
  img {
  width: 100%;
}
.periphery_order_list
  .list_item
  .item_goods_list
  .swiper-container_24
  .swiper-wrapper
  .swiper-slide
  .goods_text {
  font-size: 1.1rem;
  color: #333;
  line-height: 1.8rem;
}
.periphery_order_list
  .list_item
  .item_goods_list
  .swiper-container_24
  .swiper-wrapper
  .swiper-slide
  .goods_text
  .goods_name {
  font-size: 1.2rem;
  color: #333;
}
.periphery_order_list
  .list_item
  .item_goods_list
  .swiper-container_24
  .swiper-wrapper
  .swiper-slide
  .goods_text
  .goods_name
  i {
  font-size: 1.1rem;
}

.periphery_order_list .list_item .item_bottom {
  position: relative;
  height: auto;
  width: 100%;
  line-height: 54px;
}
.periphery_order_list .list_item .item_bottom .bottom_operation_bt {
  width: 85px;
  height: auto;
  position: relative;
  float: left;
}
.periphery_order_list .list_item .item_bottom .bottom_operation_bt span {
  width: 75px;
  height: auto;
  display: inline-block;
  line-height: 27px;
  border-radius: 15px;
  border: 1px solid #2ba866;
  color: #2ba866;
  font-size: 1.2rem;
  text-align: center;
}
.periphery_order_list .list_item .item_bottom .item_total {
  width: calc(100% - 85px);
  height: auto;
  float: right;
  text-align: right;
  position: relative;
}
.periphery_order_list .list_item .item_bottom .item_total label {
  font-size: 1.2rem;
  color: #999;
}
.periphery_order_list .list_item .item_bottom .item_total span {
  font-size: 1.5rem;
  color: #333;
  margin-left: 5px;
}

/*工具 - 周边产品 - 订单物流信息*/
.delivered_order_message.periphery_express .message_content .content_text {
  padding-bottom: 10px;
  border-bottom: none;
}
.delivered_order_message.periphery_express
  .message_content
  .content_text
  .order_text {
  padding-top: 25px;
}
.delivered_order_message.periphery_express
  .message_content
  .content_text
  .order_text
  .express_item
  label {
  opacity: 0.7;
}

/*工具 - 周边产品 - 我的*/
.mine_index .periphery_mine_top_content {
  width: 100%;
  height: auto;
  top: 30px;
  position: absolute;
  left: 0;
}
.mine_index .periphery_mine_top_content .mine_img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
}
.mine_index .periphery_mine_top_content .mine_img img {
  width: 100%;
}
.mine_index .periphery_mine_top_content .mine_name {
  width: 100%;
  height: auto;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 30px;
  color: #fff;
  margin-top: 10px;
}

.mine_order_content {
  width: 100%;
  height: auto;
  padding: 0 10px;
  position: relative;
}
.mine_order_content .content_title {
  width: 100%;
  height: auto;
  line-height: 45px;
  position: relative;
  font-size: 1.5rem;
}
.mine_order_content .content_title span {
  color: #333;
}
.mine_order_content .content_title label {
  color: #999;
}
.mine_order_content .content_item {
  width: 100%;
  height: auto;
  border-radius: 5px;
  background: #fff;
  padding: 15px;
  line-height: 35px;
  color: #333;
  font-size: 1.5rem;
  margin-bottom: 15px;
}
.mine_order_content .content_item i.iconfont {
  font-size: 2.6rem;
  margin-right: 20px;
}
.mine_order_content .content_item span {
  position: relative;
  top: -5px;
}
.mine_order_content .content_item label.iconfont {
  font-size: 1.6rem;
  float: right;
  color: #ccc;
  position: relative;
  left: 5px;
}

/*工具 - 素材下载*/
.download_cat_list {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 25px;
  background: #fff;
}
.download_cat_list:after,
.download_file_list .list_item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.download_cat_list .list_item {
  width: 50%;
  height: auto;
  text-align: center;
  padding: 25px 0 0 0;
  float: left;
}
.download_cat_list .list_item svg {
  display: block;
  width: 100%;
}
.download_cat_list .list_item svg.icon {
  width: 75px;
  height: 75px;
  margin: 10px auto;
}
.download_cat_list .list_item label {
  font-size: 1.7rem;
  color: #333;
}

.download_file_list {
  width: 100%;
  height: auto;
  position: relative;
  padding: 5px 15px 15px 15px;
  background: #fff;
}
.download_file_list .list_item {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 10px 0 0 0;
}
.download_file_list .list_item.file {
  padding: 15px 0 0 0;
}
.download_file_list .list_item svg {
  display: block;
  width: 60px;
  float: left;
}
.download_file_list .list_item.folder svg.icon {
  width: 58px;
  height: 58px;
  position: relative;
  right: 4px;
}
.download_file_list .list_item.file .iconfont {
  font-size: 6.1rem;
  color: #e5e5e5;
  display: block;
  width: 62px;
  float: left;
  text-align: left;
  position: relative;
}
.download_file_list .list_item.file .iconfont:before {
  position: relative;
  right: 5px;
}
.download_file_list .list_item .item_text {
  font-size: 1.5rem;
  color: #333;
  line-height: 58px;
  width: calc(100% - 62px);
  height: auto;
  text-align: left;
  position: relative;
}
.download_file_list .list_item.file .item_text {
  line-height: 50px;
}
.download_file_list .list_item .item_text .download_bt {
  display: block;
  position: absolute;
  top: 12px;
  right: 0;
  width: 60px;
  height: auto;
  line-height: 25px;
  border-radius: 20px;
  background: #2ba866;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

/*工具 - v币商城*/
.vb_mall_top {
  width: 100%;
  height: auto;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
}
.vb_mall_top.mall_index {
  background-image: url("../images/my_acount_top_bg.jpg");
}
.mall_index .current_vb span {
  font-size: 3rem;
}
.mall_index .current_vb img {
  width: 16px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.mall_index .top_bt {
  margin-top: 25px;
  color: #2ba866;
  font-size: 1.5rem;
}

.mall_ad_content {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
  margin-bottom: 5px;
  box-shadow: 0 2px 2px 0 rgba(208, 217, 255, 0.7);
}
.mall_ad_content .index_ad_img {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 5px;
}
.mall_ad_content .index_ad_img img {
  width: 100%;
}
.mall_ad_content .index_ad_text {
  width: 100%;
  height: auto;
  color: #666;
}
.mall_ad_content .index_ad_text span {
  color: #999;
  font-size: 1.2rem;
}
.mall_ad_content .index_ad_text label {
  border: 1px solid #2ba866;
  padding: 2px 10px;
  border-radius: 5px;
  position: relative;
  top: -3px;
  color: #2ba866;
  font-size: 1.3rem;
}

.hot_exchange_content {
  position: relative;
  width: 100%;
  margin-bottom: 5px;
  box-shadow: 0 2px 2px 0 rgba(208, 217, 255, 0.7);
}
.hot_exchange_content .content_title {
  position: relative;
}
.hot_exchange_content .content_title i {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 15px;
}

.hot_exchange_content .content_title i:nth-child(1):before,
.hot_exchange_content .content_title i:nth-child(1):after,
.hot_exchange_content .content_title i:nth-child(2):before,
.hot_exchange_content .content_title i:nth-child(2):after {
  content: "";
  position: absolute;
  border-radius: 2px;
  bottom: 0;
  transform: skew(-15deg);
}
.hot_exchange_content .content_title i:nth-child(1):before {
  width: 2px;
  height: 6px;
  background: #ff6749;
  left: 0;
}
.hot_exchange_content .content_title i:nth-child(1):after {
  width: 3px;
  height: 8px;
  background: #49bdff;
  left: 5px;
}
.hot_exchange_content .content_title i:nth-child(2):before {
  width: 3px;
  height: 8px;
  background: #49bdff;
  right: 5px;
}
.hot_exchange_content .content_title i:nth-child(2):after {
  width: 2px;
  height: 6px;
  background: #ff6749;
  right: 0;
}

.hot_exchange_content .content_left {
  position: relative;
  width: calc(50% - 3px);
  margin-right: 3px;
  border-radius: 5px;
  border: 1px solid #eee;
  overflow: hidden;
  height: 150px;
  text-align: center;
}
.hot_exchange_content .content_left img {
  height: 80%;
}
.hot_exchange_content .content_left label {
  position: absolute;
  bottom: 10px;
  left: 0;
  display: block;
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
}
.hot_exchange_content .content_left label span {
  display: inline-block;
  font-size: 1.2rem;
  color: #999;
  margin-left: 10px;
  z-index: 5;
}
.hot_exchange_content .content_right {
  position: relative;
  width: calc(50% - 3px);
  margin-left: 3px;
  height: 150px;
}
.hot_exchange_content .content_right .goods_img {
  position: relative;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #eee;
  height: 72px;
  overflow: hidden;
}
.hot_exchange_content .content_right .goods_img:nth-child(2) {
  margin-top: 6px;
  text-align: right;
}
.hot_exchange_content .content_right .goods_img img {
  height: 100%;
}
.hot_exchange_content .content_right .goods_img label {
  position: absolute;
  top: 30%;
  right: 10px;
  display: block;
  font-size: 1.2rem;
  text-align: right;
}
.hot_exchange_content .content_right .goods_img:nth-child(2) label {
  position: absolute;
  top: 30%;
  left: 10px;
  display: block;
  text-align: left;
}
.hot_exchange_content .content_right .goods_img label span {
  display: block;
  font-size: 1.2rem;
  color: #999;
}

.swiper-container_07 {
  width: 100%;
  height: auto;
  position: relative;
  text-align: center;
  box-shadow: 0 2px 3px #f1f1f1;
}
.swiper-container_07 .swiper-slide {
  width: auto;
  padding: 10px 20px;
  height: 40px;
  line-height: 20px;
  position: relative;
}
.swiper-container_07 .swiper-slide input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
}
.swiper-container_07 .swiper-slide span {
  color: #666;
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
}
.swiper-container_07 .swiper-slide input:checked + span {
  color: #2ba866;
}
.swiper-container_07 .swiper-slide input:checked + span:after {
  content: "";
  width: 20px;
  height: 3px;
  border-radius: 2px;
  position: absolute;
  bottom: -5px;
  left: calc(50% - 10px);
  background-color: #2ba866;
}

#st-scroll_01 {
  width: 100%;
  height: auto;
  position: relative;
  padding: 10px 0;
}
.exchange_goods_list {
  width: 100%;
  height: auto;
  position: relative;
}
.exchange_goods_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  padding: 15px;
}
.exchange_goods_list .list_item:last-child {
  border-bottom: 0;
}
.exchange_goods_list .list_item .goods_img {
  width: 70px;
  height: 70px;
  margin-right: 10px;
  border-radius: 5px;
  border: 1px solid #f1f1f1;
}
.exchange_goods_list .list_item .goods_img img {
  width: 100%;
}
.exchange_goods_list .list_item .goods_text {
  width: calc(100% - 80px);
  height: 70px;
  position: relative;
}
.exchange_goods_list .list_item .goods_text .goods_name {
  line-height: 24px;
  -webkit-text-stroke-width: 0.1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.exchange_goods_list .list_item .goods_text .goods_value {
  font-size: 1.2rem;
  color: #999;
  line-height: 20px;
  position: absolute;
  bottom: 0;
}
.exchange_goods_list .list_item .goods_text .exchange_price {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #ffa726;
  color: #ffa726;
  border-radius: 5px;
  text-align: right;
  padding: 0 5px;
}
.exchange_goods_list .list_item .goods_text .exchange_price img {
  width: 15px;
  height: 15px;
  margin-top: 4px;
  margin-right: 5px;
}

/*V币商城 - 产品详情*/
.swiper-container_08 {
  width: 100%;
  height: auto;
  position: relative;
}
.swiper-container_08 .swiper-slide {
  width: 100%;
  height: auto;
  position: relative;
}
.swiper-container_08 .swiper-slide img {
  width: 100%;
}
.exchange_goods_detail {
  width: 100%;
  height: auto;
  position: relative;
  padding: 10px 15px;
}
.exchange_goods_detail .goods_name {
  width: 100%;
  line-height: 30px;
  -webkit-text-stroke-width: 0.2px;
  font-size: 1.6rem;
}
.exchange_goods_detail .goods_value {
  color: #999999;
  font-size: 1.2rem;
}
.exchange_goods_detail .exchange_price {
  color: #ffa726;
  font-size: 2.4rem;
  position: absolute;
  right: 15px;
  top: 12px;
  line-height: 30px;
}
.exchange_goods_detail .exchange_price img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-top: 10px;
}
.exchange_goods_detail .exchange_number {
  width: 100%;
  height: 30px;
  border-radius: 5px;
  background: #f3f5f9;
  margin: 15px 0 0 0;
  padding: 0 10px;
  line-height: 30px;
  color: #999;
  font-size: 1.2rem;
}
.exchange_goods_detail .swiper-container_09 {
  width: auto;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.exchange_goods_detail .swiper-container_09 .swiper-slide {
  width: auto;
  height: 30px;
  line-height: 30px;
  position: relative;
  text-align: right;
}
.exchange_goods_detail .swiper-container_09 .swiper-slide img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 5px 0 5px 5px;
}

.exchange_goods_detail_content {
  width: 100%;
  height: auto;
  position: relative;
}
.exchange_goods_detail_content .detail_title {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.exchange_goods_detail_content .detail_img {
  width: 100%;
  height: auto;
  position: relative;
}
.exchange_goods_detail_content .detail_img img {
  width: 100%;
}

.apply_exchange_bt {
  position: fixed;
  bottom: 60px;
  z-index: 5;
}

.apply_exchange_content {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  box-shadow: 0 -2px 3px 0 #f1f1f1;
  -webkit-animation: bottom_DivDownMoveTop 0.6s both 0s;
}
.apply_exchange_content .content_detail {
  width: 100%;
  height: auto;
  position: relative;
}
.apply_exchange_content .content_detail .content_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #f1f1f1;
}
.apply_exchange_content .content_detail .content_item:after {
  content: "";
  display: block;
  clear: both;
}
.apply_exchange_content .content_detail .content_item:last-child {
  border-bottom: 0;
}
.apply_exchange_content .content_detail .content_item span {
  display: block;
  width: 70px;
  margin-right: 10px;
  height: auto;
  float: left;
  color: #999;
}
.apply_exchange_content .content_detail .content_item input {
  display: block;
  width: calc(100% - 80px);
  height: auto;
  float: left;
}
.apply_exchange_content .content_detail .content_item textarea {
  display: block;
  width: calc(100% - 110px);
  height: 60px;
  float: left;
  resize: none;
}
.apply_exchange_content .content_detail .content_item .iconfont {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #ccc;
  border-radius: 50%;
  right: 5px;
  color: #fff;
  bottom: 17px;
  font-size: 1.2rem;
  line-height: 16px;
  text-align: center;
  display: none;
}
.apply_exchange_content .close_bt {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #ccc;
  font-size: 1.8rem;
}

/*v币商城 - 我的兑换*/
.my_exchange {
  background-image: url("../images/tool_mall_top_bg2.png");
}
.my_exchange .top_bt {
  font-size: 1.2rem;
  position: relative;
}
.my_exchange .top_bt.exchanged_num:after {
  content: "";
  position: absolute;
  right: 0;
  top: 30%;
  width: 3px;
  height: 24px;
  border-radius: 2px;
  background: #fff;
}
.my_exchange .top_bt.exchanged_vb {
  text-shadow: 0 1px 1px #bbb;
}

.exchanged_list {
  width: 100%;
  height: auto;
  position: relative;
}
.exchanged_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 20px 0;
}
.exchanged_list .list_item .item_img {
  width: 110px;
  height: 110px;
  margin-right: 10px;
  border-radius: 5px;
  border: 1px solid #f4f4f4;
  overflow: hidden;
  padding: 5px;
}
.exchanged_list .list_item .item_img img {
  width: 100%;
}
.exchanged_list .list_item .item_text {
  width: calc(100% - 120px);
  height: 110px;
  position: relative;
}
.exchanged_list .list_item .item_text .goods_name {
  width: 100%;
  -webkit-text-stroke-width: 0.1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 24px;
}
.exchanged_list .list_item .item_text .goods_vb,
.exchanged_list .list_item .item_text .apply_time,
.exchanged_list .list_item .item_text .exchange_time {
  font-size: 1.2rem;
  color: #999;
}
.exchanged_list .list_item .item_text .apply_time {
  position: absolute;
  bottom: 32px;
  line-height: 16px;
}
.exchanged_list .list_item .item_text .exchange_time {
  position: absolute;
  bottom: 0;
  line-height: 16px;
}
.exchanged_list .list_item .item_text .item_state {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 24px;
  line-height: 22px;
  border-radius: 5px;
  text-align: center;
  font-size: 1.2rem;
}
.exchanged_list .list_item .item_text .item_state.no_receive {
  border: 1px solid #ffa726;
  color: #ffa726;
}
.exchanged_list .list_item .item_text .item_state.received {
  border: 1px solid #ddd;
  color: #999;
}

/*V币商城 - V币明细*/
.my_exchange .current_integral {
  font-size: 3rem;
}
.vb_detail_top_nav {
  width: 100%;
  height: auto;
  position: relative;
  box-shadow: 0 2px 2px 0 #f1f1f1;
  z-index: 2;
}
.vb_detail_top_nav .nav_bt {
  position: relative;
}
.vb_detail_top_nav .nav_bt.active:after {
  content: "";
  position: absolute;
  width: 20%;
  height: 4px;
  border-radius: 2px;
  background-color: #ffa726;
  bottom: 2px;
  left: 40%;
}

.vb_detail_list {
  width: 100%;
  height: auto;
  position: relative;
}
.vb_detail_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #f1f1f1;
}
.vb_detail_list .list_item:last-child {
  border-bottom: 0;
}
.vb_detail_list .list_item .item_img {
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  overflow: hidden;
}
.vb_detail_list .list_item .item_img img {
  width: 100%;
}
.vb_detail_list .list_item .item_text {
  width: calc(100% - 90px);
  height: 80px;
  position: relative;
}
.vb_detail_list .list_item .item_text .goods_name {
  width: 100%;
  -webkit-text-stroke-width: 0.1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 24px;
}
.vb_detail_list .list_item .item_text .award_time {
  position: absolute;
  bottom: 0;
  font-size: 1.2rem;
  color: #999;
  line-height: 1.8rem;
}
.vb_detail_list .list_item .item_text .award_vb {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.8rem;
  color: #ffa726;
}

/*V币商城 - 订单详情*/
.vb_order_detail {
  background-image: url("../images/tool_mall_top_bg2.png");
  height: 105px;
  margin-bottom: 50px;
}
.vb_order_detail .top_content {
  position: absolute;
  bottom: -35px;
  padding: 15px;
  border-radius: 10px;
  background-color: #fff;
  width: calc(100% - 30px);
  left: 15px;
}
.vb_order_detail .top_content .content_img {
  width: 90px;
  height: 90px;
  margin-right: 10px;
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  overflow: hidden;
}
.vb_order_detail .top_content .content_img img {
  width: 100%;
}
.vb_order_detail .top_content .content_text {
  width: calc(100% - 100px);
  height: 90px;
  position: relative;
}
.vb_order_detail .top_content .content_text .goods_name {
  -webkit-text-stroke-width: 0.2px;
  line-height: 24px;
}
.vb_order_detail .top_content .content_text .goods_vb {
  line-height: 20px;
  color: #999;
}
.vb_order_detail .top_content .content_text .apply_time {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #999;
  line-height: 16px;
}

.order_detail_content {
  width: 100%;
  height: auto;
  position: relative;
}
.order_detail_content .content_text_01 {
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.order_detail_content .content_text_01 .text_item {
  width: 100%;
  height: auto;
  padding: 10px 0;
  position: relative;
}
.order_detail_content .content_text_01 .text_item span {
  width: 70px;
  height: auto;
  line-height: 20px;
  color: #999;
  margin-right: 10px;
  display: inline-block;
  float: left;
}
.order_detail_content .content_text_01 .text_item label {
  width: calc(100% - 80px);
  height: auto;
  line-height: 20px;
  display: inline-block;
}
.order_detail_content .content_text_02 {
  width: 100%;
  height: auto;
  padding-top: 10px;
  position: relative;
}
.order_detail_content .content_text_02 .text_item {
  width: 100%;
  height: auto;
  padding: 5px 0;
  position: relative;
  color: #999;
}
.order_detail_content .content_text_02 .text_item span {
  width: 70px;
  height: auto;
  line-height: 20px;
  margin-right: 10px;
  display: inline-block;
  float: left;
}
.order_detail_content .content_text_02 .text_item label {
  width: calc(100% - 90px);
  height: auto;
  line-height: 20px;
  display: inline-block;
}
.order_detail_content .order_state_bt {
  margin: 20px 0 10px 0;
}
.order_detail_content .order_state_bt.received {
  background-color: #ddd;
}
.order_detail_content .order_state_bt.un_receive {
  background-color: #ffa726;
}

/*个人中心*/
.personal_top {
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  z-index: 1;
}
.personal_top.level_lower_top {
  margin-bottom: 0px;
}
.top_bg {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 0;
}
.top_bg img {
  width: 100%;
  vertical-align: top;
}
.person_message .person_msg {
  width: 100%;
  height: auto;
  padding: 15px 0 15px 15px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
.personal_top .person_img {
  width: 59px;
  height: 59px;
  margin: 0 10px 0 20px;
  border-radius: 50%;
  overflow: hidden;
}
.personal_top .person_img img {
  width: 100%;
  border-radius: 50%;
}
.personal_top .person_text {
  width: 100%;
  height: auto;
  margin-top: 30px;
  position: relative;
}
.personal_top .person_text .person_text_01 {
  height: 100%;
  font-size: 1.2rem;
}
.personal_top .person_text .person_text_01 span {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 34px;
}
.personal_top .person_text_02 {
  position: absolute;
  right: 0;
  top: 45px;
  width: 79px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  border-radius: 16px 0 0 16px;
  font-size: 1.3rem;
  margin-left: calc(100% - 79px);
}
.personal_top .person_text_02 span {
  line-height: 30px;
  position: relative;
  top: -3px;
}
.personal_top .person_text_02 .iconfont {
  font-size: 2.4rem;
  position: relative;
  top: 3px;
}
.personal_top .person_text_02.unauthorized {
  color: #fff;
  background-color: #1eb36c;
}
.personal_top .person_text_02.authenticated {
  color: #119455;
  background-color: rgba(255, 255, 255, 0.7);
}

.personal_top .message_bt {
  width: 60px;
  text-align: right;
  line-height: 30px;
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
}
.personal_top .message_bt .iconfont {
  font-size: 2rem;
}
.personal_top .message_bt b {
  position: absolute;
  width: auto;
  height: 14px;
  border-radius: 8px;
  color: transparent;
  line-height: 14px;
  font-size: 1rem;
  padding: 0 5px;
  font-weight: normal;
  display: none;
  right: -10px;
  top: -5px;
}
.personal_top .message_bt.new_msg b {
  background-color: #e64340;
  color: #fff;
  display: inline-block;
}

.achievement_top10_bt {
  width: 100%;
  height: auto;
  line-height: 40px;
  color: #714e1b;
  position: relative;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(to right, #f1cb87, #ebb978);
  padding: 0 15px;
}
.achievement_top10_bt label {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 39px;
  position: relative;
  top: -2px;
}
.achievement_top10_bt label .iconfont {
  font-size: 2.4rem;
  margin-right: 3px;
  position: relative;
  top: 3px;
}
.achievement_top10_bt span {
  display: block;
  font-size: 1.2rem;
  position: absolute;
  right: 15px;
  top: 0;
  line-height: 42px;
}
.achievement_top10_bt span .iconfont {
  font-size: 1.2rem;
}

.person_index_achievement {
  position: relative;
  width: calc(100% - 30px);
  padding: 0 0 15px 0;
  box-shadow: 0 1px 10px 0px rgba(181, 181, 181, 0.21);
  margin: 0 auto;
  border-radius: 5px;
  top: -42px;
  z-index: 10;
}
.person_index_achievement .vertical_line {
  position: absolute;
  bottom: calc(50% - 17px);
  left: 50%;
  width: 1px;
  height: 35px;
  background: #d9d8d8;
}
.person_index_achievement .achievement_item {
  line-height: 20px;
  text-align: center;
  margin-top: 15px;
}

.person_index_achievement .achievement_item span {
  color: #333333;
  font-size: 2.1rem;
  display: block;
  line-height: 3rem;
}
.person_index_achievement .achievement_item label {
  font-size: 1.2rem;
  color: #999;
}
.person_index_achievement .achievement_item.month_integral span {
  color: #fda11a;
}
.person_index_achievement .achievement_item.month_integral span i {
  font-size: 1.4rem;
  margin-left: 5px;
}

.personal_second {
  width: calc(100% - 30px);
  height: auto;
  margin: 15px;
  border-radius: 5px;
  padding: 15px 0;
  position: relative;
  top: -42px;
}
.personal_second.level_lower {
  position: relative;
  top: -130px;
}

.personal_second .title_text {
  width: 100%;
  height: auto;
  font-size: 1.6rem;
  color: #333;
  padding: 0 15px;
  font-weight: bold;
}

.personal_second .personal_item_bt {
  position: relative;
  margin: 20px 0 5px 0;
  font-size: 1.3rem;
  color: #333;
}
.personal_second .personal_item_bt svg {
  display: block;
  width: 100%;
}
.personal_second .personal_item_bt svg.icon {
  width: 30px;
  height: 30px;
  margin: 8px auto;
}

/*个人中心 - 基本资料*/
.information_top {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px 15px 0 15px;
}
.information_top .person_information {
  padding: 0 0 15px 0;
  text-align: center;
  width: 100%;
  height: auto;
}
.information_top .person_information img {
  display: inline-block;
  width: 59px;
  height: 59px;
  border-radius: 50%;
  margin: 10px auto;
}
.information_top .person_information span {
  display: block;
  font-size: 2.2rem;
  color: #333;
}
.information_top .information_item {
  width: 100%;
  line-height: 49px;
  height: auto;
  border-top: 1px solid #e7e7e7;
  position: relative;
  font-size: 1.5rem;
}
.information_top .information_item span {
  position: relative;
  display: block;
  color: #999;
}
.information_top .information_item label {
  position: absolute;
  display: block;
  color: #333;
  text-align: right;
  right: 0;
  top: 0;
}
.information_top .information_item.unauthorized label {
  color: #ffa726;
}
.information_top .information_item.authenticated label {
  color: #2ba866;
}
.information_top .information_item label .iconfont {
  color: #999;
  margin-left: 5px;
  font-size: 1.5rem;
}

.exist_system_bt {
  width: 100%;
  height: auto;
  margin: 15px 0;
  text-align: center;
  color: #333;
  font-size: 1.5rem;
  line-height: 49px;
}

/*个人中心 - 基本资料 - 代理级别管理*/
.level_management_page_bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.level_management_page_bg img {
  width: 100%;
}
.level_management_content {
  width: calc(100% - 50px);
  margin: 25px auto;
  padding: 20px 18px 45% 18px;
  position: relative;
}
.level_management_content .person_msg {
  width: 100%;
  margin: 20px auto;
  position: relative;
}
.level_management_content .person_msg .msg_img {
  width: 59px;
  height: 59px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.level_management_content .person_msg .msg_img img {
  width: 100%;
}
.level_management_content .person_msg .msg_name {
  font-size: 2.2rem;
  color: #333;
  margin-top: 5px;
}
.level_management_content .person_msg .msg_level {
  font-size: 1.3rem;
  color: #999;
}
.level_management_content .person_account_msg {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px 0;
  border-bottom: 1px dashed #e6e6e6;
}
.level_management_content .person_account_msg .account_msg_item span {
  color: #333;
  font-size: 2.1rem;
  line-height: 30px;
}
.level_management_content .person_account_msg .account_msg_item label {
  color: #999;
  font-size: 1.2rem;
}
.level_management_content .level_management_operate {
  width: 100%;
  height: auto;
  padding: 15px 0;
}
.level_management_content .level_management_operate .operate_item span {
  width: calc(100% - 13px);
  height: auto;
  line-height: 37px;
  font-size: 1.7rem;
  border-radius: 5px;
}

.level_management_content.schedule_content {
  padding: 20px 18px;
}
.level_management_content .apply_schedule_list {
  width: 100%;
  height: auto;
  position: relative;
}
.level_management_content .apply_schedule_list .list_title {
  width: 100%;
  height: auto;
  line-height: 50px;
  color: #333;
  font-size: 1.7rem;
}
.level_management_content .apply_schedule_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 30px;
}
.level_management_content .apply_schedule_list .list_item .item_left {
  width: 16px;
  height: auto;
  margin-right: 10px;
  position: relative;
}
.level_management_content .apply_schedule_list .list_item .item_left span {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  top: 0;
}
.level_management_content
  .apply_schedule_list
  .list_item
  .item_left
  span:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 0 auto;
  background: #e7e7e7;
  z-index: 2;
  position: absolute;
  top: 8px;
  left: 0.35rem;
}
.level_management_content
  .apply_schedule_list
  .list_item.done
  .item_left
  span:before {
  background-color: #2ba866;
}
.level_management_content
  .apply_schedule_list
  .list_item.done
  .item_left
  span:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
  position: absolute;
  top: 3px;
  left: -1px;
  border: 3px inset rgba(43, 168, 102, 0.24);
}

.level_management_content .apply_schedule_list .list_item .item_left:after {
  content: "";
  display: block;
  width: 1px;
  height: 120px;
  position: absolute;
  top: 15px;
  left: calc(50% - 1px);
  background: #e7e7e7;
  z-index: 1;
}
.level_management_content
  .apply_schedule_list
  .list_item:last-child
  .item_left:after {
  display: none;
}
.level_management_content .apply_schedule_list .list_item .item_right {
  width: calc(100% - 36px);
  height: auto;
  position: relative;
}
.level_management_content .apply_schedule_list .list_item .item_right span {
  display: block;
  font-size: 1.7rem;
  color: #999;
}
.level_management_content
  .apply_schedule_list
  .list_item.done
  .item_right
  span {
  color: #2ba866;
}
.level_management_content .apply_schedule_list .list_item .item_right label {
  display: block;
  font-size: 1.3rem;
  color: #999;
  margin-bottom: 5px;
}
.level_management_content .apply_schedule_list .list_item .item_right em {
  display: block;
  font-size: 1.3rem;
  color: #c4c4c4;
  line-height: 1.8rem;
}

.rework_reason_bt {
  width: 100%;
  height: auto;
  line-height: 37px;
  margin: 20px auto;
  font-size: 1.7rem;
  background: #2ba866;
  color: #fff;
  border-radius: 5px;
}

/*个人中心 - 排行榜TOP10*/
.personal_top.achievement_ranking {
  padding-bottom: 0;
  margin-bottom: 15px;
}
.achievement_ranking .top_bg {
  position: relative;
  width: 100%;
  height: auto;
}
.achievement_ranking .top_bg img {
  width: 100%;
  vertical-align: top;
}
.achievement_ranking .ranking_title {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
}
.achievement_ranking .ranking_title label {
  display: block;
  font-size: 2.5rem;
  font-weight: bolder;
  text-shadow: 5px 0px 2px #f8911d;
  margin: 22px 0 0 0;
}
.achievement_ranking .ranking_title span {
  font-size: 1.5rem;
  text-shadow: 2px 0px 2px #f8911d;
}
.achievement_ranking .my_achievement_content {
  position: absolute;
  bottom: 0px;
  width: calc(100% - 30px);
  height: auto;
  border-radius: 10px;
  padding: 15px;
  left: 15px;
}
.achievement_ranking .my_achievement_content .my_img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
}
.achievement_ranking .my_achievement_content .my_img img {
  width: 100%;
  vertical-align: top;
}
.achievement_ranking .my_achievement_content .my_ranking {
  width: 150px;
  height: auto;
  position: relative;
  color: #666;
}
.achievement_ranking .my_achievement_content .my_ranking label {
  display: block;
  color: #333;
  font-size: 1.6rem;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 3px;
}
.achievement_ranking .my_achievement_content .my_ranking label i {
  display: inline-block;
  margin-left: 10px;
  font-style: normal;
}
.achievement_ranking .my_achievement_content .my_ranking span {
  display: block;
  color: #999;
  font-size: 1.5rem;
}
.achievement_ranking .my_achievement_content .my_achievement {
  width: calc(100% - 210px);
  height: 60px;
  color: #999;
  font-size: 1.2rem;
}
.achievement_ranking .my_achievement_content .my_achievement span {
  display: block;
  color: #ffa726;
  font-size: 1.5rem;
  line-height: 30px;
  font-weight: 600;
}

.achievement_ranking_list {
  width: calc(100% - 30px);
  position: relative;
  height: auto;
  padding: 15px 15px 5px 15px;
  background-color: #fff;
  margin: 15px auto;
  border-radius: 10px;
}
.achievement_ranking_list .list_title {
  width: 100%;
  height: auto;
  font-size: 1.5rem;
  margin-bottom: 10px;
  color: #333;
  font-weight: 600;
}
.achievement_ranking_list .list_item {
  width: 100%;
  height: auto;
  padding: 10px 0;
  position: relative;
  margin-bottom: 5px;
  border-radius: 5px;
}
.achievement_ranking_list .list_item .ranking_num {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #999;
  font-size: 2rem;
  font-weight: 400;
  font-family: "Bahnschrift";
}
.achievement_ranking_list .list_item .ranking_person_img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
}
.achievement_ranking_list .list_item .ranking_person_img img {
  width: 100%;
}
.achievement_ranking_list .list_item .ranking_person_name {
  width: 100px;
  height: auto;
  position: relative;
  color: #333;
  line-height: 45px;
}
.achievement_ranking_list .list_item .ranking_person_achievement {
  width: 40px;
  height: auto;
  padding-top: 10px;
  color: #333;
  font-weight: 600;
  font-family: "Bahnschrift";
  font-size: 2rem;
  text-align: center;
}
.achievement_ranking_list .list_item .ranking_person_achievement svg.icon {
  width: 2.2rem;
  height: 2.2rem;
}

/*个人中心 - 我的积分*/

/*返回按钮*/
.personal_integral .back_bt.iconfont {
  position: absolute;
  width: 150px;
  height: auto;
  font-size: 2.6rem;
  top: 15px;
  left: 10px;
  color: #fff;
}

.personal_top.personal_integral {
  padding-bottom: 0;
  margin-bottom: 70px;
}
.personal_integral .top_text {
  width: 100%;
  height: auto;
  font-size: 1.2rem;
}
.personal_integral .top_text span {
  display: block;
  font-size: 1.6rem;
  margin-top: 5px;
}
.personal_integral .integral_rule_bt {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 150px;
  height: auto;
  line-height: 30px;
  font-size: 1.2rem;
}
.personal_integral .integral_rule_bt span {
  position: relative;
  width: 14px;
  height: 14px;
  line-height: 12px;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 1rem;
  display: inline-block;
  margin-right: 3px;
  text-align: center;
}
.personal_integral .my_integral_content {
  position: absolute;
  left: 15px;
  top: 56px;
  width: calc(100% - 30px);
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0 2px 20px 0 rgba(181, 181, 181, 0.67);
  background-color: #fff;
}
.personal_integral .my_integral_content .current_integral {
  width: 100%;
  height: auto;
  position: relative;
  text-align: center;
}
.personal_integral .my_integral_content .current_integral span {
  width: 100%;
  display: block;
  color: #2ba866;
  font-size: 3.6rem;
}
.personal_integral .my_integral_content .current_integral label {
  width: 100%;
  display: block;
  color: #999;
  font-size: 1.2rem;
  position: relative;
  bottom: 5px;
  line-height: 24px;
}
.personal_integral .my_integral_content .other_integral_content {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 15px;
}
.personal_integral
  .my_integral_content
  .other_integral_content
  .month_integral {
  font-size: 1.2rem;
  color: #666;
  line-height: 24px;
}
.personal_integral
  .my_integral_content
  .other_integral_content
  .month_integral
  span {
  font-size: 1.6rem;
  color: #ffa726;
  line-height: 24px;
  display: block;
  font-weight: 600;
}

.integral_detail {
  width: 100%;
  height: auto;
  position: relative;
}
.integral_detail .integral_detail_title {
  width: 100%;
  line-height: 40px;
  position: relative;
  color: #333;
  font-size: 1.6rem;
  font-weight: 600;
}
.integral_detail .integral_detail_list {
  width: 100%;
  height: auto;
  position: relative;
}
.integral_detail .integral_detail_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  padding: 15px;
}
.integral_detail .integral_detail_list .list_item:last-child {
  border-bottom: none;
}
.integral_detail .integral_detail_list .list_item .item_img {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.integral_detail .integral_detail_list .list_item .item_img img {
  width: 100%;
}
.integral_detail .integral_detail_list .list_item .item_text {
  width: calc(100% - 70px);
  height: auto;
  position: relative;
}
.integral_detail .integral_detail_list .list_item .item_text .item_name {
  color: #333;
  font-size: 1.5rem;
}
.integral_detail .integral_detail_list .list_item .item_text .item_time_02 {
  color: #c4c4c4;
  font-size: 1.3rem;
  margin-top: 5px;
}
.integral_detail .integral_detail_list .list_item .item_integral {
  color: #333;
  font-size: 1.6rem;
  position: absolute;
  right: 15px;
  top: 22px;
}

/*个人中心 - 积分规则*/
.integral_rule_top_banner,
.integral_rule_text {
  width: 100%;
  height: auto;
}
.integral_rule_top_banner img {
  width: 100%;
}
.integral_rule_text {
  padding: 20px 15px;
}
.integral_rule_text .text_title {
  color: #333;
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.integral_rule_text .text_content {
  font-size: 1.4rem;
  color: #999;
}

/*个人中心 - 积分明细*/
.integral_detail_top {
  width: 100%;
  height: auto;
  padding: 35px 0;
  position: relative;
}
.integral_detail_top .integral_number {
  color: #333;
  font-size: 3.1rem;
}
.integral_detail_top label {
  color: #999;
  font-size: 1.4rem;
}
.integral_detail_msg {
  width: 100%;
  height: auto;
  padding: 0 15px;
  position: relative;
}
.integral_detail_msg .msg_item {
  width: 100%;
  height: auto;
  position: relative;
  line-height: 40px;
}
.integral_detail_msg .msg_item .item_title {
  width: 80px;
  height: auto;
  position: relative;
}
.integral_detail_msg .msg_item .item_text {
  width: calc(100% - 80px);
  height: auto;
  position: relative;
}
.integral_detail_msg .msg_item .item_text .text_img {
  width: 120px;
  height: 84px;
  border-radius: 5px;
  margin-top: 14px;
  background-color: #eee;
  overflow: hidden;
  border: 2px solid #eee;
}
.integral_detail_msg .msg_item .item_text .text_img img {
  width: 100%;
}
.integral_detail_msg .msg_item .item_text .big_img {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  margin-top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: scroll;
  border: none;
  display: flex;
}
.integral_detail_msg .msg_item .item_text .big_img img {
  width: 100%;
  margin: auto;
}
.integral_detail_order_msg {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
}
.integral_detail_order_msg .msg_order_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px 0;
}
.integral_detail_order_msg .msg_order_item .item_img {
  width: 55px;
  height: 55px;
  margin-right: 10px;
}
.integral_detail_order_msg .msg_order_item .item_img img {
  width: 100%;
}
.integral_detail_order_msg .msg_order_item .item_text {
  width: calc(100% - 65px);
  height: auto;
  position: relative;
}
.integral_detail_order_msg .msg_order_item .item_text .goods_name {
  line-height: 3.5rem;
  color: #333;
  font-weight: 600;
}
.integral_detail_order_msg .msg_order_item .item_text .goods_num {
  color: #999;
}
.integral_detail_order_msg .msg_order_item .item_text .goods_price {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 3.5rem;
}
.integral_detail_order_msg .item_total_text {
  width: 100%;
  height: auto;
  line-height: 3rem;
  color: #333;
  font-size: 1.5rem;
}
.integral_detail_order_msg .item_total_text span {
  font-size: 1.2rem;
  color: #999;
}

/*个人中心 - 邀请注册*/
.personal_top.invite_resign {
  padding-bottom: 384px;
  margin-bottom: 20px;
}
.invite_resign .invite_logo {
  width: 100%;
  height: auto;
  padding: 20px 0 0 0;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  top: 0;
  left: 0;
}
.invite_resign .invite_logo img {
  width: 35%;
}
.invite_resign .invite_code_box {
  width: calc(100% - 30px);
  height: auto;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(208, 217, 255, 0.7);
  position: absolute;
  padding: 20px;
  left: 15px;
  top: 70px;
}
.invite_resign .invite_code_box .invite_title {
  width: 100%;
  height: auto;
  position: relative;
  font-size: 1.8rem;
  color: #999;
  line-height: 50px;
}
.invite_resign .invite_code_box .invite_code {
  width: 70%;
  height: auto;
  position: relative;
  margin: 0 auto;
}
.invite_resign .invite_code_box .invite_code img {
  width: 100%;
}
.invite_resign .invite_code_box .invite_code span {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.95);
  padding: 35% 0;
  line-height: 50px;
  letter-spacing: 0.1rem;
  color: #fb3c3c;
  font-size: 1.8rem;
}
.invite_resign .invite_code_box .invite_text {
  width: 100%;
  height: auto;
  color: #333;
  position: relative;
  font-size: 1.6rem;
}
.invite_resign .invite_code_box .notice_text {
  width: 100%;
  height: auto;
  color: #999;
  font-size: 1.2rem;
  line-height: 30px;
}
.invite_resign .invite_code_box .invite_level {
  display: block;
  color: #333;
  font-size: 1.8rem;
  line-height: 50px;
}
.invite_resign .invite_code_box .invite_level .level_item {
  width: 100%;
  height: auto;
  line-height: 50px;
  position: relative;
}
.invite_resign .invite_code_box .invite_level .level_item input {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.invite_resign .invite_code_box .invite_level .level_item span {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #f1f1f1;
  margin-top: 15px;
}
.invite_resign .invite_code_box .invite_level .level_item input:checked + span {
  border: none;
  background: #21d372;
  position: relative;
}
.invite_resign
  .invite_code_box
  .invite_level
  .level_item
  input:checked
  + span:after {
  content: "";
  display: block;
  width: 8px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  left: 5px;
  top: 5px;
}
.invite_resign .invite_code_box .create_code_bt {
  border-radius: 5px;
  font-size: 1.5rem;
}

/*为下级生成同级邀请二维码*/
.invite_resign .invite_code_box .invite_search_box {
  width: 100%;
  height: auto;
  line-height: 44px;
  border-radius: 5px;
  background: #f2f2f2;
  position: relative;
}
.invite_resign .invite_code_box .invite_search_box input {
  width: calc(100% - 50px);
  height: auto;
  line-height: 42px;
  display: inline-block;
  font-size: 1.5rem;
  color: #333;
  padding: 0 15px;
  background: transparent;
}

.invite_resign
  .invite_code_box
  .invite_search_box
  input::-webkit-input-placeholder {
  color: #d3d2d2;
  font-size: 1.4rem;
}
.invite_resign .invite_code_box .invite_search_box input:-moz-placeholder {
  color: #d3d2d2;
  font-size: 1.4rem;
}
.invite_resign .invite_code_box .invite_search_box input::-moz-placeholder {
  color: #d3d2d2;
  font-size: 1.4rem;
}
.invite_resign .invite_code_box .invite_search_box input:-ms-input-placeholder {
  color: #d3d2d2;
  font-size: 1.4rem;
}

.invite_resign .invite_code_box .invite_search_box span.iconfont {
  width: 43px;
  height: auto;
  line-height: 44px;
  display: inline-block;
  background: #2ba866;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 0 5px 5px 0;
  -webkit-text-stroke-width: 0;
}
.invite_resign .invite_code_box .invite_search_result {
  width: 100%;
  height: 292px;
  padding: 20px 0;
  position: relative;
}
.invite_resign .invite_code_box .invite_search_result .result_content {
  width: 100%;
  height: auto;
  position: relative;
}
.invite_resign
  .invite_code_box
  .invite_search_result
  .result_content.no_msg
  .iconfont {
  font-size: 10.4rem;
  color: #e5e5e5;
  margin-top: 40px;
  display: block;
}
.invite_resign
  .invite_code_box
  .invite_search_result
  .result_content.no_msg
  label {
  font-size: 1.3rem;
  color: #dadada;
}
.invite_resign
  .invite_code_box
  .invite_search_result
  .result_content
  .result_person_img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  margin: 25px auto;
  overflow: hidden;
}
.invite_resign
  .invite_code_box
  .invite_search_result
  .result_content
  .result_person_img
  img {
  width: 100%;
}
.invite_resign
  .invite_code_box
  .invite_search_result
  .result_content
  .result_person_name {
  font-size: 1.8rem;
  color: #333;
}
.invite_resign
  .invite_code_box
  .invite_search_result
  .result_content
  .result_person_level {
  font-size: 1.6rem;
  color: #999;
  line-height: 50px;
}

/*二维码已失效*/
.invite_resign .invite_code_box.code_invalid {
  height: 480px;
}

/*个人中心 - 代理管理 - 代理邀请升级*/
.personal_top.invite_upgrade {
  padding-bottom: 106px;
  margin-bottom: 105px;
}
.invite_upgrade .invite_logo {
  width: 100%;
  height: auto;
  padding: 10px 0 0 0;
  position: relative;
  text-align: center;
  margin: 0 auto;
  top: 0;
  left: 0;
}
.invite_upgrade .invite_logo img {
  width: 35%;
}
.invite_upgrade .invite_notice {
  width: 100%;
  height: auto;
  padding: 0 0 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.invite_upgrade .invite_code_box {
  width: calc(100% - 30px);
  height: auto;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(208, 217, 255, 0.7);
  position: absolute;
  left: 15px;
  top: 90px;
  padding: 15px 25px;
}
.invite_upgrade .invite_code_box .invite_level_change {
  width: 100%;
  height: auto;
  position: relative;
}
.invite_upgrade .invite_code_box .invite_level_change .level_item label {
  font-size: 1.4rem;
  color: #999;
}
.invite_upgrade .invite_code_box .invite_level_change .level_item span {
  font-size: 1.8rem;
  color: #2ba866;
}
.invite_upgrade
  .invite_code_box
  .invite_level_change
  .level_change_icon
  .iconfont {
  font-size: 2.8rem;
  color: #048165;
  position: relative;
  top: 5px;
}
.invite_upgrade .invite_code_box .upgrade_need_promise_money {
  width: 100%;
  height: auto;
  position: relative;
}
.invite_upgrade .invite_code_box .upgrade_need_promise_money label {
  font-size: 1.2rem;
  color: #c4c4c4;
}
.invite_upgrade .invite_code_box .upgrade_need_promise_money span {
  font-size: 3.2rem;
  color: #333;
  font-weight: normal;
  position: relative;
  margin-bottom: 5px;
}
.invite_upgrade .invite_code_box .upgrade_need_promise_money span:after {
  content: "";
  display: block;
  width: 66px;
  height: 1px;
  background-color: #f1f1f1;
  position: absolute;
  bottom: 0;
  left: calc(50% - 33px);
}
.invite_upgrade .invite_code_box .upgrade_need_promise_money label em {
  margin-left: 5px;
}

.invite_upgrade_need_message {
  width: 100%;
  padding: 15px;
  height: auto;
  position: relative;
}
.invite_upgrade_need_message .message_list_item {
  width: 100%;
  height: auto;
  position: relative;
  line-height: 50px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 1.5rem;
}
.invite_upgrade_need_message .message_list_item:last-child {
  border-bottom: none;
}
.invite_upgrade_need_message .message_list_item label {
  color: #999;
}
.invite_upgrade_need_message .message_list_item.first_pay_img label {
  font-size: 1.2rem;
}
.invite_upgrade_need_message .message_list_item span {
  color: #333;
}
.invite_upgrade_need_message .message_list_item.first_pay_img span {
  width: 120px;
  height: 84px;
  position: relative;
  background-color: #eee;
  border-radius: 5px;
  top: -12px;
  overflow: hidden;
  text-align: center;
}
.invite_upgrade_need_message .message_list_item.first_pay_img span img {
  width: 100%;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  display: block;
}
.invite_upgrade_need_message .message_list_item.first_pay_img span input {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.invite_upgrade_need_message .message_list_item.first_pay_img span .iconfont {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
  line-height: 84px;
  font-size: 2.4rem;
  color: #fff;
}

.invite_upgrade_pay_way {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px 0;
}
.invite_upgrade_pay_way .pay_way_title {
  font-size: 1.2rem;
  color: #999;
  line-height: 24px;
  border-bottom: 1px solid #e7e7e7;
  padding: 0 15px;
}
.invite_upgrade_pay_way .pay_style_item {
  width: 100%;
  height: auto;
  line-height: 50px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 1.5rem;
  color: #333;
  position: relative;
  padding: 0 15px;
}
.invite_upgrade_pay_way .pay_style_item .iconfont {
  font-size: 2.8rem;
  position: relative;
  top: 2px;
}
.invite_upgrade_pay_way .pay_style_item.zhifubao .iconfont {
  color: #09bb07;
}
.invite_upgrade_pay_way .pay_style_item.wechat .iconfont {
  color: #00a0e9;
}
.invite_upgrade_pay_way .pay_style_item span {
  position: relative;
  top: -2px;
}
.invite_upgrade_pay_way .pay_style_item input {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.invite_upgrade_pay_way .pay_style_item label {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  margin: 15px 0;
}
.invite_upgrade_pay_way .pay_style_item input:checked + label {
  border: none;
  background: #21d372;
}
.invite_upgrade_pay_way .pay_style_item input:checked + label:before {
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 5px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
  top: 5px;
  left: 5px;
}

.pay_for_upgrade_bt {
  width: calc(100% - 30px);
  margin: 20px auto;
}

.select_invite_level {
  width: 100%;
  height: auto;
  position: relative;
}
.select_item {
  width: 100%;
  line-height: 30px;
  position: relative;
  padding: 10px 15px;
}
.select_item img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.select_item span {
  font-size: 1.4rem;
  color: #333;
  -webkit-text-stroke-width: 0.1px;
}
.select_invite_level .select_item .iconfont {
  float: right;
  line-height: 30px;
  color: #999;
}
.select_invite_level .select_list {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  height: auto;
  background: #fff;
  border-radius: 10px 10px 0 0;
  padding-top: 10px;
}
.select_invite_level .select_list .select_item:nth-child(2n) {
  background-color: #f6f7fa;
}
.select_invite_level .select_list .select_item:nth-child(2n + 1) {
  background-color: #ffffff;
}

/*邀请升级 - 支付保证金*/
.pay_for_upgrade_content {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
}
.pay_for_upgrade_content .company_logo {
  width: 40%;
  margin: 0 auto;
}
.pay_for_upgrade_content .company_logo img {
  width: 100%;
}
.pay_for_upgrade_content .notice_text {
  width: 100%;
  font-size: 1.5rem;
  margin: 0 auto 15px auto;
  position: relative;
  top: -5px;
}
.pay_for_upgrade_content .pay_code {
  width: 68%;
  height: auto;
  margin: 0 auto;
  border-radius: 5px;
  padding: 15px;
}
.pay_for_upgrade_content .pay_code img {
  width: 100%;
}
.pay_for_upgrade_content .pay_code label {
  display: block;
  width: 100%;
  color: #c4c4c4;
  font-size: 1.2rem;
  margin-top: 10px;
}
.pay_for_upgrade_content .notice_text_02 {
  margin: 20px auto;
  font-size: 1.8rem;
}
.pay_money_step_notice {
  width: 100%;
  height: auto;
  position: relative;
  color: #fff;
}
.pay_money_step_notice .step_item {
  height: auto;
  position: relative;
}
.pay_money_step_notice .step_item img {
  width: 71px;
  height: 71px;
  border-radius: 50%;
}
.pay_money_step_notice .step_item span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  text-align: center;
  line-height: 12px;
  position: absolute;
  background: #fff;
  top: 65px;
  left: calc(50% - 6px);
  color: #019fe8;
  font-size: 1rem;
}
.pay_money_step_notice .step_item label {
  display: block;
  font-size: 1.5rem;
  width: 80%;
  margin: 10px auto 0 auto;
}

/*个人中心 - 实名认证*/
.authentication_top {
  width: calc(100% - 30px);
  height: auto;
  margin: 46px 15px 20px 15px;
  position: relative;
}
.authentication_top .top_bg {
  width: 100%;
  height: auto;
  position: relative;
}
.authentication_top .top_bg img {
  width: 100%;
  vertical-align: top;
  border-radius: 8px;
}
.authentication_top .authenticated_logo {
  position: absolute;
  color: #fff;
  top: 0px;
  right: 8px;
  text-align: right;
  opacity: 0;
}
.authentication_top .authenticated_logo.authenticated {
  opacity: 0.5;
}
.authentication_top .authenticated_logo .iconfont {
  font-size: 5.5rem;
}
.authentication_top .top_content {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 15px;
  color: #fff;
}
.authentication_top .top_content .person_img {
  width: 100%;
  height: auto;
  position: relative;
  bottom: 21px;
}
.authentication_top .top_content .person_img img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}
.authentication_top .top_content .authentication_status {
  width: 100%;
  height: auto;
  font-size: 1.8rem;
}
.authentication_top .top_content .action_bt {
  width: 100%;
  height: auto;
  margin-top: 20px;
  position: relative;
}
.authentication_top .top_content .action_bt .bt_item {
  width: 50%;
  height: auto;
  position: relative;
  font-size: 1.7rem;
}
.authentication_top .top_content .action_bt .bt_item span {
  width: 83%;
  height: auto;
  display: block;
  line-height: 37px;
  border-radius: 5px;
  border: 1px solid #fff;
  margin: 0 auto;
}
.authentication_top .top_content .action_bt .in_audit_text {
  width: 100%;
  height: auto;
  font-size: 1.5rem;
  line-height: 2.4rem;
}
.authentication_top .top_content .action_bt .authenticated_text {
  width: 100%;
  height: auto;
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding: 0 15px;
}

.authentication_privilege_list {
  width: calc(100% - 30px);
  height: auto;
  margin: 40px auto 20px auto;
  padding: 0px;
  position: relative;
}
.authentication_privilege_list .list_title {
  width: 100%;
  height: auto;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
  padding: 0 15px;
}
.authentication_privilege_list .privilege_item {
  width: 100%;
  padding: 15px 0;
  height: auto;
  position: relative;
}
.authentication_privilege_list .privilege_item .item_icon {
  width: 56px;
  height: auto;
  position: relative;
  margin-right: 10px;
}
.authentication_privilege_list .privilege_item .item_icon img {
  width: 100%;
}
.authentication_privilege_list .privilege_item .item_text {
  width: calc(100% - 66px);
  height: auto;
  position: relative;
  padding-top: 6px;
}
.authentication_privilege_list .privilege_item .item_text span {
  color: #333;
  font-size: 1.8rem;
  line-height: 2rem;
  display: block;
}
.authentication_privilege_list .privilege_item .item_text label {
  color: #999;
  font-size: 1.3rem;
  line-height: 2rem;
}

/*个人中心 - 我的授权书*/
.personal_top.person_proxy {
  padding-bottom: 0;
  margin-bottom: 60%;
}

.person_proxy .proxy_img {
  width: 76%;
  height: auto;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(208, 217, 255, 0.7);
  position: absolute;
  top: 48px;
  left: 12%;
}
.person_proxy .proxy_img img {
  width: 100%;
}
.proxy_text {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
}
.proxy_text img {
  width: 50%;
}
.proxy_text span {
  width: 100%;
  margin: 5px 0;
  color: #666;
  line-height: normal;
  font-size: 1.4rem;
}

/*个人中心 - 管理员设置*/
.manager_list_title {
  padding: 0 15px;
  box-shadow: 0 2px 4px 1px rgba(208, 217, 255, 0.7);
  position: absolute;
  top: 0;
  z-index: 5;
}
.manager_list {
  width: 100%;
  height: auto;
  position: relative;
}
.manager_list .list_item {
  width: 100%;
  height: auto;
  padding: 20px 15px;
  background-color: #fff;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}
.manager_list .list_item .manager_img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.manager_list .list_item .manager_img img {
  width: 100%;
}
.manager_list .list_item .manager_text {
  width: calc(100% - 50px);
  height: auto;
  position: relative;
}
.manager_list .list_item .manager_text span {
  display: block;
  line-height: 24px;
  font-size: 1.5rem;
  color: #333;
}
.manager_list .list_item .manager_text label {
  display: block;
  position: relative;
  color: #999;
  font-size: 1.2rem;
}
.manager_list .list_item .manager_setting {
  position: absolute;
  right: 15px;
  top: 0;
}
.manager_list .list_item .manager_setting .edit_bt,
.manager_list .list_item .manager_setting .delete_bt {
  width: 60px;
  height: 25px;
  line-height: 25px;
  border-radius: 15px;
  font-size: 1.2rem;
  margin: 10px 0;
  font-weight: 400;
}
.manager_list .list_item .manager_setting .delete_bt {
  color: #999;
  border: 1px solid #e7e7e7;
}

.add_manager {
  width: calc(100% - 30px);
  margin: 20px auto;
  border-radius: 5px;
  position: relative;
  height: auto;
  padding: 5px 0;
  color: #c4c4c4;
  font-size: 1.2rem;
}
.add_manager .iconfont {
  display: block;
  font-size: 2.4rem;
  line-height: 40px;
}

/*个人中心 - 编辑管理员*/
.manager_msg_edit {
  padding: 0;
}
.manager_msg_edit .top_edit_area {
  width: 100%;
  height: auto;
  padding: 0 15px;
}
.manager_msg_edit .top_edit_area .edit_item {
  width: 100%;
  height: auto;
  line-height: 50px;
  border-bottom: 1px solid #ddd;
}
.manager_msg_edit .top_edit_area .edit_item:last-child {
  border-bottom: none;
}
.manager_msg_edit .top_edit_area .edit_item span {
  width: 90px;
  height: auto;
  display: block;
  float: left;
  color: #999;
  font-size: 1.5rem;
}
.manager_msg_edit .top_edit_area .edit_item input {
  color: #333;
  display: block;
  width: calc(100% - 90px);
  height: auto;
  line-height: 50px;
  position: relative;
  float: left;
}
.manager_msg_edit .top_edit_area .edit_item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.manager_msg_edit .item_title {
  width: 100%;
  height: auto;
  line-height: 37px;
  padding: 0 15px;
  background: #f5f6f6;
  color: #999;
  font-size: 1.5rem;
}
.manager_msg_edit .manager_authority {
  width: 100%;
  padding: 15px 10px;
  position: relative;
}
.manager_msg_edit .manager_authority .authority_bt {
  width: calc(25% - 10px);
  height: 77px;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  margin: 0 5px 10px 5px;
  color: #999;
  font-size: 1.4rem;
  position: relative;
}
.manager_msg_edit .manager_authority .authority_bt .iconfont {
  display: block;
  width: 100%;
  font-size: 3.2rem;
  margin: 5px 0;
  color: #a3a3a3;
}
.manager_msg_edit .manager_authority .authority_bt.selected {
  color: #2ba866;
  border: 1px solid #2ba866;
}
.manager_msg_edit .manager_authority .authority_bt.selected:before {
  content: "已选";
  position: absolute;
  left: -5px;
  top: 3px;
  width: 35px;
  height: 16px;
  text-align: center;
  background-color: #2ba866;
  color: #fff;
  border-radius: 0 8px 0 8px;
  font-size: 1.2rem;
}
.manager_msg_edit .save_bt {
  width: calc(100% - 30px);
  margin: 20px auto;
}

/*个人中心 - 团队管理*/
.agent_top {
  position: relative;
  height: auto;
}
.agent_top .top_search_box {
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 5px;
  padding: 0 10px;
}
.agent_top .top_search_box .iconfont {
  margin-right: 8px;
  position: relative;
  font-size: 1.6rem;
  color: #cbcbcb;
  top: 2px;
}
.agent_top .top_search_box input {
  display: inline-block;
  width: calc(100% - 30px);
  height: 34px;
  line-height: 34px;
  background: transparent;
  color: #333;
  font-size: 1.3rem;
}

.my_agent_list {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
}
.my_agent_list .list_item {
  width: 100%;
  height: auto;
  background-color: #fff;
  box-shadow: 0 2px 16px 0px rgba(151, 151, 151, 0.08);
  margin-bottom: 15px;
  position: relative;
  padding-left: 18px;
  line-height: 50px;
}
.my_agent_list .list_item:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: #2ba866;
}
.my_agent_list .list_item .agent_level_name {
  font-size: 1.8rem;
}
.my_agent_list .list_item .agent_num {
  font-size: 1.2rem;
  color: #999;
  position: absolute;
  right: 0;
  top: 0;
}
.my_agent_list .list_item .agent_num span {
  font-size: 1.2rem;
}
.my_agent_list .list_item .agent_num .iconfont {
  font-size: 1.2rem;
  margin-left: 10px;
  color: #c9c9c9;
}

.my_agent_list.team_manage .list_item {
  width: 100%;
  background-color: #fff;
  color: #999;
  border-bottom: 1px solid #f1f1f1;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  font-size: 1.5rem;
}
.my_agent_list.team_manage .list_item:before {
  display: none;
}
.my_agent_list.team_manage .list_item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.my_agent_list.team_manage .list_item span {
  color: #c4c4c4;
  font-size: 1.5rem;
}
.my_agent_list.team_manage .list_item span label.iconfont {
  margin-left: 5px;
  font-size: 1.5rem;
}

/*团队管理 - 成员列表*/
.level_agent_list {
  width: 100%;
  position: relative;
  height: auto;
}
.level_agent_list .level_list_item {
  width: 100%;
  position: relative;
  height: auto;
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
}
.level_agent_list.account_agent_list .level_list_item {
  padding: 15px;
}
.level_agent_list .level_list_item:nth-last-child(1) {
  border: none;
}
.level_agent_list .level_list_item .agent_img {
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
}
.level_agent_list .level_list_item .agent_img img {
  width: 100%;
}
.level_agent_list .level_list_item .agent_msg {
  width: calc(100% - 50px);
  height: auto;
  position: relative;
}
.level_agent_list .level_list_item .agent_msg .remarks {
  width: 100%;
  line-height: 20px;
  position: relative;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
}
.level_agent_list .level_list_item .agent_msg .addr {
  width: 100%;
  line-height: 24px;
  position: relative;
  font-size: 1.2rem;
  color: #999;
}
.level_agent_list .level_list_item .level_agent_msg_bt {
  margin: 20px 0 0 0;
}
.level_agent_list .level_list_item .level_agent_msg_bt .level_edit_bt {
  letter-spacing: 0.05rem;
}
.level_agent_list .level_list_item .level_agent_msg_bt .upgrade {
  border-right: 1px solid #f1f1f1;
}
.level_agent_list .look_more {
  width: 100%;
  height: auto;
  color: #999;
}
.level_agent_list .look_more .iconfont {
  display: block;
  width: 100%;
  line-height: 30px;
  font-size: 2.4rem;
}

/*团队管理 - 代理商详细信息*/
.personal_top.agent_detail_msg {
  padding-bottom: 60px;
  margin-bottom: 50px;
  background: linear-gradient(to right, #2ba866, #2bc988);
  color: #fff;
}
.agent_detail_msg .agent_count_content {
  position: absolute;
  width: calc(100% - 30px);
  color: #999;
  font-size: 1.2rem;
  margin: 0 auto;
  left: 15px;
  bottom: -40px;
  padding: 25px 15px;
}
.agent_detail_msg .agent_count_content .count_balance:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #f2f2f2;
  top: 0;
  left: 50%;
}

.agent_detail_msg .top_person_msg {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 15px;
}
.agent_detail_msg .top_person_msg .person_img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 10px 0 0;
  overflow: hidden;
}
.agent_detail_msg .top_person_msg .person_img img {
  width: 100%;
}
.agent_detail_msg .top_person_msg .person_text {
  width: calc(100% - 50px);
  height: auto;
  position: relative;
  font-weight: normal;
  margin: 0;
}
.agent_detail_msg .top_person_msg .person_text .text_01 span {
  font-size: 1.6rem;
  font-weight: 300;
  display: block;
}
.agent_detail_msg .top_person_msg .person_text .text_01 label {
  font-size: 1.2rem;
  font-weight: 300;
  display: block;
}
.agent_detail_msg .top_person_msg .person_text .text_02 {
  position: absolute;
  right: 0;
  top: 2px;
}
.agent_detail_msg .top_person_msg .person_text .text_02 span {
  font-size: 1.2rem;
  font-weight: 300;
  display: block;
}
.agent_detail_msg .top_person_msg .person_text .text_03 label {
  font-size: 1.2rem;
  font-weight: 300;
  display: block;
}

.Purchase_statistics {
  width: 100%;
  height: auto;
  position: relative;
}
.Purchase_statistics .statistics_title {
  position: relative;
  font-size: 1.6rem;
  line-height: 40px;
}
.Purchase_statistics .Purchase_statistics_list {
  position: relative;
  z-index: 2;
}
.Purchase_statistics_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
  padding: 5px 15px;
}
.Purchase_statistics_list .list_item span {
  line-height: 25px;
  font-size: 1.5rem;
  color: #000;
}
.Purchase_statistics_list .list_item label {
  line-height: 20px;
  display: block;
  font-size: 1.3rem;
  color: #c4c4c4;
}
.Purchase_statistics_list .list_item .item_number {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #333;
  font-size: 1.6rem;
}

/*个人中心 - 团队管理 - 降级、撤销代理审批*/
.level_agent_list.agent_downgrade_examine .level_list_item {
  padding: 15px;
}
.level_agent_list.agent_downgrade_examine .level_list_item .agent_msg {
  width: calc(100% - 135px);
}
.level_agent_list.agent_downgrade_examine
  .level_list_item
  .agent_msg
  .remarks
  span {
  margin-left: 10px;
}
.level_agent_list.agent_downgrade_examine .level_list_item .agent_msg .time {
  width: 100%;
  line-height: 24px;
  position: relative;
  font-size: 1.2rem;
  color: #999;
}
.level_agent_list.agent_downgrade_examine .level_list_item .msg_notice_text {
  width: 85px;
  height: auto;
  line-height: 40px;
  text-align: right;
  color: #c4c4c4;
  font-size: 1.5rem;
}
.level_agent_list.agent_downgrade_examine
  .level_list_item
  .msg_notice_text
  .iconfont {
  position: relative;
  left: 5px;
}
.level_agent_list.agent_downgrade_examine
  .level_list_item
  .msg_notice_text.pending_msg
  span {
  color: #ffa726;
}

/*个人中心 - 团队管理 - 降级、撤销代理审批详情*/
.agent_apply_approval_top {
  width: 100%;
  height: auto;
  padding: 20px 15px;
  position: relative;
}
.agent_apply_approval_top .person_img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}
.agent_apply_approval_top .person_img img {
  width: 100%;
}
.agent_apply_approval_top .person_text {
  width: calc(100% - 50px);
  height: auto;
  position: relative;
}
.agent_apply_approval_top .person_text span {
  font-size: 1.5rem;
  color: #333;
  display: block;
  line-height: 22px;
}
.agent_apply_approval_top .person_text label {
  font-size: 1.2rem;
  color: #999;
  display: block;
  line-height: 18px;
}
.agent_apply_approval_top .person_text .time {
  font-size: 1.2rem;
  color: #999;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 22px;
}
.agent_apply_approval_reason {
  width: 100%;
  height: auto;
  padding: 5px 15px 10px 15px;
  position: relative;
  font-size: 1.5rem;
  color: #333;
}
.agent_apply_approval_reason label {
  color: #999;
  font-size: 1.2rem;
  display: block;
  line-height: 30px;
}
.agent_apply_approval_reason span {
  line-height: 24px;
}
.agent_apply_approval_level,
.agent_apply_approval_state {
  width: 100%;
  height: auto;
  line-height: 45px;
  padding: 0 15px;
  font-size: 1.5rem;
}
.agent_apply_approval_level label,
.agent_apply_approval_state label {
  color: #999;
}
.agent_apply_approval_level span,
.agent_apply_approval_state span {
  color: #333;
}

.approval_apply_bt {
  width: calc(100% - 30px);
  position: fixed;
  bottom: 100px;
  left: 15px;
  margin: 0 auto;
}

/*个人中心 - 我的账本*/
.personal_account .agent_count_content {
  position: relative;
  width: 100%;
  font-size: 1.2rem;
  overflow: hidden;
  color: #fff;
}
.personal_account .agent_count_content .count_balance {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
}
.personal_account .agent_count_content .count_balance label {
  opacity: 0.7;
  font-size: 1.2rem;
  display: block;
  margin-bottom: 5px;
}
.personal_account .agent_count_content .count_balance span {
  font-size: 3rem;
}
.personal_account .agent_count_content .count_shipment {
  position: absolute;
  bottom: 39px;
  left: 0;
  width: 100%;
  font-size: 1.2rem;
}
.personal_account .agent_count_content .count_shipment span {
  margin: 0 5px;
}

/*个人中心 - 我的账本 - 会员账户列表*/
.level_agent_list .level_list_item .agent_msg .name {
  line-height: 24px;
  color: #333;
  font-size: 1.5rem;
}
.level_agent_list .level_list_item .agent_msg .balance {
  color: #999;
  font-size: 1.2rem;
}
.level_agent_list .level_list_item .recharge_bt {
  position: absolute;
  top: 25px;
  right: 15px;
  width: 60px;
  font-size: 1.2rem;
  height: 25px;
  line-height: 25px;
  background: #2ba866;
  color: #fff;
  border-radius: 15px;
}

/*个人中心 - 我的账户 - 账户详情*/
.recharge_top.account_detail {
  padding-bottom: 0px;
  margin-bottom: 90px;
}
.recharge_top.account_detail .top_person_msg {
  border-bottom: none;
  margin-top: 10px;
}
.account_detail .person_achievement {
  position: absolute;
  width: calc(100% - 30px);
  top: 70px;
  left: 15px;
  box-shadow: 0 2px 20px -6px rgba(151, 151, 151, 0.67);
}
.account_detail .person_achievement .total_balance {
  color: #c4c4c4;
}
.account_detail .person_achievement .total_balance label {
  font-size: 3rem;
}

.account_detail_list {
  width: 100%;
  height: auto;
  position: relative;
}
.account_detail_list .list_title {
  width: 100%;
  height: auto;
  position: relative;
  font-weight: 600;
}
.account_detail_list .list_title span {
  -webkit-text-stroke-width: 0px;
}
.account_detail_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #f1f1f1;
}
.account_detail_list .list_item:last-child {
  border-bottom: none;
}
.account_detail_list .list_item .item_name {
  line-height: 24px;
  color: #333;
  font-size: 1.66rem;
}
.account_detail_list .list_item .item_name span {
  display: block;
  line-height: 24px;
  color: #c4c4c4;
  font-size: 1.3rem;
}
.account_detail_list .list_item .item_price {
  position: absolute;
  right: 15px;
  top: 30px;
  font-weight: 400;
  font-size: 1.6rem;
}
.account_detail_list .list_item.add_money .item_price {
  color: #333333;
}
.account_detail_list .list_item.reduce_money .item_price {
  color: #fda11a;
}

/*个人中心 - 我的账户 - 充值货款*/
.recharge_top {
  width: 100%;
  height: auto;
  padding-bottom: 60px;
}
.recharge_top .top_person_msg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.recharge_top .top_person_msg .person_img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
}
.recharge_top .top_person_msg .person_img img {
  width: 100%;
}
.recharge_top .top_person_msg .person_text {
  width: calc(100% - 50px);
  height: auto;
  position: relative;
  font-weight: normal;
}
.recharge_top .top_person_msg .person_text .text_01 span {
  font-size: 1.6rem;
  font-weight: 300;
  display: block;
}
.recharge_top .top_person_msg .person_text .text_01 label {
  font-size: 1.2rem;
  font-weight: 300;
  display: block;
}
.recharge_top .top_person_msg .person_text .text_02 {
  position: absolute;
  right: 0;
  top: 2px;
}
.recharge_top .top_person_msg .person_text .text_02 span {
  font-size: 1.2rem;
  font-weight: 300;
  display: block;
}
.recharge_top .top_person_msg .person_text .text_03 label {
  font-size: 1.2rem;
  font-weight: 300;
  display: block;
}
.recharge_content {
  width: calc(100% - 30px);
  height: auto;
  position: absolute;
  background-color: #fff;
  top: 77px;
  left: 15px;
}
.recharge_content .recharge_text {
  color: #666;
  padding: 5px 0;
}
.recharge_content .recharge_text input {
  width: 100%;
  height: auto;
  line-height: 50px;
  font-size: 3rem;
  font-weight: 400;
  color: #333;
}
.recharge_content input::-webkit-input-placeholder {
  color: #e7e7e7;
}
.recharge_content input:-moz-placeholder {
  color: #e7e7e7;
}
.recharge_content input::-moz-placeholder {
  color: #e7e7e7;
}
.recharge_content input:-ms-input-placeholder {
  color: #e7e7e7;
}
.recharge_content .recharge_remarks {
  width: 100%;
  height: auto;
  position: relative;
}
.recharge_content .recharge_remarks input {
  width: 100%;
  height: 40px;
  position: relative;
  display: block;
  color: #333;
  font-size: 1.3rem;
}
.recharge_input_img {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
}
.recharge_input_img .recharge_img {
  width: 120px;
  min-height: 84px;
  position: relative;
  background-color: #eeeeee;
  border-radius: 5px;
  overflow: hidden;
}
.recharge_input_img .recharge_img .upload_img {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 2;
}
.recharge_input_img .recharge_img .upload_img img {
  width: 100%;
}
.recharge_input_img .recharge_img .upload_bt {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
}
.recharge_input_img .recharge_img .upload_bt input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  display: block;
}
.recharge_input_img .recharge_img .upload_bt .iconfont {
  font-size: 3rem;
  color: #fff;
  line-height: 84px;
  -webkit-text-stroke-width: 0;
}
.recharge_bt {
  width: 72%;
  margin: 0 auto;
}

/*个人中心 - 货款余额明细*/
.account_balance_top {
  width: calc(100% - 30px);
  height: auto;
  margin: 15px auto;
  overflow: hidden;
  position: relative;
}
.account_balance_top .top_text {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 25px;
  color: #fff;
}
.account_balance_top .top_text .text_01 span {
  font-size: 3.27rem;
}
.account_balance_top .top_text .text_02 span {
  font-size: 2rem;
  margin-top: 12px;
  margin-bottom: 5px;
}
.account_balance_top .top_text .text_01 span i,
.account_balance_top .top_text .text_02 span i {
  font-size: 1.4rem;
  margin-left: 3px;
  font-weight: 400;
}
.account_balance_top .top_text .text_01 label {
  font-size: 1.3rem;
}
.account_balance_top .top_text .text_02 label {
  font-size: 1.1rem;
}
.account_balance_top .top_text .text_02 {
  opacity: 0.65;
}

/*个人中心 - 保证金*/
.account_balance_top.cash_deposit {
  box-shadow: 0 5px 20px 0 rgba(181, 181, 181, 0.67);
}

/*个人中心 - 实名认证*/
.authentication_step_01_content,
.authentication_step_03_content {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
}
.authentication_step_01_content .content_item {
  width: 100%;
  height: auto;
  padding: 15px 0;
}
.authentication_step_01_content .content_item .item_title {
  width: 100%;
  height: auto;
  line-height: 2rem;
  font-size: 1.8rem;
  color: #333;
}
.authentication_step_01_content .content_item .item_input {
  width: 75%;
  height: 158px;
  background-color: #eee;
  border-radius: 5px;
  margin: 8px auto 0 auto;
  position: relative;
  overflow: hidden;
}
.authentication_step_01_content .content_item .item_input input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 3;
}
.authentication_step_01_content .content_item .item_input .img_content {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.authentication_step_01_content
  .content_item
  .item_input
  .img_content
  .iconfont {
  display: block;
  font-size: 3.6rem;
  color: #fff;
  margin-top: 40px;
}
.authentication_step_01_content .content_item .item_input .img_content span {
  display: block;
  font-size: 1.3rem;
  color: #d3d3d3;
  margin-top: 10px;
}
.authentication_step_01_content .content_item .item_input #ID_card_img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 2;
}
.authentication_step_01_content .content_item .item_input #imgContentImg {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 2;
}
.authentication_step_01_content .next_step_bt {
  width: 100%;
  height: auto;
  position: relative;
  line-height: 44px;
  border-radius: 5px;
  margin-top: 45px;
  font-size: 1.7rem;
}

.top_notice_text {
  width: 100%;
  height: auto;
  background-color: #f5f6f6;
  color: #ec8e1f;
  font-size: 1.2rem;
  padding: 10px 15px;
  font-weight: 600;
}
.step_02_msg {
  width: 100%;
  height: auto;
  padding: 0 15px;
  position: relative;
}
.step_02_msg .msg_item {
  width: 100%;
  height: auto;
  line-height: 50px;
  border-bottom: 1px solid #f1f1f1;
}
.step_02_msg .msg_item:last-child {
  border-bottom: none;
}
.step_02_msg .msg_item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  font-weight: 500;
}
.step_02_msg .msg_item .item_name {
  width: 70px;
  margin-right: 10px;
  height: auto;
  color: #999;
  font-size: 1.5rem;
}
.step_02_msg .msg_item .item_text {
  width: calc(100% - 80px);
  height: auto;
  color: #333;
  font-size: 1.5rem;
}
.step_02_msg .msg_item .item_text input {
  width: 100%;
  height: auto;
  line-height: 49px;
  padding: 0 10px;
}
.input_img_preview {
  width: 100%;
  height: auto;
  padding: 0 15px;
  margin-bottom: 77px;
}
.input_img_preview img {
  width: 100%;
  border-radius: 5px;
}
.step_02_action_bt {
  width: 100%;
  height: auto;
  padding: 15px;
  margin-top: 8px;
  position: fixed;
  bottom: 0;
  left: 0;
  background: white;
}
.step_02_action_bt .bt_item {
  height: auto;
  line-height: 44px;
}
.step_02_action_bt .bt_item span {
  display: inline-block;
  height: auto;
  line-height: 44px;
  width: calc(100% - 5px);
  font-size: 1.7rem;
}

.authentication_step_03_content .success_icon {
  width: 100%;
  height: auto;
  margin: 66px 0 50px 0;
}
.authentication_step_03_content .success_icon svg.icon {
  width: 40%;
  height: auto;
}
.authentication_step_03_content .success_icon svg.icon use {
  width: 100%;
  height: auto;
}
.authentication_step_03_content .success_text {
  width: 100%;
  height: auto;
  margin-bottom: 66px;
}
.authentication_step_03_content .success_text .title_text {
  color: #333;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 600;
  margin-bottom: 5px;
}
.authentication_step_03_content .success_text .notice_text {
  width: 80%;
  color: #999;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0px auto;
}

/*个人中心 - 代理管理 - 申请降级*/
.downgrade_top {
  width: 100%;
  height: auto;
  padding: 15px 15px 0 15px;
  background-color: transparent;
}
.downgrade_top .person_img {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}
.downgrade_top .person_img img {
  width: 100%;
}
.downgrade_top .person_text {
  width: calc(100% - 58px);
  height: auto;
  position: relative;
  line-height: 22px;
}
.downgrade_top .person_text span {
  color: #333;
  font-size: 1.5rem;
  display: block;
}
.downgrade_top .person_text label {
  color: #999;
  font-size: 1.2rem;
}
.downgrade_top .downgrade_title {
  color: #333;
  font-size: 1.4rem;
  line-height: 40px;
  margin-top: 10px;
}

.downgrade_content {
  width: 100%;
  height: auto;
  padding: 0 15px;
  position: relative;
  margin-bottom: 15px;
}
.downgrade_content .content_item {
  width: 100%;
  position: relative;
  height: auto;
  line-height: 50px;
  border-bottom: 1px solid #f4f4f4;
}
.downgrade_content .content_item:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.downgrade_content .content_item .iconfont {
  font-size: 1.8rem;
  float: right;
}
.downgrade_content .content_item span {
  width: 90px;
  height: auto;
  position: relative;
  display: inline-block;
  color: #999;
  float: left;
  font-size: 1.5rem;
}
.downgrade_content .content_item input {
  width: calc(100% - 90px);
  height: auto;
  position: relative;
  display: inline-block;
  color: #333;
  font-size: 1.5rem;
}

.downgrade_content .content_item input::-webkit-input-placeholder {
  color: #cac9c9;
}
.downgrade_content .content_item input:-moz-placeholder {
  color: #cac9c9;
}
.downgrade_content .content_item input::-moz-placeholder {
  color: #cac9c9;
}
.downgrade_content .content_item input:-ms-input-placeholder {
  color: #cac9c9;
}

.downgrade_content .content_item.level_change {
  width: 100%;
  height: auto;
  position: relative;
}
.downgrade_content .content_item.level_change .new_level {
  width: calc(100% - 90px);
  height: auto;
  position: relative;
  color: #333;
  line-height: 50px;
  font-size: 1.5rem;
}
.downgrade_content .content_item.level_change .new_level .iconfont {
  display: inline-block;
  float: right;
  position: relative;
  color: #999;
  font-size: 1.5rem;
}
.downgrade_content .content_item.agent_tel .iconfont {
  display: inline-block;
  float: right;
  position: absolute;
  color: #999;
  right: 0;
  font-size: 1.5rem;
}
.downgrade_content .content_item.level_change .agent_level_item {
  position: absolute;
  right: 0;
  top: 50px;
  width: calc(100% - 90px);
  height: auto;
  z-index: 10;
  border-width: 0 1px 1px 1px;
  border-color: #f5f6f6;
  border-style: solid;
  background-color: #fff;
}
.downgrade_content .level_change .agent_level_item li {
  position: relative;
  width: 100%;
  height: 45px;
  line-height: 45px;
  color: #999;
  padding-left: 20px;
}

.downgrade_content .apply_reason textarea {
  width: calc(100% - 90px);
  height: 120px;
  position: relative;
  line-height: 30px;
  color: #666;
  display: block;
  resize: none;
  float: left;
  padding: 10px 0;
  font-size: 1.5rem;
}

.downgrade_content .apply_reason textarea::-webkit-input-placeholder {
  color: #cac9c9;
}
.downgrade_content .apply_reason textarea:-moz-placeholder {
  color: #cac9c9;
}
.downgrade_content .apply_reason textarea::-moz-placeholder {
  color: #cac9c9;
}
.downgrade_content .apply_reason textarea:-ms-input-placeholder {
  color: #cac9c9;
}

.downgrade_content .do_or_not form,
.downgrade_content .goods_have form {
  width: calc(100% - 90px);
  height: auto;
  position: relative;
  display: inline-block;
  color: #333;
  font-size: 1.5rem;
}
.downgrade_content .do_or_not form .examine_item,
.downgrade_content .goods_have form .examine_item {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  line-height: 50px;
}
.downgrade_content .do_or_not form .examine_item input,
.downgrade_content .goods_have form .examine_item input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 3;
}
.downgrade_content .do_or_not form .examine_item b,
.downgrade_content .goods_have form .examine_item b {
  width: 100%;
  height: auto;
  display: block;
  line-height: 50px;
  font-weight: normal;
  font-size: 1.5rem;
  color: #333;
}
.downgrade_content .do_or_not form .examine_item b em,
.downgrade_content .goods_have form .examine_item b em {
  width: 16px;
  height: 16px;
  position: relative;
  border-radius: 50%;
  border: 1px solid #ddd;
  margin-left: 20px;
  display: inline-block;
  top: 3px;
}
.downgrade_content .do_or_not form .examine_item input:checked + b em,
.downgrade_content .goods_have form .examine_item input:checked + b em {
  background-color: #21d372;
  border: none;
}
.downgrade_content .do_or_not form .examine_item input:checked + b em:before,
.downgrade_content .goods_have form .examine_item input:checked + b em:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 4px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  top: 4px;
  left: 4px;
  transform: rotate(-45deg);
}
.downgrade_content .content_item.goods_have {
  border-bottom: none;
}

.downgrade_content .content_item.upload_img .img_upload {
  width: calc(100% - 90px);
  height: auto;
  position: relative;
  float: left;
}
.downgrade_content .content_item.upload_img .img_upload .img_upload_area {
  width: 120px;
  min-height: 84px;
  background: #eee;
  border-radius: 5px;
  text-align: center;
  margin: 18px 0;
  position: relative;
}
.downgrade_content .content_item.upload_img .img_upload .img_upload_area input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 10;
}
.downgrade_content
  .content_item.upload_img
  .img_upload
  .img_upload_area
  .iconfont {
  width: 100%;
  height: auto;
  position: absolute;
  margin: 15px 0;
  font-size: 2.5rem;
  display: block;
  color: #fff;
}
.downgrade_content .content_item.upload_img .img_upload .img_upload_area img {
  width: 100%;
  border-radius: 5px;
  z-index: 5;
  position: relative;
}

.downgrade_apply_bt {
  width: calc(100% - 30px);
  margin: 30px auto;
}

/*个人中心 - 数据统计*/
.data_statistics_content {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #fff;
}
.data_statistics_content .content_title {
  width: 100%;
  height: auto;
  font-weight: bold;
  font-size: 1.8rem;
  color: #333;
}
.data_statistics_content .content_item {
  width: 100%;
  height: auto;
  margin: 15px auto;
  padding: 26px 15px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 12px 87px -10px rgba(181, 181, 181, 0.42);
  position: relative;
}
.data_statistics_content .content_item .iconfont {
  width: 32px;
  height: auto;
  line-height: 40px;
  color: #999;
  font-size: 2.4rem;
}
.data_statistics_content .content_item .item_text {
  width: calc(100% - 170px);
  height: auto;
  line-height: 22px;
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
}
.data_statistics_content .content_item .item_text label {
  color: #999;
  font-size: 1.3rem;
  line-height: 18px;
}
.data_statistics_content .content_item .item_data {
  position: absolute;
  right: 15px;
  line-height: 40px;
  font-size: 2.3rem;
  top: 26px;
}
.data_statistics_content .content_item.sale_achievement .item_data {
  color: #ffbc09;
}
.data_statistics_content .content_item.agent_statistics .item_data {
  color: #21e498;
}
.data_statistics_content .content_item.goods_statistics .item_data {
  color: #4877e6;
}
.data_statistics_content .content_item.achievement_check .item_data {
  text-align: right;
  top: 20px;
}
.data_statistics_content .content_item.achievement_check .item_data img {
  width: 50%;
}

/*个人中心 - 数据统计 - 销售业绩统计*/
.statistics_notice {
  width: 100%;
  height: auto;
  padding: 0 15px;
  line-height: 30px;
  background: #f5f6f6;
  color: #999;
  font-size: 1.4rem;
}
.sale_achievement_top {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px 0;
}
.sale_achievement_top .select_date {
  font-size: 1.6rem;
  color: #333;
  padding: 0 15px;
}
.sale_achievement_top .select_date .iconfont {
  font-size: 1.4rem;
  color: #999;
  position: relative;
  top: 0px;
  margin-left: 5px;
}
.sale_achievement_top .achievement_data_text {
  width: 100%;
  height: auto;
  margin: 13px 0;
  position: relative;
  color: #333;
}
.sale_achievement_top .achievement_data_text label {
  font-size: 1.3rem;
  color: #999;
}
.sale_achievement_top .achievement_data_text .total_achievement {
  margin-bottom: 30px;
}
.sale_achievement_top .achievement_data_text .total_achievement span {
  font-size: 2.8rem;
}
.sale_achievement_top .achievement_data_text .other_achievement span {
  font-size: 2.1rem;
}
.sale_achievement_top
  .achievement_data_text
  .other_achievement
  .achievement_item.reward
  span {
  color: #fda11a;
}
.sale_achievement_top
  .achievement_data_text
  .other_achievement
  .achievement_item.growth_rate
  span {
  color: #fda11a;
}

.achievement_data_display {
  width: 100%;
  height: auto;
  position: relative;
}
.achievement_data_display .display_title {
  width: 100%;
  height: auto;
  position: relative;
  line-height: 40px;
  color: #333;
  font-size: 1.4rem;
  font-weight: 400;
}
.achievement_data_display .display_title .title_text_01 {
  font-weight: bold;
}
.achievement_data_display .display_title .title_text_02 {
  font-size: 1rem;
  color: #999;
}
.achievement_data_display .display_title .title_text_02 span {
  display: inline-block;
  margin-left: 10px;
}
.achievement_data_display .display_title .title_text_02 span i {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 5px;
}
.achievement_data_display .display_title .title_text_02 span.personal i {
  background: #78bfff;
}
.achievement_data_display .display_title .title_text_02 span.team i {
  background: #6ed8ce;
}
.achievement_data_display .display_title .title_text_02 span.total i {
  background: #f7be7b;
}
.achievement_data_display .title_text_03 {
  font-size: 1.3rem;
  color: #999;
  line-height: 30px;
  padding: 0 15px;
}

/*个人中心 - 数据统计 - 业绩核对*/
.achievement_check_list {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 15px;
}
.achievement_check_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 5px 25px -5px rgba(181, 181, 181, 0.67);
  background: #fff;
  line-height: 62px;
  margin-bottom: 10px;
}
.achievement_check_list .list_item.new_data:before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e64340;
}
.achievement_check_list .list_item span {
  font-size: 1.8rem;
  color: #333;
}
.achievement_check_list .list_item label {
  font-size: 1.3rem;
  color: #999;
}
.achievement_check_list .list_item label .iconfont {
  font-size: 1.8rem;
  color: #c9c9c9;
  position: relative;
  top: 3px;
  margin-left: 5px;
}

/*个人中心 - 数据统计 - 业绩核对表*/
.achievement_check_list_table {
  width: 100%;
  height: auto;
  position: relative;
}
.achievement_check_list_table .table_title {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 15px;
  line-height: 44px;
  border-bottom: 1px solid #e7e7e7;
}
.achievement_check_list_table .table_title span {
  font-size: 1.5rem;
  color: #333;
  font-weight: 600;
}
.achievement_check_list_table .table_title label {
  height: 44px;
}
.achievement_check_list_table .table_title label .iconfont {
  font-size: 2.8rem;
  color: #999;
  margin-left: 15px;
  position: relative;
  left: 5px;
}
.table_total_data_list {
  width: 100%;
  height: auto;
  padding: 0 15px;
  position: relative;
}
.table_total_data_list .list_item {
  width: 100%;
  height: auto;
  padding: 22px 5px 22px 5px;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.table_total_data_list .list_item:last-child {
  border-bottom: none;
}
.table_total_data_list .list_item .item_text_01 {
  width: 60%;
  height: auto;
}
.table_total_data_list .list_item .item_text_01 span {
  font-size: 1.7rem;
  color: #333;
  font-weight: 600;
}
.table_total_data_list .list_item .item_text_01 label {
  font-size: 1.3rem;
  color: #999;
}
.table_total_data_list .list_item .item_text_02 {
  width: 40%;
  height: auto;
}
.table_total_data_list .list_item .item_text_02 span {
  font-size: 2.5rem;
  color: #2ba886;
  line-height: 44px;
}

.table_notice {
  font-size: 1.3rem;
  color: #999;
  line-height: 1.8rem;
  padding: 10px 15px;
}

.achievement_check_item_list {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 15px;
  margin-bottom: 60px;
}
.achievement_check_item_list .previous_balance {
  width: 100%;
  height: auto;
  line-height: 46px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 1.6rem;
}
.achievement_check_item_list .previous_balance span {
  position: relative;
  right: 15px;
}
.achievement_check_item_list .list_item {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
}
.achievement_check_item_list .list_item:last-child {
  border-bottom: none;
}
.achievement_check_item_list .list_item .item_left,
.achievement_check_item_list .list_item .item_right {
  width: calc(50% - 8px);
  height: auto;
  position: relative;
}
.achievement_check_item_list .list_item .item_left span,
.achievement_check_item_list .list_item .item_right span {
  font-size: 1.6rem;
  color: #333333;
  line-height: 24px;
}
.achievement_check_item_list .list_item .item_left label,
.achievement_check_item_list .list_item .item_right label {
  font-size: 1.3rem;
  color: #c4c4c4;
}
.achievement_check_item_list .list_item .go_into_detail_bt {
  width: 15px;
  line-height: 44px;
  color: #c9c9c9;
  text-align: right;
}
.achievement_check_item_list .list_item .go_into_detail_bt .iconfont {
  font-size: 1.6rem;
  position: relative;
  left: 4px;
}

.confirm_input_bt {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0;
  line-height: 46px;
}

.sign_box {
  width: 100%;
  padding: 15px;
}
.sign_box .content_title {
  width: 100%;
  line-height: 40px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #000;
}
.sign_box .autograph_board {
  width: calc(100% - 30px);
  height: 320px;
  position: relative;
  background: #eeeeee;
  border-radius: 2px;
  margin: 0 auto 15px auto;
  padding: 1px;
}
.sign_box .autograph_board canvas {
  display: block;
  width: 100%;
  height: 100%;
  background: #eee;
  border: 1px solid #6699cc;
}

/*个人中心 - 数据统计 - 业绩核对说明*/
.achievement_check_complain {
  width: 100%;
  height: auto;
  padding: 15px;
  position: relative;
}
.achievement_check_complain .complain_title {
  width: 100%;
  height: auto;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 15px;
  line-height: 40px;
}
.achievement_check_complain .complain_text {
  width: 100%;
  height: auto;
  font-size: 1.7rem;
  color: #333;
  line-height: 26px;
}
.achievement_check_complain .complain_text p {
  margin-bottom: 10px;
}

/*注册页面*/
.resign_person_img_box {
  width: 100%;
  position: relative;
  overflow-x: hidden;
  margin-bottom: 10px;
}
.resign_person_img {
  text-align: center;
  width: 100%;
  height: 50px;
  background-color: #fdab4a;
  color: #fff;
}
.resign_title {
  line-height: 50px;
  padding: 0 10px;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
}
.resign_content {
  width: 100%;
  height: auto;
}
.resign_content .person_msg_box {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 0 10px;
  box-sizing: border-box;
}
.resign_content .person_msg {
  width: 100%;
  height: auto;
  line-height: 50px;
  color: #555;
  position: relative;
  border-bottom: 1px solid #e1e2e4;
}
.resign_content .name,
.resign_content .address {
  margin-bottom: 10px;
  border-bottom: 0;
}
.resign_content .first_pay {
  border-bottom: 0;
  padding-bottom: 1px;
}
.resign_content .level {
  position: relative;
  z-index: 200;
}
.resign_content .province select#province10,
.resign_content .province select#city10,
.resign_content .province select#district10 {
  width: 26%;
}

.resign_content .person_msg i.iconfont {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: #f0870c;
}
.resign_content .person_msg span.iconfont {
  display: inline-block;
  font-size: 16px;
  color: #bbbbbb;
  float: right;
}
.resign_content .person_msg label {
  display: inline-block;
  color: #333;
}
.resign_content .person_msg input {
  display: inline-block;
  color: #333;
  background-color: transparent;
  text-align: left;
  width: 67%;
  float: right;
  line-height: 50px;
  border: none;
}

.resign_content .person_msg input::-webkit-input-placeholder {
  color: #ccc;
}
.resign_content .person_msg input:-moz-placeholder {
  color: #ccc;
}
.resign_content .person_msg input::-moz-placeholder {
  color: #ccc;
}
.resign_content .person_msg input:-ms-input-placeholder {
  color: #ccc;
}

.resign_content .person_msg textarea::-webkit-input-placeholder {
  color: #ccc;
}
.resign_content .person_msg textarea:-moz-placeholder {
  color: #ccc;
}
.resign_content .person_msg textarea::-moz-placeholder {
  color: #ccc;
}
.resign_content .person_msg textarea:-ms-input-placeholder {
  color: #ccc;
}

.resign_content .person_msg .address_text {
  display: block;
  color: #888;
  background-color: transparent;
  text-align: left;
  width: 70%;
  float: right;
  line-height: 26px;
  margin: 12px 0 15px 0;
  user-modify: read-write;
}
.resign_content .person_msg .address_select {
  display: inline-block;
  color: #888;
  line-height: 50px;
}

.resign_content .person_msg .pay_type {
  width: 70%;
  height: auto;
  float: right;
}
.resign_content .person_msg .pay_type .pay_type_01 {
  border-bottom: 1px solid #e1e2e4;
}
.resign_content .person_msg .pay_type .pay_type_01 b,
.resign_content .person_msg .pay_type .pay_type_02 b {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  float: right;
  margin-top: 15px;
  position: relative;
  background-color: #9c9c9c;
}
.resign_content .person_msg .pay_type .pay_type_01 b:before,
.resign_content .person_msg .pay_type .pay_type_02 b:before {
  content: "";
  width: 9px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 5px;
  left: 4px;
  box-sizing: border-box;
}
.resign_content .person_msg .pay_type .pay_type_01 b.active:before,
.resign_content .person_msg .pay_type .pay_type_02 b.active:before {
  border-left: 1px solid #ee7d54;
  border-bottom: 1px solid #ee7d54;
}
.resign_content .person_msg .pay_type .pay_type_01 b.active,
.resign_content .person_msg .pay_type .pay_type_02 b.active {
  border: 1px solid #ee7d54;
  background: none;
  color: #f0870c;
}
.resign_content .person_msg .upload_img {
  display: none;
  width: 180px;
  margin: 0 auto;
}
.resign_content .person_msg .upload_img img {
  width: 100%;
  height: auto;
  margin: 20px 0;
  box-shadow: 0 0 3px 3px #f1f1f1;
}
.file {
  position: relative;
  display: inline-block;
  background: transparent;
  border: 0;
  overflow: hidden;
  text-decoration: none;
  text-indent: 0;
  line-height: 50px;
  height: 50px;
  cursor: pointer;
}
.resign_content .person_msg .file {
  display: block;
  width: 70%;
  height: 150px;
  border-radius: 10px;
  text-align: center;
  background-color: #e6f4ff;
  border: 1px solid #c4e5ff;
  margin: 0 auto 20px auto;
  position: relative;
}
.resign_content .person_msg .file .iconfont {
  color: #fff;
  font-size: 28px;
  background-color: #858c9e;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 45px 0;
  line-height: 60px;
}
.resign_content .person_msg .notice {
  color: #666;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.resign_content .person_msg .notice a {
  color: #478aeb;
  display: inline-block;
  margin-left: 10px;
  position: relative;
}
.resign_content .person_msg .notice a input {
  width: 120px;
  height: 15px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.resign_content .person_msg .file input {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
.file:hover {
  background: transparent;
  text-decoration: none;
}
.magnify_img {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}
.magnify_img img {
  width: 80%;
  height: auto;
  margin: 10%;
}

.resign_input_bt {
  width: 80%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background-color: #888;
  border-radius: 40px;
  margin: 20px auto;
  text-align: center;
  font-size: 16px;
  letter-spacing: 3px;
  box-shadow: 0 2px 3px -2px #aaa;
}
.resign_input_bt.active {
  background-color: #f0870c;
}

/*屏幕自适应问题*/
@media screen and (max-width: 360px) {
  .mall_index .top_bt {
    margin-top: 15px;
  }
  .exchanged_list .list_item {
    padding: 10px 0;
  }
  .exchanged_list {
    padding-top: 0;
  }
  .exchanged_list .list_item .item_img {
    width: 80px;
    padding: 20px 5px;
  }
  .exchanged_list .list_item .item_text {
    width: calc(100% - 90px);
  }
  .exchanged_list .list_item .item_text .item_state {
    width: 60px;
  }

  /*个人中心*/
  .personal_top .person_text .person_text_02 span {
    margin-left: 10%;
    width: 90%;
  }
  .personal_top.personal_integral {
    margin-bottom: 90px;
  }
}

/*订单 - 确认订单（有赠品）*/
.giveaway_receiver_message {
  position: relative;
  width: 100%;
  height: auto;
}
.giveaway_receiver_message .msg_item {
  position: relative;
  width: 100%;
  height: auto;
  padding: 8px 0;
}
.giveaway_receiver_message .msg_item span {
  width: 80px;
  height: auto;
  display: inline-block;
  line-height: 34px;
  color: #999;
}
.giveaway_receiver_message .msg_item input[type="text"] {
  width: calc(100% - 80px);
  height: auto;
  display: inline-block;
  background-color: #f6f6f6;
  line-height: 34px;
  padding: 0 10px;
  border-radius: 5px;
}
.giveaway_receiver_message .msg_item .areal_select {
  width: calc(100% - 80px);
  height: 34px;
  display: inline-block;
  background-color: #f6f6f6;
  line-height: 34px;
  padding: 0 10px;
  border-radius: 5px;
  float: right;
}
.giveaway_receiver_message .msg_item select {
  width: 31.3%;
  height: 34px;
  display: inline-block;
  background-color: #f6f6f6;
  line-height: 34px;
  border-radius: 5px;
  float: right;
  margin-right: 2%;
}

.order_operate_bt_2 {
  position: absolute;
  top: 14px;
  right: 0;
  width: 40px;
  height: 25px;
  line-height: 23px;
  border-radius: 5px;
  border: 1px solid #c1c1c1;
  margin-left: 10px;
  cursor: pointer;
  text-align: center;
}
.read_order_2 {
  color: #00bb00;
  border: 1px solid #5cbf14;
}

/*2018-10-09 新增样式*/
/*用户注册*/
/*邀请用户升级注册页面*/
.resign_person_img_box {
  width: 100%;
  position: relative;
  background-image: url("/images/personal_top1_bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 30px 0 1px 0;
  background-color: #fff;
}
.resign_person_img_box .company_logo {
  width: 100%;
  position: relative;
  text-align: center;
}
.resign_person_img_box .company_logo img {
  width: 40%;
  position: relative;
}
.resign_person_img_box .resign_person_img {
  text-align: center;
  width: 100%;
  height: 35px;
  color: #fff;
  line-height: 35px;
  font-size: 1.2rem;
  margin-bottom: 50px;
}
.resign_person_img_box .resign_person_img label {
  margin-left: 10px;
  font-size: 1.6rem;
}

.person_msg_box {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.person_msg_box .msg_title {
  width: 100%;
  height: auto;
  line-height: 35px;
  padding: 0 15px;
  box-sizing: border-box;
  color: #999;
  font-size: 1.4rem;
}
.person_msg_box .person_msg {
  width: 100%;
  height: auto;
  line-height: 50px;
  padding: 0 15px;
  color: #333;
  background-color: #fff;
  position: relative;
  border-bottom: 1px solid #f5f6f6;
}
.person_msg_box .person_msg:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.person_msg_box .person_msg:last-child,
.person_msg_box .person_msg.pay_style {
  border-bottom: 0;
}
.person_msg_box .first_pay {
  border-bottom: 0;
  padding-bottom: 1px;
}
.person_msg_box .province select#province10,
.person_msg_box .province select#city10,
.person_msg_box .province select#district10 {
  width: 26%;
}

.person_msg_box .person_msg label {
  display: inline-block;
  margin-right: 10px;
  font-size: 1.5rem;
  float: left;
  width: 80px;
  color: #999;
}
.person_msg_box .person_msg span.iconfont {
  display: inline-block;
  font-size: 16px;
  color: #bbbbbb;
  float: right;
}
.person_msg_box .person_msg input {
  display: inline-block;
  color: #333;
  text-align: left;
  width: calc(100% - 90px);
  float: right;
  line-height: 50px;
  border: none;
  font-size: 1.5rem;
}
.person_msg_box .person_msg textarea {
  display: inline-block;
  color: #333;
  text-align: left;
  width: calc(100% - 90px);
  float: right;
  line-height: 30px;
  border: none;
  font-size: 1.5rem;
  padding: 10px 0;
  height: 100px;
  resize: none;
}
.person_msg_box .person_msg form {
  display: inline-block;
  color: #333;
  text-align: left;
  width: calc(100% - 90px);
  float: right;
  line-height: 50px;
  border: none;
  font-size: 1.5rem;
  position: relative;
}
.person_msg_box .person_msg form span {
  display: block;
  position: relative;
}
.person_msg_box .person_msg form span input {
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  right: 0;
  top: 15px;
  opacity: 0;
  z-index: 2;
}
.person_msg_box .person_msg form span i {
  display: block;
  width: 20px;
  height: 20px;
  float: right;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
  margin-top: 15px;
  position: relative;
}
.person_msg_box .person_msg form span i:after {
  content: "";
  display: block;
  width: 8px;
  height: 4px;
  position: absolute;
  top: 5px;
  left: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
.person_msg_box .person_msg form span input:checked + i {
  background-color: #21d372;
}
.person_msg_box .person_msg i.iconfont {
  position: absolute;
  display: block;
  width: 15px;
  height: auto;
  right: 15px;
  line-height: 50px;
  color: #c9c9c9;
}

.person_msg_box .person_msg form.resign_img_input {
  width: 120px;
  min-height: 84px;
  display: block;
  border-radius: 5px;
  background: #eee;
  margin-top: 15px;
  float: left;
  overflow: hidden;
  margin-bottom: 20px;
}
.person_msg_box .person_msg form input[type="file"] {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 5px;
  background: #eee;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
}
.person_msg_box .person_msg form b.iconfont {
  font-size: 2.4rem;
  -webkit-text-stroke-width: 0;
  z-index: 0;
  position: absolute;
  text-align: center;
  line-height: 80px;
  color: #fff;
  width: 100%;
}
.person_msg_box .person_msg form img {
  width: 100%;
  z-index: 1;
}

.read_agreement {
  width: 100%;
  height: auto;
  padding: 0 15px;
  position: relative;
  line-height: 50px;
  color: #999;
  font-size: 1.2rem;
}
.read_agreement:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.read_agreement span {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: #e5e5e5;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.read_agreement span:after {
  content: "";
  display: block;
  width: 7px;
  height: 3px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  transform: rotate(-45deg);
  position: absolute;
  top: 3px;
  left: 2px;
}
.read_agreement.agreed span:after {
  border-color: #2ba866;
}

.read_agreement label {
  display: inline-block;
  color: #2ba866;
  margin-left: 5px;
  text-decoration: underline;
}
.read_agreement .forget_password {
  float: right;
  color: #c4c4c4;
  font-size: 1.4rem;
}
.read_agreement #agreement_check {
  display: inline-block;
}

.platform_agreement {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.platform_agreement .agreement_content {
  width: calc(100% - 42px);
  height: 80%;
  border-radius: 5px;
  background: #fff;
  padding: 20px;
  overflow: scroll;
  margin: 10% 21px;
  position: relative;
}
.platform_agreement .agreement_content .content_title {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 50px;
  color: #000;
}
.platform_agreement .agreement_content .content_text {
  font-size: 1.7rem;
  line-height: 24px;
  color: #333;
  margin-bottom: 50px;
}
.platform_agreement .agreement_content .i_agreed_bt {
  margin: 0;
  position: fixed;
  top: 80%;
  left: 21px;
  width: calc(100% - 42px);
  z-index: 3;
}

.msg_box1 .person_msg b {
  position: absolute;
  right: 0;
  top: 18px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #5dd039;
  display: none;
}
.msg_box1 .person_msg b:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  width: 9px;
  height: 5px;
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}
.msg_box1 .person_msg span {
  position: absolute;
  right: 0;
  top: -3px;
  display: none;
  color: #fda11a;
  font-size: 1.2rem;
}
.msg_box1 .person_msg span i {
  position: relative;
  display: inline-block;
  background-color: #fda11a;
  color: #fff;
  font-size: 1.2rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 5px;
  top: 0px;
  text-align: center;
  line-height: 14px;
}
.msg_box1 .person_msg span i:before {
  content: "!";
  position: relative;
  display: block;
}

.person_msg_box .person_msg input::-webkit-input-placeholder {
  color: #adadad;
}
.person_msg_box .person_msg input:-moz-placeholder {
  color: #adadad;
}
.person_msg_box .person_msg input::-moz-placeholder {
  color: #adadad;
}
.person_msg_box .person_msg input:-ms-input-placeholder {
  color: #adadad;
}

.person_msg_box .person_msg textarea::-webkit-input-placeholder {
  color: #adadad;
}
.person_msg_box .person_msg textarea:-moz-placeholder {
  color: #adadad;
}
.person_msg_box .person_msg textarea::-moz-placeholder {
  color: #adadad;
}
.person_msg_box .person_msg textarea:-ms-input-placeholder {
  color: #adadad;
}

.person_msg_box .person_msg .address_text {
  display: block;
  color: #333;
  background-color: transparent;
  text-align: left;
  width: calc(100% - 40px);
  float: right;
  line-height: 26px;
  margin: 12px 0 15px 0;
  resize: none;
  height: 80px;
}
.person_msg_box .person_msg .address_select {
  display: inline-block;
  color: #333;
  line-height: 50px;
}
.person_msg_box .person_msg.ensure input {
  display: inline-block;
  line-height: 50px;
  text-align: right;
  width: calc(100% - 80px);
}

.person_msg_box .person_msg .pay_type {
  width: calc(100% - 80px);
  height: auto;
  float: right;
  position: relative;
}
.person_msg_box .person_msg .pay_type .pay_type_item {
  width: 100%;
  height: auto;
  position: relative;
}
.person_msg_box .person_msg .pay_type .pay_type_item input[type="radio"] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 5;
}
.person_msg_box .person_msg .pay_type .pay_type_01 {
  border-bottom: 1px solid #e1e2e4;
}
.person_msg_box .person_msg .pay_type .pay_type_item b {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  float: right;
  margin-top: 15px;
  position: relative;
  background-color: #ccc;
}
.person_msg_box .person_msg .pay_type .pay_type_item b:before {
  content: "";
  width: 9px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 5px;
  left: 4px;
  box-sizing: border-box;
}
.person_msg_box .person_msg .pay_type .pay_type_item input:checked + b:before {
  border-left: 1px solid #ffa726;
  border-bottom: 1px solid #ffa726;
}
.person_msg_box .person_msg .pay_type .pay_type_item input:checked + b {
  border: 1px solid #ffa726;
  background: none;
  color: #ffa726;
}

.person_msg_box .person_msg.ensure_screenShot {
  padding: 1px 0;
}
.person_msg_box .person_msg.ensure_screenShot .input_img_notice {
  text-align: center;
  font-size: 1.2rem;
  color: #ffa726;
  line-height: 24px;
  margin: 10px 0 30px 0;
}
.person_msg_box .person_msg .upload_img {
  display: none;
  width: calc(100% - 30px);
  margin: 0 auto;
}
.person_msg_box .person_msg .upload_img img {
  width: 100%;
  height: auto;
  margin: 10px 0;
  box-shadow: 0 0 3px 2px #f1f1f1;
}
.file {
  position: relative;
  display: inline-block;
  background: transparent;
  border: 0;
  overflow: hidden;
  text-decoration: none;
  text-indent: 0;
  line-height: 50px;
  height: 50px;
  cursor: pointer;
}
.person_msg_box .person_msg .file {
  display: block;
  width: calc(100% - 20px);
  height: 150px;
  border-radius: 5px;
  text-align: center;
  background-color: #f3f5f9;
  margin: 0 auto;
  position: relative;
}
.person_msg_box .person_msg .file .iconfont {
  color: #dddddd;
  font-size: 5.2rem;
  border-radius: 50%;
  margin: 30px 0 15px 0;
}
.person_msg_box .person_msg .notice {
  color: #999;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.person_msg_box .person_msg .re_upload {
  width: calc(100% - 20px);
  height: auto;
  margin: 0 auto;
  margin-bottom: 20px;
}
.person_msg_box .person_msg .re_upload label {
  color: #333;
  position: relative;
}
.person_msg_box .person_msg .re_upload a {
  color: #32a3fa;
  display: inline-block;
  margin-left: 10px;
  position: relative;
}
.person_msg_box .person_msg .re_upload a input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.person_msg_box .person_msg .file input {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
.file:hover {
  background: transparent;
  text-decoration: none;
}
.magnify_img {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}
.magnify_img img {
  width: 80%;
  height: auto;
  margin: 10%;
}

.resign_input_bt {
  width: calc(100% - 20px);
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: #888;
  border-radius: 5px;
  margin: 10px auto 40px auto;
  text-align: center;
  font-size: 16px;
  letter-spacing: 3px;
  box-shadow: 0 2px 3px -2px #aaa;
}
.resign_input_bt.active {
  background-color: #ffa726;
}

/*邀请新用户注册*/
/*.person_msg_box .person_msg.identifying_code{border-bottom: none;}*/
.person_msg_box .person_msg.identifying_code span {
  position: absolute;
  display: block;
  width: 100px;
  line-height: 35px;
  background-color: #5dd039;
  color: #fff;
  top: 8px;
  right: 0px;
  text-align: center;
  border-radius: 5px;
}

.invite_resign_input_bt,
.go_into_pay_bt {
  width: calc(100% - 30px);
  margin: 30px auto;
  border: none;
}
.invite_resign_input_bt.button_bt_gray,
.go_into_pay_bt.button_bt_gray {
  background: #e4e3e4;
  color: #fff;
}

/*用户登录*/
.login_person_img_box {
  width: 100%;
  position: relative;
  padding: 30px 0 10px 0;
  background-color: #fff;
}
.login_person_img_box .company_logo {
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 10px;
}
.login_person_img_box .company_logo img {
  width: 50%;
  position: relative;
}

.login_content {
  width: 100%;
  height: auto;
  padding: 30px 0 50px 0;
  position: relative;
}
.login_content .login_welcome_text {
  width: 100%;
  height: auto;
  line-height: 50px;
  font-size: 2.1rem;
  color: #333;
  padding: 0 20px;
}
.login_content .login_item {
  width: calc(100% - 40px);
  height: auto;
  line-height: 50px;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 auto;
}
.login_content .login_item .iconfont {
  color: #ccc;
  font-size: 2rem;
  -webkit-text-stroke-width: 0;
  position: relative;
  float: right;
}
.login_content .login_item span {
  position: absolute;
  display: block;
  width: 87px;
  line-height: 27px;
  background-color: #2ba866;
  color: #fff;
  bottom: 8px;
  right: 1px;
  text-align: center;
  border-radius: 5px;
  font-size: 1.2rem;
}
.login_content .login_item.time_reduce span {
  color: #adadad;
}
.login_content .login_item.invite_person img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  margin: 10px 15px 10px 0;
  display: inline-block;
}
.login_content .login_item.invite_person em {
  display: inline-block;
  margin-right: 15px;
  font-weight: bold;
}
.login_content .login_item.invite_person label {
  display: inline-block;
}
.login_content .login_item input {
  display: inline-block;
  width: calc(100% - 30px);
  line-height: 30px;
  background-color: transparent;
  color: #333;
  position: relative;
  font-size: 1.8rem;
}

.login_content .login_item input::-webkit-input-placeholder {
  color: #999;
  font-size: 1.4rem;
}
.login_content .login_item input:-moz-placeholder {
  color: #999;
  font-size: 1.4rem;
}
.login_content .login_item input::-moz-placeholder {
  color: #999;
  font-size: 1.4rem;
}
.login_content .login_item input:-ms-input-placeholder {
  color: #999;
  font-size: 1.4rem;
}

.login_content .login_bt {
  width: calc(100% - 30px);
  margin: 30px auto 0 auto;
  height: auto;
  line-height: 50px;
}
.login_content .login_password_bt {
  width: calc(100% - 30px);
  height: auto;
  line-height: 50px;
  margin: 0 auto 30px auto;
  color: #999;
  font-size: 1.5rem;
}
.login_content .identifying_code_notice {
  width: 80%;
  margin: 15px auto 0 auto;
}
.login_type {
  width: 80%;
  height: auto;
  margin: 50px auto;
  color: #999;
  position: relative;
}
.login_type .type_item {
  width: 100px;
  height: 35px;
  position: relative;
  border-radius: 20px;
  line-height: 35px;
  border: 1px solid transparent;
  font-size: 1.2rem;
}
.login_type .type_item.selected {
  color: #ffa726;
  border: 1px solid #ffa726;
}

/*邀请用户升级*/
.upgrade_my_account {
  width: 100%;
  height: auto;
  position: relative;
  color: #999;
  margin-bottom: 30px;
}
.purchase_integral,
.upgrade_purchase_integral {
  color: #999;
  border: 1px solid #ffa726;
  padding: 0 10px;
}
.upgrade_purchase_integral {
  margin-bottom: 35px;
}
.purchase_integral span,
.upgrade_purchase_integral span {
  color: #ffa726;
  font-weight: 600;
}
.content_item.upgrade_img .img_upload .iconfont {
  font-size: 6rem;
  -webkit-text-stroke-width: 0;
}
.downgrade_content .content_item.upload_img.upgrade_content .notice_text span {
  -webkit-text-stroke-width: 0;
}

/*经销商协议*/
.agent_agreement {
  width: 100%;
  height: auto;
  padding: 15px;
}
.agent_agreement .agreement_title {
  width: 100%;
  height: auto;
  line-height: 50px;
  font-size: 1.8rem;
  color: #000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
.agent_agreement .agreement_text {
  width: 100%;
  height: auto;
  line-height: 30px;
  font-size: 1.7rem;
  color: #333;
}
.agree_agent_agreement_bt {
  position: fixed;
  bottom: 15px;
  left: 15px;
  width: calc(100% - 30px);
  font-size: 1.8rem;
}

/*2018-10-10 新增样式*/
/*注册页面*/
.login_top {
  width: 100%;
  height: auto;
  position: relative;
}
.login_top img {
  width: 100%;
}

.login_content1 {
  width: 90%;
  height: auto;
  position: absolute;
  top: 22%;
  left: 5%;
  border-radius: 10px;
  background-color: #fff;
  z-index: 3;
  padding-bottom: 1px;
  overflow: hidden;
  box-shadow: 0 4px 6px 1px #f9f9f9;
}
.login_content1 .nav_menu {
  width: 100%;
  height: 60px;
  line-height: 60px;
  position: relative;
  background-color: #fafafa;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  margin-bottom: 10px;
}
.login_content1 .nav_menu:after {
  content: "";
  display: block;
  clear: both;
}
.login_content1 .nav_menu .nav_bt {
  width: 50%;
  height: 100%;
  float: left;
  text-align: center;
  color: #ccc;
  position: relative;
}
.login_content1 .nav_menu .nav_bt span {
  letter-spacing: 1px;
  -webkit-text-stroke-width: 0px;
  font-size: 1.5rem;
}
.login_content1 .nav_menu .nav_bt input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.login_content1 .nav_menu .nav_bt i {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  bottom: -8px;
  left: calc(50% - 8px);
  transform: rotate(-45deg);
}
.login_content1 .nav_menu .nav_bt input:checked + span {
  color: #666;
}
.login_content1 .nav_menu .nav_bt input:checked + span + i {
  background-color: #fff;
}
.login_content1 #st-scroll {
  width: 100%;
  height: auto;
  padding: 20px 15px;
}
.login_content1 #st-scroll .content_item {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  position: relative;
}
.login_content1 #st-scroll .content_item input[type="text"] {
  width: 100%;
  height: 35px;
  line-height: 35px;
  position: relative;
}
.login_content1 #st-scroll .content_item button {
  width: 40%;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 0;
  top: 8px;
  text-align: right;
  color: #ffa726;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
}
.login_content1 #st-scroll .content_item button:disabled {
  color: #ccc;
}
.login_content1 #st-scroll .login_bt {
  width: 100%;
  position: relative;
  border-radius: 30px;
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin: 40px 0;
}

/*2018-11-20新增样式*/

/*首页*/
#message_box {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
}
.message_box {
  -webkit-animation: message_box_show 0.6s both 0s;
}
.message_box_hide {
  -webkit-animation: message_box_hide 0.6s both 0s;
}
@-webkit-keyframes message_box_hide {
  0% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: -100px;
    opacity: 0;
  }
}
@-webkit-keyframes message_box_show {
  0% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.new_message_notice {
  width: 100%;
  height: auto;
  line-height: 40px;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 0 15px;
  color: #fff;
  position: relative;
  z-index: 21;
  font-size: 1.4rem;
}
.new_message_notice i {
  font-style: normal;
  color: #fda11a;
  margin: 0 3px;
}
.new_message_notice label {
  width: 80px;
  height: auto;
  line-height: 24px;
  border-left: 1px solid #b5b5b5;
  position: absolute;
  right: 0px;
  top: 8px;
  text-align: center;
  font-size: 1.2rem;
}

/*消息中心*/
.system_message_search_box {
  width: 100%;
  height: 45px;
  position: fixed;
  top: 0;
  z-index: 20;
  left: 0;
  background-color: #fff;
  padding: 6px 15px;
}
.system_message_search_box .search_box {
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
  border-radius: 5px;
  padding: 0 10px;
}
.system_message_search_box .search_box:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.system_message_search_box .search_box input {
  width: calc(100% - 30px);
  height: 32px;
  line-height: 32px;
  color: #333;
  font-size: 1.3rem;
  display: block;
  float: left;
  background: transparent;
}
.system_message_search_box .search_box .iconfont {
  font-size: 1.4rem;
  display: block;
  float: left;
  position: relative;
  color: #cbcbcb;
  width: 30px;
  line-height: 32px;
}

.system_message_list {
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
}
.system_message_list .list_item {
  width: 100%;
  margin-bottom: 15px;
  height: auto;
  padding: 15px;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
}
.system_message_list .list_item .text_01 {
  width: 100%;
  height: auto;
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 1.5rem;
  color: #333;
  position: relative;
}
.system_message_list .list_item .text_01 span {
  float: right;
  color: #999;
  font-size: 1.2rem;
}
.system_message_list .list_item .text_01 b {
  position: absolute;
  left: -9px;
  display: block;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.system_message_list .list_item.un_look .text_01 b {
  background-color: #e64340;
}
.system_message_list .list_item .text_02 {
  width: 100%;
  height: auto;
  line-height: 20px;
  color: #999;
  position: relative;
  font-size: 1.2rem;
}
.system_message_list .list_item .text_02 label {
  width: 80%;
  height: 20px;
  overflow: hidden;
}
.system_message_list .list_item .text_02 .iconfont {
  position: absolute;
  right: 0;
  line-height: 20px;
  display: block;
  top: 0;
  font-size: 1.6rem;
  color: #c9c9c9;
}
.system_message_list .list_item .short_message_content {
  width: 100%;
  padding: 10px 0;
  line-height: 24px;
  color: #999;
  font-size: 1.2rem;
  text-indent: 2em;
}

.system_message_top_nav {
  width: 100%;
  position: relative;
  height: auto;
  border-top: 1px solid #fafafa;
  margin: 45px 0 0 0;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
}
.system_message_top_nav:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.system_message_top_nav .nav_bt {
  width: 50%;
  height: auto;
  line-height: 45px;
  text-align: center;
  float: left;
  position: relative;
  font-size: 1.5rem;
}
.system_message_top_nav .nav_bt.active {
  color: #2ba866;
}
.system_message_top_nav .nav_bt.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 5px;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  left: calc(50% - 10px);
  background: #2ba866;
}

/*消息详情*/
.notice_detail_text.system_message_detail {
  color: #555;
}
.notice_detail_text p span {
  color: #999;
  margin-left: 10px;
}

/*2019-04-11 新增样式*/
/*流量中心首页 - 高级别*/
.personal_top.personal_integral.traffic_center {
  padding-bottom: 0;
  margin-bottom: 30px;
}
.personal_integral .my_integral_content.traffic_balance {
  top: 35px;
}

.traffic_apply_list {
  width: 100%;
  height: auto;
  position: relative;
}
.traffic_apply_list .list_title {
  width: 100%;
  height: auto;
  line-height: 25px;
  font-size: 16px;
  font-weight: bolder;
}
.traffic_apply_list .list_item {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 15px;
  position: relative;
}
.traffic_apply_list .list_item .item_img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
}
.traffic_apply_list .list_item .item_img img {
  width: 100%;
}
.traffic_apply_list .list_item .item_text {
  width: calc(100% - 50px);
  height: 40px;
  position: relative;
}
.traffic_apply_list .list_item .item_text .item_name {
  width: calc(100% - 80px);
  position: relative;
  line-height: 20px;
  font-size: 15px;
  font-weight: 600;
}
.traffic_apply_list .list_item .item_text label {
  display: block;
  width: calc(100% - 80px);
  position: relative;
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.traffic_apply_list .list_item .item_text .item_state {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 40px;
  font-size: 15px;
}
.traffic_apply_list .list_item .item_text .item_state span {
  color: #c4c4c4;
}
.traffic_apply_list .list_item.un_audit .item_text .item_state span {
  color: #ffa726;
}
.traffic_apply_list .list_item .item_text .item_state .iconfont {
  color: #c9c9c9;
  display: inline-block;
  font-size: 15px;
}

/*流量中心首页 - 低级别*/
.traffic_history_account {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50px;
  left: 0;
  text-align: center;
}
.traffic_history_account span {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  font-size: 36px;
}
.traffic_history_account label {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
.apply_traffic_bt {
  width: calc(100% - 30px);
  margin: 50px auto;
}

/*申请详情*/
.traffic_apply_content {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 15px;
}
.traffic_apply_content .content_item {
  width: 100%;
  height: auto;
  line-height: 50px;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
  font-size: 15px;
}
.traffic_apply_content .content_item:last-child {
  border-bottom: none;
}
.traffic_apply_content .content_item .item_name {
  width: 90px;
  display: inline-block;
  position: relative;
  color: #999;
}
.traffic_apply_content .content_item .item_text {
  width: calc(100% - 90px);
  display: inline-block;
  position: relative;
  color: #333;
}

.traffic_notice_text {
  width: 100%;
  height: auto;
  padding: 15px;
  font-size: 12px;
  color: #bcbcbc;
}

.traffic_apply_audit_pass_bt {
  width: calc(100% - 30px);
  position: fixed;
  left: 15px;
  bottom: 15px;
  z-index: 10;
}

/*流量申请 - 提交需求*/
/*申请详情*/
.apply_traffic_input_content {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 15px;
  background: #fff;
}
.traffic_input_content_title {
  width: 100%;
  height: auto;
  position: relative;
  line-height: 40px;
  font-size: 14px;
  color: #999;
  padding: 0 15px;
  background: #f5f6f6;
}
.apply_traffic_input_content .content_item {
  width: 100%;
  height: auto;
  line-height: 50px;
  border-bottom: 1px solid #e7e7e7;
  position: relative;
  font-size: 15px;
}
.apply_traffic_input_content .content_item:last-child {
  border-bottom: none;
}
.apply_traffic_input_content .content_item label {
  width: 90px;
  display: inline-block;
  position: relative;
  color: #999;
}
.apply_traffic_input_content .content_item input {
  width: calc(100% - 90px);
  display: inline-block;
  position: relative;
  color: #333;
  background: transparent;
}

.traffic_apply_input_bt {
  width: calc(100% - 30px);
  position: fixed;
  left: 15px;
  bottom: 15px;
  z-index: 10;
}

/*流量充值页面*/
.recharge_bt.mt_100 {
  width: 80%;
  margin: 50px auto;
}

/*2019-04-16 新增样式*/
/*个人中心 - 数据统计 - 业绩和对表*/
.look_achievement_detail {
  width: 80%;
  height: auto;
  line-height: 44px;
  border-radius: 5px;
  text-align: center;
  font-size: 1.7rem;
  background: #fff;
  color: #2ba886;
  font-weight: 400;
  margin: 50px auto 100px auto;
  border: 1px solid #2ba886;
}

/*2019-04-19 更新样式*/
/*个人中心 - 货款余额 - 货款明细*/
.account_balance_top .top_text {
  position: absolute;
  width: 80%;
  height: auto;
  left: 0;
  top: 25px;
  color: #fff;
  padding: 0 15px;
}
.account_balance_top .top_text .text_01 span {
  font-size: 3.27rem;
  margin-bottom: 15px;
}
.account_balance_top .top_text .text_02 span {
  font-size: 1.2rem;
  margin-left: 10px;
}
.account_balance_top .top_text .text_01 label {
  font-size: 1.2rem;
  opacity: 0.7;
  margin-top: 12px;
}
.account_balance_top .top_text .text_02 label {
  font-size: 1.2rem;
}
.account_balance_top .top_text .text_02 {
  opacity: 1;
}
.account_balance_top .recharge_balance_bt {
  position: absolute;
  top: 50px;
  right: 15px;
  width: 57px;
  height: 27px;
  line-height: 27px;
  border-radius: 15px;
  background: #fff;
  color: #2ba866;
  font-size: 1.2rem;
}

/*2019-04-25 更新样式*/
/*个人中心 - 积分*/
.account_balance_top.cash_deposit .top_text {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 25px;
  color: #fff;
}

/*2019-04-28 更新样式*/
/*个人中心 - 流量费充值*/
.recharge_content.traffic_recharge {
  width: calc(100% - 30px);
  height: auto;
  position: absolute;
  background-color: #fff;
  top: 77px;
  left: 15px;
  padding: 20px 20px 30px 20px;
  z-index: 20;
}
.recharge_content.traffic_recharge .content_title {
  width: 100%;
  height: auto;
  position: relative;
  font-size: 1.6rem;
  color: #999;
  margin-bottom: 20px;
}
.recharge_content.traffic_recharge .recharge_number_select {
  width: 100%;
  height: auto;
  position: relative;
  color: #333;
  font-size: 1.8rem;
  line-height: 50px;
  box-shadow: 0 0 15px 2px rgba(181, 181, 181, 0.37);
}
.recharge_content.traffic_recharge .recharge_number_select ul {
  width: 100%;
  height: auto;
  display: none;
  position: relative;
}
.recharge_content.traffic_recharge .recharge_number_select ul.menubaropen {
  display: block;
  transform-origin: 50% 0;
  -webkit-animation: slide-down 0.5s ease-in;
  transition: all 0.3s ease-out;
}
.recharge_content.traffic_recharge .recharge_number_select ul li {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 15px;
}
.recharge_content.traffic_recharge .recharge_number_select .select-title {
  display: block;
  opacity: 1;
  padding: 0 15px;
}
.recharge_content.traffic_recharge
  .recharge_number_select
  .select-title:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #21d372;
  right: 15px;
  top: 15px;
  position: absolute;
}
.recharge_content.traffic_recharge .recharge_number_select .select-title:after {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  right: 20px;
  top: 20px;
}
.recharge_content.traffic_recharge .recharge_number_select ul li.active {
  background: #e64340;
  color: white;
}

@-webkit-keyframes slide-down {
  0% {
    transform: scale(1, 0);
  }
  25% {
    transform: scale(1, 1.2);
  }
  50% {
    transform: scale(1, 0.85);
  }
  75% {
    transform: scale(1, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}

.recharge_top.traffic_center {
  padding-bottom: 0px;
}
.recharge_top.traffic_center .recharge_remarks {
  width: 100%;
  height: auto;
  padding: 0 15px;
  margin-top: 80px;
}
.recharge_top.traffic_center .recharge_remarks input {
  width: 100%;
  height: 40px;
  position: relative;
  display: block;
  color: #333;
  font-size: 1.3rem;
  padding: 10px;
  background: #f7f7f7;
}