@charset "UTF-8";
/*CSS重置*/
body,
html {
  margin: 0;
  padding: 0;
  font-family: "PingFang SC","Helvetica Neue",Helvetica,"Microsoft YaHei","Lantinghei SC",arial,"\5b8b\4f53",sans-serif,tahoma;
  color: #333;
}

input,
textarea {
  font-family: "PingFang SC","Helvetica Neue",Helvetica,"Microsoft YaHei","Lantinghei SC",arial,"\5b8b\4f53",sans-serif,tahoma;
}

body {
  font-size: 14px;
}

body a {
  outline: none;
  text-decoration: none !important;
}

body a:hover {
  color: #338DDE !important;
}
.bg-hui {
    background-color: #f2f2f2;
}

blockquote,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  list-style: none;
}

img {
  border: none;
}

em,
i {
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '';
}

* html .clearfix {
  height: 1%;
}

* + html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
  clear: both;
}

*:focus {
  outline: none;
}

input {
  outline: none;
}

* {
  box-sizing: border-box;
}

input[type="button"],
input[type="number"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
}

textarea {
  -webkit-appearance: none;
  resize: none;
}

.index-swiper .swiper-slide img {
  display: block;
  width: 100%;
}

.index-pagination .swiper-pagination-bullet {
  background: #000;
}

.index-price-filter {
  padding: 15px 0;
  position: relative;
  display: -ms-flex;
  display: flex;
  align-items: center;
}

.index-filter-prev {
  width: 50px;
  text-align: center;
}

.index-filter-prev i {
  font-size: 16px;
}

.index-filter-next {
  width: 50px;
  text-align: center;
}

.index-filter-next i {
  font-size: 16px;
}

.index-filter-swiper .swiper-slide {
  text-align: center;
}

.index-filter-swiper .swiper-slide a {
  background: #e0e6fc;
  border-radius: 1px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 8px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
}

.index-filter-swiper .swiper-slide a:after, .index-filter-swiper .swiper-slide a:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  margin-top: -4px;
}

.index-filter-swiper .swiper-slide a:after {
  left: -4px;
}

.index-filter-swiper .swiper-slide a:before {
  right: -4px;
}

.index-filter-swiper .swiper-slide .color01 {
  background: #e0e6fc;
}

.index-filter-swiper .swiper-slide .color02 {
  background: #fee4b3;
}

.index-filter-swiper .swiper-slide .color03 {
  background: #ffe6e9;
}

.index-filter-swiper .swiper-slide .color04 {
  background: #eefaca;
}

.index-filter-swiper .swiper-slide .color05 {
  background: #fff8cc;
}

.index-filter-swiper .swiper-slide .color01 {
  background: #e0e6fc;
}

.index-nav {
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 0 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.index-nav li {
  width: 20%;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 20px;
}

.index-nav li img {
  width: 100%;
}

.index-nav li .name {
  font-size: 11px;
  font-weight: 400;
  color: #333333;
}

.chilren-special {
  margin-top: 10px;
}

.index-headline {
  text-align: center;
}

.index-headline .title {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-headline .title span {
  font-size: 20px;
  font-weight: bold;
  color: black;
  padding: 0 10px;
}

.index-headline .title:after, .index-headline .title:before {
  content: '';
  display: inline-block;
  height: 2px;
  background: black;
  width: 80px;
}

.index-headline .desc {
  font-size: 13px;
  font-weight: 400;
  color: black;
  opacity: 0.6;
  margin-top: 6px;
}

.index-headline .more {
  margin-top: 2px;
}

.index-headline .more a {
  display: inline-block;
  background: black;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 400;
  color: white;
  padding: 2px 10px;border-radius:5px;
}

.index-headline1 {text-align: center;height:30px;border-bottom:1px solid #d10b3c}
.index-headline1 .title{height:30px;line-height:30px;color:#fff;float:left;margin-left:5px;border-top-left-radius:5px;border-top-right-radius:5px;padding:0px 10px}
.index-headline1 .more{background-color:#efefef;float:right;padding:1px 6px;height:25px;margin-top:3px;line-height:20px;border-top-left-radius:5px;border-top-right-radius:5px;}
.index-headline1 .more a{color:#333;font-size:12px;}

.chilren-special-cartoon {position: relative;}

.chilren-special-cartoon:before {
  content: '';
  position: absolute;
  left: 0;
  top: -15px;
  width: 37px;
  height: 40px;
  background: url("../images/chilren-cartoon1.png") no-repeat center center;
  background-size: 37px auto;
  z-index: 5;
}

.chilren-special-cartoon:after {
  content: '';
  position: absolute;
  right: 0;
  top: -50px;
  width: 37px;
  height: 40px;
  background: url("../images/chilren-cartoon2.png") no-repeat center center;
  background-size: 37px auto;
}

.chilren-special-contents-cartoon {
  position: relative;
}

.chilren-special-contents-cartoon:before {
  content: '';
  position: absolute;
  left: 33%;
  top: 230px;
  width: 50px;
  height: 70px;  
  z-index: 5;
  margin-left: -50px;
}

.chilren-special-list {
  padding: 0 5px;
  margin-top: 25px;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

.chilren-special-list .item {
    width: 33%;
    padding: 0 5px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
}

.chilren-special-list .item-img {
  position: relative;
  height: 135px;
  
}

.chilren-special-list .item-img .product {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.chilren-special-list .item-img .hot {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 19px;

}

.chilren-special-list .item-text {
  margin-top: 10px;
  overflow:hidden;
}

.chilren-special-list .item-text .price {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color:#fafafa;
}

.chilren-special-list .item-text .price b {
  padding-left: 15px;
  background: url("../images/icon/price.png") no-repeat center left;
  background-size: 11px auto;
  font-size: 15px;
  font-weight: bold;
  color: #d10b3c;
}

.chilren-special-list .item-text .price b s {
  color: #292929;
  margin-left: 5px;
  font-weight: 400;
  font-size: 12px;
}

.chilren-special-list .item-text .price span {
  background: url("../images/icon/add.png") no-repeat center left;
  background-size: 13px auto;
  display: block;
  width: 13px;
  height: 13px;
}

.chilren-special-list .item-text .name {
  margin-top: 3px;
}

.chilren-special-list .item-text .name .title {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  height: 30px;
  line-height:15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chilren-special-list .item-text .name .desc {
  font-size: 11px;
  font-weight: 400;
  color: #292929;
  opacity: 0.8;
  margin-top: 3px;
}

.brand-selection {
  margin-top: 10px;
}

.brand-selection-title img {
  display: block;
  width: 100%;
}

.brand-selection-list {
  display: -ms-flex;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 15px 5px;
}

.brand-selection-list .item {
  padding: 0 5px;
}

.brand-selection-list .item img {
  width: 100%;
  box-shadow: 1px 1px 2px 0 rgba(14, 5, 11, 0.2);
}

.brand-selection-list .item-right {
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}

.brand-selection-link {
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 6px;
  margin-top: -10px;
  margin-bottom: 10px;
}

.brand-selection-link li {
  width: 20%;
  padding: 4px;
}

.brand-selection-link li a {
  display: block;
  background: white;
  border: 1px solid #d1d1d1;
}

.brand-selection-link li img {
  width: 100%;
  display: block;
}

.status-page {
    border-radius: 5px;
    margin: -35px 15px 0;
    background-color: #fff;
    display: -ms-flex;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: calc(100% - 58px);
    padding: 30px 13px 50px 13px;
}

.status-page .status-tips {
  width: 142px;
  display: block;
  margin: 0 auto;
}

.status-page .text-tips {
  font-size: 14px;
  font-weight: 400;
  color: black;
  margin-top: 26px;
  text-align: center;
}

.status-page .btn-error {
  margin-top: 55px;
  background: #2a2a2a;
  border-radius: 12px;
  border: none;
  color: #fff;
  padding: 0 65px;
  font-size: 14px;
  line-height: 30px;
}

.status-page .btn-succeed {
  margin-top: 55px;
  background: var(--primary);
  border-radius: 12px;
  border: none;
  color: #fff;
  padding: 0 65px;
  font-size: 14px;
  line-height: 30px;
}


.cart-empty {
  padding: 0 10px;
  position: relative;
}


.cart-empty .bd {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 174px;
  background: white;
  border-radius: 5px 5px 0 0;
  position: relative;
  z-index: 5;
}

.cart-empty .bd img {
  width: 70px;
  display: block;
  margin: 0 auto;
}

.cart-empty .bd p {
  font-size: 13px;
  margin-top: 20px;
  font-weight: 500;
  color: #333333;
}

.mt30 {  margin-top: 30px;}
.mt20 {  margin-top: 20px;}
.mt10 {  margin-top: 10px;}
.mt5 {  margin-top: 5px;}
.pr10{padding-right:10px;}
.pt15{padding-top:15px;}
.pr5{padding-right:5px;}
.pd5{padding:5px;}

.chilren-special-list-border .item-img {
    border: none;
}

.goods-detail-navbar {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 36px;
}

.goods-detail-navbar .back a {
  color: #000 !important;
  display: block;
}

.goods-detail-navbar .back a i {
  margin-right: 5px;
  font-size: 22px;
}

.goods-detail-navbar .cart {
    content: '';
    width: 16px;
    height: 16px;
    background: url("../images/icon/cart.png") no-repeat center center;
    background-size: 16px auto;
    display: block;
}

.goods-detail-desc .goods-detail-price {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
}

.goods-detail-desc .goods-detail-price .price b {
  padding-left: 15px;
  background: url("../images/icon/price.png") no-repeat center left;
  background-size: 11px auto;
  font-size: 15px;
  font-weight: bold;
  color: #d10b3c;
}

.goods-detail-desc .goods-detail-price .price b s {
  color: #292929;
  margin-left: 5px;
  font-weight: 400;
  font-size: 12px;
  opacity: 0.5;
}

.goods-detail-desc .goods-detail-price .integral {
  color: var(--primary);
}

.goods-detail-desc .goods-detail-price .integral span {
  background: #d10b3c;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  padding: 2px;
  line-height: 1;
  margin-right: 5px;
}

.goods-detail-desc {
  padding: 20px 0;
}

.goods-detail-title {
  padding: 8px 23px;
  margin-top: 2px;
}

.goods-detail-title .title {
  font-size: 13px;
  color: black;
  font-weight: bold;
}

.goods-detail-title .desc {
  font-size: 12px;
  color: black;
  opacity: 0.8;
  font-weight: bold;
}

.goods-detail-select {
  border-top: 1px solid #e5e5e5;
}

.goods-detail-select .item {
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 23px;
  font-size: 12px;
  font-weight: bold;
  color: black;
  min-height:40px;
}

.goods-detail-select .item-select a {
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: black !important;
  justify-content: space-between;
}

.goods-detail-contents img {
  display: block;
  width: 100%;
}

.correlation-recommend-title {
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  color: black;
  margin-top: 30px;
}

.correlation-recommend-warp {
  display: -ms-flex;
  display: flex;
  margin-top: 15px;
}

.correlation-swiper .swiper-slide {
  padding: 0 5px;
}

.correlation-swiper .item-img {
  border: 1px solid #cdcdcd;
  position: relative;
  height: 104px;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.correlation-swiper .item-img .product {
  width: 100%;
}

.correlation-swiper .item-text {
  margin-top: 10px;
}

.correlation-swiper .item-text .price {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.correlation-swiper .item-text .price b {
  padding-left: 15px;
  background: url("../images/icon/price.png") no-repeat center left;
  background-size: 11px auto;
  font-size: 15px;
  font-weight: bold;
  color: #d10b3c;
}

.correlation-swiper .item-text .price b s {
  color: #292929;
  margin-left: 5px;
  font-weight: 400;
  font-size: 12px;
}

.correlation-swiper .item-text .price span {
  background: url("../images/icon/add.png") no-repeat center left;
  background-size: 13px auto;
  display: block;
  width: 13px;
  height: 13px;
}

.correlation-swiper .item-text .name {
  margin-top: 3px;
}

.correlation-swiper .item-text .name .title {
  font-size: 13px;
  font-weight: 400;
  color: #292929;
  height: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}

.correlation-swiper .item-text .name .desc {
  font-size: 11px;
  font-weight: 400;
  color: #292929;
  opacity: 0.8;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 12px;
}

.correlation-prev {
  width: 30px;
  text-align: center;
  margin-top: 45px;
}

.correlation-prev i {
  font-size: 16px;
}

.correlation-next {
  width: 30px;
  text-align: center;
  margin-top: 45px;
}

.correlation-next i {
  font-size: 16px;
}

.good-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -ms-flex;
  display: flex;
  align-items: center;
  height: 50px;
  background: #efefef;
  z-index: 999;
}

.good-footer .btnBuy {
  width: 25%;
  height: 50px;
  background: #d10b3c;
  border: none;
  line-height: 50px;
  font-size: 14px;
  font-weight: 400;
  color: white;
  display: block;
  text-align:center;
}

.good-footer .btnBing {
  width: 25%;
  height: 50px;
  background: #356fe8;
  border: none;
  line-height: 50px;
  font-size: 14px;
  font-weight: 400;
  color: white;
  display: block;
  text-align:center;
}

    .good-footer .btnWeixin {
        width: 25%;
        height: 50px;
        background: #0cc833;
        border: none;
        line-height: 50px;
        font-size: 14px;
        font-weight: 400;
        color: white;
        display: block;
        text-align: center;
    }


.good-footer ul {
  display: -ms-flex;
  display: flex;
  align-items: center;
  width: 75%;
}

.good-footer li {
  text-align: center;
  width: 33.33%;
  height: 40px;
  border-right: 1px solid #959595;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.good-footer li:last-child {
  border-right: none;
}

.good-footer li .img {
  display: block;
  width: 17px;
  height: 17px;
  margin: 0 auto;
}

.good-footer li .home {
  background: url("../images/icon/home.png") no-repeat center center;
  background-size: 17px auto;
}

.good-footer li .cart {
  background: url("../images/icon/cart.png") no-repeat center center;
  background-size: 17px auto;
}

.good-footer li .gift {
  background: url("../images/icon/gift.png") no-repeat center center;
  background-size: 17px auto;
}
.good-footer li .cate {
    background: url("../images/icon/category.png") no-repeat center center;
    background-size: 17px auto;
}

.good-footer li .name {
  display: block;
  color: #4d4d4d;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1;
}

.h50 {
  height: 50px;
}

.packet-content {
  padding: 25px;
}

.packet-title {
  font-size: 20px;
  font-weight: 500;
  color: white;
  line-height: 25px;
  text-shadow: 0 0 1px rgba(238, 109, 136, 0.75);
  clear:both;
  height:45px;
}

.shipping-address {
  margin-top: 20px;
  position: relative;
}

 .packet-guide {
  float:right;
  top: -74px;
  z-index:-9;
 
}

 .packet-guide img {
  width: 65px;
}
.packet-ord{
    font-size:12px;color:#efefef;
    overflow:hidden;
}

.shipping-address .bd {
  border-radius: 5px;
  padding: 8px;
  position: relative;
  z-index: 5;
  background: white;
}

.shipping-address .bd a {
  color: #000 !important;
  display: -ms-flex;
  display: flex;
}

.shipping-address .icons {
  margin-right: 5px;
}

.shipping-address .icons i {
  font-size: 20px;
  color: #000;
}

.shipping-address .content {
  flex: 1;
}

.shipping-address .content-user {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shipping-address .content-address {
  margin-top: 5px;
}

.shipping-address .arrow {
  margin-left: 15px;
}

.packet-list-content {
    background: white;
    border-radius: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    z-index: 99;
}

.packet-list-item {
  padding: 5px 8px;
  overflow:hidden;
  width:100%;
}

.packet-list-item a {

}

.packet-list-item .item-thumb {
  width: 100px;
  overflow:hidden;
  float:left;
  padding-top:5px;
}

.packet-list-item .item-thumb img {
  width: 70px;
  margin:auto;
}

.packet-list-item .item-content {
    width: calc(100% - 110px);
    float: left;
    overflow:hidden;
}

.packet-list-item .price {
  font-size:12px;color:#999;
  overflow:hidden;
}
.packet-list-item .price em{display:block;float:left;margin-right:8px;}
.packet-list-item .price input{border:0px;width:40px;text-align:center;color:#d10b3c;font-size:14px;border-bottom:1px solid #efefef;float:left;border-radius:0px;}

.packet-list-item .price .span1 {
    background: url("../images/icon/minus.png") no-repeat center left;
    background-size: 15px auto;
    display:inline-block;
    width: 15px;
    height: 15px;
    float: left;
    margin-top:3px;
}
.packet-list-item .price .span2 {
    background: url("../images/icon/plus.png") no-repeat center left;
    background-size: 15px auto;
    display: inline-block;
    width: 15px;
    height: 15px;
    float: left;
    margin-top:3px;
}

.packet-list-item .name {
    margin-top: 12px;
}

.packet-list-item .name .title {
  font-size: 14px;
  font-weight: 400;
  color: #292929;
  height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}

.packet-list-item .name .desc {
  font-size: 11px;
  font-weight: 400;
  color: #999;
  opacity: 0.8;
  margin-top: 3px;
}

.packet-list-add {
  text-align: center;
  margin-top: 24px;
}

.packet-list-add a {
  display: inline-flex;
  align-items: center;
  height: 26px;
  background: #d10b3c;
  border-radius: 12px;
  color: #fff !important;
  padding: 0 11px;
  line-height: 26px;
}

.packet-list-add a:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/icon/add2.png") no-repeat center center;
  background-size: 12px auto;
  margin-left: 8px;
}

.packet-list-add a:hover {
  color: #fff !important;
}

.packet-blessing {
  display: -ms-flex;
  display: flex;
  background: white;
  border-radius: 5px;
  padding: 8px;
  margin-top: 10px;
  align-items: baseline;
}

.packet-blessing .icons {
  margin-right: 10px;
}

.packet-blessing .icons img {
  width: 16px;
  display: block;
}

.packet-blessing .content {
  flex: 1;
}

.packet-blessing .content .title {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 14px;
}

.packet-blessing .content .title b {
  font-size: 13px;
  font-weight: 500;
  color: black;
}

.packet-blessing .content .title span {
  font-size: 10px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}

.packet-blessing .content .textarea {
  margin-top: 8px;
  height: 80px;
}

.packet-blessing .content .textarea textarea {
  width: 100%;
  border: none;
  height: 60px;
  font-size: 13px;
}

.packet-blessing .content .textarea p {
  font-size: 12px;
}

.packet-blessing .content .text input{border:0px;font-size:14px;color:#399ef5;margin-top:5px;width:85%}

.packet-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    display: -ms-flex;
    display: flex;
    align-items: center;
    height: 50px;
    background: #efefef;
    z-index: 999;
    justify-content: space-between;
    padding: 0 10px;
}

.packet-footer ul {
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.packet-footer li {
  text-align: center;
  height: 50px;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.packet-footer li a {
  padding: 0 8px;
}

.packet-footer li .img {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 auto;
}

.packet-footer li .packet {
  background: url("../images/icon/packet.png") no-repeat center center;
  background-size: 14px auto;
}

.packet-footer li .serve {
  background: url("../images/icon/serve.png") no-repeat center center;
  background-size: 19px auto;
}

.packet-footer li .name {
  display: block;
  color: #4d4d4d;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1;
}

.packet-footer .bd {
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}

.packet-footer .item-price {
  text-align: right;
}

.packet-footer .item-price .price b {
  padding-left: 15px;
  background: url("../images/icon/price.png") no-repeat center left;
  background-size: 11px auto;
  font-size: 15px;
  font-weight: bold;
  color: #d10b3c;
}

.packet-footer .item-price p {
  font-size: 10px;
  font-weight: 400;
  color: #4d4d4d;
}

.packet-footer .item-btn {
  margin-left: 10px;
}

.packet-footer .item-btn a {
  background: #d10b3c;
  border-radius: 20px;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 4px 14px;
  width: 115px;
}

.packet-footer .item-btn a span {
  display: block;
}

.packet-footer .item-btn a .title {
  font-size: 13px;
  font-weight: 400;
  color: white;
  line-height: 14px;
}

.packet-footer .item-btn a .desc {
  font-size: 10px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
}

.dialog-packet-guide {
  background: white;
  border-radius: 5px;
  position: fixed;
  left: 50%;
  top: 50%;
  padding: 25px 36px;
  transform: translate(-50%, -50%);
  width: calc(100% - 72px);
  z-index: 10001;
  display: none;
}

.dialog-packet-guide .close {
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  position: absolute;
  right: 15px;
  top: 15px;
  text-align: center;
  line-height: 20px;
}

.dialog-packet-guide .close i {
  color: #000;
  font-size: 14px;
}

.dialog-packet-guide h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: black;
  line-height: 25px;
  margin-bottom: 30px;
}

.dialog-packet-guide .bd {
  font-size: 13px;
  font-weight: 400;
  color: black;
  line-height: 25px;
}

.dialog-packet-guide .ft {
  margin-top: 30px;
  text-align:center;
}

.dialog-packet-guide .ft img {
  width: 60px;
}

.m-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 1000;
  display: none;
}

.html-packet {
  background: #f194a8 url("../images/package-bg.jpg") no-repeat left top;
  background-size: 100% 100%;
}

.settlement-container {
  margin-top: -150px;
  padding: 0 20px;
}

.user-address-info {
  margin-top: 20px;
  position: relative;
  border-radius: 5px;
  padding: 8px 10px;
  position: relative;
  z-index: 5;
  background: white;
}

.user-address-info a {
  color: #000 !important;
  display: -ms-flex;
  display: flex;
  align-items: center;
}

.user-address-info .icons {
  margin-right: 10px;
  align-self: baseline;
}

.user-address-info .icons i {
  font-size: 24px;
  color: #000;
}

.user-address-info .content {
  flex: 1;
}

.user-address-info .content-user {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  color: black;
}

.user-address-info .content-address {
  margin-top: 5px;
}

.user-address-info .arrow {
  margin-left: 10px;
}

.user-address-info .arrow i {
  font-size: 20px;
  color: #333;
  font-weight: 500;
}
.user-address-info .content-no{line-height:40px;font-size:14px; color:#999;}
.user-address-info .content-no img{width:40px;float:left;margin:0px 10px;}

.user-address-info li{font-size:12px;color:#999;padding:8px 5px;border-bottom:1px dashed #efefef;}
.user-address-info li input{height:32px;line-height:32px;font-size:16px;color:#284bf2;border-radius:5px;width:250px;border:1px solid #ccc;text-indent:10px;}
.user-address-info .tips{font-size:12px;padding-top:8px;margin-left:5px;}
/*地址 end*/

.settlement-shopping-container {
  margin-top: 10px;
  position: relative;
  border-radius: 5px;
  padding: 0 15px;
  position: relative;
  z-index: 5;
  background: white;
}

.settlement-shopping-list-item a {
  display: -ms-flex;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed rgba(66, 62, 46, 0.4);
  padding: 10px 0;
}

.settlement-shopping-list-item:last-child a {
  border-bottom: none;
}

.settlement-shopping-list-item .item-thumb {
  width: 70px;
  margin-right: 10px;
}

.settlement-shopping-list-item .item-thumb img {
  max-width: 100%;
  min-height: 100%;
  display: block;
  margin: 0 auto;
}

.settlement-shopping-list-item .item-content {
  flex: 1;
  overflow: hidden;
}

.settlement-shopping-list-item .item-content .title {
  font-size: 13px;
  font-weight: 400;
  color: #292929;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
}

 .settlement-shopping-list-item .item-content .fix {
    font-size: 12px;
    color: #d10b3c;
    height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1;
    height: 20px;
    line-height: 18px;
}

.settlement-shopping-list-item .item-content .desc {
  font-size: 9px;
  font-weight: 400;
  color: #9999;
  opacity: 0.8;
  margin-top: 3px;
  height:40px;overflow:hidden;
}
.settlement-shopping-list-item .item-content .desc p{
  font-size: 9px;
  font-weight: 400;
  color: #9999;
  opacity: 0.8;
  margin-top: 3px;
}

.settlement-shopping-list-item .item-number {
  font-size: 13px;
  font-weight: 500;
  color: #999999;
}

.settlement-shopping-list-item .item-price {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  margin-left: 10px;
}

.settlement-list-title {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #333333;
}

.settlement-parameter {
  margin-top: 20px;
}

.settlement-parameter-item {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  line-height: 1.2;
}

.settlement-parameter-item .postage-tips {
  text-align: center;
  color: var(--primary);
  margin-left: 10px;
}

.settlement-parameter-item .item-name {
  font-size: 13px;
  font-weight: 400;
  color: black;
  display: -ms-flex;
  display: flex;
  align-items: center;
}

.settlement-parameter-item .item-name .sale-price {
  color: var(--primary);
  margin: 0 5px;
}

.settlement-parameter-item .pay-group {
  display: -ms-flex;
  display: flex;
  align-items: center;
}

.settlement-parameter-item .pay-group div {
  margin-left: 15px;
}

.settlement-parameter-item .item-price a {
  display: -ms-flex;
  display: flex;
  align-items: center;
}

.settlement-parameter-item .item-price span {
  font-size: 12px;
  font-weight: 400;
  color: black;
  opacity: 0.5;
}

.settlement-parameter-item .item-price i {
  color: #000;
}

.settlement-parameter-item .item-discount-coupon {
  height: 18px;
  color: #d10b3c;
  margin-left: 10px;
  padding: 0 5px;
  position: relative;
  background: url("../images/tikect-bg.png") no-repeat left top;
  background-size: 100% 100%;
  font-size: 11px;
  padding: 2px 6px;
  display: -ms-inline-flex;
  display: inline-flex;
}
.settlement-parameter-item ul{width:100%;overflow:hidden;}
.settlement-parameter-item li{padding:8px 0px;border-bottom:1px dashed #ccc;width:100%;overflow:hidden}
.settlement-parameter-item li:last-child{border:0px}
.settlement-parameter .input1{border:1px solid #ccc;height:30px;line-height:30px;border-radius:3px;width:99%;text-indent:5px;margin-bottom:5px;color:#ff6a00}

.settlement-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: #fff;
    z-index: 999;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.settlement-footer .price {
  margin-left: 25px;
  color: #666;
  font-size:12px;
}
.settlement-footer .price em{color:#d10b3c;font-weight:bold;font-size:16px;}

.settlement-footer .submit input {
  width: 138px;
  height: 40px;
  background: #d10b3c;
  display: block;
  border: none;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  border-radius: 0;
}
.settlement-footer .submitA{width:100%;}
.settlement-footer .submitA input{width:100%;background: #d10b3c; height:40px;
  display: block;
  border: none;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  border-radius: 0;}

.gift-open-title {
  height: 40px;
  background: white;
  padding: 0 20px;
  line-height: 40px;
  font-size:12px;color:#999;
}



.gift-open-title  i {
    color: #000;
    margin: 0 5px;
    font-size:15px;
    font-weight:600;
}



.history-open-container {
  padding: 15px 20px;
  height: calc(100% - 40px);
}

.history-open-gift {
  background: #fff;
  margin-top: 10px;
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.history-open-gift .gift {
  height: 200px;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.history-open-gift .gift img {
  max-width: 200px;
  max-height: 100%;
  display: block;
}

.history-open-gift .name {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #010101;
  line-height: 17px;
}

.history-open-gift .btn-status {
  text-align: center;
  margin-top: 70px;
}

.history-open-gift .btn-status button {
  height: 25px;
  background: rgba(69, 69, 69, 0.7);
  border-radius: 12px;
  border: none;
  color: #fff;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 400;
  color: white;
}

.history-toopen-gift {
  background: #fff;
  margin-top: 10px;
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: calc(100% - 128px);
  position: relative;
  overflow: hidden;
}

.history-toopen-gift .open-gift {
  height: calc(100% - 60px);
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:12px;color:#666;
}

.history-toopen-gift .opened-gift {
    height: calc(100% - 60px);
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-toopen-gift  .txtInfo {
    position:absolute;
    bottom:70px;
    width:100%;
    display:block;
    text-align:center;
    margin-top:10px;
    clear:both;
}

.history-toopen-gift .opened-gift .box {
  position: relative;
  width: 100%;
  height: 225px;
}

.history-toopen-gift .opened-gift .box-opened .gift-top {
  width: 120px;
  height: 68px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition: all 0.3s ease 0s;
}

.history-toopen-gift .opened-gift .box-opened .gift-left {
  width: 148px;
  height: 108px;
  position: absolute;
  left: 15px;
  top: 50px;
  transition: all 0.5s ease 0s;
}

.history-toopen-gift .opened-gift .box-opened .gift-right {
  width: 148px;
  height: 108px;
  position: absolute;
  right: 15px;
  top: 40px;
  transition: all 0.5s ease 0s;
}

.history-toopen-gift .opened-gift .box-opened .gift-bottom {
  width: 206px;
  height: 66px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: all 0.3s ease 0s;
}

.history-toopen-gift .opened-gift .box-opened .prize {
  width: 100%;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translateX(-50%);
  text-align: center;
  transition: all 0.3s ease 0s;
}


.history-toopen-gift .opened-gift .box-opened .prize p {
  font-size: 11px;
  line-height: 1;
}

.history-toopen-gift .opened-gift .box-opened .prize-goods {
  height: 80px;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.history-toopen-gift .opened-gift .box-opened .prize-goods img {
  max-width: 90%;
  max-height: 90%;
  display: block;
}

.history-toopen-gift .opened-gift .box-close .gift-top {
  width: 110px;
  height: 68px;
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
  z-index: 5;
}

.history-toopen-gift .opened-gift .box-close .gift-left {
  width: 148px;
  height: 108px;
  position: absolute;
  left: 15px;
  top: 50px;
  transform: scale(0.1);
}

.history-toopen-gift .opened-gift .box-close .gift-right {
  width: 148px;
  height: 108px;
  position: absolute;
  right: 15px;
  top: 40px;
  transform: scale(0.1);
}

.history-toopen-gift .opened-gift .box-close .gift-bottom {
  width: 186px;
  height: 66px;
  position: absolute;
  left: 50%;
  bottom: 75px;
  transform: translateX(-50%);
}

.history-toopen-gift .opened-gift .box-close .prize {
  width: 100%;
  height: 190px;
  position: absolute;
  left: 50%;
  top: 65px;
  transform: translateX(-50%);
  text-align: center;
  transform: scale(0);
}

.history-toopen-gift .opened-gift .box-close .prize img {
  max-width: 100px;
  max-height: 100px;
  display: block;
  margin: 0 auto;
}

.history-toopen-gift .opened-gift .box-close .prize p {
  font-size: 11px;
}

.history-opened-gift .opened-giftG {
    text-align: center;
    font-size: 12px;
    width: 100%;
    border-bottom:2px solid #efefef;
    overflow:hidden;
    padding-bottom:10px;
}
.history-opened-gift .opened-giftG img{margin:auto;}

.history-toopen-gift .gift {
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-toopen-gift .gift img {
  width: 200px;
  display: block;
  margin: 0 auto;
}

.history-toopen-gift .name {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #010101;
  line-height: 17px;
}

.history-toopen-gift .btn-open {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
}

.history-toopen-gift .btn-open button {
  width: 156px;
  height: 30px;
  background: #d10b3c;
  border-radius: 12px;
  border: none;
  font-size: 15px;
  font-weight: 400;
  color: white;
  line-height: 25px;
}

.history-toopen-gift .opened-gift-hide {
  display: none;
}

.caseopen {
  -webkit-animation: mymove 0.35s linear infinite alternate;
          animation: mymove 0.35s linear infinite alternate;
}

@-webkit-keyframes mymove {
  0% {
    transform: rotate(-15deg) scale(1);
    transform-origin: center center;
  }
  50% {
    transform: rotate(0deg) scale(1);
    transform-origin: center center;
  }
  100% {
    transform: rotate(15deg) scale(1);
    transform-origin: center center;
  }
}

@keyframes mymove {
  0% {
    transform: rotate(-15deg) scale(1);
    transform-origin: center center;
  }
  50% {
    transform: rotate(0deg) scale(1);
    transform-origin: center center;
  }
  100% {
    transform: rotate(15deg) scale(1);
    transform-origin: center center;
  }
}

.history-opened-gift {
  background: #fff;
  margin-top: 10px;
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}

.history-opened-gift .opened-gift {
  height: calc(100% - 60px);
}

.history-opened-gift .opened-gift .box {
  position: relative;
  width: 100%;
  height: 225px;
}

.history-opened-gift .opened-gift .box-opened .gift-top {
  width: 120px;
  height: 68px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition: all 0.3s ease 0s;
}

.history-opened-gift .opened-gift .box-opened .gift-left {
  width: 148px;
  height: 108px;
  position: absolute;
  left: 15px;
  top: 50px;
  transition: all 0.5s ease 0s;
}

.history-opened-gift .opened-gift .box-opened .gift-right {
  width: 148px;
  height: 108px;
  position: absolute;
  right: 15px;
  top: 40px;
  transition: all 0.5s ease 0s;
}

.history-opened-gift .opened-gift .box-opened .gift-bottom {
  width: 206px;
  height: 66px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: all 0.3s ease 0s;
}

.history-opened-gift .opened-gift .box-opened .prize {
  width: 100%;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translateX(-50%);
  text-align: center;
  transition: all 0.3s ease 0s;
}

.history-opened-gift .opened-gift .box-opened .prize p {
  font-size: 11px;
  line-height: 1;
}

.history-opened-gift .opened-gift .box-opened .prize-goods {
  height: 80px;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.history-opened-gift .opened-gift .box-opened .prize-goods img {
  max-width: 90%;
  max-height: 90%;
  display: block;
}

.history-opened-gift .gift {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.history-opened-gift .gift img {
  width: 200px;
  display: block;
  margin: 0 auto;
}

.history-opened-gift .name {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #010101;
  line-height: 17px;
}

.history-opened-gift .btn-open {
  text-align: center;
  margin-top: 20px;
}

.history-opened-gift .btn-open button {
  width: 156px;
  height: 34px;
  background: #d10b3c;
  border-radius: 12px;
  border: none;
  font-size: 15px;
  font-weight: 400;
  color: white;
  line-height: 34px;
}

.history-opened-form {
  padding: 0 15px;
}

.history-opened-form .item {
  display: -ms-flex;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(69, 69, 69, 0.5);
}

.history-opened-form .item-name {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 38px;
  opacity: 0.9;
}

.history-opened-form .item-content {
  flex: 1;
}

.history-opened-form .item-content input {
  width: 100%;
  border: none;
  text-align: right;
  color:#1768fb
}

.weui-picker-modal .picker-items {
  text-align: center !important;
}

.history-opened-container {
  padding: 15px 20px;
  background: #f194a8 url("../images/package-bg.jpg") no-repeat left top;
  background-size: 100% 100%;
}


/*spec*/

.specialC-product-recommend {
    display: inline-block;
    align-items: center;
    padding: 20px 5px 0px 5px;
    width: 100%;
    overflow: hidden;
}

.specialC-product-recommend .item {
  width:50%;float:left;
  padding: 0 5px;
  overflow: hidden;
  margin-bottom:8px;
}

.specialC-product-recommend .item-thumb {
  height: 112px;
  background: white;
  border-radius: 5px 5px 0 0;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow:hidden;
}

.specialC-product-recommend .item-thumb .hot {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 15px;
  height: 19px;
  background: url("../images/icon/hot02.png") no-repeat center center;
  background-size: 15px auto;
}

.specialC-product-recommend .item-thumb img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.specialC-product-recommend .item-desc {
    background: rgba(171, 222, 222, 0.5);
    border-radius: 0 0 5px 5px;
    padding: 8px;
    overflow:hidden;
    height:60px
}

.specialC-product-recommend .item-desc .title {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #c70000;
}

.specialC-product-recommend .item-desc .title .icondou {
  font-size: 14px;
}

.specialC-product-recommend .item-desc .title-price {
  font-size: 15px;
  font-weight: bold;
}

.special-product-recommend .item-desc .title-price span i {
  font-size: 12px;
}

.specialC-product-recommend .item-desc .name {
  font-size: 11px;
  font-weight: 400;
  font-weight: 400;
  color: black;
  line-height: 12px;
  height: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
}

.specialC-product-prefecture{}
.specialC-product-prefecture-list {
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 5px;
}

.specialC-product-prefecture-list .item {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 20px;
    position: relative;
    overflow:hidden;
}

.specialC-product-prefecture-list .item-thumb {
  height: 132px;
  background: white;
  border-radius: 5px 5px 0 0;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top:10px;
}



.specialC-product-prefecture-list .item-thumb img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.specialC-product-prefecture-list .item-thumb .tejia {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 19px;
}
.specialC-product-prefecture-list .item-desc {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0 0 5px 5px;
  padding: 8px;
}

.specialC-product-prefecture-list .item-desc .title {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #0E93F0;
}

.specialC-product-prefecture-list .item-desc .title .icondou {
  font-size: 14px;
}

.specialC-product-prefecture-list .item-desc .title s {
  font-size: 11px;
  font-weight: 500;
  text-decoration: line-through;
  color: #292929;
  line-height: 20px;
  opacity: 0.5;
}

.specialC-product-prefecture-list .item-desc .title .icontianjia {
  font-size: 16px;
}

.specialC-product-prefecture-list .item-desc .title-price {
  font-size: 15px;
  font-weight: bold;
}

.specialC-product-prefecture-list .item-desc .title-price span i {
  font-size: 12px;
}

.specialC-product-prefecture-list .item-desc .name {
  margin-top: 10px;
}

.specialC-product-prefecture-list .item-desc .name-title {
  font-size: 12px;
  font-weight: 400;
  color: #292929;
  line-height: 15px;
  height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.specialC-product-prefecture-list .item-desc .name-desc {
  font-size: 10px;
  font-weight: 400;
  color: #292929;
  line-height: 15px;
  opacity: 0.8;
  height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.nodata{width:100%;text-align:center;margin:auto;padding:5px 20px;color:#999;font-size:12px;}
.nodata img{width:32px;}
/*user*/
.User-head {
    height: 150px;
    background: linear-gradient(0deg, #d10b3c, #fc516d);
}
.User-head .bd {
    width: 100%;
    height: 110px;       
    align-items: center;
    padding: 15px 15px;
    color: #fff;
    justify-content: space-between;
}
.User-head .bFace img{ width:80px; height:80px; margin:0 auto; border:2px solid #efefef; border-radius:50%;float:left;background-color:#fff}
.User-head .bName{margin:10px 20px 30px 20px;float:left;}
.User-head .bName span:nth-child(1){font-weight:bold;font-size:18px;}
.User-head .bTool{float:right;}
.User-head .bTool i:nth-child(1){font-size:23px}
.User-head .bTool i:nth-child(2){font-size:23px}
.User-head .bTool i:nth-child(3){font-size:23px}
.User-Ord {background: white;  border-radius: 5px;  padding: 3px 8px;  border-radius: 5px;  margin: -35px 15px 0;}
.User-Ord .bTit{border-bottom:1px dashed #ccc;height:35px;line-height:2px;width:100%;}
.User-Ord .bTit span:nth-child(1) {font-weight:bold;color:#d10b3c;float:left;width:50%;}
.User-Ord .bTit span:nth-child(2) {color:#999;float:right;font-size:14px;width:40%;}
.User-Ord .bTit a{color:#999;font-size:12px;}

.ft40{font-size:35px;color:#999;}
.ft30{font-size:30px;color:#999;}
.ft7{font-size:6px;padding-left:4px;color:#999}
.ft1{font-size:16px}
.ft2{font-size:12px;color:#666;line-height:20px;}
.ft3{font-size:14px;font-weight:500}
.ft4{font-size:13px;color:#000;line-height:20px;}
.ft5{font-size:14px;}
.ft6{color:#999;}
.ft41{color:#d10b3c;font-size:18px;font-weight:500;font-family:黑体,宋体}
.ft42{color:#ff0000;font-size:18px;font-weight:500;font-family:Arial}
.ft43{font-size:30px;color:#999;}
.ft30x{font-size:30px;}
.ft12{font-size:12px;}
.ft18{font-size:18px;}

.ftc1 {color: #d10b3c}
.ftc2{color:#d10b3c}
.ftc3 {color: #fff}
.ftc999 {color: #999}
.ftc4{background: #999; }
.ftc4on{background: #d10b3c; }
.ftc5{color:#62a43c}
.ftc6{color:#000}
.ftc7{color:#ef41d4}
.ft20{font-size:20px;}
.ft30{font-size:30px}



.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w40p {width: 40%;}
.w50p{width:50%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w100p{width:100%;}

.User-Ord .bNav {
    margin: 15px 0px;
    overflow: hidden;
    width:100%;
}
.User-Ord .bNav a{color:#000;font-size:14px;}
.User-Ord .bNav a.on{color:#d10b3c;}
.User-Ord .bNav ul{list-style-type:none;width:100%;}
.User-Ord .bNav li {list-style: none !important; width: 25% !important;    float: left !important;    text-align: center !important;}

.User-FuDou{background: white;  border-radius: 5px;  padding: 20px 8px;  border-radius: 5px;  margin: 10px 15px 0;overflow:hidden;}
.User-FuDou ul{list-style-type:none}
.User-FuDou li{width:25%;float:left;text-align:center;height:60px;font-size:14px;}
.User-FuDou li.last{border-left:1px solid #ccc;padding-top:7px;}
.User-FuDou li:nth-child(1) em:nth-child(1){background: url("../images/icon/price.png") no-repeat center left;background-size: 11px auto;display:inline-block;width:11px;height:11px;margin-right:5px;}
.User-FuDou li:nth-child(1) em:nth-child(2){font-size:22px;}
.User-FuDou li:nth-child(2) em:nth-child(1){font-size:22px;}
.User-FuDou li:nth-child(3) em:nth-child(1){background: url("../images/icon/yhq.png") no-repeat center left;background-size: 12px auto;display:inline-block;width:12px;height:12px;margin-right:5px;}
.User-FuDou li:nth-child(3) em:nth-child(2){font-size:22px;}

.User-Ord .bProd{margin:10px 0px;overflow:hidden;}
.User-Ord .bProd li{width:25%;float:left;}
.User-Ord .bProd .item-thumb{border-right:1px solid #efefef}
.User-Ord .bProd .item-thumb:nth-child(1){border:0px;}
.User-Ord .bProd .item-thumb img{width:70%;margin:auto;}
.User-Ord .bProd .title{font-size:12px;line-height:16px;height:48px;overflow:hidden;margin:14px 0px;width:95%;margin:auto;color:#666}
.User-Ord .bProd .title-price span{color:#000;float:left;text-indent:4px;font-weight:400;font-size:16px;}
.User-Ord .bProd .title-price em{width:30px;height:15px;float:left;display:block;background:url("../images/icon/jifen.png") no-repeat center left;margin:8px 0px 0px 5px;}

/*prod*/
.m-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#7f000000');
    z-index: 999;
    display: none;
}
.product-fixed {
  position: fixed;
  left: 0;
  bottom: -150%;
  width: 100%;
  background: #fff;
  z-index: 1000;
  padding: 15px 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.product-fixed .number {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
  margin-top: 20px;
}

.product-fixed .number-number {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-fixed .number-number em {
  font-size: 18px;
  text-align: center;
}

.product-fixed .number-number i {
  font-size: 18px;
}

.product-fixed .number-number .gray {
  color: #b3b3b3;
}

.product-fixed .number-number input {
  width: 50px;
  border: none;
  text-align: center;
}

.product-fixed .submit {
  margin-top: 10px 0px;
}


.product-fixed .product {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-fixed .thumb {
  margin-top: -25px;
}

.product-fixed .thumb img {  width: 115px;  border-radius: 10px;  border: 1px solid #c8c9ca;  display: block;}

.product-fixed .desc {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 30px 0 20px;
  font-size: 13px;
  line-height: 1.4;
}

.product-fixed .desc-price {}
.product-fixed .desc-price span {  font-size: 12px;  color:#999;}
.product-fixed .desc-price em{
    font-size: 15px;
    color:#d10b3c;
    font-family: Arial;
    font-weight: 500;
    margin-top: 10px;
    margin-left:8px;
    background: url("../images/icon/price.png") no-repeat center left;
    background-size: 11px auto;
    padding-left:15px;
}
.product-fixed .close {  position: absolute;  right: 15px;  top: 10px;}
.product-fixed .close i {  color: #595757;  font-size: 22px;}
.product-fixed-active {  bottom: 0;}

.product-fixed-height {  height: 50px;}
/*取消*/
.product-fixed .cancelReson {
    padding:10px;
    font-size:14px;
    border-bottom:1px dashed #efefef;
}

.product-fixed .cancelReson em{color:#000;font-weight:500;margin-bottom:5px;display:block;}
.product-fixed .card{width:100%;line-height:30px;text-align:center;color:#999;text-align:center}
.product-fixed .card .line1{height:40px;padding:10px 0px;width:80%;margin:auto;text-align:center;margin-bottom:10px;}
.product-fixed .card ul {margin: 15px;clear:both;}
.product-fixed .card li{padding-bottom:8px;}
.product-fixed .card .input1{width:60%;height:30px;line-height:30px;border-radius:5px;font-size:14px; color:#d10b3c;border:1px solid #ccc;text-indent:5px;}

.bg-hui1 {
    background-color: #efefef;
}
.bg-hui {background-color: #f2f2f2;}
.bg-pink {background-color:#f7abab;}
.bg-white{background-color:#fff;}
.blank10{display:block;height:10px;clear:both;}
.blank20{display:block;height:20px;clear:both;}
.blank30{display:block;height:30px;clear:both;}
.blank50{display:block;height:50px;clear:both;}

.boxAddress {
    background: white;
    border-radius: 5px;
    padding: 0 13px;
    border-radius: 5px;
    margin: -35px 15px 0;
    font-size:14px;
}
.boxAddress  a{color:#333;}
.boxAddress .content{width:100%;}
.boxAddress .content em{border-radius: 2px;  color: #fff;  display: inline-block;  padding: 2px;  line-height: 1;  margin-left: 10px;}
.boxAddress .title{width:100%;height:30px}
.boxAddress .title span{margin-left:10px;}
.boxAddress .address{width:100%;}


.shipping-address {padding:0px 0px 30px 0px;}
.shipping-address .tit{text-align:center;color:#d10b3c;font-size:16px;border-bottom:1px solid #efefef;padding:5px;margin-bottom:8px;}
.shipping-address .item {
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px;
    border-bottom: 1px solid #b4b4b5;
}

.shipping-address .name {width: 70px;  line-height: 30px;  color:#999;}

.shipping-address .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.shipping-address .content input[type=text] {  display: block;  width: 100%;  background: none;  height: 30px; padding: 5px 0;  line-height: 20px;  border: none;}
.shipping-address .content input[type=checkbox]{float:left;width:22px;height:22px;}
.shipping-address .content select{height:30px;border-radius:5px;}
.shipping-address .content textarea { display: block;  width: 100%;  height: 50px;  border: none;  padding: 5px 0;  line-height: 20px;}
.fl{float:left}
.fr{float:right}
.co-hui{color:#ccc}
.co-red1{color:#d5385f}
.co-blue1{color:#1041e1}
.co-col1{color:#38b2ac}

.btnA {
  display: block;
  background:#d10b3c;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  text-align: center;
  color: #fff !important;
  width: 60%;
  margin: 0 auto;
  border:0px;
}
.btnB {
  display: block;
  background:#1086f7;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  text-align: center;
  color: #fff !important;
  width: 60%;
  margin: 0 auto;
  border:0px;
}

.orderList {position: relative; padding: 8px 10px;  position: relative;  z-index: 5; overflow:hidden;border-top:1px solid #fafafa;}
.orderList a{color:#666}
.orderList .nav{list-style-type:none;}
.orderList .nav em{font-size: 11px; background-color: #ccc; margin-left: 6px;border-radius: 50%; padding: 2px 5px;color: #333;}
.orderList .nav li{width:24%;float:left;text-align:center;font-size:12px;height:30px;line-height:30px;}
.orderList .nav li.liw1{width:33%;}
.orderList .nav li.on{border-bottom:1px solid #d10b3c;color:#d10b3c;font-weight:bold}
.orderList .nav li.on a{font-size:13px;color:#d10b3c;}

.OrdList{padding:5px 5px;font-size:12px;}
.OrdList li{margin-bottom:10px;background-color:#fff;border-radius:5px;padding:10px;overflow:hidden;}
.OrdList li .pline1C{height:35px;line-height:35px;border-bottom:1px solid #efefef;background-color:#f6cfcf}
.OrdList li .pline1C .p1L{font-size:14px;float:left;}
.OrdList li .pline1C .p1R{font-size:12px;float:right;color:#d10b3c;padding-right:3px;font-family:黑体,宋体}

.OrdList li .pline1{height:35px;border-bottom:1px solid #efefef;}
.OrdList li .pline1 .p1L{font-size:14px;float:left;}
.OrdList li .pline1 .p1R{font-size:12px;float:right;color:#d10b3c;padding-right:3px;font-family:黑体,宋体}
.OrdList li .pline2{height:80px;overflow:hidden;margin:8px 0px 0px 0px;}
.OrdList li .pline2 .pimg{width:75px;height:75px;overflow:hidden;border-radius:5px;float:left;border:1px solid #fafafa;border-radius:5px;}
.OrdList li .pline2 .pimg img{width:75px;}
.OrdList li .pline2 .pname{width:calc(100% - 170px);float:left;margin-left:10px;margin-top:3px;}
.OrdList li .pline2 .pnamet{text-overflow: ellipsis;height:30px;overflow: hidden; white-space: nowrap;font-size:14px;}
.OrdList li .pline2 .pnamet a{color:#333}
.OrdList li .pline2 .pnameimg{margin-top:5px;overflow:hidden;float:left;width:100%;}
.OrdList li .pline2 .pnameimg li{height:35px;width:35px;float:left;margin-right:5px;overflow:hidden;border:1px solid #ccc;text-align:center;}
.OrdList li .pline2 .pnameimg li img{width:140% !important;}
.OrdList li .pline2 .paddress{margin-top:5px;overflow:hidden;float:left;width:100%;margin-left:15px;color:#666}
.OrdList li .pline2 .psl{width:70px;float:right;text-align:right;padding-right:4px;}
.OrdList li .pline3{text-align:right;color:#999;}
.OrdList li .pline3 em{font-family:Arial;color:#d10b3c}
.OrdList li .pline4{padding-right:5px;margin-top:10px;height:30px;text-align:right;}
.OrdList li .pline4 a{display:inline-block;height:28px;line-height:24px;border-radius:8px;border:1px solid #ccc;padding:2px 15px;color:#666;margin-left:10px;float:right;}
.OrdList li .pline4 a.f1{color:#d10b3c}
.OrdList li .pline5{padding:5px 0px;overflow:hidden;line-height:28px;}
.OrdList li .pline5 .btn01{display:block;border:1px solid #b76c4a;background-color:#fafafa;color:#d10b3c;text-align:center;padding:2px 10px;border-radius:5px;margin-top:8px;font-size:14px;}
.OrdList .btn01{display:block;border:1px solid #b76c4a;background-color:#fafafa;color:#d10b3c;text-align:center;padding:2px 5px;border-radius:5px;margin-top:5px;font-size:13px;}
.OrdList .btn02{display:block;border:1px solid #ccc;background-color:#fafafa;color:#666;text-align:center;padding:2px 5px;border-radius:5px;margin-top:8px;font-size:13px;}
.OrdList dl{margin-top:5px;}
.OrdList dd{padding:4px 0px;font-size:13px;}

.boxcomm{border-radius:5px;margin:10px 6px;background-color:white;overflow:hidden;}
.boxcomm .boxcnt{width:100%;padding:10px;overflow:hidden;}
.boxcomm .boxcnt .titC{font-size:13px;margin:0px 0px 4px 0px;color:#999}
.boxcomm .boxcnt .titC img{width:12px;}
.btn-Paywx{width:80%;height:40px;background-color:#2ca43a;color:#fff;text-align:center;margin:auto;border-radius:5px;border:0px;font-size:14px;}
.btn-save{display:block;width:60%;
  height: 28px;
  line-height:28px;
  padding-top:5px;
  background: #d10b3c;
  border-radius: 12px;
  border: none;
  font-size: 15px;
  font-weight: 400;
  color: white;
  line-height: 20px;margin:auto;}
.boder1{border:1px solid #efefef;}

/*feedback*/
.passengers-register {
  padding: 10px 15px;
}




.passengers-register-submit li {
    border-bottom: 1px solid #dddddd;
    height: 45px;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

.passengers-register-submit li input {
border: none;
font-size: 14px;
font-weight: 400;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 20px;
}

.passengers-register-submit li input::-webkit-input-placeholder {
    color: #b9b9b9;
}

.passengers-register-submit li input:-ms-input-placeholder {
    color: #b9b9b9;
}

.passengers-register-submit li input::-ms-input-placeholder {
    color: #b9b9b9;
}

.passengers-register-submit li input::placeholder {
    color: #b9b9b9;
}

    .passengers-register-submit li .sex-tips {
        color: #b9b9b9;
        font-size: 14px;
    }

    .passengers-register-submit li .sex {
        color: #282828;
        font-size: 16px;
        display: -webkit-flex;
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .passengers-register-submit li .sex input {
            display: block;
            text-align: right;
        }

        .passengers-register-submit li .sex i {
            font-size: 20px;
            color: #919191;
            display: block;
        }

.passengers-register-next {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  line-height: 45px;
}
.passengers-register-agreement {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #919191;
  padding: 15px 0;
}

.passengers-register-agreement .icon-tongyi {
  font-size: 18px;
  color: #00cdb2;
  margin-right: 5px;
}

.passengers-register-agreement a {  color: #346FF6 !important;}


.passengers-register-form li {
    border-bottom: 1px solid #dddddd;
    height: 45px;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .passengers-register-form li input {
        border: none;
        font-size: 14px;
        font-weight: 400;
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: 20px;
    }

        .passengers-register-form li input::-webkit-input-placeholder {
            color: #b9b9b9;
        }

        .passengers-register-form li input:-ms-input-placeholder {
            color: #b9b9b9;
        }

.passengers-register-form li input::-ms-input-placeholder { color: #b9b9b9; }

.passengers-register-form li input::placeholder {  color: #b9b9b9; }

    .passengers-register-form li button {
        height: 25px;
        background: #fc5044;
        border-radius: 12px;
        border: none;
        font-size: 14px;
        font-weight: 400;
        color: white;
        padding: 0 12px;
    }

.passengers-register-form li button.on { background: #c9c9c9;}


.feedback-type-textarea {
    margin-top: 10px;
    position: relative;
    border: 2px solid #efefef;
}

.feedback-type-textarea .total {
    position: absolute;
    right: 15px;
    bottom: 10px;
    color: #282828;
    font-weight: 300;
}

.feedback-type-textarea .total .all {color: #B9B9B9; }

.feedback-type-textarea textarea {
    height: 220px;
    background: white;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #b9b9b9;
    line-height: 22px;
    display: block;
    width: 100%;
    border: none;
    padding: 10px 15px;
}
.btn-pink {
  height: 45px;
  background: #ff435e;
  font-size: 16px;
  font-weight: 500;
  color: white;
  line-height: 45px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.btn-pink:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}


.list-img li {
    position: relative;
    margin-right: 10px;
    list-style: none;
}

.list-img img {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.list-img input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100px;
    height: 100px;
    opacity: 0;
}

.list-img i {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background: url(../images/i_del.png) no-repeat center;
    background-size: 100%;
}

.list-img .num {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 12px;
}

.showTip {
    height: 40px;
    background-color: #ef8b8b;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

.boxGift{width:100%;padding:10px;overflow:hidden;}
.boxGift .GiftImg{width:70px;overflow:hidden;border:1px solid #fafafa;border-radius:5px;}
.boxGift .GiftImg img{margin:5px;width:95%;}
.boxGift .GiftInfo{width: calc(100% - 180px);margin-left:15px;margin-top:8px;font-size:12px;line-height:25px;}
.boxGift .GiftInfo1{width: calc(100% - 70px);margin-left:15px;margin-top:8px;font-size:12px;line-height:25px;}
.boxGift .ag1{border:1px solid #ccc;display:block;border-radius:5px;padding:5px;font-size:12px;color:#d10b3c}

.Giftul{width:98%;margin:auto;}
.Giftul li{list-style-type:none;border-bottom:1px dashed #ccc;font-size:12px;color:#666;overflow:hidden;padding:3px 0px;float:left;width:100%;}
.Giftul .line1{width:100%;line-height:23px;height:23px;}
.Giftul .line1 span{width:50%;float:left;}

.boxLoginA { width: 94%;    padding: 10px;    margin: auto;}
.boxLoginA h2{font-size:14px;display:block;margin:20px 0px;color:#333}
.boxLoginA h3{font-size:16px;font-weight:600;display:block;color:#ff6a00}
.boxLoginA ul{list-style-type:none;width:100%;margin:auto}
.boxLoginA li{height:100px;float:left;width:100%;padding:10px;font-size:12px;color:#666;overflow:hidden;}
.boxLoginA img{width:60px;margin:10px 0px 0px 15px;}
.boxLoginA li.l1{border-bottom:1px dashed #ccc;}
.boxLoginA a{color:#d10b3c;}
.boxLoginA .boxInfo{width:100%;padding:20px 0px;font-size:12px;color:#666;clear:both;text-align:center;}

/*品牌*/
.boxBrand{width:100%;padding:10px;overflow:hidden;}
.boxBrand li{width:32%;height:60px;float:left;margin-top:10px;border:1px solid #efefef;margin-right:3px;text-align:center;padding:10px 3px;overflow:hidden;}
.boxBrand li img{margin:auto;}

/*首页品牌*/
.brandIndex{margin:8px 0px;clear:both;width:100%;overflow:hidden}
.brandIndex .tit{height:33px;line-height:33px;overflow:hidden;font-size:16px;width:97%;margin:auto;color:#d10b3c;background-color:#fafafa;}
.brandIndex .tit a{font-size:12px;color:#333}
.brandIndex ul{width:97%;margin:auto;margin-top:10px;}
.brandIndex li{width:33%;float:left;margin-right:1px;margin-bottom:5px;height:130px;overflow:hidden;}
.brandIndex li img{width:98%;margin:auto;}

.boxSrh{margin:6px;overflow:hidden}
.boxSrh span{width:30px;float:left;font-size:12px;color:#999;padding:3px;background-color:#fafafa;margin-bottom:1px;line-height:18px;margin-right:10px;}
.boxSrh em{font-size:12px;background-color:#d10b3c;color:#fff;text-align:center;border-radius:5px;padding:6px 10px;margin-right:5px;cursor:pointer}


.bg1{background-color:#d10b3c;}
.bg2{background-color:#346FF6}
.bg3{background-color:#fe6e49;}
.bg4{background-color:#ad0777;}
.bg5{background-color:#03b522;}

.tableA{width:100%;}
.tableA th{text-align:center;background-color:#efefef;font-size:13px;padding:4px}
.tableA td{font-size:12px;padding:5px 2px;border-bottom:1px dashed #efefef}
.tableA tr.tr1{background-color:#efefef;}

.tabBoxul{width:100%;margin:auto;height:30px;margin-bottom:10px;overflow:hidden;border-bottom:1px solid #d10b3c;}
.tabBoxul ul{height:29px;width:96%;margin:auto;}
.tabBoxul li{width:49%;float:left;text-align:center;font-size:12px;height:29px;line-height:29px;margin-right:1%;}
.tabBoxul li.tabMenuA{background-color:#d10b3c;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;}
.tabBoxul li.tabMenuB{background-color:#efefef;border-top-left-radius:5px;border-top-right-radius:5px;}



/*特价*/
.flag {
    position: absolute;     /*绝对定位*/
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 54px;
    background-color: #FF5722;
    color: #fff;
    font-size:10px;
    z-index:99;
}
.flag-left {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -19px;
    top: 4px;
}



/* music */
@-webkit-keyframes reverseRotataZ {
    0% {
        -webkit-transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(-360deg);
    }
}

@-webkit-keyframes rotataZ {
    0% {
        -webkit-transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
    }
}

#musicControl {
    position: fixed;
    right: 10px;
    top: 50px;
    margin-top: 0;
    display: inline-block;
    z-index: 99999999
}

#musicControl a {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: url('../images/play.png') no-repeat;
    background-size: 100%;
}

    #musicControl a audio {
        width: 100%;
        height: 56px;
    }

    #musicControl a.stop {
        background-position: left bottom;
    }

    #musicControl a.on {
        background-position: 0px 1px;
        -webkit-animation: reverseRotataZ 1.2s linear infinite;
    }

#music_play_filter {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999998;
}


.ChengQuan{list-style-type:none}
.ChengQuan li{padding:10px;border-bottom:1px solid #cfcfcf;}
.line1_tit{height:25px;line-height:25px;font-size:14px;padding:0px 0px 10px 5px;}


.boxOrderTran{border-top:1px dashed #efefef;padding-top:5px;}
.boxOrderTran li{padding:3px 0px;}
.boxOrderTran li span{display:inline-block;margin-right:10px;}
.boxOrderTran li span:last-child{margin-left:20px;color:#d10b3c;background-color:#efefef;padding:3px 5px;border-radius:5px;}
.boxOrderTran li em{background-color:#efefef;border-radius:5px;padding:3px 8px;color:#2f6aa5}

.boxKD100{margin:10px;padding:10px}
.boxKD100{width:98%;overflow:hidden}
.boxKD100 li{list-style:none;position:relative;padding:0 0 20px 25px;line-height:1.3;border-left:1px solid #e9e9e9;color:#999}
.boxKD100 li.first{padding-top:0;border-left:1px solid #e9e9e9}
.boxKD100 i{position:absolute;left:-7px;top:1%;width:14px;height:14px;background-color:#D10b3C;border-radius:50%}
.boxKD100 span{border:0px}
.boxKD100 .time{font-size:12px;color:#888;margin-right:20px;position:relative;top:4px;display:inline-block;vertical-align:middle;width:100%;margin-top:5px}
.boxKD100 .time em{background-color:#efefef;color:#333;padding:3px 10px;text-align:center;font-style:normal;border-radius:5px;margin-left:10px}
.boxKD100 .txt{font-size:13px;color:#333333;max-width:100%;position:relative;top:-4px;display:inline-block;vertical-align:middle}
.boxKD100 .node-icon{background-color:#666666;border-radius:50%}
.boxKD100 .boxError{text-align:center}
.boxKD100 .boxError .tips{width:80px;height:80px;margin:auto;background:url(../images/error-tips.png) no-repeat;background-size:contain}
.boxKD100 .boxError p{text-align:center;color:#999;font-size:16px;display:block;margin-top:10px}


.fc02{color:#eb5f56}
.ft16{font-size:16px;}