@charset "utf-8";
a{text-decoration:none; color:#000000; -webkit-tap-highlight-color:transparent;}
a:hover{text-decoration:none;}
ul,li{list-style:none; margin:0; padding:0;}
dl,dd {margin:0; padding:0; }
em,i,cite,small { font-style:normal;}
.clear {clear:both; height:0; width:100%; overflow:hidden;}
.left { float:left;}
.right { float:right;}
.gray { color:#999;}
.pink { color:#F84F76;}
.blue {color:#10AEFF;}
.red { color:#FF0000;}
.green { color:#07C160;}
.yellow { color:#FF9900;}
.gold { color:#FF3300;}
.hide { display:none;}
.bold { font-weight:bold;}
#wrap{ color:#000000; margin:0 auto; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#EDEDED;}
.ui-main { width:100%; max-width:640px; min-width:320px; margin:0 auto; margin-bottom:0; clear:both; padding-bottom:100px; overflow:hidden;}




.layui-open-login { border-radius:12px 12px 0 0;}
.layui-open-login .login { width:100%; margin:0 auto; margin-bottom:0; position:relative;}
.layui-open-login .login .phone { width:92%; height:71px; margin:0 auto; position:relative;}
.layui-open-login .login .phone:after{content: ''; position: absolute; top: 0; left: 0; z-index:3; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}

.layui-open-login .login .code { width:92%; height:71px; margin:0 auto; position:relative;}
.layui-open-login .login .code:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}

.layui-open-login .login .input-text { width:100%; height:50px; line-height:50px; position:absolute; top:10px; left:0; z-index:5; margin:0; padding:0; border:none; font-size:22px; font-weight:bold; color:#000;}
.layui-open-login .login .input-text::-webkit-input-placeholder { font-size:16px; color:#999; font-weight:normal;}

.layui-open-login .login .btn { width:100px; height:40px; position:absolute; top:15px; right:0; z-index:6;}
.layui-open-login .login .btn span {width:100%; height:40px; position:absolute; top:0; left:0; font-size:14px; border-radius:6px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.layui-open-login .login .btn span.gray {background:#F0F0F0; border:1px #F0F0F0 solid; color:#333;}
.layui-open-login .login .btn span.gold {background:linear-gradient(to right, #ffe303, #ffd004); border:1px #f3c500 solid; color:#333;}

.layui-open-login .login .reset { width:24px; height:24px; display:none; position:absolute; top:23px; right:0; z-index:6; background:url(image/reset.png) center center no-repeat; background-size: 24px auto;}
.layui-open-login .login .code .reset{ right:120px;}

.layui-open-login .login .agree { width:92%; height:71px; margin:0 auto; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.layui-open-login .login .agree .check { width:20px; height:20px; background:url(image/check-unselect.png) center center no-repeat; background-size: 20px auto;}
.layui-open-login .login .agree .checked {background:url(image/check-gold.png) center center no-repeat; background-size: 20px auto;}
.layui-open-login .login .agree .text { font-size:13px; margin-left:5px;}
.layui-open-login .login .agree .text i { color:#09F;}

.layui-open-login .login .button {width:92%; height:48px; margin:0 auto; margin-bottom:30px; background:linear-gradient(to right, #ffe303, #ffd004); border:1px #f3c500 solid; color:#333; font-size:18px; border-radius:48px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-weight:bold;}
.layui-open-login .login .button-gray { background:linear-gradient(to right, #e9e9e9, #d9d9d9); border:1px #d0d0d0 solid;}



.my-layui-message {min-width:100px; background:linear-gradient(to right, #ffe303, #ffd004); border:1px #f3c500 solid; border-radius:4px;}
.my-layui-message .layui-layer-content { text-align:center; padding:10px; font-size:15px; color:#333;}



.my-layui-loading { background:#4c4c4c; border-radius:6px;}
.my-layui-loading .layui-layer-content { background:none;}
.my-layui-loading .layer-load-text { color:#FFF; font-size:18px;}


.open-page-submit-box { width:100%; margin:0 auto; padding-bottom:20px;}
.open-page-submit-box li{ width:90%; height:61px; margin:0 auto; margin-bottom:0; position:relative;}
.open-page-submit-box li:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.open-page-submit-box li:last-child:after{ border-bottom:none;}
.open-page-submit-box li .input {width:90%; height:56px; line-height:56px; position:absolute; top:2px; left:0; z-index:2; }
.open-page-submit-box li .input input { width:100%; height:56px; border:none; position:absolute; top:0; left:0; margin:0; z-index:3; padding:0; font-size:16px; color:#000; text-indent:10px; background:none; display: flex; flex-direction: row; align-items: center; justify-content: left;} 
.open-page-submit-box li .input input::-webkit-input-placeholder { font-size:16px; color:#999; font-weight:normal;}
.open-page-submit-box li .input i { width:100%; height:10px; font-size:10px; color:#999; text-indent:10px; position:absolute; bottom:0; left:0; z-index:1; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.open-page-submit-box li .reset { width:24px; height:24px; display:block; display:none; position:absolute; top:18px; right:0; z-index:6; background:url(image/reset.png) center center no-repeat; background-size: 24px auto;}
.open-page-submit-box li .show{display:block;}
.open-page-submit-box li.button {height:48px; margin:20px auto; margin-bottom:0; background:linear-gradient(to right, #ffe303, #ffd004); border:1px #f3c500 solid; color:#333; font-size:18px; border-radius:48px; display: flex; flex-direction: row; align-items: center; justify-content: center; font-weight:bold;}
.open-page-submit-box li.button-gray { background:linear-gradient(to right, #e9e9e9, #d9d9d9); border:1px #d0d0d0 solid;}



.open-page-list-box { width:100%; margin:0 auto;}
.open-page-list-box  h1 { width:90%; height:60px; margin:0 auto; position: relative;}
.open-page-list-box h1:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.open-page-list-box  h1 p.title { width:100%; height:20px; font-size:18px; font-weight:bold; position:absolute; top:10px; left:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.open-page-list-box  h1 p.desc { width:100%; height:20px; font-size:13px; font-weight:normal; color:#ff5722; position:absolute; top:30px; left:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.open-page-list-box li {width:90%; height:61px; margin:0 auto; position:relative;}
.open-page-list-box li:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-bottom:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.open-page-list-box li .icon { width:34px; height:34px; position:absolute; top:13px; left:0; border-radius:32px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.open-page-list-box li .text { width:60%; height:20px; position:absolute; top:20px; left:50px; font-size:17px; display: flex; flex-direction: row; align-items: center; justify-content: left;}
.open-page-list-box li .word { width:30%; height:20px; position:absolute; top:20px; right:30px; font-size:15px; color:#999; display: flex; flex-direction: row; align-items: center; justify-content: right;}
.open-page-list-box li .more { width:20px; height:20px; position:absolute; top:20px; right:0; display: flex; flex-direction: row; align-items: center; justify-content: center;}



.open-confirm-page {border-radius:6px;}
.open-confirm-page .layui-layer-content {font-size:18px; color:#333; padding:25px 16px; display: flex; flex-direction: row; align-items: center; justify-content: center;}



.open-confirm-page .layui-layer-btn { width:100%; height:56px; padding:0; position:relative;}
.open-confirm-page .layui-layer-btn:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-top:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.open-confirm-page .layui-layer-btn a { height:55px; line-height:55px; border:none; margin:0; padding:0; border-radius:0; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius:0 0 6px 6px; font-size:18px; font-weight:bold;}

.open-confirm-default .layui-layer-btn .layui-layer-btn0 { width:100%; position:absolute; top:1px; right:0; z-index:5; background:none; color:#333333;}

.open-confirm-primary .layui-layer-btn .layui-layer-btn1 { width:50%; position:absolute; top:1px; left:0; z-index:4;}
.open-confirm-primary .layui-layer-btn .layui-layer-btn1:after{content: ''; position: absolute; top: 0; left: 0; z-index:1; border-right:1px #D8D8D8 solid; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; z-index:1;}
.open-confirm-primary .layui-layer-btn .layui-layer-btn0 { width:50%; position:absolute; top:1px; right:0; z-index:5; background:none; color:#576b95;}




.bottom-navigation { width:100%; height:61px; max-width:640px; margin:0 auto; position:fixed; _position:absolute; bottom:0px; _bottom:auto; z-index:100;}
.bottom-navigation:after{content: ''; position: absolute; top: 0;left: 0; border-top: 1px solid #D2D2D2; -webkit-box-sizing: border-box;  box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top; background:#FAFAFA;}
.bottom-navigation .list { width:33.33%; height:60px; float:left; position:relative; z-index:5;}

.bottom-navigation .list .icon { width:100%; height:24px; position:absolute; top:8px; left:0;}
.bottom-navigation .list .text { width:100%; height:16px; position:absolute; bottom:6px; left:0; font-size:15px; color:#000000; display: flex; flex-direction: row; align-items: center; justify-content: center;}

.bottom-navigation .index .icon { background:url(image/index-black.png) center center no-repeat; background-size: auto 23px;}
.bottom-navigation .index-gold .icon{ background:url(image/index-gold.png) center center no-repeat; background-size: auto 23px;}
.bottom-navigation .index-gold .text { color:#fc9a00;}

.bottom-navigation .post .icon { background:url(image/post-black.png) center center no-repeat; background-size: auto 24px;}
.bottom-navigation .post-gold .icon{ background:url(image/post-gold.png) center center no-repeat; background-size: auto 24px;}
.bottom-navigation .post-gold .text { color:#fc9a00;}

.bottom-navigation .user .icon { background:url(image/user-black.png) center center no-repeat; background-size: auto 23px;}
.bottom-navigation .user-gold .icon{ background:url(image/user-gold.png) center center no-repeat; background-size: auto 23px;}
.bottom-navigation .user-gold .text { color:#fc9a00;}







.layui-layer-setwin span {
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    font-size: 26px;
	margin-left:0;
}





.find_nav {
    width: 94%;
    height: 36px;
	position:absolute;
	left: 3%;
    top: 0;
    z-index: 9999;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}
.find_nav_left {
    height: 36px;
    position: relative;
    overflow: hidden;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.find_nav_list {
    width:100%;
    position: absolute;
    left: 0;
}
.find_nav_list ul {
    width:100%;
	height:36px;
	position: relative;
    white-space: nowrap;
    font-size: 0;
}
.find_nav_list ul li {
   /* display: inline-block;*/
   float:left;
    padding: 0;
	width:25%;
}


.find_nav_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 36px;
    font-size: 18px;
	font-weight:bold;
    text-align: center;
    color: #555;
}

.find_nav_cur a {
    color: #000 !important;
}
.find_nav_list a.active{ color:#C00}

.sideline {
	display: block;
    position: absolute;
    border: 0;
    height: 5px;
    background-color: #ffcd16;
    left: 0;
    top: 28px;
    pointer-events: none;
	border-radius:5px;
}
.li_list{}
.swipe{ padding:36px 0 0 0;}




.goods { width:100%;}
.goods .list { width:94%; height:140px; background:#FFF; margin:8px auto; overflow:hidden; border-radius:6px; position:relative;}
.goods .list .thumb { width:120px; height:120px; position:absolute; top:10px; left:10px;}
.goods .list img { width:120px; height:120px;}
.goods .list .title { width:100%; position:absolute; top:10px; left:0;}
.goods .list .title span { display:block; padding-left:140px; font-size:16px; color:#000; display: -webkit-box; word-break: break-all;text-overflow: ellipsis; overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.goods .list .subtitle { width:100%; position:absolute; top:55px; text-indent:140px; color:#777;}
.goods .list .text {width:100%; position:absolute; bottom:10px; text-indent:140px; color:#777;}
.goods .list .text .price .mark{ font-size:14px; color:#FF6600; padding-right:2px;}
.goods .list .text .price .bold { font-size:22px; font-weight:bold; color:#ff5722;}
.goods .list .text .oldprice { font-size:16px; text-decoration:line-through; color:#999; padding-left:5px;}



.package .list { width:94%; height:110px; background:#FFF; margin:8px auto; overflow:hidden; border-radius:6px; position:relative;}
.package .list .title { width:80%; height:20px; line-height:20px; position:absolute; top:15px; left:3%; color:#000; display: flex; flex-direction: row; align-items: center;}
.package .list .title span.custom { font-size:15px; padding:0 5px; color:#FFF; background:#ffcd16; border-radius:3px; margin-right:5px;}
.package .list .title span.name { font-size:17px; text-align:left; font-weight:bold;}
.package .list .subtitle { width:80%; height:20px; line-height:20px; position:absolute; top:43px; left:3%;}
.package .list .subtitle span { font-size:13px; text-align:left; color:#777;}

.package .list .desc { width:80%; height:20px; line-height:20px; position:absolute; top:73px; left:3%; display: flex; flex-direction: row; align-items: center;}
.package .list .desc span { margin-right:8px; position:relative; padding:1px 5px; color:#feb900;}
.package .list .desc span:after{content: ''; position: absolute; top:0; left:0; border:1px solid #feb900; border-radius:6px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5);  -webkit-transform-origin: left top; transform-origin: left top;}
.package .list .price { width:20%; height:20px; line-height:20px; position:absolute; top:15px; right:3%; text-align:right;}
.package .list .price i{ font-size:14px; color:#FF6600; padding-right:2px;}
.package .list .price b { font-size:22px; font-weight:bold; color:#ff5722;}
.package .list .month { width:20%; height:20px; line-height:20px; position:absolute; top:43px; right:3%; text-align:right;}
.package .list .month cite { font-size:13px;}
.package .list .month i { font-size:13px;}
.package .list .month b { font-size:13px; font-weight:normal;}

.plus .list { width:94%; height:200px; background:#FFF; margin:10px auto; overflow:hidden; border-radius:6px;}