@charset "utf-8";

/* CSS Document */
h2.title { font-size: 14px; line-height: 30px; font-weight: normal; margin-left: 8px; padding-top: 8px; }
h2.title span { float: right; font-size: 12px; margin-right: 8px; }
.sawtoothTop { background: url(../images/sawtoothTop.gif) repeat-x top; padding-top: 5px; }
.sawtoothBottom { background: url(../images/sawtoothBottom.gif) repeat-x top; padding-top: 5px; }
.rectangle { height: 150px; background-color: #ffca6d; width: 100%; position: relative; }
.rectangle .title { font-size: 20px; color: #FFF; padding-top: 50px; text-align: center; }
.rectangle .date { position: absolute; font-size: 14px; color: #ffebce; bottom: 5px; width: 100%; text-align: center; }
.floatL{float:left}
.floatR{float:right}
.clearfix:after{clear: both;content: '';display: table;}
/*首页*/
.userBox { width: 100%; height: 210px; position: relative; background: #ff3c67; }
.userBox .flimg { float: left; width: 95px; height: 90px; padding-top: 25px; position: relative; }
.userBox .userTran { margin-left: 10px; width: 70px; height: 70px; }
.userBox .flimg img { width: 70px; height: 70px; border-radius: 35px; }
.flimg .vipIcon { position: absolute; bottom: 27px; left: 60px; width: 18px; height: 18px; display: block; }
.flimg .vipIcon img { width: 22px; height: 22px; border-radius: 0; }
.userBox .frinfo { float: left; width: 65%; height: 90px; padding-top: 15px; color: #FFF; }
.userBox .frinfo h1 { font-size: 22px; font-weight: normal; padding-top: 15px; }
.userBox .frinfo h1 a { border: 1px solid #FFF; line-height: 26px; height: 26px; border-radius: 13px; font-size: 14px; font-weight: normal; color: #FFF; display: inline-block; padding: 0 8px 0 25px; background-position: 6px -473px; margin-left: 13px; }
.gradeBarHome { width: 80%; margin-top: 7px; background-color: #cbcbcb; height: 8px; border: 1px solid #9f9f9f; border-radius: 5px; box-shadow: inset 0 0 4px #a5a5a5; }
.gradeNowHome { width: 100px; background-color: #fec222; height: 8px; border-radius: 5px; box-shadow: inset 0 0 4px #d2951c; }
.gradeTextHome { width: 80%; font-size: 12px; color: #FFF; line-height: 20px; position: relative; }
.gradeTextHome span { position: absolute; right: -15px; }
.setGo { position: absolute; top: 5px; right: 10px; text-indent: -9999px; background-position: 5px 5px; width: 34px; height: 34px; display: block; }
.userBar { width: 100%; height: 63px; background-color: rgba(255, 255, 255, 1); margin-top: 32px; position: relative; }
.userScores, .userBalance { float: left; width: 40%; text-align: center; padding-top: 10px; cursor: pointer; }
.userBalance { float: right; }
.userScores p, .userBalance p { font-size: 16px; }
a.userCode { margin-left: -33px; position: absolute; left: 50%; width: 66px; top: -15px; background: url(../images/half.png)no-repeat; background-size: 100%; padding-top: 10px; text-align: center; color: #404040; display: block; }
a.userCode img { display: block; margin: 0 0 4px 17px; width: 32px; height: auto; }
.gradeBar { width: 90%; margin: 0 auto; background-color: #b0b0b0; height: 2px; }
.gradeText, .gradeExplain { font-size: 12px; color: #FFF; line-height: 28px; margin-left: 5px; }
.gradeText { width: 100px; height: 28px; text-align: center; overflow: hidden; }
.gradeNow { width: 100px; background-color: #ff3c67; height: 2px; position: relative; }
.gradeNow i { text-indent: -9999px; width: 16px; height: 6px; background: url(../images/mark.png) no-repeat; position: absolute; right: 0; top: -2px; }
.gradeExplain { width: 90%; margin: 0 auto; text-align: right; }
.TU { background-position: 0 -30px !important; }
.GB { background-position: 0 -60px !important; }
.PR { background-position: 0 -90px !important; }
.PC { background-position: 0 -120px !important; }
.EC { background-position: 0 -150px !important; }
.CR { background-position: 0 -180px !important; }
.PS { background-position: 0 -210px !important; }
.RS { background-position: 0 -240px !important; }
.NE { background-position: 0 -270px !important; }
.CB { background-position: 0 0 !important; }
.GC { background-position: 0 -300px !important; }
.AC { background-position: 0 -330px !important; }
.WC { background-position: 0 -360px !important; }
.CS { background-position: 0 -390px !important; }
.MO { background-position: 0 -420px !important; }
.SS { background-position: 0 -450px !important; }
.award { background: url(../images/award.png) no-repeat scroll left center / 36px auto; border-radius: 6px; bottom: 20%; height: 40px; padding-left: 0px; min-width: 36px; background-color: none; position: fixed; left: 10px; }
.award i { position: relative; border-color: transparent #e4b95e  transparent transparent; border-style: solid; border-width: 7px; float: left; font-size: 0; margin-top: 12px; height: 0; line-height: 0; }
.award i::before { position: absolute; content: ''; top: -7px; left: -5.5px; border-color: transparent #fff  transparent transparent; border-style: solid; border-width: 7px; float: left; font-size: 0; height: 0; line-height: 0; }
.award p { background-color: none; padding: 0 10px 0 30px; height: 38px; line-height: 38px; width: auto; display: none; }
.award a { border: 1px solid #e4b95e; color: #fa8f41; background: #fff; border-radius: 6px; padding: 5px 10px 5px 10px; }

/*回到首页*/
.backHome { display: block; background: url(../images/backHome.png) no-repeat; background-size: 100%; width: 36px; }

/*分享有礼*/
.shareBox { padding: 20px; background-color: #FFF; }
.shareBox h2 { background: url(../images/grayPoint.gif) repeat-x left center; position: relative; font-size: 12px; font-weight: normal; margin-bottom: 10px; }
.shareBox h2 i { float: left; margin-top: 2px; width: 10px; height: 10px; background-color: #d0d0d0; border-radius: 50%; display: inline-block; }
.shareBox h2 i:last-child { float: right; }
.shareBox h2 span { background-color: #FFF; text-align: center; width: 60px; display: inline-block; padding: 0 15px; position: absolute; left: 50%; top: -2px; margin-left: -45px; }
.shareList { list-style: none; }
.shareList li { list-style-type: none; font-size: 12px; margin-top: 5px; }
.shareList li i { font-style: normal; margin-right: 5px; width: 15px; height: 15px; border-radius: 50%; background-color: #d0d0d0; display: inline-block; text-align: center; line-height: 16px; }
.shareInfo { background-color: #FFF; }
.shareInfo ul li { padding-left: 10px; }
.shareInfo li.sTitle { background: none; font-size: 12px; line-height: 16px; padding: 8px 0 5px 10px; }
.shareInfo .orderItemImg { border-radius: 50px; margin-bottom: 0px; }
.shareInfo .orderItemTitle { margin-top: 8px; }
.shareInfo .orderItemTitle .date { color: #949494;display: inline-block; line-height: 25px;overflow: hidden;width: 100%;box-sizing: border-box;padding-right:60px;text-overflow: ellipsis;white-space: nowrap;}
.shareInfo .orderItemSingleTitle { font-size: 16px; margin-top: 20px; }
.concernBox { width: 65%; border-radius: 15px; background-color: #FFF; padding: 15px; margin: 15px auto 0; }
.concernBox h2 { border-bottom: 1px solid #dbdbdb; text-align: center; padding: 5px 0 10px; font-weight: normal; font-size: 1.2em; }
.concernBox h2 img { max-width: 70%; max-height: 45px; }
.concernBox .code { width: 80%; margin: 15px auto 5px; }
.concernBox .code img { max-width: 100%; }
.concernBox .note { text-align: center; color: #949494; }
.focusCon .commentBox { width: 95%; margin: 70px auto 0; float: none; }
.focusCon .commentBox span { display: block; width: 50px; height: 50px; float: left; margin-right: 5px; }
.focusCon .commentBox span img { width: 100%; }
.focusCon .commentBox .zi { float: left; width: 79%; display: inline-block; }
.focusCon .commentBox .zi em { display: block; float: left; margin-top: 7px; background: url(../images/ui-arrow.png) no-repeat; background-size: 100%; width: 10px; height: 20px; }
.focusCon .commentBox .zi p { float: left; display: inline-block; padding: 5px 5px; width: 90%; background: #fff; border-radius: 5px; }
.focusCon .commentBox .zi p i { font-style: normal; color: #ff3c67; }
.focusCon { background: url(../images/bg.png) 0px 40px no-repeat; background-size: 100%; }
.tit { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; top: 0px; z-index: 9999; }
.tit span { display: block; background: url(../images/ui-sharetit.png) no-repeat; background-size: 100%; width: 80%; height: 150px; float: right; margin-right: 2%; }
.btnTell { width: 70%; margin: 30px auto 20px; }

/*门店消费评价*/
.nonAligned ul { background-color: #FFF; }
.nonAligned li.sTitle { font-size: 12px; line-height: 16px; padding: 8px 0 5px; }
.nonAligned ul li { padding: 5px 10px; }

/*赠送礼品卡*/
.customBox { background-color: #FFF; padding-bottom: 20px; }
.customBox h2 { font-weight: bold; }
.caseList { padding: 0px 8px; }
.caseList li { display: inline-block; border-radius: 5px; margin: 8px 1% 0 1%; padding: 5px 0px; border: 1px solid #dcdcdc; width: 31.1%; line-height: 30px; text-align: center; list-style-type: none; cursor: pointer; box-sizing: border-box; }
.caseList li.curr { background-color: #ff3c67; color: #FFF; }
.caseList li:nth-child(3n+1) { margin-left: 0px !important; }
.caseList li:nth-child(3n+0) { margin-right: 0px !important; }
.custom { padding: 8px 8px 0 8px; line-height: 42px; }
.custom .ui-body-width100 { float: left; width: 100%; padding: 5px 0px; vertical-align: middle; border-color: #dcdcdc; margin-right: 8px; }
.custom .ui-body-width100 input { font-size: 12px; text-align: center; }
.customMoney { padding: 0 8px; }
.ui-body-normal { border: 1px solid #dcdcdc; margin: 0 8px; }
.ui-body-normal input, .customBox textarea { font-size: 14px; padding: 7px 0; }
.customBox textarea { padding: 5px 0; margin: 0; }

/*登录*/
.loginTopImg img { width: 100%; max-height: 320px; display: block; position: relative; }
.login { position: absolute; top: 2%; left: 35%; width: 30%; text-align: center; }
.login img { width: 103px; height: 43px; }
.ui-body-loginfirst, .ui-body-loginlast { border: none; border-bottom: 1px solid #dcdcdc; padding: 5px; box-shadow: none; margin: 0; border-radius: 0; }
.ui-body-loginfirst input, .ui-body-loginlast input { padding-left: 58px; text-indent: 0; }
.ui-body-loginfirst input { background-position: 15px -24px; }
.ui-body-loginlast input { background-position: 15px -54px; }
.loginImport { position: relative; }
.loginImport .loginForget { float: right; font-size: 12px; line-height: 25px; margin-right: 20px; }
.loginImport .messLogin { font-size: 12px; line-height: 25px; margin-left: 20px; }
.loginImport .false { top: 0px; }
.prompt { color: #666; font-size: 12px; font-weight: normal; text-align: center; margin: 20px 0 10px; }
.agreement { font-size: 12px; margin-left: 13px; padding-top: 15px; position: relative; }
.agreement .choosePosition { position: absolute; top: 8px; }
.agreement a { position: absolute; left: 35px; top: 16px; }
.protocol { margin-top: 58px; background-color: #FFF; }

/*活动详情*/
.privilegeDetail { padding: 10px 10px 50px; word-wrap: break-word; font-size: 16px; line-height: 25px; letter-spacing: 1px; }
.privilegeDetail .title { font-size: 18px; line-height: 20px; }
.privilegeDetail .date { font-size: 12px; color: #999; }
.privilegeDetail img { margin: 10px 0; width: auto; max-width: 100%; }

/*签到*/
.ui-datepicker-calendar td { position: relative !important; }
header.signInHeader h1 { background-color: rgba(255, 60, 103, 0.57); color: #FFF; }
header.signInHeader .return { background-position: 0 -117px; }
.signInBox { background-color: #fff; }
.sign { position: relative; }
.sign img.signBg { margin-top: 0; display: block; width: 100%; }
.signBar { position: absolute; right: 10px; bottom: 40px; width: 123px; height: 38px; display: block; border: 1px solid #ff3c67; background-color: #FFF; border-radius: 5px; font-size: 16px; text-align: center; line-height: 38px; }
.signNoice { position: absolute; bottom: 4px; left: 10px; font-size: 12px; color: #FFF; }
.dateSign { padding: 17px 10px 10px 10px; }
.days { float: right;  }
.scoreSign {}
.dateSign .ui-input-text { border-style: none; }
.dateSign .ui-body-a, .dateSign .ui-bar-a { background-color: #e9e9e9; border-color: #d1d1d1; }
.dateSign .ui-bar-a { color: #404040; border: none; border-top: 1px solid #d1d1d1; font-size: 16px; }
.dateSign .ui-datepicker-calendar th { padding-top: 10px; font-weight: normal; }
.dateSign .ui-datepicker-calendar td a { padding: 4px 20px 23px 0; font-size: 14px; color: #404040; font-weight: normal; }
.ui-datepicker-current-day .ui-btn-active { background: #ff3c67!important;}
.signInOK { background: url(../images/signIn.png) no-repeat; width: 22px; height: 22px; position: absolute; right: 10px; bottom: 5px; }
.dateSign .ui-datepicker-header .ui-btn { background: none; border: none; }
.dateSign .ui-datepicker-header .ui-datepicker-prev { left: 30px; top: 0.4em; }
.dateSign .ui-datepicker-header .ui-datepicker-next { right: 30px; top: 0.4em; }
.dateSign .ui-datepicker-header .ui-btn-icon-notext:after { background: none; border: none; }
.dateSign .ui-datepicker-header .ui-icon-arrow-l:after { background-image: url(../images/ui-icon-arrow-l.png); }
.dateSign .ui-datepicker-header .ui-icon-arrow-r:after { background-image: url(../images/ui-icon-arrow-r.png); }

/*基本信息*/
.infoEdit { padding: 10px; }
.switch .ui-btn, .switch .ui-flipswitch-off { font-weight: normal; }
.basicInfo .ui-select { margin: 0; }
.addBasicInfo { border-top: 1px solid #dcdcdc; }

/*完善信息*/
.ui-body-dateStyle { float: right; width: 106px; width: 45.2%; border: 1px solid #dcdcdc; margin: 0; height: 28px; border-radius: 0; }
.ui-body-dateStyle input { background-position: right -448px; padding-left: 2px; font-size: 12px; line-height: 20px; color: #404040; }
.ui-body-inputRS, .ui-body-textareaRS { border: none; box-shadow: none; text-indent: 0; margin: 0; }
.ui-body-inputRS input[type=text], .ui-body-inputRS input[type=tel] { min-height: 30px; line-height: 30px; padding: 0; text-align: right; font-size: 14px; }
.ui-body-textareaRS { text-align: right; font-size: 14px; }
.filtInfo .title { width: 105px; height: 30px; line-height: 30px; font-size: 15px; overflow: hidden; display: inline-block; }
.filtInfo li { padding: 8px 0; }
.ui-select .ui-btn-selectS { border: none; background: none; background-color: transparent; margin: 0; height: 30px; line-height: 30px; padding: 0; font-weight: normal; width: 100%; text-align: right; font-size: 14px; }
.ui-select .ui-btn-selectS:hover { background-color: transparent; }
.whiteList .ui-select { margin: 2px 0 0 0; }

/*安全设置*/
.flwidth80 { float: left; width: 60%; }
.frwidth20 { float: right; width: 40%; }

/*设置*/
.helpBox { padding: 10px; line-height: 22px; font-size: 14px; }
.helpBox .title { font-size: 18px; line-height: 25px; margin: 15px 0 15px; padding-bottom: 15px; border-bottom: 1px #ccc solid; }
.VERBox .title { font-size: 18px; line-height: 25px; margin: 15px 0 5px; }
.VERLogo { text-align: center; padding: 40px 0 20px; line-height: 25px; }
.VERLogo img { max-width: 200px; max-height: 80px; }
.VERBox { padding: 50px 15px 0; color: #999; }
.VERBox dt { float: left; width: 85px; padding: 3px 0; }
.VERBox dd { margin-left: 85px; padding: 3px 0; }
.helpList { padding: 5px 0 20px 0; }
.helpList li { float: left; margin-top: 3%; margin-left: 3%; width: 44%; list-style-type: none; font-size: 16px; }
.helpList li a { border: 1px solid #404040; text-align: center; display: block; width: 100%; line-height: 40px; color: #404040; }
.helpTitle { margin-top: 50px; }
.helpTitle li { padding-right: 25px; }

/*充值记录*/
.billList li .price { float: right; font-size: 15px; line-height: 16px; width: 25%; text-align: right; padding: 8px 18px 0 0; }
.billList li .price span.state { font-size: 12px; display: block; }
.billProject, .billMoney { font-size: 15px; line-height: 18px; height: 18px; background-position: 0 -529px; padding-left: 25px; overflow: hidden; }
.billProject { background-position: 0 -502px; }
.billInfo, .billNO { font-size: 12px; line-height: 16px; padding-left: 25px; }
.billNO { color: #999; }
.billNO .NO { width: 65px; display: inline-block; }
.billDate { margin-left: 0; }
.BillMainDetail .Billsucceed, .BillMainDetail .Billdefeated { font-size: 20px; line-height: 30px; font-weight: normal; background-position: 0 -549px; padding-left: 25px; width: 85px; margin: 0 auto; }
.BillMainDetail .Billdefeated { background-position: 0 -575px; }
.billPrice { float: right; padding: 15px 10px 0 0; }
.billPrice span { font-size: 36px; color: #e4b95e; }
.billName, .billProName { font-size: 14px; color: #999; float: left; width: 25%; line-height: 16px; padding: 6px 0 6px 10px; }
.billDetail, .billProDetail { float: left; width: 65%; font-size: 12px; line-height: 16px; padding: 6px 0 6px 10px; }
.billDetail .showyColor { padding: 4px 0; }
.billProName { color: #404040; }

/*消费记录and 礼品卡赠送记录 绑定记录*/
.consumeBox { margin: 6px 10px 0; border: 1px solid #dcdcdc; border-radius: 5px; background-color: #FFF; }
.consumeTitle { padding: 10px 0 10px 33px; font-size: 15px; font-weight: normal; border-bottom: 1px solid #dcdcdc; }
.consumeTitle.icon-bag { background-position: 14px -384px; }
.consumeTitle.icon-item { background-position: 14px -413px; }
.consumeTitle.icon-sendCard { background-position: 13px -699px; }
.consumeTitle.icon-saveCard { background-position: 13px -670px; }
.consumeTitle.icon-none { background: none; padding-left: 15px; }
.consumeTitle .date { float: right; display: inline-block; font-size: 12px; color: #999; padding-right: 15px; }
.detailText { padding: 14px; }
.detailList { padding: 4px 10px 10px 14px; }
.detailList dt { float: left; width: 80px; color: #999; padding: 4px 0; }
.detailList dd { margin-left: 80px; padding: 4px 0; }
.consEdit { border-top: 1px solid #dcdcdc; padding: 8px 10px 8px 0; }
.consumeBtn { float: right; border: 1px solid #ff3c67; border-radius: 5px; display: block; padding: 5px 6px 5px 5px; margin-left: 10px; }
.consumeTxt { float: right; display: block; padding: 5px 6px; }

/*消费详情*/
.normalDetail { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background-color: #FFF; padding: 0 10px 3px; }
.consTitle { padding: 10px 0; border-bottom: 1px solid #dcdcdc; font-size: 14px; font-weight: normal; }
.consTitle span { border-left: 3px solid #ff3c67; padding-left: 8px; }
.normalDetail .detailList { padding-left: 0; }
.normalDetail .normalBox { padding: 10px; line-height: 25px; }
.normalDetail .whiteList { padding: 0; }
.normalDetail .whiteList li { padding: 5px 0 0; font-size: 14px; border: none; }

/*门店查询*/

/*old*/
#filtrateNav { margin-top: 50px; }
.areaShopList { background-color: #FFF; border-top: 1px solid #dcdcdc; }
.areaShopList li { border-bottom: 1px solid #dcdcdc; padding: 10px 20px; line-height: 18px; position: relative; font-size: 15px; }
.areaShopList li .small { font-size: 13px; color: #999; display: block; padding-top: 5px; display: block; padding-right: 30px; }
.areaShopList li a { position: absolute; top: 35px; right: 20px; width: 35px; height: 35px; display: block; }
.areaShopList li a.tel { right: 15px; background-position: 5px -357px; }

/*new*/
.areaColumn .title, .adviserBox h3.title { padding: 5px 0 8px 20px; font-size: 12px; font-weight: normal; margin: 0; line-height: 16px; color: #404040; }
.areaShop { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background-color: #FFF; padding: 0 10px; margin: 0 0 5px 0; }
.areaShop h3 { font-size: 14px; padding: 6px 0 3px 10px; font-weight: normal; }
.areaShop address { background-position: 10px -767px; padding: 0 10px 10px 35px; margin: 0; border-bottom: 1px solid #dcdcdc; font-style: normal; font-size: 12px; color: #999; cursor: pointer; max-height: 33px; overflow: hidden; }
.shopTel, .adviser { width: 48%; font-size: 12px; display: inline-block; box-sizing: border-box; margin: 4px 0; }
.adviser { border-left: 1px solid #dcdcdc; }
.shopTel span, .adviser span { width: 55px; max-height: 22px; overflow: hidden; margin: 0 auto; display: block; background-position: 0 -807px; padding-left: 22px; }
.adviser span { width: 80px; background-position: 0 -832px; }
h2.adviserTop { background-size: 53px auto; font-size: 15px; text-align: center; padding: 65px 0 15px; font-weight: normal; line-height: 25px; }
h2.adviserTop p { font-size: 12px; }
.in-service { background: url(../images/smile.png) no-repeat center 5px; }
.no-service { background: url(../images/no-service.png) no-repeat center 5px; }
.adviserBox .orderItemImg { width: 45px; height: 45px; }
.adviserBox .orderItemTitle { margin-top: 12px; }
.nearShop h3 { text-align: center; padding: 0.5em 0em; font-weight: normal; font-size: 14px; }

/*门店地图*/
.shopMap { min-width: 300px; min-height: 400px; }

/****商城****/
.storeTitle { font-size: 14px; padding: 10px 0 10px 10px; font-weight: normal; }
.storeTitle .more { float: right; margin-right: 10px; color: #404040; }
.storeTitle .more:hover { color: #ff3c67; }
.scoreRecord { background-color: #FFF; width: 100%; margin: 0 }
.record { float: right; width: 50%; padding: 8px 0; }
.scores { width: 50%; padding: 8px 0; }
.weMarket { border-bottom: 1px solid #dcdcdc; background-color: #FFF; position: relative; padding-bottom: 6px; font-size: 12px; margin-bottom: 6px; cursor: pointer; }
.marketImg { width: 100%; /*max-height:249px;*/ }
.labelBox { position: absolute; bottom: 45px; left: 10px; z-index: 100; }
.labelBox span { background-color: rgba(0, 0, 0, 0.65); padding: 1px 10px; border-radius: 15px; color: #FFF; display: inline-block; margin-right: 6px; }
.markState { float: right; padding: 5px 10px 0 0; width: 30%; text-align: right; height: 20px; overflow: hidden; }
.markTitle { width: 60%; padding: 5px 0 0 10px; height: 20px; overflow: hidden; }
.itemList { width: 100%; background-color: #FFF; }
.itemList li { float: left; width: 49.5%; list-style-type: none; height: 123px; overflow: hidden; border-bottom: 1px solid #f4f4f4; position: relative; }
.itemList li:nth-of-type(odd) { border-right: 1px solid #f4f4f4; }
.weItemList li:first-child, .weItemList li:nth-child(3) { border-bottom: none; }
.itemList h2 { font-size: 14px; line-height: 19px; font-weight: normal; padding-top: 8px; padding-left: 3%; max-height: 18px; overflow: hidden; }
.itemList li .time { font-size: 11px; color: #404040; padding-top: 3px; line-height: 16px; max-height: 35px; margin-left: 3%; }
.itemImg { float: right; width: 70px; height: 70px; text-align: center; margin: 0px 8px 0 0; }
.itemListImg { width: 100%; height: 60px; margin: 5px auto; text-align: center; }
.itemImg img, .itemListImg img { max-width: 99%; max-height: 100px; }
.itemListImg img { height: 60px; }
.bid { font-size: 12px; padding-left: 3%; line-height: 16px; max-height: 35px; overflow: hidden; }
.bid .showyColor { max-width: 64%; overflow: hidden; /*display:inline-block;*/ }
.bid i, i.sign { font-style: normal; background-color: #f00; color: #FFF; width: 32px; text-align: center; height: 17px; line-height: 17px; display: inline; margin-left: 5px; border-radius: 2px; }
.sellEnd { position: absolute; width: 100%; height: 123px; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.8); }
.sellEnd img { float: right; margin: 10px 20px 0 0; }
.lottery .itemList li, .weItemList li { height: 90px; }
.lottery .itemList li.leftBig, .weItemList li.leftBig { height: 181px; }
.lottery .itemList li:nth-of-type(n+2), .weItemList li:nth-of-type(n+2) { border-right: none; }
.lottery .itemList li.leftBig .itemImg, .weItemList li.leftBig .itemImg { float: none; position: absolute; width: 128px; height: 105px; left: 50%; margin-left: -64px; bottom: 0; }
.lottery .itemList li.leftBig .itemImg img, .weItemList li.leftBig .itemImg img { width: 99%; }
.weItemList li { border-bottom: 1px solid #f4f4f4; border-top: none; }
.weItemList li:first-child, .weItemList li:nth-child(3) { border-bottom: none; }
.FM { margin-top: 1px; }
.FMList { width: 100%; background-color: #FFF; }
.FMList li { float: left; width: 25%; text-align: center; padding-top: 10px;/* height: 77px; */list-style-type: none; cursor: pointer; }
.FMList li img { width: 39px; height: auto; }
.FMList li p {/* height: 20px; */margin: 0 auto;/* max-width: 90px; */overflow: hidden; text-align: center; }
/*@media screen and (max-width:320px) {
	.FMList li p { font-size: 12px !important; }
}*/
.sGrayTitle { color: #a4a4a4; font-size: 12px; padding-left: 3%; }

/*活动详情*/
.boxMarg10 { padding: 7px 10px; background-color: #FFF; }
h2.font15 { font-size: 15px; font-weight: normal; line-height: 22px; }
.fontRight { float: right; font-size: 12px; }
.marketPre span { font-size: 18px; }
.pointList { width: 100%; font-size: 12px; border-top: 1px solid #dcdcdc; padding: 5px 0; margin-top: 5px; }
.pointList dt { clear: both; float: left; width: 63px; padding-left: 10px; background: url(../images/point.gif) no-repeat left center; }
.pointList dd { float: left; width: -moz-calc(100% - 73px); width: -webkit-calc(100% - 73px); width: calc(100% - 73px); word-break: break-all; }
.marketLine { border-bottom: 1px solid #dcdcdc; padding-bottom: 5px; margin-bottom: 10px; }
.marketLine:last-child { border: none; margin: 0; }
.chooseItem { float: right; margin: 0 0 6px; padding: 5px 10px 0 20px; text-align: center; }
.chooseItem .setPre { font-size: 15px; line-height: 18px; }
.chooseItem .defaultBtn { height: 30px; line-height: 30px; font-size: 14px; margin-top: 8px; width: 95px; }
.marketLine .setName { line-height: 24px; padding-bottom: 5px; }
.marketEnd { position: absolute; top: 0; left: 0; padding: 8px 0; width: 100%; background-color: rgba(0, 0, 0, 0.54); color: #FFF; z-index: 9999; text-align: center; font-size: 12px; line-height: 16px; }

/*商城活动详情-选择日期*/
.weMarketDate .ui-body-a, .weMarketDate .ui-bar-a { border-color: #d1d1d1; }
.weMarketDate .ui-body-a { background-color: #f3f3f3; }
.weMarketDate .ui-body-a .ui-btn { background-color: #FFF; }
.weMarketDate .ui-datepicker-calendar th { background-color: #dcdcdc; }
.ui-datepicker td span.weMarketRich, .ui-datepicker td span.weMarketPoor { background: none; background-color: #48c82b; bottom: 0; color: #fff; display: block; font-weight: normal; height: 100%; padding: 0; position: absolute; right: 0; width: 100%; z-index: 100; }
.ui-datepicker td span.weMarketPoor { background-color: #e4b95e; }
.ui-datepicker td span.weMarketRich i, .ui-datepicker td span.weMarketPoor i { font-weight: normal; font-style: normal; display: block; line-height: 14px; padding: 6px 21px 3px 10px; }
.weMarketDate .ui-body-a .ui-icon-arrow-l, .weMarketDate .ui-body-a .ui-icon-arrow-r { background-color: #f3f3f3; }
html .weMarketDate .ui-datepicker-current-day .ui-btn-active { background-color: #ffeede; color: #e4b95e; }

/*团购列表*/
.groupList li { word-break: break-all; cursor: pointer; }
.groupList .whiteList li { padding: 5px 0; }
.groupList .Img { float: left; width: 60px; height: 60px; text-align: center; overflow: hidden; margin-top: 10px; }
.groupList .Img img { max-width: 99%; max-height: 58px; }
.groupList .Detail { float: left; width: calc(100% - 80px); width: -webkit-calc(100% - 80px); padding: 5px 0 0 20px; font-size: 12px; line-height: 16px; }
.groupList .Name { line-height: 20px; font-size: 14px; height: 21px; overflow: hidden; }

/*购物车*/
.cartList h2.title { background-color: #eaeaea; padding: 2px 10px 0; margin-left: 0; font-size: 12px; color: #404040; }
.cartList .whiteList { padding: 0px; }
.cartList .whiteList li { word-break: break-all; cursor: pointer; padding: 7px 10px; position: relative; }
.cartList .whiteList li.disable { background: #f4f4f4; cursor: none; }
.cartList .whiteList li.disable .Detail, .cartList .whiteList li.disable .Detail .showyColor { color: #ccc !important; }
.cartList .Img { float: left; width: 60px; height: 60px; margin-left: 30px; overflow: hidden; }
.cartList .Img img { max-width: 99%; max-height: 58px; margin-top: 5px; }
.cartList .Detail { float: left; width: calc(100% - 105px); width: -webkit-calc(100% - 105px); margin: 0 0 0 15px; font-size: 12px; line-height: 16px; }
.cartList .Name { line-height: 20px; font-size: 14px; height: 21px; overflow: hidden; margin: 0 0 5px 0; }
.cartList .count { float: right; }
.cartList .price { line-height: 29px; }
.cartList .choosePosition { position: absolute; top: 19px; left: 8px; width: 25px; height: 25px; display: block; }

/*商品详情*/
.goodNumber { background-color: #FFF; position: relative; }
.goodNumber .img { width: 100%; display: block; max-height: 185px; }
.goodNumberInfo { padding: 10px 3% 10px; /*border-bottom:1px solid #dcdcdc;*/ line-height: 25px; }
.goodNumberInfo h1 { font-size: 16px; line-height: 20px; font-weight: normal; max-height: 40px; overflow: hidden; }
.subhead { font-size: 12px; color: #e4b95e; line-height: 14px; padding-top: 3px; max-height: 27px; word-break: break-all; }
.goodNumberInfo .cost { font-size: 18px; color: #e4b95e; }
.goodNumberInfo .surplus { font-size: 12px; color: #999; margin-left: 40px; }
.goodNumberInfo i.sign { font-size: 12px; margin: 0 5px 0 0; }
.edit { padding-bottom: 5px; }
.edit .defaultBtn { float: right; width: 40%; height: 30px; line-height: 30px; font-size: 15px; }
.edit .numberName { float: left; }
.edit .count { float: left; margin-left: 5px; }
.remain { float: left; color: #a4a4a4; font-size: 12px; margin-left: 20px; }
.goodNumberDetail { padding: 10px 20px; background-color: #FFF; word-break: break-all; word-wrap: break-word; font-size: 12px; margin-top: 5px; }
.goodNumberDetail h2 { font-size: 14px; font-weight: normal; padding-bottom: 6px; }
.goodNumberDetail img { max-width: 100%; }
.noBorder { border: none; }
.goodNumber .cardImg { background-color: #efefef; padding: 10px 45px; }
.goodNotice, .goodDate { color: #999; }
.couponList { padding: 13px 5px; width: 310px; margin: 0 auto; }
.couponList li { list-style-type: none; background: url(../images/couponBg.png) no-repeat; width: 291px; height: 55px; padding: 5px 9px; }
.couMoney { float: right; width: 84px; line-height: 50px; text-align: center; font-size: 26px; color: #FFF; letter-spacing: 1px; overflow: hidden; position: relative; }
.couMoney .text { font-size: 18px; }
.conUnit { font-size: 12px; position: absolute; right: 0; bottom: -20px; }
.couName { font-size: 14px; line-height: 16px; height: 18px; padding: 8px 0 0 7px; overflow: hidden; }
.couDate { font-size: 12px; color: #999; padding-left: 7px; height: 18px; overflow: hidden; }
.infoList { width: 100%; list-style-type: none; font-size: 12px; background-color: #f9f9f9; padding: 8px 0; }
.infoList li { float: left; background-position: 0 -738px; padding: 0 5px 0 15px; margin-left: 8px; }
.tuanList li {float: left; background-position: 15px -738px; padding: 0 5px 0 30px; margin-left: 0px;width: 50%;box-sizing: border-box;}
.oneList { padding: 12px 0; line-height: 16px; background-color: #FFF; font-size: 14px; text-indent: 10px; }
.Rtext { float: right; color: #e4b95e; font-size: 12px; margin-right: 10px; }
.groupBuy{padding: 15px 0;}
.countDown{text-align: center;position: relative;padding: 0 3%;}
.countDown:before{content: "";position: absolute;left: 3%;height: 1px;width: 16%;background: #f3f3f3;top: 50%}
.countDown:after{content: "";position: absolute;right: 3%;height: 1px;width: 16%;background: #f3f3f3;top: 50%}
.countDown span{padding: 2px;background: #b6914d;color: #fff;border-radius: 2px;}
.buySelf{padding:0 0.8115rem;text-align: center;}
.groupBuyBody{padding: 15px 1rem;}
.selfImg{width: 2.375rem;height: 2.375rem;margin-right: 0.5rem;margin-bottom:0.5rem;float:left;background: #fff;border-radius: 2.375rem;box-sizing: border-box;overflow: hidden;box-shadow: 0 2px 5px #ccc;}
.selfImg img{width: 100%;height: 100%;}
.goodDetails{padding: 0 0.5rem;background: #fff;}
.goodDetails h2{font-size: 14px;font-weight: normal; padding-bottom: 6px;}    
.goodDetails .goodSelf{width: 17rem;}
.goodDetails .goodSelf img{width: 100%;}
.customerService{float: left;text-align: center;padding-left: 0.5rem;color: #d1d1d1;height: 48px;line-height: 48px;}
.customerService a{color: #333;}
.sellImg{width: 45px;overflow: hidden;margin-top: 5px;}
.sellImg img{width: 100%;}
.goodBg{background: #fff;}
.newMar{margin: 0.25rem 0;}
.sellBtn{width: 95px;float: right;margin-right: .5rem;height: 36px;margin-top: 6px;/*background: #d1d1d1;*/line-height: 36px;text-align: center;border-radius: 5px;overflow: hidden;color: #888888;}
.sellIn{background: #3592e2;color: #fff;}
/*加入购物车动画*/
.u-flyer { display: block; width: 50px; height: 50px; border-radius: 50px; position: fixed; z-index: 9999; }

/*虚拟礼品卡详情*/
.cardDetail { background-color: #FFF; padding: 12px 13px 50px; margin-top: 10px; font-size: 12px; color: #999; }
.cardDetail h2 { font-size: 15px; font-weight: normal; color: #404040; line-height: 26px; }
.rightText { float: right; text-align: right; color: #404040; }

/*订单*/
.orderInfo .positionHeader { color: #999; }
.userAddress { width: 90%; font-size: 12px; line-height: 16px; padding-top: 5px; }
.orderInfo .List, .orderAddress .List, .addOrderAddress .List, .orderPay .List { padding-bottom: 0; background-color: #FFF; }
.orderInfo .List li:last-child, .orderAddress .List li:last-child, .addOrderAddress .List li:last-child, .orderPay .List li:last-child { border-bottom: none; }
.orderInfo .List li { padding: 6px 0 6px 5px; }
.orderInfo li.pd { padding: 6px 0 6px 13px; }
.orderInfo .sTitle, .orderInfo .sTotal, .orderPay .sTitle { background: none; font-size: 12px; line-height: 16px; padding: 8px 0 5px; }
.sTitle .stateDate { float: right; color: #999; }
.leaveMess { margin-top: 10px; background-color: #FFF; padding: 0 5px; }
.leaveMess .ui-body-noTextareaStyle, .ui-body-noTextareaStyle { border: none; font-size: 12px; line-height: 16px; min-height: 100px; }
.orderItemImg { float: left; width: 55px; height: 55px; margin-bottom: 15px; }
.orderItemTitle, .orderItemTSmall, .orderItemSingleTitle { float: right; width: -moz-calc(100% - 67px); width: -webkit-calc(100% - 67px); width: calc(100% - 67px); font-size: 14px; line-height: 18px; margin-top: 2px; }
.orderItemTitle .cost, .orderItemTSmall .cost { font-size: 12px; color: #e4b95e; }
.orderItemTSmall { float: left; width: 45%; margin-left: 5%; }
.orderItemRight { float: right; width: 23%; }
.orderItemRight .nullBtn { font-size: 14px; height: 22px; line-height: 22px; margin-top: 10px; }
.return-goods-mark { color: #f00; font-size: 12px; position: absolute; top: 50%; right: 0px; width: 60px; height: 22px; text-align: right; margin-top: -10px; }
.orderTotal { margin-top: 10px; background-color: #FFF; padding: 10px 15px 10px 10px; }
.orderTotal p span { float: right; display: block; width: 50%; text-align: right; }
.orderTotal p i { font-style: normal; }
.orderInfo .sTotal { padding-left: 10px; line-height: 25px; }
.orderInfo .sTotal .defaultBtn, .orderInfo .sTotal .nullBtn { float: right; width: 21%; height: 27px; line-height: 27px; font-size: 12px; }
.orderInfo .state { position: absolute; top: 5px; right: 10px; }
.userInfo { font-size: 12px; line-height: 16px; padding-top: 5px; }
.orderInfo .List li.orderSmallNotice { font-size: 12px; line-height: 16px; }
.orderDateInfo { margin-top: 5px; background-color: #FFF; padding: 10px; font-size: 12px; }
.shipInfo { margin-top: 10px; background: url(../images/colorLine.png) repeat-x left top #FFF; position: relative; }
.shipInfo .bottomLine { background: url(../images/colorLine.png) repeat-x; position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; }
.shipDetail { margin: 0 10px 0 22px; padding: 15px 0px; }
.shipDetail .name, .shipDetail .tel { display: inline-block; width: 40%; height: 16px; overflow: hidden; }
.prices { clear: both; font-size: 12px; padding-top: 6px; margin-top: 15px; border-top: 1px dashed #dcdcdc; margin-right: 10px; }
.prices .right { float: right; }
.manyGoods img { margin-right: 10px; }
.orderOmit { float: left; margin-left: 25px; margin-top: 6%; }
.orderInfo .name, .orderInfo .content { float: left; font-size: 14px; }
.orderInfo .ui-body-noInputStyle { margin: 0; }
.orderInfo .ui-body-noInputStyle input { min-height: 20px; padding: 0; font-size: 14px; }
.marketOrder { padding-left: 5px; border-top: 1px solid #dcdcdc; }
.marketOrder li { border-top-style: dashed; }

/*订单支付*/
.orderState { background-color: #FFF; padding: 10px 10px 13px; font-size: 12px; }
.orderState .State { font-size: 16px; }
.orderPay li { padding: 9px 10px; }
.payCost { font-size: 12px; color: #999; }
.orderPay .choosePosition { position: absolute; top: 12px; right: 16px; width: 25px; height: 25px; display: block; }

/*配送地址信息*/
.orderAddress ul li { padding: 20px 0px 20px 30px; }
.orderAddress .rightTel { float: right; width: 40%; margin-right: 20%; }
.orderAddress .address { clear: both; width: 90%; font-size: 12px; color: #999; line-height: 16px; padding-top: 5px; }
.orderAddress .defaultIcon { position: absolute; right: 10%; top: 10px; }
.orderAddress .choosePosition { position: absolute; top: 25px; left: 0px; width: 25px; height: 25px; display: block; }
.payPW { margin-top: 10px; background-color: #FFF; padding: 5px 10px; }
.payPW .ui-body-noInputStyle { margin: 0; }

/*新增地址*/
.addOrderAddress .name { float: left; }
.addOrderAddress .content { float: left; }
.addOrderAddress .ui-body-noInputStyle { margin: 0; }
.addOrderAddress .ui-body-noInputStyle input { min-height: 20px; padding: 0; font-size: 14px; }
.addOrderAddress .addArrow { background: url(../images/news_off.png) no-repeat center right; cursor: pointer; }
.defaultAddress { font-size: 12px; padding: 10px 0 0 45px; position: relative; line-height: 25px; cursor: pointer; }
.defaultAddress .choosePosition { position: absolute; font-size: 15px; top: 8px; left: 8px; width: 25px; height: 25px; display: block; }

/*退款流程*/
.font14List li, .font14List .ui-btn-noSelectStyle { font-size: 14px; }
.font14List .ui-btn-noSelectStyle { margin-top: 3px; }
.title { font-size: 12px; color: #999; padding: 0 0 10px 10px; line-height: 16px; }
.refundFlow { background: url(../images/grayPoint2.gif) repeat-y 85px top #FFF; width: 100%; font-size: 12px; line-height: 18px; color: #999; position: relative; }
.refundFlow .date { float: left; width: 66px; padding: 20px 5px 0 5px; text-align: center; }
.refundFlow .detail { float: left; padding: 20px 0; margin: 0 10px 0 28px; width: calc(100% - 114px); width: -webkit-calc(100% - 114px); border-bottom: 1px solid #dcdcdc; }
.refundFlow .point { position: absolute; top: 20px; left: 76px; background: url(../images/refundPast.png) no-repeat; width: 20px; height: 20px; display: block; }
.firstPast, .firstNow { background: url(../images/grayPoint25.gif) no-repeat 85px top #FFF; }
.firstNow, .processNow, .endNow { color: #404040; }
.firstNow .point, .processNow .point { background: url(../images/refundNow.png); }
.firstNow .detail, .firstPast .detail { border: none; }
.endNow .point { top: 0; height: 41px; background: url(../images/refundNow.png) no-repeat 0 21px #FFF; }

/*卡号卡密*/
.chooseLeft li { font-size: 15px; line-height: 17px; position: relative; }
.chooseInfo { margin: 0 50px; }
.chooseState { position: absolute; right: 0; top: 10px; font-size: 12px; }

/*兑换记录*/
.recordList .recordName { float: left; padding: 5px 0 0 10px; width: 65%; line-height: 20px; height: 20px; overflow: hidden; font-size: 14px; }
.recordState { float: right; color: #f98903; font-size: 12px; word-break: break-all; margin-right: 40px; }
.recordScore { float: left; width: 35%; font-size: 14px; color: #999; padding-left: 10px; }
.recordList .noArrow { background: none; }

/*(兑换礼品)*/
.couponImg { float: left; width: 25%; }
.couponImg img { width: 100%; }
.exchangeList li { padding: 10px 0 5px 0px; }
.exchangeList li .detail { float: left; padding: 5px 0 0 10px; width: 50%; line-height: 20px; }
.exchangeList li .detail span { font-size: 12px; }
.exchangeList li .giftImg { float: left; width: 20%; }
.exchangeList li .giftImg img { width: 100%; }
.exchangeList li .QRIcon { background-position: -30px -480px; width: 26px; height: 22px; display: block; position: absolute; right: 10px; top: 20px; }
.QRIconScale { width: 8%; display: block; position: absolute; right: 10px; top: 20px; }
.QRIconScale img { width: 100%; }
.exchangeList li .widthPer48 { width: 48%; }
.makeGold li .goldDetail { padding-left: 15px; line-height: 20px; font-size: 16px; }
.makeGold li .goldDetail span { font-size: 13px; }
.makeGold li .defaultBtn { float: right; width: 25%; }

/*评论*/
.evaluate { margin: 10px 0; }
.evaluate li { float: left; width: 28%; margin-left: 4%; list-style-type: none; }
.evaluate li a { display: block; line-height: 30px; background-color: #d1d1d1; text-align: center; color: #878787; }
.evaluate li a.evaChoose { background-color: #ff3c67; color: #FFF; }
.evaluate li img { width: 17px; vertical-align: text-bottom; }
.userLogo { float: left; width: 25%; }
.userLogo img { width: 85%; margin-top: 8px; border-radius: 50%; }
.commentBox { float: left; width: 72%; }
.comment { font-size: 12px; line-height: 16px; }
.commentBox .font12gray span { float: right; }
.comment-star-list-dl { padding: 10px; display: table; }
.comment-star-list-dl dt { float: left; width: 80px; height: 20px; line-height: 20px; }
.comment-star-list-dl dd { float: left; height: 20px; }
.comment-star-ul { width: 150px; }
.comment-star-ul li { cursor: pointer; list-style: none; float: left; margin-right: 10px; height: 20px; width: 20px; background: url(../images/comment.png) no-repeat; background-position: 0px -20px; }
.comment-star-ul li.active { background-position: 0 0; }
.orderComment { background: #fff; border-bottom: 1px #dcdcdc solid; border-top: 1px #dcdcdc solid; margin-top: 10px; }

/*(优惠券详情)*/
.couponDetail, .couponNotice { border-bottom: 1px solid #dcdcdc; background-color: #FFF; padding: 20px; }
.couponDetail img { width: 100%; }
.couponDetail .defaultBtn, .couponDetail .frButton { float: right; width: 25%; }
.couponDetail .frButton .defaultBtn { width: 100%; }
.couponDetail .flInfo { font-size: 18px; line-height: 25px; }
.couponDetail .flInfo span { font-size: 12px; display: inline-block; color: #999; }
.couponDetail .flInfo .price, .couponDetail .Info .price { color: #ff3c67; font-size: 22px; }
.couponDetail .flInfo span.unit { font-size: 14px; color: #ff3c67; }
.couponDetail .Info { font-size: 18px; }
.couponDetail .Info span { font-size: 14px; color: #999; line-height: 23px; }
.couponNotice { font-size: 16px; line-height: 27px; padding: 10px 20px; margin-top: 10px; border-top: 1px solid #dcdcdc; word-wrap: break-word; }
.bannerImg img { width: 100%; }

/*清浮动*/
.commentBox:after { content: ""; display: block; height: 0; clear: both; }

/*抢红包*/
.grabTop { position: relative; }
.grabTop img.topBg { width: 100%; display: block; max-height: 530px; }
.grabTop .import { width: 80%; margin: 10px auto 10px auto; padding: 20px; color: #404040; background: rgba(255,255,255,0.9); border-radius: 5px;  }
.grabTop .import input[type=tel] { text-align: left; line-height: 31px; border: 1px #eee solid;}
.grabTop .import>p { text-align: center; }
.ui-body-noRadius { background-color: #FFF; border: none; /*padding:3px 0;*/ }
.grabTop .defaultBtn { background-color: #ff9a02; border-radius: 5px; font-size: 18px; height: 45px; line-height: 45px; padding: 2px 0; color: #fff; }
.grabTop .defaultBtn:active,.grabTop .defaultBtn:hover{border: 0px;}
.grabcatch, .grabQRcode, .grabAgain { position: absolute; top: 38%; left: 10%; width: 80%; min-width: 230px; 
background-color: rgba(255, 255, 255, 1); text-align: center; padding: 15px 0; 
border-radius: 7px; z-index: 50; box-shadow: 0 0 10px #999; }
.grabTop a { border: none; }
.labelInfo { width: 80%; margin: 0 auto; height: 98px; }
.labelHead { float: left; background: url(../images/labelHead.png) left top no-repeat; height: 98px; width: 25px; padding: 10px 25px 0 20px; font-size: 22px; line-height: 26px; color: #FFF; display: block; }
.labelTail { float: left; background: url(../images/label_tail.png) right top no-repeat; height: 98px; width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); width: calc(100% - 70px); display: block; }
.labelTail .labelIN { background-color: #ffc207; margin-right: 8px; height: 74px; padding: 12px 0; }
.labelTail .labelIN .labelPrice { background-color: #FFF; width: 87%; margin: 0 auto; text-align: center; height: 74px; border-radius: 8px; color: #e43d1b; font-size: 32px; line-height: 72px; overflow: hidden; }
.labelTail .labelIN .labelPrice span { font-size: 16px; }
.grabAccount { font-size: 14px; line-height: 16px; width: 85%; margin: 0 auto; padding: 10px 0; }
.grabcatch .defaultBtn, .grabQRcode .defaultBtn { background-color: #e43d1b; width: 85%; margin: 0 auto; display: block; margin-top: 10px; }
.grabcatch .orangeBg, .grabQRcode .defaultBtn { background-color: #ff9a01; }
.catchNotice { color: #ff7700; padding: 15px 15px 0; }
.grabRule { width: 80%; margin: 10px auto 0; padding: 20px;background: rgba(255,255,255,0.9); border-radius: 5px; }
.grabRule h1 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgkAAAABAQMAAABuYK//AAAABlBMVEVdQDUAAACKcfI8AAAAAnRSTlMzAIL4qAgAAAAVSURBVAjXY2hgQAfy/3GDAwwYoAEAySocxUiGKqkAAAAASUVORK5CYII=) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
background-size: 100% auto;
background-position: 0px; font-size: 16px; text-align: center; color: #404040; font-weight: normal; position: relative; margin-bottom: 5px; }
.grabRule h1 span {  padding: 0 10px; }
.grabRule h1 em { position: absolute; right: 0; top: 5px; width: 10px; height: 10px; background: none; /*background-position: 0 -263px;*/ display: inline-block; text-indent: -9999px; }
.grabRule h1 em:first-child { left: 0; }
.grabInfo li { list-style-type: none; color: #ff9f8c; font-size: 12px; }
.grabNotCatch, .translucentWhite { position: absolute; width: 65%; top: 70%; left: 20%; background-color: #0F9; background-color: rgba(255, 255, 255, 1); border-radius: 7px; text-align: center; padding: 25px 0 35px; box-shadow: 0 0 10px #999; }
.grabDidNot { font-size: 16px; font-weight: normal; line-height: 20px; padding-top: 10px; }
.grabQRcode { background-color: #FFF; padding: 15px 0 10px; }
.grabQRcode .title { line-height: 20px; padding: 5px 0 10px; }
.grabQRcode img { width: 134px; margin: 5px 0 15px; }
.grabQRcode h1 { font-size: 16px; color: #ff9a01; font-weight: normal; border-bottom: 1px solid #CCC; padding-bottom: 10px; }
.grabQRcode .foot { border-top: 1px solid #CCC; padding-top: 10px; }
.grabQRcode .close, .grabAgain .close { background-position: 0 -363px; width: 26px; height: 26px; display: block; position: absolute; top: -10px; right: -10px; text-indent: -9999px; }
.grabAgain { top: 60%; padding: 20px; width: 70%; }
.grabAgain .amount { font-size: 45px; line-height: 47px; color: #ff9a01; padding: 10px 0; }
.grabAgain .defaultBtn { width: 85%; margin: 0 auto; display: block; margin-top: 10px; }
.grabNotic { color: #404040; word-break: break-all; margin-top:20px; }
.gotcha { background: rgba(255,255,255,0.9); border-radius: 5px;padding: 20px; width: 80%; margin: 10px auto 0; }
.gotcha h1 { font-size: 16px; text-align: center; color: #404040; font-weight: normal; position: relative; margin-bottom: 5px; }
.gotchaList { border-bottom: 1px solid #ccc; padding-top: 20px; }
.gotchaList li { border-top: 1px solid #ccc; list-style-type: none; }
.gotchaBody { width: 100%; margin: 12px auto; position: relative; }
.gotchaBody img { float: left; width: 43px; height: 43px; overflow: hidden; border-radius: 20px; margin-right: 6px; }
.gotchaBody .name { color: #404040; padding-top: 2px; }
.gotchaBody .date { color: #404040; font-size: 12px; }
.gotchaBody .prizeName { position: absolute; top: 2px; right: 0; color: #404040; }
.captchaNow { float: right; width: 40%; height: 20px; text-align: center; }
.captchaNow a{ float: right;}
.captchaNow .nullBtnSmall { width: 90%; height: 45px; line-height: 45px; background: #fff4e3; color: #ff9a02;  border: 1px #ff9a02 solid;}
.grabPage .captcha { float: left; width: 60%; background-color: #FFF; }

/*抢钱*/
.grabMoneyPage { background-color: #fe2b4b; }
.grabMoneyInfo { width: 64.8%; margin: 0 auto; /*background-color:#000;*/ position: absolute; top: 31.6%; left: 17.6%; }
.grabMoneyState { position: relative; }
.grabMoneyState img { width: 100%; display: block; }
.money, .face { position: absolute; top: 45px; left: 4%; width: 92%; font-size: 45px; line-height: 45px; color: #fe2b4b; text-align: center; }
.money span { font-size: 15px; }
.moneyImport, .moneyNotic { padding: 5px 0; width: 78%; margin: 0 auto; }
.moneyNotic { width: 100%; color: #FFF; font-size: 12px; text-align: center; }
.moneyNotic h1 { font-size: 17px; line-height: 22px; color: #f6f176; font-weight: normal; margin-top: 25px; }
.grabMoneyState .face { top: 30px; }
.grabMoneyState .face img { width: auto; display: inline-block; max-width: 80%; max-height: 110px; }
.ui-body-redBorder { background-color: #FFF; border: 1px solid #d61532; }
.grabTop .moneyImport input[type=text] { text-align: center; }
.grabTop .moneyImport .defaultBtn { background-color: #fceb55; color: #ff2c4c; font-size: 15px; border-radius: 5px; margin-top: 7%; }
.grabMoneyPage .grabRule h1 { background: url(../images/pointBgY.png) repeat-x left center; color: #fff6b3; }
.grabMoneyPage .grabRule h1 span { background-color: #fe2b4b; }
.grabMoneyPage .grabRule h1 em { background-position: -25px -263px; }
.grabMoneyPage .grabNotic { color: #fff6b3; }

/*储值卡充值*/
.topUp { margin-top: 70px; }
.cardShow, .otherCardShow

/*这个这个要删除-->*/
, .petCard { width: 75%; margin-left: auto; margin-right: auto; position: relative; }
.cardShow img { width: 100%; border-radius: 5%; box-shadow: 0 -1px 10px #bbbaba; }
.cardShowNO { position: absolute; bottom: 1px; left: 0; width: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: rgba(0, 0, 0, 0.68); color: #FFF; height: 30%; }
.cardNO { float: right; font-size: 14px; margin-right: 10px; padding-top: 15px; }
.cardPrice { font-size: 24px; margin-left: 10px; padding-top: 15px; }
.cardChoose { background-color: #FFF; margin-top: 25px; }
.cardChoose .List { padding-bottom: 0; }
.cardChooseList { margin-top: 50px; }
.cardWhite { padding: 20px 0; background-color: #FFF; position: relative; }
.lineBg { background: url(../images/bottomLine.png) bottom repeat-x; position: relative; }
.otherCardShow { border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: 55px; background-color: #bfae9d; margin-top: 15px; color: #FFF; font-size: 14px; line-height: 55px; }
.otherCardShow .cardPrice { float: left; margin-right: 10px; font-size: 14px; padding-top: 0; }
.otherCardShow .cardNO { float: right; margin-left: 10px; padding-top: 0; }
.cardChooseList .lineBg:nth-of-type(3n+1) .otherCardShow { background-color: #93b1bf; }
.cardChooseList .lineBg:nth-of-type(3n+3) .otherCardShow { background-color: #b19dbf; }
.paySucceed { width: 75%; margin: 40px auto 0; text-align: center; }
.paySucceed h1 { padding: 10px 0 45px; font-size: 14px; font-weight: normal; color: #666; }
.paySucceed h1 span { color: #ff3c67; }
.paySucceed h1 .title { font-size: 18px; padding: 6px; color: #ff3c67; display: block; }
.paySucceed .defaultBtn, .paySucceed .nullBtn { width: 40%; margin-right: 10px; display: inline-block; }
.petCardBox { margin-top: 70px; }
.petCardBox .BagCardPrice { float: right; margin: 5px 10px 0 0; }
.petCardBox .cardChoose { margin-top: 20px; z-index: 20; }
.petCardInfo { width: 100%; border-radius: 5%; box-shadow: 0 -2px 5px #c9c8c8; background-color: #93b1bf; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 25px 0 20px 0; color: #FFF; font-size: 24px; text-indent: 20px; }
.petCardBox .cardChoose { margin-top: 0; z-index: 20; }
.lineBg .choosePosition { position: absolute; top: 13px; left: 8px; width: 25px; height: 25px; display: block; }

/*钱包*/
.whiteScanCode { float: right; text-indent: -9999px; background-position: 0 -161px; width: 24px; height: 24px; display: block; margin: 15px 10px 0 0; }
.greyScanCode { float: right; text-indent: -9999px; background-position: 0 -851px; width: 24px; height: 24px; display: block; margin: 15px 10px 0 0; }
.BagCardPrice, .BagCardName { font-size: 24px; margin-left: 10px; padding-top: 7px; }
.BagCardName { font-size: 18px; line-height: 25px; padding-top: 4px; }
.BagCardNO { margin-left: 10px; line-height: 14px; }
.MyRedpacket { margin-top: 5px; background-color: #FFF; padding: 20px 0 50px; }
.redPacket { width: 170px; margin: 0 auto; background-color: #e43d1b; padding-bottom: 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center; color: #FFF; margin-bottom: 30px; }
.packetName { font-size: 12px; margin: 20px 0 5px; }
.packetAmount { font-size: 24px; line-height: 26px; }
.redPacket a { color: #FFF; display: block; font-size: 12px; line-height: 16px; }
.packetPayCode { background-position: 0 -161px; display: inline-block; width: 24px; height: 24px; margin-top: 30px; }
.packetDate { float: right; color: #999; margin-right: 10px; font-size: 12px; padding: 6px 0; }
.packetInfo { margin-left: 10px; padding: 6px 0; }

/*券包*/
.couponShowList { padding-top: 35px; position: relative;padding-bottom: 100px;}
.noShowList{padding-top: 1px;}
.couponShow { width: 85%; margin: 10px auto 0 auto; position: relative; background-color: #FFF; border-radius: 4px; }
.couponShow.couponShow-act:after{content: '';position: absolute;right: 0;top: 0;height: 35px;width: 35px;background: transparent url(../images/couponShow-act.png) no-repeat center;background-size: cover;}
.couponTop { background: url(../images/gearBlue.gif) repeat-x bottom #16a0ef; border-radius: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #FFF; font-size: 16px; overflow: hidden; }
.couponShowList .couponShow:nth-of-type(3n+1) .couponTop { background: url(../images/gearYellow.gif) repeat-x bottom #eea507; }
.couponShowList .couponShow:nth-of-type(3n+3) .couponTop { background: url(../images/gearRed.gif) repeat-x bottom #ee4923; }
.uselessColor{color: #999999;background: url(../images/grey.gif) repeat-x bottom #e4e4e4 !important; border-radius: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0;font-size: 16px; overflow: hidden;}
.couponTop .whiteScanCode { margin-top: 20px; }
.couponTop .couponName { float: left; width: 50%; padding: 18px 0 18px 10px; }
.couponTop .couponName span { font-size: 12px; display: block; }
.couponTop .couponPrice { float: left; width: 30%; padding: 18px 0 35px 0; }
.deadline, .give { padding: 10px; color: #999; font-size: 12px; line-height: 14px; }
.give { float: right; }
.nouse{font-size: 12px !important;}
.verify { font-size: 12px; color: #999; line-height: 14px; }
.uselessPic{position: absolute;width: 90px;right: 50px;bottom: 15px;}
.uselessPic img{width: 100%;}
/*微信卡券包*/
.WeChatCoupon h1 { font-size: 12px; color: #999; text-align: center; font-weight: normal; padding: 10px 0; }
.wechatList li .defaultBtn { float: right; width: 20%; height: 23px; line-height: 23px; font-size: 14px; color: #FFF; margin-top: 15px; }
.wechatImg { float: left; width: 30%; }
.wechatImg img { width: 100%; height: 100%; }
.wechatInfo { float: left; width: 40%; margin: 0 10px; font-size: 12px; line-height: 18px; }
.wechatPrice { font-size: 18px; color: #e4b95e; }
.wechatDeadline { color: #999; display: block; }

/*我的特权*/
.privilegeBox { margin-top: 60px; position: relative; background-color: #FFF; padding: 10px 0 10px; }
.cardPriv { position: absolute; width: 100%; text-align: center; top: 0; left: 0; }
.cardShow .cardPriv img { width: 50px; box-shadow: none; margin-top: 25px; }
.cardShow .cardPriv h1, .cardPriv .cardtel { font-family: "幼圆"; color: #916f32; font-size: 16px; font-weight: normal; text-shadow: 0 1px 1px #f5dca4; margin-top: 5px; }
.cardPriv .cardtel { font-size: 18px; margin-top: 10px; }
.privilege { width: 96%; margin: 0 auto; border-bottom: 1px solid #dcdcdc; }
.privList { width: 100%; padding-bottom: 15px; }
.privList li { list-style-type: none; float: left; width: 25%; margin-top: 15px; font-size: 12px; text-align: center; }
.privList li img { width: 42px; height: 42px; }
.privList .privName { width: 50px; margin: 0 auto; text-align: center; line-height: 16px; height: 32px;white-space: normal;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.privNone { text-align: center; padding: 15px 0; }
.growUp { width: 90%; margin: 0 auto; padding: 15px 0 50px; }
.growUp h2 { font-size: 12px; line-height: 14px; font-weight: normal; margin: 0 0 10px 0; }
.growNow { color: #999; font-size: 12px; margin: 0 0 3px 45px; }
.gradNext, .gradNow { float: right; color: #999; font-size: 12px; margin: 5px 2% 0 0; }
.gradNow { float: none; margin-left: 0; }
.gradExplain { margin: 5px 0 0 0; font-size: 12px; }
.gradExplain span { font-size: 19px; }
.signIn { position: absolute; top: 10px; right: -1px; width: 60px; height: 28px; line-height: 28px; background-color: #FFF; border: 1px solid #CCC; text-align: center; font-size: 12px; cursor: pointer; }
.textOver { color: #999; }
.signNO { background-color: #e4b95e; width: 28px; height: 28px; border-radius: 14px; color: #FFF; position: absolute; top: 0; left: -18px; }
.privDetail { background-color: #FFF; }
.privItem { padding: 10px; font-size: 18px; border-bottom: 1px solid #dcdcdc; }
.privItem:after { content: ""; display: block; height: 0; clear: both; }
.privItem img { float: left; width: 50px; height: 50px; margin-right: 10px; }
.privItem span { font-size: 14px; color: #999; display: block; margin-top: 5px; }
.privNotice { padding: 0 10px 10px; word-break: break-all; word-wrap: break-word; }
.privNotice li { list-style: inside; }
.privNotice img { max-width: 100%; }
.growFull { background-position: 0 -331px; line-height: 25px; padding-left: 30px; color: #e4b95e; font-size: 12px; }
.hint { display: none; position: fixed; bottom: 20px; left: 28%; z-index: 999; background-color: rgba(0, 0, 0, 0.70); color: #e4b95e; text-align: center; padding: 7px 20px; min-width: 33%; font-size: 16px; border-radius: 15px; }
.recordList{padding: 0 20px 10px;}
.recordList li{list-style: none;text-indent:2em;color: #999;}
h2.big{font-size: 16px;color: #000;}
/*我的积分*/
.MyScore { margin-top: 60px; background-color: #FFF; padding: 20px 0 50px; text-align: center; position: relative; }
.scoreNO { width: 100px; height: 75px; padding-top: 25px; border-radius: 50px; margin: 0 auto; background-color: #ff3c67; font-size: 14px; text-align: center; color: #FFF; }
.scoreNO span { font-size: 20px; display: block; line-height: 28px; }
.scoreShop, .exchangeRecord { border: 1px solid #ff3c67; border-radius: 5px; display: inline-block; width: 56px; padding: 8px 0 8px 25px; background-position: 7px -275px; font-size: 12px; color: #404040; line-height: 16px; margin: 10px 10px 0 10px; text-align: left; }
.exchangeRecord { background-position: 7px -298px; }
.MyScore h2, .MyRedpacket h2 { background: url(../images/grayPoint.gif) repeat-x left center; width: 90%; margin: 20px auto 0; font-size: 12px; color: #999; font-weight: normal; text-align: center; }
.MyScore h2 span, .MyRedpacket h2 span { padding: 0 13px; background-color: #FFF; display: inline-block; }
.scoreList, .redPacketList { width: 90%; margin: 0 auto; }
.scoreList li, .redPacketList li { border-bottom: 1px solid #dcdcdc; list-style-type: none; padding: 9px 0 3px; }
.scoreList li .score { float: right; font-size: 14px; margin-right: 10px; }
.scoreList li .scoreName, .scoreList li .scoreDate { text-align: left; margin-left: 10px; }
.scoreList li .scoreDate { font-size: 12px; color: #999; line-height: 16px; }

/*积分规则*/
.scoreRuleList .ques, .scoreRuleList .answer { background: url(../images/ques.png) no-repeat 5px 3px; font-size: 16px; padding-left: 25px; }
.scoreRuleList .answer { background: url(../images/answer.png) no-repeat 5px 2px; font-size: 13px; line-height: 18px; margin-top: 5px; }

/*(礼品卡 门店)*/
.shopArea { padding: 0; }
.shopArea h2.title { background-color: #eaeaea; padding: 0 10px; margin-left: 0; font-size: 12px; }
.shopArea .List li:last-child { border: none; }
.shopArea .whiteList li { font-size: 14px; padding: 7px 10px; }
.recordCharge{position: absolute;top:0;right: 20px;font-size: 12px;}
/*二维码扫描支付弹出框样式*/
.scanCodeBox { width: 300px; min-height: 400px; color: #444; text-align: center; padding-top: 10px; line-height: 25px; font-size: 18px; border-radius: 10px; background-color: #FFF; }

/**/
.scanCodeSquare { width: 300px; text-align: center; margin-top: 10px; }
.scanCodeSquare img { width: 165px; height: 165px; }
.scanLine { display: block; width: 300px; height: 18px; padding: 0; margin: 0; }
.scanCodeBox .barcode { padding: 10px 0; width: 300px; text-align: center; color: #404040; font-size: 14px; line-height: 16px; letter-spacing: 2px; }
.scanCodeBox .small { font-size: 14px; margin-top: 10px; }

/*我的消息*/
.newsBox { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 0 10px; background-color: #FFF; }
.newsList { border-top: 1px solid #dcdcdc; padding: 0px; position: relative; }
.newsList:first-child { border-top: none; }
.ui-btn.ui-btn-news, .ui-btn.ui-btn-news:hover { background-color: transparent; text-shadow: none; border: none; color: #404040; font-weight: normal; }
.ui-btn.ui-btn-news .date, .ui-btn.ui-btn-news:hover .date { color: #999; font-size: 12px; }
#tabs .ui-btn.ui-btn-news { padding: 0 16px; }
.ui-btn.ui-btn-news .haveNew { position: absolute; top: 50%; left: 0px; background-color: #ff3c67; width: 8px; height: 8px; border-radius: 4px; z-index: 50; }
.newsList, .newsBody { color: #999; line-height: 25px; word-break: break-all; word-wrap: break-word; }
.newsList img, .newsBody img { max-width: 100%; }
#tabs .newsList .ui-icon-carat-d:after { background: url(../images/news_off.png) right top no-repeat; }
#tabs .newsList .ui-icon-carat-u:after { background: url(../images/news_on.png) right top no-repeat; }
.ui-collapsible-set .ui-collapsible, .ui-collapsible { margin: 0; }
#tabs .ui-collapsible-heading { padding: 8px 0; }

/*我的会话*/
.stateDes { clear: both; width: 100%; text-align: center; }
.stateDes span { background-color: #c7c7c7; color: #FFF; font-size: 12px; padding: 3px 10px; border-radius: 5px; display: inline-block; margin-top: 25px; }
.chat { margin-top: 15px; position: relative; }
.chat .userIcon { width: 40px; height: 40px; position: absolute; }

/*float:left; margin:0 5px 0 10px;*/
.chat .tl { top: 0px; left: 10px; }
.chat .tr { top: 0px; right: 10px; }
.chat .userIcon img { width: 100%; }
.chat .cont { float: left; position: relative; margin: 0 60px 0 60px; }

/*width:-moz-calc(100% - 57px); width:-webkit-calc(100% - 57px); width:calc(100% - 57px);*/
.chat .cont div { border: 1px solid #d1d1d1; background-color: #FFF; margin-left: 7px; padding: 5px; border-radius: 5px; min-height: 27px; }
.chat .cont em { position: absolute; top: 10px; left: 0; margin-left: -6px; border: 7px solid transparent; border-right: 7px solid #d1d1d1; width: 0; height: 0px; }
.chat .cont em i { position: absolute; bottom: -6px; left: -6px; border: 6px solid transparent; border-right: 7px solid #FFF; width: 0; height: 0px; }

/*.chatAnswer{float:right;}*/

/*.chatAnswer .userIcon{  position:absolute;}float:right; margin:0 10px 0 5px;*/
.chatAnswer .answer { margin: 0 60px 0 60px; float: right; }
.chatAnswer .cont div { margin: 0 7px 0 0; background-color: #ff3c67; color: #FFF; border: 1px solid #ff3c67; }
.chatAnswer .cont em { left: auto; right: 0; margin-left: 0; margin-right: 1px; border-right: none; border-left: 7px solid #ff3c67; }
.chatAnswer .cont em i { right: 0; left: auto; border-right: none; border-left: 7px solid #ff3c67; }
.footerInput { float: left; width: -moz-calc(100% - 125px); width: -webkit-calc(100% - 125px); width: calc(100% - 125px); margin: 4px 0 0 10px; }

/*
.mess1 span{width: 50px;display: block;height: 50px;border-radius: 50px;float: left;margin-left: 10px;margin-top: 10px;}
.mess1 span img{width: 100%;border-radius: 50px;}
.mess1 .zi{float: left;width: 72%;display: inline-block;margin-top: 10px;}
.mess1 .zi em{display: block;float: left ;margin-top:7px;vertical-align: middle; background: url(../images/ui-arrow.png) no-repeat; background-size:100%;  width: 10px;height: 20px;}
.mess1 .zi p{float: left;display:inline-block;padding: 5px 5px; width: 90%;background: #fff;border-radius:5px;}
.mess1 .zi p i{font-style:normal;color: #ff3c67; }
.focusCon{background: url(../images/bg.png) 0px 40px no-repeat; background-size:100%; }

.mess2{}
.mess2 span{width: 50px;display: block;height: 50px;border-radius: 50px;float: right;margin-left: 10px;margin-right: 10px;}
.mess2 span img{width: 100%;border-radius: 50px;}
.mess2 .zi{float: right;width: 72%;display: inline-block;}
.mess2 .zi em{display: block;float: right ;margin-top:17px;background: url(../images/arrow001.png) no-repeat; background-size:100%;  width: 10px;height: 20px;}
.mess2 .zi p{float: right;display:inline-block;padding: 15px 5px;color: #fff; background: #e4b95e;border-radius:5px;}
.mess2 .zi p i{font-style:normal;color: #ff3c67; }
.chatInfo .time{width: 90px;margin:10px auto 20px;height: 35px;line-height: 35px;background: #c7c7c7;text-align: center;border-radius: 5px;color: #fff;}
.clearfix:after{clear: both;content: ',';display: table;}
*/

/*微网站图片自动播放*/
.slideBox { padding: 0; margin-top: 0px; position: relative; }
.slidesjs-pagination { position: absolute; bottom: 20px; right: 5%; list-style: none; z-index: 100; }
.slidesjs-pagination li { float: left; margin: 0 1px; }
.slidesjs-pagination li a { display: block; width: 6px;color:#dcdcdc; height: 6px;background: #dcdcdc;border-radius: 6px; background-position: 0 1px; float: left; overflow: hidden;margin-top: 1px;opacity: 0.5;}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background: #fff; color: #fff;width: 7px;height: 7px;border-radius: 7px;margin-top: 0;opacity: 1;}
.slidesjs-pagination li a:hover { background-position: 0 -26px }

/*SlidesJS Required: These styles are required if you'd like a responsive slideshow */
#slides { overflow: hidden; }
#slides img { width: 100%;height: 100%;}
.slideBox { margin: 0px auto 0 auto; }

/* For tablets & smart phones */
@media (max-width:767px) {

	/*body{padding-left:20px; padding-right:20px;} */
	.slideBox { width: auto }
}

/* For smartphones */
@media (max-width:480px) {
	.slideBox { width: auto }
}

/* For smaller displays like laptops */
@media (min-width:768px) and (max-width:979px) {

/*.slideBox{width:724px}*/ }

/* For larger displays */
@media (min-width:1200px) {

/*.slideBox{width: 1170px}*/ }

/*清浮动*/
.itemList:after, .indexMenu:after, .FMList:after, .goodInfo:after, .goodNumberInfo:after, .List:after, .orderItem:after, .gotchaList li:after, .userBox:after, .whiteList li:after, .List li:after, .scoreList li:after, .wechatList li:after, .privList:after, .evaluate:after, .growBox:after, .labelInfo:after, .edit:after, .couponList li:after, .captchaBox:after, .consEdit:after, .tileList:after, .dateSign:after, .editBox:after, .userBar:after, .caseList:after, .custom:after, .infoList:after, .orderTotal:after, .refundFlow:after, .manyGoods:after, .weMarket:after, .boxMarg10:after, .marketLine:after, .orderItemTitle:after, .shareBox h2:after, .chat:after { content: ""; display: block; height: 0; clear: both; }

/*绑定账户*/
.upload .ui-select .ui-btn-selectS, .upload .ui-select .ui-btn-selectBar { text-align: left; }
.upload .ui-body-inputRS input[type="text"] { text-align: left; }
.upload .ui-body-inputRS input[type="tel"] { text-align: left; }
.icheck { width: 70%; float: right; }
.valueCheck { width: 50%; display: inline-block; }
.getPass { width: 37%; float: right; margin-right: 2%; }
.getPass a { background: none; border-left: 1px solid #dcdcdc; font-size: 12px; padding: 5px 0px 5px 10px; }
.upload select { color: #404040; }
.ui-input-text .birth { padding: 0 0 0 26px; min-height: 25px; line-height: 25px; }
.sex .valueBig span, .sex .valueBig select { margin-left: 28px; }
.upload .mButt { margin-top: 30px; }
.upload ul { border: 0 none; background: #fff; }
.upload .moreUl li { border-top: 1px solid #dcdcdc; border-bottom: 0 none; }
.topPic { background: url(../images/bg-up.jpg) no-repeat; width: 100%; height: 130px; padding-top: 40px; background-size: cover;}
.topPic .midCon { width: 70px; height: 70px; margin: 0px auto 0px; text-align: center; color: #fff; }
.topPic .midCon img { width: 100%; border-radius: 35px; }

/*个人中心*/
.topIndex { margin: 10px 2% 0px 2%; clear: both; background: #ff3c65; box-shadow: 0px 0px 2px 2px #c8c8c8; -webkit-box-shadow: 0px 0px 2px 2px #c8c8c8; -moz-box-shadow: 0px 0px 2px 2px #c8c8c8; border-radius: 5px; padding: 10px 2% 10px 2%; display: table; width: 92%; overflow: hidden; }
.topIndex .left { float: left; width: 45%; height: auto; background: #fff; border-radius: 5px; position: relative;}
.topIndex .left .logo{position: absolute;top: 15%;width: 120px;height: 50px;left: 50%;margin-left: -60px;}
.topIndex .left .logo img{width: 100%;height: 100%;}
.topIndex .right { float: right; width: 53%; position: relative; }
.topIndex .right h2 { text-align: center; color: #fff; margin-bottom: 14px; font-weight: 100;font-size: 18px;}
.centerList { padding: 10px 2%; width: 96%; overflow: hidden; }
.centerList ul li { width: 100%; background: #fff; margin-bottom: 10px; box-shadow: -2px 0px 2px #D0D0D0,2px 0px 2px #D0D0D0,0px 3px 2px #D0D0D0; border-radius: 5px; padding: 0px 0px 10px 0px; display: table; }
p.add { color: #fff; font-size: 12px; text-align: center; margin-top: -10%;}
.rightIcon{padding:0 5%;}
.rightIcon span{ width: 16px;height: 16px;color: #ff0000;border-radius: 50px;line-height: 16px;text-align: center;position: absolute;left: 65%;top: 0px;z-index: 999;background: #fff;}
.rightIcon .icon{width: 33.3%;float: left;text-align: center;position: relative;}
.rightIcon .icon img{width: 30px;height: 30px;}
.sao img { width: 70%; margin: 25% 15% 30%; }
.sao p { display: block; color: #d7d7d7; padding: 0px 5px; text-align: center; margin: 45% 0px 2px 0px; font-size: 0.8rem; }
.sao .zi { text-align: center; padding: 8px 5px; color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #cfb68a; }
.sao .zi a { color: #fff; }
#topLoader { width: 100%; height: auto; position: relative;  margin-top: -8%;}
.centerList ul li h2 { border-bottom: 1px solid #f5f5f5; height: 35px; line-height: 35px; font-size: 16px; padding-left: 10px; font-weight: normal;color: #e4b95e; }
.centerList .sub { position: relative; width: 100%; margin-top: 10px; clear: both; height: 30px; }
.centerList .sub .method1,.centerList .sub .method2{position: relative;width: 50%;height: 100%;float: left;}
.centerList .sub .num { margin: 10px auto; margin-left: 45%; display: block; color: #e4b95e; font-size: 24px; }
.centerList .sub .num em { font-style: normal; color: #404040; font-size: 12px; display: inline-block; }
.centerList .sub .see { position: absolute; right: 10px; top: 0px; color: #e4b95e; }
.centerList .sub .method1 .see { position: absolute; right: 50%; top: 0px; color: #e4b95e; margin-right: -42px;}
.centerList .sub .method2 .see { position: absolute; right: 50%; top: 0px; color: #e4b95e; margin-right: -35px;}
.centerList .sub .see i { display: inline-block; background: url(../images/index-icon9.png) no-repeat; background-size: 100%; width: 9px; height: 15px; vertical-align: -2px; }
.centerList .titI { margin: 10px 0px 0px 10px; }
.pr10{padding-right: 10px;}
.centerList .sub a { color: #e4b95e; display: block; height: 30px; line-height: 30px; }
.centerList .ex .sub .num { margin-left: 40%; }
.centerList .titI p em { font-style: normal; font-size: 24px; color: #e4b95e; }
.centerList ul li.set { padding-bottom: 0px; }
.centerList ul li.set h2 { border-bottom: none; height: 35px; line-height: 35px; font-size: 16px; padding-left: 20px; font-weight: normal; }
.outBox { position: absolute; z-index: 99; top: 0%; width: 100%; }
.outBox .avatar { padding-top: 34%;  text-align: center;}
.outBox .avatar img { width: 40%; border-radius: 50px; }
.outBox .avatar p, .right p.info { text-align: center; color: #fff; }
.outBox p.num { position: absolute; bottom: -30px; left: 0px; z-index: 999; width: 100%; text-align: center; color: #fff; }
.outBox .crown { position: absolute; z-index: 99; top: 26px; right: 0px; width: 25%; }
.outBox .crown img { width: 100%; }
.starCon { margin-right: 2%; }
.outBox .in { position: relative; width: 100%; }
.subI { position: relative; width: 100%; height: 40px; margin-top: 20px; }
.starI { width: 100%; height: 2px; background: #d2d2d2; box-sizing:border-box}
.starI span { display: block; height: 2px; background: #f5d56d; box-sizing: border-box;}
.star { position: absolute; top: -10px; left: 0px; width: 100%; }
.star .left { float: left; }
.tu { clear: both; display: table; }
.star .left i.min { background: url(../images/index-icon5.png) 0px 4px no-repeat; background-size: 100%; width: 14px; height: 18px; float: left; }
.star .left i.max { background: url(../images/index-icon6.png) no-repeat; background-size: 100%; width: 18px; height: 19px; float: left; }
.star .right i.min { background: #fff url(../images/index-icon7.png) 0px 4px no-repeat; background-size: 100%; width: 14px; height: 18px; float: left; }
.star .right i.max { background: #fff url(../images/index-icon8.png) no-repeat; background-size: 100%; width: 18px; height: 19px; float: left; }
.star .right i { background: #fff; }
.star .right .tu { padding-left: 40px; color: #f5d56d;}
.star .right { float: right; }
.star .left p { color: #e4b95e; margin-top: 10px; }
.star .right p {color: #f5d56d;margin-top: 10px; text-align:right}
.rightbar { width: 50px; position: fixed; left: 10px; bottom: 1%; z-index: 999;opacity: 0.5; }
.rightbar ul li { position: relative; list-style: none; }
.rightbar ul li img { width: 100%; }
.rightbar ul li span { display: block; width: 16px; height: 16px; color: #fff; border-radius: 50px; line-height: 16px; text-align: center; position: absolute; right: 0px; top: 5px; z-index: 999; background: #ff0000; }
.sao span { display: block; text-align: center; color: #e4b95e; font-size: 24px; margin: 100% 0px -40% 0px; }
.sao span lable{font-size: 16px;}

/*卡片分享*/
.cardShare .text { width: 98%; padding-left: 20px; background: #ff3c67; color: #fff; position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid #df244e; }
.wrap { margin: 20px 20px; padding: 0px; position: relative; }
.cardShare .con { width: 100%; position: relative; background: #fff; margin-bottom: 10px; box-shadow: 0px 0px 2px 2px #c8c8c8; -webkit-box-shadow: 0px 0px 2px 2px #989898; -moz-box-shadow: 0px 0px 2px 2px #989898; border-radius: 5px; padding: 0px; display: table; }
.cardShare .con .zi { color: #000; font-size: 14px; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; margin: 20px 20px 0px 20px; }
.cardShare .con .zi span { color: #ff3c67; }
.cardShare .info { margin: 10px 0px; }
.cardShare .info p { text-align: center; color: #acacac; line-height: 20px; font-size: 12px; }
.cardShare .pic { width: 200px; margin: 0 auto 10px; }
.cardShare .pic img { width: 100%; }
.timeInfo { background: #f7f6f6; border-top: 1px dashed #dddddd; padding: 5px 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.timeInfo p { text-align: center; color: #404040; line-height: 20px; font-size: 12px; }
.iconL { background: #f5f5f5; background-size: 100%; width: 24px; height: 24px; position: absolute; 
	border-radius: 12px; bottom: 38px; left: -12px; 
	-webkit-box-shadow: inset -1px 0px 2px 2px #ddd;
	-moz-box-shadow: inset -1px 0px 2px 2px #ddd;
	box-shadow: inset -1px 0px 2px 2px #ddd;
}
.iconL:after{ background:#f5f5f5 ; width: 9px; height: 24px; display: block; content: '';}
.iconR { background: #f5f5f5; background-size: 100%; width: 24px; height: 24px; position: absolute; 
	border-radius: 12px; bottom: 38px; right: -12px; 
	-webkit-box-shadow: inset 2px 0px 2px 2px #ddd;
	-moz-box-shadow: inset 2px 0px 2px 2px #ddd;
	box-shadow: inset 2px 0px 2px 2px #ddd;
}
.iconR:after{ background:#f5f5f5 ; width: 9px; height: 24px; display: block; content: '';margin-left: 15px;}
.cardList { background: #fff; }
.cardList h1 { border-bottom: 1px solid #dcdcdc; margin: 20px 20px 0px 20px; font-size: 14px; font-weight: normal; height: 40px; line-height: 40px; }
.cardList ul li { border-top: 1px solid #dcdcdc; padding-left: 0px; margin-left: 20px; margin-right: 10px; }
.cardList h2 { font-size: 14px; font-weight: normal; }
.cardList .zi span { float: left; color: #ababab; display: block; margin-top: 3px; }
.cardList .discount{position: relative;}
.cardList .discount span{float:none}
.List li a {display: block;text-decoration: none;}
.cardList .discount p:after{    content: "";position: absolute;height: 12px;width: 12px;border-top: 1px solid #ababab;border-left: 1px solid #ababab;transform: rotate(135deg);right: 0;top: 3px;}
.cardList .zi p { float: right; color: #e4b95e; font-size: 12px;right: 20px;top: 10px;}
.cardList .discount p{padding-right: 15px; position: absolute;top: 20px;}
.cardList .zi p em { font-style: normal; font-size: 19px; }
.cardList .zi p.guan { color: #acacac; }

/*卡片详情*/
/*.yellow { background: #ffb557; }
.blue { background: #63b8ff; }
.green-color { background: green; }
.color1 { background: #ee762e }
.color2 { background: #de1adc }*/

.banner { clear: both; display: table; width: 100%; }
/*#page1 [data-role=page], #page1 .ui-page { top: inherit; left: inherit; width: inherit; position: inherit; display: inherit; border: inherit }*/
.detail-1 .in { position: absolute; }
.dilog-box { background: #fff; border-radius: 5px; margin: 0 auto 40px; width: 100%; padding-bottom: 20px; }
.detail-1 .ui-popup-container { width: 100%; }
.dilog-box h2 { font-size: 12px; text-align: center; padding: 5PX 0PX; border-radius: 5px; font-weight: normal; border-top: 5px solid red; }
.dilog-box p { margin-left: 10%; margin-top: 10px; }
.dilog-box .btn { margin: 10px 0px; clear: both; display: table; width: 100%; }
.dilog-box .btn a { display: block; width: 35%; text-align: center; border-radius: 5px; margin-left: 5%; float: left; font-size: 12px; }
.dilog-box .btn .yes { background: #ff3c67; padding: 5px 0px; color: #fff; margin-left: 10%; }
.dilog-box .btn .no { border: 1px solid #ff3c67; color: #ff3c67; padding: 5px 0px; }
.stack-slider{position: relative; width: 100%; min-height: 280px; }
@media screen and (max-width: 440px){
  .stacks-wrapper {width: 100%; height: 280px;}
}
@media screen and (min-width: 440px) and (max-width: 540px)  {
  .stacks-wrapper {width: 100%; height: 310px;}
}
@media screen and (min-width: 540px)  {
  .stacks-wrapper {width: 100%; height: 360px;}
}
.shackEndNum{position: absolute;top: 0;width: 80%;left: 10%;text-align: center;color: #fff;font-size: 12px;font-weight: bold;}
.stack-slider span.all { position: absolute; color: #b1b1b1; float: right; right: 2.0%; bottom: -2%; }
/*.view-init .stack-slider { opacity: 1; }
.move-items .stack-slider { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.view-full .flickity-viewport { overflow: visible; }*/
.stack { width: 45%; height: auto; float: left; min-width: 200px; position: relative; margin: 7% 2%; box-shadow: 0px 0px 2px 2px #c8c8c8; -webkit-box-shadow: 0px 0px 2px 2px #c8c8c8; -moz-box-shadow: 0px 0px 2px 2px #c8c8c8; border-radius: 15px; text-align: center; }
.stack.is-selected { height: auto; margin: 0 2%; }
.color01 { background: #63b8ff; }
.color02 { background: #ffb557; }
.color03 { background: #ff3c65; }
.color04 { background: #0dad2b; }
.color05 { background: #ef13d8; }
/*.stack.stack-next { margin-top: 10%; }
.stack.stack-prev { margin-top: 10%; }*/
/*.stack.stack-prev .item, .stack.stack-next .item { padding: 0 35% 0; }
.move-items .stack.stack-prev, .move-items .stack.stack-next { opacity: 0; }*/
/*.gallery-cell::before { content: "" }*/
/*.flickity-prev-next-button { display: none; }
.flickity-page-dots .dot { counter-increment: dot; background: none; opacity: 0; visibility: visible; position: absolute; bottom: 0px; right: 7%; }
.flickity-page-dots .dot::before { color: #e4b95e; content: counter(dot, decimal); display: block; font-size: 16px; padding-left: 5px; font-weight: normal; line-height: normal; text-align: center; }*/
.stack-title { text-align: center; display: inline-block; position: relative; cursor: pointer; }
.move-items .is-selected .stack-title a::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.move-items .is-selected .stack-title a span { opacity: 0; -webkit-transform: translate3d(0, -150%, 0); transform: translate3d(0, -150%, 0); }
.item { padding: 0 35% 0% 35%; margin: 10% 0px 10% 0px; position: relative; }
.is-selected .item { margin: 10% 0; padding: 0 25%; position: relative; }
/*.item a:hover { color: #fff; }*/
.item span { margin-top: 10px; display: none; color: #fff; font-size: 12px; }
.item-title { margin: 0px 20px; }
.item-title div.LinkBtn { color: #fff; font-style: normal; padding: 2px 0px; font-size: 12px; width: 45%; border-radius: 5px; margin-bottom: 10%; }
.item-title div.centerD { float: inherit; margin:13px auto 10% auto;}
.item-title div.rightD { float: right; }
.item-title div.leftD { float: left; }
.item-title  a, .item-title  a:hover { color: #fff; display: block; }
/*.move-items .is-selected .item { opacity: 1; }*/
.item-content { position: relative; z-index: 100; max-width: 800px; margin: 0 auto; }
.item img { width: 100%; display: block; position: relative; z-index: 100; padding: 15px 0px; }
.stack-title { font-size: 14px; font-weight: normal; margin: 10% 0px 2px; color: #fff; }
.stack p { font-size: 12px; color: #fff; opacity: 0.6; }
.payCodeM { height: 100%; background: #fff; position: fixed; top: 100%; left: 0px; width: 100%; z-index: 9999; }
.payCodeM h2 { font-weight: normal; font-size: 14px; margin: 10px 0px; width: 100%; text-align: center; color: #404040; }
.payCodeM h3 { font-weight: normal; font-size: 14px; margin: 10px 0px; width: 100%; text-align: center; color: #e4b95e; }
.payCode { position: relative; }
.payCodeM p { font-weight: normal; font-size: 12px; margin: 10px 0px; width: 100%; text-align: center; color: #404040; }
.payCodeM .pic { margin: 0 20%; width: 60%; border-top: 1px solid #dcdcdc; padding-top: 10px; }
.payCodeM .pic img { width: 100%; padding: 5%; box-sizing: border-box;}
.payCodeM .pic1 img { width: 100%; padding: 5% 0; }
.payCodeM span.close { display: block; background: url(../images/close1.png) no-repeat; background-size: 100%; width: 16px; height: 16px; position: absolute; top: 0px; right: 20px; }
.payCodeM .pic1 { margin: 0 10%; width: 80%; border-top: 1px dashed #dcdcdc; }
.payCodeM .loading i { display: inline-block; background: url(../images/pic-ww5.png) no-repeat; background-size: 100%; width: 12px; height: 12px; vertical-align: -2px; margin-right: 5px; }
.payCodeM .loading{position: relative;}
/*.payCodeM .loading:after{content: "";position: absolute;width: 50%;height: 1px;left: 25%;background: #dcdcdc;bottom: -15px;}*/
.bgf5 .ui-overlay-a, .bgf5 .ui-page-theme-a, .bgf5 .ui-page-theme-a .ui-panel-wrapper { background: #f5f5f5; }
.bgff .ui-page-theme-a { background: #fff !important; }
.cardGive .text { width: 98%; padding-left: 20px; background: #ff3c67; font-size: 12px; color: #fff; position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid #df244e; }
.cardGive .chat .pic { width: 40px; float: left; }
.cardGive .wrap { padding: 0px; margin: 20px 10px 0px 10px; }
.cardGive .chat { margin-bottom: 15px; }
.cardGive .chat .pic img { width: 100%; border-radius: 50px; }
.cardGive .chat .txt { float: left; max-width: 77%; padding-left: 20px; position: relative; }
.cardGive .txt .zi { border: 1px solid #eee; font-size: 12px; border-radius: 5px; padding: 5px; width: auto; }
.cardGive .txt h2 { font-weight: normal; font-size: 12px; }
.cardGive .chat  i { background: url(../images/iconS1.png) no-repeat; background-size: 100%; width: 14px; height: 14px; position: absolute; z-index: 101; left: 12px; top: 20px; }
.picWrap { background: url(../images/iconS2.png) no-repeat; background-size: 100%; width: 250px; height: 330px; margin: 0 auto; }
.picWrap img { width: 40%; margin: 15% 0 0 41%; }
.infoBox { margin-left: 3px; }
.infoBox h3 { color: #989898; font-size: 12px; font-weight: normal; }
.infoBox p { color: #989898; font-size: 12px; line-height: 25px; margin-left: 17px; }
.tit1 .iconLeft { display: block; width: 50%; height: auto; padding-top: 20px; float: left; margin-right: 5%; }
.tit1 { margin: 0 20px; clear: both; }
.tit1 .line { background: url(../images/iconS3.png)  no-repeat; background-size: 100%; width: 60%; margin: 0 20% 0 20%; height: 40px; }
.tit1 img, .cardList01 ul li .pic img { width: 100% }
.tit1 ul li { width: 44%; float: right; font-size: 12px; color: #989898; list-style: none; }
.tit1 ul li .pic { margin: 0 30%; }
.tit1 .iconRight { display: block; width: 45%; height: auto; padding-top: 20px; float: left; }
.tit1 .iconRight ul li:first-child .pic { margin: 0 18%; }
.tit1 .iconRight ul li .pic { margin: 0 28%; }
.tit1 ul li p { text-align: center; }
.tit1 ul li:first-child { width: 52%; float: left; }
.tit1 ul li:first-child .pic { margin: 0 21%; }
.tit1 .midLine { display: block; background: url(../images/iconS8.png)  no-repeat; background-size: 100%; width: 30%; margin: 0 36% 0 38%; height: 50px; }
.iconWrap, .cardList01 ul li { clear: both; display: table; width: 100%; }
.cardList01 .con { padding-top: 5px; }
.cardList01 ul { margin: 5px 18px; }
.cardList01 ul li { border-radius: 10px; margin-bottom: 9px; padding: 5px 0px; box-shadow: 0 0 1px 1px #c8c8c8; }
.cardList01 ul li h2 { font-size: 14px; color: #fff; font-weight: normal; }
.cardList01 ul li p { font-size: 11px; color: #fff; }
.cardList01 ul li .text { float: left; margin-left: 15px; margin-top: 5px; }
.cardList01 ul li .pic { float: right; width: 30px; margin-right: 20px; margin-top: 10px; }
.cardList01 ul li a { display: block; width: 100%; height: 52px; }
.cardList01 .color01 { background: #ffb128; }
.cardList01 .color02 { background: #ff74d0; }
.cardList01 .color03 { background: #299dff; }
.cardList01 .zi { text-align: right; color: #e4b95e; font-size: 12px; margin-right: 20px; }
.cardList01 .zi i { display: inline-block; background: url(../images/index-icon9.png)  no-repeat; background-size: 100%; width: 6px; height: 14px; margin-top: 15px; vertical-align: -5px; margin-left: 5px; }
.remainBox{position: relative;height: 20px;}
.remainBox div{position: absolute;width: 150px;left: 50%;top: 0;margin-left: -70px;}
/*@media screen and (min-width: 500px) {
  .flickity-viewport{min-height: 350px;}
}
@media screen and (min-width:640px) {
  .flickity-viewport{min-height: 390px;}
}*/
/*达人活动*/
.superMan-dl { border-bottom: 1px #DCDCDC solid; border-top: 1px #DCDCDC solid; background: #fff; padding: 0px 10px; }
.superMan-dl dt { border-bottom: 1px #DCDCDC solid; height: 40px; line-height: 40px; }
.superMan-list { width: 100%; zoom: 1; overflow: hidden; }
.superMan-list li { width: 25%; padding: 10px 0px; text-align: center; float: left; }
.superMan-list li img { width: 48px; height: 48px; }
.superMan-list li div { text-align: center; min-height: 24px; font-size: 12px; }
.superMan-detail-top { background: url(../images/superMan-detail-topBG.jpg) no-repeat; height: 100px; position: relative; }
.superMan-detail-top .icon-img { height: 64px; width: 64px; float: left; padding: 20px; }
.superMan-detail-top .icon-img img { width: 100%; height: 100%; }
.superMan-detail-top .SMDT-title { font-size: 18px; float: left; color: #fff; margin: 30px 0px; max-width: 200px; }
.superMan-detail-top .SMDT-title .current-price {font-size: 12px;}
.superMan-detail-top .SMDT-more { font-size: 12px; color: #fff; position: absolute;top: 70px;right: 10px;}
.superMan-detail-top .SMDT-whiteLine { border-left: 4px #fff solid; height: 16px; position: absolute; bottom: 0px; left: 50px; z-index: 1; }
.superMan-detail-list-line { border-left: 4px #ff3c67 solid; margin-left: 50px; height: 20px; }
.superMan-detail-list { border-left: 4px #c6c6c6 solid; margin-left: 50px; position: relative; }
.superMan-detail-list dt { position: relative; margin: 20px; top: -20px; }
.superMan-detail-list dt>span { background: #a9a9a9; padding: 10px; color: #fff; box-shadow: 2px 2px 4px #C6C6C6; position: relative; border-radius: 3px; height: 24px; line-height: 24px; }
.superMan-detail-list dt>span i.arrow { width: 0px; position: absolute; top: 10px; left: -12px; z-index: 1; height: 0px; border: 6px solid transparent; border-right: 6px solid #a9a9a9; }
.superMan-detail-list dt>i { position: absolute; border: 4px #C6C6C6 solid; background: #e9e9e9; height: 14px; width: 14px; border-radius: 14px; z-index: 1; left: -34px; }
.superMan-detail-list dd { top: -20px; position: relative; }
.superMan-detail-list .SMDL-text { margin-left: 60px; color: #a9a9a9;display: block;margin-right: 10px; }
.superMan-detail-list .SMDL-icon { border-bottom: 2px #C6C6C6 solid; top: 10px; display: block; position: relative; width: 40px; height: 1px; }
.superMan-detail-list .SMDL-icon i { border-radius: 3px; background: #C6C6C6; position: absolute; right: -3px; bottom: -4px; height: 6px; width: 6px; }
.superMan-detail-list.active { border-left: 4px #ff3c67 solid; }
.superMan-detail-list.active dt>span { background: #ff3c67; }
.superMan-detail-list.active dt>span i.arrow { border-right: 6px solid #ff3c67; }
.superMan-detail-list.active dt>i { border: 4px #ff3c67 solid; background: #e9e9e9; }
.superMan-detail-list.active .SMDL-text { color: #ff3c67; }
.superMan-detail-list.active .SMDL-icon { border-bottom: 2px #ff3c67 solid; }
.superMan-detail-list.active .SMDL-icon i { background: #ff3c67; }
.SMDL-last:after { height: 30px; width: 4px; display: block; content: ''; background: #F4F4F4; position: absolute; bottom: 0px; left: -4px; }
.superMan-detail-discription { border-top: 1px #DCDCDC solid; color: #a9a9a9; padding: 10px; margin: 10px; }
.superMan-detail-discription img {  width: 100%!important; height: 100%!important;}
.moreCard{position: absolute;bottom: 5px;left: 25%;width: 50%;text-align: center;font-size: 12px;}
.moreCard span{padding: 0 4px;font-size: 14px;}
.moreCard a{color: #ff3c66;}
/*轮播样式*/
/*.flickity-enabled { position: relative; width: 100%; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { height: 300px; position: relative; }
.flickity-slider { position: relative; width: 100%; }
.flickity-enabled.is-draggable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }
.flickity-page-dots { position: absolute; width: 100%; bottom: 1.5%; right: 2%; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; z-index: 999; }
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; cursor: pointer; }
.flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); /* IE8  opacity: 1; }*/
/*退款信息*/
.backLineP{position: relative;padding: 10px 0;height: 50px;}
.backLine{position: absolute;font-size: 12px;display: inline-block;left: 50%;margin-left: -150px;}
.backLine-three{position: absolute;font-size: 12px;display: inline-block;left: 50%;margin-left: -108px;}
.step{display: inline-block;position: relative;text-align: center;width: 70px;color: #d7dce6;}
.stepC{width: 100px;text-align: center;}
.stepZ{position: relative;width: 30px;height: 30px;border-radius: 30px;line-height: 30px;text-align: center;color: #fff;background: #d7dce6;margin: 0 20px;}
.stepLine{position: absolute;width: 45px;height: 2px;background: #d7dce6;top:15px;left: 50px;}
.usedBgColor{background:#ffc266}
.usedColor{color:#ffc266}
.thisBgColor{background: #ff7600;}
.thisColor{color: #ff7600;}
/*新增商品存取*/
.cqBox{margin: 6px auto;background-color: #fff;}