.nav-container li, .swipe_slide li, .web_menu li {
	box-sizing: border-box;
	float: left
}
.error_txt, .hot_list li a, .loading, .parthd, .swipe_nav, .web_menu li, .web_menu li a {
	text-align: center
}
.loading {
	padding-top: 30px;
	color: #999;
	padding-left: 15px
}

.web_menu {
	background-color: #fff
}
.web_menu ul {
	border: solid #eee;
	border-width: 5px 0
}
.web_menu li {
	width: 25%;
	padding: 5px 0 3px
}
.web_menu li a {
	display: block;
	width: 35px;
	height: 35px;
	font-size: 12px;
	color: #666;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: 80%;
	margin: 0 auto
}
.web_menu li span {
	display: inline-block;
	padding: 5px 0;
	font-size: 12px
}
.web_menu li a img {
	width: 100%;
	height: 100%
}
.parthd {
	padding: 5px 0
}
.parthd strong {
	font-size: 16px
}
.parthd span {
	font-size: 10px;
	color: #666;
	margin-left: 10px
}
.partbd {
	margin: 0 10px
}
.active_list p {
	border: 1px solid #F3F3F3;
	margin-bottom: 8px
}
.active_list img {
	width: 100%;
	min-height: 187px;
	background: url() center center no-repeat #fff;
	background-size: 80%;
	vertical-align: top
}
.hot_list {
	background-color: #fff
}
.hot_list li a img, .items_list li a img {
	background: url() center center no-repeat #fff
}
.hot_list li {
	border-top: solid 1px #f0f0f0;
	position: relative
}
.hot_list li a {
	display: block;
	margin-bottom: 15px;
	text-align: left;
}
.hot_list li a img {
	display: block;
	margin: 0 auto;
	width: 100%;
	background-size: 80%;
	vertical-align: top
}
.hot_list li a .now {
	color: #f66
}
.hot_list li a .now em {
	font-size: 20px;
	font-weight: 700
}
.hot_list li a .old {
	text-decoration: line-through;
	margin: 0 5px
}
.hot_list li a .info {
	color: #bbb;
	padding: 0 10px;
}
.hot_list li a .price {
	color: #bbb;
	padding: 8px 10px;
}
.hot_list li a .button {
	color: #fff;
	border-radius: 20px;
	background: #ff666b;
	display: inline-block;
	padding: 7px 12px;
	box-shadow: 0 2px 8px 0 #ff666b;
	margin-left: 10px;
	float: right;
}
.hot_list li a h2 {
	font-weight: 700;
	line-height: 23px;
	height: 23px;
	margin: 5px 0;
	padding: 0 10px;
	overflow: hidden
}
.floor {
	width: 100%;
	float: left;
	background: #fff;
	margin-bottom: 12px;
	box-shadow: 0 1px 1px #eee;
}
.left_line, .right_line {
	width: 25%;
	height: 25px;
	border-bottom: 1px solid #c5c5c5;
	float: left;
}
.left_line {
	margin-left: 12%;
}
.right_line {
	margin-right: 12%;
}
.line_con {
	width: 26%;
	height: 50px;
	color: black;
	float: left;
	text-align: center;
	margin: 0px;
}
.line_con span {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	color: #252525;
	vertical-align: middle;
	font-size: 16px;
}
ul.love-list {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	content: '\20';
	display: block;
	clear: both;
	
}
ul.love-list li {
	width: 50%;
	float: left;
	padding: 14px 6.875% 0 6.875%;
	box-sizing: border-box;
}
ul.love-list li a {
	width: 100%;
	float: left;
}
ul.love-list li a img {
	width: 100%;
}
ul.love-list li span.seckill-price {
	width: 100%;
	float: left;
	display: block;
	color: #666;
	font-size: 12px;
	text-align: left;
	height: 30px;
	line-height: 15px;
	overflow: hidden;
	margin: 10px 0 0 0;
}
ul.love-list li span.seckill-discount {
	width: 100%;
	float: left;
	background: #f5f5f5;
	min-width: 62px;
	margin: 8px auto;
	line-height: 15px;
	text-align: center;
	display: block;
	color: #ff5b5b;
	font-size: 12px;
	padding: 3px 0;
}

.article {
	background: #fff;
	height:4rem;
	position: relative;
	padding: .5rem 0 .5rem .5rem;
	margin: 0 0 .6rem 0;
}

.article .user_tx {
	width: 20%;
	float: left;
}

.article .user_tx img {
	width: 4rem;
	height: 4rem;
	border-radius: .3rem;
}

.article .cont {
	width: 54%;
	float: left;
	padding: .1rem 0 0 2%;
}

.article .cont h2 {
	font-size: 1.05rem;
	line-height: 1.2;
}

.article .cont h5 {
	color: #999;
	font-size: .9rem;
	position: absolute;
	bottom: .6rem;
}

.article .button {
	float: right;
	width: 20%;
	height: 5.5rem;
	position: relative;
	top: -.5rem;
	background: #F9F7FF;
	font-size: .9rem;
	text-align: center;
}

.article .button a {
	display: inline-block;
	width: 82%;
	height: 1.6rem;
	margin-top: .5rem;
	line-height: 1.6rem;
	border: 1px solid #00ACED;
	border-radius: 2px;
	color: #00ACED;
}

.article .button> a:last-child {
	border-color: #47619D;
	color: #47619D;
}

.article .button .ring_on {
	background: #00ACED;
	color: #fff!important;
}


/*  弹窗  */

.white_xufei {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	/*opacity: .7;*/
}

.renew {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 1);
	overflow: hidden;
	/*border: 1px solid #dbdbdb;*/
	z-index: 10002;
	min-height: 13rem;
}

.renew h3 {
	text-indent: 1.2rem;
	color: #000;
	line-height: 3.2rem;
	position: relative;
	font-size: 1.2rem;
	height: 3.2rem;
	border-bottom: 1px solid #EAEAEA;
}

.renew h3 i {
	font-size: 2rem;
	float: right;
	margin-right: 5%;
	line-height: 2rem;
	margin-top: .5rem;
}

.renew p {
	text-align: center;
	min-height: 4rem;
	padding: 1rem 0 0 0;
	font-size: 1.1rem;
	color: #444
}

.renew .ma_width {
	width: 80%;
	margin: 0 auto;
	padding: .2rem 0;
}

.renew .ma_width .ma {
	height: 3rem;
	line-height: 3rem;
	margin: .2rem 0 0 0;
	border-bottom: 1px solid #CBCBCB;
	font-size: 1.1rem;
}

.renew .ma_width .ma input[type="text"] {
	outline: none;
	font-size: 1.1rem;
	-webkit-appearance: none;
	margin-left: 3%;
	width: 68%;
	font-family: "Microsoft YaHei";
	color: #333;
	border: none;
	background: none;
	height: 2rem;
	line-height: 2rem;
	text-align: left;
}

.renew .ma_width a {
	background: #3473EB;
	color: #fff;
	display: block;
	width: 56%;
	line-height: 2;
	border-radius: .3rem;
	text-align: center;
	font-size: 1rem;
	margin: .6rem auto;
}

.renew .ma_width .ma em {
	background: #3473EB;
	display: inline-block;
	padding: 0 3%;
	height: 2rem;
	line-height: 2rem;
	border-radius: .3rem;
	color: #fff;
	position: relative;
	top: -.2rem;
	left: 3%;
}

.renew .data {
	padding: 0 0 1rem 8%;
}

.data a {
	border: 1px solid #DFDFDF;
	display: inline-block;
	color: #333;
	padding: 1.5% 3%;
	/*    box-shadow: 0px 0px 2px #ccc inset;*/
	margin: .6rem 2% 0;
}

.data a:hover {
	/* border-color:#F55E0F; */
}

.data a.cur {
	border-color: #f00;
	background: url() no-repeat right top;
}

.data a span {
	color: #f00;
}

.fa {
display: inline-block;
font: normal normal normal 14px/1 luecs;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.fa-remove:before, .fa-close:before, .fa-times:before {
content: "\e6dc";
}

 #DianXin a.buy{
            display: block;
            width: 92%;
            margin:0 auto .5rem;
            text-align: center;
            line-height: 2.7;
            background: #3473EB;
            color:#fff;
            border-radius: .3rem;
        }