@charset "utf-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

body {
	background: #f3f5f7;
	color: #555;
	font-family: "Microsoft YaHei", 微软雅黑，Verdana, Helvetica, Arial, sans-serif;
	margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

a {
	color: #555;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	text-decoration: none;
}

img {
	border: none;
}

ol,
ul,
li {
	list-style: none;
}

table {
	border-collapse: collapse;
}

html {
	overflow-y: scroll;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	font-size: 10px;
}

* {
	box-sizing: border-box;
}

input,input:focus,input:active,button,button[type=button],textarea:focus{
	appearance: none;
	-webkit-appearance: none;
	outline: none;
}

a {
	-webkit-tap-highlight-color: transparent;
}

a:hover {
	-webkit-tap-highlight-color: transparent;
}

img {
	vertical-align: middle;
}

html.active,
.main.active {
	overflow: hidden;
}


/*通用*/

.comWidth {
	width: 100%;
	margin: 0 auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.bordernone {
	border: none !important;
}

.carousel-indicators {
	z-index: 3;
}

.btn {
	padding: 0.375rem 0.75rem;
}

.btn-default {
	border-color: transparent;
}

@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.eot');
	/* IE9*/
	src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
	url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/iconfont.svg#iconfont') format('svg');
	/* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 2.5rem;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}


/*通用部分*/

.con {
	background: #F3F5F7;
	position: relative;
}

.con,
.main,
header {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.article-header {
	left: 0;
	right: 0;
	top: 0;
	position: fixed;
	z-index: 4;
	overflow: hidden;
	margin: 0 auto;
	height: 5rem;
	line-height: 5rem;
	background-color: #1CBB7F;
	padding: 0 1.3rem;
	text-align: center;
	box-sizing: border-box;
}

header {
	height: 4rem;
	line-height: 4rem;
	background-color: #1CBB7F;
	padding: 0 2%;
	text-align: center;
	box-sizing: border-box;
}

header h1 {
	line-height: 5rem;
	font-size: 2rem;
	color: #FFF;
	font-weight: 400;
	text-align: center;
}

header i {
	color: #FFF;
	line-height: 4rem;
}

.back {
	color: #FFF;
	line-height: 5rem;
}

.grey-header {
	background-color: #e9ecee;
	border-bottom: 0.1rem solid #d7dce1;
}

.grey-header h1 {
	color: #494949;
}

.grey-header i {
	color: #6f6f6f;
}


/*图片滚动部分通用*/

.swiper-pagination {
	text-align: center;
}

.swiper-container .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}

.swiper-container .swiper-pagination-bullet-active {
	background: #1CBB7F;
}


/*头部搜索弹出层通用*/

body.active {
	position: fixed;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

.con {
	position: relative;
}

.comm-search-layer {
	display: none;
	background: #f3f5f7;
	position: fixed;
	top: 0;
	bottom: 0;
	min-height: 100%;
	width: 100%;
	z-index: 999;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: scroll;
	max-width: 640px;
}

.comm-search-layer header {
	padding: 0;
}

.layer-search-close {
	width: 15%;
}

.layer-search-close i {
	font-size: 1.8rem;
}

.comm-search-layer .header-search {
	width: 70%;
}

.layer-search-search {
	width: 15%;
	color: #fff;
	font-size: 1.4rem;
}

.layer-main {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
}

.layer-hot-srarch {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background: #f3f5f7;
	margin-bottom: 1rem;
}

.layer-hot-srarch h1,
.layer-history-srarch h1 {
	padding-left: 1rem;
	line-height: 4rem;
	font-size: 1.6rem;
	color: #444444;
}

.layer-hot-list {
	display: block;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 1rem;
	border-top: 1px solid #D7DCE1;
	border-bottom: 1px solid #D7DCE1;
}

.layer-hot-list li {
	float: left;
	margin-right: 1rem;
}

.layer-hot-list a {
	font-size: 1.4rem;
	line-height: 2rem;
	color: #6F6F6F;
}

.layer-history-srarch,
.layer-history-list,
.layer-history-list li {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background: #F3F5F7;
}

.layer-history-list {
	padding-left: 1rem;
	border-top: 1px solid #D7DCE1;
	border-bottom: 1px solid #D7DCE1;
}

.layer-history-list li:not(:last-child) {
	border-bottom: 1px solid #DCDFE3;
}

.layer-history-list li {
	line-height: 3rem;
}

.layer-history-list li a {
	display: block;
	width: 100%;
	font-size: 1.4rem;
}

.layer-clear {
	cursor: pointer;
	margin-top: 1rem;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}

.layer-clear i {
	font-size: 1.8rem;
}

.layer-clear span {
	margin-left: 0.5rem;
	font-size: 1.4rem;
}

.member-footer {
	max-width: 640px;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 4;
	overflow: hidden;
	margin: 0 auto;
	height: 4rem;
	bottom: 0;
	z-index: 4;
	background-color: #383838;
}

.member-footer ul li {
	width: 20%;
	text-align: center;
	float: left;
	color: #D4D4D4;
	padding: 0;
}

.member-footer ul li a {
	color: #D4D4D4;
}

.member-footer ul li i {
	display: block;
	font-size: 1.4rem;
	line-height: 2rem;
}

.member-footer ul li span {
	font-size: 1.2rem;
}

.index-main {
	padding-bottom: 4rem;
}


/*goods-list*/


/*layer*/

.filter-list,
.filter-list li,
.filter-list-t,
.filter-list-o {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.filter-layer {
	width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: scroll;
	display: none;
	background: #F3F5F7;
	min-height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
}

.filter-list-t {
	padding: 0 2%;
	border-bottom: 1px solid #CACDD1;
	line-height: 4rem;
}

.filter-list-t h1 {
	color: #5c5c5c;
	font-size: 1.4rem;
	line-height: 4rem;
}

.filter-list-t span {
	color: #656767;
	font-size: 1.4rem;
	line-height: 4rem;
}

.filter-list-t i.iconfont {
	font-size: 1.2rem;
	line-height: 4rem;
	margin-left: 0.5rem;
}

.filter-list-t i.iconfont.active {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transition: 0.5s;
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
	display: block;
}

.filter-list-o {
	position: relative;
	display: none;
	padding: 1rem;
	background: #fff;
}

.filter-list-o.active {
	display: block;
}

.filter-list-o a {
	background-color: #CCCCCC;
	display: block;
	padding: 0.4rem 0.6rem;
	font-size: 1.2rem;
	margin: 0 0.8rem 0.5rem 0rem;
	width: auto;
	height: auto;
	float: left;
	letter-spacing: 0.1rem;
	border-radius: 5px;
}

.filter-list-o a.active {
	border: 1px solid #1CBB7F;
	color: #1CBB7F;
	background-color: #FFF;
}

.slider {
	margin: 0.5rem;
}

.ui-slider-horizontal {
	height: 8px !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0 !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0 !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0 !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0 !important;
}

.ui-widget-content {
	margin-bottom: 5rem;
	background: #f0f2f7 !important;
	border: none !important;
	border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
}

.ui-widget-header {
	background: #1CBB7F !important;
	border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
}

.ui-slider .ui-slider-handle {
	cursor: default;
	height: 1.6rem;
	position: absolute;
	width: 1.6rem;
	z-index: 2;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #fff !important;
	border: 3px solid #1CBB7F !important;
	border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -0.57rem !important;
}

.slider-info {
	position: absolute;
	z-index: 2;
	background: #fff;
	font-size: 1.4rem;
	left: 34%;
	top: 3.5rem;
	border: 1px solid #efefef;
	color: #666;
	padding: .6rem 1.2rem;
	border-radius: 4px;
}

.slider-info:before {
	content: " ";
	width: 1rem;
	height: 1rem;
	display: block;
	position: absolute;
	border-top: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	transform: rotate(-45deg);
	background: #fff;
	top: -0.6rem;
	z-index: -1;
	left: 50%;
	margin-left: -.5rem;
}

#slider-range-amount {}


/*网页部分*/


/*文章模块*/


/*文章详情页*/

.article-detail-main {
	position: relative;
	background-color: #fefefe;
}

.article-detail-content {
	padding: 1rem 2%;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}

.article-detail-content h2 {
	letter-spacing: 1px;
	font-size: 2.8rem;
}

.article-detail-content h3 {
	margin-top: 0.5rem;
	color: #808080;
	font-size: 1.4rem;
	line-height: 2rem;
}

.article-detail-img,
.article-detail-comment {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.article-detail-img {
	padding: 1rem 0;
}

.article-detail-img img {
	max-height: 100%;
	max-width: 100%;
}

.article-detail-msg {
	color: #494949;
	font-size: 1.6rem;
	/*padding-bottom: 6rem;*/
}

.article-comment-list {
	padding: 0 2%;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	/*margin-top: 3rem;*/
}

.article-comment-list .group-all-title p {
	font-size: 1.8rem;
}

.article-comment-list .group-all-title {
	margin-bottom: 0;
}

.article-comment-user,
.article-comment-user li {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.article-comment-form {
	margin-bottom: 1rem;
}

.article-comment-form textarea {
	width: 100%;
	border-radius: 4px;
	height: 6rem;
	color: #000;
	font-size: 1.4rem;
	padding: 0.5rem;
	line-height: 1.8rem;
	border: 1px solid #f2f2f2;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

.article-comment-form button {
	color: #fff;
	font-size: 1.4rem;
	padding: 0.375rem 1rem;
}

.article-comment-button {
	height: 2rem;
	display: none;
	/*-webkit-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;*/
}

.article-comment-button.active {
	height: 2rem;
	display: block;
	/*-webkit-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;*/
	transition: 0.5s;
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.send-btn {
	background: #fb453a;
}

.article-comment-user li {
	margin-bottom: 1rem;
}

.article-comment-ava {
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	cursor: pointer;
}

.article-comment-ava img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.article-comment-cont {
	box-sizing: border-box;
	overflow: hidden;
}

.article-comment-time {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.article-comment-name {
	margin-left: 8rem;
	box-sizing: border-box;
	overflow: hidden;
	height: 3rem;
	line-height: 3rem;
	color: #808080;
	/*font-size: 2rem;*/
}

.article-comment-name h1 {
	width: 40%;
	color: #808080;
	font-size: 1.6rem;
	line-height: 3rem;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.article-comment-name span {
	float: right;
	font-size: 1.4rem;
}

.article-comment-user p {
	margin-left: 8rem;
	font-size: 1.4rem;
}

.article-detail-like {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 0.5rem;
}

.article-detail-like p {
	float: left;
	color: #808080;
	font-size: 1.4rem;
	line-height: 3rem;
	margin-right: 2rem;
}

.article-detail-like p i {
	font-size: 1.8rem;
}

.article-detail-like p span {
	margin-left: 0.5rem;
}

.article-detail-comment {
	background-color: #E3E3E3;
	padding: 2%;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 3;
	bottom: 0;
	left: 0;
	position: fixed;
}

.article-detail-comment input {
	width: 86%;
	color: #8f8f8f;
	font-size: 1.6rem;
	height: 4rem;
	padding-left: 2%;
	border: none;
	border-radius: 3px;
	/*font-family: Adobe 黑体 Std;*/
}

.article-detail-comment i {
	width: 10%;
	height: 4rem;
	line-height: 4rem;
	padding-left: 2%;
}


/*第二种评论*/

.article-detail-suspension {
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	text-align: center;
	/*background: #1CBB7F;*/
	background-color: rgba(69, 69, 69, .7);
	color: #fff;
	position: fixed;
	bottom: 2rem;
	right: 2%;
	/*opacity: 0.65;*/
}

.article-detail-suspension a {
	color: #fff;
}

.article-detail-suspension i {
	display: block;
	line-height: 3rem;
}

.article-detail-suspension p {
	font-size: 1.8rem;
}


/*文章列表页*/

.article-category-news {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.article-category-news {
	padding: 0 2%;
}

.article-category-list h1 {
	display: block;
	font-size: 1.8rem;
	float: left;
	margin: 0;
	line-height: 4rem;
	letter-spacing: 1px;
}

.article-category-list {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.article-category-list li {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 1rem 2%;
	border-bottom: 1px dashed #d7dce1;
}

.article-category-list li:first-of-type {
	border-top: 1px solid #d7dce1;
}

.article-category-list li:last-child {
	border-bottom: 1px solid #d7dce1;
}

.article-list-pic {
	width: 30%;
	max-height: 9rem;
	overflow: hidden;
}

.article-list-pic img {
	width: 100%;
	height: 100%;
}

.article-list-content {
	width: 70%;
	padding-left: 1rem;
}

.article-list-content h2 {
	font-size: 1.6rem;
	line-height: 2rem;
	max-height: 4rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.article-list-content p {
	margin-top: 0.5rem;
	font-size: 1.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #757575;
	line-height: 1.8rem;
	max-height: 3.6rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


/*文章频道页*/

.article-container {
	height: 20rem;
}

.article-container img {
	width: 100%;
	height: 100%;
}

.article-container li {
	position: relative;
}

.article-container li p {
	position: absolute;
	font-size: 1.8rem;
	line-height: 4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-shadow: none;
	color: #fff;
	left: 2%;
	right: 0;
	bottom: 0;
	padding: 0;
	text-align: left;
	width: 70%;
}

.article-index-content {
	padding: 0 2%;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.article-index-list {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.article-index-list li {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 1px solid #d7dce1;
}

.article-index-list li:first-of-type {
	border-top: 1px solid #d7dce1;
}

.article-index-list li:last-child {
	border-bottom: 1px solid #d7dce1;
}

.article-index-list h1 {
	width: 100%;
	display: block;
	font-size: 1.6rem;
	float: left;
	margin: 0;
	line-height: 4rem;
}

.article-index-list h1 span {
	font-size: 1.2rem;
}

.article-index-list h1 a i {
	font-size: 1.4rem;
}

.article-index-list li h2 {
	width: 75%;
	display: block;
	font-size: 1.4rem;
	line-height: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.article-index-comment {
	text-align: right;
	width: 20%;
	line-height: 3rem;
}

.article-index-comment span {
	margin-right: 0.3rem;
}

.article-index-comment i {
	font-size: 1.2rem;
}


/*帮助中心*/

.article-help-list {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.article-help-list h1 {
	border-bottom: 1px solid #CECCD2;
	width: 100%;
	background: #F3F4F6;
	display: block;
	font-size: 1.6rem;
	margin: 0;
	line-height: 4rem;
	padding-left: 2%;
	color: #8E8E93;
	letter-spacing: 1px;
}

.article-help-list {
	background: #fff;
	border-bottom: 1px solid #CECCD2;
}

.article-help-list li {
	margin-left: 2%;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 1px solid #CECCD2;
}

.article-help-list li:last-child {
	border: none;
}

.article-help-list li h2 {
	font-size: 1.4rem;
	line-height: 4rem;
	color: #454545;
}

.article-help-list li i {
	line-height: 4rem;
	color: #C7C7CC;
	padding-right: 2%;
	font-size: 1.6rem;
}


/*品牌模块*/


/*品牌频道*/

.brand-index-today,
.brand-today-slide,
.brand-today-img,
.brand-index-lattice,
.brand-index-list,
.brand-index-hot {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.brand-today-slide {
	background-color: #FFF;
	border-bottom: 0.8rem solid #F3F5F7;
	overflow: hidden;
}

.brand-today-container {
	width: 65%;
	max-height: 265px;
}

.brand-today-container img {
	width: 100%;
	height: 100%;
}

.brand-today-content {
	font-size: 1.6rem;
	color: #505050;
	line-height: 150%;
	width: 35%;
	height: 100%;
	padding: 15% 5%;
	background-color: #FFF;
	font-weight: 400;
}

.brand-today-content img {
	display: block;
	margin: 1rem auto;
	width: 100%;
}

.brand-today-img-text {
	width: 43%;
	background-color: #1CBB7F;
	color: #FFF;
	text-align: center;
	height: 100%;
	padding: 16% 5%;
}

.brand-today-img-content {
	width: 57%;
	overflow: hidden;
}

.brand-today-img-logo img {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.brand-today-img-logo {
	width: 43%;
}

.brand-today-img-content img {
	width: 100%;
}

.brand-index-lattice ul li {
	width: 50%;
	height: auto;
	float: left;
	position: relative;
	float: left;
}

.brand-lattice-bg {
	width: 100%;
}

.brand-lattice-logo {
	transition: all 2s;
	position: absolute;
	border-radius: 50%;
	width: 45%;
	z-index: 2;
	top: 30%;
	left: 28%;
}

.brand-index-lattice ul li span {
	font-size: 2rem;
	color: #FFF;
	line-height: 3.5rem;
	background-color: rgba(102, 103, 104, 0.8);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	display: block;
	text-align: center;
}

.brand-index-list {
	overflow: hidden;
	text-align: center;
	border-bottom: 1px solid #D7DCE1;
	margin-bottom: 1rem;
}

.brand-index-list ul {
	overflow: hidden;
	margin: 0 auto;
}

.brand-index-list ul li {
	float: left;
	width: 33.3%;
	border-right: 1px solid #EDF0F2;
	border-bottom: 1px solid #EDF0F2;
}

.brand-index-list ul li img {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	display: block;
	margin: 0 auto;
	width: 100%;
}

.brand-index-hot {
	overflow: hidden;
	background-color: #FFF;
	border-top: 1px solid #D7DCE1;
	margin-bottom: 1rem;
}

.brand-hot-title {
	box-sizing: border-box;
	overflow: hidden;
	font-size: 2rem;
	color: #464646;
	line-height: 4rem;
	padding: 0 2%;
}

.brand-hot-title a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.brand-hot-div {
	width: 100%;
	height: 100%;
}

.brand-hot-div ul {
	min-width: 100%;
	height: 100%;
}

.brand-hot-div ul li {
	float: left;
	padding: 0 1rem;
	width: 33.3%;
	font-size: 1.8rem;
}

.brand-hot-div ul li p {
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 2rem;
	max-height: 4rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.brand-hot-div ul li img {
	width: 100%;
	height: 100%;
}

.brand-hot-div ul li span {
	line-height: 2rem;
}


/*brand-nav*/

.brand-nav-list {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.brand-nav-list ul li {
	margin: 0 !important;
	padding: 0.8rem 0;
	border-bottom: 1px #e3e3e3 solid;
	background-color: #FFFFFF;
}

.brand-nav-list ul li.brand-status {
	padding: 0;
	background-color: #F3F5F7 !important;
	padding-left: 1.5rem !important;
	font-size: 1.8rem;
	line-height: 3.5rem;
}

.brand-nav-list li p {
	padding-left: 2rem;
	position: relative;
	font-size: 1.4rem;
}

.brand-nav-list li p a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 1.4rem;
}


/*.brand-nav-list li p a{
	padding: 1rem;
	display: block;
	width: 20%;
	float: left;
}*/

.brand-nav-list li img {
	width: 20%;
	max-height: 60px;
}

.brand-nav-letter {
	position: fixed;
	top: 0.5rem;
	right: 0.5rem;
}

.brand-nav-letter ul {
	padding-left: 0;
	margin-bottom: 0;
}

.brand-nav-letter li {
	position: relative;
	display: block;
	font-size: 1rem;
	text-align: center;
	padding-bottom: 0.1rem;
}

.brand-nav-letter li.active a {
	color: #1CBB7F;
}

.brand-nav-letter li a {
	padding: 0.4rem 0.2rem;
	text-align: center;
}


/*brand-goods*/

.brand-goods-logo,
.brand-goods-logo ul,
.brand-goods-recommend,
.brand-recommend-list {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.brand-goods-logo {
	background: #fff;
	border-bottom: 1px solid #D7DCE1;
	margin-bottom: 1rem;
}

.brand-goods-logo img {
	width: 100%;
	height: 100%;
}

.brand-goods-logo ul li {
	width: 33.3%;
	text-align: center;
	float: left;
	padding: 1rem 2%;
}

.brand-goods-logo li p {
	font-size: 2.2rem;
	color: #4C4B4B;
	display: block;
}

.brand-goods-logo li span {
	font-size: 1.4rem;
	color: #706F6F;
}

.brand-recommend-title {
	font-size: 1.8rem;
	color: #5A5C60;
	line-height: 4rem;
}

.brand-goods-recommend {
	padding: 0 2%;
	overflow: hidden;
	border-top: 1px solid #D7DCE1;
	border-bottom: 1px solid #D7DCE1;
	background-color: #FFF;
}

.brand-recommend-list li {
	width: 49%;
	height: auto;
	overflow: hidden;
	margin-bottom: 1rem;
	float: left;
}

.brand-recommend-list li:nth-child(odd) {
	margin-right: 2%;
}

.brand-recommend-list li img {
	width: 100%;
	max-height: 195px;
	margin-bottom: 0.5rem;
}

.brand-recommend-list li p {
	font-size: 1.4rem;
	color: #746E69;
	line-height: 2rem;
	margin: 0 2%;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.brand-recommend-list li span {
	font-size: 1.2rem;
	color: #1CBB7F;
	margin: 0 2%;
	display: block;
}

.brand-goods-all {
	overflow: hidden;
	padding: 0 2%;
	margin-top: 1rem;
}

.group-all-title {
	text-align: center;
	padding: 0 20%;
	line-height: 4rem;
	background: url(../img/group-all-title.gif) no-repeat center;
	margin-bottom: 0.65rem;
}

.group-all-title p {
	font-size: 1.8rem;
	color: #656870;
	line-height: 3rem;
}

.article-comment-form {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}


/*商品模块*/


/*商品详情页面通用*/

.goods-main {
	background: #F3F5F7;
}

.brand-btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 1.6rem;
	line-height: 1.8rem;
	/*border-radius: 4px;*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.brand-info,
.record-title {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.brand-logo {
	width: 25%;
	margin-right: 0.5rem;
}

.brand-logo img {
	width: 100%;
}

.brand-name {
	/*width: 20%;*/
}

.brand-name h1 {
	font-size: 1.8rem;
	color: #151515;
	padding-bottom: 0.5rem;
}

.brand-name h2 {
	font-size: 1.6rem;
	color: #6a6a6a;
}

.brand-favor {
	cursor: pointer;
	padding: 0 2%;
	border-radius: 3px;
	line-height: 2.2rem;
	text-align: center;
	border: 1px solid #1CBB7F;
	color: #1CBB7F;
	font-size: 1.8rem;
}

.brand-favor.active {
	background: #1CBB7F;
	color: #FFF;
}


/*商品详情页goods_index*/

.goods-info,
.goods-title {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.goods-info {
	height: 25rem;
}

.goods-info img {
	width: 100%;
	height: 100%;
}

.goods-text {
	padding-top: 1rem;
}

.goods-title-left {
	width: 100%;
	padding: 0 2%;
}

.goods-title-left h1 {
	font-size: 1.6rem;
	color: #424444;
	line-height: 2rem;
	/*margin-bottom: 1rem;*/
	font-weight: 400;
}

.goods-title-right {
	width: 11%;
	text-align: center;
	border-left: 1px solid #D3D8DD;
}

.goods-title-right.active {
	color: #1CBB7F;
}

.goods-title-right i {
	display: block;
	font-size: 2.1rem;
}

.goods-title-right p {
	font-size: 1.8rem;
}

.goods-price {
	overflow: hidden;
	padding: 0 2%;
	border-bottom: 1px solid #D3D8DD;
}

.goods-price p {
	font-size: 2.2rem;
	color: #1CBB7F;
	line-height: 3rem;
	padding-right: 0.5rem;
}

.goods-price del {
	font-size: 1.6rem;
	color: #7F7F7F;
	line-height: 3rem;
	display: block;
}

.goods-price span {
	font-size: 1.4rem;
	color: #6C6B6B;
	line-height: 3rem;
	display: block;
}

.goods-list,
.goods-name {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.goods-list li {
	padding: 0 2%;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 1px solid #D3D8DD;
}

.goods-list li.goods-size {
	cursor: pointer;
}

.goods-category,
.goods-multy-category {
	box-sizing: border-box;
	overflow: hidden;
}

.goods-category h2,
.goods-multy-category h2 {
	font-size: 1.4rem;
	color: #707071;
	/*line-height: 250%;*/
	line-height: 4rem;
	font-weight: 400;
}

.goods-category label,
.goods-multy-category label {
	font-weight: 400;
	font-size: 1.4rem;
	color: #666666;
	width: auto;
	text-align: center;
	height: auto;
	background-color: #FFF;
	padding: 0.3rem 1rem;
	display: block;
	float: left;
	margin-right: 1rem;
	border-radius: 4px;
}

.goods-category label.active,
.goods-multy-category label.active {
	color: #FFF;
	background-color: #1CBB7F;
}

.goods-category-num {
	width: 30%;
	box-sizing: border-box;
	overflow: hidden;
	height: 2.75rem;
	background-color: #FFF;
	border-radius: 5px;
	color: #666666;
	text-align: center;
	margin-bottom: 1rem;
}

.goods-category-num button {
	font-size: 1.6rem;
	color: #666;
	width: 28.5%;
	height: 100%;
	border: none;
	background-color: #FFF;
}

.goods-category-num input {
	width: 40%;
	font-size: 1.6rem;
	height: 100%;
	text-align: center;
	border: none;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}

.btn-minus {
	border-radius: 5px 0 0 5px;
}

.btn-add {
	border-radius: 0 5px 5px 0;
}

.goods-size i.active {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transition: 0.5s;
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
	display: block;
}

.goods-listo {
	font-size: 1.4rem;
	color: #717171;
	line-height: 4rem;
	margin-right: 1rem;
}

.goods-listt {
	font-size: 1.4rem;
	color: #FFF;
	text-align: center;
	border-radius: 15px;
	background-color: #1CBB7F;
	margin-top: 1rem;
	padding: 0.25rem 1rem;
}

.goods-list li p {
	font-size: 1.4rem;
	color: #4c4c4c;
	line-height: 4rem;
	padding-left: 1rem;
}

.goods-list li i {
	transition: 0.5s;
	line-height: 4rem;
	font-size: 1.6rem;
}

.goods-list li .goods-listp {
	color: #1CBB7F;
}

.goods-name {
	border-bottom: 1px solid #e4e4e4;
	background: #fff;
	padding: 1rem 2%;
}

.brand-introduce {
	margin: 1rem 0;
	box-sizing: border-box;
	overflow: hidden;
}

.brand-introduce h1 {
	font-size: 1.8rem;
	color: #2d2d2d;
	padding-bottom: 0.5rem;
}

.brand-star,
.brand-contact {
	box-sizing: border-box;
	overflow: hidden;
}

.brand-star i {
	font-size: 1.6rem;
}

.brand-star i.active {
	color: #1CBB7F;
}

.brand-contact a {
	line-height: 2rem;
	text-align: center;
	width: 48%;
	border: 1px solid #b9bec3;
	border-radius: 5px;
	color: #3c3c3c;
	font-size: 1.6rem;
}

.brand-record,
.record-title {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.record-title {
	font-size: 1.6rem;
	color: #3A3B3B;
	line-height: 3rem;
	padding: 0 2%;
	overflow: hidden;
}

.record-title h1 {
	line-height: 3rem;
}

.record-title i {
	line-height: 3rem;
	font-size: 1.8rem;
}

.brand-record {
	border-bottom: 1px solid #D7DCE1;
}

.brand-record-pic {
	box-sizing: border-box;
	padding: 1rem 2%;
}

.brand-record-pic li {
	width: 33%;
	height: auto;
	padding: 0 0.5rem;
	float: left;
}

.brand-record-pic li img {
	width: 100%;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
}

.brand-record-pic li p {
	line-height: 2rem;
	font-size: 1.4rem;
	color: #4C4B4B;
	max-width: 98%;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.brand-record-pic li span {
	font-size: 1.6rem;
	color: #51A997;
}

.brand-description {
	/*margin-bottom: 10rem;*/
}

.brand-description,
.brand-description-menu,
.description-tabmenu {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.brand-description-menu {
	background: #fff;
	/*z-index:0;*/
}

.description-tabmenu li {
	float: left;
	font-size: 1.6rem;
	color: #4F4F50;
	line-height: 2.5rem;
	width: 50%;
	border-right: 1px solid #E4E5EA;
	text-align: center;
	transition: width 0.5s;
	cursor: pointer;
	transition: 0.1s;
}

.description-tabmenu li.active {
	background-color: #1CBB7F;
	color: #FFF;
	transition: 0.1s;
}

.brand-footer {
	padding: 0 2%;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 4;
	overflow: hidden;
	margin: 0 auto;
	height: 4rem;
	bottom: 0;
	z-index: 4;
	background-color: #383838;
	background-color: #e3e3e3;
}

.brand-footer-cart {
	margin-top: 0.3rem;
	vertical-align: middle;
	width: 16%;
	text-align: center;
	color: #3F4040;
	font-size: 1.2rem;
	position: relative;
}

.brand-footer-cart.active {
	color: #1CBB7F;
}

.cart-num {
	position: absolute;
	top: 0;
	right: 0rem;
	font-size: 1.2rem;
	min-width: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	border-radius: 0.75rem;
	background: #1CBB7F;
	color: #fff;
}

.brand-footer-cart i {
	display: block;
	font-size: 1.8rem;
	line-height: 2rem;
}

.brand-footer button.add-cart {
	background: #d37919;
	margin-right: 4%;
}

.brand-footer button {
	font-family: "Microsoft YaHei", 微软雅黑，Verdana, Helvetica, Arial, sans-serif;
	margin-top: 0.5rem;
	padding: 0;
	font-size: 1.6rem;
	color: #FFF;
	line-height: 3rem;
	width: 30%;
	background-color: #1CBB7F;
	text-align: center;
}

.brand-footer button {}

.description-cont:last-child {
	display: none;
}

.description-cont {
	margin-top: 5rem;
	padding: 0.5rem 0;
	padding-bottom: 5rem;
	font-size: 1.6rem;
	color: #4C4B4B;
}

.description-cont:last-child {
	padding: 0.3rem 2%;
}

.description-cont img {
	width: 100%;
}


/*商品详情页滚动*/

.brand-record-swiper {
	background-color: #F3F5F7;
}


/*评论模块*/


/*comm-goods*/

.comm-goods-title,
.comm-goods-list,
.comm-goods-user,
.comm-goods-content {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.comm-goods-title {
	margin-bottom: 2rem;
}

.comm-goods-title ul {
	padding: 0 2%;
}

.comm-goods-title ul li {
	font-size: 1.2rem;
	color: #585A5A;
	width: 20%;
	text-align: center;
	font-weight: 400;
	border-bottom: 2px solid #D7DCE1;
	padding: 1rem 0;
}

.comm-goods-title ul li.active {
	border: 2px solid #D7DCE1;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	color: #1CBB7F;
}

.comm-goods-title ul li.active a {
	color: #1CBB7F;
}

.comm-goods-title ul li a {
	color: #585A5A;
}

.comm-goods-title ul li span {
	display: block;
}

.comm-goods-list {
	display: none;
	padding: 0 3%;
	border-top: 1px solid #D7DCE1;
}

.comm-goods-list.active {
	display: block;
}

.comm-goods-list li {
	border-bottom: 1px solid #d7dce1;
}

.comm-goods-user {
	font-size: 1.2rem;
	color: #757575;
	line-height: 1.8rem;
	padding-top: 1rem;
}

.comm-goods-user a {
	color: #9B9B9B;
}

.comm-goods-user i {
	font-size: 1.2rem;
	padding-left: 1px;
}

.comm-goods-user i.active {
	color: #1CBB7F;
}

.comm-goods-user span {
	margin: 0 1rem;
}

.comm-goods-content {
	font-size: 1.4rem;
	color: #4B4B4B;
	padding: 0 1rem 0 0;
	padding-bottom: 1rem;
	text-align: left;
}

.menu-con header a i {
	font-size: 2.2rem;
}

.menu-con .header-search input[type=text] {
	width: 100%;
}


/*分类模块category*/


/*三级菜单*/

.header-search {
	width: 80%;
	height: 3rem;
	line-height: 3rem;
	margin: 0.5rem 0 0.5rem 0.5em;
	padding: 0 0.5rem;
	border-radius: 5px;
	background-color: #FFF;
	overflow: hidden;
}

.header-search input[type=text] {
	font-size: 1.4rem;
	color: #8E9198;
	width: 100%;
	border: none;
	height: 3rem;
	/*padding-left: 0.5rem;*/
}

.header-search a i {
	font-size: 1.8rem;
	color: #8E9198;
	line-height: 3rem;
}


/*menu*/

.category-body {
	background: #F3F5F7;
}

.con,
.menut-header,
.category-body,
.menu-list li {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.category-body{
	max-width: 640px;
	min-width: 320px;
	position: fixed;
    width: 100%;
    top: 4rem;
    bottom: 0;
}
.menu-con header {
	position: fixed;
	min-width: 320px;
    max-width: 640px;
}

.menu-tab {
	background: #fff;
	width: 25%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	bottom: 0;
}

.menu-list {
	height: 100%;
	min-height: 100%;
	width: 100%;
	box-sizing: border-box;
}

.menu-list li:first-child {
	border-top: 1px solid #e0e0e0;
}

.menu-list li {
	width: 100%;
	line-height: 4rem;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	text-align: center;
}

.menu-list li a {
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	display: block;
	text-decoration: none;
	font-size: 1.4rem;
	color: #252525;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.menu-list li.selected {
	border-right: 1px solid transparent;
	background: #f3f5f7;
	border-left: 3px #1CBB7F solid;
}

.menu-list li.selected a {
	color: #1CBB7F;
}

.menu-content {
	min-height: 100%;
	height: 100%;
	width: 75%;
	font-size: 1.4rem;
	color: #252525;
	box-sizing: border-box;
	overflow-x: hidden;
	/*padding-top: 4rem;*/
}

.menu-cont-list {
	padding-top: 0.5rem;
	padding-bottom: 5rem;
	margin: 0 2%;
	display: none;
}

.menu-cont-list:first-child {
	display: block;
}

.menu-cont-list h2 {
	font-size: 1.4rem;
	color: #666;
	display: block;
	line-height: 1.6rem;
	padding: 0.5rem 0;
}

.menu-banner {
	margin-top: 0.5rem;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

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

.menu-cont-category {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.menu-cont-category li {
	box-sizing: border-box;
	overflow: hidden;
	width: 32.3%;
	margin-right: 1%;
	float: left;
	text-align: center;
	margin-bottom: 0.5rem;
	border: 1px solid #E9E9E9;
	background: #fff;
}

.menu-cont-category li img {
	margin: 1rem 0;
	width: 90%;
	max-height: 60px;
	background: #fff;
}

.menu-cont-category li span {
	width: 90%;
	margin: 0 auto;
	border-radius: 3px;
	display: block;
	display: block;
	line-height: 3rem;
	font-size: 1.2rem;
	overflow: hidden;
	color: #666;
	text-overflow: ellipsis;
}


/*购物车模块flow*/

.flow-body {
	background: #F3F5F7;
}


/*flow_cart*/

.flow-cart-show {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.main .flow-cart-show:first-child {
	padding: 0;
	border-bottom: 1px solid #D7DCE1;
}

.main .flow-cart-show:first-child li:not(:last-child) {
	border-bottom: 1px solid #D7DCE1;
}

.main .flow-cart-show:first-child li {
	padding: 1rem 2%;
}

.flow-cart-show {
	position: relative;
	padding: 1rem 2%;
	overflow: hidden;
	border-bottom: 1px solid #D7DCE1;
	overflow: hidden;
}

.flow-cart-show li {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.flow-cart-show i.select {
	font-size: 2rem;
	line-height: 1.5rem;
	border-radius: 50%;
	margin-top: 4rem;
	color: #1CBB7F;
}

.flow-cart-show i.delete {
	cursor: pointer;
	padding-right: 2%;
	/*line-height: 4rem;*/
	font-size: 1.8rem;
	color: #5A5A5A;
}

.flow-cart-show img {
	width: 30%;
	max-height: 100%;
	margin: 0 2%;
}

.flow-cart-show h2 {
	font-size: 1.4rem;
	color: #424444;
	line-height: 1.8rem;
	max-height: 3.6rem;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.flow-cart-show span {
	font-size: 1.6rem;
	color: #1CBB7F;
	display: block;
	margin: 0.5rem 0;
}

.flow-cart-show .goods-category-num {
	/*height: 4rem;*/
	margin-bottom: 0;
}

.flow-cart-others {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0 2%;
}

.flow-cart-others a {
	font-size: 1.4rem;
	color: #717171;
	line-height: 2rem;
	display: block;
	margin-top: 1rem;
	padding: 0.5rem 1rem;
	background-color: #FFF;
	border-radius: 5px;
}

.part-message {
	margin-bottom: 1rem;
	font-size: 1.4rem;
}

.part-message-title {
	background-color: #1CBB7F;
	color: #FFFFFF;
	text-align: center;
	line-height: 2rem;
	border-radius: 5px;
	display: block;
	padding: 0 1rem;
	margin-right: 0.5rem;
}

.part-message-content {
	color: #5F5F5F;
	display: block;
	line-height: 2rem;
}

.cart-footer {
	padding: 0 2%;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 4;
	overflow: hidden;
	margin: 0 auto;
	height: 4rem;
	bottom: 0;
	z-index: 4;
	background-color: #383838;
	background-color: #e3e3e3;
}

.cart-footer i {
	font-size: 2rem;
	color: #FFF;
	line-height: 5rem;
	border-radius: 50%;
	/*margin-left: 1rem;*/
	color: #1CBB7F;
}

.cart-footer span {
	font-size: 1.6rem;
	color: #1CBB7F;
	line-height: 4rem;
}

.cart-footer button {
	margin-top: 0.5rem;
	padding: 0;
	font-size: 1.6rem;
	color: #FFF;
	line-height: 3rem;
	width: 30%;
	background-color: #1CBB7F;
	text-align: center;
}


/*订单确认flow_done*/

.confirm-address {
	position: relative;
	width: 100%;
	/*height: 9rem;*/
	overflow: hidden;
	padding: 1rem 2%;
}

.confirm-address p {
	color: #313131;
}

.confirm-address-name {
	font-size: 1.8rem;
	line-height: 3rem;
	padding-right: 1rem;
}

.confirm-address-phone {
	font-size: 1.6rem;
	line-height: 3rem;
}

.confirm-address span {
	font-size: 1.4rem;
	color: #59595A;
	display: block;
	width: 90%;
	margin-bottom: 1rem;
}

.confirm-address i {
	font-size: 2rem;
	color: #A3A3A3;
	position: absolute;
	right: 2%;
	top: 36%;
}

.confirm-address-bg {
	width: 100%;
	display: block;
	height: 6px;
}

.confirm-view {
	border-top: 1px solid #D3D8DD;
	border-bottom: 1px solid #D3D8DD;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #FFF;
}

.confirm-view div {
	height: 100%;
	width: 80%;
	float: left;
}

.confirm-view ul {
	/*width: 100%;*/
	/*height: auto;*/
	/*overflow: hidden;*/
}

.confirm-view ul li {
	width: 20%;
	float: left;
	height: auto;
	overflow: hidden;
	margin-right: 1rem;
	padding: 1rem 0;
}

.confirm-view ul li img {
	display: inline-block;
	width: 100%;
	max-height: 98%;
	margin: 0 auto;
}

.confirm-view i {
	font-size: 1.6rem;
	color: #A7A7A7;
	position: absolute;
	top: 40%;
	right: 2%;
	z-index: 999;
}

.confirm-view p {
	z-index: 999;
	font-size: 1.4rem;
	color: #313131;
	background: rgba(255, 255, 255, 0);
	position: absolute;
	top: 40%;
	right: 6%;
}

.confirm-view p span {
	color: #1CBB7F;
}


/*订单提交确认页面*/

.confirm-pay {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 1rem;
}

.confirm-pay ul {
	border-top: 1px solid #D3D8DD;
	margin-bottom: 1rem;
	background: #fff;
}

.confirm-pay ul li {
	cursor: pointer;
	padding: 0 2%;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 1px solid #D3D8DD;
}

.confirm-pay-title span {
	font-size: 1.6rem;
	color: #707071;
	line-height: 4rem;
	margin-right: 1rem;
}

.confirm-pay-title p {
	font-size: 1.4rem;
	margin-top: 1rem;
	color: #fff;
	vertical-align: middle;
	padding: 0 1rem;
	border-radius: 5px;
	line-height: 2rem;
	background: #1CBB7F !important;
}

.confirm-pay-title i {
	transition: 0.5s;
	line-height: 4rem;
	font-size: 1.4rem;
}

.confirm-pay-rem i {
	color: #1CBB7F;
}

.confirm-pay-title.active i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transition: 0.5s;
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
	display: block;
}

.confirm-pay ul .confirm-pay-layer {
	padding: 0 2%;
	display: none;
}

.confirm-pay ul .confirm-pay-layer.active {
	display: block;
}

.confirm-pay-layer input[type=radio] {
	display: none;
}

.confirm-layer-title {
	font-weight: 400;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 1.4rem;
	color: #707071;
}

.confirm-pay-layer label {
	display: -webkit-box;
	/*height: 3rem;*/
}

.confirm-pay-layer label i {
	margin-right: 0.5rem;
	color: #bbb;
	margin-top: 0.8rem;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	font-style: normal;
	display: block;
	border: #bbb 1px solid;
	background: rgba(255, 255, 255, 0);
	/*font-size: 1.4rem;
    line-height: 3rem;
    color: #1CBB7F;
    margin-right: 0.8rem;*/
}

.confirm-pay-layer input:checked+label i {
	background: url(../img/radio.png) center center #1CBB7F no-repeat;
	background-size: 1.2rem 1.2rem;
	border: none;
}

.confirm-layer-title p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-box-flex: 1;
	-ms-box-flex: 1;
	height: 3rem;
	line-height: 3rem;
	margin-right: 1rem;
}

.confirm-layer-check {
	width: 60%;
	border: none;
	border-bottom: 1px solid #ddd;
	height: 3rem;
	/*font-size: 1.8rem;*/
	line-height: normal;
	display: block;
	color: #999;
	padding: 0 0.5rem;
}

.confirm-note {
	border-top: 1px solid #D3D8DD;
	height: auto;
	overflow: hidden;
	width: 100%;
	padding: 1rem 2%;
	border-bottom: 1px solid #D7DCE1;
	background-color: #FFF;
}

.confirm-note span {
	font-size: 1.6rem;
	color: #676767;
}

.confirm-note input {
	margin: 0 auto;
	width: 100%;
	border: none;
	height: 4rem;
	background-color: #FFF;
	border: 1px solid #D7DCE1;
	border-radius: 5px;
	margin-top: 1rem;
	padding: 0 1rem;
	font-size: 1.4rem;
}

.confirm-cost {
	height: auto;
	padding: 1rem 2%;
	overflow: hidden;
	margin-top: 1rem;
	background-color: #FFF;
	border-top: 1px solid #D7DCE1;
	margin-bottom: 4rem;
	border-bottom: 1px solid #D7DCE1;
}

.confirm-cost ul {
	height: auto;
	overflow: hidden;
}

.confirm-cost ul li {
	height: 3rem;
	line-height: 3rem;
	font-size: 1.6rem;
}

.confirm-cost ul li span {
	float: left;
	/*font-size: 2rem;*/
	color: #676767;
}

.confirm-cost ul li p {
	float: right;
	/*font-size: 2rem;*/
	color: #1CBB7F;
}

.confirm-pay-rem {
	position: relative;
}

.confirm-pay-selet {
	position: absolute;
	top: 0.7rem;
	right: 2%;
	width: 5rem;
	height: 3rem;
	vertical-align: middle;
	background: url(../img/flow_done_show.png) no-repeat;
	background-size: 100% 100%;
}

.confirm-pay-rem.active .confirm-pay-selet {
	background: url(../img/flow-done_select.png) no-repeat;
	background-size: 100% 100%;
}

.flow-main {
	margin-bottom: 4rem;
}


/*msg*/

.msg-con {
	padding: 0 2%;
}

.msg-icon {
	text-align: center;
	color: #fff;
	width: 8rem;
	height: 8rem;
	line-height: 8rem;
	margin: 6rem auto;
	background: #09BB07;
	border-radius: 50%;
}

.msg-icon i {
	display: block;
	margin: 0 auto;
	font-size: 8rem;
}

.msg-con h2 {
	text-align: center;
	margin-bottom: 1rem;
	font-size: 1.4rem;
	letter-spacing: 2px;
}

.msg-con .msg-btn {
	font-size: 1.6rem;
	color: #FFF;
	max-width: 620px;
	min-width: 310px;
	line-height: 2.5rem;
	background-color: #09BB07;
	border-radius: 5px;
	display: block;
	margin: 1rem auto;
	letter-spacing: 5px;
	text-align: center;
}


/*goods-list*/

.list-search-box {
	padding: 0 5px;
	overflow: hidden;
	width: 85%;
	height: 3rem;
	line-height: 3rem;
	margin: 0.5rem auto;
	background-color: #FDFDFD;
	border-radius: 5px;
	position: absolute;
	left: 2%;
}

.list-search-box i {
	font-size: 1.4rem;
	color: #8E9198;
	line-height: 3rem;
}

.list-search-box input {
	border: none;
	width: 80%;
	height: auto;
	height: 3rem;
	line-height: normal;
	font-size: 1.4rem;
	padding-left: 0.4rem;
	font-family: "微软雅黑";
}

.head-right {
	color: #FFF;
}

.head-right i {
	line-height: 4rem;
	font-size: 2rem;
}

.list-menu-bar {
	position: relative;
	width: 100%;
	height: 3.5rem;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #eee;
	border-right: none;
	border-left: none;
	overflow: hidden;
}

.list-menu-bar li {
	width: 20%;
	font-size: 1.2rem;
	color: #606266;
	line-height: 2.5rem;
	height: auto;
	float: left;
	text-align: center;
}

.list-menu-bar li.active a {
	font-size: 1.4rem;
	color: #1CBB7F;
}

.list-menu-bar-icon .list-menu-bar-up {
	position: absolute;
	top: 1.22rem;
	margin-left: 0.5rem;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0.5rem 0.4375rem 0.5rem;
	border-color: transparent transparent #606266 transparent;
}

.list-menu-bar-icon .list-menu-bar-down {
	position: absolute;
	top: 1.8rem;
	margin-left: 0.5rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.4375rem 0.5rem 0 0.5rem;
	border-color: #606266 transparent transparent transparent;
}

.goods-list-total {
	/*font-size: 1.4rem;*/
	line-height: 2rem;
}

.list-menu-bar-icon .list-menu-bar-down.active {
	border-color: #1CBB7F transparent transparent transparent;
}

.list-menu-bar-icon .list-menu-bar-up.active {
	border-color: transparent transparent #1CBB7F transparent;
}

.goods-list-goods ul {
	padding: 0 1rem;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.goods-list-goods li:last-child {
	border-bottom: none;
}

.goods-list-goods li {
	background: #fff;
	/*margin: 0 2%;*/
	padding: 1rem 0;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 1px dashed #eee;
	position: relative;
}

.goods-list-pic {
	width: 8rem;
}

.goods-list-pic img {
	width: 100%;
	height: 100%;
}

.goods-list-title {
	margin-left: 9rem;
}

.goods-list-title h1 {
	word-break: break-all;
	padding-right: 2%;
	font-size: 1.4rem;
	line-height: 1.6rem;
	color: #4f4f4f;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 4rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.goods-list-title h2 {
	color: #1CBB7F;
	font-size: 1.4rem;
	line-height: 2.2rem;
}

.goods-list-title p {
	width: 100%;
	color: #717171;
	font-size: 1rem;
	line-height: 1.4rem;
}

.goods-list-title p span {
	margin-right: 0.5rem;
}

.goods-list-title p span i {
	line-height: 1.4rem;
	font-size: 1rem;
}


/*增加active*/

.goods-list-goods.active ul {
	padding: 0;
	margin: 0.6rem 0.6rem 0 0.6rem;
	box-sizing: border-box;
	overflow: hidden;
	background: #F3F5F7;
}

.goods-list-goods.active ul li:nth-child(odd) {
	margin-right: 1%;
}

.goods-list-goods.active ul li {
	padding: 1rem;
	background: #fff;
	border: 1px solid #eee;
	width: 49.5%;
	float: left;
	margin-bottom: 0.3rem;
}

.goods-list-goods.active .goods-list-pic {
	width: 100%;
	margin-bottom: 1rem;
}

.goods-list-goods.active .goods-list-title {
	margin-left: 0;
}

.goods-list-goods.active .goods-list-title h1 {
	-webkit-line-clamp: 1;
	/*line-height: 1.4rem;*/
}


/*flow_order*/

.flow-order-list,
.flow-order-list li,
.order-title {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.flow-order-list li {
	border-top: 1px solid #D7DCE1;
	margin-bottom: 1rem;
	background: #fff;
}

.order-title {
	padding: 0 2%;
	color: #555;
	line-height: 3rem;
	font-size: 1.2rem;
	border-bottom: 1px solid #E8ECEF;
}

.order-title p {
	color: #3F3F3F;
	font-weight: 400;
}

.order-title a i {
	font-size: 1.4rem;
	color: #555;
	overflow: hidden;
}

.order-title a span {
	font-size: 1.2rem;
	margin-left: 0.5rem;
}

.order-content {
	height: 100%;
	width: 100%;
	overflow-x: scroll;
	position: relative;
}

.order-content ul {
	height: 100%;
	width: 250%;
}

.order-content ul li {
	height: 100%;
	width: 10%;
	margin: 0rem 1rem;
	padding: 1rem 0;
}

.order-content ul li img {
	width: 100%;
	max-height: 148px;
}

.order-content a {
	position: absolute;
	padding-right: 2%;
	font-size: 1.6rem;
	display: block;
}

.order-total {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.order-total {
	border-bottom: 1px solid #D7DCE1;
	line-height: 3rem;
	overflow: hidden;
	padding: 0 2%;
}

.order-total-left {
	font-size: 1.2rem;
	color: #4E4E4E;
}

.order-total span {
	font-size: 1.4rem;
	color: #4B4B4B;
}

.order-total-right {
	font-size: 1.2rem;
	color: #605F5F;
}

.flow-order-list .confirm-view {
	border-top: none;
	border-bottom: 1px solid #E8ECEF;
}

.flow-order-list .confirm-view div {
	width: 90%;
}

.flow-order-list .confirm-view li {
	border-top: none;
}

.order-total button[type=button] {
	font-size: 1.2rem;
	background-color: #FFF;
	border: 1px solid #1CBB7F;
	margin: 0.4rem;
	height: 2.2rem;
	padding: 0 0.75rem;
	color: #1CBB7F;
}


/*flow-order-info*/

.confirm-number,
.confirm-number li {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.confirm-number {
	margin-bottom: 1rem;
	background: #fff;
	padding: 0 2%;
	border-top: 1px solid #D7DCE1;
	border-bottom: 1px solid #D7DCE1;
}

.confirm-number li {
	height: 4rem;
	line-height: 4rem;
	border-bottom: 1px solid #D7DCE1;
	font-size: 1.4rem;
	color: #3F3F3F;
}

.confirm-number li:last-child {
	border-bottom: none;
}

.confirm-number-status {
	color: #1CBB7F;
}

.confirm-number-follow i {
	font-size: 1.4rem;
}

.order-info-address {
	background: #fff;
	margin-bottom: 1rem;
	padding: 0 2%;
}

.confirm-info {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background: #F3F5F7;
	margin-top: 1rem;
}

.confirm-info ul:not(:last-child) {
	background: #fff;
	margin-bottom: 1rem;
}

.confirm-info li {
	line-height: 4rem;
	border-bottom: 1px solid #D7DCE1;
}

.confirm-pay-info {
	background: #fff;
	border-top: 1px solid #D7DCE1;
	padding: 0 2%;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 1px solid #D7DCE1;
}

.confirm-pay-info li:last-child {
	border-bottom: none;
}

.confirm-pay-info li {
	box-sizing: border-box;
	overflow: hidden;
}

.confirm-pay-info li {}

.confirm-info-left {
	font-size: 1.6rem;
	color: #676767;
	float: left;
}

.confirm-info-right {
	font-size: 1.4rem;
	text-align: right;
	float: right;
}

.confirm-info-right span {
	margin-top: 0.5rem;
	display: block;
	color: #1CBB7F;
}

.cart-footer button.del-btn {
	margin-right: 1rem;
	color: #1CBB7F;
	background: #fff;
}

.order-info-address span {
	width: 100%;
	margin-bottom: 0.5rem;
}


/*activity-category*/

.activity-banner,
.activity-info,
.activity-info ul {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.activity-banner img {
	width: 100%;
	height: 100%;
}

.activity-info {
	margin-bottom: 1rem;
}

.activity-info ul {
	background: #fff;
	padding: 0 2%;
	border-top: 1px solid #d7dce1;
	border-bottom: 1px solid #d7dce1;
}

.activity-info ul li {
	padding: 1rem 0;
	border-bottom: 1px solid #eef1f4;
	color: #686868;
}

.activity-info ul li:last-child {
	border-bottom: none;
}

.activity-info ul li p {
	font-size: 1.4rem;
}

.activity-info ul li p span {
	color: #474646;
}

.activity-info ul li.activity-info-range p {}

.activity-info ul p.activity-info-brand {
	margin-top: 0.5rem;
	color: #474646;
}

.activity-info ul .activity-info-brand span {
	color: #1CBB7F;
	margin-left: 0.5rem;
}

.activity-con .goods-list-goods.active {
	border-top: 1px solid #eef1f4;
	background: #fff;
}

.activity-con .goods-list-goods.active ul {
	background: #fff;
	margin-top: 0;
	margin-bottom: 0;
}

.activity-con .goods-list-total {
	color: #5b5c61;
	line-height: 3rem;
	padding-left: 0.6rem;
	font-size: 1.6rem;
}


/*activity-index*/

.activity-index-list,
.activity-index-top,
.activity-index-bottom {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.activity-index-list {
	border-top: 1px solid #d7dce1;
	border-bottom: 1px solid #d7dce1;
	margin-bottom: 1rem;
}

.activity-index-top {
	position: relative;
}

.activity-index-top img {
	width: 100%;
	height: 100%;
}

.activity-list-title {
	padding-right: 2%;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	font-size: 1.4rem;
	width: 100%;
	text-align: right;
	position: absolute;
	bottom: 0;
	z-index: 10;
	left: 0;
	line-height: 3rem;
}

.activity-index-bottom p {
	font-size: 1.6rem;
	line-height: 4rem;
	padding-left: 2%;
	color: #3c3c3c;
	background: #fff;
}


/*exchange_index*/

.exchange-con .list-menu-bar li {
	width: 25%;
}

.goods-list-exchange {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.goods-list-exchange del {
	margin-left: 0.5rem;
	color: #909090;
	font-size: 1.2rem;
	line-height: 2.2rem;
}

.goods-exchange {
	color: #1CBB7F;
	font-size: 2rem;
	line-height: 3rem;
	padding: 0 2%;
	/*border-bottom: 1px solid #D7DCE1;*/
}

.goods-list {
	border-top: 1px solid #D7DCE1;
}

.exchange-con .description-cont {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	padding-bottom: 5rem;
	background: #fff;
}

.brand-description-title {
	color: #4f5050;
	font-size: 1.8rem;
	text-align: center;
	line-height: 4rem;
}

.exchange-con .brand-footer button[type=button] {
	width: 100%;
}


/*groupbuy-goods*/

.goods-list li.groupbuy-time p {
	color: #1CBB7F;
}


/*user-history*/

.history-con .brand-footer button[type=button] {
	width: 100%;
}

.history-con .main {
	padding-bottom: 4rem;
}


/*index*/

.index-main header a {
	height: 4rem;
	line-height: 4rem;
	width: 10%;
	box-sizing: border-box;
	overflow: hidden;
}

.index-main header a i {
	font-size: 2rem;
}

.index-main header .header-search {
	width: 78%;
	margin-left: 1%;
}

.index-main .goods-info {
	height: auto;
}

.index-menu {
	margin: 0 auto;
	padding: 1.5% 2%;
	background-color: #FFF;
	overflow: hidden;
	margin-bottom: 1rem;
}

.index-menu ul li {
	width: 21%;
	margin: 1% 2%;
	background-color: #FFF;
}

.index-menu ul li img {
	max-height: 100%;
	width: 60%;
	margin: 0 auto;
	display: block;
}

.index-menu ul li .index-menu-text {
	font-size: 1.2rem;
	color: #4C4D51;
	display: block;
	text-align: center;
	padding-top: 0.5rem;
}

.index-buy,
.index-buy-list {
	width: 100%;
	box-sizing: border-box;
}

.index-buy {
	/*padding: 0 2%;*/
	background-color: #FFF;
	margin-bottom: 1rem;
}

.index-buy-content {
	margin: 0 2%;
	/*width: 100%;*/
	box-sizing: border-box;
	overflow: hidden;
	line-height: 3rem;
	font-size: 1.4rem;
	color: #5A5C60;
	font-weight: 400;
	border-bottom: 1px solid #F0F2F7;
}

.index-buy-content h3 {
	line-height: 3rem;
}

.index-buy-more {
	color: #737478;
	font-size: 1.2rem;
}

.index-buy-more i {
	font-size: 1.4rem;
	padding-left: 0.1rem;
}

.index-buy-bottom {
	margin: 0 2%;
	height: 100%;
	/*width: 100%;*/
	background: #fff;
}

.index-buy-bottom .swiper-pagination {
	bottom: 3px;
}

.index-buy-bottom .swiper-pagination-bullet {
	width: 1.5rem;
	height: 0.2rem;
	border-radius: 0;
}

.index-buy-list {
	background: #fff;
	height: 100%;
	width: 100%;
	padding: 1rem 0;
}

.index-buy-list li {
	background: #fff;
	float: left;
	height: 100%;
	text-align: center;
	width: 29.3%;
	padding-bottom: 0.93rem;
}

.index-buy-list li img {
	width: 95%;
	/*max-height: 90px;*/
}

.index-buy-list .index-buy-title {
	font-size: 1.2rem;
	padding: 0.5rem 0 0 0;
	color: #545558;
	font-weight: 400;
	overflow: hidden;
	line-height: 1.6rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index-buy-list .index-buy-price {
	padding: 0.3rem 0;
	font-size: 1.2rem;
	color: #1CBB7F;
	text-align: center;
}

.index-buy-list .index-buy-discount {
	padding: 0.2rem 1rem;
	font-size: 1rem;
	border-radius: 15px;
	background-color: #1CBB7F;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 0.15rem;
}

.index-brand {
	margin: 0 auto;
	padding: 0 2%;
	background-color: #FFF;
	margin-bottom: 0.6rem;
	overflow: hidden;
}

.index-brand h3 {
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.4rem;
	color: #5A5C60;
	font-weight: 400;
	border-bottom: 1px solid #F0F2F7;
}

.index-brand-left {
	width: 50%;
	border-right: 1px solid #F0F2F7;
}

.index-brand-left img {
	width: 100%;
	max-height: 274px;
	max-width: 272.6px;
}

.index-brand-right {
	width: 50%;
}

.index-recom-right-in:not(:last-child) {
	border-bottom: 1px solid #F0F2F7;
}

.index-recom-right-in img {
	width: 100%;
	max-height: 157px;
	max-width: 307.2px;
}

.index-brand-bottom {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.index-brand-list {
	display: block;
	width: 73%;
	height: auto;
	height: 11rem;
	overflow-x: scroll;
}

.index-brand-logo {
	min-width: 250%;
	height: 100%;
}

.index-brand-logo li {
	height: 100%;
	display: block;
	width: 20%;
	padding-bottom: 1rem;
	float: left;
}

.index-brand-logo li img {
	width: 100%;
	height: 100%;
}

.index-brand-bottom-more {
	width: 27%;
	height: auto;
	max-height: 11rem;
}

.index-brand-bottom-more img {
	width: 100%;
	height: 100%;
}

.index-more-goods {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.index-more-title {
	margin: 0 auto;
	background: url(../img/index-more-icon1.gif) no-repeat center;
	font-size: 1.4rem;
	color: #656870;
	line-height: 4rem;
	width: 96%;
	display: block;
	text-align: center;
}


/*auction*/

.goods-list-auction {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	color: #363636;
	font-size: 1.4rem;
	line-height: 2rem;
}

.goods-list-auction h2 {
	line-height: 2rem;
}

.auction-footer {
	padding: 0 2%;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 4;
	overflow: hidden;
	margin: 0 auto;
	height: 4rem;
	bottom: 0;
	z-index: 4;
	background-color: #e3e3e3;
}

.auction-footer-left {
	width: 80%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.auction-footer-left input[type=text] {
	height: 3rem;
	margin-top: 0.5rem;
	line-height: normal;
	width: 80%;
	border: none;
	background: #fff;
	padding-left: 0.5rem;
	color: #8F8F8F;
	border-radius: 5px 0 0 5px;
	font-size: 1.4rem;
}

.auction-footer-left button {
	width: 20%;
	height: 3rem;
	color: #fff;
	margin-top: 0.5rem;
	background: #1CBB7F;
	border-radius: 0 5px 5px 0;
	font-size: 1.6rem;
	text-align: center;
}

.auction-footer-record {
	width: 20%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	line-height: 4rem;
	text-align: right;
	font-size: 1.2rem;
	color: #6b6b6b;
}

.goods-list li.goods-list-auction-time p {
	color: #1CBB7F;
}

.auction-layer {
	min-height: 100%;
	overflow: hidden;
	background: #f3f5f7;
	box-sizing: border-box;
	width: 100%;
}

.auction-layer-list {
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	position: fixed;
	top: 0;
	right: -110%;
	z-index: 10;
	height: 100%;
	background-color: #FFF;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

.auction-layer-list.active {
	right: 0;
}

.auction-layer-list ul {
	padding: 0 2%;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #D7DCE1;
}

.auction-layer-list ul li {
	line-height: 4rem;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 1.2rem;
	color: #494949;
}

.auction-layer-list li:not(:last-child) {
	border-bottom: 1px solid #e6e9ec;
}

.auction-layer-user {
	max-width: 30%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.auction-layer-back {
	margin: 1.5rem 2%;
	font-size: 1.4rem;
	color: #fff;
	background: #1CBB7F;
	height: 3rem;
}


/*auction*/

.auction-msg {
	color: #919191;
}


/*snatch-info*/

.goods-list li.goods-list-snatch {
	line-height: normal;
}

.goods-list li.goods-list-snatch p {
	line-height: 2.5rem;
	padding-left: 0;
	color: #4c4c4c;
	font-size: 1.2rem;
}

.goods-list li.goods-list-snatch p.goods-list-snatch-description {
	color: #717171;
	font-size: 1.4rem;
}


/*flow-done*/

.success-message,
.success-list {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.success-message {
	text-align: center;
	line-height: 15rem;
	position: relative;
	border-bottom: 1px solid #D7DCE1;
	background-color: #FFF;
	margin-bottom: 1rem;
}

.success-message i {
	margin-right: 0.5rem;
	color: #FFF;
	background-color: #1CBB7F;
	border-radius: 50%;
}

.success-message span {
	font-size: 1.8rem;
	color: #1CBB7F;
}

.success-list {
	background-color: #FFF;
	border-top: 1px solid #D7DCE1;
	border-bottom: 1px solid #D7DCE1;
	padding: 3% 4%;
}

.success-list li {
	line-height: 2.5rem;
	font-size: 1.4rem;
	overflow: hidden;
}

.success-list li span {
	color: #686868;
	float: left;
}

.success-list li p {
	color: #313131;
	float: right;
}

.success-btn button[type=button] {
	width: 65%;
	font-size: 1.4rem;
	color: #FFF;
	background-color: #1CBB7F !important;
	margin: 1.5rem auto;
	padding: 0.6rem 0.8rem;
	display: block;
}

.success-btn p {
	text-align: center;
	font-size: 1.2rem;
	color: #676767;
	/*margin-left: 5%;*/
}

.success-btn p a {
	color: #1CBB7F;
}


/*cart-fitting*/

.cart-fittings-add {
	/*	margin-top: 1rem;*/
	padding: 0.3rem 0.625rem;
	background-color: #DEDEDE;
	border-radius: 5px;
	width: auto;
	color: #5F5F5F;
}

.cart-fittings ul li h1 {
	margin-bottom: 1.5rem;
}


/*page-button*/

.goods-list-page {
	padding-top: 0.5rem;
	background: #fff;
	position: fixed;
	bottom: 0rem;
	height: 4rem;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	font-size: 1.4rem;
}

.goods-list-page button {
	height: 3rem;
	background: #1CBB7F;
	margin: 0 1rem;
	color: #fff;
	font-size: 1.4rem;
}

.goods-list-page span {
	display: inline-block;
	width: 10rem;
	color: #717171;
	font-size: 1.6rem;
}

.auction-goods {
	margin-bottom: 4rem;
}


/*wholesale*/

.wholesale-header {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.wholesale-header {
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	padding: 0.8rem 2%;
	height: 4rem;
	overflow: hidden;
}

.wholesale-header ul {
	width: 100%;
	height: 100%;
}

.wholesale-header ul li {
	width: auto;
	height: auto;
	float: left;
	line-height: 2.4rem;
	color: #4c4c4c;
	padding: 0 0.8rem;
	border-radius: 5px;
	margin-right: 0.5rem;
}

.wholesale-header ul li.active {
	background: #1CBB7F;
	color: #fff;
}

.wholesale-header ul li.active a {
	color: #fff;
}

.wholesale-header ul li a {
	width: 100%;
	height: 100%;
	font-size: 1.4rem;
}

.wholesale-detail,
.catrgory-tab-cont {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.wholesale-tab {
	border-bottom: 1px solid #D3D8DD;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
}

.wholesale-tab li:first-child {
	padding-left: 2%;
}

.wholesale-tab li {
	white-space: nowrap;
	background: #fff;
	line-height: 4rem;
	font-size: 1.4rem;
	color: #717171;
	line-height: 4rem;
	padding-right: 1rem;
	float: left;
}

.wholesale-tab li.active a {
	color: #1CBB7F;
}
.wholesale-tab-cont {
	padding: 0 2%;
	display: none;
}

.wholesale-tab-cont.active {
	display: block;
}
.wholesale-goods {
	margin-top: 4.6rem;
	display: none;
}
.wholesale-goods.select {
	display: block;
}

.wholesale-goods-title {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0.5rem 0.6rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
}

.wholesale-goods-title h1 {
	line-height: 1.6rem;
	padding-left: 0.2rem;
	border-left: 3px solid #1CBB7F;
}

.wholesale-goods-title span i {
	font-size: 1.4rem;
}
.wholesale-goods-range,
.wholesale-content,
.wholesale-price-discount,
.wholesale-price-line {
	width: 100%;
	box-sizing: border-box;
	/*overflow: hidden;*/
}
.wholesale-content {
	min-width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
}
.wholesale-content {
	overflow: hidden;
	width: 100%;
	height: auto;
	overflow-x: scroll;
	overflow-y: hidden;
	background: url(../img/line.png) center right no-repeat;
	background-size: 100% .8rem;
	position: relative;
}
.wholesale-content::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}
.wholesale-content ul {
	white-space: nowrap;
	background: url(../img/line-left.png) center repeat-x;
	background-size: auto .1rem;
}
.wholesale-content li {
	margin-right: 0.5rem;
	display: inline-block;
}
.wholesale-content li:first-child{
	margin-left: 1.5rem;
}
.wholesale-content li span {
	display: block;
	margin: 1.6rem 0;
}
.fd-cny {
	color: #1CBB7F;
}
.wholesale-content li {
	background-size:0.8rem;
	background: url(../img/point.png) center left no-repeat;
}
.wholesale-con .description-cont {
	margin-top: 0;
	padding-bottom: 4rem;
}

.wholesale-footer {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0 2%;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 4;
	overflow: hidden;
	margin: 0 auto;
	height: 4rem;
	bottom: 0;
	z-index: 4;
	background-color: #383838;
	background-color: #e3e3e3;
}

.wholesale-footer button {
	font-family: "Microsoft YaHei", 微软雅黑，Verdana, Helvetica, Arial, sans-serif;
	margin-top: 0.5rem;
	padding: 0;
	font-size: 1.6rem;
	color: #FFF;
	line-height: 3rem;
	width: 30%;
	background-color: #1CBB7F;
	text-align: center;
}

button.add-cart {
	background: #d37919;
	margin-right: 4%;
}

/*flow-checkout-goods*/
.checkout-goods-list,.checkout-goods-list li,.checkout-goods-list li a,.checkout-goods-total{
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.checkout-goods-list{
	border-bottom: 1px solid #D7DCE1;
}
.checkout-goods-list li{
	position: relative;
	background: #fff;
}
.checkout-goods-list li:not(:last-child){
	border-bottom: 1px dashed #EFEFEF;
}
.checkout-goods-list li a{
	display: block;
	padding: 1rem 2%;
}
.checkout-goods-list li img{
	width: 25%;
    margin-right: 2%;
    display: block;
    float: left;
}
.checkout-goods-list li h2{
	color: #4f4f4f;
	word-break:break-all;
	font-size: 1.2rem;
	line-height: 1.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.5rem;
}
.checkout-goods-price,.checkout-goods-property{
	box-sizing: border-box;
	overflow: hidden;
}
.checkout-goods-price{
	margin-top: 5%;
}
.checkout-goods-price p{
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.6rem;
	color: #1CBB7F;
}
.checkout-goods-price p span{
	float: right;
	margin-left: 0.5rem;
	font-size: 1rem;
	color: #686868;
}
.checkout-goods-property{
	position: absolute;
	bottom: 1rem;
	left: 28%;
	font-size: 1rem;
	color: #686868;
}
.checkout-goods-total{
	color: #4f4f4f;
	padding: 1rem 2%;
	text-align: right;
	font-size: 1.4rem;
}
.checkout-goods-total span{
	color: #1CBB7F;
}



















@media all and (min-width: 450px){
	/*.checkout-goods-price,.checkout-goods-property{
		margin-top: 4%;
	}*/
}

@media (max-width: 400px) and (min-width: 340px) {
	.confirm-view p {
		right: 8%;
	}
}

@media (min-width: 300px) and (max-width: 340px) {
	.article-comment-name h1 {
		width: 30%;
	}
}


/*media*/

@media all and (min-width: 640px) {
	html {
		font-size: 13px;
	}
}

@media (min-width: 500px) and (max-width: 640px) {
	html {
		font-size: 13px;
	}
}

@media (min-width: 400px) and (max-width: 500px) {
	html {
		font-size: 13px;
	}
}

@media (min-width: 340px) and (max-width: 400px) {
	html {
		font-size: 12px;
	}
}

@media all and (max-width: 340px) {
	html {
		font-size: 10px;
	}
}