body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td,i
{margin: 0; padding: 0; border: 0; outline: none; font-style: normal; font-weight: normal;}
@font-face {
font-family:pingfang;
src: url('../fonts/PingFang Medium.ttf');
}
html,body{font-family: "pingfang"; font-size:14px; }
ul, ol{list-style: none;}
table,td{font-family: "pingfang";}
a{color: black;text-decoration: none;}
a:hover{text-decoration: none;}
img{max-width: 100%; width: auto; height: auto; vertical-align: top; border: 0;}
.fl{ float: left;margin-left:3px;}
.fr{ float: right;margin-right:3px;}
.g-detail input[type="radio"]{display: none;}
@font-face {font-family: "iconfont";
src: url('../fonts/font_403143_nbpgsnnn79tqpvi.eot?t=1504489482409'); /* IE9*/
src: url('../fonts/font_403143_nbpgsnnn79tqpvi.eot?t=1504489482409#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAfYAAsAAAAADEAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kn4Y21hcAAAAYAAAACDAAAB3mo8n9ZnbHlmAAACBAAAA5wAAAWAvx35M2hlYWQAAAWgAAAALwAAADYPN+X7aGhlYQAABdAAAAAgAAAAJAhSA/pobXR4AAAF8AAAABYAAAAcHF0AAGxvY2EAAAYIAAAAEAAAABAEPgXAbWF4cAAABhgAAAAdAAAAIAEbAIxuYW1lAAAGOAAAAUUAAAJtPlT+fXBvc3QAAAeAAAAAVgAAAG+O0hMIeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk4WWcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKp7/ZG7438AQw9zA0AAUZgTJAQDp/wx8eJzFkUEOwyAMBNeQoiZCySm/6HN66FM49pSnmjdwStc4UtR8IIsGaVcYIwzgASCSFxkA2SAwfZlKzyOmng940894IiCh6KhZF11r23fmV39KWHMu85F3JXYONAm3Se5r/a/c98/h7EfKAZ+oo2NT0uzYpHRx7Lyujk2zNgfhB1GTIAwAeJylVE1oHGUY/p7v253Z3dmdmd352539n012GrNJzP6WxCRrK6bRipJoIYdGPYjV0lqQsKIBF7GYQw6Clx560FqsvSZQKESxRy/evCt6VaF4Ec3Ed7JGPEXQ4eP9/d4X3ud73mFRxg6/F/siywx2is2yJ9hzjEGahKfyIqp+e5pPwqpGLcdUhV/zq3LNmxYLcDzJtJvddt2RZEmDihJa1WbXn+Y+Ou1FPo+mXQRyeXctM17IiA+RyPql68FT/Bascq2gLU4FK40ls1kxYoNkJpPLZHZiUjQa4zyiqbji2PFoPCEFt6Oaa+2XJ3gZyZzvnl9PVfKZl7fbV4vjThwYDmHkK+qdpbSbprPl2kYmJ+upWNZN1cZMDH5UskayWP+B0RcLhRiKPtNYmc2wJfYse5G9wd6liWsqZKsEp7WIXmcaDrm1afgdclsU/re8+J/16A+7K8BKd6QSGMsP82M4VsOTsieWBuzkxn9nQnX4j8xYnvdPSAZf/ddKAps4d0/8Ls6xDDl1T4Nf92TJLCOOXrfti88vfHehUCCxulrADnYKq6v8l/X1Uml9fePhxXLwEa6ULz7cCJ8zQr1uRbhIsAIbY4+xBcbi1FI+YuQS0oQt0bKTduxWs9eth+TsNm3HGjcnCX0KqCjCoafopNFtOkiLX4NX808WgkuKSOeUFD87wd+vTyUTCU2JiUQQN3IGcMb4GXh0tjmDb/Uino67CZzHLs5YVvBl3LVELBG8/UgH7Qaux+Wk4saD2T1JlqW9SgW7xRnOZ4q7gKngPigc/BacC2dJ0Cx3I2+KNtlFYmiDTbE5tsyeZxvsMmMGap5UhGnTbtVmm92e0Wp2F9Cu+7W6JAvZIE7RuMQoItYsqouUqlXDPS2f4KgY7bGPVqho8Snc8vl744qmKY+DJ7PR7ZyiakovaUf6uezUHDA31Qhl46DDf9JMUzswQvkMf0mzLO3g49BZ5RHdNPWDP8JQ1vW8lufl+N6DMEfC1Xk7+CKmuIqW0rhHGCkqoKqH7FLwNeYbo/6NeeA2zJJllUzcOzb2j43L8FrVassDv2uVLTqMccLwG7FNGJ5ihGOU/kjwR5CM4CEpOZZEM/f+2r1w/h5G144uiA8g9K2N032Im5ubNwX6pze2dAFuV23odwbWW5/pTsVB8M7aNc6vrR3JqBR9/dOJ+mCZCqhseVCf+OS1WEzojqNv3pDlG5uhhVeO76+9cJWe+U+td+taeJxjYGRgYADid88uBcbz23xl4GZhAIGrly5yIej/i1iKmT2AXA4GJpAoAGimDBkAeJxjYGRgYG7438AQw1LCwPD/H0sxA1AEBbADAIWqBVR4nGNhYGBgfsnAwMKAhEsgNAAZ3wF5AAAAAAAAAHYBOgFgAcYCaALAeJxjYGRgYGBnaGDgYgABJiDmArP/g/kMABZtAagAAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICdkYmRmZGFkZWRjZGdkYOBsUI8JzUzt7QgMw9Ip6WCSCBKykzlKQdRifklmYYGpmzFGfmllakc6fml5aXJGaks5fkpqQwMAORuFmwAAA==') format('woff'),
url('../fonts/font_403143_nbpgsnnn79tqpvi.ttf?t=1504489482409') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../fonts/font_403143_nbpgsnnn79tqpvi.svg?t=1504489482409#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'iconfont1'; /* project id 344665 */
src: url('../fonts/font_d14owil1djvmquxr.eot');
src: url('../fonts/font_d14owil1djvmquxr.eot?#iefix') format('embedded-opentype'),
url('../fonts/font_d14owil1djvmquxr.woff') format('woff'),
url('../fonts/font_d14owil1djvmquxr.ttf') format('truetype'),
url('../fonts/font_d14owil1djvmquxr.svg#iconfont') format('svg');
}
.iconfont1{font-family:"iconfont1"; font-size:20px; font-style:normal;}
@font-face {
font-family: 'iconfont2';
src: url('//at.alicdn.com/t/font_otgd47wbxm5kx1or.eot');
src: url('//at.alicdn.com/t/font_otgd47wbxm5kx1or.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_otgd47wbxm5kx1or.woff') format('woff'),
url('//at.alicdn.com/t/font_otgd47wbxm5kx1or.ttf') format('truetype'),
url('//at.alicdn.com/t/font_otgd47wbxm5kx1or.svg#iconfont') format('svg');
}
.iconfont2{font-family:"iconfont2";font-size:20px;font-style:normal;}
/*灏忓鑸�*/
/* #header .swiper-slide{ padding: 0 .3rem; } */
#header{ position: fixed; top: 0; width: 100%;/* height: 80px; */ /* border-bottom: 1px solid #ddd; */ overflow: hidden; z-index: 10;}
#header .current{ color: #FF0000;}
.mui-slider-indicator .mui-indicator{ background: #FFF;}
.mui-slider-indicator .mui-active.mui-indicator{ background: #1F1F1F;}
/*鏇村鍟嗗搧寮瑰嚭鍒楄〃椤�*/
#header .nav-fix-btn{ border-bottom: 1px solid #ddd; position: absolute; top: 0; right: 0; z-index: 997; background:#fff url(../images/arrdown.png) no-repeat center; width: 10%; height: .8rem; }
.cate-all{ width: 100%; display: none; position: absolute; top: 0; right: 0; z-index: 999;}
.cate-all .cate-all-goods li{ float: left; padding: .1rem .3rem;}
.cate-all .cate-all-title{ background: #fff; height: .8rem; line-height: .8rem; background-color: #e9e9e9; padding: 0 0 0 .3rem;}
.cate-all .nav-fix-close{ background: url(../images/arrdown.png) no-repeat center; width: 10%; height: .8rem;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.cate-all .cate-all-goods{ width: 100%; background: #fff; overflow: hidden; padding: .1rem 0;}
.cate-all .cate-all-goods .current a{ color: #FF0000}
.mui-backdrop{ display: none;}
/*鍏ュ彛瀵艰埅*/
.nav{ width: 100%; margin: .2rem 0 0 0; overflow: hidden;}
.nav li{ float: left; width: 33.3%; text-align: center; margin-bottom: .2rem;}
.nav li p{ }
.nav li img{ width: 100%; height:100%; margin-bottom: .1rem; vertical-align: middle;}
.nav1{ width: 100%; margin: .2rem 0 0 0; overflow: hidden;}
.nav1 li{ float: left; width: 50%; text-align: center; margin-bottom: .2rem;}
.nav1 li p{ }
.nav1 li img{ width: 100%; margin-bottom: .1rem; vertical-align: middle;}
/*寮�鍥㈠垪琛�*/
.groups li{ margin-bottom: .4rem;}
.groups .groups-img img{ width: 100%; }
.groups .groups-title{ line-height: .48rem; font-size: .28rem; margin:.1rem .2rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;}
.groups .groups-detail{position: relative; width: 100%; height: .61rem; padding: 0 .2rem .01rem;}
.groups .groups-detail-left .price{ font-size: .5rem; color: #e02e24; margin-right: .06rem; font-weight: 700;}
.groups .groups-detail-left .des{font-size: .12rem; color: #9c9c9c; padding-top: .05rem;}
.groups .groups-detail-left{ margin-top: .15rem;}
.groups .avatar { width: .6rem; height: .6rem;}
.groups .group-local{ margin-right: .15rem;}
.groups .avatar img{ border-radius: 50%; border: 1px solid #e0e0e0;}
.groups .avatar:nth-child(2) { margin-right: -.15rem;}
.groups .group-btn{ width: 1.6rem; height: .6rem; line-height: .6rem; text-align: center; border-radius: 4px; font-size: .24rem; color: #fff; background-color: #e02e24; vertical-align: middle;}
.groups .group-btn a{ color: #fff;}
.mb-50{ height:.8rem;}
/*娲诲姩涓撻*/
.active{ padding-top: 10px; overflow: hidden; vertical-align: middle; width:100%;}
.active .goods-img{ width: 98%; margin: 0 auto;}
.active .goods-title{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #333; line-height: .5rem;margin-left:5px; margin-right:5px; text-align:center;}
.active .goods-price { font-size: 14px; color: #e02e24; width: 100%; text-align: center; margin-top: .1rem;}
.active .title { font-size: 12px; overflow: hidden; line-height: 35px; height:35px; background-color:#edecec;margin-bottom: 5px;}
.active .title a{font-size: 12px; color: #999;}
.message{ position: absolute; left: .15rem; z-index: 5; top: 1rem; box-shadow: rgba(0,0,0,.15) 0 0 10px 1px;border-radius: .08rem; padding-right: .1rem; background-color: red; color: #fff;}
.message-img { height: .64rem; width: .64rem; z-index: 5; box-sizing: border-box; border-top-left-radius: .08rem; border-bottom-left-radius: .08rem;}
.message-img img{ border-top-left-radius: .08rem; border-bottom-left-radius: .08rem; height: .64rem; }
.message-text{ color: #fff; line-height: .32rem; font-size: .12rem; line-height: .64rem; padding: 0 .15rem;}
.cate-all-goods a{ color: #333;}
.cate-produce li img{max-height: 3.75rem; max-width: 3.75rem;}
/* .advantage{ background: #f4f4f4;} */
.advantage img{ width: 100%; margin: .1rem 0;}
/*details*/
.g-price{padding: 0 .2rem .01rem; height: .5rem; line-height: .5rem; margin-top: .2rem;}
.g-price .money{ color: #FF0000; font-size: .48rem;}
.g-price .delmoney{ font-size: .24rem; color: #999; margin-top: .1rem; padding-left: .2rem;}
.g-price .num{ font-size: .24rem; color: #999; margin-top: .1rem;}
.g-desc{ margin-top: .2rem;}
.g-desc h2{line-height: .48rem; font-size: .32rem; margin:.1rem .2rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;}
.g-desc p{line-height: .48rem; font-size: .28rem; margin:.1rem .2rem;}
.g-desc p i{ font-size: .32rem; padding: .1rem;}
.g-mall-infor{ overflow: hidden; padding: .1rem .2rem;}
.g-mall-infor .g-mall-logo img{ width: .9rem; height: .9rem;}
.g-mall-infor .g-mall-name{ padding-left: .1rem;}
.g-mall-infor .g-mall-name span{ font-size: .3rem;}
.g-mall-infor .g-mall-name p{ font-size: .2rem; margin-top: .1rem;}
.g-mall-btn{ border: 1px solid #ddd; padding: .1rem .3rem; border-radius: .1rem; margin-top: .15rem;}
.g-mall-content{ padding:.1rem .2rem; }
.fix-mall-btn{ position: fixed;/* height: 60px; */ background: #ffffff; /* border-top: 1px solid #ddd; */z-index: 999; bottom: 0; width: 100%;}
/* .fix-buy-btn{ width: 30%; text-align: center; height: .8rem;}
.fix-buy-btn p{color: #fff; line-height: .4rem;}
.fix-buy-btn h2{ line-height: .8rem; font-size: .24rem; text-align: center; color: #fff; background: #007AFF;} */
/*鍟嗗搧灞炴��*/
.g-detail{ background: #fff; position: fixed; width: 100%; bottom: 0; z-index: 998; padding-top:.2rem ; display: none;}
.g-detail-top{ padding:.1rem .2rem; position: relative; overflow: hidden;}
.g-detail-close{ position: absolute; right: .1rem; top: .1rem;}
.g-top-img{ border: 1px solid #ddd; padding: .05rem; }
.g-top-img img{ width: 1.8rem; height: 1.8rem;}
.g-top-info{ width: 65%; padding-left: .2rem;}
.g-top-info h2{ font-size: 0.28rem; line-height: .4rem;}
.g-top-info .price{ color: #ee4040; font-size: .26rem; line-height: .3rem;}
.g-detail-size,.g-detail-color{padding: .1rem .2rem; }
.g-detail-size h2 ,.g-detail-color h2{ font-size: .3rem; line-height: .7rem;}
.g-detail-size ul , .g-detail-color ul{overflow: hidden;}
.g-detail-size li ,.g-detail-color li { float: left; padding: .05rem .4rem; border: 1px solid #ddd; border-radius: .1rem; margin:0 .25rem .15rem 0; font-size: .24rem;}
.g-detail-color .current{ border: 1px solid #FF0000;}
.g-detail-size .current{ border: 1px solid #FF0000;}
.g-detail-num{padding: .1rem .2rem; overflow: hidden;}
.g-detail-num h2{ font-size: .3rem; line-height: .7rem;}
.g-detail-num .decrease,.g-detail-num .increase{font-size: .4rem; text-align: center; width: .5rem;height: .5rem; line-height: .5rem;}
.g-detail-num .text_box{font-size: .36rem; text-align: center; width: 1.5rem; height: .6rem; line-height:.6rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0; color: #000; -webkit-appearance: none!important;}
.g-detail-btn { background: #ddd; width: 100%; padding: .2rem 0;}
.g-detail-btn button{ display: block; border: 0; width: 50%; margin: 0 auto; padding: .1rem .5rem; text-align: center; background: #FF0000; color: #fff;}
/*鎼滅储鍒楄〃椤甸潰*/
.search{ padding: .1rem .1rem;}
.mui-row.mui-fullscreen>[class*="mui-col-"] {height: 100%; background: #fff;}
.search-menu .mui-col-xs-3,.mui-col-xs-9 {overflow-y: auto;height: 100%;}
.search-menu .mui-segmented-control .mui-control-item {line-height: 50px;width: 100%;}
.search-menu .mui-control-content { display: block;}
.search-menu .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {background-color: #fff;}
.search-menu .mui-table-view-cell:after{ display: none;}
.search-menu .mui-table-view-cell{ width: 33.33%; display: inline-block;}
.search-menu .mui-table-view-cell p{ text-align: center;}
.mui-fullscreen{ top: 1rem;}
.search-menu h2{ overflow: hidden; font-size: .24rem; line-height: .9rem; padding: 0 .2rem;}
.mui-bar-tab .mui-tab-item{ color: #a0a0a0; line-height:24px;}
.mui-bar-tab .mui-tab-item.mui-active{ color: #2f73fd;}
.fix-mall-index{ width: 40%;}
.fix-mall-index1{ width: 70%;}
.fix-mall-index a{ float: left; width: 50%; text-align: center; color: #909090; height: .9rem; padding-top: .1rem;}
.fix-mall-index i ,.fix-mall-index p{ line-height: .25rem;}
.fix-mall-index a:nth-child(2) { border-left: 1px solid #ddd;}
.newtitle{ text-align: center; padding:.3rem 0; background: #fff;}
.newtitle h2{ color: red; font-size: .32rem;}
.like{ background: #fff; border-bottom: 1px solid #eee; margin-bottom: 1rem; }
.like li{ list-style: none;}
.like .mui-navigate-right:after{ display: none;}
.like .like-text{line-height: .4rem; font-size: .28rem; margin:.1rem 0; color:#353535 ;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;}
.like-price span{ color: #ff5943; font-size: .32rem; line-height: .6rem;}
.like-price em{ font-size: .24rem; color: #898888; font-style: normal; margin-left: .1rem; line-height: .6rem;}
.like-price button{ background: #ff5943; font-size: .24rem; color: #fff; border: 0; width: 1.1rem;}
.like .mui-table-view-cell{ padding: .25rem; box-shadow: 2px 2px 2px #eee;}
.na-header-container {
min-height: 1.08rem;
background-color: #f8f8f8;
margin-top: .1rem;
}
.na-header-entrance {
width: 50%;
display: inline-block;
background-color: #fff;
}
.na-on-left {
float: left;
}
.na-entrance-wrapper {
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-flex-direction: column;
}
.na-entrance-wrapper .na-entrance-name {
margin: .2rem 0 .03rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
height: .16rem;
}
.na-entrance-wrapper .na-entrance-tip {
margin-bottom: .08rem;
font-size: .11rem;
color: #9c9c9c;
}
.na-entrance-wrapper .na-entrance-icons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
-webkit-flex-direction: row-reverse;
}
.na-entrance-wrapper .na-entrance-avatars {
padding-right: .06rem;
}
.na-entrance-wrapper .na-entrance-icons .na-icon-avatar {
width: .54rem;
height: auto;
display: inline-block;
margin-right: -.04rem;
}
.na-entrance-wrapper .na-entrance-name img {
width: .32rem;
height: auto;
}
.na-entrance-wrapper .na-entrance-icons .na-icon-goods {
width: .5rem;
height: .5rem;
position: relative;
margin-right: .03rem;
}
.na-entrance-name span{font-size: .32rem;}
.na-icon-avatar img{ border-radius: 50%;}
.newtitle i{ font-size: .26rem; margin-left: .15rem; margin-right: .05rem;}
.list-product li{ background: #fff; overflow: hidden; margin-bottom: .1rem; padding: .1rem .2rem;}
.list-product .list-pro-img{ width: 2.1rem; height: 2.1rem;}
.list-product .list-pro-text{ width: 70%; padding-left: .15rem; }
.list-product{ margin-top: .1rem;}
.list-product .list-pro-text h2{ font-size: .3rem; color: #353535; display: -webkit-box; line-height: .4rem; margin-top: .05rem;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;}
.list-pro-price .num{font-size: .26rem; border: 1px solid #ff5943; color: #ff5943; border-radius: .1rem; width: 1.5rem; text-align: center; margin-top: .25rem;}
.list-pro-price .price{ color: #ff5943; margin-top: .1rem; font-size: .3rem;}
.list-pro-price .price del{ color: #666; font-size: .24rem; margin-left: .15rem;}
.shou{ margin-top: .25rem; font-size: .24rem; text-align: right;}
.tuan{width: 1.3rem; border-radius: .1rem; margin-top: .1rem; display: block; background: #ff5943; color: #fff; text-align: center; font-size: .24rem;}
/*涓汉涓績*/
.member{ height: 2.7rem; background: url(../images/bg.png) no-repeat; background-size:cover; padding: .1rem .2rem; position: relative; width: 100%;}
.member-pic img{ border-radius: 50%; border: 1px solid #fff; width: 1.28rem; height: 1.28rem; margin: .65rem 0 0 .2rem;}
.member-pic{ float: left;}
.member-infor{ float: left; color: #fff; margin: 1rem 0 0 .2rem; font-size: .32rem;}
.memtit{ background: #fff; padding: .1rem .2rem; font-size: .32rem; line-height: .6rem; border-bottom: 1px solid #ddd;}
.memtit a{ float: right; font-size: .24rem; line-height: .6rem;}
.member-list{ overflow: hidden; padding: .2rem; background: #fff;}
.member-list li{ float: left; width: 20%; text-align: center;}
.member-list li a{ color: #666;}
.mem-menu{ overflow: hidden; padding: .2rem .2rem; margin: .1rem 0; background: #fff;}
.mem-menu li{ width: 25%; text-align: center; float: left;}
.mem-menu li i{ font-size: .5rem;}
.mem-menu li:nth-child(1) i{ color: #2AC845;}
.mem-menu li:nth-child(2) i{ color: #fc6506;}
.mem-menu li:nth-child(3) i{ color: #fd5046;}
.mem-menu li:nth-child(4) i{ color: #ffc940;}
.m-item{ margin-top: .1rem; background: #fff; overflow: hidden; padding: .1rem .2rem; }
.m-item li{ line-height: .9rem; border-bottom: 1px solid #ddd; overflow: hidden;}
.m-item li:last-child{ border-bottom: 0;}
.m-item li i{ float: left; display: block;}
.m-item li span{ display: block; float: left; margin-left: .1rem; font-size: .32rem;}
.m-item li a{color: #333; display: block; line-height: .9rem; overflow: hidden;}
.m-item li i:nth-child(1){ color: #222;}
.g-price em{ font-style: normal;}
.g-des-text { margin-left: .1rem;}
.g-desc p{line-height: .36rem; font-size: .28rem; padding:0rem .2rem .15rem 0rem; background: #fff; border-bottom: 1px solid #f3f2f2;}
.g-desc p i{ font-size: .32rem; padding: .1rem;}
.nearby-group{ background: #fff; margin-top: .2rem; }
.nearbg-title{background: #999; line-height: .48rem; color: #fff; font-size: .32rem; padding: .2rem ; font-size: .28rem; border-bottom: 1px solid #eee; }
.nearbg-title span{background: #ff5943; padding:.1rem .2rem; border-radius: 0 .5rem .5rem 0;}
.nearby-group-detail{ position: relative; overflow: hidden; padding: .2rem 0; border-bottom: 1px solid #eee;}
.nearby-group-detail .nearbg-img{ position: absolute; width: 15%; padding-left: .2rem;}
.nearby-group-detail .nearbg-img img{ border-radius: 50%; width: .9rem; height: .9rem; border: 2px solid #ff5943;}
.nearby-group-detail .nearbg-btn{width: 65%; float: left; display: inline-block; padding: 0 .2rem 0 .3rem; font-size: .24rem; margin: .1rem 0 0 .94rem; height: .8rem; position: relative; }
.nearby-group-detail .nearbg-canquan{background-color: #ff5943;text-align: center; font-size: .24rem; height: .6rem; width: 20%; float: left; margin-top: .2rem; display: inline-block; border-radius: .5rem; }
.nearby-group-detail .nearbg-canquan span { display: inline-block; line-height: .6rem; color: #fff;}
.nearby-group-detail .qucan-tuan-arrow{ position: relative; display: inline-block; width: 10px; height: 10px; background:url(../images/qucantuan_arrow.png) no-repeat; background-size: contain;}
.nearby-group-detail .nearbg-infor{ overflow: hidden; line-height: .4rem;}
.nearby-group-detail .owner h2{ font-size: .32rem;}
.nearby-group-detail .owner p{ margin-top: .01rem;}
/*鍓╀綑鍙傚洟浜烘暟*/
.join-group-num{ background: #fff; margin: .2rem 0; padding-bottom: .2rem; }
.g-detail-users { overflow: hidden; padding: .15rem .1rem .05rem;text-align: center; background: #fff;}
.g-detail-user{ display: inline-block; vertical-align: middle; position: relative; width: 1rem; height: 1rem; border-radius: 50%; margin-right: .12rem; border: 1px solid #e5e5e5;}
/* .g-detail-user.left-user { background: url(../images/user.png); background-size: 100% 100%;border: 1px dashed #bcbcbc; color: #333;}
.g-detail-user:first-child { border: 1px solid #ff5943; background: url(../images/t2.jpg);background-size: 100% 100%; }
.g-detail-user:nth-child(2) { border: 1px solid #ff5943; background: url(../images/t2.jpg);background-size: 100% 100%; }
.g-detail-user:nth-child(3) { border: 1px solid #ff5943; background: url(../images/t2.jpg);background-size: 100% 100%; } */
.g-detail-user .leader { color: #fff; text-align: center; line-height: .55rem; position: absolute; right: -.06rem; top: -.06rem;width:.55rem;height: .55rem;font-size: 12px;text-align: center;background: #ff5943;border-radius: 50%;}
.usertitle{ background: #fff; margin-top: .2rem; color: #ff5943; text-align: center; font-size: .32rem; padding: .5rem 0 .2rem 0;}
.g-detail-user-wrapper .fnTimeCountDown strong{ font-weight: normal;}
.g-detail-user-wrapper .fnTimeCountDown{ text-align: center; padding: .4rem 0; color: #767676;}
.g-detail-user-wrapper .fnTimeCountDown .hour ,.g-detail-user-wrapper .fnTimeCountDown .mini{background-image: -moz-linear-gradient(top, #092a49, #010718); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #092a49), color-stop(1, #010718));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#092a49', endColorstr='#010718',); color: #fff; padding: .06rem .05rem; border-radius: .05rem; color: #fff;}
.g-detail-user-wrapper .fnTimeCountDown .sec{background-image: -moz-linear-gradient(top, #fb4444, #e72929);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fb4444), color-stop(1, #e72929));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb4444', endColorstr='#e72929',); color: #fff; padding: .06rem .05rem; border-radius: .05rem; color: #fff;}
.join-group button{ width: 60%; display: block; border: 0; margin: 0 auto; text-align: center; color: #fff; background: #ff5943; font-size: .28rem; line-height: .6rem; border-radius: .1rem;}
.g-instructions{ margin: 0 0 .2rem 0; overflow: hidden; position: relative; background: #fff; padding-bottom: .2rem;}
.g-instructions ul{ margin: 0 .2rem;}
.g-instructions ul li{ float: left; width: 33.33%; float: left; color: #767676; font-size: .24rem;}
.quit{ position: absolute; top: .2rem; right: .2rem; width: .5rem; height: .5rem; background-size: cover;}
.server{ position: fixed; bottom: 0; z-index:1000; width: 100%; background: #fff; padding-bottom: .4rem; display: none;}
.server h2{ border-bottom: 1px solid #eee; text-align: center; font-size: .38rem; line-height: 1rem; overflow: hidden; margin-bottom: .1rem;}
.server .server-text-item{ overflow: hidden; padding: .2rem; font-size: .32rem;}
.server .server-text-item i{ padding-right: .2rem; font-size: .48rem; display: block; margin-top: .1rem; color: #ff5943;}
.server .g-detail-close{ top: .3rem;}
.server .g-detail-close img{ width: 60%;}
.server span{ font-size: .32rem; line-height: .48rem;}
.server p{ font-size: .24rem; line-height: .32rem;}
.liketitle {
background: #fff;
color: #353535;
line-height: 1rem;
font-size: .32rem;
padding-left: .2rem;
}
.g-description{ overflow: hidden; background: #fff;}
.g-des-text1{ overflow: hidden; padding:.2rem; border-bottom:1px solid #f3f2f2; }
.g-des-text-fl{ margin-top: .1rem;}
.g-des-text-fl .ture{ color: #ff5943; padding-right:.05rem; float: left; line-height: .3rem; font-size: .3rem;}
.g-des-text-fl span{ float: left; color: #767676; line-height: .24rem; padding-right: .4rem; font-size: .24rem; }
.g-des-text-fl .quan{ color: #ff5943; float: left; font-size:.42rem; margin-left: -.05rem; line-height: .3rem;}
.address{ background: #fff; color: #353535;}
.address li{ border-bottom: 1px solid #eee; padding:0 .2rem; line-height: .8rem; overflow: hidden;}
.address li h2{ font-size: .28rem; line-height: .8rem; margin-left: .1rem;}
.address .en {
font-size: .26rem;
color: #767676;
margin-top: .05rem;
}
.order-detail{ margin-top: .1rem;}
.order-detail .name{ background: #fff; background: #fff; padding: .2rem; font-size: .32rem;}
.order-detail .list-pro-price p{ font-size: .24rem;}
.order-detail .list-pro-price span{ font-size: .28rem; margin-top: .1rem; display: block;}
.order-detail .list-product li{ background: #f4f4f4;}
.order-detail .list-product .list-pro-price p{ line-height: .35rem;}
.order-detail .num{ padding: .1rem .2rem; background: #fff; overflow: hidden; }
.order-detail .num .mui-numbox{ border: 0;}
.order-detail .num span{line-height: .7rem; display: block;}
.pay{ padding: .2rem; background: #fff; margin-top: .1rem; overflow: hidden;}
.pay .weixin{ font-size: .32rem; float: left; }
.pay .weixin em{ border: 1px solid red; float: left; margin-left: .1rem; font-size: .2rem; margin-top: .02rem; border-radius:.1rem ; padding: 0rem .08rem; font-style: normal; color: red;}
.pay .weixin span{ float: left; margin-top: .02rem;}
.pay .iconfont:nth-child(1){ margin-right: .1rem; color: #2AC845; font-size: .36rem; margin-top: .04rem;}
.pay .iconfont{ color: red; font-size: .4rem; margin-top: .05rem;}
.paymoney{ position: fixed; bottom: 0; width: 100%; background: #fff; line-height: .9rem; height: .9rem; }
.paymoney .money{width: 60%; float: left; text-align: right; padding-right: .15rem; font-size: .28rem;}
.paymoney .pay-btn{ width: 40%; float: left; background: #ff5943; color: #fff; text-align: center; font-size: .3rem; height: .9rem; }
.paymoney .money span{ font-size:.42rem ; color: #ff5943; margin-left: .05rem;}
.paymoney .money span i{ font-size: .28rem; margin-left: .05rem;}
.addressbox{ width: 90%; border: 1px solid #ddd; border-radius: .1rem; left: 5%; top: 10%; position: fixed; background: #fff; z-index: 9999; display: none;}
.addressbox .close{ position: absolute; top: -.2rem; right: -.2rem; width: .5rem; height: .5rem;}
.addressbox .close img{ width: .5rem;}
.addressbox h2{ font-size: .32rem; text-align: center; border-bottom: 1px solid #ddd; line-height: 1rem; text-align: center;}
.address-infor li{ overflow: hidden; padding: 0; line-height: .4rem;}
.address-infor li .name{ width: 50%; float: left; border: 0; margin-bottom: 0; color: #666; padding-left: .15rem; font-size: .24rem; height: .8rem; line-height: .8rem;}
.address-infor li .tele{ width: 50%; float: left; border: 0; margin-bottom: 0; color: #666; padding-left: .15rem; font-size: .24rem; height: .8rem; line-height: .8rem; border-left: 1px solid #ddd;}
.address-infor li select{ margin: 0; width: 33.33%; float: left; font-size: .24rem; padding: 0; color: #666; line-height: .8rem; height: .8rem; padding-left: .15rem;}
.address-infor .jiedao{border: 0; margin-bottom: 0; color: #666; padding-left: .15rem; font-size: .24rem; height: .8rem; line-height: .8rem;}
.addressbox .save{ background: #ff5943; border: 0; color: #fff; width: 90%; margin: .15rem auto; display: block; color: #fff; font-size: .24rem; height: .8rem;}
.add-address input{ border: 0; color: #666; width: 100%; line-height: .8rem; line-height: .8rem; font-size: .32rem; padding: .1rem .2rem;}
.add-address select{ border: 0; margin: 0; color: #666; padding: 0; line-height: .8rem; padding: .1rem .2rem; }
.add-address li{ border-bottom: 1px solid #ddd;}
.line{ border-bottom: 1px solid #ddd;}
.add-address{ margin-top: .4rem;}
.baocun{ width: 90%; margin: 0 auto; line-height: .6rem; background: #ff5943; border: 0; font-size: .24rem; display: block; color: #fff; margin-top: .2rem;}
.qx{ width: 90%; margin: 0 auto; line-height: .6rem; background: #ddd; border: 0; font-size: .24rem; display: block; color: #fff; margin-top: .2rem;}
.small{ background: #fff;}
.small .g-mall-infor{ margin-top: 0; border: 0;}
.coupon .lq-btn{ background: #ff5943; position: relative;}
.coupon .gq-btn{background: #d3d3d3; position: relative;}
.coupon .qg-btn{background: #bbb; position: relative;}
.coupon-item { color: #fff; border-radius:.2rem; text-align: left; overflow: hidden; padding: .1rem 0; }
.coupon button{ position: absolute; top: .5rem; right: .2rem; background:transparent; border: 1px solid #fff; color: #fff;}
.coupon-item h2{ font-size: .75rem;}
.coupon-item h2 i{ font-size: .36rem;}
.coupon-item p{ color: #fff; line-height: .4rem;}
.coupon .mui-segmented-control.mui-scroll-wrapper .mui-control-item{ padding: 0;}
.coupon .mui-segmented-control.mui-scroll-wrapper{ padding-top: .2rem; height: 2.2rem; background: #fff;}
.coupon .mui-segmented-control.mui-scroll-wrapper .coupon-list{ padding:0 2rem 0 .2rem; border-radius: .1rem; margin-right: .1rem;}
.coupon .mui-scroll{ padding:0 .2rem;}
.icon-leimupinleifenleileibie:before { content: "\e7f9"; }
.icon-weibiaoti105:before { content: "\e609"; }
.icon-shouye:before { content: "\e60c"; }
.icon-gouwuche:before { content: "\e615"; }
.icon-wode:before { content: "\e60f"; }
input[type="radio"]{-webkit-appearance:none;outline: none;}
input.radio{background:url(../images/icon_radio3.png) no-repeat center left;background-size:25px 25px;width:25px;height:25px;}
input.radio:checked{background:url(../images/icon_radio4.png) no-repeat center left;background-size:25px 25px;width:25px;height:25px;}
input.radio_xuanze{background:url(../images/xuanze0.png) no-repeat center left;background-size:62px 22px;width:62px;height:22px;}
input.radio_xuanze:checked{background:url(../images/xuanze1.png) no-repeat center left;background-size:62px 22px;width:62px;height:22px;}
input[type="checkbox"]{-webkit-appearance:none;outline: none;}
input.check{background:url(../images/icon_radio3.png) no-repeat center left;background-size:20px 20px;width:20px;height:20px;}
input.check:checked{background:url(../images/icon_radio4.png) no-repeat center left;background-size:20px 20px;width:20px;height:20px;}
input.goodsCheck:checked{background:url(../images/icon_radio4.png) no-repeat center left;background-size:20px 20px;}
.checked{background:url(../images/icon_radio4.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-18px;width:20px;height:35px;}
.shop-name a{ color: #666;}
.member-top {text-align: center;width: 100%; height:160px; position: relative;z-index: 1;}
.member-top_app {background: url(../images/usercenter_head_bg1.jpg) no-repeat center;background-size:100% 99.9%; text-align: center;width: 100%; height:160px; position: relative;z-index: 1;}
.member-info {width: 300px;height: 150px;margin: -50px 0 0 -150px;position: absolute;z-index: 1;top: 50%;left: 50%;/* animation: memberInfoDown 1000ms ease-in;-webkit-animation: memberInfoDown 1000ms ease-in; */}
.member-info .user-avatar {background-color: #FFF;width: 100px;height: 100px;margin: 0 auto;border-radius: 100%;}
.member-info .user-avatar img {width: 100%;height: 100%;border-radius: 100%;}
/* .member-info .user-name {color: #FFF;} */
.member-info .user-name span {font-weight: bold;font-size: 20px;line-height:35px;height:35px;position: relative;z-index: 1;}
.member-info .user-name sup {font-size: 10px;line-height: 15px;background-color: #F15353;display: block;height: 15px;padding: 0 2px;margin-left: 10px; border-radius: 3px;position: absolute;z-index: 1;top: 5px;right: -90px; width:80px; overflow:hidden;box-shadow: 1px 1px 1px rgba(0,0,0,0.15);font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, "Microsoft YaHei", Heiti, SimSun, sans-serif;}
.member-collect {font-size: 0;height: 75px;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000', endColorstr='#19000000');background: rgba(0,0,0,0.1);position: absolute;bottom: 0;left: 0;right: 0;}
.member-collect span {display: inline-block;width:50%;height: 75px;padding:10px 0px;float:left;}
.member-collect span em i{ font-size:20px; }
.member-collect span em {font-weight: bold;font-style:normal; font-size: 24px;color: #FFF;line-height:30px;text-align: center;display: inline-block;min-width: 100px; height:30px;margin: 0 auto;}
.member-collect span p {font-size: 14px;height:25px;line-height:25px;color: #FFF;}
@-webkit-keyframes changeBg{0%{background-color:#F15353;}10%{background-color:#FB6E52;}20%{background-color:#FFCE55;}30%{background-color:#A0D468;}
40%{background-color:#48CFAE;}50%{background-color:#4FC0E8;}60%{background-color:#5D9CEC;}70%{background-color:#AC92ED;}80%{background-color:#EC87BF;}
90%{background-color:#F15353;}}
@-moz-keyframes changeBg{0%{background-color:#F15353;}10%{background-color:#FB6E52;}20%{background-color:#FFCE55;}30%{background-color:#A0D468;}40%{background-color:#48CFAE;}50%{background-color:#4FC0E8;}60%{background-color:#5D9CEC;}70%{background-color:#AC92ED;}80%{background-color:#EC87BF;}
90%{background-color:#F15353;}}
@keyframes changeBg{0%{background-color:#F15353;}10%{background-color:#FB6E52;}20%{background-color:#FFCE55;}30%{background-color:#A0D468;}40%{background-color:#48CFAE;}50%{background-color:#4FC0E8;}60%{background-color:#5D9CEC;}70%{background-color:#AC92ED;}80%{background-color:#EC87BF;}
90%{background-color:#F15353;}}
@keyframes memberInfoDown{0% { top: -50%;}30% { top: -10%}75% { top: 55%}85% { top: 47%}95% { top: 52%}100% { top: 50%;}}
@-webkit-keyframes memberInfoDown{0% { top: -50%;}30% { top: -10%}75% { top: 55%}85% { top: 47%}95% { top: 52%}100% { top: 50%;}}
/*.member-top {background-image: url(../images/member_top_bg.png);background-position:center center;background-size: cover;text-align: center;width: 100%; height: 275px;position: relative;z-index: 1;}
鐢ㄦ埛涓績棣栭〉-鎴戠殑璁㈠崟妯″潡*/
.user-order-box{ width:100%; /* background:#fff; */ overflow:hidden;position:relative;}
.user-order-box dl{ width:100%; font-size:20px;color:#383838; line-height:40px; position:relative;width:100%;height:40px;}
.user-order-box dl dt a{ color:#ffffff; font-size:20px;}
.user-order-box dl dt{ width:100%;}
.user-order-box dl dt strong{display: block;float: left;font-size:20px;color: #ffffff;font-weight: normal;margin-left: 3%;}
.user-order-box dl dt span{ display:block;float: right;background: url(../images/user/user_right.png) no-repeat right center;background-size: auto 18px;padding-right: 15px;font-size: 14px;color: #999;margin-right: 10px;}
.user-order-box ul{ width:100%; height:55px; padding:10px 0;}
.user-order-box ul li{ width:25%; float:left;}
.user-order-box ul li .user_order{width: 35px;margin: auto;position: relative;}
.user-order-box ul li .user_order i{position: relative;display: block;width: 35px;height: 35px; line-height:35px;margin: auto;color:#999; font-size:1.8em; text-align:center;}
.user-order-box ul li .user_order em{display: block;min-width:15px;height: 15px;position: absolute;font-size:0.5rem;line-height: 15px;text-align: center;border-radius: 50%; top:2px;right:-2px;color: #fff;vertical-align:middle;}
.user-order-box ul li span {display: block;height:18px;margin: auto;line-height:18px;color: #ffffff;font-size:16px;text-align: center;}
/*鐢ㄦ埛涓績棣栭〉鑿滃崟鍒楄〃鏍峰紡*/
.uset-center-content {width: 100%; margin-top:10px;/* background: #FFF; */overflow: hidden; position:relative;}
.uset-center-content a{ display:block;zoom: 1 ; /* border-bottom: 1px solid #efefef; */margin-bottom:3px;background: url(../images/usercenter_li_bg.png) no-repeat center;background-size:100% 99.9%;width:100%;height:50px;}
.uset-center-content a:after{clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden}
.uset-center-content em {display: block;float: left;width: 13%;height: 50px;}
.uset-center-content a dl {width: 98%;overflow: hidden;line-height: 50px;float: left; position:relative;margin-left:15px;}
.uset-center-content a:last-child dl:after{ content:none;}
.uset-center-content a dl dt {float: left;font-size:16px;color: #6c5124;}
.uset-center-content a dl dd {float: right;background: url(../images/user_right.png) no-repeat right center;background-size: auto 18px;padding-right: 15px;font-size: 14px;color: #fff;margin-right: 10px; height:50px;}
.goods-collection-icon{ background:url(../images/btn_goods_collection.png) no-repeat center center;background-size: auto 25px;}
.consignee-address-icon{ background:url(../images/btn_consignee_address.png) no-repeat center center;background-size: auto 25px;}
.review-icon{ background:url(../images/btn_review.png) no-repeat center center;background-size: auto 25px;}
.groupon-icon{ background:url(../images/btn_groupon.png) no-repeat center center;background-size: auto 25px;}
.bargain-icon{ background:url(../images/btn_bargain.png) no-repeat center center;background-size: auto 25px;}
.user-info-icon{ background:url(../images/btn_user_info.png) no-repeat center center;background-size: auto 25px;}
.sign-off-icon{background: url(../images/btn_sign_off.png) no-repeat center center;background-size: auto 25px;}
.recharge-card-icon{background: url(../images/btn_recharge_card.png) no-repeat center center;background-size: auto 25px;}
.exchange-icon{background: url(../images/btn_exchange.png) no-repeat center center;background-size: auto 25px;}
.btn-distribution-icon{background: url(../images/btn_distribution.png) no-repeat center center;background-size: auto 25px;}
.btn-recommend-icon{background: url(../images/btn_recommend.png) no-repeat center center;background-size: auto 25px;}
.btn-popularize-icon{background: url(../images/btn_popularize.png) no-repeat center center;background-size: auto 25px;}
.btn-recommend-shop-icon{background: url(../images/recommend_shop_icon.png) no-repeat center center;background-size: auto 20px;}
.btn-shop-apply-icon{background: url(../images/shop_apply_icon.png) no-repeat center center;background-size: auto 20px;}
/*鐢ㄦ埛涓績-鎴戠殑璁㈠崟椤甸潰*/
.order-search {width:95%;height: 1.5rem; margin:0.3rem auto; background:#fff;border-radius: 0.2rem; box-sizing:border-box; text-align:center; position:relative;}
.order-search input[type="text"] {height: .8rem; margin-top:0.25rem;border: none;font-size: 0.6rem;line-height: 1rem;box-sizing: border-box; color:#666; text-align:center; width:100%;}
.order-search input+.num-clear{ right:55px; top:0.275rem;}
.order-search .search-btn {width: 1rem;height: 1rem;margin-top:0.25rem;background-color: transparent;background-image: url(../images/index/search.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;opacity: 0.7;border: none;vertical-align: top; position:absolute; top:0; right:10px;}
.order-list-top{ width:100%; height:45px; background:#FFF;border-bottom:1px solid #EEE;}
.order-list-top li{ width:20%; float:left; height:45px; text-align:center;}
.order-together-group .order-list-top li{ width:25%;}
.order-list-top li a{ display:inline-block; margin:auto;text-align:center; font-size:0.6rem; line-height:43px; color:#222}
.order-list-top li a.on{border-bottom:2px solid;}
.order-center-content{ width:100%; overflow:hidden; margin-top:0.4rem;}
.order-list{ width:100%; overflow:hidden; background:#FFF; margin-bottom:0.4rem; position:relative}
.order-list:last-child{ margin-bottom:0px;}
.order-list h2{height:2rem; padding:0 2.5%; background:#fafafa;display: -webkit-box !important;display: box !important;
position: relative;}
.order-list h2>a{ display:block;}
.order-list h2 .shop-icon{ float:left; height:2rem;display: inline-block;margin-right: 6px;vertical-align: middle;background: url(../images/flow/icon_shop.png) center center;width: 18px;background-size: 18px;background-repeat: no-repeat;}
.order-list h2 span{max-width: 140px; line-height:2rem;font-size: 15px;color: #222;font-weight: normal;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.order-list h2.together-group-title span{ max-width:220px;}
.order-list h2 strong{position: relative;-webkit-box-flex: 1;box-flex: 1; display:block;text-align: right;font-size:15px;line-height:2rem; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.header { position:relative;width: 100%; height:50px; background:#fafafa; zoom: 1 ; border-bottom:1px solid #eee;}
.header:after{ clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden }
.header-left a, #show_more { background: url(../images/top.png) no-repeat; background-size: auto 230px; }
.header-left { float: left; width:15%; height:50px; }
.header-left a { display: block; width: 30px; height:50px; vertical-align: middle; background: url(../images/top.png) no-repeat; background-size: auto 230px; background-position: 12px 12px; }
.header-middle{width:70%; text-align:center; color:#fff; height:50px; float: left;color: #222; font-size: 0.28rem; line-height:30px; position: relative;}
.header-middle h6 { color: #222; font-size:0.8rem; font-family: "寰蒋闆呴粦", "瀹嬩綋", Arial, Helvetica, sans-serif; font-weight: normal; }
.header-right { float: right; width:15%;height:50px; line-height:50px; }
.header-right a.text {display: inline-block; float:right;white-space: nowrap;line-height: 50px;font-size: 0.65rem;color: #666;padding-right: 13px; background:none;}
.show-menu-btn { float: right; display: block; width:40px; height:50px; }
#show_more { width: 30px; height:50px;background-position:0px -25px; }
.order-search{ height: 1rem;}
.order-search input[type="text"] {height: .8rem; margin-top:0.25rem;border: none;font-size: 0.24rem;line-height: .8rem;box-sizing: border-box; color:#666; text-align:center; width:100%;}
.order-search input+.num-clear{ right:55px; top:0.275rem;}
.order-search .search-btn {width: 1rem;height: 1rem;margin-top:0.25rem;background-color: transparent;background-image: url(../images/index/search.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;opacity: 0.7;border: none;vertical-align: top; position:absolute; top:0; right:10px;}
.order-list-top{ width:100%; height:45px; background:#FFF;border-bottom:1px solid #EEE;}
.order-list-top li{ width:20%; float:left; height:45px; text-align:center;}
.order-together-group .order-list-top li{ width:25%;}
.order-list-top li a{ display:inline-block; margin:auto;text-align:center; font-size:0.24rem; line-height:43px; color:#222}
.order-list-top li a.on{border-bottom:2px solid;}
.order-center-content{ width:100%; overflow:hidden; margin-top:0.4rem;}
.order-list{ width:100%; overflow:hidden; background:#FFF; margin-bottom:0.4rem; position:relative}
.order-list:last-child{ margin-bottom:0px;}
.order-list h2{height:2rem; padding:0 2.5%; background:#fafafa;display: -webkit-box !important;display: box !important;
position: relative;}
.order-list h2>a{ display:block;}
.order-list h2 .shop-icon{ float:left; height:2rem;display: inline-block;margin-right: 6px;vertical-align: middle;background: url(../images/flow/icon_shop.png) center center;width: 18px;background-size: 18px;background-repeat: no-repeat;}
.order-list h2 span{max-width: 140px; line-height:2rem;font-size: 15px;color: #222;font-weight: normal;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.order-list h2.together-group-title span{ max-width:220px;}
.order-list h2 strong{position: relative;-webkit-box-flex: 1;box-flex: 1; display:block;text-align: right;font-size:15px;line-height:2rem; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.no-data-div{ width:90%; margin:0rem auto 0; text-align:center;}
.no-data-div .no-data-icon { height: 5rem;width: 5rem;line-height: 12rem;text-align: center;display: block;background: #DFE0E8;border-radius: 100%;margin: 0 auto;}
.no-data-div .no-data-img { margin: 0 auto; }
.no-data-div .no-data-img.small-img img { height:4rem; }
.no-data-div .no-data-icon i { display: block; color: #fff; line-height:5rem; font-size:3rem; }
.no-data-div dl { height: 1.75rem; margin: 0.15rem auto; text-align:center; }
.no-data-div dl dt { display: block; height: .5rem;font-size: 0.28rem; line-height: .5rem; color: #777; }
.no-data-div dl dd { display: block; margin-bottom: 0.15rem; font-size: 0.24rem; color: #999; }
.no-data-div .no-data-btn { background: #f23030; display:block !important; width:4rem; height: .8rem;margin: 0 auto; font-size: 0.24rem; color: #fff !important; line-height: .8rem; text-align: center;border-radius: 0.15rem; }
.no-data-div .no-data-img img {
height: 2.5rem;
}
#fx{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
.fx_bj{ width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: .8; fiter:alpha(opacity=80);}
.fx_con{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.fx_con #close{ float: left; margin: 40px 0 0 34px;}
.fx_con .fx_img{ float: right; margin: 25px 25px 0 0;}
.fx_con p{clear: both;font-size: 30px;line-height: 56px;padding-top: 25px;color:#ffffff}
.sfy-bar-txt{
border: 0.1rem solid #fff;
border-radius: 0.2rem;
box-shadow: rgba(0,0,0,0.3) 0px 0px 0.1rem;
height: 1.2rem;
line-height: 1.2rem;
position: relative;
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fafafa), to(#fff));
}
.sfy-bar-txt:after{
content: '';
position: absolute;
height: 1rem;
width: 0.5rem;
top: 0.9rem;
left: 0.5rem;
background: url(../image/icon-bar-tip.png) no-repeat;
background-size: 0.3rem;
}
.sfy-bar-txt:before{
content: '';
position: absolute;
height: 1rem;
width: 0.5rem;
top: 0.9rem;
right: 0.5rem;
background: url(../image/icon-bar-tip.png) no-repeat;
background-size: 0.3rem;
}
.sfy-bar-txt b{line-height: 1rem;display: block;font-size: 0.36rem;}
.table-striped tr{ box-shadow: rgba(0,0,0,0.1) 0rem 0rem 0.3rem inset;
}
.table-striped { border-radius: 0.2rem; overflow: hidden; margin: 0.5rem 0.3rem;}
.table-striped tr span{margin: 0.3rem 0.2rem;padding-left: 0.3rem;display: color: #434343;inline-block;border-left: 1px solid #000;}
.glj-index .swiper-pagination{bottom: 0px;}
.glj-index .swiper-pagination-bullet{ background: #fff; border:1px solid #000; opacity: 1;}
.glj-index .swiper-pagination-bullet-active{ background-color: #000;}
strong,b{ font-weight: normal;}
.marT10{ margin-top: 10px;}
.marT20{ margin-top: 20px;}
.marT30{ margin-top: 30px;}
.marB10{ margin-bottom: 10px;}
.marB20{ margin-bottom: 20px;}
.marB30{ margin-bottom: 30px;}
.pad10{ padding:10px 0 ;}
.padT30{ padding-top:30px;}
.padT10{ padding-top:10px;}
.padL20{ padding-left: 20px;}
.font18{ font-size: 18px;}
.font16{ font-size: 16px;}
.font14{ font-size: 14px;}
.font12{ font-size: 12px;}
.center{ text-align: center;}
.text-right{ text-align: right;}
.text-left{ text-align: left;}
.colorRed{ color: #fc4243;}
.glj-contain{
width: 80%; border-radius: 6px; box-shadow: rgba(0,0,0,0.2) 0px 0 10px; padding: 8px; margin: 0 auto;
}
.glj-contain-main{
background: url(../image/glj-bg-com.png) no-repeat; margin: 0 auto 0px; padding: 10%;
background-size:100% ;
}
.glj-contain-con{border-radius: 6px;
box-shadow: rgba(0,0,0,0.2) 5px 0 10px;background-color: #fff; overflow: hidden; color: #000;}
.glj-contain-bottom span{ width:40%;display: block}
.glj-contain-bth{ color: #000; padding-left: 10%;}
.glj-contain-bth h5{ padding-bottom: 10px; color:#000 ; font-size: 16px;}
.glj-contain-bottom {padding: 8%;box-shadow: rgba(0,0,0,0.1) 0px 0px 20px inset;}
.glj-contain-bottom s{ color: #000;}
.glj-contain-tip{ margin-top: -8%; margin-bottom: 6%; color: #000;}
.glj-contain-tip:after{ content: ""; height: 2px; background: #000; width: 40px; position: absolute; left: 50%; bottom:-3px;
transform: translateX(-50%);
}
.w80{width: 80%; margin: 0 auto; }
.glj-btn{ border-radius: 4px; text-align: center; padding: 8px 0; margin-right: 6px;
box-shadow:rgba(0,0,0,0.15) 0px 0 5px; box-sizing: border-box;}
.glj-btn:last-child{ margin-right: 0px;}
.cuurt-btn{ box-shadow:rgba(165,40,40,0.15) 0px 0 5px; }
.glj-detail p{ line-height: 2;}
.container{ padding: 10px;}
.glj-Iphone-nav { padding: 30px 0;}
.glj-Iphone-nav .icon {font-size: 50px;margin-top: 20px;display: block;}
.glj-Iphone-span{ text-align: center;}
.glj-Iphone-span h2{ font-size: 18px; font-weight: 600; padding-bottom: 10px;}
.strong{font-weight: 600; color: #000;}
.sfy-Iphone-box:before,.sfy-Iphone-box:after{ top:145px;}
.glj-ewm{ background: #fff; position: absolute; top:25%; left: 50%; transform: translateX(-50%);
height: 22%; width: 40%; display: block;}
.sfy-jfdsc-box:after,.sfy-jfdsc-box:before{ top:-15px}
.sfy-jfdsc-box:first-child:after,.sfy-center-nav:first-child:after,.sfy-center-nav:first-child:before,.sfy-jfdsc-box:first-child:before{ background: none;}
.glj-logo { width: 80px; height: 80px; position: relative; margin-left: 10%;}
.glj-logo i{ position: absolute; background: red;
top: -10px; left: -10px; display: block; width: 20px; height: 20px; z-index: 99;
transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.glj-logo-span{ border: 2px solid #fff; display: block;
box-shadow: rgba(0,0,0,0.15) 0px 0px 5px; border-radius: 10px; overflow: hidden;}
.border{ border:1px solid #000; border-radius: 6px; padding: 3px 5px;}
.red-border{ border-color: red; color:red ; font-style: normal;}
.glj-center-ul .iconfont{ font-size: 25px;}
.glj-center-ul .cos-1{ text-align: center; padding: 8px 0; font-size: 12px; color: #454545;}
.glj-center-font .grid{ padding: 10px 10px 5px;}
.glj-center-font .grid span{ padding-left: 10px;}
.sfy-center-nav:after,.sfy-center-nav:before{ top:-15px}
.yellow{ background: #ffdb34; color: #000;}
.sfy-order-address-tip{ padding: 20px 0; text-align: center;}
.sfy-bar-txt{
border: 0.1rem solid #fff;
border-radius: 0.2rem;
box-shadow: rgba(0,0,0,0.3) 0px 0px 0.1rem;
height: 1.2rem;
line-height: 1.2rem;
position: relative;
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fafafa), to(#fff));
}
.sfy-bar-txt:after{
content: '';
position: absolute;
height: 1rem;
width: 0.5rem;
top: 0.9rem;
left: 0.5rem;
background: url(../image/icon-bar-tip.png) no-repeat;
background-size: 0.3rem;
}
.sfy-bar-txt:before{
content: '';
position: absolute;
height: 1rem;
width: 0.5rem;
top: 0.9rem;
right: 0.5rem;
background: url(../image/icon-bar-tip.png) no-repeat;
background-size: 0.3rem;
}
.sfy-bar-txt b{line-height: 1rem;display: block;font-size: 0.36rem;}
.table-striped tr{ box-shadow: rgba(0,0,0,0.1) 0rem 0rem 0.3rem inset;
}
.table-striped { border-radius: 0.2rem; overflow: hidden; margin: 0.5rem 0.3rem;}
.table-striped tr span{margin: 0.3rem 0.2rem;padding-left: 0.3rem;display: color: #434343;inline-block;border-left: 1px solid #000;}
/* 表单样式*/
.grid {
display:-webkit-box;
vertical-align: top;
}
.grid:before,.grid:after {
content: " ";
display: table
}
.grid:after {
clear: both
}
.fix { position: fixed; z-index: 1; }
.cos-1 {-webkit-box-flex:1;display:block}
.cos-2 {-webkit-box-flex:2;display:block}
.cos-3 {-webkit-box-flex:3;display:block}
.cos-4 {-webkit-box-flex:4;display:block}
.center{text-align:center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
/* .sfy-order-nav{box-shadow: rgba(0,0,0,0.3) 0px 0 5px;border-radius: 4px;padding: 8px 8px 4px;margin: 0px;background: #fff;} */
.sfy-order-nav1{padding: 8px 8px 4px;/* margin: 0px; */font-color:#666666;}
.sfy-order-nav1 .sfy-span{ margin-right: 10px; color:#8e8e8e;}
.sfy-order-nav1 .sfy-span:last-child{ margin-right: 0px;}
.sfy-order-nav1 .on{ color: #6c5124; border-bottom:2px solid #6c5124;}
.height44{height: 56px;}
.sfy-order-tab{
/* box-shadow: rgba(0,0,0,0.3) 0px 0 2px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa), to(#fff)); */
height: 48px;
line-height: 48px;
font-size:18px;
text-align: center;
}
.bgradient{background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa), to(#fff));}
.sfy-order-nav .sfy-span{ margin-right: 10px; color:#8e8e8e;}
.sfy-order-nav .sfy-span:last-child{ margin-right: 0px;}
.sfy-order-nav .on{ color: #a96d27; box-shadow:rgba(0,0,0,0.3) 0px 0 2px inset ;}
.sfy-order-nav:after{
content: '';
position: absolute;
height: 24px;
width: 20px;
top: 47px;
left: 20px;
background: url(../image/icon-bar-tip.png) no-repeat;
background-size: 10px;
}
.sfy-order-nav:before{
content: '';
position: absolute;
height: 24px;
width: 20px;
top: 47px;
right: 20px;
background: url(../image/icon-bar-tip.png) no-repeat;
background-size: 10px;
}
.magT10{ margin-top: 10px;}
.magB10{ margin-bottom: 10px;}
.magT20{ margin-top: 20px;}
.magT30{ margin-top: 30px;}
.borderbottom{ border-bottom: 1px solid #E2E2E2;}
.sfy-Btn, input[type=submit], input[type=button]{
padding: 4px 8px;
border-radius: 12px;
border:none;
/* box-shadow: rgb(0,0,0,0.1) 2px 2px 2px;-webkit-box-shadow: rgb(0,0,0,0.1) 2px 2px 2px; */
background-color: #d0b17d; position: relative;
color:#ffffff;
text-align: center;display: inline-block;margin-right: 3px; }
.sfy-Btn:after{
content: '';
background: transparent;
position: absolute;
top: 3px;
left: 2px;
width: 90%;
height: 22px;
box-shadow: rgba(255,255,255,0.8) -1px -2px 2px inset;
border-radius: 6px;
}
.sfy-order-table td,.sfy-order-table th{ border:1px solid #8e8e8e; padding: 10px;}
.sfy-order-table {border-collapse:collapse;margin: 10px 0;width: 100%;}
.pr{ position: relative;}
.sfy-Btn-w{box-shadow: rgba(0,0,0,0.3) 2px 0 1px;width: 100px;text-align: center;padding: 3px 0;border: 1px solid #fafafa;}
.sfy-order-address .bgradient{box-shadow: rgba(0,0,0,0.2) 0px 0 5px inset;padding: 0px 10px 10px;}
.sfy-order-address:after,.sfy-order-my:after{ top:-15px}
.sfy-order-address:before,.sfy-order-my:before{ top:-15px}
.border-red{ border-color: #cc3333; color: #cc3333;}
.sfy-input{box-shadow: rgba(0,0,0,0.2) 0px 0 5px inset;border-radius: 4px;padding-left: 10px;margin: 0 10px;}
.sfy-col-img{ width: 40px; height: 40px; border-radius: 6px; margin-bottom: 10px;}
.sfy-order-pay{background: url(../image/payColl.jpg) no-repeat;padding: 90px 0 20px;background-size: 100%;}
.sfy-order-none:after,.sfy-order-none:before{ background: none;}
.sfy-order-payNu:after,.sfy-order-payNu:before{ top:-16px}
.sfy-order-payNu .bgradient{ padding: 30px 0 20px;}
input[type=submit]{background: #fff; color: #454545; border-radius: 6px; padding: 6px 20px;}
input[type=submit].red{ border-color: #ff4242; color: #ff4242;}
.form-num-phone .controls input { width: 200px; background: #fff; border:1px solid #000;
border-radius: 6px; }
/* 导航切换*/
.sfy-bar-tab{ height: 44px; line-height: 44px; text-align: center; background: #fff;}
.sfy-bar-tab div{ border-right: 1px solid #d9d9d9;}
.sfy-bar-tab div:last-child{ border:none}
.sfy-bar-tab .on{ color:#de461d}
.sfy-bgred { background: #ff004e; padding: 10px;}
.sfy-bgred h5,.sfy-bgred p{ color: #fff; }
.sfy-bgred h5{ font-size: 16px; padding-bottom: 5px;}
.color-red{ color: #ff004c; padding: 10px; font-size: 18px;}
.bg-black{ background: #1b1b1b; color: #fff; text-align: center; padding: 5px;}