@charset "utf-8";
/* CSS Document */
#menuscroll0 hr { border-color: #ccc; border-top: none; }
.itineraryh1 { line-height: 1em; margin-bottom: 0.2em;text-align:center; }
.ititopinfo div.z { width: 45%; }
.ititopinfo div.y { width: 52%; }
.tourcode { color: #999; }
.tourprice { color: #da251d; margin: 1em 0 1.5em; }
.tourprice b { font-size: 1.3em; }
.tourprice span { color: #999; margin-left: 2.5em; cursor: pointer; text-decoration: underline; }
.tourprice dfn { vertical-align: top; font-style: normal; margin-right: 0.5em; }
.itijieshao { margin-bottom: 1em; }
.itijieshao span.z { display: block; float: left; background: url(../images/itinerarypic/itiicon.png) no-repeat 0px 0px; width: 28px; height: 28px; }
.itijieshao span.des { background-position: 0px 0px; }
.itijieshao span.highlight { background-position: 0px -28px; }
.itijieshao .rightinfo { margin-left: 50px; }
.itijieshao .rightinfo p b { margin-right: 1em; font-size: 1.23em; color: #333; }
.itijieshao .rightinfo p, .itijieshao .rightinfo li {  color: #757575; line-height: 1.8em; }
.itijieshao .rightinfo ul { margin-top: 0.5em; }
.shareitinerary { float: right; }
/* itinerary main*/
/*起价说明*/
#priceshuoming { position: absolute; background-color: #fff; padding: 1em; border: 1px solid #da251d; max-width: 300px; min-width: 240px; width: 300px; display: none; }
#itineraryMain { margin: 2em 0; }
.itiinfotop { margin-bottom: 1.5em; }
.itimenusub { border: 1px solid #d2d2d2; padding: 1em!important; margin-bottom: 1.5em!important; }
#itineraryMain .itihr { height: 0; border-top: 4px solid #f1f1f1; margin-bottom: 1.5em; }
.itimeun li { float: left; padding: 0.5em 1em; background-color: #dcdcdc; cursor: pointer; border: 1px solid #d2d2d2; margin-right: 5px; font-size: 1.06em; border-bottom: none; }
.itimeun li:hover { text-decoration: underline; }
.itimeun li.current {background-color: #fff; border-top: 4px solid #da251d; padding-top: 0.3em; position: relative; bottom: -1px; }
.itimeun li a {color:#333;}
.itimeun li.current a {color:#da251d;}
.itimeun .hycommonBtn { font-size: 1.125em; padding: 0.2em 4em; font-weight: bold; }
#fixeditimenu { position: fixed; top: 68px; width: 1170px; background-color: #fff; display: none; z-index: 999; border-bottom: 1px solid #d2d2d2; }
.itispaninco { float:left;display: block; width: 90px; height: 90px; background: url(../images/itinerarypic/itiicon.png) no-repeat; color: transparent; }
.itispaninco.itihighlight { background-position: -28px 0px; }
.itispaninco.itifeiyong { background-position: -118px 0px; }
.itispaninco.itinotice { background-position: -208px 0px; }
.itispaninco.howtobook { background-position: -28px -90px; margin-top: 1em; }
.itispaninco.booking { background-position: -118px -90px; }
.itispaninco.contactus { background-position: -208px -90px; }
.itiiconright { margin-left: 120px; }
.itiiconright ol { margin-bottom: 2em; }
.itinerarydaybyday { margin: 1.5em 0 0; position: relative; _zoom: 1; }
.itinerarydaybyday .itiiconright { margin-right: 300px; }
.itinerarydaybyday h4 { margin-bottom: 0.5em; }
.itinerarydaybyday h4 span { margin-right: 2em; }
.itinerarydaybyday .itimap { width: 280px; }
.itiiconright p { margin-bottom: 1.5em; }
.itiiconright .daydetail { margin-bottom: 2em; }
.daybydayanpai { background-color: #f2f2f2; padding: 0.8em 1.2em; margin-bottom: 1.5em; }
.daybydayanpai li { margin-bottom: 0.5em; color: #646464; }
.daybydayanpai li span { width: 5em;  line-height: 2em; }
.daybydayanpai li p { margin-left: 5.5em; margin-bottom: 0; }
.dayimagesshow li { float: left; width: 24%; margin-right: 1.333333%; }
.dayimagesshow li.nrm { margin-right: 0; }
.feiyongshuming li { list-style-position: inside; color: #ccc; list-style-type: square; margin: 0.5em 0; }
.feiyongshuming li span { color: #1d1d1d; }
.xuezhi li { list-style-position: inside; margin: 0.5em 0; }
.xuezhi span {  }
.itiinfotop h4 { margin-bottom: 0.5em; }
.feiyongshuming hr, .xuezhi hr { margin: 1.5em 0; border: none; border-top: 1px solid #ccc; }
#dayFixedDiv { position: absolute; top: 0; left: 0; background-color: #fff; _width: 100px; }
#dayFixedDiv a { font-size: 0.9375em; font-weight: bold; border: 1px solid #dcdcdc; border-top: none; display: block; position: relative; padding: 0.3em 1.5em; color: #999; }
#dayFixedDiv a.current { background-color: #da251d; color: #fff; border: 1px solid #da251d }
#dayFixedDiv a.current span { display: block; width: 0; height: 0; border-top: 9px solid transparent; border-left: 7px solid #da251d; border-bottom: 9px solid transparent; position: absolute; right: -7px; top: 5px; _display: none; }
.imglist ul { font-size: 0; text-align: left; vertical-align: top; }
.imglist li a, .imglist li img { display: block; width: 100%; max-width: none; }
.imglist li { display: inline-block; *display:inline;
*zoom:1;
width: 23.5%; margin-right: 1.3333%; _margin-right: 0.5%; font-size: 16px; }
.imglist li.nrm { margin-right: 0; }
/*howtobook */
.howtobookstep li { float: left; width: 23%; padding: 1%; position: relative; height: 12.4em; }
.howtobookstep .itiinfotop li .booksteptitle { font-size: 1.5em; font-weight: bold; margin-bottom: 0; margin-right: 0; }
.howtobookstep li .booksteptitle span { font-size: 2.5em; color: #da251d; margin-right: 0.2em; }
.howtobookstep li.ligray { background-color: #d3d3d3; }
.howtobookstep { padding: 0 0 0 1em; border-right: none; _zoom: 1; }
.howtobookstep .itiinfotop { margin-bottom: 0; }
.howtobookstep .itiinfotop li p { margin-right: 4em; }
.howtobookstep li .bookstep1, .howtobookstep li .bookstep2, .howtobookstep li .bookstep3, .howtobookstep li .bookstep4 { width: 4em; height: 4em; background: url(../images/itinerarypic/itiicon.png) right top; display: block; position: absolute; bottom: 1em; right: 1em; }
.howtobookstep li .bookstep2 { background-position: -303px -57px; }
.howtobookstep li .bookstep3 { background-position: -303px -123px; }
.howtobookstep li .bookstep4 { background-position: -302px -180px; }
/*form */
.itibookingform { background-color: #f5f5f5; }
.itibookingform h3 { margin-bottom: 0.5em; font-weight: normal; }
.bookformul li { margin: 0.2em 0; clear:both;}
.bookformul li label { float:left; width: 11em; text-align: right; display: inline-block; margin-right: 1em; vertical-align: top; padding: 0.5em 0;  }
.bookformul li .redstar { color: #f00; margin-right: 0.5em; }
.bookformul li select { padding: 0.5em;width:200px!important; background-color: #fff; border: none; -webkit-box-shadow: 2px 2px 4px #ccc; -moz-box-shadow: 2px 2px 4px #ccc; box-shadow: 2px 2px 4px #ccc; }
.bookformul li input { width: 13.5em; padding: 0.5em; }
.bookformul li textarea { width: 40em; min-width: 280px; height: 120px; color: #717171; background-color: #fff; }
#traveldate { background: #fff url(../images/itinerarypic/traveldate.gif) 13em center no-repeat; }
.bookformul li .selectlong { width: 16.7em; }
.bookformul li .peoplenum { width: 10em; }
.bookformul li.lisubmit { margin-top: 2em; }
#itiFormSubmit { font-size: 1.5em; padding: 0.3em 1.6em; }
/*relutiveRoute*/
.relutiveRoute { padding: 2em 0 3.5em; background-color: #f2f2f2; }
.relutiveRoute h3 { font-size: 1.5em; margin-bottom: 1em; font-weight: normal; }
.relutiveRoute li { float: left; width: 24%; margin-right: 1.33333%; min-width: 200px; max-width: 280px; _margin-right: 1%; }
.relutiveRoute li.nrm { margin-right: 0; }
.relutiveRoute li a { display: block; }
.relutiveRoute li img { display: block; }
.relutiveRoute li a:hover img { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.relutiveRoute li .textcenter { font-size: 1.0625em; text-align: center; }
.relutiveRoute li .textcenter a { display: inline; }
.itipricerel { color: #da251d; }
.itirelinner { padding: 1em; background-color: #fff; border: 1px solid #ccc; }
.itirelinner .relaaa { display: block; font-size: 0.875em; height: 2.8em; line-height: 1.5em; }
.itirelinner .itipricerel { font-size: 0.875em; margin: 0.5em 0; }
.itirelinner .itipricerel span { font-size: 1.28571em; }
.relutiveRoute .jianjie { font-size: 0.75em; height: 4em; overflow: hidden; margin-bottom: 2em; color: #333; }
/*customserver*/
.customserver { padding: 0; }
.customserver li { width: 50%; float: left; margin-bottom: 1.5em; height: 8.5em; margin-right: 0; display: block; }
/*
.customserver li .contactta { margin-left:105px;position: relative;top: -6px;}
.customserver li p{ margin-bottom:0; line-height:1.8em;}
.customserver li p.taemail,.customserver li p.taweixin{ background:url(../images/commonPic/contactus.png) no-repeat; padding-left:2.5em;}
.customserver li p.taqq img{ vertical-align:sub;margin-right: 0.6em;}
.customserver li p.taemail{background-position:-7px -50px;}
.customserver li p.taweixin{background-position:-5px -93px;}
.customserver li p.tajianjie{ font-size:0.75em; color:#545454; margin-right:3em;}

/*new route*/
.itinerarydaybyday .itiiconright { margin: 0; padding-top: 30px; border-top: 1px solid #ccc; }
.itinerarydaybyday .itiiconright .daynum { float: left; width: 80px; background-color: #da251d; color: #fff; padding: 4px 0; text-align: center; position: relative; }
.daymunspan { position: absolute; width: 20px; height: 20px; top: 0px; right: -39px; background: url(../images/commonPic/daybydayucin.png) no-repeat center center; z-index: 10; }
.itinerarydaybyday .itiiconright .daydetail { margin-left: 107px; background: url(../images/commonPic/linedaybyday.png) repeat-y 0 0; padding: 0 0 2em 20px; margin-bottom: 0; }
.itinerarydaybyday .itiiconright .daydetail.lastday { background: #fff; }
.imglist { padding-bottom: 25px; border-bottom: 1px dashed #ccc; }
.lastday .imglist { padding-bottom: 0; border-bottom: none; }
.mobileshow{ display:none;}
/*ie7*/
.ie7 .imglist li, ie6 .imglist li { width: 23%; }

@media screen and (max-width:1599px) {
}

@media screen and (max-width:1169px) {
.wordwidth { width: 100%; overflow: hidden; }
#fixeditimenu { width: 100%; }
}

@media screen and (max-width:860px) {
.howtobookstep li { width: 48%; }
.itimap { display: none !important; }
.itinerarydaybyday .itiiconright { margin-right: 0; }
.bookformul li textarea { width: 90%; }
.relutiveRoute li { margin-bottom: 2em; }
}

@media screen and (max-width:800px) {
.customserver li { width: 100%; float: none; height: auto; }
}

@media screen and (max-width:640px) {
.itimeun .hycommonBtn { padding: 0.2em 0.5em; }
.itimeun li { padding: 0.5em 0.8em; }
}

@media screen and (max-width:480px) {
	#fixeditimenu{ top:0;}
	#qiao-wrap,#footer{ display:none !important;}
	#bread{ display:none;}
	.itineraryh1{ text-align:left; line-height:1.4em;}
	.tourcode{ text-align:left;}
	.tourprice{ font-size:1em; text-align:left;}
	.tourprice b{ font-size:1em;}
	.howtobookstep{ display:none;}
.relutiveRoute li, .relutiveRoute li.nrm { width: 90%; margin: 0 auto 2em; float: none; }
#dayFixedDiv { display: none !important; }
.howtobookstep li { width: 98%; height: auto; margin-bottom: 1em; }
.itimeun .hycommonBtn{ display:none;}
.ititopinfo div.z, .dayimagesshow li, .ititopinfo div.y { width: 95%; margin: 0 auto 2em; float: none; text-align: center; }
.daybydayanpai li p { margin-left: 0; }
.itispaninco { width: auto; height: auto; float: none; color: #333; font-weight: bold; font-size: 1em; background: none; }
.itiiconright { margin-left: 0; }
.bookformul li label { text-align: left; }
.bookformul li.lisubmit label { display: none; }
.bookformul li .peoplenum { margin-bottom: 1em; }
.imglist ul { text-align: center; }
.imglist li { width: 100%; margin-right: 0; margin-bottom: 15px; text-align: center; }
.imglist li img { margin: 0 auto; }
.itinerarydaybyday .itiiconright .daynum{ float:none; width:auto; overflow:hidden; text-align:left; padding-left: 12px;}
.itinerarydaybyday .itiiconright .daydetail{ background:#fff; padding:12px 12px 20px; margin-left:0;}
.mobileshow{ display:block;}
.likeyuding{ width:100%; text-align:center; height:48px; line-height:48px; background-color:#da251d; font-size:1.25em; color:#fff; font-weight:bold; position:fixed; left:0; bottom:0;}
}