@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}

.m_content{ overflow:hidden; width:100%; margin:0 auto;}

/*login.html*/
.wchat_login{ overflow:hidden; width:100%;}
.wchat_login span{ display:block; font-size:1.2em; color:#999; margin:1.25em 0 0 5%;}
.wchat_login .btnlogin{ display:block; overflow:hidden; width:25%; margin:0 auto; margin-top:3.75em; text-align:center; font-size:1em; color:#1bc823; margin-bottom:2em;}
.wchat_login .btnlogin img{ width:90%; margin:0 auto; margin-bottom:0.5em; display:block}
.wchat_login p{ font-size:1.2em; color:#666; margin:1em 0 1.2em 5%;}
.wchat_login input{ display:block; width:90%; border:1px solid #999; border-radius:5px; box-sizing:border-box; margin:0 auto; margin-bottom:0.9em; height:3.75em; line-height:3.75em; padding:0 5%; font-size:1.2em; color:#8d8d8d; outline:none}
.wchat_login input::-webkit-input-placeholder{ color:#8d8d8d}
.wchat_login input::-moz-input-placeholder{ color:#8d8d8d}
.wchat_login input::-ms-input-placeholder{ color:#8d8d8d}
.wchat_login button{ display:block; width:90%; margin:0 auto; padding:1em 0; text-align:center; font-size:1.25em; color:#fff; background-color:#66c6c2; margin-bottom:1.25em; border:none; border-radius:5px; outline:none}
.wchat_login .login_choose{ overflow:hidden; width:90%; margin:0 auto;}
.wchat_login .login_choose a{ color:#8d8d8d; font-size:1.2em; float:left}
.wchat_login .login_choose a:nth-child(2){ float:right}

/*self_persen.html*/
.self_persen{ overflow:hidden; width:100%;}
.self_persen .persen_top{ overflow:hidden; width:100%;background:url('../images/Index/bg_center.jpg') no-repeat ;background-size: 100% 100%; }
.self_persen .set_icon{ display:block;position:fixed;float: right; width:7%;top:2%; right: 4%}
.self_persen .set_icon img{ display:block; width:100%;}
.self_persen .set_head img{display:block;width: 75px;height: 75px;border-radius: 50px;margin: 20px auto 0px;}
.self_persen .persen_user{text-align: center;padding: 10px 0px 25px;}
.self_persen .persen_user span{color:#fff;font-size: 17px;width: 50px}
.self_persen .persen_user font{background-color: #111;opacity:0.5;font-size: 12px;color: #ffd700;padding: 1px;}
.self_persen .persen_account{padding: 3px 0px;height: 40px;}
.self_persen .persen_account span{width: 33%;display: block;float:left;height: 40px;line-height:20px;text-align: center;font-size:13px;color: #fff;}
/*.self_persen dl{ overflow:hidden;clear: both; margin-left:5%;}
.self_persen dt{ float:left; width:25%; overflow:hidden}
.self_persen dt img{ display:block; width:80px; height:80px;border-radius:10em;}
.self_persen dd{ overflow:hidden; float:left; margin-left:5%; width:70%;}
.self_persen dd span{ display:block; font-size:1.2em; color:#fff;}
.self_persen dd p{ font-size:1.2em; color:#fff; line-height:1.5em;clear: both}
.self_persen dd p a{ display:inline-block; border:1px solid #fff; padding:0 8px; color:#fff; border-radius:10em;font-size:0.8em;float: right;margin-right: 5%;}
.self_persen dd p a{ *display:inline}*/
.self_persen .persen_nav{ overflow:hidden; width:100%;}
.self_persen .persen_nav a{ display:block; width:33.33333333%; box-sizing:border-box; border-bottom:1px solid #f0f0f0;  border-right:1px solid #f0f0f0; float:left; text-align:center; font-size:1em; color:#727171; padding:1.25em 0;}
.self_persen .persen_nav img{ display:block; margin:0 auto; width:40%; margin-bottom:0.5em;}
.self_persen .persen_nav a:nth-child(3n){ border-right:none}
/*行业分类 bar区*/
.swiper-pagination-bullet-active{  background: #f69002;  }
.bar-main{  width: 100%;  }
.bar{  background: #fff;  position: relative;  }
.bar ul{  padding:0;  width: 96%;  margin: 0 auto;  }
.bar img{  width:4.75rem;  }
.bar li{  float: left;  width:13%;  margin:3% 3.5%;  text-align: center;  }
.bar li:nth-of-type(5n){  margin-right: 0rem;  }
.bar li:nth-of-type(6),.bar li:nth-of-type(7),.bar li:nth-of-type(8),.bar li:nth-of-type(9),.bar li:nth-of-type(10){  }
.bar li span{  display: block;  font-size: 1rem;  line-height: 2.65rem  }
.bar li a{  color: #333333;  }
/*index.html*/
.index .swiper-slide img{ display:block; width:100%;}
.index .banner{ overflow:hidden; width:100%; position:relative;z-index: 999}
.index .search{ overflow:hidden; width:84%; position:absolute; left:8%; top:0.5em; z-index:5; padding:0.5em 0;}
.index .search i{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background-color:#5a5a5a; opacity:0.3; border-radius:5px;}
.index .search img{ display:block; float:left; width:6%;}
.index .search img:nth-child(2){ margin-left:3%; margin-right:2%}
.index .search img:nth-child(4){ float:right; margin-right:5%}
.index .search input{ width:75%; border:none; font-size:1em; color:#fff; background:none; display:block; float:left; outline:none; margin-right:3%; height:100%; line-height:100%; position:absolute; left:10%; top:0}
.index .search input::-webkit-input-placeholder{ color:#fff;}
.index .search input::-moz-input-placeholder{ color:#fff;}
.index .search input::-ms-input-placeholder{ color:#fff;}
.index .menu{ width:100%; position:relative; height:3em; z-index:999}
.index .menu li{ font-size:0.9em; color:#666; float:left; width:33.333333%; box-sizing:border-box; border-right:1px solid #dbdcdc; line-height:3em; text-align:center; background-color:#f6f6f6}
.index .menu li em{ transform:rotate(90deg); display:inline-block; margin-left:5px;}
.index .menu li .bun{ overflow:hidden; width:100%; height:100%;}
.index .menu li .next_menu{ display:none; overflow:auto; width:100%;max-height: 21em; position:absolute; left:0; background-color:#fff; font-size:1.3em; color:#666; line-height:2em; }
.index .menu li .next_menu span{ display:block; margin:0 5%; text-align:left;border-bottom: 1px solid #eee}
.index .menu li:nth-child(3){ border:none}
.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10; display:none; }
.sharebg-active { opacity: 1; display:block; }
.index .list{ overflow:hidden; width:98%; margin:0em auto;margin-top:5px;background-color: #fff;}
.index .list li{ float:left; width:47%; margin:1.5%; overflow:hidden; position: relative; border-radius:5px;}
.index .list li img{ display:block; width:100%;}
.index .list li .title{ overflow: hidden; position:absolute; left:0; bottom:0; padding:0.4em; width:100%; box-sizing:border-box; color:#fff;}
.index .list li i{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#000; opacity:0.4; z-index:0}
.index .list li p{font-size:0.9em;width: 60%;height: 16px;line-height: 16px;overflow: hidden; position:relative; z-index:1; float:left}
.index .list li span{ width: 40%;height:16px;line-height:16px;float:right;font-size:0.9em; position:relative; display:block;text-align: right;overflow: hidden;}
.index .list li span em{ padding-left:10px;text-align: right; background:url(../images/Index/index_adr.png) no-repeat left center; background-size:9px;}
@media (min-width: 300px) {
	.banner .swiper-slide img{height: 160px;}
	.index .list li img{ height: 120px;}
	.myfollow .list img{height: 80px;}
}
@media (min-width: 400px) {
	.banner .swiper-slide img{height: 180px;}
	.index .list li img{ height: 150px;}
	.myfollow .list img{height: 100px;}
}
@media (min-width: 700px) {
	.banner .swiper-slide img{height: 300px;}
	.index .list li img{ height: 200px;}
	.myfollow .list img{height: 120px;}
}
@media (min-width: 1000px) {
	.banner .swiper-slide img{height: 400px;}
	.index .list li img{ height: 250px;}
	.myfollow .list img{height: 150px;}
}
/*my_follow.html*/
.myfollow .follow_box{ overflow:hidden; width:90%; margin:1.2em auto}
.myfollow .list{ overflow:hidden; width:100%; margin-bottom:0.9em;}
.myfollow .list>a{ display:block; float:left; width:26%;}
.myfollow .list img{ display:block; width:100%; border-radius:5px;}
.myfollow .title{ overflow:hidden; width:40%; float:left; margin-left:5%;}
.myfollow .title h4{ font-weight:normal; font-size:14px;line-height: 14px; height: 14px;overflow: hidden;}
.myfollow .title h4 a{ color:#515151}
.myfollow .title p{ font-size:1em; color:#666; line-height:1.5em;}
.myfollow .list span{ display:block; font-size:1em; color:#ffb395; float:right; position:relative; top:3.5em;}

/*my_friend.html*/
.myfriend table{ overflow:hidden; width:100%;}
.myfriend table tr{ overflow:hidden; text-align:center; border-bottom:1px solid #eee;}
.myfriend table th{ font-size:1.1em; color:#666; text-align:center; padding:0.5em 0}
.myfriend table th:nth-child(1){ width:20%;}
.myfriend table img{ width:50%;}
.myfriend table td{ font-size:0.9em; color:#666}

/*newsnotice.html*/
.newsnotice { margin-top:1.7em;}
.newsnotice .list{ overflow:hidden; width:90%; margin:0 auto; border:1px solid #999; border-radius:10px; box-sizing:border-box; padding:1em; margin-bottom:1.25em;font-size:1em; color:#8d8d8d; line-height:1.5em; text-align:justify}
.newsnotice .list span{ display:block; float:right; margin-top:0.5em; margin-bottom:-0.5em;}

/*proposal.html*/
.proposalbox textarea{ box-sizing:border-box; border:1px solid #999; border-radius:10px; width:100%; padding:0.8em; height:12em; resize:none; outline:none; margin-bottom:1.6em; font-size:1em; color:#8d8d8d}
.proposalbox textarea::-webkit-input-placeholder{ color:#8d8d8d}
.proposalbox textarea::-moz-input-placeholder{ color:#8d8d8d}
.proposalbox textarea::-ms-input-placeholder{ color:#8d8d8d}
/*password_back.html*/
.password input{ display:block; width:100%; border:1px solid #999; border-radius:5px; box-sizing:border-box; margin:0 auto; margin-bottom:0.9em; height:2.75em; line-height:2.75em; padding:0 5%; font-size:1.2em; color:#8d8d8d; outline:none}
.password input.yzm{ display:block; width:60%; border:1px solid #999; border-radius:5px; box-sizing:border-box; float:left; margin-bottom:0.9em; height:2.75em; line-height:2.75em; padding:0 5%; font-size:1.2em; color:#8d8d8d; outline:none; }
.password button[type="button"]{ display:block; width:38%; border:1px solid #999; border-radius:5px; box-sizing:border-box; float:right; margin-bottom:0.9em; height:2.75em; line-height:2.75em; padding:0 5%; font-size:1.2em; color:#8d8d8d; outline:none; background-color:#fff;}
.password input::-webkit-input-placeholder{ color:#8d8d8d}
.password input::-moz-input-placeholder{ color:#8d8d8d}
.password input::-ms-input-placeholder{ color:#8d8d8d}

.password p{height:50px; line-height: 50px;font-size: 16px;color: #8d8d8d;}
.password textarea{ display:block; width:100%; border:1px solid #999; border-radius:5px; box-sizing:border-box; margin:0 auto; margin-bottom:1.5em; height:8em; padding:3% 5%; font-size:1.2em; color:#8d8d8d; outline:none; resize:none}

/*password_method.html*/
.password_method p{ font-size:1.2em; color:#666; margin-bottom:1.7em;}



/*首页 样式有改动，2017-4-21日文件样式*/
/*card.html*/
.card{ overflow:hidden; width:90%; margin:0 auto;}
.card_choose { overflow:hidden; width:100%; height:100%; position:fixed; left:0; top:0; z-index:5; background-color:#fff; display:none}
.card_choose h3{ text-align:center; font-weight:normal; font-size:1.25em; color:#66c6c2; padding:1em 0; border-bottom:1px solid #eee;}
.card_choose ul{ overflow:scroll; width:100%;height: 90%; font-size:1.25em; color:#999;}
.card_choose li{ padding:1em 0; border-bottom:1px solid #eee; padding-left:5%; box-sizing:border-box}
.card_choose li.on{ background:url(../images/Index/card_gou.png) no-repeat 95% center; background-size:5%;}

/*order_nopay.html*/
.order_nopay .menu{ width:100%; box-sizing:border-box; height:4em; border-bottom:3px solid #eee;}
.order_nopay .menu li{ overflow:hidden; width:23.3333333%; margin:0 5%; box-sizing:border-box; text-align:center; font-size:1em; color:#666; float:left; height:4em; line-height:4em;}
.order_nopay .menu li a{ display:block; color:#666}
.order_nopay .menu li.on{ color:#ffb395; border-bottom:3px solid #ffb395;}
.order_nopay .paybox{ overflow:hidden; width:100%;}
.order_nopay .list{ overflow:hidden; width:90%; padding:0 5%; margin:0 auto; padding-top:1em; border-bottom:0.5em solid #eee; position:relative; padding-bottom:0.5em;}
.order_nopay .list:last-child{ border-bottom:1px solid #eee}

.order_nopay .list p{ font-size:1em; color:#555; line-height:1.5em;}
.order_nopay .list p em{ color:#999; display:inline-block; width:67%; padding-left:2%}
.order_nopay .list p em{ *display:inline}
.order_nopay .list p span{ color:#ffb395; margin-left:1%}
.order_nopay .list .name{ overflow:hidden; width:100%; padding:0.6em 0; margin-bottom:0.6em; border-bottom:1px solid #eee;}
.order_nopay .list .name img{ display:block; float:left; width:15%; border-radius:5px;height: 40px;}
.order_nopay .list .name h3{ font-weight:normal; font-size:1.2em; color:#555; margin-left:3%; float:left; margin-top:3.5%}
.order_nopay .list .pay{ overflow:hidden; width:100%; padding:0.5em 0 0 0 ; margin-top:0.5em; border-top:1px solid #eee;}
.order_nopay .pay em{ display:block; float:left; font-size:0.9em; color:#555; padding:0.5em 0}
.order_nopay .pay a{ display:block; float:right; border-left:1px solid #eee; padding:0.5em 0; padding-left:3em; background:url(../images/Index/order_nopay.png) no-repeat 20% center; background-size:24%; font-size:1em; color:#ffb395}
.order_nopay .pay span{ display:block; float:right; border-left:1px solid #eee; padding:0.5em 0; padding-left:3em; background:url(../images/Index/order_nopay.png) no-repeat 20% center; background-size:24%; font-size:1em; color:#ffb395}

/*order_sell.html*/
.order_sell .list p span.sell{ color:#999;position: absolute;right: 5%;}
.order_sell .list small{ font-size:1em; color:#ffbba1; position:absolute; right:5%; top:3em;}
.order_sell .list b{ display:block; font-weight:normal; font-size:1em; color:#66c6c2; position:absolute; right:5%; bottom:0.5em;}

/*order.html*/
.order_payed .pay em{ color:#999; }
.order_payed .pay i{ font-style:normal; font-size:1.2em; color:#66c6c2; margin-left:1%;}
.order_payed .pay span{ background:url(../images/Index/order_pay.png) no-repeat 20% center; background-size:24%}
.order_payed .speedbox{ overflow:hidden; width:38%; height:1em; border:1px solid #66c6c2; float:left; border-radius:5px; margin-top:0.6em; margin-right:1%;}
.order_payed .speedbox .speed{ overflow:hidden; height:1em; background-color:#66c6c2}
.order_payed .list button{ display:block; padding:0.2em 0.5em; font-size:1.1em; color:#66c6c2; border:1px solid #66c6c2; background-color:#fff; border-radius:8px; position:absolute; right:5%; bottom:4.6em; outline:none}
.order_payed .list small{ font-size:1em; color:#ffbba1; position:absolute; right:5%; top:2.3em;}
.order_payed .list p .selling{ color:#555}
.order_payed .pay span.end{ background:url(../images/Index/order_payed.png) no-repeat 20% center; background-size:24%;color: #999}

/*order_pay.html*/
.order_pay h3{ text-align:center; font-weight:normal; font-size:1.25em; color:#333; margin:2.5em 0 1.8em 0;}
.order_pay span{ display:block; text-align:center; font-size:3em; color:#ffbba0; margin-bottom:1em;}
.order_pay .name{ overflow:hidden; padding:1.25em 5%; width:90%; border-bottom:1px solid #eee; border-top:1px solid #eee; font-size:1.2em; color:#666}
.order_pay .name p{ float:left}
.order_pay .name em{ display:block; float:right}
.order_pay .allbutton{ width:90%; margin:1.8em auto}

/*award.html*/
.notice .menu{ width:100%; box-sizing:border-box; height:4em; border-bottom:3px solid #eee;}
.notice .menu li{ overflow:hidden; width:40%; margin:0 5%; box-sizing:border-box; text-align:center; font-size:1em; color:#666; float:left; height:4em; line-height:4em;}
.notice .menu li.on{ color:#ffb395; border-bottom:3px solid #ffb395;}
.notice table{ overflow:hidden; width:100%;}
.notice table tr{ border-bottom:1px solid #eee;}
.notice table td{ font-size:1em; color:#999; padding:1em 0; text-align:center;}
.notice table th{ font-size:1.1em; color:#666; padding:1em 0; text-align:center}
.notice table span{ display:block; color:#66c6c2;}
.notice table td:nth-child(1),.notice table th:nth-child(1){ text-align:left; padding-left:5%}

/*shop_details.html*/
.shop_details{ overflow:hidden; position:relative; width:100%;}
.shop_details .swiper-slide img{ display:block; width:100%;height: 240px;}
.shop_details .swiper-pagination span{ width:1em; height:1em; border-radius:1em; background-color:#fff; opacity:1}
.shop_details .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#ffb395;}
.shop_details .shop_back{ display:block; width:2em; height:2em;border-radius: 50px;opacity: 0.5; background:#515151 url(../images/Index/shop_b.png) no-repeat center; background-size:50%; position:fixed; left:4%; top:5%; z-index:10;}
.shop_details .box h3{ font-weight:normal; font-size:1.3em; color:#666; width:92%; margin:0 auto; padding:0.5em 0; border-bottom:1px solid #eee; padding-left:2%;}
.shop_details .box a{ display:block; font-size:1.2em; color:#999; padding:0.5em 0; width:92%; padding-left:2%; border-bottom:1px solid #eee; margin:0 auto;}
.shop_details .box a img{ width:5%; position:relative;  margin-right:2px;}
.shop_details .span1{ background:url(../images/Index/shop_j.png) no-repeat 99% center; background-size:3%;}
.shop_details .span2{ background:url(../images/Index/shop_phone.png) no-repeat 99% center; background-size:6%;}
.shop_details .yh{ overflow:hidden; width:90%; margin:0 auto; padding:0.6em 5%; border-bottom:0.5em solid #eee;}
.shop_details .yh em{ display:block; float:left; padding:0.3em 0.4em; font-size:0.8em; color:#ffb395; border-radius:5px; border:1px solid #ffb395; margin-right:1.2em;}
.shop_details .wenbox{ overflow:hidden; width:95%; margin:0.5em auto}
.shop_details .wenbox b{ font-weight:normal; font-size:1em; color:#999; margin-bottom:0.5em; display:block}
.shop_details .wenbox p{ font-size:0.9em; color:#999;  line-height:1.5em; text-align:justify}

/*index_search_result.html*/
.search_result .list span{ color:#666; top:2.9em; line-height:1.5em;}
.search_result .follow_box{ width:94%}

/*drawingsrecord.html*/
.cash_record { overflow:hidden; width:100%;}
.cash_record tr{ border-bottom:1px solid #eee;}
.cash_record th{ font-size:1em; color:#666; text-align:center; padding:1em 0}
.cash_record td{ font-size:0.9em; color:#666; text-align:center; padding:1em 0}
.cash_record td:last-child{ color:#66c6c2;}

.xx_y{ width:100%; height:50px; background:#ffb395; position: fixed; bottom: 0px; left:0px;}
.xx_y .yuding{ background:#FFAA00; width:100%; text-align:center; line-height:50px;font-size:20px; color:#fff;}
.xx_y .yuding>img{ width:26px;height:26px; line-height:50px; vertical-align:middle}

/*drawings.html*/
.cash_apply { overflow:hidden; width:100%; margin-top:1.5em;}
.cash_apply .apply_ex{ overflow:hidden; width:90%; margin:0 auto; margin-bottom:1.25em; border:1px solid #999; border-radius:10px; padding:1em 0.5em; box-sizing:border-box}
.cash_apply .apply_ex span{ display:block; font-size:1.2em; color:#666; margin-bottom:0.8em;}
.cash_apply .apply_ex p{ font-size:0.9em; color:#666; line-height:1.8em;}
.cash_apply .cash_bank{ overflow:hidden; width:90%; padding:0.8em 5%; border-top:0.5em solid #eee;}
.cash_apply .cash_bank img{ display:block; float:left; width:14%;}
.cash_apply .cash_bank span{ display:block; float:left; font-size:1em; color:#666; width:30%; text-align:center; margin-left:3%; margin-top:2%}
.cash_apply .cash_bank em{ display:block; float:left; font-size:1em; color:#66c6c2; margin-top:4%; margin-left:18%;}
.cash_apply .cash_bank b{ display:block; font-weight:normal; font-size:1em; color:#ffb395; float:right; margin-top:4%}
.cash_apply .cash_ch{ overflow:hidden; width:100%; padding:0.8em 0; border-top:0.5em solid #eee;}
.cash_apply .cash_ch label{ display:block; font-size:1.1em; color:#666; padding:0.8em 5%; width:90%;}
.cash_apply .cash_ch label:nth-child(1){ border-bottom:1px solid #eee}
.cash_apply .cash_ch i{ display: inline-block; width:1em; height:1em; border:1px solid #ffb395; border-radius:1em;  position:relative; top:0.2em; margin-right:3%; background-color:#fff;}
.cash_apply .cash_ch i{ *display: inline;}
.cash_apply .cash_ch input{ display:none}
.cash_apply .cash_ch i.on{ background-color:#ffb395}
.cash_apply .cash_input { overflow:hidden; width:100%; padding:0.8em 0; border-top:0.5em solid #eee;}
.cash_apply .cash_input label{ display:block; width:94%; margin:0 auto; padding:0 3%; font-size:1.2em; color:#666; height:3.4em; line-height:3.4em; margin-bottom:0.5em;}
.cash_apply .cash_input input{ width:100%; padding-left:28%; border-radius:10px; height:3.4em; background:none; border:none; outline:none; border:1px solid #999; box-sizing:border-box; display:block; float:left; font-size:1em; color:#999}
.cash_apply .cash_input input::-webkid-input-placeholder{ color:#999;}
.cash_apply .cash_input input::-moz-input-placeholder{ color:#999;}
.cash_apply .cash_input input::-ms-input-placeholder{ color:#999;}
.cash_apply .cash_input span{ float:left; margin-right:-30%; margin-left:5%; height:3.4em; color:#666}
.cash_apply .cash_input .allbutton{ width:90%; margin:3em auto;}

/*invitation.html*/
.invitation { overflow:hidden; width:100%; background:url(../images/Index/invitation_bg.jpg) no-repeat center; background-size:cover}
.invitation .photo{ display:block; margin:1.7em auto 0.8em auto; border-radius:50%; width:100px;height:100px;}
.invitation p{ text-align:center; font-size:0.8em; color:#666; margin-bottom:0.5em;}
.invitation span{ display:block; text-align:center; font-size:1.2em; color:#66c6c2; margin-bottom:5em;}
.invitation .ewm{ width:40%; margin:0 auto; display:block}

/*recordall.html*/
.myget { overflow:hidden; width:100%;}
.myget .gettop{ overflow:hidden; width:98%; margin:0 auto; padding:0.8em 1%; border-bottom:0.5em solid #eee;}
.myget .gettop span{ display:block; width:46%; margin:0 2%; border:1px solid #ffb395; text-align:center; padding:0.5em 0; border-radius:5px; font-size:1.2em; color:#666; float:left; box-sizing:border-box}
.myget .menu{ width:100%; box-sizing:border-box; height:4em; border-bottom:3px solid #eee;}
.myget .menu li{ overflow:hidden; width:20%; margin:0 6%; box-sizing:border-box; text-align:center; font-size:1em; color:#666; float:left; height:4em; line-height:4em;}
.myget .menu li a{ color:#666; display:block;}
.myget .menu li.on{border-bottom:3px solid #ffb395;}
.myget .menu li.on a{ color:#ffb395;}
.myget .list{ overflow:hidden; width:100%; margin-top:0.2em;}
.myget .list li{ overflow:hidden; padding:0.5em 2% 0px; width:96%; border-bottom:1px solid #eee;}
.myget .list .title{ float:left; width:75%; position:relative; min-height:3em;}
.myget .list p{ font-size:1em; color:#999; line-height:1.5em;}
.myget .list span{ display:block; font-size:0.8em; color:#d8d7d7; position:absolute; right:-32%; bottom:0}
.myget .list em{ display:block; float:right; margin-top:0.3em; width:25%; text-align:right; font-size:1.5em; color:#66c6c2;}


/*editmemberinfo.html*/
.userinfo { overflow:hidden; width:100%;}
.userinfo ul{ overflow:hidden;padding: 2%}
.userinfo li{ overflow:hidden; width:94%; padding:1em 3%; border-bottom:1px solid #eee; background:#fff url(../images/Index/shop_j.png) no-repeat 97% center; background-size:2%;}
.userinfo li span{ display:block; float:left; font-size:1em; color:#666}
.userinfo li .box{ overflow:hidden; float:right; margin-right:6%; width:30%; text-align:right}
.userinfo li img{ display:block; width:50px;height: 50px; border-radius:50%; float:right}
.userinfo li p{ font-size:1em; color:#666}
.userinfo li em{ display: inline-block; padding:0.2em 0.6em; border-radius:2px; font-size:0.8em; color:#9b9b9b; margin:0 2px; background-color:#ececec;}
.userinfo li em.on{ background-color:#ffb395; color:#fff;}
/*.userinfo li:nth-child(1){ padding:0.5em 3%}*/
/*.userinfo li:nth-child(1) span{ margin-top:1em}*/
/*.userinfo li:nth-child(4){ background:none}*/
/*.userinfo li:nth-child(4) .box{ margin-right:1%}*/
.userinfo .ch_name { overflow:hidden; width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/Index/user_info.png) repeat center; display:none }
.userinfo .ch_name .chbox{ overflow:hidden; width:70%; background-color:#fff; position:absolute; left:15%; top:35%;padding-bottom:1.25em;}
.userinfo .ch_name h4{ font-weight:normal; text-align:center; font-size:1.2em; color:#666; background-color:#f7f7f7; padding:0.5em 0;}
.userinfo .ch_name input{ display:block; width:80%; margin:1.5em auto; height:2em; line-height:2em; padding:0.3%; font-size:1em; color:#666; border-radius:5px; border:1px solid #66c6c2; outline:none}
.userinfo .ch_name button{ display:inline-block; width:20%; text-align:center; padding:0.5em; font-size:0.9em; color:#fff; background:#ffb395; border:none; border-radius:5px; margin-left:50%; outline:none}
.userinfo .ch_name button:last-child{ margin-left:0.5em; background-color:#ececec; color:#9b9b9b}
.userinfo .allbutton{ width:90%; margin:0 auto; margin-top:4em;}

/*bankgovern.html*/
.account { overflow:hidden; width:100%;}
.account .cash_bank{ overflow:hidden; width:90%; padding:0.8em 5%; border-bottom:1px solid #eee;}
.account .cash_bank:last-child{ border-bottom:0.5em solid #eee; }
.account .cash_bank img{ display:block; float:left; width:14%;}
.account .cash_bank span{ display:block; float:left; font-size:1em; color:#666; width:30%; text-align:center; margin-left:3%; margin-top:2%}
.account .cash_bank b{ display:block; font-weight:normal; color:#999; font-size:1em;  float:right; margin-top:4%}
.account .cash_bank.on b{color:#ffb395;}
.account .allbutton{ width:90%; margin:0 auto}

/*account_del.html*/
.account_del .cash_bank i{ display:block; width:5%; height:1.5em; background:url(../images/Index/delete.png) no-repeat center; background-size:100%; float:right; margin-left:3%; margin-top:0.8em;}
.account_del .cash_bank:last-child{ border-bottom:1px solid #eee}

/*order_pay_zf.html*/
.payjf { overflow:hidden; width:100%; margin-top:1.25em;}
.payjf .info{ overflow:hidden; width:90%;padding:0 5%; margin:0 auto; padding-bottom:1em; border-bottom:1px solid #eee; }
.payjf .info span{ font-size:1.25em; color:#666; display:block; margin-bottom:0.5em;}
.payjf .info span em{ font-size:1.5em; color:#ffbba0;}
.payjf .info p{ font-size:1em; color:#666; line-height:1.8em;}
.payjf .jf { overflow:hidden; position:relative; padding:1em 5%; width:90%; margin:0 auto; border-bottom:0.5em solid #eee;}
.payjf .jf p{ font-size:1em; color:#666; margin-bottom:0.5em;}
.payjf .jf p em{ color:#ffb395;}
.payjf .jf span{ display:block; font-size:0.8em; color:#999;}
.payjf .jf .chjf{ overflow:hidden; width:4em; height:2em; border-radius:1.5em; position:absolute; right:5%; top:1.2em; background-color:#ffece5}
.payjf .jf .chjf i{ display:block; width:2em; height:2em; border-radius:2em; box-sizing:border-box; background-color:#fff; border:1px solid #ffb091}
.payjf .jf .chjf.on{ background-color:#ffb091;}
.payjf .jf .chjf.on i{ float:right;}
.payjf .allbutton{ width:90%; margin:1.5em auto;} 

.payjf .ch_zf { overflow:hidden; width:100%;}
.payjf .ch_zf p{ font-size:1.2em; color:#ffb091;font-weight:bold; padding:0.6em 5%; width:90%; border-bottom:1px solid #eee;}
.payjf .ch_zf .zfbox{ overflow:hidden}
.payjf .ch_zf label{ display:block; overflow:hidden; width:90%; padding:0.6em 5%; border-bottom:1px solid #eee;}
.payjf .ch_zf label img{ display:block; float:left; width:9%;}
.payjf .ch_zf label span{ display:block; float:left; font-size:1em; color:#666; margin:0.6em 0 0 3%;}
.payjf .ch_zf label input{ display:none}
.payjf .ch_zf label i{ display:block; float:right; width:1em; height:1em; border:1px solid #ffb091; background-color:#fff; border-radius:1em; margin-top:0.6em;}
.payjf .ch_zf label i.on{ background-color:#ffb091;}

/*hongbao.html*/
.choujiang { overflow:hidden; width:100%;}
.choujiang .hbbanner{ display:block; width:100%; margin-bottom:0.5em;}
.choujiang #lottery{ overflow:hidden; width:96%; margin:0 auto; padding:3em; box-sizing:border-box; background:url(../images/Index/hbbg.jpg) no-repeat center; background-size:100%;}
#lottery table{ overflow:hidden; width:100%}
#lottery table td{position:relative; display:block; float:left;width:30.333333%; box-sizing:border-box;height:6em;text-align:center;color:#d80015; font-size:1em ; background:url(../images/Index/hb04.png) no-repeat center; background-size:cover; margin:1.5%; padding:0; border-radius:5px}
#lottery table td img{display:block;width:50%; margin:0.5em auto}
#lottery table td a{width:100%;height:100%;display:block;text-decoration:none; background:url(../images/Index/hb03.png) no-repeat center; background-size:cover;}
#lottery table td a{width:100%;height:100%;display:block;text-decoration:none; background:url(../images/Index/hb03.png) no-repeat center; background-size:cover;}
#lottery table td.nobg{ background:none}
#lottery table td.over{ background:url(../images/Index/hb03-1.png) no-repeat center; background-size:cover}
#lottery table td.active{ background:url(../images/Index/hb05.png) no-repeat center; background-size:cover}
.choujiang .getbox{ overflow: hidden; position:fixed; left:50%; top:50%; width:0%; height:0%; background:url(../images/Index/user_info.png) repeat center;}
.choujiang .getbox img{ display:block; width:50%; margin:0% auto; position:relative; z-index:3}
.choujiang .getbox .wbox{ overflow:hidden; width:80%;  position:absolute; left:10%; top:18%}
.choujiang .wbox div{background-color: #fff;width: 100%;height: 190px;border-radius:10px;}
.choujiang .wbox p{ font-size:1.7em; color:#ff5555; padding:20px 10% 0px;  margin-bottom:1.5em}
.choujiang .wbox button{ position: absolute;  bottom: 0px;  right: 0px;float:right; margin-right:10%; margin-bottom:1.5em; border:none; background-color:#ffb395; border-radius:5px; font-size:1.3em; color:#fff; padding:.5em 1em; outline:none}

.no_order img{ display:block; margin:10% auto; width:50%;}
.no_order p{ width:50%; margin:0 auto; font-size:1.7em; color:#999}


.salech{ display:none; overflow:hidden; width:100%; height:100%; background: url(../images/Index/user_info.png) repeat center; position:fixed; left:0; top:0; z-index:11}
.salech .sbox { overflow:hidden; width:100%; background-color:#fff; position:absolute; left:0; top:10%}
.salech .sbox p{ text-align:center; font-size:1.25em; color:#66c6c2; padding:.6em; border-bottom:1px solid #eee}
.salech .sbox ul{ overflow:hidden; width:100%}
.salech .sbox li{ float:left; box-sizing:border-box; padding:1em 0; border-bottom:1px solid #eee; border-right:1px solid #eee; padding-left:5%; font-size:1.25em; width:50%; color:#999}
.salech .sbox li.on{ background:url(../images/Index/card_gou.png) no-repeat 95% center; background-size:10%}



.jybox{ overflow:hidden; position:relative}
.jybox .jych{ overflow:hidden; width:100%; border-bottom:1px solid #eee;; padding:1em 3%; box-sizing:border-box;}
.jybox .jych span{ display:inline-block; width:20%; text-align:center; font-size:1em; color:#fff; background:#ffbba1; height:2em; line-height:2em; border-radius:5px; margin-right:3%}
.jybox .jych span{ *display:inline}
.jybox .jych span em{ display:inline-block; margin-left:5px; transform:rotate(90deg)}
.jybox .jych input{ display:inline-block; width:20%; height:2em; box-sizing:border-box; border:1px solid #bfbfbf; line-height:2em; text-align:center; font-size:1em; color:#565656; border-radius:5px; outline:none}
.jybox .jych input{ *display:inline}
.jybox .jych button{ width:20%; height:2em; background:url(../images/Index/ss.png) no-repeat center; background-size:cover; border-radius:5px; border:none; outline:none; display:inline-block; margin-left:3%; float:right}
.jybox .jych button{ *display:inline}
.jybox .jych b{ display:inline-block; margin:0 3%; color:#999; font-weight:normal; text-align:center}
.jybox .jych b{ *display:inline}
.jybox .jych i{ display:inline-block; width:1px; height:2em; background-color:#eee; margin:0 3%; margin-left:-2%; position:relative; top:-5px}
.jybox .jych i{ *display:inline}
.jybox table{ overflow:hidden; width:100%;}
.jybox tr{ border-bottom:1px solid #eee;}
.jybox th{ width:20%; font-size:1em; color:#777; padding:.9em 0; text-align:center}
.jybox td{ width:20%; font-size:1em; color:#898989; padding:.9em 0; text-align:center}
.jybox td span{ display:inline-block; padding:.4em .5em; font-size:.9em; color:#fff; background-color:#ffbba1; border-radius:3px;}
.jybox .jidulist{ display:none; overflow:hidden; width:100%; height:100%; padding-top:13%; box-sizing:border-box; position:fixed; left:0; top:0; background:url(../images/Index/user_info.png) repeat center;}
.jybox .jidulist p{ text-align:center; font-size:1.25em; color:#66c6c2; padding:.6em; border-bottom:1px solid #eee}
.jybox .jidulist ul{ overflow:hidden; width:100%;}
.jybox .jidulist li{ float:left; box-sizing:border-box; padding:.7em 0; border-bottom:1px solid #eee; border-right:1px solid #eee; padding-left:5%; font-size:1.25em; width:100%; color:#999}
.jybox .jidulist li.on{ background:url(../images/Index/card_gou.png) no-repeat 95% center; background-size:4%}
.jybox .jidulist .bg{ overflow:hidden; width:100%; height:90%; overflow-y:auto; background-color:#fff;}

.order_list{ overflow:hidden; width:100%;}
.order_list ul{ border-bottom:1px solid #eee;height: 40px;clear: both;}
.order_list li{ width:20%;float: left; font-size:1em; color:#898989;text-align:center;line-height: 40px;}
.order_list li span{ display:inline-block;  font-size:.9em;width:60%;height: 25px;line-height: 25px; color:#fff; background-color:#ffbba1; border-radius:3px;}