ul li{list-style: none;}
img{width: 100%;display: block;}

/*****老版本css******/

.sidenav-wp { width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position: absolute; left:0; top:43px; z-index:9;display:none;background:rgba(0, 0, 0, 0.5); overflow-y:scroll;}
.sidenav-wp-box { width:90%; background: #ffffff;}
.sidenav {  box-sizing:border-box; -moz-box-sizing:border-box; -wikit-box-sizing:border-box; }
.sidenav-tit { width:75%; width:100%; height:50px; background:#1DB2E8; display:table; box-sizing:border-box; -moz-box-sizing:border-box; -wikit-box-sizing:border-box; padding:0 10px;}
.sidenav-tit a { display:table-cell; vertical-align:middle; color:#fff; text-align:center; font-size:16px;}
.search-box1 { height:50px; background-color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:0 20px; position:relative;}
.sb-text { width:100%; height:32px; padding:0; padding:0 62px 0 10px; margin:10px auto 0; line-height:32px; border:1px solid #cbcbcb; border-radius:5px;font-size: 16px;    box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
.sb-submit {border-radius: 0 5px 5px 0; height: 30px;position: absolute;right: 21px; top: 11px; width: 42px; border-left: 1px solid #cbcbcb; }
.sb-submit img { margin:5px 10px; width:auto;}
.contenList {}
.contenList ul {}
.contenList ul li{ min-height:50px; position:relative; border-top:1px solid #ffffff; border-bottom:1px solid #e6e5e6; background:#f7f7f7;}
.contenList ul li a { line-height:50px; font-size:16px; display:inline-block; font-weight:normal;}
.contenList ul li h3{ margin: 0px;}
.contenList ul li h3 a{display:block;padding-left: 55px;color:#525252;font-size: 14px;}
.contenList ul li b{ position:absolute; left:10px; top:7px; display:inline-block; padding:10px;}
.contenList ul li b img{width:auto;}

.categories {}
.categories h2{ background:#dededc; height:28px; line-height:28px; font-size:14px; color:#555; font-weight:normal; padding-left:25px;margin:0px;}
.categories ul li { background:#FFF; position:relative; overflow: hidden;}
.categories ul li a{ font-size:14px; line-height:50px; font-weight:normal;text-overflow:clip;white-space:nowrap; overflow: hidden; }
.categories ul li h3 {border-bottom:1px solid #C6C6C6;margin: 0;}
.categories ul li b { position:absolute; left:10px; top:7px; display:inline-block; padding:12px; }
.categories ul li b img{width:auto;}
.categories ul li h3 a{ display:block; padding-left: 55px;padding-right: 50px;color:#525252;}
.categories ul li h3 .categories_Arrow { position:absolute;display:inlie-block; padding: 15px 15px; right:1px; top:0; }
.categories ul li h3 .categories_Arrow img { width: auto }
.categories ul li.catSub { height:auto;}
.categories ul li.cur { background:#eff0f2 }

.categories ul li.catSub .catSub-list {}
.categories ul li.catSub .catSub-list ul {}
.categories ul li.catSub .catSub-list ul li{ background:#fff; border-bottom:1px solid #C6C6C6; margin:0; }
.categories ul li.catSub .catSub-list ul li a{ display:block; font-size:14px; line-height:50px; color:#555; padding-left:55px;text-overflow:clip;width:100%}
.categories ul li.catSub .catSub-list ul li b { left:12px;  }

.aboutList { }
.aboutList h2{ background:#dbdbdb; height:28px; line-height:28px; font-size:14px; color:#444; font-weight:normal; padding-left:25px;margin:0px;}
.aboutList ul li { height:50px; background:#fff; border-bottom:1px solid #e6e5e6; position:relative;}
.aboutList ul li a{ display:block; font-size:14px; line-height:50px; color:#444;padding-left: 55px; }
.aboutList ul li b{ position:absolute; left:10px; top:7px; display:inline-block; padding:10px;}
.aboutList ul li b img{width:auto;}

.aboutList ul li.cur { background:#eff0f2;}
.aboutList ul li:active {box-shadow: 0 0 24px rgba(0, 0, 0, 0.35) inset; background:#d8d8d8;}

.aboutList ul.noIcon li a{  padding-left:25px;}

.ad-wrap { padding:5px; position:relative; height:auto; width:100%; min-width:310px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.ad-wrap div a img { width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.ad-E01 { width:100%; padding:10px 10px; background:#eeeeee; position:relative; overflow:hidden; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.ad-E01 p { font-size:14px;}
/*底部公共导航*/
.nav{width: 100%;height: 50px;border-top: 1px solid #e6e6e6;background-color: #f7f7f7;position: fixed;bottom: 0;left: 0;z-index: 12;opacity: 0.95;}
.nav a{display: block;padding-top: 6px;}
.nav .nav-box{margin: 0 1.5%}
.nav .nav-img{display: block;width: 22px; margin: 0 auto;}
.nav .nav-text{display:block;font-size: 12px;text-align: center;padding-top: 3px;line-height: 25px;}

.mui-col-xs-2 {
    width: 22%;
}

/*商品詳細導航*/
.for-img{display:block;width:22px;position: relative; margin: 0 auto;}
.shopping-for{position: absolute;top: -5px; right: -6px;color: #FFFFFF;background: #ff4f75}
.details-nav{padding-top: 0 !important;}

.detailed{height:50px;padding:0 5px;color: #FFFFFF;line-height: 40px;font-size: 14px;text-align: center;}
.btn-0{background: #e0e0e0;color: #666666;}
.btn-1{background: #3bb3c3;}
.btn-2{background: #ff4f75;}

#base{height: 100%; width:100%; overflow-y: scroll;  }
/*#info,#info2{height: 100%;position:absolute; top: 100%; width:100%;  overflow:auto; z-index: 10; }*/
#info .mui-segmented-control a{line-height: 38px;  display: table-cell;  overflow: hidden;  width: 1%;  -webkit-transition: background-color .1s linear;  transition: background-color .1s linear;  text-align: center;  white-space: nowrap;  text-overflow: ellipsis;color: #424242;}

#info .mui-segmented-control .mui-active{border-bottom: 2px solid #ff4e72;  background: none;color: #ff4e72;}

.scroller {position:absolute;z-index:1; -webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;padding:0;}
.bottom-txt{height: 40px;line-height: 40px;text-align: center;font-size: 14px;}
.bottom-txt div{height: 100%;float: left;}
.bottom-txt .left,.bottom-txt .right{width: 30%;}
.bottom-txt .center{width: 40%;}
.bottom-txt hr{margin-top:20px;border:1px solid #e6e6e6; }
/*登录*/
.text-red{color: #ff4f7d !important;}
.text-black{color: #4b4b4b;}
.login-prompt{padding:10px 0 0 10px;}

.ui-page-login,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.mui-content{height: 100%;}
.area {
    margin: 20px auto 0px auto;
}

.mui-input-group {
    margin-top: 10px;
}

/*.mui-input-group:first-child {
    margin-top: 20px;
}*/

.mui-input-group label {
    width: 22%;
}

.mui-input-row label~input,
.mui-input-row label~select,
.mui-input-row label~textarea {
    width: 78%;
}

.mui-checkbox input[type=checkbox],
.mui-radio input[type=radio] {
    top: 6px;
}

.mui-content-padded {
    margin-top: 25px;
}

/*.mui-btn {
    padding: 10px;
}*/

.link-area {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.spliter {
    color: #bbb;
    padding: 0px 8px;
}

.oauth-area {
    position: absolute;
    bottom: 20px;
    left: 0px;
    text-align: center;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.oauth-area .oauth-btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px 20px;
    /*-webkit-filter: grayscale(100%); */
    border: solid 1px #ddd;
    border-radius: 25px;
}

.oauth-area .oauth-btn:active {
    border: solid 1px #aaa;
}

.oauth-area .oauth-btn.disabled {
    background-color: #ddd;
}

/*注册*/
.validation-img{width: 80px;height:35px;float: right;margin-top: 2px;margin-right: 2px;}
.validation-img img{width: 100%;}
.validation-input input{width: 70%;}

/*注册成功*/
.successful{width: 70%; margin: 0 auto;}
.successful img{width: 100%;}
.successful-bg{background: #FFFFFF;}
.successful-bg p{text-align: center;font-size: 17px;}

.successful-btn{margin-top: 25px;}
.successful-btn .mui-btn{padding: 10px;}

/*首页*/
.mui-content-inf{padding-bottom: 50px;}
.screen-box h5{padding: 0 10px;color: #414141;font-size: 14px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top: 15px;}
.screen-inf{padding:0 10px;margin-bottom: 5px;overflow: hidden;}
.screen-inf h4{float: left;font-size: 14px;font-weight: normal;color: #4b4b4b !important;}
.screen-inf P{float: left;padding-left: 10px;padding-top: 3px;text-decoration: line-through;}
.screen-inf a{display:block;width: 20px;float: right;}

.small-box{width: 97%; margin: 0 auto 10px;}
.small-box .mui-small{width: 49%;float: left;background: #FFFFFF;border-radius: 2px;}
.mui-small h5{padding:0 10px;color:#414141;font-size:14px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top: 10px;}

/*.small-list{padding: 8px 8px 0;}*/
.small-goods-list{width: 97%; margin: 0 auto 10px;}
.small-goods-list .small-list-box{width: 31.5%;float: left;background: #FFFFFF;}

.product-link{margin:0 5px 10px;overflow: hidden;padding: 8px;background: #FFFFFF;}
.product-link a{font-size: 14px;color: #414141;display: block;}


.small-list-box h5{color:#414141;padding:0 5px;font-size:12px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-inf h4{float: left;padding-left: 5px;font-size: 14px;}
.list-inf P{float:left;padding-left: 10px;padding-top: 3px;text-decoration: line-through;font-size: 12px;}

.shopping-icon{width: 45px;}
.shopping-co{top: 7px;left: 73%;background: #ff5077 !important;}
.nav-img{width: 22px;top: 8px !important;}

/*分类*/
.search-box{width:90%;float: left; margin-left: 1%;}
.search-btn{width: 15%;float: left; margin-left:1% ;}
.search-btn button{padding: 5px !important;font-size: 13px !important;}

.mui-row.mui-fullscreen>[class*="mui-col-"] {
    height: 100%;
}

.mui-col-xs-2,
.mui-col-xs-10 {
    overflow-y: auto;
    height: 100%;
}

.mui-segmented-control .mui-current-item {
    display: block;
    line-height: 50px;
    width: 100%;
    color: #555555;
    text-align: center;
    border-bottom:1px solid #c8c7cc;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.mui-control-tent {
    display: block;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-current-item.mui-current {
    background-color: #fff;
    border-bottom:1px solid #c8c7cc;
    border-left: 2px solid #ff4f75;
}

.segmen-title{padding-top: 30px;}
.segmen-title h4{width:83.33333333%;position: fixed;top:40px;left: 17%;font-weight:normal;line-height: 30px;font-size:16px;text-align:center;background: rgba(255,255,255,0.7);-webkit-background: rgba(255,255,255,0.7);}
.mui-control-tent{overflow:hidden;background: #FFFFFF;padding: 15px 8px;display:none;}
.mui-control-tent ul li{float: left;width:30%;margin: 0 1.5%;}
.mui-control-tent ul li a{display: block;}
.mui-control-tent ul li p{text-align: center;font-size: 13px;color: #545454;}
.mui-control-tent ul li:last-of-type{margin-right: 0;}


/*全部商品*/
.goods-list-nav{position: fixed;top: 44px;left: 0;background: #FFFFFF;z-index: 10;}

.goods-list-con{width: 95%; margin:60px auto 0;}
.goods-list-con .goods-box{width:48%;box-shadow: 0 1px 2px rgba(0, 0, 0, .3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3); background: #FFFFFF;border-radius: 2px;margin: 5px 0;}
.goods-list-con .goods-box-le{float: left;}
.goods-list-con .goods-box-ri{float: right;}
.goods-list-con .goods-box h5{padding:0 10px;color:#414141;font-size:15px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.goods-con{margin-bottom: 10px;}

/*分类搜索*/
.hot-search li{overflow: hidden; padding: 13px;}
.hot-search li p{margin-bottom: 15px;}
.hot-search li p span{display: block;width: 16px;float: left;margin-right: 8px;}
.hot-search li a{float: left; border: 1px solid #e4dedf;border-radius: 3px; padding:0 5px; margin:5px;font-size: 13px;color: #4c4c4c;}
.hot-search li p button{height:25px;float: right;line-height: 13px;}

/*商品详细*/

.return-shop{position:absolute;width:38px; height: 38px; background:rgba(0,0,0,0.5); padding: 0 !important;text-align: center; line-height: 38px;color: #FFFFFF;border-radius: 50%;}
.shop1{top: 10px;left: 10px;z-index: 50;}
.shop2{top: 10px;right: 10px;z-index: 50;}
.shop2 a{display:inline-block;width: 18px; margin-top: 10px;}

.detailed-title{padding: 8px; background: #FFFFFF; margin-bottom: 15px;overflow: hidden;}
.detailed-title h5{color: #414141;font-size: 15px;word-wrap: break-word;overflow:hidden; /*text-overflow:ellipsis;white-space:nowrap*/}
.detailed-title h4{float: left;font-weight: normal;padding-right: 20px;}

.detailed-title p.number .num{font-size: 13px;color:#b6b6b6;margin-right: 25px;}
.datailed-p { display:inline-block;display: -webkit-flex;display: flex;justify-content: space-between;}
.datailed-p p{font-size: 13px;}
.datailed-p p:first-of-type{text-decoration: line-through;}

.detailde-list{margin-bottom: 15px;}

.detailde-list ul li{font-size: 15px;color: #666666;}
.detailde-list ul li i{display: block;width: 6px;height: 6px; background: #36b4c3;float: left;margin-top: 8px;border-radius: 50%;-webkit-border-radius: 50%;}
.detailde-list ul li span{float:left;margin-left: 10px;}

.detailed-btn-0{display:block;height:50px;padding:0 5px;background: #e0e0e0;color: #666666;line-height: 50px;font-size: 14px;text-align: center;}
.detailed-btn-1{display:block;height:50px;padding:0 5px;background: #3bb3c3;color: #FFFFFF;line-height: 50px;font-size: 14px;text-align: center;}
.detailed-btn-2{display:block;height:50px;padding:0 5px;background: #ff4f75;color: #FFFFFF;line-height: 50px;font-size: 14px;text-align: center;}

.detailed-list-nav{background: #FFFFFF;position: relative;top:0;z-index:11;margin-bottom: 10px;}

.detailed-list-con{padding: 10px 10px 30px; background-color: #fff;}
.detailed-image-details img{ margin-bottom: 10px;}
.detailed-image-details ul li span{font-size: 15px;}
.detailed-image-details ul li span.sp-1{color: #999999;width: 30%;float: left;display: block;min-height: 35px;}
.detailed-image-details ul li span.sp-2{color: #424242;width: 70%;float: left;min-height: 35px;}

.deta-ri-nav ul li a span{float: left;}
.deta-ri-nav ul li a span.data-inf{padding-left:20px;font-size: 15px;color: #FFFFFF;}
.mui-popover .view-nav{background-color:rgba(0,0,0,0.7);}
.mui-popover .view-nav li{padding:10px 15px;overflow: hidden;}
.mui-popover .view-popover:after{background:rgba(0,0,0,0.7);border-radius:0;}

.detailed-spec1 ul{width: 95%; margin: 0 auto;}
.detailed-spec1 ul li{overflow: hidden;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
.detailed-spec1 ul li:first-of-type{height: 110px;padding-bottom: 10px;}
.detailed-spec1 ul li .spec-img{width:30%;padding:5px;background:#FFFFFF;float: left;position: absolute;top: -20px;border-radius: 3px;-webkit-border-radius: 3px;border: 1px solid #e5e5e5;}
.detailed-spec1 ul li .spec-tie{float:left;padding-left: 40%;padding-top: 10px;}
.detailed-spec1 ul li .spec-tie h4{float: left;padding-right: 15px;font-size: 20px;}
.detailed-spec1 ul li .spec-tie p{float: left; padding-top: 5px;text-decoration: line-through;}
.detailed-spec1 ul li .spec-tie h5{font-size: 15px;clear: both;color: #666666;}

.detailed-spec1 ul li h5{color: #424242;}
.detailed-spec1 ul li a{display:block;float:left;padding: 2px 13px;border: 1px solid #b2b2b2; margin-right:10px;border-radius: 4px;color:#989898;}
.detailed-spec1 ul li a.for{border-color:#fe4e75;color: #fe4e75;}
.detailed-spec1 ul li a.close{float: right;border: none; padding:0;margin-right: 0;margin-top:10px;font-size: 30px;background: rgba(0,0,0,0.5);color: #FFFFFF;border-radius: 50%;-webkit-border-radius: 50%;}

.detailed-spec dl{width: 95%; margin: 0 auto;}
.detailed-spec dl.spec-content{height: 190px;overflow-y: scroll;}
.detailed-spec dl dt{overflow: hidden;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
.detailed-spec dl dt.first{height: 110px;padding-bottom: 10px;}
.detailed-spec dl dt .spec-img{width:30%;padding:5px;background:#FFFFFF;float: left;position: absolute;top: -20px;border-radius: 3px;-webkit-border-radius: 3px;border: 1px solid #e5e5e5;height: 110px;overflow: hidden;}
.detailed-spec dl dt .spec-tie{float:left;padding-left: 40%;padding-top: 10px;}
.detailed-spec dl dt .spec-tie h4{float: left;padding-right: 15px;font-size: 20px;}
.detailed-spec dl dt .spec-tie p{float: left; padding-top: 5px;text-decoration: line-through;}
.detailed-spec dl dt .spec-tie h5{font-size: 15px;clear: both;color: #666666;}

.detailed-spec dl dt h5{color: #424242;}
.detailed-spec dl dt a{display:block;float:left;padding: 2px 13px; margin-right:10px;border-radius: 4px;color:#989898;}
.detailed-spec dl dt a.mymy_global_deep_bg{border-color:#fe4e75;color: #fe4e75;background: #ffffff;}
.detailed-spec dl dt a.close{position:absolute;right:8px;border: none; padding:0;margin-right: 0;margin-top:10px;font-size: 30px;background: rgba(0,0,0,0.5);color: #FFFFFF;border-radius: 50%;-webkit-border-radius: 50%;}

.spec-btn{width: 95%; margin: 3% auto;}
.spec-btn a{padding: 10px;}

#nav-mark .swiper-pagination-bullet{opacity: 1; background: #ffffff;}
#nav-mark .swiper-pagination-bullet-active{background: rgba(0,0,0,0.5);}

.detailed-spec dl dt .num-div {  margin-top: 10px;  }
.detailed-spec dl dt .h-left {  float: left;  }
.detailed-spec dl dt .mui-numbox {float: right;  height: 30px;}

/*****弹出预览图片****/


.mui-preview-image.mui-fullscreen {
    position: fixed;
    z-index: 20;
    background-color: #000;
}
.mui-preview-header,
.mui-preview-footer {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 10;
}
.mui-preview-header {
    height: 44px;
    top: 0;
}
.mui-preview-footer {
    height: 50px;
    bottom: 0px;
}
.mui-preview-header .mui-preview-indicator {
    display: block;
    line-height: 25px;
    color: #fff;
    text-align: center;
    margin: 15px auto 4;
    width: 70px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    font-size: 16px;
}
.mui-preview-image {
    display: none;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.mui-preview-image.mui-preview-in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.mui-preview-image.mui-preview-out {
    background: none;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer {
    display: none;
}
.mui-zoom-scroller {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-backface-visibility: hidden;
}
.mui-zoom {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.mui-slider .mui-slider-group .mui-slider-item img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
    width: 100%;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
    display: inline-table;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
    display: table-cell;
    vertical-align: middle;
}
.mui-preview-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.mui-preview-loading.mui-active {
    display: block;
}
.mui-preview-loading .mui-spinner-white {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    height: 50px;
    width: 50px;
}
.mui-preview-image img.mui-transitioning {
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}



/*分享弹窗*/
.share{overflow: hidden;}
.share li{float: left; width:18%; margin: 0 1% 15px 1%;overflow: hidden;}
.share li a{display: block; width: 30px; margin: 0 auto 5px;}
.share li span{display: block;font-size: 13px;color: #414141;text-align: center;}
.cancel-btn{width: 70%; margin: 10px auto 0;overflow: hidden;}
.cancel-btn a{display:inline-block;padding: 8px;font-size: 14px; margin-bottom: 0;}
/*我的*/
.my-title{padding:10px; background: #ff4f75;overflow: hidden;background-image: url("../images/userinfo_bg.png") !important;background-size: 100% auto !important;}
.my-title .notice-img{position: relative;}
.my-title .my-notice{overflow: hidden;}

.my-title .notice-ri{padding-top: 4px;}
.my-title .my-img{clear:both;width: 105px;height: 105px;border:2px solid #FFFFFF;background: #FFFFFF; margin: 5% auto;border-radius: 50%;-webkit-border-radius:50%;overflow: hidden;}
.my-title P{text-align: center;color: #FFFFFF;font-size: 16px;}

.my-list{margin-bottom: 15px;}
.my-list ul li span.my-img-1{width:22px;height:22px;display:block;float: left; margin-right: 15px;background-size: 100%;}
.my-list ul li p{color: #434343;}

.icon-1{background:url(../images/my-icon-bg.png);}
.icon-2{background:url(../images/my-icon-bg.png);background-position: 0 -23px;}
.icon-3{background:url(../images/my-icon-bg.png);background-position: 0 -44px;}
.icon-4{background:url(../images/my-icon-bg.png);background-position: 0 -69px;}
.icon-5{background:url(../images/my-icon-bg.png);background-position: 0 -95px;}
.icon-6{background:url(../images/my-icon-bg.png);background-position: 0 -121px;}
.icon-7{background:url(../images/my-icon-bg.png);background-position: 0 -144px;}
.icon-8{background:url(../images/my-icon-bg.png);background-position: 0 -169px;}
.icon-9{background:url(../images/my-icon-bg.png);background-position: 0 -192px;}
.icon-10{background:url(../images/my-icon-bg.png);background-position: 0 -215px;}
.icon-11{background:url(../images/my-icon-bg.png);background-position: 0 43px;}
.icon-12{background:url(../images/my-icon-bg.png);background-position: 0 24px;}

.my-nav-con .my-nav{ margin: 0 1.5%;}
.my-nav-con .my-nav a{display: block;margin: 15px auto;}
.my-nav-con .my-img{width: 24px;position: relative;display: block;margin: 0 auto;}
.my-nav-con .my-text{font-size: 13px;display: block;text-align: center;}
.my-nav-con .my-nav .my-of{background: #ff4f75; top: -8px;}

.exit-btn{width: 80%; margin: 35px auto;}
.exit-btn a{padding: 8px;font-size: 13px;color: #ffffff;}
/*收货地址/取件商超*/
.my-list-con{margin: 60px auto 55px;}
.my-list-1 ul li{padding: 8px; background: #FFFFFF;overflow: hidden; margin-bottom: 10px;}
.my-list-1 ul li p.my-p1{color: #424242;}
.my-list-1 ul li .my-inf{overflow: hidden;}
.my-list-1 ul li .my-inf p{color: #424242;}
.my-list-1 ul li .my-radio .my-le{float: left;}
.my-list-1 ul li .my-radio .my-le input{left: 0;right: 0;}
.my-list-1 ul li .my-radio .my-le label{padding-left: 30px;font-family: "黑体";font-family:"SimHei";font-size: 14px;}
.my-list-1 ul li .my-radio .operation-btn{height:25px;float: right;line-height: 13px; margin-top: 8px;}

.my-add-btn{position: fixed;bottom: 0;left: 0;font-family: "黑体";font-family:"SimHei";padding: 10px;font-size: 15px;margin-bottom: 0;color: #ffffff !important;}

.select-list{margin: 20px auto;max-height: 80%;}
.select-list ul li{border: 1px solid #bebebe;}
.select-list ul li.check{border-color: red;}
.select-list .my-add-btn{position: inherit;}


/*添加收货地址*/
.my-goods-input{padding: 0;}
.my-goods-input label{font-family: "黑体";font-family:"SimHei";font-size: 15px;}
.my-goods-inf a{font-size: 15px;}

/*添加取件商超*/
.my-search{padding: 15px 2% 0 2%;background: #FFFFFF;}
.my-search .my-search-input{float: left;width: 60%; margin-right: 3%;}
.my-search .my-search-btn button{padding: 6px;font-size: 14px;}

.business-lsit{margin-bottom: 15px;}
.business-lsit ul li p {float: left;width: 70px; margin-right: 2%;}
.business-lsit ul li span{width:65%;float: left;font-size: 14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.business-address{border-top: 1px solid #dcdcdc;background: #ffffff;margin-bottom: 55px;}
.business-address ul li{width:97%;margin:0 auto;padding:8px 0;border-bottom: 1px solid #e3e3e3;overflow: hidden;}
.business-address ul li .my-le input{left: 0 !important;right: 0;}
.business-address ul li .my-le label{padding-left: 35px;font-family: "黑体";font-family:"SimHei";font-size: 14px;}
.business-address ul li button{height:25px;float: right;line-height: 13px; margin-top: 8px;}

.business-inf{width: 90%;float:right;padding-right: 10px;}
.business-inf p.ress{clear: both;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 0;}
.business-inf p.ress span{float: left;}

/**新添**/
.detailed-spec{position:fixed;bottom:-100%;width:100%;height:390px;z-index:15;background:#ffffff;}
.detailed-spec-show{position: static;top:auto;width:100%;height:auto;background:#ffffff;}
.mask{background-color: #000000;filter: alpha(Opacity=80);-moz-opacity: 0.5;opacity: 0.5;width: 100%;height: 13000px;z-index: 13;position: fixed;display: none;}
.layui-m-layercont{color: #ffffff;}
.layui-m-layercont .msg{color: #000000;}


/*我的订单*/
.order-list-nav{position:fixed;top:44px;left:0;width:100%; background: #FFFFFF;z-index: 10;white-space: nowrap;overflow-x: scroll;}
.order-list-nav::-webkit-scrollbar{display: none;}

.order-list-nav a{display:inline-block;padding:0 15px;font-size: 15px;line-height: 38px;text-align: center;color: #424242;}
.order-list-nav a.order-active{border-bottom: 2px solid #fe5075;color: #fe5075;}

.order-list{margin:50px 0;}
.order-list ul li{padding: 10px; background: #FFFFFF;overflow: hidden; margin-bottom: 10px;}
.order-list ul li .order-header{border-bottom: 1px solid #e3e3e3;padding-bottom: 8px;overflow: hidden;}
.order-list ul li .header-le p{margin-bottom: 0;color: #333333;}
.order-list ul li .header-ri h4{font-weight: normal;padding-top: 5px;}

.order-list ul li .order-inf{border-bottom: 1px solid #e3e3e3;padding-bottom: 8px;overflow: hidden;}
.order-list ul li .inf-le{width: auto;float: none;}
.order-list ul li .inf-le span{display: block;width: 17%;float: left; margin-top: 8px; margin-right:1%;}
.order-list ul li .inf-ri{float: right;padding-top: 10px;}
.order-list ul li .inf-ri p{text-align: center;font-size: 12px;padding-top: 5px;color: #323232;}
/*(订单公共按钮)*/
.order-btn{padding: 8px 0;overflow: hidden;}
.btn-bon{clear: both;padding-top: 10px;overflow: hidden;}
.btn-top p{margin-bottom: 0;}
.btn-top p span.time{display:block;width: 15px;float: left;padding-top: 3px;margin-right: 5px;}
.btn-bon a{height:25px;float: right;line-height: 13px; margin-top: 8px; margin-right: 8px;}
.btn-bon a.ri-btn{margin-right:5px;}
.btn-bon a.le-btn{margin-right:5px;float: left;}
.btn-bon .mui-btn-danger{color: #ffffff;}
/*订单详细*/
.receiving-inf{padding: 10px;background: #FFFFFF;border-bottom: 1px solid #e3e3e3; margin-bottom: 15px;}
.receiving-inf h4{font-weight: normal;font-size: 15px;padding-bottom: 5px;}
.receiving-inf p{margin-bottom: 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.receiving-inf p span{display: block;width: 22px;float: left;}

.payment-of{padding: 10px;background: #FFFFFF; margin-bottom: 15px;}
.payment-of p{font-size: 16px;}
.payment-of p.pay-bom{border-bottom: 1px solid #e3e3e3;padding-bottom: 8px; margin-bottom: 8px;}
.payment-of p.type{padding: 10px;}
.payment-of p.type span{padding: 5px;border: 1px solid #cccccc;border-radius: 5px;}
.payment-of p.pay-tiem{margin-bottom: 0;font-size: 12px;}

.order-package{margin-bottom: 15px;}
.order-package h4{line-height: 35px;background: #FFFFFF;font-weight: normal;font-size: 15px;padding-left: 15px;border-left: 2px solid #f8466a; margin-bottom: 0;}
.order-package .pack-box {padding: 8px 10px;overflow: hidden;}
.order-package .pack-box p{padding-left: 10px;margin-bottom: 0;}
span.parcel{display: block;width: 22px;float: left;}

.pack-goods{padding: 10px;background: #FFFFFF;overflow: hidden;}
.pack-goods ul li{border-bottom: 1px solid #e3e3e3;overflow: hidden;padding-bottom: 10px; margin-bottom: 10px;}
.pack-goods ul li span{display: block;width: 20%;float: left;}

.pack-goods ul li .pack-text{float: left;margin-left: 10px;width: 60%;}
.pack-goods ul li .pack-text a{font-size: 13px;color:#424242;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pack-goods ul li .pack-price{float: right; }
.pack-goods ul li .pack-price p{margin-bottom: 0;}

.pack-goods .order-btn{padding: 8px 0;overflow: hidden;}
.pack-goods .btn-bon{clear: both;}
.pack-goods .btn-top p{margin-bottom: 0;}
.pack-goods .btn-top p span.time{display:block;width: 15px;float: left;padding-top: 3px;margin-right: 5px;}

.package-inf{padding: 8px;background: #FFFFFF;overflow: hidden; margin-bottom: 15px;}
.package-inf ul{border-bottom: 1px solid #e3e3e3;}
.package-inf ul li span{font-size: 15px;color: #666666;}
.package-inf ul li{overflow: hidden;margin-bottom: 8px;}

/*进度查询*/
.progress-title{background: #FFFFFF;overflow: hidden; margin: 15px 0;border-bottom: 1px solid #e3e3e3;}
.progress-title h4{line-height: 35px;padding-left: 20px;font-weight: normal;font-size: 16px;border-left: 2px solid #f8456c; margin: 0;border-bottom: 1px solid #e3e3e3;}
.progress-title .parcel-box{padding: 10px 10px 0 10px;overflow: hidden;}
.progress-title .parcel-box p{margin-bottom: 0;}

.progress-title ul{padding: 10px;}
.progress-title ul li{overflow: hidden;margin-bottom: 5px;}
.progress-title ul li a{height:25px;float: right;line-height: 13px;}

.progress-bar{padding: 20px 0 35px 25px;background: #FFFFFF;overflow: hidden;}
.progress-bar .bar-bg{width: 10px;position: relative;}
.progress-bar .bar-bg-2{position:absolute;top:0;left:0;width: 10px;background: url(../images/RED.png) no-repeat;z-index: 1;max-height: 300px;}
.progress-bar .bar-bg-3{top:72px;}
.progress-bar .bar-bg-4{top:144px;}
.progress-bar .bar-bg-5{top:216px;}
.progress-bar .bar-bg ul{position: absolute;top: 0;left: 50px;}
.progress-bar .bar-bg ul li{width:200px;overflow: hidden; margin-bottom: 18%;}
.progress-bar .bar-bg ul li h4,p{margin: 0;font-weight: normal;}
.progress-bar .bar-bg ul li h4{font-size: 15px;}

/*订单留言*/
.message-title{overflow: hidden;padding: 20px 10px;border: 1px solid #e3e3e3;background: #FFFFFF;border-left: none;border-right: none; margin: 10px 0 15px 0;}
.message-title ul li{overflow: hidden;}
.message-title ul li p{float: left;font-size: 14px; margin-bottom: 0; padding-right: 5px;}
.message-title ul li span{font-size: 14px;float: left;}

/*售后服务*/
.sales-sp{width:19% !important;margin:1% 1% 0 0;}

/*退款退货进度*/
.return-note{overflow: hidden; padding:30px 20px;background: #FFFFFF; margin: 15px 0;border: 1px solid #e3e3e3; border-left: none; border-right: none;}
.return-note h5{text-align: center;font-size: 13px;color: #424242;}
.return-note .return-sp{display: block;width:75%; max-width:60% ; margin:8% auto;}
.return-note p{font-size: 12px;}

.return-note h4{font-weight: normal;font-size: 14px;color: #424242;}
.return-note h4 span{font-size: 12px;color:#989898;}

.return-2 h3{font-size: 18px;font-weight: normal;text-align: center;}
.return-2 p{display:block;text-align: center;}
.return-2 a{font-size: 14px;color: #333333;text-decoration: underline;display:block;text-align: center;}

.sales-list-nav{position:fixed;top:44px;left:0; background: #FFFFFF;width:100%;z-index: 10;}
.sales-list-nav a{display:block;width:33%;font-size: 15px;float: left;line-height: 38px;text-align: center;color: #424242;}
.sales-list-nav a.order-active{border-bottom: 2px solid #fe5075;color: #fe5075;}

.sales-bar{padding: 20px 0 60px 25px;background: #FFFFFF;overflow: hidden;}
.sales-bar .sales-bg{width: 10px;position: relative;}
.sales-bar .sales-bg-2{position:absolute;top:0;left:0;width: 10px;background:url(../images/sales-2.png) no-repeat;z-index: 1;max-height: 155px;}
.sales-bar .sales-bg ul{position: absolute;top: 0;left: 50px;}
.sales-bar .sales-bg ul li{width:200px;overflow: hidden; margin-bottom: 9%;}
.sales-bar .sales-bg ul li h4,p{margin: 0;font-weight: normal;}
.sales-bar .sales-bg ul li h4{font-size: 15px;}

.return-message{padding:15px; margin-bottom: 100px;}
.return-message .time-p{text-align: center;}

.return-message ul li{overflow: hidden; margin-bottom: 15px;}
.message-ri{float: right;}
.message-ri .portrait-img{width:50px;height:50px;float:right;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;}
.message-ri .chat-text{padding:8px; background: #2f8afd;border-radius: 4px;-webkit-border-radius: 4px;position: relative;margin: 2px 65px 0 0;}

.message-ri .chat-text:before{
    position: absolute;
    top: 12px;
    right: -9px;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 9px solid #2f8afd;
    border-bottom: 5px solid transparent;}
.message-ri .chat-text p{color: #FFFFFF;font-size: 14px;word-wrap: break-word;}

.message-le{float: left;}
.message-le .portrait-img{width:50px;height:50px;float:left;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;}
.message-le .chat-text{padding:8px; background: #FFFFFF;border-radius: 4px;-webkit-border-radius: 4px;position: relative;margin: 2px 0 0 65px;}
.message-le .chat-text:before{
    position: absolute;
    top: 12px;
    left: -9px;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 9px solid #FFFFFF;
    border-bottom: 5px solid transparent;}

.message-le.chat-text p{color: #101010;font-size: 14px;word-wrap: break-word;}

.send-content{position:fixed;left:0;bottom:0;width:100%;padding:10px; overflow: hidden;background: #FFFFFF;border-top: 1px solid #e3e3e3;}
.send-content textarea{float: left; width: 75%;height:34px; margin-bottom: 0; padding: 5px 8px;line-height: 22px;}
.send-content button{float: right; width: 22%; padding: 6px; margin-bottom: 0;font-size: 14px;}

/*退货退款*/
.total-refund{padding: 5px 8px;background: #FFFFFF;overflow: hidden;border-bottom: 1px solid #e3e3e3; margin-bottom: 10px;}
.total-refund p{line-height: 33px;}

.refund-ul ul li{overflow: hidden;background: #FFFFFF;padding: 8px; border: 1px solid #e3e3e3; margin-bottom: 10px;}
.ul-checkbox input[type="checkbox"]{float: left;position: static; margin-right: 8px;}

.ul-top{width: 100%; padding-bottom: 8px;}
.ul-top .ul-checkbox{float: left;margin-top: 6%;}
.ul-top .refund-img{width: 20%;float: left;margin-right: 8px;}
.ul-top .refund-inf{width: 30%;float: left;margin-right: 8px;}
.ul-top .refund-inf a{font-size: 15px;color:#656565;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.ul-top .refund-inp{width: 12%;float: left; margin-top: 6%;}
.ul-top .refund-inp input{padding: 5px;height: 25px;text-align: center; margin-bottom: 0;}

.ul-top .refund-num{float: right;}
.ul-top .refund-num p{text-align: right;}
.ul-top .refund-num p.num-1{color: #333333;}
.ul-top .refund-num p.num-2{text-decoration:line-through}
.ul-top .combination{clear: both; padding-left:10%;padding-top:8px;}
.ul-top .combination a{color: #333333;}

.ul-why .why-btn{display: block;padding: 10px 0;border: 1px solid #E3E3E3;border-left:none;border-right:none;overflow: hidden;}
.ul-why .why-btn span{float: left;font-size: 15px;color: #444444;}
.ul-why .why-btn i{display:block;float: right;font-size: 19px;color: #999999;}
.ul-why textarea{height:100px;margin: 10px 0;}

.trial-box-1 p{padding-left: 10px; margin-bottom: 10px;}
.trial-table{padding: 8px; background: #FFFFFF;overflow: hidden;}
.trial-table table{border-collapse: collapse;width: 100%;}
.trial-table table tr td{font-size: 14px;text-align: center;}
.trial-table table tr .gray-td{color:#9a9a9a;text-align: left;}
.trial-table table tr td p{text-align: left; margin-bottom: 0;font-size: 13px;}

.trial-box-2 h5{padding-left: 10px;line-height: 30px;}
.trial-box-2 ul{background: #FFFFFF;overflow: hidden; padding: 5px 8px 0 8px;}
.trial-box-2 ul li{border-bottom: 1px solid #e3e3e3;overflow: hidden;}
.trial-box-2 ul li a{float: right;padding-top: 5px;}
.trial-box-2 ul li a span{font-size: 14px;color: #ffa768;}
.trial-box-2 ul li a i{font-size: 18px;}
.trial-box-2 ul li p{clear: both; padding-left: 30px;}

.trial-box-2 ul li .refund-radio{float: left;}
.trial-box-2 ul li .refund-radio label{padding-left: 30px !important;font-family:"SimHei";font-size: 14px;}
.trial-box-2 ul li .refund-radio input{left: 0 !important;}

.trial-box-2 .matters{padding: 8px;background: #FFFFFF;overflow: hidden;}

.provisions-inp{width: 75%; margin: 20px auto;overflow: hidden;}
.provisions-inp label{font-family:"SimHei";font-size: 15px;}

.trial-btn a{padding: 10px;font-size: 14px; margin-bottom: 0;}
.color-black{color: #ffffff !important;}
/*退货原因弹窗*/
.inf-title{ padding:8px 10px;overflow: hidden;}
.inf-title p{font-size: 15px;}
.inf-title a{display: block;float: right;font-size: 25px;background: rgba(0,0,0,0.5);-webkit-border-radius:50%;border-radius: 50%;color: #FFFFFF;}
.inf-btn .inf-a{margin: 10px 4%;}
.inf-btn a{padding: 10px;font-size: 14px;}
.table-ri-no label{font-family:"SimHei";}

/*我的收藏*/
.collection-ul ul li{overflow: hidden;background: #FFFFFF; padding:15px; margin-bottom: 10px;}
.collection-ul ul li .collec-checkbox{float: left; margin-top:35px;margin-right: 10px;}
.collection-ul ul li .collec-checkbox input{left: 0 !important;position:static;}
.collection-ul ul li .collection-img{width:100px;float: left; margin-right:1.5%;}
.collection-inf{min-width: 50%;}
.collection-inf a{font-size: 14px;color:#414141;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 25px;}
.collection-inf h4{float: left;font-weight: normal;}
.collection-inf p{float: left;padding-left: 10px;padding-top: 4px;text-decoration: line-through;}

/*浏览记录*/
.record-checkbox{position: relative;}
.record-checkbox input{left: 2px !important;}
.record-checkbox span{position:absolute;left:5px;top:7px;border-radius:50%;display: block;width: 22px;height: 21px;background: #FFFFFF;}
.record-btn{position: fixed;bottom: 0;width: 100%;}
.goods-box-le .mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{top:3px;}
.goods-box-ri .mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{top:3px;}
.goods-box-le .mui-checkbox, .goods-box-ri .mui-checkbox{display: none;}
.mui-content .record-btn{display: none;}

/*购物金*/
.gold-title{padding:10px; background: #FFFFFF; border-bottom: 1px solid #e3e3e3;overflow: hidden;}
.gold-title p{color: #424242;font-size: 14px;}
.gold-title a{font-size: 14px;color:#989898;}

.shopping-ticket{width: 93%; margin: 15px auto;}

.shopping-ticket a{display:block;margin-bottom:10px;width: 100%; height: 100%; padding: 15px;}
.shopping-ticket a.ticket-1{background: url(../images/ticket-01.png) no-repeat; background-size:100%;}
.shopping-ticket a.ticket-2{background: url(../images/ticket-02.png) no-repeat; background-size:100%;}

.ticket-inf h4{font-weight: normal;color: #FFFFFF;font-size: 16px; margin-bottom:1%; margin-top:0;}
.ticket-inf h5{font-weight: normal;color: #FFFFFF;font-size: 12px;margin-top: 10px;margin-bottom: 0;}
.ticket-inf p{clear: both; margin-bottom:3px;font-size:0.75em;line-height:1.6em;color: #FFFFFF;}

@media screen and (min-width: 300px) and (max-width:400px) {
    .shopping-ticket a{padding: 10px;}
    .ticket-inf p{font-size:0.6em;line-height:1.4em;}
}

@media screen and (min-width:360px) and (max-width:410px) {
    .shopping-ticket a{padding: 20px;}
}

@media screen and (min-width: 750px) {
    .ticket-inf h4{font-size: 30px;}
    .ticket-inf h5{font-size: 18px;}
    .shopping-ticket .ticket-inf{padding: 30px;}
    .ticket-inf p{font-size:1.3em;line-height:1.7em;}
}



/*购物金详细*/
.detailed-shopping ul li{overflow:hidden;background: #FFFFFF;}
.shopping-li{width: 95%; margin: 0 auto; overflow: hidden;border-bottom: 1px solid #e3e3e3;padding: 10px;}
.shopping-li .p1{font-size: 12px;}
.shopping-li h4{margin-bottom: 0;font-weight: normal;}
.shopping-li .p2{margin-bottom: 0;color: #414141;}
.shopping-li .p3{clear: both;color: #414141;}

/*优惠卷*/

.coupons{width: 95%; margin: 0 auto;}
.coupons-1{background:url(../images/Coupon-01.png) no-repeat;background-size: 100%;overflow: hidden; margin-bottom: 10px;}
.cou-le{float: left;}
.cou-le p{font-size:14px;color: #fafefd;}
.cou-le h2{font-weight: normal;color: #fafefd;margin:2px 0;font-size: 22px;}
.cou-le span{font-size: 12px;color: #fafefd;}

.cou-ri{float: right; width: 25%;}
.cou-ri p{text-align: center;margin-top: 1%;}

@media screen and (min-width: 300px) {
    .coupons-1{padding: 5px 15px;}
}

@media screen and (min-width: 330px) and (max-width:400px) {
    .coupons-1{padding: 11px 15px;}
}

@media screen and (min-width: 410px) {
    .coupons-1{padding: 16px 15px;}
}

/*查询优惠卷*/
.query-coupons{width: 95%; margin: 0 auto;}
.query-coupons h4{text-align: center;font-weight: normal;font-size: 14px;line-height:60px; margin: 0;color: #7b7b7b;}
.query-btn button{padding: 10px;font-size: 13px;}
.query-coupons .add-coupon{padding: 10px; margin-top:35px;}

/*我的奖励*/
.reward-title{padding: 25px 10px;background: #17bb72; overflow: hidden; margin-bottom: 10px;}
.reward-title p{text-align: center; margin-bottom: 20px;color: #FFFFFF;}
.reward-inf h2{text-align: center;font-weight: normal;color: #FFFFFF;}
.reward-inf span{display:block;text-align: center;font-size: 15px;color: #FFFFFF;}

.reward-list ul li p.rew-p{float: left; line-height: 25px;color: #414141;}
.reward-list ul li span.rew-bg{display: block;width: 25px; height: 27px;float:left;background-size: 100%; margin-right: 10px;}
.rew-1{background:url(../images/reward-icon.png) no-repeat;}
.rew-2{background:url(../images/reward-icon.png) no-repeat;background-position:0 -26px;}
.rew-3{background:url(../images/reward-icon.png) no-repeat;background-position:0 -53px;}
.rew-4{background:url(../images/reward-icon.png) no-repeat;background-position:0 -80px;}

.rew-table table{border-collapse: collapse;width: 100%;text-align: center;font-size: 15px;}

.prompt-inf{padding: 5px; background: #ff4f75; position: relative;}
.prompt-inf p{text-align: center;font-size: 13px; margin-bottom: 0;color: #FFFFFF;}
.prompt-inf a{position: absolute;top: 4px;right: 7px;color: #FFFFFF;}

.withdrawal-inf ul li p{font-size: 15px;color: #424242;}
.withdrawal-inf ul li label{padding: 11px 0;font-size: 15px;}

.withdrawal-inf h4{font-weight: normal;font-size: 16px; padding-left:13px;line-height: 35px;}
.withdrawal-inf ul li span.account-bg{display:block;width: 20px;float: left; margin-right: 20px;}
.withdrawal-inf a.add-card{display: block; padding: 13px; background: #FFFFFF;width: 100%;text-align: center;font-size: 15px;color: #666666;}
.confirm-btn{width:85%; margin:0 auto;padding: 8px;font-size: 15px; margin-top: 50px;}

.add-inf{margin-top: 15px;}
.add-inf ul li a{font-size: 15px;}
.income-title{line-height: 35px;text-align: center;}
.explain{padding: 20px 15px;background: #ffffff; overflow: hidden;}

/*我的账号*/
.account .mui-input-group{margin: 0px;}
.account .mui-input-group label{width: 35%;font-size: 15px;color: #424242;font-family: "SimHei";}
.account .mui-input-group .mui-input-clear{width: 65%;}
.account .mui-input-row .send-email{width: 100px;height: 40px;display: block;position: absolute;z-index: 10;font-size: 13px;right: 0px;background: #0099cc;color: #ffffff;text-align: center;}
.account-inf ul li p.mui-pull-left{color:#424242;}
.account-inf ul li span.acc-id{color:#999999;padding-right: 30px;font-size: 15px;}
.emial-p{text-align: center;padding: 15px 0;}


/*个人资料*/
.personal-title{width:100%;height:auto;background-image: url(../images/userinfo_bg.png)!important;background-size:100% auto !important;overflow: hidden;}
.personal-img{width:100px; height:100px; margin: 15% auto;border: 2px solid #FFFFFF;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;}

.personal-list ul li{padding: 6px 15px;}
.personal-list ul li p{line-height: 34px;}
.personal-list ul li p.pe-1{margin-right: 30px;color: #434343;width: 30%;}
.personal-list ul li p.pe-2{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.personal-list ul li input[type="text"]{float:left;width: 70%; margin-bottom: 0;padding: 8px 0;height: 34px;border: none;}

.pe-radio{float: left;position: static;clear: none; margin-top: 3px;margin-right: 25px;}
.pe-radio input[type="radio"]{position: static;float: left; }
.pe-radio label{width: auto;padding:7px 8px!important;}



/*優惠活動*/
.activty-nav{overflow: hidden;background: #FFFFFF;}
.activty-nav a{display: block;text-align: center;font-size: 15px;color: #424242;line-height: 40px;}
.activty-nav a.ac-a{border-bottom: 2px solid #ff4f75;color:#ff4f75;}

.activity-inf{overflow: hidden;background: #FFFFFF;margin-bottom: 10px;box-shadow: 0 1px 2px rgba(0, 0, 0, .3);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);}
.activity-inf p{padding:0 15px;line-height: 30px;color: #666666;}

/*活動詳情*/
.details-title{overflow: hidden;background: #FFFFFF;border-bottom: 1px solid #e3e3e3; margin-bottom: 10px;}
.details-title p{padding:0 15px;line-height: 30px;color: #666666;}

.details-inf{background: #FFFFFF;overflow: hidden;width: 95%;margin: 0 auto 10px;border-radius: 5px;-webkit-border-radius: 10px;}
.details-inf h4{background:#fcf9e8;line-height: 45px;text-align: center; margin: 0;font-weight: normal;color: #ff784f;border-bottom: 1px solid #e4e3e1;}

.details-p {overflow: hidden;padding: 15px;}
.details-p p.or-p{color: #fd7751;line-height: 35px;}
.details-p p.pl-p{color: #282828;}
.details-p p.in-p{padding-top: 15px;}

/*購物車*/
.cart-inf{background: #FFFFFF;overflow: hidden;padding:10px 10px 0 10px; margin-bottom: 10px;}
.cart-title{overflow: hidden;border-bottom:1px solid #e3e3e3;padding-bottom: 5px;}
.cart-checkbox{float: left;}
.cart-checkbox label{padding-left: 35px !important;}
.cart-checkbox input[type="checkbox"]{left: 0 !important;}
.cart-btn{float: right;height: 25px;line-height: 13px;margin-top: 5px;}

.cart-inf ul li{overflow: hidden;padding: 10px 0;border-bottom:1px solid #e3e3e3;}

.cart-inf ul li .list-checkbox{float: left;margin-top: 8%;}
.cart-inf ul li .edit-shop{display: none;}
.cart-img{width: 85px;float: left;margin-right:2.5%;}

.cart-text{min-width:57%;}
.cart-text a.rt-a{display:block;font-size: 13px;line-height: 18px;color: #434343;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*.cart-text p{margin-bottom: 10px;}*/
.cart-text p span{font-size: 16px;}
.cart-text p s{font-size: 13px;color: #999999;}

.spec-inf{padding:0 8px;overflow: hidden;border: 1px solid #e3e3e3; margin-top: 20px;border-radius: 3px;-webkit-border-radius: 3px;}
.spec-inf p{margin-bottom: 0 !important;line-height: 30px;color: #414141;}
.spec-inf a{float: right;font-size: 16px !important;line-height: 30px;color: #414141;}
.cart-inf ul li p.con-p{clear: both; padding-left: 33px; margin-bottom: 0; padding-top: 10px;}

.settlement-inf{width:100%;padding:5px 8px;background: #FFFFFF;overflow: hidden;border-top: 1px solid #e3e3e3;position: fixed;bottom: 0;left: 0;}
.settlement-inf .sett-ri{float: right;}
.settlement-inf .sett-ri button{padding: 4px 10px; margin-top: 5px;}
.settlement-inf .sett-ri p{line-height: 38px;margin-bottom: 0;padding-right: 10px;}

/*到貨通知*/
.cart-text p.price{text-align: right;}

.price-inf ul li{margin-bottom: 10px;background: #FFFFFF;padding: 10px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
.price-inf ul li .price-checkbox{float: left;margin-top: 30px;}
.price-inf ul li .goods-price{overflow: hidden;padding-bottom:10px ;}
.price-remind{overflow: hidden;clear: both;padding: 10px 10px 0 10px;border-top:1px solid #e3e3e3;}
.price-remind a{height: 30px;line-height: 17px;font-size: 13px;}
.price-remind img{width: 16px;display: inline-block;float: left; margin-right: 8px;}
.price-remind p{line-height: 30px;}

/*領取優惠卷彈窗*/
.pons-ul{padding: 0 10px;}
.pons-ul li{overflow: hidden;border-bottom: 1px solid #e3e3e3; padding: 8px;}
.pons-ul li button{float: right;padding: 2px 10px; margin-top: 20px;}

.pons-ul li h4{font-weight: normal;}
.pons-ul li .pons-has p{margin-bottom: 0;color: #b7b7b7;}
.pons-ul li .pons-has h4{color: #999999;}
.pons-ul li button.has-btn{color: #999999;}

.pons-ul li .pons-not p{color: #424242;}
/*確認訂單*/
.confirm-title{padding: 10px;background: #FFFFFF;overflow: hidden; margin-bottom: 10px;border-bottom: 1px solid #e3e3e3;}
.con-le{width: 90%;}
.con-le h4{font-weight: normal;font-size: 15px;}
.con-le p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con-le p span.nav-img{display: block;float: left;width: 22px;}
.confirm-title i{float: right;font-size: 18px;line-height: 46px;}

.confirm-package{background:#FFFFFF;overflow: hidden;margin-bottom: 10px;}
.confirm-package h4{font-weight: normal;line-height: 35px;border-left: 2px solid #f8466a;border-bottom:1px solid #e3e3e3;font-size: 15px;padding-left: 15px;margin: 0;}
.confirm-goods{padding: 10px;overflow: hidden;border-bottom: 1px solid #e3e3e3;}
.confirm-goods p.ods-p{clear: both;margin-bottom: 0;padding-top: 10px;}
.confirm-package ul li span{font-size: 14px;}
.confirm-package ul li span.way-sp{padding-right: 28px;}
.combined-inf{padding: 8px 15px;overflow: hidden;}

.deduction-inf{background: #FFFFFF;overflow: hidden;padding: 8px 10px 0 10px;margin-bottom: 10px;}
.dedu-input{width: 40%;}
.dedu-title p{padding-top: 2px;}
.dedu-input input{width:42%;height: 25px;margin-bottom: 0;padding: 8px 5px;text-align: center;}
.dedu-input span{font-size: 14px;color: #999999;}
.dedu-title{border-bottom: 1px solid #e3e3e3;overflow: hidden; padding-bottom: 5px;}

.dedu-pre{padding: 8px 0;overflow: hidden;}
.dedu-pre p{margin-bottom: 0;color: #414141;}
.dedu-pre i{float: right;font-size: 17px;padding-top: 2px;}

.payment-way{background: #FFFFFF;overflow: hidden; padding: 0 10px;}
.payment-way h4{font-weight: normal;font-size: 16px;line-height: 35px;border-bottom: 1px solid #e3e3e3; margin-top: 0; margin-bottom: 20px;}
.payment-way ul li{overflow: hidden; margin-bottom: 10px;}
.payment-way ul li a{display: block; padding: 8px 20px; border: 1px solid #e3e3e3;overflow: hidden;border-radius: 4px;-webkit-border-radius: 4px;}
.payment-way ul li a span.way-img{display: block;float: left;width: 28px; margin-right: 15px;}
.payment-way ul li a span.way-le{display: block;float: left;line-height: 28px;font-size: 14px;}
.payment-way ul li a span.way-ri{display: block;float: right;line-height: 28px;font-size: 13px;color: #d4d4d4;}

.payment-way ul li a.ted{border-color:#ff4f75;}

/*配送弹窗*/
.options-ul li{overflow: hidden; padding: 10px;border-bottom: 1px solid #e3e3e3;}
.options-le h4{font-weight: normal;font-size: 16px;}
.option-radio{float:right;}
.option-radio input[type="radio"]{position: static;}
.options-btn{padding: 8px; margin-top: 20px;font-size: 15px;}


/*付款*/
.payment-title{padding: 20px;background: #FFFFFF;border: 1px solid #e3e3e3;border-left: none;border-right: none;overflow: hidden;margin: 10px 0;}
.payment-title span{display: block;width: 28px;margin: 0 auto 17px;}
.payment-title h4{text-align: center;font-weight: normal;font-size: 17px;color: #414141;}

.ins-p{padding-left: 15px;margin-bottom:9px;}

.way-prompt{background: #FFFFFF;overflow: hidden;border: 1px solid #e3e3e3;border-left: none;border-right: none;padding: 0 10px;margin-bottom: 10px;}
.way-prompt h5{line-height: 40px;margin: 0;border-bottom: 1px solid #e3e3e3;}

.way-prompt h5{color:#434343;}
.way-prompt h5 span{color: #9a9a9a;}
.prompt{padding: 20px 0;overflow: hidden;}
.pt-1 h3{font-weight: normal; margin: 10px 0;color: #424242;text-align: center;}
.pt-1 p{text-align: center;}
.pt-1 p.p1{font-size: 16px;color: #666666;}
.pt-1 p.p2{font-size: 12px;}

.pt-2 a{padding: 8px; width: 80%; margin: 0 auto;font-size: 14px;}

.total-of{overflow: hidden;padding: 12px;background: #FFFFFF;}
.total-of h4{font-weight: normal;font-size: 15px;}
.total-of span.fre-span{font-size: 12px;color: #999999;}

.eturn-box{margin: 25px auto;overflow: hidden;width:50%;}
.eturn-box a{padding: 3px 10px; font-size: 13px;}

/*默认页*/
.page span{display: block;width:160px; margin: 70px auto 20px;}
.page h4{font-weight: normal;text-align: center;color: #919191;font-size: 16px;}
.page a{display: block; margin: 30px auto 0; width: 30%; padding: 4px;font-size: 15px;}

/*聯繫客服*/
/*.service-list ul li span.service-ico{display: block;width:25%;float: left;}
.service-list ul li .service-inf{float: left;width: 70%;  overflow: hidden;}
.ber-p{color: #444444;font-size: 15px;}*/

.service-list .mui-table-view li a{white-space: inherit;}
.service-list ul li span.service-ico{display:inline-block;width: 20%;float: left; }
.service-list ul li .service-inf{float: right;width:80%;overflow: hidden;}
.ber-p{color: #444444;font-size: 14px;word-wrap: break-word;word-break: normal;}

/*設定支付密碼*/
.identity-title{padding: 25px 0;background: #ffffff;border: 1px solid #e3e3e3;border-left: 0;border-right: 0;}

.title-box{width: 70%; margin: 0 auto;}

.inde-1 {float: left;width: 60px;}
.inde-1 span{display: block;width: 28px; height: 28px; margin:0 auto;background: #ff4f7d;color: #FFFFFF;font-size: 18px;text-align: center;line-height: 28px;border-radius: 50%;-webkit-border-radius: 50%;}
.inde-1 p{text-align: center;}

.orange{background-color: orange;color: #FFFFFF;}
.blue{background-color: #00A1F6;color: #FFFFFF;}
.mymy_page_content { padding: 50px 12px;background-color: #fff; }
.mymy_page_content img { width: auto; max-width:100%;}

.bottom-fixed{position: fixed;bottom: 0px;}

.message-inf ul li span.mess{display: block;width: 30px;float: left; margin-right: 10px;position: relative;}
.message-inf ul li span i{display: block;position:absolute;top:0;right:-5px;width: 5px;height: 5px;background: #ff5077;border-radius: 50%;-webkit-border-radius: 50%;}

.message-inf ul li p.time-p{text-align: right;}
.message-inf ul li p.mess-text{padding-left:40px;font-size: 13px;}
.message-inf ul li p.news-time{clear: both;padding-top: 3px;}
.message-inf ul li h4{font-weight: normal;font-size: 16px; margin: 0;line-height: 20px;color: #333333;white-space:normal;}
.message-inf ul li h4.news-title{float: none;}

.tial-con{width: 95%;overflow: hidden; margin: 10px auto 0;}
.tial-inf{overflow: hidden; margin-bottom: 15px;}
.tial-inf .time-p{text-align: center;margin-bottom: 8px;}
.tial-inf .tial-text{background: #FFFFFF;overflow: hidden;border-radius: 4px;-webkit-border-radius: 4px; padding-bottom: 8px;}
.tial-text .a-ti{color: #434343;line-height: 35px; padding-left: 10px;font-size: 15px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tial-text p{padding-left: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news-inf{padding: 10px;background: #FFFFFF;}
.news-inf h4{font-weight: normal;font-size: 16px;line-height: 22px;}
.news-inf .news-con{text-indent: 1.5em;color: #77777a;}


.mymy_message { margin-top:45px;padding: 10px; }
.mymy_message .avatarBlock   { margin-right: 10px; }
.mymy_message .replyBlock .avatarBlock { margin-right: 0px; }
.mymy_message .allCountBlock { font-size: 13px; }
.mymy_global_text_minor { font-size: 9pt; }
.mymy_message .lookEarlier { font-size:13px; }
.mymy_message .avatarBlock img { border: 0;border-radius: 100px;width:50px; }