.imgtog {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: 4.22srem;
}
.imgtog .list {
  float: left;
  width: 100%;
  height: 4.22rem;
}
.imgtog .list .item {
  float: left;
  width: 100%;
  height: 4.22rem;
}
.imgtog .list .item a {
  width: 100%;
  height: 4.22rem;
}
.imgtog .list .item img {
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 4.22rem;
}
.imgtog .tip {
  width: 100%;
  height: 0.32rem;
  line-height: 0.32rem;
  text-align: center;
  clear: both;
  position: absolute;
  left: 0%;
  bottom: 5%;
  z-index: 12;
  font-size: 0;
}
.imgtog .tip span {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  margin: 0 0.05rem;
  vertical-align: middle;
  border: 2px solid #fff;
  background: transparent;
  border-radius: 100%;
}
.imgtog .tip span.cur {
  width: .16rem;
  height: .16rem;
  background-color: #ffffff;
}
.imgtog.banner {
  height: 4.22rem;
}
.help_banner {
  width: 7.5rem;
  height: 3.12rem;
}
.help_banner .img {
  width: 7.5rem;
  height: 3.12rem;
}
.user_banner {
  width: 7.5rem;
  height: 2.2rem;
  background: #FFFFFF;
}
.user_banner .img {
  width: 7.5rem;
  height: 2.2rem;
}
.walletHead {
  background: url(../images/walletbg.png) no-repeat center center;
  background-size: 100%;
  width: 100%;
  height: 4.4rem;
  position: relative;
}
.walletHead .sumprice {
  text-align: center;
  color: #FFFFFF;
  font-size: .24rem;
  padding-top: 1rem;
}
.walletHead .sumprice p {
  line-height: .24rem;
}
.walletHead .sumprice p i {
  background: url(../images/wallet_read.png) no-repeat;
  background-size: 100%;
  width: .3rem;
  height: .24rem;
  display: inline-block;
  margin-left: 0.1rem;
}
.walletHead .sumprice .price {
  margin-top: .2rem;
  font-size: .8rem;
  height: .6rem;
  line-height: .8rem;
}
.walletHead .bottom {
  background: #dc6b06;
  height: 1.37rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.walletHead .bottom .balance {
  padding: 0.14rem 0.16rem;
}
.walletHead .bottom .balance .available {
  width: 50%;
  border-right: 1px solid #e49f60;
  height: 1.08rem;
  text-align: center;
  position: relative;
}
.walletHead .bottom .balance .available p {
  color: #FFFFFF;
  line-height: 0.34rem;
}
.walletHead .bottom .balance .available .price {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 0.65rem;
  width: 100%;
  text-align: center;
  font-size: .36rem;
}
.walletHead .bottom .balance .freeze {
  width: 50%;
  height: 1.08rem;
  text-align: center;
  position: relative;
}
.walletHead .bottom .balance .freeze p {
  color: #FFFFFF;
  line-height: 0.34rem;
}
.walletHead .bottom .balance .freeze .price {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 0.65rem;
  width: 100%;
  text-align: center;
  font-size: .36rem;
}
.page_img {
  width: 100%;
  height: 4.24rem;
}
.page_img img {
  width: 100%;
  height: 4.24rem;
}
.warpper {
  position: relative;
}
.warpper .indexmenu {
  height: 2.2rem;
  width: 100%;
  background: #ffffff;
}
.warpper .indexmenu .item {
  width: 20%;
  float: left;
  padding-top: .4rem;
  text-align: center;
}
.warpper .indexmenu .item img {
  width: 1.08rem;
  height: 1.08rem;
}
.warpper .indexmenu .item p {
  line-height: 0.72rem;
  font-size: .24rem;
  margin-top: -0.1rem;
  color: #343434;
}
.warpper .indexgame {
  margin-top: .2rem;
  background: #ffffff;
}
.warpper .indexgame .gamehead {
  height: 0.96rem;
  border-bottom: 1px solid #e8e8e8 ;
  line-height: 0.96rem;
}
.warpper .indexgame .gamehead .on {
  float: left;
  width: 50%;
  text-align: center;
  font-size: 0.36rem;
  position: relative;
  height: 0.96rem;
}
.warpper .indexgame .gamehead .on .name {
  line-height: 0.96rem;
  height: 0.96rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.warpper .indexgame .gamehead .on .name span {
  height: 0.64rem;
  display: block;
  border-right: 1px solid #e8e8e8;
  line-height: 0.64rem;
  width: 100%;
}
.warpper .indexgame .gamehead .on.active {
  color: #f37600;
}
.warpper .indexgame .gamehead .on.active .icon {
  position: absolute;
  bottom: 0;
  left: 1.56rem;
  width: 0.64rem;
  display: block;
  height: 3px;
  background: #F37600;
}
.warpper .indexgame .gamelist {
  padding: .2rem 0;
}
.warpper .indexgame .gamelist .row {
  float: left;
  width: 25%;
  text-align: center;
  padding: .2rem 0;
}
.warpper .indexgame .gamelist .row .img {
  height: 1.36rem;
  width: 1.36rem;
}
.warpper .indexgame .gamelist .row p {
  font-size: .24rem;
}
.warpper .latest {
  margin-top: 0.2rem;
  background: #ffffff;
}
.warpper .latest .title {
  height: 0.87rem;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  padding: 0 0.16rem;
}
.warpper .latest .title span {
  border-left: 4px solid #f37600;
  padding-left: .1rem;
  line-height: 0.87rem;
  font-size: .32rem;
  font-weight: bold;
}
.warpper .latest .service {
  padding: 0 0.15rem .2rem 0.15rem;
}
.warpper .latest .service .tips {
  line-height: 0.86rem;
  color: #656565;
  font-size: .26rem;
}
.warpper .latest .service .input {
  height: .88rem;
}
.warpper .latest .service .input .txt {
  float: left;
  width: 5.4rem;
  height: .88rem;
  border: 1px solid #e8e8e8;
  padding: 0 0.1rem;
  font-size: .26rem;
  border-radius: 0;
}
.warpper .latest .service .input .sumbit {
  border: 0;
  width: 1.8rem;
  height: .88rem;
  background: linear-gradient(to right, #f37600, #ff9000);
  font-size: .26rem;
  color: #ffffff;
  float: left;
  border-radius: 0;
}
.warpper .articleindex {
  margin-top: 0.2rem;
  background: #ffffff;
}
.warpper .articleindex .title {
  height: 0.87rem;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  padding: 0 0.16rem;
}
.warpper .articleindex .title span {
  border-left: 4px solid #f37600;
  padding-left: .1rem;
  line-height: 0.87rem;
  font-size: .32rem;
  font-weight: bold;
}
.warpper .articleindex .title .more {
  float: right;
  font-size: 0.24rem;
  color: #343434;
  line-height: 0.88rem;
  font-weight: 500;
}
.warpper .articleindex .actrow {
  border-bottom: 1px solid #E8E8E8;
  display: block;
  width: 7.5rem ;
  height: 1.5rem;
}
.warpper .articleindex .actrow .img {
  padding: 0.2rem 0.16rem;
  width: 2.26rem;
  height: 1.49rem;
}
.warpper .articleindex .actrow .title {
  padding-left: 2.26rem;
  font-size: 0.28rem;
  color: #343434;
  padding-top: 0.2rem;
  line-height: 0.34rem;
  border-bottom: 0;
  padding-right: 0.16rem;
}
.warpper .articleindex .actrow .assist {
  padding-left: 2.26rem;
  color: #B0B0B0;
  padding-top: 0.15rem;
}
.warpper .articleindex .actrow .assist .quantity {
  padding-left: 0.3rem;
}
.warpper .newslist .classification {
  width: 100%;
  height: 0.88rem;
  position: fixed;
  margin-bottom: 0.2rem;
  background: #FFFFFF;
  z-index: 1;
  top: 0.88rem;
  left: 0;
}
.warpper .newslist .classification .classul {
  overflow: hidden;
  width: 100%;
  height: 0.88rem;
  position: relative;
}
.warpper .newslist .classification .classul:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 7.5rem;
  z-index: 201;
  left: 0;
  bottom: 0;
  background: #e8e8e8;
}
.warpper .newslist .classification ul {
  width: 200%;
  height: 0.88rem;
}
.warpper .newslist .classification li {
  line-height: 0.88rem;
  padding: 0 0.24rem;
  float: left;
  font-size: 0.3rem;
  overflow-x: auto;
}
.warpper .newslist .classification li.active {
  color: #F37600;
  position: relative;
}
.warpper .newslist .classification li.active:after {
  content: '';
  position: absolute;
  width: 0.3rem;
  height: 0.03rem;
  background: #F37600;
  bottom: 0;
  left: 34%;
  z-index: 202;
}
.warpper .newslist .classification .classmore {
  width: 0.58rem;
  height: 0.88rem;
  position: absolute;
  top: 0;
  right: 0;
  background: #FFFFFF;
  z-index: 200;
}
.warpper .newslist .classification .classmore i {
  position: absolute;
  top: 0.33rem;
  right: 0.17rem;
  width: 0.24rem;
  height: 0.13rem;
  background: url(../images/tabfirst.png) no-repeat;
  background-size: 0.24rem 0.13rem;
}
.warpper .newslist .classification .classmore .classHidden {
  position: absolute;
  left: -6.92rem;
  top: 0.88rem;
  width: 7.5rem;
  z-index: 300;
  background: #FFFFFF;
}
.warpper .newslist .classification .classmore .classHidden dl {
  padding: 0.14rem 0.16rem 0.2rem 0.16rem;
}
.warpper .newslist .classification .classmore .classHidden dl dt {
  margin-right: 0.26rem;
  width: 1.6rem;
  height: 0.48rem;
  float: left;
  background: #F3F3F3;
  margin-bottom: 0.1rem;
  margin-top: 0.16rem;
  border-radius: 0.2rem;
  text-align: center;
  line-height: 0.48rem;
}
.warpper .newslist .classification .classmore .classHidden dl dt.notr {
  margin-right: 0;
}
.warpper .newslist .classification .classmore .classHidden dl dt.active {
  background: none;
  border: 1px solid #F37600;
  color: #F37600;
  height: 0.46rem;
  line-height: 0.46rem;
}
.warpper .newslist .classification .classmore.active i {
  background: url(../images/tabfirstactive.png) no-repeat;
  background-size: 0.24rem 0.13rem;
}
.warpper .newslist .classification .classmore:after {
  content: '';
  background: url(../images/tabfirstbg.png) no-repeat;
  top: 0rem;
  left: -0.4rem;
  width: 0.4rem;
  height: 0.8rem;
  position: absolute;
  background-size: 0.4rem 0.8rem;
}
.warpper .newslist .classification .newsshadow {
  width: 7.5rem;
  position: fixed;
  left: 0;
  top: 2.56rem;
  z-index: 0;
  background: #000000;
  opacity: 0.4;
}
.warpper .newslist .listrow {
  margin-top: 0.88rem;
}
.warpper .newslist .listrow .actrow {
  border-bottom: 1px solid #E8E8E8;
  display: block;
  width: 7.5rem ;
  height: 1.5rem;
  background: #FFFFFF;
}
.warpper .newslist .listrow .actrow .img {
  padding: 0.2rem 0.16rem;
  width: 2.26rem;
  height: 1.49rem;
}
.warpper .newslist .listrow .actrow .title {
  padding-left: 2.26rem;
  font-size: 0.28rem;
  color: #343434;
  padding-top: 0.2rem;
  line-height: 0.34rem;
  border-bottom: 0;
  padding-right: 0.16rem;
}
.warpper .newslist .listrow .actrow .assist {
  padding-left: 2.26rem;
  color: #B0B0B0;
  padding-top: 0.15rem;
}
.warpper .newslist .listrow .actrow .assist .quantity {
  padding-left: 0.3rem;
}
.warpper .newsdetail .ntitle {
  border-bottom: 1px solid #E8E8E8;
  min-height: 1.37rem;
}
.warpper .newsdetail .ntitle .title {
  padding: 0 0.16rem;
  padding-top: 0.35rem;
  line-height: 0.34rem;
  font-size: 0.32rem;
}
.warpper .newsdetail .ntitle .subdata {
  padding-top: 0.2rem;
}
.warpper .newsdetail .ntitle .subdata .date {
  line-height: 0.37rem;
  color: #AFAFAF ;
  padding-left: 0.16rem;
}
.warpper .newsdetail .ntitle .subdata .read {
  line-height: 0.37rem;
  color: #AFAFAF ;
  padding-left: 0.27rem;
}
.warpper .newsdetail .ncontent {
  padding: 0.2rem 0.16rem;
  line-height: 0.4rem;
}
.warpper .newsdetail .ncontent img {
  max-width: 100%;
}
.warpper .feedback {
  margin-top: 0.2rem;
  background: #ffffff;
}
.warpper .feedback .title {
  height: 0.87rem;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  padding: 0 0.16rem;
}
.warpper .feedback .title span {
  border-left: 4px solid #f37600;
  padding-left: .1rem;
  line-height: 0.87rem;
  font-size: .32rem;
  font-weight: bold;
}
.warpper .feedback .problem .row {
  border-right: 1px solid #e8e8e8;
  float: left;
  width: 2.49rem;
  height: 1.92rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.warpper .feedback .problem .row .img {
  width: .88rem;
  height: .88rem;
  border-radius: .21rem ;
  background: #f1f1f1;
}
.warpper .feedback .problem .row p {
  line-height: .54rem;
  font-size: .26rem;
}
.warpper .feedback .problem .row.on {
  border-right: 0;
}
.warpper .search {
  background: #ffffff;
  padding: 0 .16rem;
  height: 1rem;
  padding-top: .16rem;
  position: relative;
}
.warpper .search .txt {
  width: 6.5rem;
  height: .64rem;
  border: 1px solid #e8e8e8;
  float: left;
  font-size: .24rem;
  border-radius: .32rem;
  padding: 0 .32rem;
}
.warpper .search .onbule {
  border: 1px solid #f37600;
}
.warpper .search i {
  width: .28rem;
  height: .28rem;
  position: absolute;
  top: .35rem;
  right: 1rem;
  background: url(../images/empty.png) no-repeat;
  background-size: 100%;
}
.warpper .search .button {
  border: 0;
  height: .64rem;
  background: #ffffff;
  float: right;
}
.warpper .search .searchlist {
  position: absolute;
  left: 0;
  top: 1rem;
  background: #ffffff;
  z-index: 1;
  min-height: 8rem;
  width: 100%;
}
.warpper .search .searchlist li {
  border-bottom: 1px solid #e8e8e8;
  height: .88rem;
  line-height: .88rem;
  padding: 0 .16rem;
}
.warpper .recent {
  margin-top: .4rem;
  padding: 0 .16rem;
  position: relative;
}
.warpper .recent p {
  line-height: .26rem;
  font-size: .26rem;
  color: #000000;
  padding-bottom: .28rem;
}
.warpper .recent i {
  width: .28rem;
  height: .28rem;
  position: absolute;
  top: 0rem;
  right: .16rem;
  background: url(../images/delete.png) no-repeat;
  background-size: 100%;
}
.warpper .recent .row {
  padding: 0 .2rem;
  height: .5rem;
  background: #ffffff;
  border-radius: .25rem;
  margin-right: .2rem;
  display: block;
  float: left;
  line-height: .5rem;
  margin-bottom: .2rem;
  font-size: .24rem;
}
.warpper .recommended {
  margin-top: .22rem;
  padding: 0 .16rem;
}
.warpper .recommended p {
  line-height: .26rem;
  font-size: .26rem;
  color: #000000;
  padding-bottom: .28rem;
}
.warpper .recommended .row {
  padding: 0 .2rem;
  height: .5rem;
  background: #ffffff;
  border-radius: .25rem;
  margin-right: .2rem;
  display: block;
  float: left;
  line-height: .5rem;
  margin-bottom: .2rem;
  font-size: .24rem;
}
.warpper .gametype {
  background: #ffffff;
  height: .88rem;
  border-bottom: 1px solid #e8e8e8;
  position: fixed;
  top: 0.88rem;
  left: 0;
  z-index: 1;
}
.warpper .gametype .gamename {
  width: 6.92rem;
  overflow: hidden;
  height: .88rem;
  background: url(../images/shadow.png) no-repeat center right;
  float: left;
}
.warpper .gametype .gamename li {
  float: left;
  line-height: .88rem;
  width: 1.69rem;
  text-align: center;
  position: relative;
}
.warpper .gametype .gamename li.active {
  color: #f37600;
}
.warpper .gametype .gamename li.active a {
  color: #f37600;
  display: block;
}
.warpper .gametype .gamename li.active a:after {
  content: '';
  position: absolute;
  width: .3rem;
  height: .03rem;
  bottom: 0;
  background: #F37600;
  left: .64rem;
}
.warpper .gametype .dextro {
  width: .58rem;
  height: .88rem;
  float: left;
  background: url(../images/g_bottom.png) no-repeat center center;
  background-size: .24rem .13rem;
}
.warpper .gametype .dextro.active {
  background: url(../images/tabfirstactive.png) no-repeat center center;
  background-size: .24rem .13rem;
}
.warpper .gametype .classchild {
  position: relative;
}
.warpper .gametype .classchild .slist {
  position: absolute;
  top: 0.88rem;
  left: 0;
  background: #FFFFFF;
  width: 7.5rem;
  padding: 0 0.16rem;
}
.warpper .gametype .classchild .slist a {
  display: block;
  width: 1.6rem;
  height: 0.48rem;
  border-radius: 0.24rem;
  text-align: center;
  line-height: 0.48rem;
  background: #F3F3F3;
  float: left;
  color: #333333;
  margin: 0.2rem 0;
  margin-right: 0.26rem;
}
.warpper .gametype .classchild .slist a:nth-child(4n) {
  margin-right: 0;
}
.warpper .gametype .classchild .slist a.active {
  height: 0.46rem;
  border: 0.01rem solid #f37600;
  background: none;
  color: #f37600;
  line-height: 0.46rem;
}
.warpper .gamesearch {
  margin-top: 0.88rem;
}
.warpper .gamesearch .letter {
  width: 1rem;
  background: #ffffff;
}
.warpper .gamesearch .letter li {
  height: .66rem;
  line-height: .66rem;
  text-align: center;
}
.warpper .gamesearch .letter li.active {
  background: #f1f1f1;
}
.warpper .gamesearch .gameitem {
  padding: .2rem 0;
  width: 6.5rem;
}
.warpper .gamesearch .gameitem .item {
  width: 2.16rem;
  float: left;
  height: 2.18rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.warpper .gamesearch .gameitem .item img {
  width: 1.36rem;
  height: 1.36rem;
}
.warpper .gamesearch .gameitem .item p {
  line-height: .58rem;
  width: 2.16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  padding: 0 0.1rem;
}
.warpper .couponstatus {
  background: #FFFFFF;
  height: .88rem;
  width: 7.5rem;
  position: fixed;
  top: 0.88rem;
  left: 0;
  z-index: 1;
}
.warpper .couponstatus li {
  width: 2.5rem;
  height: .88rem;
  float: left;
  line-height: .88rem;
  font-size: .28rem;
  text-align: center;
  position: relative;
}
.warpper .couponstatus li.active {
  color: #F37600;
}
.warpper .couponstatus li.active:after {
  content: '';
  width: .3rem;
  height: .03rem;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 1.1rem;
  background: #F37600;
}
.warpper .couponlist {
  margin-top: 1.08rem;
}
.warpper .couponlist .unused .notice {
  width: 100%;
  height: 1.08rem;
  position: relative;
  margin-bottom: .2rem;
  padding-left: .69rem;
  line-height: 1.08rem;
  font-size: .3rem;
  color: #000000;
  background: url(../images/horn.png) no-repeat left center;
  background-size: .27rem .26rem;
  background-color: #FFFFFF;
  background-position-x: .21rem;
}
.warpper .couponlist .unused .notice a {
  width: .13rem;
  height: .25rem;
  display: block;
  position: absolute;
  right: .16rem;
  top: .42rem;
  background: url(../images/right.png) no-repeat center center;
  background-size: 100% ;
}
.warpper .couponlist .unused .item {
  background: #FFFFFF;
  height: 2rem;
  position: relative;
  margin: 0 .16rem;
  margin-bottom: .2rem;
}
.warpper .couponlist .unused .item .couponprice {
  width: 2rem;
  height: 2rem;
  float: left;
  background: url(../images/blue.png) no-repeat center center;
  background-size: 100% ;
}
.warpper .couponlist .unused .item .couponprice .price {
  font-size: .6rem;
  color: #ffffff;
  text-align: center;
  line-height: .47rem;
  padding-top: .55rem;
}
.warpper .couponlist .unused .item .couponprice .price span {
  line-height: .47rem;
}
.warpper .couponlist .unused .item .couponprice .price .symbol {
  font-size: .12rem;
  padding-top: .32rem;
  line-height: .15rem;
}
.warpper .couponlist .unused .item .couponprice .conditions {
  line-height: .63rem;
  font-size: .24rem;
  color: #ffffff;
  text-align: center;
}
.warpper .couponlist .unused .item .information {
  padding-left: .28rem;
  float: left;
}
.warpper .couponlist .unused .item .information .coupontitle {
  padding-top: .13rem;
  line-height: .52rem;
  font-size: .3rem;
  color: #000000;
}
.warpper .couponlist .unused .item .information .row {
  line-height: .39rem;
  color: #787878;
}
.warpper .couponlist .unused .item .start {
  position: absolute;
  right: 0;
  top: 0;
  width: .88rem;
  height: .51rem;
  background: url(../images/aboutbegin.png) no-repeat center center;
  background-size: 100% ;
}
.warpper .couponlist .unused .item .expire {
  position: absolute;
  right: 0;
  top: 0;
  width: .88rem;
  height: .51rem;
  background: url(../images/coming.png) no-repeat center center;
  background-size: 100% ;
}
.warpper .couponlist .hasbeen {
  padding: 0 .16rem;
}
.warpper .couponlist .hasbeen .item {
  background: #FFFFFF;
  margin-bottom: .2rem;
  height: 2rem;
  position: relative;
}
.warpper .couponlist .hasbeen .item .couponprice {
  width: 2rem;
  height: 2rem;
  float: left;
  background: url(../images/gray.png) no-repeat center center;
  background-size: 100% ;
}
.warpper .couponlist .hasbeen .item .couponprice .price {
  font-size: .6rem;
  color: #ffffff;
  text-align: center;
  line-height: .47rem;
  padding-top: .55rem;
}
.warpper .couponlist .hasbeen .item .couponprice .price span {
  line-height: .47rem;
}
.warpper .couponlist .hasbeen .item .couponprice .price .symbol {
  font-size: .12rem;
  padding-top: .32rem;
  line-height: .15rem;
}
.warpper .couponlist .hasbeen .item .couponprice .conditions {
  line-height: .63rem;
  font-size: .24rem;
  color: #ffffff;
  text-align: center;
}
.warpper .couponlist .hasbeen .item .information {
  padding-left: .28rem;
  float: left;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 2rem;
  font-size: .3rem;
  color: #afafaf;
}
.warpper .couponlist .hasbeen .item .couple {
  position: absolute;
  right: 0;
  top: 0;
  width: .88rem;
  height: .51rem;
  background: url(../images/couple.png) no-repeat center center;
  background-size: 100% ;
}
.warpper .couponlist .hasbeen .item .has {
  position: absolute;
  right: .79rem;
  top: .39rem;
  width: 1.53rem;
  height: 1.2rem;
  background: url(../images/has.png) no-repeat center center;
  background-size: 1.53rem 1.2rem ;
}
.warpper .couponlist .stale {
  padding: 0 .16rem;
}
.warpper .couponlist .stale .item {
  background: #FFFFFF;
  margin-bottom: .2rem;
  height: 2rem;
  position: relative;
}
.warpper .couponlist .stale .item .couponprice {
  width: 2rem;
  height: 2rem;
  float: left;
  background: url(../images/gray.png) no-repeat center center;
  background-size: 100% ;
}
.warpper .couponlist .stale .item .couponprice .price {
  font-size: .6rem;
  color: #ffffff;
  text-align: center;
  line-height: .47rem;
  padding-top: .55rem;
}
.warpper .couponlist .stale .item .couponprice .price span {
  line-height: .47rem;
}
.warpper .couponlist .stale .item .couponprice .price .symbol {
  font-size: .12rem;
  padding-top: .32rem;
  line-height: .15rem;
}
.warpper .couponlist .stale .item .couponprice .conditions {
  line-height: .63rem;
  font-size: .24rem;
  color: #ffffff;
  text-align: center;
}
.warpper .couponlist .stale .item .information {
  padding-left: .28rem;
  float: left;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 2rem;
  font-size: .3rem;
  color: #afafaf;
}
.warpper .couponlist .stale .item .couple {
  position: absolute;
  right: 0;
  top: 0;
  width: .88rem;
  height: .51rem;
  background: url(../images/couple.png) no-repeat center center;
  background-size: 100% ;
}
.warpper .couponlist .stale .item .expired {
  position: absolute;
  right: .79rem;
  top: .39rem;
  width: 1.53rem;
  height: 1.2rem;
  background: url(../images/expired.png) no-repeat center center;
  background-size: 1.53rem 1.2rem ;
}
.warpper .userlogo {
  width: 7.5rem;
  margin: 0 auto;
  background: #FFFFFF;
  height: 2.26rem;
}
.warpper .userlogo .img {
  border-radius: 1rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -1rem;
  left: 2.75rem;
}
.warpper .userlogo .username {
  padding-top: 1.2rem;
  text-align: center;
  font-size: .3rem;
}
.warpper .userlogo .username i {
  width: .26rem;
  height: .27rem;
  background: url(../images/update.png) no-repeat;
  background-size: 100% ;
  display: inline-flex;
  margin-left: .2rem;
}
.warpper .userlogo .userid {
  text-align: center;
}
.warpper .userlogo .nologin {
  padding-top: 1.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.warpper .userlogo .nologin a {
  width: 1.6rem;
  height: 0.48rem;
  line-height: 0.48rem;
  background: rgba(246, 141, 24, 0.04);
  text-align: center;
  color: #000000;
  border: 1px solid #FDE9D9;
  border-radius: 0.24rem;
}
.warpper .userlogo .nologin a:nth-child(1) {
  margin-right: 0.2rem;
}
.warpper .menuitem {
  background: #FFFFFF;
  padding-left: 0.16rem;
  margin-bottom: .2rem;
}
.warpper .menuitem .item {
  height: 1.08rem;
  display: block;
  width: 100%;
}
.warpper .menuitem .item .img {
  width: .5rem;
  height: 1.08rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.warpper .menuitem .item .img img {
  width: .34rem;
}
.warpper .menuitem .item .row {
  border-bottom: 1px solid #E8E8E8;
  float: right;
  width: 6.76rem;
  height: 1.08rem;
  line-height: 1.08rem;
  font-size: .3rem;
  position: relative;
  color: #000000;
}
.warpper .menuitem .item .row:after {
  content: '';
  position: absolute;
  right: 0.16rem;
  background: url(../images/right.png) no-repeat;
  background-size: 100%;
  width: .13rem;
  height: .25rem;
  top: 0.275rem ;
}
.warpper .payvalidation .pay_tips {
  line-height: .66rem;
  padding-left: .16rem;
  color: #9d9c9c;
}
.warpper .payvalidation .paybutton {
  background: #FFFFFF;
  line-height: .88rem;
  padding: 0 .16rem;
  width: 100%;
  height: .88rem;
}
.warpper .payvalidation .paybutton .header {
  font-size: .28rem;
  color: #000000;
  width: 2.4rem;
  float: left;
}
.warpper .userlist {
  background: #ffffff;
}
.warpper .userlist .item {
  border-bottom: 1px solid #e8e8e8;
  line-height: .88rem;
  height: .88rem;
  width: 100%;
  padding: 0 .16rem;
  display: block;
}
.warpper .userlist .item .name {
  color: #000000;
  font-size: .28rem;
}
.warpper .userlist .item .icon {
  background: url(../images/right.png) no-repeat right center;
  width: .13rem;
  height: .88rem;
  background-size: 100%;
}
.warpper .userinput {
  margin-top: 0.2rem;
  position: relative;
}
.warpper .userinput .input {
  background: #ffffff;
}
.warpper .userinput .input .row {
  border-bottom: 1px solid #e8e8e8;
  line-height: .88rem;
  height: .88rem;
  width: 7.5rem;
  padding: 0 .16rem;
  position: relative;
}
.warpper .userinput .input .row .header {
  float: left;
  width: 1.7rem;
  font-size: .28rem;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.warpper .userinput .input .row .txt {
  height: .86rem;
  border: 0;
  padding: 0 .2rem;
  width: 5.48rem;
  font-size: .28rem;
}
.warpper .userinput .input .row .tocode {
  position: absolute;
  right: .56rem;
  top: .2rem;
  width: 1.4rem;
  height: .48rem;
}
.warpper .userinput .input .row .obtain {
  border: 1px solid #2e9fd3;
  padding: 0 0.1rem;
  border-radius: .05rem;
  position: absolute;
  right: .2rem;
  top: .2rem;
  height: .48rem;
  line-height: .48rem;
  color: #2e9fd3;
}
.warpper .userinput .input .row .verification {
  position: absolute;
  right: 0.16rem;
  top: .2rem;
  width: 1.4rem;
  height: .48rem;
  border: 1px solid #2E9FD3;
  line-height: 0.48rem;
  font-size: 0.24rem;
  text-align: center;
  color: #2E9FD3;
  border-radius: 0.04rem;
}
.warpper .userinput .input .row .refresh {
  position: absolute;
  right: 0.16rem;
  top: .31rem;
  width: 0.28rem;
  height: 0.26rem;
  background: url(../images/refresh.png) no-repeat center center;
  background-size: 100% 100%;
}
.warpper .userinput .input .row .placeholder {
  float: right;
  line-height: 0.88rem;
  color: #CFCFCF;
  font-size: 0.28rem;
  padding-right: 0.32rem;
  width: 5.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.warpper .userinput .input .row .placeholder:after {
  content: '';
  position: absolute;
  right: 0.16rem;
  top: 0.32rem;
  width: 0.13rem;
  height: 0.24rem;
  background: url(../images/productright.png) no-repeat;
  background-size: 0.13rem 0.24rem;
}
.warpper .userinput .input .row .placeholder.selected {
  color: #000000;
}
.warpper .userinput .input .row_1 {
  padding: 0.6rem 0;
  border-bottom: 1px solid #E8E8E8;
  margin: 0 0.16rem;
}
.warpper .userinput .input .row_1 p {
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.26rem;
  padding-bottom: 0.4rem;
}
.warpper .userinput .input .row_1 .positive {
  background: url(../images/positive.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 5.08rem;
  height: 3.5rem;
  position: relative;
}
.warpper .userinput .input .row_1 .reverse {
  background: url(../images/reverse.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 5.08rem;
  height: 3.5rem;
  position: relative;
}
.warpper .userinput .input .row_1 .handheld {
  background: url(../images/handheld.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 4.91rem;
  height: 4.92rem;
  position: relative;
}
.warpper .userinput .input .row_1 .camera:after {
  content: '';
  display: block;
  background: url(../images/filecamera.png) no-repeat center center;
  background-size: 1.4rem 1.4rem;
  width: 100%;
  height: 100%;
  margin: auto;
}
.warpper .userinput .inputPrice {
  height: 2.64rem;
  width: 7.5rem;
  background: #FFFFFF;
  margin-top: 0.2rem;
}
.warpper .userinput .inputPrice .cancarry {
  width: 7.5rem;
  height: 0.88rem;
  padding: 0 0.16rem;
  line-height: 0.88rem;
}
.warpper .userinput .inputPrice .cancarry .price {
  font-size: 0.28rem;
  color: #000000;
}
.warpper .userinput .inputPrice .cancarry .sum {
  font-size: 0.28rem;
  color: #F6901A;
}
.warpper .userinput .inputPrice .tcan {
  padding: 0 0.16rem;
  height: 1.12rem;
  position: relative;
}
.warpper .userinput .inputPrice .tcan span {
  font-size: 0.48rem;
  color: #000000;
  line-height: 1.12rem;
  font-weight: 500;
  font-family: PingFang SC;
}
.warpper .userinput .inputPrice .tcan .txt {
  height: 1.12rem;
  width: 6.6rem;
  border: 0;
  padding: 0 0.1rem;
  font-size: 0.48rem;
}
.warpper .userinput .inputPrice .tcan i {
  background: url(../images/empty.png) no-repeat;
  width: 0.28rem;
  height: 0.28rem;
  background-size: 0.28rem;
  border-radius: 0.14rem;
  position: absolute;
  right: 0.16rem;
  top: 0.42rem;
}
.warpper .userinput .inputPrice .cantpis {
  height: 0.64rem;
  width: 7.5rem;
  color: #9D9C9C;
  padding: 0 0.16rem;
  line-height: 0.64rem;
}
.warpper .userinput .button {
  margin-top: .6rem;
  padding: 0 .16rem;
}
.warpper .userinput .button .sumbit {
  border: 0;
  background: #F37600;
  width: 100%;
  height: .8rem;
  color: #ffffff;
  font-size: .28rem;
  border-radius: .1rem;
}
.warpper .updatepwd .list .s1 {
  position: relative;
}
.warpper .updatepwd .list .s1 .userinput {
  margin-top: 0.66rem;
}
.warpper .updatepwd .list .s1:after {
  content: '请填写真实的身份信息，验证通过后可提现充值';
  position: absolute;
  top: 0.07rem;
  line-height: 0.6rem;
  padding-left: 0.16rem;
  left: 0;
  font-size: 0.24rem;
}
.warpper .updatepwd .list .s2 {
  position: relative;
}
.warpper .updatepwd .list .s2 .userinput {
  margin-top: 0.66rem;
}
.warpper .updatepwd .list .s2:after {
  content: '上传身份证';
  position: absolute;
  top: 0.07rem;
  line-height: 0.6rem;
  padding-left: 0.16rem;
  left: 0;
  font-size: 0.24rem;
}
.warpper .userinput.uwtips {
  margin-top: 0.66rem;
}
.warpper .userinput.uwtips:after {
  content: '支付宝绑定信息与身份证信息一致才能提现';
  position: absolute;
  top: -0.6rem;
  line-height: 0.6rem;
  padding-left: 0.16rem;
  left: 0;
}
.warpper .withdrawa_status .s_cont {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  padding: 0.6rem 0;
  border-bottom: 1px solid #E8E8E8;
  margin: 0 0.48rem;
}
.warpper .withdrawa_status .s_cont p {
  color: #000000;
  font-size: 0.32rem;
  padding-top: 0.4rem;
  line-height: 0.3rem;
}
.warpper .withdrawa_status .w_cont {
  padding: 0.45rem 0;
}
.warpper .withdrawa_status .w_cont .item {
  width: 7.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  padding: 0 0.16rem;
}
.warpper .withdrawa_status .w_cont .item .hand {
  float: left;
  padding-left: 0.3rem;
  width: 1.65rem;
  color: #9D9C9C;
}
.warpper .withdrawa_status .w_cont .item .handdata {
  float: left;
  color: #000000;
}
.warpper .withdrawa_status .b_cont {
  margin-top: .6rem;
  padding: 0 .16rem;
}
.warpper .withdrawa_status .b_cont .sumbit {
  border: 0;
  background: linear-gradient(to right, #f6901a, #f37600);
  width: 100%;
  height: .8rem;
  color: #ffffff;
  font-size: .28rem;
  border-radius: .1rem;
}
.warpper .consequence {
  padding-top: 1.48rem;
  text-align: center;
}
.warpper .consequence img {
  width: 2.66rem;
}
.warpper .consequence .contitle {
  font-size: 0.32rem;
  padding-top: 0.3rem;
  color: #000000;
}
.warpper .consequence .constatus {
  font-size: 0.26rem;
  color: #000000;
  padding-top: 0.2rem;
}
.warpper .consequence .conwhy {
  font-size: 0.26rem;
  padding-top: 0.2rem;
}
.warpper .consequence .conbtn {
  padding: 0 0.16rem;
  padding-top: 0.6rem;
}
.warpper .consequence .conbtn .consumbit {
  width: 100%;
  display: block;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  color: #FEFEFE;
  background: #F6901A;
  border-radius: 0.1rem;
  font-size: 0.28rem;
}
.warpper .help_menu {
  position: inherit;
  left: 0;
  top: -0.2rem;
  border-top-right-radius: .18rem;
  border-top-left-radius: .18rem;
  background: #ffffff;
  width: 7.5rem;
  height: 2.5rem;
}
.warpper .help_menu .item {
  float: left;
  width: 2.5rem;
  height: 2.5rem;
}
.warpper .help_menu .item a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.warpper .help_menu .item a p {
  line-height: .7rem;
  font-size: 0.26rem;
  color: #343434;
}
.warpper .help_menu .item.kf img,
.warpper .help_menu .item.ts img {
  width: 0.57rem;
  height: 0.56rem;
}
.warpper .help_menu .item.bug img {
  width: 0.44rem;
  height: 0.58rem;
}
.warpper .help_row {
  background: #FFFFFF;
  margin-top: .2rem;
}
.warpper .help_row .help_title {
  height: .88rem;
  padding: 0 0.16rem;
  line-height: .88rem;
  border-bottom: 1px solid #e8e8e8;
}
.warpper .help_row .help_title span {
  border-left: 3px solid #f37600;
  font-size: .32rem;
  font-weight: 600;
  padding-left: .1rem;
}
.warpper .help_row .row {
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.warpper .help_row .row .row_title {
  width: 1.86rem;
  height: 100%;
  text-align: center;
}
.warpper .help_row .row .row_title img {
  width: .64rem;
  height: .64rem;
}
.warpper .help_row .row .row_title p {
  line-height: .65rem;
  color: #000000;
}
.warpper .help_row .row .row_item {
  width: 5.64rem;
}
.warpper .help_row .row .row_item .item {
  height: .8rem;
  width: 5.64rem;
  line-height: .8rem;
  border-bottom: 1px solid #e8e8e8;
}
.warpper .help_row .row .row_item .item a {
  display: block;
  width: 5.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000;
}
.warpper .help_row .row .row_item .item.move a {
  color: #407bc2;
}
.warpper .help_row .row .row_item .item.nb {
  border-bottom: 0px;
}
.warpper .helplist {
  background: #FFFFFF;
  padding-left: .16rem;
}
.warpper .helplist .item {
  display: block;
  width: 7.34rem;
  border-bottom: 1px solid #e8e8e8;
  height: .88rem;
  line-height: .88rem;
  color: #000000;
  position: relative;
}
.warpper .helplist .item:after {
  content: '';
  position: absolute;
  top: .32rem;
  right: .16rem;
  background: url(../images/right.png) no-repeat;
  width: .13rem;
  height: .24rem;
  background-size: 100% ;
}
.warpper .helpdetail {
  background: #FFFFFF;
  margin: .16rem;
}
.warpper .helpdetail .title {
  line-height: .88rem;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
  font-size: .28rem;
}
.warpper .helpdetail .content {
  padding: .3rem .2rem;
  line-height: .4rem;
  font-size: .24rem;
}
.warpper .helpdetail .content img {
  max-width: 100% !important;
}
.warpper .sugg {
  padding: 0.2rem 0.16rem;
}
.warpper .sugg .item {
  background: #ffffff;
  width: 100%;
  height: 0.88rem;
  margin-bottom: 0.2rem;
  border-radius: .1rem;
}
.warpper .sugg .item .txt {
  width: 100%;
  height: 0.88rem;
  border: 0;
  padding: 0 .2rem;
  font-size: .28rem;
}
.warpper .sugg .item .textarea {
  height: 2.4rem;
  line-height: .44rem;
  padding: 0.2rem 0.2rem;
  width: 100%;
  resize: none;
  border: 0;
  font-size: .28rem;
}
.warpper .sugg .item_1 {
  height: 2.4rem;
}
.warpper .sugg .button {
  margin-top: .4rem;
  width: 100%;
  height: 0.88rem;
}
.warpper .sugg .button .sumbit {
  width: 100%;
  height: 0.88rem;
  color: #FFFFFF;
  background: #f6901a;
  border: 0;
  border-radius: .1rem;
  font-size: .28rem;
}
.warpper .orderstatus {
  background: #FFFFFF;
  height: 0.8rem;
  position: fixed;
  top: 0.88rem;
  width: 7.5rem;
  left: 0;
  z-index: 1;
}
.warpper .orderstatus li {
  float: left;
  width: 20%;
  text-align: center;
  line-height: 0.8rem;
  font-size: .28rem;
  position: relative;
}
.warpper .orderstatus li.active {
  color: #F37600;
}
.warpper .orderstatus li.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  background: #f37600;
  width: .3rem;
  border-radius: 1px;
  left: .6rem;
}
.warpper .order {
  padding: 0 0.16rem;
  margin-top: 1rem;
}
.warpper .order .available {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 6.7rem;
}
.warpper .order .available img {
  width: 2rem;
}
.warpper .order .available p {
  line-height: .8rem;
  font-size: .28rem;
  color: #888888;
}
.warpper .order .item {
  background: #FFFFFF;
  border-radius: .1rem;
  margin-top: .2rem;
}
.warpper .order .item .store {
  height: 0.72rem;
  line-height: 0.72rem;
  font-size: 0.24rem;
}
.warpper .order .item .store .storename {
  padding-left: .53rem;
  padding-right: .34rem;
  position: relative;
}
.warpper .order .item .store .storename:after {
  content: '';
  left: 0.16rem;
  background: url(../images/store.png) no-repeat;
  top: 0.21rem;
  width: 0.28rem;
  height: 0.26rem;
  position: absolute;
  background-size: 100% ;
}
.warpper .order .item .store .storename:before {
  content: '';
  right: 0;
  background: url(../images/right.png) no-repeat;
  width: 0.13rem;
  height: .25rem;
  top: 0.23rem;
  position: absolute;
  background-size: 100% ;
}
.warpper .order .item .store .statusname {
  padding-right: 0.16rem;
  color: #F37600;
}
.warpper .order .item .product {
  background: #f7f7f7;
  margin: 0 .16rem;
  padding: 0.2rem 0 0.2rem 0.2rem;
}
.warpper .order .item .product .img {
  width: 1.8rem;
  height: 1.6rem;
}
.warpper .order .item .product .img img {
  width: 1.6rem;
  height: 1.6rem;
}
.warpper .order .item .product .productInfo {
  width: 4.7rem;
}
.warpper .order .item .product .productInfo .title {
  color: #000000;
  line-height: .32rem;
  height: 0.64rem;
}
.warpper .order .item .product .productInfo .service {
  line-height: .5rem;
}
.warpper .order .item .product .productInfo .service .icon {
  width: 0.1rem;
  height: 0.5rem;
}
.warpper .order .item .product .productInfo .price {
  padding-top: .2rem;
  text-align: right;
  color: #000000;
}
.warpper .order .item .operation {
  height: 1.24rem;
  padding: .32rem .16rem 0 .16rem;
}
.warpper .order .item .operation a {
  display: block;
  float: right;
  line-height: .64rem;
  padding: 0 .32rem;
  border: 1px solid #e8e8e8;
  border-radius: .32rem;
  margin-left: .2rem;
}
.warpper .order .item .operation a.fbutton {
  border: 1px solid #F37600;
  color: #F37600;
}
.warpper .myorder .item {
  margin-bottom: 0.1rem;
}
.warpper .myorder .item .name {
  line-height: .66rem;
  font-size: 0.28rem;
  padding-left: .16rem;
  color: #000000;
}
.warpper .myorder .item .row {
  background: #FFFFFF;
  width: 100%;
  height: .8rem;
  padding: 0 .16rem;
  line-height: .8rem;
  position: relative;
}
.warpper .myorder .item .row .header {
  float: left;
  width: 1.2rem;
  font-size: .24rem;
  line-height: .8rem;
}
.warpper .myorder .item .row .txt {
  height: .8rem;
  width: 5.98rem;
  float: left;
  border: 0;
  font-size: .24rem;
  padding: 0 .2rem;
}
.warpper .myorder .item .row.select:after {
  content: '';
  position: absolute;
  right: 0.16rem;
  width: .13rem;
  height: .25rem;
  background: url(../images/right.png) no-repeat;
  top: .275rem;
  background-size: 100% ;
}
.warpper .myorder .item .row:before {
  position: absolute;
  height: 0.02rem;
  width: 100%;
  content: '';
  left: 0;
  bottom: 0;
  background: #f1f1f1;
}
.warpper .myorder .item .label {
  position: relative;
  width: 100%;
  height: .8rem;
  padding: 0 .16rem;
  line-height: .8rem;
  display: block;
  background: url(../images/r_no.png) no-repeat center right;
  background-size: 0.28rem;
  background-position-x: 7rem;
  background-color: #FFFFFF;
}
.warpper .myorder .item .label .header_img {
  height: .8rem;
  float: left;
}
.warpper .myorder .item .label .header_img img {
  height: .8rem;
}
.warpper .myorder .item .label .radio {
  opacity: 0;
}
.warpper .myorder .item .label.checked {
  background: url(../images/r_yes.png) no-repeat center right;
  background-size: 0.28rem;
  background-position-x: 7rem;
  background-color: #FFFFFF;
}
.warpper .myorder .item .label:before {
  position: absolute;
  height: 0.02rem;
  width: 100%;
  content: '';
  left: 0;
  bottom: 0;
  background: #f1f1f1;
}
.warpper .myorder .orderbottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .98rem;
  line-height: .98rem;
  background: #ffffff;
  z-index: 1;
}
.warpper .myorder .orderbottom .pricesum {
  float: left;
  width: 5rem;
  padding-left: 0.16rem;
  color: #AFAFAF;
}
.warpper .myorder .orderbottom .pricesum .price {
  float: left;
  color: #000000;
  padding-left: .2rem;
}
.warpper .myorder .orderbottom .pricesum .price span {
  font-size: 0.3rem;
  font-weight: bold;
  color: #F37600;
}
.warpper .myorder .orderbottom .button {
  float: right;
  width: 2.5rem;
  height: .98rem;
}
.warpper .myorder .orderbottom .button .sumbit {
  width: 100%;
  height: .98rem;
  border: 0;
  color: #FFFFFF;
  background: linear-gradient(to right, #f6921c, #f37600);
  font-size: .3rem;
}
.warpper .myorder .p_info {
  width: 100%;
  height: 1.65rem;
  background: #FFFFFF;
  padding: .25rem 0.16rem .2rem 0.16rem;
  position: relative;
}
.warpper .myorder .p_info .p_title {
  line-height: .36rem;
  color: #000000;
  font-size: .28rem;
  width: 5.75rem;
  height: 0.72rem;
}
.warpper .myorder .p_info .other {
  line-height: 0.5rem;
  color: #9d9c9c;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-flow: row;
}
.warpper .myorder .p_info .other span {
  padding: 0 .1rem;
}
.warpper .myorder .p_info .p_price {
  position: absolute;
  top: .25rem;
  right: 0.16rem;
  color: #F37600;
  height: .4rem;
}
.warpper .myorder .p_info .p_price span {
  font-size: .4rem;
  font-weight: 600;
  line-height: .4rem;
}
.warpper .myorder .p_info .p_num {
  position: absolute;
  top: .85rem;
  right: 0.16rem;
  padding-left: .12rem;
  background: url(../images/x.png) no-repeat left bottom;
  background-size: .12rem 0.13rem;
  line-height: 0.18rem ;
  color: #9d9c9c;
}
.warpper .myorder .shadow {
  opacity: 0.4;
  background: #000000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.warpper .myorder .orderconpou {
  background: #FFFFFF;
  position: fixed;
  z-index: 999;
  bottom: 0;
  height: 5rem;
  left: 0;
  width: 100%;
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
}
.warpper .wallet_button {
  margin-top: .6rem;
  padding: 0 0.16rem;
}
.warpper .wallet_button .wallet_link {
  background: #FFFFFF;
  border-radius: .36rem;
  height: .72rem;
  border: 1px solid #e8e8e8;
  width: 100%;
  line-height: .72rem;
  color: #000000;
  text-align: center;
  display: block;
  font-size: .3rem;
}
.warpper .capital .dateprice {
  background: #f1f1f1;
  height: 1.28rem;
  padding: 0 0.16rem;
}
.warpper .capital .dateprice .selectdate {
  padding-top: 0.31rem;
  line-height: 0.28rem;
  font-size: .3rem;
  color: #000000;
  position: relative;
}
.warpper .capital .dateprice .selectdate:after {
  position: absolute;
  content: '';
  background: url(../images/daterest.png) no-repeat;
  width: .26rem;
  height: .15rem;
  top: .38rem;
  background-size: 100% ;
  margin-left: .24rem;
}
.warpper .capital .dateprice .payments {
  line-height: 0.52rem;
}
.warpper .capital .dateprice .payments span {
  padding-right: .2rem;
}
.warpper .capital .dateprice .transaction {
  line-height: 0.52rem;
  position: relative;
}
.warpper .capital .dateprice .transaction span {
  padding: 0 0.22rem 0 0.16rem;
  border-left: 1px solid #a2a2a2;
}
.warpper .capital .dateprice .transaction span:after {
  position: absolute;
  content: '';
  background: url(../images/typerest.png) no-repeat;
  width: .11rem;
  height: .2rem;
  top: 0.17rem;
  right: 0;
  background-size: 100% ;
}
.warpper .capital .content {
  background: #FFFFFF;
}
.warpper .capital .content .item {
  height: 1.36rem;
  padding-left: 0.16rem;
  width: 100%;
}
.warpper .capital .content .item .img {
  width: 1.4rem;
  height: 1.36rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.warpper .capital .content .item .img img {
  width: .88rem;
  height: .88rem;
  margin-right: .21rem;
}
.warpper .capital .content .item .name {
  width: 5.94rem;
  height: 1.36rem;
  border-bottom: 1px solid #e8e8e8;
  padding: 0.26rem 0;
}
.warpper .capital .content .item .name .title {
  width: 4.3rem;
  line-height: .5rem;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.warpper .capital .content .item .name .date {
  width: 4.3rem;
  line-height: 0.28rem;
}
.warpper .capital .content .item .name .price {
  text-align: right;
  padding-right: 0.16rem;
  float: right;
  font-size: 0.28rem;
  color: #000000;
  line-height: 0.88rem;
}
.warpper .capital .content .item .name .just {
  color: #F37600;
}
.warpper .captype {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.warpper .captype .shadow {
  background: #000000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.warpper .captype .type {
  background: #FFFFFF;
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5rem;
  border-top-left-radius: .2rem;
  border-top-right-radius: .2rem;
}
.warpper .captype .type .cencal {
  line-height: .88rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #E8E8E8;
  text-align: center;
  color: #000000;
}
.warpper .captype .type .title {
  line-height: .86rem;
  text-align: center;
  font-size: .3rem;
  color: #000000;
}
.warpper .captype .type ul {
  padding: 0.3rem 0.16rem;
}
.warpper .captype .type ul li {
  width: 2.18rem;
  height: 0.88rem;
  text-align: center;
  float: left;
  color: #000000;
  background: #f7f7f7;
  line-height: .88rem;
  margin-left: 0.16rem ;
  margin-bottom: 0.16rem;
}
.warpper .captype .type ul li.active {
  background: linear-gradient(to right, #f6921c, #f37600);
  color: #FFFFFF;
}
.warpper .product .productHead {
  margin-bottom: 0.2rem;
  background: #FFFFFF;
  position: relative;
  padding: 0 0.16rem;
  padding-top: 0.24rem;
  padding-bottom: 0.25rem;
}
.warpper .product .productHead .p_name {
  width: 6rem;
  font-size: 0.3rem;
  color: #000000;
  line-height: 0.4rem;
}
.warpper .product .productHead .price {
  color: #f37600;
  font-weight: 600;
  padding-top: 0.24rem;
}
.warpper .product .productHead .price .price_num {
  line-height: .3rem;
  font-weight: bold;
  font-size: 0.4rem;
}
.warpper .product .productHead .price .noprice {
  color: #babcc1;
  font-weight: normal;
  text-decoration: line-through;
  padding-left: 0.2rem;
}
.warpper .product .productHead .p_id {
  background: #f2f7fc;
  margin-top: 0.3rem;
  height: 0.56rem;
}
.warpper .product .productHead .p_id .lable {
  width: 1.3rem;
  padding-left: 0.1rem;
  line-height: 0.56rem;
  color: #afafaf;
}
.warpper .product .productHead .p_id .codeno {
  line-height: 0.56rem;
  color: #787878;
}
.warpper .product .productHead .p_id .sales {
  line-height: 0.56rem;
  color: #787878;
  padding-right: 0.16rem;
}
.warpper .product .productHead .security {
  padding-top: 0.24rem;
}
.warpper .product .productHead .security .lable {
  width: 1.3rem;
  padding-left: 0.1rem;
  line-height: 0.35rem;
  color: #afafaf;
}
.warpper .product .productHead .security .item {
  line-height: 0.35rem;
  padding-left: 0.3rem;
  margin-right: 0.2rem;
}
.warpper .product .productHead .security .item.i1 {
  background: url(../images/pf_01.png) no-repeat left center;
  background-size: 0.24rem;
}
.warpper .product .productHead .security .item.i2 {
  background: url(../images/pf_02.png) no-repeat left center;
  background-size: 0.24rem;
}
.warpper .product .productHead .security .item.i3 {
  background: url(../images/pf_03.png) no-repeat left center;
  background-size: 0.24rem;
}
.warpper .product .productHead .collection {
  position: absolute;
  height: 0.44rem;
  right: 0;
  top: 0.3rem;
  background: #f6f6f6;
  padding-right: 0.16rem;
  text-align: right;
  padding-left: 0.13rem;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  line-height: 0.44rem;
}
.warpper .product .productHead .collection i {
  width: 0.24rem;
  height: 0.2rem;
  background: url(../images/p_collection.png) no-repeat;
  display: block;
  float: left;
  line-height: 0.44rem;
  margin-top: 0.12rem;
  margin-right: 0.1rem;
  background-size: 99%;
}
.warpper .product .productHead .collection.active {
  color: #d81e06;
}
.warpper .product .productHead .collection.active i {
  background: url(../images/p_collection_active.png) no-repeat;
  background-size: 100%;
}
.warpper .product .p_store {
  margin-bottom: 0.2rem;
  width: 100%;
  padding: 0.28rem 0.16rem;
  background: #ffffff;
  height: 1.44rem;
  position: relative;
}
.warpper .product .p_store img {
  width: .88rem;
  height: .88rem;
}
.warpper .product .p_store .storeInfo {
  padding-left: 0.19rem;
}
.warpper .product .p_store .storeInfo .s_name {
  line-height: 0.5rem;
  font-size: 0.28rem;
  color: #000000;
}
.warpper .product .p_store .storeInfo .item {
  float: left;
  padding-right: .15rem;
  line-height: 0.38rem;
  color: #000000;
  font-size: 0.2rem;
}
.warpper .product .p_store .storeInfo .item font {
  padding-left: 0.05rem;
  color: #f37000;
}
.warpper .product .p_store .s_link {
  width: 1.36rem;
  height: 0.48rem;
  position: absolute;
  right: 0.16rem;
  top: 0.48rem;
}
.warpper .product .p_store .s_link a {
  display: block;
  width: 1.36rem;
  height: 0.48rem;
  border: 1px solid #f37000;
  border-radius: 0.24rem;
  text-align: center;
  color: #f37000;
  line-height: 0.48rem;
}
.warpper .product .p_content {
  margin-bottom: 0.2rem;
  width: 100%;
}
.warpper .product .p_content .options {
  background: #f6f6f6;
  height: 0.88rem;
  width: 100%;
}
.warpper .product .p_content .options .row {
  width: 50%;
  float: left;
  text-align: center;
  height: 0.88rem;
  line-height: 0.88rem;
  color: #000000;
  font-size: 0.3rem;
}
.warpper .product .p_content .options .row.active {
  background: #ffffff;
}
.warpper .product .p_content .row_01 {
  background: #ffffff;
  padding: 0.3rem 0;
  position: relative;
}
.warpper .product .p_content .row_01 .item {
  min-height: 0.8rem;
  width: 100%;
}
.warpper .product .p_content .row_01 .item .header {
  float: left;
  width: 1.56rem;
  padding-left: 0.16rem;
  text-align: center;
  line-height: 0.8rem;
  color: #afafaf;
}
.warpper .product .p_content .row_01 .item .txt {
  float: left;
  color: #000000;
  line-height: 0.36rem;
  border-bottom: 1px solid #e8e8e8;
  padding: 0.22rem 0;
  width: 5.94rem;
  min-height: 0.8rem;
}
.warpper .product .p_content .row_01 .item:last-child .txt {
  border-bottom: 0;
}
.warpper .product .p_content .row_01 .row-content {
  text-align: center;
}
.warpper .product .p_content .row_01 .row-content p img {
  max-width: 7.3rem;
}
.warpper .product .p_content .row_01 .row-content_mobile {
  padding: 0 0.2rem;
}
.warpper .product .p_recom_list {
  margin-top: 0.5rem;
}
.warpper .product .p_recom_list .recom_title {
  text-align: center;
  margin-bottom: 0.4rem;
}
.warpper .product .p_recom_list .recom_title .rt {
  height: 0.56rem;
  width: 1.59rem;
  border: 2px solid #f68a2d;
  margin: 0 auto;
  border-radius: 0.1rem;
  line-height: 0.52rem;
  background: #fef8f3;
  color: #f37000;
  font-size: 0.28rem;
}
.warpper .product .p_recom_list .cp_list {
  padding: 0 0.07rem;
}
.warpper .product .p_recom_list .cp_list .p_citem {
  display: block;
  width: 3.5rem;
  background: #ffffff;
  margin: 0 0.09rem;
  border-radius: 0.1rem;
  float: left;
  margin-bottom: 0.2rem;
}
.warpper .product .p_recom_list .cp_list .p_citem .productimg {
  width: 100%;
}
.warpper .product .p_recom_list .cp_list .p_citem .title {
  padding: 0.17rem 0.1rem 0 0.1rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #000000;
  height: 0.9rem;
}
.warpper .product .p_recom_list .cp_list .p_citem .title .lable {
  padding: 0 0.09rem;
  height: 0.32rem;
  line-height: 0.32rem;
  background: #f75652;
  color: #ffffff;
  border-radius: 0.03rem;
  margin-right: 0.05rem;
}
.warpper .product .p_recom_list .cp_list .p_citem .price {
  color: #f37600;
  font-weight: bold;
  padding-top: 0.1rem;
  padding-left: 0.1rem ;
}
.warpper .product .p_recom_list .cp_list .p_citem .price span {
  font-size: 0.4rem;
}
.warpper .product .p_recom_list .cp_list .p_citem .cp_lable {
  padding: 0 0.1rem ;
}
.warpper .product .p_recom_list .cp_list .p_citem .cp_lable .official {
  height: 0.26rem;
  padding: 0 0.05rem;
  color: #ffffff;
  background: linear-gradient(to right, #f6921c, #f37600);
  margin-right: 0.1rem;
  border-radius: 0.03rem;
}
.warpper .product .p_recom_list .cp_list .p_citem .cp_lable .realname {
  height: 0.26rem;
  padding: 0 0.05rem;
  border: 1px solid #2a93fb;
  color: #2a93fb;
  background: #ffffff;
  margin-right: 0.1rem;
  border-radius: 0.03rem;
}
.warpper .product .p_recom_list .cp_list .p_citem .cp_lable .official2 {
  height: 0.26rem;
  padding: 0 0.05rem;
  color: #3cc158;
  border: 1px solid #3cc158 ;
  margin-right: 0.1rem;
  border-radius: 0.03rem;
}
.warpper .product .p_recom_list .cp_list .p_citem .storelink {
  padding: 0.2rem 0.1rem;
  color: #9d9c9c;
  line-height: 0.22rem;
}
.warpper .product .p_recom_list .cp_list .p_citem .storelink .ps_name {
  max-width: 2.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.warpper .product .p_recom_list .cp_list .p_citem .storelink a {
  color: #000000;
  line-height: 0.22rem;
  padding-left: 0.1rem;
  padding-right: 0.18rem;
  position: relative;
}
.warpper .product .p_recom_list .cp_list .p_citem .storelink a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 0.34rem;
  background: url(../images/pstoreright.png) no-repeat center center;
  width: 0.09rem;
  background-size: 0.09rem 0.17rem;
}
.warpper .product_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 0.98rem;
  background: #ffffff;
  width: 100%;
}
.warpper .product_bottom .p_bitem {
  width: 1.08rem;
  float: left;
  text-align: center;
  position: relative;
  height: 0.98rem;
}
.warpper .product_bottom .p_bitem p {
  line-height: 0.23rem;
  position: absolute;
  left: 0;
  bottom: 0.12rem;
  width: 100%;
  color: #000000;
}
.warpper .product_bottom .p_bitem.active {
  color: #f78000;
  background: url(../images/pb_collection_active.png) no-repeat center center;
  background-position-y: 0.16rem;
  background-size: 0.46rem 0.38rem;
}
.warpper .product_bottom .p_bitem.active p {
  color: #f78000;
}
.warpper .product_bottom .b_store {
  background: url(../images/p_store.png) no-repeat center center;
  background-position-y: 0.14rem;
  background-size: 0.42rem 0.4rem;
}
.warpper .product_bottom .b_message {
  background: url(../images/p_message.png) no-repeat center center;
  background-position-y: 0.14rem;
  background-size: 0.42rem 0.42rem;
}
.warpper .product_bottom .b_coll {
  background: url(../images/pb_collection.png) no-repeat center center;
  background-position-y: 0.16rem;
  background-size: 0.46rem 0.38rem;
}
.warpper .product_bottom .p_bBuy {
  width: 4.26rem;
  background: linear-gradient(to right, #f6921c, #f37600);
  display: block;
  height: 0.98rem;
  line-height: 0.98rem;
  float: right;
  text-align: center;
  font-size: 0.3rem;
  font-weight: 600;
  color: #ffffff;
}
.warpper .productlist .optionbox {
  height: 0.81rem;
  background: #FFFFFF;
  width: 7.5rem;
  border-bottom: 1px solid #f1f1f1;
  position: fixed;
  top: 0.88rem;
  left: 0;
  z-index: 1;
}
.warpper .productlist .optionbox li {
  height: 0.8rem;
  position: relative;
  width: 1.5rem;
  float: left;
  text-align: center;
  line-height: 0.8rem;
  color: #000000;
  font-size: 0.28rem;
}
.warpper .productlist .optionbox li.active {
  color: #f37600;
}
.warpper .productlist .optionbox li.active:after {
  content: '';
  width: 0.5rem;
  height: 0.03rem;
  position: absolute;
  left: 0.5rem;
  bottom: 0;
  background: #f37600;
  border-radius: 0.01rem;
}
.warpper .productlist .listbox {
  margin-top: 0.81rem;
}
.warpper .productlist .listbox .item {
  background: #FFFFFF;
  margin-bottom: 0.2rem;
  width: 7.5rem;
  height: 3.37rem;
  display: block;
  position: relative;
  padding: 0.24rem 0.16rem 0 0.16rem;
}
.warpper .productlist .listbox .item i {
  position: absolute;
  top: 0.23rem;
  right: 0;
  border-radius: 0.2rem 0 0 0.2rem;
  background: #F3F8FF;
  height: 0.44rem;
  width: 0.7rem;
}
.warpper .productlist .listbox .item i:after {
  content: '';
  position: absolute;
  width: 0.28rem;
  height: 0.24rem;
  background: url(../images/img.png) no-repeat;
  background-size: 100% 100% ;
  top: 0.1rem;
  left: 0.2rem;
}
.warpper .productlist .listbox .item .title {
  line-height: 0.4rem;
  color: #000000;
  font-size: 0.3rem;
  width: 6.2rem;
}
.warpper .productlist .listbox .item .ability {
  padding: 0.18rem 0;
  color: #9d9c9c;
}
.warpper .productlist .listbox .item .price {
  color: #f37600;
}
.warpper .productlist .listbox .item .price b {
  font-size: 0.4rem;
  font-weight: bold;
}
.warpper .productlist .listbox .item .countdown {
  float: right;
  color: #9d9c9c;
  line-height: 0.6rem;
}
.warpper .productlist .listbox .item .handle {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 7.5rem;
  height: 1.04rem;
  border-top: 1px solid #efefef;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding: 0 0.16rem;
}
.warpper .productlist .listbox .item .handle object {
  margin-left: 0.4rem;
}
.warpper .productlist .listbox .item .handle object a {
  display: block;
  width: 1.5rem;
  height: 0.64rem;
  text-align: center;
  border: 1px solid #c3c3c3;
  line-height: 0.64rem;
  border-radius: 0.32rem;
  color: #000000;
}
.warpper .mycollect {
  width: 7.5rem;
  overflow-x: hidden;
}
.warpper .mycollect .switch {
  width: 7.5rem;
  height: 0.88rem;
  padding: 0 0.16rem;
  background: #f7f7f7;
  position: fixed;
  left: 0;
  top: 0.88rem;
}
.warpper .mycollect .switch ul {
  width: 7.18rem;
  height: 0.72rem;
  padding-top: 0.08rem;
}
.warpper .mycollect .switch ul .item {
  width: 3.59rem;
  height: 0.72rem;
  line-height: 0.72rem;
  font-size: 0.3rem;
  color: #000000;
  text-align: center;
  float: left;
}
.warpper .mycollect .switch ul .item.active {
  background: #ffffff;
}
.warpper .mycollect .productcollect {
  padding: 0.2rem 0.07rem 0 0.07rem;
}
.warpper .mycollect .productcollect .row {
  margin: 0 0.07rem;
  background: #ffffff;
  width: 3.5rem;
  float: left;
  border-radius: 0.1rem;
  display: block;
  margin-bottom: 0.2rem;
}
.warpper .mycollect .productcollect .row .r_img {
  width: 3.5rem;
  height: 1.97rem ;
}
.warpper .mycollect .productcollect .row .title {
  padding: 0.17rem 0.1rem 0 0.1rem;
  line-height: 0.4rem;
  font-size: 0.28rem;
  color: #000000;
}
.warpper .mycollect .productcollect .row .title .lable {
  padding: 0 0.09rem;
  height: 0.32rem;
  line-height: 0.32rem;
  background: #f75652;
  color: #ffffff;
  border-radius: 0.03rem;
  margin-right: 0.05rem;
}
.warpper .mycollect .productcollect .row .price {
  color: #f37600;
  font-weight: bold;
  padding-top: 0.1rem;
  padding-left: 0.1rem ;
}
.warpper .mycollect .productcollect .row .price span {
  font-size: 0.4rem;
}
.warpper .mycollect .productcollect .row .cp_lable {
  padding: 0 0.1rem ;
}
.warpper .mycollect .productcollect .row .cp_lable .official {
  height: 0.26rem;
  padding: 0 0.05rem;
  color: #ffffff;
  background: linear-gradient(to right, #f6921c, #f37600);
  margin-right: 0.1rem;
  border-radius: 0.03rem;
}
.warpper .mycollect .productcollect .row .cp_lable .realname {
  height: 0.26rem;
  padding: 0 0.05rem;
  border: 1px solid #2a93fb;
  color: #2a93fb;
  background: #ffffff;
  margin-right: 0.1rem;
  border-radius: 0.03rem;
}
.warpper .mycollect .productcollect .row .cp_lable .official2 {
  height: 0.26rem;
  padding: 0 0.05rem;
  color: #3cc158;
  border: 1px solid #3cc158 ;
  margin-right: 0.1rem;
  border-radius: 0.03rem;
}
.warpper .mycollect .productcollect .row .storelink {
  padding: 0.2rem 0.1rem;
  color: #9d9c9c;
  line-height: 0.22rem;
}
.warpper .mycollect .productcollect .row .storelink span {
  max-width: 2.5rem;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.warpper .mycollect .productcollect .row .storelink .ps_name {
  max-width: 2.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.warpper .mycollect .productcollect .row .storelink a {
  color: #000000;
  line-height: 0.22rem;
  padding-left: 0.1rem;
  padding-right: 0.18rem;
  position: relative;
}
.warpper .mycollect .productcollect .row .storelink a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 0.34rem;
  background: url(../images/pstoreright.png) no-repeat center center;
  width: 0.09rem;
  background-size: 0.09rem 0.17rem;
}
.warpper .mycollect .storecollect {
  padding-top: 0.2rem;
  width: 7.5rem;
  overflow-x: hidden;
}
.warpper .mycollect .storecollect .session-box .session-content {
  position: relative;
}
.warpper .mycollect .storecollect .session-box .session-content .img {
  float: left;
  width: 1.24rem;
  height: 1.44rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.warpper .mycollect .storecollect .session-box .session-content .img img {
  width: 0.88rem;
  height: 0.88rem;
  margin: auto;
}
.warpper .mycollect .storecollect .session-box .session-content .storecenter {
  float: left;
  width: 6.26rem;
  border-bottom: 1px solid #E8E8E8;
  height: 1.44rem;
  padding: 0.28rem 0;
}
.warpper .mycollect .storecollect .session-box .session-content .storecenter .title {
  line-height: 0.5rem;
  text-align: left;
  color: #000000;
  font-size: 0.28rem;
}
.warpper .mycollect .storecollect .session-box .session-content .storecenter .data {
  line-height: 0.38rem;
  text-align: left;
  color: #444444;
  font-size: 0.2rem;
}
.warpper .mycollect .storecollect .session-box .session-content .storecenter .data span {
  color: #f37000;
  padding: 0 0.2rem 0 0.1rem;
}
.warpper .mycollect .storecollect .session-box .session-content .even {
  background: url(../images/grayother.png) no-repeat;
  position: absolute;
  right: 0.16rem;
  width: 0.37rem;
  height: 0.07rem;
  top: 0.69rem;
  background-size: 100% 100%;
}
.warpper .mycollect .list {
  margin-top: 0.88rem;
}
.warpper .messageslist {
  padding: 0.2rem 0.16rem;
}
.warpper .messageslist .row {
  display: block;
  width: 100%;
  height: auto;
  background: #ffffff;
  border-radius: 0.1rem;
  margin-bottom: 0.2rem;
}
.warpper .messageslist .row .rhead {
  height: 0.8rem;
  border-bottom: 1px solid #e8e8e8;
  line-height: 0.8rem;
  padding-left: 0.1rem;
  font-size: 0.26rem;
}
.warpper .messageslist .row .rhead .lable {
  color: #ffffff;
  background: #c0bfbd ;
  padding: 0 0.12rem;
  float: left;
  text-align: center;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.22rem;
  border-radius: 0.05rem;
  margin-right: 0.1rem;
  margin-top: 0.25rem;
}
.warpper .messageslist .row .rhead .date {
  float: right;
  padding-right: 0.16rem;
  font-size: 0.24rem;
}
.warpper .messageslist .row .rhead .name {
  display: block;
  float: left;
  width: 3.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.warpper .messageslist .row .mpro {
  padding: 0.2rem;
}
.warpper .messageslist .row .mpro .img {
  width: 1.59rem;
  height: 1.59rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.warpper .messageslist .row .mpro .img img {
  max-width: 1.59rem;
  max-height: 1.59rem;
}
.warpper .messageslist .row .mpro .information {
  width: 5.18rem;
  padding-left: 0.2rem;
  color: #787878;
}
.warpper .messageslist .row .mpro .information .item {
  line-height: 0.3rem;
  font-size: 0.22rem;
}
.warpper .messageslist .row .mpro .information .title {
  line-height: 0.35rem;
  font-size: 0.24rem;
}
.warpper .messageslist .row .mpro .information .i1 {
  padding-top: 0.07rem;
}
.warpper .messageslist .row .content {
  padding: 0.23rem;
  line-height: 0.3rem;
  font-size: 0.24rem;
  color: #000000;
}
.warpper .messageslist .row.unread .rhead .lable.trading {
  color: #ffffff;
  background: linear-gradient(to right, #f37600, #fd8900) !important;
}
.warpper .messageslist .row.unread .rhead .lable.affiche {
  color: #ffffff;
  background: #60d799 !important;
}
.warpper .messagesdetail {
  padding: 0.2rem 0;
  background: #ffffff;
  margin: 0.2rem 0.16rem;
  border-radius: 0.1rem;
}
.warpper .messagesdetail .item {
  width: 100%;
}
.warpper .messagesdetail .item .header {
  width: 1rem;
  height: 0.8rem;
  line-height: 0.8rem;
  padding-left: 0.2rem;
  float: left;
}
.warpper .messagesdetail .item .content {
  float: left;
  padding: 0.22rem 0;
  line-height: 0.36rem;
  border-bottom: 1px solid #e8e8e8;
  width: 6.17rem;
}
.warpper .messagesdetail .btn {
  margin: 0.75rem 0 0.5rem 0;
}
.warpper .messagesdetail .btn .sumbit {
  display: block;
  margin: 0 auto;
  width: 3.2rem;
  height: 0.72rem;
  border: 1px solid #f37600;
  border-radius: 0.36rem;
  color: #f37600;
  line-height: 0.72rem;
  text-align: center;
  font-size: 0.28rem;
  font-weight: 600;
  background: none;
}
.warpper .updatepwd {
  width: 100%;
  overflow-x: hidden;
  position: relative;
}
.warpper .updatepwd .list {
  width: 15rem;
}
.warpper .updatepwd .list li {
  float: left;
  width: 7.5rem;
}
.warpper .gamelist .select1 {
  width: 7.5rem;
  background: #ffffff;
  height: 1.68rem;
  position: relative;
  z-index: 99;
}
.warpper .gamelist .select1 .genre {
  width: 100%;
  height: 0.8rem;
  padding-left: 0.105rem;
  position: relative;
}
.warpper .gamelist .select1 .genre .genreul {
  overflow: hidden;
  width: 100%;
  height: 0.8rem;
  position: relative;
}
.warpper .gamelist .select1 .genre ul {
  width: 200%;
  height: 0.8rem;
}
.warpper .gamelist .select1 .genre li {
  line-height: 0.8rem;
  padding: 0 0.24rem;
  float: left;
  font-size: 0.3rem;
  overflow-x: auto;
}
.warpper .gamelist .select1 .genre li.active {
  color: #F37600;
  position: relative;
}
.warpper .gamelist .select1 .genre li.active:after {
  content: '';
  position: absolute;
  width: 0.3rem;
  height: 0.03rem;
  background: #F37600;
  bottom: 0;
  left: 34%;
}
.warpper .gamelist .select1 .genre .genrenmore {
  width: 0.58rem;
  height: 0.80rem;
  position: absolute;
  top: 0;
  right: 0;
  background: #FFFFFF;
  z-index: 200;
}
.warpper .gamelist .select1 .genre .genrenmore i {
  position: absolute;
  top: 0.33rem;
  right: 0.17rem;
  width: 0.24rem;
  height: 0.13rem;
  background: url(../images/tabfirst.png) no-repeat;
  background-size: 0.24rem 0.13rem;
}
.warpper .gamelist .select1 .genre .genrenmore .genreHidden {
  position: absolute;
  left: -6.92rem;
  top: 0.8rem;
  width: 7.5rem;
  z-index: 300;
  background: #FFFFFF;
}
.warpper .gamelist .select1 .genre .genrenmore .genreHidden dl {
  padding: 0.14rem 0.16rem 0.2rem 0.16rem;
}
.warpper .gamelist .select1 .genre .genrenmore .genreHidden dl dt {
  margin-right: 0.26rem;
  width: 1.6rem;
  height: 0.48rem;
  float: left;
  background: #F3F3F3;
  margin-bottom: 0.1rem;
  margin-top: 0.16rem;
  border-radius: 0.2rem;
  text-align: center;
  line-height: 0.48rem;
}
.warpper .gamelist .select1 .genre .genrenmore .genreHidden dl dt.notr {
  margin-right: 0;
}
.warpper .gamelist .select1 .genre .genrenmore.active i {
  background: url(../images/tabfirstactive.png) no-repeat;
  background-size: 0.24rem 0.13rem;
}
.warpper .gamelist .select1 .genre .genrenmore:after {
  content: '';
  background: url(../images/tabfirstbg.png) no-repeat;
  top: 0rem;
  left: -0.4rem;
  width: 0.4rem;
  height: 0.8rem;
  position: absolute;
  background-size: 0.4rem 0.8rem;
}
.warpper .gamelist .select1 .screening {
  height: 0.88rem;
  width: 100%;
  position: relative;
  padding: 0 0.16rem;
  z-index: 1;
  background: #FFFFFF;
}
.warpper .gamelist .select1 .screening li {
  float: left;
  padding-top: 0.22rem;
}
.warpper .gamelist .select1 .screening li .name {
  display: block;
  padding: 0 0.42rem 0 0.2rem;
  height: 0.44rem;
  margin-right: 0.2rem;
  line-height: 0.44rem;
  background: #F3F3F3;
  border-radius: 0.2rem;
  position: relative;
  color: #333333;
}
.warpper .gamelist .select1 .screening li .name i {
  width: 0.12rem;
  height: 0.07rem;
  position: absolute;
  top: 0.21rem;
  right: 0.23rem;
  background: url(../images/tabsreens.png) no-repeat center center;
  background-size: 0.12rem 0.07rem ;
}
.warpper .gamelist .select1 .screening li .shlist {
  position: absolute;
  top: 0.88rem;
  z-index: 100;
  left: 0rem;
  width: 7.5rem;
  background: #ffffff;
  border-radius: 0 0 0.2rem 0.2rem;
}
.warpper .gamelist .select1 .screening li .shlist dl {
  padding: 0.27rem 0.16rem;
  background: #F3F3F3;
  max-height: 3.2rem;
  overflow: hidden;
  overflow-y: auto;
}
.warpper .gamelist .select1 .screening li .shlist dl dd.active {
  color: #F37600 !important;
}
.warpper .gamelist .select1 .screening li .shlist .listnum1 {
  width: 50%;
  padding-left: 0.4rem;
  line-height: 0.52rem;
  color: #333333;
  float: left;
}
.warpper .gamelist .select1 .screening li .shlist .listnum2 {
  line-height: 0.8rem;
  height: 0.8rem;
  border-bottom: 1px solid #E3E3E3;
  padding-left: 0.4rem;
  width: 100%;
}
.warpper .gamelist .select1 .screening li .shlist .btn {
  width: 100%;
  height: 0.88rem;
  padding: 0;
}
.warpper .gamelist .select1 .screening li .shlist .btn a.cancel {
  float: left;
  width: 3.75rem;
  border-bottom-left-radius: 0.2rem;
  height: 0.88rem;
  line-height: 0.88rem;
  color: #000000;
  background: #ffffff;
  text-align: center;
  font-size: 0.3rem;
}
.warpper .gamelist .select1 .screening li .shlist .btn a.affirm {
  float: left;
  width: 3.75rem;
  border-bottom-right-radius: 0.2rem;
  height: 0.88rem;
  line-height: 0.88rem;
  color: #FFFFFF;
  background: #F37600;
  text-align: center;
  font-size: 0.3rem;
}
.warpper .gamelist .select1 .screening li.active .name {
  height: 0.66rem;
  color: #F37600;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.warpper .gamelist .select1 .screening li.active .name i {
  background: url(../images/tabsreens_active.png) no-repeat center center;
  background-size: 0.12rem 0.07rem ;
}
.warpper .gamelist .productlistimg {
  margin-top: 0.2rem;
  width: 7.5rem;
}
.warpper .gamelist .productlistimg .item {
  display: block;
  width: 7.5rem;
  padding-bottom: 0.2rem;
  background: #ffffff;
  margin-bottom: 0.2rem;
}
.warpper .gamelist .productlistimg .item .img {
  width: 7.5rem;
  height: 4.22rem;
}
.warpper .gamelist .productlistimg .item .title {
  padding: 0.3rem 0.16rem 0 0.16rem;
  line-height: 0.48rem;
  font-size: 0.34rem;
  color: #000000;
}
.warpper .gamelist .productlistimg .item .area {
  padding-left: 0.16rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #565656;
  float: left;
}
.warpper .gamelist .productlistimg .item .price {
  float: right;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #F37600;
  padding-right: 0.16rem;
}
.warpper .gamelist .productlistimg .item .price .pnum {
  font-size: 0.4rem;
  font-weight: 600;
}
.warpper .gamelist .productlisttext {
  margin-top: 0.2rem;
  width: 7.5rem;
}
.warpper .gamelist .productlisttext .item {
  display: block;
  width: 7.5rem;
  padding-bottom: 0.2rem;
  background: #ffffff;
  margin-bottom: 0.2rem;
  position: relative;
}
.warpper .gamelist .productlisttext .item .imgLogo {
  display: none;
}
.warpper .gamelist .productlisttext .item .title {
  padding: 0.3rem 0.16rem 0 0.16rem;
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: #000000;
  width: 6.5rem;
}
.warpper .gamelist .productlisttext .item .area {
  padding-left: 0.16rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #565656;
  padding-bottom: 0.3rem;
}
.warpper .gamelist .productlisttext .item .price {
  padding-left: 0.16rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #F37600;
}
.warpper .gamelist .productlisttext .item .price .pnum {
  font-size: 0.4rem;
  font-weight: 600;
}
.warpper .gamelist .productlisttext .item i {
  position: absolute;
  top: 0.23rem;
  right: 0;
  border-radius: 0.2rem 0 0 0.2rem;
  background: #F3F8FF;
  height: 0.44rem;
  width: 0.7rem;
}
.warpper .gamelist .productlisttext .item i:after {
  content: '';
  position: absolute;
  width: 0.28rem;
  height: 0.24rem;
  background: url(../images/img.png) no-repeat;
  background-size: 100% 100% ;
  top: 0.1rem;
  left: 0.2rem;
}
.warpper .gamelist .productltext {
  margin-top: 0.2rem;
  width: 7.5rem;
}
.warpper .gamelist .productltext .item {
  display: block;
  width: 7.5rem;
  padding-bottom: 0.2rem;
  background: #ffffff;
  margin-bottom: 0.2rem;
  position: relative;
}
.warpper .gamelist .productltext .item .imgLogo {
  display: none;
}
.warpper .gamelist .productltext .item .title {
  padding: 0.3rem 0.16rem 0 0.16rem;
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: #000000;
  width: 6.5rem;
  padding-bottom: 0.2rem;
  max-height: 1.3rem;
  overflow: hidden;
}
.warpper .gamelist .productltext .item .title span {
  background: #F75652;
  padding: 0 0.09rem;
  color: #FFFFFF;
  border-radius: 0.05rem;
  margin-right: 0.1rem;
  height: 0.32rem;
  line-height: 0.32rem;
}
.warpper .gamelist .productltext .item .area {
  padding-left: 0.16rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #949494;
}
.warpper .gamelist .productltext .item .price {
  padding-left: 0.16rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #F37600;
}
.warpper .gamelist .productltext .item .price .pnum {
  font-size: 0.4rem;
  font-weight: 600;
}
.warpper .gamelist .productltext .item .label {
  width: 100%;
  height: 0.34rem;
  padding: 0 0.16rem;
}
.warpper .gamelist .productltext .item .label .sl_1 {
  margin-right: 0.1rem;
  color: #ffffff;
  background: linear-gradient(to right, #F37600, #F6921C);
  color: #FFFFFF;
  font-size: 0.2rem;
  line-height: 0.26rem;
  padding: 0 0.1rem;
  border-radius: 0.04rem;
}
.warpper .gamelist .productltext .item .label .sl_2 {
  margin-right: 0.1rem;
  color: #ffffff;
  border: 1px solid #3CC158;
  color: #3CC158;
  font-size: 0.2rem;
  line-height: 0.26rem;
  padding: 0 0.1rem;
  border-radius: 0.04rem;
}
.warpper .gamelist .productltext .item .label .sl_3 {
  margin-right: 0.1rem;
  color: #ffffff;
  border: 1px solid #2A93FB;
  color: #2A93FB;
  font-size: 0.2rem;
  line-height: 0.26rem;
  padding: 0 0.1rem;
  border-radius: 0.04rem;
}
.warpper .gamelist .productltext .item .storelink {
  padding: 0.2rem 0.16rem 0 0.16rem;
  color: #9D9C9C;
}
.warpper .gamelist .productltext .item .storelink object {
  padding-left: 0.17rem;
  color: #000000;
}
.warpper .gamelist .productltext .item .storelink object a {
  padding-right: 0.18rem;
  position: relative;
}
.warpper .gamelist .productltext .item .storelink object a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 0.34rem;
  background: url(../images/pstoreright.png) no-repeat center center;
  width: 0.09rem;
  background-size: 0.09rem 0.17rem;
}
.warpper .gamelist .productltext .item i {
  position: absolute;
  top: 0.23rem;
  right: 0;
  border-radius: 0.2rem 0 0 0.2rem;
  background: #F3F8FF;
  height: 0.44rem;
  width: 0.7rem;
}
.warpper .gamelist .productltext .item i:after {
  content: '';
  position: absolute;
  width: 0.28rem;
  height: 0.24rem;
  background: url(../images/img.png) no-repeat;
  background-size: 100% 100% ;
  top: 0.1rem;
  left: 0.2rem;
}
.warpper .gamelist .productImg {
  padding: 0 0.16rem;
}
.warpper .gamelist .productImg .item {
  width: 3.5rem;
  float: left;
}
.warpper .gamelist .productImg .item .imgLogo {
  display: block !important;
  width: 3.5rem;
  height: 1.97rem;
}
.warpper .gamelist .productImg .item .title {
  width: 100% !important;
  max-height: 1.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
}
.warpper .gamelist .productImg .item i {
  display: none;
}
.warpper .gamelist .productImg .item:nth-child(2n+1) {
  margin-right: 0.16rem !important;
}
.warpper .releasetips {
  padding-left: 0.16rem;
  line-height: 0.44rem;
  color: #9C9C9C;
  font-size: 0.28rem;
  padding-top: 0.21rem;
  padding-bottom: 0.11rem;
}
.warpper .releaseproduct .form-row {
  width: 7.5rem;
  background: #FFFFFF;
  height: 0.88rem;
  border-bottom: 1px solid #F1F1F1;
  position: relative;
}
.warpper .releaseproduct .form-row .header {
  line-height: 0.86rem;
  color: #000000;
  font-size: 0.28rem;
  float: left;
  padding-left: 0.16rem;
  width: 2.1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: initial;
}
.warpper .releaseproduct .form-row .header span {
  color: #FF0000;
  font-size: 0.24rem;
  padding-left: 0.06rem;
}
.warpper .releaseproduct .form-row .placeholder {
  float: right;
  line-height: 0.88rem;
  color: #CFCFCF;
  font-size: 0.28rem;
  padding-right: 0.48rem;
  width: 5.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.warpper .releaseproduct .form-row .placeholder:after {
  content: '';
  position: absolute;
  right: 0.16rem;
  top: 0.32rem;
  width: 0.13rem;
  height: 0.24rem;
  background: url(../images/productright.png) no-repeat;
  background-size: 0.13rem 0.24rem;
}
.warpper .releaseproduct .form-row .selected {
  color: #000000 !important;
}
.warpper .releaseproduct .form-row .txt {
  width: 5.4rem;
  padding-right: 0.16rem;
  height: 0.86rem;
  border: 0;
  text-align: right;
  float: right;
  font-size: 0.28rem;
  font-weight: 400;
  background: #ffffff;
}
.warpper .releaseproduct .form-row .txt::-webkit-input-placeholder {
  color: #CFCFCF;
}
.warpper .releaseproduct .form-row .txt::-moz-placeholder {
  color: #CFCFCF;
}
.warpper .releaseproduct .form-row .txt::-ms-input-placeholder {
  color: #CFCFCF;
}
.warpper .releaseproduct .form-row .from-input {
  width: 5.4rem;
  height: 0.86rem;
  float: right;
  position: relative;
  z-index: 1;
}
.warpper .releaseproduct .form-row .from-input .txt {
  padding-right: 0.48rem;
}
.warpper .releaseproduct .form-row .from-input .txt:disabled {
  background-color: #fff;
  color: #CFCFCF;
  opacity: 1;
  -webkit-text-fill-color: #CFCFCF;
  -webkit-opacity: 1;
}
.warpper .releaseproduct .form-row .from-input:after {
  content: '';
  position: absolute;
  right: 0.16rem;
  top: 0.32rem;
  width: 0.13rem;
  height: 0.24rem;
  background: url(../images/productright.png) no-repeat;
  background-size: 0.13rem 0.24rem;
}
.warpper .releaseproduct .form-area {
  height: 2.24rem;
}
.warpper .releaseproduct .form-area .placeholder {
  padding-right: 0.16rem;
}
.warpper .releaseproduct .form-area .placeholder:after {
  background: none;
}
.warpper .releaseproduct .form-area .area {
  width: 7.5rem;
  height: 1.35rem;
  border: 0;
  resize: none;
  padding: 0.1rem 0.16rem;
  font-size: 0.28rem;
}
.warpper .releaseproduct .form-img {
  height: 2.54rem;
}
.warpper .releaseproduct .form-img .placeholder {
  padding-right: 0.16rem;
}
.warpper .releaseproduct .form-img .placeholder:after {
  background: none;
}
.warpper .releaseproduct .form-img .imgAll {
  padding: 0 0.16rem;
  overflow-x: scroll;
  width: 14rem;
}
.warpper .releaseproduct .form-img .imgAll .productPhoto {
  width: 2.4rem;
  height: 1.35rem;
  position: relative;
  float: left;
  margin-right: 0.16rem ;
  border: 0.02rem solid #E8E8E8;
  margin-top: 0.15rem;
}
.warpper .releaseproduct .form-img .imgAll .productPhoto img {
  width: 2.4rem;
  height: 1.35rem;
}
.warpper .releaseproduct .form-img .imgAll .productPhoto span {
  width: 2.4rem;
  background: #000000;
  height: 0.44rem;
  position: absolute;
  left: -0.02rem;
  bottom: 0;
  color: #ffffff;
  text-align: center;
}
.warpper .releaseproduct .form-img .imgAll .productPhoto .pro {
  background: url(../images/deleteimg.png) no-repeat;
  background-size: 0.3rem;
  position: absolute;
  top: -0.15rem;
  right: -0.15rem;
  width: 0.3rem;
  height: 0.3rem;
}
.warpper .releaseproduct .form-img .imgAll .photolist {
  width: 2.4rem;
  height: 1.35rem;
  position: relative;
  float: left;
  margin-right: 0.16rem ;
}
.warpper .releaseproduct .form-img .imgAll .photolist img {
  width: 2.4rem;
  height: 1.35rem;
}
.warpper .releaseproduct .form-tips {
  line-height: 0.64rem;
  color: #9C9C9C;
  padding: 0 0.16rem;
}
.warpper .btn {
  width: 7.18rem;
  height: 0.8rem;
  padding: 0.85rem 0.16rem 0.1rem 0.16rem;
  height: 1.75rem;
}
.warpper .btn a {
  width: 7.187rem;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  background: #F6901A;
  border-radius: 0.1rem;
  display: block;
  color: #FFFFFF;
}
.warpper .btn .sumbitnext {
  width: 7.187rem;
  height: 0.8rem;
  text-align: center;
  background: #F6901A;
  color: #FFFFFF;
  border: 0;
  border-radius: 0.1rem;
}
.warpper .orderdetail .orderstatustips {
  width: 7.5rem;
  height: 0.8rem;
  line-height: 0.8rem;
  padding: 0 0.16rem;
  background: #F2F7FC;
  font-weight: 500;
  position: relative;
}
.warpper .orderdetail .orderstatustips .tradstatus {
  color: #787878;
  font-size: 0.3rem;
}
.warpper .orderdetail .orderstatustips .tradtips {
  color: #afafaf;
  padding-left: 0.2rem;
  font-size: 0.24rem;
}
.warpper .orderdetail .orderstatustips i {
  width: 0.28rem;
  height: 0.28rem;
  position: absolute;
  top: 0.26rem;
  right: 0.16rem;
  background: url(../images/tipsclose.png) no-repeat;
  background-size: 0.28rem 0.28rem;
}
.warpper .orderdetail .order-list {
  background: #FFFFFF;
  width: 7.5rem;
  margin-bottom: 0.2rem;
}
.warpper .orderdetail .order-list .order-store {
  padding: 0 0.16rem;
  height: 0.72rem;
  line-height: 0.72rem;
}
.warpper .orderdetail .order-list .order-store span {
  float: right;
  color: #F37600;
}
.warpper .orderdetail .order-list .order-store a {
  height: 0.72rem;
  display: block;
  float: left;
  padding: 0 0.33rem 0 0.37rem;
  position: relative;
  background: url(../images/store.png) no-repeat left center;
  background-size: 0.28rem 0.26rem ;
}
.warpper .orderdetail .order-list .order-store a:after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  background: url(../images/productright.png) no-repeat center center;
  width: 0.13rem;
  height: 0.72rem;
  background-size: 0.13rem 0.25rem;
}
.warpper .orderdetail .order-list .order-product {
  background: #F7F7F7;
  margin: 0 0.16rem;
  padding: 0.2rem;
}
.warpper .orderdetail .order-list .order-product .img {
  width: 1.6rem ;
  height: 1.6rem;
  float: left;
}
.warpper .orderdetail .order-list .order-product p {
  padding-left: 1.8rem;
}
.warpper .orderdetail .order-list .order-product .title {
  color: #333333;
  line-height: 0.32rem;
}
.warpper .orderdetail .order-list .order-product .price {
  padding-top: 0.4rem;
  color: #F37600;
  font-weight: 800;
  line-height: 0.48rem;
}
.warpper .orderdetail .order-list .order-product .price span {
  font-size: 0.4rem;
}
.warpper .orderdetail .order-list .order-row {
  border-bottom: 1px solid #E8E8E8;
  width: 7.5rem;
  height: 0.88rem;
  padding: 0 0.16rem;
  position: relative;
}
.warpper .orderdetail .order-list .order-row .order-head {
  float: left;
  width: 1.3rem;
  line-height: 0.88rem;
  color: #333333;
  font-size: 0.26rem;
}
.warpper .orderdetail .order-list .order-row .order-content {
  float: left;
  width: 5.88rem;
  line-height: 0.86rem;
  color: #333333;
  font-size: 0.26rem;
}
.warpper .orderdetail .order-list .order-row .order-og {
  color: #F37600;
}
.warpper .orderdetail .order-list .order-row .order-copy {
  position: absolute;
  right: 0.16rem;
  top: 0;
  line-height: 0.86rem;
  color: #F37600;
  font-weight: 500;
  border: 0;
  background: #ffffff;
}
.warpper .orderdetail .order-price .order-content {
  text-align: right;
}
.warpper .orderdetail .order-sp {
  padding-bottom: 0.28rem;
}
.warpper .orderdetail .order-button {
  padding: 0 0.16rem;
}
.warpper .orderdetail .order-button .btn1 {
  display: block;
  height: 0.64rem;
  padding: 0 0.3rem;
  border: 1px solid #F36700;
  border-radius: 0.32rem;
  line-height: 0.64rem;
  color: #F36700;
  margin-left: 0.2rem;
  background: #FFFFFF;
}
.warpper .orderdetail .order-button .btn2 {
  display: block;
  height: 0.64rem;
  padding: 0 0.3rem;
  border: 1px solid #C3C3C3;
  border-radius: 0.32rem;
  line-height: 0.64rem;
  color: #787878;
  margin-left: 0.2rem;
  background: #FFFFFF;
}
.warpper .arblist {
  position: relative;
}
.warpper .arblist .abr-content .form-list {
  margin-bottom: 0.1rem;
  background: #FFFFFF;
  padding: 0.2rem 0.16rem;
}
.warpper .arblist .abr-content .form-list .form-status {
  font-size: 0.28rem;
  color: #000000;
  line-height: 0.26rem;
}
.warpper .arblist .abr-content .form-list .form-date {
  font-size: 0.24rem;
  color: #B0B0B0;
  padding-top: 0.2rem;
  line-height: 0.19rem;
}
.warpper .arblist .abr-content .form-list .form-ul {
  padding-top: 0.2rem;
  width: 7.18rem;
}
.warpper .arblist .abr-content .form-list .form-ul .item {
  line-height: 0.4rem;
  color: #B0B0B0;
  padding-left: 0.54rem;
  position: relative;
  font-size: 0.24rem;
}
.warpper .arblist .abr-content .form-list .form-ul .item .form-head {
  float: left;
}
.warpper .arblist .abr-content .form-list .form-ul .item:after {
  content: '';
  background: url(../images/point.png) no-repeat left top;
  background-size: 0.1rem;
  width: 0.1rem;
  height: 0.1rem;
  position: absolute;
  left: 0.24rem;
  top: 0.13rem;
}
.warpper .arblist .abr-content .form-list .form-ul .form-img {
  padding: 0.2rem 0.08rem 0.1rem 0.08rem;
  overflow: auto;
}
.warpper .arblist .abr-content .form-list .form-ul .form-img .imgall {
  width: 15rem;
  overflow-x: auto;
}
.warpper .arblist .abr-content .form-list .form-ul .form-img .imgall .img {
  padding: 0 0.16rem;
  width: 1.92rem;
  height: 1.6rem;
  float: left;
}
.warpper .arblist .abr-btn {
  height: 2rem;
  padding: 0.1rem 0.16rem;
}
.warpper .arblist .abr-btn a {
  display: block;
  text-align: center;
  line-height: 0.8rem;
  height: 0.8rem;
}
.warpper .arblist .abr-btn .addbtn {
  background: #F6901A;
  color: #FFFFFF;
  font-size: 0.28rem;
  border-radius: 0.1rem;
  margin-bottom: 0.2rem;
}
.warpper .arblist .abr-btn .deletebtn {
  border: 1px solid #9A9A9A;
  border-radius: 0.1rem;
  color: #000000;
  font-size: 0.28rem;
}
.warpper .arbAdd .add-content .form-item {
  width: 7.5rem;
  height: 0.88rem;
  line-height: 0.88rem;
  background: #FFFFFF;
  position: relative;
  padding: 0 0.16rem;
}
.warpper .arbAdd .add-content .form-item .header {
  float: left;
  font-size: 0.28rem;
}
.warpper .arbAdd .add-content .form-item .header span {
  color: #FF0000;
}
.warpper .arbAdd .add-content .form-item .placeholder {
  float: right;
  padding-right: 0.34rem;
  color: #D0D0D0;
  font-size: 0.28rem;
  position: relative;
  width: 5.8rem;
  text-align: right;
}
.warpper .arbAdd .add-content .form-item .placeholder.selected {
  color: #000000;
}
.warpper .arbAdd .add-content .form-item .placeholder:after {
  content: '';
  position: absolute;
  right: 0rem;
  top: 0.32rem;
  width: 0.13rem;
  height: 0.24rem;
  background: url(../images/productright.png) no-repeat;
  background-size: 0.13rem 0.24rem ;
}
.warpper .arbAdd .add-content .form-item .txt {
  width: 5.8rem;
  height: 0.88rem;
  text-align: right;
  border: 0;
  float: right;
  padding: 0 0.16rem;
  font-size: 0.28rem;
}
.warpper .arbAdd .add-content .form-item .txt::-webkit-input-placeholder {
  color: #CFCFCF;
}
.warpper .arbAdd .add-content .form-item .txt::-moz-placeholder {
  color: #CFCFCF;
}
.warpper .arbAdd .add-content .form-item .txt::-ms-input-placeholder {
  color: #CFCFCF;
}
.warpper .arbAdd .add-content .form-item:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 7.5rem;
  background: #F1F1F1;
  z-index: 1;
}
.warpper .arbAdd .add-content .form-img {
  margin-top: 0.2rem;
  height: auto;
  padding: 0;
}
.warpper .arbAdd .add-content .form-img .row {
  width: 7.5rem;
  height: 0.88rem;
}
.warpper .arbAdd .add-content .form-img .row .header {
  width: 100%;
  height: 0.88rem;
  padding: 0 0.16rem;
}
.warpper .arbAdd .add-content .form-img .imgadd {
  width: 100%;
  overflow-x: auto;
  padding-top: 0.15rem;
}
.warpper .arbAdd .add-content .form-img .imgadd .add {
  float: left;
  width: 1.8rem;
  height: 1.6rem;
  padding: 0 0.1rem;
  background: url(../images/fileimg.png) no-repeat center center;
  background-size: 1.6rem;
}
.warpper .arbAdd .add-content .form-img .imgadd .imglist {
  float: left;
  padding: 0 0.1rem;
  position: relative;
}
.warpper .arbAdd .add-content .form-img .imgadd .imglist .img {
  width: 1.6rem;
  height: 1.6rem;
}
.warpper .arbAdd .add-content .form-img .imgadd .imglist i {
  position: absolute;
  right: -0.05rem;
  top: -0.15rem;
  background: url(../images/deleteimg.png) no-repeat;
  background-size: 0.3rem;
  width: 0.3rem;
  height: 0.3rem;
  z-index: 2;
}
.warpper .arbAdd .add-btn {
  height: 1.2rem;
  padding: 0.1rem 0.16rem;
}
.warpper .arbAdd .add-btn a {
  display: block;
  text-align: center;
  line-height: 0.8rem;
  height: 0.8rem;
}
.warpper .arbAdd .add-btn .addbtn {
  background: #F6901A;
  color: #FFFFFF;
  font-size: 0.28rem;
  border-radius: 0.1rem;
  margin-bottom: 0.2rem;
}
.warpper .business {
  margin-top: 0.16rem;
  padding-left: 0.16rem;
}
.warpper .business .item {
  margin: 0 0.16rem 0.16rem 0;
  background: #FFFFFF;
  width: 3.51rem;
  height: 4.11rem;
  float: left;
  border-radius: 0.1rem ;
  position: relative;
}
.warpper .business .item .img {
  margin: 0.4rem 0 0.3rem 0;
  text-align: center;
  height: 1.16rem;
}
.warpper .business .item .img img {
  width: 1.16rem;
  height: 1.16rem;
  border-radius: 50%;
}
.warpper .business .item .title {
  line-height: 0.32rem;
  font-size: 0.28rem;
  color: #000000;
  text-align: center;
}
.warpper .business .item .desc {
  padding-top: 0.15rem;
  line-height: 0.32rem;
  color: #9D9C9C;
  font-size: 0.24rem;
  text-align: center;
}
.warpper .business .item a {
  position: absolute;
  left: 1.15rem;
  bottom: 0.3rem;
  display: block;
  width: 1.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #FFFFFF;
  background: #188EEE;
  text-align: center;
}
.warpper .storedetail .s_info {
  background: #FFFFFF;
  width: 7.5rem;
  min-height: 1.75rem;
  margin-bottom: 0.2rem;
  padding: 0.3rem 0.16rem;
  position: relative;
}
.warpper .storedetail .s_info .img {
  float: left;
  width: 0.88rem;
  height: 0.88rem;
}
.warpper .storedetail .s_info .img img {
  width: 0.88rem;
  height: 0.88rem;
}
.warpper .storedetail .s_info .s_name {
  float: left;
  padding-left: 0.16rem;
}
.warpper .storedetail .s_info .s_name .sname {
  line-height: 0.36rem;
  color: #000000;
  font-size: 0.28rem;
  font-weight: 500;
  justify-content: left;
  display: flex;
  align-items: center;
  flex-flow: row;
}
.warpper .storedetail .s_info .s_name .sname a {
  margin-left: 0.09rem;
  width: 0.22rem;
  height: 0.22rem;
  background: url(../images/current.png) no-repeat;
  background-size: 0.22rem;
}
.warpper .storedetail .s_info .s_name .probability {
  padding-top: 0.15rem;
}
.warpper .storedetail .s_info .s_name .probability span {
  padding: 0 0.39rem 0 0.08rem;
  color: #F37000;
}
.warpper .storedetail .s_info .s_name .label {
  padding-top: 0.15rem;
}
.warpper .storedetail .s_info .s_name .label .l1 {
  color: #68D249;
  border: 1px solid #68D249;
  border-radius: 0.1rem;
  padding: 0 0.1rem;
  margin-right: 0.2rem;
  height: 0.36rem;
  font-size: 0.2rem;
  float: left;
  display: block;
}
.warpper .storedetail .s_info .s_name .label .l2 {
  color: #2062E6;
  border: 1px solid #2062E6;
  border-radius: 0.1rem;
  padding: 0 0.1rem;
  margin-right: 0.2rem;
  height: 0.36rem;
  font-size: 0.2rem;
  float: left;
  display: block;
}
.warpper .storedetail .s_info .s_name .label .l3 {
  color: #D81E06;
  border: 1px solid #D81E06;
  border-radius: 0.1rem;
  padding: 0 0.1rem;
  height: 0.36rem;
  font-size: 0.2rem;
  float: left;
  display: block;
}
.warpper .storedetail .s_info .scollet {
  position: absolute;
  right: 0.16rem;
  top: 0.3rem;
  display: block;
  height: 0.4rem;
  padding: 0 0.2rem;
  border-radius: 0.2rem;
  border: 1px solid #9A9A9A;
  line-height: 0.4rem;
  font-size: 0.24rem;
}
.warpper .storedetail .s_info .scollet.active {
  border-color: #d81e06;
  color: #d81e06;
}
.warpper .storedetail .s_sort {
  background: #FFFFFF;
  width: 7.5rem;
  height: 0.8rem;
  border-bottom: 1px solid  #E8E8E8;
}
.warpper .storedetail .s_sort li {
  float: left;
  width: 2.5rem;
  line-height: 0.8rem;
  text-align: center;
  position: relative;
  font-size: 0.3rem;
  color: #333333;
}
.warpper .storedetail .s_sort li.active {
  color: #F37600;
}
.warpper .storedetail .s_sort li.active:after {
  width: 0.3rem;
  position: absolute;
  left: 1.1rem;
  bottom: 0;
  height: 0.03rem;
  background: #F37600;
  content: '';
}
.warpper .storedetail .s_product .item {
  display: block;
  width: 7.5rem;
  padding-bottom: 0.2rem;
  background: #ffffff;
  margin-bottom: 0.2rem;
  position: relative;
}
.warpper .storedetail .s_product .item .imgLogo {
  display: none;
}
.warpper .storedetail .s_product .item .title {
  padding: 0.3rem 0.16rem 0 0.16rem;
  line-height: 0.48rem;
  font-size: 0.3rem;
  color: #000000;
  width: 6.5rem;
  padding-bottom: 0.2rem;
  max-height: 1.3rem;
  overflow: hidden;
}
.warpper .storedetail .s_product .item .title span {
  background: #F75652;
  padding: 0 0.09rem;
  color: #FFFFFF;
  border-radius: 0.05rem;
  margin-right: 0.1rem;
  height: 0.32rem;
  line-height: 0.32rem;
}
.warpper .storedetail .s_product .item .price {
  padding-left: 0.16rem;
  font-size: 0.24rem;
  line-height: 0.48rem;
  color: #F37600;
}
.warpper .storedetail .s_product .item .price .pnum {
  font-size: 0.4rem;
  font-weight: 600;
}
.warpper .storedetail .s_product .item .label {
  width: 100%;
  height: 0.34rem;
  padding: 0 0.16rem;
}
.warpper .storedetail .s_product .item .label .sl_1 {
  margin-right: 0.1rem;
  color: #ffffff;
  background: linear-gradient(to right, #F37600, #F6921C);
  color: #FFFFFF;
  font-size: 0.2rem;
  line-height: 0.26rem;
  padding: 0 0.1rem;
  border-radius: 0.04rem;
}
.warpper .storedetail .s_product .item .label .sl_2 {
  margin-right: 0.1rem;
  color: #ffffff;
  border: 1px solid #3CC158;
  color: #3CC158;
  font-size: 0.2rem;
  line-height: 0.26rem;
  padding: 0 0.1rem;
  border-radius: 0.04rem;
}
.warpper .storedetail .s_product .item .label .sl_3 {
  margin-right: 0.1rem;
  color: #ffffff;
  border: 1px solid #2A93FB;
  color: #2A93FB;
  font-size: 0.2rem;
  line-height: 0.26rem;
  padding: 0 0.1rem;
  border-radius: 0.04rem;
}
.warpper .storedetail .s_product .item .storelink {
  padding: 0.2rem 0.16rem 0 0.16rem;
  color: #9D9C9C;
}
.warpper .storedetail .s_product .item .storelink object {
  padding-left: 0.17rem;
  color: #000000;
}
.warpper .storedetail .s_product .item .storelink object a {
  padding-right: 0.18rem;
  position: relative;
}
.warpper .storedetail .s_product .item .storelink object a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 0.34rem;
  background: url(../images/pstoreright.png) no-repeat center center;
  width: 0.09rem;
  background-size: 0.09rem 0.17rem;
}
.warpper .storedetail .s_product .item i {
  position: absolute;
  top: 0.23rem;
  right: 0;
  border-radius: 0.2rem 0 0 0.2rem;
  background: #F3F8FF;
  height: 0.44rem;
  width: 0.7rem;
}
.warpper .storedetail .s_product .item i:after {
  content: '';
  position: absolute;
  width: 0.28rem;
  height: 0.24rem;
  background: url(../images/img.png) no-repeat;
  background-size: 100% 100% ;
  top: 0.1rem;
  left: 0.2rem;
}
.warpper .evaluation .service {
  width: 7.5rem;
  height: 1.36rem;
  background: #FFFFFF;
  padding: 0 0.16rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.2rem;
}
.warpper .evaluation .service .logo {
  width: 0.9rem;
  height: 1.36rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.warpper .evaluation .service .logo .img {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 0.45rem;
  background: #E8E8E8;
  border: 1px solid #E8E8E8;
}
.warpper .evaluation .service .readname {
  padding-left: 0.17rem;
}
.warpper .evaluation .service .readname p {
  font-size: 0.28rem;
  color: #000000;
}
.warpper .evaluation .comprehensive {
  width: 7.5rem;
  background: #FFFFFF;
  margin-bottom: 0.2rem;
  position: relative;
}
.warpper .evaluation .comprehensive .score {
  height: 1.76rem;
  width: 7.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row ;
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 0.5rem;
}
.warpper .evaluation .comprehensive .score .label {
  font-size: 0.29rem;
  color: #000000;
}
.warpper .evaluation .comprehensive .score #test1 {
  height: 0.42rem;
  position: initial;
}
.warpper .evaluation .comprehensive .score #test1 .layui-rate {
  padding: 0 !important;
}
.warpper .evaluation .comprehensive .score #test1 span {
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 7.5rem;
  height: 0.3rem;
  text-align: center;
}
.warpper .evaluation .comprehensive .import {
  height: 2rem;
  width: 7.5rem;
}
.warpper .evaluation .comprehensive .import .tarea {
  height: 2rem;
  width: 7.5rem;
  border: 0;
  resize: none;
  padding: 0.2rem 0.16rem;
  line-height: 0.32rem;
}
.warpper .evaluation .grade {
  width: 7.5rem;
  background: #FFFFFF;
}
.warpper .evaluation .grade .name {
  width: 7.5rem;
  height: 0.88rem;
  line-height: 0.88rem;
  padding: 0 0.2rem;
  font-size: 0.26rem;
  color: #000000;
  border-bottom: 1px solid #E8E8E8;
}
.warpper .evaluation .grade .name .tips {
  float: right;
  color: #888888;
  font-size: 0.24rem;
}
.warpper .evaluation .grade .mark {
  padding: 0.3rem 0.16rem;
}
.warpper .evaluation .grade .mark .item {
  height: 0.5rem;
  width: 7.18rem;
  line-height: 0.5rem;
}
.warpper .evaluation .grade .mark .item .label {
  float: left;
  color: #444444;
  font-size: 0.26rem;
}
.warpper .evaluation .grade .mark .item .satellite {
  float: right;
  height: 0.5rem;
}
.warpper .evaluation .grade .mark .item .satellite .layui-rate {
  padding: 0 !important ;
  height: 0.5rem !important;
}
.warpper .evaluation .grade .mark .item .satellite .layui-rate .layui-inline {
  height: 0.5rem !important;
}
.warpper .evaluation .grade .mark .item .satellite .layui-rate .layui-inline .layui-icon {
  height: 0.5rem !important;
}
.warpper .evaluation .button {
  padding: 0 0.16rem;
  height: 0.98rem;
}
.warpper .evaluation .button .sumbit {
  width: 100%;
  height: 0.98rem;
  color: #FFFFFF;
  background: #F6901A;
  border: 0;
  font-size: 0.29rem;
}
.warpper .mystore .my_store {
  width: 7.5rem;
  height: 1.5rem;
  background: #FFFFFF;
}
.warpper .mystore .store_address {
  width: 7.5rem;
  height: 0.8rem;
  line-height: 0.8rem;
}
.showimgAll {
  width: 100%;
  position: fixed;
  top: 0.88rem;
  left: 0;
  z-index: 3000;
  height: 100%;
}
.showimgAll .hierarchy {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0.6;
  z-index: 4000;
  background: #000000;
}
.showimgAll .close {
  display: block;
  position: absolute;
  right: 2%;
  top: 2%;
  width: 0.4rem;
  height: 0.4rem;
  background: url(../images/closeimg.png) no-repeat;
  background-size: 0.4rem 0.4rem;
}
.showimgAll .imgAll {
  width: 7.5rem;
  text-align: center;
  height: 100%;
  position: absolute;
  z-index: 5000;
}
.showimgAll .imgAll ul {
  width: 7.5rem;
  overflow: hidden;
  height: 100%;
}
.showimgAll .imgAll ul li {
  width: 7.5rem;
  float: left;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.showimgAll .imgAll ul li img {
  max-width: 7.2rem;
  max-height: 5.74rem;
}
.showimgAll .imgAll .num {
  position: absolute;
  top: 0.32rem;
  right: 0.18rem;
  color: #FFFFFF;
  font-size: 0.24rem;
}
.showimgAll .detail {
  position: absolute;
  left: 2.74rem;
  bottom: 0.93rem;
  width: 2.56rem;
  height: 0.64rem;
  text-align: center;
  background: #407BC2;
  font-size: 0.28rem;
  line-height: 0.64rem;
  z-index: 5000;
  color: #FFFFFF;
}
.page_img {
  display: block;
}
.page_img .detail-photo {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.page_img .detail-photo .list {
  float: left;
  width: 100%;
  height: 4.23rem;
}
.page_img .detail-photo .list li {
  float: left;
  width: 10%;
  height: 4.23rem;
}
.page_img .detail-photo .list li figure {
  width: 100%;
  padding-bottom: 75%;
  overflow: hidden;
  background: #fff;
  position: relative;
  height: 4.23rem;
}
.page_img .detail-photo .list li figure span {
  display: block;
  width: 100%;
  height: 4.23rem;
  position: absolute;
  left: 0;
  top: 0;
}
.page_img .detail-photo .list img {
  display: block;
  height: 4.23rem;
  margin: 0 auto;
}
.page_img .detail-photo .num {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  color: #FFF;
  font-size: .2rem;
  padding: 0 0.2rem;
  border-radius: 0.25rem;
}
.specificat {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.specificat .shadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.4;
  z-index: 100;
}
.specificat .optionspecificat {
  background: #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  min-height: 50%;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  padding: 0.2rem 0.16rem 0 0.16rem;
}
.specificat .optionspecificat i {
  width: 0.28rem;
  height: 0.28rem;
  background: url(../images/closetip.png) no-repeat;
  background-size: 100% ;
  position: absolute;
  right: 0.16rem;
  top: 0.2rem;
}
.specificat .optionspecificat .tipsproduct {
  padding: 0.1rem 0;
  width: 100%;
}
.specificat .optionspecificat .tipsproduct img {
  width: 2.5rem;
  height: 1.41rem;
  margin-right: 0.25rem;
}
.specificat .optionspecificat .tipsproduct .price {
  color: #f37600;
  padding-top: 0.17rem;
  line-height: 0.34rem;
  font-size: 0.3rem;
}
.specificat .optionspecificat .tipsproduct .repertory {
  padding-top: 0.08rem;
  line-height: 0.28rem;
  font-size: 0.2rem;
  color: #afafaf;
}
.specificat .optionspecificat .tipsproduct .fication {
  line-height: 0.33rem;
  color: #000000;
}
.specificat .optionspecificat .package {
  padding: 0.3rem 0 0 0;
  border-bottom: 1px solid #e8e8e8;
}
.specificat .optionspecificat .package p {
  line-height: 0.22rem;
  color: #000000;
}
.specificat .optionspecificat .package ul {
  padding-top: 0.3rem;
}
.specificat .optionspecificat .package ul li {
  height: 0.56rem;
  padding: 0 0.28rem;
  line-height: 0.56rem;
  background: #f6f6f6;
  color: #000000;
  margin-right: 0.2rem;
  margin-bottom: 0.3rem;
  float: left;
  border-radius: 0.28rem;
}
.specificat .optionspecificat .package ul li.active {
  background: #fef8f2;
  border: 1px solid #f37600;
  color: #f37600;
  line-height: 0.52rem;
}
.specificat .optionspecificat .numbers {
  padding: 0.3rem 0 0 0;
  margin-bottom: 1.5rem;
}
.specificat .optionspecificat .numbers .header {
  line-height: 0.62rem;
  color: #000000;
}
.specificat .optionspecificat .numbers .txt {
  width: 0.72rem;
  height: 0.4rem;
  background: #f6f6f6;
  border: 0;
  text-align: center;
}
.specificat .optionspecificat .numbers .plus {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  text-align: center;
}
.specificat .optionspecificat .numbers .minus {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  text-align: center;
}
.specificat .optionspecificat .btn {
  margin-bottom: 0.16rem;
}
.specificat .optionspecificat .btn .sumbit {
  height: 0.73rem;
  width: 100%;
  border-radius: 0.365rem;
  border: 0;
  background: linear-gradient(to right, #f6921c, #f37600);
  color: #ffffff;
  font-size: 0.3rem;
}
.login_logo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 3.54rem;
}
.login_logo img {
  width: 1.31rem;
  height: 1.45rem;
}
.member {
  position: relative;
}
.member .regist {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.member .regist ul {
  width: 15rem;
  transform: translate3d(0px, 0px, 0px);
  transition: -webkit-transform 500ms linear 0s;
}
.member .regist .firstStep {
  float: left;
  width: 7.5rem;
}
.member .regist .secondStep {
  float: left;
  width: 7.5rem;
}
.member .sign {
  padding: 0 0.75rem;
}
.member .sign .item {
  border: 1px solid #ffffff;
  border-radius: 0.1rem;
  height: 0.88rem;
  margin-bottom: 0.4rem;
}
.member .sign .item .txt {
  border: 0;
  width: 100%;
  height: 0.88rem;
  padding-left: 0.7rem;
  border-radius: 0.1rem;
  background: none;
  color: #ffffff;
  font-size: 0.28rem;
}
.member .sign .item .txt::-webkit-input-placeholder {
  color: #ffffff;
}
.member .sign .item .txt::-moz-placeholder {
  color: #ffffff;
}
.member .sign .item .txt:-ms-input-placeholder {
  color: #ffffff;
}
.member .sign .item.uname {
  background: url(../images/login_user.png) no-repeat center left;
  background-size: 0.24rem 0.27rem;
  background-position-x: 0.24rem;
}
.member .sign .item.uphone {
  background: url(../images/login_phone.png) no-repeat center left;
  background-size: 0.2rem 0.3rem;
  background-position-x: 0.26rem;
}
.member .sign .item.upwd {
  background: url(../images/login_pwd.png) no-repeat center left;
  background-size: 0.26rem 0.28rem;
  background-position-x: 0.23rem;
  position: relative;
}
.member .sign .item.upwd .showpwd {
  display: block;
  position: absolute;
  right: 0.16rem;
  width: 0.3rem;
  height: 0.24rem;
  top: 0.32rem;
  background: url(../images/show_pwd.png) no-repeat;
  background-size: 100% 100% ;
}
.member .sign .item.upwd .hidepwd {
  display: block;
  position: absolute;
  right: 0.16rem;
  width: 0.3rem;
  height: 0.24rem;
  top: 0.32rem;
  background: url(../images/hide_pwd.png) no-repeat;
  background-size: 100% 100% ;
}
.member .sign .item.ucode {
  position: relative;
  background: url(../images/login_code.png) no-repeat center left;
  background-size: 0.26rem 0.28rem;
  background-position-x: 0.23rem;
}
.member .sign .item.ucode .r_iCode,
.member .sign .item.ucode .r_pCode {
  width: 4.45rem;
}
.member .sign .item.ucode img {
  position: absolute;
  width: 1.25rem ;
  height: 0.48rem;
  right: 0.16rem;
  top: 0.2rem;
}
.member .sign .item.ucode .obtain {
  position: absolute;
  display: block;
  right: 0.16rem;
  top: 0.2rem;
  height: 0.48rem;
  padding: 0 0.2rem;
  background: #ffffff;
  line-height: 0.48rem;
  color: #2e9fd3;
  border: 1px solid #2e9fd3;
  border-radius: 0.05rem;
}
.member .btn {
  padding: 0 0.75rem;
  margin-top: 0.8rem;
}
.member .btn .sumbit {
  border: 0;
  width: 100%;
  height: 0.8rem;
  background: #ffffff;
  color: #6a8ed9;
  font-size: 0.3rem;
  border-radius: 0.1rem ;
}
.member .tool {
  padding: 0 0.75rem;
  line-height: 0.55rem;
}
.member .tool span {
  float: right;
}
.member .tool a {
  color: #ffffff;
  font-size: 0.26;
}
.member .authorization {
  position: absolute;
  bottom: 0.4rem;
  width: 7.5rem;
  height: 0.48rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.member .authorization a {
  display: block;
  width: 0.48rem;
  height: 0.48rem;
  background: url(../images/qq.png) no-repeat;
  background-size: 0.48rem;
}
.multi-select {
  position: relative;
  transition: opacity 0.4s, z-index 0.4s;
  opacity: 1;
  z-index: 10000;
  visibility: visible;
}
.multi-select .grayLayer {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 888;
  background: rgba(0, 0, 0, 0.7);
  display: block;
}
.multi-select .multi-select-content {
  width: 100%;
  display: block;
  position: fixed;
  z-index: 889;
  color: black;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  bottom: -350px;
  left: 0;
  background: white;
  bottom: 0;
  border-radius: 0.2rem 0.2rem 0 0;
  height: 8rem;
}
.multi-select .multi-select-content .multi-title {
  height: 0.8rem;
  width: 7.5rem;
  padding-top: 0.04rem;
  position: relative;
}
.multi-select .multi-select-content .multi-title span {
  display: block;
  width: 100%;
  line-height: 0.8rem;
  text-align: center;
  font-size: 0.34rem;
  color: #000000;
}
.multi-select .multi-select-content .multi-title i {
  width: 0.2rem;
  height: 0.2rem;
  background: url(../images/multi-close.png) no-repeat center center;
  background-size: 0.2rem;
  position: absolute;
  top: 0.34rem;
  right: 0.24rem;
}
.multi-select .multi-select-content .multi-wrapper {
  height: 5rem;
  overflow-y: auto;
}
.multi-select .multi-select-content .multi-wrapper .multi-slide {
  width: 7.5rem;
  height: 0.88rem;
  padding: 0 0.16rem;
  line-height: 0.88rem;
  font-size: 0.28rem;
  color: #000000;
  border-bottom: 1px solid #F1F1F1;
}
.multi-select .multi-select-content .multi-wrapper .multi-slide .isbind {
  background: url(../images/redio.png) no-repeat center right;
  position: relative;
  display: block;
  width: 100%;
  background-size: 0.28rem;
}
.multi-select .multi-select-content .multi-wrapper .multi-slide .isbind .checkbox {
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 0.88rem;
}
.multi-select .multi-select-content .multi-wrapper .multi-slide .isbind.checked {
  background: url(../images/redioactive.png) no-repeat center right;
  background-size: 0.28rem;
}
.multi-select .multi-select-content .multi-button {
  height: 1rem;
  padding: 0.1rem 0.16rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7.5rem;
}
.multi-select .multi-select-content .multi-button .multi-reset {
  width: 3.5rem;
  border: 1px solid #E8E8E8;
  border-radius: 0.1rem;
  background: #F1F1F1;
  height: 0.8rem;
  color: #000000;
  font-size: 0.3rem;
  margin-right: 0.08rem;
}
.multi-select .multi-select-content .multi-button .multi-confirm {
  width: 3.5rem;
  border: 0;
  border-radius: 0.1rem;
  background: #F6901A;
  height: 0.8rem;
  color: #FFFFFF;
  font-size: 0.3rem;
}
.auditthe {
  padding: 0.1rem 0;
  padding: 0.24rem;
}
.auditthe .auditimg {
  width: 1.12rem;
  height: 1.28rem;
}
.auditthe p {
  line-height: 0.56rem !important;
}
.auditthe .auditTips {
  text-align: center;
  padding-top: 0.2rem;
}
.auditthe .auditTips p {
  line-height: 0.48rem !important;
  text-align: left !important;
}
.auditthe .btnok {
  display: block;
  margin-top: 0.3rem;
  background: #F6901A;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #FFFFFF;
  border-radius: 0.1rem;
  font-size: 0.3rem;
  font-weight: 500;
  font-family: PingFang SC;
}
.auditthe .hostok {
  display: block;
  float: left;
  border: 1px solid #F6901A;
  width: 2.84rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color: #F6901A;
  border-radius: 0.1rem;
}
.auditthe .editproduct {
  display: block;
  float: left;
  width: 2.84rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  color: #FFFFFF;
  border-radius: 0.1rem;
  background: #F6901A;
  margin-left: 0.2rem;
}
.applyFor .row {
  background: #FFFFFF;
  width: 7.5rem;
  min-height: 0.88rem;
  position: relative;
}
.applyFor .row .label {
  float: left;
  width: 2rem;
  padding-left: 0.16rem;
  font-size: 0.28rem;
  color: #000000;
  line-height: 0.88rem;
}
.applyFor .row .txt {
  border: 0;
  width: 5.5rem;
  padding-right: 0.16rem;
  text-align: right;
  height: 0.88rem;
}
.applyFor .row .fileImg {
  height: 2.78rem;
  width: 7.5rem;
  padding-top: 0.88rem;
}
.applyFor .row_tips {
  line-height: 0.63rem;
  width: 7.5rem;
  height: 0.63rem;
  padding: 0 0.16rem;
  font-size: 0.24rem;
  color: #9E9C9C;
}
.applyFor .row.b:before {
  content: '';
  position: absolute;
  left: 0;
  background: #E8E8E8;
  height: 1px;
  bottom: 0;
  width: 7.5rem;
}
.applyFor .row_btn {
  width: 7.5rem;
  padding: 0 0.16rem;
  height: 0.8rem;
}
.applyFor .row_btn .submit {
  width: 100%;
  height: 0.8rem;
  color: #FFFFFF;
  background: #F6901A;
  border: 0;
  font-size: 0.28rem;
}