@charset "utf-8";
/*首页头部*/
*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: rgba(0,0,0,0);-moz-tap-highlight-color: transparent; -o-tap-highlight-color: rgba(0,0,0,0);-o-tap-highlight-color: transparent;  -ms-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: transparent; tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: transparent;}
input[type=text]{-webkit-appearance:none;}
input[type=button]{-webkit-appearance:none; border-radius:0;}
input[type=submit]{-webkit-appearance:none;}	
img{ max-width:100%;}
body input[type="text"]:focus,body textarea:focus{ color:#333;}
body{ min-width:320px; max-width:750px; background:#f4f4f4; margin:0 auto;}

/* 首页 */
.u-whi{ position:fixed; width:100%; height:20px; background:#ff2323; left:0; top:0; z-index:1001;}
.u-red{ background-color:#fff;}
.g-hea{ width:100%; height:46px; background-color:#ff2323; z-index:10001; position:fixed; left:0; top:20px; z-index:999;}
.g-hea:after{ display:block; content:''; visibility:hidden; width:0; height:0; clear:both;}
.m-hea-1{ width:16%; height:46px; overflow:hidden; float:left; position:relative;}
.m-hea-1 img{ display:block; width:26px; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-8px;}
.m-hea-2{ width:68%; float:left; margin-top:8px; height:30px; background-color:#ff5252; border-radius:15px; text-align:center;}
.m-hea-2 a{ display:block; width:100%; height:30px; color:#f7f7f7; line-height:32px; font-size:14px;}
.m-hea-2 a span{ display:inline-block; padding-left:20px; background:url(../images/hea_09.png) no-repeat left 9px; background-size:14px;}
.m-hea-3{ width:16%; float:left; height:46px; overflow:hidden; position:relative;}
.m-hea-3 a{ width:100%; height:46px; overflow:hidden;}
.m-hea-3 a img{ display:block; width:26px; height:26px; position:absolute; left:50%; top:50%; z-index:3; margin-left:-13px; margin-top:-13px;}
.m-hea-3 a span{ width:40px; height:40px; position:absolute; left:50%; top:50%; z-index:6; margin-left:-20px; margin-top:-20px;}
.m-hea-3 a span i{ display:block; float:right; width:18px; height:18px; background-color:#ffa500; text-align:center; color:#f7f7f7; font-size:12px; line-height:18px; border-radius:50%;}
.u-soh{ display:block; float:left; border:none; width:80%; font-size:14px; line-height:20px; color:#fff; padding:5px 0; background:transparent; text-indent:15px;}
body input.u-soh:focus{ color:#fff;}
.u-sah{ cursor:pointer; border:none; background:url(../images/hea_09.png) no-repeat center center transparent; background-size:14px; display:block; float:left; width:20%; height:30px;}
.u-soh::-webkit-input-placeholder{ color:#FFAAAA;}
.u-soh:-moz-placeholder{ color:#FFAAAA;}
.u-soh::-moz-placeholder{ color:#FFAAAA;}
.u-soh:-ms-input-placeholder{ color:#FFAAAA;}
.f-reu{ position:fixed; display:none; left:0; top:0; z-index:998; width:100%; background-color:#fff; height:100%; overflow-y:auto;}
.f-reu .m-reu{ margin-top:66px;}
.u-dep{ border:none; display:none; background:#ff2323; cursor:pointer; color:#fff; width:100%; height:100%; position:absolute; left:0; top:0; z-index:6; font-size:14px;}
.m-reu{ padding-left:2%; overflow:hidden; padding-right:2%; background-color:#fff;}
.m-reu ul li{ width:100%; height:44px; line-height:44px; border-bottom:solid 1px #f1f1f1; font-size:16px;}
.m-reu ul li a{ display:block; color:#333; height:44px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.g-set{ width:100%; overflow:hidden; padding-bottom:56px; padding-top:66px;}
.m-one{ position:relative; z-index:3; max-width:736px; max-height:660px; overflow:hidden; margin:0 auto;}
.m-one .hd{ position:absolute; height:15px; bottom:5px; left:50%; z-index:6; }
.m-one .hd ul{ margin-left:-50%;}
.m-one .hd li{ display:block; width:8px; height:8px; float:left; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#7f7f7f; text-indent:-9999px; overflow:hidden; margin:0 4px;}
.m-one .hd li.on{ background:#ff2323;}
.m-one .bd li img{vertical-align:top; width:100%; max-height:320px; display:block;/* 图片宽度100%，达到自适应效果 */}
.m-nue{ width:100%; background-color:#fff; overflow:hidden; margin-bottom:10px; padding-top:6px; padding-bottom:2px;}
.m-nue ul li{ width:25%; float:left; overflow:hidden; text-align:center; height:66px; margin-top:10px; margin-bottom:10px;}
.m-nue ul li a{ display:block; width:100%; height:66px;}
.m-nue ul li a i{ display:block; width:46px; height:46px; margin:0 auto; background-size:372px;}
.m-nue ul li a i img{ display:block; width:100%;}
.m-nue ul li a p{ color:#666666; font-size:12px; line-height:24px;}
.m-thr{ padding:6px 2% 10px; overflow:hidden; background-color:#fff; margin-bottom:10px;}
.m-thr-1{ width:100%; height:40px; line-height:40px; overflow:hidden; margin-bottom:6px;}
.m-thr-1 span{ float:left; color:#000; font-size:18px; font-weight:bold;}
.m-thr-1 i{ color:#ff2323;}
.m-thr-2{ overflow:hidden;}
.m-hea-5{ width:68%; text-align:center; float:left; line-height:46px; font-size:16px; color:#fff;}
.m-thr-1 a{ float:right;}
.m-thr-2 .bd ul{ overflow:hidden;}
.m-thr-2 .bd ul li{ float:left; width:49%; margin-right:1%; overflow:hidden; position:relative;}
.m-thr-2 .bd ul li:first-child + li{ float:right; margin-right:0; margin-left:1%;}
.m-thr-2 .bd ul li i{ position:relative; width:100%; height:0; display:block; padding-bottom:100%; overflow:hidden;}
.m-thr-2 .bd ul li i img{ display:block; width:100%;}
.m-thr-2 ul li span{ position:absolute; left:0; bottom:0; color:#fff; line-height:32px; font-size:14px; padding:0 2%; min-height:32px; text-indent:5px; font-weight:bold; width:96%; background:rgba(0,0,0,.3);}
.m-thr-2 .hd{ overflow:hidden; padding-top:8px; text-align:center;}
.m-thr-2 .hd li{ display:inline-block; line-height:28px; padding:0 5px; margin:0 8px; color:#888; position:relative;}
.m-thr-2 .hd li.on{ color:#333;}
.m-thr-2 .hd li i img{ position:absolute; width:18px; right:-12px; top:-2px; opacity:.4}
.m-thr-2 .hd li.on i img{ opacity:1;}
.m-hot{ padding:0 8px 16px; overflow:hidden; background-color:#fff; margin-bottom:10px;}
.m-hot-0{ overflow:hidden;}
.m-hot-0 .bd ul li{ width:100%;}
.m-hot-0 .bd ul li img{ width:100%;}
.m-hot-0 .hd{ display:none;}
.m-hot-0 .bd ul li p{ color:#000; text-indent:3px; height:32px; overflow:hidden; font-size:14px; line-height:32px;}
.m-adv{ padding:0 2% 20px; overflow:hidden; background-color:#fff; margin-bottom:10px;}
.m-adv-0{ overflow:hidden;}
.m-adv-0 ul li{ overflow:hidden; border-bottom:1px solid #e8e8e8; padding:8px 0;}
.m-adv-0 ul li a > i{ display:block; float:left; overflow:hidden; width:120px; height:120px; margin-right:10px;}
.m-adv-0 ul li a > i > img{ display:block; width:120px; height:120px;}
.m-adv-1{ overflow:hidden;}
.m-adv-1 h2{ color:#000; font-size:14px; font-weight:bold; height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:32px;}
.m-adv-1 p{ color:#666; font-size:12px; line-height:16px; max-height:32px; overflow:hidden; height:32px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.m-evu{ overflow:hidden; margin-top:9px; color:#ff6600; line-height:20px; font-size:14px; vertical-align:middle;}
.m-evu span{ vertical-align:middle; margin-top:1px;}
.m-lok{ overflow:hidden; color:#999;}
.m-lok span{ margin-right:8px;}
.m-lok span img{ vertical-align:middle; margin-right:3px; width:16px;}
.m-lok span i{ vertical-align:middle;}
.g-fot{ width:100%; position:fixed; z-index:997; left:0; bottom:0; height:52px; padding-top:2px; background-color:#fff; -webkit-box-shadow:0 0 10px 0 hsla(0,6%,58%,.6); box-shadow:0 0 10px 0 hsla(0,6%,58%,.6);}
.g-fot ul li{ width:25%; overflow:hidden; float:left; height:52px; text-align:center;}
.g-fot ul li a{ display:block; overflow:hidden; width:100%; height:52px; color:#666; font-size:12px;}
.g-fot ul li p{ margin-top:0px;}
.g-fot ul li i{ width:48px; height:29px; margin-top:-1px; display:inline-block; overflow:hidden;}
.g-fot ul li img{ display:block; width:100%;}
.g-fot ul li a.z-fot{ color:#ff2323;}
.g-fot ul li a.z-fot img{ margin-top:-44px;}
.g-fot ul li:first-child + li i img{ margin-top:-3px;}
.g-fot ul li:first-child a.z-fot img{ margin-top:-48px;}
.g-fot ul li:first-child + li a.z-fot img{ margin-top:-42px;}
.g-fot ul li:first-child + li ~ li a.z-fot img{ margin-top:-47px;}

/* 效果分界线 */
@keyframes pro1{
	0%{ transform:roatate(0deg);}
   25%{ transform:rotate(360deg);}
   50%{ transform:rotate(720deg);}
   75%{ transform:rotate(1280deg);}
  100%{ transform:rotate(2100deg);}
}
@keyframes pro2{
	from{ transform:rotate(0deg);}
	  to{ transform:rotate(720deg);}
}
@keyframes pro3{
	0%{ transform:roate(0deg);}
   25%{ transform:rotate(300deg);}
   50%{ transform:rotate(900deg);}
   75%{ transform:rotate(1080deg);}
  100%{ transform:rotate(1600deg);}
}

.g-fix{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:12;}
.g-fix:before{ content:''; display:block; position:absolute; width:100%; left:0; top:0; height:50%; background-color:#dcdcdc; transition:top .5s cubic-bezier(.09,.54,.64,.95);}
.g-fix:after{ content:''; display:block; position:absolute; width:100%; right:0; bottom:0; height:50%; background-color:#dcdcdc; transition:bottom .5s cubic-bezier(.09,.54,.64,.95);}
.m-pro{ position:fixed; left:50%; top:50%; width:70px; height:70px; border-radius:70px; margin-left:-35px; margin-top:-35px; z-index:10; background-color:#fff; transition:opacity .3s ease;}
.f-opa{ opacity:0;}
.m-pro-0{ position:absolute; left:50%; top:50%; width:100px; height:100px; border-radius:100px; margin-left:-50px; margin-top:-50px; text-align:center; line-height:100px; color:#222; font-size:20px; font-weight:bold;}
.m-pro-1{ position:absolute; left:50%; top:50%; width:110px; height:110px; border-radius:110px; border:solid 2px #fff; margin-left:-57px; margin-top:-57px; border-top-color:transparent; border-right-color:transparent; animation:pro1 10s infinite alternate;}
.m-pro-2{ position:absolute; left:50%; top:50%; width:150px; height:150px; border-radius:150px; border:solid 2px #fff; margin-left:-77px; margin-top:-77px; border-top-color:transparent; border-bottom-color:transparent; animation:pro2 3s infinite;}
.m-pro-3{ position:absolute; left:50%; top:50%; width:180px; height:180px; border-radius:180px; border:solid 2px #fff; margin-left:-92px; margin-top:-92px; border-left-color:transparent; animation:pro3 6s infinite alternate;}
.z-fix:before{ top:-50%;}
.z-fix:after{ bottom:-50%;}

/* 菜谱分类 */
.m-pro-4{ position:absolute; left:50%; top:50%; width:100px; height:100px; border-radius:100px; margin-left:-50px; margin-top:-50px; text-align:center; line-height:100px; color:#222; font-size:12px; font-weight:bold;}
@keyframes iop{
	from{ opacity:0;} 
	  to{ opacity:1;}
}
.m-pro-4 span{ opacity:0; animation:iop 2s ease infinite;}
.m-pro-4 span:first-child + span{ animation-delay:.8s;}
.m-pro-4 span:first-child + span + span{ animation-delay:1.6s;}
.g-top{ width:100%; height:46px; position:fixed; border-bottom:1px solid #f4f4f4; left:0; top:20px; z-index:999; background-color:#fff; overflow:hidden;}
.m-top-1{ width:16%; float:left; height:46px;}
.m-top-2{ width:68%; text-align:center; float:left; line-height:46px; font-size:16px; color:#000;}
.m-top-1 a{ display:block; width:100%; height:100%; position:relative;}
.m-top-1 img{ display:block; width:12px; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-10px;}
.g-sit{ width:100%; overflow:hidden; padding-top:66px;}
.m-sit-1{ width:86px; float:left; border-right:1px solid #f4f4f4; /*-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;*/ overflow:hidden;}
.m-sit-1 ul li{ height:46px; width:100%;}
.m-sit-1 ul li a{ display:block; width:100%; height:46px; line-height:46px; text-align:center; font-size:14px; color:#333;}
.m-sit-1 ul li .z-sit{ color:#ff2323; background-color:#fff;}
.m-sit-2{ overflow:hidden; background-color:#fff;}
.m-sit-3{ margin:7px 7px 0;}
.m-sit-3 > img{ display:block; width:100%;}
.m-sit-3 > h2{ color:#333; font-weight:bold; font-size:14px; margin-top:18px;}
.m-sit-3 ul{ overflow:hidden; margin-top:15px; padding:7px 10px 0 10px;}
.m-sit-3 ul li{ width:32.8%; float:left; text-align:center; overflow:hidden;}
.m-sit-3 ul li img{ width:86%;}
.m-sit-3 ul li p{ color:#333; height:35px; margin-top:2px; line-height:19px; font-size:12px; width:100%; overflow:hidden;}
.m-sit-3 ul li i{ position:relative; display:block; width:100%; height:0; padding-bottom:86%; overflow:hidden;}
.m-sit-3 + .m-sit-3{ display:none;}

/* 菜谱列表 */
.m-hea-1 .u-whr{ width:12px; margin-left:-6px; margin-top:-10px;}
.m-rec{ width:100%; height:46px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; margin-bottom:6px; overflow:hidden;}
.m-rec ul li{ width:25%; float:left; letter-spacing:2px; font-size:14px; height:46px; line-height:46px; position:relative; text-align:center;}
.m-rec > a{ width:25%; height:46px; color:#333; font-size:14px; line-height:46px; overflow:hidden; float:left;}
.m-rec > a i{ vertical-align:middle;}
.f-mag{ margin-top:6px;}
.m-rec ul li a{ display:block; color:#333; width:100%; height:46px; overflow:hidden;}
.m-rec ul li i{ display:inline-block; vertical-align:text-bottom; width:0; height:0; margin:0 1px; border:5px solid transparent; border-top-color:#666;}
.m-rec ul li .z-rec{ color:#ff2323;}
.m-rec ul li .z-rec i{ border-top-color:#ff2323;}
.m-rec ul li .z-rec.z-rei i{ border-top-color:transparent; border-bottom-color:#ff2323; vertical-align:text-top;}
.m-rec > a.z-rec{ color:#ff2323;}
.m-rec > a span{ width:26px; display:inline-block; position:relative; height:26px; overflow:hidden; margin:0 2px; vertical-align:middle;}
.m-rec > a img{ width:26px; position:absolute; left:0; top:0;}
.m-rec > a.z-rec img{ margin-top:-26px;}

/* 菜谱详情 */
.m-det{ overflow:hidden; width:100%;}
.m-det-1{ width:100%; overflow:hidden;}
.m-det-1 img{ display:block; width:100%;}
.m-det-2{ background-color:#ffdada; padding:30px 2% 28px; overflow:hidden;}
.m-det-2 h2{ color:#000; font-size:16px; font-weight:bold; margin-bottom:20px;}
.m-det-2 h5{ color:#666; font-size:12px; line-height:18px; vertical-align:middle;}
.m-det-2 h5 em{ color:#FC7616; margin-left:3px;}
.m-det-2 h5 span{ vertical-align:middle;}
.m-det-2 p{ color:#666; font-size:12px; line-height:24px; margin-top:1px;}
.m-det-3{ padding:20px 2% 10px; color:#666; font-size:14px; line-height:24px; width:96%; background-color:#fff; overflow:hidden;}
.m-det-3 strong{ font-size:24px;color:#ddd;font-family:arial;font-weight:bold;padding:0px 3px;}
.m-det-4{ overflow:hidden; background-color:#fff; padding:0px 2% 0; overflow:hidden;}
.m-det-4 h2{ color:#000; font-size:16px; font-weight:bold; line-height:42px; border-bottom:1px solid #c6c6c6;}
.m-det-4 ul li{ border-top:1px solid #e8e8e8; overflow:hidden; height:38px; line-height:38px;}
.m-det-4 ul li span{ width:48%; margin-right:2%; overflow:hidden; height:38px; color:#666; font-size:12px; float:left;}
.m-det-4 ul li:first-child{ border-top:none;}
.m-det-5{ overflow:hidden; margin-top:6px; margin-bottom:6px; background-color:#fff;}
.m-det-6 img{ display:block; width:100%; margin-bottom:8px;}
.m-det-6{ overflow:hidden; margin-top:8px; color:#333; font-size:12px; line-height:24px;}
.m-det-6 h2{ color:#000; font-size:14px; line-height:42px; font-weight:bold; text-indent:2%;}
.m-det-6 p{ padding:0px 2% 8px;}
.f-pad{ margin-bottom:0;}

/* 首页1 */
.g-nav{ width:100%; position:fixed; height:66px; overflow:hidden; background-color:#fff; box-shadow:2px 0px 10px rgba(0, 0, 0, 0.2); left:0; top:0; z-index:1002; transition:transform .3s; transform-origin:top center;}
.m-nav-1{ float:left; margin-left:2%; transition:opacity .5s ease;}
.m-nav-1 img{ display:block; height:46px; margin-top:11px;}
.m-nav-2{ position:absolute; right:0%; top:0; height:66px; width:66px; cursor:pointer; transition:right .5s ease;}
.m-nav-2 span{display:block;width:32px;height:3px;background-color:#ff5c03;border-radius: 3px;position:absolute;left:50%;margin-left:-16px;transition:all .5s ease;}
.m-nav-2 span:first-child{ top:24px;}
.m-nav-2 span:first-child + span{ top:34px;}
.m-nav-2 span:first-child + span + span{ top:44px;}
.f-nav{ transform:translateY(-75px);}
.m-nav-3{ position:fixed; left:100%; top:0; opacity:0; width:100%; height:100%; z-index:1003; background:rgba(0,0,0,.6); transition:opacity .5s ease;}

.m-fix{ position:fixed; /*left:30%;*/ left:100%; top:0; z-index:1005; background-color:#fff; height:100%; overflow-y:auto; width:70%; transition:left .5s ease;}
.f-top-2{ left:30%;}
.m-fix > ul{ overflow:hidden; padding-top:10px; padding-bottom:20px;}
.m-fix > ul > li{ width:100%; position:relative; border-bottom:1px solid #efefef; transform:translateX(220px); opacity:0; transition:all 1s ease;}
.m-fix > ul > li > a{ padding:11px 2%; display:block; line-height:30px; width:96%; color:#666; font-size:16px; /*text-indent:10px;*/ position:relative;}
.m-fix > ul > li > i{ position:absolute; right:0; top:0; height:42px; width:100px;}
.m-fix > ul > li > i::before{ content:''; display:block; width:8px; height:8px; border:2px solid transparent; border-top-color:#888; border-right-color:#888; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:16px; top:20px; transition:all .5s ease;}
.m-fix > ul > li > i.f-rot::before{ top:16px; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
.m-heg-3{ height:0; transition:height .5s ease; overflow:hidden;}
.m-heg-3 a{ display:block; text-indent:38px; letter-spacing:3px; font-size:14px; color:#ff5c03; border-top:1px solid #efefef; line-height:20px; padding:10px 2% 10px 0; margin-left:2%;}
.f-tgp span:first-child{ transform:translateY(10px) rotate(-45deg);}
.f-tgp span:first-child + span + span{ transform:translateY(-10px) rotate(45deg);}
.f-tgp span:first-child + span{ opacity:0;}
.m-hei{ padding-left:2%; overflow:hidden; border-bottom:1px solid #e0e0e0; opacity:0; transform:translateX(30px); transition:all .5s ease;}
.m-hei img{ display:block; height:36px; margin:15px 0 15px 2px;}
.f-top-2 .m-hei{ opacity:1; transform:none;}
.m-heg-3 ul li{ transform:translateY(-10px); opacity:0;}
.f-mue ul li{ transform:none; opacity:1; transition:all .5s ease;}
.f-mue ul li:first-child + li{ transition-delay:.2s;}
.f-mue ul li:first-child + li + li{ transition-delay:.4s;}
.f-mue ul li:first-child + li + li + li{ transition-delay:.6s;}
.f-mue ul li:first-child + li + li + li + li{ transition-delay:.8s;}
.f-mue ul li:first-child + li + li + li + li + li{ transition-delay:1.0s;}
.f-mue ul li:first-child + li + li + li + li + li + li{ transition-delay:1.2s;}
.f-mue ul li:first-child + li + li + li + li + li + li + li{ transition-delay:1.4s;}
.m-fix > ul > li span{ display:inline-block; width:46px; height:29px; overflow:hidden; float:left; margin-top:-3px; margin-right:-5px;}
.m-fix > ul > li span img{ display:block; width:100%;}
.m-fix > ul > li:first-child + li span{ margin-top:-6px; margin-left:-2px; margin-right:-4px;}
.m-fix > ul > li:first-child + li + li span{ margin-left:-2px; margin-right:-4px; margin-top:-4px;}
.m-fix > ul > li:first-child + li + li + li span{ margin-left:-3px; margin-right:-3px;}
.f-top span:first-child{ transform:translateY(10px) rotate(-45deg);}
.f-top span:first-child + span + span{ transform:translateY(-10px) rotate(45deg);}
.f-top span:first-child + span{ opacity:0;}
.f-lef{ left:0; opacity:1;}
.f-non{ opacity:0;}
.f-top{ right:72%;}
.m-fix > ul > li:first-child + li{ transition-delay:.1s;}
.m-fix > ul > li:first-child + li + li{ transition-delay:.2s;}
.m-fix > ul > li:first-child + li + li + li{ transition-delay:.3s;}
.f-top-2.m-fix > ul > li{ transform:none; opacity:1;}
.g-bod{ position:relative; left:0; transition:left .5s ease;}
.f-bod{ left:-70%;}
.m-onr{ position:relative; padding-top:0px; z-index:3; max-width:736px; max-height:736px; overflow:hidden; margin:0 auto;}
.m-onr .hd{ position:absolute; height:15px; bottom:5px; left:50%; z-index:6; }
.m-onr .hd ul{ margin-left:-50%;}
.m-onr .hd li{ display:block; width:32px; height:4px; float:left; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 4px;}
.m-onr .hd li.on{ background:#ff5c03;}
.m-onr .bd li img{vertical-align:top; width:100%; max-height:320px; display:block;/* 图片宽度100%，达到自适应效果 */}
.g-fou{ width:100%; overflow:hidden; background-color:#fff; /*border-bottom:1px solid #F0F0F0;*/ margin-bottom:10px;}
.g-fou ul li{ width:49.5%; float:left; margin-right:0.5%; overflow:hidden;}
.g-fou ul li:first-child + li, .g-fou ul li:first-child + li + li + li{ margin-right:0; margin-left:0.5%;}
.g-fou ul li span{ position:relative; display:block; width:100%; height:0; padding-bottom:100%; overflow:hidden;}
.g-fou ul li span img{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.m-fou{ padding:8px 3px 10px 12px; overflow:hidden;}
.m-fou h2{ margin-bottom:4px; font-size:14px; line-height:19px; height:19px; overflow:hidden; color:#333;}
.m-fou p{ color:#999; font-size:12px; line-height:16px; margin-bottom:4px; height:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.m-thr-0 span img{ width:16px; vertical-align:middle; margin-right:5px;}
.g-six{ width:100%; overflow:hidden; background-color:#fff; margin-bottom:10px;}
.m-thr-0{ margin:0 2%; overflow:hidden; height:40px; margin-bottom:6px; line-height:40px;}
.m-thr-0 span i{ vertical-align:middle; color:#ff9a33; font-size:14px;}
.m-thr-0 a{ float:right; color:#000;}
.m-six{ width:100%; overflow:hidden;}
.m-six ul li{ width:33.25%; float:left; padding-left:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.m-six ul li span{ position:relative; width:100%; height:0; display:block; padding-bottom:100%; overflow:hidden;}
.m-six ul li img{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.m-six ul li h2{ padding:8px 2px 12px 12px; overflow:hidden; height:24px; line-height:24px; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#333;}
.f-siz span img{ width:21px;}
.g-fte{ overflow:hidden; padding:50px 2% 58px; text-align:center; color:#888; font-size:12px; line-height:24px;}
.g-fte img{ height:66px;}
.f-ond.m-onr .bd li img{ max-height:736px;}
.f-pih.m-onr .bd li img{ max-height:500px;}

/* 首页2 */
.g-one{ width:100%; padding-top:66px;}
.g-one img{ display:block; width:100%;}
.g-sec{ background-color:#fff; overflow:hidden; padding:4px 4px 0; margin-bottom:6px;}
.g-mod{ background-color:#f55; height:100px; overflow:hidden; border-bottom:4px solid #fff;}
.m-mod-1{ width:33.3%; float:left; height:100px;}
.g-mod a{ color:#fff; font-size:16px; text-align:center;}
.m-mod-1 h2{ margin:15px 0 15px;}
.m-mod-1 img{ width:42px; margin:0 auto; display:block;}
.m-mod-3{ width:33.3%; float:left; height:100px;}
.f-bos{ box-shadow:inset 0 0 1px #fff;}
.m-mod-3 a{ display:block; width:100%; height:50px; line-height:50px;}
.m-mod-3 a:first-child{ border-bottom:1px solid rgba(255,255,255,.3);}
.g-mod + .g-mod{ background-color:#00a7f7;}
.g-mod + .g-mod + .g-mod{ background-color:#7cb832;}
.g-cho{ overflow:hidden; background-color:#fff; margin-bottom:6px; padding:0 2% 6px;}
.g-cho-1{ width:100%; overflow:hidden; height:46px;}
.g-cho-1 span{ float:left;}
.g-cho-1 span img{ height:18px; margin-top:13px;}
.g-cho-1 a{ float:right;}
.g-cho-1 a img{ height:22px; margin-top:11px;}
.g-cho-2{ overflow:hidden;}
.m-cho-1{ width:50%; float:left; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding-right:2px;}
.m-cho-2{ width:50%; float:left; overflow:hidden;}
.m-cho-2 ul li:first-child{ width:100%; overflow:hidden; border-bottom:2px solid #fff;}
.m-cho-2 ul li img{ display:block; width:100%;}
.m-cho-2 ul li ~ li{ width:50%; float:left; overflow:hidden;}
.m-cho-2 ul li:first-child + li{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding-right:2px;}
.g-tui{ width:100%; overflow:hidden; background-color:#fff;}
.g-tui .g-cho-1{ padding:0 2%; width:96%;}
.m-tui{ position:relative; overflow:hidden; border-top:1px solid #f2f2f2;}
.m-tui:after{ content:''; display:block; width:1px; height:100%; position:absolute; left:50%; top:0; margin-left:-0.5px; background-color:#f2f2f2;}
.g-tui .g-cho-1 span img{ height:19px;}
.m-tui ul li{ width:50%; float:left; overflow:hidden; border-bottom:1px solid #f2f2f2;}
.m-tui ul li img{ display:block; width:100%;}
.g-coy{ text-align:center; padding:60px 0 36px; color:#666; font-size:14px;}
.g-coy a{ color:#666; margin-left:6px;}
.f-cor{ background-color:#65D21D;}

/* 旅游列表页 */
.g-two{ width:100%; overflow:hidden; padding-top:78px;}
.m-two{ padding-bottom:30px; overflow:hidden;}
.m-two ul li{ width:49%; float:left; overflow:hidden; background-color:#fff; margin-bottom:12px;}
.m-two ul li:nth-child(2n + 1){ margin-right:1%;}
.m-two ul li:nth-child(2n){ margin-left:1%;}
.m-two ul li span{ position:relative; display:block; overflow:hidden; height:0; padding-bottom:60%;}
.m-wra{ overflow:hidden; padding:12px 3px 10px 8px;}
.m-wra h2{ color:#333; font-size:16px; line-height:24px; height:24px; overflow:hidden;}
.m-wra p{ color:#666; font-size:14px; height:24px; line-height:24px; overflow:hidden;}

/* 旅游详情页 */
.g-thr{ width:100%; overflow:hidden; padding-top:66px;}
.m-thi{ width:100%; overflow:hidden;}
.m-thi img{ display:block; width:100%;}
.m-dit{ overflow:hidden; background-color:#fff; text-align:justify; padding:12px 2% 30px; margin-top:12px; color:#333; font-size:14px; line-height:24px;}
.m-dit p{ text-indent:2em;}
.m-dit img{ margin:6px auto; display:block; width:100%;}

/* 文化版块首页 */
.g-wen{ overflow:hidden; height:46px;padding:0 12px 0 2%; background-color:#fff; margin-bottom:10px;}
.g-wen img{ float:left; width:24px; margin-top:12px; margin-right:10px;}
.g-wen .hd{ display:none;}
.g-wen .bd ul li{ width:100%; height:46px; line-height:46px; overflow:hidden;}
.g-wen .bd ul li a{ color:#333;}
.g-xin{ background-color:#fff; overflow:hidden; padding-bottom:50px;}
.g-xin ul li{ overflow:hidden; height:80px; padding:10px 2%; border-bottom:1px solid #f2f2f2; position:relative;}
.m-xin-2{ position:absolute; right:2%; top:10px; width:120px;}
.m-xin-2 img{ display:block; height:80px; width:120px;}
.m-xin-1{ overflow:hidden; padding-right:128px;}
.m-xin-1 h2{ color:#333; font-size:16px; line-height:36px; height:36px; overflow:hidden;}
.m-xin-1 p{ color:#666; font-size:12px; line-height:20px; max-height:40px; overflow:hidden;}
.f-pid{ padding-top:78px;}
.f-gus{ background-color:#00BBFF;}
.f-pih{ padding-top:66px;}
.f-ooo{ background-color:#f55;}
.f-thr{ width:96%; padding:0 2%;}
.f-thr + .m-two{ padding-bottom:0;}
.m-rem .m-thr-0{ background-color:#fff; margin:0 0 12px; padding:0 2%;}
.m-rem .m-two{ padding-bottom:0;}
.m-rer .m-thr-0{ background-color:#fff; margin:0 0 0; padding:0 2%;}
.m-hea-1 a{ display:block; width:100%; height:100%;}