@charset "utf-8";
@import url("icon/iconfont.css");
@import url("weui.min.css");
/* 全局样式
------------------------------------------------------------------*/
html,body{ height:100%; }
body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea,img{ margin:0; padding:0; box-sizing:border-box; }
body{ font-size:14px; font-family:"Microsoft Yahei"; background:#f5f5f5; }
ol,ul{ list-style:none; }
.left{ float:left; }
.right{ float:right; }
.weui-footer__link{ font-size:13px; line-height:30px; }
.weui-footer__text{ font-size:12px; line-height:26px; }
.weui-cell_link{ font-size:13px; }

/*页面头部
-------------------------------------------------------------------*/
.header{ display:block; height:44px; background:#fff; border-bottom:1px solid #ececec; }
    .header .logo{ display:block; float:left; margin:5px auto auto 10px; height:36px; }
    .header .logo img{ height:34px; }
    .header .right{ position:absolute; top:0; right:0; display:inline-block; margin-right:15px; }
    .header .right a{ display:inline-block; margin:8px 0 0 2px; text-align:center; width:28px; height:28px; line-height:28px; }
    .header .right a:active{ background:#ececec; }
    .header .right a i{ color:#09bb07; font-size:20px; }
    .header h3{ display:block; text-align:center; line-height:44px; color:#333; font-size:16px; font-weight:400; }
    .header .back{ position:absolute; margin:0; padding:0; display:inline-block; top:8px; left:10px; height:28px; line-height:28px; }
    .header .back i{ display:block; float:left; color:#09bb07; font-size:20px; width:20px; line-height:28px; }
    .header .back span{ color:#09bb07; font-size:17px; line-height:20px; }

/*搜索框样式*/
.search-box{ position:relative; display:block; margin:0 60px 0 50px; padding:5px 0; height:34px; }
    .search-box .input-box{ position:relative; display:block; height:32px; border:1px solid #ececec; border-radius:3px; }
    .search-box .input-box input{ display:block; margin:0; padding:0 5px; width:88%; height:32px; line-height:32px; font-size:14px; background:#fff; border:none; }
    .search-box .input-box a{ position:absolute; top:0; right:0; display:block; width:12%; height:32px; text-align:center; background:#fff; }
    .search-box .input-box a:active{ background:#ececec; }
    .search-box .input-box a i{ color:#333; font-size:18px; line-height:32px; }

/*页面内容
-------------------------------------------------------------------*/
/*图标菜单*/
.nav-list{ background:#fff; }
    .nav-list a .weui-grid__icon{ width:32px; height:42px; }
    .nav-list a .weui-grid__icon i{ color:#09bb07; font-size:32px; }
    .nav-list .weui-grid__label{ font-size:13px; }
.icon-list .weui-cell__hd i{ margin-right:10px; color:#09bb07; font-size:14px; }
    .icon-list .weui-cell__bd{ font-size:14px; }
    .icon-list .weui-cell__ft{ font-size:13px; }
.item-list .weui-cell__hd i{ margin-right:10px; color:#09bb07; font-size:14px; }
    .item-list .weui-cell__bd{ color:#333; font-size:13px; }
    .item-list .weui-cell__bd s{ color:#999; }
    .item-list .weui-cell__ft{ font-size:12px; }
/*文字列表*/
.txt-list{ position:relative; margin:0; padding:0; }
	.txt-list ul .nodata{ margin:0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
	.txt-list ul li{ position:relative; margin:0; padding:0; background:#fff; }
    .txt-list ul li:active{ background:#ececec; }
	.txt-list ul li>a{ display:block; position:relative; margin-left:15px; padding:15px 15px 15px 0; font-size:13px; color:#333; line-height:1.1em; border-top:1px solid #ececec; }
    .txt-list ul li:first-child>a{ border-top:none; }
	.txt-list ul li>a:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.txt-list ul li>a>img{ float:left; margin-right:15px; width:70px; height:70px; }
	.txt-list ul li>a>h2{ display:block; margin:0; padding:0; color:#333; font-size:13px; font-weight:400; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a .intro{ padding-top:6px; color:#999; font-size:12px; line-height:1.8em; height:3.6em; text-overflow:ellipsis; overflow:hidden; }
    .txt-list ul li>a .note{ padding-top:6px; }
	.txt-list ul li>a .note p{ color:#999; font-size:12px; line-height:1.8em; height:1.8em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a .note p .date{ display:inline-block; margin-right:5px; color:#cecece; font-style:normal; }
	.txt-list ul li>a .note p .hot{ display:block; float:right; padding:0 2px; color:#cecece; font-style:normal; }
    .txt-list ul li>a .note p .price{ display:inline-block; margin-right:2px; color:#f00; font-size:14px; font-weight:400; font-style:normal; }
	.txt-list ul li>a>.text{ display:block; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a>.date{ display:block; float:right; margin:0 0.2em; padding:0; color:#cecece; font-size:12px; font-style:normal; line-height:18px; }
	.txt-list ul li>a>.number{ display:block; float:left; margin:0 5px 0 0; padding:0; width:18px; height:18px; line-height:18px; color:#fff; font-size:12px; font-style:normal; text-align:center; background:#09bb07; border-radius:18px; vertical-align:middle; }

/*图文列表*/
.img-list{ position:relative; margin:0; padding:0; }
	.img-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .img-list ul .nodata{ margin:0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
	.img-list ul li{ position:relative; float:left; width:50%; }
    .img-list ul li:active{ background:#ececec; }
	.img-list ul li .wrap{ position:relative; margin:0 0 -1px -1px; background:#fff; border:1px solid #ececec; border-right:none; }
    .img-list ul li:nth-child(1) .wrap,
    .img-list ul li:nth-child(2) .wrap{ border-top:none; }
	.img-list ul li .wrap .number{ position:absolute; display:inline-block; top:20px; left:15px; padding:0 7px; height:1.8em; line-height:1.8em; color:#fff; font-size:12px; text-align:center; border-radius:0 3px 3px 0; background:#09bb07; opacity:0.8; z-index:1; }
	.img-list ul li:nth-child(1) .wrap .number{ background:#f00; }
	.img-list ul li:nth-child(2) .wrap .number{ background:#f90; }
	.img-list ul li .wrap a{ display:block; position:relative; padding:15px; text-align:center; }
	.img-list ul li .wrap a img{ display:block; margin:auto; width:100%; }
	.img-list ul li .wrap a .note{ text-align:left; color:#999; }
	.img-list ul li .wrap a .note h2{ display:block; padding:10px 0 5px 0; color:#333; font-size:13px; font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.img-list ul li .wrap a .note p{ padding:0 0 10px 0; color:#cecece; font-size:12px; line-height:1.3em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.img-list ul li .wrap a .note p .price{ display:inline-block; margin-right:2px; color:#f00; font-size:14px; font-weight:400; font-style:normal; }
	.img-list ul li .wrap a .note p .hot{ display:block; float:right; font-style:normal; }

/*图片列表*/
.photo-list{ margin:15px 15px 0; padding:0; }
    .photo-list:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .photo-list ul{ margin:0 0 0 -15px; }
    .photo-list ul .nodata{ margin:0 0 15px 0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
    .photo-list li{ float:left; width:33.333%; list-style:none; }
    .photo-list li a{ display:block; margin:0 0 15px 15px; }
    .photo-list li a:active{ background:#ececec; }
    .photo-list li a img{ display:block; height:auto; width:100%; }
    .photo-list li a:active img{ opacity:0.8; }
    .photo-list li a h2{ display:block; color:#333; font-size:13px; font-weight:normal; line-height:30px; height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .photo-list li a p{ color:#cecece; font-size:12px; line-height:1.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    
/*内容样式*/
.goods-head{ margin:15px; padding:0; }
    .goods-head h2{ margin:0 0 10px; color:#333; font-size:16px; font-weight:400; line-height:1.3em; }
    .goods-head p{ color:#999; font-size:14px; line-height:24px; }
    .goods-head p .price{ margin-right:3px; color:#f00; font-size:17px; font-weight:600; }
.goods-btn-box{ position:relative; height:45px; }
    .goods-btn-box .wrap-box{ position:fixed; left:0; bottom:0; width:100%; border:1px solid #ececec; background:#fff; z-index:2; }
    .goods-btn-box a{ display:block; margin-top:-1px; float:right; width:50%; height:45px; line-height:45px; color:#fff; font-size:15px; text-align:center; }
    .goods-btn-box a.red{ background:#ff6000; }
    .goods-btn-box a.green{ background:#ffb002; }
    .goods-btn-box a i{ margin-right:3px; color:#fff; font-size:15px; }
    .goods-btn-box a:active{ opacity:0.8; }

/*栏目样式*/
.dialog-wrap{ position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:1000; display:none; }
.dialog-box{ position:relative; width:100%; height:100%; overflow:auto; }
.navbar{ padding:10px 15px 15px 15px; }
.navbar li{ padding-top:10px; }
	.navbar li h3{ display:block; color:#09bb07; font-size:14px; font-weight:normal; line-height:42px; height:42px; }
	.navbar li h3 a{ color:#09bb07; }
	.navbar li p{ padding:5px 0; font-size:13px; line-height:20px; }
	.navbar li p a{ display:inline-block; margin-right:10px; padding:5px 10px; color:#333; border:1px solid #ececec; }
    .navbar li p a:active{ background:#ececec; }
    .navbar li p a.selected{ color:#fff; border-color:#09bb07; background:#09bb07; }
/*规格样式*/
.spec-wrap{ margin:0; padding:0; background:#fff; max-height:80%; overflow:auto; }
    .spec-wrap .close{ position:absolute; top:15px; right:15px; display:block; width:22px; height:22px; cursor:pointer; }
    .spec-wrap .close i{ color:#555; font-size:22px; line-height:1em; }
    .spec-wrap .spec-box{ margin:52px 15px 15px 15px; padding:0; }
    .spec-wrap .spec-box dl,
    .spec-wrap .spec-box .btn-box{ display:block; padding:10px 0; clear:both; color:#333; line-height:30px; border-bottom:1px solid #ececec; }
    .spec-wrap .spec-box dl:after,
    .spec-wrap .spec-box .btn-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .spec-wrap .spec-box dl dt,
    .spec-wrap .spec-box .btn-box dt{ display:block; font-size:14px; line-height:30px; height:30px; }
    .spec-wrap .spec-box dl dd,
    .spec-wrap .spec-box .btn-box dd{ display:block; margin:0 0 0 -10px; }
    .spec-wrap .spec-box dl:first-child{ margin-top:-52px; }
    .spec-wrap .spec-box dl dd a{ display:inline-block; margin:10px 0 0 10px; color:#333; font-size:12px; background:#f3f3f3; border-radius:5px; }
    .spec-wrap .spec-box dl dd a.selected{ color:#fff; background:#f60; }
    .spec-wrap .spec-box dl dd a span{ padding:5px 10px; line-height:20px; }
    .spec-wrap .spec-box .btn-box dt{ float:left; }
    .spec-wrap .spec-box .btn-box dt span{ margin-left:10px; color:#999; font-size:13px; }
    .spec-wrap .spec-box .btn-box dt span b{ margin:0 2px; font-weight:normal; }
    .spec-wrap .spec-box .btn-box dd{ float:right; margin:0; padding:0; }
    .spec-wrap .spec-box .btn-box dd a{ display:inline-block; float:left; margin:0; padding:5px 10px; color:#666; font-size:15px; font-weight:bold; line-height:20px; text-align:center; background:#f3f3f3; border-radius:0; }
    .spec-wrap .spec-box .btn-box dd .input{ display:block; float:left; margin:0; padding:5px; width:50px; color:#333; font-size:14px; line-height:20px; text-align:center; border:none; background:#fff; }
    .spec-wrap .weui-actionsheet__cell{ display:block; color:#fff; font-size:15px; width:100%; line-height:1.5em; border:none; background:#ff6000; }
    .spec-wrap .weui-actionsheet__cell:active{ background:#f90; }
    .spec-wrap .weui-actionsheet__cell.over{ background:#ccc; }
/*详情页样式*/
.meta{ margin:15px; padding-bottom:15px; border-bottom:1px solid #ececec; }
	.meta .meta-tit{ color:#333; font-size:17px; font-weight:700; margin:0 0 5px; }
	.meta .meta-info{ font-size:12px; color:#cecece; line-height:1.8em; }
	.meta .meta-info span{ margin-right:5px; }
    .meta .meta-info span i{ margin-right:3px; font-size:13px; }
.entry{ margin:0 15px; padding:0; font-size:15px; line-height:24px; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ padding-bottom:5px; border-bottom:1px solid #ddd; color:#222; }
	.entry h2{ font-size:17px; }
	.entry h3,.entry h4{ font-size:14px; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:16px; }
	.entry li{ margin-left:26px; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:15px 0; color:#333; font-size:14px; line-height:24px; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code, .comment code{ background-color:#eee; border-radius:2px 2px 2px 2px; color:#777;font-family:'courier new'; margin:0 4px;padding:1px 4px;}
	.entry table{ border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background-color:#F9F9F9; text-align:center; }
	.entry table td, .entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:7px 10px; }

/*评论样式*/
.comment-box{ position:relative; margin:0; padding:0; }
.comment-add{ margin:15px 0 15px 15px; }
    .comment-add .input-box{ position:relative; margin:0 15px 15px 0; font-size:12px; }
    .comment-add .input-box .input{ display:block; margin:0; padding:5px 10px; width:100%; height:auto; border:1px solid #ddd; border-radius:0.2125em; font-family:"Microsoft Yahei",helvetica,arial; color:#262626; font-size:14px; line-height:1.3em; }
    .comment-add .input-box .code{ display:inline-block; width:65px; }
    .comment-add .input-box .weui-btn{ float:right; font-size:13px; }
    
.comment-list{ position:relative; margin:0; padding:0; }
	.comment-list .nodata{ margin-left:15px; color:#999; font-size:13px; text-align:center; line-height:80px; border-top:1px solid #ececec; }
	.comment-list li{ margin-left:15px; padding:15px 15px 15px 0; border-top:1px solid #ececec; }
	.comment-list li:first-child{ border-top:1px solid #ececec; }
	.comment-list li .avatar{ position:relative; float:left; width:40px; height:40px; background:#fafafa; border-radius:40px; overflow:hidden; }
	.comment-list li .avatar img{ width:100%; height:100%; }
    .comment-list li .avatar i{ color:#09bb07; font-size:40px; line-height:50px; }
    .comment-list li .inner{ margin-left:50px; }
	.comment-list li .inner .meta{ margin:0; padding:0 0 5px; color:#cecece; font-size:12px; border:none; }
	.comment-list li .inner .meta .blue{ color:#09bb07; }
	.comment-list li .inner .meta .time{ float:right; }
    .comment-list li .inner p{ margin:0; padding:0; color:#333; font-size:13px; line-height:1.5em; }
    
	.comment-list li .answer{ clear:both; margin:10px 0 0 50px; padding:10px; background:#f6f6f6; border:1px solid #e6e6e6; border-radius:5px; }
	.comment-list li .answer .meta{ margin:0 0 5px 0; padding:0; color:#999; font-size:12px; border:none; }
	.comment-list li .answer .meta .blue{ color:#1e7bb3; }
	.comment-list li .answer .meta .time{ float:right; }
    .comment-list li .answer p{ margin:0; padding:0; color:#333; font-size:13px; line-height:1.5em; }
    
.comment-more{ margin:15px; }
    .comment-more .weui-btn{ color:#555; font-size:13px; background:#fff; border:1px solid #e5e5e5; }

/*分页页码*/
.page-list{ position:relative; margin:10px 0; padding:0; clear:both; background:#fff; }
	.page-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.page-list a,
    .page-list span{ margin:0.5em 0;  padding:0.5em 0; display:none; float:left; width:24.5%; line-height:1.2em; border-left:1px solid #ececec; font-size:13px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .page-list a:active{ background:#ececec; }
	.page-list span{ color:#999; }
	.page-list a{ color:#333; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-left-color:#ececec; }
	.page-list .current{ display:block; float:left; }

/*视频容器*/
.video-box{ position:relative; margin:0 15px; }
    .video-box video{ margin:0; padding:0; }

/*会员样式*/
.form-logo{ margin:0 auto; padding-top:50px; text-align:center; }
    .form-logo img{ width:180px; height:44px; opacity:0.8; }
.oauth-box{ display:block; margin:0 auto 5px -10px; padding:0 15px; text-align:center; }
    .oauth-box a{ display:inline-block; margin:0 0 10px 10px; width:38px; height:38px; border-radius:38px; overflow:hidden; }
    .oauth-box a img{ width:100%; height:100%; }
.head-box{ margin:20px 0 10px; padding:15px 10px; background:#fff; }
    .head-box .img-box{ float:left; width:60px; height:60px; border-radius:60px; background:#f8f8f8; overflow:hidden; }
	.head-box .img-box img{ width:100%; height:100%; }
    .head-box .img-box i{ color:#09bb07; font-size:60px; line-height:80px; }
	.head-box .tit-box{ display:block; margin:0 auto 0 75px; }
	.head-box .tit-box h3{ display:block; margin-bottom:5px; color:#333; font-size:17px; line-height:20px; text-shadow:none; }
	.head-box .tit-box p{ display:block; color:#666; font-size:13px; line-height:18px; text-shadow:none; }
.form-box .weui-btn{ font-size:16px; }
    .form-box .weui-label,
    .form-box .weui-cell__bd,
    .form-box .weui-cell__bd p{ color:#333; font-size:13px; }
    .form-box .weui-cell__bd p i{ margin-left:5px; color:#999; font-size:12px; font-style:normal; }
    .form-box .select{ display:inline-block; width:30%; color:#555; font-size:14px; line-height:28px; height:28px; border:none; border-bottom:1px solid #ececec; background:#fff; }
    .form-box .vcode .weui-vcode-btn{ padding:0 1em; height:38px; line-height:38px; font-size:14px; border:1px solid #e5e5e5; }
    .form-box .vcode .weui-vcode-btn.gray{ color:#999; }
.form-preview{ font-size:15px; }
    .form-preview .weui-form-preview__btn{ font-size:15px; }
/*提示样式*/
.msg-box .weui-btn{ font-size:16px; }

/*订单样式
-------------------------------------------------------------------*/
.cart-list{ margin:0; padding:0; background:#fff; }
	.cart-list li{ position:relative; margin:0 0 0 15px; padding:15px 15px 15px 0; border-top:1px solid #ececec; }
	.cart-list li:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .cart-list li:first-child{ border-top:none; }
	.cart-list li label.select{ position:absolute; display:block; top:15px; left:0; }
	.cart-list li .img-box{ display:block; float:left; margin:0 10px 0 20px; width:70px; }
	.cart-list li .img-box img{ width:70px; }
	.cart-list li>h2{ display:block; margin:0; padding:0; color:#333; font-size:13px; font-weight:normal; height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.cart-list li p.stxt{ padding-top:5px; color:#999; font-size:12px; line-height:1.3em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.cart-list li .note{ display:block; margin-left:80px; padding-top:8px; }
	.cart-list li .note .price{ display:inline-block; color:#F00; font-size:15px; font-style:normal; line-height:23px; }
	.cart-list li .note span{ display:block; float:right; color:#8c8c8c; font-size:12px; line-height:23px; }
    
	.cart-list li .note .btn-list{ display:block; float:right; }
	.cart-list li .note .btn-list input{ display:block; float:left; margin:0 0 0 -1px; padding:0; width:30px; height:25px; line-height:25px; text-align:center; border:1px solid #ddd; color:#555; font-size:13px; font-weight:bold; background:#fff; }
	.cart-list li .note .btn-list a{ display:block; float:left; margin:0 0 0 -1px; padding:0 8px; border:1px solid #ddd; color:#555; font-size:13px; line-height:23px; }
	.cart-list li .note .btn-list a.del { margin-left:5px; border:0; line-height:23px; color:#777; font-weight:normal; }
    .cart-list.inset li .img-box{ margin-left:0; }
    .cart-list li .note .right{ display:block; float:right; color:#666; font-size:14px; }
.cart-foot{ display:block; height:52px; background:#fff; border-top:1px solid #ececec; }
    .cart-foot .all{ display:block; float:left; margin-left:15px; width:60px; color:#333; font-size:14px; line-height:52px; }
    .cart-foot .all i{ font-size:15px; line-height:54px; }
    .cart-foot .total{ display:block; float:right; padding:0 10px; }
    .cart-foot .total p{ display:block; color:#999; font-size:13px; line-height:52px; }
    .cart-foot .total p b{ color:#f00; font-size:15px; }
    .cart-foot .btn{ display:block; float:right; margin-top:-1px; padding:0 15px; background:#f60; height:53px; line-height:53px; color:#fff; font-size:15px; }

.detail-list{}
    .detail-list ul .nodata{ position:relative; margin:10px 0 0 0; color:#999; font-size:13px; text-align:center; line-height:80px; background:#fff; }
    .detail-list ul .nodata:after{ content:" "; position:absolute; left:0; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list ul .nodata:before{ content:" "; position:absolute; left:0; right:0; top:0; height:1px; color:#e5e5e5; border-top:1px solid #e5e5e5; transform-origin:0 0; transform:scaleY(.5); }
    .detail-list li{ position:relative; margin:10px 0 0 0; background:#fff; }
    .detail-list li:after{ content:" "; position:absolute; left:0; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list li:before{ content:" "; position:absolute; left:0; right:0; top:0; height:1px; color:#e5e5e5; border-top:1px solid #e5e5e5; transform-origin:0 0; transform:scaleY(.5); }
    .detail-list li .detail-hd{ position:relative; padding:14px 15px 10px; color:#999; font-size:13px; }
    .detail-list li .detail-hd:after{ content:" "; position:absolute; left:15px; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list li .detail-hd .fr{ float:right; color:#09bb07; }
    
    .detail-list li .detail-bd{}
    .detail-list li .detail-bd .list-box{ position:relative; display:block; padding:15px; }
    .detail-list li .detail-bd .list-box:after{ content:" "; position:absolute; left:15px; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list li .detail-bd .list-box:last-child:after{ border:none; }
    .detail-list li .detail-bd .list-box .img-box{ position:relative; display:block; float:left; margin:0 10px 0 0; width:70px; height:70px; background:ececec; overflow:hidden; }
    .detail-list li .detail-bd .list-box .img-box img{ width:100%; height:100%; }
    .detail-list li .detail-bd .list-box .img-box i{ color:#999; font-size:70px; line-height:80px; }
    .detail-list li .detail-bd .list-box .txt-box:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .detail-list li .detail-bd .list-box .txt-box>h2{ display:block; margin:0 0 5px 0; padding:0; color:#333; font-size:13px; font-weight:normal; height:20px; line-height:20px; white-space:normal; text-overflow:ellipsis; overflow:hidden; }
    .detail-list li .detail-bd .list-box .txt-box p{ color:#999; font-size:13px; line-height:22px; }
    .detail-list li .detail-bd .list-box .txt-box .note{}
    .detail-list li .detail-bd .list-box .txt-box .note span{}
    .detail-list li .detail-bd .list-box .txt-box .note .fr{ float:right; }
    .detail-list li .detail-bd .list-box .txt-box .note .price{ color:#f00; font-size:14px; }
    
    .detail-list li .detail-ft{ position:relative; display:block; padding:15px; }
    .detail-list li .detail-ft:before{ content:" "; position:absolute; left:0; right:0; top:0; height:1px; color:#e5e5e5; border-top:1px solid #e5e5e5; transform-origin:0 0; transform:scaleY(.5); }
    .detail-list li .detail-ft p{ display:block; padding:10px 0; color:#999; font-size:13px; line-height:20px; }
    .detail-list li .detail-ft .fr{ float:right; }
    .detail-list li .detail-ft .ft-btn{ clear:both; padding:0; display:block; }
    .detail-list li .detail-ft .ft-btn:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .detail-list li .detail-ft .ft-btn .check-box{ position:relative; display:block; margin-top:7px; float:left; color:#333; font-size:13px; line-height:16px; }
    .detail-list li .detail-ft .ft-btn .check-box input{ display:inline-block; margin:0 3px 0 0; padding:0; width:16px; height:16px; vertical-align:top; }
    .detail-list li .detail-ft .ft-btn .btn-box{ float:right; }
    .detail-list li .detail-ft .ft-btn .btn-box a{ display:inline-block; margin:0 0 0 5px; padding:8px 15px; color:#09bb07; font-size:13px; line-height:1em; border:1px solid #e5e5e5; }
    .detail-list li .detail-ft .ft-btn .btn-box a:active{ background:#ebebeb; }
    .detail-list li .detail-ft .ft-btn .btn-box a i{ color:#09bb07; font-size:13px; }

/*页面底部
-------------------------------------------------------------------*/
.foot-nav .weui-tabbar{ position:fixed; background:#fff; }
.foot-nav .weui-tabbar i.weui-tabbar__icon{ font-size:22px; }
.foot-nav .weui-tabbar .item-box{ display:inline-block; position:relative; }
.foot-nav .weui-tabbar .item-box .weui-badge{ position:absolute; top:-2px; right:-13px; }
.foot-nav .weui-tabbar .item-box .weui-badge_dot{ position:absolute; top:0; right:-6px; }
.footer{ padding:15px 0; }



.shenteng {
    color: #ffffff;
    margin-right: .5rem;
}

.fixed-bottom-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    background-color: #fff;
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,.05)
}



.popup-bar {
    position: fixed;
    z-index: 1002;
    background-color: #fff;
    display: none
}

    .popup-bar.fixation {
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

    .popup-bar .pop-close {
        position: absolute;
        top: .75rem;
        right: .75rem;
        line-height: .6rem
    }

        .popup-bar .pop-close .icon-qingchu {
            font-size: .6rem
        }

    .popup-bar .pop-title {
        font-size: .9rem;
        color: #000;
        text-align: center
    }

.iconfont {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

.page-bar2 .page-disabled {
    color: #ddd
}


.fixed-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}


@-webkit-keyframes bellshake {
    0% {
        -webkit-transform: rotate(0deg)
    }

    5% {
        -webkit-transform: rotate(18deg)
    }

    15% {
        -webkit-transform: rotate(-15deg)
    }

    25% {
        -webkit-transform: rotate(12deg)
    }

    35% {
        -webkit-transform: rotate(-9deg)
    }

    45% {
        -webkit-transform: rotate(6deg)
    }

    55% {
        -webkit-transform: rotate(-3deg)
    }

    60% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes bellshake {
    0% {
        transform: rotate(0deg)
    }

    5% {
        transform: rotate(18deg)
    }

    15% {
        transform: rotate(-15deg)
    }

    25% {
        transform: rotate(12deg)
    }

    35% {
        transform: rotate(-9deg)
    }

    45% {
        transform: rotate(6deg)
    }

    55% {
        transform: rotate(-3deg)
    }

    60% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.img-block img {
    display: block;
    width: 100%;
    height: 100%;
}


.contact-card {
    height: 4rem;
    padding: 1rem 6rem 1rem 2.5rem;
    position: relative
}

    .contact-card:after {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        transform: scaleY(.5);
        height: 1px;
        background-color: #ccc;
        content: ''
    }

    .contact-card .img-block {
        position: absolute;
        left: 0;
        top: 1rem;
        width: 2rem;
        height: 2rem
    }

        .contact-card .img-block img {
            border-radius: 50%
        }

    .contact-card .r-btn {
        position: absolute;
        top: 1rem;
        right: 0
    }

.contact-card .r-btn a {
    float: left;
    font-size: .55rem;
    color: #999;
    margin-left: 1rem
}

            .contact-card .r-btn a .icon-hualv {
                display: block;
                text-align: center;
                font-size: .9rem;
                margin-bottom: .25rem
            }

            .contact-card .r-btn a .icon-phone {
                color: #0057ff
            }

            .contact-card .r-btn a .icon-consult {
                color: #ec3b3b
            }

    .contact-card .name {
        font-size: .8rem;
        color: #333
    }

    .contact-card .help {
        font-size: .6rem;
        color: #999;
        line-height: .8rem;
        margin-top: .3rem
    }

        .contact-card .help span {
            color: #f60
        }


.contact-lawye {
    position: relative;
    padding: .55rem .6rem .75rem 4.25rem;
    font-size: .6rem
}

    .contact-lawye .img-block {
        position: absolute;
        left: .6rem;
        top: 1.3rem;
        width: 3rem;
        height: 3rem
    }

        .contact-lawye .img-block img {
            border-radius: 50%
        }

        .contact-lawye .img-block span {
            position: absolute;
            right: 0;
            bottom: 0
        }

    .contact-lawye .inf-r3 {
        font-size: .55rem;
        line-height: 1.2rem;
        height: 1.2rem;
        overflow: hidden
    }

        .contact-lawye .inf-r3 span {
            float: left;
            padding-right: .25rem;
            margin-right: .25rem;
            color: #999;
            position: relative
        }

            .contact-lawye .inf-r3 span em {
                color: #f60
            }

            .contact-lawye .inf-r3 span:after {
                position: absolute;
                top: .3rem;
                right: 0;
                transform: scaleX(-.5);
                width: 1px;
                height: .6rem;
                background-color: #ccc;
                content: ''
            }

            .contact-lawye .inf-r3 span:last-child {
                padding-right: 0;
                margin-right: 0
            }

                .contact-lawye .inf-r3 span:last-child:after {
                    width: 0
                }

    .contact-lawye .btn-bar-r2 {
        height: 2.3rem;
        overflow: hidden;
        display: flex;
        margin-top: .15rem
    }

        .contact-lawye .btn-bar-r2 .mui-btn {
            flex: 1;
            height: 2rem;
            line-height: 1.9rem;
            padding: 0
        }

            .contact-lawye .btn-bar-r2 .mui-btn  {
                font-size: .7rem;
                vertical-align: middle;
                margin: -2px 5px 0 0
            }

            .contact-lawye .btn-bar-r2 .mui-btn:first-child {
                margin-right: .5rem
            }

        .contact-lawye .btn-bar-r2 .mui-btn-primary {
            background-color: #0057ff;
            border-color: #0057ff
        }

        .contact-lawye .btn-bar-r2 .mui-btn-danger {
            background-color: #ec3b3b;
            border-color: #ec3b3b
        }
.mui-btn,button,input[type=button],input[type=reset],input[type=submit] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    background-clip: padding-box
}

.mui-btn.mui-active:enabled,.mui-btn:enabled:active,button.mui-active:enabled,button:enabled:active,input[type=button].mui-active:enabled,input[type=button]:enabled:active,input[type=reset].mui-active:enabled,input[type=reset]:enabled:active,input[type=submit].mui-active:enabled,input[type=submit]:enabled:active {
    color: #fff;
    background-color: #929292
}

.mui-btn.mui-disabled,.mui-btn:disabled,button.mui-disabled,button:disabled,input[type=button].mui-disabled,input[type=button]:disabled,input[type=reset].mui-disabled,input[type=reset]:disabled,input[type=submit].mui-disabled,input[type=submit]:disabled {
    opacity: .6
}

.mui-btn-blue,.mui-btn-primary,input[type=submit] {
    color: #fff;
    border: 1px solid #007aff;
    background-color: #007aff
}

.mui-btn-blue.mui-active:enabled,.mui-btn-blue:enabled:active,.mui-btn-primary.mui-active:enabled,.mui-btn-primary:enabled:active,input[type=submit].mui-active:enabled,input[type=submit]:enabled:active {
    color: #fff;
    border: 1px solid #0062cc;
    background-color: #0062cc
}

.mui-btn-green,.mui-btn-positive,.mui-btn-success {
    color: #fff;
    border: 1px solid #4cd964;
    background-color: #4cd964
}

.mui-btn-green.mui-active:enabled,.mui-btn-green:enabled:active,.mui-btn-positive.mui-active:enabled,.mui-btn-positive:enabled:active,.mui-btn-success.mui-active:enabled,.mui-btn-success:enabled:active {
    color: #fff;
    border: 1px solid #2ac845;
    background-color: #2ac845
}

.mui-btn-warning,.mui-btn-yellow {
    color: #fff;
    border: 1px solid #f0ad4e;
    background-color: #f0ad4e
}

.mui-btn-warning.mui-active:enabled,.mui-btn-warning:enabled:active,.mui-btn-yellow.mui-active:enabled,.mui-btn-yellow:enabled:active {
    color: #fff;
    border: 1px solid #ec971f;
    background-color: #ec971f
}

.mui-btn-danger,.mui-btn-negative,.mui-btn-red {
    color: #fff;
    border: 1px solid #dd524d;
    background-color: #dd524d
}

.mui-btn-danger.mui-active:enabled,.mui-btn-danger:enabled:active,.mui-btn-negative.mui-active:enabled,.mui-btn-negative:enabled:active,.mui-btn-red.mui-active:enabled,.mui-btn-red:enabled:active {
    color: #fff;
    border: 1px solid #cf2d28;
    background-color: #cf2d28
}

.mui-btn-purple,.mui-btn-royal {
    color: #fff;
    border: 1px solid #8a6de9;
    background-color: #8a6de9
}

.mui-btn-purple.mui-active:enabled,.mui-btn-purple:enabled:active,.mui-btn-royal.mui-active:enabled,.mui-btn-royal:enabled:active {
    color: #fff;
    border: 1px solid #6641e2;
    background-color: #6641e2
}

.mui-btn-grey {
    color: #fff;
    border: 1px solid #c7c7cc;
    background-color: #c7c7cc
}

.mui-btn-grey.mui-active:enabled,.mui-btn-grey:enabled:active {
    color: #fff;
    border: 1px solid #acacb4;
    background-color: #acacb4
}

.mui-btn-outlined {
    background-color: transparent
}

.mui-btn-outlined.mui-btn-blue,.mui-btn-outlined.mui-btn-primary {
    color: #007aff
}

.mui-btn-outlined.mui-btn-green,.mui-btn-outlined.mui-btn-positive,.mui-btn-outlined.mui-btn-success {
    color: #4cd964
}

.mui-btn-outlined.mui-btn-warning,.mui-btn-outlined.mui-btn-yellow {
    color: #f0ad4e
}

.mui-btn-outlined.mui-btn-danger,.mui-btn-outlined.mui-btn-negative,.mui-btn-outlined.mui-btn-red {
    color: #dd524d
}

.mui-btn-outlined.mui-btn-purple,.mui-btn-outlined.mui-btn-royal {
    color: #8a6de9
}

.mui-btn-outlined.mui-btn-blue:enabled:active,.mui-btn-outlined.mui-btn-danger:enabled:active,.mui-btn-outlined.mui-btn-green:enabled:active,.mui-btn-outlined.mui-btn-negative:enabled:active,.mui-btn-outlined.mui-btn-positive:enabled:active,.mui-btn-outlined.mui-btn-primary:enabled:active,.mui-btn-outlined.mui-btn-purple:enabled:active,.mui-btn-outlined.mui-btn-red:enabled:active,.mui-btn-outlined.mui-btn-royal:enabled:active,.mui-btn-outlined.mui-btn-success:enabled:active,.mui-btn-outlined.mui-btn-warning:enabled:active,.mui-btn-outlined.mui-btn-yellow:enabled:active {
    color: #fff
}

.mui-btn-link {
    padding-top: 6px;
    padding-bottom: 6px;
    color: #007aff;
    border: 0;
    background-color: transparent
}

.mui-btn-link.mui-active:enabled,.mui-btn-link:enabled:active {
    color: #0062cc;
    background-color: transparent
}

.mui-btn-block {
    font-size: 18px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 0
}

.mui-btn .mui-badge {
    font-size: 14px;
    margin: -2px -4px -2px 4px;
    background-color: rgba(0,0,0,.15)
}

.mui-btn .mui-badge-inverted,.mui-btn:enabled:active .mui-badge-inverted {
    background-color: transparent
}

.mui-btn-negative:enabled:active .mui-badge-inverted,.mui-btn-positive:enabled:active .mui-badge-inverted,.mui-btn-primary:enabled:active .mui-badge-inverted {
    color: #fff
}

.mui-btn-block .mui-badge {
    position: absolute;
    right: 0;
    margin-right: 10px
}

.mui-btn .mui-icon {
    font-size: inherit
}

.mui-btn.mui-icon {
    font-size: 14px;
    line-height: 1.42
}

.mui-btn.mui-fab {
    width: 56px;
    height: 56px;
    padding: 16px;
    border-radius: 50%;
    outline: 0
}

.mui-btn.mui-fab.mui-btn-mini {
    width: 40px;
    height: 40px;
    padding: 8px
}

.mui-btn.mui-fab .mui-icon {
    font-size: 24px;
    line-height: 24px;
    width: 24px;
    height: 24px
}
.s-c333 {
    color: #333 !important;
}
.mui-btn, input.input-text {
    display: inline-block;
    height: 2rem;
    padding: 0 1.2rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 1rem;
    font-size: .7rem !important;
    box-sizing: border-box;
}