.spe-main { margin: 0 auto; margin-bottom: 50px; width: 960px; }
.spe-right, .spe-left { padding-top: 15px; }
.spe-right { float: right; margin-left: 10px; width: 200px; }
.spe-left { float: left; margin-right: 10px; padding-bottom: 112px; width: 737px; background: url(../jpg/spe-right-bg.jpg) center bottom no-repeat; }

.right-menu { padding-top: 27px; width: 100%; background: #95746B url(../jpg/left-menu-top.jpg) top center no-repeat; }
.right-menu .cont { margin: 2px; padding: 2px; background: #DBB38F; }
.right-menu .cont li { margin: 4px auto; padding-right: 20px; width: 171px; height: 38px; line-height: 38px; text-align: center; background: url(../jpg/menu-beijing.jpg) center top no-repeat; }
.right-menu .cont li a { font-size: 19px; font-weight: bold; color: #733E02; }
.right-menu .cont li.beijing { background-image: url(../jpg/menu-beijing.jpg) }
.right-menu .cont li.xian { background-image: url(../jpg/menu-xian.jpg) }
.right-menu .cont li.nanjing { background-image: url(../jpg/menu-nanjing.jpg) }
.right-menu .cont li.luoyang { background-image: url(../jpg/menu-luoyang.jpg) }
.right-menu .cont li.tour { background-image: url(../jpg/menu-tour.jpg) }
.right-menu .cont li.tour a { font-size: 18px; color: #000 }
.right-menu .cont .spe-contact { padding: 0px 4px 4px 4px; }
.right-menu .cont .spe-contact p { font-size: 16px; }
.right-menu .bottom-bg { height: 27px; background: url(../jpg/left-menu-bottom.jpg) top center no-repeat; }


#intro { padding-top: 283px; width: 737px; background: #E3D4C2 url(../jpg/intro-bg.jpg) center top no-repeat; background-size: 100% auto; }
#intro p { padding: 8px 12px; padding-right: 10px; line-height: 20px; color: #993300; font-size: 18px; line-height: 24px; }

#main-content { padding: 12px 0; padding-bottom: 40px; width: 737px; background: #cab192; }
.mod { margin: 0 12px; padding: 12px; border: 1px solid #692E26; }
#city-box ul { padding: 8px 0; }
#city-box li { float: left; width: 50%; height: 220px; }
#city-box li h3 { margin-bottom: 8px; padding: 20px 0 0 32px; height: 40px; line-height: 24px; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; background: url(../jpg/city-tit-beijing.jpg) left top no-repeat; }
#city-box li h3 a { color: #000; }
#city-box li h3.beijing { background-image: url(../jpg/city-tit-beijing.jpg) }
#city-box li h3.xian { background-image: url(../jpg/city-tit-xian.jpg) }
#city-box li h3.nanjing { background-image: url(../jpg/city-tit-nanjing.jpg) }
#city-box li h3.luoyang { background-image: url(../jpg/city-tit-luoyang.jpg) }
#city-box li img { float: left; margin-top: 4px; width: 129px; height: 97px; }
#city-box li p { padding-left: 135px; padding-right: 8px; }

#hot-tour { margin: 30px 0; }
#hot-tour h2 { margin-bottom: 20px; text-align: center; line-height: 24px; color: #653C09; font-family: Georgia, "Times New Roman", Times, serif }
#hot-tour .cont { padding: 12px; }
#hot-tour .cont h3 { padding-bottom: 12px; line-height: 36px; }
#hot-tour .cont h3 a { font-size: 22px; color: #432F24; }
#hot-tour .cont h3 span { padding-left: 30px; color: #DC3C00; font-family: Georgia, "Times New Roman", Times, serif }
#hot-tour .cont h3 span em { font-size: 28px; font-weight: bold; }
#hot-tour .cont p { font-size: 18px; }
#hot-tour .cont p a { text-decoration: underline }
#hot-tour .cont > a { float: left; padding-right: 12px; width: 186px; height: 139px; }


.book-tour { float: right; margin-top: 15px; width: 118px; height: 25px; background: url(../jpg/booking.jpg) center center no-repeat; }

.main-bottom { margin: 20px 12px 0 12px; }
.main-bottom .col-about-us { float: left; padding: 20px; width: 386px; background: #dcbc93; }
.main-bottom .col-booking { float: right; }

.main-bottom .col-about-us h3 { padding-top: 15px; }
.main-bottom .col-about-us a { color: #900; text-decoration: underline; font-size: 18px; }
.main-bottom .col-about-us p { font-size: 18px; }

.city-main-bottom { margin: 20px 12px 0 12px; }
.city-main-bottom .col-tours { float: left; padding: 16px 22px; width: 433px; background: url(../jpg/city-col-tours-bg.jpg) center center no-repeat; overflow: hidden; }
.city-main-bottom .col-tours h3 { margin-top: 10px; font-size: 24px; color: #653C09; font-family: Georgia, "Times New Roman", Times, serif }
.city-main-bottom .col-tours h4 { margin-top: 15px; padding-top: 6px; padding-bottom: 4px; }
.city-main-bottom .col-tours h4 a { font-size: 19px; font-weight: bold; color: #432F24; }
.city-main-bottom .col-tours h4 span { padding-left: 8px; font-size: 12px; color: #DC3C00; }
.city-main-bottom .col-tours h4 span em { font-size: 18px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif }
.city-main-bottom .col-tours p { font-size: 18px; }

.city-main-bottom .col-other-cities { float: right; width: 218px; border: 1px solid #643517; overflow: hidden; }
.city-main-bottom .col-other-cities h2 { text-align: center; line-height: 24px; color: #692E26; font-size: 19px; border-bottom: 1px solid #643517; background-color: #BBA085; }
.city-main-bottom .col-other-cities li { padding-top: 10px; text-align: center; line-height: 24px; }
.city-main-bottom .col-other-cities img { display: block; margin: 0 auto; }
.city-main-bottom .col-other-cities a { color: #333; font-weight: bold; font-size: 19px; }

/* page */
#page-intro h1 { line-height: 36px; font-size: 30px; color: #692E26; font-weight: bold; }
#page-intro img { float: right; padding-left: 8px; }
#page-intro p { font-size: 19px; color: #692E26; }

.see-box { margin-top: 20px; padding: 12px 45px; }
.see-box h2 { line-height: 32px; font-size: 24px; text-align: center; color: #432F24; font-family: Trebuchet MS; font-weight: bold; }
.see-box ul { width: 300px; margin-top: -10px; }
.see-box ul.ul-left { float: left; }
.see-box ul.ul-right { float: right; }
.see-box li { float: left; margin-top: 25px; padding-bottom: 20px; width: 300px; background: #F2F2EA; }
.see-box li img { width: 100%; padding-bottom: 1px; }
.see-box li h3 { padding: 4px 12px; font-size: 19px; line-height: 24px; color: #740000; text-align: left; }
.see-box li p { padding: 0 12px; color: #666; font-size: 18px; }
.see-box li .detail { float: right; display: inline; margin-right: 12px; margin-top: 15px; width: 80px; height: 32px; line-height: 32px; color: #7A683D; font-size: 18px; text-align: center; background: #EAE5D1; border-bottom: solid 2px #D6CBA3; cursor: pointer; }

.end-info { padding: 30px; }
.end-info p { padding: 4px 0; line-height: 24px; font-size: 18px; }

#tour-right { padding-bottom: 20px; padding-left: 4px; background: none; }
#tour-right .main-bottom { margin: 20px 0px 0 0px; }
.tour-top { padding-bottom: 20px; }
.tour-top h1 { padding-bottom: 12px; font-size: 28px; line-height: 40px; text-align: center; }
.tour-top .tour-map { float: right; padding-left: 20px; }
.tour-top p { line-height: 24px; font-size: 18px; }

#tour-cont .tit { position: relative; width: 100%; border-bottom: solid 2px #63361F; }
#tour-cont .tit h2 { display: inline-block; margin-right: 8px; border: solid 1px #63361F; border-bottom: solid 2px #63361F; background: #DBB18B; cursor: pointer; }
#tour-cont .tit h2 span { display: block; padding: 5px 10px; font-weight: bold; font-size: 18px; line-height: 32px; color: #000; }
#tour-cont .tit li.on { padding-bottom: 1px; border-bottom-color: #fff; background: #fff; }

#tour-cont .cont { display: none; padding: 15px 0; }
#tour-cont #cont-summary { display: block; }
.summary-pic a { display: block; float: left; width: 25%; }
.summary-pic a img { display: block; margin: 0 5px; width: 100%; height: 120px; }
#cont-summary table { margin-top: 20px; width: 100%; border: solid 1px #999999; }
#cont-summary th, #cont-summary td { padding: 6px 4px; border: solid 1px #ccc; }
#cont-summary th { text-align: center; }
#cont-summary td { text-align: left; line-height: 24px; font-size: 18px; }
#cont-summary th.td-tit, #cont-summary td.td-tit { text-align: center; background: #F4F4F4; font-weight: bold; color: #545454; }
#cont-summary td a { color: #3F84C9; text-decoration: underline }


#tour-cont #cont-day { padding-top: 0; }
#tour-cont #cont-day dt { margin-top: 20px; }
#tour-cont #cont-day h3 { color: #545454; font-size: 21px; }
#tour-cont #cont-day dd img { float: right; display: inline; margin: 0px 0 5px 15px; }
#tour-cont #cont-day p { padding-top: 4px; font-size: 18px; color: #545454; line-height: 24px; }
#tour-cont #cont-day a { color: #3F84C9; text-decoration: underline }

#tour-cont .cont .table-price { width: 100%; font-size: 18px; }
#tour-cont .cont .table-price th, #tour-cont .cont .table-price td { padding: 4px; border: solid 1px #CCC; text-align: center; }
#tour-cont .cont .table-price td { color: #ff8053; font-size: 19px; font-weight: bold; }
#tour-cont .cont .table-price td.td0 { color: #666; font-size: 18px; font-weight: normal; }
#tour-cont .cont .table-price th { border-top: none; background: #9C9C9C; color: #fff; }
#tour-cont .cont .table-price th.border-left-none, #tour-cont .cont .table-price td.border-left-none { border-left: none; }
#tour-cont .cont .table-price td.td-tit { font-size: 18px; color: #333; }

#tour-cont .cont .price-note { margin-top: 20px; }
#tour-cont .cont .price-note h3 { }
#tour-cont .cont .price-note p { padding: 4px; color: #666; font-size: 18px; }
#tour-cont .cont .price-note ul { margin-top: 15px; }
#tour-cont .cont .price-note li { line-height: 24px; }
#tour-cont .cont .price-note li h4 { font-size: 18px; }
#tour-cont .cont .table-hotel { width: 100%; }
#tour-cont .cont .table-hotel th, #tour-cont .cont .table-hotel td { padding: 4px; border: solid 1px #CCC; text-align: center; }
#tour-cont .cont .table-hotel th { background: #9C9C9C; color: #fff; }
#tour-cont .cont .table-hotel a { color: #3F84C9; font-size: 18px; }

.tour-bottom-box { margin-top: 10px; padding-top: 5px; width: 100%; border-top: solid 1px #E7E7E7; }
.tour-bottom-box .col { padding-top: 8px; padding-bottom: 15px; width: 206px; }
.tour-bottom-box .col1, .tour-bottom-box .col2 { float: left; margin-right: 10px; padding-right: 10px; border-right: solid 1px #E7E7E7; }
.tour-bottom-box .col3 { float: right; }
.tour-bottom-box h2 { padding: 6px 0px; font-size: 14px; color: #000; }
.tour-bottom-box .col p { color: #545454; }
.tour-bottom-box .col li a { color: #666; text-decoration: underline }
a.spe-tour-but { float: right; margin-top: 15px; padding: 0px 4px; text-align: right; background: #FF8D61; color: #fff; }

@media (max-width: 768px) {
    .spe-right, .spe-left, .spe-main, #main-content, #intro { width: 100%; }
    #intro { padding-top: 150px; }
    .spe-top { padding: 0; }
    .spe-top img { margin: 0; margin-bottom: 10px; width: 100%; }
    .spe-table { box-sizing: border-box; overflow-x: auto; overflow-y: hidden; }
    #tour-cont .tit h2 { margin-right: 0; }
    #tour-cont .tit h2 span { padding: 0 2px; font-size: 12px; font-weight: normal; }
    .summary-pic a { width: 50%; }
    .main-bottom .col-about-us, .city-main-bottom .col-tours, .city-main-bottom .col-other-cities { width: 100%; }
    .main-bottom .col-booking { margin-top: 15px; width: 100%; text-align: center; }
    #city-box li { width: 100%; height: auto; }
    #hot-tour .cont > a { display: block; float: none; margin-bottom: 10px; }
    #page-intro img { float: none; padding-left: 0; width: 100%; }
}