/*字体框架样式*/
@font-face {font-family: 'iconfont';src: url('../css/font/iconfont.eot');src: url('../css/font/iconfont.eot?#iefix') format('embedded-opentype'),url('../css/font/iconfont.woff') format('woff'),url('../css/font/iconfont.ttf') format('truetype'),url('../css/font/iconfont.svg#iconfont') format('svg');}
*::before,{box-sizing: border-box;}
*::after {box-sizing: border-box;}
a,p{font-family: "Microsoft YaHei";}
/*swiper幻灯*/
.topbanner{height: 3rem;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {height: 3rem;width: 7.5rem;text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination-bullet {width: 0.24rem!important; height: 0.08rem!important; display: inline-block;border-radius: 1%!important;background: #000; opacity: .2;}
.swiper-slide img{height: 3rem;width: 7.5rem;}
.swiper-pagination-bullet-active {opacity: 1;background: #fbfbfb!important;}
/*顶部导航*/
.top_nav{height:auto;border-bottom: 0.18rem solid #f1eded;overflow: hidden;}
.top_nav ul{list-style: none; margin-left: auto;margin-right: auto;margin: 0 auto;width: 7.2rem;}
.top_nav ul li{float: left;height: 1.6rem;width:1.8rem;text-align: center;box-sizing: border-box;}
.top_nav ul li i{line-height: 1rem;width: 1rem;height:1rem;display: -webkit-inline-box;display: inline-block;text-align: center;}
.top_nav ul li i a{text-decoration:none;font-family:"iconfont" !important;font-size:0.6rem;font-style:normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;display: block;width: 1rem;height:1rem;}
.top_nav ul li:nth-child(1) i a{color: green;}
.top_nav ul li:nth-child(2) i a{color: #c70706;}
.top_nav ul li:nth-child(3) i a{color: #efbd29;}
.top_nav ul li:nth-child(4) i a{color: #ea407a;}
.top_nav ul li:nth-child(5) i a{color: #FF9800;}
.top_nav ul li:nth-child(6) i a{color: #795548;}
.top_nav ul li:nth-child(7) i a{color: #2196F3;}
.top_nav ul li:nth-child(8) i a{color: #9e989a;}
.top_nav ul li span{font-size:0.24rem;display: block;color: #5f5a5a;}
/*公告*/
.top_gonggap{height: 0.2rem;border-bottom: 0.18rem solid #f1eded;padding: 0.15rem;}
.top_gonggap span{font-family:"iconfont" !important;font-size:0.2rem;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;color: #FF9800;display: block;float: left;margin-right: 0.15rem;height: 0.2rem;line-height: 0.2rem;}
.top_gonggap a{font-size:0.18rem;color: #999999; display: block;float: left;text-decoration:none;height: 0.2rem;line-height: 0.2rem;}
/*精品推荐-标题*/
.shop_little{height: 0.5rem;padding: 0.15rem;text-align: center;}
.shop_little span{font-size:0.35rem;display:block;font-weight: bold;background: linear-gradient(to bottom, #dc9c3b 6%, #e02f27 50%, #ef1a1a 80%);-webkit-background-clip: text;color: transparent;line-height: 0.5rem;height: 0.5rem;}
/*商品列表*/
.index_shop ul{list-style: none;}
.index_shop ul li{margin-bottom: 0.25rem;height: 2rem;padding-left: 0.12rem;padding-right: 0.12rem;}
.index_shop ul li i{display: block;float: left;text-align: center;}
.index_shop ul li i img{width: 5rem;height: 2rem;border-top-left-radius: 0.15rem;border-top-right-radius: 0.15rem;border-bottom-right-radius: 0.15rem;border-bottom-left-radius: 0.15rem;}
.index_shop ul li i img:hover{opacity: 0.8;filter: alpha(opacity=30);transform: scale(0.98);overflow: hidden;}
.index_shop ul li i:nth-child(1){width: 5rem;height: 2rem;margin-right: 0.1rem;border-top-left-radius: 0.15rem;border-top-right-radius: 0.15rem;border-bottom-right-radius: 0.15rem;border-bottom-left-radius: 0.15rem;}
.index_shop ul li i:nth-child(2){width: 2.1rem;height: 1.8rem;padding-top: 0.15rem;	}
.index_shop ul li i:nth-child(2) span{font-size: 0.24rem;color: #e12e26;font-weight: bold;	display: block;margin-bottom: 0.15rem;}
.index_shop ul li i:nth-child(2) p{font-size: 0.14rem;color: #666666;text-align: left;line-height: 0.2rem;padding: 0.05rem;}
.index_shop ul li i:nth-child(2) a{background: #e12e26; color: #FFFFFF;font-size: 0.14rem;display: block;text-align: center;text-decoration:none;height: 0.4rem;line-height: 0.4rem;margin-top: 0.1rem;}
.index_shop ul li i:nth-child(2) a:hover{background: #FFFFFF;border: 1px solid #e12e26;color: #e12e26;}
.index_shop ul li:last-child{margin-bottom: 1.55rem;}
/*底部导航*/
.call {height: 1.31rem;line-height: 1.10rem; width: 100%;text-align: center;color: #ffffff;font-size: 0.36rem;background-color: #ffffff; border-top: 1px solid #e7e7e7;position: fixed;bottom: 0;left: 0;}
.call ul{list-style-type: none; width: 100%;margin: 0px;padding: 0px;}
.call ul li{float: left;width: 25%;height: 1.30rem;text-align: center;}
.call ul li a{text-decoration: none;float: left; height: 1.30rem;text-align: center;font-size: 0.5rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;width: 100%;display: block!important; margin: 0 auto;color: #8a8c8e;}
.call ul li a:hover{color: #5490D2;}
.call ul li a span {display: block;height: 1.3em;line-height: 0.8rem;font-family: "iconfont" !important;font-size: 0.5rem;}
.call ul li a p{color: #FFFFFF;display: block;height: 0.6rem;font-size: 0.24rem;line-height: 0.6rem;color: #807c7c;}
/*用户中心*/


/*全局顶部浮动导航*/
.use_topall {height: 1.10rem;line-height: 1.10rem;width: 100%;text-align: left;background: #ffffff;position: fixed;left: 0;top: 0;z-index: 999;}
.use_topall a {color: #423b3b;font-size: 0.3rem;height: 1.10rem;line-height: 1.10rem; display: block;text-decoration: none;margin-left: 0.15rem;float: left;text-align: center;}
.use_topall a:nth-child(1){width: 10%;font-size: 0.5rem;}
.use_topall a:nth-child(2){width: 70%;font-weight: bold;}



/*移动-用户中心-顶部*/
.usrertop{height: 2rem; padding-left: 0.24rem;padding-right: 0.24rem;background: white;padding-top: 0.3rem;}
.usrertop .usernames{float: left;width: 60%;height: auto;}
.usrertop .usernames span:nth-child(1){font-size: 0.45rem;color: #a09d9d;display: block;margin-top: 0.35rem;}
.usrertop .usernames span:nth-child(1) b{font-size: 0.35rem;}
.usrertop .usernames span a{height: 0.4rem;width: 0.4rem;}
.usrertop .usernames span a img{height: 0.4rem; width: 0.4rem;}
.usrertop .usernames span:nth-child(2){font-size: 0.14rem;    color: #a09d9d;}
.usrertop .usernames p{font-size: 0.24rem;    color: #a09d9d;margin-top: 0.25rem;height: 0.5rem;}
.usrertop .usernames p a{border: 1px solid white;padding: 0.05rem; border-radius: 10%;color: #a09d9d;}
.usrertop .userimg{float: left;width: 40%;text-align: center;overflow: hidden;}
.usrertop .userimg a{width: 1.2rem; height: 1.2rem; display: block;margin: 0 auto;background: #fff;margin-top: 0.2rem;margin-bottom: 0.15rem;border-radius: 50%;border: 0.02rem solid #e8e8e8;}
.usrertop .userimg p{font-size: 0.14rem;color: #fff;}
.usrertop .userimg img{width: 100%;height: 100%;     border-radius: 50%;}
/*移动-用户信息统计*/
.usertongji{height: auto;margin-bottom: 0.15rem;overflow:hidden;background: white;}
.usertongji ul{list-style-type: none;height: 100%;margin: 0;width: 100%;padding-left: 0px; padding-right: 0px;display: flex;}
.usertongji ul li{text-align: center;padding: 0.22rem; float: left;width: 25%;margin-bottom: 0.01rem;}
.usertongji .line{border-left: 1px solid #e2e0e0;}	
.usertongji li:nth-child(1) .line{border-left: 0px;}
.usertongji .line p{ float: left;font-size: 0.45rem;margin: 0;padding: 0;width: 100%;color: #928b8b;margin-bottom: 0.25rem;}	
.usertongji .line p span{color: #615c5c; font-size: 0.24rem; font-weight: bold; font-style: normal;}
.usertongji .line p span{display: block;}
.usertongji .line a{font-size: 0.24rem;display: block;color: #615c5c;}
.usertongji .line i{float: left;text-align: center;width: 100%;font-size: 0.25rem;}
/*移动-服务导航--订单*/
.user_nav{height: auto;border-bottom: 0.18rem solid #f3f3f3; background: #FFFFFF;overflow: hidden;}
.user_nav ul{list-style: none;margin-left: auto; margin-right: auto;margin: 0 auto;width: 100%;display: flex;}
.user_nav ul li{height: 1.6rem;box-sizing: border-box;text-align: center;padding: 0.22rem; float: left; width: 25%;}
.user_nav ul li a{text-decoration: none;font-family: "iconfont" !important;font-size: 0.6rem;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale; text-align: center;display: block;}
.user_nav ul li a i{text-decoration: none; font-family: "iconfont" !important; font-size: 0.6rem; font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;color: #a7a2a2;}
.user_nav ul li a span{font-size: 0.24rem;display: block; color: #a7a2a2; margin-top: 0.15rem;}
.user_nav .little{height: 0.8rem;line-height: 0.88rem;padding-left: 0.24rem;padding-right: 0.24rem; border-bottom: 1px solid #e8e5e5;}
.user_nav .little span{font-size: 0.3rem;float: left;}
.user_nav .little span:nth-child(1){color: #383535;}.user_nav .little span:nth-child(2){float: right;}
.user_nav .little span a{font-size: 0.24rem;    color: #888181;}
/*移动-服务导航--我的服务*/
.user_fuwunav{height: auto;border-bottom: 0.18rem solid #f3f3f3;background: #FFFFFF;overflow: hidden; margin-left: 0.24rem; margin-right: 0.24rem;border-radius: 0.12rem;}
.user_fuwunav ul{list-style: none;margin-left: auto; margin-right: auto;margin: 0 auto;width: 100%;}
.user_fuwunav ul li{height: 1.6rem;box-sizing: border-box;text-align: center;padding: 0.22rem; float: left; width: 25%;}
.user_fuwunav ul li a{text-decoration: none;font-family: "iconfont" !important;font-size: 0.6rem;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale; text-align: center;display: block;}
.user_fuwunav ul li a i{text-decoration: none; font-family: "iconfont" !important; font-size: 0.6rem; font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;color: #a7a2a2;}
.user_fuwunav ul li a span{font-size: 0.24rem;display: block; color: #a7a2a2; margin-top: 0.15rem;}
.user_fuwunav .little{height: 0.8rem;line-height: 0.8rem;padding-left: 0.24rem;padding-right: 0.24rem; font-weight: bold;color: #6f6767;}
.user_fuwunav .little span{font-size: 0.3rem;float: left;}






/*==========业务页面代码===========*/
/*用户资料修改-页面*/
.user_profilebox{margin-top: 2.1rem;padding-left: 0.3rem;padding-right: 0.3rem;height: auto; overflow: hidden;}
.user_profilebox .user_profiefrom{height: auto;overflow: hidden;margin-bottom: 0.25rem;}
.user_profilebox .user_profiefrom span{font-size: 0.3rem;float: left;height: 0.6rem;line-height: 0.6rem; color: #676565;width: 20%;text-align: right;margin-right: 0.05rem;}	
.user_profilebox .user_profiefrom input{border: 1px solid #dedcdc;width: 79%;float: left;height: 0.6rem;padding: 0.08rem; color: #969696; }
.user_profilebox .user_profiefrom input:hover{border: 1px solid #488fce;}
.user_profilebox .user_profiefrom .dook{border: 0;width: 1.8rem;height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem;background: #488fce;color: #fff;}
.user_profilebox .user_profiefrom .dono{ border: 0;width: 1.8rem;height: 0.5rem;line-height: 0.5rem;font-size: 0.24rem; background: #488fce; color: #fff;}
/*用户已经发布的帖子列表*/
.user_mypostbox{margin-top: 1.15rem;padding-left: 0.1rem;padding-right: 0.1rem;height: auto;overflow: hidden;}
.user_mypostbox .postlittle{height: 0.6rem;background: #fbf9f9;}
.user_mypostbox .postlittle td{font-size: 0.24rem;text-align: center;color: #8e7f7f;border: 1px solid #e6e6e6;font-weight: bold;}
.user_mypostbox .postlittle td:nth-child(1){width: 20%;}
.user_mypostbox .postlittle td:nth-child(2){width: 70%;}
.user_mypostbox .postlists{border: 1px solid #c1b6b6;height: 0.6rem;}	
.user_mypostbox .postlists td{font-size: 0.35rem;text-align: center;color: #8e7f7f;border: 1px solid #e6e6e6;}
.user_mypostbox .postlists:hover{background: #f7fcff;}
.user_mypostbox .postlists a{font-size: 0.28rem; color: #698eb9;}
.user_mypostbox .postlists td:nth-child(3) a{overflow: hidden; display: block;}
.user_mypostbox .postlists td:nth-child(3) a img{width: 0.45rem;height: 0.45rem;}
.windsns_mypostpage{overflow: hidden;margin-top: 0.2rem;}
.windsns_mypostpage .pagination{padding: 0px;}
.windsns_mypostpage .pagination .disabled span{font-size: 0.35rem;display: block;height: 0.5rem;line-height: 0.5rem;color: #a1b4c7;}
.windsns_mypostpage .pagination .active span{font-size: 0.35rem;display: block; height: 0.5rem;line-height: 0.5rem;background: #becbd8;color: #fff;}
.windsns_mypostpage .pagination li{float: left; height: 0.5rem;width: 0.5rem;border: 1px solid #acbcce;text-align: center; margin-left: 0.05rem;}
.windsns_mypostpage .pagination li a{font-size: 0.35rem;display: block;line-height: 0.5rem;color: #a1b4c7;}
/*在线客服*/
.user_servicebox{margin-top: 2.1rem;height: 9rem;padding-left: 0.3rem;padding-right: 0.3rem;}
.user_servicebox .service_little{font-size: 0.4rem;margin-top: 1rem;text-align: center;font-weight: bold;line-height: 0.8rem;color: #5f5b5b;width: 6.5rem; margin: 0 auto;}
.user_servicebox .service_code{width: 4rem; height: 4rem; margin: 0 auto;margin-top: 1rem;}
.user_servicebox .service_code img{width: 100%;height: 100%;}
.user_servicebox .service_tishi{font-size: 0.24rem;margin-top: 1rem;text-align: center;line-height: 0.8rem;color: #5f5b5b;width: 6.5rem;margin: 0 auto;}
