@charset "utf-8";
@import url("reset.css");
@import url("font.css");


/*图片宽高相等设置*/
.image-container{ position:relative; width:100%; padding-bottom:100%; display:block}
.image-container img{ position:absolute; left:0; top:0; right:0; bottom:0}
/*图片懒加载*/
.lazy-loading{ background:url(../images/loading.gif) no-repeat center center #f1f1f1; border:none; outline:none}

/*App头部*/
.app-header{ background:#f8f8f8; position:fixed; height:40px; top:0; left:0; right:0; line-height:40px; padding:0 10px; color:#333}
.app-header a{color:#333}
.app-header {z-index:9999; text-align:center; border-bottom:1px solid #f1f1f1;padding:0 1%;box-shadow:0 0 5px #ddd}

.app-headeriphone {
    background: #f8f8f8;
    position: fixed;
    height: 40px;
    top: 10px;
    left: 0;
    right: 0;
    line-height: 40px;
    padding: 0 10px;
    color: #333
}

    .app-headeriphone a {
        color: #333
    }

.app-headeriphone {
    z-index: 9999;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 1%;
    box-shadow: 0 0 5px #ddd
}

/*App底部*/
.app-footer{background:#fff; position:fixed; height:45px; bottom:0; left:0; right:0; border-top:1px solid #f1f1f1;box-shadow:0 0 5px #ddd; z-index:9999}
.app-footer ul{height:100%;}
.app-footer ul li{width:25%;height:100%;float:left;text-align:center;}
.app-footer ul li a{color:#999;line-height:12px;font-size:12px;display:block;height:100%;width:100%; overflow:hidden}
.app-footer ul li .icon{ display:block; width:22px; height:22px;clear:both; margin:0 auto; margin-top:4px; line-height:22px; font-size:20px }
.app-footer ul li .text{ font-weight:normal; margin-top:2px; display:block}
.app-footer ul li:active{ background:#f1f1f1}
.app-footer ul li .router-link-active{ color:#689f38}
.app-footer ul li.active a{ color:#689f38}


/*APP搜索框*/
.app-search{  height:25px; margin:8px 50px;  line-height:25px; overflow:hidden;}
.app-search input[type=text]{height:23px; display:box;border:1px solid #ddd;border-radius:15px; background:#FFF; padding-left:25px; width:calc(100% - 27px)}

/*App首页九宫格*/
.app-grid-menu ul{ overflow:hidden; padding:1% 0; background:#fff}
.app-grid-menu li{ width:25%; float:left; display:block; text-align:center; overflow:hidden; cursor:pointer; }
.app-grid-menu li .g-wrap{ height:auto; display:block;clear:both; margin:0 auto; margin-top:10px; color:#000; font-size:12px;}
.app-grid-menu li .icon{ height:50px; width:50px; display:block; clear:both; margin:0 auto;}
.app-grid-menu li .text{ font-weight:normal; margin-top:5px; display:block; white-space:nowrap}
.app-grid-menu li:active{ background:#f1f1f1}

/*App首页滚动条*/
.app-slider{overflow:hidden; height:auto; display:block; background:#ccc}


/*App公告*/
.app-announce{ padding:8px 1%; height:25px; line-height:25px; overflow:hidden}

/*首页商品列表*/
#goods_list{ padding:1%; overflow:hidden;}
#goods_list ul{border-left:1px solid #f1f1f1;border-top:1px solid #f1f1f1; overflow:hidden}
#goods_list li { cursor:pointer}
#goods_list li .g-wrap{border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; display:block; overflow:hidden; padding:10px; border-collapse:collapse}
#goods_list li{ width:50%; float:left}
#goods_list li img{ width:100%; display:block; clear:both; margin:0 auto;}
#goods_list li .price{ display:block;font-size:14px }
#goods_list li .price .sale{color:#F00;}
#goods_list li .price .market{color:#999; font-size:12px; text-decoration:line-through}
#goods_list li .name{ display:block; line-height:15px; height:30px; overflow:hidden; margin-top:5px}
#goods_list li:active{ background:#f1f1f1}

/*APP加载更多*/
.app-load-more{text-align:center; height:40px; line-height:40px; font-size:14px;}
.app-load-more img{ vertical-align:middle}



/* 通用data数据表单 */
table.ui-tb-data {clear:both; width:100%; border-radius:10px;}
table.ui-tb-data  tr th { color:#555;font-size:14px;padding:5px;border:1px solid #ddd;background:#f0f0f0;white-space:nowrap; text-align:left; font-weight:bold}
table.ui-tb-data  tr td { padding:5px;border:1px solid #f1f1f1;color:#666; overflow:hidden; text-align:left;}

/* tr 偶数行样式 */
table.ui-tb-data  tr:nth-child(odd){background:#f9f9f9; text-align:right; color:#999}
table.ui-tb-data  tr:nth-child(even){ }

aatable.ui-tb-data  tr td:nth-child(odd){background:#f9f9f9; text-align:right; color:#999}
aatable.ui-tb-data  tr td:nth-child(even){ padding-left:10px}

/*table.ui-tb-data  tr:nth-child(even){background:#f9f9f9; }*/
/* tr 鼠标经过样式 */
table.ui-tb-data  tr.hover {background: #f5f5f5;}
/* tr 选中样式 */
table.ui-tb-data  tr.selected {background: #e5e5e5;}


/*用户积分日志*/
.user-score-log ul{}
.user-score-log ul li{ border-bottom:1px solid #eee; padding:10px; color:#999; overflow:hidden; line-height:20px}
.user-score-log ul li .lft{ float:left; width:80%}
.user-score-log ul li .rgt{ float:left; width:20%; text-align:right}
.user-score-log ul li .score{ font-size:15px; line-height:20px; color:#666}



/*类目页*/
.good_category{ padding-left:95px; padding-right:5px}
.good_category .cate_list{ background:#f6f6f6; width:90px; text-align:center; color:#333; position:fixed; left:0; top:40px; bottom:45px; overflow:auto;}
.good_category .cate_list ul li { height:40px; line-height:40px;}
.good_category .cate_list ul li.active{ border-left:2px solid #689f38; background:#fff}
.good_category .cate_list ul li:active{ border-left:2px solid #689f38; background:#fff}


.goods_list{  overflow:hidden;}
.goods_list ul{overflow:hidden; }
.goods_list li .g-wrap{display:block; overflow:hidden;  border-collapse:collapse; background:#f9f9f9; border:1px solid #f1f1f1}
.goods_list li{ padding:10px }
.goods_list li img{ width:100%; display:block; clear:both; margin:0 auto;}
.goods_list li .price{ display:block; color:#F00; font-size:14px; padding:0 10px}
.goods_list li .name{ display:block;overflow:hidden; font-size:14px; margin-top:10px; padding:0 10px}
.goods_list li .count-sale{ padding:0 10px }
.goods_list li:active{ background:#f1f1f1}
 




.swiper-slide {
	/* Center slide text vertically */
	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-red .swiper-pagination-bullet-active{ background:#F00}


ul.marquee {
	position: relative;
	overflow: hidden;
	height: 25px;
	line-height:25px 
}

ul.marquee li {
	display:block; height:25px; line-height:25px; overflow:hidden;
	position: absolute;
	top: -999em;
	left: 0;
}


.user-score-log table{ color:#999}
.user-score-log td{ padding:10px 5px; border-bottom:1px solid #eee;}



.user-head{background:url(../images/user_bg.jpg) no-repeat;background-size:100% 100%;height:120px; overflow:hidden; line-height:120px; padding:0 10px; color:#333}
.user-head a{ color:#333}
.user-head .lft{ float:left; font-size:20px;}
.user-head .lft img{ vertical-align:middle}
.user-head .rgt{ float:right; font-size:15px}


/*商品详情页底部*/
.app-footer-goods-detail{background:#fff; position:fixed; height:45px; line-height:45px; bottom:0; left:0; right:0; border-top:1px solid #f1f1f1;box-shadow:0 0 5px #ddd; z-index:9999; text-align:center; font-size:16px; color:#fff; background:#5cb85c;}
.app-footer-goods-detail:active{ color:#fff; background:#3d9d3d}



.goods-detail-goods-info{ padding:10px}
.goods-detail-goods-info .g-name{ font-size:14px}
.goods-detail-goods-info .g-price{ font-size:16px }
.goods-detail-goods-info .g-price .sale{ color:#F00}
.goods-detail-goods-info .g-price .count_sale{ color:#F00;font-size:14px; color:#999; padding-left:10px}
.goods-detail-goods-info .g-notice{ padding:5px; border:#fbeccb 1px solid; background:#fcf8e2; margin-top:5px; color:#f78300; line-height:20px }

/*商品详情*/
.goods-detail-goods-content{ padding:10px; margin-bottom:50px}
.goods-detail-goods-content img{ max-width:100%; vertical-align:middle; height:auto}




/*用户登录*/
.user_login { margin-top:10px; padding:10px; font-size:16px}
.user_login div input{width:calc(100% - 22px); padding:5px 10px; border:1px solid #eee; margin-top:10px}
.user_login div input:hover{ border-color:#ddd}

.user_login .submit{ margin-top:10px; background:#5cb85c; border-radius:5px; width:100%; border:none; padding:5px; font-size:15px; color:#FFF}
.user_login .submit:active{ background:#3d9d3d}





/*用户中心九宫格*/
.user-grid-menu  { overflow:hidden;background:#fff}
.user-grid-menu .head{ border-bottom:1px solid #f9f9f9; line-height:40px; padding:0 10px; overflow:hidden}
.user-grid-menu .head .lft{ float:left}
.user-grid-menu .head .rgt{ float:right}
.user-grid-menu .head a{ display:block;  overflow:hidden; color:#999}
.user-grid-menu ul{ overflow:hidden;}
.user-grid-menu li{ width:25%; float:left; display:block; text-align:center; overflow:hidden; padding:10px 0}
.user-grid-menu li .icon{ height:35px; width:35px; display:block; clear:both; margin:0 auto;}
.user-grid-menu li .g-wrap{ height:auto;  display:block;clear:both; margin:0 auto; margin-top:0px; color:#999; font-size:12px; position:relative;}
.user-grid-menu li .g-wrap i.num{position:absolute; right:5px; top:0; border-radius:8px; width:14px; height:14px; line-height:14px;font-size:8px; background:#fe7701; color:#FFF}
.user-grid-menu li .text{ font-weight:normal; margin-top:5px; display:block}
.user-grid-menu li:active{ background:#f1f1f1}

.user-grid-menu .border-grid li{ width:calc(25% - 1px);}
.user-grid-menu .border-grid li{ border-right:1px solid #f9f9f9; border-bottom:1px solid #f9f9f9;}
.user-grid-menu .border-grid li:nth-child(4n 4){ width:25%}
.user-grid-menu .border-grid li:nth-child(4n 4){ border:none}



/*用户推广链接*/
.user_invite_link { margin-top:10px;}
.user_invite_link h2{ background:#fff; padding:5px 10px; font-weight:normal; font-size:14px}
.user_invite_link p{ padding:10px}


.goods_favorite_lists{}


/*用户收藏*/
.goods_favorite_lists{ overflow:hidden;}
.goods_favorite_lists ul{}
.goods_favorite_lists li .g-wrap{border-bottom:1px solid #f1f1f1; display:block; overflow:hidden; padding:10px; border-collapse:collapse}
.goods_favorite_lists li{}
.goods_favorite_lists li img{}
.goods_favorite_lists li .price{ display:block;font-size:14px; margin-top:12px}
.goods_favorite_lists li .price .sale{color:#F00;}
.goods_favorite_lists li .price .time{ float:right; color:#ddd; font-size:12px}
.goods_favorite_lists li .name{ display:block; line-height:25px; height:50px; overflow:hidden; margin-top:0px; font-size:15px}
.goods_favorite_lists li:active{ background:#f1f1f1}

/**/
.goods_favorite_head{line-height:45px; text-align:center; overflow:hidden}
.goods_favorite_head a{ width:33.3%; display:block; overflow:hidden; float:left; background:#f1f1f1;}
.goods_favorite_head a.active{ color:#89b200}



.goods_param { padding:10px; line-height:20px; margin-bottom:20px}
.goods_param img{ max-width:100%;height:auto;}
.goods_param table {border-collapse:collapse;}
.goods_param table th {padding:5px;border:1px solid #dddddd; text-align:center;}
.goods_param table td {padding:5px;border:1px solid #dddddd; border-bottom:none}



.goods_param table {display:block; overflow:hidden}
.goods_param tbody {display:block;}

.goods_param table tr {display:block;}
.goods_param table td { width:calc(50% - 12px); display:block; float:left; overflow:hidden; border-right:none}

.goods_param table {border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}







/*订单列表*/
.user-order-lists{}
.user-order-lists .item{ margin-top:10px; background:#fff; cursor:pointer}
.user-order-lists .goods-info{ overflow:hidden; background:#fff; padding:10px; padding-top:15px}
.user-order-lists .goods-info:active{ background:#f9f9f9}
.user-order-lists .goods-info img{ float:left; border:1px solid #f9f9f9}
.user-order-lists .goods-info .info{ margin-left:85px;}


.user-order-lists .goods-info .p-price{ font-size:14px; color:#F00; }
.user-order-lists .goods-info .p-amount{ float:right; overflow:hidden;vertical-align:middle}
.user-order-lists .goods-info .p-amount input{ width:40px; display:inline-block; height:100%; text-align:center; border:none; border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1}
.user-order-lists .goods-info .p-amount em{ width:25px; text-align:center; display:inline-block; height:100%; font-weight:normal; color:#666; font-size:15px ; font-size:14px}

.user-order-lists .goods-count{ text-align:right;}

.user-order-lists .goods-btn{ text-align:right; padding:10px; padding-top:7px; border-top:1px solid #f9f9f9}
.user-order-lists .goods-btn a{ display:inline-block; background:#5cb85c; padding:2px 15px; border-radius:3px; color:#FFF; margin-left:5px}
.user-order-lists .goods-btn a:active{ background:#3d9d3d}

/*订单列表*/
.user-order-lists-head{line-height:45px; text-align:center; overflow:hidden}
.user-order-lists-head a{ width:20%; display:block; overflow:hidden; float:left; background:#f9f9f9;}
.user-order-lists-head a.active{ color:#89b200}


.user_order_add{}

/*用户修改资料*/
.user_order_add {  padding:10px;}
.user_order_add .input{width:calc(100% - 22px); padding:5px 10px; border:1px solid #eee; margin-top:10px}
.user_order_add .input:hover{ border-color:#ddd}
.user_order_add .submit{ margin-top:10px; background:#5cb85c; border-radius:5px; width:100%; border:none; padding:5px; font-size:15px; color:#FFF}
.user_order_add .submit:active{ background:#3d9d3d}


.user_order_add table{ width:100%;}
.user_order_add table td{ padding:5px; border:1px solid #eee}
.user_order_add table tr:nth-child(odd){ background:#f9f9f9}
.user_order_add table tr:nth-child(even){ }


.user_order_add .p-amount{border:1px solid #f1f1f1;overflow:hidden;vertical-align:middle; background:#FFF;  display:inline-block; height:25px; line-height:25px}
.user_order_add .p-amount input{ width:40px; display:inline-block; height:100%; text-align:center; border:none; background:none; padding:0}
.user_order_add .p-amount em{ width:25px; text-align:center; display:inline-block;font-weight:normal; color:#666; font-size:15px; color:#666; background:#f9f9f9;}
.user_order_add .p-amount em:active{ background:#f1f1f1}

.user_order_add select{ padding:5px; background:#FFF; width:calc(33.3% - 10px); border:1px solid #f1f1f1;}
.user_order_add select:active{ background:#f1f1f1}


.cart-empty{ text-align:center; padding-top:50px; color:#ccc}
.cart-empty .icon{ font-size:80px; line-height:80px;color:#CCC;}
.cart-empty .e-text{ font-size:15px; padding:15px 0}
.cart-empty .e-btn{ font-size:15px; padding:10px 15px; border:1px solid #ddd; background:#FFF; border-radius:5px; margin-top:20px}





/*订单支付页面*/
.user_order_pay_form { margin-top:10px; background:#FFF}
.user_order_pay_form .item{ border-bottom:1px solid #f9f9f9; padding:8px 10px; font-size:14px; overflow:hidden}
.user_order_pay_form .item .i-money{ float:right; color:#F00; font-weight:normal}
.user_order_pay_form .item .i-pass{ width:100%; border:none}
.user_order_pay_form .submit{ margin-top:5px; background:#5cb85c; border-radius:5px; width:100%; border:none; padding:5px; font-size:15px; color:#FFF}
.user_order_pay_form .submit:active{ background:#3d9d3d}

/*其他支付方式*/
.user_order_pay_way{ margin-top:10px; background:#FFF}
.user_order_pay_way h2{ padding:10px; font-weight:normal; font-size:14px; }

.user_order_pay_way .w-list{ overflow:hidden; font-size:14px}
.user_order_pay_way .w-list li{ display:block;padding:10px;border-top:1px solid #f9f9f9;}
.user_order_pay_way .w-list li:active{ background:#f1f1f1}
.user_order_pay_way .w-list li i{  font-size:25px; line-height:25px; margin-right:10px; vertical-align:middle; width:25px; display:inline-block}
.user_order_pay_way .w-list li b{ font-weight:normal; margin-top:10px}
.user_order_pay_way .w-list li a{ display:block}



/*用户绑定*/
.user-bind {padding:10px; font-size:16px;}
.user-bind .item{ display:block; padding:5px 0}
.user-bind .input{width:calc(100% - 22px); padding:5px 10px; border:1px solid #eee;}
.user-bind .input:hover{ border-color:#ddd}

.user-bind  .send{ font-size:12px; background:#5cb85c; width:80px; text-align:center; display:block; float:right; color:#FFF; border-radius:3px;padding:5px 0; }

.user-bind .submit{ margin-top:10px; background:#5cb85c; border-radius:5px; width:100%; border:none; padding:5px; font-size:15px; color:#FFF}
.user-bind .submit:active{ background:#3d9d3d}



/*账户信息页*/
.page_user_info { padding:10px}
.page_user_info table{ width:100%;}

.page_user_info table td{ padding:5px; border:1px solid #eee}
.page_user_info table tr:nth-child(odd){ background:#f1f1f1}
.page_user_info table tr:nth-child(even){ }
.page_user_info table td:n-child(2n){ background:#F00}

.page_user_info .submit{ margin-top:10px; background:#5cb85c; border-radius:5px; width:100%; border:none; padding:5px; font-size:15px; color:#FFF}
.page_user_info .submit:active{ background:#3d9d3d}

/*用户修改密码*/
.user-info-password {  padding:10px; font-size:16px}
.user-info-password .input{width:calc(100% - 22px); padding:5px 10px; border:1px solid #eee; margin-top:10px}
.user-info-password .input:hover{ border-color:#ddd}
.user-info-password .submit{ margin-top:10px; background:#5cb85c; border-radius:5px; width:100%; border:none; padding:5px; font-size:15px; color:#FFF}
.user-info-password .submit:active{ background:#3d9d3d}


/*用户修改资料*/
.user-info-modify {  padding:10px;}
.user-info-modify .input{width:calc(100% - 22px); padding:5px 10px; border:1px solid #eee; margin-top:10px}
.user-info-modify .input:hover{ border-color:#ddd}
.user-info-modify .submit{ margin-top:10px; background:#5cb85c; border-radius:5px; width:100%; border:none; padding:5px; font-size:15px; color:#FFF}
.user-info-modify .submit:active{ background:#3d9d3d}


.user-info-modify table{ width:100%;}
.user-info-modify table td{ padding:5px; border:1px solid #eee}
.user-info-modify table tr:nth-child(odd){ background:#f1f1f1}
.user-info-modify table tr:nth-child(even){ }



/*代理商*/


/*账户信息页*/
.page_user_level { padding:10px}
.page_user_level table{ width:100%;}

.page_user_level table td{ padding:5px; border:1px solid #eee}
.page_user_level table tr:nth-child(odd){ background:#f1f1f1}
.page_user_level table tr:nth-child(even){ }
.page_user_level table td:n-child(2n){ background:#F00}

.page_user_level .submit{ margin-top:10px; background:#5cb85c; border-radius:5px; width:100%; border:none; padding:5px; font-size:15px; color:#FFF}
.page_user_level .submit:active{ background:#3d9d3d}



/*用户团队明细*/
.user-team-list ul{ }
.user-team-list ul li{ border-bottom:1px solid #eee; padding:10px; color:#999; overflow:hidden; line-height:20px; cursor:pointer}
.user-team-list ul li:active{ background:#f1f1f1}

/*订单查询*/
.order_search_form{ padding:10px}
.order_search_form .input {width:calc(100% - 22px); padding:5px 10px; border:1px solid #ccc; margin-top:10px}
.order_search_form .submit{margin-top:10px; background:#5cb85c; border-radius:5px; width:100%; border:none; padding:5px; font-size:15px; color:#FFF; cursor:pointer}
.order_search_form .submit:active{background:#3d9d3d}

/*订单查询结果*/
.order-search-list ul{}
.order-search-list li {border-bottom:1px solid #f1f1f1; display:block; overflow:hidden; padding:10px; border-collapse:collapse; background:#FFF; margin-top:10px; cursor:pointer}
.order-search-list li:active{ background:#f1f1f1}
.order_search_detail { background:#FFF; margin-top:10px}
.order_search_detail ul.o-detail{}
.order_search_detail ul.o-detail li{ }
.order_search_detail ul.o-detail li b{  font-weight:normal}


/*用户提现日志*/
.user-withdraw-log ul{}
.user-withdraw-log ul li{ border-bottom:1px solid #eee; padding:10px; color:#999; overflow:hidden; line-height:20px}
.user-withdraw-log ul li .lft{ float:left; width:80%}
.user-withdraw-log ul li .rgt{ float:left; width:20%; text-align:right}
.user-withdraw-log ul li .score{ font-size:15px; line-height:20px; color:#999}


/*用户收货地址列表*/
.user-address-lists{}
.user-address-lists ul{}
.user-address-lists ul li{ border-bottom:1px solid #eee; padding:10px 10px; color:#999; overflow:hidden; line-height:26px}
.user-address-lists ul li:active{ background:#f1f1f1}
.user-address-lists li b{ font-weight:normal;}

.user-address-lists li .lft{ float:left; width:calc(100% - 50px); overflow:hidden; }
.user-address-lists li .rgt{ float:right; width:50px; overflow:hidden }
.user-address-lists li .rgt a{ display:block; text-align:center; margin-bottom:5px; height:25px; line-height:25px; border-radius:5px; background:#5cb85c; color:#FFF}
.user-address-lists li .rgt a:active{ background:#3d9d3d}

.user-info-modify .city_select{ padding:5px; background:#FFF; width:calc(33.3% - 10px); border:1px solid #f1f1f1;}
.user-info-modify .city_select:active{ background:#f1f1f1}


/*订单页收货地址*/
.order-addresslist{}
.order-addresslist h2{ padding:10px; font-weight:normal; font-size:14px}
.order-addresslist li{ padding:5px 10px; border-top:1px solid #f1f1f1}
.order-addresslist li:active{ background:#f1f1f1}