@charset "utf-8";
/*淡入动画*/
@keyframes fade-in {
    0% {opacity: 0;}/*初始状态 透明度为0*/
    40% {opacity: 0;}/*过渡状态 透明度为0*/
    100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}
@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_0zlpwud1e4ivbo6r.eot?t=1493979065163'); /* IE9*/
  src: url('//at.alicdn.com/t/font_0zlpwud1e4ivbo6r.eot?t=1493979065163#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_0zlpwud1e4ivbo6r.woff?t=1493979065163') format('woff'), /* chrome, firefox */
  url('//at.alicdn.com/t/font_0zlpwud1e4ivbo6r.ttf?t=1493979065163') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_0zlpwud1e4ivbo6r.svg?t=1493979065163#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon_arrowRight:before { content: "\e608"; }
.icon_arrowDown:before { content: "\e662"; }
.icon_arrowLeft:before { content: "\e617"; }
.icon_arrowUp:before { content: "\e605"; }

* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    text-decoration: none;
    outline: none;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
}
html,body {
	animation: fade-in;
    animation-duration:.5s;
    -webkit-animation:fade-in .5s;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);
	-o-tap-highlight-color:rgba(0, 0, 0, 0);
	tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-overflow-scrolling:touch;
	font: 4.35vw -apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
	color:#333;

}
table{border-collapse:collapse;}
a { text-decoration:none; color:inherit; cursor:pointer;}
a:hover, a:visited, a:link, a:active, a:focus {
    text-decoration:none;
	outline:none;
}
ul,li { list-style:none; padding:0; margin:0;}
img { max-width:100%; border:0;}
.clear { clear:both; height:0;}

.ellips {	/*多行省略*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.flex_parent {
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex_parent .flex_child {
	display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}


#container {
	display:none;
}


.indexbanner { border-top:2px solid #ef6831;}
.indexbanner .item { width:100vw; height:60vw; background-repeat:no-repeat; background-position:center; background-size:cover;}
.gridsMenu { margin:1em;}

/*mall-home*/
#mall { overflow:hidden;}
.navbar { font-size:1em; width:100%;}
.navPage { overflow:hidden; position:relative; width:100vw; font-size:4vw; }
.nav_left,.nav_right{ }
/*.nav_left{width:22vw; position:absolute; top:0; left:0; bottom:0; text-align: center; background-color:#FFF;}  */
.nav_left{width:22vw; height:100%; text-align: center; background-color:#FFF;}

.nav_left ul{height: 100%; width: 100vw; overflow-y: auto; overflow-x: hidden;}
.nav_left ul li { cursor:pointer; position:relative; width: 22vw; text-align: center; padding:1.3em 0;}
.nav_left ul li.cur {background-color:#f0f4f7; color:#ff5400; }
.nav_left ul li.cur:after { content:" "; width:2px; position:absolute; top:0; bottom:0; right:-1px; background-color:#f0f4f7;}
.nav_left ul li.cur span:before { content:" "; width:2px; position:absolute; top:0; bottom:0; left:0; background-color:#ff5400;}

/*.nav_right {overflow: hidden; height:100%; width:78vw; margin-left:22vw; background-color:#f0f4f7;}*/
.nav_right {overflow: hidden;  width:78vw; background-color:#f0f4f7; position:absolute; top:0; right:0; bottom:0;}

.nav_right .nav_body { overflow-y: auto; overflow-x: hidden; width:100vw; height:100%; border-left:1px solid #ddd;}
.nav_right .nav_body .nav_container { position:relative; width:74vw; padding:2vw;}
.nav_banner {}

.mall-list-items { padding:0;}
.mall-list-items > li { position:relative; background-color:#FFF; border:1px solid #ddd; margin:1em 0; border-radius:.3em; overflow:hidden;}
.mall-list-items > li a { display:block;}
.mall-list-items > li img.photo { display:block; width:100%;}
.mall-list-items > li .text { padding:.5em;}
.mall-list-items > li p { padding:.2em .5em;}
.mall-list-items > li p.name { font-size:1.1em;}
.mall-list-items > li p.brife { font-size:1em; color:#666;}
.mall-list-items > li p.tips { font-size:4vw; color:#666;}
.mall-list-items > li p.price {color:#ff5400;}
.mall-list-items > li p.price span { font-size:1.2em; }
.mall-list-items > li p.price del { color:#888; margin:0 1em; font-size:.95em; text-decoration: line-through;}
.mall-list-items > li p.count { font-size:.9em; color:#555;}
.mall-list-items > li p.stock { color:#FFF; background-color:#49bc14; margin-top:.3em; padding:.5em .5em; text-align:center;}
.mall-list-items > li p.stock.disabled {background-color:#999;}
.mall-list-items > li p.stock span { display:inline-block; padding:0;}
.mall-list-items > li p.stock span.s { margin-left:.5em; padding-left:.5em; border-left:1px dashed #FFF;}

.lodmore {position:relative; background-color:#FFF; border:1px solid #ddd; margin:1em 0; border-radius:.2em; overflow:hidden;}
.lodmore a { display:block; text-align:center; padding:.5em 0; background-color:#f9f9f9; color:#666;}
.lodmore a:active,.lodmore a:hover { background-color:#000; color:#FFF;}
/*mall-home end*/

.lineBar { position: relative; border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin:1em 0; }
.lineBar .line_ico { width:2em; height:2em;}
.lineBar .line_ico img { width:100%; height:100%;}
.lineBar p { position:absolute; left:3.5em; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.lineBar a { cursor:pointer; display:block;padding:.5em 1em; }
.lineBar a:hover,.mallButt a:active { background-color:#f0f0f0;}
.lineBar a:after { content:" "; width:1em; height:1em; display:block; position:absolute; top:35%; right:1.5em; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); transform:rotate(45deg); border:2px solid #cdcdcd; border-left:0; border-bottom:0;}
.lineBar.tomall { background-color:#f9f9f9;}

/*商品页*/
.gsInfo { padding:.8em; border-top:1px solid #ddd; border-bottom:10px solid #f5f5f5;}
.gsInfo p { padding:.3em 0;}
.gsInfo .price a { color:#d91636; font-size:1.5em;}
.gsInfo .price del { text-decoration:line-through; color:#999; margin-left:.5em;}
.gsInfo .name { font-size:1.2em; color:#000;}
.gsInfo .brief {font-size:1.1em;}
.gsInfo p.stock { font-size:1em; text-align:right; color:#666;}

.lineButt { position:relative; padding:0 .8em;}
.lineButt a {padding:1em 0;display:block;}
.lineButt + .lineButt a {border-top:1px solid #ddd;}
.lineButt a:after { content:" "; width:.6em; height:.6em; display:block; position:absolute; top:35%; right:1.5em; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); transform:rotate(45deg); border:2px solid #cdcdcd; border-left:0; border-bottom:0;}
.lineButt:active { background-color:#000; color:#FFF;}
.lineButt:active a { border-color:#000;}
.lineButt:active a:after {border-color:#FFF;}
.lineButt a span { margin:0 .5em;}

.cartBar { background-color:#FFF; position:fixed; z-index:600; bottom:0; left:0; right:0; border-top:2px solid #ddd; font-size:0;}
.cartBar a { text-align:center; font-size:4.5vw; display:inline-block; padding:.6em 0;  color:#FFF; /*margin-left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);*/}
.cartBar a.minibtn {background-color:#f9f9f9; color:#000; width:20%;}
.cartBar a.minibtn p { border-right:1px solid #ddd;}
.cartBar a.addCart {background-color:#fe4600; width:80%;}
.cartBar a.addCart.disabled {background-color:#666; cursor: default;}
.cartBar a.addCart.balance { width:30%; float:right;}
.cartBar a.addCart.amount { background-color:#FFF; color:#333; text-align:right; width:-webkit-calc(50% - .5em); width:calc(50% - .5em); padding-right:.5em;}
.cartBar a.addCart.amount p { font-size:.8em;}
.cartBar a.addCart.disabled { background-color:#999;}
.cartBar a.toCart { position:relative;width:30%; background:#e22127 url(../Images/icon_cart_white.png) no-repeat center; background-size:auto 60%;}
.cartBar a.toCart p { color:transparent;}
.cartBar a.toCart i { display:none; font-style:normal; position:absolute; top:-1em; right:1em; background-color:#F00; font-size:4vw; width:7vw; height:7vw; line-height:7.5vw; text-align:center; border-radius:3.5vw; border:1px solid #FFF;}
.cartBar a:active { background-color:#000; color:#FFF;}

.gsDetail {
	margin:2em .8em;
	position: relative;
    height: inherit;
}
.gsDetail .weui-navbar {
	background-color: #FFF;
	border:1px solid #343434;
	border-radius:1.5vw;
	overflow:hidden;
}
.gsDetail .weui-navbar__item {
    padding: .6em 0;
    font-size: 1.1em;
}
.gsDetail .weui-navbar:after { display:none;}
.gsDetail .weui-bar__item--on { background-color:#343434; color:#FFF;}
.gsDetail .weui-tab__bd { padding-top:4em; line-height:1.5;}
.gsDetail .weui-tab__bd img { max-width:100%; margin:.5em 0;}
.gsDetail .weui-tab__bd .weui-tab__bd-item {
    height: inherit;
	overflow: inherit;
}

.gslist { padding:.5em; border-top:.8em solid #f5f5f5;}
.gslist .gsItem { position:relative; margin:.5em 0; overflow:hidden;border-bottom:1px solid #ddd; padding-bottom:.5em;}
.gslist .gsItem:last-child {border-bottom:0;}
.gslist .gsItem .info { position:relative; height:20vw; }
.gslist .gsItem .carts_choose + .info { margin-left:10vw;}
.gslist .gsItem .info .pic { position:absolute; top:0; left:0; width:20vw; height:20vw; overflow:hidden; background-color:#f0f0f0; background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:1vw; overflow:hidden;}
.gslist .gsItem .info .txt { position:absolute; top:0; left:0; right:0; bottom:0; padding:0 .5em; font-size:.9em;}
.gslist .gsItem .info .pic + .txt { left:20vw;}
.gslist .gsItem .info .txt .shuzi {position:absolute; bottom:0; left:0; right:0; padding:0 .5em; text-align:left;}
.gslist .gsItem .info .txt .name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	 text-align:left;
}
.gslist .gsItem .info .txt .shuzi .price:before { content:"￥";}
.gslist .gsItem .info .txt .shuzi .num { float:right;}
.gslist .gsItem .info .delThis { position:absolute; right:0; bottom:0; display:inline-block; width:2.3em; height:2.3em; overflow:hidden; text-indent:-200%; background:url(../Images/icon_dele.png) no-repeat center #f5f5f5; background-size:70%;}
.gslist .gsItem .info .delThis:active { background-color:#0FF;}

.gslist .gsItem .info .txt .shuzi .num:before { content:"×";}
.gslist .gsItem .info .txt a { display:block;}
.gslist .carts_choose { display:block; width:5vw; height:5vw; border-radius:2.5vw; border:1px solid #000; position:absolute; top:50%; left:0; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);}
.gslist .carts_choose.sele {border:1px solid #fe4600; background:#fe4600 url(../Images/icon_selected.png) no-repeat center; background-size:contain;}
.gslist .list_T { position:relative; padding-left:10vw; height:10vw; line-height:10vw; border-bottom:1px solid #ddd;}
.am_price { display:none;}
.am_price:before { content:"合计：￥";}
.ttNum { display:none;}
.ttNum:before { content:"(";}
.ttNum:after { content:")";}

/*layerPage */
.layerPage {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right:0;
	z-index: 901;
	background: #FFF;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
.layerPage_active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.lpCover {
	display:none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 900;
	background: rgba(0, 0, 0, 0.15);
}
.lpCover_active {
	display: block;
}
/*layerPage end*/


.userHead { margin-top:0; border-bottom:1em solid #f5f5f5; }
.userHead a.weui-media-box { height:4em; padding:1em; background-color:#f37d0f;}
.userHead .headphoto { width:4em; height:4em; border-radius:2em; border:2px solid #FFF;}
.userHead .name,.userHead .weui-media-box__desc  {
	color:#FFF;
}
.userHead .name .rank { margin-left:.8em; font-size:.8em;}
.userHead .name .rank.r1 { }
.userHead .name .rank.r2 { }

.userHead .tips {
	color:#f0f0f0;
}

.userMenu { margin-top:.5em;}
.userMenu .userMenu_ico img { height:1.5em; width:1.5em;}
.userMenu a p { text-indent:1em; font-size:.92em;}
.userMenu .weui-media-box {
    padding:0;
}
.userMenu .weui-cell {
    padding: .6em 1em;
}

.myyuyue .btn { border-top:1px dashed #ddd; background-color:#f9f9f9;  padding:.5em; overflow:hidden; display:none; }

.upedimg { padding:1vw 2vw;}
.upedimg li { display:inline-block; width:20vw; height:20vw; margin:0 1vw; background-repeat:no-repeat; background-position:center; background-size:cover; border:1px solid #ddd;}

.layerPage form .weui-cell {
  border:1px solid #fff;
  margin: .5em 0;
}
.layerPage .weui-cell.highlight,.weui-cell.highlight {
  border:1px solid #f53003;
}
.formName {
  text-align: center;
  padding: 1em 0;
}
.formBlock {
  padding: .5em;
  border:1em solid #f5f5f5;
}
.formTips {
  padding: .5em;
  font-size: .9em;
  line-height: 1.8;
}

.panelTitle {
	font-size: 1em;
	color: #f33f0f;
}