/******************************/
/* Reset style! */
/******************************/
[v-cloak] {
  display: none;
}
.mobile-wraper {
	background:#F9F9F9;
}
.mobile-fixed .box {
	z-index:999;
	box-shadow:none;
	border-top:0.01rem solid #9EA09F;
}
.footer-nav li > a {
	color:#000;
	white-space:nowrap;
	padding:0.06rem 0;
}
.footer-nav li.on > a {
	color:#3086BF;
}
.footer-nav li > a:before {
	width:0.25rem;
	height:0.24rem;
	margin:0.02rem auto;
}
input.text {
	outline:none;
}
.mobile-table tr td:first-child {
	white-space:nowrap;
}

/******************************/

.mobile-header {
	position:relative;
	left:0;
	right:0;
	z-index:999;
	max-width:520px;
	height:0.5rem;
	line-height:0.5rem;
	margin:0 auto;
}
.mobile-header .mobile-serach {
	padding:0.05rem 0.55rem 0 0.48rem;
}
.mobile-header .mobile-serach .text {
	font-size:0.15rem;
	border-color:#CCC;
	border-radius:0.05rem;
}

/******************************/

.mobile-header .mobile-serach2 {
	position:relative;
	padding-top:0.05rem;
	margin:0 0.55rem 0 1rem;
}
.mobile-header .mobile-serach2 .camera {
	position:absolute;
	top:50%;
	right:0;
	display:block;
	width:0.4rem;
	height:0.4rem;
	margin-top:-0.225rem;
	background:url(../images/mobile/icon-camera.png) no-repeat center 50%;
	background-size:auto 0.2rem;
}
.mobile-header .mobile-serach2:after {
	content:'';
	position:absolute;
	top:50%;
	left:0.05rem;
	display:block;
	width:0.2rem;
	height:0.2rem;
	margin-top:-0.125rem;
	background:url(../images/icon-search.png) no-repeat 0 50%;
	background-size:auto 0.2rem;
}
.mobile-header .mobile-serach2 .text {
	font-size:0.15rem;
	padding-left:0.28rem;
	border-color:#CCC;
}
.mobile-header .logo2 {
	overflow:hidden;
	display:block;
	width:0.8rem;
	height:0.4rem;
	line-height:0.4rem;
	margin:0.1rem 0 0 0.1rem;
}

/******************************/

.mobile-header .back,
.mobile-header .home,
.mobile-header .search,
.mobile-header .favorite, 
.mobile-header .message {
	padding:0.16rem 0.15rem;
}
.mobile-header .value.more,
.mobile-header .value.msg {
	line-height:0.2rem;
	padding-top:0.25rem;
	padding-bottom:0.05rem;
	background:url(../images/mobile/header-more.png) no-repeat center 0.07rem;
	background-size:auto 0.18rem;
}
.mobile-header .value.msg {
	background-image:url(../images/mobile/header-msg.png);
}
.mobile-header .back2:before {
	opacity:0.4;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
	background-image:url(../images/icon-arrow2.png);
}
.mobile-header.bg-color {
	background:#2F3030;
}
.mobile-header.bg-color .back2:before {
	opacity:0.6;
	background-image:url(../images/icon-arrow3.png);
}

/******************************/

.flex-control-nav li {
	margin:0 0.03rem;
}
.flex-control-nav a {
	width:0.08rem;
	height:0.08rem;
	opacity:0.9;
	border-radius:50%;
	background:#FFF;
}
.flex-control-nav .flex-active {
	opacity:1;
	background:#FC0202;
}

/******************************/

.enterprise-level i {
	display:inline-block;
	width:0.2rem;
	height:0.2rem;
	background:url(../images/mobile/shop-level.png) no-repeat center 50%;
	background-size:0.16rem auto;
}

/******************************/

.mobile-onload {
	position:relative;
	text-align:center;
	font-size:0.12rem;
	padding:0.2rem 0 0.4rem 0;
	background:#DEDEDC;
}
.mobile-onload:before {
	content:'';
	display:block;
	position:absolute;
	top:0.3rem;
	left:0;
	right:0;
	border-bottom:0.01rem solid #666;
}
.mobile-onload i {
	position:relative;
	display:inline-block;
	padding:0 0.5em;
	background:#DEDEDC;
}

/******************************/

.shade-white {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1111;
	opacity:0.8;
	background:#FFF;
}

/******************************/
/* Layout style! */
/******************************/

.layout {
	position:relative;
}
.layout.e6:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	z-index:-1;
	display:block;
	width:0.9rem;
	background:#E6E6E6;
}
.layout:after {
	content:'';
	display:block;
	line-height:0;
	clear:both;
	visibility:hidden;
}
.layout .menu {
	float:left;
	width:0.9rem;
	margin-right:-100%;
}
.layout .main {
	margin-left:0.9rem;
	padding:0 0.1rem;
}
.layout .main-title {
	position:relative;
	display:block;
	font-size:0.18rem;
	padding:0.08rem 0 0.08rem 0.15rem;
}
.layout .main-title:before {
	content:'';
	position:absolute;
	top:50%;
	left:0.03rem;
	display:block;
	width:0;
    height:0;
	margin-top:-0.04rem;
    border-top:0.04rem solid transparent;
    border-bottom:0.04rem solid transparent;
    border-left:0.05rem solid #3086BF;
}
.layout .main-title:after {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	display:block;
	height:0.22rem;
	margin-top:-0.11rem;
	border-left:0.04rem solid #3086BF;
}

/******************************/

.layout.position .menu {
	position:fixed;
	top:0;
	left:0;
	bottom:0.6rem;
	overflow-y:scroll;
	width:0.9rem;
	background:#E6E6E6;
}
.layout.position .main-title {
	position:fixed;
	top:0;
	left:0.9rem;
	right:0;
	opacity:0.97;
	padding-left:0.25rem;
	border-bottom:0.01rem solid #EEE;
	box-shadow:0 0.1rem 0.1rem RGBA(0, 0, 0, 0.05);
	background:#F9F9F9;
}
.layout.position .main-title:before,
.layout.position .main-title:after {
	margin-left:0.1rem;
}

/******************************/
/* Login-user style! */
/******************************/

.login-user {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:85%;
	max-width:4rem;
	margin:0 auto;
	margin-top:-2.6rem;
}
.login-user .name {
	width:0.7rem;
	height:0.7rem;
	line-height:0.7rem;
	color:#FFF;
	text-align:center;
	font-size:0.21rem;
	margin:0 auto;
	border:0.02rem solid #FFF;
	border-radius:50%;
	background:#007BC3;
}
.login-user .title span {
	display:block;
	height:0.4rem;
	line-height:0.4rem;
	color:#FFF;
	text-align:center;
	margin-top:0.2rem;
	border-radius:0.05rem;
	background:#007BC3;
}
.login-user .main {
	padding:0 0.2rem;
	margin-top:0.2rem;
	border-radius:0.05rem;
	background:#FFF;
}
.login-user .user,
.login-user .password {
	position:relative;
	padding:0.1rem 0 0.1rem 0.26rem;
	border-bottom:0.01rem solid #BFBFBF;
	background:url(../images/mobile/login-user.png) no-repeat 0 50%;
	background-size:0.2rem auto;
}
.login-user .password {
	border-bottom:0;
	background-image:url(../images/mobile/login-password.png);
	background-size:0.18rem auto;
}
.login-user .user .text,
.login-user .password .text {
	outline:none;
	border:0;
}
.login-user .forget {
	text-align:right;
}
.login-user .forget a {
	display:inline-block;
	color:#FFF;
	font-size:0.15rem;
	padding:0.08rem 0;
}
.login-user .login-btn,
.login-user .reg-btn {
	width:100%;
	height:0.44rem;
	line-height:0.44rem;
	color:#FFF;
	text-align:center;
	font-size:0.18rem;
	border:0;
	border-radius:0.05rem;
	background:#007BC3;
}
.login-user .reg-btn {
	display:block;
	background:#9EC417;
}

/******************************/

.login-user label.error,
.reg-user label.error {
	position:absolute;
	top:50%;
	right:-0.1rem;
	z-index:999;
	display:block;
	width:0.14rem;
	height:0.14rem;
	line-height:0.14rem;
	color:#FFF;
	text-align:center;
	font-size:0.12rem;
	margin-top:-0.07rem;
	border-radius:50%;
	background:#E44535;
}

/******************************/
/* Reg-user style! */
/******************************/

.reg-user {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:85%;
	max-width:4rem;
	margin:0 auto;
	margin-top:-2.4rem;
}
.reg-user .main {
	padding:0 0.2rem;
	margin-top:0.2rem;
	border-radius:0.05rem;
	background:#FFF;
}
.reg-user .code,
.reg-user .user,
.reg-user .password {
	position:relative;
	padding:0.05rem 0 0.05rem 0.24rem;
	border-bottom:0.01rem solid #BFBFBF;
	background:url(../images/mobile/login-phone.png) no-repeat 0 50%;
	background-size:0.16rem auto;
}
.reg-user .password {
	background-image:url(../images/mobile/login-password.png);
	background-size:0.18rem auto;
}
.reg-user .code {
	background-image:url(../images/mobile/login-code.png);
	background-size:0.20rem auto;
}
.reg-user .code .text,
.reg-user .user .text,
.reg-user .password .text {
	outline:none;
	border:0;
	background:#FFF;
}
.reg-user .code i.get {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	line-height:0.5rem;
	color:#9EC417;
	font-size:0.14rem;
	padding:0 0.05rem;
}
.reg-user .password i.eye {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:0.4rem;
	background:url(../images/mobile/login-eye.png) no-repeat center 50%;
	background-size:0.24rem auto;
}
.reg-user .reg-btn {
	display:block;
	width:100%;
	height:0.44rem;
	line-height:0.44rem;
	color:#FFF;
	text-align:center;
	font-size:0.18rem;
	margin-top:0.24rem;
	border:0;
	border-radius:0.05rem;
	background:#007BC3;
}
.reg-user a.reg-btn {
	display:block;
	background:#9EC417;
}

/******************************/
/* production style! */
/******************************/

.production-search {
	position:relative;
	left:0;
	right:0;
	z-index:999;
	border-bottom:0.01rem solid #CCC;
	background:#FFF;
}
.production-search li {
	vertical-align:middle;
	padding:0.15rem 0.08rem;
}
.production-search li:last-child {
	width:100%;
	padding-left:0;
}
.production-search .back {
	position:relative;
	display:block;
	width:0.48rem;
	height:0.38rem;
	border:1px solid #CCC;
	background:#FFF;
}
.production-search .back:after {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	opacity:0.6;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
	background:url(../images/icon-arrow2.png) no-repeat center 50%;
	background-size:0.18rem auto;
}
.production-search .text {
	font-size:0.15rem;
	padding-left:0.4rem;
	border-color:#CCC;
	background:url(../images/icon-search.png) #FFF no-repeat 0.1rem 50%;
	background-size:0.22rem auto;
}

/******************************/
/* Production-nav style! */
/******************************/

.production-nav {
	position:relative;
	z-index:99;
}
.production-nav .item {
	padding:0.08rem;
}
.production-nav ul {
	overflow:hidden;
	overflow:hidden;
	display:block;
	max-height:0.78rem;
}
.production-nav li {
	float:left;
	width:33.33%;
}
.production-nav li a {
	overflow:hidden;
	display:block;
	height:0.32rem;
	line-height:0.32rem;
	color:#FFF;
	text-align:center;
	font-size:0.14rem;
	word-break: break-all;
	padding:0 0.05rem;
	margin:0.03rem;
	background:#007FC3;
}
.production-nav li.on a {
	background:#9EC417;
}

/******************************/

.production-nav .more {
	position:absolute;
	right:0.12rem;
	bottom:-0.12rem;
	display:none;
	width:0.4rem;
	height:0.2rem;
	line-height:0.2rem;
	color:#FFF;
	text-align:center;
	font-size:0.12rem;
	border-radius:0 0 0.05rem 0.05rem;
	background:#BBB;
}
.production-nav .more:before {
	content:'';
	display:block;
	width:0.08rem;
	height:0.08rem;
	opacity:0.8;
	margin:0.02rem auto 0 auto;
	border-left:0.02rem solid #FFF;
	border-bottom:0.02rem solid #FFF;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); 	/* Opera */
}

/******************************/

.production-nav.position{
	position:relative;
	z-index:9999;
	height:1rem;
}
.production-nav.position .item {
	position:absolute;
	top:0;
	left:0;
	right:0;
	box-shadow:0 0.1rem 0.1rem RGBA(0, 0, 0, 0.1);
	background:#FFF;
}
.production-nav.position ul {
	overflow:visible;
	max-height:none;
}
.production-nav.position .more {
	bottom:-0.2rem;
}
.production-nav.position .more:before {
	margin-top:0.07rem;
	transform:rotate(135deg);
	-ms-transform:rotate(135deg); 	/* IE 9 */
	-moz-transform:rotate(135deg); 	/* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
	-o-transform:rotate(135deg); 	/* Opera */
}

/******************************/

.production-menu li {
	vertical-align:top;
}
.production-menu li:first-child a {
	position:relative;
	float:left;
	display:block;
	width:33.33%;
	height:0.24rem;
	line-height:0.2rem;
	color:#666;
	text-align:center;
	font-size:0.14rem;
	padding-top:0.24rem;
	background:url(../images/mobile/icon-contact.png) no-repeat center 0;
	background-size:0.28rem auto;
}
.production-menu li:first-child a.shop {
	background-image:url(../images/mobile/icon-shop.png);
}
.production-menu li:first-child a.collect {
	background-image:url(../images/mobile/icon-collect.png);
}
.production-menu li:first-child a.collect.on {
	color:#9C0;
	background-image:url(../images/mobile/icon-collect-on.png);
}
.production-menu li:first-child a:after {
	content:'';
	position:absolute;
	top:0.05rem;
	right:0;
	bottom:0.05rem;
	display:block;
	border-right:0.01rem solid #999;
}
.production-menu li:first-child a.collect:after {
	border:0;
}
.production-menu .buycar,
.production-menu .enquiry {
	display:block;
	height:0.48rem;
	line-height:0.48rem;
	color:#FFF;
	text-align:center;
	background:#9EC417;
}
.production-menu .enquiry {
	background:#007EC4;
}

/******************************/
/* Production-result style! */
/******************************/

.production-select li a {
	overflow:hidden;
	display:block;
	height:0.52rem;
	line-height:0.52rem;
	text-align:center;
	border-bottom:1px solid #CCC;
}
.production-select li.checked {
	display:none;
}
.production-select li.on a {
	color:#007FC3 !important;
}
.production-result li:after {
	content:'';
	position:absolute;
	overflow:hidden;
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.production-result li {
	padding:0.1rem 0.05rem;
	margin-bottom:0.1rem;
	border-bottom:0.01rem solid #CCC;
	background:#FFF;
}
.production-result li > a {
	display:inline-block;
	vertical-align:top;
}
.production-result li > a:after {
	content:'.';
	overflow:hidden;
	display:block;
	clear:both;
	line-height:0;
	font-size:0;
	visibility:hidden;
}
.production-result li .pic {
	float:left;
	width:0.8rem;
	height:0.8rem;
	margin-right:-100%;
}
.production-result li .pic img {
	width:0.8rem;
	height:0.8rem;
}
.production-result li .con {
	margin-left:0.8rem;
	padding-left:0.1rem;
}
.production-result li .title {
	overflow:hidden;
	height:0.24rem;
	line-height:0.24rem;
}
.production-result li .price b {
	margin-left:0.05rem;
}
.production-result li .price i {
	color:#666;
	font-size:0.12rem;
	margin-left:0.05rem;
}
.production-result li .btn i {
	display:inline-block;
	color:#FF0C00;
	padding-right:0.2rem;
	background:url(../images/mobile/production-point.png) no-repeat right 50%;
	background-size:0.14rem auto;
}
.production-result li .info,
.production-result li .shop {
	overflow:hidden;
	max-height:0.36rem;
	color:#666;
	font-size:0.12rem;
}
.production-result li .add {
	overflow:hidden;
	max-height:0.2rem;
	color:#666;
	font-size:0.12rem;
}
.production-result li .comment span {
	white-space:nowrap;
	font-size:0.13rem;
}
.production-result li .comment span:first-child {
	margin-right:0.15rem;
}
.production-result li .comment b {
	color:#FF0C00;
}

/******************************/
/* Production-type style! */
/******************************/

.production-type {
	position:relative;
}
.production-type dt {
	position:absolute;
	top:0;
	left:-1rem;
	bottom:0;
	width:0.9rem;
}
.production-type dt b {
	overflow:hidden;
	float:left;
	display:block;
	width:0.2rem;
	height:0.8rem;
	line-height:0.2rem;
	color:#FFF;
	text-align:center;
	padding:0.11rem 0.02rem;
	background:#0074BF;
}
.production-type dt span {
	display:block;
	text-align:center;
	font-size:0.15rem;
	margin-left:0.24rem;
}
.production-type dt span i {
	position:relative;
	display:block;
	height:0.5rem;
	line-height:0.5rem;
	white-space:nowrap;
	border-bottom:0.01rem solid #CCC;
}
.production-type dt span i.hot:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0.15rem;
	height:0.18rem;
	background:url(../images/mobile/production-hot.png) no-repeat center 50%;
	background-size:auto 0.16rem;
}
.production-type dt span i.on {
	color:#0074BF;
	background-color:#FFF;
}
.production-type dd ul:after {
	content:'';
	display:block;
	line-height:0;
	clear:both;
	visibility:hidden;
}
.production-type dd ul {
	display:block;
	padding-left:0.02rem;
	padding-right:0.02rem;
}
.production-type dd li {
	float:left;
	width:50%;
	margin-bottom:0.04rem;
}
.production-type dd li a {
	display:block;
	height:0.72rem;
	text-align:center;
	border-radius:0.05rem;
	margin:0 0.02rem;
	border:0.01rem solid #BFBFBF;
}

/******************************/
/* Production-item style! */
/******************************/

.production-item {
	position:relative;
}
.production-item:first-child {
	border-top:0.01rem solid #CCC;
}
.production-item dt {
	position:absolute;
	top:0;
	left:-1rem;
	bottom:0;
	width:0.9rem;
}
.production-item dt b {
	display:block;
	height:0.38rem;
	line-height:0.38rem;
	color:#FFF;
	text-align:center;
	font-size:0.18rem;
	background:#3086BF;
}
.production-item dd {
	padding-bottom:0.06rem;
	background:#FFF;
}
.production-item dd ul:after {
	content:'';
	display:block;
	line-height:0;
	clear:both;
	visibility:hidden;
}
.production-item dd li {
	float:left;
	width:50%;
	margin-bottom:0.04rem;
}
.production-item dd li a {
	overflow:hidden;
	display:block;
	height:0.36rem;
	line-height:0.36rem;
	text-align:center;
	margin:0 0.02rem;
	border:0.01rem solid #BFBFBF;
}

/******************************/
/* Recommend-detail style! */
/******************************/

.production-service {
	table-layout:fixed;
	height:0.45rem;
	line-height:0.45rem;
	text-align:center;
	font-size:0.15rem;
	white-space:nowrap;
	vertical-align:middle;
	background:#E3F5FF;
}
.production-service li:first-child {
	width:0.8rem;
	padding:0 0.15rem;
}
.production-service img {
	display:inline-block;
	vertical-align:middle;
}

/******************************/

.production-info {
	table-layout:fixed;
	color:#404040;
	text-align:center;
	font-size:0.14rem;
}

/******************************/

.production-title {
	position:relative;
	font-size:0.18rem;
	padding:0.15rem;
	border-top:0.08rem solid #E6E6E6;
	border-bottom:0.08rem solid #E6E6E6;
}
.production-title:after {
	content:'';
	position:absolute;
	top:0;
	right:0.1rem;
	bottom:0;
	display:block;
	opacity:0.2;
	width:0.18rem;
	background:url(../images/icon-arrow.png) no-repeat right 50%;
	background-size:0.18rem auto;
}

/******************************/

.enterprise-info .hd .pic {
	float:left;
	width:0.75rem;
	height:0.75rem;
	margin-right:-100%;
	border:1px solid #BFBFBF;
}
.enterprise-info .hd .pic img {
	width:0.75rem;
	height:0.75rem;
}
.enterprise-info .hd .con {
	position:relative;
	margin-left:0.85rem;
	padding-right:0.6rem;
}
.enterprise-info .hd .con:after {
	content:'';
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:0.6rem;
	height:0.75rem;
	background:url(../images/mobile/medal.png) no-repeat right 0;
	background-size:auto 0.75rem;
}
.enterprise-info .bd{
	text-align:center;
	font-size:0.12rem;
}
.enterprise-info .bd li {
	vertical-align:middle;
	border-right:1px solid #BFBFBF;
}
.enterprise-info .bd li:last-child {
	width:40%;
	border-right:0;
}
.enterprise-info .bd li .info {
	overflow:hidden;
	height:0.2rem;
	line-height:0.2rem;
}
.enterprise-info .bd li .info b {
	margin-left:0.05rem;
}
.enterprise-info .bd li .info i {
	color:#FFF;
	margin-left:0.05rem;
	padding:0 0.03rem;
	border-radius:0.03rem;
	background:#9EC417;
}
.enterprise-info .ft li a {
	display:block;
	height:0.36rem;
	line-height:0.36rem;
	color:#007EC4;
	text-align:center;
	border:0.02rem solid #007EC4;
	border-radius:0.05rem;
}

/******************************/

.production-detail .hd li {
	text-align:center;
	font-size:0.18rem;
	padding:0.15rem 0;
	border-bottom:0.01rem solid #CCC;
}
.production-detail .hd li a {
	position:relative;
	display:block;
	border-right:0.01rem solid #BFBFBF;
}
.production-detail .hd li:last-child a {
	display:block;
	border-right:0;
}
.production-detail .hd li.on a {
	color:#007EC4;
}
.production-detail .hd li.on a:after {
	content:'';
	position:absolute;
	left:0.15rem;
	right:0.15rem;
	bottom:-0.16rem;
	border-bottom:0.03rem solid #007EC4;
}

/******************************/

.production-enquiry  {
	display:block;
	padding:0.1rem;
}
.production-enquiry li {
	float:left;
}
.production-enquiry li a {
	display:block;
	height:0.28rem;
	line-height:0.28rem;
	padding:0 0.05rem;
	margin:0.05rem;
	border:0.01rem solid #DDD;
}
.production-enquiry li.on a {
	color:#FFF;
	border-color:#E44535;
	background:#E44535;
}
.production-enquiry li.checked a {
	color:#999 !important;
	cursor:default;
	border-color:#DDD !important;
	background:#FAFAFA !important;
}

/******************************/
/* Recommend-nav style! */
/******************************/

.recommend-nav {
	padding-top:0.12rem;
	border-top:1px solid #CCC;
	background:#FFF;
}
.recommend-nav li {
	float:left;
	width:50%;
}
.recommend-nav li a {
	display:block;
	height:0.5rem;
	line-height:0.5rem;
	text-align:center;
	margin:0 0.02rem 0.1rem 0.02rem;
	border:1px solid #CCC;
}
.recommend-nav li.on a {
	color:#0074BF;
	border-color:#0074BF;
}

/******************************/

.production-checked {
	font-size:0.15rem;
	margin:0.1rem;
}
.production-checked dt {
	float:left;
	width:3em;
	margin-right:-100%;
}
.production-checked dd {
	margin-left:3em;
}
.production-checked dd i {
	position:relative;
	overflow:hidden;
	float:left;
	color:#F60;
	max-width:6em;
	height:0.2rem;
	line-height:0.2rem;
	word-break:break-all;
	margin-right:0.04rem;
	margin-bottom:0.04rem;
	padding:0 0.14rem 0 0.04rem;
	border:0.01rem solid #F60;
	border-radius:0.04rem;
}
.production-checked dd i:after {
	content:'';
	position:absolute;
	top:50%;
	right:0.03rem;
	display:block;
	width:0.08rem;
	height:0.08rem;
	margin-top:-0.04rem;
	background:url(../images/icon-shut.png) no-repeat center 50%;
	background-size:0.08rem auto;
}
.production-checked dd b {
	float:left;
	height:0.22rem;
	line-height:0.22rem;
	color:#999;
	margin-bottom:0.03rem;
}

/******************************/
/* Shop style! */
/******************************/

.shop-head {
	line-height:0.18rem;
	color:#FFF;
	font-size:0.15rem;
	padding-top:0.5rem;
	background:#2F586C;
}
.shop-head li {
	white-space:nowrap;
	vertical-align:middle;
}
.shop-head li.logo {
	width:0.5rem;
	height:0.5rem;
}
.shop-head li.logo img {
	width:0.5rem;
	height:0.5rem;
}
.shop-head li.name {
	padding:0 0.05rem 0 0.1rem;
}
.shop-head li.name .title {
	overflow:hidden;
	height:0.18rem;
	white-space:normal;
}
.shop-head li.fans {
	position:relative;
	text-align:center;
	padding-left:0.1rem;
}
.shop-head li.fans:after {
	content:'';
	position:absolute;
	top:0.08rem;
	left:0;
	bottom:0.08rem;
	border-left:0.01rem solid #FFF;
}
.shop-head li.eye {
	padding:0 0.1rem;
}
.shop-head li.eye i {
	display:inline-block;
	height:0.3rem;
	line-height:0.3rem;
	text-align:center;
	font-weight:100;
	padding:0 0.1rem 0 0.35rem;
	border-radius:0.04rem;
	background:url(../images/mobile/shop-eye.png) #9EC417 no-repeat 0.1rem 50%;
	background-size:0.18rem auto;
}

/******************************/

.shop-tabs li {
	border-bottom:0.02rem solid #BFBFBF;
}
.shop-tabs li a {
	display:block;
	text-align:center;
	white-space:nowrap;
	padding:0.15rem 0 0.1rem 0;
	margin:0 0.15rem;
}
.shop-tabs li.on a {
	color:#007FC3;
	margin-bottom:-0.02rem;
	border-bottom:0.03rem solid #007FC3;
}
.shop-tabs li a:before {
	content:'';
	display:block;
	width:0.28rem;
	height:0.28rem;
	margin:0 auto;
	background:url(../images/mobile/shop-tabs1.png) no-repeat 0 50%;
	background-size:auto 0.26rem;
}
.shop-tabs li:nth-child(2) a:before {
	background-image:url(../images/mobile/shop-tabs2.png);
}
.shop-tabs li:nth-child(3) a:before {
	background-image:url(../images/mobile/shop-tabs3.png);
}
.shop-tabs li.on a:before {
	background-position:right 50%;
}

/******************************/

.shop-sort li {
	text-align:center;
	border-bottom:0.01rem solid #CCC;
}
.shop-sort li a {
	position:relative;
	display:inline-block;
	padding:0.1rem 0.12rem;
}
.shop-sort li.on a {
	color:#F00;
}
.shop-sort li a.price:before,
.shop-sort li a.price:after {
	content:'';
	position:absolute;
	top:50%;
	right:0;
	display:block;
	width:0;
	height:0;
	margin-top:-0.06rem;
	border-left:0.04rem solid transparent;   
    border-right:0.04rem solid transparent;   
    border-bottom:0.06rem solid #F00;
}
.shop-sort li a.price:after {
	margin-top:0.02rem;
	border-bottom:0;
    border-top:0.06rem solid #F00;
}
.shop-sort li a[data-class=asc]:after,
.shop-sort li a[data-class=desc]:after {
	content:'';
	position:absolute;
	top:50%;
	right:0;
	display:block;
	width:0;
	height:0;
	margin-top:-0.02rem;
	border-left:0.04rem solid transparent;   
    border-right:0.04rem solid transparent;   
    border-bottom:0.06rem solid #999;
}
.shop-sort li a[data-class=desc]:after {
	border-bottom:0;
    border-top:0.06rem solid #999;
}
.shop-sort li.on a[data-class=asc]:after {
	border-bottom-color:#F00;
}
.shop-sort li.on a[data-class=desc]:after {
	border-top-color:#F00;
}


/******************************/

.shop-result {
	padding:0.05rem;
}
.shop-result li {
	float:left;
	width:50%;
}
.shop-result li .item {
	display:block;
	font-size:0.14rem;
	margin:0.05rem;
	border:0.01rem solid #CCC;
	background:#D3EDFB;
}
.shop-result li .pic {
	position:relative;
	min-height:1.5rem;
	text-align:center;
	border-bottom:0.01rem solid #CCC;
	background:#FFF;
}
/*.shop-result li .pic:after {
	content:'';
	position:absolute;
	top:0.1rem;
	left:0.05rem;
	display:block;
	width:0.6rem;
	height:0.3rem;
	background:url(../images/mobile/kap.png) no-repeat;
	background-size:0.6rem auto;
}*/
.shop-result li .pic img {
	width:100%;
	height:1.5rem;
	vertical-align:top;
}
.shop-result li .title {
	overflow:hidden;
	line-height:0.18rem;
	height:0.36rem;
	margin:0.05rem;
}
.shop-result li .info {
	overflow:hidden;
	height:0.18rem;
	line-height:0.18rem;
	margin:0.05rem;
}
.shop-result li .info b {
	float:left;
	color:#666;
	font-size:0.12rem;
}
.shop-result li .info i{
	float:right;
	color:#F00;
	padding-right:0.16rem;
	background:url(../images/mobile/production-point.png) no-repeat right 50%;
	background-size:0.13rem auto;
}

/******************************/

.shop-nav li {
	height:0.52rem;
	line-height:0.52rem;
	text-align:center;
	font-size:0.18rem;
	border-right:0.01rem solid #CCC;
}
.shop-nav li:last-child {
	border:0;
}

/******************************/
/* News-search style! */
/******************************/

.news-search {
	width:100%;
	background:#FFF;
}
.news-search td {
	vertical-align:middle;
	padding:0.12rem 0.1rem;
}
.news-search td:last-child {
	padding-left:0;
	width:100%;
}
.news-search td .pic {
	white-space:nowrap;
}
.news-search td .pic img {
	display:block;
	max-width:none;
	max-height:0.3rem;
}
.news-search .text {
	position:relative;
	padding-left:0.4rem;
	background:#F1F1F1;
}
.news-search .text:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:0.4rem;
	height:0.18rem;
	margin-top:-0.09rem;
	border-right:0.01rem solid #CCC;
	background:url(../images/icon-search-white.png) no-repeat center 50%;
	background-size:0.18rem auto;
}
.news-search .text input {
	position:relative;
	width:100%;
	height:0.3rem;
	line-height:0.3rem;
	font-size:0.14rem;
	padding:0 0.08rem;
	border:0;
	background:none;
}

/******************************/

.news-nav {
	position:relative;
	z-index:99;
	padding:0.08rem;
	margin-top:0.07rem;
	background:#FFF;
}
.news-nav ul {
	overflow:hidden;
	overflow:hidden;
	display:block;
}
.news-nav li {
	float:left;
	width:33.33%;
}
.news-nav li a {
	overflow:hidden;
	display:block;
	height:0.32rem;
	line-height:0.32rem;
	color:#FFF;
	text-align:center;
	margin:0.05rem;
	background:#007FC3;
}
.news-nav li.on a {
	background:#9EC417;
}

/******************************/

.news-rusult li {
	padding:0.1rem 0.15rem;
	margin-bottom:-0.01rem;
	border-top:0.01rem solid #E6E6E6;
	border-bottom:0.01rem solid #E6E6E6;
	background:#FFF;
}
.news-rusult li .intro {
	overflow:hidden;
	max-height:0.32rem;
	line-height:0.16rem;
	color:#666;
	text-indent:2em;
	font-size:0.13rem;
	margin-top:0.05rem;
}
.news-rusult li td {
	padding:0.1rem 0.05rem;
}
.news-rusult li .info {
	position:relative;
	height:0.16rem;
	line-height:0.16rem;
}
.news-rusult li .info span b {
	color:#007FC3;
	font-size:0.13rem;
}
.news-rusult li .info span i {
	color:#999;
	font-size:0.12rem;
	margin-left:0.05rem;
}
.news-rusult li .info em {
	position:absolute;
	top:0;
	right:0;
	color:#999;
	font-size:0.12rem;
}

.news-rusult li .photo:after {
	content:'';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.news-rusult li .photo {
	margin:0.06rem 0;
}
.news-rusult li .photo p {
	float:left;
	width:31.33%;
	margin:0.04rem 1%;
}

/******************************/

.news-add {
	height:0.6rem;
	border:0;
}
.news-add .box {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	max-width:520px;
	margin:0 auto;
}
.news-add .box a,
.news-add .box input {
	display:block;
	width:100%;
	height:0.44rem;
	line-height:0.44rem;
	color:#FFF;
	text-align:center;
	border:0;
	background:#007FC3;
}

/******************************/

.news-pic {
	padding:0.15rem;
	border-top:0.01rem solid #E6E6E6;
	border-bottom:0.01rem solid #E6E6E6;
	background:#FFF;
}
.news-pic .item {
	float:left;
}
.news-pic .item li {
	position:relative;
	float:left;
	width:0.5rem;
	text-align:center;
	margin-right:0.04rem;
}
.news-pic .item li b {
	display:block;
	width:0.5rem;
	height:0.5rem;
	background:#EEE;
}
.news-pic .item li img {
	width:0.5rem;
	height:0.5rem;
}
.news-pic .add {
	position:relative;
	float:left;
	width:0.5rem;
	height:0.5rem;
	border:0.01rem solid #CCC;
	background:#FFF;
}
.news-pic .add:before {
	content:'';
	display:block;
	width:0.5rem;
	height:0.5rem;
	opacity:0.2;
	background:url(../images/icon-add.png) no-repeat center 50%;
	background-size:0.36rem auto;
}
.news-pic .layui-upload-file {
	display:none;
}

.news-pic .shut {
	display:block;
	height:0.24rem;
	line-height:0.24rem;
	color:#999;
	font-size:0.11rem;
}

/******************************/
/* Ask-price style! */
/******************************/

.ask-price {
	font-size:0.15rem;
}
.ask-price .checkbox {
	display:inline-block;
	padding-left:0.36rem;
	background:url(../images/icon-tick-default.png) no-repeat 0 50%;
	background-size:0.22rem auto;
}
.ask-price .checkbox.on {
	background-image:url(../images/icon-tick-red.png);
}
.ask-price dt {
	height:0.28rem;
	line-height:0.28rem;
	padding:0.1rem;
}
.ask-price li {
	padding:0.1rem;
	border-bottom:0.03rem solid #FFF;
	background:#FAFAFA;
}
.ask-price li:last-child {
	border-bottom:0;
}
.ask-price li:after {
	content:'';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.ask-price li .pic {
	float:left;
	width:1.16rem;
	margin-right:-100%;
}
.ask-price li .pic img {
	width:0.8rem;
	height:0.8rem;
}
.ask-price li .con {
	margin-left:1.16rem;
	padding-left:0.12rem;
}
.ask-price li .con .title {
	position:relative;
	line-height:0.2rem;
	padding-right:3em;
}
.ask-price li .con .title .del {
	position:absolute;
	top:0;
	right:0;
	color:#BBB;
	font-size:0.14rem;
	padding:0 0.5em;
	border:0.01rem solid #E6E6E6;
	border-radius:0.1rem;
}
.ask-price li .con .info {
	color:#999;
	font-size:0.14rem;
	margin-top:0.1rem;
}

/******************************/

.radio {
	position:relative;
	display:inline-block;
	width:0.5rem;
	height:0.3rem;
	vertical-align:middle;
	border-radius:0.15rem;
	background:#B2B2B2;
}
.radio.on {
	background:#4C9BD9;
}
.radio i {
	position:absolute;
	top:0.02rem;
	left:0.02rem;
	bottom:0.02rem;
	display:block;
	width:0.26rem;
	border-radius:50%;
	background:#FFF;
}
.radio.on i {
	left:auto;
	right:0.02rem;
}

/******************************/
/* Normal-tabs style! */
/******************************/

.news-tabs li {
	background:#FFF;
}
.news-tabs li a {
	display:block;
	text-align:center;
	white-space:nowrap;
	padding:0.15rem 0 0.1rem 0;
	margin:0 0.15rem;
}
.news-tabs li.on a {
	color:#007FC3;
	border-bottom:0.03rem solid #007FC3;
}

/******************************/

.news-center {
	background:#FFF;
}
.news-center li {
	position:relative;
	padding:0.1rem 0.4rem 0.1rem  0;
	margin:0 0.1rem;
	border-bottom:0.01rem solid #E6E6E6;
}
.news-center li:after {
	content:'';
	position:absolute;
	top:50%;
	right:0;
	display:block;
	clear:both;
	width:0.2rem;
	height:0.2rem;
	opacity:0.2;
	margin-top:-0.1rem;
	background:url(../images/icon-arrow.png) no-repeat center 50%;
	background-size:0.16rem auto;
}
.news-center li .title {
	overflow:hidden;
	height:0.2rem;
	line-height:0.2rem;
	font-size:0.15rem;
}
.news-center li .info {
	color:#999;
	font-size:0.12rem;
}

/******************************/
/* Mall style! */
/******************************/

.mall-banner {
	position:relative;
}
.mall-banner .user {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	text-align:center;
	margin-top:-0.5rem;
}
.mall-banner .user i {
	overflow:hidden;
	display:block;
	width:0.8rem;
	height:0.8rem;
	margin:0 auto;
	border:0.02rem solid #FFF;
	border-radius:50%;
	box-shadow:0 0 0.2rem RGBA(0, 0, 0, 0.1);
}
.mall-banner .user b {
	display:block;
	color:#FFF;
	text-align:center;
}
.mall-banner .btn {
	position:absolute;
	top:50%;
	left:50%;
	margin:-0.2rem 0 0 -1rem;
}
.mall-banner .btn a {
	float:left;
	height:0.4rem;
	line-height:0.4rem;
	width:0.8rem;
	color:#FFF;
	text-align:center;
	margin:0 0.1rem;
	border-radius:0.05rem;
	background:#007BC3;
}
.mall-banner .btn a:last-child {
	background:#9EC417;
}
.mall-money {
	color:#FFF;
	padding:0.1rem 0.15rem;
	background:#3CB5FB;
}

/******************************/

.mall-tabs li a {
	display:block;
	text-align:center;
	white-space:nowrap;
	font-size:0.14rem;
	padding:0.1rem 0;
	margin:0 0.15rem;
}
.mall-tabs li.on a {
	color:#007FC3;
	margin-bottom:-0.02rem;
}
.mall-tabs li a:before {
	content:'';
	display:block;
	width:0.28rem;
	height:0.28rem;
	margin:0 auto;
	background:url(../images/mobile/mall-tabs1.png) no-repeat 0 50%;
	background-size:auto 0.26rem;
}
.mall-tabs li:nth-child(2) a:before {
	background-image:url(../images/mobile/mall-tabs2.png);
}
.mall-tabs li:nth-child(3) a:before {
	background-image:url(../images/mobile/mall-tabs3.png);
}
.mall-tabs li:nth-child(4) a:before {
	background-image:url(../images/mobile/mall-tabs4.png);
}
.mall-tabs li.on a:before {
	background-position:right 50%;
}

.mall-tabs li .count {
	position:relative;
}
.mall-tabs li .count i {
	position:absolute;
	top:-0.11rem;
	right:-0.05rem;
	min-width:0.11rem;
	height:0.15rem;
	line-height:0.15rem;
	color:#FFF;
	text-align:center;
	font-size:0.11rem;
	padding:0 0.02rem;
	border-radius:50%;
	background:#E44535;
}

/******************************/

.enquiry-tabs li a {
	font-size:0.12rem;
}
.enquiry-tabs li a:before {
	display:none;
}

/******************************/
/* Mall-nav style! */
/******************************/

.mail-nav {
	background:url(../images/mobile/mall-nav-bg.png) repeat;
	background-size:0.4rem auto;
}
.mail-nav .nav {
	float:left;
	width:0.9rem;
	margin-right:-100%;
}
.mail-nav .nav li {
	position:relative;
}
.mail-nav .nav li.on {
	z-index:99;
	box-shadow:0.02rem 0 0.2rem RGBA(0, 0, 0, 0.5);
}
.mail-nav .nav li a {
	position:relative;
	display:block;
	height:0.4rem;
	line-height:0.2rem;
	color:#FFF;
	text-align:center;
	padding:0.05rem 0;
}
.mail-nav .nav li.on a {
	left:0.1rem;
	color:#FF0;
}
.mail-nav .nav li:nth-child(1), .mail-nav .nav li:nth-child(1) a {	background:#9FA0A0;}
.mail-nav .nav li:nth-child(2), .mail-nav .nav li:nth-child(2) a {	background:#007DC4;}
.mail-nav .nav li:nth-child(3), .mail-nav .nav li:nth-child(3) a {	background:#0269A4;}
.mail-nav .nav li:nth-child(4), .mail-nav .nav li:nth-child(4) a {	background:#9FC418;}
.mail-nav .nav li:nth-child(5), .mail-nav .nav li:nth-child(5) a {	background:#6FBA2C;}
.mail-nav .nav li:nth-child(6), .mail-nav .nav li:nth-child(6) a {	background:#9FA0A0;}
.mail-nav .nav li:nth-child(7), .mail-nav .nav li:nth-child(7) a {	background:#007DC4;}
.mail-nav .nav li:nth-child(8), .mail-nav .nav li:nth-child(8) a {	background:#3E3A39;}

.mail-nav .nav li a:after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:-0.28rem;
	display:block;
	width:0.3rem;
	background:url(../images/mobile/mall-nav.png) no-repeat 0 50%;
	background-size:auto 100%;
}
.mail-nav .nav li:nth-child(2) a:after { background-position:10% 50%;}
.mail-nav .nav li:nth-child(3) a:after { background-position:20% 50%;}
.mail-nav .nav li:nth-child(4) a:after { background-position:30% 50%;}
.mail-nav .nav li:nth-child(5) a:after { background-position:40% 50%;}
.mail-nav .nav li:nth-child(6) a:after { background-position:50% 50%;}
.mail-nav .nav li:nth-child(7) a:after { background-position:60% 50%;}
.mail-nav .nav li:nth-child(8) a:after { background-position:70% 50%;}

.mail-nav .nav li a b {
	position:relative;
	top:0.05rem;
	display:block;
	height:0.2rem;
	opacity:0.8;
}
.mail-nav .nav li a i {
	display:block;
	width:1.8rem;
	height:0.2rem;
	white-space:nowrap;
	margin-left:-50%;
	transform:scale(0.45, 0.45); 
	opacity:0.8;
}
.mail-nav .nav li.on a b,
.mail-nav .nav li.on a i {
	opacity:1;
}

/******************************/

.mail-nav .item {
	margin-left:1.1rem;
	padding:0 0.1rem;
}
.mail-nav .item li {
	float:left;
	width:50%;
	text-align:center;
	margin-top:0.22rem;
}
.mail-nav .item li i {
	overflow:hidden;
	display:block;
	width:0.72rem;
	height:0.72rem;
	margin:0 auto;
	border-radius:50%;
}
.mail-nav .item li b {
	display:block;
	color:#007DC4;
	margin-top:0.08rem;
}
.mail-nav .item li:nth-child(2) b { color:#9FA0A0;}
.mail-nav .item li:nth-child(3) b { color:#6FBA2C;}
.mail-nav .item li:nth-child(4) b { color:#00A4C5;}
.mail-nav .item li:nth-child(5) b { color:#3E3A39;}
.mail-nav .item li:nth-child(6) b { color:#DAB866;}

/******************************/

.mail-nav .logistics {
	margin-left:1.1rem;
	padding:0 0.1rem;
}
.mail-nav .logistics li {
	margin:0.1rem 0;
	padding-left:0.6rem;
	background:url(../images/mobile/logistics1.png) no-repeat 0 50%;
	background-size:0.55rem auto;
}
.mail-nav .logistics li:nth-child(2) {
	background-image:url(../images/mobile/logistics2.png);
}
.mail-nav .logistics li:nth-child(3) {
	background-image:url(../images/mobile/logistics3.png);
}
.mail-nav .logistics li span {
	display:block;
	padding:0.05rem 0.1rem;
	border-radius:0.05rem;
	background:#FFF;
}
.mail-nav .logistics li span b {
	display:block;
	text-indent:1em;
	white-space:nowrap;
}
.mail-nav .logistics li span i {
	display:block;
	line-height:0.18rem;
	color:#666;
	font-size:0.13rem;
}
.mail-nav .logistics .btn {
	display:inline-block;
	width:1.5rem;
	height:0.32rem;
	line-height:0.32rem;
	color:#FFF;
	text-align:center;
	background:#007FC3;
}

/******************************/
/* Index-product style! */
/******************************/

.index-map {
	min-height:0.4rem;
	margin:0.1rem 0;
	padding:0.15rem 0.15rem 0.15rem 0.65rem;
	background:url(../images/mobile/icon-map.png) #FFF no-repeat 0.15rem 50%;
	background-size:0.4rem auto;
}
.index-map .add {
	height:0.28rem;
	line-height:0.28rem;
}
.index-map .add i {
	display:inline-block;
	font-size:0.13rem;
	margin-left:0.1rem;
	padding:0 0.1rem 0 0.3rem;
	border-radius:0.05rem;
	background:url(../images/icon-location.png) #EFEFF0 no-repeat 0.05rem 50%;
	background-size:0.2rem auto;
}
.index-map .info {
	overflow:hidden;
	height:0.2rem;
	font-size:0.13rem;
	margin-top:0.05rem;
}

/******************************/

.index-product {
	position:relative;
	margin:0.06rem 0;
	background:#FFF;
}
.index-product dt {
	padding:0.1rem 0;
}

.index-product dt .title {
	position:relative;
	text-align:center;
}
.index-product dt .title:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	right:0;
	border-bottom:0.01rem solid #DDD;
}
.index-product dt .title i {
	position:relative;
	display:inline-block;
	font-size:0.18rem;
	padding:0 0.15rem;
	background:#FFF;
}
.index-product dt .title i:before,
.index-product dt .title i:after {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:0.05rem;
	height:0.05rem;
	margin-top:-0.02rem;
	border-radius:50%;
	background:#0D83C6;
}
.index-product dt .title i:after {
	left:auto;
	right:0;
}

.index-product dt .item {
	position:relative;
	z-index:111;
	min-height:0.4rem;
	margin:0.05rem 0.2rem 0 0.2rem;
	padding-right:0.2rem;
}
.index-product dt ul {
	position:relative;
	overflow:hidden;
	display:block;
	height:0.4rem;
	min-height:0.38rem;
	background:#EEE;
}
.index-product dt .item.on ul {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:auto;
	padding-right:0.2rem;
	border:0.01rem solid #DDD;
	box-shadow:0 0 0.4rem RGBA(0, 0, 0, 0.1);
}
.index-product dt .item .more {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:0.2rem;
	height:0.4rem;
	background:#DDD;
}
.index-product dt .item .more:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:0.06rem;
	height:0.06rem;
	transform:rotate(-45deg);
	margin-top:-0.04rem;
	margin-left:0.06rem;
	border-left:0.02rem solid #FFF;
	border-bottom:0.02rem solid #FFF;
}
.index-product dt .item.on .more:before {
	transform:rotate(135deg);
}

.index-product dt li {
	overflow:hidden;
	float:left;
	width:25%;
	height:0.4rem;
	line-height:0.4rem;
	text-align:center;
}
.index-product dt li a {
	display:inline-block;
	font-size:0.15rem;
	vertical-align:top;
	padding:0 0.02rem;
}
.index-product dt li.on a {
	overflow:hidden;
	height:0.24rem;
	line-height:0.24rem;
	color:#1888C8;
	margin:0.07rem 0;
	border-bottom:0.02rem solid #1888C8;
}

.index-product dd .more {
	text-align:center;
	padding:0.1rem 0;
}
.index-product dd .more a {
	position:relative;
	display:inline-block;
	color:#666;
	font-size:0.14rem;
}
.index-product dd .more a:after {
	content:'';
	display:block;
	width:0.12rem;
	height:0.12rem;
	margin:0 auto;
	border-left:0.01rem solid #CCC;
	border-bottom:0.01rem solid #CCC;
	transform:rotate(-45deg);
}
.index-product dd .brand {
	position:relative;
	min-height:2.08rem;
	padding:0.1rem;
	background:#F8F8F8;
}
.index-product dd .brand .pic {
	content:'';
	position:absolute;
	top:0.1rem;
	left:0.1rem;
	bottom:0.1rem;
	display:block;
	width:33%;
	background:url(../images/mobile/brand-banner.png) #E6E6E6 no-repeat;
	background-size:100% 100%;
}
.index-product dd .brand ul {
	display:block;
	width:65%;
	margin-left:35%;
	margin-bottom:-0.05rem;
}
.index-product dd .brand li {
	float:left;
	width:33.33%;
}
.index-product dd .brand li a {
	display:block;
	height:0.62rem;
	margin:0 0 0.05rem 0.05rem;
	border:0.02rem solid #A0A0A0;
}
.index-product dd .brand li img {
	width:100%;
	height:0.62rem;
}

/******************************/
/* Index-mall style! */
/******************************/

.index-mall dt {
	font-size:0.18rem;
	padding:0.1rem 0.15rem;
	border-bottom:0.01rem solid #EEE;
}
.index-mall dd {
	padding:0.15rem;
	border-bottom:0.01rem solid #EEE;
	background:#FFF;
}

/******************************/
/* Index-enterprise style! */
/******************************/

.enterprise-item {
	width:95%;
	margin:0 auto;
}
.enterprise-item td {
	line-height:0.18rem;
	text-align:center;
	font-size:0.14rem;
	padding:0.05rem;
	border:1px solid #DDD;
}
.enterprise-item td:first-child {
	padding:0;
}
.enterprise-item td:first-child .pic,
.enterprise-item td:first-child img {
	width:0.46rem;
	height:0.46rem;
}
.enterprise-item td:last-child .shop {
	color:#09C;
	white-space:nowrap;
}

/******************************/
/* Drawing-detail style! */
/******************************/

.drawing-pic {
	padding:0.15rem 0.15rem 0 0.15rem;
	background:#FFF;
}
.drawing-pic .main {
	border:0.01rem solid #DDD;
}
.drawing-pic .caliber {
	position:relative;
	margin:0.1rem;
}
.drawing-pic .caliber label {
	position:relative;
	float:left;
	height:0.24rem;
	line-height:0.24rem;
	padding-right:0.15rem;
	margin-right:-100%;
}
.drawing-pic .caliber label:before {
	content:'';
	position:absolute;
	top:50%;
	right:0;
	display:block;
	width:0;
    height:0;
	margin-top:-0.03rem;
    border-left:0.05rem solid transparent;
    border-right:0.05rem solid transparent;
    border-top:0.08rem solid #DDD;
}
.drawing-pic .caliber span {
	display:block;
	margin-left:0.9rem;
}
.drawing-pic .caliber span i {
	display:inline-block;
	height:0.2rem;
	line-height:0.2rem;
	color:#666;
	font-size:0.12rem;
	padding:0 0.1rem 0 0.05rem;
	border:0.01rem solid #CCC;
	/*background:url(../images/mobile/checked-shut.png) no-repeat right bottom;
	background-size:0.12rem auto;*/
}

.caliber-item {
	position:absolute;
	top:0.32rem;
	left:0;
	right:0;
	z-index:999;
	display:none;
	padding:0.1rem;
	box-shadow:0 0 0.2rem RGBA(0, 0, 0, 0.2);
	background:#F6F6F6;
}
.caliber-item.on {
	display:block;
}
.caliber-item li {
	float:left;
	margin:0.05rem;
	padding:0 0.05rem;
	border:0.01rem solid #DDD;
}
.caliber-item li.on {
	color:#FFF;
	border-color:#E44535;
	background:#E44535;
}

.drawing-tips {
	position:relative;
	height:0.28rem;
	line-height:0.28rem;
	color:#FFF;
	text-align:center;
	font-size:0.15rem;
	margin-top:-0.01rem;
	background:#007CC2;
}
.drawing-tips i {
	color:#FF0;
	font-size:0.11rem;
}
.drawing-tips:before, .drawing-tips:after {
	content:'';
	position:absolute;
	top:-0.1rem;
	left:0;
	display:block;
	width:0;
    height:0;
    border-left:0.12rem solid transparent;
    border-right:0.12rem solid transparent;
    border-top:0.12rem solid #015198;
	transform:rotate(-45deg);
}
.drawing-tips:after {
	left:auto;
	right:0;
	transform:rotate(45deg);
}
.drawing-down {
	padding:0.1rem 0;
	border:0.01rem solid #CCC;
}

/******************************/

.drawing-title {
	position:relative;
	padding-top:0.2rem;
	padding-bottom:0.1rem;
	margin-bottom:-0.06rem;
	background:#FFF;
}
.drawing-title i {
	position:relative;
	display:block;
	width:2.4rem;
	margin:0 auto;
	box-shadow:0 0 0.2rem RGBA(0, 0, 0, 0.2);
}
.drawing-title:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	right:0;
	overflow:hidden;
	display:block;
	height:0;
	margin-top:0.05rem;
	border-bottom:0.01rem solid #188BC9;
}

/******************************/
/* Recharge style! */
/******************************/

.recharge p {
	text-align:center;
	padding:0.1rem 0;
	margin:0.05rem;
	border:0.01rem solid #DDD;
}
.recharge p b {
	font-size:0.18rem;
}
.recharge p i {
	display:block;
	font-size:0.14rem;
}
.recharge p em {
	display:block;
	color:#999;
	font-size:0.12rem;
}
.recharge p.on {
	color:#FFF;
	border-color:#008FDC;
	background:#008FDC;
}
.recharge p.on em {
	color:#FFF;
	opacity:0.8;
}

/******************************/
/* Exchange-sms style! */
/******************************/

.exchange-sms p {
	color:#008FDC;
	text-align:center;
	padding:0.08rem 0;
	margin:0.05rem;
	border:0.01rem solid #008FDC;
	border-radius:0.1rem;
}
.exchange-sms p i {
	display:block;
	color:#91D7FC;
	text-decoration:line-through;
	font-size:0.14rem;
}
.exchange-sms p em {
	display:block;
	font-size:0.14rem;
}
.exchange-sms p.on {
	color:#FFF;
	border-color:#008FDC;
	background:#008FDC;
}
.exchange-sms p.on i {
	color:#FFF;
	opacity:0.8;
}

/******************************/
/* Msg-item style! */
/******************************/

.msg-item {
	padding:0.15rem;
	background:#FFF;
}
.msg-item li {
	margin:0.15rem 0;
}
.msg-item li:first-child {
	margin-top:0;
}
.msg-item li:last-child {
	margin-bottom:0;
}
.msg-item li:after,
.msg-item li .item:after {
	content:'';
	display:block;
	overflow:hidden;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.msg-item li .item {
	display:block;
}
.msg-item li .pic {
	float:left;
	width:0.7rem;
	height:0.7rem;
	margin-right:-100%;
}
.msg-item li .con {
	height:0.7rem;
	margin-left:0.85rem;
	border-bottom:0.01rem solid #E6E6E6;
}
.msg-item li .con .title {
	position:relative;
	overflow:hidden;
	height:0.24rem;
	line-height:0.24rem;
	padding-right:0.6rem;
}
.msg-item li .con .title i {
	position:absolute;
	top:0;
	right:0;
	color:#999;
	font-size:0.11rem;
}
.msg-item li .con .info {
	overflow:hidden;
	height:0.24rem;
	line-height:0.24rem;
	color:#999;
	font-size:0.14rem;
}

/******************************/
/* My-shop style! */
/******************************/

.my-shop {
	height:1rem;
	margin-bottom:1rem;
	background:#26C2AE;
}
.my-shop .main {
	position:relative;
	top:0.5rem;
}
.my-shop .pic {
	overflow:hidden;
	width:0.8rem;
	height:0.8rem;
	margin:0 auto;
	padding:0.02rem;
	background:#FFF;
}
.my-shop .pic img {
	width:0.8rem;
	height:0.8rem;
}
.my-shop .title {
	text-align:center;
	margin:0.1rem 0;
}
.shop-code .pic {
	width:1.5rem;
	margin:0 auto;
}
.shop-code .info {
	text-align:center;
	font-size:0.14rem;
	margin:0.4rem 0;
}

/******************************/
/* Eye-item style! */
/******************************/

.eye-nav {
	background:#FFF;
}
.eye-nav li {
	float:left;
	width:20%;
}

/******************************/

.eye-item li:after {
	content:'';
	display:block;
	overflow:hidden;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.eye-item li {
	padding:0.1rem 0.12rem;
	margin-bottom:-0.01rem;
	border-top:0.01rem solid #EEE;
	border-bottom:0.01rem solid #EEE;
	background:#FFF;
}
.eye-item li .item {
	display:block;
}
.eye-item li .pic {
	float:left;
	width:0.5rem;
	height:0.5rem;
	margin-right:-100%;
	border:0.01rem solid #DDD;
}
.eye-item li .con {
	padding-top:0.12rem;
	margin-left:0.65rem;
}
.eye-item li .con .title {
	position:relative;
	overflow:hidden;
	height:0.24rem;
	line-height:0.24rem;
	padding-right:0.2rem;
}
.eye-item li .con .title i {
	position:absolute;
	top:-0.05rem;
	right:0;
	display:block;
	color:#999;
	font-size:0.24rem;
}

/******************************/
/* Order-list style! */
/******************************/

.order-tabs li {
	border-bottom:0.01rem solid #BFBFBF;
	background:#FFF;
}
.order-tabs li a {
	display:block;
	text-align:center;
	white-space:nowrap;
	padding:0.15rem 0 0.1rem 0;
}
.order-tabs li.on a {
	color:#007FC3;
	margin-bottom:-0.01rem;
	border-bottom:0.03rem solid #007FC3;
}

/******************************/

.order-item li {
	margin-bottom:0.1rem;
	border-top:0.01rem solid #EEE;
	border-bottom:0.01rem solid #EEE;
}
.order-item li:first-child {
	border-top:0;
}
.order-item .hd:after {
	content:'';
	display:block;
	overflow:hidden;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.order-item .hd {
	position:relative;
	height:0.24rem;
	line-height:0.24rem;
	font-size:0.15rem;
	padding:0.1rem;
	padding-right:5em;
	background:#FFF;
}
.order-item .hd .pic {
	float:left;
	width:0.24rem;
	height:0.24rem;
}
.order-item .hd .title {
	float:left;
	color:#666;
	margin-left:0.08rem;
}
.order-item .hd .state {
	position:absolute;
	top:0;
	right:0;
	color:#9EC417;
	margin:0.1rem;
}

/******************************/

.order-item .bd {
	padding:0.1rem;
}
.order-item .bd .item {
	display:block;
}
.order-item .bd .item:after {
	content:'';
	display:block;
	overflow:hidden;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.order-item .bd .pic {
	float:left;
	width:0.8rem;
	height:0.8rem;
	margin-right:-100%;
}
.order-item .bd .con {
	height:0.8rem;
	margin-left:0.9rem;
}
.order-item .bd .con .title {
	position:relative;
	overflow:hidden;
	max-height:0.4rem;
	line-height:0.2rem;
}
.order-item .bd .con .title i {
	position:absolute;
	top:0;
	right:0;
	color:#999;
	font-size:0.11rem;
}
.order-item .bd .con .info {
	overflow:hidden;
	height:0.2rem;
	line-height:0.2rem;
	color:#999;
	font-size:0.14rem;
	margin:0.1rem 0;
}

/******************************/

.order-item .ft {
	height:0.3rem;
	line-height:0.3rem;
	padding:0.1rem;
	background:#FFF;
}
.order-item .ft .btn {
	display:inline-block;
	height:0.28rem;
	line-height:0.28rem;
	color:#666;
	font-size:0.15rem;
	padding:0 0.1rem;
	margin-left:0.02rem;
	border:0.01rem solid #DDD;
}
.order-item .ft .btn.blue {
	color:#007FC3;
	border-color:#007FC3;
}

/******************************/
/* Shop-info style! */
/******************************/

.shop-info {
	padding:0.1rem;
	border-bottom:0.01rem solid #E6E6E6;
	background:#FFF;
}
.shop-info .pic {
	float:left;
	width:0.6rem;
	height:0.6rem;
	margin-right:-100%;
	border:1px solid #BFBFBF;
}
.shop-info .pic img {
	width:0.6rem;
	height:0.6rem;
}
.shop-info .con {
	position:relative;
	height:0.6rem;
	margin-left:0.7rem;
	padding-right:0.6rem;
}
.shop-info .con .info {
	color:#999;
	font-size:0.11rem;
}
.shop-info .con .btn {
	position:absolute;
	top:50%;
	right:0;
	display:block;
	height:0.28rem;
	line-height:0.28rem;
	color:#D84C1E;
	font-size:0.15rem;
	margin-top:-0.14rem;
	padding:0 0.05rem 0 0.3rem;
	border:0.02rem solid #D84C1E;
	border-radius:0.05rem;
	background:url(../images/mobile/eye-btn.png) no-repeat 0.05rem 50%;
	background-size:0.2rem auto;
}

/******************************/

.shop-table {
	padding:0.15rem;
	margin:0.12rem 0;
	border-top:0.01rem solid #E6E6E6;
	border-bottom:0.01rem solid #E6E6E6;
	background:#FFF;
}

/******************************/
/* Record-item style! */
/******************************/

.record-item li {
	padding:0.1rem 0.15rem;
	border-bottom:0.01rem solid #EEE;
	background:#FFF;
}
.record-item li .info {
	height:0.24rem;
	line-height:0.24rem;
}
.record-item li .info b {
	float:left;
	color:#090;
	font-size:0.14rem;
}
.record-item li .info i {
	float:right;
	color:#999;
	font-size:0.12rem;
}

/******************************/
/* Updata-img style! */
/******************************/

.updata-img { 
	position:relative; 
	min-height:1.5rem; 
	padding:0.1rem;
}
.updata-img:before { 
	content:''; 
	position:absolute; 
	top:50%; 
	left:50%; 
	display:block;
	width:1rem;
	height:1rem; 
	opacity:0.1;
	margin:-0.5rem 0 0 -0.5rem;
	border:0.02rem dashed #000;
	background:url(../images/icon-add.png) no-repeat center 50%;
	background-size:0.6rem auto;
}

/******************************/
/* Attention style! */
/******************************/

.attention li {
	position:relative;
	padding:0.1rem 5.2em 0.1rem 0.1rem;
	border-bottom:0.03rem solid #FFF;
	background:#FAFAFA;
}
.attention li:last-child {
	border-bottom:0;
}
.attention li:after {
	content:'';
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
}
.attention li a {
	display:block;
}
.attention li .pic {
	float:left;
	width:0.6rem;
	height:0.6rem;
	margin-right:-100%;
}
.attention li .pic img {
	width:0.6rem;
	height:0.6rem;
}
.attention li .con {
	margin-left:0.6rem;
	padding-left:0.12rem;
}
.attention li .con .info {
	color:#999;
	font-size:0.14rem;
	margin-top:0.05rem;
}
.attention li .del {
	position:absolute;
	top:0.1rem;
	right:0.1rem;
	color:#BBB;
	font-size:0.14rem;
	padding:0 0.5em;
	border:0.01rem solid #E6E6E6;
	border-radius:0.1rem;
}