html {
color: #333;
background: #f3f4f6;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
max-width: 768px;
margin: 0 auto;
display: block;
position: relative;
}
html * {
-webkit-text-size-adjust: none;
}
body{
background: transparent !important;
position: relative;
height: 100% !important;
}
.hide{
display: none !important;
}
.scroll-hide{display: none;}
.show{
display: block !important;
}
article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
margin: 0;
padding: 0
}
input:-ms-clear {
display: none
}
table {
border-spacing: 0;
border-collapse: collapse
}
button,
fieldset,
img,
input {
border: 0
}
abbr,
acronym {
border: 0;
font-variant: normal
}
del {
text-decoration: line-through
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
font-style: normal;
font-weight: 500
}
ol,
ul {
list-style: none
}
caption,
th {
text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500
}
img {
max-width: 100%;
height:auto;
}
a,
a:active,
ins {
text-decoration: none
}
input {
border-radius: 0;
-webkit-appearance: none
}
.hidden {
visibility: hidden!important
}
body {
font-family: HeitiJ-Light, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
font-size: .6rem
}
html{
overflow-x: hidden;
}
h1 {
font-size: 1.8rem
}
h2 {
font-size: 1.5rem
}
h3 {
font-size: 1.2rem
}
h4 {
font-size: .9rem
}
h5 {
font-size: .7rem
}
h6 {
font-size: .6rem
}
.nav-menu-wrapper {
width: 100%;
overflow: auto;
height: 2.13333333rem;
}
.mui-card-content-inner p {
color: #333;
font-size: 15px;
line-height: 1.6;
}
.buying-info {
color: #6c6c6c;
position: absolute;
bottom: 8px;
left: 0;
background: #fff;
height: 24PX;
line-height: 24PX;
}
.buying-info p {
padding: 0 5px;
font-size: 12px;
}
.buying-info p span {
color: #ea120f;
/*font-weight: bold;*/
}
.buying-info:after {
content: "";
position: absolute;
height: 0;
width: 0;
border: 12px solid transparent;
border-top-color: #fff;
border-bottom-color: #fff;
top: 0;
right: -10px;
}
.mui-card-link span {
color: #ea120f;
font-size: 12px;
}
.mui-card-footer:before {
height: 0;
}
#hot-gd .mui-card-footer,.mui-slider-indicator.mui-segmented-control.hot-gd .mui-card-footer{
padding: 5px 0;
}
#hot-gd span.price-int,.mui-slider-indicator.mui-segmented-control.hot-gd span.price-int{
font-size: 20px;
}
.mui-card-link{
margin-top: 0.65rem;
line-height: 0.28rem;
}
.mui-card-link .price-ori {
color: #ea120f;
text-decoration: line-through;
width: 2rem;
}
.mui-card-link .rmb {
margin-right: 0.05rem;
}
.mui-card-link .price-int {
font-size: 0.4rem;
}
.price-int2{
padding-left: 10px;
}
.mui-card-footer .price-int3 {
color: #090909;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
display: inline-block;
}
.mui-card-link .dd-tim {
color: #6c6c6c;
background: url(../img/tim.png) left center no-repeat;
padding-left: 25px;
background-size: 20px;
}
.xrzx-txt,.xrzx-txt2 {
display: inline-block;
margin-right: 8px;
}
.xrzx-txt b {
background: #ea120f;
border-radius: 5px;
color: #fff;
padding: 3px 8px;
font-weight: 400;
}
.xrzx-txt2 b {
border: 1px #ea120f solid;
color: #ea120f;
font-weight: 400;
padding: 3px;
border-radius: 5px;
}
.mui-card-link button {
display: inline-block;
margin-left: 20px;
}
.mui-btn-warning {
background: #f87c18;
border: 1px solid #f87c18;
}
.mui-btn-danger {
background: #ea120f;
border: 1px solid #ea120f;
}
.ribbon {
position: absolute;
width: 60px;
height: 60px;
left: 5px;
top: 5px;
text-align: center;
background: rgba(242, 143, 60, .7);
border-radius: 50%;
color: #fff;
padding-top: 10px;
}
.ribbon span {
display: block;
font-size: 12px;
line-height: 18px;
}
.ribbon span:nth-child(2){
font-size: 14px;
}
.backtop {
display: inline-block;
background: rgba(0, 0, 0, .5);
height: 36px;
line-height: 36px;
position: fixed;
left: 10px;
top: 55px;
z-index: 1000;
border-radius: 20px;
overflow: hidden;
padding-right: 10px;
width: auto;
}
.backtop .tx img {
width: 36px;
height: 36px;
border-radius: 100%;
}
.backtop .tx {
float: left;
margin-right: 5px;
}
.backtop p {
max-width: 250px;
float: left;
color: #fff;
font-size: 12px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pintuan-title {
background: #fff;
}
.pintuan-title .mui-card-link .price-ori {
margin-right: 8px;
}
.title {
padding: 10px 10px 0;
position: relative;
min-height: 40px;
}
.cpxt-rs{
padding: 0 15px;
}
.title h3 {
line-height: 1.6;
font-size: 15px;
padding:8px 40px 8px 0;
}
.title h3 span{
color: #fff;
background: #ea120f;
padding: 0 8px;
border-radius: 5px;
font-size: 14px;
display: inline-block;
margin-right: 5px;
}
.cpxt-rs span {
float: right;
text-align: right;
font-size: 14px;
color: #6e6e6e;
}
.cpxt-rs{
padding-top: 10px;
}
.cpxt-rs strong{
display: inline-block;
padding-left: 6px;
font-weight: 400;
font-size: 14px;
border-left: 3px #ea120f solid;
}
.rule-box{
margin-top: 12px;
background: #f5f5f5;
padding: 10px 15px;
border-top: 1px #ddd solid;
position: relative;
}
.rule-box:after{
content: "";
position: absolute;
background: #F5F5F5;
width: 20px;
height: 20px;
border:1px #ddd solid;
left: 30px;
top: -10px;
transform:rotate(45deg);
border-bottom: none;
border-right: none;
}
.title span b {
color: #ea120f;
}
.pintuan-pz {
font-size: 0;
padding: 0 10px;
margin: 15px 0 10px;
background: #e5e5e5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pintuan-pz li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 12px;
line-height: 2.5;
padding-left: 20px;
background: url(../img/bz-ico.png) left center no-repeat;
}
.area-box {
background: #fff;
}
.group-tit {
padding: 15px 0;
text-align: center;
font-size: 14px;
color: #6E6E6E;
}
.group-tit span {
padding: 0 0.15rem;
display: inline-block;
background: #fff;
font-size: 0.25rem;
}
.group-tit:after {
content: "";
width: 100%;
height: 1px;
border-bottom: 1px #d4d4d4 solid;
display: block;
margin-top: -12px;
}
.group-list {
padding: 0 10px;
}
.group-list li {
margin: 18px 0;
border: 1px #f48886 solid;
border-radius: 100px;
height: 45px;
position: relative;
padding: 0 65px 0 50px;
line-height: 22px;
}
.group-list li a {
display: block;
height: auto;
}
.group-tx {
position: absolute;
width: 50px;
height: 50px;
border-radius: 100%;
top: -5px;
left: -4px;
overflow: hidden;
}
.group-tx img {
max-width: 100%;
width: 50px;
height: 50px;
}
.group-list .mui-btn-danger {
height: 43px;
width: 60px;
position: absolute;
right: 0;
top: 0;
border-radius: 0 50px 50px 0;
line-height: 30px;
font-size: 12px;
padding: 6px 0;
}
.pt-l p,
.pt-r p {
font-size: 12px;
}
.pt-l {
float: left;
}
@media only screen and (min-width:376px) {
.pt-l p,
.pt-r p {
font-size: 14px;
}
}
.pt-r {
float: right;
text-align: right;
}
.red {
color: #ea120f;
}
.mui-bar-nav~ .mui-content {
padding-top: 0;
}
.mui-bar-nav~ .mui-content.ios-bug{
position: fixed;z-index: 1;max-height: 100%;overflow-x: hidden;overflow-y: auto;width: 100%;top: 0;left: 0;
}
.toTop {
position: fixed;
right: 15px;
bottom: 100px;
z-index: 350;
display: none;
}
.toTop a {
display: block;
width: 50px;
height: 50px;
margin: 10px 0;
background: rgba(255, 255, 255, .8);
border: 1px rgba(0, 0, 0, .5) solid;
text-align: center;
line-height: 50px;
color: #444;
border-radius: 100%;
}
.explain-box {
padding: 0 10px;
}
.explain-box h2 {
font-size: 16px;
padding: 15px 0 10px 0;
border-bottom: 1px #E5E5E5 solid;
position: relative;
}
.explain-box h2 span{
position: absolute;
right: 0;
font-size: 14px;
color: #8f8f8f;
}
.explain-lc {
font-size: 0;
position: relative;
padding-top: 10px;
padding-bottom: 6px;
}
.explain-lc li.lcjd{
color: #ea120f;
}
.explain-lc li.lcjd div span{
background:#ea120f;
border-color: #ff9c9b;
}
.explain-lc li {
display: inline-block;
font-size: 12px;
width: 25%;
position: relative;
z-index: 2;
color: #666;
}
.explain-lc li:nth-child(2) div,
.explain-lc li:nth-child(3) div {
margin: 0 auto;
}
.explain-lc li div {
text-align: center;
background: #fff;
}
.explain-lc li div span {
background: #cbcbcb;
display: block;
width: 25px;
height: 25px;
border-radius: 100%;
line-height: 20px;
font-size: 16px;
/*font-weight: bold;*/
margin: 0 auto;
margin-bottom: 6px;
border:3px #dfdfdf solid;
color: #fff;
}
.explain-lc li:nth-child(4) {
text-align: right;
}
.explain-lc li:nth-child(4) div {
display: inline-block;
}
.explain-txt {
padding:0.2rem 0;
}
.explain-txt .detail {
display: none;
}
.explain-txt .detail span {
/*font-weight: bold;*/
color: #666;
}
.explain-txt .detail p {
padding-bottom: 5px;
}
.detail p span{
color: #333;
}
.explain-open {
text-align: center;
height: 0.28rem;
width: 100%;
position: relative;
margin-bottom: 0.15rem;
}
.explain-open span {
display: inline-block;
position: relative;
}
.explain-open span:before {
content: '查看拼团玩法详细';
color: #666;
font-size: 0.23rem;
}
.after {
width: 0.15rem;
height: 0.15rem;
border-top: 1px solid #7d7d7d;
border-left: 1px solid #7d7d7d;
background: none;
content: '\20';
display: block;
margin-top: -8px;
margin-left: 0.1rem;
-webkit-transform: rotate(-135deg);
}
.explain-more .explain-open span:before {
content: "收起拼团玩法详细";
}
.explain-more .explain-open span:after {
margin-top: -2px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.explain-txt.explain-more .detail {
display: block;
border-top: 0.01rem solid #eee;
padding-top: 0.15rem;
}
.mui-segmented-control .mui-control-item {
color: #444;
border: none;
height: 35px;
line-height: 35px;
font-size: 13.6px;
}
.mui-segmented-control .mui-control-item:after {
width: 100%;
content: "";
height: 3px;
background: transparent;
display: block;
margin: 0 auto;
}
.mui-segmented-control .mui-control-item.mui-active:after {
background: #ea120f;
}
.mui-segmented-control .mui-control-item.mui-active {
color: #ea120f;
background: none;
}
.mui-table-view:before {
}
#item2 .mui-table-view-cell {
padding: 10px 15px;
}
#item2 .mui-table-view-cell+.mui-table-view-cell {
border-top: 10px #f3f4f6 solid
}
.mui-popover li.sub-a-ico1 a,.mui-popover li.sub-a-ico2 a,.mui-popover li.sub-a-ico3 a,.mui-popover li.sub-a-ico4 a{
padding-left: 52px;
}
.mui-table-view li.sub-a-ico1{
background: url(../img/f-ico1.png) 15px center no-repeat;
background-size: 28px;
}
.mui-table-view li.sub-a-ico2{
background: url(../img/f-ico4.png) 15px center no-repeat;
background-size: 28px;
}
.mui-table-view li.sub-a-ico3{
background: url(../img/zx-ico1.png) 15px center no-repeat;
background-size: 28px;
}
.mui-table-view li.sub-a-ico4{
background: url(../img/f-ico5.png) 15px center no-repeat;
background-size: 28px;
}
.assess-top {
height: 30px;
line-height: 30px;
font-size: 13px;
}
.user-portrait {
width: 30px;
height: 30px;
border-radius: 50%;
float: left;
overflow: hidden;
}
.user-name {
float: left;
padding-left: 10px;
}
.assess-date {
display: block;
text-align: right;
color: #848689;
}
.comment-item-star {
display: inline-block;
overflow: hidden;
width: 75px;
height: 11px;
margin-top: 10px;
margin-bottom: -6px;
background: url(../img/xx.png) repeat-x 0 -11px;
background-size: 15px 22px;
}
.comment-item-star .real-star {
display: inline-block;
height: 22px;
background: url(../img/xx.png) repeat-x 0 0;
background-size: 15px 22px;
}
.comment-stars-width5 {
width: 100%;
}
.comment-stars-width4 {
width: 80%;
}
.comment-stars-width3 {
width: 60%;
}
.comment-stars-width2 {
width: 40%;
}
.comment-stars-width1 {
width: 20%;
}
.assess-content {
padding-top: 6px;
display: block;
}
.mui-table-view-cell:after {
background: none;
}
.mores-list {
padding: 10px 0 60px;
margin: 0 -1px;
}
.mores-list li {
float: left;
width: 50%;
overflow: hidden;
border-bottom: 1px #ddd solid;
border-left: 1px #ddd solid;
}
.mores-list li img{
width: 100%;
height: auto;
}
.mores-list li .pro-name {
font-size: 14px;
padding: 5px 10px 0;
max-height: 47px;
height: 47px;
overflow:hidden;
}
.mores-list li .mui-card-footer {
padding: 10px;
}
.mores-list li a {
display: block;
}
.clearfix:after {
content: '';
display: table;
}
.clearfix:after {
clear: both;
}
.mui-bar-buy {
-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .85);
box-shadow: 0 0 0px rgba(0, 0, 0, .85);
padding: 0;
z-index: 400;
}
.mui-bar-buy .mui-btn-danger,
.mui-bar-buy .mui-btn-warning {
line-height: 1;
height: 50px;
display: inline-block;
top: 0;
width: 50%;
border-radius:0;
font-size: 13.6px;
}
.mui-bar-buy .mui-btn-danger span,
.mui-bar-buy .mui-btn-warning span {
font-size: 14px;
display: inline-block;
padding-bottom: 3px;
}
.mui-bar-buy .mui-btn-warning {
color: #844c01;
background: #ecd903;
border-color: #ecd903;
}
.mui-bar-buy .mui-btn-danger {
float: right;
}
.buy-ts {
border: 1px #f4ec81 solid;
position: absolute;
top: -45px;
right: 20px;
font-size: 14px;
padding:10px;
background: #fff;
border-radius: 8px;
z-index: 320;
font-size: 13px;
}
.buy-ts span {
color: #ea120f;
}
.buy-ts:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
transform: rotate(45deg) skew(180deg);
right: 50px;
bottom: -10px;
background: #fff;
z-index: -5;
box-shadow: 0 0 4px rgba(0, 0, 0, .5);
border: 1px #f4ec81 solid;
}
.buy-ts:before {
content: "";
position: absolute;
width: 50px;
height: 25px;
right: 40px;
bottom: 0;
background: #fff;
z-index: -1;
}
.buy-ts{
-webkit-animation:mymove 4s;
animation:mymove 4s;
opacity: 0;
}
@-webkit-keyframes mymove
{
0% {opacity: 1;}
80% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes mymove
{
0% {opacity: 1;}
80% {opacity: 1;}
100% {opacity: 0;}
}
.buy-option {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 400;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, .5);
padding: 10px;
min-height: 220px;
padding-bottom: 60px;
}
.buy-auto{
max-height: 250px;
overflow: auto;
}
.buy-option-open {
position: absolute;
right: 8px;
top: 8px;
width: 26px;
height: 26px;
}
.buy-option-open:after {
position: absolute;
left: 0;
bottom: 14px;
content: "";
width: 100%;
height: 2px;
background: #333;
transform: rotate(-45deg);
}
.buy-option-open:before {
position: absolute;
left: 0;
top: 10px;
content: "";
width: 100%;
height: 2px;
background: #333;
transform: rotate(45deg);
}
.buy-option-open:active:before,
.buy-option-open:active:after {
background: #ea120f;
}
.buy-cp {
width: 100%;
padding-bottom: 15px;
border-bottom: 1px #eeeced solid;
}
.buy-cp .cp-img {
border: 1px #ddd solid;
border-radius: 6px;
float: left;
display: block;
margin-top: -30px;
width: 30%;
padding: 5px;
background: #fff;
}
.buy-cpt {
margin-left: 33%;
}
.buy-fl {
padding-top: 10px;
}
.buy-fl dt {
font-size: 14px;
color: #4444;
padding-bottom: 6px;
}
.buy-fl dd span {
cursor: pointer;
margin: 0 8px 10px;
height: 30px;
padding: 0 18px;
line-height: 30px;
display: inline-block;
border: 1px #b8b8b8 solid;
font-size: 14px;
color: #6c6c6c;
}
.buy-fl dd {
font-size: 0;
}
.buy-fl dd span.active {
border: 1px #ea120f solid;
color: #ea120f;
}
.buy-btn {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
.buy-btn .mui-btn-danger {
float: none;
display: inline-block;
width: 100%;
border-radius: 0;
height: 50px;
}
.buy-sl {
padding: 8px 0;
}
.buy-sl span {
padding-right: 10px;
display: inline-block;
font-size: 14px;
}
.mui-bar-ct .ct-btn1 {
top: 0;
height: 50px;
width: 70%;
border-radius: 0;
border: none;
float: right;
}
.mui-bar-ct {
-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .85);
box-shadow: 0 0 0px rgba(0, 0, 0, .85);
}
.mui-bar-ct .ct-btn2 {
background: #631801;
color: #fff;
width: 30%;
top: 0;
height: 50px;
border-radius: 0;
border: none;
}
.mui-bar-ct .ct-btn3 {
width: 100%;
}
.mui-bar-ct .ct-btn2:active {
background: #380d00;
}
.mui-bar-ct {
z-index: 370;
}
.mui-bar-ct .buy-btn .mui-btn-danger {
width: 70%;
}
#header .mui-scroll-wrapper {
height: 35px;
line-height: 35px;
top: 0;
padding: 0;
}
.mui-scroll-wrapper{
padding-bottom: 60px;
}
#header .mui-segmented-control .mui-control-item.mui-active:after {
background: none;
}
#header .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
color: #ea120f;
border-bottom-color: #ea120f;
}
.shop-title {
padding: 0 10px;
border-bottom: 1px #e5e5e5 solid;
height: 55px;
overflow: hidden;
line-height: 55px;
padding-bottom: 8px;
display: block;
color: #333;
font-size: 14px;
}
.shop-title img {
width: 120px;
height: auto;
float: left;
margin-right: 8px;
}
.shop-title b {
color: #ea120f;
}
.shop-ts {
padding: 10px 15px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shop-ts li{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
color: #2f91f6;
font-size: 18px;
}
.shop-ts li + li{
border-left: 1px #e5e5e5 solid;
}
.shop-bt{
font-size: 0;
}
.shop-bt a{
display: inline-block;
font-size: 14px;
width: 50%;
text-align: center;
margin-bottom: 10px;
color: #666;
}
.shop-bt a span{
display: inline-block;
padding: 10px 0;
width: 90%;
border: 1px #e5e5e5 solid;
text-indent: 2em;
margin: 0 auto;
}
.shop-bt a:nth-child(1) span:after{
content: "关注店铺";
}
.shop-bt a.active:nth-child(1) span:after{
content: "已关注";
}
.shop-bt a:nth-child(1) span{
background: url(../img/kx.png) no-repeat ;
background-size: 30px;
background-position: calc(50% - 35px);
}
.shop-bt a.active:nth-child(1) span{
background: url(../img/sx.png) no-repeat;
background-position: calc(50% - 25px);
background-size: 30px;
}
.shop-bt a:nth-child(2) span{
background: url(../img/shop-ic1.png) no-repeat ;
background-size: 30px;
background-position: calc(50% - 35px);
}
.shop-ts span {
padding-top: 5px;
display: block;
font-size: 14px;
color: #666;
}
.bg-success {
padding:10px 15px;
text-align: center;
background: #dff0d8;
color: #7fb343;
font-size: 16px;
/*font-weight: bold;*/
}
.bg-success h3{
padding-bottom: 10px;
font-size: 18px;
}
.bg-success p{
color: #7fb343;
font-size: 16px;
}
.fx-cpbox {
border-bottom: 0.07rem #e5e5e5 solid;
padding: 0.12rem;
background: #fff;
padding-bottom: 0.12rem;
}
.page-box {
background: #fff;
}
.fx-cpbox dt {
width: 1.9rem;
float: left;
padding-top: 0.08rem;
}
.fx-cpbox dd {
padding-left: 2.1rem;
height: 100%;
}
.fx-cpbox dd p{
font-size: 0.2rem;
}
/*.fx-cpbox.ptcg-zk {
background: url(../img/ptcg.png) no-repeat;
background-position: calc(100% - 10px) calc(100% - 10px);
background-size: 70px;
}*/
/*.fx-cpbox.ptsb-zk {
background: url(../img/ptsb.png) no-repeat;
background-position: calc(100% - 10px) calc(100% - 10px);
background-size: 70px;
}*/
.fx-cpbox dd h3 {
font-size: 0.3rem;
margin-bottom: 0.05rem;
overflow: hidden;
padding-top: 0.2rem;
}
.fx-jsbox {
padding-top: 5px;
}
.fx-jsbox span {
color: #ea120f;
border: 1px #ea120f solid;
padding: 3px 8px;
border-radius: 5px;
}
.fx-cttx {
font-size: 0;
text-align: center;
margin-top: 0.2rem;
}
.fx-cttx li {
width: 1rem;
display: inline-block;
padding: 0.1rem;
position: relative;
margin-right: -0.05rem;
}
.fx-cttx li img {
border-radius: 100%;
display: block;
width: 0.8rem;
height: auto;
}
.fx-cttx li span {
border-radius: 0.07rem;
padding: 0 0.08rem;
right: 0.15rem;
top: 0.1rem;
font-size: 0.2rem;
background: #ea120f;
color: #fff;
position: absolute;
height: 0.28rem;
line-height: 0.28rem;
}
.fx-ts1 {
padding: 10px 10px 0 10px;
text-align: center;
color: #333;
}
.fx-ts1 span {
color: #ea120f;
}
.fx-box2 .group-tit {
padding:0.2rem 0.4rem;
}
.fx-cdlist li {
height: 0.65rem;
line-height: 0.35rem;
margin-top: 0.25rem;
padding-left: 0.15rem;
}
.fx-cdlist li img {
margin-right: 0.1rem;
border-radius: 100%;
height: 0.6rem;
float: left;
height: 0.6rem;
margin-right: 0.14rem;
}
.fx-cdlist .explain-txt .detail span {
font-weight: 400;
font-size: 0.25rem;
margin-top: 0.13rem;
margin-right: 0.23rem;
}
.fx-cdlist li span.time {
float: right;
}
.fx-box2 .group-tit label {
padding: 1px 5px;
background: #666;
display: inline-block;
border-radius: 5px;
color: #fff;
margin: 0 3px;
}
.fx-cdlist .explain-open span:before {
content: '查看拼团列表';
}
.fx-cdlist .explain-more .explain-open span:before {
content: '收起拼团列表';
}
.fx-ts2 {
color: #ea120f;
padding: 5px 15px;
font-size: 12px;
}
a.fx-abs01 {
position: fixed;
right: 10px;
bottom: 100px;
font-size: 14px;
text-align: center;
padding: 10px;
color: #fff;
border-radius: 10px;
z-index: 100;
-webkit-animation-name: redPulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes redPulse {
from {
background-color: #ea120f;
-webkit-box-shadow: 0 0 9px #ea120f;
}
50% {
background-color: #f60;
-webkit-box-shadow: 0 0 9px #f60;
}
to {
background-color: #ea120f;
-webkit-box-shadow: 0 0 9px #ea120f;
}
}
.bg-danger {
background: #f2dede;
text-align: center;
padding: 10px 15px;
color: #ea120f;
font-size: 16px;
}
.bg-danger h3 {
font-size: 18px;
padding-bottom: 8px;
}
.bg-danger p {
color: #ea120f;
}
.hot-top {
padding: 0;
display: block;
background: #fff;
font-size: 0;
}
.hot-top a {
position: relative;
text-align: center;
height: 35px;
line-height: 35px;
display: inline-block;
width: 50%;
font-size: 14px;
}
.hot-top a:before {
position: absolute;
left: 0;
bottom: 0;
right: 0;
background: transparent;
content: 0;
height: 3px;
content: "";
}
.hot-top a {
color: #444;
}
.hot-top a.active {
color: #ea120f;
}
.hot-top a.active:before {
background: #ea120f;
}
.hot-list {
padding-top: 10px;
}
.hot-list .mui-card {
border: 0;
}
.hot-list .mui-card+.mui-card {
border-top: 10px #f3f4f6 solid;
}
.so-top {
display: block;
height: 44px !important;
line-height: 44px !important;
background: #fff;
}
.mui-bar input[type=search]{
background: #f3f4f6;
}
.mui-search .mui-placeholder{font-size: 14px;}
.so-top .mui-input-row{
padding-top: 0;
}
.mui-bar .mui-search:before{
margin-top: -24px;
}
.mui-bar-nav~ .so-dbox {
/*padding-top: 44px;*/
padding-bottom: 0;
}
.mui-plus.mui-android header.mui-bar {
display: none;
}
.mui-plus.mui-android .mui-bar-nav~.mui-content {
padding: 0;
}
.mui-content {
background: #fff;
}
/*hm开头的表示仅为 Hello MUI示例定义*/
.hm-description {
margin: .5em 0;
}
.hm-description>li {
font-size: 14px;
color: #8f8f94;
}
.so-top .mui-search input[type='search'] {
height: 31px;
}
.fl-top {
display: block;
}
.mui-grid-view.mui-grid-9 {
background: #fff;
padding: 0 0 10px;border: 0;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell {
padding:0;
border: none;
}
.mui-col-xs-4 {
width: 20%;
}
.mui-card-header:after {
background: transparent;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell img {
max-width: 50%;
}
.mui-bar-tab .mui-tab-item.mui-active {
color: #ea120f;
}
.mui-bar-tab{
}
.mui-grid-view.mui-grid-9 .mui-media .mui-icon{
font-size: 0;
}
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
margin-top: 0;
font-size: 13px;
color: #666;
}
.mui-bar-tab .mui-tab-item.mui-active span.f-ico2 {
background: url(../img/f-ico2-2.png) no-repeat;
background-size: cover;
}
.mui-bar-tab .mui-tab-item.mui-active span.f-ico3 {
background: url(../img/f-ico3-2.png) no-repeat;
background-size: cover;
}
.mui-bar-tab .mui-tab-item.mui-active span.f-ico4 {
background: url(../img/f-ico4-2.png) no-repeat;
background-size: cover;
}
.mui-bar-tab .mui-tab-item.mui-active span.f-ico5 {
background: url(../img/f-ico5-2.png) no-repeat;
background-size: cover;
}
#header ~ .refreshContainer {
padding-top: 35px;
}
.fl-tab {
text-align: center;
font-size: 0;
border-bottom: 1px #ccc solid;
margin-bottom: 10px;
}
.fl-tab li {
display: inline-block;
width: 25%;
}
.fl-tab li a {
display: block;
font-size: 14px;
padding: 10px;
color: #444;
}
.fl-list .hot-list {
padding-top: 0;
}
.fl-tab li.active a {
color: #ea120f;
}
.fl-list .mui-card {
border: none;
}
.fl-list {
background: #fff;
}
.fl-list .mui-card+ .mui-card {
border-top: 10px #f3f4f6 solid;
}
a.so-navt {
display: block;
}
.so-navt-bg {
background: #fff;
}
.so-navt-bg .mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
color: #848383;
border-bottom: 1px #E5E5E5 solid;
}
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active{
border-bottom: 1px #E5E5E5 solid;
width: 100%;
height: 42px;
line-height: 42px;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
color: #ea120f;
}
.mui-segmented-control{
border: none;
}
.so-navt-bg a.mui-active {
color: #ea120f;
background: #f3f4f6;
}
.so-dbox .mui-segmented-control .mui-control-item:after {
display: none !important;
}
.so-dbox .mui-table-vie {
font-size: 0;
}
.so-dbox .mui-table-view {
padding-top: 6px;
background: #f3f4f6;
}
.so-dbox .mui-table-view li {
display: inline-block;
width: 50%;
text-align: center;
}
.so-dbox .mui-table-view li img {
display: block;
border: 1px #ededed solid;
margin: 0 auto;
}
.so-dbox .mui-table-view li p {
padding-top: 5px;
}
.so-dbox .mui-table-view-cell {
padding: 8px 11px;
}
.so-dbox .mui-col-xs-3 {
width: 32%;
background: #fff;
}
.so-dbox .mui-col-xs-9 {
width: 68%;
background: #f3f4f6;
border: none !important;
}
.title .sc-xin{
float: right;
}
.sc-xin {
background: url(../img/kx-1.png) no-repeat;
display: inline-block;
width: 30px;
height: 30px;
background-size: cover !important;
margin-top: 5px;
}
.sc-xin.active {
background: url(../img/sx-1.png) no-repeat;
}
.brand-time {
text-align: center;
font-size: 16px;
display: block;
}
.brand-time span {
background: #212121;
color: #fff;
display: inline-block;
border-radius: 5px;
padding: 2px 5px;
margin: 0 2px;
/*font-weight: bold;*/
}
.brand-time-box {
height: 22px;
line-height: 22px;
margin: 15px 0 10px;
}
.banner-list {
padding-top: 44px;
}
.portrait-box {
background:#fff url(../img/txdbg.jpg) no-repeat;
background-size: 100%;
padding: 35px 0 10px;
}
.portrait-box dt {
}
.portrait-box dt img {
width: 100%;
height: 100%;
border-radius: 100%;
border: 5px rgba(255,255,255,.6) solid;
overflow: hidden;
position: relative;
}
.portrait-box dt span{
display: block;
margin: 10px auto 0;
text-align: center;
width: 100px;
height: 100px;
border-radius: 100%;
padding: 5px;
background: rgba(255,255,255,.4);
}
.portrait-box dd {
font-size: 20px;
color: #414141;
padding-top: 6px;
text-align: center;
color: #fff;
padding-bottom:6px;
}
.order {
padding: 10px 0;
color: #929191;
background: #fff;
}
.order-t {
line-height: 26px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
}
.order-t h2 {
font-size: 14px;
display: inline-block;
color: #333333;
}
.order-t a {
float: right;
font-size: 14px;
color: #929191;
background: url(../img/a-gd.png) right center no-repeat;
padding-right: 18px;
background-size: 15px;
}
.order-t a:hover {
color: #ea120f;
}
.order-l {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 5px;
}
.order-l li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 14px;
text-align: center;
}
.order-l li a {
display: block;
}
.order-l li a .mui-badge-danger {
position: absolute;
top: -5px;
right: -10px;
background: #ea120f;
}
.order-l li a p{
color: #929191;
font-size: 14px;
}
.order-l li i {
font-style: normal;
display: block;
width: 26px;
height: 26px;
margin: 0 auto;
position: relative;
}
.core-list {
padding: 0;
font-size: 16px;
background: #fff;
border-bottom: 10px transparent solid;
}
.core-list li {
border-bottom: 1px #e5e5e5 solid;
}
.core-list li:last-child {
border-bottom: none;
}
.core-list li a {
display: block;
background: #fff;
padding: 12px 10px 12px 45px;
position: relative;
color: #ababab;
}
.core-list li a span {
width: 32px;
display: block;
position: absolute;
left: 6px;
top: 5px;
padding-top: 3px;
}
.core-list li a span img{ opacity: 0.6;}
.core-list li.sc-ico span{
left: 4px;
top: 3px;
}
.core-list li a:after {
content: "";
width: 10px;
height: 17px;
position: absolute;
background: url(../img/a-gd.png) center center no-repeat;
right: 10px;
top: 13px;
background-size: 15px;
}
.core-list li a:active {
background: #e5e5e5;
color: #414141;
}
.refreshContainer .mui-card {
margin: 0;
padding-bottom: 8px;
}
.refreshContainer .mui-card-content-inner {
padding: 5px 10px;
}
.refreshContainer .mui-card-content-inner p {
margin: 0;
}
.refreshContainer .mui-card-content-inner p span{
background: #f87c18;
display: inline-block;
padding: 0 5px;
border-radius: 5px;
margin-right: 5px;
color: #fff;
font-size: 14px;
}
#hot-gd .mui-scroll p span,.mui-slider-indicator.mui-segmented-control.hot-gd .mui-scroll p span{
background: #f87c18;
display: inline-block;
padding: 0 5px;
border-radius: 5px;
margin-right: 5px;
color: #fff;
font-size: 12px;
margin-top: 0 !important;
}
.refreshContainer .mui-card-header.mui-card-media {
padding: 0;
}
.refreshContainer .mui-card {
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
border-radius: 0;
}
.refreshContainer .mui-card-footer:before {
background-color: transparent;
}
.mui-card-footer {
padding: 0 10px;
position: relative;
}
.mui-card-footer .price-int1{
color: #ea120f;
font-size: 18px;
}
.zx-dox {
margin-bottom: 52px;
}
.mui-bar ~ .refreshContainer {
padding-top: 35px;
}
.add-address {
padding: 10px 15px 10px 40px;
background: url(../img/add1.png) 10px center no-repeat;
height: 40px;
background-size: 25px;
color: #ea120f;
font-size: 15px;
position: relative;
display: block;
}
.add-address:after,.no-address:after {
content: "";
position: absolute;
right: 15px;
top: 0;
height: 0;
height: 40px;
background: url(../img/a-gd.png) center center no-repeat;
background-size: 12px;
width: 20px;
}
.address-box {
background: #fff;
}
.no-address:after {
height: auto;
top: 0;
right: 15px;
bottom: 0;
}
.no-address {
padding: 10px 35px 10px 40px;
display: block;
color: #333;
position: relative;
background: url(../img/gps.png) 10px center no-repeat;
background-size: 25px;
font-size: 14px;
}
.no-address:active,.no-address:hover {
color: #333;
}
.no-address p {
color: #333;
font-size: 14px;
}
.payment-t {
padding: 6px 15px 6px 15px;
font-size: 15px;
color: #6C6C6C;
}
.payment-t span{ float: right;}
.mui-table-view:after {
background: none;
}
.od-bt{
margin-top: 10px;
text-align: right;
}
.gmsl {
font-size: 14px;
padding-top: 10px;
}
.payment-xz {
padding: 0 15px;
font-size: 16px;
}
.payment-xz li + li {
border-top: 1px #d4d4d4 solid;
}
.payment-xz .mui-table-view-cell.mui-radio.mui-left {
padding: 5px 10px 5px 0;
}
.payment-xz li {
line-height: 30px;
}
.payment-xz li i {
float: left;
width: 24px;
margin-right: 6px;
padding-top: 3px;
}
.payment-xz li i img {
display: block;
}
.payment-xz .mui-table-view:before {
background: transparent;
}
.payment-xz .mui-radio input[type=radio]:checked:before {
background: url(../img/dh.png) no-repeat;
color: transparent;
background-size: 25px;
}
.payment-xz .mui-radio.mui-left input[type=radio] {
right: 20px;
left: auto;
top: 16px;
}
.mui-radio input[type=radio]:before {
color: transparent;
}
.payment-btn {
-webkit-box-shadow: none;
box-shadow: none;
}
.payment-btn .mui-btn-danger {
float: right;
height: 50px;
top: 0;
width: 40%;
border-radius: 0;
}
.payment-jg {
float: left;
width: 60%;
line-height: 50px;
height: 50px;
text-align: center;
font-size: 16px;
color: #262626;
}
.payment-jg strong {
font-size: 24px;
color: #ea120f;
font-weight: 400;
}
.add-btn {
position: fixed;
left: 0;
bottom: 0;
right: 0;
}
.add-btn .mui-btn-danger {
display: block;
margin: 0 auto;
width: 100%;
height: 50px;
}
.address-list .no-address,.address-list .no-address p {
color: #686868;
background: no-repeat;
padding-left: 15px;
border-top: 1px #dcd9d9 solid;
border-bottom: 1px #dcd9d9 solid;
}
.address-list .no-address p {
padding-left: 0;
border: none;
}
.address-list .no-address:after {
width: 26px;
height: 26px;
border: 2px #cbcaca solid;
border-radius: 100%;
top: 50%;
margin-top: -13px;
background: none;
}
.address-list .no-address.active:after {
background: url(../img/dh.png) no-repeat center center;
background-size: 18px;
}
.address-btn2 button {
display: block;
float: left;
padding: 10px 15px;
width: 50%;
border-radius: 0;
background: #fff;
text-align: center;
border-bottom:1px #dcd9d9 solid;
}
.address-btn2 button + button {
border-left: 1px #dcd9d9 solid;
}
.address-btn2 button span {
height: 17px;
display: inline-block;
padding-left: 25px;
}
.address-btn2 button span.modify-bt {
background: url(../img/g1.png) no-repeat;
background-size: 17px;
}
.address-btn2 button span.delete-bt {
background: url(../img/g2.png) no-repeat;
background-size: 17px;
}
.address-btn2 button:enabled:active {
background: #e5e5e5;
color: #333;
}
.add-dzbox {
padding: 40px 0 55px;
}
.add-dl {
padding: 0 15px;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px #cfcece solid;
}
.tk-box .add-dl2{
margin-bottom: 0;
padding: 0;
border: none;
}
.tk-box .add-dl{
border-bottom: none;
}
.add-dl dt {
text-align: right;
width: 78px;
font-size: 14px;
float: left;
line-height: 40px;
}
.add-dl dd {
margin-left: 85px;
line-height: 40px;
font-size: 14px;
}
.add-dl dd input,.add-dl select {
border: none;
padding: 5px;
margin: 0;
font-size: 14px;
}
.add-dl select {
padding: 10px 5px;
}
@-webkit-keyframes loading-3 {
50% {
transform: scale(0.4);
opacity: .4;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.loading-3 {
position: relative;
}
.loading-3 i {
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #333;
position: absolute;
}
.loading-3 i:nth-child(1) {
top: 25px;
left: 0;
-webkit-animation: loading-3 1s ease 0s infinite;
}
.loading-3 i:nth-child(2) {
top: 17px;
left: 17px;
-webkit-animation: loading-3 1s ease -0.12s infinite;
}
.loading-3 i:nth-child(3) {
top: 0px;
left: 25px;
-webkit-animation: loading-3 1s ease -0.24s infinite;
}
.loading-3 i:nth-child(4) {
top: -17px;
left: 17px;
-webkit-animation: loading-3 1s ease -0.36s infinite;
}
.loading-3 i:nth-child(5) {
top: -25px;
left: 0;
-webkit-animation: loading-3 1s ease -0.48s infinite;
}
.loading-3 i:nth-child(6) {
top: -17px;
left: -17px;
-webkit-animation: loading-3 1s ease -0.6s infinite;
}
.loading-3 i:nth-child(7) {
top: 0px;
left: -25px;
-webkit-animation: loading-3 1s ease -0.72s infinite;
}
.loading-3 i:nth-child(8) {
top: 17px;
left: -17px;
-webkit-animation: loading-3 1s ease -0.84s infinite;
}
.loader {
position: relative;
width: 100%;
height: 145px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.loader .loader-txt {
position: absolute;
bottom: 0;
font-size: 16px;
}
.yh-box {
padding: 5px 10px;
}
.yh-box .yh-tit {
float: left;
font-size: 14px;
position: relative;
padding: 5px 0 0;
}
.dt-hytxt {
float: right;
font-size: 14px;
background: url(../img/a-gd.png) right center no-repeat;
background-size: 12px;
padding: 5px 25px 5px 0;
color: #ea120f;
}
.dt-hytxt2{
background: none !important;
}
.yh-dpts {
background: #f2f859 url(../img/yh1.png) no-repeat 6px center;
color: #ea120f;
font-size: 14px;
padding: 3px 5px 6px 30px;
border-radius: 6px;
position: absolute;
width: auto;
word-break: keep-all;
white-space: nowrap;
left: 0;
top: 28px;
}
.yh-dpts:after {
content: "";
width: 0;
height: 0;
border: 10px transparent solid;
border-bottom-color: #f2f859;
position: absolute;
left: 20px;
top: -16px;
}
.dp-hz {
padding:6px 10px;
text-align: right;
border-top: 1px #e5e5e5 solid;
}
.dp-hz {
font-size: 14px;
}
.dp-hz strong {
color: #ea120f;
font-size: 20px;
font-weight: 400;
}
.dp-hz span {
color: #6c6c6c;
}
.pop-dbox {
background: rgba(0,0,0,.50);
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 199;
}
.dp-pop {
position: fixed;
z-index: 200;
left: 0;
right: 0;
bottom: 0;
background: #fff;
height: 60%;
}
.yhz-box2{
overflow:auto;
height: 100%;
padding-bottom: 60px;
}
.dp-pop h2 {
text-align: center;
font-size: 18px;
padding: 15px 0;
border-bottom: 1px #dbdada solid;
}
.yhj-list {
font-size: 0;
border-bottom: 1px #dbdada solid;
padding: 10px 0;
}
.yhj-list span {
font-size: 14px;
float: left;
min-height: 50px;
text-align: center;
}
.yhj-list .yhj-discount {
width: 20%;
font-size: 24px;
color: #ea120f;
line-height: 50px;
}
.yhj-list .yhj-discount i {
font-style: normal;
font-size: 14px;
}
.yhj-list .yhj-expire {
line-height: 24px;
width: 60%;
text-align: left;
color: #a09f9f;
}
.yhj-list .yhj-expire i {
font-style: normal;
color: #ea120f;
display: none;
}
.yhj-list .yhj-btn {
width: 20%;
line-height: 50px;
}
.yhj-list .yhj-btn a {
border: 1px #ea120f solid;
color: #ea120f;
padding: 3px 8px;
border-radius: 3px;
}
.yhj-list .yhj-btn.active a {
border: 1px #a09f9f solid;
color: #a09f9f;
padding: 3px 8px;
border-radius: 3px;
}
.dp-pop .group-tit,.dp-pop .group-tit span {
background: #e5e5e5;
}
.prohibit-list span.yhj-discount {
color: #a09f9f;
}
.prohibit-list span.yhj-expire i {
display: block;
}
.prohibit-list span.yhj-btn {
display: none;
}
.available-list span.yhj-btn {
position: relative;
}
.available-list span.yhj-btn a {
display: none;
}
.available-list span.yhj-btn:after {
width: 30px;
height: 30px;
border: 1px #a09f9f solid;
content: "";
position: absolute;
left: 50%;
top: 50%;
margin-top: -15px;
margin-left: -15px;
border-radius: 100%;
}
.available-list span.yhj-btn.active:after {
background: #ea120f url(../img/dh2.png) center center no-repeat;
border-color: #ea120f;
}
.available-list span.yhj-bsy {
color: #6c6c6c;
width: 80%;
line-height: 50px;
}
.group-inf {
padding: 0 15px;
}
.group-inf span {
width: 50%;
}
.group-inf ~ .mui-card-footer .mui-btn-danger {
min-width: 120px;
}
.group-inf span.group-inf-tit {
color: #ea120f;
float: right;
text-align: right;
}
.group-inf-time {
color: #929191;
float: left;
}
.ms-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 55px;
}
.ms-top a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
text-align: center;
color: #333;
}
.ms-top a span {
display: block;
font-size: 14px;
line-height: 18px;
}
.ms-top a span:nth-child(1) {
/* font-weight: bold;
*/
font-size: 18px;
line-height: 25px;
padding-top: 5px;
}
.ms-top a.active {
border-bottom: 2px #ea120f solid;
color: #ea120f;
}
.ms-list span.price-ori {
display: block;
}
.ms-list .mui-card-footer .mui-card-link,.ms-list .mui-card-header .mui-card-link {
height: auto;
display: block;
float: left;
line-height: 24px;
}
.ms-list .mui-card-footer {
display: block;
margin-top: 10px;
padding-bottom: 10px;
}
.ms-list .mui-card-footer .mui-card-link + .mui-card-link {
float: right;
text-align: right;
}
.ms-top ~ .refreshContainer {
padding-top: 56px !important;
}
.ms-top .mui-scroll-wrapper{
height: 55px !important;
}
.ms-top .mui-segmented-control.mui-scroll-wrapper .mui-control-item{
height: 55px;
}
.ms-list .mui-btn-danger {
width: 120px;
}
.ms-list .mui-card {
padding-bottom: 14px;
}
.barbox dt {
float: left;
margin-right: 5px;
}
.barbox dd {
margin-top: 8px;
float: left;
width: 120px;
height: 8px;
background: #e5e5e5;
border-radius: 4px;
}
.barbox .charts {
height: 8px;
display: block;
background-color: #ea120f;
background-image: linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
border-radius: 4px;
}
.ms-cpbtn .mui-btn {
border-radius: 0;
}
.ms-cpbtn .mui-btn-danger {
width: 65%;
}
.ms-cpbtn .mui-btn-warning {
background: none;
border: none;
width: 34%;
color: #333;
}
.ms-cpbtn .mui-btn-warning:enabled {
background: none;
border: none;
color: #333;
}
.ms-cpbtn2 .mui-btn-danger:enabled {
background: #555;
border: none;
color: #fff;
}
.ms-cpbtn2 .mui-btn-warning:enabled {
background: #b2b2b2;
border: none;
color: #fff;
}
.ms-cpbtn2 .mui-btn-warning {
background: #b2b2b2;
border: none;
color: #fff;
}
.ms-cpbtn2 .mui-btn-danger {
background: #555;
border: none;
}
.ms-qgl .mui-btn-danger:enabled:active {
background: #444;
border: 1px #444 solid;
}
.ms-qgl .mui-btn-danger {
background: #bbb;
border: 1px #bbb solid;
}
.ms-qgl .barbox dt {
text-align: right;
padding-right: 0;
float: right;
}
.ms-qgl .barbox dd {
display: none;
}
.refreshContainer .mui-card-header.mui-card-media img {
width: 100%;
max-width: 100%;
display: block;
}
.mui-slider .mui-slider-group .mui-slider-item img{
display: block ;
}
a.mui-card{
display: block;
}
.ms-t {
background: #fff;
}
.ms-ts {
padding: 10px 15px;
}
.ms-txt1 {
font-size: 14px;
float: left;
}
.ms-ttim {
float: right;
font-size: 14px;
}
.ms-ttim span label {
color: #fff;
background: #ea120f;
padding: 2px 4px;
margin: 0 3px;
}
.cj-popbox {
background: #fff;
position: absolute;
left: 0;
bottom: 0;
right: 0;
padding: 0 15px 10px;
}
.cj-poptxt1 {
padding-top: 10px;
line-height: 1.9;
}
.cj-popbox h2 {
text-align: center;
font-size: 18px;
padding: 10px 0;
}
.ms-list .mui-btn-warning {
min-width: 120px;
}
.end-list .ribbon{
background: rgba(0,0,0,.5);
}
.end-list .ribbon span{
line-height: 50px;
height: 50px;
text-align: center;
padding-top: 0;
}
.hdjs-box{
background: #b5b5b5;
font-size: 16px;
padding: 9px 0;
width: 60%;
text-align: center;
color: #fff;
margin-top: 6px;
}
.zj-tit{
padding:10px 15px 10px 40px;
background: url(../img/ic1.png) 10px center no-repeat;
background-size: 27px;
font-size: 16px;
border-bottom: 1px #b5b5b5 solid;
}
.zj-listt {
padding-top: 5px;
border-bottom: 10px #f3f4f6 solid;
}
.zj-listt li{
float: left;
text-align: center;
font-size: 16px;
padding: 10px 0;
}
.zj-listt li:nth-child(1){
width: 25%;
}
.zj-listt li:nth-child(2){
width:45%;
}
.zj-listt li:nth-child(3){
width: 30%;
}
.zj-li{
margin-top: -10px;
}
.zj-li li{
height: 70px;
padding: 10px 0;
border-bottom: 10px #f3f4f6 solid;
}
.zj-li li span{
float: left;
text-align: center;
font-size: 14px;
line-height: 50px;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.zj-li li span:nth-child(1){
width: 25%;
}
.zj-li li span:nth-child(1) img{
width:40px;
height: 40px;
border-radius: 100%;
}
.zj-li li span:nth-child(2){
width:45%;
}
.zj-li li span:nth-child(3){
width:30%;
}
.modal-checkout {
display: none;
position: fixed;
top: 0; left: 0;
z-index: 9990000;
background-color: white;
bottom: 0;
right: 0;
}
.modal-checkout .modal-content { position: relative; }
.modal-checkout .modal-body {
overflow: scroll;
position: fixed;
top: 1.8rem; left: 0; right: 0; bottom: 0;}
.modal-checkout .modal-header {
line-height: 1.8rem;
position: fixed;
left: 0;
right: 0;
font-size: 0.6rem;
color: #434343;
background: #fff;
text-align: center;
z-index: 1000;
}
.modal-checkout .close { background-image: url("../img/ceng-x.png"); background-size: 1rem 1.2rem; background-repeat: no-repeat; display: block; width: 1rem; height: 1.2rem; position: absolute; right: 0.8rem; top: 35%; margin-top: -0.16rem; }
.modal-open { position: relative; height: 100%; overflow: hidden; }
.modal-checkout .modal-header h4{ text-align: center; font-size: 18px; padding: 12px 0; border-bottom: 1px #dbdada solid; }
.li-radio-check{
border-bottom: 10px #f3f4f6 solid;
}
#address-list{
position: absolute;
left: 0;
right: 0;
border: 50px;
top: 13px;
/* 使之可以滚动 */
overflow-y: scroll;
overflow-x: hidden;
}
.syt-box .sy-btn:enabled:active {
background: #fff;
color: #ea120f;
border: 1px #ea120f solid;
margin-right: -3px;
}
.syt-box .sy-btn{
background: #fff;
color: #ea120f;
border: 1px #ea120f solid;
margin-right: -3px;
}
.syt-box button {
margin-left: 0;
}
.jjks-list .syt-box .sy-btn:enabled:active {
border: 1px #d4d3d3 solid;
color: #1c1c1c;
}
.jjks-list .syt-box .sy-btn{
border: 1px #d4d3d3 solid;
color: #1c1c1c;
}
.jjks-list .syt-box .mui-btn-danger{
border: 1px #d4d3d3 solid;
background: #D4D3D3;
color: #1c1c1c;
color: #fff;
}
.mf-sybox{
padding:15px 0;
}
.mf-sybox a{ display: block; padding: 10px 15px; text-align: center; color: #6c6c6c;}
.mf-sybox a span{ color: #ea120f;}
.mf-sybox .group-tit span{
background:#e5e5e5;
}
.end-mf .mui-btn-danger{
display: none;
}
.end-mf .sy-btn{
margin: 0;
}
.end-mf .sy-btn:enabled:active {
margin: 0;
}
.aa-pop{
background:#ea120f;
color: #fff;
font-size: 16px;
padding: 10px 15px;
line-height: 1.7;
}
.haotao-tit{
background: #fff;
border-top: 10px #f3f4f6 solid;
padding: 15px 15px 10px;
text-align: center;
}
.haotao-tit h2{
font-size: 16px;
padding-bottom: 3px;
color: #666;
}
.haotao-tit span{
font-size: 12px;
color: #ccc;
letter-spacing:16px;
text-indent: 16px;
display: block;
}
.haotao-tit ~ .hot-list{
padding-top: 0;
}
.haotao-guan{
padding-bottom: 60px;
}
.dp-lybox{
padding: 8px 10px 0;
}
.dp-lybox textarea{
border: none;
font-size: 14px;
text-align: left;
}
.zf-ts{
padding: 10px 0;
line-height: 1.7;
}
.zf-ts p span{
color: #ea120f;
}
span.rmb{
color: #ea120f;
font-size: 0.3rem;
}
.problem {
background: #fff;
}
.problem li{
padding: 0 15px;
border-bottom: 1px #c3c2c2 solid;
font-size: 14px;
}
.problem li a{ color: #6c6c6c; display: block; padding: 10px 20px 10px 0; background: url(../img/a-gd.png) right center no-repeat; background-size: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.problem li:hover,.problem li:active{
background: #e5e5e5;
}
.problem-xq{
background: #fff;
padding: 10px 15px;
height: 100%;
}
.problem-xq h1{
font-size: 16px;
padding-bottom: 10px;
padding-top: 5px;
border-bottom: 1px #ddd solid;
margin-bottom: 10px;
}
.problem-xq-txt{
line-height: 1.8;
}
.prize-box + .prize-box{
border-top: 10px #f3f4f6 solid;
}
.prize-box h2{
text-align: right;
padding: 10px 15px;
color: #ea120f;
font-size: 16px;
}
.prize-box dl{
border-top: 1px #d4d4d4 solid;
padding: 10px 15px;
}
.prize-box dt{
float: left;
width: 120px;
}
.prize-box dd{
margin-left: 130px;
}
.prize-box dd a{
font-size: 14px;
display: block;
margin-bottom: 5px;
}
.prize-box p{
font-size: 14px;
text-align: right;
}
.prize-btn{
text-align: right;
padding: 10px 15px;
}
.prize-btn button{
padding: 6px 10px;
margin-left: 15px;
}
.od-state{
background:#f7c76b url(../img/zt1.png) no-repeat calc(100% - 15px) ;
/*background-position:;*/
padding:35px 15px;
font-size: 18px;
color: #fff;
line-height: 1.8;
text-shadow: 0px 0px 5px rgba(0,0,0,.5);
}
.od-state2{
background:#f7c76b url(../img/zt2.png) no-repeat calc(100% - 15px) ;
}
.od-state3{
background:#f7c76b url(../img/zt3.png) no-repeat calc(100% - 15px) ;
}
.od-dz{
padding: 10px 15px 10px 40px;
background: url(../img/gps2.png) 7px center no-repeat;
background-size: 30px;
line-height: 1.9;
}
.od-dz p{ color: #282828;}
.od-dz p span{ float: right;}
.order-btn2{
padding:5px 0;
}
.order-btn2 a{
float: left;
width: 50%;
border-top: 1px #d4d4d4 solid;
padding: 10px 0;
font-size: 14px;
text-align: center;
text-indent: 2em;
}
.order-btn2 a:nth-child(1){
border-right: 1px #d4d4d4 solid;
background: url(../img/lxmj.png) no-repeat calc(50% - 35px);
background-size: 30px;
}
.order-btn2 a:nth-child(2){
background: url(../img/bddh.png) no-repeat calc(50% - 30px);
background-size: 25px;
}
.order-xq{
padding:10px 15px;
line-height: 1.8;
}
.order-xq p{
color: #282828;
}
.order-tj .mores-list{
}
.brand-time2{
padding: 0 10px;
text-align: left;
color: #6c6c6c;
}
.regiment-tit{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.regiment-tit li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
height: 44px;
line-height: 44px;
text-align: center;
font-size: 14px;
}
.regiment-tit li a{
display: block;
}
.regiment-tit li.active{
border-bottom: 3px #ea120f solid;
}
.regiment-tit li.active a{
color: #ea120f;
}
.prize-box p.tuan-jg{
text-align: left;
}
.prize-box p.tuan-jg span{
font-size: 16px;
padding-left: 10px;
}
.prize-btn span.rmb{
float: left;
font-size: 16px;
padding: 6px 0;
}
.order-bottom .mui-btn{
height: 50px;
top: 0;
border-radius: 0;
width: 40%;
border: none !important;
float: left;
}
.order-bottom .mui-btn-danger{
width: 60%;
}
.wl-title{
padding: 15px;
text-align: center;
font-size: 18px;
}
.wl-hz{
padding:10px 15px;
}
.wl-hz dt{
float: left;
width: 60px;
height: 60px;
}
.wl-hz dd{
margin-left: 70px;
}
.wl-hz dd p{ font-size: 14px;}
.wl-gz{ padding: 0 15px;}
.wl-gz h2{
font-size: 16px;
margin-top: 10px;
padding: 3px 0 3px 10px;
border-left: 2px #ea120f solid;
}
.wl-txt{
border-top: 1px #D4D4D4 solid;
margin-top: 10px;
padding: 10px 0;
}
.wl-gz ~ .area-box .mores-list{
padding-bottom: 10px;
}
.tr-txt{ text-align: right;}
.collection{
padding-top: 0;
}
.collection .fx-cpbox dd h3{
white-space:pre-wrap
}
.collection .tuan-rs{ color: #6c6c6c; padding-right: 10px;}
.collection .sc-xin{
float: left;
width: 22px;
height: 22px;
background-size: 22px;
margin-top: 2px;
}
.collection .mui-card-link{
line-height: 22px;
margin-bottom: 5px;
text-align: right;
}
.collection .mui-btn-danger{
width: 80%;
max-width: 300px;
display: block;
margin:0;
}
.my-message{
background: #fff;
}
.my-message dl{
padding: 10px 15px;
}
.my-message dl + dl{
border-top: 10px #f3f4f6 solid;
}
.my-message dt{
float: left;
}
.my-message dt img{
width: 80px;
height: 80px;
}
.my-message dd{
margin-left: 95px;
height: 80px;
overflow: hidden;
}
.my-message dd a{
display: block;
height: 80px;
}
.my-message h2{font-size: 16px; padding: 5px 0 15px;}
.my-message h2 span{ float: right; font-size: 14px; color: #8b8b8b;}
.my-message p{
height: 22px;
overflow: hidden;
display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.my-message .area-box{
padding: 10px 15px;
}
.my-message .area-box textarea{
border: none;
min-height: 80px;
}
.my-message .comment-item-star {
display: inline-block;
overflow: hidden;
width: 150px;
height: 30px;
margin-top: 0;
margin-bottom: -6px;
background: url(../img/xx2.png) repeat-x 0 -30px;
background-size: 30px;
}
.my-message .comment-item-star .real-star {
display: inline-block;
height: 30px;
background: url(../img/xx2.png) repeat-x 0 0;
background-size: 30px;
}
.coupon-list{
margin: 10px 15px;
background: #fff url(../img/dlbg.png) repeat-x;
background-size: 14px;
padding:32px 10px 15px;
border: 1px #e7e4e4 solid;
display: block;
}
.coupon-list dt{
color:#ef8342;
width: 80px;
text-align: center;
float: left;
font-size: 14px;
border-right: 1px #edebeb dashed;
}
.coupon-list dt h2{ height: 70px; line-height: 70px; font-size: 14px;}
.coupon-list dt h2 span{
font-size: 35px;
}
.coupon-list dd{
margin-left: 90px;
}
.coupon-list h3{
color:#ef8342;
font-size: 14px;
line-height: 2;
}
.coupon-list h4{
font-size: 14px;
line-height: 2;
margin-bottom: 5px;
}
.overdue h3,.overdue dt,.overdue h4{
color: #969696 !important;
}
.overdue .coupon-list{
background:#fff url(../img/dlbg2.png) repeat-x;
background-size: 14px;
}
.shop-topbox{
position: relative;
}
.shop-topbox > img{
display: block;
width: 100%;
height: auto;
}
.shop-top{
position: absolute;
z-index: 10;
left: 0;
right: 0;
bottom: 0;
padding: 0 10px 0 10px;
}
.shop-topbox a.btn{
padding: 5px 15px 5px 30px;
background: #ea120f url(../img/kx2.png) 5px center no-repeat;
background-size: 22px;
font-size: 14px;
margin-top: 5px;
color: #fff;
border-radius: 5px;
position: absolute;
right: 10px;
top: 10px;
}
.shop-topbox a.btn:after{
content: "关注";
}
.shop-topbox a.btn.active{
background: #e5e5e5 url(../img/sx.png) 5px center no-repeat;
background-size: 22px;
color: #ea120f;
}
.shop-topbox a.btn.active:after{
content: "已关注";
}
.shop-top .shop-logo{
position: absolute;
left: 10px;
bottom: 0;
right: 10px;
}
.shop-top .shop-logo dt{ float: left;}
.shop-top .shop-logo img{
width: 140px;
height: auto;
display: block;
}
.shop-top .shop-logo dd{
margin-left: 145px;
color: #fff;
}
.shop-top .shop-logo dd p{
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
color: #fff;
height: 30px;
line-height: 30px;
}
.shop-top .shop-logo dd p img{
width: 24px;
height: 24px;
float: left;
margin-right: 8px;
}
.shop-top .shop-logo p.title-1 a{
background: url(../img/ic2.png) right center no-repeat;
padding-right: 25px;
display: inline-block;
color: #fff;
}
.shop-nav{
padding: 10px 15px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shop-nav li{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
font-size: 18px;
}
.shop-nav li span{
display: block;
font-size: 16px;
color: #6c6c6c;
padding-top: 5px;
}
.shop-nav li a{
display: block;
}
.shop-nav li + li{
border-left: 1px #e6e4e4 solid;
}
.shop-tt{
font-size: 14px;
padding: 10px 15px;
}
.group-tit ~ .mores-list .price-ori{
display: none !important;
}
.coupon-box {
background: #fff;
padding: 10px 15px 0;
margin-right: -15px;
}
.coupon-box li {
position: relative;
width: 45.5%;
height: 100%;
margin-right: 4%;
background: #f60;
display: inline-block;
margin-bottom: 10px;
color: #fff;
padding: 10px 0;
text-align: center;
}
.coupon-box li p{
color: #fff;
}
.coupon-box li:before, .coupon-box li:after {
content: "";
position: absolute;
top: -20px;
display: block;
width: 10px;
height: 100%;
margin-top: 20px;
background-size: 20px 10px;
}
.coupon-box li:before {
left: -10px;
background-color: #fff;
background-position: 100% 35%;
background-image: linear-gradient(-45deg, #f60 25%, transparent 25%, transparent), linear-gradient(-135deg, #f60 25%, transparent 25%, transparent), linear-gradient(-45deg, transparent 75%, #f60 75%), linear-gradient(-135deg, transparent 75%, #f60 75%);
}
.coupon-box li:after {
right: -10px;
background-color: #f60;
background-position: 100% 15%;
background-image: linear-gradient(-45deg, #fff 25%, transparent 25%, transparent), linear-gradient(-135deg, #fff 25%, transparent 25%, transparent), linear-gradient(-45deg, transparent 75%, #fff 75%), linear-gradient(-135deg, transparent 75%, #fff 75%);
}
.rmb-t{
font-size: 18px;
}
.rmb-t span{
font-size: 14px;
}
.rmb-t em{ font-size: 26px;}
.shop-commodity{
padding-top: 0;
}
.shop-commodity .area-box:nth-child(1){
border-top: none;
}
.shop-commodity .tuan-rs{
color: #949393;
background: url(../img/ic3.png) no-repeat;
padding-left: 25px;
}
.shop-commodity .mui-btn{
margin-left: 0;
display: block;
width: 100%;
margin-top: 3px;
max-width: 300px;
margin: 3px 0 0;
float: none;
}
.shop-dat span{
background: #e5e5e5;
}
.myxx-box li{
border-bottom: 10px #f3f4f6 solid;
font-size: 14px;
}
.myxx-box .mui-slider-handle{
background: url(../img/a-gd.png) right 0 no-repeat;
background-size: 12px;
padding-right: 20px;
}
.myxx-box li.current .myxx-txt{
display: block;
}
.myxx-box li.current .mui-slider-handle{
background: url(../img/a-gd2.png) right 0 no-repeat;
}
.myxx-txt{
color: #8f8f94;
padding-top: 5px;
display: none;
}
.dd-yhbox{
font-size: 14px;
padding: 8px 15px;
color: #949393;
}
.dd-yhbox span{ float: right; color:#333;}
.dp-yhtxt{
float: left;
}
.follow-box{
padding: 10px 15px;
}
.follow-tit img{ float: left; width:80px; margin-right: 10px;}
.dp-yhtxt span{ padding-right: 6px; font-size: 14px;}
.follow-tit h2{
font-size: 16px;
height: 30px;
line-height: 30px;
}
.shop-dt span{
display: inline-block;
font-size: 12px;
padding: 0 5px;
border-radius: 3px;
}
.shop-dt .new{
background: #6cb247;
color: #fff;
margin-right: 5px;
}
.shop-dt .ticket{
background: #ea120f;
color: #fff;
margin-right: 5px;
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
.shop-commodity .area-box,.collection .area-box{
float: left;
width: 50%;
border-left: 5px #e5e5e5 solid;
border-right: 5px #e5e5e5 solid;
min-height: 137px;
overflow: hidden;
}
.shop-commodity .area-box h3,.collection .area-box h3{
max-height: 63px;
overflow: hidden;
}
.shop-commodity .area-box:nth-child(2){
border-top: none;
}
.mores-list li{
width: 33.3333%;
}
}
.shop-button{
display: flex;
}
.shop-button a{
flex: 1;
text-align: center;
line-height: 38px;
font-size: 16px;
text-indent: 2em;
margin: 6px 0;
}
.shop-button a + a{
border-left: 1px #e3e0e0 solid;
}
.shop-button a:nth-child(1){
}
.shop-button a:nth-child(2){
}
.mui-inline{
display: block;
font-size: 16px;
padding-bottom: 5px;
}
.mui-icon-star{
color: #666;
}
.mui-icon-star-filled{
color: #ea120f;
}
.shop-about{
background: #fff;
padding: 10px 15px;
font-size: 14px;
}
.shop-about dl{
padding: 10px 0;
}
.shop-about dl + dl{
border-top: 1px #e5e5e5 solid;
}
.shop-about dt{
padding: 5px 0;
float: left;
width: 85px;
}
.shop-about dd img{
float: right;
}
.shop-about dd{
margin-left: 95px;
padding: 5px 0;
}
a.shop-rwm{
display: block;
text-align: right;
}
.shop-brand{
border-top: 10px #f3f4f6 solid;
background: #fff;
padding: 10px 15px;
}
.shop-brand h3{
font-size: 14px;
padding-bottom: 5px;
}
.shop-brand-list{
margin-right: -15px;
}
.shop-brand-list li{
float: left;
margin: 10px 10px 0 0;
width: 120px;
height: 55px;
overflow: hidden;
}
.shop-rwmbox{
width: 80%;
margin: 20% auto 0;
text-align: center;
padding: 30px;
background: #fff;
border-radius: 20px;
}
.shop-rwmbox h3,.shop-rwmbox p{
padding: 10px 0;
}
.sy-hot{
border-top: 10px #f3f4f6 solid;
background: #fff;
padding: 10px 0;
}
.hot-title{
height: 30px;
line-height: 30px;
position: relative;
text-align: center;
}
.hot-title:after{
content: "";
height: 1px;
width: 100%;
display: block;
background: #e5e5e5;
position: absolute;
left: 0;
top: 15px;
z-index: 0;
}
.hot-title span{
display: inline-block;
background:#fff url(../img/hot.png) 5px top no-repeat;
padding: 0 10px 0 34px;
background-size: 25px;
z-index: 10;
position: relative;
font-size: 16px;
}
.hot-title span i{
font-style: normal;
color: #666666;
font-size: 13px;
padding-left: 5px;
}
.hot-title1{padding: 0 0.5em 0 1em;line-height:2rem;}
.hot-title1 a{float: right;margin-left:0.5em;display: inline-block;color: #ababab;}
.hot-title1 a span.mui-icon{font-size: 1.7em;line-height: 2rem;margin-left: 0.3em;}
.hot-title1 big{display: block;overflow: hidden;color: #333;font-size: 1.6em;}
.return{position: fixed;right: 1em;bottom: 10%;border-radius: 50%;width: 2.5rem;height: 2.5rem;text-align: center;z-index: 10;background: rgba(255,255,255,.5);border: 1px solid #d1d1d1;line-height: 1.2;}
.return span{display: block;font-size: 1.7em;}
.return p{font-size: 1em;}
.mui-slider-indicator.mui-segmented-control.hot-gd .mui-scroll.topic-1 p{white-space: nowrap;height: auto;}
.topic-1 .topic-2{display: block;color: #ea120f;font-size: 1.2em;text-align: left;line-height: 1.3;}
.topic-1 .topic-2 del{font-size: 0.8em;color: #ababab;margin-left: 1.5em;line-height:1.6;}
#hot-gd,.mui-slider-indicator.mui-segmented-control.hot-gd{
height: 260px;
padding: 10px 0;
}
#hot-gd a,.mui-slider-indicator.mui-segmented-control.hot-gd a{
padding: 0 6px;
width: 180px;
height: 260px;
}
#hot-gd a img,.mui-slider-indicator.mui-segmented-control.hot-gd a img{
display: block;
}
#hot-gd .mui-scroll,.mui-slider-indicator.mui-segmented-control.hot-gd .mui-scroll{
height: auto;
}
#hot-gd .mui-scroll p,.mui-slider-indicator.mui-segmented-control.hot-gd .mui-scroll p{
white-space: pre-line;
height: 48px;
line-height: 23px;
overflow: hidden;
text-align: left;
padding-top: 5px;
color: #333;
}
#hot-gd a.hot-agd,.mui-slider-indicator.mui-segmented-control.hot-gd a.hot-agd{
height: 263px;
line-height: 24px;
padding-top: 60px;
width: 90px;
}
#hot-gd .mui-control-item.mui-active,.mui-slider-indicator.mui-segmented-control.hot-gd .mui-control-item.mui-active{
color: #333;
}
#hot-gd .mui-control-item.mui-active:after,.mui-slider-indicator.mui-segmented-control.hot-gd .mui-control-item.mui-active:after{
background: transparent;
}
.blank{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
text-align: center;
padding-top: 100px;
z-index: 2;
}
.blank p{
font-size: 18px;
line-height: 34px;
color: #818181;
}
.blank img{
max-width: 140px;
/*width: 70%;*/
}
.blank button{
padding: 10px 35px;
margin-top: 20px;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){
padding:5px 0;
}
.aa-list{
display: block !important;
height: 50px;
}
.aa-list .mui-card-link{
display: block !important;
float: left !important;
}
.aa-list .mui-card-link-aa{
line-height: 26px !important;
}
.aa-list .mui-card-link + .mui-card-link{
float: right !important;
margin-top: 5px;
}
.mui-search.mui-active input{
width: 80%;
float: left;
}
.mui-search.mui-active .mui-icon.mui-icon-clear{
display: none !important;
}
.mui-search.mui-active .so-btn{
display: block;
}
.so-btn{
float: right;
background: #ea120f;
color: #fff;
height: 31px;
width: 22%;
margin-top: 6px;
margin-left: -2%;
display: none;
}
.mui-tab-item .mui-icon{
top: 5px !important;
}
.mui-tab-item .mui-icon .f-im2{
display: none;
}
.mui-tab-item.mui-active .f-im2{
display: inline-block;
}
.mui-tab-item.mui-active .f-im1{
display: none;
}
#fx-pop{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 5000;
background: rgba(0,0,0,.7);
}
.pop-box2{
padding:5px 10px;
text-align: center;
}
.pop-jt1{
text-align: right;
}
.pop-jt1 img{
max-height: 180px;
}
.pop-box2{
color: #fff;
}
.pop-box2 h2{
font-size: 18px;
padding-bottom: 20px;
margin-top: -50px;
}
.pop-box2 h2 span{
color: #ff0;
}
.pop-box2 h3{
font-size: 16px;
line-height: 38px;
height: 38px;
display: inline-block;
}
.pop-box2 h3 i{
display: inline-block;
background: url(../img/jt2.png) no-repeat right center;
width: 40px;
height: 38px;
}
.pop-box2 h3 span{
padding: 0 3px;
border-bottom: 2px #ff0 solid;
color: #ff0;
}
.jt-new{ clear: both;overflow: hidden;padding: 20px 0;text-align: center; margin: -9em 0 0 -9.5em;width:19em;position: absolute;left: 50%;top: 50%;}
.jt-new img{max-width: 100%;}
.jt-new dt{text-align: right;}
.jt-new dt img{height: 2.5em;}
.qrcode_share{padding:10px;}
.qrcode_share h2{padding-bottom:10px; font-size: 14px;}
.qrcode_share .pic{padding-top:10px;}
.qrcode_share .name dt{float: left; padding-right:5px; }
.qrcode_share .name dd{font-size: 14px; font-weight: bold;}
.qrcode_share .qrcode{float: left;}
.qrcode_share .tip{overflow:hidden;font-size: 12px; padding-left: 10px; line-height:2em;}
.view-qrcode{width:100%; position: fixed; bottom:30px; z-index: 5001; left: 0;}
.view-qrcode div{background:#666; color:#fff; font-size: 16px; padding:10px; width: 200px; margin:auto; text-align: center; border-radius:5px;}
@media only screen and (min-width:400px) {
.jt-new{width: 26em;margin: -12em 0 0 -13em ;}
}
.fx-txt1{
float: left;
height: 38px;
}
.add-dl dt span{
color: #ea120f;
}
.add-select{
}
.tk-sm{
padding: 5px;
height: 80px;
}
.tk-addbox{
padding-top: 20px;
}
.tk-addbox dl{
border-bottom: none;
}
.tk-addbox select,.tk-addbox input,.tk-box input{
border: 1px solid rgba(0,0,0,.2) !important;
}
.tk-box{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top:0;
padding: 15PX;
}
.tk-box button{
margin-top: 20px;
}
.tk-box .mui-btn-block{
padding: 10px 0;
}
.tk-sjcg{
margin-top: 20%;
background:url(../img/tk1.png) no-repeat center top;
padding-top: 130px;
text-align: center;
line-height: 2;
color: #414040;
}
.tk-sjcg2{
background: url(../img/tk2.png) center top no-repeat;
}
.tk-sjcg p{
font-size: 16px;
color: #414040;
}
.tk-sjcg h2{
font-size: 20px;
line-height: 3;
}
.tk-sjcg p.ts{
color: #EA120F;
}
.ts{
color: #EA120F;
}
.aa-cpxq span.rmb{
line-height: 18px;
padding-right: 8px;
font-size: 12px;
}
.aa-cpxq span.rmb i{
font-size: 18px;
}
@media only screen and (max-width: 375px) {
.aa-btn{margin: 0 -15px;}
.pop-box2 h2{
font-size: 16px;
}
.pop-box2 h3{
font-size: 14px;
}
}
@media only screen and (max-width: 346px) {
.aa-btn button span{
font-size: 18px !important;
}
.aa-btn button{
font-size: 12px !important;
}
.aa-cpxq .mui-card-link + .mui-card-link{
display: none !important;
}
.mores-list li .price-int{
padding-right: 0;
font-size: 16px;
}
.mores-list li .mui-card-link p{
font-size:12px;
}
.mui-card-footer .price-int3{
max-width: 140px;
}
.mores-list li .pro-name {
min-height: auto;
max-height: 47px;
overflow: hidden;
}
.pop-box2 h2{
text-align: left;
padding-left: 30px;
margin-top: -45px;
}
.pop-jt1 img{
max-height: 140px;
}
}
.fhsyz{
float: left;
}
.ul_pics{
padding: 0 10px;
}
.ul_pics li{float:left;width:120px;border: 1px #cdcccc solid;height:120px;margin:0 5px 10px}
.progress{position:relative;padding: 1px; border-radius:3px; margin:60px 0 0 0;}
.bar {background-color: green; display:block; width:0%; height:20px; border-radius:3px; }
.percent{position:absolute; height:20px; display:inline-block;top:3px; left:2%; color:#fff }
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}
*:first-child+html .clearfix{zoom:1}
.img_common{width:100%;height: 100%}
.ad-ban img{
display: block;
}
.ad-ban ~ .haotao-tit{
border-top: 0;
}
.ms-date{
padding-left: 10px;
}
.ms-date span{
color: #ea120f;
}
.mui-bar-nav ~ .mui-content{
margin-top: 44px;
}
.mores-list2{
padding-bottom: 0;
}
.mui-segmented-control-list{
padding-bottom: 60px;
}
.mui-bar .mui-title{
line-height: 35px;
}
.mui-bar .mui-icon{
padding-top: 5px;
}
.mui-bar .mui-title a{
display: inline-block;
padding: 0 13px;
}
.mui-bar .mui-title a.active{
color: #ea120f;
}
.mui-card-link span.gmsl-tt b{
color: #ea120f;
}
.mui-card-link span.gmsl-tt{
color: #8f8f94;
}
.productInfo {
padding: 10px 10px 15px;
background-color: #fff;
border-top: solid 1px #e7e7e7;
}
.product-txt{
font-size: 12px;
color: #8f8f94;
}
.productInfo .t {
color: #ea120f;
margin-right: 12px;
}
.mui-popover .mui-scroll-wrapper{
margin: 0;
min-height: 250px;
max-width: 200px;
right: 0;
left: auto;
}
.mui-popover .mui-table-view-cell:after {
position: absolute;
right: 15px;
bottom: 0;
left: 15px;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc;
}
.mui-popover .mui-table-view-cell a{
padding:10px 15px;
font-size: 14px;
line-height: 28px;
color: #929191;
}
.mui-popover .mui-table-view-cell a img{
width: 28px;
float: left;
margin-right: 10px;
}
a.shop-a{
display: block;
}
.xz-appbg{
background:#fc494c url(../img/xzbg.jpg) center top no-repeat;
background-size: 100%;
padding-top: 30px;
}
.app-logo{
text-align: center;
}
.app-txt1{
text-align: center;
padding-top: 20px;
}
.app-btn{
padding-top: 20px;
}
.app-btn a{
display: block;
width: 70%;
margin: 0 auto;
text-align: center;
font-size: 24px;
line-height: 60px;
height: 60px;
overflow: hidden;
border-radius: 8px;
}
.app-btn a.app-ip span{
display: inline-block;
background: url(../img/xz-ip.png) left center no-repeat;
padding-left: 40px;
height: 60px;
line-height: 60px;
background-size:30px;
}
.app-btn a.app-ip{
border: 1px #fff solid;
color: #fff;
margin-bottom: 20px;
}
.app-btn a.app-an{
background: #ffffff;
color: #c0bfbf;
}
.app-btn a.app-an span{
display: inline-block;
background: url(../img/xa-an.png) left center no-repeat;
padding-left: 40px;
height: 60px;
line-height: 60px;
background-size:30px;
}
.app-ts{
padding:30px 20px;
color: #fff;
}
.app-ts strong{
font-size: 18px;
}
.app-ts p{
color: #fff;
line-height: 2;
font-size: 16px;
}
.app-js{
margin-top: 15px;
background: #fff;
padding: 10px;
padding-bottom: 30px;
}
.app-js #hot-gd a{
width: 200px;
}
.app-js #hot-gd{
height: 350px;
}
.app-js #hot-gd a.mui-active{
border: none !important;
}
.app-txt2{
color: #969595;
padding-top: 10px;
}
.app-txt2 h3{
padding: 10px 0;
}
.app-txt2 p{
line-height: 1.8;
font-size: 14px;
}
/*新添加2016年12月26日 */
.zc-top img{
display: block;
}
.zc-tabbox{
background: #fff;
position: relative;
padding: 10px 15px;
}
.zc-ul li{
float: left;
text-align: center;
width: 50%;
}
.zc-ul li a{
display: block;
color: #545c66;
margin: 0 20px;
height: 45px;
}
.zc-ul li.dq a{
border-bottom: 2px #ea120f solid;
color: #ea120f;
}
.zc-ul{
position: absolute;
height: 45px;
line-height: 45px;
background: rgba(255,255,255,.9);
left: 0;
right: 0;
z-index: 20;
top: -45px;
font-size: 16px;
overflow: hidden;
}
.dl-inipt{
padding: 20px 0 10px;
}
.dl-inipt .mui-btn-block{
line-height: 1;
}
.dl-ip1,.dl-ip2{
display: block;
border: none !important;
border-bottom: 1px #f1f1f1 solid !important;
width: 100%;
padding:10px 15px 10px 30px !important;
margin-bottom: 25px !important;
}
.dl-inbox{
position: relative;
}
.dl-inbox span{
position: absolute;
left: 0;
top: 4px;
width: 24px;
height: 24px;
}
.dl-inbox span img{
width: 24px;
opacity: 0.7;
}
.dl-wjmm{
text-align: right;
font-size: 14px;
}
.dl-wjmm a{
display: inline-block;
padding: 4px 0 4px 10px;
color: #6C6C6C;
}
.dl-fhbtn{
position: absolute;
left: 10px;
top: 10px;
}
.dl-fhbtn img{
opacity: 0.5;
}
.dl-fhbtn img:active{
opacity: 1;
}
.ksdl{
font-size: 0;
text-align: center;
}
.ksdl li{
display: inline-block;
}
.ksdl li a{
display: block;
padding: 10px 20px;
}
.ksdl li img{
width: 60px;
}
.dl-inbox .abs-btn{
position: absolute;
right: 0;
top: 0;
border: 1px #ddd solid;
padding: 5px 15px;
color: #9c9c9c;
border-radius: 8px;
}
.yhzx-t{
position: absolute;
right: 0;
top: 0;
font-size: 16px;
}
.yhzx-t a{
color: #fff;
display: inline-block;
padding: 10px 15px;
font-weight: 600;
}
.portrait-box dt span a{
display: block;
}
.set-box{
background: #fff;
}
.set-box ul{
border-bottom: 10px #f3f4f6 solid;
}
.v-txbox{
position: relative;
}
.set-box li{
border-bottom: 1px #e7e7e7 solid;
min-height: 40px;
}
.set-box li a{
font-size: 16px;
padding: 14px 10px;
}
.v-txbox input{
position: absolute !important;
width: 100% !important;
left: 0 !important;
right: 0 !important;
opacity: 0 !important;
z-index: 20;
height: 60px;
}
.set-box li.v-txbox{
padding:20px 10px 10px;
}
.set-box ul#ul_pics{
padding-right: 20px;
background: url(../img/a-gd.png) right center no-repeat;
background-size: 15px;
}
.set-box ul#ul_pics li{
border: none;
width: 60px;
height: 60px;
}
.set-box ul#ul_pics img{
width: 60px;
height: 60px;
border-radius: 50%;
}
.set-box ul#ul_pics{
border-bottom: none;
float: right;
}
.set-box ul#ul_pics li:nth-child(2){
display: none;
}
.set-box ul#ul_pics .progress{
margin-top: 0;
}
.set-box li span{
font-size: 16px;
}
.set-box li span.v-t1{
float: left;
line-height: 60px;
}
.set-box li a{
display: block;
}
.set-box li span.v-t2{
float: right;
background: url(../img/a-gd.png) right center no-repeat;
background-size: 15px;
padding-right: 30px;
min-width: 30px;
min-height: 21px;
}
.set-box ul li:last-child{
border-bottom: none;
}
.xz-popbg{
background: rgba(0,0,0,.5);
position:fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 100;
display: none;
}
.name-box{
background: #FFF;
text-align: center;
padding: 20px 15px 0;
}
.name-box h2{
font-size: 16px;
font-weight: bold;
padding: 10px 0 15px;
}
.name-btn{
border-top: 1px #e7e7e7 solid;
margin: 0 -15px;
font-size: 0;
border-bottom: 1px #e7e7e7 solid;
}
.name-btn button{
display: inline-block;
width: 50%;
padding: 12px 0;
border-right: 1px #E7E7E7 solid;
border-radius:0 !important;
}
.name-btn button:last-child{
border-right: none;
color:#5967b5;
}
.name-box .dl-inbox{
}
.name-box .dl-inbox input{
border-bottom: 1px solid rgba(0,0,0,.2);
padding-left: 10px;
margin-bottom: 15px !important;
}
.fb-box{
background:rgba(0,0,0,.5);
position: absolute;
left: 0;
right: 0;
top: 45px;
bottom: 0;
z-index: 1000;
}
.fb-bgbox{
background: #fff;
padding: 15px;
}
.fb-text{
background: #eeeeee;
padding: 10px;
min-height: 100px;
border: 1px #e5e5e5 solid;
}
.fb-bgbox .fx-cpbox dt{
width: 90px;
border: 1px #e5e5e5 solid;
padding: 0;
}
.fb-bgbox .fx-cpbox{
padding-left: 0;
padding-right: 0;
}
.fb-bgbox .fx-cpbox dt img{
display: block;
}
.fb-bgbox .fx-cpbox dd{
margin-left: 100px;
}
.fbbnt-box{
padding-top: 15px;
}
.fbbnt-box button{
display: inline-block;
width: 48%;
padding-top: 8px;
padding-bottom: 8px;
}
.fbbnt-box button:last-child{
float: right;
}
.square-box{
background: #ea120f;
height: 44px !important;
line-height: 44px !important;
}
.square-btn1{
float: right;
}
.square-box .mui-btn{
top: 5px;
background: transparent;
color: #fff;
border: 1px #fff solid;
width: 20%;
}
.square-so{
float: left;
width: 76%;
position: relative;
}
.square-btn2{
position: absolute;
right: 0;
top: 5px;
background: url(../img/sobtn.png) center center no-repeat;
width: 40px;
height: 34px;
background-size: 22px;
}
.square-so input{
height: 34px;
margin-top: 5px;
line-height: 34px;
padding: 0 10px;
margin-bottom: 0;
font-size: 16px;
}
.square-list li{
border-top: 10px #eeeeee solid;
padding:10px;
}
.square-l{
float: left;
width: 50px;
overflow: hidden;
text-align: center;
}
.square-l img{
border-radius: 100%;
width: 50px;
height: 50px;
}
.square-l p{
color: #333;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size: 12px;
}
.square-r{
margin-left: 60px;
}
.square-kh{
font-size: 13px;
background: #eee;
border: 1px #e5e5e5 solid;
border-radius: 5px;
padding:5px 5px;
line-height: 1.8;
color: #818181;
margin-top: 10px;
margin-bottom: 8px;
}
.square-r .fx-cpbox{
background: #fff;
padding-top: 0;
}
.square-r .fx-cpbox dt{
float: left;
}
.square-r .fx-cpbox dt img{
width: 100px;
}
.square-r .fx-cpbox dd{
margin-left: 110px;
}
.square-r .square-abtn1{
display: block;
}
.square-btn3{
background: #ea120f;
height: 36px;
line-height: 36px;
margin-top: 10px;
color: #fff;
border-radius:8px 18px 18px 8px;
font-size: 16px;
display: block;
}
.square-rs{
float: left;
background: url(../img/rs1.png) no-repeat 10px center;
background-size: 20px;
padding-left: 35px;
}
.square-je{
float: right;
padding-right: 15px;
}
.square-r .mui-card-link{
font-size: 14px;
padding-bottom: 6px;
}
.square-r span.rmb{
font-weight: bold;
font-size: 16px;
}
.square-r dd h3 span {
color: #fff;
background: #ea120f;
padding: 0 8px;
border-radius: 5px;
font-size: 14px;
display: inline-block;
margin-right: 5px;
}
.square-box ~ .mui-content{
margin-bottom: 52px;
}
.add-tab .mui-scroll-wrapper{
position: relative;
padding-bottom: 0;
}
.add-tab .mui-scroll{
position: relative;
}
.add-tab .mui-segmented-control{
border-bottom: 1px #e5e5e5 solid;
}
.add-tab a.mui-control-item:after{
display: none !important;
}
.add-tab .mui-control-item.mui-active{
background: #ea120f;
color: #fff;
}
.add-tab li.mui-table-view-cell{
background: #fff !important;
}
.add-tab .mui-radio input[type=radio]:before{
color: #dddddd;
}
.add-tab .mui-checkbox input[type=checkbox]:checked:before, .add-tab .mui-radio input[type=radio]:checked:before{
color: #ea120f;
}
.add-tab .mui-radio label{
font-size: 14px;
line-height: 1.8;
border-bottom: 1px #dcdcdc solid;
width: 100%;
}
.add-tab .mui-radio label span{
color: #ababab;
}
.add-tab .mui-radio input[type=radio]{
top: 20px;
}
.add-tab .mui-table-view{
padding-top: 8px;
}
.mui-zt-box .mui-table-view-cell{
border-top: none !important;
border-bottom: 1px #dcdcdc solid;
}
.mui-zt-box .mui-table-view-cell div{
padding-right: 58px;
font-size: 14px;
}
.mui-zt-box .mui-table-view-cell span{
color: #ababab;
}
.add-tab .mui-segmented-control .mui-control-item{
line-height: 35px;
}
.jtt-jgbox span{
display: inline-block;
height: 22px;
line-height: 22px;
}
.jtt-jgbox{
height: 32px;
border-bottom: 1px #E7E7E7 solid;
margin: 0 -15px;
padding: 0 15px;
}
.jtt-jgbox span.ptjg-span{
color: #844c01;
background: #ecd903;
padding: 0 8px;
border-radius: 5px;
font-size: 14px;
display: inline-block;
margin-right: 5px;
height: 24px;
line-height: 24px;
float: left;
position: relative;
}
.fx-cpbox dd h3 span{
color: #fff;
background: #ea120f;
padding: 0 8px;
border-radius: 5px;
font-size: 14px;
display: inline-block;
margin-right: 5px;
}
.jtt-jgbox span.gmsl-tt{
float: right;
font-size: 14px;
color: #8f8f94;
}
.jtt-jgbox span.gmsl-tt b {
color: #ea120f;
}
.jtt-jgbox .price-ori{
float: left;
font-size: 14px;
color: #8f8f94;
margin-left: 10%;
text-decoration: line-through;
}
.jtt-box{
padding: 5px 10px;
}
.jtt-jglist{
padding-top: 10px;
font-size: 0;
}
.jtt-jglist p{
display: inline-block;
width: 33%;
line-height: 1.5;
color: #333;
}
.jtt-jglist p.jd{
color: #E9120F;
}
.jtt-jgbox span.ptjg-span:after{
content: "";
position: absolute;
width: 8px;
height: 8px;
transform: rotate(45deg) skew(180deg);
right: 26px;
bottom: -4px;
background: #ecd903;
z-index:-0;
}
.ladder-box1{
/* 许程 8.17 padding: 0 10px 10px;*/
}
.ladder-box1 .fx-ts1{
padding:10px 0 0;
}
.ladder-rs{
color: #ea120f;
font-size: 16px;
}
.ladder-jdt{
margin:25px 0 25px 0;
background: #f0f0f0;
height: 8px;
line-height: 8px;
border-radius: 4px;
}
.ladder-jdt2{
background: #ea120f;
float: left;
height: 8px;
line-height: 8px;
position: relative;
min-width: 35px !important;
}
.ladder-jdt2 span{
position: absolute;
right: -2px;
top: -20px;
width: 40px;
height: 40px;
background: #ea120f;
color: #fff;
border-radius:100%;
line-height: 40px;
text-align: center;
font-size: 14px;
}
.ladder-list{
background: #F0F0F0;
border: 1px #e5e5e5 solid;
border-radius: 10px;
padding:10px;
}
.ladder-list li{
width: 33.333%;
float: left;
font-size: 14px;
line-height: 1.9;
}
.ladder-list li.too{
color: #ababab;
}
.ladder-list li.active{
color: #ea120f;
}
@media only screen and (max-width:350px) {
.ladder-list li{
width: 50%;
float: left;
font-size: 14px;
line-height: 1.9;
}
}
.vtop-bg{
background:#fff url(../img/v-bg1.jpg) center top no-repeat;
background-size:100% 136px;
padding:15px 10px 10px;
}
.vtop-bg .portrait-box{
background:none;
padding-top: 0 !important;
margin-top: -45px;
}
.vtop-bg .portrait-box dt span{
box-shadow: 0 0 8px rgba(0,0,0,.5);
}
.vtop-bg .portrait-box dd{
text-shadow: 0 0 8px rgba(0,0,0,.5);
}
.vtop-bg .order{
padding: 0;
margin-top: 5px;
background: none;
}
.vtop-bg .order-t{
padding:0 0 6px 0 !important;
}
.vtop-bg .portrait-box dt img{
width: 70px;
height: 70px;
}
.vtop-bg .portrait-box dt span{
width: 80px;
height: 80px;
}
.vtop-ico img{
height: 28px;
}
a.v-xxtxt{
position: relative;
margin-right: 5px;
}
a.v-xxtxt span{
background: #fff;
color: #EA120F;
border-radius: 100%;
width: 20px;
height: 20px;
display: block;
text-align: center;
font-size: 12px;
position: absolute;
right: -10px;
top: -10px;
}
.vip-box2{
margin-top: 10px;
background: #fff;
padding: 0 10px;
overflow: hidden;
}
.core-list{
margin-top: 10px;
background: #fff;
padding: 0 15px;
overflow: hidden;
}
.vip-box3{
margin-bottom: 55px;
}
.vip-box2 li{
float: left;
width: 25%;
text-align: center;
padding-bottom: 10px;
margin-top: -2px;
border-top: 1px #e5e5e5 solid;
padding-top: 10px;
}
.mui-bar{
z-index: 20;
}
.vip-box2 li img{
width: 46%;
}
.vip-box2 li a{
color: #818181;
display: block;
}
.mui-slider-handle span{
color: #EA120F;
}
.pop-tj{
background: #fff;
position: absolute;
min-height: 200px;
top: 12%;
left: 15px;
right: 15px;
}
.pop-gb1{
position: absolute;
right: 0;
top: 0;
}
.pop-gb1 a{
padding: 0 0 0 10px;
}
.pop-tj h2{
font-size: 16px;
line-height: 40px;padding-left: 10px;
}
.pop-tj h3{
text-align: center;
padding: 15px 0;
font-size: 22px;
}
.pop-rwm1{
text-align: center;
}
.pop-rwm1 img{
width: 150px;
}
.pop-txt2{
padding: 15px;
color: #333;
font-size: 14px;
line-height: 1.8;
}
.pop-txt2 span{
color: #EA120F;
}
.vip-yjbox{
border-top: 1px #e5e5e5 solid;
padding-top: 10px;
padding-bottom: 10px;
display:flex;
}
.vip-yjbox p{
width: 38%;
border-right: 1px #e5e5e5 solid;
padding-left: 15px;
font-size: 12px;
}
.vip-yjbox p span{
font-size: 16px;
color:#333;
}
.vip-yjbox p:last-child{
border: none;
width: 24%;
}
.vip-yjbox p button{
width: 98%;
display: inline-block;
margin-top: 6px;
}
.vx-top{
padding: 15px;
font-size: 16px;
color: #fff;
background: #ea120f url(../img/ico3.png) 15px center no-repeat;
background-size: 25px;
text-indent:2em;
}
.fs-list{
background: #fff;
padding: 15px;
}
.fs-list li{
padding: 10px 0;
border-bottom: 1px #E5E5E5 solid;
min-height: 80px;
}
.fs-list li img{
width: 60px;
border-radius: 100%;
float: left;
margin-right: 20px;
}
.fs-list li h3{
font-size: 16px;
color: #434343;
line-height: 30px;
}
.my-money{
background: #ea120f;
padding: 15px;
text-align: center;
color: #fff;
}
.my-money h2{
font-size: 56px;
font-family: arial;
}
.my-money span{
display: inline-block;
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
background: url(../img/ico4.png) left 8px no-repeat;
background-size: 25px;
padding-left: 30px;
}
.my-money-1{
margin: 15px;
background: #fff;
padding: 15px;
}
.my-money-1 li{
clear: both;
font-size: 14px;
border-bottom: 1px #e5e5e5 solid;
padding: 8px 0;
}
.my-money-1 li span{
float: left;
}
.my-money-1 li p{
margin-left: 75px;
}
.my-money-1 li p em{
color: #ea120f;
}
.my-bottom{
min-height: 55px;
}
.tx-ts{
font-size: 14px;
text-align: center;
background: #fcf8e3;
padding: 15px;
color: #616162;
}
.tx-iniptu{
margin-top: 15px;
background: #fff;
}
.mui-input-row label{
font-size: 14px;
width: 28%;
}
.mui-input-row{
padding: 5px 0;
}
.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{
width: 70%;
}
.my-bnt-box2{
padding: 25px 15px;
}
.my-bnt-box2 button{
display: block;
width: 100%;
padding: 10px;
}
.my-bnt-box2 a{
display: block;
text-align: center;
margin-top: 10px;
height: 40px;
font-size: 14px;
line-height: 40px;
color: #ffa200;
}
.record-box{
margin:15px 10px;
position: relative;
z-index: 10;
min-height: 100px;
}
.record-t{
background: #b0bbd0;
height: 16px;
overflow: hidden;
border-radius: 8px;
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 10;
}
.record-list{
background: #fff url(../img/bg1.png) repeat-x;
position: relative;
z-index: 20;
top: 8px;
margin: 0 8px;
padding: 8px;
box-shadow: 0 0 8px rgba(0,0,0,.3);
}
.record-list table{
width: 100%;
}
.record-list th{
font-size: 16px;
color: #333;
padding: 10px 0;
text-align: center;
}
.record-list td{
padding: 10px 0;
border-top: 1px #e5e5e5 solid;
font-size: 14px;
color: #ababab;
text-align: center;
}
.record-list tr.dq-jd td{
color: #333;
}
.record-list tr.dq-jd td span{
color: #EA120F;
}
.tzwk-ts{
line-height: 24px;
font-size: 14px;
padding: 5px 15px;
}
.tzwk-ts .price-int{
font-size: 20px;
color: #ea120f;
}
.ptw-box{
background: #fb504e;
padding: 15px;
position: relative;
color: #fff;
height: 220px;
}
.tw1{
position: absolute;
width: 100px;
top:20px;
left: 50%;
margin-left: -50px;
text-align: center;
}
.tw1 img{
width: 100px;
height: 100px;
}
.tw2 img{
border-radius: 100%;
border: 3px #90b8ec solid;
width: 80px;
height: 80px;
}
.tw2 .pm-box span{
background: #90b8ec !important;
}
.tw2{
position: absolute;
width: 100px;
top:40px;
left:15px;
text-align: center;
}
.tw2 img{
border: 3px #90b8ec solid;
display: block;
width: 80px;
}
.tw3{
position: absolute;
width: 100px;
top:40px;
right:15px;
text-align: center;
}
.tw3 img{
border-radius: 100%;
border: 3px #d1aa7f solid;
width: 80px;
height: 80px;
}
.tw3 .pm-box span{
background: #d1aa7f !important;
}
.tw2{
position: absolute;
width: 100px;
top:40px;
left:15px;
text-align: center;
}
.tw2 img{
border: 3px #90b8ec solid;
margin: 0 auto;
display: block;
width: 80px;
}
.tw1 img{
border: 3px #ffc923 solid;
}
.tw2 .pm-box span{
background: #90b8ec !important;
}
.ptw-box h3{
font-size: 16px;
}
.ptw-box .pm-box{
text-align: center;
}
.ptw-box img{
border-radius: 100%;
display: block;
margin: 0 auto;
}
.ptw-box p{
color: #fff;
}
.ptw-box span{
display: inline-block;
width: 30px;
height: 30px;
font-size: 20px;
background: #ffc923;
line-height: 30px;
border-radius: 100%;
margin:10px 0;
}
.king-bottom{
background: #ea120f;
border: none !important;
padding: 0 15px;
overflow: hidden;
display: block !important;
}
.king-bottom li{
color: #fff;
line-height: 52px;
}
.king-bottom img{
height: 42px;
border-radius: 100%;
margin-top: 4px;
margin-right: 25px;
}
.ptw-list{
border-bottom: 1px #e5e5e5 solid;
padding: 10px 0;
line-height: 50px;
font-size: 14px;
}
.ptw-list img{
width: 50px;
border-radius: 100%;
float: left;
margin-right: 10px;
}
.ptw-list li span{
padding: 0 8px;
font-size: 20px;
}
.ptw-jp{
background: #fb504e;
font-size: 16px;
color: #fff;
padding: 15px;
}
.ptw-jp h2{
text-align: center;
font-size: 20px;
padding-bottom: 10px;
}
.ptw-jp p{
font-size: 16px;
color: #fff;
line-height: 1.8;
}
.mui-col-xs-9 .mui-control-content{
margin-bottom: 0;
}
.mui-control-content img{
display: block;
margin: 0;
}
/* 新添加的专题*/
.zt-ban img{
display: block;
}
.zt-box1{
background: #f6ccbf;
padding-bottom: 55px;
}
.zt01-list li{
float: left;
width: 50%;
padding:0 5px;
margin-bottom: 10px;
}
.zt01-list li img{
display: block;
}
.zt01-list li a{
display: block;
}
.zt01-list li h2{
font-size: 15px;
background: #fff;
padding:8px 8px 0;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.zt01-list li button{
width: 100%;
margin-bottom: 8px;
}
.zt01-txt{
background: #fff;
padding: 0 6px;
}
.zt01-tit{
text-align: center;
padding: 10px;
}
.bq-box{
text-align: center;
padding-bottom: 10px;
}
.bq-box h2{
font-size: 16px;
padding: 15px 0 10px;
border-bottom: 1px #ddd solid;
color: #ccc;
}
.bq-box h2 a{
color: #ccc;
}
.bq-logo{
padding-top: 10px;
display: block;
}
.bq-logo img{
display: none;
}
.bq-logo p{
font-size: 14px;
color: #cccccc;
padding-top: 5px;
}
.mui-content ~ .bq-box{
margin-bottom: 60px;
}
.shop-top .shop-logo dd p.title-2{
line-height: 60px;
height:60px;
text-shadow: rgba(0,0,0,.3) 0 1px 0;
font-size: 16px;
}
#hot-gd2{
background: #fff;
height: 115px;
padding-top: 8px;
}
#hot-gd2 .mui-control-item{
padding: 0 10px;
background: #f60;
color: #fff;
border: none !important;
margin-right: 6px;
}
#hot-gd2 .mui-control-item p{
line-height: 24px;
color: #fff;
}
#hot-gd2 .mui-control-item.mui-active:after{
background: transparent;
}
#hot-gd2 a.mui-control-item{
position: relative;
padding-bottom: 4px;
}
#hot-gd2 .mui-scroll{
height: 97px;
}
.hx-box{
margin: 10px;
background: #fff;
border-radius: 10px;
padding-bottom: 10px;
}
.hx-box h2{
font-size: 16px;
height: 34px;
line-height: 34px;
padding: 0 10px;
border-bottom: 1px #f0f0f0 solid;
}
.hx-box dl{
margin-bottom: 5px;
}
.hx-box dt{
font-size: 14px;
width: 90px;
text-align: right;
float: left;
padding:5px 0;
}
.hx-box dd{
margin-left: 100px;
font-size: 14px;
padding:5px 0;
}
.hx-dl{
margin:10px;
padding-bottom: 5px;
border-bottom: 1px #f0f0f0 dashed;
}
.hx-dl2{
margin: 0 10px;
}
.hx-box dd span{
font-size: 16px;
color: #E54048;
}
.hx-btn{
margin:20px 10px 0;
}
.hx-btn .mui-btn-success{
background: #04be01;
border: 1px #238d26 solid;
}
.hx-btn .mui-btn-block{
padding: 12px 0;
}
.mui-kd-box .mui-table-view-cell div{
padding-right: 58px;
font-size: 14px;
}
.mui-kd-box .mui-table-view-cell {
border-top: none !important;
border-bottom: 1px #dcdcdc solid;
}
.mui-kd-box .mui-table-view-cell span{
color: #ababab;
}
.add-tab .mui-kd-box{
padding-top: 0;
}
.kd-fs{
font-size: 14px;
padding-left: 15px;
height: 50px;
line-height: 40px;
border-top: 10px #f3f4f6 solid;
border-bottom: 1px #dcdcdc solid;
}
.cp-dbox ~ .bq-box{
margin-bottom:0 !important;
}
.pop-gz{
background: rgba(0,0,0,.5);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 20000;
}
.pop-gznr{
top: 195px;
bottom: 195px;
background: #fff;
position: absolute;
border-radius: 10px;
padding: 10px;
width: 320px;
height: 340px;
left: 50%;
right: 50%;
margin-left: -160px;
}
.pop-gznr h2{
font-size: 18px;
text-align: center;
color: #ea120f;
line-height: 1.5;
padding-bottom: 10px;
text-indent: -1.5rem;
}
.pop-gznr p{
text-align: center;
font-size: 16px;
}
.rwm-box{
text-align: center;
padding: 15px 0;
}
.pop-gbbtn{
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 30px;
line-height: 30px;
text-align: center;
background: #fff;
border-radius: 0 10px 0 0;
font-size: 14px;
}
.pop-gbbtn:hover{
background: #ea120f;
color: #fff;
}
.rwm-box img{
display: block;
max-width: 194px;
margin: 0 auto;
}
.mui-bar-buy button{width:35%!important;float:left}
.mui-bar-buy button.mui-btn-outlined{width:15%!important;line-height:1;height:50px;top:0;border-radius:0;font-size:13.6px;border:none;color:#5f616c}
.mui-bar-buy button.mui-btn-outlined img{display:block;margin:0 auto 5px;width:22px}
.mui-bar-buy button.home-btn{
border-right: 1px #e7e7e7 solid;
}
header.mui-bar{
height: 35px;
line-height: 35px;
}
a.vip-appxz{
display: block;
padding: 12px 10px 12px 45px;
position: relative;
font-size: 14px;
color: #8f8f94;
}
a.vip-appxz img{ height: 28px;}
a.vip-appxz:after {
content: "立即前往";
width: 65px;
height: 17px;
line-height: 17px;
position: absolute;
background: url(../img/a-gd.png) center right no-repeat;
right: 10px;
top: 15px;
background-size: 15px;
color: #ea120f;
font-size: 12px;
}
a.vip-appxz span {
width: 32px;
display: block;
position: absolute;
left: 6px;
top: 5px;
padding-top: 3px;
}
.mui-card-footer div:last-child span{
font-size: 12px;
}
.jtt-jgbox span.gmsl-tt{font-size: 12px;}
.xrzx-txt b{font-size: 12px;}
.mui-card-footer, .mui-card-header{min-height:35px;}
.mui-bar-nav ~ .mui-fullscreen{
background: #f3f4f6;
bottom: 52px;
}
.fx-ctbtn{padding: 6px 10px;}
.fx-ctbtn button{width: 100%; padding: 10px;}
.fx-area-box{border-top: none;}
div.floatCtro{width: 100px; float: left; position: fixed; z-index: 100;
left: 0;
top: 44px;
bottom: 52px;
background: #fff;
text-align: center;
overflow: auto;
}
div.floatCtro p{width: 100%; height: 40px; line-height: 40px; font-size: 14px;border-bottom: 1px #E5E5E5 solid;}
div.floatCtro p.cur{ background:#f3f4f6; color:#ea120f;}
div.floatCtro a{
height: 38px; line-height: 38px;
display: block;
color: #8f8f94;
font-size: 14px;
}
.mui-navtitle a {
display: block;
height: 35px;
line-height: 35px;
font-size: 14px;
margin: 5px 0 0;
}
.mui-navtitle span {
float: right;
color: #9c9c9c;
}
.nav-rbox .mui-table-view:before{
background: transparent;
}
.nav-rbox .mui-table-view{font-size: 0;}
.nav-rbox li.mui-table-view-cell{
padding: 8px;
width: 33.3333%;
display: inline-block;
text-align: center;
}
.nav-rbox li.mui-table-view-cell p{
font-size: 13.6px;
}
.mui-bar{
z-index: 105;
}
.nav-rbox{
background: #f3f4f6;
position: absolute;
top: 44px;
border: 52px;
right: 0;
left: 100px;
overflow: auto;
}
.nav-rbox div{
padding:0 8px;
}
.nav-fl li{
float: left;
width: 20%;
padding:4px 10px;
text-align: center;
}
.nav-fl li p{font-size: 13px;}
.nav-fl li img{
max-width:55px;
display: block;
margin: 0 auto;
}
.nav-fl{
background: #fff;
padding: 4px 0;
}
.box-flex{
display: flex;
margin-top: 10px;
}
.box-flex a{
display: block;
}
.box-flex-div {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1;
display: block;
width: 100%;
}
.box-flex img{
display: block;
margin: 0 auto;
}
.activity-list{
border-right: 1px solid #f3f4f6;
}
.activity-list-1 a:nth-child(2){
border-top: 1px solid #f3f4f6;
}
.fxy-ptwf{
padding: 10px;
}
.fxy-ptwf h2{
float: left;
font-size: 16px;
background: url(../img/wh.png) no-repeat right center;
background-size: 20px;
padding-right: 20px;
}
.fxy-ptwf p{
float: right;
}
.ptjj-txt{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 400;
background: rgba(0,0,0,.6);
}
.ptjj-txt .detail{
background: #fff;
position: fixed;
top: 50%;
left: 0;
right: 0;
padding: 15px;
margin-top: -140px;
}
.gb-btn{
position: absolute;
right: 0;
top: -10px;
background:rgba(0,0,0,.5) url(../img/gb.png) no-repeat center center;
background-size: 20px;
border-radius: 100%;
width: 30px;
height: 30px;
}
.ptjj-tt{
text-align: center;
position: relative;
}
.ptjj-tt h2{
font-size: 16px;
padding-bottom: 8px;
}
.ptjj-tt span{
position: absolute;
right: 0;
top: -10px;
padding-left: 30px;
}
.ptjj-tt span img{
width: 24px;
}
.fl-list2{
width: 50%;
float: left;
border: 2px #f3f4f6 solid;
border-bottom-width: 8px;
border-top-width: 0;
}
.fl-list2 img{
display: block;
}
.fl-list2 .list-img{display: block;overflow: hidden;clear: both;}
.fl-list2 .list-img em{display: table-cell;text-align: center;vertical-align: middle;overflow: hidden;}
.fl-list2 .list-img em img{max-width: 100%;max-height: 100%;}
.fl-list2 p.pro-name{
padding: 5px 8px 0;
height: 47px;
overflow: hidden;
background: #fff;
}
.fl-list2 .price-ori{
display: none;
}
.mui-numbox{
height: 26px;
}
.pop-yhjdbox{
background:rgba(0,0,0,.5) no-repeat;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1000;
}
.pop-yhjimg{
position: absolute;
left:50px;
right:50px;
top: 100px;
}
.pop-yhjimg img{
display: block;
}
.pop-yhjimg a.yhj-close{
position: absolute;
width: 45px;
height: 45px;
top: 0;
right: 5px;
}
.pop-yhjimg a.yhj-more{
position: absolute;
left: 0;
top: 80px;
bottom: 0;
right: 0;
}
.yhj-dbox{
position: relative;
}
.yhj-dbox img{
display: block;
}
.lj-list .mui-segmented-control{
background: #fff;
}
.pt-yhj{
padding: 10px;
}
.pt-yhj li{
background: #fff;
padding:15px 10px;
border-radius: 8px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
.pt-yhj li div:nth-child(1){
width:90px;
font-size: 30px;
color: #ff2e45;
line-height: 70px;
}
.pt-yhj li div:nth-child(1) span{
font-size: 14px;
}
.pt-yhj li div:nth-child(2){
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.pt-yhj li div:nth-child(3){
border-left: 1px #dcdcdc dashed;
padding-left: 15px;
width: 75px;
}
.pt-yhj li a{
display: block;
background: #ff2e45;
border-radius: 100%;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
margin-top: 10px;
}
.pt-yhj li h3{
font-size: 16px;
font-family: arial;line-height: 1.8;
}
.pt-yhj li p{ line-height: 1.8; color: #ababab;}
.pt-yhj li.ylq-li a{
background: #cfcfcf;
}
a.fx-afxa{
font-size: 14px;
background: url(../img/a-gd.png) center right no-repeat;
background-size: 15px;
padding-right: 15px;
color: #ea120f;
padding-left: 15px;
}
@media only screen and (max-width:360px) {
.square-r .fx-cpbox dd .mui-card-link .price-ori{
display: none;
}
.pop-gznr{
top: 120px;
bottom: 120px;
padding: 10px;
width: 280px;
height: 300px;
margin-left: -140px;
}
.pt-yhj li div:nth-child(1){
width: 70px;
font-size: 24px;
}
.pt-yhj li{
padding: 10px 8px;
}
.pt-yhj li h3{
font-size: 14px;
padding-bottom: 8px;
}
.pt-yhj li div:nth-child(3){
width: 65px;
}
.pt-yhj li p{ line-height: 1.5; color: #ababab;}
.pt-yhj li a {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 14px;
color: #fff;
}
.pop-gznr img{
width: 160px;
}
.pop-gznr p{
font-size: 14px;
}
.pop-gznr h2{
font-size: 16px;
padding-bottom: 5px;
}
.pop-gbbtn{
width: 45px;
}
}
/*4月11日 修改店铺*/
.shop-name{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 10px;
background: #fff;
padding-bottom: 10px;
}
.shop-name .shop-name-li{
padding-right: 10px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
z-index: 20;
}
.shop-name .shop-name-li h2{
color: #fff;
font-size: 20px;
height: 35px;
line-height: 30px;
text-shadow: 0 0 5px rgba(0,0,0,.5);
}
.shop-name li.shop-logoimg{
width: 90px !important;
position:relative;
z-index: 10;
}
.shop-name li.shop-logoimg img{
width: 70px;
height: 70px;
text-align: center;
display: block;
margin: 0 auto;
border: 1px rgba(0,0,0,.3) solid;
}
.shop-abs{
background:#ea120f;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 45px;
z-index: 1;
}
.shop-txt{
height: 35px;
line-height: 42px;
font-size: 14px;
color: #333;
}
.shop-txt a{
float: right;
border: 1px rgba(0,0,0,.3) solid;
padding: 0 10px 10px 26px;
height: 25px;
line-height: 25px;
margin-top: 8px;
border-radius: 8px;
background: url(../img/sc1.png) 5px no-repeat;
background-size: 18px;
}
.shop-txt a.active{
background: url(../img/sc2.png) 5px no-repeat;
background-size: 18px;
color: #ea120f;
border: 1px #ea120f solid;
}
.shop-h2{
padding:8px 10px;
font-size: 16px;
}
.shop-yhjbox{
height: 92px !important;
padding:10px 0 0 !important;
background: #fff;
}
.shop-yhjbox a.mui-control-item:before {
content: '';
position: absolute;
top: 50%;
margin-top: -5px;
bottom: 0;
left: -5px;
z-index: 10;
background: #fff;
width: 10px;
height: 10px;
border-radius: 50%;
}
.sign:before{
width: 10px;
height: 10px;
background: #fff;
border-radius: 50%;
content: '';
position: absolute;
top: 50%;
margin-top: -5px;
right: -5px;
z-index: 0;
}
.shop-yhjbox a.mui-control-item{
height: 72px !important;
width: 152px !important;
background: #fd535c;
margin-left: 10px;
position: relative;
overflow: hidden;
color: #fff;
border-radius: 6px !important;
}
.sign i{
position: absolute;
z-index: 10;
right: 0px;
left: 0;
text-align: center;
padding-top: 13px;
}
.sign{
position: absolute;
right: 0;
top: 0;
width: 33px;
background: #ea120f;
bottom: 0;
color: #fff;
line-height: 24px;
}
.par{
width: 105px;
height:80px;
overflow: hidden;
float: left;
padding-left: 5px;
padding-top: 5px;
}
.par span{
color: #fff;
display: block;
font-size:20px;
overflow: hidden;
height: 20px;
line-height:24px;
text-align:left;
}
.par span i{
font-size:16px;
}
.par p{
color: #fff !important;
text-align: left !important;
word-wrap: break-word !important;
line-height:20px;
font-size: 13.6px !important;
line-height: 18px !important;
}
.shop-yhjbox.mui-scroll-wrapper .mui-control-item.mui-active{
border-bottom: none;
background: #fd535c !important;
}
.shop-yhjbox.mui-scroll-wrapper .mui-control-item.active{
background: #e8e8e8;
}
.shop-yhjbox.mui-scroll-wrapper .mui-control-item.active span,.shop-yhjbox.mui-scroll-wrapper .mui-control-item.active p{
color: #333 !important;
}
.shop-yhjbox.mui-scroll-wrapper .mui-control-item.active .sign{
background: #b0b0b0;
}
.shop-rk{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 10px 0;
}
.shop-rklogo{
width: 70px;
padding-left: 10px;
}
.shop-rklogo img{
width: 60px;
height: 60px;
display: block;
}
.shop-rkname{
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
padding-right: 120px;
padding-left: 10px;
overflow: hidden;
min-width: 160px;
}
.shop-rkname h2{
font-size: 16px;
height: 30px;
line-height: 30px;
display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.shop-rkname p{
display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
i{
font-style: normal;
}
.shop-rkname span{
padding: 0 10px;
}
.shop-rkname i{
position: absolute;
right: 10px;
border: 1px #EA120F solid;
border-radius:7px 6px 6px 7px;
height: 35px;
line-height: 35px;
top: 10px;
padding: 0 10px 0 35px;
font-size: 13.6px;
overflow: hidden;
width: 104px;
}
.shop-rkname i:after{
content: '';
background:#EA120F url(../img/shop-ic12.png) no-repeat center center;
background-size: 20px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 30px;
height: 35px;
line-height: 35px;
overflow: hidden;
border-radius:6px 0 0 6px;
}
.jtt-dj{
float: left;
font-size: 14px;
}
.jtt-dj span{
color: #E9120F;
font-size: 20px;
}
.jtt-dj span i{
font-size: 14px;
}
.jtt-jjbox{
padding-top: 10px;
}
.jtt-jjbox h3{
font-size: 14px;
}
.jtt-jjbox h3 span{
color: #E9120F;
}
.jtt-jdtbg{
height: 20px;
line-height: 20px;
background: #e7e7e7;
margin-top: 10px;
border-radius: 10px;
overflow: hidden ;
}
.jtt-jdtbg span{
float: left;
height: 20px;
line-height: 20px;
background: #E9120F;
}
.jtt-jglist h3{
font-size: 14px;
display: block;
color: #844c01;
padding-bottom: 8px;
}
/*添加*/
.height1{height: 10px;}
.white-bg{background: #fff;}
.color{color: #ff2741;}
.color1{color: #8548ff;}
.color2{color: #eb7990;}
.color3{color: #4cb4fb;}
.color4{color: #ff9a00;}
.head-banner{padding: 10px;}
.head-banner a{display: block;overflow: hidden;}
.head-banner a img{width: 100%;display: block;}
.head-1{padding:0 10px;}
.head-1 dl{border-top: 1px solid #eee;padding: 10px 0;}
.head-1 dl dt{float: left;width:4.2em;margin:3px 10px 3px 0;display: inline-block;}
.head-1 dl dt img{width: 100%;}
.head-1 dl dd{overflow: hidden;}
.head-1 dl dd a{display: block;overflow: hidden;clear: both;padding: 3px 0;line-height: 1.5;}
.head-1 dl dd a span{border: 1px solid #ff2741;float: left;padding: 0 5px;display: inline-block;margin-right: 8px;overflow: hidden;color: #ff2741;border-radius: 3px;}
.head-1 dl dd a p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1em;color: #333;padding: 1px 0;}
.index-cp-table th,.index-cp-table td{padding: 10px;}
.index-cp-table td{border: solid #f5f5f5;border-width: 0 0 1px 1px;}
.index-cp-table tr:last-child td{border-bottom: 0;}
.index-cp-big{display: block;overflow: hidden;font-size: 1.4em;}
.index-cp-p{font-size: 1em;}
.index-cp-table .group-tit span{padding: 0;display: block;}
.index-cp-table .group-tit span label{float: left;margin: 0;}
.index-cp-table .group-tit span b{float: left;font-weight: normal;padding: 0 2px;}
.index-cp-table .group-tit:after{display: none;}
.index-cp-img{position: relative;margin-top: 8px;}
.index-cp-img a{display: block;overflow: hidden;text-align: center;}
.index-cp-img em{position: absolute;font-style: normal;background: #fe4835;font-size: 0.5rem;color: #fff;padding:0.5em;border-radius: 50%;width:4em;line-height: 1.5;display: block;overflow: hidden;text-align: center;right: 0;top: 0;}
.index-cp-table td .index-cp-img{margin: 8px auto 0;width: 50%;}
.index-scroll.mui-scroll-wrapper{display: block;overflow-x: auto;}
/*专题页*/
.list-project-banner dt{clear: both;overflow: hidden;}
.list-project-banner dd{overflow: hidden;padding: 10px;clear: both;}
.list-project-banner img{width: 100%;display: block;}
/*一级分类页面*/
.list-top{border: solid #e5e5e5;border-width:1px 0 ;padding: 10px 0;font-size: 14px;}
.list-top li{float: left;width: 33.3333%;display: inline-block;border-right: 1px solid #e5e5e5;line-height:1;text-align: center;padding: 3px 10px;}
.list-top li span{display: inline-block;overflow: hidden;}
.list-top li.list-hover span,.list-top li.list-active span{color: #ea120f;}
.list-top li em{display: inline-block;vertical-align: middle;vertical-align: top;padding-left: 3px;}
.list-top li em i{display: block;margin-top: 2px;}
.list-top li em i.list-sm-1{border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #818181;}
.list-top li em i.list-sm-2{border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #818181;}
.list-top li.list-hover i.list-sm-1{border-bottom-color: #ea120f;margin-top: 5px;}
.list-top li.list-hover i.list-sm-2{display: none;}
.list-top li.list-active i.list-sm-2{border-top-color: #ea120f;margin-top: 5px;}
.list-top li.list-active i.list-sm-1{display: none;}
.brand-list .sy-hot{border: 0;padding-top: 0;}
.store-list a.fr{float: right;border-radius: 4px;border: 1px solid #ea120f;color: #ea120f;margin-top: 24px;display: inline-block;padding: 0 10px;line-height: 2.2;font-size: 12px;}
.store-list1{overflow: hidden;}
.kill-time{text-align: center;}
.kill-time .fx-box2 .group-tit{padding:15px 0 ;color: #333;line-height: 1.7;}
.kill-time .fx-box2 .group-tit:after{margin: 0;}
.kill-time .group-tit span{background: none;}
.kill-time .group-tit span label{color: #333;background: #e5e5e5;}
.kill-list{padding:0 10px 15px;}
.kill-img{float:left;width:100px;display: inline-block;margin-right: 10px;overflow: hidden;}
.kill-img img{width: 100%;}
.kill-list1{overflow: hidden;font-size: 12px;padding-bottom: 15px;border-bottom: 1px solid #eee}
.kill-list1 a.kill-big{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;font-size: 14px;}
.kill-list1 .kill-color{color: #ea120f;}
.kill-list1-1{padding-top: 5px;color: #ababab;}
.kill-list1-2{float: right;margin-left: 10px;display: inline-block;}
.kill-list1-2 input.kill-input{display: block;overflow: hidden;width: 100%;border-radius: 3px;background: #ea120f;color: #fff;padding: 0 10px;height: 2.2em;border: 0;margin-top:5px;}
.kill-list1-3{overflow: hidden;padding-top: 1em;}
.kill-list-1{clear: both;overflow: hidden;line-height: 1.8;}
.kill-list-1 big{float: left;display: inline-block;font-size: 1.3em;color: #ea120f;margin-right: 15px;line-height: 1.4;}
.kill-list-1 small{float: left;}
.kill-list1-4{clear: both;overflow: hidden;margin-top: 10px ;position: relative;text-align: center;}
.kill-list1-4 p{border-radius:5px;height: 10px;overflow: hidden;background: #ffe0e0;position: relative;}
.kill-list1-4 p span{position: absolute;left: 0;height: 100%;display: block;border-radius: 5px;z-index: 1;background: #ea120f;}
.kill-list1-4 small{font-size: 0.8em;display: inline-block;z-index: 2;line-height: 10px;float: right;margin-left: 10px;color: #333;text-align: right;width:2.5em;}
.kill-scroll{border: solid #eee;border-width: 1px 0;}
.kill-scroll #hot-gd .mui-scroll p{height: auto;white-space: nowrap;text-overflow: ellipsis;text-align: center;color: #333;}
.kill-scroll #hot-gd .mui-scroll .rmb-1{display: block;text-align: center;font-size: 14px;color: #ea120f;line-height: 1.8;}
.kill-top{padding: 10px 10px 0;}
.kill-top a{float: right;color: #ababab;line-height: 40px;}
.kill-top p{overflow: hidden;color: #333;line-height:40px;font-size: 1.5em;}
.kill-top a i.mui-icon{float: right;font-size:2em;line-height: 40px;margin-left: 6px;}
.nation-ul{background: #fff;padding: 3px;}
.nation-ul .mui-slider-item{float: left;width: 50%;padding: 3px;overflow: hidden;display: inline-block;}
.nation-ul .mui-slider-item a{display: block;overflow: hidden;}
.nation-ul .mui-slider-item a img{vertical-align: top;}
.nation-top{padding: 10px;}
.nation-top big{float: left;position: relative;padding-left: 15px;color: #333;font-size: 18px;line-height: 1.5;}
.nation-top big:before{position:absolute;left: 0;top: 50%;margin-top: -0.5em;display: block;width: 4px;height: 1em;background: #ea120f;content: ' ';}
.nation-ul li{width: 25% !important;}
.ad-ban{background: #fff;clear: both;overflow: hidden;}
.ad-ban a{float: left;width: 33.333333%;border-right: 1px solid #e5e5e5;display: block;overflow: hidden;}
.ad-ban a img{width:100%;}
.ad-ban a:last-child{border: 0;}
.brand-kill{padding: 10px;}
.brand-kill dt{clear: both;overflow: hidden;line-height: 1.8;}
.brand-kill dt big{display: inline-block;padding: 0 1.5em;position: relative;font-size: 16px;}
.brand-kill dt big:before,.brand-kill dt big:after{position: absolute;top: 50%;height: 1px;background: #e5e5e5;width: 100000%;content: ' ';}
.brand-kill dt big:before{left: 100%;}
.brand-kill dt big:after{right: 100%;}
.brand-kill dd .kill-time .fx-box2 .group-tit{padding: 7px 0 0;}
.ad-ban1{padding:5px 8px;}
.ad-ban1 a{float: left;width: 50%;padding:5px;display: inline-block;overflow: hidden;border: 0;}
.ad-ban1 a img{width:100%;}
.new-top{padding: 10px 0;}
.new-top dd{float: left;width: 50%;border-right: 1px solid #e5e5e5;}
.new-top dd big{display: block;overflow: hidden;font-size: 15px;color: #333;line-height: 1.8;}
.new-top dd big img{max-height:26px;margin-right:5px;vertical-align: middle;}
.new-top dd p{color: #ababab;font-size: 12px;padding-top:3px;}
.new-top dd ul.new-ul{padding: 5px 0;}
.new-top dd ul.new-ul li{display: inline-block;padding: 2px;overflow: hidden;}
.new-top dd ul.new-ul li a{display: block;overflow: hidden;width:30px;height: 30px;background: #e5e5e5;}
.new-top dd ul.new-ul1 li a{border: 1px solid #fff;border-radius: 50%;}
.new-top dd ul.new-ul2 li a{border: 1px solid #e5e5e5;}
.new-top dd ul.new-ul li a img{width: 100%;vertical-align: top;display: block;}
.hot-new1{background: #fff;padding: 10px; clear: both;overflow: hidden;margin-bottom: -10px;}
.hot-title.hot-new{clear: both;overflow: hidden;}
.hot-title.hot-new span{background:url(../img/new-4.png) no-repeat 5px center #fff;color: #ea120f !important;background-size: auto 80% !important;}
.city_box h3{font-size:16px;padding:8px 10px;line-height:2.3;background:#f5f5f5;color:#ababab;clear: both;overflow: hidden;border-bottom:1px solid #e5e5e5;}
.city_box .city_lst{clear: both;overflow: hidden;text-align: center;margin-right: -4px;background: #fff;}
.city_box .city_lst li{float:left;width:33.33333%;font-size:14px;color:#394b59;border:1px solid #e5e5e5;margin: -1px 0 0 -1px;line-height: 3;}
.city_box .city_lst li a{display:block;color:#000;-webkit-border-radius:0}
.city_box h4{clear:both;background: #f5f5f5;font-weight:400;border-bottom:1px solid #e5e5e5;}
.city_box h4 p{padding-left:10px;font-size:13px;color:#999;line-height:2.5}
.city_box h4 p span{color:#3F4358;font-size:15px;font-weight:700;margin-right:10px}
.curr_city{line-height:2;padding:0 10px 10px;clear: both;overflow: hidden;}
.curr_city a{color:#50b4d7}
.curr_city .ico{display:inline-block;width:20px;height:17px;background:url(../img/face_ico.png?v=3.1.5) no-repeat;background-size:20px 17px;vertical-align:-2px;margin-right:5px}
.letters_lst{text-align: center;clear: both;overflow: hidden;margin-right: -6px;}
.letters_lst li{width:20%;float:left;line-height:3;text-align:center;color:#394B59;border:1px solid #e5e5e5;margin:-1px 0 0 -1px;}
.letters_lst li a{display:block;color:#394b59;}
.local-city{display:inline-block;padding-left:20px;font-size:14px;color:#3F4358;font-weight:400}
.city_a{color:#999;display:inline-block;margin:20px 0 11px 0;vertical-align:top}
.city{color:#3F4358;font-size:14px;position:relative}
.city::after{border:5px solid transparent;border-top-color:#999;content:'';position:absolute;right:-15px;top:6px}
.search form{width: 100%;display: block;}
.search_input{height:35px;background:#FFF;border:1px solid #dcdcdc;position:relative;border-radius:5px;padding-left: 35px;}
.delBtn{position:absolute;top:1px;right:2px;background:#FFF url(http://img.58cdn.com.cn/m58/m4/index/deletebg.png) no-repeat;background-size:28px 31px;width:27px;height:31px;vertical-align:middle}
.search_input span.mui-icon{position: absolute;line-height: 33px;width: 33px;text-align: center;font-size: 26px;color: #ccc;top: 0;left: 0;z-index: 2;vertical-align: top;}
.search_but{border:1px solid #BEBEBE;height:33px;width:55px;vertical-align:top;position:relative}
.search_but:after{display:block;position:absolute;content:'';width:20px;height:22px;top:5px;right:18px;background:url(http://img.58cdn.com.cn/m58/m4/index/index_ico5.png) no-repeat;background-size:26px auto}
.search_word{color:#999;font-size:14px;height:22px;line-height:24px;margin:0;overflow:hidden;width:288px}
.search_word a{color:#999;margin-right:5px}
#tipsDiv{position:fixed;left:50%;bottom:50px;z-index:2000;width:190px;line-height:24px;background-color:rgba(0,0,0,.7);color:#fff;margin-left:-100px;padding:5px;border-radius:8px;text-align:center}
.search_ajax{position:absolute;top:44px;left:10px;border:1px solid #979797;background:#FFF;z-index:200;display:none;right: 10px;}
.search_ajax a{width:100%;height:100%}
span.ico_clear{display:none}
span.ico_show{display:block}
.search_ajax ul{width:100%;clear: both;overflow: hidden;}
.search_ajax ul li{height:36px;line-height:36px;color:#374565;padding:0 5px;border-bottom:1px solid #ececec;display:block}
.search_ajax ul li span:first-child{font-size:16px;color:#374565;font-weight:700;padding-right:22px}
.search_ajax ul li span:nth-child(2){font-size:11px;color:#b5bbc4}
.search_ajax ul li span.add_se{width:15%;height:20px;display:none;float:right;background-position:-50px -76px;padding:14px 15px 0 0;background-repeat:no-repeat}
.search_ajax ul li a{width:100%;min-height:36px;display:inline-block}
.search_ajax ul li span.searchFont{color:#999;padding-right:0;font-weight:400}
.bban{background-color:rgba(0,0,0,.8);bottom:0;height:69px;position:fixed;width:100%}
.search_url_new{color:#999;display:block;height:33px;margin:0;padding-left:6px;-webkit-border-radius:3px;line-height:33px}
.city_box .city_lst_near li{width:33.3%}
.city_box .city_lst_near li a{color:#0C67E4}
.search_container_city{display:block;width:auto;padding:10px;box-sizing:border-box;background:0 0;position:relative;z-index:10}
.search_container_city form{border-bottom:none;padding:6px 0 0;background:none}
.local-city{display:block;height:40px;line-height:40px;text-align:center;padding:0}
.search_ajax{top:50px}
.search_container .input_keys{height:33px;color:#ccc;border: 0;display: block;width: 100%;padding: 0;margin: 0;font-size: 14px;}
.search_container .search_ajax ul li{color:#374565;height:36px;line-height:36px;border-bottom:1px solid #ececec;display:block;word-break:break-all;margin:0 5px}
.search_container .search_ajax ul li:last-child{border-bottom:none}
.search_container .search_ajax ul li span:first-child{font-size:12px;font-weight:400}
.search_container .search_ajax ul{border:1px solid #ececec}
.local-city{border-top:1px solid #E3E3E3}
.local-city>a{font-weight:700;color:#FF6C00;font-size:16px}
/*.city_box h3{font-size:14px}*/
.city_lst_near li a,.city_lst.hot li a{font-size:16px}
.city-banner .mui-slider-indicator .mui-indicator{width: 10px;height: 10px;margin: 3px;background: #fff;border: 0;}
.city-banner .mui-slider-indicator .mui-active.mui-indicator{background: #ea120f;}
.three-height{position: relative;z-index:10 ;}
.header-three.mui-bar{position: relative;top:auto;left: auto;right: auto;}
.new-order{padding:15px;font-size: 12px;}
.new-order1{padding: 15px 0;}
.new-order-li{clear: both;overflow: hidden;border-radius: 15px;background: #fff;padding: 10px;box-shadow: 0 0 13px rgba(154,154,154,.4);color: #000;line-height: 2;}
.new-order-li p{color: #000;}
.new-order-li strong{display: block;clear: both;overflow: hidden;font-size: 3em;padding-top: 0.2em;}
.new-order-li span{display: block;overflow: hidden;color: #818181;}
.new-order2{padding: 15px 0;}
.new-order2 input{width: 100%;font-size: 1.5em;height: 2.5em;background: #1aad19;border-color: #1aad19;}
.city-left{float: left;display: inline-block;height: 35px;line-height: 35px;font-size: 13.6px;overflow: hidden;text-align: center;width: 7em;background: #ea120f;color: #fff !important;}
.city-left span{display: inline-block;}
.city-left span:after{border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;content: '';display: inline-block;margin-left: 0.4em;}
#header.city-header .mui-scroll-wrapper{width: calc(100% - 7em);overflow: hidden;float: left;}
.nav-fl.new-nav-menu li a{display: block;}
.nav-fl.new-nav-menu li a i{display: block;overflow: hidden;}
.nav-fl.new-nav-menu li a i img{width: 100%;}
.nav-fl.new-nav-menu li a p{line-height: 1.3;height: 2.6em;overflow: hidden;margin-top: 0.3em;}
.xc-right{
width: 60%;
font-size: 0.25rem;
margin-left: 0.5rem;
margin-top: 0.05rem;
}
.xc-valframe{
border-radius:0.1rem;
justify-content: flex-end;
margin-right: 0.15rem;
}
.xc-valframe .xc-frame-img{
width:0.3rem;
background:#e22b44;
height: 0.35rem;
border-top-left-radius: 0.07rem;
border-bottom-left-radius: 0.07rem;
}
.xc-valframe .xc-frame-img .picture{
width:0.2rem;
height:0.2rem;
}
.xc-people-val{
border-bottom: 0.01rem solid #e22b44;
border-top: 0.01rem solid #e22b44;
border-right: 0.01rem solid #e22b44;
border-radius: 0 0.07rem 0.07rem 0;
color:#e22b44;
padding-right: 0.08rem;
padding-left: 0.08rem;
height: 0.35rem;
}
.xc-onclik{
width:100%;
height:0.7rem;
font-size: 0.25rem;
line-height: 0.7rem;
}
.buttem-frame{
width: 100%;
height: auto;
}
.xc-invitation{
width: 88%;
height: 0.55rem;
line-height: 0.55rem;
border-radius: 0.1rem;font-size: 0.25rem;
margin: auto;
}
.xc-goods{
background:#fab55a ;
}
.xc-ladder{
background:#e22b44;
}
.xc-sn{
background:#eee;
}
.xc-home-page{
width: 88%;
height: 0.55rem;
line-height: 0.55rem;
background:#e22b44;
border-radius: 0.1rem;
font-size: 0.25rem;
margin: auto;
margin-top: 0.15rem;
}
.xc-kaituan{
background:#ea120f;
width: 0.5rem;
height: 0.25rem;
line-height: 0.25rem;
border-radius: 0.05rem;
top: -0.3rem;
left: 0.45rem;
}
.xc-fail{
margin-top: 0.3rem;
width: 100%;
font-size: 0.24rem;
color: #555;
}
.fail-img{
width: 1.1rem;
height:1.1rem;
top: -0.1rem;
right: 0.25rem;
}
.xc-fslv{
color:#42c780;
}
.xc-balv{
background:#42c780;
}
/*大家都在团*/
.goodslisttop{
width: 100%;
margin-top:0.05rem;
border-bottom:0.04rem solid #eee;
text-align: center;
}
.xc-linellae-frame{
width: 100%;
height: 0.6rem;
background: #eee;
}
.xc-linellae-frame .xc-linellae{
width: 3.8rem;
height:0.01rem;
border-bottom:0.01rem solid #a5a5a5;
}
.xc-recommend-frame{
background:#eee;
height:100%;
padding-left: 0.1rem;
padding-right: 0.1rem;
}
.xc-recommend-frame .xc-recommend{
width: 0.3rem;
height: 0.25rem;
}
.xc-recommend-frame .xc-recommend-word{
font-size:0.25rem;
color: #a9a9a9;
margin-left:0.05rem;
padding-top: 0.03rem;
}
.changxin{
overflow: hidden;
width: 100%;
padding-left:0.2rem;
background: #eee;
padding-bottom: 0.15rem;
}
.onegoods{
background-color: white;
width: 46%;
min-height: 2.45rem;
height:auto;
border:0.01rem solid #eee;
float: left;
margin-right:0.15rem;
border-radius:0.18rem;
}
.onegoodsimg{
width: 100%;
height: 1.8rem;
border-radius: 0.1rem 0.1rem;
}
.xc-buttmo-frame{
min-height: 0.51rem;
height: auto;
padding-bottom:0.07rem;
}
.xc-buttmo-frame .onegoodsdesc {
height: 0.4rem;
}
.xc-buttmo-frame .onegoodsdesc .price{
padding-left:0.10rem;
height:0.45rem;
margin-top: 0.1rem;
}
.jgleft{
border-radius:0.18rem;
height:0.35rem;
line-height:0.35rem;
color:#fff;
padding-left:0.04rem;
padding-right:0.17rem;
background:#e4374d;
font-size: 0.2rem;
}
.jgright{
font-size: 0.23rem;
padding-right:0.08rem;
color:rgb(168, 167, 167);
margin-top: 0.08rem;
}
.xc-shuoming{
width: 94%;
margin: auto;
margin-top: 0.1rem;
line-height: 0.3rem;
height: 0.62rem;
padding-bottom: 0.1rem;
}
.xc-ping{
border-radius: 50%;
background: #fff;
width: 0.25rem;
height: 0.25rem;
font-size: 0.15rem;
color: #e4374d;
line-height: 0rem;
padding-top: 0.02rem;
}
.onegoodsimg.ny{ width: 100%;height: 2.5rem;}
.xc-spell{
font-size: 0.18rem; height:0.25rem;margin-right:0.02rem;margin-left:0.07rem;
}