body { background: #F2F2F2; }

.fn-hide { display: none; }
.clear { clear: both; font-size: 0; }
.content-wrap { overflow: hidden; margin: 10px; background-color: #eee; font-size: 12px; }
.font-orange { color: #ff6500; }
.font-green { color: #a6c559; }

.cashOrderTip { position: relative; padding: 10px 0 10px 20px; font-size: 15px; color: #434D59; background: url(icon_fish_hi.png) no-repeat left center #E8ECF1; background-size: 18px 27px; border-bottom: 1px solid #C8C8C8; box-shadow: 0 1px 1px #D2D2D2; }
.cashOrderTip a { float: right; color: #006DDB; font-size: 12px; margin-right: 10px; margin-top: 2px; }
.url-ico { display: inline-block; width: 5px; height: 10px; background: url(icon_bluearrow.png) no-repeat center; background-size: 5px 10px; margin-left: 5px; position: relative; top: 1px; }
.gray-ico { margin-left: 5px; display: inline-block; width: 9px; height: 13px; background: url(icon_you.png) no-repeat; background-size: 9px 13px; }
.pointdown { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.scenerys { background: white; }
.scenerys .pic { display: block; width: 100px; height: 75px; margin: 10px 5px 10px 10px; padding: 2px; background-color: white; float: left; position: relative; }
.scenerys .pic img { width: 100%; height: 100%; }
.scenerys .pic .info-bg { position: absolute; right: 2px; bottom: 2px; width: 32px; height: 16px; filter: alpha(opacity:50); opacity: .5; background-color: Black; }
.scenerys .pic .pic-info { position: absolute; right: 2px; bottom: 2px; width: 32px; height: 16px; line-height: 16px; font-size: 9px; text-align: center; color: White; z-index: 999; }
.scenerys .body { border-bottom: 1px solid #c8c8c5; }
.scenerys .scenerys-cont { padding-right: 10px; position: relative; overflow: hidden; }
.scenerys .scenerys-cont h3 { margin-top: 11px; font-size: 15px; color: #006ddb; background: url(icon_jianjie.png) no-repeat center right; background-size: 14px 18px; padding-right: 15px; }
.scenerys .scenerys-cont .scenerys-level { margin-top: 7px; line-height: 18px; }
.scenerys .scenerys-cont .scenery-conment { margin-top: 7px; line-height: 18px; }
.scenerys .scenerys-cont .scenery-conment .ico-like { display: inline-block; width: 12.5px; height: 11.5px; background: url(icon_like.png?v=2) no-repeat; background-size: 12.5px 11.5px; margin-right: 4px; }
.scenerys .scenerys-cont .scenery-conment .comment-url { margin-left: 8px; color: #006ddb; float: right; }
.scenerys .bottomBox { padding: 10px 10px 10px; clear: both; font-size: 14px; line-height: 18px; border-top: 1px solid white; position: relative;  border-bottom:1px solid  #D2D2D2;}
.scenerys .bottomBox a { color: #434d59; display: inline; width: 90%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scenerys .bottomBox a em { position: absolute; right: 10px; top: 13px; }
.scenerys .bottomBox .map { margin-right: 5px; display: inline-block; height: 18px; width: 14px; background: url(icon_map.png) no-repeat center; background-size: 13px 17px; vertical-align: bottom; }
.bottomBox2 { padding: 10px 0; }
.bottomBox2 ul li { float: left; width: 33.3%; text-align: center; color: #94B643; line-height: 18px; border-right: 1px solid #DCDCDC; box-sizing: border-box; -moz-box-sizing:border-box; }
.bottomBox2 ul li:last-child { border-right: none; }
.bottomBox2 ul li:before { content: ""; display: inline-block; vertical-align: bottom; width: 14px; height: 18px; background: url(icon_gou.png) no-repeat center; font-size: 12px; background-size: 13px 13px; margin-right: 3px; }

.noticeTip { background-color: #e9eff5; border: 1px solid #bfd8e8; border-bottom-style: none; padding: 10px; color: #434d59; }
.noticeTip .notice-url { color: #006ddb; float: right; }

.noresult { text-align: center; height: 89px; line-height: 89px; background-color: White; }

.ticket { border: 1px solid #C7D2DC; border-bottom:none; position: relative; margin-top: -1px; background-color: White; font-size: 14px; }
.ticket dt { position: relative; line-height: 44px; font-size: 15px; color: #434D59; text-indent: 10px; border-bottom: 1px solid #C7D2DC;background: #FFF;z-index: 999; top:0;}
.ticket dt.fixed { position:fixed; width: calc(100% - 22px);}

.ticket dt:after { content: ""; display: block; width: 9px; height: 13px; background: url(icon_you.png) no-repeat; background-size: 9px 13px; position: absolute; right: 10px; top: 16px; -moz-transition: -moz-transform .2s ease-in; -webkit-transition: -webkit-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; -moz-transform: rotate(90deg); -moz-transform-origin: 50% 50%; -webkit-transform: rotate(90deg); -webkit-transform-origin: 50% 50%; -o-transform: rotate(90deg); -o-transform-origin: 50% 50%; transform: rotate(90deg); transform-origin: 50% 50%;}
.ticket.return dt:after { -moz-transform: rotate(-90deg); -moz-transform-origin: 50% 50%; -webkit-transform: rotate(-90deg); -webkit-transform-origin: 50% 50%; -o-transform: rotate(-90deg); -o-transform-origin: 50% 50%; transform: rotate(-90deg); transform-origin: 50% 50%; }
.ticket.return dd{ display:block;}
.ticket dd { padding: 10px; border-bottom: 1px solid #C7D2DC;  background:#F7F7F4; position:relative; display:none;}
.ticket dt + dd{ -webkit-box-shadow: 0 1px 2px rgba(186,186,186,0.3) inset;}
.ticket dd:last-child {  border-bottom:none;}  
.ticket:last-child dd:last-child { border-bottom:1px solid #C7D2DC;}
.ticket h4 { color: #434d59; font-size: 15px; padding-right:72px ;}
.ticket .detail,ticket .icons { padding-right:72px;}
.ticket .detail span,.ticket .icons span{ margin-right:10px;}
.ticket .tc-price { color: #ff6500;  font-size:18px;}
.ticket .price { color: #9da5ab; font-size:12px; text-decoration: line-through; }
.ticket .tuan{ background-color:#FC8731;color:white; border-radius:3px; font-size:10px; padding:1px 3px;}
.ticket .spring{ background-color:#ff3c2d;color:white; border-radius:3px; font-size:10px; padding:1px 3px;}
.ticket .memberday{ background-color:#FC8731;color:white; border-radius:3px; font-size:10px; padding:1px 3px;}
.ticket .CCB,.ticket .Wap{ background-color:#FF5925;color:white; border-radius:3px; font-size:10px; padding:1px 3px;}
.ticket .save {color: #FF6500; font-size:14px;}
.ticket .save em { background-color: #ff9500; border-radius: 12px;  font-size: 11px; margin-right: 3px; color: white; width: 15px; height: 15px; display: inline-block; text-align: center; padding: 1px; position: relative; top: -1px; }
.ticket .rebate { color: #A6C559;font-size: 14px;}
.ticket .rebate em { background-color: #a6c559; border-radius: 12px; border-radius: 12px; font-size: 11px; margin-right: 3px; color: white; width: 15px; height: 15px; line-height:15px; display: inline-block; text-align: center; padding: 1px; position: relative; top: -1px; }
.ticket .btn { display:block; border-radius: 5px; color: #fff;  width: 67px;font-size: 15px; line-height: 32px; text-align: center;  background: #FF8533; border:1px solid #FF8533; overflow:hidden; }
.ticket .btn .flag { display:block; line-height:20px; background-color:White; color:#FF8533;  font-size:11px;border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.btn-box{position: absolute; right: 10px; top: 50%; margin-top:-27px; height:54px; display:table;  }
.btn-box li{ display:table-cell; vertical-align:middle; height:54px;}
.scenery-neary { height: 44px; line-height: 44px; text-indent: 10px; font-size: 15px; position: relative; background-color: #FFF; border: 1px solid #C7D2DC; }
.scenery-neary a { color: #434d59; }
.scenery-neary em { position: absolute; right: 10px; top: 14px; }
.font-ccb { display: inline-block; background-color: #FF6E44; color: White; width: 85px; height: 20px; font-size: 12px; border-radius: 2px; text-align: center; line-height: 20px; }
#selftrip { display:none;}
.ofix { height: 40px; width: 100%; padding-top: 10px; position: fixed; bottom: 0; left: 0; background: rgba(0, 0, 0, .7); z-index: 9; color: #fff; line-height: 16px; font-size: 10px;  z-index:9999;}
.ofix p { font-size: 15px; line-height: 16px; padding-top: 2px; }
.ofix .tcicon { height: 30px; width: 30px; margin: 2px 10px; vertical-align: middle; float: left; }
.ofix .close { height: 14px; width: 14px; float: right; padding: 8px 10px; }
.ofix .downbtn { line-height: 28px; background: #3cafdc; border-radius: 4px; padding: 0 4px; float: right; color: #fff; margin: 2px 20px 0 0; }