
* {word-break:break-all;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei";}
body {margin:0;font-size:14px;color:#333333;background:#EFEFF4; line-height: 1.7;}/*-webkit-user-select:none;*/
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
form {margin:0px;}
td {font-size:14px;}
img {border:none;}
a:link,a:visited,a:active,a:hover {color:#333333;text-decoration:none;}
a.b:link,a.b:visited,a.b:active,a.b:hover{text-decoration:none;color:#007AFF;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,textarea,select {outline:none;}
.f_red {color:red;}
.f_blue {color:blue;}
.f_green {color:green;}
.f_orange {color:#FF6600;}
.f_gray {color:#666666;}
.f_price {color:#FF0000;}
.f_r {float:right;}
.t_c {text-align:center;}
.t_r {text-align:right;}
.c_b {clear:both;}
.f_b {font-weight:bold;}
.lh20 {line-height:200%;}
.px14 {font-size:14px;}
.px12 {font-size:12px;}
.dsn {display:none;}
.img-circle {border-radius:50%;}
.blank-10 {height:10px;clear:both;}
.blank-16 {height:16px;clear:both;}
.blank-20 {height:20px;clear:both;}
.blank-32 {height:32px;clear:both;}
.blank-35 {height:36px;clear:both;}
.main {background:#FFFFFF;clear:both;}
.bd-t {border-top:#D9D9D9 1px solid;}
.bd-r {border-right:#D9D9D9 1px solid;}
.bd-b {border-bottom:#D9D9D9 1px solid;}
.bd-l {border-left:#D9D9D9 1px solid;}

._main {
	overflow: hidden;
	margin: 0 0.32rem;
}
body{
	background-color: #f1f1f8!important;
}


/* slick */
.slick {
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 0!important;
	margin: 0.3rem 0!important;
}
.slick .slick-dots{
    bottom: 0.16rem;
}
.slick a,.slick img{
	display: block;
	width: 100%;
	height: 3.2rem;
	border-radius: 0.16rem;
}
.slick img{
	object-fit: cover;
}
.slick li{
	width: 0.16rem!important;
	height: 0.16rem!important;
	margin: 0 0.1rem!important;
	padding: 0!important;
}
.slick-dots li button{
	padding: 0;
	margin: 0;
	position: initial!important;
	width: 0.16rem!important;
	height: 0.16rem!important;
	padding: 0!important;
	background-color: white!important;
	border-radius: 50%!important;
}
.slick-dots li button:before{
	font-size: 0!important;
	width: 0.16rem!important;
	height: 0.16rem!important;
	line-height: 0.16rem!important;
	font-family: ""!important;
}
.slick-dots li.slick-active{
	width: 0.3rem!important;
	height: 0.16rem!important;
	border-radius: 0.1rem!important;
	margin: 0 0.1rem!important;
	padding: 0!important;
}
.slick-dots li.slick-active button{
	width: 0.3rem!important;
	border-radius: 0.08rem!important;
	height: 0.16rem!important;
	padding: 0!important;
	background-color: #FE7F00!important;
}
.slick-dots li.slick-active button:before {
    color: #FE7F00!important;
	border-radius: 0.08rem!important;
  }
  /* end */

/* home-renzheng */
.home-renzheng{
	margin-bottom: 0.3rem;
}
.home-renzheng-shop{
	width: 6.86rem;
	height: 1rem;
	border-radius: 0.16rem;
	background: linear-gradient(45deg,#e04b4f,#c52c2e);
	padding: 0.2rem;
	box-sizing: border-box;
}
.home-renzheng-shop-center{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.home-renzheng-shop-center h6{
	margin: 0;
	display: flex;
	align-items: center;
}
.home-renzheng-shop-center h6 img{
	width: 1.35rem;
	height: 0.26rem;
}
.home-renzheng-shop-center-right a{
	display: flex;
	align-items: center;
}
.home-renzheng-shop-center-right a span{
	font-size: 0.26rem;
	line-height: 0.28rem;
	white-space: nowrap;
	color: #cccccc;
}
.home-renzheng-shop-center-right a img{
	width: auto;
	height: 0.14rem;
	margin-left: 0.06rem;
}
.home-renzheng-desc{
	width: 6.86rem;
	height: 2.4rem;
	border-radius: 0.16rem;
	background-color: white;
	box-sizing: border-box;
	margin-top: -0.32rem;
}
.home-renzheng-desc ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 0.2rem 0.3rem;
	border-bottom: 1px solid #EAEAEA;
}
.home-renzheng-desc ul li span{
	font-size: 0.3rem;
	line-height: 0.34rem;
	font-weight: bold;
	color: #333;
}
.home-renzheng-desc ul li p{
	font-size: 0.26rem;
	line-height: 0.3rem;
	color: #999;
	margin: 0;
	margin-top: 0.16rem;
}
.home-renzheng-desc .home-renzheng-desc-bottom{
	font-size: 0.26rem;
	line-height: 0.3rem;
	color: #333;
	margin: 0;
	margin: 0.2rem 0.6rem 0.2rem 0.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.home-renzheng-desc .home-renzheng-desc-bottom b{
    color: #FE7F00;
}
/* end */
/* 快捷导航 */
.home-quick{
	margin-bottom: 0.3rem;
}
.home-quick ul{
	display: flex;
	align-items: center;
}
.home-quick li{
	margin-right: 0.4rem;
}
.home-quick li a span{
	font-size: 0.3rem;
	display: flex;
	align-items: center;
	line-height: inherit;
	color: #666666;
}
.home-quick li:first-child a span {
	font-size: 0.36rem;
	line-height: 0.42rem;
	color: #ff780a;
	font-weight: bold;
	position: relative;
}
.home-quick li:first-child a span::before{
	content: '';
	position: absolute;
	display: block;
	width: 0.3rem;
	height: 0.04rem;
	border-radius: 0.02rem;
	background-color: #ff780a;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.1rem;
}
/* end */
/* 共用标题 */
.home-title{
	display: flex;align-items: center;justify-content: space-between;
	margin-bottom: 0.2rem;
}
.home-title h2{
	font-size: 0.36rem;margin: 0;line-height: 0.38rem;
	color: #333333;font-weight: bold;
}
.home-title a {
	display: flex;
	align-items: center;
}
.home-title a span{
	font-size: 0.26rem;
	display: block;
	height: 0.3rem;
	line-height: 0.3rem;
	color: #999999;
}
.home-title a img{
	margin-left: 0.06rem;
	width: auto;
	height: 0.14rem;
}
.home-button{
	width: 2.6rem;
	height: 0.72rem;
	margin: 0 auto 0.3rem;
	background: linear-gradient(0deg, #FF4B3F 0%, #FF790B 100%);
	border-radius: 0.08rem;
}
.home-button a{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.3rem;
	line-height: 0.38rem;
	height: 100%;
	color: white;
	font-weight: 500;
}
/* end */
/* 推荐产品 */
.home-recom {overflow: hidden;}	
.home-recom ul{overflow: hidden; display: flex;flex-wrap: wrap;}
.home-recom ul li{
	width:3.32rem;overflow: hidden;
	margin:0 0.22rem 0.2rem 0;
	border-radius: 0.16rem;
	background-color: white;
}
.home-recom ul li:nth-child(2n){margin-right: 0;}
.home-recom ul li a{display: block; background-color: #fff;}
.home-recom ul li dt{
	overflow: hidden;width: 100%;
	height: 2.4rem;
}
.home-recom ul li dt img{width: 100%;display: block; height: 2.4rem; object-fit: cover;
	image-rendering: -webkit-optimize-contrast;
}
.home-recom ul li dd{overflow: hidden;padding:0.2rem 0.1rem 0.3rem 0.2rem;margin: 0;}
.home-recom ul li dd h3{ 
	font-size:0.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;
	margin: 0;font-weight: normal;line-height:0.44rem;height: 0.88rem;
}
.home-recom ul li dd p{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	margin-top: 0.16rem;
	flex-wrap: wrap;
}
.home-recom ul li dd p span{
	font-size: 0.24rem;
	color: #999999;
}
.home-recom ul li dd p .home-list-mian{
	font-size: 0.24rem;
	color: #FF0000;
}
.home-recom ul li dd p .home-list-mian span{
	color: #333;
}
.home-recom ul li dd p .home-list-mian b{
	font-size: 0.3rem;
	line-height: 0.34rem;
}
/* end */
/* 公司介绍 */
.home-introduce{overflow: hidden;margin-bottom: 1.38rem;}
.home-introduce .home-content{overflow: hidden;
	width: 6.86rem;
	box-sizing: border-box;
	background-color: white;
	border-radius: 0.16rem;
}
.home-introduce .home-content dl{
	margin: 0;overflow: hidden;width: 100%;text-align: center;
	height: 3rem;border-radius: 0.16rem;box-sizing: border-box;
/* 	border: 1px solid #ccc; */
}
.home-introduce .home-content dl img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 0.16rem;
}
.home-introduce .home-content dd{
	margin: 0.2rem 0.1rem 0.2rem 0.2rem;font-size:0.28rem;
	line-height:1.7;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;
}
.home-introduce .home-content p{
	font-size: 0.26rem;
	line-height: 0.4rem;
	margin: 0;
	margin: 0.1rem  0.2rem;
	display: flex;
	align-items: center;
	color: #888;
}
.home-introduce .home-content p:last-child{
	margin: 0 0.1rem 0.3rem 0.2rem;
}
/* end */
.btn,.btn-red,.btn-green,.btn-blue,.btn-orange {
    color: #FFFFFF;
    font-size: 16px;
    width: 100%;
    line-height:44px;
    border: none;
    border-radius:22px;
    text-align: center;
    -webkit-appearance: none;
}
.btn {background:#FFFFFF;border:#E4E4E4 1px solid;color:#000000;}
.btn:hover {background:#DEDEDE;border:#CDCDCD 1px solid;}
.btn-green {background:#1AAD19;}
.btn-green:hover {background:#179B16;}
.btn-blue {background:#007AFF;}
.btn-blue:hover {background:#0569D5;}
.btn-orange {background:#FF6600;}
.btn-orange:hover {background:#FF9a00;}
.btn-red {background:#E64340;}
.btn-red:hover {background:#CE3C39;}
.input-checkbox {width:24px;height:24px;background:url('img/icon-check.png') no-repeat;background-size:24px 24px;}
.input-checkbox-checked {width:24px;height:24px;background:url('img/icon-checked.png') no-repeat;background-size:24px 24px;}

.head-bar-fix {height:1.16rem;clear:both;}
.head-bar {
	width:7.5rem;height:1.16rem;line-height:1.16rem;overflow:hidden;background:#fff!important;padding: 0 0.32rem;
	position:fixed;z-index:9;left:0;top:0;-webkit-user-select:none;box-shadow: 0 0 0.05rem rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}
.head-bar img {width:auto;height:0.24rem;vertical-align:middle;object-fit: contain;}
/* .head-bar span {color:#666;font-size:18px;} */
.head-bar-center{
	width: 4.68rem;
	overflow: hidden;
}
.head-bar-desc-renzheng{
	height: 0.34rem;
	border-radius: 0.08rem;
	background-color: #ff0003;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0.1rem;
	margin-right: 0.1rem;
}
.head-bar-center .head-bar-desc{
	display: flex;
	align-items: center;
}
.head-bar-center .head-bar-desc-renzheng img{
	width: 0.22rem;
	height: 0.22rem;
}
.head-bar-center .head-bar-desc-renzheng span{
	font-size: 0.2rem;
	line-height: 0.34rem;
	color: white;
	margin-left: 0.05rem;
}
.head-bar-center .head-bar-desc p{
	margin: 0;
	line-height: 0.32rem;
	display: flex;
	align-items: center;
}
.head-bar-center .head-bar-desc p span{
	font-size: 0.2rem;
	line-height: 0.24rem;
	color: #999;
}
.head-bar-center .head-bar-desc p img{
	height: 0.22rem;
	width: 0.27rem;
	margin-right: 0.06rem;
}
.head-bar-title {
	width: 4.68rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size:0.36rem;font-weight:bold;text-align:center;line-height: 0.42rem;
	word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.head-bar-right .head-bar-guanzhu{
	width: 0.98rem;
	height: 0.52rem;
	border: 0.02rem solid #ff780a;
	border-radius: 0.26rem;
	margin-right: 0.2rem;
}
.head-bar-right .head-bar-guanzhu a{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.head-bar-right .head-bar-guanzhu a span{
	font-size: 0.26rem;
	line-height: 0.52rem;
	text-align: center;
	color: #ff780a;
}
.head-bar-left {}
.head-bar-back {
	margin-right: 0.2rem;

}
.head-bar-back a{
	display: flex;
	align-items: center;
}
.head-bar-back a span{
	display: block;
	font-size: 0.28rem;
	margin-left: 0.05rem;
    min-width: 64px;
}
.head-bar-right {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}


.foot-bar-fix {height:0.98rem;clear:both;}
.foot-bar {width:100%;height:48px;overflow:hidden;background:#FFFFFF;/* border-top:#dfdfdf 1px solid; */ box-shadow: 0 0 5px rgba(0,0,0,0.15); position:fixed;z-index:99;left:0;bottom:0;-webkit-user-select:none;}
.foot-bar li {width:25%;height:48px;float:left;text-align:center;font-size:12px;}
.foot-bar span {display:block;padding-top:32px;}
.foot-bar em {font-style:normal;font-size:10px;position:relative;z-index:10;display:block;width:5px;height:5px;left:50%;margin:-38px 0 0 8px;background:#FF0000;border:1px solid #F43531;border-radius:5px;}
.foot-bar .icon-home {background:url('img/icon-home.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home-on {background:url('img/icon-home-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel {background:url('img/icon-channel.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel-on {background:url('img/icon-channel-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my {background:url('img/icon-my.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my-on {background:url('img/icon-my-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more {background:url('img/icon-more.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more-on {background:url('img/icon-more-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home span,.foot-bar .icon-channel span,.foot-bar .icon-my span,.foot-bar .icon-more span {color:#7A7E83;}
.foot-bar .icon-home-on span,.foot-bar .icon-channel-on span,.foot-bar .icon-my-on span,.foot-bar .icon-more-on span {color:#ff6a00;}

.foot-comment {text-align:right;margin:6px 10px;line-height:36px;font-size:16px;}
.foot-comment div {position:absolute;z-index:10;left:10px;right:60px;text-align:center; line-height:36px;
    border-radius: 22px;  background-color: #eeeeee;color:#333;font-size:14px;}

.my-cart {width:46px;height:46px;background:url('img/home-cart.png') no-repeat center center;background-size:46px 46px;opacity:0.9;position:fixed;z-index:10;right:10px;bottom:60px;}
.my-cart em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:50%;}

.user-info {height:84px;border-bottom:#D9D9D9 1px solid;border-top:#D9D9D9 1px solid;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:23px 13px;}
.user-info img {float:left;border-radius:50%;margin:10px 16px 0 16px;}
.user-info div {float:left;line-height:26px;margin:16px 0 0 0;}
.user-info strong {font-size:18px;font-weight:normal;}



.ui-form .form-item .form-control input{
    border:none!important;
}
.list-set-main{position: fixed;width: 100%;height: 100%;bottom: 0;top: 0;padding:1.16rem 0 0.98rem;background-color: #ffff;z-index: 5; overflow-y: scroll;}
.list-set {
	margin: 0.3rem 0.32rem;
    border-radius: 0.16rem;
    background-color: #fff;
    overflow: hidden;margin-bottom: 0.98rem;
}
.list-set li {background:#FFFFFF;border-bottom: 1px solid #EAEAEA;}
.list-set li:last-child{
	border-bottom: 0;
}
.list-set ul li>div {
	margin: 0;
    padding: 0 0.2rem;
}
.ui-editor-toolbar {
    border: none;
	border: 1px solid #eee;
}
.ui-editor-content {
   
    border: none;
	border: 1px solid #eee;
}
.list-set ul li>div>a {
	display: block;
	height: 1rem;
    line-height: 1rem;
    font-size: 0.3rem;
    color: #333;
    padding: 0 0.2rem 0 0;
    background: url('./img/Frame-right@2x.png') no-repeat right center;
    background-size: 0.1rem 0.18rem;
}
.list-set em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:10px;margin-top:14px;}
.list-set span {float:right;color:#333333;padding-left:10px; background-color: inherit;}
.list-set .tips{height:52px; width: 23px; background:url('img/list-set.png') no-repeat right center;background-size:23px 13px; float: right; margin: 0;}
.list-set li:first-child div {border:none;}

.list-set input,.list-set select {border:#EEEEEE 1px solid;border-radius:0;-webkit-appearance:none;padding:4px;font-size:14px;}

.list-set-img div {margin-left:50px;}
.list-set-img img {width:24px;height:24px;position:absolute;z-index:8;margin:10px 0 0 -36px;}

.list-txt {overflow: hidden;background:#FFFFFF;}
.list-txt li{overflow: hidden;border-bottom: 1px solid #eee;background: url('img/list-set.png') no-repeat right center;;background-size:23px 13px;padding: 10px 30px 10px 10px;}
.list-txt h3{font-size:14px;color:#333;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;margin: 0 0 5px;font-weight: normal;}
.list-txt span{font-size: 12px;color: #999;margin: 0;}



.list-img ul {margin:12px 0;}
.list-img li {height:24px;line-height:24px;overflow:hidden;}
.list-img strong {font-size:14px;display:block;width:100%;font-weight:normal;}
.list-img li a{display:block ; text-overflow: ellipsis; white-space: nowrap;overflow: hidden}
.list-img strong span {font-size:14px;}
.list-img em {font-size:12px;color:#666666;font-style:normal;}
.list-img i {font-size:12px;color:#F23030;font-style:normal;float:right;}
.list-img span {font-size:12px;color: #999999;}
.list-img .price {font-size:12px;color:#FF0000;}
.list-img .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:15px;}
.list-img .check {
	font-size: 0.32rem;
	float: right;
    width: 0.32rem;
    height: 0.32rem;
    background: url('./img/radio 2@2x.png') no-repeat center center;
    background-size:contain;
}
.list-img .checked {
	font-size: 0.32rem;
	float: right;
    width: 0.32rem;
    height: 0.32rem;
	background: url('./img/icon-radio-check1@2x.png') no-repeat center center;
    background-size: contain;
}
.list-img .sheet {float:right;width:32px;height:30px;background:url('img/icon-sheet.png') no-repeat center center;background-size:20px 20px;}

.list-user {height:32px;overflow:hidden;padding:0 16px;margin-top:10px;}
.list-user img {float:left;}
.list-user ul {position:absolute;left:58px;right:16px;}
.list-user li {line-height:16px;color:#999999;}
.list-user span {float:right;font-size:12px;}
.list-user em {font-size:11px;font-style:normal;}

.list-inp {background:#FFFFFF;padding:0 16px;}
.list-inp div {width:100%;line-height:44px;font-size:16px;}
.list-inp input[type="text"],.list-inp input[type="password"],.list-inp input[type="number"],.list-inp input[type="tel"],.list-inp input[type="email"] {width:98%;height:24px;line-height:24px;border:none;padding:0;margin:10px 0 0 0;font-size:16px;}

.list-btn {padding:0 16px;}

.list-pay {background:#FFFFFF;border-top:#D9D9D9 1px solid;border-bottom:#D9D9D9 1px solid;font-size:18px;}
.list-pay li {background:#FFFFFF;}
.list-pay div {margin-left:50px;height:44px;line-height:44px;overflow:hidden;border-top:#D9D9D9 1px solid;}
.list-pay em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;margin-top:7px;}
.list-pay span {float:right;font-size:12px;color:#666666;}
.list-pay li:first-child div {border:none;}
.list-pay img {width:24px;height:24px;position:absolute;z-index:9;margin:10px 0 0 -36px;border-radius:4px;}
.list-pay .check {width:32px;height:30px;background:url('img/icon-check.png') no-repeat center center;background-size:24px 24px;}
.list-pay .checked {width:32px;height:30px;background:url('img/icon-checked.png') no-repeat center center;background-size:24px 24px;}

.list-tab {padding:16px;background:#FFFFFF;}
.list-tab ul {border:#444444 1px solid;border-radius:4px;height:35px;line-height:35px;font-size:12px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {border-right:#444444 1px solid;color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.list-tab li:last-child {border-right:none;}
.list-tab span {color:#444444;display:block;width:100%;height:100%;}
.list-tab .on {background:#444444;color:#FFFFFF;}
.list-tab .on span {color:#FFFFFF;}

.list-menu {overflow:hidden;margin: 0 0.32rem;}
.list-menu ul {padding: 0.3rem 0;display: -webkit-box;overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;display: -o-flexbox; display: -ms-flexbox;}
.list-menu a{display: block;margin-right: 0.6rem;}
.list-menu li {padding:0;float:left;font-size: 0.3rem;color: #999;line-height: 0.34rem;}
.list-menu a:last-child{
	margin-right: 0;
}
.list-menu .on {color:#FF780A;font-size: 0.32rem;line-height: 0.34rem;}
.list-empty {
	margin: 2.4rem 0.32rem 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.list-empty .list-empty-pic{
	width: 2.72rem;
	height: 2.36rem;
	overflow: hidden;
}
.list-empty .list-empty-pic img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.list-empty p{
	text-align: center;
	margin: 0;
	margin-top: 0.6rem;
	font-size: 0.36rem;
	line-height: 1.2;
	color: #999;
}
.order-list{
	margin: 0 0.32rem 0.2rem;
	background: #fff;
	border-radius: 0.16rem;
	overflow: hidden;
}
.order-t {padding:0.2rem 0.64rem 0.2rem 0.2rem;overflow:hidden;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:0.46rem 0.26rem;font-size: 0.3rem;}
.order-t em {font-size:0.26rem;font-style:normal;float:right;}
.order-p {padding:0.2rem;overflow:hidden;background:#FFFFFF;font-size: 0.26rem;}
.order-p input[type="text"] {width:50%;border:#B2B2B2 1px solid;padding:4px 6px;border-radius:0;font-size:14px;-webkit-appearance:none;}
.order-b {padding:0 0.2rem 0.2rem;overflow:hidden;text-align:right;}
.order-b a {display:inline-block;width:1.44rem;height:0.26rem;line-height:0.26rem;background:#FFFFFF;border:#D9D9D9 1px solid;border-radius:0.2rem;margin:0;padding: 0.1rem 0;
	font-size:0.24rem;text-align:center; margin-left: 0.16rem;margin-top: 0.1rem;}
.order-list .list-img {background:#FFFFFF;border: none!important;overflow:hidden;clear:both;border-bottom:#eeeeee 1px solid!important;padding:0 0.2rem 0.2rem;
	display: flex;margin: 0;
}
.friend-form .list-img{
	margin: 0;
}
form{
	background: none;
	margin-bottom: 0;
}
.btn-mine{
    position: fixed;
    left: 0;
    bottom: 0.3rem;
    height: 0.9rem;
    line-height: 0.9rem;
    border: none;
    margin: 0 0.32rem;
    width: calc(100% - 0.64rem);
    color: #fff;
    font-size: 0.36rem;
    text-align: center;
    background: #FF780A;
    border-radius: 0.45rem;
}
.list-img {background:#FFFFFF;border: none!important;overflow:hidden;clear:both;padding:0.2rem;
	display: flex;border-radius: 0.16rem;margin:0 0.32rem 0.2rem;align-items: center;
}
.list-img a{
	display: flex;
}
.list-img img {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 0.08rem;
	object-fit: cover;
}
.list-img ul{
	margin: 0;
	margin-left: 0.2rem;
	flex: 1;
	overflow: hidden;
}
.list-img ul li{
	height: auto;
	line-height: 1.5;

}
.list-img strong{
	font-size: 0.26rem;
	color: #333;
	white-space: pre-wrap;
}
.list-img em{
	font-size: 0.26rem;
	margin-top: 0.2rem;
}
.title {font-size:18px;line-height:22px;padding:15px 15px 5px;}
.info {font-size:14px;padding:0 15px 15px;color:#666666;border-bottom:#D9D9D9 1px solid;}
.content {font-size:0.26rem;
	line-height:1.5;
	padding:0.2rem;
	background: #fff;
}
.content:last-child{
	border-bottom: none;
}
.content img {max-width:98%;height:auto;}
.content table {max-width:98%;height:auto;}
.content a {color:#007AFF;}
.award {padding:32px;text-align:center;}
.award div {width:80px;height:44px;line-height:44px;font-size:20px;font-weight:bold;letter-spacing:2px;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 2px solid;border-radius:10px;}
.award div:hover {background:#E94657;color:#FFFFFF;}
.content-msg {font-size:16px;line-height:30px;padding:44px 15px 44px 10px;text-align:center;}
.head {font-size:0.3rem;padding:0.2rem;}
.contact {padding:10px 16px;font-size:16px;line-height:200%;}
.pages {
	margin: 0.3rem 0.32rem;
	display: flex;
	align-items: center;
}
.pages a {
	display: block;
	font-size: 0.3rem;
	line-height: 1.1;
	margin-right: 0.3rem;
	color: #333;
}
.pages a:last-child{
	margin-right: 0;
}
.pages a:first-child{
	padding: 0.2rem 0.4rem;
	background: #fff;
	border-radius: 0.08rem;
	font-size: 0.28rem;
}
.pages a:nth-child(2){
	flex: 1;
	overflow: hidden;
	text-align: right;
}
.album {padding:10px 0;text-align:center;}
.album_o {display:inline-block;width:10px;height:10px;margin:5px;background:#FFFFFF;border:1px solid #ff8800;border-radius:10px;}
.album_c {display:inline-block;width:10px;height:10px;margin:5px;background:#ff8800;border:1px solid #ff8800;border-radius:10px;}

.share_icon {display:none;}

.ui-ok {background:#FFFFFF url('img/icon-ok.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ko {background:#FFFFFF url('img/icon-ko.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}
.ui-ok p,.ui-ko p {margin:0;font-size:20px;font-weight:bold;padding-bottom:44px;}
.ui-ok div,.ui-ko div {font-size:16px;color:#999999;padding-bottom:44px;}
.ui-ok input,.ui-ko input {margin-bottom:16px;}

.ui-form {background:#FFFFFF;padding:0 15px;}
.ui-form p {padding:15px 0 8px;margin:0;font-size:14px;font-weight:bold;clear:both;}
.ui-form .form-item div {flex:1;overflow: hidden;}
.ui-form em {padding-left:6px;font-size:12px;color:#FF0000;}
.ui-form b {float:right;font-size:12px;color:#FF0000;font-weight:normal;}
.ui-form label {display:inline;margin:0px;font-size:16px;}
.ui-form input[type="text"],.ui-form input[type="password"],.ui-form input[type="search"],.ui-form input[type="tel"],.ui-form input[type="number"],.ui-form input[type="email"],.ui-form input[type="url"] {box-sizing:border-box;width:100%;height:44px;line-height:44px;border:#B2B2B2 1px solid;padding:0 6px;border-radius:0;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="search"] {background:url('img/ico-search.png') no-repeat 6px center;background-size:16px 16px;padding:0 28px;}
.ui-form input[type="date"] {width:150px;height:44px;line-height:44px;border:#B2B2B2 1px solid;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="datetime-local"] {width:180px;height:44px;line-height:44px;border:#B2B2B2 1px solid;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}
.ui-form input[type="radio"] {border:#B2B2B2 1px solid;}
.ui-form input[type="checkbox"] {border:#B2B2B2 1px solid;}
.ui-form select {padding:0 3px;font-size:0.3rem;height:32px;line-height:32px;border:#B2B2B2 1px solid;margin:0 10px 10px 0;background:#FFFFFF;}
.ui-form textarea {box-sizing:border-box;width:100%;height:72px;line-height:24px;padding:3px;font-size:14px;border:#B2B2B2 1px solid;-webkit-appearance:none;}
.ui-form #captcha {width:100px;}
.ui-form #answer {width:80%;}

.form-item{line-height: initial;clear: both;display: block;position: relative;margin-bottom: 10px;}
.form-item label{height: 30px;line-height: 30px;font-size: 14px;color: #999;margin: 0;}
.form-item .form-group{width: 100%;margin: 0;display: block;overflow: hidden;}
.form-item .form-group  input{width: 100%;height: auto;padding:8px 12px;font-size:14px;line-height: 35px;height: 35px;border-radius: 4px;color: #555; background-color: #fff;background-image: none;border: 1px solid #eee;}

.webuploader-container {position:relative;}
.webuploader-element-invisible {position:absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position:relative;display:inline-block;cursor:pointer;width:80px;height:80px;}
.webuploader-pick-disable {opacity:0.6;pointer-events:none;}

.ui-form-thumb-show {width:80px;height:60px;border:#EDEEF1 1px solid;margin-right:16px;float:left;display:none;}
.ui-form-thumb-show img {width:80px;height:60px;border:none;}
.ui-form-thumb-upload {width:80px;height:60px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:40px 40px;}
.ui-form-album-show {width:80px;height:80px;border:#EDEEF1 1px solid;margin-right:16px;float:left;display:none;}
.ui-form-album-show img {width:80px;height:80px;border:none;}
.ui-form-album-upload {width:80px;height:80px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:40px 40px;}
.ui-form-file-upload {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#FFFFFF url('img/upload-file.png') no-repeat center center;background-size:16px 16px;margin:-36px 6px 0 0;}

.ui-editor-toolbar {background:#F8F8F8;height:36px;line-height:36px;padding-left:10px;}
.ui-editor-toolbar li {width:36px;height:36px;line-height:36px;text-align:center;float:left;color:#7F8393;font-size:20px;cursor:pointer;font-family:Verdana;}
.ui-editor-img {background:url('img/editor-img.png') no-repeat center center;background-size:20px 20px;overflow:hidden;}
.ui-editor-italic {font-style:italic;}
.ui-editor-underline {text-decoration:underline;}
.ui-editor-content {background:#FFFFFF;height:240px;padding:10px;font-size:16px;}
.ui-editor-content img {max-width:100%;height:auto;}
.ui-editor-content a {color:#007AFF;}

.ui-toast {height:32px;line-height:32px;overflow:hidden;display:inline-block;padding:0 16px;background:#000000;opacity:0.8;color:#FFFFFF;border-radius:6px;position:fixed;z-index:99;top:76px;font-size:14px;display:none;}
.ui-sheet {
    position: fixed;
    z-index:1000;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 100%;
}
.ui-sheet div {background:#FFFFFF;}
.ui-sheet li {height:50px;line-height:50px;overflow:hidden;text-align:center;font-size:18px;color:#007AFF;border-top:#EEEEEE 1px solid;}
.ui-sheet p {height:50px;line-height:50px;text-align:center;font-size:18px;color:#007AFF;font-weight:bold;margin:0;background:#FFFFFF; border-top:#EEEEEE 1px solid;}
.ui-sheet em {padding:10px;line-height:24px;font-size:14px;color:#999999;font-style:normal;text-align:center;display:block;}
.ui-sheet span {color:#007AFF;display:block;width:100%;}
.ui-mask {position:fixed;z-index:98;left:0;top:0;right:0;width:100%;height:100%;overflow:hidden;background:#000000;opacity:0.5;display:none;}
.ui-icon-loading {background:url('lib/jquery/images/ajax-loader.gif');background-size:2.875em 2.875em;}


/*---------------------------------------
footer
----------------------------------------*/
.footer-box{
	overflow: hidden;
	background: #333;
    margin: 0 0.32rem;
	border-radius: 0.16rem;
	padding: 0.2rem;
	display: none;
	margin-bottom: 1.3rem;
}
.footer-box,.footer-box a{
    color: #999999!important;
    font-size: 0.26rem;
	line-height: 0.36rem;
	font-weight: 500;
}
.footer-box .footer-logo{
	width: 120px;
	overflow: hidden;
	margin: 0 auto;
}
.footer-box .footer-logo img{
	width: 100%;
	display: block;
}
.footer-box .footer-tel{
	overflow: hidden;
    text-align: center;
    width: 80%;
    margin:0 auto;
}
.footer-box .footer-tel em{
    font-style:normal;
	font-size: 0.3rem;
	line-height: 0.42rem;
	font-weight: 500;
	color: #999;
}
.footer-box .footer-tel a{
    display: block;
	color: #999;
    font-size:0.48rem;
	line-height: 0.68rem;
	margin-top: 0.12rem;
    font-weight: 800;
}
.footer-box .footer-nav{
	overflow: hidden;
	margin:0.2rem auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer-box .footer-nav li{
	overflow: hidden;
	padding: 0 0.2rem;
	border-right: 1px solid #999999;
	text-align: center;
	list-style: none;
}
.footer-box .footer-nav li:last-child{
	border-right: none;
}
.footer-box p{
	margin: 0.2rem 0 0;
    text-align: center;
    line-height: 0.28rem;
    font-size: 0.2rem;
	color: #999;
	font-weight: 500;
}
.footer-box p a{
    line-height: 0.28rem;
    font-size: 0.2rem;
	color: #999;
	font-weight: 500;
	display: block;
	margin-bottom: 0.12rem;
}

.footer,.footer-detail {
    width: 7.5rem;
	height: 0.98rem;
	position: fixed;
	background: #ffffff;
	bottom: 0;
	left: 0;
	right: 0;
}
#footer-box {
	position: fixed;
	width: 100%;
	height: 0.98rem;
	bottom: 0;
	background: #ffffff;
	z-index: 999;
	/* max-width: 750px; */
	left: 0;
	right: 0;
    /* margin: 0 auto;
    box-shadow: 0 3px 14px 2px rgba(0,0,0,.12); */
}
.footer ul {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: space-between;
	padding:0 0.74rem 0;
	position: relative;
}
.footer-detail ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0 0.32rem 0;
	height: 100%;
	position: relative;
}
.footer ul li {
	width: auto;
	text-align: center;
}
.footer ul li img,.footer-detail ul li img {
	width: 0.4rem;
	height: 0.4rem;
	object-fit: contain;
	display: block;
	margin:3px auto 0;
}
.footer ul li p,.footer-detail ul li p{
	margin: 0;
	margin-top: 0.1rem;
	font-size: 0.28rem;
	line-height: 0.3rem;
	font-weight: 500;
	color: #999;
}
.footer ul li span,.footer-detail ul li span{
	margin: 0;
	margin-top: 0.1rem;
	font-size: 0.24rem;
	line-height: 0.26rem;
	font-weight: 500;
	color: #333;
}
.footer ul li.on p,.footer-detail ul li.on p{
	color: #FF780A;
}
.cart_box{
    padding: 2.4rem 0.32rem 0;
    margin-bottom: 1.4rem;
    text-align: center;
    height: auto;
}
.cart_box img{
    width:35%;
}
.cart_box-font{
    margin-top: 0.6rem;
    font-size: 0.36rem;
    color: #999;
}
.cart_box a{
    color: #ffffff;
    display: block;
}
.ui-form_box{
    padding: 0;
    margin: 0.3rem 0.32rem;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 0.35rem;
    overflow: hidden;
}
.ui-form input[type="search"]{
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    padding: 0 0.56rem;
    border: none;
    font-size: 0.32rem;
    color: #999;
    background: url("./img/Frame 138@2x.png") no-repeat 0.2rem center;
    background-size: 0.28rem 0.28rem;
}