body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-size:100%;}
img { border:0; }
body { font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; }
.page-url { margin-top: 10px; border-top: 1px solid #E5E5E5; text-align: center; }
.page-url-link { font-size: 14px; line-height: 2.5; text-decoration: none; text-shadow: 0 1px white; -webkit-text-shadow: 0 1px #ffffff; -moz-text-shadow: 0 1px #ffffff; color: #CACACA; }
#cover, #content { position: relative;  @*max-width : 425px;
*@  margin: 0px auto;
}
a, a:active { color: #333; }
ins, a { text-decoration: none; }
#cover img { display: block; width: 100%; }
.menu-btn { text-align: center; width: 50%; height: 108px; font-size: 14px; float: left; font-weight: bold; text-decoration: none; }
.menu-btn div.img { width: 90%; overflow: hidden; margin: 0 auto; text-align:center; margin-top:10px; }
.menu-btn div.img img { border:0; }
.menu-btn div.text { width: 90%; overflow: hidden; margin: 0 auto; white-space:nowrap; line-height:28px; }
#scroller { height:auto; float:left; padding:0; }
#scroller ul { list-style:none; display:block; float:left; width:100%; height:auto; padding:0; margin:0; text-align:left; }
#scroller li { display:block; float:left; width:auto; height:auto; text-align:center; font-size:0px; padding:0; position:relative; }
#scroller li a { display:block; padding:0; margin:0; }
#scroller li p { position:absolute; z-index:2; display:block; width:100%; bottom:0; background-color:rgba(0, 0, 0, 0.5); color:#F4F4F4; font-size:14px; text-indent: 55px; line-height:24px; text-align: left; text-indent: 10px; text-overflow: ellipsis; white-space: nowrap; padding:0; margin:0; }
#nav { float: right; margin-top: -15px; padding: 0; position: relative; width: auto; z-index: 3; }
#prev, #next { float:left; font-weight:bold; font-size:14px; padding:5px 0; width:80px; display: none; }
#next { float:right; text-align:right; }
#indicator > li { display:block; float:left; list-style:none; padding:0; margin:0; }
#indicator { display: block; margin: 0 8px; padding: 0; width: auto; }
#indicator > li { text-indent:-9999em; width:8px; height:8px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; background:#888; overflow:hidden; margin-right:4px; }
#indicator > li.active { background:#DDDDDD; }
#indicator > li:last-child { margin:0; }
footer .footer_link { text-align:center; font-size:14px; line-height:2em; padding-bottom:5px; text-shadow:none; color:#fff !important; }
footer .footer_link .link_1 { margin:0 8px; color:#fff !important; line-height:14px }
footer .footer_link .link_2 { margin:0 9px; color:#fff !important; line-height:15px }
footer .footer_link .link_3 { margin:0 7px; color:#fff !important; line-height:15px }
footer .c_right { color:#74afdc; line-height:11px; margin:0; font-size:12px }
footer .txtcenter { margin:0 0 5px 0; padding:0 10px 0 0 }
footer .c_right { color: #74AFDC; font-size: 12px; line-height: 11px; margin-top: 9px; }
.foot_new_nav p { text-align:center; }
.foot_top { float: right; margin-top: -15px; background: url(../images/foot_top.png) no-repeat; width: 25px; height: 8px; position:relative; background-size: 25px 8px; cursor: pointer; }
.foot_new_nav { background-color: white; border-top: 1px solid #DDD; border-bottom: 1px solid #DDDd; padding: 6px 10px; }
footer { display:block; background: #1CA206; margin-top: 10px; padding: 7px 0; }

.hei_f{height:1px;overflow:hidden;background:#fff;width:100%;}
.footer_link span{display:block; padding-bottom:5px; color:#FFF; line-height:18px;text-align:center;}
.footer_link span a{color:#FFF;}
.footer_link .foot_com{font-size:14px;color:#fff;}
.footer_link .foot_com a{color:#fff;}


.index-nav { }
.index-nav ol,.index-nav ul {list-style: outside none none;}
.index-nav .box { padding: 1%; overflow: hidden; }
.index-nav .box li { position: relative; outline: 10px solid #f5f5f5; float: left; }
.index-nav .box li a{display:block; width:100%;height:100%;}
.index-nav .box h2 { position: absolute; left:10px; top: 10px; color: #fff; font-size:18px; }

.ou-z, .ya-z, .ao-z, .you-j, .wen-d, .mei-z, .fei-z-z { height: 110px; }
.ou-z { width: 50%; background: #35aae7; }
.ya-z { width: 50%; background: #688ce2; }
.ao-z { width: 40%; background: #84d018; }
.you-j { width: 50%; background: #8b5ef2; }
.wen-d { width: 30%; background: #FFFFFF;}
.mei-z { width: 60%; background:#f4b613; }
.fei-z-z { width: 50%; background:#ff8a4a; }
figure { position: absolute; z-index: 9; top:-15px; right:-10px; margin:15px 40px;}
.ou-z-icon { width:110px; height:100px; background:url(../images/f_icon.png) no-repeat; }
.ya-z-icon { width:110px; height:100px; background:url(../images/t_icon.png) no-repeat; }
.ao-z-icon { width:90px; height:100px; background:url(../images/ao_z_icon.png) no-repeat; }
.you-j-icon { width:39px; height:40px; background:url(../images/you_j_icon.png) no-repeat; top:32px; left:50%; margin-left:-30px; }
.wen-d-icon { width:23px; height:37px; background:url(../images/wen_d_icon.png) no-repeat; top:32px; left:50%; margin-left:-12px; }
.mei-z-icon { width:110px; height:100px; background:url(../images/mei_z_icon.png) no-repeat; }
.fei-z-z-icon { width:110px; height:100px; background:url(../images/fei_z_icon.png) no-repeat; }
.ou-z a, .ou-z a:visited, .ou-z a:hover, .ya-z a, .ya-z a:visited, .ya-z a:hover, .ao-z a, .ao-z a:visited, .ao-z a:hover, .you-j a, .you-j a:visited, .you-j a:hover, .mei-z a, .mei-z a:visited, .mei-z a:hover, .fei-z-z a, .fei-z-z a:visited, .fei-z-z a:hover { color:#fff; text-decoration:none; }
.index-nav .box .you-j h2, .index-nav .box .wen-d h2 { left:50%; margin-left:-20px; }
.wen-d a, .wen-d a:visited, .wen-d a:hover { color:#f90; text-decoration:none; }

.homeheader {  background-color: #FFF; color: #666666; font-size: 1.5rem; text-align: center; width: 100%; height: 4rem; line-height: 4rem; border-bottom: 0.1rem double #C8C8C8; position: fixed; top: 0rem; left: 0rem; z-index: 6; }
.homeheader .title {max-width: 15rem; text-align: center; margin: 0 auto; white-space: nowrap; display: inline-block; }
.homeheader a{color: #e73954;display: block;position: fixed;right: 1rem;top: 0.8rem;z-index: 7;
  background: url(/Content/Themes/Base/common/images/icon-people.png) no-repeat 0 0;
  background-size: contain;
  width: 2.1rem;
  height: 2.1rem;
  cursor: pointer;
}

.cat-list {color: #fff;text-align: center;}

.cat-list a { text-align: center; font-size: 1.4rem; color: #fff; display: inline-block; }

.cat-list.other { background-color: #fff; border-top: 0.1rem solid #EFEFEF; }
.cat-list.other a { font-size: 1.2rem; line-height: 3rem; width: 32%; padding: 0; margin: 0; border: 0 solid #EFEFEF; }
.cat-list.other a:nth-child(1), .cat-list.other a:nth-child(2), .cat-list.other a:nth-child(3) {
 padding-left: 0%;
 border-bottom: 0;
}
.cat-list.other a i { height: 3rem; line-height: 3rem; padding-left: 2.8rem; display: inline-block; }
.cat-list.other a:nth-child(1) {
 background: none;
 color: #8f75d8;
 border-right: 0.1rem solid #EFEFEF;
}
.cat-list.other a:nth-child(1) i {
 background: url(../images/icon-spc-1.png) no-repeat 0 0.3rem;
 background-size: 2.3rem;
}
.cat-list.other a:nth-child(2) {
 background: none;
 color: #37bc9b;
 border-right: 0.1rem solid #EFEFEF;
}
.cat-list.other a:nth-child(2) i {
 background: url(../images/icon-spc-2.png) no-repeat 0 0.3rem;
 background-size: 2.3rem;
}
.cat-list.other a:nth-child(3) {
 background: none;
 color: #fc6e51;
}
.cat-list.other a:nth-child(3) i {
 background: url(../images/icon-spc-3.png) no-repeat 0 0.3rem;
 background-size: 2.3rem;
}

.cat-list.other a:nth-child(5) {
 background: none;
 border-right: 0.1rem solid #EFEFEF;
 color: #5d9cec;
}
.cat-list.other a:nth-child(5) i {
 background: url(../images/icon-spc-4.png) no-repeat 0 0.3rem;
 background-size: 2.3rem;
}

.cat-list.other a:nth-child(6) {
 background: none;
 border-right: 0.1rem solid #EFEFEF;
 color: #a0d468;
}
.cat-list.other a:nth-child(6) i {
 background: url(../images/icon-spc-5.png) no-repeat 0 0.3rem;
 background-size: 2.3rem;
}

.cat-list.other a:nth-child(7) {
 background: none;
 border-right: 0.1rem solid #EFEFEF;
 color: #8f75d8;
}
.cat-list.other a:nth-child(7) i {
 background: url(../images/icon-spc-6.png) no-repeat 0 0.3rem;
 background-size: 2.3rem;
}

.cat-list.other .cat-line { width: 100%; border-bottom: 0.1rem solid #EFEFEF; }

.index-list { margin: 1rem auto 0 auto; position: relative; background:#f5f5f5;padding:2.25rem 0.25rem 0 0.25rem;}
.index-list h2 { color: #000; border-left: 3px solid #D9364F; padding-left: 0.5rem; margin: 1rem 0 1rem 0; }
.index-list h2.style-b { background: #ed5565 url(../images/angle-pink.jpg) no-repeat right 50%; background-size: 0.4rem, 1.8rem; font-size: 1.2rem; color: #fff; height: 1.8rem; line-height: 1.8rem; border: 0; padding: 0 1rem; margin: 0; display: inline-block; position: absolute; top: 0; left: -1rem; }
.index-list h2 span { font-size: 1.2rem; color: #666666; margin-left: 0.5rem; }
.index-list .item { background-color: #fff; width: 48%; padding: 0; margin-bottom: 1rem; position: relative; border: 0rem; box-shadow: 0px 0.2rem 0px 0px #E3E4E8; border-radius: 0.3rem; float: left; }
.index-list .item:nth-child(even) {
 margin-right: 4%;
}
.index-list .item .img-box { width: 100%; height: 8rem; margin: 0 auto; overflow: hidden; border: 0; overflow: hidden; position: relative; display: block; }
.index-list .item .img-box .bubble { background: url(../images/bg-tips-po.png) no-repeat 0 0; background-size: contain; width: 6rem; height: 6.5rem; text-align: center; font-size: 1.2rem; color: #fff; line-height: 5.5rem; position: absolute; top: 1rem; right: 1rem; }
.index-list .item .img-box img { width: 100%; height: 100%; border-radius: 0.3rem 0.3rem 0 0; }
.index-list .item .info { padding: 0.5rem; }
.index-list .item .info span { display: block; }
.index-list .item .info span span { display: inline; }
.index-list .item .info span.title { font-size: 1.2rem; line-height: 1.5999999999999999rem; height: 3.1999999999999997rem; border-bottom: 0.1rem #efefef solid; margin-bottom: 0.1rem; overflow: hidden; display: block; }
.index-list .item .info span.price { font-size: 1rem; font-weight: normal; color: #fc6e51; }
.index-list .item .info span.price span { font-size: 1.2rem; }
.index-list .item .info span.price span:nth-child(1) {
 font-size: 1.4rem;
 color: #fc6e51;
}
.index-list .item .info span.price span:nth-child(2) {
 background-color: #fc6e51;
 color: #fff;
 padding: 0 0.2rem;
 margin: 0 0.5rem;
}
.index-list .item .info span.price span:nth-child(3) {
 color: #aab2bd;
}
.index-list .item .btn { font-size: 1.4rem; line-height: 2rem; width: 4.5rem; margin-top: 1rem; margin-right: 1rem; float: right; }
.index-list .item.limited { width: 100%; float: none; }
.index-list .item.limited .info { width: 17rem; float: left; padding: 1rem; }
.index-list .limited .info span.title { height: 1.5rem; font-size: 1.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 0px; margin-bottom: 0; }
.index-list .limited .img-box { width: 100%; height: 10.5rem; }
.index-list .limited .info span.price span:nth-child(1) {
 font-size: 1.5rem;
}
.special .index-list a { display: block; border-radius: 0.5rem; float: left; margin: 0; }
.special .index-list a img { width: 100%; height: 100%; border-radius: 0.5rem; }
.special .index-list a:nth-child(2) {
 width: 14.5rem;
 height: 13rem;
 margin-right: 1rem;
}
.special .index-list a:nth-child(3), .special .index-list a:nth-child(4) {
 width: 14.5rem;
 height: 6rem;
}
.special .index-list a:nth-child(3) {
 margin-bottom: 1rem;
}
.clear {clear: both;float: none;}

/********FIXED********/
.index-list .item .img-box span {
  background-color: #F6BB42;
  color: #fff;
  font-size: 1rem;
  width: auto;
  display: inline-block;
  padding: 0.1rem 1rem 0.1rem 0.5rem;
  border-radius: 0 1rem 1rem 0;
  position: absolute;
  top: 0.5rem;
  left: 0rem;
}
/*跟团游*/
.item.travel .img-box span,
.pd-list.travel .img-box span,
.member .order-list .item.travel .tag {
  background-color: #FF9B86;
}
/*自由行*/
.item.free-travel .img-box span,
.pd-list.free-travel .img-box span,
.member .order-list .item.free-travel .tag {
  background-color: #F6BB42;
}
/*酒店*/
.item.hotel .img-box span,
.pd-list.hotel .img-box span,
.member .order-list .item.hotel .tag {
  background-color: #5D9CEC;
}
/*门票*/
.item.ticket .img-box span,
.pd-list.ticket .img-box span,
.member .order-list .item.ticket .tag {
  background-color: #48CFAD;
}
/*签证*/
.item.visa .img-box span,
.pd-list.visa .img-box span,
.member .order-list .item.visa .tag {
  background-color: #AC92EC;
}

.btn_nav { padding:20px 20px 0; background:#f5f5f5; }
.btn_nav:nth-child(1) {padding:20px}
.btn_nav li { text-align:center; float:left; width:25%; margin-bottom:10px;list-style:none;}
.btn_nav .last { margin-right:0 }
.btn_nav .btn_icon_dest { display:block; height:88px; width:120px; margin:0 auto }
.btn_nav .btn_md { background-position:-295px 0; display:block; width:200px; height:120px; margin:0 auto; text-align:center; margin-top:49px }
.btn_nav .md { margin-top:40px }
.btn_nav .word { color:#333; text-align:center; display:block; padding-top:6px; font-size:1.2rem;}
.btn_nav .btn_icon { width:5rem; height:5rem; display:block; margin:0 auto;border-radius:100rem;}
.btn_nav .btn_icon img{width:3rem; height:3rem; margin-top:1rem;}
.btn_nav>ul { padding-left:8px }
.btn_nav .word {}

.clearfix { zoom:1 }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
@media screen and (max-width: 320px) {
  html {
  font-size: 62.5%!important;
  /* 10÷16=71.5% */
  -webkit-text-size-adjust: none;
}
}
@media only screen and (min-width: 321px) {
  html {
  font-size: 71.5%!important;
  /* 11.4÷16=71.5% */
  -webkit-text-size-adjust: none;
}
}
@media only screen and (min-width: 481px) {
  html {
  font-size: 94%!important;
  /* 15.04÷16=94% */
}
}
@media only screen and (min-width: 561px) {
  html {
  font-size: 109%!important;
  /* 17.44÷16=109% */
}
}
@media only screen and (min-width: 641px) {
  html {
  font-size: 125%!important;
  /* 20÷16=125% */ 
}
}