@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
* html body { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { color: #333; text-align: center; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
input, select { font-size: .875em; vertical-align: middle;outline: none; }
p { font-size: .875em; line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; }
body div { text-align: left; }
textarea, input { word-wrap: break-word; word-break: break-word; padding: 0.1em 0.3em;font-family: Arial, Helvetica, sans-serif; }
input[type=text], textarea { outline: none; background-color: #fff; border: none; }
img { border: 0 none; outline: none; max-width: 100%; _width: 100%; }
a{ text-decoration: none; color: #0066d9; font-size: 0.875em; outline: none; star:expression(this.onFocus=this.blur());
cursor: pointer; }
a:hover { text-decoration: underline; }
p a,li a{ font-size:1em;}
ul li { list-style-type: none;list-style:none;}
ol li{ list-style-position:inside;}
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color: #800; }
h5, h6 { font-family: Verdana, Geneva, sans-serif; color: #800; }
h1 { font-size: 1.8125em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em;}
h4 { font-size: 1em;}
/* weizhi*/
.z, .fl { float: left; }
.y, .fr { float: right; }
.absolute { position: absolute; }
.relative { position: relative; }
.hide { display: none; }
.show { display: block; }
.clearfix:after, .clearleft:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix, .clearleft { *zoom:1;
}
#main{width:100%;overflow:hidden;}
.clearleft:after { clear: left; }
.text-center{ text-align:center;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}
#bread{ font-size:.8125em;}
#bread a{ font-size:1em;}
#bread .pipe{    padding: 0 8px;color: #999;font-size: 14px;}
.wordwidth { width: 1170px; margin:0 auto;}
.borderpie { position: relative; behavior: url(https://www.downtownmelody.com/_x/d3d3LnRpYmV0dHJhdmVsLm9yZw/assets/modxFile/css/pie/PIE.htc); }
.intcommonBtn{ padding:5px 12px; border:1px solid #800; background-color:#800000; display:inline-block;*dispaly:inline;*zoom:1; color:#fff;-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;position: relative; behavior: url(https://www.downtownmelody.com/_x/d3d3LnRpYmV0dHJhdmVsLm9yZw/assets/modxFile/css/pie/PIE.htc); }
.intcommonBtn:hover{ text-decoration:none; background-color:transparent; color:#800;}
.tablebtn,.detailBtn{ padding:5px 10px; background-color:#ffb200; display:inline-block;*dispaly:inline;*zoom:1; color:#fff;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; border:1px solid #ffb200}
.tablebtn:hover,.detailBtn:hover{ background-color:transparent; color:#333;}
.headercontact p { padding:.5em 0;}
.headercontact p a{ color:#474747;}
.headercontact .pipe{ padding:0 8px; color:#474747;}
.headercontact p.mailto{ text-align:right; margin-top:1em;}
#header{ background-color:#eaeaea;}
.mailto a:hover{ text-decoration:underline;}
.mailto span{ display:inline-block; *display:inline; *zoom:1; width:20px; height:20px; background:url(../train2015images/footer/icon.png) no-repeat 0 -83px; vertical-align:middle; margin-right:5px;}
#header .textdes { font-size: 1.1875em; color: #333; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
#menunav,#copyright{ height: 48px; line-height: 48px; background-color:#800; position:relative; z-index:1;}
#menunav li{ float:left; position:relative;}
#menunav li>a { padding: 0 1.28em; color: #fff; display:block;}
#menunav li>a:hover,#menunav li.current>a{ background-color:#b53a3c; text-decoration:none;}
#menunav li.drowmenu>a span { display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 4px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; font-size: 16px; }
#menunav li.drowmenu.current>a span, #menunav li.drowmenu>a:hover span { border-top: none; border-bottom: 4px solid #fff; }
#menunav li .drowmenudiv{ position:absolute; background-color:#fff; top:48px; left:0; display:none; padding:15px;width:170px;border: 1px solid #ccc;border-top: none; z-index:9;}
.boxshadow #menunav li .drowmenudiv{ box-shadow:2px 2px 4px #ccc;font-size:14px;}
.drowmenudiv dd{ display:block; height:25px; line-height:25px;overflow:hidden;}
.drowmenudiv dd a{ color:#1d1d1d; display:block; padding-left:8px;}
.drowmenudiv dd a:hover{ background-color:#b53a3c; text-decoration:none; color:#fff;}
.drowmenudiv dd span.fr{float:right;}
.drowmenudiv dd span.price{color:#c71119;font-weight:bold;}
.drowmenudiv dd a:hover span{color:#fff;}
#menunav li.routemenu .drowmenudiv{ width:330px;}
#menunav li.routemenu .drowmenudiv dd{ width:50%; float:left;}
main{ margin:1.5em 0;}
#left-sidebar{ width:23.5%; float:left;}
#right-sidebar{ width:23.5%; float:right;}
#left-main{ width:75%; float:left;}
#right-main{ width:73.5%; float:right;}
#left-sidebar .norinput,#right-sidebar .norinput{ width:90%;}
#left-sidebar h3,#right-sidebar h3{ font-size:1.125em; color:#800; border-bottom:1px solid #ececec; padding-bottom:.5em; margin-bottom:.5em;}
.sibebar-1,.sidebar-2{ padding:1em; border:1px solid #ececec; margin-bottom:1.5em;}
.sibebar-1 a{ display:block; height:25px; line-height:25px; font-size:.9375em; background:url(../train2015images/footer/icon.png) no-repeat 104% 6px; color:#333;}
.sibebar-1 a:hover,.sibebar-1 a.current{ color:#b10000; font-weight:bold; background-position:104% -33px; text-decoration:none;}
.sidebar-2{ margin-bottom:1.5em; background-color:#eaeaea;}
#left-sidebar .sidebar-2 h3,#right-sidebar .sidebar-2 h3{ border-bottom-color:#fff;}
.sidebar-2 a.clearfix{ display:block; color:#333; margin-bottom:1.5em;}
.sidebar-2 a .z{ width:80px;}
.sidebar-2 a .r-text{ margin-left:100px;}
.sidebar-2 a img,.sidebar-2 a.text-right{ display:block}
.sidebar-2 a:hover{ color:#006699;}
#left-sidebar .sidebar-3 h3,#right-sidebar .sidebar-3 h3{ margin-left:1em; border-bottom:0;}
.sidebar-3 a.text-right{display:block}
#right-main h1{ margin:.25em 0;}
.author{ color:#767676; font-size:.8125em;}
.contenttext{ border-top:1px solid #eaeaea; padding-top:.25em;}
.contenttext p{ margin-bottom:1.25em;}
.contenttext h3{ margin:1em 0 .5em;}
.contenttext .text-center{ margin-bottom:1.5em;}
.contenttext ol li{ list-style-position:outside; font-size:.875em; margin:5px 0;}
.contenttext ol{ margin-left:1.25em;}
.text-center span{ display:block; text-align:center; color:#7c7c7c; font-size:.8125em; margin-top:.5em;}
.maylike{ margin:1.5em 0;}
.maylike h4{ font-weight:bold; color:#800;}
.maylike li{ float:left; width:50%; list-style-type:none;color:#a4a4a4; font-size:24px; height: 69px; overflow:hidden;}
.maylike li div{ padding-left:16px; background:url(../train2015images/common/grayditto.png) no-repeat 0 8px;}
.maylike li p{ color:#898989; font-size:.8125em;text-decoration:none;}
.maylike li p.title{ margin-left:0;font-size:16px; color:#0066d9;}
.maylike li a{display:block;font-size:16px;}
.maylike li a:hover{text-decoration:none;}
.maylike li a:hover p.title{ text-decoration:underline;}
/*评论css*/
/* comment style */
#comment-content{ border:4px solid #ccc; background-color:#F9F0D3; padding:1em;}
#comment-content p{ margin:0; padding:0;}
#quesform{ padding:1em; background-color:#ffffe7; margin:0 0 1.5em; border:4px solid #ccc;}
#quesform .norinput,#quesform .fullinput{ height:33px; line-height:33px; font-size:1em; padding:0 .5em; width:50%;}
#quesform .fullinput{ width:90%;}
#quesform textarea{ width:90%; padding:.5em; line-height:1.6em;}
#quesform h3{ color:#800; font-weight:bold; margin-bottom:0; padding-bottom:0; font-size:1.125em;font-family: Arial, Helvetica, sans-serif;}
#quesform p{ margin:.75em 0 .3em; color:#474747;}
#quesform .submittombase,#quesform_quick .submittombase,#submittombase{ padding:6px 20px; background-color:#800; border:1px solid #800; outline:none; color:#fff; margin-top:1em; border-radius:3px; cursor:pointer; display:inline-block;*display:inline;*zoom:1; margin:1em 0;}
#quesform .submittombase:hover,#quesform_quick .submittombase:hover,#submittombase:hover{ background-color:transparent;color:#800; text-decoration:none;}
#quesform .comment-cancel{ margin-left:10px; background-color:#ccc; color:#1d1d1d; border:none;}
#quesform .comment-cancel:hover{ color:#1d1d1d;background-color:#ccc;}
#comment-reply h4{ font-size:1.25em; margin-top:0;font-family: 'Georgia', Arial, Helvetica, sans-serif; padding:.5em 1em; color:#1d1d1d;}
#comment-reply h4 span{ font-family:"Times New Roman", serif; color:#c71119; font-size:1.125em;}
#comment-reply .reply-content{ padding-left:2em;}
#comment-reply .ctimeawho,#comment-reply .comment-question,#comment-reply .reply-main{ font-size:.875em;}
#comment-reply .comment-question p,#comment-reply .comment-question a,#comment-reply .reply-main p,#comment-reply .reply-main a{ font-size:1em;}
#comment-reply .reply-content,#comment-reply .question-content{ margin-bottom:1.5em;}
#comment-reply .reply-content img.replyer{ width:40px; height:40px; vertical-align:middle; margin-right:.5em;}
#comment-reply .reply-name{ margin-bottom:.5em;}
#comment-reply .qtitle{ margin:.5em 0;}
#comment-reply .reply-name p{display: inline-block; *display:inline;*zoom:1; vertical-align: middle;line-height: 18px;vertical-align:middle;}
.commentinfo{ padding:1em;  border-top: 1px dashed #fcdb70;}
#comment-reply .ctime{ font-size:16px;}
.contactname{ position:fixed; z-index:26340; width:340px; padding:15px 20px; top:50%; margin-top:-140px; margin-left:-150px; left:50%; background-color: #ffffe7; border:5px solid #ccc; display:none; -webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px;}
.contactname .cp label{ display:inline-block; *display:inline; *zoom:1; width:80px; text-align:right; vertical-align:middle; margin-right:5px;}
.contactname .cp label span{ color:#f00;}
.contactname .cp input{ border:1px solid #ccc; border-radius:3px;    height: 25px !important;line-height: 25px !important;}
#quesform .binput{border:1px solid #ccc; border-radius:3px;}
#quesform .binput:focus{ border-color:#5EB0F3;}
.pagenavajax {
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 25px;
    background-color: #ffffe7
}

.pagenavajax a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 25px;
    line-height: 25px;
    width: 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #800;
    border: 1px solid #800;
    cursor: pointer;
    margin-right: 5px
}

.pagenavajax a.current,
.pagenavajax a:hover {
    background-color: #800;
    color: #fff
}

.pagenavajax a.current:hover {
    background-color: #800;
    cursor: auto
}

.pagenavajax a.fristPage {
    margin-right: 10px
}

.pagenavajax a.lastPage {
    margin-left: 5px
}
/*评论end*/
#quesform_quick h3{ margin-bottom:0;}
#quesform_quick{ margin-top:1.5em; padding:10px; background-color:#eaeaea;}
#quesform_quick .norinput,#quesform_quick .fullinput{ height:33px; line-height:33px; font-size:1em; padding:0 .5em;}
#quesform_quick .fullinput{ width:90%;}
#quesform_quick textarea{ width:90%; padding:.5em; line-height:1.6em;}
/* mail bg*/
.mailtoVista{font-family: "helvetica neue", helvetica, arial, sans-serif; text-decoration:none;}
#tv-black { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 26339; display: none; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; filter: Alpha(opacity=50); background: #000; }
#tv-mailClose{ display: block; position: absolute; top: 0; right: 0; background-image: url(https://www.downtownmelody.com/_x/d3d3LnRpYmV0dHJhdmVsLm9yZw/assets/modxFile/images/iconpic/close.png); background-repeat: no-repeat; background-position: center center; border-left: 1px solid #d2d2d1; width: 49px; height: 49px; line-height: 49px; overflow: hidden; text-indent: -9999px; text-shadow: none; cursor: pointer }
#tv-mail { position: fixed; _position: absolute; top: 15%; left: 50%; margin-left: -320px; background: #fff; border: 1px solid #d2d2d1; width: 640px; -webkit-box-shadow: 0 0 8px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 0 8px 4px rgba(0,0,0,.25); box-shadow: 0 0 8px 4px rgba(0,0,0,.25); font-family: "helvetica neue", helvetica, arial, sans-serif; z-index: 26340; display: none; overflow: hidden }
#tv-mail h3 { height: 49px; text-align: left; line-height: 49px; margin: 0 50px 0 22px; border: 0; padding: 0 32px; font-size: 16px; font-family: "helvetica neue", helvetica, arial, sans-serif; font-weight: 700; text-shadow: 0 1px #fff; color: #333; direction: ltr; background: url(https://www.downtownmelody.com/_x/d3d3LnRpYmV0dHJhdmVsLm9yZw/templets/default/2013img/eaad.png) no-repeat left; }
.tv-mail-header { position: relative; border-bottom: 1px solid #d2d2d1; background: #f1f1f1; height: 49px; cursor: default }
#tv-mailcontent{height: 440px; position: relative;}


/*train table*/
.train-table{ width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc; margin:1em 0;}
.train-table th,.train-table td{ text-align:center; padding:8px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:.875em; color:#333;}
.train-table th{ font-size:1.1375em; padding:10px;}



/*footer style*/
#footer{ padding-top:2em; border-top:5px solid #800; background-color:#eaeaea;}
#footer li{ width:19%; float:left; margin-bottom:1em; overflow: hidden;}
#footer li.lastc{ width:24%;}
#footer li dd,#footer li dt{ margin:8px 0;}
#footer li dt{ font-weight:bold;}
#footer li dd a{color:#333;}
#footer li dd a:hover{ color:#069;}
#copyright{ margin-top:1em;}
#copyright p{color:#fff;height: 48px;line-height: 48px;}
.followusicon{ display:inline-block; *display:inline;*zoom:1; width:32px; height:32px; margin-right:5px; background:url(../train2015images/footer/followus.png) no-repeat; border-radius:50%; margin-top:6px;}
.followusicon.fb{ background-position: -2px -3px;}
.followusicon.tw{ background-position: -39px -4px;}
.followusicon.gp{background-position: -77px -4px;}
.followusicon.rss{ background-position: -115px -4px;}
.followusicon.yt{    background-position: -153px -4px;}


/*travel guide*/
.arclist h3{ margin:1em 0 .5em;}
.arclist li{ display:inline-block; *display:inline;*zoom:1; width:24%; margin-right:1.3333%;_margin-right:1.3%; margin-bottom:1em; vertical-align:top; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;position: relative; behavior: url(https://www.downtownmelody.com/_x/d3d3LnRpYmV0dHJhdmVsLm9yZw/assets/modxFile/css/pie/PIE.htc);}
.arclist li.nrm{ margin-right:0;}
.arclist li img,.arclist li a,.tourlist li a,.tourlist li img,.tourullist li a{ display:block; font-size:1em;}
.arclist li a:hover{ text-decoration:none;}
.arclist li .inner{ padding:10px; border:1px solid #d7d7d7; border-top:none;}
.arclist li p{ color:#828282; font-size:.875em; line-height:1.6em;}
.arclist li p.arctitle{ color:#474747; font-size:1.125em; line-height:1.25em;}
.arclist li p.arcintro{ height:110px; overflow:hidden;}
.arclist .longtitle  p.arctitle{ height:66px;}
.tourlist li{ margin-bottom:1.5em;}
.tourlist li div.z{ width:230px;}
.tourlist li .inner{ margin-left:250px;}
.tourlist li a{ padding:10px;-webkit-box-shadow:3px 3px 6px #999; -moz-box-shadow:3px 3px 6px #999;box-shadow:3px 3px 6px #999;border:1px solid #e5e5e5;}
.tourlist li a:hover{ background-color:#e6e6e6; transition:all .2s ease-in; text-decoration:none;}
.tourlist li p{ color:#333; line-height:1.4em;}
.tourlist li p.tourtitle{ font-size:1.125em;}
.tourlist li p.touroutline{ color:#717171; font-size:.8125em; margin:.5em 0;}
.tourlist li a:hover p.tourtitle{ color:#800;}
.tourlist li p.tourprice{ margin-top:1em;}
.tourlist li p.tourprice span{ color:#c71119; font-size:1.25em; font-weight:bold;}
/*新多国*/
.muti-tourlist{ margin-bottom:2em;}
.muti-tourlist h3{ margin:1em 0;}
.muti-tourlist .tourlist{ padding:0 1em;}
.muti-tourlist .tourlist li a{ position:relative; margin: 0.75em 0;_zoom:1; border:none; box-shadow:none; padding:0;}
.muti-tourlist .tourlist li .rightinfo{ position:absolute; top:0; right:0; font-size:16px;}
.muti-tourlist .tourlist li p.tourprice{ margin:.5em 0; height:39px;}
.muti-tourlist .tourlist li p.touroutline{ color:#333;}
.muti-tourlist .tourlist li a:hover{ transition:none; background-color:transparent;}
.muti-tourlist .tourlist li .intcommonBtn { background-color:#ffb200;}
.muti-tourlist .tourlist li a:hover .tourtitle{ color:#800;}
.muti-tourlist .tourlist li .tourIntro{ margin-right:150px;}
.muti-tourlist a.text-right{ display:block;}

/*book.css*/
#opacitybg{position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 16777270; background-image:url(../train2015images/test/blackbg.png); background:rgba(110,115,123,.65); display:none;}
#opform{position: fixed;_position: absolute;top: 15%;left: 50%;margin-left: -430px;background: #fff;border: 1px solid #d2d2d1;width: 860px;-webkit-box-shadow: 0 0 8px 4px rgba(0,0,0,.25);-moz-box-shadow: 0 0 8px 4px rgba(0,0,0,.25);box-shadow: 0 0 8px 4px rgba(0,0,0,.25);z-index: 16777271;display: none;}
#closeform{position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;background-image: url('../train2015images/test/fancybox_sprite.png');}
#opform h4{ font-size:1.25em; text-align:center;}
#opform .smallbookpanel{ padding:15px 30px 0;}
#opform .smallbookpanel li.submitli{ margin:0;}
#opform .smallbookpanel #submittombase{ margin:0 0 1em;}
#opform .smallbookpanel li select.numselect{ width:130px;}
#opform .labelinline{ width:96px;}
.book-content{ background:url(../train2015images/bg/bookbg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; padding:3em 0;}
.book-content.contactus-content{ background-image:url(../train2015images/bg/contactus.jpg);}
.smallbookpanel{ width:800px; padding:15px 30px 45px; margin:0 auto; background-color:#fff;}
.smallbookpanel p{ text-align:center; color:#7c7c7c;}
.smallbookpanel h1{ margin-bottom:.5em;text-align:center;}
.smallbookpanel li{ margin:1em 0;}
.smallbookpanel li h4{ padding-bottom:.25em;border-bottom:1px solid #d5d5d5; font-size:1.25em; font-weight:normal;}
.smallbookpanel li.submitli{ margin:2em 0;}
.smallbookpanel li.submitli a{ padding:8px 15px; font-size:1.125em;}
.smallbookpanel li .tourname{ color:#800;}
.smallbookpanel li label{ width:200px; text-align:right; display:inline-block;*display:inline;*zoom:1; font-size: .875em;margin-right: .5em;}
.smallbookpanel li label.desvista{ text-align:left; width:80px; margin-bottom:1em;}
.smallbookpanel li label.desvista input{ margin-right:8px;}
.smallbookpanel li .des{display:inline-block;*display:inline;*zoom:1; width:368px;}
.smallbookpanel li input[type=text],.smallbookpanel li select,.smallbookpanel li textarea{ border:1px solid #ccc; width:350px; height:30px; line-height:30px;}
.smallbookpanel li textarea{ height:120px; line-height:22px; width:358px;color: rgb(204, 204, 204);}
.smallbookpanel li select{ margin-left:-4px; width:368px;}
.smallbookpanel li select.numselect{ width:78px;}
.smallbookpanel p.formflag{ width:84%; margin:0 auto; color:#d5d5d5; border-top:1px solid #d5d5d5;}
.travelDate{ background:#fff url(../train2015images/test/dateicon.png) no-repeat 96% center;}
.redstar{ color:red;}

/*right form*/
.rightcomdiv{ padding:0.8125em; background-color:#f6f7f0; border:1px solid #e6e6e6;}
.tailorthistrip input[type="text"],.tailorthistrip li label.selectlabel{ padding:6px; border:none;font-size:0.9375em; color:#1d1d1d; border:1px solid #eee;}
.tailorthistrip li label.selectlabel{ background-color:#fff; display:block;}
.tailorthistrip li label.selectlabel span{ display:block; background:#fff url(../images/commonPic/selectxiala.png) no-repeat right center; font-size:1em;}
.tailorthistrip textarea{ width:94%; height:95px;padding:3%; color:#717171; font-size:0.9375em; border: 1px solid #eee;}
.tailorthistrip li input[name="FullName"]{ width:130px;}
.tailorthistrip li label.nametitle{ width:40px; display:inline-block; vertical-align:middle;}
.tailorthistrip li{ float:left; width:140px;max-width:340px; position:relative; margin-bottom:1em;}
.tailorthistrip li.widthfull{ width:100%; height:auto; max-width:100%;}
.tailorthistrip li.ititime{ width:130px; margin-right:1em;}
.tailorthistrip li.itidura{ width:94px; margin-right:0;}
.tailorthistrip li.itihotel{ margin-right:0; width:100%;}
.tailorthistrip li.itipnum{ margin-right:0; width:50%;}
.tailorthistrip li.itifname{ margin-right:0;width:100%;}
.tailorthistrip li.itiemail{ margin-right:0;width:100%;}
.tailorthistrip li.itiphone{ margin-right:0;width:100%;}
.tailorthistrip li.formcenter{ margin:0 60px 1em;}
.tailorthistrip li select{ padding:5px; width:90%; border: 1px solid #eee;}
.tailorthistrip li .halfsmallselect{ width:60px;}
.inquiretitle{ margin:0 0 0.5em; font-size:1.3125em; color:#800;}
#travelDate,.tourDate{ background:#fff url(../train2015images/test/dateicon.png) no-repeat 96px center; width:110px;}

.themepictop{ position:relative;}
.themepictop img{ display:block;width:100%;}
.themepictop .breadwarp{ height:36px; line-height:36px; width:100%; position:absolute; top:0; left:0;}
.breadwarp #bread{ color:#fff; -webkit-text-shadow:1px 1px 3px #666; -moz-text-shadow:1px 1px 3px #666; text-shadow:1px 1px 3px #666;}
.breadwarp #bread a{ color:#fff;}
.breadwarp #bread .pipe{ color:#fff;}
main{width:100%;overflow:hidden;}
/* newslistul */
.newslistul{ margin-top:2em;}
.newslistul li{ height:140px; margin-bottom:1em;}
.newslistul .opimga{ width:175px; display:block;}
.newslistul .opimga img{ display:block;}
.newslistul .opimga:hover img{ -webkit-opacity:.8; -moz-opacity:.8; opacity:.8;}
.newslistul .inner{ margin-left:200px;}
.newslistul .inner .pubdate{ font-size:.8125em; color:#767676;}
.newslistul li .tourtitle a{ color:#333; font-size:1.25em;}
.newslistul li .tourtitle a:hover{ color:#800; text-decoration:none;}
/*newsidebar*/
#right-sidebar .sidebar-4 h3{
		    font-size: 21px;
    border-bottom: 4px solid #880000;
    margin-bottom: initial;
		padding-top: 1em;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
	}
	.youlike_list li .leftimg{
		width:34%;
	}
	.youlike_list li .rightTitle{
			    width: 60%;
	}
	.youlike_list li .rightTitle a{
		    font-size: 15px;
    font-weight: bold;
    color: #444444;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
	}
	.youlike_list li{
		padding: 12px 0;
    border-bottom: 1px solid #ececec;
	}
	.book-ticket-btn{
	    display: block;
    background: #880000;
    color: #fff;
    padding: 16px 10px 16px 50px;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #880000;
	 margin-top: 10px;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
	}
	.youlike_list li:last-child{
		  border-bottom:none;
	}
	.book-ticket-btn {
		display: block;
    background: #880000;
    color: #fff;
    padding: 18px 10px 18px 50px;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #880000;
    margin-top: 10px;
    position: relative;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
	}
	.book-ticket-btn span{
    width: 40px;
    height: 40px;
    background: url(img/soft-book-ico.png) no-repeat 0 0px;
    top: 10px;
    left: 10px;
    position: absolute;
	}
	.youlike_list li .rightTitle a:hover{
		    color: #880000;
		text-decoration: initial;
	}
	#comment-reply h4{
		color:#800;
	}
/*home*/
.homemain h3{ margin-top:1em;}
.homemain .contenttext{ border-top:none; padding:0;}
.home-tourgrouplist,.home-tourprilist{ margin-top:1em; margin-bottom:1em}
.home-tourgrouplist li{ float:left; width:32%; margin-right:2%; margin-bottom:1em}
.home-tourgrouplist li.nrm{ margin-right:0;}
.home-tourgrouplist li a,.home-tourprilist li a{ display:block; position:relative; color:#333;}
.home-tourgrouplist li img,.home-tourprilist li img{display:block;}
.home-tourprilist li div.z{ width:100px;}
.home-tourprilist li .inner{ margin-left:120px;}
.home-tourprilist li{ margin-bottom:1.5em;}
.home-tourgrouplist li .inner{ padding:5px; border:1px solid transparent; border-top:none;}
.home-tourgrouplist li a:hover,.home-tourprilist li a:hover{ text-decoration:none;}
.home-tourgrouplist li a:hover .inner{ border-color:#ccc;}
.home-tourgrouplist .touroutline{ position:absolute; width:98%; text-align:center; top:0; left:0;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;filter: Alpha(opacity=80);background: #000; color:#fff; padding:.5em 1%;_width:100%;}
.home-tourprilist .tourtitle{ font-size:1em;}
.home-tourprilist a:hover .tourtitle{ color:#800;}
.home-tourprilist  .touroutline{ color:#818181; margin-top:.25em;}
.home-trainto li{ float:left; width:25%; margin:.5em 0;}
.home-trainto li a{ color:#474747; display:block; background:url(../train2015images/common/tour.png) no-repeat 0 center;font-size: .875em;padding-left: 1.5em;}
.home-trainto li a:hover{ color:#800; text-decoration:none;}
.homemain .arcintro{ height:112px; overflow:hidden;}
.home-aboutus div.z,.home-aboutus div.y{ width:49%;}
.home-aboutus div.z p{ padding-left:1.5em; background:url(../train2015images/common/right.png) no-repeat 0 5px;}
.home-aboutus { border:1px solid #d9d9d9; background-color:#f5f5f5; padding:1em; margin-top:1em;}
.home-aboutus p,.home-aboutus h3{ margin-bottom:.5em;}
.home-aboutus p{ line-height:20px;}
.home-aboutus .intcommonBtn{ padding:.5em 2em; font-size:1.125em; font-weight:bold; margin-top:1em;}

.home-newslist{ padding:10px; border:1px solid #ccc; border-radius:3px;margin-top: 0.5em;margin-bottom: 1em}
.home-newslist a{ display:block;}
.home-newslist .newsa{ color:#333;background:url(../train2015images/common/ditto.png) no-repeat 0 5px; margin:.5em 0; padding-left:1em;}
.home-newslist .newsa p{ color:#898989; font-size:.875em;}
.home-newslist .newsa:hover{ color:#800; text-decoration:none;}

.btei_icon li{ float:left; width: 84px;height: 100px;text-align: center;}
.btei_icon li img{ margin-bottom:.25em;}
.btei_icon li a{ display:block; color:#333; font-size:.875em;}
.btei_icon li a:hover{ color:#800; text-decoration:none;}
.home-right h4{ border-bottom:1px solid #ccc; padding-bottom:.3em;}
.home-icon{ padding:10px; margin:1.5em 0;}
.home-icon .btei_icon{ margin-top:.5em;}
.home-right .sibebar-1{ border:none; padding:0 10px;}
.home-right .sibebar-1 a{ margin:.5em 0;}
.izl-rmenu {position: fixed;right: 1%;bottom: 20%;z-index: 999;}
.izl-rmenu .btnc{width:45px; height:45px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-phone{background:url(https://www.downtownmelody.com/_x/Y2hpbmF0aWJldHRyYWluLmNvbQ/train2015css/r_phone.png) center no-repeat; background-color:#b21d23;}
.izl-rmenu .btn-phone:hover .phone{display:block !important;}
.izl-rmenu .btn-phone .phone{background-color:#b21d23; position:absolute; width:160px; left:-160px; top:0px; line-height:45px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:#cbcbcb; display:none; color:black; font-size:1em; line-height:45px; text-align:center}
.izl-rmenu .btn-top:hover{background-color:#444;color:white !important}
.izl-rmenu .btn-email{background:url(https://www.downtownmelody.com/_x/Y2hpbmF0aWJldHRyYWluLmNvbQ/train2015css/r_email.jpg) center no-repeat; background-color:#b21d23;}

.izl-rmenu .btn-email .email{background-color:#b21d23; position:absolute; width:200px; left:-200px; top:0px; line-height:45px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-email .email a{font-size:14px; color:white !important}
.izl-rmenu .btn-email:hover .email{display:block !important;}
/*home pic*/
.piccontent{ position:relative;_zoom:1;_height:462px; width:100%; overflow:hidden;}
.piccontent .picul li{ position:absolute; top:0; left:0; display:none; width:100%;}
.piccontent .picul li.current{ display:block !important;}
.piccontent .picul li a{display:block;width:100%;height:100%;}
.piccontent .picul li img{ display:block; margin:0 auto;}
.themepictop{width:100%;overflow:hidden;}
#homepic{ position:relative;zoom:1; max-width:1920px; margin:0 auto;width:100%;overflow:hidden;}
#ulindex{ position:absolute; bottom:30px; z-index:9}
#ulindex li{ width:15px; height:15px; border:1px solid #800; margin:0 5px; float:left; background-color:#fff; -webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%;position:relative;behavior: url(css/pie/PIE.htc);}
#ulindex li.current{ background-color:#800;}

/*moblie*/
.mobile-header{ display:none; height:40px; position:fixed;top:0; left:0; background-color:#bc2000; z-index:9999; width:100%; padding:8px;border-bottom: 1px solid #bc2000;}
.logo-mobile{ width:50px; height:40px; margin-right:15px; background:url(https://www.downtownmelody.com/_x/d3d3LmNoaW5hdGliZXR0cmFpbi5jb20/assets/images/mobile-menu-white.png) no-repeat 15px center; display:inline-block;}
.tibetvista{ display:inline-block;}
.mobile-header img{ width:150px; height:40px; display:block;}
@media screen and (max-width:1169px) {
	.wordwidth{ width:98%; margin:0 1%;overflow:hidden;}
	#menunav li>a{ font-size:.875em; padding:0 .5em;}
}
@media screen and (max-width:1599px){
}
@media screen and (max-width:1169px){
	
}
@media screen and (max-width:768px){
	.normal-header,#menunav li.drowmenu>a span{ display:none;}
	.home-exp-list li{width:96% !important;margin:0 2% 15px;}
	#header{ height:56px;}
	#izl_rmenu,.askquest{display:none}
	.train-no{    word-break: break-all;}
	.sidequickform{margin-top:1em}
	#opform .smallbookpanel{width: 90%;
    padding: 15px 5% 45px;}
	.labelinline{padding-top:10px;}
	#opform .smallbookpanel li select.numselect{width:100%;margin-left:0;}
	.smallbookpanel li input[type=text], .smallbookpanel li select, .smallbookpanel li textarea{width:100%;margin-left:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	#menunav{ display:none; position:fixed; top:56px; left:0; width:100%; padding:.5em 0;}
	#menunav li{ width:100%; height:30px; line-height:30px;}
	#menunav li a{ text-align:left; display:block;}
	.mobile-header{ display:block;}
	#opform {
    position:absolute;
    top: 50px !important;
    left: 5%;
    margin-left:0;
    width: 90%;
 
}
	
}
@media screen and (max-width:860px){
#header,#footer{width:100%;overflow:hidden;}
#menunav{ height:auto; line-height:24px;z-index: 999;}
#menunav li{margin-bottom:10px;}
#right-sidebar{ width: 28.5%; }
#left-main{ width:70%;}
#left-sidebar{ width:28.5%;}
#right-main{ width:68.5%;}

.home-tourprilist .tourtitle{word-wrap: break-word; 
word-break: normal;}
.arclist li,.home-tourgrouplist li{ margin:0 1% 1em !important; width:48%;}
.home-trainto li{ width:33%;}
.train-table th, .train-table td{ word-break:break-all; padding:8px 0;}
.smallbookpanel{ width:94%; padding: 15px 3% 45px;}
.shareplugin{height:50px !important;}
.sibebar-1 a{background-position: 100% 6px;}
.sibebar-1 a:hover, .sibebar-1 a.current{background-position: 100% -33px;}
.home-tourgrouplist li{min-height:200px;}
}
.kgoodnews{border:1px solid #ccc; background-color:#fafafa; padding:12px;margin:10px 0;}
	.kgoodnews img.z{ width:60px;}
	.kgoodnews .newinner-1{ margin-left:70px;}
	.kgoodnews .newinner-1 p{font-size:.875em;}
	.kgoodnews .newinner-1 p a{ color:#0066d9; font-size:1em;}
	.kgoodnews .newinner-1 p a:hover{ color:#800;}
@media screen and (max-width:640px){
	
	.arclist li img{width:100%;}
	.home-aboutus div.z,.home-aboutus div.y,#right-sidebar,#left-main,#left-sidebar,#right-main{ width:100%; float:none; margin:0 auto;overflow:hidden;}
	#footer li,#copyright span,#bread{ display:none;}
	#footer li.lastc{ width:100%; display:block;}
	#copyright p{ text-align:center;}
	.maylike li{ width:100%; float:none; height:auto; margin-bottom:1em;}
	.norinput{ width:100%;}
	.smallbookpanel li label{ display:block; text-align:left; margin-bottom:.5em;}
}
@media screen and (max-width:480px){
	.normal-header,#menunav li.drowmenu>a span{ display:none;}
	#header{ height:56px;}
	#menunav{ display:none; position:fixed; top:56px; left:0; width:100%; padding:.5em 0;}
	#menunav li{ width:100%; height:30px; line-height:30px;}
	#menunav li a{ text-align:left; display:block;}
	.mobile-header{ display:block;}
	.arclist li{ width:96%; float:none; margin:0 2% 1em;}
	.home-trainto li{ width:50%;}
	.arclist li p.arcintro,.arclist .longtitle  p.arctitle{ height:auto;}
}