body{
	font-family:"微软雅黑", Helvetica, sans-serif;
	font-weight:normal;
	height: 100%;
	color:#333;
    font-size:15px;
    background:#fff;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?d2ewcz');
  src:  url('../fonts/icomoon.eot?d2ewcz#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?d2ewcz') format('truetype'),
    url('../fonts/icomoon.woff?d2ewcz') format('woff'),
    url('../fonts/icomoon.svg?d2ewcz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-right:before {
  content: "\e900";vertical-align: -1px;
}
.icon-xiala:before {
  content: "\e901";
}

/*首页顶部*/
.index-top{ position:absolute; width:100%; box-sizing:border-box; padding:10px 10px; z-index:999;}
.index-top a.fl{ float:left; width:20%; color:#fff; font-size:12px; text-align:center; margin-right:2%; }
.index-top a.fl span{ font-size:12px;}
.index-top a.fl p{ font-size:15px; margin-top:6px;}
.index-top a.fr{ float:right; width:10%; color:#fff; font-size:12px; text-align:center; height:32px; }
.index-top a.fr img{ max-width:100%; display:block; margin:0 auto; height:32px;}

.index-top .search{ float:left; width:64%; background:rgba(255,255,255,.9); border-radius:20px; height:32px; overflow:hidden;}
.index-top .search input{ height:32px; width:80%;}
.index-top .search .search-form-icon{ float:left;width:14%;display:block;height:32px;line-height:32px; background:url(../images/search-form-icon.png) no-repeat center; background-size:19px auto;}


.index-banner{ width:100%;}
.index-banner img{ display:block; width:100%;}.tab_xin{ width:100%; margin:0 auto;}
.index-banner .swiper-pagination-bullet{width:6px;height:6px;background:#ffdb25;border-radius:50%;opacity:1;}
.index-banner .swiper-container-horizontal .zg_swiper_pagination{bottom:10px;}
.index-banner  .swiper-pagination-bullet-active{ background:#ffdb25; width:15px; border-radius:10px;}





/*公告*/
.gg{ width:100%; margin:0 auto; background:#fcfcfc;  font-size:15px; padding:10px 10px; line-height:30px; color:#1f6ec9;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gg i{ display:block; width:110px; height:30px; background:url(../images/gg.png) no-repeat center; background-size:100%; float:left; margin-right:8px;}
#FontScroll{height:30px;line-height:30px;overflow:Hidden;margin:0 auto;}
#FontScroll .line{text-align:center;width:100%;}
#FontScroll .fontColor a{color:red;}
#FontScroll li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*20180815*/color:#666666;/*20180815*/}
#FontScroll li a{ color:#666666}


.sort{  box-shadow:0 0 10px 1px #ddd; width:94%; margin:20px auto; border-radius:9px;}
.sort .title{ background:url(../images/titlebg.png) no-repeat top center; background-size:100% 100%; height:40px; line-height:40px;}
.sort .title .fl{ float:left; color:#fc7b19; font-size:16px;}
.sort .title .fl img{ width:20px; float:left; margin:6px 6px 0 10px;}
.sort .title  a{ float:right; margin-right:10px; color:#fc7b19; font-size:12px;}
.sort .title1{ background:url(../images/titlebg1.jpg) no-repeat top center; background-size:100% 100%; height:40px; line-height:40px;}
.sort .title1 .fl{ float:left; color:#fac50e; font-size:16px;}
.sort .title1  a{ float:right; margin-right:10px; color:#fac50e; font-size:12px;}
.sort .title1 .fl img{ width:20px; float:left; margin:8px 6px 0 10px;}
.sort .title  a span{ margin-left:-5px;}
.sort li{ width:33.333%; float:left; border:1px solid #f2f2f2; border-width:0 1px 1px 0; padding:10px ; position:relative; height:150px;}
.sort li .pic{ width:60%; margin:0 auto; }
.sort li .pic img{ width:100%;}
.sort .text .tit{ font-size:15px; color:#333; margin-top:4px; height:20px;overflow:hidden;}
.sort .text .price{ font-size:12px; color:#999999; height:34px;overflow:hidden; line-height:34px;}
.sort  li:nth-child(3n){ border-right:none;}


.headline{ width:100%;}
.headline .title{ width:100%; text-align:center; padding:10px 0; font-size:17px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.headline .title span{ color:#345995;}
.headline .title .fc:before{ content:""; width:20px;height:16px; background:url(../images/title-l.png) no-repeat center center;background-size:16px;  display: inline-block;margin-right:5px;    vertical-align: -2px;}
.headline .title .fc:after{ content:""; width:20px;  height:16px; background:url(../images/title-r.png) no-repeat center center;background-size:16px; display: inline-block;margin-left:5px;    vertical-align: -2px;}
.headline .title  a{ float:right; margin-right:10px; color:#999999; font-size:12px;margin-top: -18px;}
.headline .title  a span{ margin-left:-5px;color:#999999; }

.pro_list { width:100%; margin:0 auto;}
.pro_list ul { overflow:hidden;}
.pro_list ul li { float:left; width:46%; position: relative; margin:5px 2%;  overflow: hidden;}
.pro_list ul li .pic{ position:relative;width:64px; height: 64px; float: left;}
.pro_list ul li .pic img { width:100%;  height: 64px;display: block;margin: 0 auto; border-radius:5px;   }
.pro_list ul li .pic i{ width:45px;  color:#fff; background:#ff3939; text-align:center; position:absolute; right:0; top:20px; display:block; border-radius:20px 0 0 20px;}
.pro_list ul li .info { width:calc(100% - 70px); float:right; margin:0 auto; padding-bottom: 8px; position:relative;}
.pro_list ul li .info .tit { color:#353d44; font-size:14px; width:100%; margin:0 auto; margin-top: 8px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_list ul li .info .enter{word-wrap:break-word;  border:1px solid #b8b8b8; border-radius:30px; overflow:hidden; background:#f3f3f3; height:30px; line-height:30px; font-size:12px;}
.pro_list ul li .info .enter img{ width:22px; height:22px; border-radius:50%;  margin:4px 5px 0 4px; float:left; }


.shop{}
.shop .title{ width:100%; margin:0 auto; font-size:16px; color:#52555c; border-bottom: 1px solid #ccc; padding:8px 2%;}
.shop .title img{ width:25px; margin-right:5px; vertical-align:-4px;}
.shop .list{ overflow:hidden; width:96%; margin:0 auto; border-bottom:1px solid #f2f2f2; padding:10px 0;}
.shop .list:last-child{ border:none;}
.shop .list .pic{ width:80px; height:80px; float:left; border-right:1px solid #f2f2f2; padding-right:10px;}
.shop .list .pic img{ width:100%; display:block;}
.shop .list .text{ padding-left:10px; float:left; width:60%;}
.shop .list .text h3{ color:#52555c; font-size:16px; font-weight:600;}
.shop .list .text p{ margin-top:10px;}
.shop .list .text p span{ border:1px solid #dfdfdf; color:#999; border-radius:4px; padding:2px 4px;font-size:12px;}
.shop .list .text .address{ margin-top:10px; color:#999; background:url(../images/icon-address.png) no-repeat left center; padding-left:20px; background-size:13px; font-size:12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.shop .list .fr{ width:calc(100% - 60% - 80px); float:right;}
.shop .list .fr h4{ font-size:18px; font-weight:600; color:#e0e0e0; text-align:right;}
.shop .list .fr p{ width:100%; border:1px solid #ffdb25; text-align:center; padding:3px 0; border-radius:50px; margin-top:15px;}
.shop .list .fr p img{ width:20px; margin-right:5px; vertical-align:-3px;}
.shop .list .fr p a{ color:#ffdb25;}

/*底部*/
.footer{position: fixed;bottom: 0;left: 0;background: #fff;border-top: 1px solid #dbdbdb;width: 100%;z-index: 9999;}
.footer ul li{width: 20%;float: left;}
.footer ul li .img2{display: none;}
.footer ul li i{width: 28%;margin: 0 auto;display: block;overflow: hidden;height:26px; margin-top:5px;}
.footer ul li i img{width:23px; display:block; margin:0 auto;}
.footer ul li span{font-size: 12px;text-align: center;line-height: 24px;display: block;width: 100%;color: #333}
.footer ul li.on i .img1{display: none;}
.footer ul li.on i .img2{display: block;}
.footer ul li.on span{color: #F14712;}



/*分类*/
.content{overflow:hidden;width:100%;}
.content .left{position:fixed;top:101px;left:0;float:left;width:25%;height:calc(100% - 164px);background:#fff;border-right:1px solid #dddddd; overflow:auto;}
.content .left::-webkit-scrollbar {display:none}
.content .left ul{list-style:none;}
.content .left ul li{padding:15px 5px;text-align:center; border-bottom:1px solid #dddddd}
.content .active{border-right:2px solid #345995;background:#f9f9f9; color:#345995;}
.content .right{float:right;width:75%;height:100%;margin-top: 101px; padding:0 10px;}
.content .right .cate-row .class-title{ padding:10px 0;}
.content .right .cate-row .class-title span{width:28%;display: block;line-height:22px;float:left; color:#345995;font-size:15px;}
.content .right .cate-row .class-title .cate_line{width:72%;float: right;height: 1px;background: #dbdbdb;display: block;margin-top: 10px;}

.content .right .cate-row  .cate_t{background:url(../images/rec_bg.png) no-repeat center center;width: 100%;text-align: center;color:#345995;font-weight: normal;background-size:auto 24px;box-sizing: border-box;padding-left: 15px; height:30px; line-height:30px; font-size:15px; margin:10px 0;}

.content .right .cate-row ul li{width: 30%;float: left;margin: 0 1.66%;margin-bottom:10px;min-height:140px; overflow: hidden;}
.content .right .cate-row ul li .f_img{width: 100%;overflow: hidden;}
.content .right .cate-row ul li .f_img img{width: 100%;}
.content .right .cate-row ul li .tit{width: 100%;display: block;color: #333;font-size:14px;height:40px;overflow: hidden; margin-top: 15px; text-align:center;}
.content .right .cate-row ul li span i{color: #f23030;font-size: 10px;font-style: normal;padding-top: 2px}
.content .right .cate-row ul li span strong{font-size: 14px;font-weight: bold;font-style: normal;color: #f23030;line-height: 20px;}
.content .right .cate-row ul li span font{font-size: 12px;color: #ff9000;float: left;line-height: 20px;display: block;}
.content .right .cate-row ul li span {padding-top: 3px;}
.content .right .cate-row ul li .price{ margin-top:10px; text-align:center;}
.content .right .cate-row ul li .price em{ font-size:10px; color:#345995; border:1px solid #345995; border-radius:3px; padding:0 2px;}
.content .right .cate-row ul.tj li{width: 30%;float: left;margin: 0 1.66%;margin-bottom:10px;min-height:155px; overflow: hidden;}
.content .right .cate-row ul.tj li .tit{width: 100%;display: block;color: #666;font-size: 12px;line-height: 15px;height: 30px;overflow: hidden; margin-top: 15px;}
.content .right .cate-row ul li .org-price{ margin-top:2px; text-align:center; font-size:12px; color:#999;text-decoration: line-through;}

/*头部*/
.head{ height:50px;  line-height:50px; background:#fff; width:100%;z-index: 2;}
.head .back{ position:absolute; left:15px; height:40px;}
.head .back a{ color:white; font-size:14px; font-weight:bold; background:url(../images/back.png) no-repeat center; width:11px; height:50px; display:block; background-size:100%; }
.head .title{ text-align:center; color:#000; font-size:17px;}
.head_search{width: 100%;box-sizing: border-box;background:#fff;padding: 0 5% 10px 5%;border-bottom: 1px solid #ebebeb;}
.head_search .kws{width:85%;box-sizing: border-box;padding:0 35px; height:40px;border: 0;font-size: 13px;color: #bfbfbf;background: #f5f5f5 url(../images/search-form-icon.png) no-repeat 8px center;border-radius:30px;background-size: 18px; }
.head_search .fr{ width:10%; font-size:12px; text-align:center;}
.head_search .fr img{ width:20px; display:block;  margin:0 auto;}
.menuBtn{ position:absolute; right:15px; top:15px; width:5px; height:24px; cursor:pointer; z-index:99;}
.menuBtn .burger{ display:block; width:5px; height:5px; border-radius:50%; position:absolute; left:0; background:#000; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition:transform 277ms ease-in-out; -o-transition:transform 277ms ease-in-out; -ms-transition:transform 277ms ease-in-out; -moz-transition:transform 277ms ease-in-out;}
.menuBtn .burger-1{ top:0;}
.menuBtn .burger-2{ top:7px;}
.menuBtn .burger-3{ bottom:5px;}
.menuBtn.active .burger-1 { top:8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-3 { top:8px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.iphemake{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:990; visibility:hidden; opacity:0; transition:750ms 200ms;}
.menu-fiex{ width:260px; text-align:center; background:#eeeeee; position:fixed; height:100%; right:-260px; top:0; z-index:999; padding-bottom:68px; box-sizing:border-box; transition:680ms; visibility:hidden;}
.menu-wr{ position:fixed; width:260px; top:0; right:-260px; height:100%; overflow-y:auto; overflow-x:hidden; transition:680ms;}
.menu-fiex.on{ right:0; visibility:visible;}
.menu-fiex.on .menu-wr{ right:0;}
.menu-fiex.on .closed{ left:-48px;}
.iphemake.on{ opacity:1; visibility:visible;}
.mtop{ height:59px;}

.iphone-logo{ margin-top:25px;}
.iphone-logo img{ width:100px; height:auto;}
.mune-list{ text-align:center; margin-top:30px;}
.mune-list >li{ margin-bottom:3px;}
.mune-list >li >a{ display:block; text-align:center; color:#323232; font-size:14px; height:46px; line-height:46px; position:relative; transition:540ms;}
.mune-list >li >a.on,.mune-list >li >a:hover{ color:#d00000;}
.mune-list >li >a.on:before,.mune-list >li >a:hover:before{ bottom:-6px; visibility:visible; opacity:1;}
.leval-menu{background:#dcdcdc; border-bottom:1px solid #d00000; display:none;}
.leval-menu li{ width:100%;}
.leval-menu li a{ display:block; line-height:40px; color:#323232; font-size:14px; text-align:center;}
.leval-menu li a:hover,.leval-menu li a:focus{ color:#013154;}
.closed{cursor:pointer; display:block; width:32px; height:31px; position:absolute; left:0; top:26px; background:url(../images/close.png) center no-repeat; z-index:10; transition:650ms;}
.closed:focus,.closed:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

.head-r{ height:50px;  line-height:50px; 
   /* background-image:linear-gradient(to right,#F14712,#F14712); background-size:100% 50px; width:100%;  */
}
.head-r .back{ position:absolute; left:15px; height:50px;}
.head-r .back a{ color:white; font-size:14px; font-weight:bold; background:url(../images/back.png) no-repeat center; width:11px; height:50px; display:block; background-size:100%; }
.head-r .title{ text-align:center; color:#fff; font-size:17px;height: 100%;}
.head-r span{ position:absolute; right:15px; height:50px; display:block; top:0;color:#fff;}
.head-r span a{ color:#fff; font-size:15px;}



/*登录*/
.login{}
.login .logo{ width:100%; margin:0 auto; margin-top:25%}
.login .logo img{ display:block; width:40%; margin: auto;}
.login .inner{ width:70%; margin:0 auto;margin-top:15%}
.login .inner .list{ width:100%; position:relative; border-bottom:1px solid #e9e9eb;  background:url(../images/rl-1.png) no-repeat left center; background-size:20px;margin-top:15px;}
.login .inner .list1{  background:url(../images/rl-2.png) no-repeat left center; background-size:20px;}
.login .inner .list input{ width:100%; padding-left:30px; border:none;height:40px;  font-size:14px; color:#333;}
.login .inner .submit-login{ width:100%; background-image:linear-gradient(to right,#F14712,#F14712);border-radius:30px; margin-top:40px;}
.login .inner .submit-login input{ height:40px; text-align:center; color:#fff; font-size:16px;  width:100%}
.login .inner .create{ font-size:14px; text-align:center; margin-top:15px; letter-spacing:2px;color:#F14712;}
.login .inner .create a{ color:#F14712;}

/*注册*/
.register{}
.register .logo{ width:70%; margin:0 auto; margin-top:25%}
.register .logo img{ display:block; width:70%;}
.register .inner{ width:70%; margin:0 auto;margin-top:15%; font-size:14px;}
.register .inner .list{ width:100%; position:relative;border-bottom:1px solid #e9e9eb; margin-top:15px;  overflow:hidden;}
.register .inner .list input{ width:calc(100% - 70px); border:none; height:40px; font-size:14px; color:#333; float:left;}
.register .inner .list span{ width:60px; color:#666666; display:block; float:left;height:40px;  line-height:40px;}
.register .inner .list span.code-countdown{width:110px;float:right;}
.register .inner .list span.code-again{width:110px;float:right;}
.register .inner .submit-login{ width:100%; background-image:linear-gradient(to right,#F14712,#F14712); border-radius:30px; margin-top:40px;}
.register .inner .submit-login input{ height:40px; text-align:center; color:#fff; font-size:16px;  width:100%; float:none;}
.register .inner .fast{ font-size:14px; text-align:center; margin-top:20px; letter-spacing:2px; }
.register .inner .fast a{ color:#F14712; border-bottom:1px solid #F14712; padding:5px 2px;}
.register .inner .list .forget{ position:absolute;color:#fff; right:0; top:7px; height:25px; line-height:25px; width:70px; text-align:center; border-radius:30px; background-image:linear-gradient(to right,#F14712,#F14712);}

.probanner{ width:100%; }
.probanner img{ display:block; width:100%;}
.probanner .swiper-pagination-bullet{ background:#fa9c18;}

.detail  .text{ width:96%; margin:0 auto; padding:10px 0;}
.detail .text .name{ font-size:16px; color:#4c5159; font-weight:600;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.detail .text .name img{ width:30px; vertical-align:-2px; margin-right:5px;}
.detail img{max-width:100%;}
.detail .text .price1{ margin-top:5px;}
.detail .text .price1 span{ font-size:12px; color:#fa9c18;margin-right:5px; border:1px solid #fa9c18; border-radius:30px; padding:3px 5px; }
.detail .text .price1 em{ font-size:12px; color:#666;}
.detail .text .org-price1{ margin-top:5px;}
.detail .text .org-price1 em{ font-size:20px; color:#333; font-weight:600;}
.detail .text .org-price1 i{ font-size:13px; color:#666;margin-left:5px; }
.detail .text .org-price1 span{ font-size:13px; color:#666;margin-left:5px;}
.detail .text .org-price1 b{ font-size:13px; color:#666;margin-left:5px; text-decoration:line-through; font-weight:500;}
.vip{ width:100%;}
.vip .title{ width:100%; text-align:center; padding:10px 0; font-size:16px;}
.vip .title:before{ content:""; width:20px;height:16px; background:url(../images/title-l.png) no-repeat center center;background-size:20px;  display: inline-block;margin-right:5px;    vertical-align: -4px;}
.vip .title:after{ content:""; width:20px;  height:16px; background:url(../images/title-r.png) no-repeat center center;background-size:20px; display: inline-block;margin-left:5px;    vertical-align: -4px;}


/*footer*/
.pro-footer {  position: fixed; width: 100%; bottom: 0px; z-index:999;background:#fff; }
.pro-footer .footbox {overflow:hidden;float:left; width:50%; text-align:center;height:40px; line-height:40px; background-color:#fff;font-size: 12px;}
.pro-footer .footbox button.but1{ width:100%;height:40px;background-image:linear-gradient(to right,#F14712,#F14712); color:#fff; border:none;}

.development{ width:100%; height:calc(100vh - 50px); overflow:hidden; position:relative;}
.development img{ width:100%;}
.development .text{ position:absolute; bottom:10%; width:100%;}
.development .text p{ text-align:center; color:#fff; font-size:17px; font-weight:300;}
.development .text a{ background:#fff; height:35px; line-height:35px; display:block; margin:0 auto; width:80%; text-align:center; margin-top:50px; border-radius:30px;}





.member{}

.member .top{ position:relative;}
.member .top .message{ position:absolute; top:10px; left:10px; color:#fff; font-size:12px; text-align:center;}
.member .top .message em{ width:16px; height:16px; line-height:16px; display:block; background:#f23338; color:#fff; border-radius:50%; position:absolute; top:-5px; right:-5px; font-size:12px;}
.member .top .message img{ width:25px;}
.member .top .sign{ position:absolute; top:10px; right:50px;color:#fff;font-size:12px; text-align:center;}
.member .top .sign img{ width:25px;}
.member .top .setting{ position:absolute; top:10px; right:10px;color:#fff;font-size:12px; text-align:center;}
.member .top .setting img{ width:25px;}

.member .top .img{ width:100%; display:block;}
.member .top .informition{ width:94%; margin:0 auto;background:url(../images/member.png) no-repeat top center; background-size:100% 100%; position:absolute; top:45%; left:3%;  padding-bottom:15px;}
.member .top .informition  .tx{ width:100px; height:100px; margin:0 auto; margin-top:-30px; border:2px solid #fff; border-radius:50%;overflow: hidden;}
.member .top .informition  .tx img{ width:100%;}
.member .top .informition .title{ text-align:center;}
.member .top .informition .title .name{ display:inline-block;}
.member .top .informition .title .name img{ width:45px;vertical-align: -15px;}
.member .top .informition .title .num{ height:45px; line-height:45px; display:inline-block; font-size:16px;background:url(../images/edit.png) no-repeat right center;background-size:18px; padding-right:25px;}
.member .top .informition .title .num a{ color:#333;}
.member .top .informition .title span{ color:#ddd; margin:0 5px;}
.member .top .informition .address{ width:80%; margin:0 auto; text-align:center; color:#999;line-height:40px;}
.member .top .informition .address img,.member .top .informition .address span{display:inline-block;    vertical-align: top;color:#999;}
.member .top .informition .top-icon{text-align:center; margin-top:5px;}
.member .top .informition .top-icon div{display:inline-block;}
.member .top .informition .top-icon div a{ color:#616161;}
.member .top .informition .top-icon div img{ width:20px; margin-right:5px; vertical-align:-2px;}
.member .top .informition .title .address img{ margin-right:5px;}



.member .package{ width:94%; background:#fff; box-shadow:0 0 10px 1px #eee;  border-radius:5px; margin:0 auto; margin-top:110px;padding-top:10px;}
.member .package .title{ width:90%; margin:0 auto; border-bottom:1px solid #eee; height:40px; line-height:40px; font-size:16px; }
.member .package .title:before{ width:3px; height:20px; display:inline-block; background:#345995; content:''; vertical-align:-4px; margin-right:8px; border-radius:5px; }
.member .package li{ width:50%; border-left:1px solid #f1f1f1; margin:20px auto; float:left; text-align:center;}
.member .package li:first-child{ border:none;}
.member .package li h3{ font-size:22px; color:#5f5d5d; font-weight:600;}
.member .package li h3 em{ font-size:12px; color:#666; margin-left:5px;}
.member  .package li p{ font-size:14px; color:#666; margin-top:10px;}

.member .mine-order{width:94%; background:#fff; box-shadow:0 0 10px 1px #eee;  border-radius:5px; margin:0 auto; margin-top:10px;padding-top:10px;}
.member .mine-order .title a{ float:right; color:#666; font-size:14px; }
.member .mine-order .title{ width:90%; margin:0 auto; border-bottom:1px solid #eee; height:40px; line-height:40px; font-size:16px; }
.member .mine-order .title:before{ width:3px; height:20px; display:inline-block; background:#345995; content:''; vertical-align:-4px; margin-right:8px; border-radius:5px; }
.member .order-icon ul{ overflow:hidden;width:100%;margin:0 auto; background:#fff; }
.member .order-icon ul li{ width:20%; float:left; margin-bottom:20px; position:relative;}
.member .order-icon ul li a{ display:block;}
.member .order-icon ul li img{ display:block; width:50%; margin:0 auto; margin-top:12%;}
.member .order-icon ul li p{ text-align:center; font-size:13px; color:#333; margin-top:5px;}
.member .order-icon ul li i{ width:6px; height:6px;position:absolute;right:23%;top:17%; background:#f23338; display:block; border-radius:50%;}




.member .block{ padding:10px 0;background:#fff; margin-top:10px;box-shadow:0 0 10px 1px #eee;}
.member .block li{ width:50%; border-left:1px solid #f1f1f1; margin:20px auto; float:left; text-align:center; font-size:16px; }
.member .block li:first-child{ border:none;}
.member .block li img{ width:20%; margin-right:10px;}
.member .block li a{ color:#494d5d;}


.member .mine-nav1{width:94%; background:#fff; box-shadow:0 0 10px 1px #eee;  border-radius:5px; margin:0 auto; margin-top:10px;padding-top:10px;}
.member .mine-nav1 ul{ overflow:hidden;width:100%;margin:0 auto; background:#fff; }
.member .mine-nav1 ul li{ width:25%; float:left; border-bottom:1px solid #f1f1f1; padding-bottom:15px;}
.member .mine-nav1 ul li a{ display:block;}
.member .mine-nav1 ul li img{ display:block; width:100%; margin:0 auto; margin-top:12%; height:auto;}
.member .mine-nav1 ul li p{ text-align:center; font-size:15px; color:#666; margin-top:5px;}


.member .ad{width:94%; background:#fff url(../images/ad.png) no-repeat right center; padding:25px 15px; background-size:auto 100%; box-shadow:0 0 10px 1px #eee;  border-radius:5px; margin:0 auto; margin-top:10px;}
.member .ad h3{ font-size:18px;}
.member .ad span{ display:inline-block; padding:2px 5px; border: 1px solid #b8b8b8;border-radius: 30px;overflow: hidden;background: #f3f3f3;font-size: 12px; margin-top:10px;}
.member .ad em{display:inline-block; color:#ddd; margin:0 5px; vertical-align:6px;}

.signbox{ width:100%; display:none;}
.signbox .mask{ position:fixed; left:0; top:0; background:rgba(0,0,0,.5); width:100%; height:100%; z-index:1000; display:block;}
.signbox .box{ width:100%; position:fixed; top:10%;z-index:1001; left:0; }
.signbox .box .pic{ width:100%;}
.signbox .box .pic img{ width:100%;}
.signbox .box .text{ position:absolute; top:40%; width:50%; left:25%; text-align:center;}
.signbox .box .text p{ color:#666; font-size:16px;}
.signbox .box .text h4{ color:#345995; font-size:16px; font-weight:600; margin-top:10px;}
.signbox .box .text .gb{ width:26px; margin:0 auto; margin-top:36%;}
.signbox .box .text .gb img{ width:100%;}


.huiyuan{ width:100%; position:relative;}
.huiyuan .img{ width:100%;}
.huiyuan .tx{ position:absolute; right:7%; top:20%; width:14%; height:50px;}
.huiyuan .tx img{ width:100%; border-radius:50%; border:2px solid #fff;}
.huiyuan .nav{ position:absolute; bottom:15px; width:90%; left:5%;}
.huiyuan .nav li{ float:left; width:25%; color:#fef1c6; text-align:center;}
.huiyuan .nav li .icon{ width:55%; margin:0 auto;}
.huiyuan .nav li .icon img{ width:100%;}

.floor1{width:94%; margin:0 auto; background:url(../images/czbg.png) no-repeat left center;background-size:100% 100%; margin-top:20px;}
.floor1 ul{ padding:60px 10px 20px 10px;}
.floor1 li{ float:left; width:46%;background:url(../images/cztq.png) no-repeat left top; background-size:100% auto; margin:0 2% 4% 2%;  border-radius:8px;}
.floor1 li h3{ padding-top:28%; width:80%; margin:0 auto; color:#fff; font-size:16px;}
.floor1 li p{ padding:5px 0 15px  0; width:80%; margin:0 auto;color:#fff; font-size:14px;}

.floor2{width:94%; margin:0 auto; background:url(../images/fhbg.png) no-repeat left center;background-size:100% 100%; margin-top:20px;}
.floor2 ul{ padding:60px 10px 20px 10px;}
.floor2 li{ float:left; width:46%;background:url(../images/fhtq.png) no-repeat left top; background-size:100% auto; margin:0 2% 4% 2%;  border-radius:8px;}
.floor2 li h3{ padding-top:28%; width:80%; margin:0 auto; color:#fff; font-size:16px;}
.floor2 li p{ padding:5px 0 15px  0; width:80%; margin:0 auto;color:#fff; font-size:14px;}


.ktbutton{ width:90%; margin:20px auto; background:#f2d9a1; height:40px; line-height:40px; text-align:center; border-radius:90px;box-shadow:0 4px 6px #f5e6c5}
.ktbutton a{ display:block; color:#fff; font-size:16px; }

.mask{ width:100%; height:100%;position:fixed; top:0; left:0;background:rgba(0,0,0,.4); z-index:2; display:none;}
.czbox{ width:100%; position:fixed; bottom:0; left:0; background:#fff; z-index:3; padding:15px 15px; display:none;}
.czbox h3{ font-size:16px; color:#6c6c6c; margin-bottom:10px;}
.czbox li{ width:46%; float:left; border:1px solid #c1c1c1; border-radius:5px; text-align:center; padding:15px 0;}
.czbox li.on{border:1px solid #345995; }
.czbox li h5{ font-size:18px; color:#6c6c6c;}
.czbox li p{ font-size:14px; color:#999; margin-top:5px;}
.czbox li:nth-child(2){ float:right;}
.czbox .zhifu{ margin-top:15px; color:#6c6c6c;}
.czbox .zhifu span{ color:#ffc600; font-size:18px;}
.czbox .gb{  font-size:20px; position:absolute; top:10px; right:10px;}
.ktbutton1{ width:90%; margin:20px auto; background-image:linear-gradient(to right,#F14712,#F14712); height:40px; line-height:40px; text-align:center; border-radius:90px;box-shadow:0 4px 6px #f5e6c5}
.ktbutton1 a{ display:block; color:#fff; font-size:16px; }








.wechat{ width:100%;}
.wechat .title{ width:100%; text-align:center; padding:10px 0; font-size:17px;  margin-bottom:10px;}
.wechat .title span{ color:#345995;}
.wechat .title .fc:before{ content:""; width:20px;height:16px; background:url(../images/title-l.png) no-repeat center center;background-size:16px;  display: inline-block;margin-right:5px;    vertical-align: -2px;}
.wechat .title .fc:after{ content:""; width:20px;  height:16px; background:url(../images/title-r.png) no-repeat center center;background-size:16px; display: inline-block;margin-left:5px;    vertical-align: -2px;}

.wechat .box{width:94%; background:#fff; box-shadow:0 0 10px 1px #eee;  border-radius:5px; margin:0 auto; margin-top:10px;padding:10px 10px 0 10px;}
.wechat .box li{ width:31.333%; float:left; margin-right:3%; margin-bottom:3%;}
.wechat .box li:nth-child(3n){ margin-right:0;}
.wechat .box li .pic{ width:100%;}
.wechat .box li .pic img{ width:100%;}
.wechat .box li p{ width:80%; margin:0 auto; border:1px solid #345995; text-align:center; margin-top:10px; color:#666666; border-radius:10px;}


.banner{ width:100%;}
.banner img{ width:100%;}

.czbox1{ width:100%;  background:#fff; z-index:3; padding:15px 15px; }
.czbox1 h3{ font-size:16px; color:#6c6c6c; margin-bottom:10px;}
.czbox1 li{ width:46%; float:left; border:1px solid #c1c1c1; border-radius:5px; text-align:center; padding:15px 0;}
.czbox1 li.on{border:1px solid #345995; }
.czbox1 li h5{ font-size:18px; color:#6c6c6c;}
.czbox1 li p{ font-size:14px; color:#999; margin-top:5px;}
.czbox1 li:nth-child(2){ float:right;}
.czbox1 .zhifu{ margin-top:15px; color:#6c6c6c;}
.czbox1 .zhifu span{ color:#ffc600; font-size:18px;}


.tip{ width:94%; margin:0 auto; color:#999999; line-height:24px; margin-top:20px;}

.status{ width:100%; background:#fff; border-bottom:1px solid #f3f3f3;}
.status ul{ overflow:hidden; }
.status ul li{width:33.333%;float:left;  text-align:center;  font-size:15px;}
.status ul li a{display:block; height:40px; line-height:40px;}
.status ul li a.on{ color:#ffcc00; border-bottom:2px solid #ffcc00; background:#f9f9f9;}

.friend{}
.friend li{ overflow:hidden; padding:10px 10px; border-bottom:1px solid #ddd; margin:10px auto;}
.friend li .pic{ width:60px; height:60px; float:left;}
.friend li .pic img{ width:100%; display:block; border-radius:50%;}
.friend li .text{ float:left; width:58%; margin-left:3%;}
.friend li .text .name{ font-size:16px; margin-top:5px;}
.friend li .text .time{ font-size:12px; color:#999; margin-top:5px;}
.friend li .num{ float:right; border-left:1px solid #ddd; padding:10px 0 10px 10px; text-align:right;}


.success{ width:100%; position:relative;}
.success img{ width:100%;}
.success .box{ position:absolute; top:20%; left:5%; width:90%; background:#fff;box-shadow:0 0 10px 1px #eee;  border-radius:5px; margin:0 auto; margin-top:10px;padding:10px 10px 0 10px;}
.success .box img{ width:30%; margin:0 auto; display:block; margin-top:20px;}
.success .box h3{ text-align:center; font-size:20px; font-weight:600; margin-top:10px;}
.success .box h4{ text-align:center; font-size:14px;  margin-top:10px;}
.success .box p{ text-align:center; font-size:13px;color:#666666; width:60%; margin:0 auto;  margin-top:20px; }




.pzlist{ width:100%;}
.pzlist .tab{ width:100%; background:#fff; z-index:999;}
.pzlist .tab ul{ overflow:hidden; width:100%;overflow: hidden;white-space: nowrap;overflow-x: scroll;}
.pzlist .tab ul::-webkit-scrollbar {display: none;}
.pzlist .tab ul li{display: inline-block; padding:0 20px; text-align:center;  height:40px; line-height:40px; }
.pzlist .tab ul li a{padding-bottom:8px; font-size:15px; color:#666;}
.pzlist .tab ul li.on a{ color:#345995; border-bottom:2px solid #345995;}


.order-list{ padding:10px; background:#fff; }
.order-list .inner{ overflow:hidden; }
.order-list .inner .pic{ width:130px; float:left;}
.order-list .inner .pic img{ width:100%; border-radius:5px;}
.order-list .inner .text{ width:calc(100% - 150px); float:right; margin:0 2%;}
.order-list .inner .text .title{ overflow:hidden; }
.order-list .inner .text .title h5{ font-size:15px; width:calc(100% - 40px); float:left;  overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#353d44; font-weight:600;padding-bottom: 2px;}
.order-list .inner .text .title span{ float:right; width:40px; background:#f2f2f2; text-align:center; font-size:12px; color:#666; display:block; border-radius:20px;}
.order-list .inner .text .icon{ margin:5px auto; overflow:hidden;}
.order-list .inner .text .icon img{ width:20px; margin-right:4px; display:block; float:left;}
.order-list .inner .text  p{ font-size:13px; color:#636a77; margin-top:10px; width:auto;}
.order-list .inner .text  p span{background:#f2f2f2;color:#666;  border-radius:20px; padding:2px 8px;}
.order-list .inner .text .price{ overflow:hidden; margin-top:10px;}
.order-list .inner .text .price span{ font-size:20px;}
.order-list .inner .text .price span em{ font-size:14px;}
.order-list .inner .text .price font{ color:#999; font-size:12px;}
.order-list .inner .text .price font i{ text-decoration:line-through;}

.order-list .inner .text .price .fr{display:block; color:#fff; font-size:14px; width:40%; background-image:linear-gradient(to right,#F14712,#F14712); height:30px; line-height:30px; text-align:center; border-radius:90px;box-shadow:0 4px 6px #f5e6c5}
.pzlist1 .order-list .inner .pic{ width:64px; float:left;}
.pzlist1 .order-list .inner .pic img{ width: 64px; height: 64px; }
.pzlist1 .order-list .inner .text{ width:calc(100% - 80px); float:right; margin:0 2%;}
.pzlist1 .order-list .inner .text .title h5{ font-size:14px; width:100% ; float:left;  overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#353d44; font-weight:600;}
.pzlist1 .order-list .inner .text  .p{ font-size: 12px; height: 53px; overflow: hidden; }
.pzlist1 .order-list .inner  .bot{ margin-top:10px; overflow: hidden;}
.pzlist1 .order-list .inner  .bot span{ color:#999;height:30px; line-height:30px; display:block;}
.pzlist1 .order-list .inner .enter{ width:40%; border:1px solid #b8b8b8; border-radius:30px; overflow:hidden; background:#f3f3f3; height:30px; line-height:30px; font-size:12px;}
.pzlist1 .order-list .inner .enter img{ width:22px; height:22px; border-radius:50%;  margin:4px 5px 0 4px; float:left; }





.feedback  .list{ padding:0 10px; background:#fff; position:relative;}
.feedback .list span{ float:left; width:40px; display:block;height:50px; line-height:50px; }
.feedback .list input{height:50px; line-height:50px; color:#333; width:calc(100% - 40px); border:none; color:#666;}
.feedback .list textarea{height:150px; line-height:30px; color:#333; width:100%; border:none; font-family:'微软雅黑'; padding:10px 0;}
.feedback .list .count{ position:absolute; bottom:10px; right: 10px; font-size:16px; color:#999;}
.feedback .tc{ text-align:center; color:#7f7f7f;}
.feedback .ktbutton1{ margin:50px auto 5px auto;}
.upload{ margin-top:20px; padding:0 10px;}
.upload h4{ color:#7f7f7f;}
.upload ul{ overflow:hidden; margin-top:15px;}
.upload ul li{ float:left; width:22%; margin-right:3%; position:relative; margin-bottom:10px;}
.upload ul li img{ width:100%; display:block;}
.upload ul li input{ position:absolute; height:100%; top:0; left:0; width:100%; opacity:0;}







.map{ height:calc(100vh); width:100%; overflow:hidden;}
.map img{ width:100%;}





.head-r span a img{ width:18px; margin-right:5px;}


.shop-wrap{}
.shop-wrap .shop-top{ padding:15px 10px;}
.shop-wrap .shop-infomation{  float:left;}
.shop-wrap .shop-infomation .shop-name{font-size:17px;background:url(../images/right.png) no-repeat right center;background-size: 9px;padding-right: 24px;}
.shop-wrap .shop-infomation .shop-name i{ color:#ff5000; font-size:14px; margin-left:10px;}
.shop-wrap .shop-infomation .shop-name span{ font-size:14px;}
.shop-wrap .shop-infomation  .fans{ color:#353d44; margin-top:5px;}
.shop-wrap .shop-infomation .fans i{ color:#ff5000; border:1px solid #ff5000; border-radius:4px; padding:1px 6px; margin-right:5px; font-size:12px;}
.shop-wrap .shop-top input{ float:right; width:120px; height:35px; line-height:35px; background:#f0f2f4; text-align:center; color:#666;}

.shop-wrap .shop-nav{ height:35px; line-height:35px; padding:0 10px; overflow:hidden;}
.shop-wrap .shop-nav .search{ font-size:15px; color:#333;  height:35px; line-height:35px; display:block; width:19%; float:left; text-align:center;}
.shop-wrap .shop-nav .search{ background:#e8e8e8; border-radius:30px; width:24%;height:28px; line-height:28px; margin-top:3px;}
.shop-wrap .shop-nav .search img{ width:15px; margin-right:5px;}

.shop-wrap .shop-nav .tab{ width:75%; background:#fff; z-index:999; float:right;}
.shop-wrap .shop-nav .tab ul{ overflow:hidden; width:100%;overflow: hidden;white-space: nowrap;overflow-x: scroll;}
.shop-wrap .shop-nav .tab ul::-webkit-scrollbar {display: none;}
.shop-wrap .shop-nav .tab ul li{display: inline-block; padding:0 20px; text-align:center;}
.shop-wrap .shop-nav .tab ul li a{padding-bottom:5px; font-size:15px; color:#666;}
.shop-wrap .shop-nav .tab ul li.on a{ color:#345995; border-bottom:2px solid #345995;}
.shop-wrap .shop-nav .tab ul li:last-child{ padding-right:0;}




.pro_list1 { width:100%; margin:0 auto;}
.pro_list1 ul { overflow:hidden;}
.pro_list1 ul li { float:left; width:50%; position: relative; border:1px solid #f1f1f1;}
.pro_list1 ul li a{ width:100%; display: block;margin: 0 auto;background-color:#fff;}
.pro_list1 ul li .pic{ position:relative;width:100%;}
.pro_list1 ul li .pic img { width:100%; display: block;margin: 0 auto;   }
.pro_list1 ul li .pic i{ width:45px;  color:#fff; background:#f9c148; text-align:center; position:absolute; right:0; top:20px; display:block; border-radius:20px 0 0 20px;}


.pro_list1 ul li .info { width:94%; margin:0 auto; padding-bottom: 8px; position:relative;}
.pro_list1 ul li .info .title { color:#353d44; font-size:14px; width:100%; margin:0 auto; height:40px;margin-top: 8px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.pro_list1 ul li .info .pirce{ font-size:20px; overflow:hidden; margin-top:6px;}
.pro_list1 ul li .info .pirce b{ color:#333; font-weight:normal; float:left;}
.pro_list1 ul li .info .pirce i{ font-size:12px; color:#d00000;float:left; border:1px solid #d00000; border-radius:4px; margin-left:10px; margin-top:4px;}
.pro_list1 ul li .info .num{ color:#999990; font-size:14px;margin-top:6px;}
.pro_list1 ul li .info .cart{ position:absolute; right:10px; bottom:15px; width:26px; height:26px;}
.pro_list1 ul li .info .cart img{ width:100%; margin:0 auto; display:block; margin-top:10%;}





.tanc{ width:100%; display:none;}
.tanc .mask{ position:fixed; left:0; top:0; background:rgba(0,0,0,.5); width:100%; height:100%; z-index:1000; display:block;}
.tanc .box{ width:70%; position:fixed; top:18%;z-index:1001; left:15%; }
.tanc .box .pic{ width:100%;}
.tanc .box .pic img{ width:100%;}
.tanc .box .text{ position:absolute; top:27%; width:80%; left:10%; text-align:center;}
.tanc .box .text img{ width:30%;}
.tanc .box .text p{ color:#666; font-size:16px; width:80%; margin:0 auto; margin-top:10px}
.tanc .box .text h4{ color:#345995; font-size:16px; font-weight:600; margin-top:10px;}
.tanc .box .text .gb{ width:26px; margin:0 auto; margin-top:28%;}
.tanc .box .text .gb img{ width:100%;}




.start{ width:90%; margin:0 auto; margin-top:30%;}
.start img{ width:100%;}
.start p{ text-align:center; font-size:18px; margin-top:30px; color:#666666;}
.slogan{ position:absolute; bottom:10px; width:100%; left:0; text-align:center; font-size:12px; color:#999999;}
.slogan img{ width:25px; vertical-align:-2px;}
.slogan:before{ content:''; width:40px; height:1px; display:inline-block; background:#eee; vertical-align:4px; margin-right:5px;}
.slogan:after{ content:''; width:40px; height:1px; display:inline-block; background:#eee; vertical-align:4px;margin-left:5px;}