@charset "utf-8";
/* Mafengwo Travel Guide */
html{font-size:62.5%;line-height:1.2;}
body,ul,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,li,input,textarea,button{margin:0;padding:0; word-break:break-all;}
body{text-align:left;font-family:Arial,Helvetica,"HYQiHei-EEJ","HYQiHei 55J",sans-serif; background-color:#FFF;font-size-adjust:none;-webkit-text-size-adjust:none;}
ul,li,dl,dt,dd{list-style:none;}
a,a:visited{text-decoration:none; color:#ffa800;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input,textarea{-webkit-appearance:none;-webkit-border-radius:0;}
img{ vertical-align:middle;}

.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.fl-l{float:left;}
.fl-r{float:right;}
.hide{ display:none!important;}

.wrapper{ color:#696969; padding:0 20px;}
.ios .wrapper{ padding:0 20px 0;}
h1{ background:#fafafa url(/mobile/images/guide4sale/the1market/line.png) repeat-x; background-size:5px 1px; background-position:0 bottom; line-height:44px; padding:0 20px; position:fixed; top:0; left:0; right:0; z-index:9;}
.ios h1{ display:none;}
h1 .m-tit{ color:#111; font-size:21px; float:left; font-weight:normal;}
h1 .m-tit small{ font-size:19px; font-family:"BrandonGrotesque-Black",Arial Black; vertical-align:-1px;}
h1 .s-tit{ color:#111; font-size:15px; float:right; font-weight:normal;}
h1 .s-tit strong{ color:#ff9d00; font-weight:normal; margin:0 3px; font-family:"BrandonGrotesque-Black",Arial Black;}
h1 .s-tit a{ color:#111;}
h1 .s-tit a:after{ content:""; width:8px; height:13px; display:inline-block; background:url(/mobile/images/guide4sale/the1market/i_dir.png) no-repeat; background-size:8px 13px; vertical-align:middle; margin-left:5px;}
h2{ display: none;}
h3{ padding:30px 0 0 20px; height:20px; font-size:2rem; color:#ff9d00; margin:-1px 0 0 -20px; position:relative;}
h3:before{ content:""; display:block; width:4px; height:15px; display:block; background-color:#ff9d00; position:absolute; left:0; top:35px;}
h3 i{ display:none;}
h4{ color:#111;font-size:1.9rem; font-weight:bold; position:relative; padding:20px 0 0 14px;}
h4:after{ content:""; display:block; width:5px; height:5px; background-color:#FF9D00; border-radius:50%; left:0; top:26px; position:absolute;}
h5{ line-height:25px; font-size:1.7rem; font-weight:bold; color:#111; padding-top:15px; margin-bottom:-10px;}
h6{ line-height:25px; font-size:1.7rem; font-weight:bold;}
.context{ padding:0 20px 20px 0; margin-right:-20px; background:url(/mobile/images/guide4sale/the1market/line.png) repeat-x; background-size:5px 1px; background-position:0 bottom;}
.context.first{ background:none; padding:0 20px 0 0;}
p{ font-size:1.8rem; color:#4b4b4b;line-height:1.5em; padding-top:15px;}
em{ color:#111; font-weight:bold;}
.context ul{}
.context ul li{ position:relative; font-size:1.7rem; padding:0 0 0 16px; line-height:1.6em; padding-top:5px;}
.context ul li:after{ content:""; position:absolute; top:13px; left:0; display:block; width:5px; height:5px; background-color:#f39c11; border-radius:50%;}
.context strong{ color:#f39c11; margin-right:7px; font-weight:normal;}
.mfw-pic{ padding:15px 0 0; position:relative; overflow:hidden; display:block;}
.mfw-pic .author{ padding-bottom:8px;}
.mfw-pic .author p{ color:#999; font-size:1.5rem; line-height:1em; padding-top:10px;}

.mfw-poi{ position:relative; padding:15px 0; background:url(/mobile/images/guide4sale/the1market/line.png) 0 bottom repeat-x; background-size:5px 1px;}
.mfw-poi .tit{ font-size:1.4rem; color:#696969; line-height:1.5em;}
.mfw-poi .tit a{ color:#696969;}
.mfw-poi .sub-tit{ font-size:1rem; color:#a4a4a4; line-height:1.4em;}
.mfw-poi .stars{ width:75px; height:11px; background:url(/mobile/images/guide4sale/the1market/i_stars.png) no-repeat; background-size:72px 25px; background-position:0 -14px; margin-top:4px; font-size:0;}
.mfw-poi .stars span{ display:inline-block; height:11px; background:url(/mobile/images/guide4sale/the1market/i_stars.png) no-repeat; background-size:72px 25px; background-position:0 0;}
.mfw-poi .photo{ padding:20px 0;}
.mfw-poi .content{ padding:6px 0 10px; clear:both; line-height:1.5em; font-size:1.47rem;}
.mfw-poi .content p.count{ font-size:1.2rem;}
.mfw-poi .content p.count strong{ color:#f39c11; margin-right:7px; font-weight:normal;}
.mfw-poi .reason{ background-color:#f7f7f7; border-radius:5px; position:relative; font-size:14px; color:#696969; line-height:1.6em; margin-top:14px; padding:10px 15px;}
.mfw-poi .reason i{ width:2px; display:block; background-color:#f39c11; border-radius:2px; position:absolute; left:-1px; top:13px; bottom:13px;}
.mfw-poi .reason i.i1{ left:-1px; top:13px; bottom:13px; z-index:2;}
.mfw-poi .reason i.i2{ width:4px; border-radius:4px; left:-1px; top:11px; bottom:11px; background-color:#fff; z-index:1;}
.mfw-poi .poi-info{ padding:0 0 0 11px; position:relative;}
.mfw-poi .poi-info i{ display:block; background-color:#e5e5e5; border-radius:2px; position:absolute; width:2px; left:-1px; top:3px; bottom:3px; z-index:1;}
.mfw-poi .poi-info a{ color:#f39c11; font-size:1.4rem;}
.mfw-poi .poi-info a.link{ display:inline-block; padding-right:25px; line-height:17px; background:url(/mobile/images/guide4sale/the1market/i_link.png) right 0 no-repeat; background-size:17px 17px;}
.mfw-poi .poi-info dl{ width:100%; display:table; line-height:1.8em;}
.mfw-poi .poi-info dt{ display:table-cell; width:69px; color:#696969; white-space:nowrap; text-align:left; vertical-align:top;}
.mfw-poi .poi-info dd{ display:table-cell; color:#a4a4a4; text-align:left; vertical-align:top;}
.mfw-poi a.go{ display:block; background-color:#f7f7f7; border-radius:5px; position:relative; font-size:14px; color:#696969; line-height:1em; margin-top:14px; padding:12px 10px;}
.mfw-poi a.go i{ width:6px; height:6px; display:block; background-color:#f39c11; border-radius:3px; position:absolute;}
.mfw-poi a.go i.i1{ left:-3px; top:15px; z-index:2;}
.mfw-poi a.go i.i2{ background-color:#fff; border-radius:5px; width:10px; height:10px; left:-5px; top:13px; z-index:1;}
.mfw-poi a.go strong{ color:#f39c11; margin:0 4px; font-weight:normal;}
.mfw-poi a.go span{ color:#a4a4a4; position:absolute; right:10px; top:0; line-height:38px;}
.mfw-poi a.go span i{ width:8px; height:13px; display:inline-block; background:url(/mobile/images/guide4sale/the1market/i_dir.png) no-repeat; background-size:8px 13px; vertical-align:middle; margin:0 0 2px 8px; position:static;}

.travelnote{ background-color:#f7f7f7; border-radius:5px; position:relative; margin-top:20px; padding:25px 15px 0;}
.travelnote .author{ position:absolute; top:-9px; left:13px; font-size:1.2rem; color:#a4a4a4;}
.travelnote .author img{ width:30px; height:30px; border-radius:16px; border:1px solid #dfdede; vertical-align:text-bottom; margin-right:7px;}
.travelnote .author .lv{ color:#f39c11; margin-left:5px;}
.travelnote p{ font-size:1.3rem; line-height:1.6em; padding:10px 0 8px;}
.travelnote .title{ font-size:12px; color:#a4a4a4; line-height:1em; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:15px;}
.travelnote .title strong{ color:#f39c11; font-weight:normal;}

.tips{ background-color:#fff3df; padding:15px 20px 0; margin:20px 0 0; color:#4b4335;}
.tips .hd{ font-size:1.8rem; padding:5px 0; font-weight:bold; color:#ff9d00;}
.tips .bd{ font-size:1.5rem; padding:5px 0;}
.tips .bd .title{ font-size:1.7rem; font-weight:bold; border-top:1px dashed #e5dac8; padding:10px 0;}
.tips .bd .title:first-child{ border:none; padding:5px 0 10px;}
.tips .bd p{ font-size:1.5rem; line-height:1.3em; color:#4b4335; padding:0 0 15px;}

.dayplan{ margin-top:20px; padding-bottom:8px;}
.dayplan dl{ width:100%; display:table;}
.dayplan dt{ width:40px; display:table-cell; position:relative; background:url(/mobile/images/guide4sale/the1market/line2.png) repeat-y; background-size:1px 5px; background-position:right top; font-size:12px; color:#f39c11; padding-top:15px;}
.dayplan dt i{ width:5px; height:5px; background-color:#e5e5e5; border-radius:50%; border:2px solid #fff; position:absolute; top:16px; right:-4px;}
.dayplan dd{ display:table-cell; padding:0 0 12px 15px; font-size:1.3rem; color:#696969; line-height:1.4em;}
.dayplan dd li{ display:inline-block; padding-right:43px; position:relative;}
.dayplan dd li:after{ content:""; position:absolute; top:5px; right:16px; display:block; width:10px; height:9px; background:url(/mobile/images/guide4sale/the1market/i_dir2.png) no-repeat; background-size:10px 9px;}
.dayplan dd li:last-child:after{content:""; background:none;}
.dayplan .desc{ padding:10px 15px; background-color:#f7f7f7; border-radius:5px; font-size:1.2rem; color:#696969; line-height:1.6em; margin-left:18px;}

/* AreaHotel */
.area{ position:relative; margin:20px 0 0; background:url(/mobile/images/guide4sale/the1market/line.png) repeat-x; background-size:5px 1px; background-position:0 bottom;}
.area p{ padding:0;}
.area .num{ position:absolute; left:0; top:1px; display:block; line-height:16px; width:20px; font-size:12px; color:#fff; background-color:#ff9d00; border-radius:3px; text-align:center; font-family:"BrandonGrotesque-Black",Arial Black;}
.area .areaName{}
.area .areaName .t1{ font-size:17px; color:#111; font-weight:bold; line-height:1.2em; padding-left:25px;}
.area .areaName .t2{ font-size:16px; color:#696969;}
.area .areaName .t2 strong{ color:#ff9d00; font-weight:normal;}
.area .content{ font-size:17px; color:#111; padding:8px 0 8px 0;}
.area .list{ padding:10px 0;}
.area .list .title{ font-size:17px; color:#111;}

.showall{ display:block; border-bottom:1px solid #e5e5e5; font-size:14px; color:#111; text-align:right; margin:0 -20px 0 -5px; padding:8px 20px 15px 0;}
.showall strong{ color:#ff9d00; font-weight:normal; margin:0 5px;}
.showall:after{ content:""; width:8px; height:13px; display:inline-block; background:url(/mobile/images/guide4sale/the1market/i_dir4.png) no-repeat; background-size:8px 13px; vertical-align:middle; margin-left:5px;}

.allArea{ text-align:center; padding:0 0 20px;}
.allArea a{ display:inline-block; padding:10px 20px; border:1px solid #ff9d00; border-radius:3px; font-size:17px; font-weight:bold; color:#111; line-height:17px;}
.allArea span{ display:inline-block; padding:0 6px; font-size:12px; line-height:16px; color:#fff; background-color:#ff9d00; border-radius:2px; margin:0 5px; vertical-align:2px;}

/* Poi */
.poi{}
.poi dl{ padding:20px 0 15px;}
.poi dl:after{clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:".";}
.poi dt{ width:92px; float:left;}
.poi dd{ padding:0 20px 0 92px; min-height:78px; position:relative;}
.poi dd p{ padding:0; line-height:1em;}
.poi dd .t1{ font-size:1.7rem; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.poi dd .tag{ display:inline-block; line-height:14px; padding:0 10px; font-size:10px; color:#fff; background-color:#f0664c; border-radius:7px; margin-left:10px;}
.poi dd .t2{ font-size:11px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:4px;}
.poi dd .t3{ font-size:1.4rem; color:#696969; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:5px;}
.poi dd .t3 strong{ color:#ff9d00; font-size:1.5rem; font-family:"BrandonGrotesque-Black",Arial Black;}
.poi dd .t4{ position:absolute; bottom:0; left:92px; font-size:12px; color:#696969;}
.poi dd:after{ content:""; display:block; width:10px; height:17px; background:url(/mobile/images/guide4sale/the1market/i_dir3.png) no-repeat; background-size:10px 17px; position:absolute; right:0; top:50%; margin-top:-8px;}
.poi .desc{ clear:both; padding:0; font-size:1.5rem; line-height:1.4em; color:#111;}
.poi .desc strong{ color:#ff9d00; font-weight:normal; margin-right:10px;}
.poi{ display:block; background:url(/mobile/images/guide4sale/the1market/line3.png) repeat-x; background-size:5px 1px; background-position:0 bottom;}
.poi:last-child{ background:none;}
.poi:last-child .desc{ padding:0;}

.tags{}
.tags .tit{ font-size:1.7rem; color:#111; padding:20px 0 5px; font-weight:bold;}
.tags a{ display:inline-block; line-height:29px; font-size:1.6rem; color:#ff9d00; padding:0 15px; border:1px solid #ff9d00; border-radius:15px; margin:10px 10px 0 0; position:relative;}
.tags a:after{ content:""; width:8px; height:13px; display:inline-block; background:url(/mobile/images/guide4sale/the1market/i_dir5.png) no-repeat; background-size:8px 13px; vertical-align:middle; margin-left:5px;}

/* menu */
.btnmenu{ width:84px; height:32px; display:block; position:fixed; bottom:15px; left:15px; background-color:#ff9d00; line-height:32px; font-size:1.4rem; color:#fff; border-radius:3px; box-shadow:0 1px 1px rgba(0,0,0,.1),-1px -1px 2px rgba(0,0,0,.1);}
.btnmenu i{ width:17px; height:17px; display:inline-block; margin:0 10px 3px 12px; background:url(/mobile/images/guide4sale/the1market/i_topic2.png) no-repeat; background-size:180px; background-position:-90px -30px; vertical-align:middle;}

.menufixed{ position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,.3); z-index:999; display:none;}
.menufixed.show{}
.menufixed.show .menu{ left:0; transition:all .2s ease-in-out;}
.menufixed .closemenu{ position:absolute; bottom:0; top:0; right:0; left:0; display:block; z-index:1;}
.menufixed .menu{ width:240px; background-color:rgba(0,0,0,.2); padding-right:7px; position:absolute; left:-280px; top:0; bottom:0; z-index:2; transition:all .2s ease-in-out;}
.menufixed .menubox{width:240px; background-color:#fff; position:absolute; left:0; top:0; bottom:0;}
.menufixed .hd{ padding:20px 0 10px 20px; font-size:1.8rem; color:#ff9d00;}
.menufixed .hd i{ width:17px; height:17px; display:inline-block; margin:0 10px 3px 0; background:url(/mobile/images/guide4sale/the1market/i_topic2.png) no-repeat; background-size:180px; background-position:-115px -30px; vertical-align:middle;}
.menufixed .bd{ overflow:auto; -webkit-overflow-scrolling:touch;}
.menufixed .titlebox{ overflow:hidden; padding-bottom:1px;}
.titlefix{position:fixed; left:0; top:50px; width:100%; line-height:38px; background-color:#f8f8f8; font-size:1.7rem; color:#111; padding-left:20px; z-index:98; display:none;}
.titlefix.show{ display:block;}
.menufixed .menutitle{ height:38px; display:block; line-height:38px; background-color:#f8f8f8; font-size:1.7rem; color:#111; padding-left:20px; border-bottom:2px solid #fff;}
.menufixed .menutitle a{ color:#111;}
.menufixed .menutitle i,.titlefix i{ width:8px; height:13px; display:inline-block; background:url(/mobile/images/guide4sale/the1market/i_topic2.png) no-repeat; background-size:180px; background-position:-50px -50px; float:right; margin:11px 10px 0 0;}
.menufixed .menutitle.cur{ background-color:#ff9f05; color:#fff;}
.menufixed .menutitle.cur i{ background-position:-60px -50px;}
.menufixed .define{ padding:20px; font-size:1.4rem; color:#696969; line-height:1.4em;}
.menufixed .list{ padding:8px 0;}
.menufixed .list a{ line-height:35px; display:block; clear:both; font-size:1.4rem; color:#666; padding:0 20px;}
.menufixed .list .price{ float:right; color:#ff9d00;}

@media screen and (min-width:321px) and (max-width:375px) {
    .menufixed .menu,.menufixed .menubox{ width:280px;}

}
@media screen and (min-width:376px) {
    .menufixed .menu,.menufixed .menubox{ width:300px;}
}