@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}
 html{
      height:100%;
    }
ul{margin:0}
ul li{list-style:none}
a,a:link,a:hover,a:focus,a:active{text-decoration:none;outline:none}
a:hover{cursor:pointer}
b,i{font-weight:normal;font-style:normal}
img{border:none;outline:none}
.rtop{ width:100%; height:40px; z-index:99;  max-width:640px; background:#09a63d; line-height:40px; text-align:center; color:#FFF; margin-bottom:10px;position:fixed;top:0px;}
.rtop span{ display:inline-block; width:88%;  line-height:40px; }
.topp{ height:40px; width:100%;}
#left_i{ float:left; width:4%; line-height:40px; display:inline-block;}

.xq_title{ width:100%; background:#FFF; height:50px; color:#09a63d; text-align:center;}
.xq_title p{ display:inline-block;width:100%; line-height:50px; text-align:center; font-size:18px; font-weight:bold;}
.xq_title img{ display:inline-block; vertical-align:middle; margin-top:-8px;}
.ren{ width:98%;  margin:auto; font-size:10px; line-height:20px; }
.ren ul{ width:100%; margin-top:20px;}
.ren ul li{ width:50%;/*height:400px;*/ float:left; margin-top:10px;}
.ren_cont{ width:96%;  margin:auto; border:#edebeb solid 1px; background:#FFF;}
#ren_cont_img{width: 100%;height: 100%;background: #089e8a;}
#ren_cont_imgs{width: 100%;height: 0;padding-bottom: 100%;position: relative;background: #74b1f4;}
#ren_cont_imgs img{position: absolute;width: 100%;height: 100%;}
.ren_cont div{width:100%;}
.ren_cont div span{  display:inline-block; width:96%; margin-top:6px; margin-left:2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ren_cont div p{  display:inline-block; width:96%; margin-top:6px;  margin-left:2%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ys_ana{border:none; background:#44abf7;text-align:center;line-height:26px; width:60%;height:26px;color:#FFF; margin-top:10px;}

.connt{ width:100%; margin:auto; font-size:10px; line-height:20px; }
.connt ul{ width:100%; paddimg-top:10px;}
.connt ul li{ width:100%;background:#FFF; margin-top:10px;}
.connt ul li:first-child{ margin-top:0;}
.connt_nr{width:98%;   margin:auto; }
/*.connt_nr_img{width:48%;float:left; height: 0;padding-bottom: 100%;position: relative;border:1px solid #eee;}
.connt_nr img{  position: absolute;width: 100%;height: 100%;}*/
.connt_nr div{ width:50%; float:right;}
#connt_nr_img{width: 48%;height: 100%;float:left;background: #089e8a;}
#connt_nr_imgs{width: 100%;height: 0;padding-bottom: 100%;position: relative;background: #74b1f4;}
#connt_nr_imgs img{position: absolute;width: 100%;height: 100%;}
.ren_cont div{width:100%;}
.connt_nr_font b{  display:inline-block; width:96%; margin-top:8px; font-size:16px; font-weight:bold;  margin-left:2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.connt_nr_font p{  display:inline-block; width:96%;margin-top:8px; margin-left:2%; overflow: hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}


.gg_footer{width:100%; z-index:999; max-width:640px; background:#FFF; margin:auto;height:80px;position:fixed;bottom:0px; left:0px; right:0px;box-shadow: 0px 0px 5px 0px #ccc;}
.q_das{width:100%; height:80px;}	
.q_das li{width:20%; float:left; height:60px; margin-top:10px; text-align:center; color:#000;  }			
.q_das li a{width:100%; display:inline-block;  margin:auto;}
.q_das li img{ display:inline-block; vertical-align:middle;}	
.q_das li span{width:100%; display:inline-block;  height:20px; line-height:2; text-align:center; font-size:12px;}
#top    
{  
    margin: 0px;  
    z-index: auto;  
    position: fixed;  
    font-family: cursive;  
    border: 1px solid gray;  
    padding-top: 10px;  
    padding-bottom: 10px;  
    line-height: 23px;  
    height: 40px;  
    width: 100%;  
    background-color: white;  
}

/*详情页样式*/
.info_nr{ width:100%; margin:auto;}  
.info_nr img{width:100%; height:150px;} 
.info_zt{ width:100%;margin-top:6px;}
.info_zt b{ font-size:20px; display:inline-block; width:96%; margin-left:2%; margin-top:4px;color:#F00;}
.info_zt p{ font-size:14px; display:inline-block; width:96%;margin-left:2%; margin-top:4px; color:#333333;}
.info_zt small{ font-size:12px; display:inline-block; width:96%;margin-left:2%; margin-top:4px; color:#6a6a6a;}
.info_fg{ width:96%; margin:auto; }
.info_fg span{ margin-top:15px; line-height:30px; width:100%; height:30px; border-bottom:#e1e1e1 solid 1px; display:inline-block; color:#09a63d}
.info_foot{width:100%; max-width:640px; background:#FFF; margin:auto;height:40px;position:fixed;bottom:0px; left:0px; right:0px;box-shadow: 0px 0px 5px 0px #ccc;}
.info_ana{border:none; background:#44abf7;text-align:center;line-height:26px; height:40px; line-height:40px;color:#FFF; }
.info_nn{ width:98%; margin:auto}
.info_nn p{ font-size:12px; text-align:center}
.info_nn img{ width:100%; height:400px; margin-top:6px;}

.ys_na{border:none; background:#44abf7;text-align:center;line-height:40px; width:40px; height:40px; border-radius:20px;color:#FFF; }
.xq_an{ width:50px; position:absolute; right:0px; top:20px; max-width:640px; margin:auto; z-index:99; max-width:640px; margin:auto;}
.xq_an ul li{ margin-top:6px;}
.xq_gr{ width:60%;max-width:640px; margin:auto; position:absolute;left:0px; top:0px;  z-index:99;}
.xq_gr span{ display:inline-block; width:30%; height:36px; line-height:36px; text-align:center; color:#FFF; border-radius:10px; background:#44abf7;}
.xq_jj{ width:98%; margin:auto; line-height:24px;}
.xq_jj p{  line-height:24px; font-size:14px; display:inline-block; margin-top:8px;text-indent:2em;}
.xq_pl{ width:96%;  margin:auto; }
.xq_pl span{ display:inline-block; width:100%;height:36px;border-bottom:#d9d9d9 solid 1px; line-height:36px; font-size:16px; color:#09a63d; margin-top:30px;}
.xq_fan{border:none; border-radius:5px; width:30%; background:#44abf7;text-align:center;line-height:26px; height:30px; line-height:30px;color:#FFF; margin-top:10px; }



/*产品列表*/
.list ul{ width:100%;  margin-top:20px;}
.list ul li{ width:50%;/*height:400px;*/ float:left; margin-top:10px;}
.list_cont{ width:96%;  margin:auto; border:#edebeb solid 1px; background:#FFF; position:relative;}
#list_cont_img{width: 100%;height: 100%;;background: #089e8a;}
#list_cont_imgs{width: 100%;height: 0;padding-bottom: 100%;position: relative;background: #74b1f4;}
#list_cont_imgs img{position: absolute;width: 100%;height: 100%;}
.list_cont div{width:100%;}
.list_font{ width:100%; height:100px; background:#999; background-color: rgba(0,0,0,0.3); color:#FFF; position:absolute; bottom:0px; font-size:12px;}
.list_cont div span{  display:inline-block; width:96%; margin-top:6px; margin-left:2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_cont div p{  display:inline-block; width:96%; margin-top:6px;  margin-left:2%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ys_ana{border:none; background:#44abf7;text-align:center;line-height:26px; width:60%;height:26px;color:#FFF; margin-top:10px;}


/*农场主页面*/
.nctop{ width:100%; height:40px; z-index:99;  max-width:640px; background:#09a63d; line-height:40px; color:#FFF; margin-bottom:10px;position:fixed;top:0px;}
.nctop span{ display:inline-block; width:88%;  line-height:40px; }
.ncbox{ width:96%;height:30px; margin:auto;}
.ncbox ul{ width:100%; margin-top:10px;}
.ncbox ul li{ width:30%;  float:left; background:#e34545; height:30px; line-height:30px; text-align:center; color:#FFF; margin:0 1.5%; border-radius:5px;}
.ncContentbox{ width:96%; margin:auto;}
.nclist ul{ width:100%;  margin-top:10px; background:#f4f3f3; padding-top:10px; padding-bottom:10px;}
.nclist ul li{ width:20%;/*height:400px;*/ float:left; margin:10px 2.5%; }
.nclist_cont{ width:96%;  margin:auto; border:#edebeb solid 1px; background:#FFF; position:relative;}
#nclist_cont_img{width: 100%;height: 100%;;background: #089e8a;}
#nclist_cont_imgs{width: 100%;height: 0;padding-bottom: 100%;position: relative;background: #74b1f4;}
#nclist_cont_imgs img{position: absolute;width: 100%;height: 100%;}
.nclist_cont div{width:100%;}
.nclist_font{ width:100%; background:#999; background-color: rgba(0,0,0,0.3); color:#FFF; position:absolute; bottom:0px; font-size:12px;}
.nclist_cont div span{  display:inline-block; width:96%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center}
.nclist_cont div p{  display:inline-block; width:96%; margin-top:6px;  margin-left:2%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ys_ana{border:none; background:#44abf7;text-align:center;line-height:26px; width:60%;height:26px;color:#FFF; margin-top:10px;}

.card-flex-item-tip{position:absolute;right:0;top:0;overflow:hidden;max-width:90%}.card-flex-item-tip i{width:0;height:0;border-left:17px solid transparent;border-right:0 solid transparent;border-top:24px solid #f20909;display:block;float:left}.card-flex-item-tip span{background:#f20909;color:#ffffff;font-size:12px;display:block;float:left;height:24px;padding:0 10px 0 4px;line-height:24px;white-space:nowrap;/*overflow:hidden;*/text-overflow:ellipsis;max-width:calc(100% - 31px)}


.nclist_contt{ width:96%; height:80px;  margin:auto;position:relative;}
.nclist_font1{ width:100%; background:#999; background-color: rgba(0,0,0,0.3); color:#FFF; position:absolute; bottom:0px; font-size:12px; text-align:center;}


/*管理中心*/
.gllist ul{ width:100%;  background:#f4f3f3; padding-top:10px; padding-bottom:10px;}
.gllist ul li{ width:20%;/*height:400px;*/ float:left; margin:10px 2.5%; }
.gllist_cont{ width:96%;  margin:auto; border:#edebeb solid 1px; background:#FFF; position:relative;}
#gllist_cont_img{width: 100%;height: 100%;;background: #089e8a;}
#gllist_cont_imgs{width: 100%;height: 0;padding-bottom: 100%;position: relative;background: #74b1f4;}
#gllist_cont_imgs img{position: absolute;width: 100%;height: 100%;}
.gllist_cont div{width:100%;}
.gllist_font{ width:100%; background:#999; background-color: rgba(0,0,0,0.3); color:#FFF; position:absolute; bottom:0px; font-size:12px;}
.gllist_cont div span{  display:inline-block; width:96%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center}
.gllist_cont div p{  display:inline-block; width:96%; margin-top:6px;  margin-left:2%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gl_title{ width:100%; background:#FFF; height:30px; color:#09a63d; text-align:center;}
.gl_title p{ display:inline-block;width:100%; line-height:50px; text-align:left; font-size:14px; }
.gl_title img{ display:inline-block; vertical-align:middle; margin-top:-8px;}
.gl_fg{ height:8px; width:100%; background:#f4f3f3;}



/*农村菜场*/
.mark{ width:96%; margin:auto}
.mark ul{ overflow:hidden; width:100%;}
.mark ul li{  width:20%;/*height:400px;*/ float:left; margin:10px 2.5%;}
.mark_cont{ width:96%; margin:auto}
.mark_cont ul{ overflow:hidden; width:100%;}
.mark_cont ul li{  width:45%;height:80px; float:left;margin:10px 2.5%;background:url(../images/zp.jpg) top center no-repeat;background-size:cover; position:relative;}

.mark_tx{ width:96%; margin:auto; height:26px; color:#FFF }
.mark_tx img{ width:26px; height:26px; border-radius:13px; float:left;}
.mark_tx span{ font-size:12px; line-height:26px; height:26px; display:inline-block; float:left; margin-left:6px; color:#FFF}
.mark_bt{ width:96%; height:20px; line-height:20px; margin:auto; position:absolute; bottom:0; left:2%;}
.mark_bt p{ display:inline-block; float:left; font-size:16px; color:#FFF}
.mark_bt span{ display:inline-block; float:right; font-size:14px; color:#FFF}

.mark-btn{ width:40px; height:120px;position:fixed; right:0; top:40%; z-index:99; } 
.mark-btn img{ width:40px; height:40px;}

.mark_qy{ width:100%; max-width:640px; height:150px; position:fixed; bottom:0px; background:#CCC; }
.mark_xx{ width:96%; height:110px; margin:auto; background:#090; }
.markf{ width:100%; height:200px;}
.mark_buttom{ margin-top:10px;}


.inten{ width:100%; height:50%; margin:auto; background:#099;background:url(../images/n.png) no-repeat; background-size:100% 100%;}
.intene{ width:70%; margin:auto;padding-top:10px;}
.intene ul{  width:100%;height:218px; margin:auto;padding:5px;  }
.intene ul li{width:45%; float:left;background:#FFF; padding:2%; border-radius:5px; }
.intene ul li img { width:98%;; height:86px; margin:auto;}
.tm{}
.ffo{ width:100%; max-width:640px; height:40%; background:#09a63d; position:fixed; bottom:0;}
.ffot ul{ width:100%; margin-top:10px; font-size:12px;}
.ffot ul li{ width:40%;  float:left;height:30px; line-height:30px; text-align:left; margin:0 5%; color:#FFF;border-radius:5px;}
.gju ul{ width:100%; margin-top:10px; font-size:12px;}
.gju ul li{ width:25%;  float:left;height:40px; line-height:30px; text-align:left; margin:5px 4%; background:#FFF;color:#FFF;}
.in_time{ width:90%; height:26px; margin:auto; background:#FFF; border-radius:5px;}
.in_time p{ float:left; font-size:10px; line-height:26px; margin-left:10px;}
.in_time span{ float:right; font-size:10px; line-height:26px; margin-right:10px;}
.i_an{ width:80%; margin:auto; height:20px; background:#969; position:relative;}
.i_an ul{ width:100%;  position:absolute; bottom:0px; }
.i_an ul li{ float:left;  margin:0 3%;}
.i_an ul li a img{ width:42px; height:42px; }

.huadong {width:100%;height:4rem;padding: 10px 0 5px 0; border-bottom: 1px solid #F0F0F0; position:relative;font: 12px/1.5 "Hiragino Sans GB","Microsoft YaHei",simsun;margin:0 auto;}
.huadong .huabox {  margin:0 auto; width: 100%; line-height: 20px;}
.huadong .hdimg {float:left;line-height:40px;}
.huadong .hdimg img { width: 100%; vertical-align:middle;}
.huadong h5 {font-size:1rem;float:left; line-height: 20px;; margin: 0.8rem 0 0 0; }
.huadong .gg_more { float: left;}
.huadong .gg_more a { font-size: 0.8rem; text-decoration:none;}
.huadong .notice_active {float: left;width:70%;height: 2rem;padding-top: 4px;overflow: hidden;position: relative;}
.huadong .notice_active li{list-style-type:none;line-height: 2.4rem;overflow: hidden;}
/*.huadong .notice_active li.notice_active_ch {}*/
.huadong .notice_active li.notice_active_ch span {color:#656972;font-size:1rem;display: block;overflow: hidden; width:80%;float: left;overflow: hidden;margin:0 0 2rem 0;}
.huadong .gg_more .news_ck {float: left;margin: 0 1rem 0 1rem;color: #888;width: 5rem;height: 2rem;line-height: 2rem;display: block;border: 1px solid #656972;text-align: center;border-radius: 0.7rem;font-size: 0.8rem;margin-top: 1rem;}
.huadong .gg_more .news_more {		}
.huadong .notice_active li.notice_active_ch em {text-align:right;float:right;color:#888;font-size:0.8rem;font-style:normal;  }


.tclist{ width:100%;}
.tclist ul{ width:100%;}
.tclist ul li{ width:45%;margin:5px 2.5%;float:left; box-shadow:0px 0px 5px #CCC;}
.te_top{ width:100%; height:50px;}
.tclis_cont_span{font-size:10px; width:100%; text-align:center; border-bottom:#f2f2f2 solid 1px; line-height:20px; height:20px;}

.tclis_cont{ width:40%; height:40px;float:left;  margin:auto;  background:#FFF;}
#tclis_cont_img{width: 40px;height: 40px; margin:auto}
#tclis_cont_imgs{width: 40px;height:40px;margin:auto}
#tclis_cont_imgs img{width: 40px;height: 40px; margin-top:5px;}

.tclis_cont_an{ width:58%; float:left; height:40px; border:#CCC solid 1px;}
.tclis_cont_an a{ color:#FFF; line-height:20px; font-size:11px;text-align:center; }
.tclis_cont_an p{ display:inline-block; width:100%; height:20px; color:#FFF;background:#099; }
.tclis_cont_an span{ display:inline-block; width:100%; height:20px;  color:#FFF; background:#099;}

.tclis_cont_an2{ width:58%; float:left; height:40px; }
.tclis_cont_an2 a{ color:#FFF; line-height:20px; font-size:11px;text-align:center; }
.tclis_cont_an2 p{ display:inline-block; width:100%; height:20px; color:#FFF;background:#099; margin-top:17%; }

.te_top3{ width:100%; height:50px;}
.tclis_cont3{ width:40%; height:40px;float:left;  margin:auto;  background:#FFF;}
#tclis_cont_img3{width: 40px;height: 40px; margin:auto}
#tclis_cont_imgs3{width: 40px;height:40px;margin:auto}
#tclis_cont_imgs3 img{width: 40px;height: 40px; margin-top:5px;}
.tclis_cont_an3{ width:58%; float:right; height:50px;   }
.tclis_cont_an3 a{ color:#333333; line-height:25px; font-size:11px;text-align:center; }
.tclis_cont_an3 p{ display:inline-block; width:100%; height:23px;  border:#f2f2f2 solid 1px;}

.tclis_cont_an4{ width:58%; float:right; height:50px;   }
.tclis_cont_an4 a{ color:#333333; line-height:50px; font-size:11px;text-align:center; }
.tclis_cont_an4 p{ display:inline-block; width:100%; height:50px;  border:#f2f2f2 solid 1px;}