﻿#swiper2{background:#fff;box-shadow:1px 1px 8px #bbb;}
#swiper2 .swiper-slide .tab-item{display:block;padding:10px 0;line-height:25px;font-size:14px;background:#fff;color:#444;text-align:center;}
#swiper2 .swiper-slide .tab-item.current{color:#ff5b47}
#swiper2 .swiper-slide.current a{color:#ff5b47}

.banner{position:relative;width:100%;padding-bottom:48%;background:url(../images/head.jpg) no-repeat center center;background-size:100% auto}
.banner .my-score{position:absolute;color:#734b17;width:100%;text-align:center;top:50%;-webkit-transform:translateY(-90%);}
.banner .my-score span{display:block; margin-bottom:10px;}
.banner .my-score em{display:block;font-size:32px;font-family:"MS Serif", "New York", serif}

.banner .btn-box{position:absolute;width:100%;text-align:center;bottom:8%;}
.banner .btn-box a{display:inline-block;width:100px;height:32px;line-height:32px;border-radius:16px;color:#fff; background-color:#eab571}
.banner .btn-box a:first-child{margin-right:20px;}

.nav-box{display:flex;width:100%;background:#fff;}
.nav-box .item{flex:1;height:100px;display:block;padding-top:66px;text-align:center;font-size:13px;}
.nav-box .item.n1{background:url(../images/n1.png?v=1) no-repeat center 4px; background-size:60px auto}
.nav-box .item.n1.current{background:url(../images/n1_current.png?v=1) no-repeat center 4px; background-size:60px auto}
.nav-box .item.n2{background:url(../images/n2.png?v=1) no-repeat center 4px; background-size:60px auto}
.nav-box .item.n2.current{background:url(../images/n2_current.png?v=1) no-repeat center 4px; background-size:60px auto}
.nav-box .item.n3{background:url(../images/n3.png?v=1) no-repeat center 4px; background-size:60px auto}
.nav-box .item.n3.current{background:url(../images/n3_current.png?v=1) no-repeat center 4px; background-size:60px auto}
.nav-box .item.n4{background:url(../images/n4.png?v=1) no-repeat center 4px; background-size:60px auto}
.nav-box .item.n4.current{background:url(../images/n4_current.png?v=1) no-repeat center 4px; background-size:60px auto}

.record-link{display:block;padding:10px; background:#fff;margin-bottom:10px; border-bottom:1px solid #f0f0f0}
.record-link .score-view{display:inline-block; text-align:center;line-height:1.4}
.record-link .score-view span{display:inline-block;padding-right:14px; background:url(../images/icon/icon-shouzhi.png) no-repeat right center;margin-left:2px; background-size:12px; vertical-align:middle;font-size:14px;color:#777;margin-top:3px}
.record-link .score-view em{font-size:20px;display:inline-block; vertical-align:middle}
.record-link .right{display:inline-block;float:right;color:#777;margin-top:5px;}
.record-link i.icon-next{ vertical-align:middle;display:inline-block;width:14px;height:14px;margin-left:4px;background:url(../images/icon/icon-next.png) no-repeat center center;background-size:14px auto;}

.goods-filter{background:#fff;position:relative;}
.goods-filter .fixed{position:relative;width:100%;max-width:640px;z-index:996;}
.goods-filter .drop-item{ position:absolute;right:0px;top:0px;width:50px; z-index:997;height:45px;line-height:45px; box-shadow:-5px 0px 18px #fff; background:#fff; display:inline-block;text-align:center;color:#333;cursor:pointer;}
.goods-filter .drop-item i{display:inline-block; vertical-align:middle;width:24px;height:24px;background:url(../images/icon/icon-shaixuan.png) no-repeat center center;background-size:24px auto;margin-left:4px}
.goods-filter .drop-item span{display:inline-block;vertical-align:middle;}

.goods-filter .drop-down{display:none;position:absolute;width:100%;top:46px;right:0px;z-index:997;background:#fff;box-shadow:2px 2px 5px #bbb}
.goods-filter .drop-down .item{border-bottom:1px solid #ccc}
.goods-filter .drop-down .item a{display:block;width:100%;padding:12px;color:#777;}
.goods-filter .drop-down .item a.current{color:#ff5b47;}
.goods-filter .drop-down .btn-box{padding:12px;}
.goods-filter .drop-down .btn-box a{display:block;width:100%;padding:12px; text-align:center; color:#fff;background:#ff5b47;border-radius:2px}

.goods-item {padding:10px;background:#fff; position:relative;}
.goods-item .top{padding-bottom:10px; border-bottom:1px solid #e4e4e4;margin-bottom:10px}
.goods-item .top .status{color:#ff5b47; float:right}
.goods-item .label{display:block;width:70px;padding:4px 0; text-align:center; position:absolute;top:0px;left:-10px;background:#ff5b47;color:#fff;border-radius:13px;}
.goods-item .pic{display:table-cell; vertical-align:top;width:80px;height:80px; line-height:0 }
.goods-item .pic img{width:80px; height:80px;}
.goods-item .right{position:relative; display:table-cell;min-width:180px; vertical-align:top;height:80px;padding-left:10px;color:#777}
.goods-item .right .title{line-height:1.2;color:#000;margin-top:2px}
.goods-item .right .integral{ position:absolute;bottom:20px}
.goods-item .right .integral em{font-size:16px;color:#ff6a00;margin-right:2px}
.goods-item .right .price{ position:absolute;bottom:2px}
.goods-item .right .num{ position:absolute;bottom:2px}
.goods-item .btn{ position:absolute;bottom:10px;right:10px;display:inline-block;padding:5px 8px;color:#ff5b47; border:1px solid #ff5b47; border-radius:2px;}
.goods-item .desc{padding-top:10px;margin-top:10px; border-top:1px dashed #e4e4e4}

.goods-mall { display: flex;width:100%;background:#fff;margin-top:6px;flex-wrap:wrap }
.goods-mall .item{flex-basis:50%;text-align:center;padding:10px 0;border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4}
.goods-mall .item img{width:80px;height:80px;}
.goods-mall .item .pro-title {width:90%;margin:0 auto; margin-top: 10px; font-size: 12px; line-height: 1.4; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.goods-mall .item .pro-desc { margin-top: 6px; font-size: 10px; color: #808080; }
.goods-mall .item .pro-desc em{color:#ff6a00}
.goods-mall .item .price { margin-top: 6px; font-size: 10px; color: #808080; }

.serviceCallTitle { text-align:center; font-weight:700; font-size:26px; margin-top:40px;}
.serviceCallContent { text-align:center; background-color:cornflowerblue; color:#fff; font-size:16px; margin:20px 28px 30px; padding:80px 0;}
.serviceCallContent p { padding-top:12px;}
.serviceCallNum { text-align: center; border: 2px solid cornflowerblue; padding:7px 0 15px; width:60%; margin:0 auto;}
.serviceCallNum p { padding-top: 8px; color:darkgray; font-size:16px; }