@charset "utf-8";
/*==============================style==================================*/
.h13,h13{ font-size:1.02em}
.h14,h14{ font-size:0.9em}
.h15,h15{ font-size:1.175em}
.h16,h16{ font-size:1.2em}
.h18,h18{ font-size:1.425em}
.h20,h20{ font-size:1.55em}
.h22,h22{ font-size:1.7em}
.red{ color:#ce0a0b}
.contioner {max-width: 640px;margin: 0 auto; min-width: 320px;overflow: hidden; position:relative;}
.wapper{ padding-bottom:80px; position:relative; width: auto; height:auto; overflow:hidden;}
/*公共头部--01*/
.ui-header{ position:relative; background:url(../img/nav_back.jpg); padding: 10px 0;}
.ui-header .logo{ width: 48%; margin: 0 auto;}
.ui-header .logo img{ width: 100%;}
.ui-header h20{line-height:65px; text-align:center; color:#fff; display:block;}
.ui-header-Left, .ui-header-right{ position:absolute; top:0; left:0; width:52px; height:100%;}
/*.ui-header-left .back-top{background-image: url(../img/return.png) no-repeat;}*/
.ui-header-right{ left:0; right:auto;}
.ui-header-right{ left:auto; right:0;}
.ui-header-Left a{ display:block; height:100%; background-size:80%; background-repeat:no-repeat; background-position:center center;}
.ui-header-right a{ display:block; height:109%; background-size:105%; background-repeat:no-repeat; background-position:center center; margin-right:20%}
.ui-header-ico-house{background:url(../img/house.png);background-size:100%}
.ui-header-ico-home{ background:url(../img/nav_home.png);}
.ui-header-ico-menu{ background:url(../img/back_top.png); display:block; height:100%; background-size:32px auto; background-repeat:no-repeat; background-position:center center; cursor:pointer}


#Membera ul{ width:90%; margin:0 auto; padding:16% 5% 5% 4%; background-color:#efefef}
#Membera ul li{ width:100%;  line-height:2; border-bottom:#CCCCCC solid 1px;}
/*公共头部-end*/
/*公共头部--02*/
.navtitle{color:#fff; height:65px;line-height:65px; text-align:center; position:relative; }
.navtitle .back{  width:24px; height:45px; text-align:center; position:absolute; top:0.8em; left:1em; background:url(../img/back_top.png) no-repeat; background-size:70% auto; cursor:pointer; }
.colorbg1{ background-color:#8e0612}
.colorbg2{ background-color:#fff}
/*公共头部-end*/
/*公共底部*/
.bottom-fixed{border-top:4px solid #7cde3c;bottom: 0;position: fixed;text-align: center;width:100%;z-index: 100;min-width: 320px;max-width: 640px; background-color: #4ea614}
.footer {display: block;text-align: center;  padding:2% 0px 3%; overflow:hidden;}
.footer .text span{float:left;line-height:1.5;}
/*引导*/
.guide_in{ width:92%; height:100%; overflow:hidden; padding:15% 4% 5%; text-align:center}
.guide_in img{ width:100%; max-width:640px;}
/**************************首页样式*****************************/
/*banner*/
.main_visual {position: relative;z-index: 23;min-width: 320px;max-width: 640px;}
.main_image {width: 100%;height: 100%;overflow:hidden;margin: 0 auto;position: relative}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%;}
.main_image li a {display: block;width: 100%;height: 100%}
div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom: 8px;left: 45%;z-index: 11;}
div.flicking_con li {float: left;border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;height: 8px;width: 8px;border: 1px solid #fff;background: #FFF;
    margin: 0 4px;display: inline-block;opacity: 1;font-size: 0px;}
div.flicking_con li.on {background: #ab0809}
/*banner-end*/

/*index_goods*/
/*.index_goods{ width:100%; float:left;}*/
/*.index_goods ul li{ width:100%; float:left; margin-top:1px; position:relative}*/
/*.index_goods ul li img{ width:100%; float:left;}*/
/*.index_goods ul li span{ padding:2% 5%; color:#FFFFFF; position:absolute; bottom:8%; left:5%; background:url(../img/price.jpg) no-repeat center;}*/


/*导航栏*/
.nav{margin: 25px auto 15px auto;width: 88%;overflow: hidden;}
.nav ul{margin:0;overflow:hidden;text-align:center;}
.nav ul li{float: left;width:43.9%;overflow:hidden;background-color:#4ea614;margin:10px;display:inline;}
.nav ul li .h18{text-align: center;padding:12%;color:#fff;font-weight:500;}

/*环境展示*/
.market{background-color: #fff;width: 100%;overflow: hidden}
.market .big-title{height:60px;text-align: center;line-height: 60px;color:#4ea614;font-size:22px;}
/*317 325 302 244*/
.market .pic-list{margin:0 3.0% 0 4.7%;overflow: hidden}
.market .pic-list li{background-color: #ffffff;float: left;margin:6px;overflow: hidden;width:45%;}
.market .pic-list ul li .img-box {position:relative;width:100%;}
.img-box img{width:250px; height: 190px;}
.img-box p{position: absolute;bottom: 0px;color: #fff;background: #000;width: 250px;height: 30px;text-align: center; line-height: 30px;opacity: 0.5;}
/*经典美食*/
.food{background-color: #fff;width: 100%;overflow: hidden}
.food .big-title{height:60px;text-align: center;line-height: 60px;color:#4ea614;font-size:22px;}
/*317 325 302 244*/
.food .pic-list{margin:0 3.0% 0 4.7%;overflow: hidden}
.food .pic-list li{background-color: #ffffff;float: left;margin:6px;overflow:hidden;width:45%;}
.food .pic-list ul li .img-box{position:relative;width:100%;}




.listv_tit{ border-bottom:1px solid #dedede; padding:1% 0% 2%; overflow:hidden; border-top:0.8em solid #efefef; border-bottom:0.8em solid #efefef}
.listv_tit p{ font-size:1.4em; color:#333333; line-height:160%; padding-left:4%;}
.listv_tit p.price{ font-size:24px; color:#eb4909;}

.listv_tit p.price .like{ height:20px; line-height:20px; font-size:12px; display:inline-block; margin-left:20px; position:relative;}
.listv_tit p.price .like img{ height:24px; vertical-align:text-bottom;}
.listv_tit p.price .like a{ display:inline-block;}
.listv_tit p.price .like a:after{ content:"+1"; opacity:0; position:absolute; color:#C00; z-index:10; font-weight:bold; left:45px; line-height:20px; top:1px;
    transition:all .8s ease; -moz-transition:all .8s ease; -webkit-transition:all .8s ease; -ms-transition:all .8s ease; -o-transition:all .8s ease;}
.listv_tit p.price .like a.y1:after{ left:55px; opacity:1;}
.listv_tit p.price .like a.y2:after{ left:65px; opacity:0;}
.listv_tit p.price i{ font-size:13px;}
.listv_tit p.smallv{ font-size:1em; color:#666; line-height:180%}

/***************************分辨率兼容样式属性**************************/
@media all and (max-width:2560px){
    .footer li a .footpic{ background-size:83% auto}
}
@media all and (max-width:640px){
    .h13,h13{ font-size:1.1em}
    .h14,h14{ font-size:1.15em}
    .h15,h15{ font-size:1.175em}
    .h16,h16{ font-size:1.2em}
    .h18,h18{ font-size:1.425em}
    .h20,h20{ font-size:1.55em}
    .h22,h22{ font-size:1.7em}
    .con_index_coin ul li a .coin_index{ width:92px; height:92px; background-size:50% auto}
    .hot_indexcoincon{background-size:7% auto}
    .hot_indexcoincon h18{padding-left:12%; line-height:300%}
    .footer li a .footpic{ background-size:83% auto}
    .img-box img{width:250px; height: 190px;}
    .img-box p{width:250px; }
}
@media all and (max-width:580px){
    .h13,h13{ font-size:1.0em}
    .h14,h14{ font-size:1.1em}
    .h15,h15{ font-size:1.125em}
    .h16,h16{ font-size:1.15em}
    .h18,h18{ font-size:1.325em}
    .h20,h20{ font-size:1.45em}
    .h22,h22{ font-size:1.6em}
    .con_index_coin ul li a .coin_index{ width:85px; height:85px; background-size:50% auto}
    .hot_indexcoincon{background-size:7% auto}
    .hot_indexcoincon h18{padding-left:12%; line-height:325%}
    .footer li a .footpic{ background-size:80% auto}
    .img-box img{width:180px; height: 130px;}
    .img-box p{width:180px; }
}
@media all and (max-width:420px){
    .h13,h13{ font-size:0.85em}
    .h14,h14{ font-size:0.925em}
    .h15,h15{ font-size:0.975em}
    .h16,h16{ font-size:1.025em}
    .h18,h18{ font-size:1.125em}
    .h20,h20{ font-size:1.3em}
    .h22,h22{ font-size:1.4em}
    .con_index_coin ul li a .coin_index{ width:72px; height:72px; background-size:48% auto}
    .hot_indexcoincon{background-size:9% auto}
    .hot_indexcoincon h18{padding-left:14%; line-height:375%}
    .footer li a .footpic{ background-size:75% auto}
    .img-box p{width:180px; }
    .img-box img{width:180px; height: 130px;}
}
@media all and (max-width:385px){
    .h13,h13{ font-size:0.85em}
    .h14,h14{ font-size:1em}
    .h15,h15{ font-size:0.95em}
    .h16,h16{ font-size:1em}
    .h18,h18{ font-size:1.5em}
    .h20,h20{ font-size:1.25em}
    .h22,h22{ font-size:1.4em}
    .con_index_coin ul li a .coin_index{ width:70px; height:70px; background-size:48% auto}
    .hot_indexcoincon{background-size:10% auto}
    .hot_indexcoincon h18{padding-left:15%; line-height:360%}
    .footer li a .footpic{ background-size:75% auto}
    .food .pic-list ul li .img-box img{width:155px; height: 120px;}
    .img-box p{width:155px; }
    .nav ul li{float: left;width:42.9%;overflow:hidden;background-color:#4ea614;margin:10px;display:inline;}
}
@media all and (max-width:320px){
    .h13,h13{ font-size:0.75em}
    .h14,h14{ font-size:0.85em}
    .h15,h15{ font-size:0.9em}
    .h16,h16{ font-size:0.95em}
    .h18,h18{ font-size:1.12em}
    .h20,h20{ font-size:1.2em}
    .h22,h22{ font-size:1.3em}
    .con_index_coin ul li a .coin_index{ width:65px; height:65px; background-size:48% auto}
    .hot_indexcoincon{background-size:11% auto}
    .hot_indexcoincon h18{padding-left:16%; line-height:360%}
    .footer li a .footpic{ background-size:72% auto}
    .nav_conbg ul li a .nav_index{background-size:72% auto}
    .food .pic-list ul li .img-box img{width:155px; height: 120px;}
    .img-box p{width:120px; }
}
/***************************end分辨率兼容样式属性*************************