@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  color: #333;
}

input,
img,
fieldset {
  border: none;
}

input,
select,
fieldset {
  vertical-align: middle;
}

ul,
ol {
  padding-left: 0;
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.none {
  display: none;
}

.dib {
  display: inline-block;
}

.di-vm {
  display: inline-block;
  vertical-align: middle;
}

img {
  width: 100%;
  max-width: 100%;
  vertical-align: top;
}

i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}

input,
textarea {
  outline: none;
}

input::-webkit-input-placeholder {
  color: #999;
}

a {
  -webkit-tap-highlight-color: transparent;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

.clearfix:after, .i-userMain:after, .whsleUserBox .whsleUseImg:after, .clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.elli, .searchList li .searchArea .searchName, .treasureList li .searchArea .searchName, .limitList li .searchArea .searchName, .cartBox li .searchArea .searchName, .cartNav .cartNavText, .cardList.cardList2 li .cardBox .cardName, .goodsList li .goodsName, .whsleList li .textBox .title, .historyMain dl dd .btn, .index-searchMain .index-searchBox, .i-getWebConfig .swiper-slide, .swiper-games .swiper-slide .gameName, .i-userMain .user .userName, .personalMain .personalTopCent .userScore, .scoreDetail .scoreIteam li .scoreTitle, .mydbao .goodsTextBox .goodsTitle, .collageul li .userName, .i-auctMain .swiperAuctText .goodsName, .auctList li .searchArea .searchName, .swiper-dbao .swiper-dbaoSlide .goodsName, .i-listBox .listBox .list .goodsName, .payGoodsBox2 li .goodsTitle, .payGoodsBox2 li .numMain, .payGoodsBox2 li p.text, .mcdsGift .text, .merchandiseBox .mcdsCard .goodsName {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.boxsizing, .main, .cartNav, .cardList.cardList2 li, .nav a, .searchMain .searchBox .searchText, .historyMain, .emptyMain, .filterMain, .navTab a, .navTab2 a, .serviceNav .service, .serviceNav.hasCart .cartBtn, .index-searchMain .index-searchBox, .taskMainBox .teskGameUl dl dd p span.gameTeskTit, .taskMainBox .teskGameUl dl dd p span.rmbImg, .dialog .dialogMain, .dialog-selectGoods .selectMain, .payAdr, .personalMain .personalTopCent, .scoreDetail .scoreNav a, .addAddressMain dd textarea.addr-detail, .dbaosuccess .btn, .collageIng-dialog .collageIngMain, .auctList li .searchArea .scroeValBox input, .auctTimeNav li, .myticketMain .ticket_textarea, .i-top .t-top .navPOP, .i-gameMain .gamelist a, .swiper-dbao .swiper-dbaoSlide, .i-listBox, .i-listBox .listBox .list, .teskTop .signBox .btn-rule, .taskMainBoxEdit, .myGoods-typeBox a, .payGoodsBox2 li, .merchandiseBox .mcdsCard .goodsName {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.breakword, .dialog .dialogMain .com-text, .dialog .dialogMain .com-dl dd, .dialog .dialogMain .com-list {
  word-wrap: break-word;
  word-break: break-all;
}

.linethrough {
  text-decoration: line-through;
}

.fontweight {
  font-weight: 800 !important;
}

body, html {
  background-color: #393b3e;
  min-height: 100%;
  height: 100%;
  position: relative;
}

.mt22 {
  margin-top: 0.55rem;
}

.mt16 {
  margin-top: 0.4rem;
}

.mt12 {
  margin-top: 0.3rem;
}

.ml6 {
  margin-left: 0.4rem;
}

.pt10 {
  padding-top: 0.25rem;
}

.main {
  width: 18.75rem;
  min-height: 100%;
  background-color: #efeff4;
  margin: 0 auto;
  padding-bottom: 3.15rem;
  position: relative;
}

.main .lsdk {
  position: absolute;
  right: 0;
  top: 25rem;
  width: 4.05rem;
  height: 4.05rem;
  z-index: 9;
  display: none;
}

.line {
  height: 0;
  border-top: 1px solid #e8e8e9;
}

.lineTop {
  border-top: 1px solid #e8e8e9;
}

.lineBottom {
  border-bottom: 1px solid #e8e8e9;
}

.ed {
  color: #ff662d !important;
}

.red {
  color: #e42828 !important;
}

.c3 {
  color: #333;
}

.c6 {
  color: #666;
}

.com-textMain {
  padding: 0 0.5rem;
  background-color: #fff;
}

.com-textMain dd {
  border-top: 1px solid #e8e8e9;
  line-height: 2rem;
  height: 2rem;
  font-size: 0.75rem;
  color: #666;
  position: relative;
}

.com-textMain dd .textName {
  display: inline-block;
  width: 4rem;
  vertical-align: middle;
  text-align: right;
}

.com-textMain dd input, .com-textMain dd select, .com-textMain dd option {
  color: #666;
  display: inline-block;
  width: 7.5rem;
  border: 1px solid #e8e8e9;
  vertical-align: middle;
  font-size: 0.5rem;
}

.com-textMain dd input {
  padding: 0.125rem 0.25rem;
  height: 0.75rem;
  line-height: 0.75rem;
  width: 7rem;
}

.com-textMain dd select, .com-textMain dd option {
  padding: 0.15rem 0.25rem;
  height: 1.25rem;
}

.com-titleMain {
  height: 0.8rem;
  line-height: 0.8rem;
  color: #ff7716;
  font-size: 0.8rem;
}

.com-titleMain i {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.075rem;
  width: 0.65rem;
  height: 0.65rem;
  background: url(../images/icon/comTitle.png) center center no-repeat;
  background-size: 100%;
  margin-right: 0.25rem;
}

.com-titleMain a {
  float: right;
  text-align: right;
  color: #999;
  font-size: 0.55rem;
  padding-right: 0.1rem;
  line-height: 0.8rem;
}

.com-titleMain a::after {
  content: "";
  height: 0.65rem;
  width: 0.65rem;
  display: inline-block;
  border-radius: 50%;
  background: #ff7716 url(../images/icon/more.png) 0 0 no-repeat;
  background-size: 0.65rem 0.65rem;
  vertical-align: middle;
  margin-left: 0.15rem;
  margin-top: -0.1rem;
}

.com-emptyText {
  text-align: center;
  font-size: 0.65rem;
  color: #999;
  padding: 2.5rem 0;
}

.com-notemptyText {
  text-align: center;
  font-size: 0.65rem;
  color: #999;
  padding: 0.25rem 0;
}

.com-select {
  width: 17.36111rem;
  height: 1.38889rem;
  margin: 0.48611rem auto;
  text-align: center;
  line-height: 1.04167rem;
  font-size: 0.69444rem;
  border: 0.03472rem solid #ededed;
  color: #f89666;
  border-radius: 0.17361rem;
  background: #fff url(../images/icon/down.png) 16.31944rem center no-repeat;
  background-size: 0.59028rem auto;
  overflow: hidden;
  position: relative;
}

.com-select .gameValue {
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 1.38889rem;
}

.com-select select {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.com-select option {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.btn {
  display: inline-block;
  line-height: 1.2rem;
  height: 1.2rem;
  min-width: 1.7rem;
  font-size: 0.6rem;
  text-align: center;
  padding: 0 0.55rem;
  border-radius: 0.2rem;
  overflow: hidden;
  border: 1px solid #e8e8e9;
  background-color: #fff;
  color: #999;
}

.btnY, .btn.on {
  border: 1px solid #ff662d;
  background-color: #ff662d;
  color: #fff;
}

.btnG {
  border: 1px solid #e1e1e1;
  background-color: #e1e1e1;
  color: #666;
}

.btnB {
  border: 1px solid #3bb0ed;
  background-color: #3bb0ed;
  color: #fff;
}

.btnW, .btn.cur {
  border: 1px solid #ff662d;
  background-color: #fff;
  color: #ff662d;
}

.btnBigY {
  border: 1px solid #ff662d;
  background-color: #ff662d;
  color: #fff;
  display: block;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.75rem;
}

.swiper-container-horizontal .swiper-pagination-bullet-active {
  background-color: #ff662d;
}

.copy {
  display: inline-block;
  width: 1.95rem;
  height: 0.95rem;
  border-radius: 0.2rem;
  border: 1px solid #e8e8e9;
  font-size: 0.55rem;
  text-align: center;
  line-height: 0.95rem;
  color: #999;
}

.copy.copyY {
  border: 1px solid #a35b23;
  color: #a35b23;
}

.cartBtn {
  height: 1rem;
  width: 1rem;
  background: url(../images/icon/cart.png) center center no-repeat;
  background-size: 0.95rem;
  display: block;
}

.hotIcon {
  position: absolute;
  left: 0.35rem;
  top: 0;
  width: 1.2rem;
  height: 1.025rem;
  line-height: 0.75rem;
  text-align: center;
  color: #fff;
  font-size: 0.5rem;
  background: url(../images/icon.png) -5.25rem -21.475rem no-repeat;
  background-size: 18.15rem auto;
}

.com-texts {
  display: block;
  width: 17.5rem;
  margin: 0.25rem auto;
  text-align: center;
  font-size: 0.5rem;
  line-height: 1rem;
  padding: 0.25rem 0;
  background-color: #fff;
}

.vipType {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2.1rem;
  height: 0.75rem;
  padding-left: 0.9rem;
  text-align: center;
  line-height: 0.75rem;
  color: #fff;
  font-size: 0.45rem;
}

.vipType.vipType1 {
  background: url(../images/icon-vip.png) 0rem 0rem no-repeat;
  background-size: 100% auto;
}

.vipType.vipType2 {
  background: url(../images/icon-vip.png) 0rem -0.875rem no-repeat;
  background-size: 100% auto;
}

.vipType.vipType3 {
  background: url(../images/icon-vip.png) 0rem -1.75rem no-repeat;
  background-size: 100% auto;
}

.vipType.vipType4 {
  background: url(../images/icon-vip.png) 0rem -2.625rem no-repeat;
  background-size: 100% auto;
}

.vipType.vipType5 {
  background: url(../images/icon-vip.png) 0rem -3.575rem no-repeat;
  background-size: 100% auto;
}

.vipType.vipType6 {
  background: url(../images/icon-vip.png) 0rem -4.5rem no-repeat;
  background-size: 100% auto;
}

.soldOut {
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  width: 2.15rem;
  height: 1.8rem;
  background: url(../images/icon/no0.png) 0 0 no-repeat;
  background-size: 100%;
}

.soldOut1 {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 2.15rem;
  height: 1.8rem;
  background: url(../images/icon/no3.png) 0 0 no-repeat;
  background-size: 100%;
}

.timeBox {
  height: 0.85rem;
  width: auto;
  line-height: 0.85rem;
  border: 0.05rem solid #fc4d6c;
  border-radius: 0.25rem;
  display: inline-block;
  overflow: hidden;
  background-color: #fc4d6c;
}

.timeBox.none {
  display: none;
}

.timeBox span {
  padding: 0 0.25rem;
  background-color: #fc4d6c;
  color: #fff;
  float: left;
  height: 0.85rem;
  line-height: 0.85rem;
  font-size: 0.6rem;
}

.timeBox span.timeText {
  min-width: 2rem;
}

.timeBox span.setTime {
  background-color: #fff;
  color: #fc4d6c;
}

.page {
  padding: 1rem;
  background-color: #fff;
}

.page .title {
  text-align: center;
  font-size: 1rem;
  font-weight: 800;
  color: #333;
  line-height: 1.5rem;
  padding: 1.5rem 0;
}

.page .smallTitle {
  line-height: 1rem;
  font-size: 0.5rem;
  color: #333;
  font-weight: 800;
  padding-top: 0.45rem;
}

.page .text {
  padding-bottom: 0.1rem;
  line-height: 0.85rem;
  font-size: 0.55rem;
  color: #666;
}

.searchList .textBox, .treasureList .textBox, .limitList .textBox {
  height: 0.9rem;
}

.searchList .textBox .bigText, .treasureList .textBox .bigText, .limitList .textBox .bigText {
  float: left;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #e42828;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0 0.1rem;
}

.searchList .textBox .smallText, .treasureList .textBox .smallText, .limitList .textBox .smallText {
  float: left;
  height: 0.9rem;
  line-height: 1rem;
  font-size: 0.5rem;
  color: #e42828;
}

.searchList .textBox .text, .treasureList .textBox .text, .limitList .textBox .text {
  color: #666;
}

.searchList .timeBox, .treasureList .timeBox, .limitList .timeBox {
  margin-top: 0.15rem;
}

.searchList .timeBox span, .treasureList .timeBox span, .limitList .timeBox span {
  height: 0.9rem;
  line-height: 1rem;
  font-size: 0.55rem;
  color: #666;
}

.searchList li, .treasureList li, .limitList li {
  border: 0.05rem solid #ececec;
  height: 4.65rem;
  width: 100%;
  margin-bottom: 0.475rem;
  position: relative;
  background: #fff;
  background-size: 100% 100%;
  box-sizing: border-box;
  margin-bottom: 0.55rem;
}

.searchList li .icon, .treasureList li .icon, .limitList li .icon {
  position: absolute;
  left: 0.55rem;
  top: 0.65rem;
  width: 3.3rem;
  height: 3.3rem;
  overflow: hidden;
  border: 1px solid #e8e8e9;
  line-height: 3.3rem;
}

.searchList li .icon img, .treasureList li .icon img, .limitList li .icon img {
  vertical-align: middle;
}

.searchList li .searchArea, .treasureList li .searchArea, .limitList li .searchArea {
  position: absolute;
  left: 4.65rem;
  top: 0rem;
  width: 12.5rem;
  height: 4rem;
}

.searchList li .searchArea .searchName, .treasureList li .searchArea .searchName, .limitList li .searchArea .searchName {
  padding-top: 0.85rem;
  font-size: 0.75rem;
  color: #444;
  height: 1.25rem;
  width: 12rem;
}

.searchList li .searchArea .searchName a, .treasureList li .searchArea .searchName a, .limitList li .searchArea .searchName a {
  color: #444242;
}

.searchList li .searchArea .searchName span, .treasureList li .searchArea .searchName span, .limitList li .searchArea .searchName span {
  display: inline-block;
  width: 0.6rem;
  height: 0.95rem;
  vertical-align: middle;
}

.searchList li .searchArea .searchSurplus, .treasureList li .searchArea .searchSurplus, .limitList li .searchArea .searchSurplus {
  color: #666;
  font-size: 0.5rem;
  line-height: 1.25rem;
}

.searchList li .btn, .treasureList li .btn, .limitList li .btn {
  position: absolute;
  right: 0.45rem;
  top: 2.35rem;
}

.searchList li .zq, .treasureList li .zq, .limitList li .zq {
  top: 0.5rem;
}

.searchList li .cartBtn, .treasureList li .cartBtn, .limitList li .cartBtn {
  position: absolute;
  right: 0.8rem;
  bottom: 0.7rem;
}

.searchList {
  padding-top: 0.55rem;
}

.cartBox {
  padding: 0.8rem 0.5rem;
}

.cartBox .cartEmpty {
  padding: 3.75rem 0.5rem;
  text-align: center;
}

.cartBox .cartEmpty p {
  color: #999;
}

.cartBox .cartEmpty .btn {
  margin: 2rem auto;
  width: 4rem;
}

.cartBox .cartBoxList {
  border-radius: 0.25rem;
  background-color: #fff;
  overflow: hidden;
}

.cartBox .cartType {
  padding-top: 0.15rem;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0.7rem;
  color: #ff662d;
  margin: 0 0.55rem;
  text-indent: 1rem;
  position: relative;
}

.cartBox .cartSelect {
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  border: 1px solid #ececec;
  border-radius: 50%;
  position: absolute;
  left: -0.1rem;
  top: 50%;
  margin-top: -0.25rem;
}

.cartBox .cartSelect.on {
  border: none;
  background: url(../images/icon/select.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.cartBox .cartList {
  padding: 0 0.55rem;
}

.cartBox li {
  border-top: 0.05rem solid #ececec;
  height: 4.65rem;
  width: 100%;
  margin-bottom: 0.475rem;
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 0.55rem;
}

.cartBox li a.on .cartSelect {
  border: none;
  background: url(../images/icon/select.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.cartBox li .icon {
  position: absolute;
  left: 1.05rem;
  top: 0.65rem;
  width: 3.3rem;
  height: 3.3rem;
  overflow: hidden;
  border: 1px solid #e8e8e9;
  line-height: 3.3rem;
}

.cartBox li .icon img {
  vertical-align: middle;
}

.cartBox li .searchArea {
  position: absolute;
  left: 5.15rem;
  top: 0rem;
  width: 12.5rem;
  height: 4rem;
}

.cartBox li .searchArea .searchName {
  padding-top: 0.85rem;
  font-size: 0.75rem;
  color: #444;
  height: 1.25rem;
  width: 12rem;
}

.cartBox li .searchArea .searchName a {
  color: #444242;
}

.cartBox li .searchArea .searchName span {
  display: inline-block;
  width: 0.6rem;
  height: 0.95rem;
  vertical-align: middle;
}

.cartBox li .searchArea .textBox {
  height: 0.9rem;
}

.cartBox li .searchArea .textBox .bigText {
  float: left;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #e42828;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0 0.1rem;
}

.cartBox li .searchArea .textBox .smallText {
  float: left;
  height: 0.9rem;
  line-height: 1rem;
  font-size: 0.5rem;
  color: #e42828;
}

.cartBox li .searchArea .textBox .text {
  height: 0.9rem;
  line-height: 1rem;
  margin-left: 0.5rem;
  font-size: 0.55rem;
  color: #666;
}

.cartBox li .searchArea .timeBox {
  margin-top: 0.15rem;
}

.cartBox li .searchArea .timeBox span {
  height: 0.9rem;
  line-height: 1rem;
  font-size: 0.55rem;
  color: #666;
}

.cartBox li .searchArea .searchSurplus {
  color: #666;
  font-size: 0.5rem;
  line-height: 1.25rem;
}

.cartBox li .numBox {
  position: absolute;
  right: 0rem;
  top: 3.5rem;
}

.cartBox li .numall {
  position: absolute;
  right: 0rem;
  top: 3.5rem;
  width: 4rem;
  height: 1rem;
  text-align: center;
  color: #999;
}

.cartNav {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.4rem;
  border-top: 0.025rem solid #dedede;
  border-left: 0.025rem solid #dedede;
  background-color: #fff;
}

.cartNav .deleteBtn {
  height: 2.35rem;
  line-height: 2.35rem;
  width: 2rem;
  float: left;
  padding-left: 1.75rem;
  background: url(../images/icon/delete.png) 0.9rem center no-repeat;
  background-size: 0.6rem auto;
}

.cartNav .cartNavText {
  float: right;
  width: auto;
  line-height: 2.4rem;
  padding-right: 5rem;
  max-width: 10.25rem;
}

.cartNav .textBox {
  height: 0.9rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.6rem;
  color: #666;
}

.cartNav .textBox .bigText {
  float: left;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #e42828;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0 0.1rem;
}

.cartNav .textBox .smallText {
  float: left;
  height: 0.9rem;
  line-height: 1rem;
  font-size: 0.5rem;
  color: #e42828;
}

.cartNav .textBox .text {
  margin-left: 0.75rem;
  font-size: 0.55rem;
  color: #666;
}

.cartNav .changeBtn {
  position: absolute;
  right: 0;
  top: -0.025rem;
  height: 2.4rem;
  width: 4.7rem;
  text-align: center;
  line-height: 2.4rem;
  background-color: #ff662d;
  color: #fff;
  font-size: 0.6rem;
}

.cartNav .changeBtn.done {
  background-color: #e1e1e1;
  color: #999;
}

.cardList.cardList2 {
  font-size: 0;
}

.cardList.cardList2 li {
  display: inline-block;
  width: 8.6rem;
  height: 6.175rem;
  margin-right: 0.5rem;
}

.cardList.cardList2 li:nth-child(2n) {
  margin-right: 0;
}

.cardList.cardList2 li .cardBox {
  height: 2.5rem;
  background: url(../images/cardBg2.png) center center no-repeat;
  background-size: 100% 100%;
}

.cardList.cardList2 li .cardBox .cardName {
  padding-top: 0.45rem;
  font-size: 0.7rem;
  height: 0.7rem;
  color: #333;
  text-indent: 0.1rem;
}

.cardList.cardList2 li .cardBox .bigText {
  line-height: 1.1rem;
  font-size: 0.65rem;
}

.cardList.cardList2 li .cardBox .smallText {
  line-height: 1.2rem;
  font-size: 0.45rem;
}

.cardList.cardList2 li .cardBox .text {
  line-height: 1.2rem;
  font-size: 0.45rem;
}

.cardList li {
  margin-top: 0.55rem;
  border-radius: 0.25rem;
  width: 100%;
  height: 6.95rem;
  background-color: #efeff4;
  position: relative;
  overflow: hidden;
  border: 1px solid #e8e8e9;
  box-shadow: 0 3px 4px #e2e2e2;
}

.cardList li .cardImg {
  display: block;
  width: 100%;
  height: 5.75rem;
  overflow: hidden;
}

.cardList li .cardBox {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.95rem;
  background: url(../images/cardBg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  padding-left: 0.4rem;
  box-sizing: border-box;
}

.cardList li .cardBox .btnY, .cardList li .cardBox .btn.on {
  margin: 0.4rem;
  float: right;
}

.cardList li .bigText {
  float: left;
  height: 1.95rem;
  line-height: 1.85rem;
  color: #e42828;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0 0.1rem;
}

.cardList li .smallText {
  float: left;
  height: 1.95rem;
  line-height: 1.95rem;
  font-size: 0.5rem;
  color: #e42828;
}

.cardList li .text {
  float: left;
  height: 1.95rem;
  line-height: 1.95rem;
  font-size: 0.5rem;
  color: #666;
  margin-left: 0.65rem;
}

.cardList li .buyIcon {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.6rem;
  height: 1.55rem;
  background: url(../images/icon-buy.png) 0 0 no-repeat;
  background-size: 100%;
}

.goodsList li {
  display: inline-block;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.25rem;
  width: 8.6rem;
  height: 10.5rem;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.goodsList li:nth-child(2n) {
  margin-right: 0;
}

.goodsList li .timeBox {
  position: absolute;
  right: 0.3rem;
  top: 0.8rem;
  height: 0.85rem;
  line-height: 0.85rem;
  border: 0.05rem solid #fc4d6c;
  border-radius: 0.25rem;
  display: block;
  overflow: hidden;
}

.goodsList li .timeBox span {
  padding: 0 0.25rem;
  background-color: #fc4d6c;
  color: #fff;
  float: left;
  height: 0.85rem;
  line-height: 0.85rem;
  font-size: 0.6rem;
}

.goodsList li .timeBox span.setTime {
  background-color: #fff;
  color: #fc4d6c;
}

.goodsList li .goodsImg {
  display: block;
  width: 4.7rem;
  height: 4.7rem;
  padding-top: 1.9rem;
  margin: 0 auto;
  overflow: hidden;
}

.goodsList li .goodsImg img {
  display: inline-block;
  vertical-align: middle;
}

.goodsList li .goodsImg:after {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.goodsList li .goodsName {
  display: block;
  padding: 0.5rem 0.25rem 0 0.35rem;
  line-height: 1.15rem;
  font-size: 0.7rem;
  color: #333;
}

.goodsList li .cardBox {
  line-height: 1rem;
  padding-left: 0.4rem;
}

.goodsList li .cardBox .btnY, .goodsList li .cardBox .btn.on {
  margin: 0 0.6rem;
  float: right;
}

.goodsList li .bigText {
  float: left;
  height: 0.85rem;
  line-height: 0.9rem;
  color: #e42828;
  font-size: 0.75rem;
  font-weight: bold;
}

.goodsList li .text {
  float: left;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.5rem;
  color: #666;
}

.goodsList li .btn {
  display: none;
}

.goodsList li .cartBtn {
  position: absolute;
  right: 0.8rem;
  bottom: 0.7rem;
}

.welfareList {
  margin-top: 0.425rem;
}

.welfareList li {
  border: 0.05rem solid #ececec;
  height: 3.9rem;
  width: 17.7rem;
  margin-bottom: 0.475rem;
  position: relative;
  background: #fff url(../images/welfare-list-bg.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  margin-bottom: 0.55rem;
}

.welfareList li .icon {
  position: absolute;
  left: 0.375rem;
  top: 0.3rem;
  width: 3.2rem;
  height: 3.2rem;
}

.welfareList li .giftArea {
  position: absolute;
  left: 4.05rem;
  top: 0rem;
  width: 12.5rem;
  height: 4rem;
}

.welfareList li .giftArea .giftName {
  line-height: 1.25rem;
  padding-top: 0.25rem;
  font-size: 0.75rem;
  color: #444;
}

.welfareList li .giftArea .giftName a {
  color: #444242;
}

.welfareList li .giftArea .giftName span {
  display: inline-block;
  width: 0.6rem;
  height: 0.95rem;
  vertical-align: middle;
}

.welfareList li .giftArea .giftSurplus {
  line-height: 0.925rem;
  font-size: 0.5rem;
  color: #454444;
}

.welfareList li .giftArea .giftSurplus .lineBg {
  display: inline-block;
  vertical-align: middle;
  width: 3.75rem;
  height: 0.275rem;
  background: #cbc1b9;
  border-radius: 0.125rem;
  overflow: hidden;
}

.welfareList li .giftArea .giftSurplus .lineBg span {
  float: left;
  width: 0%;
  height: 100%;
  background: #ff662d;
  border-radius: 0.125rem;
}

.welfareList li .giftArea .giftSurplus em {
  color: #ff662d;
}

.welfareList li .giftArea .platform {
  line-height: 0.925rem;
  font-size: 0.5rem;
  color: #454444;
}

.welfareList li .giftArea .platform span {
  color: #ff662d;
  display: inline-block;
}

.welfareList li .btn {
  position: absolute;
  right: 0.45rem;
  top: 2.1rem;
  width: 3.75rem;
}

.welfareList li .zq {
  top: 0.5rem;
}

.welfareList li .bnt-getAgain {
  right: 0.7rem;
  position: absolute;
  top: 2.45rem;
  width: 3.25rem;
  height: 1.075rem;
  background: #999;
  color: #fff;
  text-align: center;
  line-height: 1.075rem;
  font-size: 0.55rem;
  border-radius: 0.125rem;
}

.welfareList li .bnt-getAgain.on {
  background: #0297ff;
}

.welfareList li .vipType {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2.1rem;
  height: 0.75rem;
  padding-left: 0.9rem;
  text-align: center;
  line-height: 0.75rem;
  color: #fff;
  font-size: 0.45rem;
}

.welfareList li .vipType.vipType1 {
  background: #fff url(../images/icon-vip.png) 0rem 0rem no-repeat;
  background-size: 100% auto;
}

.welfareList li .vipType.vipType2 {
  background: #fff url(../images/icon-vip.png) 0rem -0.875rem no-repeat;
  background-size: 100% auto;
}

.welfareList li .vipType.vipType3 {
  background: #fff url(../images/icon-vip.png) 0rem -1.75rem no-repeat;
  background-size: 100% auto;
}

.welfareList li .vipType.vipType4 {
  background: #fff url(../images/icon-vip.png) 0rem -2.625rem no-repeat;
  background-size: 100% auto;
}

.welfareList li .vipType.vipType5 {
  background: #fff url(../images/icon-vip.png) 0rem -3.5rem no-repeat;
  background-size: 100% auto;
}

.welfareList li .vipType.vipType6 {
  background: #fff url(../images/icon-vip.png) 0rem -4.375rem no-repeat;
  background-size: 100% auto;
}

.whsleList li {
  width: 17.65rem;
  height: 4rem;
  margin: 0.35rem auto;
  position: relative;
}

.whsleList li .textBox {
  position: absolute;
  top: 0;
  width: 8.4rem;
  height: 4rem;
  padding-left: 0.5rem;
  background: linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.9) 90%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.9) 90%, rgba(255, 255, 255, 0.1) 100%);
}

.whsleList li .textBox .title {
  padding-top: 0.7rem;
  height: 1.25rem;
  line-height: 1.1rem;
  font-size: 0.8rem;
  color: #333;
  font-weight: 800;
  display: block;
}

.whsleList li .textBox .text {
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.5rem;
  color: #666;
  padding-top: 0.25rem;
}

.whsleList li .textBox .bigText {
  height: 1.25rem;
  line-height: 1rem;
  font-size: 0.8rem;
  font-weight: bold;
  color: #e42828;
}

.whsleList li:nth-child(2n+1) .textBox {
  left: 0;
}

.whsleList li:nth-child(2n) .textBox {
  right: 0;
}

.nav {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 9;
  width: 18.75rem;
  margin-left: -9.375rem;
  height: 2.45rem;
  background-color: #fff;
  text-align: center;
  font-size: 0;
  overflow: hidden;
  border-top: 1px solid #efeff4;
}

.nav a {
  display: inline-block;
  height: 2.45rem;
  width: 25%;
  padding-top: 1.5rem;
  text-align: center;
  color: #666;
  font-size: 0.5rem;
  vertical-align: middle;
}

.nav a.on {
  color: #ff662d;
}

.nav a.home {
  background: url(../images/icon.png) 0.5rem -11.85rem no-repeat;
  background-size: 18.15rem auto;
}

.nav a.home.on {
  background: url(../images/icon.png) 0.5rem -14.5rem no-repeat;
  background-size: 18.15rem auto;
}

.nav a.change {
  background: url(../images/icon.png) -4.25rem -11.85rem no-repeat;
  background-size: 18.15rem auto;
}

.nav a.change.on {
  background: url(../images/icon.png) -4.25rem -14.5rem no-repeat;
  background-size: 18.15rem auto;
}

.nav a.tesk {
  background: url(../images/icon.png) -8.9rem -11.85rem no-repeat;
  background-size: 18.15rem auto;
}

.nav a.tesk.on {
  background: url(../images/icon.png) -8.9rem -14.5rem no-repeat;
  background-size: 18.15rem auto;
}

.nav a.personal {
  background: url(../images/icon.png) -13.55rem -11.85rem no-repeat;
  background-size: 18.15rem auto;
}

.nav a.personal.on {
  background: url(../images/icon.png) -13.55rem -14.5rem no-repeat;
  background-size: 18.15rem auto;
}

.searchTop {
  height: 2.4rem;
  position: relative;
}

.searchTop.searchTop_show .searchMain, .searchTop.show_filter .searchMain, .searchTop.show_history .searchMain {
  position: fixed;
  top: 0;
  left: 50%;
  width: 18.75rem;
  margin-left: -9.375rem;
}

.searchTop.show_filter .filterMain {
  display: block;
}

.searchTop.show_history .historyMain {
  display: block;
}

.searchTop.show_history .searchMain .filterBox {
  display: none;
}

.searchTop.show_history .searchMain .search_cancel {
  display: block;
}

.searchMain {
  background-color: #f5622c;
  height: 2.4rem;
  width: 100%;
  z-index: 22;
  position: relative;
}

.searchMain .searchBox {
  height: 1.35rem;
  width: 13.5rem;
  padding: 0.525rem 0 0.45rem 1.075rem;
  float: left;
  position: relative;
}

.searchMain .searchBox .searchText {
  height: 1.35rem;
  width: 100%;
  border: none;
  background: #fff;
  border-radius: 0.675rem;
  overflow: hidden;
  padding: 0.25rem 2.05rem 0.25rem 0.55rem;
  font-size: 0.6rem;
  color: #333;
}

.searchMain .searchBox .searchText::-webkit-input-placeholder {
  color: #999;
  padding-top: 0.15rem;
}

.searchMain .searchBox .searchText[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.searchMain .searchBox .searchBtn {
  position: absolute;
  right: 0rem;
  top: 0.525rem;
  width: 2.1rem;
  height: 1.35rem;
  background: url(../images/icon/search.png) right center no-repeat;
  background-size: 1.35rem auto;
  border-radius: 0.675rem;
  overflow: hidden;
}

.searchMain .searchBox .clearBtn {
  position: absolute;
  right: 0rem;
  top: 0.525rem;
  width: 2.1rem;
  height: 1.35rem;
  text-align: center;
  line-height: 1.35rem;
  background: url(../images/icon/close.png) center center no-repeat;
  background-size: 0.5rem auto;
  display: none;
}

.searchMain .filterBox {
  float: right;
  height: 1.4rem;
  width: 2.5rem;
  text-align: center;
  line-height: 1.4rem;
  font-size: 0.7rem;
  color: #fff;
  padding-top: 0.525rem;
  margin-right: 1.5rem;
  position: relative;
}

.searchMain .filterBox span {
  position: absolute;
  left: 2.5rem;
  top: 1.125rem;
  width: 0.425rem;
  height: 0.225rem;
  background: url(../images/icon.png) -16.225rem -17.9rem no-repeat;
  background-size: 18.15rem auto;
}

.searchMain .search_cancel {
  float: right;
  height: 1.4rem;
  width: 2.5rem;
  text-align: center;
  line-height: 1.4rem;
  font-size: 0.7rem;
  color: #fff;
  padding-top: 0.525rem;
  margin-right: 1.5rem;
  position: relative;
  display: none;
}

.historyMain {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 21;
  padding-top: 2.4rem;
  display: none;
}

.historyMain .filterBox {
  width: 17.25rem;
  margin: 0 auto;
  background: #fff;
  padding: 0.25rem 0.75rem 0.5rem;
}

.historyMain dl dt {
  line-height: 1.75rem;
  font-size: 0.7rem;
  color: #606060;
  margin-top: 0.15rem;
}

.historyMain dl dd {
  font-size: 0;
}

.historyMain dl dd .btn {
  margin: 0 0.3rem 0.15rem 0;
  max-width: 4.4rem;
}

.historyMain .btnMain {
  margin-top: 2rem;
  text-align: center;
}

.emptyMain {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 21;
  padding-top: 2.4rem;
  display: none;
}

.emptyMain .emptyImg {
  padding-top: 13rem;
  margin: 0 auto;
  width: 4.95rem;
  display: block;
}

.emptyMain .emptyText {
  text-align: center;
  color: #666666;
  font-size: 0.625rem;
  margin-top: 2.25rem;
}

.filterMain {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 21;
  padding-top: 2.4rem;
  display: none;
}

.filterMain .filterBox {
  width: 17.25rem;
  margin: 0 auto;
  background: #fff;
  padding: 0.25rem 0.75rem 0.5rem;
}

.filterMain dl dt {
  line-height: 1.75rem;
  font-size: 0.7rem;
  color: #999;
  margin-top: 0.15rem;
}

.filterMain dl dd .btn {
  margin: 0 0.15rem 0.15rem 0;
}

.filterMain .btnMain {
  margin: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #e8e8e9;
}

.navTab {
  height: 2.15rem;
  width: 18.75rem;
  background-color: #fff;
  text-align: center;
  line-height: 2.15rem;
  font-size: 0;
}

.navTab a {
  display: inline-block;
  padding: 0 0.25rem;
  min-width: 20%;
  line-height: 2.05rem;
  height: 2.05rem;
  margin: 0 0.3rem;
  font-size: 0.7rem;
  color: #666;
  vertical-align: middle;
}

.navTab a.on {
  color: #ff662d;
  border-bottom: 0.1rem solid #ff662d;
}

.navTab2 {
  height: 2.15rem;
  width: 18.75rem;
  background-color: #fff;
  text-align: center;
  line-height: 2.15rem;
  font-size: 0;
}

.navTab2 a {
  display: inline-block;
  padding: 0 0.25rem;
  width: 50%;
  line-height: 2.05rem;
  height: 2.05rem;
  font-size: 1rem;
  color: #666;
  vertical-align: middle;
}

.navTab2 a.on {
  color: #ff662d;
  border-bottom: 0.1rem solid #ff662d;
}

.cardMainTop {
  font-size: 0.7rem;
  line-height: 1.5rem;
}

.cardMainTop .teskMore {
  font-size: 0.6rem;
}

.treasureMainTop {
  font-size: 0.7rem;
  line-height: 1.25rem;
  position: relative;
  z-index: 20;
}

.treasureMainTop .btn {
  margin: 0.5rem 0 0 0.5rem;
}

.treasureMainTop .otherMore {
  font-size: 0.6rem;
  height: 1.2rem;
  line-height: 1.2rem;
  margin: 0.5rem;
  color: #666;
}

.com-detailBox {
  padding: 0.375rem 0.45rem;
  background-color: #fff;
  font-size: 0.6rem;
  line-height: 0.75rem;
  position: relative;
}

.com-detailBox .detailTitle {
  line-height: 1.5rem;
  font-size: 0.8rem;
  color: #333;
}

.com-detailBox .detailText {
  line-height: 1rem;
  font-size: 0.55rem;
  color: #999;
  padding-top: 0.15rem;
}

.com-detailBox .scoreBigSmall {
  line-height: 1rem;
}

.com-detailBox .scoreBigSmall .bigText {
  display: inline-block;
  line-height: 0.85rem;
  font-size: 0.75rem;
  color: #e42828;
  font-weight: bold;
  padding: 0 0.05rem;
}

.com-detailBox .scoreBigSmall .smallText {
  display: inline-block;
  line-height: 1rem;
  font-size: 0.5rem;
  color: #e42828;
}

.com-detailBox .scoreBigSmall .text {
  margin-left: 0.75rem;
  font-size: 0.55rem;
  color: #666;
}

.com-detailBox .scoreBigSmall .text.text {
  margin: 0;
}

.com-detailBox .com-list li {
  line-height: 0.8rem;
  font-size: 0.55rem;
  color: #999;
  padding: 0.15rem 0;
}

.com-detailBox .com-rule dt {
  font-size: 0.7rem;
  color: #999;
  line-height: 1.2rem;
}

.com-detailBox .com-rule dd {
  font-size: 0.6rem;
  color: #666;
  line-height: 0.95rem;
  padding: 0.125rem 0;
}

.serviceNav {
  position: fixed;
  left: 50%;
  bottom: 0;
  height: 2.4rem;
  width: 18.75rem;
  margin-left: -9.375rem;
  z-index: 1;
}

.serviceNav .service {
  float: left;
  width: 4rem;
  height: 2.4rem;
  background-color: #fff;
  padding-top: 1.45rem;
  text-align: center;
  font-size: 0.55rem;
  color: #666;
}

.serviceNav .service i {
  position: absolute;
  left: 1.725rem;
  top: 0.325rem;
  width: 0.9rem;
  height: 1rem;
  display: block;
  background: url(../images/icon.png) -15.75rem -19.7rem no-repeat;
  background-size: 18.15rem auto;
}

.serviceNav .changeBtn {
  float: left;
  width: 14.75rem;
  height: 2.4rem;
  line-height: 2.4rem;
  background-color: #ff662d;
  text-align: center;
  font-size: 0.6rem;
  color: #fff;
}

.serviceNav .changeBtn.done {
  background-color: #e1e1e1;
  color: #999;
}

.serviceNav.hasCart .cartBtn {
  float: left;
  width: 4rem;
  height: 2.4rem;
  background-color: #fff;
  padding-top: 1.45rem;
  text-align: center;
  font-size: 0.55rem;
  color: #666;
  position: relative;
  background: #fff;
}

.serviceNav.hasCart .cartBtn i {
  position: absolute;
  left: 1.725rem;
  top: 0.325rem;
  width: 0.9rem;
  height: 1rem;
  display: block;
  background: url(../images/icon/cart1.png) center center no-repeat;
  background-size: 0.95rem auto;
  margin-left: -0.1rem;
}

.serviceNav.hasCart .cartBtn:active {
  color: #ff662d;
}

.serviceNav.hasCart .cartBtn:active i {
  background: url(../images/icon/cart.png) center center no-repeat;
  background-size: 0.95rem auto;
}

.serviceNav.hasCart .changeBtn {
  width: 10.75rem;
}

.index-searchMain {
  position: absolute;
  left: 0;
  top: 2.3rem;
  z-index: 10;
  width: 100%;
  height: 1.5rem;
}

.index-searchMain .btnNews {
  position: absolute;
  left: 1.05rem;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: rgba(0, 0, 0, 0.3) url(../images/icon/message.png) center center no-repeat;
  background-size: 0.9rem 0.7rem;
  border-radius: 50%;
}

.index-searchMain .btnNews span {
  display: block;
  position: absolute;
  right: 0rem;
  top: 0;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  text-align: center;
  line-height: 0.65rem;
  color: #fff;
  font-size: 0.3rem;
  background-color: #ff3f3f;
  overflow: hidden;
  width: 0.5rem;
  height: 0.5rem;
  font-size: 0;
}

.index-searchMain .index-searchBox {
  width: 12.35rem;
  height: 1.5rem;
  background: rgba(255, 255, 255, 0.4) url(../images/icon/search1.png) 11.25rem center no-repeat;
  border-radius: 0.75rem;
  background-size: 0.625rem 0.625rem;
  margin-left: 3.3rem;
  padding: 0.375rem 1rem 0.375rem 0.375rem;
  font-size: 0.6rem;
  color: #333;
}

.index-searchMain .user {
  position: absolute;
  right: 1rem;
  top: 0;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
  font-size: 0;
}

.index-searchMain .user .img {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
}

.index-searchMain .searchTop {
  display: none;
}

.i-getWebConfig {
  height: 1.4rem;
  width: 100%;
  position: relative;
  background-color: #606062;
}

.i-getWebConfig .swiper-container, .i-getWebConfig .swiper-slide, .i-getWebConfig a {
  display: block;
  height: 1.4rem;
  width: 100%;
  overflow: hidden;
}

.i-getWebConfig .swiper-slide {
  background: url(../images/icon/msg.png) 0.65rem center no-repeat;
  background-size: 0.85rem auto;
  text-indent: 1.75rem;
  line-height: 1.4rem;
  color: #fe9853;
  font-size: 0.55rem;
}

.swiper-box {
  height: 9.4rem;
  width: 17.7rem;
  margin: 0 auto;
  padding-top: 0.5rem;
}

.swiper-box .swiper-container, .swiper-box .swiper-slide, .swiper-box a {
  display: block;
  height: 9.4rem;
  width: 17.7rem;
  border-radius: 0.45rem;
  overflow: hidden;
}

.swiper-box .swiper-container img, .swiper-box .swiper-slide img, .swiper-box a img {
  height: 9.4rem;
  width: 17.7rem;
}

.swiper-box .swiper-pagination {
  font-size: 0;
}

.swiper-box .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 0.125rem;
  margin: 0 0.1rem !important;
}

.swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.75rem;
}

.swiper-games {
  min-height: 4.125rem;
  width: 17.7rem;
  overflow: hidden;
  margin: 0.4rem auto 0;
}

.swiper-games .swiper-slide {
  display: block;
  height: 4.25rem;
  width: 6rem;
  padding-top: 0.65rem;
  text-align: center;
}

.swiper-games .swiper-slide img {
  height: 2.85rem;
  width: 2.85rem;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}

.swiper-games .swiper-slide .gameName {
  display: block;
  line-height: 1.25rem;
  text-align: center;
  font-size: 0.6rem;
  color: #4c4b4b;
}

.i-userMain {
  width: 100%;
  height: 2.35rem;
  line-height: 2.35rem;
  background-color: #fff;
  display: none;
}

.i-userMain .loginStatus {
  float: right;
  font-size: 0.6rem;
}

.i-userMain .login {
  color: #666;
  padding: 0.125rem 0.375rem;
}

.i-userMain .user {
  float: left;
  padding-left: 0.7rem;
  height: 2.35rem;
  line-height: 2.35rem;
  font-size: 0;
}

.i-userMain .user .img {
  display: inline-block;
  width: 1.35rem;
  height: 1.35rem;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
}

.i-userMain .user .userName {
  display: inline-block;
  max-width: 11rem;
  height: 2.35rem;
  line-height: 2.35rem;
  vertical-align: middle;
  font-size: 0.6rem;
  margin-left: 0.4rem;
}

.i-userMain .score {
  float: left;
  padding-left: 0.5rem;
  text-align: right;
  font-size: 0.7rem;
  color: #666;
  line-height: 2.35rem;
}

.i-userMain .score span {
  display: inline-block;
  color: #333;
  font-size: 0.7rem;
}

.i-cardMain {
  padding: 0.5rem 0.525rem 0.7rem;
}

.i-goodsMain {
  padding: 0.5rem 0.525rem 0.7rem;
}

.i-giftMain {
  padding: 0.5rem 0.525rem 0rem;
}

.cardMain {
  padding: 0.5rem 0.525rem 0.7rem;
}

.cardDetail {
  padding: 0.45rem 0.525rem 0.45rem;
}

.cardDetail .cardDetailImg {
  position: relative;
  width: 100%;
  height: auto;
}

.cardDetail .bar {
  height: 0.5rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/cardBg.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.goodsDetail .goodsDetailImg {
  width: 100%;
  background-color: #fff;
  padding: 0.5rem 0;
  overflow: hidden;
  position: relative;
}

.goodsDetail .goodsDetailImg .swiper-pagination {
  bottom: 1rem;
}

.goodsDetail .goodsDetailImg img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.giftDetail .welfareList {
  margin-top: 0;
}

.giftDetail li {
  width: 100%;
  border: none;
  background: #fff;
}

.taskMain {
  -webkit-tap-highlight-color: transparent;
}

.taskHistory .i-listT {
  margin-top: 0;
}

.taskMainBox {
  width: 17.7rem;
  margin: 0 auto;
}

.taskMainBox ul {
  display: none;
}

.taskMainBox ul:nth-child(1) {
  display: block;
}

.taskMainBox ul li {
  border-radius: 0.25rem;
  overflow: hidden;
  margin-top: 0.4rem;
  -webkit-tap-highlight-color: transparent;
}

.taskMainBox .li {
  min-height: 3.5rem;
  position: relative;
  padding: 0rem 4.7rem 0.35rem 2.9rem;
  background-color: #fff;
}

.taskMainBox .li.padding {
  padding-top: 0.5rem;
}

.taskMainBox .li.padding .teskIcon {
  top: 1.6rem;
}

.taskMainBox .li .teskIcon {
  position: absolute;
  left: 0.45rem;
  top: 1.1rem;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}

.taskMainBox .li .taskTitle {
  padding-top: 0.85rem;
  line-height: 1.15rem;
  font-size: 0.8rem;
  color: #222;
}

.taskMainBox .li .taskText {
  padding-top: 0.05rem;
  line-height: 0.85rem;
  font-size: 0.45rem;
  color: #888;
}

.taskMainBox .li .taskText .rmbImg {
  display: inline-block;
  vertical-align: middle;
  width: 0.65rem;
  margin-right: 0.15rem;
  margin-top: 0.1rem;
}

.taskMainBox .li .taskDes {
  height: 0;
  overflow: hidden;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  padding-top: 0;
}

.taskMainBox .li .taskDes.on {
  height: auto;
}

.taskMainBox .li .lookMore span {
  font-size: 0.45rem;
  color: #ff5e4a;
}

.taskMainBox .li .lookMore span i {
  display: inline-block;
  width: 0.45rem;
  height: 0.275rem;
  background: url(../images/icon/down1.png) 0 0 no-repeat;
  background-size: 0.45rem;
  margin-left: 0.1rem;
}

.taskMainBox .li .lookMore span:nth-child(2) {
  display: none;
}

.taskMainBox .li .lookMore span:nth-child(2) i {
  transform: rotate(180deg);
}

.taskMainBox .li .lookMore.on span {
  display: none;
}

.taskMainBox .li .lookMore.on span:nth-child(2) {
  display: block;
}

.taskMainBox .li .testBtn {
  display: block;
  position: absolute;
  right: 0.575rem;
  top: 1.275rem;
  height: 1.2rem;
  width: 3.875rem;
  border-radius: 0.6rem;
  background: #c9c8c8;
  background-size: 100%;
}

.taskMainBox .li .testBtn.on, .taskMainBox .li .testBtn.cur {
  background: url(../images/teskBtn.png) 0 0 no-repeat;
  background-size: 100%;
}

.taskMainBox .li .testBtn.get {
  background: url(../images/teskBtn-on.png) 0 0 no-repeat;
  background-size: 100%;
}

.taskMainBox .li .testBtn a {
  display: inline-block;
  font-size: 0.6rem;
  height: 1.2rem;
  width: 3.875rem;
  color: #fff;
  text-align: center;
  border-radius: 0.6rem;
  line-height: 1.2rem;
}

.taskMainBox .li .taskVip {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 1.05rem;
  width: 3.3rem;
  border-radius: 0 0 0.525rem 0;
  background-color: #ed6d3b;
  text-align: center;
  color: #fff;
  font-size: 0.55rem;
  line-height: 1.05rem;
}

.taskMainBox .teskGameUl li {
  border: 1px solid #e8e8e9;
}

.taskMainBox .teskGameUl .li {
  padding: 0rem 0.85rem 0.5rem 4.25rem;
}

.taskMainBox .teskGameUl .teskIcon {
  width: 3.25rem;
  height: 3.25rem;
  top: 0.5rem;
  left: 0.5rem;
}

.taskMainBox .teskGameUl .taskTitle {
  padding-top: 0.5rem;
}

.taskMainBox .teskGameUl .taskText {
  padding: 0.25rem 0;
  line-height: 0.85rem;
}

.taskMainBox .teskGameUl dl {
  background: #fff;
  display: none;
}

.taskMainBox .teskGameUl dl.on {
  display: block;
}

.taskMainBox .teskGameUl dl dd {
  background-color: #f9f7f7;
  margin-top: 0.55rem;
  padding: 0.25rem 0.55rem;
}

.taskMainBox .teskGameUl dl dd:nth-child(1) {
  margin-top: 0;
}

.taskMainBox .teskGameUl dl dd .gameTeskTitle {
  line-height: 1.9rem;
  font-size: 0.7rem;
  color: #333;
}

.taskMainBox .teskGameUl dl dd p {
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0;
  margin-bottom: 0.45rem;
}

.taskMainBox .teskGameUl dl dd p span {
  display: inline-block;
  vertical-align: middle;
}

.taskMainBox .teskGameUl dl dd p span.can {
  height: 0.525rem;
  width: 0.525rem;
  border-radius: 50%;
  border: 0.025rem solid #dadada;
  background-color: #fff;
}

.taskMainBox .teskGameUl dl dd p span.can.on {
  border: 0.025rem solid #ff662d;
  background-color: #ff662d;
}

.taskMainBox .teskGameUl dl dd p span.gameTeskTit {
  padding-left: 0.25rem;
  width: 7.5rem;
  line-height: 1.2rem;
  font-size: 0.55rem;
  color: #666;
}

.taskMainBox .teskGameUl dl dd p span.rmbImg {
  width: 4.5rem;
  line-height: 1.2rem;
  font-size: 0.55rem;
  color: #666;
  background: url(../images/icon/rmb.png) 0 center no-repeat;
  background-size: 0.65rem auto;
  text-indent: 0.75rem;
}

.taskMainBox .teskGameUl dl dd p span.testBtn {
  height: 1.2rem;
  width: 3.875rem;
  border-radius: 0.6rem;
  background: #c9c8c8;
  background-size: 100%;
}

.taskMainBox .teskGameUl dl dd p span.testBtn.on, .taskMainBox .teskGameUl dl dd p span.testBtn.cur {
  background: url(../images/teskBtn.png) 0 0 no-repeat;
  background-size: 100%;
}

.taskMainBox .teskGameUl dl dd p span.testBtn.get {
  background: url(../images/teskBtn-on.png) 0 0 no-repeat;
  background-size: 100%;
}

.taskMainBox .teskGameUl dl dd p span.testBtn a {
  display: inline-block;
  font-size: 0.6rem;
  height: 1.2rem;
  width: 3.875rem;
  color: #fff;
  text-align: center;
  border-radius: 0.6rem;
  line-height: 1.2rem;
}

.activityMain {
  padding: 0.45rem 0.525rem;
}

.activityMain li {
  padding: 0.5rem 0.55rem 0.35rem;
  border-radius: 0.5rem;
  background-color: #fff;
  margin-bottom: 0.45rem;
}

.activityMain li .activityTitle {
  font-size: 0.7rem;
  color: #333;
  padding-top: 0.25rem;
  line-height: 1rem;
}

.activityMain li .activityText {
  font-size: 0.6rem;
  color: #999;
  padding: 0.15rem 0;
  line-height: 0.85rem;
}

.dialog {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 80;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}

.dialog.com-dialogMain {
  z-index: 101;
}

.dialog .dialogMain {
  position: absolute;
  left: 50%;
  top: 50%;
  min-height: 5rem;
  width: 14.7rem;
  -webkit-transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 1.25rem 0.7rem 0.75rem;
}

.dialog .dialogMain .closed {
  position: absolute;
  right: 0.35rem;
  top: 0.35rem;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background: url(../images/icon.png) -13.65rem -17.5rem no-repeat;
  background-size: 18.15rem auto;
}

.dialog .dialogMain .closed1 {
  position: absolute;
  right: 50%;
  bottom: -2.5rem;
  margin-right: -0.875rem;
  width: 1.75rem;
  height: 1.75rem;
  cursor: pointer;
  background: url(../images/icon/closed1.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.dialog .dialogMain .com-bar {
  height: 1.7rem;
  background-color: #ff8c3c;
  width: 100%;
}

.dialog .dialogMain .com-bar .closed {
  background: url("http://www.shengli.com/Public/Home/five/wap/images/icon/close.png") center center no-repeat;
}

.dialog .dialogMain .com-title {
  padding: 0.5rem 0;
  font-size: 0.7rem;
  color: #333;
  text-align: center;
}

.dialog .dialogMain .com-text {
  padding: 0.15rem 0;
  font-size: 0.6rem;
  color: #666;
  text-align: center;
  line-height: 1rem;
}

.dialog .dialogMain .com-dl dd {
  color: #666;
  line-height: 1.1rem;
  min-height: 1.1rem;
  text-align: center;
}

.dialog .dialogMain .com-dl .left-text {
  display: inline-block;
  width: 2.5rem;
  text-align: right;
  line-height: 1.1rem;
  vertical-align: top;
  font-size: 0.6rem;
  color: #666;
}

.dialog .dialogMain .com-dl .right-text {
  display: inline-block;
  width: 7.5rem;
  text-align: left;
  line-height: 1.1rem;
  vertical-align: top;
  font-size: 0.6rem;
  color: #666;
}

.dialog .dialogMain .com-list {
  color: #666;
  line-height: 0.9rem;
  padding-bottom: 1rem;
}

.dialog .dialogMain .com-list p {
  padding: 0.1rem 0;
}

.dialog .dialogMain .com-wecode {
  width: 4.5rem;
  margin: 0.5rem auto;
}

.dialog .dialogMain .com-btnMain {
  text-align: center;
  padding: 1rem 0 0.5rem;
}

.dialog .dialogMain .com-btnMain .btn {
  margin: 0 0.25rem;
}

.dialog-scoreSuccess .scoreSuccessMain {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10rem;
  width: 18rem;
  height: 20.325rem;
}

.dialog-scoreSuccess .scoreSuccessMain .scoreSuccessBg {
  animation: circleRotate 4s linear infinite;
  -webkit-animation: circleRotate 4s linear infinite;
  transform: rotate(0deg);
}

.dialog-scoreSuccess .scoreSuccessImg {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -8.45rem;
  width: 17.55rem;
  height: 16.925rem;
  background: url(../images/getScoreImg.png) center center no-repeat;
  background-size: 17.55rem auto;
}

.dialog-scoreSuccess .scoreSuccessImg .scoreSuccessText {
  color: #f7c91c;
  font-size: 1.1rem;
  text-align: center;
  font-weight: bold;
  line-height: 2.25rem;
  padding-top: 13.6rem;
}

@keyframes circleRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes circleRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.dialog-concern .dialogMain {
  padding: 0 0 1rem 0;
}

.numBox {
  display: inline-block;
  width: 4.65rem;
  height: 1.05rem;
  border: 1px solid #e8e8e9;
  margin: 0 0.25rem;
}

.numBox .num {
  display: inline-block;
  width: 2.4rem;
  height: 1.05rem;
  vertical-align: top;
  text-align: center;
}

.numBox .lessenBtn {
  float: left;
  width: 1.05rem;
  height: 1.05rem;
  border-right: 1px solid #e8e8e9;
  text-align: center;
  line-height: 1.05rem;
  cursor: pointer;
}

.numBox .addBtn {
  float: right;
  width: 1.05rem;
  height: 1.05rem;
  border-left: 1px solid #e8e8e9;
  text-align: center;
  line-height: 1.05rem;
  cursor: pointer;
}

.numBox.disable span {
  display: none;
}

.numBox.disable .num {
  width: 100%;
}

.dialog-selectGoods .selectMain {
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 18.75rem;
  margin-left: -9.375rem;
  min-height: 10rem;
  background-color: #fff;
  padding: 1.2rem 0.8rem 2.75rem;
}

.dialog-selectGoods .selectMain .goodsImg {
  float: left;
  width: 3.375rem;
  height: 3.375rem;
  border: 1px solid #e8e8e9;
  overflow: hidden;
}

.dialog-selectGoods .selectMain .goodsImg img {
  display: inline-block;
  vertical-align: middle;
}

.dialog-selectGoods .selectMain .goodsImg:after {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.dialog-selectGoods .selectMain .goodsTextBox {
  padding-left: 0.85rem;
  float: left;
  height: 4.05rem;
  width: 12rem;
}

.dialog-selectGoods .selectMain .goodsTextBox .goodsTitle {
  min-height: 1.25rem;
  line-height: 1.25rem;
  padding: 0.25rem 0;
  font-size: 0.75rem;
  color: #333;
  margin-top: -0.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dialog-selectGoods .selectMain .goodsTextBox .numMain {
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: 0.6rem;
  color: #666;
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dialog-selectGoods .selectMain .goodsTextBox .textBox {
  padding-top: 0.3rem;
  height: 0.9rem;
}

.dialog-selectGoods .selectMain .goodsTextBox .textBox .bigText {
  float: left;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #e42828;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0 0.1rem;
}

.dialog-selectGoods .selectMain .goodsTextBox .textBox .smallText {
  float: left;
  height: 0.9rem;
  line-height: 1rem;
  font-size: 0.5rem;
  color: #e42828;
}

.dialog-selectGoods .selectMain .goodsTextBox .textBox .text {
  margin-left: 0.75rem;
  font-size: 0.55rem;
  color: #666;
}

.dialog-selectGoods .selectMain .goodsType {
  border-top: 1px solid #e8e8e9;
  margin-bottom: 0.25rem;
  display: none;
}

.dialog-selectGoods .selectMain .goodsType .typeTitle {
  padding-top: 0.2rem;
  line-height: 2rem;
  font-size: 0.7rem;
  color: #666;
}

.dialog-selectGoods .selectMain .scoreType {
  border-top: 1px solid #e8e8e9;
  padding: 0.75rem 0 3.5rem;
}

.dialog-selectGoods .selectMain .scoreType .text {
  line-height: 1.5rem;
  font-size: 0.6rem;
  color: #666;
}

.dialog-selectGoods .selectMain .scoreType .bigText {
  float: left;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #e42828;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0 0.1rem;
}

.dialog-selectGoods .selectMain .scoreType .smallText {
  float: left;
  height: 0.9rem;
  line-height: 1rem;
  font-size: 0.5rem;
  color: #e42828;
}

.dialog-selectGoods .selectMain .scoreType .text {
  margin-left: 0.75rem;
  font-size: 0.55rem;
  color: #666;
}

.dialog-selectGoods .selectMain .typeBtnMain .btn {
  margin-right: 0.5rem;
}

.dialog-selectGoods .selectMain .selectBtnMain {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.35rem;
  background-color: #ff662d;
}

.dialog-selectGoods .selectMain .selectBtnMain .btn {
  height: 2.25rem;
  display: block;
  line-height: 2.35rem;
  font-size: 0.75rem;
}

.dialog-selectGoods.goods .selectMain .goodsType, .dialog-selectGoods.goods .selectMain .textBox {
  display: block;
}

.payAdr {
  width: 100%;
  height: 3.9rem;
  background-color: #fff;
  position: relative;
  padding: 0.5rem 1.5rem 0.5rem 1.7rem;
  color: #333;
  font-size: 0.7rem;
  line-height: 1.45rem;
}

.payAdr .pointer {
  display: block;
  position: absolute;
  left: 0.525rem;
  top: 1.425rem;
  width: 0.8rem;
  height: 1rem;
  background: url(../images/icon.png) -17.4rem -19.65rem no-repeat;
  background-size: 18.15rem auto;
}

.payAdr .other {
  display: block;
  position: absolute;
  right: 0.525rem;
  top: 1.425rem;
  width: 0.55rem;
  height: 0.85rem;
  background: url(../images/icon.png) -10.95rem -17.575rem no-repeat;
  background-size: 18.15rem auto;
}

.payAdr .noAdr {
  line-height: 2.95rem;
  padding-left: 2.5rem;
}

.orderMain .searchBox {
  width: 16.5rem;
}

.orderMain .show_history .searchBox {
  width: 13.5rem;
}

.orderMain .filterBox {
  display: none;
}

.payGoodsBox {
  background-color: #fff;
  margin-top: 0.4rem;
  padding: 0.925rem 0.55rem;
  position: relative;
}

.payGoodsBox .goodsImg {
  float: left;
  width: 4.65rem;
  height: 4.65rem;
  border: 1px solid #e8e8e9;
  overflow: hidden;
  position: relative;
}

.payGoodsBox .goodsImg img {
  display: inline-block;
  vertical-align: middle;
}

.payGoodsBox .goodsImg:after {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.payGoodsBox .goodsImg .goodsType {
  height: 1rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1rem;
  background: #ff662d;
  color: #fff;
  text-align: center;
  font-size: 0.6rem;
}

.payGoodsBox .goodsTextBox {
  padding-left: 0.85rem;
  float: left;
  min-height: 4.05rem;
  width: 12rem;
}

.payGoodsBox .goodsTextBox .goodsTitle {
  min-height: 1rem;
  line-height: 1rem;
  padding: 0.25rem 0;
  font-size: 0.75rem;
  color: #333;
  margin-top: -0.25rem;
}

.payGoodsBox .goodsTextBox .numMain {
  height: 1rem;
  line-height: 1rem;
  font-size: 0.65rem;
  color: #999;
}

.payGoodsBox .goodsTextBox .textBox {
  padding-top: 0.3rem;
  height: 0.9rem;
}

.payGoodsBox .goodsTextBox .textBox .bigText {
  float: left;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #e42828;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0 0.1rem;
}

.payGoodsBox .goodsTextBox .textBox .smallText {
  float: left;
  height: 0.9rem;
  line-height: 1rem;
  font-size: 0.5rem;
  color: #e42828;
}

.payGoodsBox .goodsTextBox .textBox .text {
  margin-left: 0.75rem;
  font-size: 0.55rem;
  color: #666;
}

.payGoodsBox .num {
  margin-right: 0.5rem;
  font-size: 0.6rem;
  color: #333;
}

.payGoodsBox .orderBuyBtn {
  text-align: right;
  padding: 1.125rem 0.25rem 0.125rem;
}

.payGoodsBox .orderBuyBtn .btn {
  margin-right: 0.25rem;
}

.orderDetail .orderDetailTop {
  line-height: 2.5rem;
  background-color: #ff662d;
  text-align: center;
  font-size: 0.7rem;
  color: #fff;
}

.orderDetail .payNum {
  line-height: 1.7rem;
  border-top: 1px solid #e8e8e9;
  background-color: #fff;
  font-size: 0.7rem;
  color: #333;
  padding: 0.35rem 0.525rem 0;
}

.payTicketList {
  margin-top: 0.6rem;
}

.payTicketList li {
  height: 2.75rem;
  background-color: #fff;
  padding-left: 2.15rem;
  line-height: 2.75rem;
  position: relative;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  background: #fff url(../images/icon/ticket.png) 0.75rem center no-repeat;
  background-size: 0.95rem 0.95rem;
}

.payTicketList li span {
  position: absolute;
  right: 0.5rem;
  top: 0;
  height: 2.75rem;
  line-height: 2.75rem;
  padding-right: 1rem;
  background: url(../images/icon/right1.png) right center no-repeat;
  background-size: 0.55rem 0.85rem;
  color: #989898;
  font-size: 0.7rem;
}

.payTicketList li span.on {
  color: #ff662d;
}

.payBtnMain {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2.4rem;
  background-color: #ff662d;
  width: 100%;
}

.payBtnMain .btn {
  line-height: 2.4rem;
  font-size: 0.75rem;
  height: 2.4rem;
}

.personalMain .personalTop {
  padding: 1.7rem 0.95rem 0.7rem;
}

.personalMain .personalTopCent {
  background-color: #ff662d;
  border-radius: 0.35rem;
  min-height: 8.05rem;
  position: relative;
  color: #fff;
  padding-top: 2.55rem;
  text-align: center;
}

.personalMain .personalTopCent .userImg {
  position: absolute;
  left: 50%;
  top: -1.55rem;
  width: 3.05rem;
  height: 3.05rem;
  margin-left: -1.55rem;
  border-radius: 1.55rem;
  overflow: hidden;
  border: 1px solid #e8e8e9;
}

.personalMain .personalTopCent .outIn {
  position: absolute;
  left: 50%;
  top: 1.75rem;
  width: 2.2rem;
  height: 0.8rem;
  margin-left: -1.1rem;
  border-radius: 0.4rem;
  overflow: hidden;
  background-color: #ff7716;
  color: #fff;
  font-size: 0.55rem;
  text-align: center;
  line-height: 0.8rem;
}

.personalMain .personalTopCent .outIn a {
  color: #fff;
}

.personalMain .personalTopCent span.v {
  display: inline-block;
  height: 1.15rem;
  width: 1.15rem;
  position: absolute;
  left: 50%;
  top: 0.4rem;
  margin-left: 0.75rem;
  border-radius: 0.575rem;
}

.personalMain .personalTopCent span.v.v0 {
  background: url(../images/icon/noVIP-icon.png) 0rem 0rem no-repeat;
  background-size: 100% auto;
}

.personalMain .personalTopCent span.v.v1 {
  background: url(../images/icon/personal-integral.png) -0.45rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personalMain .personalTopCent span.v.v2 {
  background: url(../images/icon/personal-integral.png) -3.4rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personalMain .personalTopCent span.v.v3 {
  background: url(../images/icon/personal-integral.png) -6.35rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personalMain .personalTopCent span.v.v4 {
  background: url(../images/icon/personal-integral.png) -9.3rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personalMain .personalTopCent span.v.v5 {
  background: url(../images/icon/personal-integral.png) -12.25rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personalMain .personalTopCent span.v.v6 {
  background: url(../images/icon/personal-integral.png) -15.2rem -5.075rem no-repeat;
  background-size: 16.8rem auto;
}

.personalMain .personalTopCent .userName {
  line-height: 1.45rem;
  font-size: 0.9rem;
  color: #fff;
}

.personalMain .personalTopCent .userName a {
  color: #fff;
}

.personalMain .personalTopCent .userScore {
  line-height: 1.45rem;
  font-size: 0.75rem;
  color: #fff;
  width: 16rem;
  margin: 0 auto;
}

.personalMain .personalTopCent .personalTopBtn {
  padding-top: 0.5rem;
}

.personalMain .personalTopCent .personalTopBtn .btn {
  border-color: #fff;
  margin: 0 1.2rem;
}

.personalMain .personalCent dt {
  display: none;
}

.personalMain .personalCent dt.on {
  display: block;
}

.personalMain .personalCent dd {
  line-height: 2.75rem;
  font-size: 0.75rem;
  color: #666;
  padding: 0 1.55rem 0 2.05rem;
  background-color: #fff;
  position: relative;
  border-top: 1px solid #e8e8e9;
}

.personalMain .personalCent dd:nth-child(1) {
  border-top: none;
}

.personalMain .personalCent dd a {
  display: block;
}

.personalMain .personalCent dd .icon {
  display: block;
  position: absolute;
  left: 0.85rem;
  top: 0.85rem;
  width: 0.8rem;
  height: 1.05rem;
}

.personalMain .personalCent dd .icon.score {
  background: url(../images/icon.png) -1.45rem -19.65rem no-repeat;
  background-size: 18.15rem auto;
}

.personalMain .personalCent dd .icon.order {
  background: url(../images/icon.png) -3.425rem -19.65rem no-repeat;
  background-size: 18.15rem auto;
}

.personalMain .personalCent dd .icon.myAdr {
  background: url(../images/icon.png) -5.375rem -19.65rem no-repeat;
  background-size: 18.15rem auto;
}

.personalMain .personalCent dd .icon.service {
  background: url(../images/icon.png) -7.325rem -19.65rem no-repeat;
  background-size: 18.15rem auto;
}

.personalMain .personalCent dd .icon.cart {
  background: url(../images/icon/cart.png) center center no-repeat;
  background-size: 0.95rem auto;
}

.personalMain .personalCent dd .icon.whsle {
  background: url(../images/icon.png) -11.95rem -21.6rem no-repeat;
  background-size: 18.15rem auto;
}

.personalMain .personalCent dd .icon.auct {
  background: url(../images/icon/auct.png) center center no-repeat;
  background-size: 0.75rem auto;
}

.personalMain .personalCent dd .icon.ticket {
  background: url(../images/icon/ticket.png) center center no-repeat;
  background-size: 0.8rem auto;
}

.personalMain .personalCent dd .other {
  display: block;
  position: absolute;
  right: 0.525rem;
  top: 0.95rem;
  width: 0.55rem;
  height: 0.85rem;
  background: url(../images/icon.png) -10.95rem -17.575rem no-repeat;
  background-size: 18.15rem auto;
}

.personalMain .personalCent dd.on .other {
  transform: rotate(90deg);
}

.personalMain .personalCent dt {
  padding: 0.85rem 0;
  text-align: center;
}

.personalMain .personalCent dt a {
  display: inline-block;
  width: 4.5rem;
  text-align: center;
  padding-top: 1.4rem;
  height: 1rem;
  font-size: 0.7rem;
  color: #666;
  margin: 0 0.6rem;
  position: relative;
}

.personalMain .personalCent dt a i {
  display: block;
  position: absolute;
  left: 50%;
  top: 0.1rem;
  width: 1.05rem;
  height: 1.05rem;
  margin-left: -0.525rem;
  padding: 0;
}

.personalMain .personalCent dt a i.myGoods {
  background: url(../images/icon.png) -9.2rem -19.65rem no-repeat;
  background-size: 18.15rem auto;
}

.personalMain .personalCent dt a i.myGift {
  background: url(../images/icon.png) -11.15rem -19.65rem no-repeat;
  background-size: 18.15rem auto;
}

.personalMain .personalCent dt a i.myCard {
  background: url(../images/icon.png) -13.075rem -19.65rem no-repeat;
  background-size: 18.15rem auto;
}

.scoreDetail .scoreTop {
  padding: 2rem 0;
  line-height: 1.25rem;
  text-align: center;
  background-color: #ff662d;
  position: relative;
}

.scoreDetail .scoreTop .bigText {
  height: 1.25rem;
  line-height: 1.25rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0 0.1rem;
}

.scoreDetail .scoreTop .smallText {
  height: 1.25rem;
  line-height: 1.5rem;
  font-size: 0.55rem;
  color: #fff;
}

.scoreDetail .scoreTop .text {
  margin-left: 0.75rem;
  font-size: 0.55rem;
  color: #666;
}

.scoreDetail .scoreNav {
  font-size: 0;
}

.scoreDetail .scoreNav a {
  display: inline-block;
  height: 3.35rem;
  width: 50%;
  background-color: #fff;
  color: #333;
  font-size: 0.7rem;
  text-align: center;
  line-height: 1.1rem;
  padding: 0.5rem 0;
}

.scoreDetail .scoreNav a.on {
  border: 0.025rem solid #ff662d;
  color: #ff662d;
}

.scoreDetail .scoreNav a.on span {
  color: #ff662d;
}

.scoreDetail .scoreIteam {
  background-color: #fff;
  padding: 0 0.5rem;
  margin-top: 0.4rem;
}

.scoreDetail .scoreIteam ul {
  display: none;
}

.scoreDetail .scoreIteam ul:nth-child(1) {
  display: block;
}

.scoreDetail .scoreIteam li {
  height: 2.7rem;
  padding-right: 3.2rem;
  position: relative;
  border-bottom: 1px solid #e8e8e9;
}

.scoreDetail .scoreIteam li .scoreTitle {
  padding-top: 0.5rem;
  height: 1.15rem;
  font-size: 0.75rem;
  color: #333;
}

.scoreDetail .scoreIteam li .scoreTime {
  color: #999;
  font-size: 0.55rem;
}

.scoreDetail .scoreIteam li .scoreNum {
  position: absolute;
  right: 0;
  top: 0;
  float: right;
  height: 2.7rem;
  line-height: 2.7rem;
  color: #ff662d;
  font-size: 0.6rem;
}

.scoreDetail .scoreBtn {
  text-align: center;
  padding: 1.4rem;
  background-color: #fff;
}

.scoreDetail .searchTop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.scoreDetail .searchMain {
  background-color: transparent;
}

.myCard {
  padding: 0.525rem;
}

.myCard .cardList li {
  height: 6rem;
}

.myCard .cardList li .buyIcon {
  width: 5.55rem;
  height: 1.125rem;
  text-align: center;
  line-height: 1.125rem;
  font-size: 0.55rem;
  color: #fff;
  background: #ff662d;
  border-radius: 0 0 0 0.575rem;
}

.myCard .cardList li .cardListTop {
  position: absolute;
  left: 0;
  top: 0;
  height: 4.25rem;
  padding: 0 0.5rem;
}

.myCard .cardList li .cardListTop .cardTitle {
  padding-top: 0.4rem;
  height: 1.2rem;
  font-size: 0.75rem;
  color: #523016;
}

.myCard .cardList li .cardListTop .cardText {
  font-size: 0.55rem;
  color: #78451d;
  padding: 0.05rem 0;
}

.myCard .cardList li .cardListTop .cardText i {
  color: #78451d;
}

.myCard .cardList li .cardListTop .copy {
  margin: 0 0.5rem;
}

.myCard .cardList li .textBox span {
  font-size: 0.55rem;
  color: #999;
  padding-right: 0.7rem;
  line-height: 2rem;
}

.myCard .cardList2 {
  font-size: 0;
}

.myCard .cardList2 li {
  display: inline-block;
  width: 50%;
}

.myCard .cardTips {
  font-size: 0.65rem;
  text-align: center;
  color: #666;
}

.myGift {
  padding: 0.025rem 0.525rem;
}

.myGift li {
  background: #fff;
}

.myGift li .giftArea .giftName {
  padding-top: 0.5rem;
  line-height: 1rem;
}

.myGift li .btn {
  border: none;
  right: 0.25rem;
  top: 0.5rem;
}

.addressMain {
  padding: 0.05rem;
}

.addressMain li {
  min-height: 5.05rem;
  background: #fff;
  margin-bottom: 0.45rem;
}

.addressMain li .adrTop {
  font-size: 0.7rem;
  color: #333;
  padding: 0.375rem 0.85rem;
  line-height: 1.35rem;
}

.addressMain li .adrTop .userAdr {
  line-height: 0.85rem;
  padding: 0.25rem 0;
}

.addressMain li .adrBottom {
  border-top: 1px solid #e8e8e9;
  line-height: 1.5rem;
  height: 1.5rem;
  padding: 0 0.85rem;
  font-size: 0.55rem;
  color: #666;
}

.addressMain li .adrBottom a {
  padding: 0 0 0 0.9rem;
  float: left;
}

.addressMain li .adrBottom a i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.15rem;
}

.addressMain li .adrBottom a.defaultBtn.on i {
  background: url(../images/icon.png) -8.775rem -17.825rem no-repeat;
  background-size: 18.15rem auto;
}

.addressMain li .adrBottom a.defaultBtn i {
  width: 0.55rem;
  height: 0.55rem;
  margin-top: -0.1rem;
  background: url(../images/icon.png) -7.575rem -17.85rem no-repeat;
  background-size: 18.15rem auto;
}

.addressMain li .adrBottom a.deleteBtn {
  float: right;
}

.addressMain li .adrBottom a.deleteBtn i {
  width: 0.6rem;
  height: 0.65rem;
  margin-top: -0.1rem;
  background: url(../images/icon.png) -3.45rem -21.825rem no-repeat;
  background-size: 18.15rem auto;
}

.addressMain li .adrBottom a.editBtn {
  float: right;
  margin-right: 1.25rem;
}

.addressMain li .adrBottom a.editBtn i {
  width: 0.575rem;
  height: 0.675rem;
  margin-top: -0.1rem;
  background: url(../images/icon.png) -1.55rem -21.825rem no-repeat;
  background-size: 18.15rem auto;
}

.addressMain .edit-btn {
  margin: 0.75rem 0.5rem 0;
}

.addAddressMain {
  padding-top: 0.55rem;
}

.addAddressMain dd {
  line-height: 2.4rem;
  min-height: 2.4rem;
  background-color: #fff;
  border-top: 1px solid #e8e8e9;
  padding: 0 0.55rem;
  font-size: 0.75rem;
  color: #333;
}

.addAddressMain dd .title {
  min-width: 4rem;
  display: inline-block;
}

.addAddressMain dd input[type=text] {
  width: 12.5rem;
  padding: 0.5rem 0;
  line-height: 1.4rem;
}

.addAddressMain dd .addr-select {
  display: inline-block;
  width: 12.5rem;
}

.addAddressMain dd textarea.addr-detail {
  line-height: 1rem;
  width: 100%;
  min-height: 3rem;
  padding: 0.5rem 0;
  display: block;
}

.addAddressMain .edit-btn {
  margin: 2rem 0.5rem 0;
}

.shareMain {
  min-height: 33.35rem;
  background: url(../images/shareBg.jpg) center top repeat;
  background-size: 100% auto;
}

.shareMain .shareMainTitle {
  padding: 2.5rem 0 0.75rem;
  font-size: 1.55rem;
  text-align: center;
  font-weight: bold;
}

.shareMain .shareMainText {
  font-size: 0.7rem;
  text-align: center;
  line-height: 1.35rem;
}

.shareMain .shareCode {
  margin: 1rem auto 0;
  width: 10.075rem;
  height: 12.075rem;
}

.shareMain .shareCodeText {
  font-size: 0.65rem;
  text-align: center;
  line-height: 2rem;
  color: #777777;
}

.shareMain .shareSlogan {
  margin: 0rem auto 0;
  width: 17.025rem;
  height: 8.8rem;
}

.limitList li {
  background: #fff;
}

.limitList .limitTime {
  margin-top: 0.25rem;
  display: block;
}

.limitList .timeText, .limitList .setTime {
  font-size: 0.4rem;
}

.limitList .timeBox span {
  color: #fff;
}

.treasureList li {
  background: #fff;
}

.treasureList .treasureTime {
  position: absolute;
  right: 0.5rem;
  top: 0;
  width: 7rem;
  height: 1.3rem;
  text-align: right;
  line-height: 1.15rem;
  color: #ff662d;
  font-size: 0.5rem;
  display: block;
}

.treasureList .timeText, .treasureList .setTime {
  color: #ff662d;
}

.dialog-dbaoSuccess {
  background-color: #fff;
  overflow: scroll;
}

.dbaosuccess .susText {
  padding: 1.5rem 0 1rem;
  text-align: center;
  font-size: 0.75rem;
  color: #e42828;
  font-weight: bold;
}

.dbaosuccess .dbaoImg {
  width: 4.7rem;
  height: 4.7rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #e8e8e9;
  line-height: 4.7rem;
}

.dbaosuccess .dbaoImg img {
  vertical-align: middle;
}

.dbaosuccess .otime {
  text-align: center;
  padding-top: 0.3rem;
  line-height: 1.6rem;
  font-size: 0.55rem;
  color: #666;
}

.dbaosuccess .susMain {
  padding: 0.75rem 0 1.2rem;
  background-color: #fff;
  text-align: center;
  position: relative;
}

.dbaosuccess .youCode {
  font-size: 0.65rem;
  color: #666;
  height: 1.4rem;
}

.dbaosuccess .codeList {
  width: 17rem;
  font-size: 0;
  margin: 0 auto;
}

.dbaosuccess .codeList span {
  display: inline-block;
  font-size: 0.65rem;
  color: #666;
  padding: 0.3rem 0.2rem;
  min-width: 3.15rem;
}

.dbaosuccess .lookmore {
  position: absolute;
  left: 50%;
  bottom: 0.4rem;
  width: 0.85rem;
  height: 0.525rem;
  margin-left: -0.425rem;
  background: url(../images/icon/down.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.dbaosuccess .susReminder {
  text-align: center;
  font-size: 0.55rem;
  color: #666;
  line-height: 1.5rem;
  height: 1.75rem;
}

.dbaosuccess .btn {
  width: 18.15rem;
  height: 2.25rem;
  margin: 0 auto;
  margin-bottom: 0.7rem;
  line-height: 2.25rem;
}

.dbaosuccess .getPhone {
  height: 2rem;
  font-size: 0.65rem;
  text-align: center;
  color: #ff662d;
  line-height: 1.5rem;
}

.mydbao {
  background-color: #fff;
  margin-top: 0.4rem;
  padding: 0.925rem 0.55rem;
  position: relative;
}

.mydbao .goodsImg {
  float: left;
  width: 4.65rem;
  height: 4.65rem;
  border: 1px solid #e8e8e9;
  overflow: hidden;
  position: relative;
}

.mydbao .goodsImg img {
  display: inline-block;
  vertical-align: middle;
}

.mydbao .goodsImg:after {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.mydbao .goodsImg .goodsType {
  height: 1rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1rem;
  background: #ff662d;
  color: #fff;
  text-align: center;
  font-size: 0.6rem;
}

.mydbao .goodsTextBox {
  padding-left: 0.85rem;
  float: left;
  min-height: 4.05rem;
  width: 12rem;
}

.mydbao .goodsTextBox .goodsTitle {
  min-height: 1rem;
  line-height: 1rem;
  padding: 0.25rem 0;
  font-size: 0.75rem;
  color: #333;
  margin-top: -0.25rem;
  width: 10rem;
}

.mydbao .goodsTextBox .numMain {
  height: 1rem;
  line-height: 1rem;
  font-size: 0.65rem;
  color: #999;
}

.mydbao .goodsTextBox .textBox {
  padding-top: 0.3rem;
  height: 0.75rem;
  font-size: 0.55rem;
  color: #666;
  line-height: 0.75rem;
}

.mydbao .goodsTextBox .textBox .bigText {
  float: left;
  height: 0.75rem;
  line-height: 0.75rem;
  color: #e42828;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0 0.1rem;
}

.mydbao .goodsTextBox .textBox .smallText {
  float: left;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.5rem;
  color: #e42828;
  vertical-align: middle;
}

.mydbao .goodsTextBox .textBox .text {
  font-size: 0.55rem;
  color: #666;
}

.mydbao .type {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.8rem;
  height: 1rem;
  text-align: center;
  padding-left: 0rem;
  line-height: 1rem;
  background-color: #8e8e8e;
  color: #fff;
  font-size: 0.55rem;
  border-radius: 0 0 0 0.5rem;
}

.mydbao .type.on {
  background-color: #f4284f;
}

.mydbao .orderBuyBtn {
  position: absolute;
  right: 1rem;
  top: 2rem;
}

.mydbao .winningBox {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.mydbao .winningBox .btn {
  position: absolute;
  left: 50%;
  top: 40%;
  margin-left: -3rem;
  width: 5rem;
  color: #fff;
}

.collageMinList {
  padding: 0 0.5rem;
  margin-top: 0.45rem;
  background-color: #fff;
}

.collageMinList .collageTitle {
  height: 1.75rem;
  line-height: 1.75rem;
  color: #333;
  font-size: 0.625rem;
}

.collageMinList .collageTitle .more {
  float: right;
  color: #666666;
}

.collageul li {
  border-top: 1px solid #e8e8e9;
  position: relative;
  height: 3rem;
  line-height: 3rem;
}

.collageul li .userImg {
  float: left;
  width: 2.1rem;
  height: 2.1rem;
  overflow: hidden;
  border-radius: 50%;
  margin: 0.35rem 0.25rem;
}

.collageul li .userName {
  width: 7rem;
  float: left;
  font-size: 0.65rem;
  color: #333;
  text-indent: 0.15rem;
}

.collageul li .collageNum {
  width: 4.2rem;
  font-size: 0.55rem;
  color: #666;
  position: absolute;
  left: 10rem;
  top: 0.75rem;
  line-height: 0.55rem;
  text-align: center;
}

.collageul li .collageTime {
  width: 4.2rem;
  font-size: 0.55rem;
  color: #999;
  position: absolute;
  left: 10rem;
  top: 1.65rem;
  line-height: 0.5rem;
  text-align: center;
}

.collageul li .btn {
  float: right;
  margin-top: 0.925rem;
}

.collage .changeBtn {
  float: left;
  width: 7.125rem;
  height: 2.4rem;
  line-height: 2.4rem;
  background-color: #ff662d;
  text-align: center;
  font-size: 0.6rem;
  color: #fff;
}

.collage .collageBtn {
  float: left;
  width: 7.125rem;
  height: 2.4rem;
  line-height: 2.4rem;
  background-color: #ff662d;
  text-align: center;
  font-size: 0.6rem;
  color: #fff;
  position: relative;
}

.collage .collageBtn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  height: 1.4rem;
  width: 0.05rem;
  background-color: #fff;
}

.collageIng-dialog .collageIngMain {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 0 0.35rem 0.5rem;
}

.collageIng-dialog .collageTitle {
  height: 2.85rem;
  color: #000;
  font-size: 0.75rem;
  text-align: center;
  line-height: 2.85rem;
}

.collageIng-dialog .closed {
  position: absolute;
  right: 0.4rem;
  top: 0.625rem;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  background: url(../images/icon.png) -13.65rem -17.5rem no-repeat;
  background-size: 18.15rem auto;
}

.collageIng-dialog .collageIngBox {
  max-height: 20rem;
  overflow-x: hidden;
  overflow-y: scroll;
}

.whsleUserBox {
  padding: 0 0.5rem 0.675rem;
  background-color: #fff;
}

.whsleUserBox .scoreBigSmall {
  text-align: center;
}

.whsleUserBox .scoreBigSmall .text {
  font-size: 0.75rem;
  color: #333;
  margin-left: 0;
}

.whsleUserBox .whsleUseImg {
  text-align: center;
  padding: 1rem 1.5rem 0.6rem;
  border-top: 0.025rem solid #e8e8e9;
}

.whsleUserBox .whsleUseImg.min a {
  margin: 0 1rem 0.7rem;
}

.whsleUserBox .whsleUseImg a {
  display: inline-block;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  margin: 0 0.7rem 0.7rem;
  overflow: hidden;
  position: relative;
  background-color: #ff662d;
}

.whsleUserBox .whsleUseImg a::before {
  content: "?";
  width: 2.1rem;
  height: 2.1rem;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 1.85rem;
  color: #fff;
}

.whsleUserBox .whsleUseImg a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.sharewechat-dialog img {
  width: 7.2rem;
  position: absolute;
  right: 0.5rem;
  top: 1rem;
}

.i-auctMain {
  padding: 0.5rem 0.5rem 0;
  position: relative;
}

.i-auctMain .swiper-auct {
  overflow: hidden;
  position: relative;
}

.i-auctMain .timeBox {
  position: absolute;
  right: 0.5rem;
  top: 0.3rem;
}

.i-auctMain .swiperAuctText {
  position: absolute;
  right: 0rem;
  top: 1.75rem;
  width: 7.75rem;
}

.i-auctMain .swiperAuctText .goodsName {
  font-size: 0.7rem;
  color: #333;
  font-weight: bold;
  width: 7.25rem;
  display: block;
  height: 1.2rem;
}

.i-auctMain .swiperAuctText .textBox {
  line-height: 1.15rem;
}

.i-auctMain .swiperAuctText .textBox .smallText {
  font-size: 0.5rem;
}

.i-auctMain .swiperAuctText .textBox .bigText {
  font-size: 0.75rem;
}

.i-auctMain .timeInt {
  position: absolute;
  right: 0.5rem;
  top: 0.3rem;
  height: 0.85rem;
  line-height: 0.85rem;
  border: 0.05rem solid #fc3b7d;
  border-radius: 0.25rem;
  display: block;
  overflow: hidden;
  background: #fff;
}

.i-auctMain .timeInt span {
  padding: 0 0.25rem;
  color: #fc3b7d;
  float: left;
  height: 0.85rem;
  line-height: 0.85rem;
  font-size: 0.6rem;
}

.i-auctMain .timeInt span.timeText {
  background-color: #fc3b7d;
  color: #fff;
}

.i-auctMain .swiper-button-prev {
  width: 0.75rem;
  height: 1.25rem;
  background: url(../images/icon/left0.png) center center no-repeat;
  background-size: 0.6rem auto;
}

.i-auctMain .swiper-button-next {
  width: 0.75rem;
  height: 1.25rem;
  background: url(../images/icon/right0.png) center center no-repeat;
  background-size: 0.6rem auto;
}

.userscoreBox {
  padding: 0rem 0.55rem;
  height: 1.75rem;
}

.userscoreBox span, .userscoreBox a {
  line-height: 1.75rem;
  font-size: 0.7rem;
}

.userscoreBox .fr {
  font-size: 0.65rem;
}

.auctImgTitle a {
  display: block;
  margin: 0 auto;
  width: 5.375rem;
  height: 1.1rem;
}

.auctList li {
  min-height: 6rem;
  width: 100%;
  position: relative;
  background: #fff;
  background-size: 100% 100%;
  box-sizing: border-box;
  margin-top: 0.55rem;
}

.auctList li.timeType1 .timeType_1 {
  display: block !important;
}

.auctList li.timeType2 .timeType_2 {
  display: block !important;
}

.auctList li.timeType3 .timeType_3 {
  display: block !important;
}

.auctList li .icon {
  position: absolute;
  left: 0.55rem;
  top: 0.7rem;
  width: 4.6rem;
  height: 4.6rem;
  overflow: hidden;
  border: 1px solid #e8e8e9;
  line-height: 3.3rem;
}

.auctList li .icon img {
  vertical-align: middle;
}

.auctList li .searchArea {
  position: absolute;
  left: 5.9rem;
  top: 0rem;
  width: 12.75rem;
  height: 4rem;
}

.auctList li .searchArea .searchName {
  padding-top: 0.65rem;
  font-size: 0.75rem;
  color: #444;
  height: 1rem;
  width: 6rem;
}

.auctList li .searchArea .searchName a {
  color: #444242;
}

.auctList li .searchArea .searchName span {
  display: inline-block;
  width: 0.6rem;
  height: 0.95rem;
  vertical-align: middle;
}

.auctList li .searchArea .textBox {
  padding-top: 0.1rem;
}

.auctList li .searchArea .textBox .bigText {
  float: left;
  height: 1.2rem;
  line-height: 1rem;
  color: #e42828;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 0 0.1rem;
}

.auctList li .searchArea .textBox .smallText {
  float: left;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.5rem;
  color: #e42828;
}

.auctList li .searchArea .textBox .text {
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.55rem;
  color: #666;
}

.auctList li .searchArea .scroeValBox {
  width: 6.25rem;
  height: 1.2rem;
  border: 1px solid #a6a6a6;
  background-color: #f0f0f0;
  overflow: hidden;
}

.auctList li .searchArea .scroeValBox input {
  border: none;
  background: none;
  float: left;
  width: 100%;
  height: 100%;
  line-height: 0.7rem;
  padding: 0.25rem;
  font-size: 0.65rem;
  color: #666;
}

.auctList li .timeBox {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  height: 0.85rem;
  line-height: 0.85rem;
  border: 0.05rem solid #fc4d6c;
  border-radius: 0.25rem;
  display: block;
  overflow: hidden;
}

.auctList li .timeBox.none {
  display: none;
}

.auctList li .timeBox span {
  padding: 0 0.25rem;
  background-color: #fc4d6c;
  color: #fff;
  float: left;
  height: 0.85rem;
  line-height: 0.85rem;
  font-size: 0.6rem;
}

.auctList li .timeBox span.setTime {
  background-color: #fff;
  color: #fc4d6c;
}

.auctList li .btn-auct {
  position: absolute;
  width: 3.525rem;
  height: 3.075rem;
  right: 0.5rem;
  top: 2.25rem;
  background: url(../images/btn-auct.png) center center no-repeat;
  background-size: 100% auto;
}

.auctList li .btn-auct:active {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}

.auctList li .zq {
  top: 0.5rem;
}

.auctList li .cartBtn {
  position: absolute;
  right: 0.8rem;
  bottom: 0.7rem;
}

.auctList li .scroeValBtnBox {
  height: 1.2rem;
}

.auctList li .scroeValBtnBox a {
  float: right;
  width: 4rem;
  height: 1.2rem;
  text-align: center;
  line-height: 1.2rem;
  font-size: 0.55rem;
  border-radius: 0.2rem;
  margin: 0 0.25rem;
}

.auctList li .scroeValBtnBox a.btn-advance {
  display: none;
  color: #fff;
  background-color: #3bb0ed;
}

.auctList li .scroeValBtnBox a.btn-tis {
  height: 1.1rem;
  line-height: 1.1rem;
  color: #878787;
  border: 0.05rem solid #878787;
}

.auctList li .scroeValBtnBox a.btn-tis.on {
  color: #3bb0ed;
  border: 0.05rem solid #3bb0ed;
}

.auctList li .btn-over {
  position: absolute;
  width: 3.1rem;
  height: 3.1rem;
  right: 0.5rem;
  top: 2.25rem;
  background: url(../images/over.png) center center no-repeat;
  background-size: 100% auto;
}

.auctList li .winningBox {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.auctList li .winningBox .btn {
  position: absolute;
  left: 50%;
  top: 40%;
  margin-left: -3rem;
  width: 5rem;
  color: #fff;
}

.auct_unIng {
  padding: 1rem 0;
  text-align: center;
  font-size: 0.5rem;
  color: #999;
  display: none;
}

.ticketMore {
  text-align: center;
  color: #888;
  font-size: 0.55rem;
  line-height: 2rem;
}

.auctTimeNav {
  width: 100%;
  height: 2.7rem;
  background: linear-gradient(to right, #fc4d6c, #fd1f97);
  overflow-x: auto;
}

.auctTimeNav ul {
  height: 2.7rem;
  display: block;
}

.auctTimeNav li {
  width: 4.6875rem;
  height: 2.7rem;
  float: left;
  border-left: 0.05rem solid #ff7da1;
  font-size: 0.65rem;
  text-align: center;
  color: #fff;
  line-height: 2.25rem;
  position: relative;
}

.auctTimeNav li.on {
  font-weight: bold;
}

.auctTimeNav li.on i {
  height: 0.25rem;
  width: 1rem;
  border-radius: 0.125rem;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0.35rem;
  margin-left: -0.5rem;
  background-color: #fff;
}

.auctListMain .auctList {
  display: none;
}

.auctListMain .auctList.on {
  display: block;
}

.auctDetail .goodsDetailImg {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 0.5rem 0;
}

.auctDetail .goodsDetailImg .swiper-slide {
  text-align: center;
}

.auctDetail .goodsDetailImg .swiper-slide img {
  width: auto;
}

.auctDetail .timeBox {
  height: 1.85rem;
  line-height: 1.85rem;
  text-align: center;
  background: #32a1ff;
  color: #fff;
  border-radius: 0;
  width: 100%;
  border: none;
}

.auctDetail .timeBox span {
  display: inline-block;
  color: #fff;
  font-size: 0.65rem;
  vertical-align: middle;
  text-align: center;
  line-height: 0.825rem;
  height: 0.825rem;
  padding: 0;
  float: none;
  background: none;
}

.auctDetail .timeBox span span {
  vertical-align: top;
}

.auctDetail .timeBox span.clock {
  width: 0.775rem;
  background: url(../images/icon/clock.png) center center no-repeat;
  background-size: 0.775rem auto;
}

.auctDetail .timeBox span.date, .auctDetail .timeBox span.time, .auctDetail .timeBox span.minute, .auctDetail .timeBox span.second {
  width: 1rem;
  background-color: #fff;
  color: #32a1ff;
  border-radius: 0.15rem;
  margin: 0 0.25rem;
}

.auctDetail .timeBox.stime {
  background: #fc3b7d;
}

.auctDetail .timeBox.stime span.date, .auctDetail .timeBox.stime span.time, .auctDetail .timeBox.stime span.minute, .auctDetail .timeBox.stime span.second {
  color: #fc3b7d;
}

.auctDetail .timeBox.etime {
  background-color: #9a9b9b;
}

.auctDetail .timeBox.etime .timeText, .auctDetail .timeBox.etime .setTime {
  display: none;
}

.auctDetail .timeBox.etime .etimeText {
  text-align: center;
  font-size: 0.6rem;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.auctDetail .remindMe {
  position: absolute;
  right: 0.625rem;
  bottom: 0.55rem;
  width: 4rem;
  height: 1.2rem;
  text-align: center;
  line-height: 1.2rem;
  border-radius: 0.25rem;
  color: #878787;
  border: 0.05rem solid #878787;
}

.auctDetail .remindMe.on {
  color: #3bb0ed;
  border: 0.05rem solid #3bb0ed;
}

.auctNav {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 2.4rem;
  width: 18.75rem;
  background-color: #fff;
}

.auctNav .auctScroeBox {
  float: left;
  width: 10.85rem;
  height: 2.05rem;
  text-align: center;
  line-height: 2.05rem;
  border-bottom: 1px solid #aeaeae;
  overflow: hidden;
  margin: 0 0.9rem;
}

.auctNav .auctScroeBox input {
  border: none;
  background-color: #fff;
  color: #aeaeae;
}

.auctNav .btn-auctUp {
  float: right;
  width: 6.05rem;
  height: 2.4rem;
  text-align: center;
  line-height: 2.4rem;
  color: #fff;
  font-size: 0.6rem;
  background-color: #9a9b9b;
}

.auctNav .btn-auctUp.on {
  background-color: #ff662d;
}

.dialog-auctInput .scoreVal {
  display: block;
  margin: 0 auto;
  width: 6rem;
  height: 1.2rem;
  border: 0.025rem solid #a6a6a6;
  border-radius: 0.15rem;
  line-height: 1.2rem;
  padding: 0rem 0.25rem;
  background: #f0f0f0;
}

.ticketMain .ticket_userscoreBox {
  padding: 0 0.5rem;
  line-height: 2rem;
}

.ticketMain .ticket_userscoreBox .fr {
  font-size: 0.6rem;
}

.ticketMain .timeBox {
  display: inline-block;
  vertical-align: middle;
}

.ticketItemMain .ticketlist {
  padding: 0 0.5rem;
}

.ticketItemMain .ticketlist li {
  background: url(../images/ticketbg.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: relative;
  margin-bottom: 0.45rem;
}

.ticketItemMain .ticketlist li .img {
  position: absolute;
  left: 0.65rem;
  top: 0.55rem;
  width: 3.5rem;
  border: 0.05rem solid #e8e8e9;
  overflow: hidden;
}

.ticketItemMain .ticketlist li .ticket_textarea {
  height: 4.7rem;
  width: 8.5rem;
  padding-left: 4.7rem;
}

.ticketItemMain .ticketlist li .ticket_textarea .ticketVal {
  padding-top: 0.25rem;
  line-height: 1.95rem;
  height: 1.95rem;
  overflow: hidden;
}

.ticketItemMain .ticketlist li .ticket_textarea .ticketVal .small {
  color: #fc3b7d;
  font-size: 0.65rem;
}

.ticketItemMain .ticketlist li .ticket_textarea .ticketVal .big {
  color: #fc3b7d;
  font-size: 1.625rem;
}

.ticketItemMain .ticketlist li .ticket_textarea .overRmb {
  line-height: 0.95rem;
  font-size: 0.55rem;
  color: #555;
}

.ticketItemMain .ticketlist li .ticket_textarea .endTimeBox {
  font-size: 0.5rem;
  line-height: 1.25rem;
  color: #666;
}

.ticketItemMain .ticketlist li .ticket_bar {
  position: absolute;
  right: 0.5rem;
  top: 0.325rem;
  width: 3.5rem;
}

.ticketItemMain .ticketlist li .ticket_bar .barBox {
  width: 3.05rem;
  margin: 0 auto;
}

.ticketItemMain .ticketlist li .ticket_bar .barBox img {
  height: 2.55rem;
  width: 3.05rem;
  display: block;
}

.ticketItemMain .ticketlist li .ticket_bar .barBox .barVal {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  padding-top: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.55rem;
}

.ticketItemMain .ticketlist li .ticket_bar .btn {
  font-size: 0.6rem;
  padding: 0;
  width: 3.5rem;
  margin: 0.25rem auto;
}

.ticketItemMain .ticketlist li .ticket_bar .hasGetText {
  text-align: center;
  line-height: 2.55rem;
  font-size: 0.55rem;
  display: none;
  color: #666;
}

.ticketItemMain .ticketlist li .ticket_bar .goBuy {
  display: none;
}

.ticketItemMain .ticketlist li .ticket_bar.hasGet .barBox {
  display: none;
}

.ticketItemMain .ticketlist li .ticket_bar.hasGet .newGet {
  display: none;
}

.ticketItemMain .ticketlist li .ticket_bar.hasGet .hasGetText {
  display: block;
}

.ticketItemMain .ticketlist li .ticket_bar.hasGet .goBuy {
  display: block;
}

.ticketItemMain .ticketlist li .ticket_ruleBox {
  background-color: #fff2ea;
  border: 0.025rem solid #ff662d;
  padding: 0.3rem 0.35rem;
  color: #666;
  font-size: 0.5rem;
  line-height: 0.95rem;
  margin-top: 0.45rem;
  border-radius: 0.15rem;
  position: relative;
  display: none;
}

.ticketItemMain .ticketlist li .ticket_ruleBox.on {
  display: block;
}

.ticketItemMain .ticketlist li .ticket_ruleBox i {
  position: absolute;
  left: 12.1rem;
  top: -0.4rem;
  width: 0.625rem;
  height: 0.4rem;
  background: url(../images/icon/top1.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.dialog-ticketSus .com-title {
  font-size: 0.7rem;
}

.dialog-ticketSus .com-text img {
  display: block;
  width: 3.775rem;
  margin: 0 auto;
}

.prepareTicketMain {
  padding-top: 0.55rem;
}

.myticketMain .ticket_userscoreBox {
  padding: 0 0.5rem;
  line-height: 2rem;
}

.myticketMain .ticket_userscoreBox .fr {
  font-size: 0.6rem;
}

.myticketMain .timeBox {
  display: inline-block;
  vertical-align: middle;
}

.myticketMain .ticketlist {
  padding: 0 0.5rem;
}

.myticketMain .ticketlist li {
  min-height: 4.7rem;
  position: relative;
  margin-top: 0.55rem;
}

.myticketMain .ticketValBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.25rem;
  height: 4.7rem;
  background: url(../images/myTicket0.png) center center no-repeat;
  background-size: 100% auto;
}

.myticketMain .ticketValBox .ticketVal {
  padding-top: 0.75rem;
  line-height: 2.5rem;
  height: 2.5rem;
  text-align: center;
}

.myticketMain .ticketValBox .ticketVal .small {
  font-size: 0.85rem;
  color: #fff;
}

.myticketMain .ticketValBox .ticketVal .big {
  font-size: 2.1rem;
  color: #fff;
}

.myticketMain .ticketValBox .overRmb {
  text-align: center;
  color: #fff;
  font-size: 0.55rem;
}

.myticketMain .ticketValBox2 {
  background: url(../images/myTicket2.png) center center no-repeat;
  background-size: 100% auto;
}

.myticketMain .ticketValBox1 {
  background: url(../images/myTicket1.png) center center no-repeat;
  background-size: 100% auto;
}

.myticketMain .ticketValBox.expire1 {
  background: url(../images/myTicket0.png) center center no-repeat;
  background-size: 100% auto;
}

.myticketMain .ticket_textarea {
  width: 100%;
  height: 4.7rem;
  background-color: #fff;
  padding-left: 6.7rem;
}

.myticketMain .ticket_textarea.expire1 .cate i {
  background-color: #989898;
}

.myticketMain .ticket_textarea.expire1 .ticket_go .btn-rule {
  background: url(../images/icon/up2.png) right center no-repeat;
  background-size: 0.425rem auto;
  color: #999;
}

.myticketMain .ticket_textarea .cate {
  color: #333;
  font-size: 0.6rem;
  padding-top: 0.55rem;
  line-height: 1.15rem;
}

.myticketMain .ticket_textarea .cate i {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.25rem;
  line-height: 0.75rem;
  border-radius: 0.375rem;
  background-color: #ff662d;
  color: #fff;
  height: 0.75rem;
  margin-right: 0.1rem;
}

.myticketMain .ticket_textarea .endTimeBox {
  line-height: 0.75rem;
  font-size: 0.5rem;
  color: #666;
}

.myticketMain .ticket_textarea .ticket_go {
  padding: 0.45rem 0.65rem;
  line-height: 1.15rem;
  height: 1.15rem;
}

.myticketMain .ticket_textarea .ticket_go .btn-rule {
  display: inline-block;
  background: url(../images/icon/up1.png) right center no-repeat;
  background-size: 0.425rem auto;
  margin-left: 3.45rem;
  vertical-align: middle;
  padding-right: 0.6rem;
  font-size: 0.55rem;
  color: #ff662d;
}

.myticketMain .ticket_textarea .ticket_go .btn {
  vertical-align: middle;
  padding: 0 0.5rem;
}

.myticketMain .ticket_textarea .endTicketImg {
  display: block;
  position: absolute;
  right: 0.15rem;
  top: 1.35rem;
  width: 3.1rem;
  height: 3.1rem;
}

.myticketMain .ticket_textarea .endTicketImg.endTicketImg3 {
  background: url(../images/endTicketImg3.png) 0 0 no-repeat;
  background-size: 3.1rem auto;
}

.myticketMain .ticket_textarea .endTicketImg.endTicketImg4 {
  background: url(../images/endTicketImg4.png) 0 0 no-repeat;
  background-size: 3.1rem auto;
}

.myticketMain .ticket_ruleBox {
  background-color: #fff2ea;
  border: 0.025rem solid #ff662d;
  padding: 0.3rem 0.35rem;
  color: #666;
  font-size: 0.5rem;
  line-height: 0.95rem;
  margin-top: 0.6rem;
  border-radius: 0.15rem;
  position: relative;
  display: none;
}

.myticketMain .ticket_ruleBox.on {
  display: block;
}

.myticketMain .ticket_ruleBox i {
  position: absolute;
  left: 12.1rem;
  top: -0.4rem;
  width: 0.625rem;
  height: 0.4rem;
  background: url(../images/icon/top1.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.myticketMain .historyTicket {
  text-align: center;
  padding: 2rem 0 1rem;
}

.myticketMain .historyTicket a {
  display: inline-block;
  font-size: 0.65rem;
  color: #999;
  margin: 0 auto;
}

.iphoneX .main {
  padding-bottom: 4.4rem;
}

.iphoneX .nav {
  padding-bottom: 1.25rem;
}

/*vip升级消息推送  郭致鸣 2018.10.25 开始*/
.vip_fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.vip_box {
  width: 16rem;
  height: 16rem;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10001;
  margin: -8rem 0 0 -8rem;
}

.vip-bg1 {
  width: 16rem;
  height: 16rem;
  background: url(https://www.shengli.com/Public/Home/five/images/vip/vip-bg1.png) 100% 100% no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

.vip-bg2 {
  width: 14.975rem;
  height: 7.025rem;
  background: url(https://www.shengli.com/Public/Home/five/images/vip/vip-bg2.png) 100% 100% no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 3.5rem;
  left: 50%;
  margin-left: -7.5rem;
  z-index: 2;
}

.vip-title {
  width: 9.525rem;
  height: 3.625rem;
  position: absolute;
  top: 0.25rem;
  left: 50%;
  margin-left: -4.75rem;
  z-index: 3;
}

.vip-level {
  width: 7.225rem;
  height: 7.675rem;
  position: absolute;
  top: 4rem;
  left: 50%;
  margin-left: -3.625rem;
  z-index: 4;
}

.vip-getGift {
  width: 7.75rem;
  height: 2.3rem;
  background: url(https://www.shengli.com/Public/Home/five/images/vip/vip-getGift.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  margin-left: -3.875rem;
  z-index: 5;
  cursor: pointer;
  display: block;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*vip升级消息推送  郭致鸣 2018.10.25 结束*/
.i-top {
  height: 9.54861rem;
  width: 100%;
  background: #e8e8e8 url(../images/edit2/t-bg.png) 0 bottom no-repeat;
  background-size: 100% auto;
}

.i-top .t-top {
  height: 1.21528rem;
  text-align: right;
  line-height: 1.21528rem;
  position: relative;
  padding: 0.375rem 0.85rem;
}

.i-top .t-top .btn-showNav {
  float: right;
  height: 1.21528rem;
  width: 5.55556rem;
  text-align: center;
  background-color: #fc5336;
  color: #fff;
  border-radius: 0.25rem;
}

.i-top .t-top .navPOP {
  position: absolute;
  right: 0rem;
  top: 2.25rem;
  width: 6.15rem;
  background-color: rgba(0, 0, 0, 0.77);
  padding: 0 0.525rem 0 0.625rem;
  z-index: 99;
  display: none;
}

.i-top .t-top .navPOP a {
  font-size: 0.65rem;
  color: #fff;
  display: block;
  text-align: center;
  height: 1.95rem;
  line-height: 1.95rem;
  border-top: 1px solid #626262;
}

.i-top .t-top .navPOP a:first-child {
  border-top: none;
}

.i-top .t-top .navPOP i {
  display: block;
  position: absolute;
  right: 0.6rem;
  top: -0.725rem;
  width: 1.1rem;
  height: 0.725rem;
  background: url(../images/edit2/icon2.png) center center no-repeat;
  background-size: 1.1rem 0.725rem;
}

.i-top .noSigin {
  position: relative;
}

.i-top .noSigin .goSingin {
  position: absolute;
  left: 50%;
  width: 6.18056rem;
  height: 1.35417rem;
  font-size: 0.85rem;
  color: #fc2a00;
  border: 0.025rem solid #ed340a;
  border-radius: 0.27778rem;
  background-color: #fff;
  text-align: center;
  line-height: 1.38889rem;
  margin-left: -2.74306rem;
  margin-top: 2.95139rem;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

.i-top .hasSigin .topScroe {
  padding-top: 1.5625rem;
  padding-left: 2.04861rem;
  font-size: 2.1875rem;
  color: #fff;
  position: relative;
  display: inline-block;
  width: auto;
  height: 2.39583rem;
}

.i-top .hasSigin .topScroe .scroe {
  height: 2.39583rem;
  width: auto;
  color: #fff;
}

.i-top .hasSigin .topScroe .text {
  position: absolute;
  right: -0.75rem;
  top: 1.5rem;
  color: #fff;
  font-size: 0.625rem;
}

.i-top .hasSigin .myScroe {
  width: 3.50694rem;
  height: 0.97222rem;
  font-size: 0.52083rem;
  color: #fc2a00;
  border: 0.025rem solid #ed340a;
  border-radius: 0.86806rem;
  background-color: #fff;
  text-align: center;
  margin-left: 2.04861rem;
  display: block;
  line-height: 0.97222rem;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

.main {
  background-color: #f4f4f4;
}

.i-gameMain {
  width: 17.36111rem;
  height: 3.64583rem;
  background-color: #fff;
  margin: 0 auto;
}

.i-gameMain .gamelist {
  text-align: center;
  font-size: 0;
}

.i-gameMain .gamelist a {
  display: inline-block;
  width: 3.29861rem;
  height: 3.64583rem;
  margin: 0 auto;
  vertical-align: middle;
}

.i-gameMain .gamelist .gameImg {
  height: 1.90972rem;
  width: 1.90972rem;
  display: block;
  margin: 0.38194rem auto 0;
  position: relative;
}

.i-gameMain .gamelist .gameName {
  padding-top: 0.41667rem;
  text-align: center;
  font-size: 0.48611rem;
  color: #565656;
  display: block;
}

.i-gameMain .gamelist .active img {
  width: 2.60417rem;
  max-width: 2.60417rem;
  height: 2.60417rem;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -1.30208rem;
  top: -0.69444rem;
}

.swiper-box {
  height: 7.67361rem;
  width: 17.36111rem;
  margin: 0 auto;
  padding-top: 0.83333rem;
  padding-bottom: 0.83333rem;
}

.swiper-box .swiper-container, .swiper-box .swiper-slide, .swiper-box a {
  display: block;
  height: 7.67361rem;
  width: 17.36111rem;
  border-radius: 0.45rem;
  overflow: hidden;
}

.swiper-box .swiper-container img, .swiper-box .swiper-slide img, .swiper-box a img {
  height: 7.67361rem;
  width: 17.36111rem;
}

.swiper-box .swiper-pagination {
  font-size: 0;
}

.swiper-box .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  height: 0.27778rem;
  width: 0.27778rem;
  border-radius: 50%;
  margin: 0 0.24306rem !important;
}

.swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ff662d;
}

.i-listT {
  margin-top: 0.90278rem;
  border-top: 0.15rem solid #e1e1e1;
  height: 2.11806rem;
  text-align: center;
  position: relative;
}

.i-listT.borderNone {
  border: none;
}

.i-listT .t {
  width: 7.32639rem;
  height: 2.11806rem;
  line-height: 2.08333rem;
  font-size: 0.83333rem;
  color: #414141;
  display: inline-block;
  margin: 0 auto;
  background: url(../images/edit2/icon-t.png) center center no-repeat;
  background-size: 7.32639rem auto;
  letter-spacing: 0.06944rem;
}

.i-listT .t em {
  color: #ff662d;
  font-weight: 800;
  font-size: 0.81597rem;
}

.i-listT .moreBox {
  float: right;
  line-height: 2.11806rem;
  font-size: 0.45139rem;
  color: #7b7b7b;
  padding-right: 0.65972rem;
  position: absolute;
  right: 0;
  top: 0;
}

.i-listT .moreBox em {
  display: inline-block;
  width: 0.45139rem;
  height: 0.45139rem;
  background: url(../images/icon/more1.png) center center no-repeat;
  background-size: 0.45139rem auto;
  margin-left: 0.10417rem;
}

.swiper-dbao {
  margin-left: 0.72917rem;
  width: 17.36111rem;
  height: 5.45139rem;
  overflow: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.swiper-dbao .swiper-dbaoWrapper {
  width: 52.08333rem;
  -webkit-overflow-scrolling: touch;
}

.swiper-dbao .swiper-dbaoSlide {
  width: 17.36111rem;
  height: 5.45139rem;
  border: 0.025rem solid #bebebe;
  border-radius: 0.41667rem;
  padding-left: 7.98611rem;
  background-color: #fff;
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.swiper-dbao .swiper-dbaoSlide:last-child {
  margin-right: 0;
}

.swiper-dbao .swiper-dbaoSlide .img {
  position: absolute;
  left: -0.025rem;
  top: -0.025rem;
  height: 5.45139rem;
  width: 5.45139rem;
  border-radius: 0.41667rem;
  overflow: hidden;
}

.swiper-dbao .swiper-dbaoSlide .goodsName {
  padding-top: 0.86806rem;
  height: 1.38889rem;
  font-size: 0.86806rem;
  color: #3f3f3f;
  display: block;
}

.swiper-dbao .swiper-dbaoSlide .goodsName.hastime {
  padding-top: 1.28472rem;
  height: 1.14583rem;
}

.swiper-dbao .textBox {
  line-height: 1.18056rem;
  height: 1.18056rem;
}

.swiper-dbao .textBox .text {
  color: #3f3f3f;
  font-size: 0.41667rem;
  line-height: 1.18056rem;
  height: 1.18056rem;
  vertical-align: middle;
  display: inline-block;
}

.swiper-dbao .textBox .bigText {
  color: #ff662d;
  font-size: 0.79861rem;
  line-height: 1.04167rem;
  height: 1.18056rem;
  vertical-align: middle;
  display: inline-block;
  font-weight: 800;
  padding-right: 0.10417rem;
}

.swiper-dbao .timeBox {
  position: absolute;
  right: 0rem;
  top: 0rem;
  height: 0.85rem;
  line-height: 0.85rem;
  border: 0.05rem solid #ff662c;
  border-radius: 0 0 0 0.25rem;
  display: block;
  overflow: hidden;
}

.swiper-dbao .timeBox span {
  padding: 0 0.25rem;
  background-color: #fff;
  color: #ff662c;
  float: left;
  height: 0.85rem;
  line-height: 0.85rem;
  font-size: 0.6rem;
}

.swiper-dbao .timeBox span.setTime {
  background-color: #ff662c;
  color: #fff;
}

.i-listBox {
  margin-left: 0.72917rem;
  height: 5.45139rem;
  width: 17.29167rem;
  overflow: hidden;
  position: relative;
}

.i-listBox .listBox {
  height: 5.45139rem;
  width: auto;
}

.i-listBox .listBox .list {
  width: 14.58333rem;
  height: 5.45139rem;
  border: 0.025rem solid #bebebe;
  border-radius: 0.41667rem;
  padding-left: 6.94444rem;
  background-color: #fff;
  position: relative;
  margin-right: 0.5rem;
  display: inline-block;
}

.i-listBox .listBox .list:last-child {
  margin-right: 0;
}

.i-listBox .listBox .list .img {
  position: absolute;
  left: -0.025rem;
  top: -0.025rem;
  height: 5.45139rem;
  width: 5.45139rem;
  overflow: hidden;
  border-radius: 0.41667rem;
}

.i-listBox .listBox .list .img img {
  height: 5.45139rem;
  width: 5.45139rem;
}

.i-listBox .listBox .list .goodsName {
  padding-top: 0.9375rem;
  height: 1.31944rem;
  font-size: 0.86806rem;
  color: #3f3f3f;
  display: block;
}

.i-listBox .listBox .list .goodsName.hastime {
  padding-top: 1.28472rem;
  height: 1.14583rem;
}

.i-listBox .listBox .list .textBox {
  line-height: 1.04167rem;
  height: 1.04167rem;
}

.i-listBox .listBox .list .textBox .text {
  color: #3f3f3f;
  font-size: 0.41667rem;
  line-height: 1.04167rem;
  height: 1.04167rem;
  vertical-align: middle;
  display: inline-block;
}

.i-listBox .listBox .list .textBox .bigText {
  color: #ff662d;
  font-size: 0.79861rem;
  line-height: 0.97222rem;
  height: 1.18056rem;
  vertical-align: middle;
  display: inline-block;
}

.i-listBox .timeBox {
  position: absolute;
  right: 0rem;
  top: -0.025rem;
  height: 0.85rem;
  line-height: 0.85rem;
  border: 0.05rem solid #ff662c;
  border-radius: 0 0.41667rem 0 0.25rem;
  display: block;
  overflow: hidden;
}

.i-listBox .timeBox span {
  padding: 0 0.25rem;
  background-color: #fff;
  color: #ff662c;
  float: left;
  height: 0.85rem;
  line-height: 0.85rem;
  font-size: 0.6rem;
}

.i-listBox .timeBox span.setTime {
  background-color: #ff662c;
  color: #fff;
}

.i-listBox.i-listBoxMax .list {
  width: 17.36111rem;
  padding-left: 6.94444rem;
}

.teskTop {
  height: 19.30556rem;
  background: url(../images/edit2/task.png) center 0 no-repeat;
  background-size: 100% auto;
}

.teskTop .signBox1 {
  padding-top: 2.43056rem;
}

.teskTop .signBox {
  width: 17.46528rem;
  height: 8.15972rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 0.41667rem;
  background-color: #fff;
  position: relative;
}

.teskTop .signBox .btn-rule {
  position: absolute;
  right: 0;
  top: 0.76389rem;
  width: 3.47222rem;
  height: 0.97222rem;
  background-color: #fd5735;
  padding-right: 0.17361rem;
  font-size: 0.55556rem;
  color: #fff;
  text-align: center;
  line-height: 0.97222rem;
  border-radius: 0.48611rem 0 0 0.48611rem;
}

.teskTop .noSigin {
  position: relative;
}

.teskTop .noSigin .goSingin {
  position: absolute;
  left: 50%;
  width: 6.18056rem;
  height: 1.35417rem;
  font-size: 0.85rem;
  color: #fc2a00;
  border: 0.025rem solid #ed340a;
  border-radius: 0.27778rem;
  background-color: #fff;
  text-align: center;
  line-height: 1.38889rem;
  margin-left: -2.74306rem;
  margin-top: 3.47222rem;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

.teskTop .tBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 4.86111rem;
  height: 2.1875rem;
}

.teskTop .tBox .d {
  position: absolute;
  left: 0.9375rem;
  top: 0.625rem;
  font-size: 1.31944rem;
  color: #575757;
}

.teskTop .tBox .w {
  position: absolute;
  left: 2.67361rem;
  top: 0.69444rem;
  font-size: 0.65972rem;
  color: #575757;
  width: 1.73611rem;
}

.teskTop .tBox .m {
  position: absolute;
  left: 2.67361rem;
  top: 1.45833rem;
  font-size: 0.41667rem;
  color: #737373;
  width: 5.20833rem;
}

.teskTop .signingBox {
  position: absolute;
  left: 50%;
  top: 3.59375rem;
  margin-left: -7.37847rem;
  width: 14.75694rem;
  height: 0.05208rem;
  background-color: #d2d2d2;
}

.teskTop .signingBox .linening {
  height: 100%;
  background-color: #f05926;
  width: 50%;
}

.teskTop .signingBox li {
  width: 0.76389rem;
  height: 1.28472rem;
  position: absolute;
  left: 0;
  top: -0.90278rem;
  margin-left: -0.1rem;
  transform-origin: 50% 0.90278rem;
  -webkit-transform-origin: 50% 0.90278rem;
}

.teskTop .signingBox li:nth-child(2) {
  left: 14%;
}

.teskTop .signingBox li:nth-child(3) {
  left: 28%;
}

.teskTop .signingBox li:nth-child(4) {
  left: 43%;
}

.teskTop .signingBox li:nth-child(5) {
  left: 57%;
}

.teskTop .signingBox li:nth-child(6) {
  left: 71%;
}

.teskTop .signingBox li:nth-child(7) {
  left: 85%;
}

.teskTop .signingBox li:nth-child(8) {
  left: 99%;
}

.teskTop .signingBox li .d {
  height: 0.52083rem;
  text-align: center;
  color: #bfbfbf;
  font-size: 0.41667rem;
  display: block;
  white-space: nowrap;
}

.teskTop .signingBox li .d1 {
  width: 0.76389rem;
  height: 0.76389rem;
  display: block;
  white-space: nowrap;
  font-size: 0.38194rem;
  color: #fff;
  text-align: center;
  line-height: 0.76389rem;
  background: #bfbfbf;
  border-radius: 50%;
}

.teskTop .signingBox li.on .d {
  color: #f05926;
}

.teskTop .signingBox li.on .d1 {
  background: url(../images/icon/circle.png) center center no-repeat;
  background-size: 100%;
}

.teskTop .signingBox li.active {
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
}

.teskTop .text {
  position: absolute;
  top: 6.94444rem;
  left: 0;
  text-align: center;
  color: #f04117;
  font-size: 0.48611rem;
  width: 100%;
}

.teskTop .btn-sign {
  position: absolute;
  top: 4.86111rem;
  left: 50%;
  margin-left: -4.94792rem;
  width: 9.89583rem;
  height: 1.42361rem;
  display: block;
  border-radius: 0.38194rem;
  background-color: #bfbfbf;
  color: #fff;
  font-size: 0.74653rem;
  color: #fff;
  text-align: center;
  line-height: 1.42361rem;
  letter-spacing: 0.10417rem;
}

.teskTop .btn-sign.on {
  background-color: #f05926;
}

.teskTop .goSingin {
  position: absolute;
  top: 4.86111rem;
  left: 50%;
  margin-left: -4.94792rem;
  width: 9.89583rem;
  height: 1.42361rem;
  display: block;
  border-radius: 0.38194rem;
  background-color: #bfbfbf;
  color: #fff;
  font-size: 0.74653rem;
  color: #fff;
  text-align: center;
  line-height: 1.42361rem;
  letter-spacing: 0.10417rem;
}

.teskTop .goSingin.on {
  background-color: #f05926;
}

.taskMainBoxEdit {
  background-color: #fff;
  width: 17.46528rem;
  padding: 0.20833rem 0.69444rem 0.52083rem 1.04167rem;
  border-radius: 0.41667rem;
  border: 1px solid #ababab;
  margin: 0 auto;
}

.taskMainBoxEdit li {
  position: relative;
  height: 3.40278rem;
  border-bottom: 1px solid #ababab;
}

.taskMainBoxEdit li .taskTitle {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.86806rem 0 0 0.34722rem;
  font-size: 0.69444rem;
  color: #414141;
  line-height: 1.14583rem;
  font-size: 0.69444rem;
  width: 10.24306rem;
  float: left;
}

.taskMainBoxEdit li .testBtn {
  position: absolute;
  right: 0.69444rem;
  top: 0.86806rem;
  width: 3.4375rem;
  height: 1.00694rem;
  display: block;
  border-radius: 0.20833rem;
  background-color: #f04117;
  font-size: 0.64236rem;
  color: #fff;
  text-align: center;
  line-height: 1.00694rem;
}

.taskMainBoxEdit li a {
  color: #fff;
}

.taskMainBoxEdit li .taskText {
  position: absolute;
  right: 0;
  top: 2.1875rem;
  text-align: center;
  display: block;
  font-size: 0.45139rem;
  color: #858585;
  width: 5.03472rem;
  white-space: nowrap;
}

.myGoods-typeBox {
  width: 17.5rem;
  margin: 0.52083rem auto 0.72917rem;
}

.myGoods-typeBox a {
  float: left;
  width: 3.95833rem;
  height: 1.54514rem;
  margin-right: 0.55556rem;
  font-size: 0.69444rem;
  color: #3f3f3f;
  border-radius: 0.3rem;
  background-color: #fff;
  text-align: center;
  line-height: 1.54514rem;
  border-bottom: 1px solid #999;
}

.myGoods-typeBox a:last-child {
  margin-right: 0;
}

.myGoods-typeBox a.on {
  border-bottom: 1px solid #f04117;
  color: #f04117;
  font-weight: bold;
}

.payGoodsBox2 {
  width: 17.5rem;
  margin: 0 auto 0.72917rem;
}

.payGoodsBox2 li {
  width: 100%;
  height: 5.45139rem;
  border-radius: 0.45139rem;
  border: 0.01736rem solid #bababa;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  padding-left: 6.59722rem;
  padding-right: 0.65972rem;
  margin-bottom: 0.38194rem;
}

.payGoodsBox2 li .goodsImg {
  position: absolute;
  left: -0.01736rem;
  top: -0.01736rem;
  height: 5.45139rem;
  line-height: 5.45139rem;
  width: 5.45139rem;
  background-color: #fff;
  border-radius: 0.45139rem;
  overflow: hidden;
}

.payGoodsBox2 li .goodsImg img {
  display: inline-block;
  height: auto;
  vertical-align: middle;
}

.payGoodsBox2 li .goodsTitle {
  padding-top: 0.76389rem;
  font-size: 0.72917rem;
  color: #3f3f3f;
  height: 1.00694rem;
}

.payGoodsBox2 li .numMain {
  height: 1.18056rem;
  font-size: 0.52083rem;
  color: #3f3f3f;
}

.payGoodsBox2 li p.text {
  font-size: 0.45139rem;
  line-height: 0.65972rem;
}

.payGoodsBox2 li .btn-lookOrder {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 0.65972rem;
  height: 100%;
  background: #e1e1e1 url(../images/edit2/icon1.png) center center no-repeat;
  background-size: 0.29514rem auto;
}

.payGoodsBox2.mygetorderilst li {
  padding-left: 6.59722rem;
}

.payGoodsBox2.mygetorderilst .goodsImg1 {
  position: absolute;
  left: -0.01736rem;
  top: -0.01736rem;
  height: 4.93056rem;
  width: 6.14583rem;
  text-align: center;
  padding: 0.52083rem 0 0;
}

.payGoodsBox2.mygetorderilst .goodsImg1 img {
  height: 3.81944rem;
  width: 3.81944rem;
  margin: 0 auto;
}

.payGoodsBox2.mygetorderilst .goodsImg1 p {
  text-align: center;
  color: #666;
  font-size: 0.38194rem;
  line-height: 0.86806rem;
}

.mcdsGift {
  width: 17.32639rem;
  border: 1px solid #ababab;
  border-radius: 0.48611rem;
  background-color: #fff;
  margin: 0 auto;
}

.mcdsGift ul {
  padding-top: 0.83333rem;
  text-align: center;
  font-size: 0;
}

.mcdsGift li {
  width: 4.23611rem;
  height: 3.99306rem;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
}

.mcdsGift .img {
  display: block;
  width: 2.46528rem;
  height: 2.46528rem;
  margin: 0 auto;
  border-radius: 0.59028rem;
  background-color: #999;
}

.mcdsGift .text {
  text-align: center;
  font-size: 0.5rem;
  color: #666;
  line-height: 0.86806rem;
  height: 0.86806rem;
}

.dialog-mycard .com-text span {
  vertical-align: middle;
  margin-right: 0.25rem;
}

.merchandiseBox {
  background: #f4f4f4 url(../images/edit2/merchandise.jpg) center -0.69444rem no-repeat;
  background-size: 18.75rem auto;
}

.merchandiseBox .goodsList {
  text-align: center;
  font-size: 0;
}

.merchandiseBox .goodsList li {
  margin: 0 0.2rem 0.5rem;
}

.merchandiseBox .goodsList .goodsName {
  text-align: left;
}

.merchandiseBox .mcdsCard {
  text-align: center;
}

.merchandiseBox .mcdsCard li {
  width: 8.40278rem;
  height: 5.27778rem;
  margin: 0 0.17361rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #b7e0fe;
  border-radius: 0.45139rem;
}

.merchandiseBox .mcdsCard .goodsName {
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
  padding: 0.9375rem 0.59028rem;
  font-size: 0.9375rem;
  color: #fff;
  line-height: 1.31944rem;
  width: 100%;
  height: 100%;
}

.g-top {
  height: 8.95833rem;
  background: url(../images/edit2/gs-top.jpg) 0 0 no-repeat;
  background-size: 100% auto;
}

.g-top .noSigin {
  position: relative;
}

.g-top .noSigin .goSingin {
  position: absolute;
  left: 50%;
  width: 6.18056rem;
  height: 1.35417rem;
  font-size: 0.85rem;
  color: #fc2a00;
  border: 0.025rem solid #ed340a;
  border-radius: 0.27778rem;
  background-color: #fff;
  text-align: center;
  line-height: 1.38889rem;
  margin-left: -2.74306rem;
  margin-top: 6.42361rem;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

.g-top .hasSigin .img {
  height: 3.33333rem;
  width: 3.33333rem;
  display: block;
  margin: 0 auto;
  padding-top: 1.73611rem;
  border-radius: 0.45139rem;
  overflow: hidden;
}

.g-top .hasSigin .img img {
  border-radius: 0.45139rem;
  overflow: hidden;
}

.g-top .hasSigin .userName {
  padding-top: 0.48611rem;
  text-align: center;
  font-size: 0.79861rem;
  color: #fd5735;
  height: 1.28472rem;
}

.g-top .hasSigin .btn-myOrder {
  background: url(../images/edit2/btn-myOrder.png) 0 0 no-repeat;
  background-size: 100% auto;
  display: block;
  width: 6.19792rem;
  height: 1.42361rem;
  text-align: center;
  line-height: 1.42361rem;
  font-size: 0.59028rem;
  color: #fff;
  margin: 0 auto;
}

.g-top .hasSigin .myScroe {
  width: 3.50694rem;
  height: 0.97222rem;
  font-size: 0.52083rem;
  color: #fc2a00;
  border: 0.025rem solid #ed340a;
  border-radius: 0.86806rem;
  background-color: #fff;
  text-align: center;
  margin-left: 2.04861rem;
  display: block;
  line-height: 0.97222rem;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

.gsvaultMain .i-listT .t {
  font-size: 0.81597rem;
}

.gsvaultWelfare {
  width: 17.36111rem;
  border: 1px solid #ababab;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 0.45139rem;
  padding: 0.52083rem 0;
}

.gsvaultWelfare a {
  display: block;
  width: 16.25rem;
  height: 7.17014rem;
  margin: 0 auto 0.41667rem;
}

.gsvaultWelfare a img {
  width: 16.25rem;
  height: 7.17014rem;
}