.jcrop-holder, caption, th {
    text-align: left;
}

.page-line_detail .detail-top .button, .trans_3 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

html {
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    font-family: Microsoft Yahei,Arial,sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, iframe, menu, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

body, button, input, select, textarea {
    font: 14px/1.5 Microsoft Yahei,arial,\5b8b\4f53;
}

button {
    cursor: pointer;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

del {
    text-decoration: line-through;
}

.ui-btn-big:hover, .ui-btn-small:hover, .ui-btn:hover, a, ins {
    text-decoration: none;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 500;
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}

q:after, q:before {
    content: '';
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

i {
    font-style: normal;
}

.fn-clear {
    zoom: 1;
}

    .fn-clear:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.ui-btn, .ui-btn-small {
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    color: #fff;
}

body .fn-hide {
    display: none;
}

.fn-left, .fn-right {
    display: inline;
}

.ui-btn, .ui-btn .icon, .ui-btn-small, [class*=" icon"], [class^=icon] {
    display: inline-block;
}

.fn-left {
    float: left;
}

.fn-right {
    float: right;
}

.trans_3 {
    transition: all .3s ease-in-out;
}

.page-login .login-bg .login-box .right .btn.btn-sina:hover, .trans_5 {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.trans_5 {
    transition: all .5s ease-in-out;
}

.trans_10 {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.icon-activity_a0 {
    background-position: -399px -29px;
    width: 27px;
    height: 29px;
}

.icon-activity_a1 {
    background-position: -369px -299px;
    width: 28px;
    height: 28px;
}

.icon-activity_a2 {
    background-position: -399px -228px;
    width: 26px;
    height: 28px;
}

.icon-activity_a3 {
    background-position: -399px -200px;
    width: 26px;
    height: 28px;
}

.icon-activity_a5 {
    background-position: -399px 0;
    width: 27px;
    height: 29px;
}

.icon-activity_a6 {
    background-position: -31px -346px;
    width: 28px;
    height: 28px;
}

.icon-activity_a7 {
    background-position: -399px -144px;
    width: 26px;
    height: 28px;
}

.icon-activity_a8 {
    background-position: -399px -172px;
    width: 26px;
    height: 28px;
}

.icon-app {
    background-position: -447px -79px;
    width: 14px;
    height: 22px;
}

.icon-areaAgencies {
    background-position: 0 -405px;
    width: 22px;
    height: 20px;
}

.icon-areaAgenciesHover {
    background-position: -44px -405px;
    width: 22px;
    height: 20px;
}

.icon-areaGoods {
    background-position: -380px -375px;
    width: 21px;
    height: 17px;
}

.icon-areaGoodsHover {
    background-position: -401px -375px;
    width: 21px;
    height: 17px;
}

.icon-areaHome {
    background-position: -295px -425px;
    width: 20px;
    height: 16px;
}

.icon-areaHomeHover {
    background-position: -315px -425px;
    width: 20px;
    height: 16px;
}

.icon-areaHotels {
    background-position: -336px -375px;
    width: 22px;
    height: 17px;
}

.icon-areaHotelsHover {
    background-position: -314px -375px;
    width: 22px;
    height: 17px;
}

.icon-areaLine {
    background-position: -36px -446px;
    width: 18px;
    height: 17px;
}

.icon-areaLineHover {
    background-position: 0 -446px;
    width: 18px;
    height: 17px;
}

.icon-areaNavDown {
    background-position: -457px -345px;
    width: 7px;
    height: 7px;
}

.icon-areaPlay {
    background-position: -426px -173px;
    width: 21px;
    height: 20px;
}

.icon-areaPlayHover {
    background-position: -426px -193px;
    width: 21px;
    height: 20px;
}

.icon-areaPosition {
    background-position: -110px -346px;
    width: 25px;
    height: 25px;
}

.icon-areaPositionHover {
    background-position: -85px -346px;
    width: 25px;
    height: 25px;
}

.icon-areaRaiders {
    background-position: -447px -169px;
    width: 16px;
    height: 17px;
}

.icon-areaRaidersHover {
    background-position: -447px -186px;
    width: 16px;
    height: 17px;
}

.icon-areaReserve {
    background-position: -199px -425px;
    width: 20px;
    height: 17px;
}

.icon-areaReserveHover {
    background-position: -410px -405px;
    width: 20px;
    height: 17px;
}

.icon-areaShop {
    background-position: -368px -405px;
    width: 21px;
    height: 18px;
}

.icon-areaShopHover {
    background-position: -389px -405px;
    width: 21px;
    height: 18px;
}

.icon-areaTickets {
    background-position: -246px -375px;
    width: 24px;
    height: 17px;
}

.icon-areaTicketsHover {
    background-position: -222px -375px;
    width: 24px;
    height: 17px;
}

.icon-areaTraffic {
    background-position: -207px -130px;
    width: 22px;
    height: 17px;
}

.icon-areaTrafficHover {
    background-position: -292px -375px;
    width: 22px;
    height: 17px;
}

.icon-areaTravels {
    background-position: -219px -425px;
    width: 19px;
    height: 17px;
}

.icon-areaTravelsHover {
    background-position: -257px -425px;
    width: 19px;
    height: 17px;
}

.icon-areaViewpoint {
    background-position: -238px -425px;
    width: 19px;
    height: 17px;
}

.icon-areaViewpointHover {
    background-position: -276px -425px;
    width: 19px;
    height: 17px;
}

.icon-areaWeather {
    background-position: -179px -130px;
    width: 28px;
    height: 17px;
}

.icon-areaWeatherHover {
    background-position: -369px -327px;
    width: 28px;
    height: 17px;
}

.icon-arrowRight {
    background-position: -458px -297px;
    width: 5px;
    height: 9px;
}

.icon-bn-left, .icon-bn-leftCur, .icon-bn-right, .icon-bn-rightCur {
    width: 50px;
    height: 80px;
}

.icon-bn-left {
    background-position: -179px 0;
}

.icon-bn-leftCur {
    background-position: -229px 0;
}

.icon-bn-right {
    background-position: 0 -150px;
}

.icon-bn-rightCur {
    background-position: -50px -150px;
}

.icon-calendarMax {
    background-position: -100px -150px;
    width: 52px;
    height: 53px;
}

.icon-calendarMaxCur {
    background-position: -152px -150px;
    width: 52px;
    height: 53px;
}

.icon-cindex-a1 {
    background-position: -268px -405px;
    width: 20px;
    height: 20px;
}

.icon-cindex-a2 {
    background-position: -436px -62px;
    width: 10px;
    height: 10px;
}

.icon-cindex-q {
    background-position: -229px -80px;
    width: 45px;
    height: 70px;
}

.icon-cindex_xin {
    background-position: -447px -19px;
    width: 16px;
    height: 20px;
}

.icon-close {
    background-position: -426px -152px;
    width: 21px;
    height: 21px;
}

.icon-common_a {
    background-position: -399px -117px;
    width: 27px;
    height: 27px;
}

.icon-createTravelsTime {
    background-position: -426px -253px;
    width: 20px;
    height: 21px;
}

.icon-day-num {
    background-position: -279px -190px;
    width: 48px;
    height: 40px;
}

.icon-day-ring {
    background-position: -436px -72px;
    width: 10px;
    height: 10px;
}

.icon-day-ring1 {
    background-position: -436px -52px;
    width: 10px;
    height: 10px;
}

.icon-deg1, .icon-deg2, .icon-deg3, .icon-deg4, .icon-deg5 {
    width: 39px;
    height: 39px;
}

.icon-deg1 {
    background-position: -329px -158px;
}

.icon-deg2 {
    background-position: -329px -119px;
}

.icon-deg3 {
    background-position: -329px -80px;
}

.icon-deg4 {
    background-position: -329px -197px;
}

.icon-deg5 {
    background-position: -329px -236px;
}

.icon-deg_li {
    background-position: -436px -82px;
    width: 9px;
    height: 10px;
}

.icon-dot {
    background-position: -458px -306px;
    width: 5px;
    height: 5px;
}

.icon-edit, .icon-edit1 {
    width: 22px;
    height: 17px;
}

.icon-edit {
    background-position: -358px -375px;
}

.icon-edit1 {
    background-position: -270px -375px;
}

.icon-error {
    background-position: -447px -203px;
    width: 16px;
    height: 16px;
}

.icon-footerAbout {
    background-position: -204px -150px;
    width: 50px;
    height: 50px;
}

.icon-footerApp {
    background-position: -279px -50px;
    width: 50px;
    height: 50px;
}

.icon-footerFollow {
    background-position: -279px 0;
    width: 50px;
    height: 50px;
}

.icon-footerHelp {
    background-position: -179px -80px;
    width: 50px;
    height: 50px;
}

.icon-goods-title {
    background-position: 0 -100px;
    width: 131px;
    height: 50px;
}

.icon-headline {
    background-position: -399px -361px;
    width: 9px;
    height: 9px;
}

.icon-hotel-a1 {
    background-position: -426px -334px;
    width: 20px;
    height: 20px;
}

.icon-hotel-a2 {
    background-position: -128px -405px;
    width: 20px;
    height: 20px;
}

.icon-hotel-a3 {
    background-position: -348px -405px;
    width: 20px;
    height: 19px;
}

.icon-hotel-a4, .icon-hotel-a5, .icon-hotel-a6, .icon-hotel-a7 {
    height: 20px;
    width: 20px;
}

.icon-hotel-a4 {
    background-position: -426px -314px;
}

.icon-hotel-a5 {
    background-position: -426px -354px;
}

.icon-hotel-a6 {
    background-position: -426px -374px;
}

.icon-hotel-a7 {
    background-position: -88px -405px;
}

.icon-hotel-a8 {
    background-position: -328px -405px;
    width: 20px;
    height: 19px;
}

.icon-hotel-a9 {
    background-position: -308px -405px;
    width: 20px;
    height: 19px;
}

.icon-hotel-b1, .icon-hotel-b2, .icon-hotel-b3, .icon-hotel-b4, .icon-hotel-b5, .icon-hotel-b6, .icon-hotel-b7, .icon-hotel-b8 {
    width: 30px;
    height: 30px;
}

.icon-hotel-b1 {
    background-position: -331px -305px;
}

.icon-hotel-b2 {
    background-position: -301px -305px;
}

.icon-hotel-b3 {
    background-position: -271px -305px;
}

.icon-hotel-b4 {
    background-position: -292px -230px;
}

.icon-hotel-b5 {
    background-position: -369px -120px;
}

.icon-hotel-b6 {
    background-position: -241px -305px;
}

.icon-hotel-b7 {
    background-position: -369px -30px;
}

.icon-hotel-b8 {
    background-position: -369px -60px;
}

.icon-hotel-tip {
    background-position: -210px -305px;
    width: 31px;
    height: 32px;
}

.icon-jingdian-a0 {
    background-position: -34px -305px;
    width: 36px;
    height: 36px;
}

.icon-jingdian-a1 {
    background-position: -447px -39px;
    width: 16px;
    height: 20px;
}

.icon-jingdian-a11 {
    background-position: -447px -59px;
    width: 16px;
    height: 20px;
}

.icon-jingdian-a2 {
    background-position: -352px -346px;
    width: 22px;
    height: 21px;
}

.icon-jingdian-a22 {
    background-position: -132px -375px;
    width: 22px;
    height: 21px;
}

.icon-jingdian-a3 {
    background-position: -228px -405px;
    width: 20px;
    height: 20px;
}

.icon-jingdian-a33 {
    background-position: -208px -405px;
    width: 20px;
    height: 20px;
}

.icon-jingdian-a4 {
    background-position: -178px -375px;
    width: 22px;
    height: 19px;
}

.icon-jingdian-a44 {
    background-position: -200px -375px;
    width: 22px;
    height: 19px;
}

.icon-jingdian-a5 {
    background-position: -18px -446px;
    width: 18px;
    height: 17px;
}

.icon-jingdian-a55 {
    background-position: -54px -446px;
    width: 18px;
    height: 17px;
}

.icon-jingdian-a6 {
    background-position: -288px -405px;
    width: 20px;
    height: 20px;
}

.icon-jingdian-a66 {
    background-position: -108px -405px;
    width: 20px;
    height: 20px;
}

.icon-jingdian-a7 {
    background-position: -280px -346px;
    width: 24px;
    height: 21px;
}

.icon-jingdian-a77 {
    background-position: -304px -346px;
    width: 24px;
    height: 21px;
}

.icon-jingdian-a8 {
    background-position: -374px -346px;
    width: 22px;
    height: 21px;
}

.icon-jingdian-a88 {
    background-position: -110px -375px;
    width: 22px;
    height: 21px;
}

.icon-jingdian-b0 {
    background-position: -20px -375px;
    width: 23px;
    height: 26px;
}

.icon-jingdian-b1 {
    background-position: -399px -335px;
    width: 26px;
    height: 26px;
}

.icon-jingdian-b2 {
    background-position: -187px -203px;
    width: 27px;
    height: 23px;
}

.icon-jingdian-b3 {
    background-position: -214px -203px;
    width: 26px;
    height: 23px;
}

.icon-line-cart {
    background-position: -248px -405px;
    width: 20px;
    height: 20px;
}

.icon-line-colection {
    background-position: -447px -375px;
    width: 13px;
    height: 13px;
}

.icon-line-explain-a {
    background-position: -369px -211px;
    width: 29px;
    height: 29px;
}

.icon-line-explain-b {
    background-position: -426px 0;
    width: 21px;
    height: 27px;
}

.icon-line-explain {
    background-position: -399px -309px;
    width: 26px;
    height: 26px;
}

.icon-line-feature {
    background-position: -399px -256px;
    width: 26px;
    height: 27px;
}

.icon-line-introduce-a {
    background-position: -447px -250px;
    width: 14px;
    height: 17px;
}

.icon-line-introduce-b {
    background-position: -369px -240px;
    width: 29px;
    height: 29px;
}

.icon-line-introduce-c {
    background-position: 0 -346px;
    width: 31px;
    height: 29px;
}

.icon-line-introduce {
    background-position: -22px -405px;
    width: 22px;
    height: 20px;
}

.icon-line-jiao {
    background-position: -426px -394px;
    width: 15px;
    height: 8px;
}

.icon-line-notice {
    background-position: -399px -283px;
    width: 26px;
    height: 26px;
}

.icon-line-num {
    background-position: -447px -427px;
    width: 10px;
    height: 12px;
}

.icon-line-overview-a {
    background-position: 0 -305px;
    width: 34px;
    height: 41px;
}

.icon-line-overview {
    background-position: -254px -150px;
    width: 24px;
    height: 27px;
}

.icon-line-phone {
    background-position: -369px -269px;
    width: 28px;
    height: 30px;
}

.icon-line-price {
    background-position: -426px -294px;
    width: 20px;
    height: 20px;
}

.icon-line-tip1 {
    background-position: -152px -230px;
    width: 70px;
    height: 30px;
}

.icon-line-tip2 {
    background-position: -82px -230px;
    width: 70px;
    height: 30px;
}

.icon-line-tip3 {
    background-position: 0 -230px;
    width: 82px;
    height: 30px;
}

.icon-line-tip4 {
    background-position: -222px -230px;
    width: 70px;
    height: 30px;
}

.icon-line-title {
    background-position: 0 0;
    width: 179px;
    height: 50px;
}

.icon-line-view {
    background-position: -305px -260px;
    width: 24px;
    height: 26px;
}

.icon-listLike {
    background-position: -447px -135px;
    width: 17px;
    height: 17px;
}

.icon-login-code {
    background-position: -100px -203px;
    width: 31px;
    height: 25px;
}

.icon-login-peo {
    background-position: -43px -375px;
    width: 23px;
    height: 25px;
}

.icon-login-phone {
    background-position: 0 -375px;
    width: 20px;
    height: 30px;
}

.icon-login-pw {
    background-position: -426px -27px;
    width: 20px;
    height: 25px;
}

.icon-login-qq {
    background-position: 0 -425px;
    width: 19px;
    height: 21px;
}

.icon-login-sina {
    background-position: -154px -375px;
    width: 24px;
    height: 19px;
}

.icon-man {
    background-position: -447px -267px;
    width: 15px;
    height: 15px;
}

.icon-mapSearchInputDot {
    background-position: -426px -52px;
    width: 10px;
    height: 48px;
}

.icon-mapSearchSwitch {
    background-position: -447px -236px;
    width: 17px;
    height: 14px;
}

.icon-men {
    background-position: -447px -282px;
    width: 15px;
    height: 15px;
}

.icon-moreDown {
    background-position: -408px -370px;
    width: 9px;
    height: 5px;
}

.icon-moreUp {
    background-position: -399px -370px;
    width: 9px;
    height: 5px;
}

.icon-navDown {
    background-position: -417px -361px;
    width: 9px;
    height: 6px;
}

.icon-navDownHover {
    background-position: -447px -439px;
    width: 9px;
    height: 6px;
}

.icon-navUp {
    background-position: -436px -92px;
    width: 9px;
    height: 6px;
}

.icon-news-1, .icon-news-10, .icon-news-2, .icon-news-3, .icon-news-5, .icon-news-6, .icon-news-7, .icon-news-8, .icon-news-9 {
    width: 18px;
    height: 21px;
}

.icon-news-1 {
    background-position: -19px -425px;
}

.icon-news-10 {
    background-position: -37px -425px;
}

.icon-news-2 {
    background-position: -55px -425px;
}

.icon-news-3 {
    background-position: -73px -425px;
}

.icon-news-4 {
    background-position: -91px -425px;
    width: 18px;
    height: 21px;
}

.icon-news-5 {
    background-position: -109px -425px;
}

.icon-news-6 {
    background-position: -127px -425px;
}

.icon-news-7 {
    background-position: -145px -425px;
}

.icon-news-8 {
    background-position: -163px -425px;
}

.icon-news-9 {
    background-position: -181px -425px;
}

.icon-news-location {
    background-position: -447px -314px;
    width: 11px;
    height: 17px;
}

.icon-official-title {
    background-position: 0 -50px;
    width: 178px;
    height: 50px;
}

.icon-plugsMax {
    background-position: -66px -375px;
    width: 22px;
    height: 22px;
}

.icon-position {
    background-position: -447px -297px;
    width: 11px;
    height: 17px;
}

.icon-profileTitle {
    background-position: -447px 0;
    width: 17px;
    height: 19px;
}

.icon-progress-cur {
    background-position: -369px -90px;
    width: 30px;
    height: 30px;
}

.icon-progress-disabled {
    background-position: -369px -150px;
    width: 30px;
    height: 30px;
}

.icon-progress-pass {
    background-position: -369px 0;
    width: 30px;
    height: 30px;
}

.icon-search-min {
    background-position: -447px -101px;
    width: 17px;
    height: 17px;
}

.icon-search {
    background-position: -88px -375px;
    width: 22px;
    height: 22px;
}

.icon-selectedItem {
    background-position: -408px -361px;
    width: 9px;
    height: 9px;
}

.icon-shop-home {
    background-position: -328px -346px;
    width: 24px;
    height: 21px;
}

.icon-shop-other {
    background-position: -255px -346px;
    width: 25px;
    height: 21px;
}

.icon-spot-add {
    background-position: -168px -405px;
    width: 20px;
    height: 20px;
}

.icon-spot-addHover {
    background-position: -148px -405px;
    width: 20px;
    height: 20px;
}

.icon-spot-zan {
    background-position: -447px -152px;
    width: 17px;
    height: 17px;
}

.icon-star1 {
    background-position: -426px -233px;
    width: 21px;
    height: 20px;
}

.icon-star2 {
    background-position: -426px -213px;
    width: 21px;
    height: 20px;
}

.icon-time {
    background-position: -447px -118px;
    width: 17px;
    height: 17px;
}

.icon-title-a0 {
    background-position: -399px -58px;
    width: 24px;
    height: 32px;
}

.icon-title-a1 {
    background-position: -240px -203px;
    width: 26px;
    height: 23px;
}

.icon-title-a2 {
    background-position: -184px -346px;
    width: 24px;
    height: 24px;
}

.icon-title-a3 {
    background-position: -135px -346px;
    width: 25px;
    height: 24px;
}

.icon-title-a4 {
    background-position: -161px -203px;
    width: 26px;
    height: 24px;
}

.icon-title-a5 {
    background-position: -66px -405px;
    width: 22px;
    height: 20px;
}

.icon-title-a6 {
    background-position: -399px -90px;
    width: 27px;
    height: 27px;
}

.icon-tracel-colection {
    background-position: -59px -346px;
    width: 26px;
    height: 25px;
}

.icon-tracel-head-pc {
    background-position: -329px -40px;
    width: 40px;
    height: 40px;
}

.icon-tracel-head-pc2 {
    background-position: -225px -260px;
    width: 40px;
    height: 40px;
}

.icon-tracel-head-shop {
    background-position: -265px -260px;
    width: 40px;
    height: 40px;
}

.icon-tracel-head-shopping {
    background-position: -329px 0;
    width: 40px;
    height: 40px;
}

.icon-tracel-share {
    background-position: -254px -177px;
    width: 24px;
    height: 22px;
}

.icon-tracel-zan {
    background-position: -232px -346px;
    width: 23px;
    height: 24px;
}

.icon-traffic_a {
    background-position: -426px -100px;
    width: 18px;
    height: 26px;
}

.icon-traffic_b {
    background-position: -426px -126px;
    width: 18px;
    height: 26px;
}

.icon-traffic_bus {
    background-position: -131px -100px;
    width: 45px;
    height: 45px;
}

.icon-traffic_bus1 {
    background-position: -70px -305px;
    width: 35px;
    height: 35px;
}

.icon-traffic_busHover {
    background-position: -279px -145px;
    width: 45px;
    height: 45px;
}

.icon-traffic_plane {
    background-position: -279px -100px;
    width: 45px;
    height: 45px;
}

.icon-traffic_plane1 {
    background-position: -105px -305px;
    width: 35px;
    height: 35px;
}

.icon-traffic_planeHover {
    background-position: -45px -260px;
    width: 45px;
    height: 45px;
}

.icon-traffic_train {
    background-position: -90px -260px;
    width: 45px;
    height: 45px;
}

.icon-traffic_train1 {
    background-position: -140px -305px;
    width: 35px;
    height: 35px;
}

.icon-traffic_trainHover {
    background-position: -135px -260px;
    width: 45px;
    height: 45px;
}

.icon-traffic_wharf {
    background-position: -180px -260px;
    width: 45px;
    height: 45px;
}

.icon-traffic_wharf1 {
    background-position: -175px -305px;
    width: 35px;
    height: 35px;
}

.icon-traffic_wharfHover {
    background-position: 0 -260px;
    width: 45px;
    height: 45px;
}

.icon-travel-car {
    background-position: -329px -275px;
    width: 34px;
    height: 28px;
}

.icon-travel-tip {
    background-position: -447px -219px;
    width: 14px;
    height: 17px;
}

.icon-travelsDel {
    background-position: -447px -331px;
    width: 13px;
    height: 14px;
}

.icon-travelsDown {
    background-position: -447px -413px;
    width: 9px;
    height: 14px;
}

.icon-travelsItem {
    background-position: -208px -346px;
    width: 24px;
    height: 24px;
}

.icon-travelsItemHover {
    background-position: -160px -346px;
    width: 24px;
    height: 24px;
}

.icon-travelsMove {
    background-position: -447px -388px;
    width: 14px;
    height: 11px;
}

.icon-travelsUp {
    background-position: -447px -399px;
    width: 9px;
    height: 14px;
}

.icon-user_select {
    background-position: -447px -362px;
    width: 13px;
    height: 13px;
}

.icon-video {
    background-position: -426px -274px;
    width: 20px;
    height: 20px;
}

.icon-videoHover {
    background-position: -188px -405px;
    width: 20px;
    height: 20px;
}

.icon-weixin {
    background-position: -131px -203px;
    width: 30px;
    height: 24px;
}

.icon-women {
    background-position: -447px -345px;
    width: 10px;
    height: 17px;
}

[class*=" icon-"], [class^=icon-] {
    background-image: url(../img/sprite.png);
}

.icon-xin {
    background-position: -369px -180px;
    width: 29px;
    height: 31px;
}

.ui-btn {
    transition: background ease .3s;
    background: #3498db;
    border: 1px solid #3498db;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 15px;
}

    .ui-btn-big, .ui-btn-small, .ui-btn:hover {
        border: 1px solid #3498db;
    }

    .ui-btn:hover {
        background: #2280bf;
        color: #fff;
    }

    .ui-btn:active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
    }

.ui-btn-big:active, .ui-btn-small:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
}

.ui-btn .icon:first-child {
    padding: 0 3px 0 0;
}

.ui-btn .icon:last-child {
    padding: 0 0 0 3px;
}

.ui-btn-small {
    background: #3498db;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
}

.ui-btn-big, .ui-btn-largeBig {
    transition: background ease .3s;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
}

.ui-btn-small:hover {
    background: #2280bf;
    color: #fff;
    border: 1px solid #2280bf;
}

.ui-btn-small:active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
}

.ui-btn-small a {
    color: #888;
}

.ui-btn-small .icon {
    color: #3498db;
    margin: 0 3px 0 0;
}

.ui-form .ui-label em, .ui-select {
    margin-right: 5px;
    vertical-align: middle;
}

.ui-btn-small:hover .icon {
    color: #fff;
}

.ui-btn-big {
    background: #3498db;
    color: #fff;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 38px;
    line-height: 38px;
    width: 118px;
    font-size: 18px;
}

    .ui-btn-big:hover, .ui-btn-largeBig {
        border: 1px solid #3498db;
        color: #fff;
    }

    .ui-btn-big:hover {
        background: #2280bf;
    }

    .ui-btn-big:active {
        box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
    }

    .ui-btn-big a {
        color: #fff;
    }

.ui-btn-largeBig {
    background: #3498db;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 165px;
}

.ui-input, .ui-textarea {
    -webkit-transition: All .3s ease-in-out;
}

.ui-btn-largeBig:hover {
    background: #2280bf;
    color: #fff;
    border: 1px solid #3498db;
    text-decoration: none;
}

.mod-breadcrumb a:hover, .page-activity .tabList a:hover .text, .page-agencies .detail .top h2 a.fn-right:hover, .page-cindex_index .playWay .playWayUl1 .text a:hover, .page-index .news .left li a:hover .text, .page-login .mod-loginForm .forget:hover, .page-news_index .headline .left a:hover, .page-profile .profileRight .nothing a:hover, .page-travels_detail .content .linkcrumb a:hover, .page-travels_official .introduction .more:hover, .page-yuanxiao .customs li .text a:hover, .page-yuanxiao .news .right ul a:hover, [class*=" mod-orderList"] .item .nothing a.color:hover, [class^=mod-orderList] .item .nothing a.color:hover {
    text-decoration: underline;
}

.ui-btn-largeBig:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.1);
}

.ui-btn-largeBig a {
    color: #fff;
}

.ui-btn-cancel {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
}

    .ui-btn-cancel:hover {
        background: #fff;
        border: 1px solid #3498db;
        color: #3498db;
    }

.ui-btn-disable, .ui-btn-disable:hover {
    background: #b5b5b5 !important;
    border: 1px solid #b5b5b5 !important;
    color: #fff !important;
}

.ui-btn-disable {
    cursor: not-allowed !important;
}

.ui-btn-file, .ui-form .ui-labelBox .ui-label, .ui-form label .ui-label {
    cursor: pointer;
}

.ui-btn-blue {
    background: #3498db;
    border: 1px solid #3498db;
}

    .ui-btn-blue:hover {
        background: #2280bf;
        border: 1px solid #2280bf;
    }

.ui-btn-gray {
    background: #555;
    border: 1px solid #555;
    color: #fff;
}

    .ui-btn-gray:hover {
        background: #888;
        border: 1px solid #888;
        color: #fff;
    }

.ui-btn-red {
    background: #f60;
    border: 1px solid #f60;
    color: #fff;
}

    .ui-btn-red:hover {
        background: #f06204;
        border: 1px solid #f06204;
        color: #fff;
    }

.ui-btn-white {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
}

    .ui-btn-white:hover {
        background: #fff;
        border: 1px solid #3498db;
        color: #3498db;
    }

.ui-btn-yellow {
    background: #3498db;
    border: 1px solid #3498db;
}

    .ui-btn-yellow:hover {
        background: #2280bf;
        border: 1px solid #2280bf;
    }

.ui-btn-file {
    position: relative;
    overflow: hidden;
}

    .ui-btn-file input {
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        left: 0;
        top: 0;
        cursor: pointer;
    }

button[disabled], html input[disabled], html select[disabled] {
    background-color: #eee;
}

button, input, select, textarea {
    outline: 0;
}

textarea {
    resize: none;
}

.ui-form .ui-labelBox, .ui-form label {
    float: left;
    position: relative;
    min-width: 20px;
    min-height: 32px;
}

.ui-form .ui-label {
    display: block;
    height: 32px;
    line-height: 32px;
    float: left;
    text-align: right;
    color: #666;
    white-space: nowrap;
}

    .ui-form .ui-label em {
        color: #ef0a00;
    }

.ui-input, .ui-select, .ui-textarea {
    float: left;
    color: #666;
}

.ui-input {
    height: 14px;
    line-height: 14px;
    padding: 9px 10px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: All .3s ease-in-out;
}

    .ui-input:focus, .ui-input:hover {
        border-color: #0e77cc;
        -webkit-box-shadow: 0 0 3px #0e77cc;
        -moz-box-shadow: 0 0 3px #0e77cc;
        box-shadow: 0 0 3px #0e77cc;
    }

    .ui-input:-webkit-autofill {
        background: #fff;
    }

    .ui-input::-webkit-input-placeholder {
        line-height: normal;
    }

    .ui-input.ui-disable {
        background-color: #F4F4F4;
        cursor: not-allowed;
    }

.ui-input-disable {
    background: #f8f8f8;
    cursor: not-allowed;
}

.ui-input-date {
    background: url(../img/datePicker.gif) right center no-repeat #fff;
    cursor: default;
    font-size: 12px;
    padding-right: 27px;
    font-weight: 400 !important;
}

.ui-textarea {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: All .3s ease-in-out;
}

    .ui-textarea:focus, .ui-textarea:hover {
        border-color: #0e77cc;
        -webkit-box-shadow: 0 0 3px #0e77cc;
        -moz-box-shadow: 0 0 3px #0e77cc;
        box-shadow: 0 0 3px #0e77cc;
    }

.ui-textarea-disable {
    background: #f8f8f8;
    cursor: not-allowed;
}

.ui-select {
    height: 30px;
    line-height: 28px;
    padding: 0 0 0 10px;
    position: relative;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: All .3s ease-in-out;
    transition: All .3s ease-in-out;
}

    .ui-select:focus, .ui-select:hover {
        border-color: #0e77cc;
        -webkit-box-shadow: 0 0 3px #0e77cc;
        -moz-box-shadow: 0 0 3px #0e77cc;
        box-shadow: 0 0 3px #0e77cc;
    }

    .ui-select i {
        position: absolute;
        top: 13px;
        right: 8px;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid dashed dashed;
        border-color: #ccc transparent transparent;
    }

.ui-select-disable {
    background: #f8f8f8;
    cursor: not-allowed;
}

.ui-checkbox, .ui-radio {
    position: absolute;
    left: 0;
    top: 11px;
    width: 13px;
    height: 13px;
}

.ui-checkbox-label, .ui-radio-label {
    margin-left: 16px !important;
    text-align: left !important;
    width: auto !important;
}

.l-form-error {
    border: 1px solid #f40;
}

.ui-pagination .num.cur, .ui-pagination .text {
    background: #fafafa;
    border: 1px solid #ccc;
}

.ui-form-message {
    position: relative;
    height: 30px;
    line-height: 30px;
    margin: 0;
    color: #888;
    float: left;
}

.ui-floatCenter-item, .ui-pagination a, .ui-pagination span {
    margin: 0 5px;
    float: left;
}

.ui-form-message .icon {
    padding: 0 5px 0 0;
}

.ui-form-message .error {
    color: #ef0a00;
}

.ui-pagination {
    padding: 20px;
    zoom: 1;
}

    .ui-pagination:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .ui-pagination .ui-floatCenter {
        height: 32px;
    }

    .ui-pagination .num, .ui-pagination .num.cur, .ui-pagination .text {
        display: block;
        height: 16px;
        line-height: 16px;
        padding: 7px 11px;
    }

    .ui-pagination span {
        cursor: default;
    }

    .ui-pagination .next, .ui-pagination .prev {
        background: #fff;
    }

    .ui-pagination .prev {
        border-left: 1px solid #ccc;
    }

.ui-floatCenter {
    position: relative;
    overflow: hidden;
}

.ui-sl-floatCenter {
    float: left;
    position: relative;
    left: 50%;
}

.ui-floatCenter-item {
    position: relative;
    right: 50%;
}
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.4.0
 * @url https://github.com/feimosi/baguetteBox.js
 */

#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0,0,0,.8);
    transition: opacity .5s ease;
}

    #baguetteBox-overlay.visible {
        opacity: 1;
    }

    #baguetteBox-overlay .full-image {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
    }

        #baguetteBox-overlay .full-image figure {
            display: inline;
            margin: 0;
            height: 100%;
        }

        #baguetteBox-overlay .full-image img {
            display: inline-block;
            width: auto;
            height: auto;
            max-height: 100%;
            max-width: 100%;
            vertical-align: middle;
            -moz-box-shadow: 0 0 8px rgba(0,0,0,.6);
            box-shadow: 0 0 8px rgba(0,0,0,.6);
        }

        #baguetteBox-overlay .full-image figcaption {
            display: block;
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
            line-height: 1.8;
            color: #ccc;
            background-color: #000;
            background-color: rgba(0,0,0,.6);
            font-family: sans-serif;
        }

        #baguetteBox-overlay .full-image:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px;
        }

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    transition: left .4s ease,-webkit-transform .4s ease;
    transition: left .4s ease,-moz-transform .4s ease;
    transition: left .4s ease,transform .4s ease;
}

    #baguetteBox-slider.bounce-from-right {
        -webkit-animation: bounceFromRight .4s ease-out;
        animation: bounceFromRight .4s ease-out;
    }

    #baguetteBox-slider.bounce-from-left {
        -webkit-animation: bounceFromLeft .4s ease-out;
        animation: bounceFromLeft .4s ease-out;
    }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: 50%;
    margin-top: -30px;
    width: 44px;
    height: 60px;
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50,50,50,.5);
    color: #ddd;
    font: 1.6em sans-serif;
    transition: background-color .4s ease;
}

.jcrop-dragbar.ord2-e, .jcrop-handle.ord-e, .jcrop-handle.ord-ne, .jcrop-handle.ord-se {
    margin-right: -4px;
    right: 0;
}

.jcrop-dragbar.ord2-s, .jcrop-handle.ord-s, .jcrop-handle.ord-se, .jcrop-handle.ord-sw {
    margin-bottom: -4px;
    bottom: 0;
}

.baguetteBox-button:hover {
    background-color: rgba(50,50,50,.9);
}

.baguetteBox-button#next-button {
    right: 2%;
}

.baguetteBox-button#previous-button {
    left: 2%;
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(8%);
    width: 30px;
    height: 30px;
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0;
}

.spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
}

.jc-demo-box, .jcrop_w {
    width: 300px;
    height: 300px;
    overflow: hidden;
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}



.wrap {
    margin-left: 48px;
}

.wl {
    float: left;
    width: 300px;
}

.wr {
    float: left;
    margin-left: 26px;
    display: inline;
    color: #999;
    line-height: 24px;
}

.jc-demo-box {
    position: relative;
    background-color: #e7e7e7;
    border: 1px solid #c8c8c8;
}

.jcrop_w img {
    position: absolute;
}

.pre-1, .pre-2, .pre-3 {
    border: 1px solid #c8c8c8;
    padding: 2px;
}

.pre-1 {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.pre-2 {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-top: 13px;
}

.pre-3 {
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin-top: 13px;
}

.jcrop-holder {
    direction: ltr;
    -ms-touch-action: none;
}

.jcrop-hline, .jcrop-vline {
    font-size: 0;
    position: absolute;
}

.jcrop-dragbar, .jcrop-handle {
    font-size: 1px;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
}

    .jcrop-vline.right {
        right: 0;
    }

.jcrop-hline {
    height: 1px !important;
    width: 100%;
}

    .jcrop-hline.bottom {
        bottom: 0;
    }

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.jcrop-dragbar.ord2-n, .jcrop-dragbar.ord2-s {
    height: 7px;
    width: 100%;
}

.jcrop-dragbar.ord2-e, .jcrop-dragbar.ord2-w {
    height: 100%;
    width: 7px;
}

.jcrop-dragbar.ord2-n {
    margin-top: -4px;
    top: 0;
    left: 0;
}

.jcrop-dragbar.ord2-w {
    margin-left: -4px;
    top: 0;
    left: 0;
}

.jcrop-handle {
    background-color: #333;
    border: 1px solid #eee;
    width: 7px !important;
    height: 7px !important;
}

    .jcrop-handle.ord-n {
        left: 50%;
        margin-left: -4px;
        margin-top: -4px;
        top: 0;
    }

    .jcrop-handle.ord-s {
        left: 50%;
        margin-left: -4px;
    }

    .jcrop-handle.ord-e {
        margin-top: -4px;
        top: 50%;
    }

    .jcrop-handle.ord-w {
        left: 0;
        margin-left: -4px;
        margin-top: -4px;
        top: 50%;
    }

    .jcrop-handle.ord-nw {
        left: 0;
        margin-left: -4px;
        margin-top: -4px;
        top: 0;
    }

    .jcrop-handle.ord-ne {
        margin-top: -4px;
        top: 0;
    }

    .jcrop-handle.ord-sw {
        left: 0;
        margin-left: -4px;
    }

.jcrop-light .jcrop-hline, .jcrop-light .jcrop-vline {
    background: #fff;
    filter: alpha(opacity=70) !important;
    opacity: .7 !important;
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #fff;
    border-radius: 3px;
}

.jcrop-dark .jcrop-hline, .jcrop-dark .jcrop-vline {
    background: #000;
    filter: alpha(opacity=70) !important;
    opacity: .7 !important;
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border-color: #000;
    border-radius: 3px;
}

.solid-line .jcrop-hline, .solid-line .jcrop-vline {
    background: #fff;
}

.jcrop-holder img, img.jcrop-preview {
    max-width: none;
}

.l-ui {
    position: fixed;
}

    .l-ui tr {
        line-height: normal;
    }

.l-ui-lock {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 99998;
    opacity: .6;
}

.l-dialog-close, .l-pop-close {
    top: 15px;
    right: 15px;
    overflow: hidden;
}

.l-checkbox, .l-radio {
    display: block;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.l-checkbox {
    background: url(../images/l-checkbox.gif) no-repeat;
}

    .l-checkbox:hover {
        background-position: -13px 0;
    }

    .l-checkbox.l-checkbox-disabled {
        background-position: -39px 0;
    }

.l-checkbox-selected {
    background-position: 0 -13px;
}

    .l-checkbox-selected:hover {
        background-position: -13px -13px;
    }

    .l-checkbox-selected.l-checkbox-disabled {
        background-position: -39px -13px;
    }

.l-radio {
    background: url(../images/l-radio.gif) no-repeat;
}

    .l-radio:hover {
        background-position: -13px 0;
    }

    .l-radio.l-radio-disabled {
        background-position: -39px 0;
    }

.l-radio-selected {
    background-position: 0 -13px;
}

    .l-radio-selected:hover {
        background-position: -13px -13px;
    }

    .l-radio-selected.l-radio-disabled {
        background-position: -39px -13px;
    }

.l-dialog-table {
    width: auto;
}

    .l-dialog-table tr {
        border: 0;
    }

.l-dialog-border {
    opacity: .5;
    font-size: 0;
    padding: 0;
    border: 0;
}

.l-dialog-border-bottom, .l-dialog-border-top {
    height: 0;
}

.l-dialog-border-left, .l-dialog-border-right {
    width: 0;
}

.l-dialog-main {
    background: #fff;
    border: 3px solid #b2b2b2 !important;
    padding: 0 0 20px;
}

.l-dialog-close {
    position: absolute;
    cursor: pointer;
}

    .l-dialog-close i {
        font-size: 20px;
        color: #fff;
    }

.l-dialog-title {
    height: 50px;
    line-height: 50px;
    background: #f0f0f0;
    font-size: 14px;
    color: #333;
    cursor: move;
    padding: 0 10px;
}

.l-dialog-content {
    padding: 15px;
    position: relative;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center;
}

.l-dialog-icon {
    display: none;
}

.l-dialog-btnWrap {
    height: 41px;
    padding: 0 0 15px;
}

#l-dialog-iframe {
    border: 0;
}

.l-dialog-ok {
    background: #f60;
    border: 1px solid #f60;
}

    .l-dialog-ok:hover {
        background: #e15b02;
        border: 1px solid #e15b02;
    }

.l-dialog-no {
    background: #505050;
    border: 1px solid #505050;
}

    .l-dialog-no:hover {
        background: #403f3f;
        border: 1px solid #403f3f;
    }

.l-dialog-prompt {
    border: 1px solid #949494;
    background: #fff;
    padding: 15px 15px 15px 40px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.l-pop-table {
    width: auto;
}

.l-pop-border {
    height: 0;
    width: 0;
    background: 0 0;
}

.l-pop-table td, .l-pop-table tr {
    border: none;
    padding: 0;
}

.l-pop-main {
    background: #fff;
    border: 3px solid #b2b2b2 !important;
}

.l-pop-close {
    position: absolute;
    cursor: pointer;
}

    .l-pop-close i {
        font-size: 15px;
        color: #fff;
    }

.l-pop-title, .simple-tip-pop table {
    font-size: 16px;
}

.l-pop-title {
    height: 50px;
    line-height: 50px;
    background: #f0f0f0;
    color: #333;
    cursor: move;
    padding: 0 10px 0 20px;
}

.l-pop-content {
    margin: 15px;
    overflow: auto;
    position: relative;
}

.l-pop-contentIframe {
    margin: 0;
}

.l-pop-main .l-pop-btnWrap {
    padding: 0 0 20px;
}

#l-pop-iframe {
    border: 0;
}

.ui-floatCenter {
    height: 34px;
}

.l-scroll-wrap {
    height: 640px;
    width: 323px;
    overflow: hidden;
}

.l-scroll-contentWrap {
    float: left;
}

.l-scroll-btnWrap {
    width: 0;
    margin-left: 9px;
    float: left;
    border: 1px solid #eaeaea;
    position: relative;
}

.l-scroll-btn {
    width: 8px;
    height: 160px;
    background: #f9f9f9;
    border: 1px solid #d8d8d8;
    left: -5px;
    top: 1px;
    position: absolute;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.l-selectArea-selected {
    float: left;
}   

.l-selectArea-selectedItem {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    position: relative;
    padding: 0 16px 0 5px;
    border: 1px solid #3498db;
    background: #fff;
    margin: 0 5px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    color: #3498db;
}

    .l-selectArea-selectedItem:hover {
        border: 1px solid #2280bf;
        color: #fff;
        background: #2280bf;
    }

.tab_precom
{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    color: #666;
    float: left;
    width: 65px;
    margin-right: 10px;
    margin-top:5px;
    text-align: center;
    border: 1px solid #3498db;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}

.tab_precom:hover {
        border: 1px solid #2280bf;
    }
    
.check
{
    color: #fff;
    background: #2280bf;
    border: 1px solid #2280bf;
}

a, body {
    color: #333;
}

.l-selectArea-selectedItem span {
    position: absolute;
    top: 5px;
    right: 2px;
    display: block;
    height: 20px;
    width: 10px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
}

.l-selectAreaMain {
    border: 1px solid #ddd;
    padding: 10px;
    display: none;
    background: #fff;
}

.l-selectAreaWrap {
    border-bottom: 1px dashed #ddd;
    padding: 0 0 10px;
    zoom: 1;
}

    .l-selectAreaWrap:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.l-selectAreaHeader {
    zoom: 1;
}

    .l-selectAreaHeader:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .l-selectAreaHeader select {
        float: left;
        margin: 0 10px 0 0;
    }

    .l-selectAreaHeader .l-selectArea-search {
        float: right;
    }

    .l-selectAreaHeader .ui-input {
        margin: 0 10px 0 0;
    }

.l-selectArea-scenery {
    padding: 10px 0 0;
    zoom: 1;
}

    .l-selectArea-scenery:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.l-selectArea-sceneryHeader {
    font-weight: 700;
    zoom: 1;
}

    .l-selectArea-sceneryHeader:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.l-selectArea-sceneryMain {
    zoom: 1;
}

    .l-selectArea-sceneryMain:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .l-selectArea-sceneryMain label {
        margin: 5px 15px 0 0;
    }

.l-selectArea-nullText {
    text-align: center;
}

.l-selectArea-selectedWrap {
    zoom: 1;
}

    .l-selectArea-selectedWrap:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

body, html {
    height: 100%;
}

.l-selectArea-close {
    margin: 10px 0 0;
}

html {
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

body {
    font: 14px/1.5em Microsoft YaHei,\5fae\8f6f\96c5\9ed1,\5b8b\4f53,Arial;
    width: 100%;
    min-width: 1200px;
}

.mod-tab-detail .table .more em, .page-agencies .detail .top h2 a.fn-right i, .page-cindex_index .ltTitle .more i, .page-hotel_index .list .more em, .page-index .itTitle i, .page-index .news .title i, .page-jingdian_detail .ltRight .detail .more i, .page-jingdian_detail .ltRight .detail .right a i, .page-line_index .line-item .main ul span em, .page-member .myPlay .dayTitle .add i, .page-traffic_index .line .more i, .page-travels_index .title i, .page-travels_official .introduction .more i, [class*=" mod-jingdianBox"] .starBox a.assess i, [class*=" mod-products"] .title em, [class^=mod-jingdianBox] .starBox a.assess i, [class^=mod-products] .title em {
    font-family: sans-serif,serif;
}

input, select, table, textarea {
    font-size: 14px;
}

.lt-header .dropDown .chart, .lt-header .dropDown .list {
    font-size: 12px;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
}

input, select {
    vertical-align: middle;
}

fieldset, img {
    border: 0;
}

table {
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

button[disabled], html input[disabled] {
    cursor: default;
}

.col-yellow, a:hover {
    color: #f60;
}

.col-gray {
    color: #999;
}

.imgCenter {
    text-align: center;
}

.lt-header {
    border-bottom: 1px solid #f3f3f3;
}

    .lt-header .center {
        width: 1200px;
        margin: 0 auto;
    }

    .lt-header .j-dropDownBtn, .lt-header .j-dropDownList li {
        cursor: pointer;
    }

    .lt-header .dropDown {
        position: relative;
        z-index: 9;
    }

        .lt-header .dropDown .user {
            float: left;
            width: 26px;
            height: 26px;
            padding: 5px;
            text-align: center;
            background: #fff;
            margin: 0 10px 0 0;
            position: relative;
            -webkit-border-radius: 36px;
            border-radius: 36px;
        }

            .lt-header .dropDown .user img {
                position: absolute;
                top: 0;
                left: 0;
                height: 36px;
                width: 36px;
                -webkit-border-radius: 36px;
                border-radius: 36px;
            }

        .lt-header .dropDown .text {
            float: left;
            position: relative;
            height: 20px;
            line-height: 20px;
            padding: 8px 0;
        }

            .lt-header .dropDown .text .arrow {
                position: absolute;
                top: 16px;
                right: -15px;
                width: 0;
                height: 0;
                border-width: 5px;
                border-style: solid dashed dashed;
                border-color: #fff transparent transparent;
            }

            .lt-header .dropDown .text .userText {
                float: left;
                display: inline-block;
                max-width: 70px;
                height: 20px;
                overflow: hidden;
            }

        .lt-header .dropDown .list {
            display: none;
            width: 110px;
            position: absolute;
            top: 37px;
            left: 0;
            border: 1px solid #d3d4d4;
            background: #fff;
            z-index: 11;
            -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
            box-shadow: 0 0 20px rgba(0,0,0,.2);
        }

            .lt-header .dropDown .list .arrow {
                position: absolute;
                top: -12px;
                left: 49px;
                width: 0;
                height: 0;
                border-width: 6px;
                border-style: dashed dashed solid;
                border-color: transparent transparent #fff;
            }

            .lt-header .dropDown .list ul {
                background: #f5f5f5;
                margin: 5px;
            }

            .lt-header .dropDown .list li {
                height: 32px;
                line-height: 32px;
                border-bottom: 1px solid #e5e5e5;
                text-align: center;
                color: #666;
            }

                .lt-header .dropDown .list li a {
                    display: block;
                }

                .lt-header .dropDown .list li:hover {
                    background: #f60;
                    color: #fff;
                }

                    .lt-header .dropDown .list li:hover a {
                        color: #fff;
                    }

            .lt-header .dropDown .list .noborder {
                border: 0;
            }

        .lt-header .dropDown .chart {
            display: none;
            width: 330px;
            position: absolute;
            top: 33px;
            left: 0;
            border: 1px solid #d3d4d4;
            background: #fff;
            -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
            box-shadow: 0 0 20px rgba(0,0,0,.2);
        }

.lt-areaNav .subNav, .lt-footer .chart {
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
}

.lt-header .dropDown .chart .arrow {
    position: absolute;
    top: -12px;
    left: 49px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
}

.lt-header .dropDown .chart div {
    background: #f5f5f5;
    margin: 5px;
    padding: 5px 10px;
    color: #333;
}

.lt-header .dropDown .chart p {
    line-height: 30px;
}

.lt-header .dropDown .chart span {
    color: #f60;
}

.lt-header .dropDown .chart img {
    position: absolute;
    right: 10px;
    top: 10px;
}

.lt-header .dropDown .chart-right {
    left: auto;
    right: -30px;
}

    .lt-header .dropDown .chart-right .arrow {
        left: auto;
        right: 49px !important;
    }

.lt-header .dropDown-horizontal .list {
    width: 310px;
    left: -115px;
}

    .lt-header .dropDown-horizontal .list .arrow {
        left: 149px;
    }

    .lt-header .dropDown-horizontal .list ul {
        zoom: 1;
    }

        .lt-header .dropDown-horizontal .list ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .lt-header .dropDown-horizontal .list li {
        width: 60px;
        text-align: center;
        float: left;
    }

.lt-top {
    height: 50px;
    background: #323436;
    color: #b4b4b4;
    zoom: 1;
}

    .lt-top:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .lt-top .dropDown {
        z-index: 10;
    }

    .lt-top .left {
        float: left;
    }

    .lt-top .appWrap {
        margin: 13px 0;
    }

        .lt-top .appWrap li {
            float: left;
            height: 24px;
            line-height: 24px;
            margin: 0 10px 0 0;
        }

        .lt-top .appWrap i {
            float: left;
            margin: 0 5px 0 0;
        }

            .lt-top .appWrap i.icon-app {
                margin-top: 1px;
            }

        .lt-top .appWrap .line {
            display: inline-block;
            height: 20px;
            border-right: 1px solid #3f4244;
            margin: 2px 0;
        }

            .lt-top .appWrap .line span {
                display: inline-block;
                height: 20px;
                border-right: 1px solid #27282a;
            }

    .lt-top .logo {
        float: left;
        margin-top: 5px;
    }

    .lt-top .nav {
        float: left;
        margin: 15px 0 0 36px;
        font-size: 14px;
        position: relative;
    }

        .lt-top .nav .item {
            float: left;
            margin: 0 20px 0 0;
        }

        .lt-top .nav .link {
            float: left;
            position: relative;
            padding: 0 8px 0 0;
            color: #fff;
        }

        .lt-top .nav .icon-navDown {
            position: absolute;
            top: 10px;
            right: -8px;
        }

    .lt-top .right {
        float: right;
        padding: 7px 0;
        display: inline;
        min-width: 492px;
    }

        .lt-top .right .dropDown {
            float: right;
            padding: 0 15px 0 10px;
        }

        .lt-top .right .top-a {
            display: inline-block;
            float: right;
            color: #b4b4b4;
            line-height: 20px;
            border-right: 1px solid #3e4244;
            margin: 8px 0 0;
        }

            .lt-top .right .top-a span {
                display: inline-block;
                padding: 0 10px;
                border-right: 1px solid #26282a;
                font-size: 12px;
            }

        .lt-top .right .text {
            font-size: 12px;
        }

    .lt-top .search {
        float: right;
        border: 1px solid #cfcfcf;
        position: relative;
        z-index: 20;
        font-size: 14px;
        background: #fff;
        margin: 3px 10px 0 0;
    }

        .lt-top .search .limit {
            float: left;
            border-right: 1px solid #cfcfcf;
            padding: 3px 0 4px 5px;
            position: relative;
        }

        .lt-top .search .text {
            position: relative;
            padding: 0 20px 0 0;
        }

            .lt-top .search .text .arrow {
                position: absolute;
                top: 8px;
                right: 5px;
                width: 0;
                height: 0;
                border-width: 5px;
                border-style: solid dashed dashed;
                border-color: #b4b4b4 transparent transparent;
            }

        .lt-top .search .list {
            position: absolute;
            top: 28px;
            left: -1px;
            display: none;
            width: 87px;
            background: #fff;
            border: 1px solid #cfcfcf;
        }

        .lt-top .search li a {
            display: block;
            height: 28px;
            line-height: 28px;
            padding: 0 5px;
        }

            .lt-top .search li a:hover {
                background: #f60;
                color: #fff;
            }

        .lt-top .search .input {
            float: left;
            position: relative;
        }

            .lt-top .search .input .list {
                width: 153px;
            }

            .lt-top .search .input li a:hover {
                background: #fff;
                color: #f60;
            }

        .lt-top .search input {
            width: 113px;
            padding: 4px 30px 3px 10px;
            background: #fff;
            border: 0;
        }

.lt-areaNav, .lt-areaNav .header, .lt-nav {
    border-bottom: 1px solid #eee;
}

.lt-top .search .icon-search-min {
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
}

.lt-top .btn {
    display: inline-block;
    float: right;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 3px 0;
}

    .lt-top .btn:hover {
        color: #fff;
    }

.lt-top .login {
    background: #505050;
    color: #cfcfcf;
}

.lt-top .register {
    background: #008ad6;
    color: #fff;
}

.lt-nav {
    background: #f7f8f8;
    height: 98px;
    zoom: 1;
}

    .lt-nav .item.cur .link .icon-navDown, .lt-nav .link:hover .icon-navDown {
        background-position: -447px -439px;
    }

    .lt-nav:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .lt-nav .logo {
        float: left;
        margin: 13px 0 0;
    }

    .lt-nav .nav {
        float: left;
        margin: 37px 0 0 46px;
        font-size: 16px;
    }

    .lt-nav .item {
        float: left;
        margin: 0 26px 0 0;
        position: relative;
    }

        .lt-nav .item.cur .link {
            color: #f60;
        }

    .lt-nav .link {
        float: left;
        position: relative;
        padding: 0 8px 0 0;
    }

    .lt-nav .icon-navDown {
        position: absolute;
        top: 10px;
        right: -8px;
    }

.lt-areaNav .header {
    zoom: 1;
}

    .lt-areaNav .header:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.lt-areaNav .left {
    float: left;
}

.lt-areaNav .area {
    color: #008ad6;
    font-size: 36px;
    line-height: 36px;
    margin: 26px 0;
    float: left;
}

.lt-areaNav .pingyin {
    font-size: 26px;
    line-height: 26px;
    padding: 0 0 10px;
}

.lt-areaNav .position {
    float: left;
    margin: 70px 0 0 -10px;
    height: 25px;
    line-height: 25px;
}

.lt-areaNav .icon-areaPosition {
    float: left;
    margin: 0 5px 0 0;
}

    .lt-areaNav .icon-areaPosition.cur {
        background-position: -85px -346px;
    }

.lt-areaNav .right {
    float: right;
}

    .lt-areaNav .right ul {
        margin: 13px 0 0;
        zoom: 1;
    }

        .lt-areaNav .right ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .lt-areaNav .right li {
        float: left;
        height: 24px;
        line-height: 24px;
        margin: 0 0 0 10px;
    }

        .lt-areaNav .right li.on a {
            display: inline-block;
            padding: 0 0 0 10px;
            font-weight: 600;
            color: #f60;
            border-left: 1px solid #e2e2e2;
            height: 20px;
            line-height: 20px;
        }

    .lt-areaNav .right i {
        float: left;
        margin: 0 5px 0 0;
    }

        .lt-areaNav .right i.icon-app {
            margin-top: 1px;
        }

    .lt-areaNav .right .line {
        display: inline-block;
        height: 20px;
        border-right: 1px solid #3f4244;
        margin: 2px 0;
    }

        .lt-areaNav .right .line span {
            display: inline-block;
            height: 20px;
            border-right: 1px solid #27282a;
        }

    .lt-areaNav .right .weather {
        float: right;
        padding: 5px 0 0;
    }

        .lt-areaNav .right .weather .item {
            height: 40px;
            line-height: 40px;
            position: relative;
        }

        .lt-areaNav .right .weather img {
            position: absolute;
            top: 4px;
            left: -35px;
        }

.lt-areaNav .nav .item, .lt-areaNav .nav .link {
    position: relative;
    float: left;
}

.lt-areaNav .right .weather .today {
    color: #666;
}

.lt-areaNav .right .weather .tomorrow {
    color: #999;
}

.lt-areaNav .nav .cur .link, .lt-areaNav .nav .item .cur, .lt-areaNav .nav .link:hover {
    color: #f60;
}

.lt-areaNav .nav {
    font-size: 18px;
    width: 100%;
    border-top: 1px solid #fafafa;
    padding: 20px 0;
    zoom: 1;
}

    .lt-areaNav .nav:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .lt-areaNav .nav .line {
        float: left;
        height: 22px;
        width: 1px;
        background: #e2e2e2;
        margin: 0 25px;
    }

    .lt-areaNav .nav .item:hover .subNav {
        display: block;
    }

    .lt-areaNav .nav .item .cur .icon-areaHome {
        background-position: -315px -425px;
    }

    .lt-areaNav .nav .item .cur .icon-areaViewpoint {
        background-position: -276px -425px;
    }

    .lt-areaNav .nav .item .cur .icon-areaRaiders {
        background-position: -447px -186px;
    }

    .lt-areaNav .nav .item .cur .icon-areaTravels {
        background-position: -257px -425px;
    }

    .lt-areaNav .nav .item .cur .icon-areaPlay {
        background-position: -426px -193px;
    }

    .lt-areaNav .nav .item .cur .icon-areaTraffic {
        background-position: -292px -375px;
    }

    .lt-areaNav .nav .item .cur .icon-areaReserve {
        background-position: -410px -405px;
    }

    .lt-areaNav .nav .item .cur .icon-areaWeather {
        background-position: -369px -327px;
    }

    .lt-areaNav .nav .link {
        padding: 0 8px 0 25px;
    }

        .lt-areaNav .nav .link [class^=icon-area] {
            margin: 0 5px 0 0;
            position: absolute;
            left: 0;
        }

        .lt-areaNav .nav .link .icon-areaHome, .lt-areaNav .nav .link .icon-areaViewpoint {
            top: 2px;
        }

        .lt-areaNav .nav .link .icon-areaRaiders, .lt-areaNav .nav .link .icon-areaTravels {
            top: 3px;
        }

        .lt-areaNav .nav .link .icon-areaPlay {
            top: 1px;
        }

        .lt-areaNav .nav .link .icon-areaReserve, .lt-areaNav .nav .link .icon-areaTraffic {
            top: 3px;
        }

        .lt-areaNav .nav .link .icon-areaWeather {
            top: 1px;
            left: -8px;
        }

        .lt-areaNav .nav .link .icon-areaNavDown {
            top: 10px;
            left: auto;
            right: -8px;
        }

        .lt-areaNav .nav .link:hover .icon-areaHome {
            background-position: -315px -425px;
        }

        .lt-areaNav .nav .link:hover .icon-areaViewpoint {
            background-position: -276px -425px;
        }

        .lt-areaNav .nav .link:hover .icon-areaRaiders {
            background-position: -447px -186px;
        }

        .lt-areaNav .nav .link:hover .icon-areaTravels {
            background-position: -257px -425px;
        }

        .lt-areaNav .nav .link:hover .icon-areaPlay {
            background-position: -426px -193px;
        }

        .lt-areaNav .nav .link:hover .icon-areaTraffic {
            background-position: -292px -375px;
        }

        .lt-areaNav .nav .link:hover .icon-areaReserve {
            background-position: -410px -405px;
        }

        .lt-areaNav .nav .link:hover .icon-areaWeather {
            background-position: -369px -327px;
        }

    .lt-areaNav .nav .cur .link .icon-areaHome {
        background-position: -315px -425px;
    }

    .lt-areaNav .nav .cur .link .icon-areaViewpoint {
        background-position: -276px -425px;
    }

    .lt-areaNav .nav .cur .link .icon-areaRaiders {
        background-position: -447px -186px;
    }

    .lt-areaNav .nav .cur .link .icon-areaTravels {
        background-position: -257px -425px;
    }

    .lt-areaNav .nav .cur .link .icon-areaPlay {
        background-position: -426px -193px;
    }

    .lt-areaNav .nav .cur .link .icon-areaTraffic {
        background-position: -292px -375px;
    }

    .lt-areaNav .nav .cur .link .icon-areaReserve {
        background-position: -410px -405px;
    }

    .lt-areaNav .nav .cur .link .icon-areaWeather {
        background-position: -369px -327px;
    }

.lt-areaNav .subNav {
    display: none;
    width: 120px;
    position: absolute;
    top: -25px;
    left: -26px;
    z-index: 99;
    background: #fff;
    border: 1px solid #d3d4d4;
    padding: 24px 10px 20px 25px;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
    box-shadow: 0 0 20px rgba(0,0,0,.2);
}

.lt-areaNav dt {
    zoom: 1;
}

    .lt-areaNav dt:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.lt-areaNav .subItem {
    padding: 15px 0 0 5px;
    zoom: 1;
}

    .lt-areaNav .subItem:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .lt-areaNav .subItem a {
        float: left;
        position: relative;
        padding: 0 8px 0 25px;
        font-size: 14px;
        color: #999;
    }

        .lt-areaNav .subItem a [class^=icon-area] {
            margin: 0 5px 0 0;
            position: absolute;
            left: -3px;
            top: 2px;
        }

        .lt-areaNav .subItem a:hover {
            color: #f60;
        }

            .lt-areaNav .subItem a:hover .icon-areaGoods {
                background-position: -401px -375px;
            }

            .lt-areaNav .subItem a:hover .icon-areaShop {
                background-position: -389px -405px;
            }

            .lt-areaNav .subItem a:hover .icon-areaTickets {
                background-position: -222px -375px;
            }

            .lt-areaNav .subItem a:hover .icon-areaHotels {
                background-position: -314px -375px;
            }

            .lt-areaNav .subItem a:hover .icon-areaLine {
                background-position: 0 -446px;
            }

            .lt-areaNav .subItem a:hover .icon-areaAgencies {
                background-position: -44px -405px;
            }

.lt-main {
    width: 1000px;
    margin: 20px auto 40px;
    min-height: 500px;
    zoom: 1;
}

    .lt-main:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.lt-left {
    float: left;
    width: 910px;
}

.lt-right {
    float: right;
    width: 262px;
}

.lt-memberLeft {
    float: left;
    width: 170px;
}

.lt-memberRight {
    float: right;
    width: 1010px;
}

.lt-footer {
    background: #323436;
    zoom: 1;
}

    .lt-footer:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .lt-footer .center {
        width: 1200px;
        margin: 0 auto;
    }

    .lt-footer .top {
        border-bottom: 1px solid #2c2d2e;
        color: #c2c2c2;
        padding: 0 0 20px;
        font-size: 12px;
        zoom: 1;
    }

        .lt-footer .top:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .lt-footer .top a {
            color: #c2c2c2;
        }

        .lt-footer .top dl {
            width: 230px;
            float: left;
            margin: 20px 0 0;
        }

            .lt-footer .top dl.on {
                width: 210px;
            }

        .lt-footer .top dt {
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            margin: 0 0 23px;
        }

        .lt-footer .top i {
            float: left;
            margin: 0 10px 0 0;
        }

        .lt-footer .top dd {
            margin: 0 0 5px 62px;
        }

            .lt-footer .top dd.last {
                margin-left: 0;
            }

        .lt-footer .top .copyRight {
            float: right;
            padding: 95px 0 0;
            font-size: 14px;
            background: url(../img/b-logo.png) 155px 35px no-repeat;
        }

            .lt-footer .top .copyRight p {
                margin: 0 0 5px;
                color: #999;
            }

    .lt-footer .bottom {
        border-top: 1px solid #3b3d3f;
        color: #999;
        padding: 18px 0 0;
        font-size: 12px;
    }

        .lt-footer .bottom a {
            color: #999;
            margin: 0 10px 0 0;
        }

        .lt-footer .bottom p {
            padding: 0 0 10px;
        }

    .lt-footer .chartWrap {
        position: relative;
    }

    .lt-footer .chart {
        display: none;
        width: 330px;
        position: absolute;
        top: 33px;
        left: 0;
        border: 1px solid #d3d4d4;
        background: #fff;
        font-size: 12px;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
        box-shadow: 0 0 20px rgba(0,0,0,.2);
    }

        .lt-footer .chart .arrow {
            position: absolute;
            top: -12px;
            left: 49px;
            width: 0;
            height: 0;
            border-width: 6px;
            border-style: dashed dashed solid;
            border-color: transparent transparent #fff;
        }

        .lt-footer .chart div {
            background: #f5f5f5;
            margin: 5px;
            padding: 5px 10px;
            color: #333;
        }

        .lt-footer .chart p {
            line-height: 30px;
            color: #333;
        }

        .lt-footer .chart span {
            color: #f60;
        }

        .lt-footer .chart img {
            position: absolute;
            right: 10px;
            top: 10px;
        }

[class*=" mod"] [class*=" mod"]:before, [class^=mod] [class^=mod]:before {
    display: block;
    content: '模块可以继承，但禁止相互嵌套，请遵循 CSS Mod 规范';
    color: red;
    background: #ff0;
}

[class*=" mod-sidebar"], [class^=mod-sidebar] {
    margin: 0 0 20px;
}

    [class*=" mod-sidebar"] .title, [class^=mod-sidebar] .title {
        height: 20px;
        line-height: 20px;
        font-size: 20px;
        border-left: 5px solid #008ad6;
        margin: 0 0 10px;
        padding: 0 0 0 8px;
    }

    [class*=" mod-sidebar"] .imgList, [class^=mod-sidebar] .imgList {
        padding: 10px 0 0;
        zoom: 1;
    }

        [class*=" mod-sidebar"] .imgList:after, [class^=mod-sidebar] .imgList:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        [class*=" mod-sidebar"] .imgList li, [class^=mod-sidebar] .imgList li {
            float: left;
            border: 1px solid #ddd;
            margin: 0 0 20px;
        }

            [class*=" mod-sidebar"] .imgList li img, [class^=mod-sidebar] .imgList li img {
                vertical-align: top;
            }

            [class*=" mod-sidebar"] .imgList li .text, [class^=mod-sidebar] .imgList li .text {
                display: inline-block;
                overflow: hidden;
                height: 38px;
                line-height: 38px;
                width: 94%;
                padding: 0 3%;
                text-align: center;
                font-size: 16px;
            }

                [class*=" mod-sidebar"] .imgList li .text .link, [class^=mod-sidebar] .imgList li .text .link {
                    display: inline-block;
                    width: 170px;
                    text-align: left;
                }

                [class*=" mod-sidebar"] .imgList li .text .zan, [class^=mod-sidebar] .imgList li .text .zan {
                    height: 24px;
                    line-height: 24px;
                    font-size: 12px;
                    color: #999;
                    padding: 0 10px;
                    border: 1px solid #d9d9d9;
                    float: right;
                    margin: 6px 0 0;
                    -webkit-border-radius: 3px;
                    border-radius: 3px;
                }

                    [class*=" mod-sidebar"] .imgList li .text .zan i, [class^=mod-sidebar] .imgList li .text .zan i {
                        vertical-align: middle;
                        margin: 3px 0 0 6px;
                        float: right;
                    }

.mod-sidebar-ranking li {
    line-height: 34px;
}

.mod-sidebar-ranking i {
    margin: 4px 8px 0 0;
    float: left;
}

.mod-sidebar-ranking a {
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    overflow: hidden;
    text-align: left;
    width: 225px;
}

.mod-sidebar-product li {
    float: left;
    border: 1px solid #ddd;
    margin: 0 0 20px;
}

.mod-sidebar-product .img {
    overflow: hidden;
    height: 175px;
    width: 260px;
    position: relative;
}

.mod-sidebar-product img {
    float: left;
}

.mod-sidebar-product .description {
    overflow: hidden;
    width: 94%;
    height: 40px;
    line-height: 18px;
    padding: 7px 3% 3px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: justify;
}

    .mod-sidebar-product .description a {
        color: #fff;
    }

.mod-sidebar-product .black-bg {
    overflow: hidden;
    width: 100%;
    height: 40px;
    padding: 5px 0;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    filter: alpha(opacity=50);
    opacity: .5;
}

.mod-sidebar-product .text {
    overflow: hidden;
}

    .mod-sidebar-product .text span {
        color: #f60;
        float: left;
    }

    .mod-sidebar-product .text em {
        font-style: normal;
        font-size: 20px;
    }

    .mod-sidebar-product .text a {
        float: right;
        color: #333;
        font-size: 16px;
    }

        .mod-sidebar-product .text a:hover {
            color: #f60;
        }

.mod-sidebar-hot ul {
    margin-right: -20px;
    zoom: 1;
}

    .mod-sidebar-hot ul:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.mod-sidebar-hot li {
    margin: 0 20px 0 0;
    float: left;
    border: none;
}

    .mod-sidebar-hot li .img {
        width: 290px;
        height: 190px;
    }

    .mod-sidebar-hot li .black-bg, .mod-sidebar-hot li .description {
        height: 20px;
        line-height: 20px;
    }

    .mod-sidebar-hot li .text {
        line-height: 38px;
        width: 94%;
        padding: 0 3%;
        border: 1px solid #ddd;
        border-top: none;
    }

.mod-sidebar-service .box .sideTitle, .mod-sidebar-service .header {
    font-size: 18px;
    line-height: 60px;
}

.mod-sidebar-service {
    border: 1px solid #ddd;
    width: 260px;
}

    .mod-sidebar-service .header {
        height: 60px;
        color: #fff;
        text-indent: 20px;
        background: #008ad6;
    }

    .mod-sidebar-service .box {
        overflow: hidden;
        text-align: center;
        padding: 10px 20px 20px;
    }

        .mod-sidebar-service .box p {
            font-size: 12px;
        }

        .mod-sidebar-service .box .sideBtn {
            display: inline-block;
            width: 170px;
            height: 40px;
            line-height: 40px;
            margin: 10px auto;
            color: #fff;
            font-size: 16px;
            background: #fe676b;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

        .mod-sidebar-service .box i {
            float: left;
            margin: 5px 7px 0 8px;
        }

.mod-sidebar-note {
    zoom: 1;
}

    .mod-sidebar-note:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .mod-sidebar-note ul {
        margin-top: 20px;
    }

    .mod-sidebar-note li {
        margin: 0 0 20px;
        position: relative;
    }

    .mod-sidebar-note .img {
        overflow: hidden;
        width: 60px;
        height: 60px;
        float: left;
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        -webkit-border-radius: 60px;
        border-radius: 60px;
    }

    .mod-sidebar-note .text {
        overflow: hidden;
        height: 40px;
        padding: 10px 10px 10px 40px;
        border-left: 30px solid #fff;
        background: #f5f5f5;
    }

        .mod-sidebar-note .text div {
            font-size: 12px;
            line-height: 24px;
        }

        .mod-sidebar-note .text em {
            color: #f60;
        }

        .mod-sidebar-note .text span {
            float: right;
            color: #999;
        }

        .mod-sidebar-note .text i {
            vertical-align: middle;
            margin-right: 5px;
        }

        .mod-sidebar-note .text a {
            color: #666;
        }

            .mod-sidebar-note .text a:hover {
                color: #f60;
            }

.mod-sidebar-spot .content {
    padding: 10px 9px;
    border: 1px solid #ddd;
    zoom: 1;
}

    .mod-sidebar-spot .content:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.mod-sidebar-spot li {
    overflow: hidden;
    width: 99px;
    float: left;
    margin: 0 0 5px;
    padding: 10px 10px 0;
}

    .mod-sidebar-spot li p {
        height: 28px;
        line-height: 28px;
        text-align: center;
    }

    .mod-sidebar-spot li a {
        color: #666;
    }

        .mod-sidebar-spot li a:hover {
            color: #f60;
        }

    .mod-sidebar-spot li:hover {
        background: #f5f5f5;
    }

.mod-sidebar-list {
    margin-bottom: 40px;
}

    .mod-sidebar-list .content {
        padding: 10px 15px;
        border: 1px solid #ddd;
    }

    .mod-sidebar-list a {
        display: block;
        width: 100%;
        line-height: 28px;
        font-size: 16px;
    }

[class*=" mod-tab"] .tab, [class^=mod-tab] .tab {
    background: #f3f3f3;
    padding: 0 1px;
    font-size: 18px;
    zoom: 1;
}

    [class*=" mod-tab"] .tab:after, [class^=mod-tab] .tab:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    [class*=" mod-tab"] .tab li, [class^=mod-tab] .tab li {
        float: left;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
    }

    [class*=" mod-tab"] .tab .cur, [class^=mod-tab] .tab .cur {
        border-top: 4px solid #f60;
        height: 56px;
        line-height: 56px;
        background: #fff;
    }

    [class*=" mod-tab"] .tab a, [class*=" mod-tab"] .tab span, [class^=mod-tab] .tab a, [class^=mod-tab] .tab span {
        display: inline-block;
        padding: 0 30px;
        height: 60px;
        line-height: 60px;
        cursor: pointer;
    }

.mod-tab-detail .tab {
    height: 60px;
    width: 908px;
    color: #333;
    background: #f3f3f3;
}

    .mod-tab-detail .tab .cur {
        border-top: 2px solid #f60;
        color: #f60;
        height: 58px;
        line-height: 58px;
    }

.mod-tab-detail .tab-box {
    border: 1px solid #ddd;
    border-top: none;
    color: #666;
    padding: 40px 0 0;
}

.mod-tab-detail .tab-item {
    zoom: 1;
}

    .mod-tab-detail .tab-item:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.mod-tab-detail .title {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}

    .mod-tab-detail .title span {
        display: inline-block;
        color: #fff;
    }

    .mod-tab-detail .title i {
        display: inline-block;
        margin: 13px 10px 0 20px;
        float: left;
    }

.mod-tab-detail .table table {
    width: 100%;
}

    .mod-tab-detail .table table th {
        background: #fff;
        color: #999;
        line-height: 25px;
        border-bottom: 1px solid #ddd;
    }

    .mod-tab-detail .table table td {
        line-height: 45px;
        border-bottom: 1px dashed #ddd;
        background: #f7f8f8;
    }

    .mod-tab-detail .table table tr:last-child td {
        border-bottom: 1px solid #ddd;
    }

    .mod-tab-detail .table table .color {
        color: #f60;
    }

    .mod-tab-detail .table table .span {
        display: inline-block;
        padding-left: 20px;
    }

    .mod-tab-detail .table table a {
        display: inline-block;
        width: 80px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        background: #ff8f44;
        color: #fff;
    }

.mod-tab-detail .table .more {
    display: block;
    float: right;
    line-height: 45px;
    padding-right: 20px;
}

    .mod-tab-detail .table .more em {
        font-style: normal;
        display: inline-block;
        margin: 0 0 0 3px;
    }

.mod-tab-detail .content {
    padding: 20px 20px 40px;
    line-height: 34px;
    font-size: 16px;
    color: #666;
}

    .mod-tab-detail .content img {
        max-width: 100%;
    }

.mod-breadcrumb {
    overflow: hidden;
    margin-bottom: 20px;
    color: #a7a7a7;
}

    .mod-breadcrumb a {
        color: #a7a7a7;
        padding: 0 6px;
    }

        .mod-breadcrumb a:nth-child(1) {
            padding-left: 0;
        }

.mod-selectNum {
    height: 30px;
    line-height: 30px;
    zoom: 1;
}

    .mod-selectNum:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .mod-selectNum .text {
        float: left;
    }

    .mod-selectNum .wrap {
        float: left;
        margin: 0 40px 0 0;
    }

    .mod-selectNum a, .mod-selectNum input {
        display: inline-block;
        width: 32px;
        float: left;
        text-align: center;
    }

    .mod-selectNum input {
        height: 14px;
        padding: 7px 0;
        border: 1px solid #e5e5e5;
        margin: 0 5px;
    }

    .mod-selectNum a {
        height: 30px;
        font-size: 14px;
        background: #e5e5e5;
        color: #333;
    }

    .mod-selectNum .add {
        margin: 0 10px 0 0;
    }

    .mod-selectNum .disabled {
        background: #ebebeb;
        color: #bbb;
    }

.mod-progress {
    width: 100%;
    height: 60px;
    table-layout: fixed;
    margin: 0 0 20px;
}

    .mod-progress td {
        text-align: center;
        padding: 12px 0 0;
    }

    .mod-progress div {
        height: 8px;
    }

    .mod-progress i {
        display: block;
        margin: -20px auto 8px;
        text-align: center;
        line-height: 30px;
        color: #fff;
        background-image: url(../img/sprite.png);
        background-position: -369px -90px;
        width: 30px;
        height: 30px;
    }

    .mod-progress .cur {
        color: #008ad6;
    }

        .mod-progress .cur div {
            background: #008ad6;
        }

    .mod-progress .pass {
        color: #92c3dd;
    }

        .mod-progress .pass div {
            background: #92c3dd;
        }

        .mod-progress .pass i {
            background-position: -369px 0;
        }

    .mod-progress .disabled {
        color: #ccc;
    }

        .mod-progress .disabled div {
            background: #ccc;
        }

        .mod-progress .disabled i {
            background-position: -369px -150px;
        }

    .mod-progress .first div {
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .mod-progress .last div {
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

[class*=" mod-article"] .top h3, [class^=mod-article] .top h3 {
    overflow: hidden;
    text-align: center;
    font-size: 26px;
    line-height: 60px;
}

    [class*=" mod-article"] .top h3.cur, [class^=mod-article] .top h3.cur {
        padding-bottom: 10px;
    }

[class*=" mod-article"] .top h4, [class^=mod-article] .top h4 {
    overflow: hidden;
    text-align: center;
    line-height: 34px;
    color: #999;
}

    [class*=" mod-article"] .top h4 span, [class^=mod-article] .top h4 span {
        display: inline-block;
        padding: 0 10px;
    }

    [class*=" mod-article"] .top h4 i, [class^=mod-article] .top h4 i {
        display: inline-block;
        margin: -2px 10px 0 0;
        vertical-align: middle;
    }

[class*=" mod-article"] .content, [class^=mod-article] .content {
    font-size: 16px;
    line-height: 2em;
    border-top: 1px solid #eee;
    padding: 20px 100px 0;
    zoom: 1;
}

    [class*=" mod-article"] .content:after, [class^=mod-article] .content:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    [class*=" mod-article"] .content img, [class^=mod-article] .content img {
        max-width: 100%;
        margin: 0 auto;
    }

    [class*=" mod-article"] .content p, [class^=mod-article] .content p {
        text-indent: 2em;
        margin: 10px 0;
    }

[class*=" mod-article"] .label, [class^=mod-article] .label {
    overflow: hidden;
    color: #999;
    font-size: 14px;
    padding: 20px 100px 6px;
    border-bottom: 1px solid #eee;
}

    [class*=" mod-article"] .label a, [class^=mod-article] .label a {
        color: #999;
        margin-right: 8px;
    }

.mod-loginFooter {
    color: #999;
    text-align: center;
    padding: 20px 0;
}

    .mod-loginFooter .link a, .mod-loginFooter .link span {
        color: #444;
        display: inline-block;
        position: relative;
    }

    .mod-loginFooter .link span {
        padding: 0 8px 0 10px;
    }

    .mod-loginFooter .link .chart {
        display: none;
        width: 330px;
        position: absolute;
        top: -120px;
        right: -10px;
        border: 1px solid #d3d4d4;
        background: #fff;
        font-size: 12px;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
        box-shadow: 0 0 20px rgba(0,0,0,.2);
    }

        .mod-loginFooter .link .chart .arrow {
            position: absolute;
            bottom: -12px;
            right: 34px;
            width: 0;
            height: 0;
            border-width: 6px;
            border-style: solid dashed dashed;
            border-color: #fff transparent transparent;
        }

        .mod-loginFooter .link .chart div {
            background: #f5f5f5;
            margin: 5px;
            padding: 5px 10px;
            color: #333;
        }

        .mod-loginFooter .link .chart p {
            line-height: 30px;
            text-align: left;
        }

        .mod-loginFooter .link .chart span {
            color: #f60;
        }

        .mod-loginFooter .link .chart img {
            position: absolute;
            right: 10px;
            top: 10px;
        }

    .mod-loginFooter .copyRight {
        padding: 10px 0;
    }

    .mod-loginFooter .flink a {
        color: #999;
    }

.mod-filter {
    border: 1px solid #ddd;
    margin: 0 0 20px;
    padding: 5px 0;
}

    .mod-filter .item {
        padding: 10px 20px;
        zoom: 1;
    }

        .mod-filter .item:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .mod-filter .item a {
            color: #008ad6;
            float: left;
            margin: 0 0 0 10px;
            padding: 3px 15px;
        }

        .mod-filter .item .cur {
            background: #f60;
            color: #fff;
        }

        .mod-filter .item .title {
            float: left;
            padding: 3px 0;
        }

        .mod-filter .item .main {
            float: left;
            width: 740px;
            overflow: hidden;
        }

            .mod-filter .item .main.height27 {
                height: 27px;
            }

            .mod-filter .item .main.on {
                height: auto;
                width: 780px;
            }

        .mod-filter .item .more {
            float: right;
            position: relative;
            color: #333;
        }

            .mod-filter .item .more span {
                position: absolute;
                top: 11px;
                right: 0;
            }

    .mod-filter .selected {
        border-top: 1px solid #ddd;
        padding: 10px 20px 5px;
        margin: 5px 0 0;
        zoom: 1;
    }

        .mod-filter .selected:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .mod-filter .selected .title {
            float: left;
            padding: 1px 0;
        }

        .mod-filter .selected .main {
            float: left;
        }

        .mod-filter .selected a {
            color: #f60;
            padding: 1px 4px;
            float: left;
            margin: 0 0 0 10px;
        }

        .mod-filter .selected .selectedItem {
            border: 1px solid #f60;
            background: #feefe5;
        }

        .mod-filter .selected .icon-selectedItem {
            cursor: pointer;
        }

.mod-list .item {
    padding: 20px 0;
    zoom: 1;
}

    .mod-list .item:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .mod-list .item:hover {
        background: #f8f8f8;
    }

.mod-list .thumb {
    float: left;
    width: 220px;
    margin: 0 18px 0 0;
}

.mod-list .main .header {
    position: relative;
}

    .mod-list .main .header .like, .mod-list .main .header .like span {
        position: absolute;
        top: 5px;
        right: 10px;
    }

    .mod-list .main .header em {
        color: #f60;
    }

    .mod-list .main .header .title {
        font-size: 18px;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        padding: 0 86px 0 0;
    }

    .mod-list .main .header .like {
        display: inline-block;
        height: 26px;
        line-height: 26px;
        background: #feefe5;
        padding: 0 37px 0 13px;
        color: #f60;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .mod-list .main .header .resource {
        padding: 5px 0 0;
        color: #999;
    }

    .mod-list .main .header .author {
        display: inline-block;
        padding-right: 20px;
    }

.mod-list .main .content .text {
    overflow: hidden;
    height: 50px;
    margin: 10px 10px 10px 0;
    line-height: 24px;
    color: #666;
}

.mod-list .main .content .line {
    height: 29px;
    overflow: hidden;
    zoom: 1;
}

    .mod-list .main .content .line:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.mod-list .main .content .title {
    float: left;
    padding: 3px 10px 0 0;
}

.mod-list .main .content .tag {
    float: left;
    border: 1px solid #bfbfbf;
    background: #fff;
    padding: 3px 10px;
}

    .mod-list .main .content .tag:hover {
        border-color: #f60;
    }

.mod-list .main .content .arrow {
    float: left;
    margin: 10px;
    background-image: url(../img/sprite.png);
    background-position: -458px -297px;
    width: 5px;
    height: 9px;
}

.mod-list .main .content .more {
    float: left;
    padding: 0 0 0 10px;
}

.mod-listImg {
    zoom: 1;
}

    .mod-listImg:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .mod-listImg ul {
        margin: 0 -20px 0 0;
    }

        .mod-listImg ul li {
            width: 290px;
            float: left;
            margin: 0 20px 20px 0;
        }

            .mod-listImg ul li .img img {
                vertical-align: top;
            }

            .mod-listImg ul li .text {
                padding: 10px 10px 5px;
                border: 1px solid #ddd;
                border-top: none;
                zoom: 1;
            }

                .mod-listImg ul li .text:after {
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content: " ";
                    clear: both;
                    height: 0;
                }

            .mod-listImg ul li .title {
                font-size: 18px;
                height: 30px;
            }

                .mod-listImg ul li .title .a {
                    display: inline-block;
                    width: 220px;
                    height: 23px;
                    overflow: hidden;
                }

                .mod-listImg ul li .title span {
                    float: right;
                    color: #999;
                    font-size: 14px;
                }

                .mod-listImg ul li .title .icon-spot-zan {
                    margin: 0 5px 0 0;
                }

            .mod-listImg ul li .add {
                overflow: hidden;
                color: #999;
                line-height: 24px;
                margin-bottom: 5px;
            }

                .mod-listImg ul li .add span {
                    display: inline-block;
                    width: 130px;
                    height: 48px;
                    float: left;
                }

                    .mod-listImg ul li .add span.location {
                        line-height: 22px;
                        height: 40px;
                        overflow: hidden;
                    }

                    .mod-listImg ul li .add span .icon-news-location {
                        float: left;
                        margin: 5px 10px 10px 0;
                    }

                .mod-listImg ul li .add a {
                    width: 108px;
                    height: 20px;
                    line-height: 20px;
                    padding: 12px 0;
                    float: right;
                    font-size: 16px;
                    text-align: center;
                    color: #666;
                    background: #fff;
                    border: 1px solid #ddd;
                }

                    .mod-listImg ul li .add a i {
                        float: left;
                        margin-left: 10px;
                        background-image: url(../img/sprite.png);
                        background-position: -168px -405px;
                        width: 20px;
                        height: 20px;
                    }

                    .mod-listImg ul li .add a:hover {
                        background: #f60;
                        border: 1px solid #f60;
                        color: #fff;
                    }

                        .mod-listImg ul li .add a:hover i {
                            background-position: -148px -405px;
                        }

[class*=" mod-orderTotal"], [class^=mod-orderTotal] {
    border: 5px solid #f60;
    background: #fff9ea;
    padding: 6px 16px 16px;
    margin: 0 0 20px;
    zoom: 1;
}

    [class*=" mod-orderTotal"]:after, [class^=mod-orderTotal]:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    [class*=" mod-orderTotal"] dd, [class*=" mod-orderTotal"] dt, [class^=mod-orderTotal] dd, [class^=mod-orderTotal] dt {
        width: 100%;
        border-bottom: 1px dotted #e5dac0;
        padding: 10px 0;
        float: left;
    }

    [class*=" mod-orderTotal"] span, [class^=mod-orderTotal] span {
        float: right;
        color: #f60;
    }

    [class*=" mod-orderTotal"] dt, [class^=mod-orderTotal] dt {
        margin: 0 0 5px;
    }

        [class*=" mod-orderTotal"] dt strong, [class^=mod-orderTotal] dt strong {
            float: left;
            font-size: 16px;
        }

        [class*=" mod-orderTotal"] dt span, [class^=mod-orderTotal] dt span {
            font-size: 26px;
        }

        [class*=" mod-orderTotal"] dd span, [class*=" mod-orderTotal"] dt i, [class^=mod-orderTotal] dd span, [class^=mod-orderTotal] dt i {
            font-size: 14px;
        }

    [class*=" mod-orderTotal"] dd strong, [class^=mod-orderTotal] dd strong {
        float: left;
        font-weight: 400;
        font-size: 14px;
    }

.mod-menberNav {
    width: 168px;
    border: 1px solid #ddd;
    padding-bottom: 120px;
}

    .mod-menberNav li.cur ul.subNav {
        display: block;
    }

    .mod-menberNav a {
        display: block;
        line-height: 40px;
        text-indent: 9px;
        font-size: 16px;
        background: #f5f5f5;
        margin-bottom: 5px;
        position: relative;
    }

        .mod-menberNav a i {
            display: inline-block;
            position: absolute;
            top: 18px;
            right: 13px;
            background-image: url(../img/sprite.png);
            background-position: -417px -361px;
            width: 9px;
            height: 6px;
        }

[class*=" mod-orderList"] .item .tableA, [class*=" mod-orderList"] .item .tableB, [class^=mod-orderList] .item .tableA, [class^=mod-orderList] .item .tableB {
    width: 100%;
}

.mod-menberNav a.on i {
    background-position: -399px -370px;
}

.mod-menberNav .subNav {
    display: none;
}

    .mod-menberNav .subNav a {
        font-size: 14px;
        background: #fff;
        text-indent: 30px;
    }

        .mod-menberNav .subNav a.cur {
            background: #008ad6;
            color: #fff;
        }

[class*=" mod-orderList"] .color, [class^=mod-orderList] .color {
    color: #f60;
}

[class*=" mod-orderList"] .color1, [class^=mod-orderList] .color1 {
    color: #008ad6;
}

[class*=" mod-orderList"] .title, [class^=mod-orderList] .title {
    overflow: hidden;
    height: 38px;
    border-bottom: 2px solid #008ad6;
    margin-bottom: 20px;
}

    [class*=" mod-orderList"] .title a, [class^=mod-orderList] .title a {
        display: inline-block;
        line-height: 40px;
        padding: 0 23px;
    }

        [class*=" mod-orderList"] .title a.cur, [class^=mod-orderList] .title a.cur {
            color: #fff;
            background: #008ad6;
        }

[class*=" mod-orderList"] .item, [class^=mod-orderList] .item {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    position: relative;
    zoom: 1;
}

    [class*=" mod-orderList"] .item:after, [class^=mod-orderList] .item:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    [class*=" mod-orderList"] .item .font26, [class^=mod-orderList] .item .font26 {
        font-size: 26px;
    }

    [class*=" mod-orderList"] .item .tableA td, [class^=mod-orderList] .item .tableA td {
        line-height: 34px;
        text-align: center;
        background: #f5f5f5;
    }

    [class*=" mod-orderList"] .item .tableA .span, [class^=mod-orderList] .item .tableA .span {
        display: inline-block;
        float: left;
        padding: 0 0 0 15px;
    }

    [class*=" mod-orderList"] .item .tableB td, [class^=mod-orderList] .item .tableB td {
        line-height: 28px;
        text-align: center;
    }

    [class*=" mod-orderList"] .item .tableB .img, [class^=mod-orderList] .item .tableB .img {
        display: inline-block;
        padding: 10px;
        width: 220px;
        height: 145px;
        float: left;
        position: relative;
    }

    [class*=" mod-orderList"] .item .tableB .text, [class^=mod-orderList] .item .tableB .text {
        float: left;
        width: 295px;
        text-align: left;
    }

    [class*=" mod-orderList"] .item .tableB .link, [class^=mod-orderList] .item .tableB .link {
        display: block;
        font-size: 16px;
        line-height: 24px;
        padding: 10px 0 15px;
    }

    [class*=" mod-orderList"] .item .tableB ul, [class^=mod-orderList] .item .tableB ul {
        zoom: 1;
        width: 100%;
    }

        [class*=" mod-orderList"] .item .tableB ul:after, [class^=mod-orderList] .item .tableB ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        [class*=" mod-orderList"] .item .tableB ul li, [class^=mod-orderList] .item .tableB ul li {
            width: 100%;
            float: left;
            position: relative;
        }

        [class*=" mod-orderList"] .item .tableB ul .hidden, [class^=mod-orderList] .item .tableB ul .hidden {
            overflow: hidden;
            margin-left: 77px;
        }

        [class*=" mod-orderList"] .item .tableB ul i, [class^=mod-orderList] .item .tableB ul i {
            position: absolute;
            left: 56px;
        }

        [class*=" mod-orderList"] .item .tableB ul span, [class^=mod-orderList] .item .tableB ul span {
            display: inline-block;
            width: 56px;
            line-height: 28px;
            white-space: nowrap;
            position: absolute;
        }

            [class*=" mod-orderList"] .item .tableB ul span.space, [class^=mod-orderList] .item .tableB ul span.space {
                word-spacing: 8px;
                letter-spacing: 28px;
            }

    [class*=" mod-orderList"] .item .company, [class^=mod-orderList] .item .company {
        display: inline-block;
        height: 24px;
        line-height: 24px;
        padding: 0 10px 0 0;
        color: #666;
        background: #f5f5f5;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    [class*=" mod-orderList"] .item .arrow, [class^=mod-orderList] .item .arrow {
        display: inline-block;
        float: left;
        width: 0;
        height: 0;
        overflow: hidden;
        border-style: solid;
        border-width: 12px 6px;
        margin-right: 4px;
        border-color: #fff transparent transparent #fff;
    }

    [class*=" mod-orderList"] .item .nothing, [class^=mod-orderList] .item .nothing {
        padding: 20px 0;
        text-align: center;
        font-size: 16px;
        line-height: 34px;
    }

        [class*=" mod-orderList"] .item .nothing .font14, [class^=mod-orderList] .item .nothing .font14 {
            font-size: 14px;
        }

        [class*=" mod-orderList"] .item .nothing .ui-btn-big, [class^=mod-orderList] .item .nothing .ui-btn-big {
            height: 50px;
            line-height: 50px;
            background: #f60;
            border: 1px solid #f60;
            margin: 10px auto;
        }

.mod-orderList-favorite .top {
    padding: 12px 10px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

    .mod-orderList-favorite .top td {
        text-align: center;
    }

    .mod-orderList-favorite .top .checkbox {
        display: inline-block;
        margin-right: 10px;
    }

    .mod-orderList-favorite .top .marRight {
        display: inline-block;
        margin: 0 155px 0 30px;
    }

    .mod-orderList-favorite .top .deleteAll {
        color: #f60;
    }

.mod-orderList-favorite .item {
    padding: 10px;
}

    .mod-orderList-favorite .item .tableB .checkbox {
        float: left;
        margin-top: 75px;
    }

    .mod-orderList-favorite .item .ui-btn {
        padding: 0 24px;
        height: 30px;
        line-height: 30px;
        background: #f60;
        border-color: #f60;
        font-size: 16px;
    }

    .mod-orderList-favorite .item .word {
        width: 220px;
        height: 40px;
        position: absolute;
        left: 10px;
        bottom: 10px;
        color: #fff;
        font-size: 16px;
    }

        .mod-orderList-favorite .item .word .black {
            overflow: hidden;
            width: 100%;
            height: 40px;
            background: #000;
            filter: alpha(opacity=50);
            -moz-opacity: .5;
            opacity: .5;
        }

        .mod-orderList-favorite .item .word p {
            width: 100%;
            text-align: center;
            line-height: 40px;
            position: absolute;
            z-index: 9;
            bottom: 0;
        }

[class*=" mod-jingdianBox"], [class^=mod-jingdianBox] {
    border: 2px solid #fbab4a;
    margin-bottom: 40px;
    border-top: 4px solid #fbab4a;
}

    [class*=" mod-jingdianBox"] .ltBox, [class^=mod-jingdianBox] .ltBox {
        margin-bottom: 40px;
    }

    [class*=" mod-jingdianBox"] .starBox, [class^=mod-jingdianBox] .starBox {
        color: #666;
        line-height: 26px;
        zoom: 1;
    }

        [class*=" mod-jingdianBox"] .starBox:after, [class^=mod-jingdianBox] .starBox:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        [class*=" mod-jingdianBox"] .starBox b, [class^=mod-jingdianBox] .starBox b {
            float: left;
        }

        [class*=" mod-jingdianBox"] .starBox .starBg, [class^=mod-jingdianBox] .starBox .starBg {
            display: inline-block;
            width: 110px;
            height: 20px;
            float: left;
            background: url(../img/starBg.png) repeat-x #fff;
        }

        [class*=" mod-jingdianBox"] .starBox .star, [class^=mod-jingdianBox] .starBox .star {
            display: inline-block;
            width: 110px;
            height: 20px;
            background: url(../img/star.png) repeat-x #fff;
        }

        [class*=" mod-jingdianBox"] .starBox a.assess, [class^=mod-jingdianBox] .starBox a.assess {
            color: #008ad6;
            float: right;
        }

    [class*=" mod-jingdianBox"] .box, [class^=mod-jingdianBox] .box {
        padding: 18px 18px 8px;
    }

        [class*=" mod-jingdianBox"] .box div, [class^=mod-jingdianBox] .box div {
            margin-bottom: 10px;
        }

    [class*=" mod-jingdianBox"] .title, [class^=mod-jingdianBox] .title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }

        [class*=" mod-jingdianBox"] .title em, [class^=mod-jingdianBox] .title em {
            margin: 0 0 0 6px;
            vertical-align: middle;
        }

    [class*=" mod-jingdianBox"] .aaa, [class^=mod-jingdianBox] .aaa {
        display: inline-block;
        height: 18px;
        line-height: 18px;
        padding: 0 10px;
        color: #fff;
        background: #008ad6;
        font-size: 12px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    [class*=" mod-jingdianBox"] .add, [class^=mod-jingdianBox] .add {
        line-height: 28px;
        color: #666;
    }

        [class*=" mod-jingdianBox"] .add span i, [class^=mod-jingdianBox] .add span i {
            float: left;
            margin: 0 5px 0 0;
        }

        [class*=" mod-jingdianBox"] .add a, [class^=mod-jingdianBox] .add a {
            display: inline-block;
            width: 108px;
            height: 28px;
            line-height: 28px;
            float: right;
            font-size: 16px;
            text-align: center;
            color: #666;
            background: #fff;
            border: 1px solid #ddd;
        }

            [class*=" mod-jingdianBox"] .add a i, [class^=mod-jingdianBox] .add a i {
                float: left;
                margin: 4px 0 0 10px;
                background-image: url(../img/sprite.png);
                background-position: -168px -405px;
                width: 20px;
                height: 20px;
            }

            [class*=" mod-jingdianBox"] .add a:hover, [class^=mod-jingdianBox] .add a:hover {
                background: #f60;
                border: 1px solid #f60;
                color: #fff;
            }

                [class*=" mod-jingdianBox"] .add a:hover i, [class^=mod-jingdianBox] .add a:hover i {
                    background-position: -148px -405px;
                }

    [class*=" mod-jingdianBox"] .guide, [class^=mod-jingdianBox] .guide {
        border-top: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
        padding: 20px 8px 15px;
        zoom: 1;
    }

        [class*=" mod-jingdianBox"] .guide:after, [class^=mod-jingdianBox] .guide:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        [class*=" mod-jingdianBox"] .guide a, [class^=mod-jingdianBox] .guide a {
            display: inline-block;
            float: left;
            width: 60px;
            text-align: center;
            font-size: 12px;
            line-height: 28px;
            margin-bottom: 5px;
        }

            [class*=" mod-jingdianBox"] .guide a span, [class^=mod-jingdianBox] .guide a span {
                width: 38px;
                height: 38px;
                line-height: 38px;
                border: 2px solid #e1e1e1;
                margin: 0 auto;
                -webkit-border-radius: 38px;
                border-radius: 38px;
                display: block;
                text-align: center;
                vertical-align: middle;
            }

            [class*=" mod-jingdianBox"] .guide a i, [class^=mod-jingdianBox] .guide a i {
                vertical-align: middle;
                display: inline-block;
            }

            [class*=" mod-jingdianBox"] .guide a .guide_i1, [class^=mod-jingdianBox] .guide a .guide_i1 {
                background-image: url(../img/sprite.png);
                background-position: -447px -39px;
                width: 16px;
                height: 20px;
            }

            [class*=" mod-jingdianBox"] .guide a .guide_i2, [class^=mod-jingdianBox] .guide a .guide_i2 {
                background-image: url(../img/sprite.png);
                background-position: -352px -346px;
                width: 22px;
                height: 21px;
            }

            [class*=" mod-jingdianBox"] .guide a .guide_i3, [class^=mod-jingdianBox] .guide a .guide_i3 {
                background-image: url(../img/sprite.png);
                background-position: -228px -405px;
                width: 20px;
                height: 20px;
            }

            [class*=" mod-jingdianBox"] .guide a .guide_i4, [class^=mod-jingdianBox] .guide a .guide_i4 {
                background-image: url(../img/sprite.png);
                background-position: -178px -375px;
                width: 22px;
                height: 19px;
            }

            [class*=" mod-jingdianBox"] .guide a .guide_i5, [class^=mod-jingdianBox] .guide a .guide_i5 {
                background-image: url(../img/sprite.png);
                background-position: -18px -446px;
                width: 18px;
                height: 17px;
            }

            [class*=" mod-jingdianBox"] .guide a .guide_i6, [class^=mod-jingdianBox] .guide a .guide_i6 {
                background-image: url(../img/sprite.png);
                background-position: -288px -405px;
                width: 20px;
                height: 20px;
            }

            [class*=" mod-jingdianBox"] .guide a .guide_i7, [class^=mod-jingdianBox] .guide a .guide_i7 {
                background-image: url(../img/sprite.png);
                background-position: -280px -346px;
                width: 24px;
                height: 21px;
            }

            [class*=" mod-jingdianBox"] .guide a .guide_i8, [class^=mod-jingdianBox] .guide a .guide_i8 {
                background-image: url(../img/sprite.png);
                background-position: -374px -346px;
                width: 22px;
                height: 21px;
            }

            [class*=" mod-jingdianBox"] .guide a.cur, [class*=" mod-jingdianBox"] .guide a:hover, [class^=mod-jingdianBox] .guide a.cur, [class^=mod-jingdianBox] .guide a:hover {
                color: #f60;
            }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_a1, [class*=" mod-jingdianBox"] .guide a:hover .guide_a1, [class^=mod-jingdianBox] .guide a.cur .guide_a1, [class^=mod-jingdianBox] .guide a:hover .guide_a1 {
                    background: #e45497;
                    border-color: #e45497;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_a2, [class*=" mod-jingdianBox"] .guide a:hover .guide_a2, [class^=mod-jingdianBox] .guide a.cur .guide_a2, [class^=mod-jingdianBox] .guide a:hover .guide_a2 {
                    background: #9c81bd;
                    border-color: #9c81bd;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_a3, [class*=" mod-jingdianBox"] .guide a:hover .guide_a3, [class^=mod-jingdianBox] .guide a.cur .guide_a3, [class^=mod-jingdianBox] .guide a:hover .guide_a3 {
                    background: #f9a641;
                    border-color: #f9a641;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_a4, [class*=" mod-jingdianBox"] .guide a:hover .guide_a4, [class^=mod-jingdianBox] .guide a.cur .guide_a4, [class^=mod-jingdianBox] .guide a:hover .guide_a4 {
                    background: #ea6e4f;
                    border-color: #ea6e4f;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_a5, [class*=" mod-jingdianBox"] .guide a:hover .guide_a5, [class^=mod-jingdianBox] .guide a.cur .guide_a5, [class^=mod-jingdianBox] .guide a:hover .guide_a5 {
                    background: #0f90d6;
                    border-color: #0f90d6;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_a6, [class*=" mod-jingdianBox"] .guide a:hover .guide_a6, [class^=mod-jingdianBox] .guide a.cur .guide_a6, [class^=mod-jingdianBox] .guide a:hover .guide_a6 {
                    background: #64d65b;
                    border-color: #64d65b;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_a7, [class*=" mod-jingdianBox"] .guide a:hover .guide_a7, [class^=mod-jingdianBox] .guide a.cur .guide_a7, [class^=mod-jingdianBox] .guide a:hover .guide_a7 {
                    background: #51cdac;
                    border-color: #51cdac;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_a8, [class*=" mod-jingdianBox"] .guide a:hover .guide_a8, [class^=mod-jingdianBox] .guide a.cur .guide_a8, [class^=mod-jingdianBox] .guide a:hover .guide_a8 {
                    background: #fa7d6c;
                    border-color: #fa7d6c;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_i1, [class*=" mod-jingdianBox"] .guide a:hover .guide_i1, [class^=mod-jingdianBox] .guide a.cur .guide_i1, [class^=mod-jingdianBox] .guide a:hover .guide_i1 {
                    background-image: url(../img/sprite.png);
                    background-position: -447px -59px;
                    width: 16px;
                    height: 20px;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_i2, [class*=" mod-jingdianBox"] .guide a:hover .guide_i2, [class^=mod-jingdianBox] .guide a.cur .guide_i2, [class^=mod-jingdianBox] .guide a:hover .guide_i2 {
                    background-image: url(../img/sprite.png);
                    background-position: -132px -375px;
                    width: 22px;
                    height: 21px;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_i3, [class*=" mod-jingdianBox"] .guide a:hover .guide_i3, [class^=mod-jingdianBox] .guide a.cur .guide_i3, [class^=mod-jingdianBox] .guide a:hover .guide_i3 {
                    background-image: url(../img/sprite.png);
                    background-position: -208px -405px;
                    width: 20px;
                    height: 20px;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_i4, [class*=" mod-jingdianBox"] .guide a:hover .guide_i4, [class^=mod-jingdianBox] .guide a.cur .guide_i4, [class^=mod-jingdianBox] .guide a:hover .guide_i4 {
                    background-image: url(../img/sprite.png);
                    background-position: -200px -375px;
                    width: 22px;
                    height: 19px;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_i5, [class*=" mod-jingdianBox"] .guide a:hover .guide_i5, [class^=mod-jingdianBox] .guide a.cur .guide_i5, [class^=mod-jingdianBox] .guide a:hover .guide_i5 {
                    background-image: url(../img/sprite.png);
                    background-position: -54px -446px;
                    width: 18px;
                    height: 17px;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_i6, [class*=" mod-jingdianBox"] .guide a:hover .guide_i6, [class^=mod-jingdianBox] .guide a.cur .guide_i6, [class^=mod-jingdianBox] .guide a:hover .guide_i6 {
                    background-image: url(../img/sprite.png);
                    background-position: -108px -405px;
                    width: 20px;
                    height: 20px;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_i7, [class*=" mod-jingdianBox"] .guide a:hover .guide_i7, [class^=mod-jingdianBox] .guide a.cur .guide_i7, [class^=mod-jingdianBox] .guide a:hover .guide_i7 {
                    background-image: url(../img/sprite.png);
                    background-position: -304px -346px;
                    width: 24px;
                    height: 21px;
                }

                [class*=" mod-jingdianBox"] .guide a.cur .guide_i8, [class*=" mod-jingdianBox"] .guide a:hover .guide_i8, [class^=mod-jingdianBox] .guide a.cur .guide_i8, [class^=mod-jingdianBox] .guide a:hover .guide_i8 {
                    background-image: url(../img/sprite.png);
                    background-position: -110px -375px;
                    width: 22px;
                    height: 21px;
                }

    [class*=" mod-jingdianBox"] .degree, [class^=mod-jingdianBox] .degree {
        background: #f9f9f9;
        border-bottom: 1px dashed #ddd;
        padding-bottom: 10px;
    }

        [class*=" mod-jingdianBox"] .degree .top, [class^=mod-jingdianBox] .degree .top {
            font-size: 16px;
            color: #666;
            padding: 10px 0;
        }

            [class*=" mod-jingdianBox"] .degree .top i, [class^=mod-jingdianBox] .degree .top i {
                margin: 0 4px 0 20px;
            }

        [class*=" mod-jingdianBox"] .degree span, [class^=mod-jingdianBox] .degree span {
            display: block;
            color: red;
            font-size: 26px;
            line-height: 39px;
            font-weight: 600;
        }

            [class*=" mod-jingdianBox"] .degree span i, [class^=mod-jingdianBox] .degree span i {
                margin: 0 10px 0 30px;
                float: left;
            }

            [class*=" mod-jingdianBox"] .degree span.deg2, [class^=mod-jingdianBox] .degree span.deg2 {
                color: #ff8500;
            }

            [class*=" mod-jingdianBox"] .degree span.deg3, [class^=mod-jingdianBox] .degree span.deg3 {
                color: #acac22;
            }

            [class*=" mod-jingdianBox"] .degree span.deg4, [class^=mod-jingdianBox] .degree span.deg4 {
                color: #3a8dd5;
            }

            [class*=" mod-jingdianBox"] .degree span.deg5, [class^=mod-jingdianBox] .degree span.deg5 {
                color: #3cc700;
            }

    [class*=" mod-jingdianBox"] .detail, [class^=mod-jingdianBox] .detail {
        padding: 18px 0 12px;
    }

        [class*=" mod-jingdianBox"] .detail ul, [class^=mod-jingdianBox] .detail ul {
            zoom: 1;
        }

            [class*=" mod-jingdianBox"] .detail ul:after, [class^=mod-jingdianBox] .detail ul:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

        [class*=" mod-jingdianBox"] .detail li, [class^=mod-jingdianBox] .detail li {
            margin-bottom: 8px;
            overflow: hidden;
        }

            [class*=" mod-jingdianBox"] .detail li span, [class^=mod-jingdianBox] .detail li span {
                display: inline-block;
                width: 87px;
                color: #999;
                text-align: right;
                float: left;
            }

            [class*=" mod-jingdianBox"] .detail li div, [class^=mod-jingdianBox] .detail li div {
                width: 160px;
                float: left;
            }

[class*=" mod-products"] .title, [class^=mod-products] .title {
    height: 40px;
    line-height: 40px;
    border-bottom: 3px solid #f1f1f1;
    margin: 30px 0 20px;
}

    [class*=" mod-products"] .title i, [class^=mod-products] .title i {
        margin: 3px 10px 0 0;
        float: left;
    }

        [class*=" mod-products"] .title i.icon-title-a1, [class*=" mod-products"] .title i.icon-title-a2, [class*=" mod-products"] .title i.icon-title-a3, [class^=mod-products] .title i.icon-title-a1, [class^=mod-products] .title i.icon-title-a2, [class^=mod-products] .title i.icon-title-a3 {
            margin-top: 7px;
        }

        [class*=" mod-products"] .title i.icon-title-a4, [class^=mod-products] .title i.icon-title-a4 {
            margin-top: 6px;
        }

        [class*=" mod-products"] .title i.icon-title-a5, [class^=mod-products] .title i.icon-title-a5 {
            margin-top: 10px;
        }

        [class*=" mod-products"] .title i.icon-title-a6, [class^=mod-products] .title i.icon-title-a6 {
            margin-top: 5px;
        }

    [class*=" mod-products"] .title span, [class^=mod-products] .title span {
        display: inline-block;
        height: 40px;
        line-height: 36px;
        float: left;
        font-size: 18px;
        border-bottom: 3px solid #fbab4a;
    }

        [class*=" mod-products"] .title span.title-span0, [class^=mod-products] .title span.title-span0 {
            border-color: #fbab4a;
        }

        [class*=" mod-products"] .title span.title-span1, [class^=mod-products] .title span.title-span1 {
            border-color: #64d65b;
        }

        [class*=" mod-products"] .title span.title-span2, [class^=mod-products] .title span.title-span2 {
            border-color: #51cdac;
        }

        [class*=" mod-products"] .title span.title-span3, [class^=mod-products] .title span.title-span3 {
            border-color: #fa7d6c;
        }

        [class*=" mod-products"] .title span.title-span4, [class^=mod-products] .title span.title-span4 {
            border-color: #dd4b8f;
        }

        [class*=" mod-products"] .title span.title-span5, [class^=mod-products] .title span.title-span5 {
            border-color: #008ad6;
        }

        [class*=" mod-products"] .title span.title-span6, [class^=mod-products] .title span.title-span6 {
            border-color: #b16e13;
        }

    [class*=" mod-products"] .title .more, [class^=mod-products] .title .more {
        float: right;
    }

[class*=" mod-products"] .productUl1, [class^=mod-products] .productUl1 {
    margin-right: -20px;
    zoom: 1;
}

    [class*=" mod-products"] .productUl1:after, [class^=mod-products] .productUl1:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    [class*=" mod-products"] .productUl1 li, [class^=mod-products] .productUl1 li {
        width: 290px;
        float: left;
        margin: 0 20px 0 0;
    }

    [class*=" mod-products"] .productUl1 .img, [class^=mod-products] .productUl1 .img {
        position: relative;
        overflow: hidden;
    }

        [class*=" mod-products"] .productUl1 .img i, [class^=mod-products] .productUl1 .img i {
            position: absolute;
            left: -10px;
            top: 10px;
            text-indent: 20px;
            line-height: 30px;
            color: #fff;
        }

        [class*=" mod-products"] .productUl1 .img .imgText, [class^=mod-products] .productUl1 .img .imgText {
            overflow: hidden;
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            font-size: 16px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: url(../img/black.png);
        }

    [class*=" mod-products"] .productUl1 .text, [class^=mod-products] .productUl1 .text {
        padding: 13px;
        border: 1px solid #ddd;
    }

    [class*=" mod-products"] .productUl1 .footText, [class^=mod-products] .productUl1 .footText {
        overflow: hidden;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border: 1px solid #ddd;
        border-top: none;
        font-size: 16px;
    }

    [class*=" mod-products"] .productUl1 .recommendText, [class^=mod-products] .productUl1 .recommendText {
        padding: 5px 8px;
        border: 1px solid #ddd;
        border-top: none;
        zoom: 1;
    }

        [class*=" mod-products"] .productUl1 .recommendText:after, [class^=mod-products] .productUl1 .recommendText:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        [class*=" mod-products"] .productUl1 .recommendText div, [class^=mod-products] .productUl1 .recommendText div {
            height: 25px;
            zoom: 1;
        }

            [class*=" mod-products"] .productUl1 .recommendText div:after, [class^=mod-products] .productUl1 .recommendText div:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

            [class*=" mod-products"] .productUl1 .recommendText div a, [class^=mod-products] .productUl1 .recommendText div a {
                display: inline-block;
                width: 215px;
                overflow: hidden;
                font-size: 18px;
                height: 20px;
            }

            [class*=" mod-products"] .productUl1 .recommendText div span, [class^=mod-products] .productUl1 .recommendText div span {
                float: right;
                color: #999;
            }

            [class*=" mod-products"] .productUl1 .recommendText div .icon-spot-zan, [class^=mod-products] .productUl1 .recommendText div .icon-spot-zan {
                margin: 3px 5px 0 0;
            }

        [class*=" mod-products"] .productUl1 .recommendText p, [class^=mod-products] .productUl1 .recommendText p {
            overflow: hidden;
            height: 30px;
            line-height: 30px;
            color: #999;
        }

    [class*=" mod-products"] .productUl1 .top, [class^=mod-products] .productUl1 .top {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 16px;
        height: 20px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    [class*=" mod-products"] .productUl1 p, [class^=mod-products] .productUl1 p {
        overflow: hidden;
        height: 88px;
        text-align: justify;
        color: #999;
        line-height: 22px;
    }

[class*=" mod-products"] .left, [class^=mod-products] .left {
    width: 600px;
    float: left;
}

    [class*=" mod-products"] .left .hotelText, [class^=mod-products] .left .hotelText {
        height: 60px;
        line-height: 60px;
        background: #f5f5f5;
        padding: 0 10px;
        overflow: hidden;
    }

        [class*=" mod-products"] .left .hotelText a, [class^=mod-products] .left .hotelText a {
            float: left;
            display: inline-block;
            width: 170px;
            font-size: 16px;
            color: #000;
        }

        [class*=" mod-products"] .left .hotelText span, [class^=mod-products] .left .hotelText span {
            float: right;
            color: #fbab4a;
        }

        [class*=" mod-products"] .left .hotelText i, [class^=mod-products] .left .hotelText i {
            font-size: 24px;
        }

[class*=" mod-products"] .right, [class^=mod-products] .right {
    width: 290px;
    float: right;
}

    [class*=" mod-products"] .right .box, [class^=mod-products] .right .box {
        padding: 17px 18px;
        line-height: 36px;
        border: 1px solid #ddd;
    }

        [class*=" mod-products"] .right .box a, [class^=mod-products] .right .box a {
            display: block;
            overflow: hidden;
            font-size: 16px;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
        }

.page-login .mod-loginHeader {
    height: 68px;
    margin: 0 auto;
}

    .page-login .mod-loginHeader .main {
        width: 1200px;
        margin: 0 auto;
    }

    .page-login .mod-loginHeader .ui-btn {
        background: #fbab4a;
        border: none;
        height: 30px;
        line-height: 30px;
        border-radius: 0;
        font-size: 16px;
        float: right;
        margin-top: 38px;
    }

        .page-login .mod-loginHeader .ui-btn:hover {
            background: #fbab4a;
        }

    .page-login .mod-loginHeader h1 {
        float: left;
        overflow: hidden;
        margin-top: 18px;
    }

    .page-login .mod-loginHeader .welcome {
        float: left;
        margin: 38px 0 0 10px;
        padding-left: 10px;
        border-left: 1px solid #e4e4e4;
        height: 22px;
        line-height: 22px;
        font-size: 24px;
        color: #a1a1a1;
    }

.page-login .mod-loginForm {
    width: 302px;
    margin: 0 auto;
}

    .page-login .mod-loginForm .ui-form-message {
        height: auto;
    }

    .page-login .mod-loginForm .error {
        position: relative;
        display: block;
        width: 277px;
        padding: 5px 0 5px 23px;
        height: 16px;
        line-height: 16px;
        margin: 0 0 10px;
        border: 1px solid #e4393c;
        background: #ffebeb;
        color: #e4393c;
    }

        .page-login .mod-loginForm .error i {
            display: block;
            position: absolute;
            top: 6px;
            left: 5px;
            background-image: url(../img/sprite.png);
            background-position: -447px -203px;
            width: 16px;
            height: 16px;
        }

    .page-login .mod-loginForm .ui-form {
        zoom: 1;
        padding: 0 0 20px;
    }

        .page-login .mod-loginForm .ui-form:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-login .mod-loginForm .ui-form .error {
            margin: 10px 0 0;
        }

    .page-login .mod-loginForm .icon {
        position: absolute;
        top: 12px;
        left: 10px;
    }

    .page-login .mod-loginForm .icon-login-phone {
        top: 10px;
        left: 10px;
    }

    .page-login .mod-loginForm .ui-input {
        width: 250px;
        padding: 15px 10px 15px 40px;
        height: auto;
    }

    .page-login .mod-loginForm .code {
        width: 148px;
    }

    .page-login .mod-loginForm .forget-pw {
        padding-bottom: 15px;
        margin-top: -5px;
        color: #666;
    }

        .page-login .mod-loginForm .forget-pw input {
            display: inline-block;
            vertical-align: middle;
            margin-right: 3px;
        }

    .page-login .mod-loginForm .forget {
        float: right;
        color: #fa7d6c;
    }

    .page-login .mod-loginForm .ui-btn {
        height: 50px;
        line-height: 50px;
        background: #308eb5;
        border-color: #308eb5;
        font-size: 14px;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .page-login .mod-loginForm .ui-btn:hover {
            background: #1e6e8f;
        }

    .page-login .mod-loginForm .ui-btn-big {
        width: 302px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        background: #fbab4a;
        border-color: #fbab4a;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .page-login .mod-loginForm .ui-btn-big:hover {
            background: #ee9426;
        }

.page-login .login-bg {
    width: 100%;
    min-width: 1200px;
    background: url(../img/login-bg.jpg) center 0 no-repeat;
    min-height: 446px;
    margin: 0 auto;
}

    .page-login .login-bg .login-main {
        zoom: 1;
        width: 800px;
        padding: 95px 20px 20px;
        margin: 0 auto 200px;
        background: url(../img/login-bg.png) 5px bottom no-repeat;
    }

        .page-login .login-bg .login-main:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-login .login-bg .login-box {
        overflow: hidden;
        width: 700px;
        padding: 30px 50px 45px;
        background: #fff;
    }

        .page-login .login-bg .login-box .left {
            float: left;
            width: 302px;
            padding: 0 48px 0 0;
            background: url(../img/line.png) right center no-repeat;
        }

            .page-login .login-bg .login-box .left .block {
                font-size: 18px;
                color: #444;
                line-height: 28px;
                display: block;
                margin-bottom: 10px;
            }

        .page-login .login-bg .login-box .right {
            float: right;
            width: 302px;
            padding: 0 0 0 48px;
        }

            .page-login .login-bg .login-box .right .title {
                height: 70px;
                line-height: 70px;
                margin-bottom: 10px;
                font-size: 18px;
            }

                .page-login .login-bg .login-box .right .title a {
                    color: #fbab4a;
                }

            .page-login .login-bg .login-box .right .login-right-other {
                text-align: center;
                height: 1px;
                background: #ccc;
                line-height: 1px;
                margin: 0 0 25px;
            }

                .page-login .login-bg .login-box .right .login-right-other span {
                    display: inline-block;
                    margin: 0 auto;
                    padding: 0 20px;
                    background: #fff;
                    color: #bdbdbd;
                }

            .page-login .login-bg .login-box .right .btn {
                display: block;
                width: 160px;
                height: 40px;
                line-height: 40px;
                border-radius: 5px;
                color: #fff;
                margin: 0 auto;
            }

                .page-login .login-bg .login-box .right .btn.btn-sina {
                    background: #e65e42;
                    margin: 10px auto;
                }

                    .page-login .login-bg .login-box .right .btn.btn-sina .icon-login-sina {
                        float: left;
                        margin: 11px 10px 0 9px;
                    }

                    .page-login .login-bg .login-box .right .btn.btn-sina:hover {
                        transition: all .5s ease-in-out;
                        background: #bc472e;
                    }

                .page-login .login-bg .login-box .right .btn span {
                    float: left;
                    height: 40px;
                    padding-left: 15px;
                    border-left: 1px solid #d4573d;
                }

                .page-login .login-bg .login-box .right .btn.btn-qq {
                    background: #308eb5;
                }

                    .page-login .login-bg .login-box .right .btn.btn-qq .icon-login-qq {
                        float: left;
                        margin: 11px 10px 0 12px;
                    }

                    .page-login .login-bg .login-box .right .btn.btn-qq span {
                        border-color: #2c83a7;
                    }

                    .page-login .login-bg .login-box .right .btn.btn-qq:hover {
                        -webkit-transition: all .5s ease-in-out;
                        -moz-transition: all .5s ease-in-out;
                        -o-transition: all .5s ease-in-out;
                        transition: all .5s ease-in-out;
                        background: #1e6e8f;
                    }

.page-find_password .title {
    font-size: 18px;
    color: #444;
    margin: 0 0 30px;
}

.page-travels_index .content {
    width: 1200px;
    margin: 0 auto;
    zoom: 1;
}

    .page-travels_index .content:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-travels_index .title {
    zoom: 1;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    border-left: 5px solid #008ad6;
    margin: 0 0 10px;
    padding: 0 0 0 5px;
}

    .page-travels_index .title:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-travels_index .title a {
        float: right;
        font-size: 12px;
    }

.page-travels_index .hot {
    zoom: 1;
}

    .page-travels_index .hot:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-travels_index .hot .left {
        overflow: hidden;
        width: 318px;
        height: 318px;
        border: 1px solid #f1f1f1;
        float: left;
        margin-top: 20px;
    }

    .page-travels_index .hot h3 {
        height: 52px;
        line-height: 52px;
        border-bottom: 1px solid #f1f1f1;
        padding: 0 17px;
        font-size: 22px;
        color: #333;
    }

    .page-travels_index .hot ul {
        padding: 10px 9px;
    }

    .page-travels_index .hot li {
        overflow: hidden;
        width: 80px;
        float: left;
        margin: 0 0 5px;
        padding: 10px 10px 0;
    }

        .page-travels_index .hot li p {
            height: 28px;
            line-height: 28px;
            text-align: center;
        }

    .page-travels_index .hot dd p, .page-travels_index .hot dd span, .page-travels_index .raiders_A p {
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .page-travels_index .hot li a {
        color: #666;
    }

        .page-travels_index .hot li a:hover {
            color: #f60;
        }

    .page-travels_index .hot li:hover {
        background: #f5f5f5;
    }

    .page-travels_index .hot .right {
        overflow: hidden;
        width: 860px;
        height: 320px;
        float: right;
        position: relative;
        margin-top: 20px;
    }

    .page-travels_index .hot .text {
        overflow: hidden;
        width: 324px;
        height: 70px;
        position: absolute;
        left: 0;
        top: 216px;
        color: #fff;
        z-index: 2;
    }

    .page-travels_index .hot .hs_bg {
        overflow: hidden;
        width: 324px;
        height: 70px;
        background: #000;
        filter: alpha(opacity=50);
        opacity: .5;
    }

    .page-travels_index .hot dl {
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px 15px;
    }

    .page-travels_index .hot dt {
        float: left;
        border: 2px solid #b7b7b7;
        width: 46px;
        height: 46px;
        margin-right: 17px;
    }

    .page-travels_index .hot dd {
        width: 220px;
        float: left;
    }

        .page-travels_index .hot dd span {
            font-size: 18px;
            float: left;
            width: 220px;
        }

            .page-travels_index .hot dd span a {
                color: #fff;
                font-size: 18px;
            }

        .page-travels_index .hot dd p {
            float: left;
            width: 220px;
            font-size: 12px;
            color: #acacac;
        }

            .page-travels_index .hot dd p label {
                color: #f60;
            }

.page-travels_index .raiders_A {
    width: 100%;
    padding-top: 20px;
}

    .page-travels_index .raiders_A ul {
        margin-right: -20px;
        zoom: 1;
    }

        .page-travels_index .raiders_A ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-travels_index .raiders_A li {
        overflow: hidden;
        width: 285px;
        height: 298px;
        float: left;
        margin: 0 20px 20px 0;
        border: 1px solid #f1f1f1;
    }

    .page-travels_index .raiders_A p {
        height: 50px;
        line-height: 50px;
        width: 97%;
        padding-left: 2%;
        font-size: 16px;
        color: #333;
        float: left;
    }

    .page-travels_index .raiders_A .img {
        overflow: hidden;
        position: relative;
    }

    .page-travels_index .raiders_A .text {
        width: 100%;
        height: 90px;
        color: #fff;
        position: absolute;
        bottom: -90px;
        left: 0;
        z-index: 2;
    }

    .page-travels_index .raiders_A .hidden {
        overflow: hidden;
        width: 275px;
        height: 67px;
        padding: 7px 5px 0;
        position: absolute;
        top: 0;
        z-index: 1;
        line-height: 24px;
    }

    .page-travels_index .raiders_A .black_bg {
        overflow: hidden;
        width: 100%;
        height: 90px;
        background: #000;
        filter: alpha(opacity=50);
        opacity: .5;
    }

.page-jingdian_detail .ticket .ui-btn-jb, .page-line_index .line-item .price a {
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff954e,endColorStr=#ff6701);
}

.page-travels_index .raiders_A .item {
    width: 584px;
}

    .page-travels_index .raiders_A .item .hidden {
        width: 574px;
        height: 50px;
    }

.page-travels_index .trave_notes {
    margin: 0 auto;
    min-width: 1200px;
    background: #f8f8f8;
    padding: 20px 0 0;
}

    .page-travels_index .trave_notes .list {
        overflow: hidden;
        width: 1220px;
        position: relative;
    }

    .page-travels_index .trave_notes .item {
        overflow: hidden;
        width: 285px;
        background: #fff;
        float: left;
        margin: 0 20px 20px 0;
    }

    .page-travels_index .trave_notes .on {
        margin-top: -85px;
    }

    .page-travels_index .trave_notes .text {
        overflow: hidden;
        padding: 15px;
        height: 108px;
    }

        .page-travels_index .trave_notes .text a {
            display: block;
            height: 30px;
            line-height: 30px;
            margin-top: 5px;
            color: #333;
            font-size: 16px;
        }

            .page-travels_index .trave_notes .text a:hover {
                color: #f60;
            }

    .page-travels_index .trave_notes p {
        line-height: 26px;
        color: #999;
    }

.page-travels_lists .textList {
    zoom: 1;
}

    .page-travels_lists .textList:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-travels_lists .textList li {
        border-bottom: 1px dotted #ddd;
        padding: 6px 0;
    }

.page-travels_lists .search-key {
    margin-bottom: 20px;
}

.page-travels_detail {
    color: #333;
}

    .page-travels_detail .line-h {
        zoom: 1;
        height: 1px;
        background: #ebebeb;
        border-bottom: 2px solid #f8f8f8;
    }

        .page-travels_detail .line-h:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-travels_detail .lt-left {
        width: 871px;
    }

    .page-travels_detail .userWrap {
        overflow: hidden;
        padding: 20px 0;
    }

        .page-travels_detail .userWrap .img {
            overflow: hidden;
            width: 120px;
            height: 120px;
            float: left;
            margin-right: 20px;
        }

            .page-travels_detail .userWrap .img img {
                -webkit-border-radius: 100%;
                border-radius: 100%;
                width: 120px;
                height: 120px;
            }

        .page-travels_detail .userWrap .hidden {
            height: 100px;
            position: relative;
        }

            .page-travels_detail .userWrap .hidden h3 {
                overflow: hidden;
                font-size: 24px;
                height: 44px;
                line-height: 44px;
                color: #008ad6;
            }

            .page-travels_detail .userWrap .hidden h4 {
                color: #333;
            }

                .page-travels_detail .userWrap .hidden h4 span {
                    display: inline-block;
                    padding: 0 8px 0 40px;
                }

        .page-travels_detail .userWrap .share {
            height: 35px;
            line-height: 35px;
            position: absolute;
            top: 90px;
            right: 0;
        }

            .page-travels_detail .userWrap .share a {
                float: left;
                margin-left: 17px;
                color: #666;
            }

                .page-travels_detail .userWrap .share a:hover {
                    color: #f60;
                }

                .page-travels_detail .userWrap .share a i {
                    vertical-align: middle;
                }

            .page-travels_detail .userWrap .share [class^=icon-] {
                margin: 0 8px 0 0;
            }

            .page-travels_detail .userWrap .share .bdsharebuttonbox {
                float: left;
            }

                .page-travels_detail .userWrap .share .bdsharebuttonbox .bds_more {
                    background: 0 0;
                    margin: 0 0 0 17px;
                    height: auto;
                    padding: 0;
                    line-height: 35px;
                    font-size: 14px;
                }

    .page-travels_detail .lineBreadcrumb {
        overflow: hidden;
        padding: 30px 0;
        position: relative;
        font-size: 16px;
        line-height: 38px;
    }

        .page-travels_detail .lineBreadcrumb .left {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 30px;
        }

        .page-travels_detail .lineBreadcrumb .icon-tracel-head-pc {
            float: left;
            margin-right: 10px;
        }

        .page-travels_detail .lineBreadcrumb .hidden {
            overflow: hidden;
            margin-left: 147px;
        }

            .page-travels_detail .lineBreadcrumb .hidden span {
                float: left;
            }

            .page-travels_detail .lineBreadcrumb .hidden a {
                color: #333;
                float: left;
            }

                .page-travels_detail .lineBreadcrumb .hidden a:hover {
                    color: #f60;
                }

            .page-travels_detail .lineBreadcrumb .hidden em {
                height: 2px;
                width: 40px;
                margin: 18px 8px;
                background: #c8def0;
                float: left;
            }

    .page-travels_detail .content {
        line-height: 34px;
        padding: 0;
        border-bottom: 1px solid #cecece;
        margin-bottom: 30px;
    }

        .page-travels_detail .content img {
            margin: 10px auto;
            max-width: 100%;
            text-align: center !important;
            display: block;
        }

        .page-travels_detail .content .linkcrumb {
            text-align: right;
        }

            .page-travels_detail .content .linkcrumb a {
                color: #999;
                display: inline-block;
                padding-left: 4px;
            }

        .page-travels_detail .content p {
            text-indent: 2em;
        }

    .page-travels_detail .recommend {
        zoom: 1;
    }

        .page-travels_detail .recommend:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-travels_detail .recommend .title {
            height: 20px;
            line-height: 20px;
            font-size: 20px;
            border-left: 5px solid #008ad6;
            margin: 0 0 10px;
            padding: 0 0 0 5px;
        }

        .page-travels_detail .recommend ul {
            margin-right: -20px;
        }

        .page-travels_detail .recommend li {
            overflow: hidden;
            height: 245px;
            width: 277px;
            background: #f5f5f5;
            float: left;
            margin: 0 20px 0 0;
        }

        .page-travels_detail .recommend .text {
            overflow: hidden;
            margin: 0 10px;
            line-height: 50px;
        }

            .page-travels_detail .recommend .text a {
                width: 170px;
                color: #000;
                text-overflow: ellipsis;
                white-space: nowrap;
                float: left;
                overflow: hidden;
                text-align: left;
            }

                .page-travels_detail .recommend .text a:hover {
                    color: #f60;
                }

        .page-travels_detail .recommend span {
            float: right;
            color: #fbab4a;
        }

        .page-travels_detail .recommend i {
            font-size: 24px;
            font-style: normal;
        }

    .page-travels_detail .mod-write {
        line-height: 24px;
        border-bottom: 1px dashed #ddd;
        zoom: 1;
    }

        .page-travels_detail .mod-write:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-travels_detail .mod-write .title {
            height: 40px;
            font-size: 26px;
            color: #666;
            padding: 20px 0 0;
        }

        .page-travels_detail .mod-write .center {
            position: relative;
            zoom: 1;
        }

            .page-travels_detail .mod-write .center:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

            .page-travels_detail .mod-write .center i {
                position: absolute;
                right: 10px;
                bottom: 5px;
            }

        .page-travels_detail .mod-write .ui-textarea {
            width: 850px;
            height: 130px;
        }

        .page-travels_detail .mod-write .btn {
            padding: 20px 0;
            zoom: 1;
        }

            .page-travels_detail .mod-write .btn:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

            .page-travels_detail .mod-write .btn .ui-btn {
                float: right;
            }

    .page-travels_detail .mod-words {
        padding-bottom: 40px;
    }

        .page-travels_detail .mod-words .ui-item {
            padding: 25px 0;
            position: relative;
            min-height: 60px;
            border-bottom: 1px dashed #ddd;
        }

            .page-travels_detail .mod-words .ui-item .j-delete {
                color: #999;
                display: inline-block;
            }

            .page-travels_detail .mod-words .ui-item .imgTou {
                height: 60px;
                width: 60px;
                position: absolute;
                left: 0;
            }

                .page-travels_detail .mod-words .ui-item .imgTou img {
                    -webkit-border-radius: 60px;
                    border-radius: 60px;
                }

            .page-travels_detail .mod-words .ui-item .main {
                margin: 0 0 0 80px;
            }

                .page-travels_detail .mod-words .ui-item .main .title {
                    font-weight: 600;
                }

                .page-travels_detail .mod-words .ui-item .main p {
                    line-height: 24px;
                    padding: 3px 0;
                }

                .page-travels_detail .mod-words .ui-item .main .time {
                    zoom: 1;
                }

                    .page-travels_detail .mod-words .ui-item .main .time:after {
                        visibility: hidden;
                        display: block;
                        font-size: 0;
                        content: " ";
                        clear: both;
                        height: 0;
                    }

                    .page-travels_detail .mod-words .ui-item .main .time .btn-live {
                        display: inline-block;
                        float: right;
                        color: #00a7e1;
                    }

                .page-travels_detail .mod-words .ui-item .main .ui-item {
                    border: none;
                    padding-bottom: 0;
                }

                    .page-travels_detail .mod-words .ui-item .main .ui-item .ui-textarea {
                        width: 689px;
                    }

        .page-travels_detail .mod-words .live {
            width: 100%;
            padding-top: 20px;
            zoom: 1;
        }

            .page-travels_detail .mod-words .live:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

            .page-travels_detail .mod-words .live .ui-textarea {
                width: 769px;
                height: 130px;
            }

            .page-travels_detail .mod-words .live .ui-btn {
                margin: 10px 0 0;
                float: right;
            }

    .page-travels_detail .l-gridFree-footer {
        overflow: hidden;
    }

        .page-travels_detail .l-gridFree-footer .l-gridFree-footer-select {
            float: right;
        }

        .page-travels_detail .l-gridFree-footer .ui-pagination {
            padding: 4px 0;
            float: right;
        }

            .page-travels_detail .l-gridFree-footer .ui-pagination .prev {
                border: none;
            }

    .page-travels_detail #gridFree {
        padding-bottom: 20px;
    }

.page-travels_official .headTitle {
    border-top: 1px solid #ebebeb;
    border-bottom: 2px solid #f8f8f8;
}

    .page-travels_official .headTitle .headTitleWrap {
        border-top: 2px solid #f8f8f8;
        border-bottom: 1px solid #ebebeb;
        padding: 20px 0;
        zoom: 1;
    }

        .page-travels_official .headTitle .headTitleWrap:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-travels_official .headTitle .icon-official-title {
        text-align: center;
        line-height: 45px;
        font-size: 24px;
        color: #fff;
        float: left;
        margin-right: 40px;
    }

    .page-travels_official .headTitle h3 {
        overflow: hidden;
        width: 650px;
        font-size: 24px;
        line-height: 55px;
        float: left;
        color: #008ad6;
    }

    .page-travels_official .headTitle .share {
        overflow: hidden;
        line-height: 35px;
        float: right;
        margin-top: 10px;
    }

        .page-travels_official .headTitle .share a {
            float: left;
            margin-left: 17px;
            color: #666;
        }

            .page-travels_official .headTitle .share a:hover {
                color: #f60;
            }

            .page-travels_official .headTitle .share a i {
                vertical-align: middle;
            }

        .page-travels_official .headTitle .share [class^=icon-] {
            margin: 0 8px 0 0;
        }

        .page-travels_official .headTitle .share .bdsharebuttonbox {
            float: left;
        }

            .page-travels_official .headTitle .share .bdsharebuttonbox .bds_more {
                background: 0 0;
                margin: 0 0 0 17px;
                height: auto;
                padding: 0;
                line-height: 35px;
                font-size: 14px;
            }

.page-travels_official .detail {
    padding: 40px 0 0;
    line-height: 34px;
    font-size: 16px;
    color: #666;
    zoom: 1;
}

    .page-travels_official .detail:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-travels_official .lt-left {
    width: 758px;
    border: 1px solid #ddd;
    zoom: 1;
}

    .page-travels_official .lt-left:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-travels_official .reason img {
    max-width: 100%;
}

.page-travels_official .reason .box {
    padding: 10px 20px 20px;
    background: #f6f8fa;
    line-height: 34px;
    color: #666;
}

    .page-travels_official .reason .box .title {
        height: 20px;
        line-height: 20px;
        border-left: 5px solid #008ad6;
        margin: 0 0 10px;
        padding: 0 0 0 5px;
        font-size: 20px;
    }

.page-travels_official .reason .lineBreadcrumb {
    padding: 30px 0;
    position: relative;
    font-size: 16px;
    zoom: 1;
}

    .page-travels_official .reason .lineBreadcrumb:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-travels_official .reason .lineBreadcrumb .left {
        display: inline-block;
        width: 146px;
        line-height: 34px;
        position: absolute;
        left: 20px;
        top: 30px;
    }

    .page-travels_official .reason .lineBreadcrumb i {
        float: left;
        margin-right: 10px;
    }

    .page-travels_official .reason .lineBreadcrumb .hidden {
        overflow: hidden;
        width: 570px;
        margin-left: 167px;
        line-height: 34px;
    }

        .page-travels_official .reason .lineBreadcrumb .hidden span {
            float: left;
        }

        .page-travels_official .reason .lineBreadcrumb .hidden a {
            color: #333;
            float: left;
        }

            .page-travels_official .reason .lineBreadcrumb .hidden a:hover {
                color: #f60;
            }

        .page-travels_official .reason .lineBreadcrumb .hidden em {
            height: 2px;
            width: 40px;
            margin: 16px 8px;
            background: #c8def0;
            float: left;
        }

.page-travels_official .introduction .title {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}

    .page-travels_official .introduction .title span {
        color: #fff;
    }

    .page-travels_official .introduction .title i {
        margin: 16px 10px 0 20px;
        float: left;
    }

.page-travels_official .introduction .content {
    margin: 20px 0 40px;
    position: relative;
    zoom: 1;
}

    .page-travels_official .introduction .content:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-travels_official .introduction .icon-day-ring {
    position: absolute;
    bottom: 0;
    left: 75px;
}

.page-travels_official .introduction .day {
    zoom: 1;
    position: relative;
}

    .page-travels_official .introduction .day:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-travels_official .introduction .icon-day-num {
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    float: left;
    margin: 0 -20px 0 31px;
    border-right: 10px solid #fff;
}

.page-travels_official .introduction .dayWrap {
    float: right;
    width: 650px;
    padding-left: 28px;
    border-left: 1px solid #ccedff;
}

.page-travels_official .introduction .step {
    position: relative;
    padding-bottom: 40px;
}

.page-travels_official .introduction .icon-travel-tip {
    position: absolute;
    top: 0;
    left: -36px;
    z-index: 1;
}

.page-travels_official .introduction .step_title {
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding-right: 20px;
    background: #f6f8fa;
}

    .page-travels_official .introduction .step_title .step_num {
        float: left;
        width: 55px;
        height: 40px;
        background: #f60;
        color: #fff;
        text-align: center;
    }

    .page-travels_official .introduction .step_title .hour {
        float: right;
        color: #666;
    }

    .page-travels_official .introduction .step_title .arrow {
        line-height: 0;
        font-size: 0;
        margin-top: 15px;
        float: left;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #f60;
    }

    .page-travels_official .introduction .step_title strong {
        font-size: 20px;
        padding: 0 15px 0 13px;
    }

    .page-travels_official .introduction .step_title i {
        color: #666;
    }

.page-travels_official .introduction .text-box {
    padding: 0 20px 0 0;
}

.page-travels_official .introduction .openTime {
    overflow: hidden;
    line-height: 34px;
    margin-top: 10px;
    zoom: 1;
}

    .page-travels_official .introduction .openTime:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-travels_official .introduction .openTime .span_right {
        float: right;
    }

.page-travels_official .introduction .more {
    color: #f60;
}

    .page-travels_official .introduction .more i {
        display: inline-block;
        padding: 0 4px;
    }

.page-travels_official .introduction .img {
    zoom: 1;
    padding: 10px 0 20px;
    margin-right: -20px;
}

    .page-travels_official .introduction .img:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-travels_official .introduction .img a {
        width: 196px;
        height: 130px;
        margin-right: 20px;
        float: left;
    }

.page-travels_official .introduction .how {
    zoom: 1;
}

    .page-travels_official .introduction .how:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-travels_official .introduction .how span {
        float: left;
        color: #333;
    }

    .page-travels_official .introduction .how i, .page-travels_official .introduction .how strong {
        float: left;
        margin: 0 10px 10px 0;
    }

    .page-travels_official .introduction .how div {
        overflow: hidden;
        width: 598px;
        line-height: 24px;
        font-size: 14px;
        padding: 5px 15px;
        border: 1px dashed #31bbd5;
    }

.page-travels_official .hot {
    overflow: hidden;
    margin-top: 40px;
    margin-right: -20px;
}

    .page-travels_official .hot .word {
        overflow: hidden;
        height: 38px;
        line-height: 38px;
        padding: 0 10px;
        border: 1px solid #ddd;
        border-top: none;
        text-align: center;
    }

    .page-travels_official .hot .mod-sidebar-hot .img {
        width: 285px;
    }

.page-travels_official .lt-right, .page-travels_official .mod-sidebar-service {
    width: 410px;
}

    .page-travels_official .mod-sidebar-service .map {
        overflow: hidden;
        height: 350px;
    }

.page-news_index .headline {
    padding: 0 0 40px;
    zoom: 1;
}

    .page-news_index .headline:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-news_index .headline .left {
        float: left;
        width: 600px;
        position: relative;
    }

        .page-news_index .headline .left img {
            float: left;
        }

        .page-news_index .headline .left .text {
            width: 580px;
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 15px 10px;
            font-size: 18px;
            color: #fff;
            background: url(../img/news-top.png) repeat-x;
        }

        .page-news_index .headline .left a {
            color: #fff;
        }

    .page-news_index .headline .right {
        float: right;
        width: 560px;
    }

        .page-news_index .headline .right .header {
            font-size: 20px;
            color: #008ad6;
            border-bottom: 1px solid #e5e5e5;
            padding: 0 0 2px;
        }

            .page-news_index .headline .right .header span {
                text-transform: uppercase;
                font-size: 12px;
                color: #999;
                padding: 0 0 0 5px;
            }

            .page-news_index .headline .right .header i {
                margin: 0 0 0 6px;
            }

        .page-news_index .headline .right .title {
            font-size: 20px;
            font-weight: 700;
            padding: 20px 0 18px 15px;
            position: relative;
        }

            .page-news_index .headline .right .title i {
                position: absolute;
                top: 30px;
                left: 0;
            }

        .page-news_index .headline .right .main {
            color: #666;
            line-height: 26px;
        }

.page-news_index .mod-list {
    padding: 20px 0 0;
    overflow: hidden;
}

    .page-news_index .mod-list .item {
        border-bottom: 1px solid #eee;
        margin-bottom: -1px;
    }

        .page-news_index .mod-list .item:hover {
            background: 0 0;
        }

    .page-news_index .mod-list .title {
        font-weight: 700;
        font-size: 20px !important;
    }

    .page-news_index .mod-list .text {
        font-size: 16px;
        color: #666;
        padding: 25px 0 !important;
        line-height: 28px !important;
    }

    .page-news_index .mod-list .footer {
        color: #999;
        zoom: 1;
    }

        .page-news_index .mod-list .footer:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-news_index .mod-list .footer span {
            float: left;
            height: 18px;
            line-height: 18px;
            margin: 0 10px 0 0;
        }

        .page-news_index .mod-list .footer i {
            float: left;
            margin: 0 5px 0 0;
        }

.page-news_detail .news {
    width: 700px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 32px;
    zoom: 1;
}

    .page-news_detail .news:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-news_detail .news .title {
        height: 20px;
        line-height: 20px;
        font-size: 20px;
        border-left: 5px solid #008ad6;
        margin: 20px 0 10px;
        padding: 0 0 0 5px;
    }

    .page-news_detail .news .box a {
        display: inline-block;
        width: 50%;
        float: left;
        height: 24px;
        line-height: 24px;
        margin-bottom: 10px;
        color: #666;
    }

        .page-news_detail .news .box a:hover {
            color: #f60;
        }

    .page-news_detail .news .box i {
        display: inline-block;
        height: 4px;
        width: 4px;
        background: #f60;
        margin: 10px 10px 0 0;
        float: left;
    }

.page-line_index .line-item {
    padding: 20px 0;
    zoom: 1;
}

    .page-line_index .line-item:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-line_index .line-item .thumb {
        float: left;
        margin: 0 15px 0 0;
        position: relative;
    }

        .page-line_index .line-item .thumb img {
            float: left;
        }

        .page-line_index .line-item .thumb span {
            display: block;
            width: 70px;
            height: 30px;
            line-height: 30px;
            position: absolute;
            left: 0;
            top: 10px;
            color: #fff;
            text-indent: 10px;
        }

            .page-line_index .line-item .thumb span.icon-line-tip3 {
                width: 82px;
            }

    .page-line_index .line-item .main {
        width: 452px;
        height: 175px;
        float: left;
        padding-right: 23px;
        background: url(../img/line-line.png) right center no-repeat;
    }

        .page-line_index .line-item .main .title {
            font-size: 18px;
            line-height: 26px;
            max-height: 50px;
            overflow: hidden;
            margin-bottom: 10px;
        }

            .page-line_index .line-item .main .title a:hover {
                color: #f60;
            }

            .page-line_index .line-item .main .title i {
                display: inline-block;
                height: 17px;
                line-height: 17px;
                font-style: normal;
                color: #fff;
                padding: 0 10px;
                margin-left: 3px;
                background: #f60;
                font-size: 12px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
            }

        .page-line_index .line-item .main ul li {
            overflow: hidden;
            width: 100%;
            float: left;
            position: relative;
            font-size: 12px;
            color: #666;
            line-height: 28px;
            margin-bottom: 3px;
        }

        .page-line_index .line-item .main ul .left {
            display: block;
            width: 60px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            background: #fff4d9;
            color: #ffab3f;
            position: absolute;
            left: 0;
            top: 4px;
        }

        .page-line_index .line-item .main ul .right {
            overflow: hidden;
            margin: 0 0 0 73px;
            max-height: 50px;
        }

        .page-line_index .line-item .main ul span {
            display: inline-block;
            float: left;
        }

            .page-line_index .line-item .main ul span em {
                display: inline-block;
                margin: 0 8px;
            }

            .page-line_index .line-item .main ul span a {
                color: #666;
            }

                .page-line_index .line-item .main ul span a:hover {
                    color: #f60;
                }

    .page-line_index .line-item .price {
        width: 140px;
        float: right;
        text-align: center;
        margin-top: 30px;
        padding-right: 10px;
    }

        .page-line_index .line-item .price span {
            display: block;
            color: #f60;
        }

            .page-line_index .line-item .price span i {
                font-size: 28px;
            }

        .page-line_index .line-item .price a {
            display: block;
            width: 108px;
            height: 40px;
            line-height: 40px;
            margin: 10px auto;
            color: #fff;
            background: -ms-linear-gradient(top,#ff954e,#ff6701);
            background: -moz-linear-gradient(top,#ff954e,#ff6701);
            background: -webkit-gradient(linear,0 0,0 100%,from(#ff954e),to(#ff6701));
            background: -webkit-linear-gradient(top,#ff954e,#ff6701);
            background: -o-linear-gradient(top,#ff954e,#ff6701);
        }

            .page-line_index .line-item .price a:hover {
                background: #f60;
                FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f60,endColorStr=#f60);
            }

        .page-line_index .line-item .price em {
            display: block;
            color: #999;
        }

    .page-line_index .line-item:hover {
        background: #f8f8f8;
    }

.page-line_detail .detail-top {
    padding: 20px;
    border: 1px solid #ddd;
    zoom: 1;
}

    .page-line_detail .detail-top:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-line_detail .detail-top .right {
        width: 590px;
        float: right;
    }

    .page-line_detail .detail-top .color {
        color: #999;
    }

    .page-line_detail .detail-top .color1 {
        color: #666;
    }

    .page-line_detail .detail-top i {
        font-style: normal;
    }

    .page-line_detail .detail-top .title {
        font-size: 18px;
        line-height: 28px;
        max-height: 50px;
        overflow: hidden;
        margin-bottom: 10px;
        padding-right: 85px;
        position: relative;
    }

        .page-line_detail .detail-top .title i {
            display: inline-block;
            height: 17px;
            line-height: 17px;
            color: #fff;
            padding: 0 10px;
            margin-left: 3px;
            background: #f60;
            font-size: 12px;
            position: absolute;
            right: 0;
            top: 5px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
        }

    .page-line_detail .detail-top ul {
        zoom: 1;
    }

        .page-line_detail .detail-top ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-line_detail .detail-top li {
        line-height: 30px;
        width: 100%;
        float: left;
    }

    .page-line_detail .detail-top .span {
        padding-right: 60px;
        float: left;
    }

        .page-line_detail .detail-top .span label {
            color: #f60;
        }

            .page-line_detail .detail-top .span label em {
                font-size: 28px;
            }

    .page-line_detail .detail-top .destination i {
        float: left;
    }

    .page-line_detail .detail-top .destination em {
        width: 345px;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
        display: inline;
        overflow: hidden;
        text-align: left;
    }

    .page-line_detail .detail-top .icon-line-num {
        margin-right: 5px;
    }

    .page-line_detail .detail-top .icon-line-cart, .page-line_detail .detail-top .icon-line-price {
        float: left;
        margin: 5px 5px 0 0;
    }

    .page-line_detail .detail-top .explain {
        display: inline-block;
        width: 70px;
        height: 20px;
        line-height: 20px;
        background: #f4f4f4;
        color: #666;
        font-size: 12px;
        margin: 0 0 0 20px;
        text-align: center;
        position: relative;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .page-line_detail .detail-top .explain .explain_box {
            position: absolute;
            left: -165px;
            top: 11px;
            z-index: 4;
            display: none;
        }

            .page-line_detail .detail-top .explain .explain_box div {
                width: 370px;
                line-height: 28px;
                color: #666;
                padding: 15px;
                border: 1px solid #ddd;
                background: #fff;
                text-align: left;
                margin-top: 20px;
                zoom: 1;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 5px 10px #ddd;
                -moz-box-shadow: 0 5px 10px #ddd;
                box-shadow: 0 5px 10px #ddd;
            }

                .page-line_detail .detail-top .explain .explain_box div:after {
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content: " ";
                    clear: both;
                    height: 0;
                }

            .page-line_detail .detail-top .explain .explain_box i {
                display: inline-block;
                position: absolute;
                left: 195px;
                top: 14px;
                z-index: 5;
            }

    .page-line_detail .detail-top .box {
        height: 132px;
        padding: 18px;
        background: #f8f8f8;
        margin-top: 15px;
    }

    .page-line_detail .detail-top .item {
        height: 30px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .page-line_detail .detail-top .input {
        display: inline-block;
        width: 120px;
        height: 28px;
        padding: 0 5px;
        margin-right: 10px;
        border: 1px solid #e5e5e5;
    }

    .page-line_detail .detail-top .button {
        display: inline-block;
        width: 138px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #f60;
        color: #fff;
        font-size: 20px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        transition: all .3s ease-in-out;
    }

        .page-line_detail .detail-top .button:hover {
            background: #e25b02;
        }

    .page-line_detail .detail-top .icon-line-colection {
        margin: 0 4px 0 10px;
    }

.page-line_detail .detail {
    margin: 40px auto;
    zoom: 1;
}

    .page-line_detail .detail:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-line_detail .overview dl {
    overflow: hidden;
    margin: 0 0 20px;
}

.page-line_detail .overview dt {
    display: inline-block;
    margin: 0 20px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    float: left;
}

.page-line_detail .overview dd {
    display: inline-block;
    width: 780px;
    line-height: 40px;
    font-size: 16px;
}

.page-line_detail .overview em {
    display: inline-block;
    height: 2px;
    width: 20px;
    background: #ccc;
    vertical-align: middle;
    margin: 0 4px;
}

.page-line_detail .introduce {
    margin: 0 auto 40px;
    zoom: 1;
}

    .page-line_detail .introduce:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-line_detail .day {
    overflow: hidden;
    width: 105px;
    float: left;
}

    .page-line_detail .day a {
        display: inline-block;
        width: 75px;
        height: 30px;
        line-height: 30px;
        margin: 0 0 2px;
        text-align: center;
        font-size: 14px;
        background: #f3f3f3;
        color: #666;
    }

    .page-line_detail .day .cur {
        background: #f60;
        color: #fff;
    }

.page-line_detail .content {
    zoom: 1;
}

    .page-line_detail .content:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-line_detail .day-detail {
    width: 760px;
    float: right;
    border-left: 1px solid #ffe5d4;
    line-height: 34px;
    text-align: justify;
    color: #666;
    position: relative;
}

.page-line_detail .icon-day-ring1 {
    position: absolute;
    left: -9px;
    bottom: -10px;
}

.page-line_detail .day-one {
    padding: 0 0 30px 35px;
    position: relative;
}

    .page-line_detail .day-one.on {
        padding-bottom: 10px;
    }

    .page-line_detail .day-one .icon-line-introduce-a {
        position: absolute;
        left: -8px;
        top: 0;
    }

    .page-line_detail .day-one .icon-line-introduce-d {
        position: absolute;
        left: -6px;
        bottom: -10px;
        height: 6px;
        width: 6px;
        background: #fff;
        border: 2px solid #ffc59f;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .page-line_detail .day-one .day-title {
        overflow: hidden;
        height: 40px;
        margin: 0 auto 10px;
        line-height: 40px;
        background: #f6f8fa;
    }

        .page-line_detail .day-one .day-title span {
            height: 40px;
            width: 85px;
            background: #f60;
            color: #fff;
            text-align: center;
            float: left;
        }

        .page-line_detail .day-one .day-title strong {
            font-size: 20px;
        }

        .page-line_detail .day-one .day-title .arrow {
            line-height: 0;
            font-size: 0;
            margin-top: 15px;
            float: left;
            width: 0;
            height: 0;
            border-width: 5px;
            border-style: dashed dashed dashed solid;
            border-color: transparent transparent transparent #f60;
        }

    .page-line_detail .day-one .img {
        overflow: hidden;
        margin: 10px -20px 0 0;
    }

        .page-line_detail .day-one .img img {
            margin: 0 20px 20px 0;
        }

    .page-line_detail .day-one dl {
        overflow: hidden;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .page-line_detail .day-one dt i, .page-line_detail .explain .content i {
        margin: 0 10px 0 0;
        float: left;
    }

    .page-line_detail .day-one dt {
        width: 87px;
        float: left;
    }

    .page-line_detail .day-one dd {
        width: 630px;
        float: left;
    }

.page-line_detail .explain .content .hidden {
    overflow: hidden;
    line-height: 29px;
    padding: 20px 0 10px;
}

.page-line_detail .notice strong {
    display: block;
    width: 100%;
}

.page-line_detail .hot {
    margin: 40px 0 0;
}

.page-line_detail .mod-sidebar-product ul {
    margin-right: -20px;
}

.page-line_detail .mod-sidebar-product li {
    margin: 0 20px 0 0;
    float: left;
    border: none;
}

.page-line_detail .mod-sidebar-product .img {
    width: 290px;
    height: 190px;
}

.page-line_detail .mod-sidebar-product .text {
    border: 1px solid #ddd;
    border-top: none;
}

.page-hotel_index .mod-filter {
    margin-bottom: 40px;
}

.page-hotel_index p {
    overflow: hidden;
}

.page-hotel_index .starBox {
    color: #666;
    line-height: 26px;
    padding-left: 40px;
}

    .page-hotel_index .starBox .starBg {
        display: inline-block;
        width: 110px;
        height: 20px;
        background: url(../img/starBg.png) repeat-x #fff;
        float: left;
    }

    .page-hotel_index .starBox .star {
        display: inline-block;
        width: 110px;
        height: 20px;
        background: url(../img/star.png) repeat-x #fff;
    }

.page-hotel_index .list .top {
    height: 38px;
    line-height: 38px;
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
    margin: 0 0 10px;
}

    .page-hotel_index .list .top span {
        display: inline-block;
    }

        .page-hotel_index .list .top span.cur {
            background: #fff;
            color: #f60;
            padding: 0 25px;
        }

        .page-hotel_index .list .top span.on {
            width: 160px;
            text-align: center;
        }

        .page-hotel_index .list .top span .icon-moreDown {
            margin: 0 0 0 4px;
        }

.page-hotel_index .list .item {
    padding: 20px 20px 0;
    border: 1px solid #ddd;
    margin: 0 0 40px;
}

.page-hotel_index .list .box {
    zoom: 1;
}

    .page-hotel_index .list .box:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-hotel_index .list .thumb {
    float: left;
    margin: 0 20px 0 0;
}

.page-hotel_index .list .main {
    width: 450px;
    float: left;
}

    .page-hotel_index .list .main h2 {
        line-height: 32px;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .page-hotel_detail .detail-top .icon-xin, .page-hotel_index .list .main .icon-xin {
        margin: 0 0 0 4px;
        vertical-align: middle;
    }

    .page-hotel_index .list .main p {
        color: #666;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .page-hotel_index .list .main .icon {
        overflow: hidden;
    }

        .page-hotel_index .list .main .icon i {
            float: left;
            margin-right: 5px;
        }

.page-hotel_index .list .price {
    width: 140px;
    float: right;
    text-align: center;
    margin-top: 50px;
    padding-right: 10px;
}

    .page-hotel_index .list .price span {
        display: block;
        color: #f60;
    }

    .page-hotel_index .list .price i {
        font-size: 28px;
    }

    .page-hotel_index .list .price em {
        display: block;
        color: #999;
    }

.page-hotel_index .list .table {
    margin: 20px 0 0;
    zoom: 1;
}

    .page-hotel_index .list .table:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-hotel_index .list table {
    width: 100%;
}

    .page-hotel_index .list table a {
        display: inline-block;
        width: 80px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        background: #ff8f44;
        color: #fff;
    }

    .page-hotel_index .list table .color {
        color: #f60;
    }

    .page-hotel_index .list table .span {
        display: inline-block;
        padding-left: 20px;
        float: left;
        text-align: left;
    }

.page-hotel_index .list th {
    background: #fff;
    color: #999;
    line-height: 25px;
    border-bottom: 1px solid #ddd;
}

.page-hotel_index .list td {
    line-height: 45px;
    border-bottom: 1px dashed #ddd;
    background: #f7f8f8;
}

.page-hotel_index .list tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.page-hotel_index .list .more {
    display: block;
    float: right;
    line-height: 45px;
    padding-right: 20px;
}

    .page-hotel_index .list .more em {
        display: inline-block;
        margin: 0 0 0 3px;
    }

.page-hotel_index .list.list_ticket .level {
    font-size: 24px;
    color: #f60;
}

.page-hotel_index .list.list_ticket .map {
    color: #489d00;
}

.page-hotel_index .list.list_ticket .col-block4 {
    color: #999;
}

.page-hotel_index .list.list_ticket .col-block3 {
    color: #666;
}

.page-hotel_index .list.list_ticket .price {
    margin-top: 10px;
}

    .page-hotel_index .list.list_ticket .price .ui-btn-red {
        font-size: 18px;
        padding: 0 20px;
        margin: 7px auto;
    }

    .page-hotel_index .list.list_ticket .price p {
        color: #999;
        line-height: 24px;
    }

.page-hotel_index .list.list_ticket td, .page-hotel_index .list.list_ticket th {
    text-align: center;
}

.page-hotel_index .list.list_ticket .ticketPrice {
    position: relative;
    display: inline-block;
}

.page-hotel_index .list.list_ticket .sale {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    padding: 0 3px 0 18px;
    font-size: 12px;
    border: 1px solid #f60;
    background: url(../img/sheng.png) no-repeat #fff;
    overflow: hidden;
    float: left;
    position: absolute;
    right: -45px;
    top: 12px;
    color: #f60;
}

.page-hotel_index .list.list_ticket .span2 {
    display: inline-block;
    float: right;
    width: 117px;
    text-align: center;
}

.page-hotel_index .list.list_ticket .dropDown {
    position: relative;
}

    .page-hotel_index .list.list_ticket .dropDown .dropBox {
        overflow: hidden;
        width: 138px;
        border: 1px solid #ddd;
        padding: 0 10px 0 0;
        position: absolute;
        top: -1px;
        left: -1px;
        background: #fff;
    }

        .page-hotel_index .list.list_ticket .dropDown .dropBox li {
            width: 100%;
            float: left;
        }

        .page-hotel_index .list.list_ticket .dropDown .dropBox .icon-moreDown {
            position: absolute;
            top: 16px;
            right: 20px;
        }

.page-hotel_index .mod-sidebar-product ul li .img .black-bg, .page-hotel_index .mod-sidebar-product ul li .img .description {
    height: 20px;
    line-height: 20px;
}

.page-hotel_index .ui-pagination {
    padding-top: 0;
}

.page-hotel_detail .color {
    color: #999;
}

.page-hotel_detail .fixed {
    position: fixed;
    top: 0;
    z-index: 999;
}

.page-hotel_detail .detail-top {
    padding: 20px;
    border: 1px solid #ddd;
    zoom: 1;
}

    .page-hotel_detail .detail-top i {
        font-style: normal;
    }

    .page-hotel_detail .detail-top:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-hotel_detail .detail-top .starBox {
        color: #666;
        line-height: 26px;
        padding-left: 40px;
    }

        .page-hotel_detail .detail-top .starBox .starBg {
            display: inline-block;
            width: 110px;
            height: 20px;
            background: url(../img/starBg.png) repeat-x #fff;
            float: left;
        }

        .page-hotel_detail .detail-top .starBox .star {
            display: inline-block;
            width: 110px;
            height: 20px;
            background: url(../img/star.png) repeat-x #fff;
        }

        .page-hotel_detail .detail-top .starBox a.assess {
            color: #008ad6;
            float: right;
            margin: 0 0 0 10px;
        }

            .page-hotel_detail .detail-top .starBox a.assess i {
                font-family: sans-serif,serif;
            }

            .page-hotel_detail .detail-top .starBox a.assess:hover {
                color: #f60;
            }

    .page-hotel_detail .detail-top .right {
        width: 590px;
        float: right;
        position: relative;
    }

    .page-hotel_detail .detail-top .collection {
        position: absolute;
        right: 0;
        top: 5px;
    }

    .page-hotel_detail .detail-top .icon-line-colection {
        margin: 0 4px 0 10px;
    }

    .page-hotel_detail .detail-top .title {
        font-size: 18px;
        line-height: 28px;
        max-height: 50px;
        overflow: hidden;
        margin-bottom: 10px;
        padding-right: 90px;
    }

        .page-hotel_detail .detail-top .title i {
            display: inline-block;
            height: 17px;
            line-height: 17px;
            font-size: 12px;
            font-style: normal;
            color: #fff;
            padding: 0 10px;
            margin: 0 10px 0 5px;
            background: #f60;
            -webkit-border-radius: 2px;
            border-radius: 2px;
        }

    .page-hotel_detail .detail-top .price {
        padding: 20px 0;
        zoom: 1;
    }

        .page-hotel_detail .detail-top .price:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-hotel_detail .detail-top .span {
        padding-right: 60px;
    }

    .page-hotel_detail .detail-top .icon-line-num {
        margin-right: 5px;
    }

    .page-hotel_detail .detail-top .icon-line-cart, .page-hotel_detail .detail-top .icon-line-price {
        float: left;
        margin: 5px 5px 0 0;
    }

    .page-hotel_detail .detail-top .mun-price {
        color: #f60;
    }

        .page-hotel_detail .detail-top .mun-price em {
            font-size: 28px;
        }

    .page-hotel_detail .detail-top li {
        line-height: 30px;
        zoom: 1;
    }

        .page-hotel_detail .detail-top li:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-hotel_detail .detail-top .icon i {
        display: inline-block;
        float: left;
        margin: 8px 10px 8px 0;
    }

    .page-hotel_detail .detail-top .step {
        padding: 15px 20px;
        background: #f8f8f8;
        margin-top: 5px;
    }

        .page-hotel_detail .detail-top .step div {
            font-size: 16px;
            padding-bottom: 10px;
        }

.page-hotel_detail .detail {
    margin: 40px auto 0;
    zoom: 1;
}

    .page-hotel_detail .detail:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-hotel_detail .detail p {
        text-align: justify;
    }

    .page-hotel_detail .detail .table table {
        width: 100%;
    }

    .page-hotel_detail .detail .table th {
        background: #f7f8f8;
        color: #333;
        line-height: 40px;
        border-bottom: none;
    }

    .page-hotel_detail .detail .table td {
        background: #fff;
    }

    .page-hotel_detail .detail .table .color {
        color: #f60;
    }

    .page-hotel_detail .detail .table .span {
        display: inline-block;
        padding-left: 20px;
    }

    .page-hotel_detail .detail .table a {
        display: inline-block;
        width: 80px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        background: #ff8f44;
        color: #fff;
    }

    .page-hotel_detail .detail .map .mapBox {
        width: 450px;
        height: 300px;
        margin-right: 20px;
        float: left;
    }

    .page-hotel_detail .detail .map .text {
        overflow: hidden;
    }

    .page-hotel_detail .detail .map .mapTitle {
        overflow: hidden;
        line-height: 35px;
        font-weight: 600;
    }

    .page-hotel_detail .detail .map .icon-hotel-tip {
        float: left;
        margin: 0 8px 10px 0;
    }

    .page-hotel_detail .detail .information ul {
        overflow: hidden;
        margin-top: 20px;
    }

    .page-hotel_detail .detail .information li {
        line-height: 46px;
        border-bottom: 1px dashed #ddd;
        margin-bottom: -1px;
        position: relative;
    }

        .page-hotel_detail .detail .information li div {
            overflow: hidden;
            margin-left: 122px;
        }

        .page-hotel_detail .detail .information li strong {
            display: inline-block;
            width: 122px;
            height: 46px;
            font-weight: 600;
            line-height: 46px;
            color: #333;
            position: absolute;
            left: 0;
            top: 0;
        }

        .page-hotel_detail .detail .information li span {
            display: inline-block;
            padding-right: 40px;
        }

    .page-hotel_detail .detail .hot {
        margin-top: 40px;
    }

    .page-hotel_detail .detail .content {
        padding: 20px 20px 40px;
        line-height: 34px;
        font-size: 16px;
        color: #666;
        zoom: 1;
    }

        .page-hotel_detail .detail .content:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

.page-jingdian .content img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.page-jingdian .content p {
    text-indent: 2em;
}

.page-jingdian .l-pop-content {
    padding: 20px 20px 0;
    margin-bottom: 0;
}

    .page-jingdian .l-pop-content .ui-select {
        float: none;
    }

    .page-jingdian .l-pop-content .jingdianItem {
        padding: 20px 0 10px;
    }

.page-jingdian .alertDay {
    display: inline-block;
    width: 78px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #b2b2b2;
    text-align: center;
    position: relative;
    margin: 0 5px 5px 0;
    float: left;
}

    .page-jingdian .alertDay i {
        display: none;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .page-jingdian .alertDay.cur {
        border-color: #f60;
        color: #f60;
    }

        .page-jingdian .alertDay.cur i {
            display: block;
        }

.page-jingdian .alertAdd {
    color: #008ad6;
}

.page-jingdian .ui-floatCenter, .page-jingdian .ui-sl-floatCenter {
    height: auto;
    zoom: 1;
}

    .page-jingdian .ui-floatCenter:after, .page-jingdian .ui-sl-floatCenter:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-jingdian .ui-btn-primary {
    padding: 0 25px;
}

.page-jingdian .l-pop-content div {
    height: 35px;
}

.page-jingdian .l-pop-btnWrap {
    padding: 20px 0;
}

    .page-jingdian .l-pop-btnWrap .ui-btn {
        padding: 0;
        width: 98px;
        text-align: center;
    }

.page-jingdian .ltLeft {
    width: 260px;
    float: left;
}

.page-jingdian .ltBox {
    margin-bottom: 40px;
}

    .page-jingdian .ltBox .content {
        padding: 20px;
        border: 1px solid #ddd;
        zoom: 1;
    }

        .page-jingdian .ltBox .content:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-jingdian .ltBox .left {
        width: 100px;
        padding: 20px 0 0 10px;
        height: 50px;
        font-size: 38px;
        font-weight: 600;
        position: relative;
        color: #fff;
        background: #4fbbf6;
        float: left;
        margin: 0 20px 10px 0;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

.page-jingdian .picture, .page-jingdian .shop .mod-listImg {
    padding-top: 20px;
}

.page-jingdian .ltBox .left span {
    position: absolute;
    right: 8px;
    bottom: 5px;
    font-weight: 400;
    font-size: 14px;
}

.page-jingdian .ltBox .right {
    line-height: 24px;
}

.page-jingdian .ltBox table {
    width: 100%;
    line-height: 40px;
    text-align: center;
    border: 1px solid #f2f2f2;
}

    .page-jingdian .ltBox table th {
        background: #fafafa;
        text-align: center;
        color: #666;
    }

    .page-jingdian .ltBox table td {
        text-align: center;
        color: #000;
        font-size: 16px;
        font-weight: 600;
    }

    .page-jingdian .ltBox table .on {
        border-right: 1px solid #f2f2f2;
    }

.page-jingdian .ltRight {
    width: 910px;
    float: right;
}

.page-jingdian .rightTitle {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    margin-bottom: 20px;
}

    .page-jingdian .rightTitle span {
        color: #fff;
    }

    .page-jingdian .rightTitle i {
        margin: 13px 10px 0 20px;
        float: left;
    }

.page-jingdian .description .title {
    height: 44px;
    text-align: center;
    border-bottom: 2px solid #f8f8f8;
    font-size: 24px;
    color: #008ad6;
}

    .page-jingdian .description .title h3 {
        font-weight: 400;
        height: 43px;
        border-bottom: 1px solid #ebebeb;
    }

.page-jingdian .description .content {
    padding: 20px;
    line-height: 28px;
}

.page-jingdian .traffic .tab-box {
    min-height: 1400px;
}

.page-jingdian .picture .baguetteBoxOne {
    margin-right: -20px;
    zoom: 1;
}

    .page-jingdian .picture .baguetteBoxOne:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-jingdian .picture .baguetteBoxOne a {
        float: left;
        margin: 0 20px 20px 0;
    }

.page-jingdian .news .item {
    border-bottom: 1px solid #eee;
    margin-bottom: -1px;
}

    .page-jingdian .news .item:hover {
        background: 0 0;
    }

    .page-jingdian .news .item .text {
        font-size: 16px;
        color: #666;
        margin: 25px 0 !important;
        line-height: 28px !important;
    }

.page-jingdian .news .title {
    font-weight: 700;
    font-size: 20px !important;
}

.page-jingdian .news .footer {
    color: #999;
    zoom: 1;
}

    .page-jingdian .news .footer:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-jingdian .news .footer span {
        float: left;
        height: 18px;
        line-height: 18px;
        margin: 0 10px 0 0;
    }

    .page-jingdian .news .footer i {
        float: left;
        margin: 0 5px 0 0;
    }

.page-jingdian .news .rightTitle i {
    margin-top: 16px;
}

.page-jingdian .goods .item .text {
    height: 78px;
    margin-bottom: 16px;
}

.page-jingdian .goods .item .area {
    color: #acacac;
    margin-right: 10px;
}

.page-jingdian .shop span.location {
    width: 260px !important;
    height: auto !important;
}

.page-jingdian .shop .add {
    margin-bottom: 0 !important;
}

.page-jingdian .shop .icon-news-location {
    margin: 2px 10px 0 0 !important;
}

.page-jingdian_index .mod-filter {
    margin-bottom: 20px;
}

.page-jingdian_detail .ltRight .detail {
    height: 400px;
    zoom: 1;
}

    .page-jingdian_detail .ltRight .detail:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-jingdian_detail .ltRight .detail .left {
        width: 600px;
        float: left;
        position: relative;
    }

    .page-jingdian_detail .ltRight .detail .more {
        display: inline-block;
        width: 120px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: url(../img/black.png);
        position: absolute;
        right: 0;
        bottom: 0;
        color: #fff;
    }

        .page-jingdian_detail .ltRight .detail .more:hover {
            background: #f60;
        }

    .page-jingdian_detail .ltRight .detail .right {
        width: 290px;
        float: right;
        line-height: 25px;
        color: #999;
        text-align: justify;
    }

        .page-jingdian_detail .ltRight .detail .right a {
            color: #f60;
        }

    .page-jingdian_detail .ltRight .detail .map {
        width: 290px;
        height: 248px;
        margin-bottom: 8px;
    }

.page-jingdian_detail .ticket .sale {
    display: inline-block;
    height: 12px;
    padding: 0 3px 0 18px;
    font-size: 12px;
    line-height: 12px;
    border: 1px solid #f60;
    background: url(../img/sheng.png) no-repeat #fff;
    color: #f60;
    overflow: hidden;
    float: left;
    margin: -3px 0 0 3px;
}

.page-jingdian_detail .ticket .list {
    margin-bottom: 30px;
}

.page-jingdian_detail .ticket .top {
    height: 40px;
    line-height: 40px;
    background: #ffe8b2;
    cursor: pointer;
    position: relative;
    padding-left: 80px;
    color: #555;
}

    .page-jingdian_detail .ticket .top span {
        float: left;
    }

    .page-jingdian_detail .ticket .top .jiao {
        position: absolute;
        left: 0;
        top: 0;
    }

        .page-jingdian_detail .ticket .top .jiao .arrow {
            width: 0;
            height: 0;
            border-style: solid dashed dashed;
            border-color: #ffa800 transparent transparent;
            border-width: 40px 40px 0 0 !important;
            float: left;
        }

        .page-jingdian_detail .ticket .top .jiao em {
            margin: -8px 0 0 -35px;
            color: #fff;
            font-size: 16px;
            float: left;
        }

    .page-jingdian_detail .ticket .top .type {
        font-size: 16px;
        font-weight: 600;
        padding-right: 400px;
    }

    .page-jingdian_detail .ticket .top .price em {
        color: #f60;
        float: left;
    }

        .page-jingdian_detail .ticket .top .price em i {
            color: #555;
        }

    .page-jingdian_detail .ticket .top .price b {
        font-size: 20px;
    }

    .page-jingdian_detail .ticket .top .sale {
        margin: 10px 0 0 3px;
    }

    .page-jingdian_detail .ticket .top .btn {
        float: right;
        height: 20px;
        padding-left: 10px;
        margin: 10px 10px 0 0;
        line-height: 20px;
        border: 1px solid #f9cc7c;
        color: #888;
        border-radius: 2px;
        background: #fff;
        cursor: pointer;
    }

        .page-jingdian_detail .ticket .top .btn .icon-moreUp {
            float: right;
            margin: 6px 5px 3px 4px;
        }

        .page-jingdian_detail .ticket .top .btn.cur .icon-moreUp {
            background-position: -408px -370px;
        }

.page-jingdian_detail .ticket ul {
    display: none;
    border: 2px solid #ffe8b2;
    border-top: none;
    padding: 0 0 10px;
    zoom: 1;
}

    .page-jingdian_detail .ticket ul:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-jingdian_detail .ticket li {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #ddd;
    zoom: 1;
}

    .page-jingdian_detail .ticket li:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-jingdian_detail .ticket li.cur {
        border-color: #fff;
    }

    .page-jingdian_detail .ticket li.first {
        font-weight: 600;
        color: #666;
    }

    .page-jingdian_detail .ticket li span {
        display: inline-block;
        float: left;
        padding: 15px 0;
    }

    .page-jingdian_detail .ticket li .lititle {
        padding: 15px 0 15px 13px;
        width: 293px;
    }

    .page-jingdian_detail .ticket li .cost {
        width: 80px;
        text-align: center;
    }

    .page-jingdian_detail .ticket li .price {
        width: 110px;
        padding-left: 20px;
    }

        .page-jingdian_detail .ticket li .price em {
            float: left;
        }

    .page-jingdian_detail .ticket li .type {
        width: 85px;
    }

    .page-jingdian_detail .ticket li .must {
        width: 70px;
        height: 28px;
        line-height: 28px;
        text-align: right;
        border: 1px solid #fff;
        color: #489d00;
        border-bottom: none;
        padding: 0;
        margin-top: 12px;
        cursor: pointer;
        position: relative;
        z-index: 2;
    }

        .page-jingdian_detail .ticket li .must.cur {
            background: #f9f9f9;
            border-color: #dfdfdf;
        }

            .page-jingdian_detail .ticket li .must.cur .icon-moreDown {
                background-position: -399px -370px;
            }

    .page-jingdian_detail .ticket li .icon-moreDown {
        margin: 10px 15px 0 5px;
        float: right;
    }

    .page-jingdian_detail .ticket li .pay {
        width: 107px;
        text-align: center;
    }

    .page-jingdian_detail .ticket li .btn {
        width: 120px;
        text-align: center;
    }

    .page-jingdian_detail .ticket li .box {
        display: none;
        width: 864px;
        float: left;
        padding: 15px;
        line-height: 22px;
        border: 1px solid #e6e6e6;
        background: #f9f9f9;
        margin: -12px 0 0 5px;
        clear: both;
    }

.page-jingdian_detail .ticket .ui-btn-jb {
    display: block;
    width: 80px;
    height: 26px;
    line-height: 26px;
    margin: -2px auto;
    color: #fff;
    background: -ms-linear-gradient(top,#ff954e,#ff6701);
    background: -moz-linear-gradient(top,#ff954e,#ff6701);
    background: -webkit-gradient(linear,0 0,0 100%,from(#ff954e),to(#ff6701));
    background: -webkit-linear-gradient(top,#ff954e,#ff6701);
    background: -o-linear-gradient(top,#ff954e,#ff6701);
}

    .page-jingdian_detail .ticket .ui-btn-jb:hover {
        background: #f60;
        FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f60,endColorStr=#f60);
    }

.page-goods_index .mod-tab {
    margin-bottom: 20px;
}

.page-goods_index .lt-left .item {
    height: 150px;
}

    .page-goods_index .lt-left .item h2 {
        font-size: 18px;
    }

    .page-goods_index .lt-left .item .zan {
        display: inline-block;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        color: #999;
        padding: 0 10px;
        border: 1px solid #d9d9d9;
        margin-left: 20px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .page-goods_index .lt-left .item .zan i {
            display: inline-block;
            vertical-align: middle;
            margin: 3px 0 0 6px;
            float: right;
        }

    .page-goods_index .lt-left .item .add {
        display: inline-block;
        width: 118px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: center;
        color: #666;
        border: 1px solid #ddd;
        position: absolute;
        right: 10px;
        top: -5px;
    }

        .page-goods_index .lt-left .item .add i {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            background-image: url(../img/sprite.png);
            background-position: -168px -405px;
            width: 20px;
            height: 20px;
        }

        .page-goods_index .lt-left .item .add:hover {
            background: #f60;
            border: 1px solid #f60;
            color: #fff;
        }

            .page-goods_index .lt-left .item .add:hover i {
                background-position: -148px -405px;
            }

    .page-goods_index .lt-left .item .text {
        overflow: hidden;
        height: 84px;
        line-height: 28px;
    }

    .page-goods_index .lt-left .item .area {
        display: inline-block;
        color: #acacac;
    }

.page-goods_detail .lt-left {
    width: 871px;
}

.page-goods_detail .headTitle {
    border-top: 1px solid #ebebeb;
    border-bottom: 2px solid #f8f8f8;
}

    .page-goods_detail .headTitle .headTitleWrap {
        border-top: 2px solid #f8f8f8;
        border-bottom: 1px solid #ebebeb;
        padding: 20px 0;
        zoom: 1;
    }

        .page-goods_detail .headTitle .headTitleWrap:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-goods_detail .headTitle .icon-goods-title {
        text-align: center;
        line-height: 45px;
        font-size: 24px;
        color: #fff;
        float: left;
        margin-right: 30px;
    }

    .page-goods_detail .headTitle h3 {
        overflow: hidden;
        width: 285px;
        font-size: 24px;
        line-height: 55px;
        float: left;
        color: #008ad6;
    }

    .page-goods_detail .headTitle .share {
        overflow: hidden;
        line-height: 35px;
        margin-top: 11px;
        float: left;
    }

        .page-goods_detail .headTitle .share a {
            float: left;
            margin-left: 17px;
            color: #666;
        }

            .page-goods_detail .headTitle .share a:hover {
                color: #f60;
            }

            .page-goods_detail .headTitle .share a i {
                vertical-align: middle;
            }

        .page-goods_detail .headTitle .share [class^=icon-] {
            margin: 0 8px 0 0;
        }

        .page-goods_detail .headTitle .share .bdsharebuttonbox {
            float: left;
        }

            .page-goods_detail .headTitle .share .bdsharebuttonbox .bds_more {
                background: 0 0;
                margin: 0 0 0 17px;
                height: auto;
                padding: 0;
                line-height: 35px;
                font-size: 14px;
            }

    .page-goods_detail .headTitle .add {
        display: inline-block;
        width: 115px;
        height: 28px;
        line-height: 28px;
        float: right;
        font-size: 14px;
        text-align: center;
        color: #666;
        border: 1px solid #ddd;
        margin-top: 13px;
    }

        .page-goods_detail .headTitle .add i {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            background-image: url(../img/sprite.png);
            background-position: -168px -405px;
            width: 20px;
            height: 20px;
        }

.page-goods_detail .content .box img, .page-goods_detail .content .mod-sidebar img {
    vertical-align: top;
}

.page-goods_detail .headTitle .add:hover {
    background: #f60;
    border: 1px solid #f60;
    color: #fff;
}

    .page-goods_detail .headTitle .add:hover i {
        background-position: -148px -405px;
    }

.page-goods_detail .content {
    width: 870px;
    margin: 20px auto;
}

    .page-goods_detail .content img {
        max-width: 100%;
        text-align: center;
    }

    .page-goods_detail .content .box {
        line-height: 34px;
        padding-bottom: 40px;
        min-height: 600px;
    }

        .page-goods_detail .content .box p {
            margin-bottom: 10px;
        }

    .page-goods_detail .content .mod-sidebar {
        padding-top: 40px;
        border-top: 1px solid #ddd;
    }

        .page-goods_detail .content .mod-sidebar .title {
            margin-bottom: 20px;
        }

        .page-goods_detail .content .mod-sidebar li {
            overflow: hidden;
            width: 100%;
            line-height: 28px;
            margin: 0 0 20px;
            zoom: 1;
        }

            .page-goods_detail .content .mod-sidebar li:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

        .page-goods_detail .content .mod-sidebar .img {
            float: left;
        }

        .page-goods_detail .content .mod-sidebar .main {
            overflow: hidden;
            float: left;
            margin: 0 0 0 20px;
            width: 640px;
        }

        .page-goods_detail .content .mod-sidebar .top {
            display: block;
            font-size: 18px;
            padding-bottom: 8px;
        }

        .page-goods_detail .content .mod-sidebar span {
            color: #999;
        }

.page-shop_detail .detail-top {
    padding: 20px;
    border: 1px solid #ddd;
    zoom: 1;
}

    .page-shop_detail .detail-top:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-shop_detail .detail-top .right {
        width: 545px;
        float: right;
    }

    .page-shop_detail .detail-top h2 {
        overflow: hidden;
        font-size: 20px;
        line-height: 26px;
    }

    .page-shop_detail .detail-top ul {
        padding: 20px 0;
    }

    .page-shop_detail .detail-top li {
        overflow: hidden;
        width: 100%;
        position: relative;
        line-height: 30px;
    }

        .page-shop_detail .detail-top li span {
            display: inline-block;
            color: #999;
            position: absolute;
            left: 0;
            top: 0;
        }

        .page-shop_detail .detail-top li div {
            overflow: hidden;
            margin-left: 70px;
        }

    .page-shop_detail .detail-top .add {
        display: inline-block;
        width: 115px;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
        text-align: center;
        color: #666;
        background: #fff;
        border: 1px solid #ddd;
    }

        .page-shop_detail .detail-top .add i {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            background-image: url(../img/sprite.png);
            background-position: -168px -405px;
            width: 20px;
            height: 20px;
        }

        .page-shop_detail .detail-top .add:hover {
            background: #f60;
            border: 1px solid #f60;
            color: #fff;
        }

            .page-shop_detail .detail-top .add:hover i {
                background-position: -148px -405px;
            }

    .page-shop_detail .detail-top .share {
        overflow: hidden;
        line-height: 35px;
        float: right;
        margin-top: 10px;
    }

        .page-shop_detail .detail-top .share a {
            float: left;
            margin-left: 17px;
            color: #666;
        }

            .page-shop_detail .detail-top .share a:hover {
                color: #f60;
            }

            .page-shop_detail .detail-top .share a i {
                vertical-align: middle;
            }

        .page-shop_detail .detail-top .share [class^=icon-] {
            margin: 0 8px 0 0;
        }

        .page-shop_detail .detail-top .share .bdsharebuttonbox {
            float: left;
        }

            .page-shop_detail .detail-top .share .bdsharebuttonbox .bds_more {
                background: 0 0;
                margin: 0 0 0 17px;
                height: auto;
                padding: 0;
                line-height: 35px;
                font-size: 14px;
            }

    .page-shop_detail .detail-top [class^=icon-] {
        margin: 0 8px 0 0;
        vertical-align: middle;
    }

.page-shop_detail .mod-tab {
    line-height: 34px;
    margin-top: 40px;
}

    .page-shop_detail .mod-tab p {
        text-indent: 2em;
        margin-bottom: 10px;
        text-align: justify;
    }

    .page-shop_detail .mod-tab .tab-item .content {
        padding: 20px 0 30px;
    }

    .page-shop_detail .mod-tab ul {
        margin: 20px -22px 20px 0;
        zoom: 1;
    }

        .page-shop_detail .mod-tab ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-shop_detail .mod-tab ul li {
            float: left;
            width: 213px;
            margin: 0 20px 20px 0;
        }

        .page-shop_detail .mod-tab ul img {
            vertical-align: top;
        }

        .page-shop_detail .mod-tab ul .text {
            display: inline-block;
            overflow: hidden;
            height: 38px;
            line-height: 38px;
            width: 94%;
            padding: 0 3%;
            text-align: center;
            font-size: 16px;
            border: 1px solid #ddd;
            border-top: none;
        }

.page-shop_detail .map {
    height: 210px;
}

.page-shop_detail .mod-sidebar-service {
    margin-bottom: 40px;
}

.page-traffic_index .traffic {
    border: 1px solid #ddd;
    zoom: 1;
}

    .page-traffic_index .traffic:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-traffic_index .mapLeft {
    width: 303px;
    float: left;
    padding: 10px 10px 0;
}

.page-traffic_index .ui-tab {
    zoom: 1;
}

    .page-traffic_index .ui-tab:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-traffic_index .ui-tab li {
        float: left;
    }

.page-traffic_index .mapTab li {
    width: 50%;
    position: relative;
    text-align: center;
    background: #dedede;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
}

    .page-traffic_index .mapTab li.on {
        background: #018bd6;
        color: #fff;
    }

        .page-traffic_index .mapTab li.on .arrow {
            position: absolute;
            bottom: -17px;
            left: 70px;
            width: 0;
            height: 0;
            border-width: 10px;
            border-style: solid dashed dashed;
            border-color: #018bd6 transparent transparent;
        }

.page-traffic_index .mapType {
    background: #fafcff;
    border-bottom: 1px solid #a5c4ff;
    margin-top: 10px;
}

    .page-traffic_index .mapType li {
        width: 25%;
        position: relative;
        text-align: center;
        height: 32px;
        line-height: 32px;
        color: #666;
        cursor: pointer;
    }

        .page-traffic_index .mapType li.on {
            color: #0c88e8;
            font-weight: 700;
        }

            .page-traffic_index .mapType li.on .arrowWrap {
                position: absolute;
                bottom: -1px;
                left: 30px;
                width: 0;
                height: 0;
                border-width: 6px;
                border-style: dashed dashed solid;
                border-color: transparent transparent #a5c4ff;
            }

            .page-traffic_index .mapType li.on .arrow {
                position: absolute;
                bottom: -1px;
                left: 32px;
                width: 0;
                height: 0;
                border-width: 4px;
                border-style: dashed dashed solid;
                border-color: transparent transparent #fff;
            }

.page-traffic_index .mapInput {
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 0;
    zoom: 1;
}

    .page-traffic_index .mapInput:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-traffic_index .mapInput span {
        display: inline-block;
        width: 56px;
        height: 78px;
    }

    .page-traffic_index .mapInput .switch {
        float: left;
        position: relative;
        cursor: pointer;
    }

        .page-traffic_index .mapInput .switch i {
            position: absolute;
            top: 30px;
            left: 21px;
        }

    .page-traffic_index .mapInput .input {
        float: left;
        width: 176px;
        position: relative;
        padding: 5px 0 0 15px;
    }

        .page-traffic_index .mapInput .input i {
            position: absolute;
            top: 15px;
            left: 0;
        }

        .page-traffic_index .mapInput .input input {
            height: 18px;
            line-height: 18px;
            padding: 6px 0;
            border: 0;
        }

            .page-traffic_index .mapInput .input input.last {
                border-top: 1px solid #eaebed;
                padding-top: 9px;
                margin-top: 3px;
            }

    .page-traffic_index .mapInput .btn {
        float: right;
        text-align: center;
        line-height: 78px;
        background: #969696;
        color: #fff;
        cursor: pointer;
    }

        .page-traffic_index .mapInput .btn:hover {
            background: #3385ff;
        }

    .page-traffic_index .mapInput.mapInput-first {
        padding-bottom: 20px;
    }

        .page-traffic_index .mapInput.mapInput-first .input {
            padding-left: 0;
            width: 245px;
        }

        .page-traffic_index .mapInput.mapInput-first input {
            width: 234px;
            height: 18px;
            line-height: 18px;
            padding: 7px 5px;
            border: 1px solid #e1e1e1;
            border-right: 0 none;
        }

        .page-traffic_index .mapInput.mapInput-first .btn {
            width: 56px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            border: 1px solid #e1e1e1;
            background: #f6f7fb;
            color: #333;
            margin: 5px 0 0;
        }

            .page-traffic_index .mapInput.mapInput-first .btn:hover {
                background: #f6f7fb;
            }

.page-traffic_index .l-scroll-wrap {
    width: 303px;
    height: 640px;
}

.page-traffic_index .box {
    width: 288px;
}

.page-traffic_index .lt-main .area {
    overflow: hidden;
    padding: 10px 0;
}

    .page-traffic_index .lt-main .area a {
        padding: 6px 15px;
        float: left;
    }

        .page-traffic_index .lt-main .area a.cur {
            background: #f60;
            color: #fff;
        }

.page-traffic_index .way {
    padding: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    zoom: 1;
}

    .page-traffic_index .way:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-traffic_index .way li {
        width: 25%;
        float: left;
        text-align: center;
        cursor: pointer;
    }

        .page-traffic_index .way li.cur .icon-traffic_plane, .page-traffic_index .way li:hover .icon-traffic_plane {
            background-position: -45px -260px;
        }

        .page-traffic_index .way li.cur .icon-traffic_train, .page-traffic_index .way li:hover .icon-traffic_train {
            background-position: -135px -260px;
        }

        .page-traffic_index .way li.cur .icon-traffic_bus, .page-traffic_index .way li:hover .icon-traffic_bus {
            background-position: -279px -145px;
        }

        .page-traffic_index .way li.cur .icon-traffic_wharf, .page-traffic_index .way li:hover .icon-traffic_wharf {
            background-position: 0 -260px;
        }

.page-traffic_index .line {
    zoom: 1;
}

    .page-traffic_index .line:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-traffic_index .line li {
        width: 258px;
        float: left;
        padding: 10px;
    }

        .page-traffic_index .line li.cur {
            background: #f8f8f8;
        }

            .page-traffic_index .line li.cur .icon-traffic_b {
                background-position: -426px -100px;
            }

    .page-traffic_index .line .icon-traffic_b {
        text-align: center;
        height: 26px;
        line-height: 20px;
        color: #fff;
        float: left;
        margin: 5px 10px 0 0;
    }

    .page-traffic_index .line .text {
        width: 180px;
        float: left;
    }

        .page-traffic_index .line .text em {
            color: #666;
        }

    .page-traffic_index .line .more {
        float: left;
        margin-top: 10px;
    }

        .page-traffic_index .line .more i {
            display: inline-block;
            margin: 0 0 0 4px;
        }

.page-traffic_index .mapRight {
    width: 874px;
    height: 704px;
    float: right;
    border-left: 1px solid #ddd;
}

.page-traffic_detail .detailTop {
    padding: 20px;
    border: 1px solid #ddd;
    zoom: 1;
}

    .page-traffic_detail .detailTop:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-traffic_detail .detailTop .map {
        width: 360px;
        height: 240px;
        float: left;
    }

    .page-traffic_detail .detailTop .right {
        width: 480px;
        float: right;
    }

    .page-traffic_detail .detailTop .title {
        font-size: 18px;
        line-height: 35px;
        overflow: hidden;
        margin-bottom: 10px;
        padding-right: 85px;
    }

        .page-traffic_detail .detailTop .title i {
            float: left;
            margin-right: 15px;
        }

    .page-traffic_detail .detailTop li {
        position: relative;
        line-height: 36px;
    }

        .page-traffic_detail .detailTop li span {
            color: #999;
            position: absolute;
        }

        .page-traffic_detail .detailTop li div {
            margin-left: 70px;
        }

.page-traffic_detail .detailWord .title {
    font-size: 20px;
    padding: 20px 0 0;
}

.page-traffic_detail .detailWord .content {
    padding: 10px 20px 40px;
}

    .page-traffic_detail .detailWord .content img {
        width: 100%;
        height: auto;
    }

.page-traffic_detail .detailWord p {
    margin-bottom: 10px;
}

.page-traffic_detail .other li {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    zoom: 1;
}

    .page-traffic_detail .other li:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-traffic_detail .other span {
    position: absolute;
}

.page-traffic_detail .other div {
    overflow: hidden;
    font-size: 16px;
    line-height: 28px;
    margin-left: 65px;
}

    .page-traffic_detail .other div p {
        margin-bottom: 10px;
    }

    .page-traffic_detail .other div em {
        font-size: 14px;
        color: #666;
    }

.page-cindex_index .ltMain {
    padding: 40px 0;
}

.page-cindex_index .ltContent {
    width: 1200px;
    margin: 0 auto;
    zoom: 1;
}

    .page-cindex_index .ltContent:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-cindex_index .box {
    zoom: 1;
}

    .page-cindex_index .box:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-cindex_index .ltTitle {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 20px;
    zoom: 1;
}

    .page-cindex_index .ltTitle:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-cindex_index .ltTitle span {
        background: url(../img/cindex_title.png) no-repeat;
        display: inline-block;
        padding-left: 48px;
        min-width: 220px;
        font-size: 28px;
        color: #fff;
        line-height: 40px;
    }

    .page-cindex_index .ltTitle .icon-title2 {
        background-position: 0 -40px;
    }

    .page-cindex_index .ltTitle .icon-title3 {
        background-position: 0 -80px;
    }

    .page-cindex_index .ltTitle .icon-title4 {
        background-position: 0 -120px;
    }

    .page-cindex_index .ltTitle .icon-title5 {
        background-position: 0 -160px;
    }

    .page-cindex_index .ltTitle .icon-title6 {
        background-position: 0 -200px;
    }

    .page-cindex_index .ltTitle .icon-title7 {
        background-position: 0 -240px;
    }

    .page-cindex_index .ltTitle .icon-title8 {
        background-position: 0 -280px;
    }

    .page-cindex_index .ltTitle .more {
        color: #666;
        float: right;
    }

        .page-cindex_index .ltTitle .more:hover {
            color: #f60;
        }

        .page-cindex_index .ltTitle .more i {
            display: inline-block;
            margin: 0 0 0 5px;
            font-size: 12px;
        }

.page-cindex_index .banner {
    text-align: center;
    height: 500px;
    position: relative;
}

    .page-cindex_index .banner .content {
        width: 460px;
        height: 125px;
        position: absolute;
        left: 50%;
        margin-left: -600px;
        top: 65px;
    }

    .page-cindex_index .banner .text {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        line-height: 36px;
        color: #fff;
        font-size: 18px;
        padding: 6px 8px 0 15px;
        text-align: justify;
    }

    .page-cindex_index .banner .black_bg {
        overflow: hidden;
        width: 100%;
        height: 100%;
        background: #000;
        filter: alpha(opacity=50);
        opacity: .5;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .page-cindex_index .banner a {
        color: #f60;
        font-size: 14px;
    }

        .page-cindex_index .banner a:hover {
            text-decoration: underline;
        }

.page-cindex_index .play ul {
    margin-right: -20px;
}

.page-cindex_index .play li {
    overflow: hidden;
    width: 285px;
    height: 190px;
    float: left;
    margin: 0 20px 20px 0;
    position: relative;
}

    .page-cindex_index .play li.item {
        width: 590px;
        height: 400px;
    }

    .page-cindex_index .play li .word {
        overflow: hidden;
        width: 100%;
        height: 90px;
        position: absolute;
        bottom: -90px;
        left: 0;
    }

        .page-cindex_index .play li .word .hidden {
            overflow: hidden;
            width: 94%;
            height: 80px;
            padding: 0 3%;
            margin: 5px 0;
            line-height: 26px;
            color: #fff;
            position: absolute;
            bottom: 0;
            z-index: 1;
        }

    .page-cindex_index .play li .text {
        overflow: hidden;
        width: 100%;
        height: 40px;
        line-height: 40px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        .page-cindex_index .play li .text .hidden {
            overflow: hidden;
            width: 94%;
            padding: 0 3%;
            height: 100%;
            line-height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #fff;
            position: absolute;
            bottom: 0;
            z-index: 1;
        }

    .page-cindex_index .play li .black_bg {
        overflow: hidden;
        width: 100%;
        height: 100%;
        background: #000;
        filter: alpha(opacity=50);
        opacity: .5;
    }

    .page-cindex_index .play li a {
        color: #fff;
    }

.page-cindex_index .food {
    background-color: #f6f6f6;
}

    .page-cindex_index .food ul {
        margin-right: -20px;
    }

    .page-cindex_index .food li {
        width: 285px;
        height: 240px;
        background: #fff;
        float: left;
        margin: 0 20px 20px 0;
    }

        .page-cindex_index .food li p {
            overflow: hidden;
            height: 48px;
            width: 273px;
            padding: 0 5px;
            line-height: 48px;
            text-align: center;
            border: 1px solid #ddd;
            border-top: none;
        }

        .page-cindex_index .food li a {
            font-size: 16px;
        }

.page-cindex_index .playWay .playWayUl1 li {
    width: 100%;
    height: 320px;
    background: #fff;
    margin-bottom: 20px;
}

    .page-cindex_index .playWay .playWayUl1 li.on img {
        float: right;
    }

    .page-cindex_index .playWay .playWayUl1 li.on .text {
        float: left;
        margin-left: 26px;
    }

.page-cindex_index .playWay .playWayUl1 .text {
    overflow: hidden;
    width: 660px;
    float: left;
    margin-left: 30px;
}

.page-cindex_index .playWay .playWayUl1 strong {
    display: block;
    font-size: 22px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    margin: 25px 0 15px;
    width: 90%;
}

.page-cindex_index .playWay .playWayUl1 p {
    line-height: 36px;
    font-size: 16px;
    overflow: hidden;
    height: 155px;
}

.page-cindex_index .playWay .playWayUl1 .line {
    line-height: 34px;
    padding: 8px 0;
    position: relative;
    border: 1px dashed #b1d0f2;
    height: 68px;
    overflow: hidden;
}

    .page-cindex_index .playWay .playWayUl1 .line div {
        margin-left: 90px;
    }

    .page-cindex_index .playWay .playWayUl1 .line i {
        display: inline-block;
        padding: 0 10px;
        position: absolute;
    }

    .page-cindex_index .playWay .playWayUl1 .line span {
        float: left;
    }

    .page-cindex_index .playWay .playWayUl1 .line a {
        color: #999;
        float: left;
    }

        .page-cindex_index .playWay .notes li .title i, .page-cindex_index .playWay .playWayUl1 .line a:hover {
            color: #f60;
        }

    .page-cindex_index .playWay .playWayUl1 .line em {
        height: 2px;
        width: 40px;
        margin: 16px 8px;
        background: #c8def0;
        float: left;
    }

.page-cindex_index .playWay .notes ul {
    margin-right: -20px;
}

.page-cindex_index .playWay .notes li {
    width: 530px;
    float: left;
    margin-right: 20px;
    padding: 30px 30px 10px;
    background: #fff;
}

    .page-cindex_index .playWay .notes li .main {
        padding-left: 27px;
        margin-left: 9px;
        border-left: 1px solid #ddd;
    }

    .page-cindex_index .playWay .notes li .item {
        margin-bottom: 20px;
        padding-bottom: 10px;
        position: relative;
    }

    .page-cindex_index .playWay .notes li .icon-cindex-a1 {
        position: absolute;
        top: 0;
        left: -38px;
    }

    .page-cindex_index .playWay .notes li .icon-cindex-a2 {
        position: absolute;
        bottom: -8px;
        left: -33px;
    }

    .page-cindex_index .playWay .notes li .title {
        overflow: hidden;
        margin-bottom: 10px;
    }

        .page-cindex_index .playWay .notes li .title a {
            font-size: 18px;
        }

    .page-cindex_index .playWay .notes li p {
        overflow: hidden;
        height: 75px;
        text-align: justify;
        color: #999;
        line-height: 24px;
    }

    .page-cindex_index .playWay .notes li .bottom {
        padding: 10px 0 0;
        height: 21px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .page-cindex_index .playWay .notes li .bottom span {
            color: #999;
        }

.page-cindex_index .explore .left {
    width: 826px;
    height: 616px;
    float: left;
    border: 1px solid #ddd;
}

.page-cindex_index .explore .right {
    width: 344px;
    height: 616px;
    float: right;
    overflow-y: auto;
}

    .page-cindex_index .explore .right .tab {
        width: 100%;
        padding: 0 0 10px;
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: 20px;
    }

        .page-cindex_index .explore .right .tab a {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            width: 81px;
            margin-right: 10px;
            text-align: center;
            font-size: 16px;
        }

            .page-cindex_index .explore .right .tab a.cur {
                background: #8c96a2;
                color: #fff;
            }

    .page-cindex_index .explore .right li {
        width: 100%;
        margin-bottom: 30px;
        position: relative;
        zoom: 1;
    }

        .page-cindex_index .explore .right li:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-cindex_index .explore .right li span {
            position: absolute;
        }

        .page-cindex_index .explore .right li.cur .icon-traffic_plane, .page-cindex_index .explore .right li:hover .icon-traffic_plane {
            background-position: -45px -260px;
        }

        .page-cindex_index .explore .right li.cur .icon-traffic_train, .page-cindex_index .explore .right li:hover .icon-traffic_train {
            background-position: -135px -260px;
        }

        .page-cindex_index .explore .right li.cur .icon-traffic_bus, .page-cindex_index .explore .right li:hover .icon-traffic_bus {
            background-position: -279px -145px;
        }

        .page-cindex_index .explore .right li.cur .icon-traffic_wharf, .page-cindex_index .explore .right li:hover .icon-traffic_wharf {
            background-position: 0 -260px;
        }

    .page-cindex_index .explore .right .text {
        overflow: hidden;
        font-size: 16px;
        line-height: 28px;
        margin-left: 65px;
    }

        .page-cindex_index .explore .right .text p {
            margin-bottom: 10px;
        }

        .page-cindex_index .explore .right .text em {
            font-size: 14px;
            color: #666;
        }

.page-cindex_index .question {
    background: #f6f6f6;
    zoom: 1;
}

    .page-cindex_index .question:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-cindex_index .question .left {
        float: left;
    }

        .page-cindex_index .question .left .main {
            width: 815px;
            height: 564px;
            background: #fff;
            padding: 20px 5px 20px 20px;
            overflow: hidden;
        }

        .page-cindex_index .question .left .l-scroll-wrap {
            width: 805px;
            height: 564px;
        }

        .page-cindex_index .question .left dl {
            margin: 0 5px 20px 0;
            zoom: 1;
        }

            .page-cindex_index .question .left dl:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

        .page-cindex_index .question .left dt {
            margin-bottom: 20px;
        }

            .page-cindex_index .question .left dt span {
                height: 52px;
                width: 52px;
                float: left;
                line-height: 52px;
                text-align: center;
                background: #e2e9f1;
                margin: 0 20px 20px 0;
                -webkit-border-radius: 3px;
                border-radius: 3px;
            }

            .page-cindex_index .question .left dt div {
                overflow: hidden;
                font-size: 20px;
                line-height: 52px;
            }

        .page-cindex_index .question .left dd {
            padding: 14px 0;
            background: #f6f6f6;
            font-size: 16px;
            line-height: 26px;
            position: relative;
            min-height: 52px;
        }

            .page-cindex_index .question .left dd span {
                height: 100%;
                float: left;
                clear: left;
            }

            .page-cindex_index .question .left dd i {
                position: absolute;
                top: 50%;
                left: 20px;
                margin-top: -35px;
            }

            .page-cindex_index .question .left dd div {
                overflow: hidden;
                width: 690px;
                margin-left: 80px;
            }

    .page-cindex_index .question .right {
        width: 345px;
        float: right;
        zoom: 1;
    }

        .page-cindex_index .question .right:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-cindex_index .question .right .main {
            height: 584px;
            background: #fff;
            padding: 20px 18px 0 15px;
        }

        .page-cindex_index .question .right li {
            overflow: hidden;
            height: 58px;
            position: relative;
            line-height: 28px;
            margin-bottom: 15px;
        }

            .page-cindex_index .question .right li i {
                width: 5px;
                height: 5px;
                background: #77889b;
                float: left;
                margin: 10px 10px 0 0;
            }

            .page-cindex_index .question .right li div {
                overflow: hidden;
                width: 295px;
                float: left;
            }

            .page-cindex_index .question .right li span {
                position: absolute;
                right: 3px;
                top: 30px;
                color: #999;
            }

            .page-cindex_index .question .right li a {
                font-size: 16px;
                color: #666;
            }

                .page-cindex_index .question .right li a:hover {
                    color: #f60;
                }

.page-cindex_index .hotel ul {
    margin-right: -20px;
}

.page-cindex_index .hotel li {
    overflow: hidden;
    height: 245px;
    width: 285px;
    background: #f5f5f5;
    float: left;
    margin: 0 20px 0 0;
}

    .page-cindex_index .hotel li .text {
        overflow: hidden;
        margin: 0 10px;
        line-height: 50px;
    }

        .page-cindex_index .hotel li .text a {
            width: 170px;
            color: #000;
            text-overflow: ellipsis;
            white-space: nowrap;
            float: left;
            overflow: hidden;
            text-align: left;
            font-size: 16px;
        }

            .page-cindex_index .hotel li .text a:hover {
                color: #f60;
            }

    .page-cindex_index .hotel li i {
        font-size: 24px;
        font-style: normal;
    }

    .page-cindex_index .hotel li span {
        float: right;
        color: #f60;
    }

.page-cindex_index .lineSelect {
    background: #f6f6f6;
}

    .page-cindex_index .lineSelect .left {
        width: 855px;
        float: left;
    }

        .page-cindex_index .lineSelect .left li {
            height: 180px;
            background: #fff;
            margin-bottom: 20px;
            position: relative;
        }

        .page-cindex_index .lineSelect .left .img {
            float: left;
            text-align: left;
            margin-right: 20px;
        }

        .page-cindex_index .lineSelect .left .main {
            overflow: hidden;
            float: left;
            width: 400px;
            line-height: 26px;
        }

        .page-cindex_index .lineSelect .left .title {
            overflow: hidden;
            height: 55px;
            margin: 18px 0;
        }

            .page-cindex_index .lineSelect .left .title a {
                line-height: 30px;
                font-size: 18px;
            }

        .page-cindex_index .lineSelect .left p {
            color: #666;
            line-height: 26px;
        }

            .page-cindex_index .lineSelect .left p span {
                display: inline-block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 325px;
            }

            .page-cindex_index .lineSelect .left p em {
                float: left;
            }

        .page-cindex_index .lineSelect .left .price {
            float: right;
            text-align: right;
            color: #f60;
            font-size: 16px;
            position: absolute;
            right: 30px;
            top: 75px;
        }

            .page-cindex_index .lineSelect .left .price em {
                font-size: 30px;
                font-weight: 600;
            }

            .page-cindex_index .lineSelect .left .price i {
                font-weight: 600;
            }

    .page-cindex_index .lineSelect .right {
        width: 324px;
        float: right;
    }

    .page-cindex_index .lineSelect .custom {
        padding: 20px 30px;
        width: 260px;
        background: #fff;
        position: relative;
        float: left;
    }

        .page-cindex_index .lineSelect .custom .title {
            overflow: hidden;
            font-size: 30px;
            line-height: 30px;
            color: #a9a9a9;
            margin-bottom: 15px;
        }

        .page-cindex_index .lineSelect .custom .icon-cindex_xin {
            margin: 0 5px 0 0;
            float: left;
        }

        .page-cindex_index .lineSelect .custom .block {
            display: block;
            width: 100%;
            height: 27px;
            line-height: 27px;
            text-align: center;
            background: #2ecc71;
            color: #fff;
        }

        .page-cindex_index .lineSelect .custom ul {
            margin: 0 -20px 20px 0;
            float: left;
        }

        .page-cindex_index .lineSelect .custom li {
            width: 50px;
            height: 50px;
            margin: 20px 20px 0 0;
            float: left;
        }

        .page-cindex_index .lineSelect .custom .ui-btn {
            background: #fb565c;
            height: 50px;
            line-height: 50px;
            padding: 0;
            width: 260px;
            font-size: 24px;
            border-color: #fb565c;
        }

            .page-cindex_index .lineSelect .custom .ui-btn:hover {
                background: #d7444a;
            }

.page-cindex_index .cIndexMain {
    position: relative;
}

.page-cindex_index .fixed {
    position: absolute;
    left: 50%;
    margin-left: -660px;
    top: 40px;
}

    .page-cindex_index .fixed a {
        display: block;
        width: 48px;
        height: 37px;
        line-height: 37px;
        text-align: center;
        margin-bottom: 6px;
        color: #333;
    }

    .page-cindex_index .fixed .cur {
        color: #fff;
    }

    .page-cindex_index .fixed .F1.cur {
        background: #008ad6;
    }

    .page-cindex_index .fixed .F2.cur {
        background: #48a43e;
    }

    .page-cindex_index .fixed .F3.cur {
        background: #cb393f;
    }

    .page-cindex_index .fixed .F4.cur {
        background: #a17c4c;
    }

    .page-cindex_index .fixed .F5.cur {
        background: #e66444;
    }

    .page-cindex_index .fixed .F6.cur {
        background: #934898;
    }

    .page-cindex_index .fixed .F7.cur {
        background: #4b6367;
    }

.page-cindex_weather .now {
    float: left;
    width: 220px;
    height: 608px;
    background: #d0ebff;
    border-top: 3px solid #008ad6;
    text-align: center;
}

    .page-cindex_weather .now .time {
        padding-top: 110px;
    }

        .page-cindex_weather .now .time .title {
            font-size: 26px;
            color: #555;
        }

        .page-cindex_weather .now .time .text {
            padding: 20px 0 30px;
            font-size: 16px;
        }

    .page-cindex_weather .now .weatherWrap {
        color: #008ad6;
        font-size: 16px;
    }

        .page-cindex_weather .now .weatherWrap img {
            display: block;
            margin: 0 auto;
        }

    .page-cindex_weather .now .temperature {
        font-size: 36px;
        font-weight: 700;
        padding: 40px 0;
    }

    .page-cindex_weather .now .power {
        font-size: 16px;
    }

    .page-cindex_weather .now .clothes {
        padding: 35px 10px 35px 50px;
        position: relative;
        text-align: left;
    }

        .page-cindex_weather .now .clothes img {
            position: absolute;
            top: 45px;
            left: 10px;
        }

.page-cindex_weather .other {
    float: left;
    width: 690px;
}

.page-cindex_weather .weatherItem {
    float: left;
    width: 220px;
    height: 300px;
    background: #f2f9ff;
    margin: 0 0 10px 10px;
    text-align: center;
}

    .page-cindex_weather .weatherItem .time {
        padding-top: 20px;
    }

        .page-cindex_weather .weatherItem .time .title {
            font-size: 20px;
            color: #555;
        }

        .page-cindex_weather .weatherItem .time .text {
            padding: 10px 0;
            font-size: 14px;
        }

    .page-cindex_weather .weatherItem .weatherWrap {
        color: #008ad6;
        font-size: 14px;
    }

        .page-cindex_weather .weatherItem .weatherWrap img {
            display: block;
            margin: 0 auto;
        }

    .page-cindex_weather .weatherItem .temperature {
        font-size: 30px;
        font-weight: 700;
        padding: 15px 0 10px;
    }

    .page-cindex_weather .weatherItem .power {
        font-size: 14px;
    }

    .page-cindex_weather .weatherItem .clothes {
        padding: 5px 10px 0 50px;
        position: relative;
        text-align: left;
    }

        .page-cindex_weather .weatherItem .clothes img {
            position: absolute;
            top: 15px;
            left: 10px;
        }

.page-order .orderHeader {
    width: 1200px;
    margin: 15px auto 28px;
    zoom: 1;
}

    .page-order .orderHeader:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-order .orderHeader h1 {
        float: left;
    }

    .page-order .orderHeader .right {
        float: right;
        line-height: 66px;
    }

.page-order .block {
    border: 1px solid #ddd;
    padding: 20px;
    margin: 0 0 20px;
}

    .page-order .block .title {
        font-size: 20px;
        padding: 0 0 20px;
    }

        .page-order .block .title span {
            color: #008ad6;
            font-size: 12px;
            padding: 0 0 0 10px;
        }

    .page-order .block .ui-form-message, .page-order .check .color {
        color: #f60;
    }

    .page-order .block .ui-form {
        zoom: 1;
        padding: 0 0 10px;
    }

        .page-order .block .ui-form:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-order .block span {
        height: 32px;
        line-height: 32px;
    }

.page-order .check .main, .page-order .check .ui-btn-big {
    line-height: 30px;
    font-size: 16px;
}

.page-order .block .ui-label {
    width: 100px;
}

.page-order .block .ui-input {
    margin: 0 10px 0 0;
}

.page-order .ui-btn-big {
    background: #f60;
    border: 1px solid #f60;
}

    .page-order .ui-btn-big:hover {
        background: #f06204;
    }

.page-order .orderFooter {
    text-align: center;
}

.page-order .check {
    margin: 0 0 20px;
    padding: 20px 150px;
    border: 1px solid #ddd;
}

    .page-order .check .ui-btn-big {
        display: inline-block;
        width: 140px;
        height: 30px;
        margin-left: 20px;
    }

    .page-order .check .ui-form {
        zoom: 1;
        padding: 0 0 10px;
    }

        .page-order .check .ui-form:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-order .check .top {
        overflow: hidden;
        line-height: 40px;
        padding-top: 20px;
    }

    .page-order .check .box {
        background: #fff9ea;
        font-size: 14px;
        padding: 10px;
        zoom: 1;
    }

        .page-order .check .box:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-order .check .box p {
            line-height: 40px;
        }

        .page-order .check .box .span {
            display: inline-block;
            width: 80px;
            text-align: right;
            color: #999;
        }

    .page-order .check .title {
        overflow: hidden;
        text-align: center;
        line-height: 35px;
        font-size: 30px;
        margin: 10px auto 20px;
    }

.page-member .orderDetail {
    border: 1px solid #ccc;
}

    .page-member .orderDetail .header {
        background: #f5f5f5;
        padding: 10px 20px;
        zoom: 1;
    }

        .page-member .orderDetail .header:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-member .orderDetail .header .left {
            float: left;
        }

        .page-member .orderDetail .box td span, .page-member .orderDetail .header .right {
            float: right;
        }

        .page-member .orderDetail .header i {
            color: #008ad6;
        }

    .page-member .orderDetail .main {
        padding: 20px;
    }

    .page-member .orderDetail .box .title {
        border-left: 2px solid #008ad6;
        padding: 0 0 0 8px;
        height: 14px;
        line-height: 14px;
        margin: 0 0 30px;
    }

        .page-member .orderDetail .box .title em {
            font-weight: 700;
            padding: 0 40px 0 0;
        }

        .page-member .orderDetail .box .title span {
            color: #999;
        }

        .page-member .orderDetail .box .title i {
            color: #333;
            padding: 0 40px 0 0;
        }

    .page-member .orderDetail .box table {
        width: 100%;
        margin: -20px 0 40px;
    }

    .page-member .orderDetail .box td {
        border: 1px solid #eee;
        padding: 5px 20px;
        zoom: 1;
    }

        .page-member .orderDetail .box td:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-member .orderDetail .box td.name {
            width: 80px;
            background: #f5f5f5;
            text-align: center;
            color: #999;
        }

        .page-member .orderDetail .box td a {
            color: #008ad6;
        }

        .page-member .orderDetail .box td i {
            color: #f60;
            font-weight: 700;
        }

    .page-member .orderDetail .message {
        background: #f5f5f5;
        padding: 10px 20px;
        margin: 0 0 20px;
    }

        .page-member .orderDetail .message .title {
            color: #f60;
            font-size: 18px;
            height: 34px;
            line-height: 34px;
        }

        .page-member .orderDetail .message .ui-btn {
            margin: 0 0 0 20px;
        }

    .page-member .orderDetail .footer {
        margin: 20px;
        padding-top: 10px;
        text-align: right;
        border-top: 1px solid #f0f0f0;
    }

        .page-member .orderDetail .footer a {
            color: #008ad6;
        }

.page-member .j-form .item {
    padding: 20px;
}

.page-member .j-form .ui-form {
    line-height: 32px;
    margin-bottom: 8px;
    zoom: 1;
}

    .page-member .j-form .ui-form:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-member .j-form .ui-form .ui-input {
        width: 230px;
    }

    .page-member .j-form .ui-form .ui-label {
        display: inline-block;
        width: 94px;
        color: #333;
    }

    .page-member .j-form .ui-form .ui-form-message {
        margin-left: 10px;
        color: #999;
    }

.page-member .j-form .ui-btn {
    width: 180px;
    height: 50px;
    line-height: 50px;
    margin-left: 94px;
    margin-top: 10px;
    background: #f60;
    border-color: #f60;
}

.page-member #upload .top {
    padding: 20px;
    zoom: 1;
}

    .page-member #upload .top:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-member #upload .top .left {
        width: 500px;
        border-right: 1px solid #ddd;
        float: left;
    }

    .page-member #upload .top .file {
        line-height: 32px;
        margin-bottom: 10px;
        zoom: 1;
    }

        .page-member #upload .top .file:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-member #upload .top .file em {
            display: inline-block;
            padding: 0 10px;
            float: left;
        }

        .page-member #upload .top .file .fileItem {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            text-align: center;
            position: relative;
            background: #fbfbfb;
            border: 1px solid #ddd;
            float: left;
            margin-right: 10px;
            color: #333;
        }

        .page-member #upload .top .file input {
            display: inline-block;
            height: 30px;
            width: 86px;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 9;
            cursor: pointer;
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            opacity: 0;
        }

    .page-member #upload .top .right {
        width: 460px;
        float: right;
        margin-top: 35px;
    }

        .page-member #upload .top .right .span {
            display: inline-block;
            width: 90px;
            text-align: right;
            float: left;
        }

            .page-member #upload .top .right .span i {
                color: #f60;
            }

        .page-member #upload .top .right .ui-form {
            line-height: 32px;
            margin-bottom: 8px;
            zoom: 1;
        }

            .page-member #upload .top .right .ui-form:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

            .page-member #upload .top .right .ui-form .ui-form-message {
                margin-left: 10px;
                color: #999;
            }

            .page-member #upload .top .right .ui-form .error {
                color: #f60;
            }

.page-member .submitBox {
    border-top: 1px solid #ddd;
    padding: 20px 0;
    text-align: center;
}

    .page-member .submitBox .ui-btn-big {
        background: #f60;
        border-color: #f60;
        margin: 0 auto;
    }

.page-member #bind_mobile_form .ui-form {
    padding: 12px 0;
    position: relative;
    zoom: 1;
}

    .page-member #bind_mobile_form .ui-form:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-member #bind_mobile_form .ui-lable {
    float: left;
    color: #999;
    width: 90px;
    text-align: right;
    padding: 5px 0;
}

.page-member #bind_mobile_form .code {
    width: 82px;
}

.page-member #bind_mobile_form #getVcode {
    width: 108px;
    text-align: center;
    padding: 0;
    margin-left: 8px;
}

.page-member #bind_mobile_form .ui-form-message {
    position: absolute;
    top: 40px;
    left: 90px;
    font-size: 12px;
    color: #e4393c;
}

.page-member .pointsTop {
    margin-bottom: 20px;
}

.page-member .points {
    width: 100%;
    border-left: 1px solid #f6f8fa;
    border-right: 1px solid #f6f8fa;
}

    .page-member .points tr {
        line-height: 40px;
    }

    .page-member .points th {
        background: #f6f8fa;
        text-align: center;
    }

    .page-member .points td {
        text-align: center;
        border-bottom: 1px solid #f6f8fa;
    }

.page-member .myPlayUl {
    margin-right: -20px;
    zoom: 1;
}

    .page-member .myPlayUl:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-member .myPlayUl li {
        width: 323px;
        height: 259px;
        float: left;
        margin: 0 20px 20px 0;
    }

        .page-member .myPlayUl li.add {
            text-align: center;
            width: 321px;
            height: 257px;
            border: 1px solid #ddd;
        }

            .page-member .myPlayUl li.add a {
                display: block;
                padding-top: 60px;
                line-height: 34px;
            }

    .page-member .myPlayUl .content {
        padding: 7px 10px;
        border: 1px solid #ddd;
        border-top: none;
        position: relative;
    }

    .page-member .myPlayUl .block {
        display: block;
        font-size: 16px;
        height: 48px;
        line-height: 26px;
        overflow: hidden;
        width: 100%;
    }

    .page-member .myPlayUl em {
        display: inline-block;
        margin-top: 10px;
        font-size: 12px;
        color: #999;
    }

    .page-member .myPlayUl span {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

        .page-member .myPlayUl span a {
            display: inline-block;
            height: 29px;
            line-height: 29px;
            width: 29px;
            text-align: center;
            float: left;
            margin-left: 5px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
        }

            .page-member .myPlayUl span a.edit {
                background: #f60;
            }

                .page-member .myPlayUl span a.edit i {
                    display: inline-block;
                    margin-top: 6px;
                }

            .page-member .myPlayUl span a.delete {
                background: #cbcbcb;
            }

                .page-member .myPlayUl span a.delete i {
                    display: inline-block;
                    margin-top: 4px;
                }

.page-member .myPlay .title {
    height: 38px;
    line-height: 38px;
    border-bottom: 2px solid #008ad6;
    margin-bottom: 20px;
}

    .page-member .myPlay .title span {
        font-size: 18px;
    }

    .page-member .myPlay .title .edit {
        margin: 0 15px;
        color: #f60;
    }

    .page-member .myPlay .title .icon-edit1 {
        margin: 0 10px -2px 0;
    }

    .page-member .myPlay .title .fanhui {
        width: 73px;
        height: 37px;
        line-height: 37px;
        text-align: center;
        border: 1px solid #008ad6;
        float: right;
    }

.page-member .myPlay .overview {
    padding: 20px 20px 0;
    background: #f6f8fa;
}

    .page-member .myPlay .overview dl {
        overflow: hidden;
        padding: 0 0 20px;
    }

    .page-member .myPlay .overview dt {
        margin: 0 20px 0 0;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-weight: 600;
        float: left;
    }

    .page-member .myPlay .overview dd {
        width: 780px;
        line-height: 40px;
        font-size: 16px;
        float: left;
    }

    .page-member .myPlay .overview em {
        display: inline-block;
        height: 2px;
        width: 20px;
        background: #ccc;
        vertical-align: middle;
        margin: 0 4px;
    }

.page-member .myPlay .titleDetail {
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    border-bottom: 1px solid #efefef;
    margin-top: 10px;
}

.page-member .myPlay .dayOne {
    border-left: 1px solid #d8f1ff;
    margin: 20px 0 40px 40px;
    padding-left: 38px;
    position: relative;
    zoom: 1;
}

    .page-member .myPlay .dayOne:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-member .myPlay .dayOne .icon-day-ring {
        position: absolute;
        left: -6px;
        bottom: 0;
    }

    .page-member .myPlay .dayOne .onePlace {
        margin-top: 40px;
        position: relative;
    }

        .page-member .myPlay .dayOne .onePlace i {
            left: -59px;
            position: absolute;
            z-index: 1;
        }

        .page-member .myPlay .dayOne .onePlace ul {
            margin-right: -20px;
            zoom: 1;
        }

            .page-member .myPlay .dayOne .onePlace ul:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

        .page-member .myPlay .dayOne .onePlace li {
            overflow: hidden;
            width: 210px;
            height: 140px;
            position: relative;
            float: left;
            margin: 0 20px 10px 0;
        }

            .page-member .myPlay .dayOne .onePlace li .description {
                overflow: hidden;
                width: 200px;
                height: 40px;
                line-height: 40px;
                padding: 0 5px;
                position: absolute;
                bottom: 0;
                text-align: center;
                z-index: 2;
            }

            .page-member .myPlay .dayOne .onePlace li .black-bg {
                overflow: hidden;
                width: 210px;
                height: 40px;
                background: #000;
                position: absolute;
                bottom: 0;
                left: 0;
                filter: alpha(opacity=50);
                opacity: .5;
                z-index: 1;
            }

            .page-member .myPlay .dayOne .onePlace li a {
                color: #fff;
            }

    .page-member .myPlay .dayOne .text {
        overflow: hidden;
        height: 140px;
        margin-left: 220px;
        line-height: 26px;
    }

        .page-member .myPlay .dayOne .text .block {
            display: block;
            font-size: 20px;
            font-weight: 600;
        }

            .page-member .myPlay .dayOne .text .block em {
                font-size: 12px;
                font-weight: 400;
                color: #999;
            }

        .page-member .myPlay .dayOne .text div {
            overflow: hidden;
            padding: 0 0 13px;
            line-height: 20px;
        }

            .page-member .myPlay .dayOne .text div span {
                display: inline-block;
                width: 250px;
            }

                .page-member .myPlay .dayOne .text div span.ticket {
                    width: 416px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

        .page-member .myPlay .dayOne .text p {
            overflow: hidden;
            color: #999;
            height: 50px;
        }

.page-member .myPlay .dayTitle {
    overflow: hidden;
    height: 40px;
    margin: 0 auto 0 -78px;
    line-height: 40px;
    background: #f6f8fa;
}

    .page-member .myPlay .dayTitle span {
        width: 85px;
        background: #f60;
        color: #fff;
        text-align: center;
        float: left;
    }

    .page-member .myPlay .dayTitle strong {
        font-size: 20px;
        font-weight: 600;
    }

    .page-member .myPlay .dayTitle .fn20 {
        font-size: 20px;
        padding: 0 4px;
    }

    .page-member .myPlay .dayTitle .add {
        color: #f60;
    }

    .page-member .myPlay .dayTitle .arrow {
        line-height: 0;
        font-size: 0;
        margin: 15px 15px 0 0;
        float: left;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #f60;
    }

.page-member .myPlay .remark {
    padding: 13px 20px;
    line-height: 24px;
    background: #fff9ea;
}

    .page-member .myPlay .remark .block {
        display: block;
        color: #999;
        margin-bottom: 5px;
    }

.page-member .createPlay .now {
    width: 877px;
    margin: 0 auto;
    zoom: 1;
}

    .page-member .createPlay .now:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-member .createPlay .createTitle {
    font-size: 28px;
    text-align: center;
    line-height: 100px;
}

.page-member .createPlay .step {
    width: 210px;
    float: left;
    text-align: center;
    line-height: 24px;
}

.page-member .createPlay .img {
    height: 140px;
    background: #f5f5f5;
    text-align: center;
    line-height: 140px;
    margin-bottom: 10px;
}

    .page-member .createPlay .img img {
        vertical-align: middle;
    }

.page-member .createPlay .next {
    width: 123px;
    padding-top: 45px;
    float: left;
    text-align: center;
}

.page-member .createPlay .submitBox {
    border-top: none;
}

.page-member .createPlay .ui-btn-big {
    width: 180px;
}

.page-userTravels .userTravelsHeader {
    height: 65px;
    line-height: 65px;
    padding: 20px 0;
    background: #323436;
    color: #fff;
    font-size: 22px;
    zoom: 1;
}

    .page-userTravels .userTravelsHeader:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-userTravels .userTravelsHeader .main {
        width: 1200px;
        margin: 0 auto;
    }

    .page-userTravels .userTravelsHeader .logo {
        float: left;
        margin: 0 70px 0 0;
    }

    .page-userTravels .userTravelsHeader .text {
        float: left;
    }

.page-userTravels .main {
    width: 1200px;
    margin: 0 auto;
    zoom: 1;
}

    .page-userTravels .main:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-userTravels .travelBg {
    background: url(../img/travelBg.jpg) center top no-repeat;
    zoom: 1;
}

    .page-userTravels .travelBg:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-userTravels .travelBg .step2 {
        width: 680px;
        margin: 20px auto;
    }

        .page-userTravels .travelBg .step2 .item {
            margin-bottom: 30px;
            line-height: 30px;
            zoom: 1;
        }

            .page-userTravels .travelBg .step2 .item:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

        .page-userTravels .travelBg .step2 .input {
            width: 120px;
            height: 28px;
            padding: 0 5px;
            margin-right: 10px;
            border: 1px solid #e5e5e5;
        }

    .page-userTravels .travelBg .text {
        width: 75px;
        float: left;
    }

    .page-userTravels .travelBg .ui-btn-red {
        margin-left: 75px;
    }

.page-userTravels .step2_title {
    font-size: 36px;
    color: #fff;
    text-align: center;
    height: 114px;
    line-height: 114px;
    overflow: hidden;
    width: 100%;
}

.page-userTravels .day_a {
    display: inline-block;
    height: 32px;
    padding: 0 25px;
    line-height: 32px;
    border: 1px solid #b2b2b2;
    text-align: center;
    position: relative;
    margin: 20px 5px 0 0;
}

    .page-userTravels .day_a i {
        display: none;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .page-userTravels .day_a.cur, .page-userTravels .day_a:hover {
        border-color: #f60;
        color: #f60;
    }

        .page-userTravels .day_a.cur i, .page-userTravels .day_a:hover i {
            display: block;
        }

.page-userTravels .ui-floatCenter {
    height: auto;
}

    .page-userTravels .ui-floatCenter .day_a {
        margin: 5px;
    }

.page-userTravels .header {
    background: #f5f5f5;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
    zoom: 1;
}

    .page-userTravels .header:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-userTravels .header .dropDown {
        position: relative;
        z-index: 9;
        float: left;
        padding: 0 55px 0 0;
    }

        .page-userTravels .header .dropDown .j-dropDownBtn {
            cursor: pointer;
        }

        .page-userTravels .header .dropDown .text span {
            padding: 0 0 0 10px;
            color: #f60;
        }

        .page-userTravels .header .dropDown .list {
            display: none;
            width: 310px;
            position: absolute;
            top: 37px;
            left: 0;
            border: 1px solid #d3d4d4;
            background: #fff;
            z-index: 2;
            font-size: 12px;
            -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
            -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
            box-shadow: 0 0 20px rgba(0,0,0,.2);
        }

            .page-userTravels .header .dropDown .list .arrow {
                position: absolute;
                top: -12px;
                left: 49px;
                width: 0;
                height: 0;
                border-width: 6px;
                border-style: dashed dashed solid;
                border-color: transparent transparent #fff;
            }

            .page-userTravels .header .dropDown .list ul {
                background: #f5f5f5;
                margin: 5px;
                zoom: 1;
            }

                .page-userTravels .header .dropDown .list ul:after {
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content: " ";
                    clear: both;
                    height: 0;
                }

            .page-userTravels .header .dropDown .list li {
                height: 32px;
                line-height: 32px;
                border-bottom: 1px solid #e5e5e5;
                color: #666;
                width: 60px;
                text-align: center;
                float: left;
            }

                .page-userTravels .header .dropDown .list li a {
                    display: block;
                }

                .page-userTravels .header .dropDown .list li:hover {
                    background: #f60;
                    color: #fff;
                }

                    .page-userTravels .header .dropDown .list li:hover a {
                        color: #fff;
                    }

            .page-userTravels .header .dropDown .list .noborder {
                border: 0;
            }

    .page-userTravels .header .nav {
        float: left;
    }

        .page-userTravels .header .nav a {
            display: block;
            float: left;
            padding: 0 20px;
        }

            .page-userTravels .header .nav a.cur, .page-userTravels .header .nav a:hover {
                background: #f60;
                color: #fff;
            }

    .page-userTravels .header .search {
        float: right;
    }

        .page-userTravels .header .search label {
            padding: 3px 80px 0 0;
        }

        .page-userTravels .header .search .btn {
            right: -21px;
        }

    .page-userTravels .header .time {
        float: left;
        position: relative;
    }

        .page-userTravels .header .time span {
            padding: 0 25px 0 0;
            cursor: pointer;
            position: relative;
            z-index: 2;
        }

    .page-userTravels .header .icon-createTravelsTime {
        position: absolute;
        right: 0;
        top: 7px;
        z-index: 1;
    }

    .page-userTravels .header .btn {
        height: 40px;
        line-height: 40px;
        position: absolute;
        top: -1px;
        right: -1px;
        padding: 0 34px;
        background: #008ad6;
        color: #fff;
        cursor: pointer;
    }

.page-userTravels .userTravels-left {
    width: 800px;
    float: left;
    border: 1px solid #ddd;
    zoom: 1;
}

    .page-userTravels .userTravels-left:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-userTravels .userTravels-left .mod-listImg {
        margin: 20px 0 0;
        width: 800px;
        max-height: 650px;
        overflow-y: auto;
    }

        .page-userTravels .userTravels-left .mod-listImg ul {
            margin: 0;
        }

        .page-userTravels .userTravels-left .mod-listImg li {
            width: 240px;
            margin: 0 0 20px 20px;
            overflow: hidden;
        }

        .page-userTravels .userTravels-left .mod-listImg .title a {
            display: inline-block;
            height: 21px;
            width: 150px;
            overflow: hidden;
        }

        .page-userTravels .userTravels-left .mod-listImg .location {
            width: 90px;
        }

    .page-userTravels .userTravels-left .ui-pagination {
        border-top: 1px solid #ddd;
    }

.page-userTravels .userTravels-right {
    width: 378px;
    float: right;
    border: 1px solid #ddd;
    zoom: 1;
}

    .page-userTravels .userTravels-right:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-userTravels .userTravels-right .left {
        float: left;
        width: 92px;
        position: relative;
    }

    .page-userTravels .userTravels-right li {
        margin: 0 -1px 0 0;
        position: relative;
        padding: 10px 0;
    }

        .page-userTravels .userTravels-right li .icon-travelsDel {
            display: none;
            position: absolute;
            top: 15px;
            right: 4px;
            cursor: pointer;
        }

        .page-userTravels .userTravels-right li:hover .icon-travelsDel {
            display: block;
        }

    .page-userTravels .userTravels-right .cur {
        background: #fff;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-top: -1px;
    }

        .page-userTravels .userTravels-right .cur .icon-calendarMax {
            background-position: -152px -150px;
        }

    .page-userTravels .userTravels-right .icon-calendarMax {
        display: block;
        padding: 23px 0 0;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        margin: 0 auto;
    }

    .page-userTravels .userTravels-right .add {
        height: 22px;
        width: 22px;
        padding: 5px 15px;
        margin: 0 auto;
        background-color: #ddd;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .page-userTravels .userTravels-right .right {
        float: right;
        height: 713px;
        max-height: 713px;
        overflow-y: auto;
        width: 265px;
        border-left: 1px solid #ddd;
        padding: 15px 0 15px 20px;
    }

    .page-userTravels .userTravels-right dl {
        width: 245px;
        padding: 0 0 20px;
    }

    .page-userTravels .userTravels-right dt {
        font-size: 16px;
        font-weight: 700;
        padding: 0 0 10px;
    }

    .page-userTravels .userTravels-right .text {
        color: #999;
    }

        .page-userTravels .userTravels-right .text p {
            color: #333;
            padding: 10px 0;
        }

        .page-userTravels .userTravels-right .item:hover .name, .page-userTravels .userTravels-right .text span {
            color: #f60;
        }

    .page-userTravels .userTravels-right .item {
        border: 1px solid #ddd;
        padding: 10px;
        margin: 0 0 10px;
        zoom: 1;
    }

        .page-userTravels .userTravels-right .item:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-userTravels .userTravels-right .item:hover .icon-travelsItem {
            background-position: -160px -346px;
        }

    .page-userTravels .userTravels-right .icon-travelsItem {
        color: #fff;
        text-align: center;
        line-height: 24px;
    }

    .page-userTravels .userTravels-right .iconWrap {
        float: right;
        padding: 5px 0 0;
    }

        .page-userTravels .userTravels-right .iconWrap [class^=icon-] {
            float: left;
            margin: 0 5px 0 0;
            cursor: pointer;
        }

        .page-userTravels .userTravels-right .iconWrap .icon-travelsMove {
            margin-top: 2px;
        }

    .page-userTravels .userTravels-right .ui-form {
        zoom: 1;
    }

        .page-userTravels .userTravels-right .ui-form:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-userTravels .userTravels-right .ui-textarea {
        width: 223px;
    }

    .page-userTravels .userTravels-right .ui-label {
        float: right;
    }

.page-common_404 .found {
    background: url(../img/404.jpg) right 90px no-repeat;
    background-size: auto 100%;
    height: 490px;
}

    .page-common_404 .found .img {
        overflow: hidden;
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }

    .page-common_404 .found .content {
        overflow: hidden;
        text-align: center;
    }

    .page-common_404 .found span {
        display: block;
        font-size: 20px;
        line-height: 44px;
        padding: 40px 0 30px;
    }

    .page-common_404 .found .icon-common_a {
        margin: 0 10px 0 0;
        vertical-align: middle;
    }

    .page-common_404 .found p a {
        font-size: 16px;
        display: inline-block;
        padding: 0 8px;
    }

.page-activity .lt-main {
    margin-top: 40px;
}

.page-activity .banner {
    height: 450px;
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

    .page-activity .banner .left, .page-activity .banner .right {
        width: 30px;
        height: 50px;
        line-height: 50px;
        background: #ccc;
        color: #fff;
        position: absolute;
        top: 200px;
        z-index: 9;
    }

    .page-activity .banner .left {
        left: 0;
    }

    .page-activity .banner .right {
        right: 0;
    }

    .page-activity .banner .bigPic {
        height: 450px;
        position: absolute;
        z-index: 1;
    }

        .page-activity .banner .bigPic li {
            width: 1200px;
            height: 450px;
            float: left;
        }

    .page-activity .banner .btn {
        position: absolute;
        left: 50%;
        bottom: 10px;
        margin-left: -30px;
        z-index: 10;
    }

        .page-activity .banner .btn li {
            height: 12px;
            width: 12px;
            background: #fff;
            filter: alpha(opacity=60);
            opacity: .6;
            overflow: hidden;
            margin-left: 10px;
            text-indent: 22px;
            float: left;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

            .page-activity .banner .btn li.cur {
                background: #fff;
                filter: alpha(opacity=100);
                opacity: 1;
            }

.page-activity .tab {
    height: 60px;
    line-height: 60px;
    background: #f3f3f3;
}

    .page-activity .tab span {
        display: inline-block;
        width: 134px;
        line-height: 58px;
        border-top: 2px solid #f3f3f3;
        float: left;
        text-align: center;
        font-size: 24px;
        color: #666;
        cursor: pointer;
    }

        .page-activity .tab span i {
            vertical-align: middle;
            margin-top: -3px;
            margin-right: 10px;
            display: inline-block;
        }

        .page-activity .tab span.tabSpring i {
            background-image: url(../img/sprite.png);
            background-position: -399px -29px;
            width: 27px;
            height: 29px;
        }

        .page-activity .tab span.tabSpring.cur {
            border-color: #5ab333;
            color: #5ab333;
        }

            .page-activity .tab span.tabSpring.cur i {
                background-image: url(../img/sprite.png);
                background-position: -399px 0;
                width: 27px;
                height: 29px;
            }

        .page-activity .tab span.tabSummer i {
            background-image: url(../img/sprite.png);
            background-position: -369px -299px;
            width: 28px;
            height: 28px;
        }

        .page-activity .tab span.tabSummer.cur {
            border-color: #ff4a41;
            color: #ff4a41;
        }

            .page-activity .tab span.tabSummer.cur i {
                background-image: url(../img/sprite.png);
                background-position: -31px -346px;
                width: 28px;
                height: 28px;
            }

        .page-activity .tab span.tabAutumn i, .page-activity .tab span.tabAutumn.cur i, .page-activity .tab span.tabWinter i, .page-activity .tab span.tabWinter.cur i {
            background-image: url(../img/sprite.png);
            width: 26px;
            height: 28px;
        }

        .page-activity .tab span.tabAutumn i {
            background-position: -399px -228px;
        }

        .page-activity .tab span.tabAutumn.cur {
            border-color: #f60;
            color: #f60;
        }

            .page-activity .tab span.tabAutumn.cur i {
                background-position: -399px -144px;
            }

        .page-activity .tab span.tabWinter i {
            background-position: -399px -200px;
        }

        .page-activity .tab span.tabWinter.cur {
            border-color: #008dd4;
            color: #008dd4;
        }

            .page-activity .tab span.tabWinter.cur i {
                background-position: -399px -172px;
            }

        .page-activity .tab span.cur {
            background: #fff;
        }

.page-activity .tabList {
    padding: 40px 0 0;
    display: none;
}

    .page-activity .tabList ul {
        margin-right: -20px;
        zoom: 1;
    }

        .page-activity .tabList ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-activity .tabList li {
        margin: 0 20px 20px 0;
        float: left;
        position: relative;
        font-size: 18px;
    }

    .page-activity .tabList .text {
        position: absolute;
        width: 100%;
        height: 54px;
        line-height: 54px;
        color: #fff;
        bottom: 0;
        left: 0;
        text-indent: 15px;
    }

    .page-activity .tabList a {
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

        .page-activity .tabList a .text {
            background: url(../img/news-top.png) repeat-x;
        }

.page-activity .it-left .mod-sidebar {
    padding-top: 20px;
}

    .page-activity .it-left .mod-sidebar .imgList li {
        border: none;
    }

.page-index .banner {
    height: 500px;
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

    .page-index .banner .leftPre, .page-index .banner .rightNext {
        position: absolute;
        top: 200px;
        z-index: 9;
        display: none;
    }

    .page-index .banner .leftPre {
        left: -50px;
    }

        .page-index .banner .leftPre:hover {
            background-position: -229px 0;
        }

    .page-index .banner .rightNext {
        right: -50px;
    }

        .page-index .banner .rightNext:hover {
            background-position: -50px -150px;
        }

    .page-index .banner .bigPic {
        height: 500px;
        overflow: hidden;
        position: absolute;
        z-index: 1;
        margin-left: -360px;
    }

        .page-index .banner .bigPic li {
            width: 1920px;
            height: 500px;
            float: left;
        }

    .page-index .banner .btn {
        position: absolute;
        left: 50%;
        bottom: 10px;
        margin-left: -45px;
        z-index: 10;
    }

        .page-index .banner .btn li {
            height: 12px;
            width: 12px;
            background: #fff;
            filter: alpha(opacity=60);
            opacity: .6;
            overflow: hidden;
            margin-left: 10px;
            text-indent: 22px;
            float: left;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

            .page-index .banner .btn li.cur {
                background: #fff;
                filter: alpha(opacity=100);
                opacity: 1;
            }

.page-index .itMain {
    padding: 40px 0 50px;
    zoom: 1;
}

    .page-index .itMain:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-index .box1200 {
    width: 1200px;
    margin: 0 auto;
}

.page-index .black_bg {
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.page-index .itTitle {
    font-style: italic;
    text-align: center;
    line-height: 36px;
    padding: 10px 0 20px;
}

    .page-index .itTitle h2 {
        font-size: 36px;
        line-height: 48px;
    }

    .page-index .itTitle p {
        font-size: 18px;
        color: #666;
        line-height: 40px;
        padding-top: 7px;
    }

    .page-index .itTitle .more {
        font-size: 18px;
        color: #fff;
    }

        .page-index .itTitle .more:hover {
            color: #f60;
        }

    .page-index .itTitle i {
        font-style: italic;
        font-weight: 700;
    }

.page-index .itBox {
    zoom: 1;
}

    .page-index .itBox:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-index .itBox ul {
        margin-right: -20px;
    }

.page-index .spots li {
    overflow: hidden;
    width: 285px;
    height: 285px;
    margin: 20px 20px 0 0;
    float: left;
    position: relative;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .page-index .spots li a {
        color: #fff;
    }

.page-index .spots .content {
    overflow: hidden;
    width: 285px;
    height: 285px;
    position: absolute;
    bottom: -285px;
}

.page-index .spots .title {
    display: block;
    line-height: 45px;
    font-size: 20px;
    padding-top: 100px;
}

.page-index .spots .price {
    display: block;
    line-height: 45px;
    font-size: 16px;
}

.page-index .spots .description {
    overflow: hidden;
    height: 93px;
    line-height: 24px;
}

.page-index .spots .text {
    width: 245px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    position: absolute;
    bottom: 0;
}

.page-index .spots .box {
    position: relative;
    z-index: 3;
    padding: 0 20px;
}

.page-index .spots .black_bg {
    width: 100%;
    width: 285px;
    height: 285px;
    position: absolute;
    top: 0;
}

.page-index .travels {
    background: url(../img/index_bg.jpg) center no-repeat;
    padding: 40px 0 50px;
}

    .page-index .travels .itTitle {
        padding-bottom: 8px;
    }

    .page-index .travels .itBox ul {
        margin-right: -30px;
    }

    .page-index .travels li {
        overflow: hidden;
        width: 380px;
        height: 395px;
        margin: 30px 30px 0 0;
        float: left;
        position: relative;
        background: #fff;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .page-index .travels .photo {
        position: absolute;
        top: 211px;
        left: 10px;
        border: 2px solid #ccc8c5;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .page-index .travels .content {
        padding: 0 20px;
    }

        .page-index .travels .content p {
            overflow: hidden;
            height: 55px;
            line-height: 28px;
            margin: 9px 0 10px;
        }

        .page-index .travels .content a {
            font-size: 18px;
        }

    .page-index .travels .author {
        color: #999;
    }

        .page-index .travels .author em {
            color: #f60;
        }

        .page-index .travels .author span {
            float: right;
            padding-left: 20px;
        }

        .page-index .travels .author i {
            margin: -5px 5px 0 0;
            vertical-align: middle;
        }

.page-index .news .title {
    height: 24px;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #a5d7f3;
}

    .page-index .news .title span {
        font-size: 24px;
        padding-top: 10px;
    }

    .page-index .news .title a {
        float: right;
    }

    .page-index .news .title i {
        padding-left: 4px;
    }

.page-index .news .left {
    width: 826px;
    float: left;
}

    .page-index .news .left li {
        width: 400px;
        height: 193px;
        margin: 20px 20px 0 0;
        float: left;
        position: relative;
        overflow: hidden;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .page-index .news .left li.th {
            width: 406px;
            height: 406px;
        }

        .page-index .news .left li a {
            color: #fff;
            font-size: 20px;
        }

        .page-index .news .left li .text {
            background: url(../img/news-top.png) repeat-x;
        }

    .page-index .news .left .text {
        overflow: hidden;
        width: 100%;
        line-height: 50px;
        position: absolute;
        bottom: 0;
        text-indent: 20px;
    }

.page-index .news .right {
    width: 345px;
    float: right;
}

    .page-index .news .right .main {
        height: 384px;
        border: 1px solid #ddd;
        padding: 20px 18px 0 15px;
        margin-top: 20px;
    }

.page-about .about5 .imgL img, .page-about .about5 .imgR img, .page-about .about6 .imgR img {
    border-radius: 10px;
}

.page-index .news .right li {
    overflow: hidden;
    height: 58px;
    position: relative;
    line-height: 28px;
    margin-bottom: 15px;
}

    .page-index .news .right li i {
        width: 5px;
        height: 5px;
        background: #77889b;
        float: left;
        margin: 10px 10px 0 0;
    }

    .page-index .news .right li div {
        overflow: hidden;
        width: 295px;
        float: left;
    }

    .page-index .news .right li span {
        position: absolute;
        right: 3px;
        top: 30px;
        color: #999;
    }

    .page-index .news .right li a {
        font-size: 16px;
        color: #666;
    }

        .page-index .news .right li a:hover {
            color: #f60;
        }

.page-about .box1200 {
    width: 1200px;
    margin: 0 auto;
    zoom: 1;
}

    .page-about .box1200:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-about .fl-left {
    float: left;
}

.page-about .fl-right {
    float: right;
}

.page-about .aboutTitle {
    padding: 60px 0 50px;
    text-align: center;
}

    .page-about .aboutTitle h3 {
        font-size: 40px;
        color: #fff;
        margin: 20px 0 30px;
        height: 1px;
        background: #fff;
        position: relative;
    }

        .page-about .aboutTitle h3 span {
            display: inline-block;
            height: 40px;
            padding: 0 20px;
            background: #fff;
            position: absolute;
            left: 50%;
            margin-left: -160px;
            top: -20px;
        }

    .page-about .aboutTitle p {
        line-height: 36px;
        font-size: 20px;
        padding-top: 32px;
    }

.page-about .about1 {
    background: #e8dbc9;
}

    .page-about .about1 .aboutTitle, .page-about .about1 .aboutTitle h3 span {
        background: #018bd6;
    }

    .page-about .about1 .banner {
        min-width: 1200px;
        height: 710px;
        background: url(../img/about/a1.jpg) center 0 no-repeat;
    }

    .page-about .about1 .box {
        padding: 38px 0 0;
        zoom: 1;
    }

        .page-about .about1 .box:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-about .about1 .item {
        width: 1200px;
        margin: 0 auto 80px;
    }

    .page-about .about1 .bottom {
        min-width: 1200px;
        height: 224px;
        background: url(../img/about/a13.jpg) center 0 no-repeat;
    }

.page-about .about2 {
    background: #e8dbc9;
}

    .page-about .about2 .aboutTitle, .page-about .about2 .aboutTitle h3 span {
        background: #4cbebe;
    }

    .page-about .about2 .banner {
        min-width: 1200px;
        height: 722px;
        background: url(../img/about/b1.jpg) center 0 no-repeat;
    }

    .page-about .about2 .box {
        padding: 38px 0 0;
        overflow: hidden;
    }

    .page-about .about2 .item {
        width: 1200px;
        margin: 0 auto 150px;
    }

.page-about .about3 {
    background: #e8dbc9;
}

    .page-about .about3 .aboutTitle, .page-about .about3 .aboutTitle h3 span {
        background: #e49e6a;
    }

    .page-about .about3 .banner {
        min-width: 1200px;
        height: 607px;
        background: url(../img/about/c1.jpg) center 0 no-repeat;
    }

    .page-about .about3 .box {
        padding: 20px 0 0;
        overflow: hidden;
    }

    .page-about .about3 .item {
        width: 1200px;
        margin: 0 auto 80px;
    }

.page-about .about4 {
    background: #e8dbc9;
}

    .page-about .about4 .aboutTitle, .page-about .about4 .aboutTitle h3 span {
        background: #a47b5f;
    }

    .page-about .about4 .banner {
        min-width: 1200px;
        height: 722px;
        background: url(../img/about/d1.jpg) center 0 no-repeat;
    }

    .page-about .about4 .box {
        padding: 0 0 95px;
        overflow: hidden;
    }

    .page-about .about4 .item {
        width: 1200px;
        margin: 0 auto;
    }

.page-about .about5 {
    background: #e8dbc9;
    color: #666;
    font-size: 20px;
    line-height: 36px;
}

    .page-about .about5 .aboutTitle, .page-about .about5 .aboutTitle h3 span {
        background: #a6937c;
    }

    .page-about .about5 .banner {
        min-width: 1200px;
        height: 739px;
        background: url(../img/about/e1.jpg) center 0 no-repeat;
    }

    .page-about .about5 .list {
        float: left;
        width: 344px;
        padding: 40px 20px 30px;
        font-size: 20px;
        line-height: 36px;
    }

    .page-about .about5 .box {
        padding: 0 0 45px;
        overflow: hidden;
    }

    .page-about .about5 .item {
        width: 1200px;
        margin: 0 auto 50px;
        line-height: 36px;
        font-size: 20px;
        zoom: 1;
    }

        .page-about .about5 .item:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-about .about5 .title {
        height: 32px;
        border-bottom: 1px dotted #ba2f2f;
        text-align: center;
    }

        .page-about .about5 .title span {
            display: block;
            width: 582px;
            height: 67px;
            line-height: 60px;
            color: #fff;
            margin: 0 auto;
            text-align: center;
            background: url(../img/about/etitle.jpg) no-repeat;
            font-size: 38px;
        }

    .page-about .about5 .top {
        text-align: center;
        font-size: 28px;
        padding: 50px 0 40px;
        font-weight: 600;
    }

    .page-about .about5 .imgL {
        overflow: hidden;
        width: 515px;
        height: 342px;
        padding: 0 0 92px 56px;
        margin-left: -27px;
        float: left;
        background: url(../img/about/ebg1.jpg) no-repeat;
    }

    .page-about .about5 .imgR {
        overflow: hidden;
        width: 515px;
        height: 342px;
        padding: 0 56px 92px 0;
        margin-right: -27px;
        float: right;
        background: url(../img/about/ebg2.jpg) no-repeat;
    }

    .page-about .about5 .text {
        width: 604px;
        padding: 0 20px;
    }

    .page-about .about5 .block {
        display: block;
        font-size: 32px;
        padding: 10px 0;
    }

    .page-about .about5 p {
        text-align: justify;
    }

.page-about .about6 {
    background: #e8dbc9;
    color: #666;
    font-size: 20px;
    line-height: 36px;
}

    .page-about .about6 .aboutTitle, .page-about .about6 .aboutTitle h3 span {
        background: #a5a558;
    }

    .page-about .about6 .banner {
        min-width: 1200px;
        height: 739px;
        background: url(../img/about/f1.jpg) center 0 no-repeat;
    }

    .page-about .about6 .box {
        padding: 0 0 85px;
        overflow: hidden;
    }

    .page-about .about6 .left {
        width: 560px;
        float: left;
    }

    .page-about .about6 .title {
        font-size: 36px;
        line-height: 40px;
        padding: 10px 0;
    }

    .page-about .about6 .block {
        font-size: 24px;
        text-indent: 95px;
        display: block;
    }

    .page-about .about6 .imgR {
        overflow: hidden;
        width: 515px;
        height: 342px;
        padding: 0 56px 92px 0;
        margin: 80px 0 -34px;
        float: right;
        background: url(../img/about/ebg2.jpg) no-repeat;
    }

    .page-about .about6 .center {
        position: relative;
        z-index: 2;
    }

        .page-about .about6 .center ul {
            margin-right: -30px;
        }

        .page-about .about6 .center li {
            width: 380px;
            float: left;
            margin: 30px 30px 70px 0;
        }

        .page-about .about6 .center .text {
            padding: 5px 10px;
            text-align: justify;
        }

        .page-about .about6 .center img {
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

    .page-about .about6 .bottom .title1 {
        height: 20px;
        font-size: 36px;
        text-align: center;
        border-bottom: 4px solid #b8ad9e;
    }

        .page-about .about6 .bottom .title1 span {
            display: block;
            width: 177px;
            text-align: center;
            margin: 0 auto;
            background: #e8dbc9;
        }

    .page-about .about6 .bottom .item {
        width: 590px;
        float: left;
        margin: 64px 20px 0 0;
    }

        .page-about .about6 .bottom .item.cur {
            margin-right: 0;
        }

        .page-about .about6 .bottom .item img {
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

.page-about .about7 .imgL img, .page-about .about7 .imgR img {
    border-radius: 10px;
}

.page-about .about6 .bottom .item .text {
    padding: 5px 10px;
    text-align: justify;
}

.page-about .about7 {
    background: #e8dbc9;
    color: #666;
    font-size: 20px;
    line-height: 36px;
}

    .page-about .about7 .aboutTitle, .page-about .about7 .aboutTitle h3 span {
        background: #669;
    }

    .page-about .about7 .banner {
        min-width: 1200px;
        height: 843px;
        background: url(../img/about/g1.jpg) center 0 no-repeat;
    }

    .page-about .about7 .box {
        padding: 65px 0 0;
        overflow: hidden;
    }

    .page-about .about7 .item {
        width: 1200px;
        margin: 0 auto 100px;
        line-height: 36px;
        font-size: 20px;
        zoom: 1;
    }

        .page-about .about7 .item:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-about .about7 .item.cur .text span {
            display: inline-block;
            padding: 0 20px 0 70px;
            position: relative;
        }

            .page-about .about7 .item.cur .text span i {
                display: inline-block;
                width: 5px;
                height: 5px;
                float: left;
                background: #666;
                margin: 18px 6px 20px 0;
            }

        .page-about .about7 .item.cur .text em {
            display: inline-block;
            position: absolute;
            left: 0;
        }

    .page-about .about7 .imgL {
        overflow: hidden;
        width: 515px;
        height: 342px;
        padding: 0 0 92px 56px;
        margin-left: -27px;
        float: left;
        background: url(../img/about/ebg1.jpg) no-repeat;
    }

    .page-about .about7 .imgR {
        overflow: hidden;
        width: 515px;
        height: 342px;
        padding: 0 56px 92px 0;
        margin-right: -27px;
        float: right;
        background: url(../img/about/ebg2.jpg) no-repeat;
    }

    .page-about .about7 .text {
        width: 604px;
        padding: 0 20px;
    }

        .page-about .about7 .text span {
            display: inline-block;
            padding: 0 20px 8px 0;
        }

            .page-about .about7 .text span i {
                display: inline-block;
                width: 5px;
                height: 5px;
                float: left;
                background: #666;
                margin: 18px 6px 0 0;
            }

    .page-about .about7 .title {
        display: block;
        font-size: 32px;
        padding: 10px 0;
    }

    .page-about .about7 p {
        text-align: justify;
    }

.page-about .about8 {
    background: #e8dbc9;
    color: #666;
    font-size: 18px;
    line-height: 36px;
}

    .page-about .about8 .aboutTitle, .page-about .about8 .aboutTitle h3 span {
        background: #de4545;
    }

    .page-about .about8 .banner {
        min-width: 1200px;
        height: 710px;
        background: url(../img/about/h1.jpg) center 0 no-repeat;
    }

    .page-about .about8 .title {
        height: 20px;
        font-size: 36px;
        text-align: center;
        border-bottom: 4px solid #b8ad9e;
        margin: 50px 0;
    }

        .page-about .about8 .title span {
            display: block;
            width: 177px;
            text-align: center;
            margin: 0 auto;
            background: #e8dbc9;
        }

    .page-about .about8 .top .item {
        width: 590px;
        float: left;
        margin: 0 20px 0 0;
    }

        .page-about .about8 .top .item.cur {
            margin-right: 0;
        }

        .page-about .about8 .top .item img {
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

        .page-about .about8 .top .item .text {
            padding: 5px 10px;
            text-align: justify;
        }

    .page-about .about8 .block {
        display: block;
        font-size: 30px;
        line-height: 36px;
        padding: 30px 0 10px;
    }

    .page-about .about8 .box {
        zoom: 1;
    }

        .page-about .about8 .box:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-about .about8 table {
        width: 100%;
        background: #fff;
    }

    .page-about .about8 td {
        border: 1px solid #ccc;
        font-size: 18px;
        line-height: 32px;
        padding: 10px 4px;
    }

        .page-about .about8 td.td {
            text-align: center;
            background: #f5f5f5;
        }

    .page-about .about8 .tdDiv {
        float: left;
        padding: 0 0 0 30px;
        text-align: left;
        color: #333;
    }

    .page-about .about8 .way {
        background: #eee;
        padding: 40px;
    }

        .page-about .about8 .way .title span {
            background: #eee;
        }

        .page-about .about8 .way .left {
            width: 550px;
            padding: 0 10px;
            float: left;
            text-align: justify;
        }

            .page-about .about8 .way .left p {
                margin-bottom: 20px;
            }

        .page-about .about8 .way .content {
            zoom: 1;
        }

            .page-about .about8 .way .content:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

        .page-about .about8 .way img {
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

    .page-about .about8 .santong {
        background: #e8dbc9;
        padding: 40px 0 80px;
    }

        .page-about .about8 .santong .title span {
            background: #e8dbc9;
        }

.page-panorama .header span, .page-video .lt-left .header span {
    line-height: 44px;
    background: #0085d4;
    color: #fff;
    text-align: center;
}

.page-about .about8 .santong p {
    padding: 0 0 20px;
}

.page-panorama .list .bottom, .page-video .lt-left .list .bottom {
    padding: 10px;
    zoom: 1;
}

.page-about .about8 .santong ul {
    width: 100%;
}

.page-about .about8 .santong li {
    width: 25%;
    float: left;
}

.page-about .fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.page-about .fp-section {
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page-about .fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.page-panorama .header {
    border-bottom: 1px solid #0085d4;
}

    .page-panorama .header span {
        display: inline-block;
        height: 44px;
        width: 136px;
        font-size: 20px;
    }

.page-panorama .list .item {
    float: left;
    width: 378px;
    height: 300px;
    margin-top: 30px;
    border: 1px solid #ddd;
}

.page-panorama .list .even {
    margin-left: 30px;
    margin-right: 30px;
}

.page-panorama .list img {
    width: 100%;
}

.page-panorama .list .bottom:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.page-panorama .list .title {
    float: left;
    font-size: 18px;
}

.page-panorama .list .zone {
    float: right;
    position: relative;
}

.page-panorama .list .icon-news-location {
    position: absolute;
    top: 3px;
    left: -15px;
}

.page-panorama #panorama iframe {
    width: 100%;
    height: 530px;
}

.page-video .lt-left .header {
    border-bottom: 1px solid #0085d4;
}

    .page-video .lt-left .header span {
        display: inline-block;
        height: 44px;
        width: 136px;
        font-size: 20px;
    }

.page-video .lt-left .list a:hover .icon-video, .page-video .lt-right .list a:hover .icon-video {
    background-position: -188px -405px;
}

.page-video .lt-left .list .item {
    float: left;
    width: 288px;
    height: 300px;
    margin-top: 30px;
    border: 1px solid #ddd;
}

.page-video .lt-left .list .even {
    margin-left: 20px;
    margin-right: 20px;
}

.page-video .lt-left .list img {
    width: 100%;
}

.page-video .lt-left .list .bottom:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.page-video .lt-left .list .title {
    float: left;
    font-size: 18px;
    position: relative;
    padding: 0 0 0 25px;
}

.page-video .lt-left .list .icon-video {
    position: absolute;
    top: 0;
    left: 0;
}

.page-video .lt-right .list .item {
    float: left;
    width: 260px;
    margin-top: 20px;
    border: 1px solid #ddd;
}

.page-video .lt-right .list img {
    width: 100%;
}

.page-video .lt-right .list .text {
    float: left;
    font-size: 18px;
    padding: 0 0 0 25px;
    position: relative;
    margin: 10px;
}

.page-video .lt-right .list .icon-video {
    position: absolute;
    top: 0;
    left: 0;
}

.page-video #panorama iframe {
    width: 100%;
    height: 530px;
    position: relative;
    z-index: -1;
}

.page-aboutUs .ltLeft {
    width: 260px;
    border: 1px solid #ddd;
    float: left;
    padding: 10px 0;
    zoom: 1;
}

    .page-aboutUs .ltLeft:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .page-aboutUs .ltLeft ul {
        width: 260px;
        margin: 0 0 0 -1px;
    }

    .page-aboutUs .ltLeft li {
        width: 100%;
    }

        .page-aboutUs .ltLeft li a {
            display: block;
            width: 258px;
            height: 50px;
            line-height: 50px;
            padding-left: 2px;
            font-size: 18px;
            text-indent: 18px;
        }

            .page-aboutUs .ltLeft li a:hover {
                background: #f9f9f9;
                padding-left: 0;
                border-left: 2px solid #f60;
            }

                .page-aboutUs .ltLeft li .arrow, .page-aboutUs .ltLeft li a:hover .arrow, .page-aboutUs .ltLeft li.cur .arrow {
                    width: 0;
                    border-width: 5px;
                    border-style: dashed dashed dashed solid;
                    height: 0;
                }

                .page-aboutUs .ltLeft li a:hover .arrow {
                    border-color: transparent transparent transparent #f60;
                }

        .page-aboutUs .ltLeft li .arrow {
            float: right;
            margin: 22px 20px 0 0;
            border-color: transparent transparent transparent #fff;
        }

        .page-aboutUs .ltLeft li.cur .arrow {
            border-color: transparent transparent transparent #f60;
        }

        .page-aboutUs .ltLeft li.cur a {
            background: #f9f9f9;
            padding-left: 0;
            border-left: 2px solid #f60;
        }

.page-aboutUs .ltRight {
    width: 906px;
    border: 1px solid #ddd;
    float: right;
}

.page-aboutUs .title {
    line-height: 80px;
    font-size: 24px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.page-aboutUs .aboutUs {
    min-height: 600px;
}

    .page-aboutUs .aboutUs .box {
        width: 848px;
        margin: 30px auto;
    }

    .page-aboutUs .aboutUs p {
        padding: 0 0 8px;
    }

    .page-aboutUs .aboutUs .block {
        display: block;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .page-aboutUs .aboutUs ul {
        zoom: 1;
        padding-bottom: 60px;
    }

        .page-aboutUs .aboutUs ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-aboutUs .aboutUs li {
        width: 20%;
        float: left;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
    }

        .page-aboutUs .aboutUs li a {
            color: #008ad6;
        }

            .page-aboutUs .aboutUs li a:hover {
                color: #f60;
            }

.page-aboutUs .map {
    line-height: 32px;
}

    .page-aboutUs .map .block {
        display: block;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .page-aboutUs .map .item {
        border-bottom: 1px solid #ddd;
        padding: 30px;
        margin-bottom: -1px;
        zoom: 1;
    }

        .page-aboutUs .map .item:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-aboutUs .map li {
        float: left;
        margin-right: 35px;
    }

        .page-aboutUs .map li a {
            color: #008ad6;
        }

            .page-aboutUs .map li a:hover {
                color: #f60;
            }

.page-profile .profileLeft {
    width: 220px;
    float: left;
    background: #f8f8f8;
    padding: 38px 0 20px;
}

    .page-profile .profileLeft .avatar {
        display: block;
        width: 150px;
        height: 150px;
        margin: 0 auto;
        -webkit-border-radius: 150px;
        border-radius: 150px;
    }

    .page-profile .profileLeft .user {
        font-size: 18px;
        color: #000;
        text-align: center;
        padding: 16px 0 14px;
    }

    .page-profile .profileLeft .position {
        height: 18px;
        line-height: 18px;
        text-align: center;
    }

        .page-profile .profileLeft .position span {
            position: relative;
            padding: 0 0 0 15px;
            display: inline-block;
        }

        .page-profile .profileLeft .position i {
            position: absolute;
            top: 0;
            left: 0;
        }

    .page-profile .profileLeft .edit {
        display: block;
        text-align: center;
        color: #008ad6;
        padding: 20px 0 25px;
    }

        .page-profile .profileLeft .edit:hover {
            color: #f60;
        }

    .page-profile .profileLeft .btn {
        margin: 0 auto;
        text-align: center;
    }

    .page-profile .profileLeft dl {
        text-align: center;
    }

    .page-profile .profileLeft dt {
        font-size: 14px;
        font-weight: 700;
        padding: 37px 0 30px;
    }

    .page-profile .profileLeft dd {
        margin: 0 14px;
        zoom: 1;
    }

        .page-profile .profileLeft dd:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-profile .profileLeft dd a {
            width: 50px;
            height: 50px;
            float: left;
            margin: 0 9px 28px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
        }

.page-profile .profileRight {
    width: 1000px;
    float: left;
    background: #f8f8f8;
}

    .page-profile .profileRight .list {
        padding: 0 20px;
    }

    .page-profile .profileRight .item {
        border-bottom: 1px dashed #ccc;
    }

        .page-profile .profileRight .item.last {
            border: 0;
        }

    .page-profile .profileRight .Header {
        height: 36px;
        line-height: 36px;
        font-size: 18px;
        border-bottom: 1px solid #ddd;
        padding: 20px 10px 10px 16px;
        position: relative;
    }

.page-profile .profileRight .Header span {
         color: #444;
            float: left;
            padding-left: 40px;
            background: url(../Images/fbyj_ico.png) no-repeat 0 -64px;
    }
    
    .page-profile .profileRight .Header a {
            float: right;
            color: #fff;
            width: 110px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            font-size: 16px;
            background: #ff7200;
            border-radius: 5px;
             margin-right:5px;
    }
    
        .page-profile .profileRight .header i.icon-profileTitle {
            position: absolute;
            top: 20px;
            left: 16px;
        }

    .page-profile .profileRight .titile {
        height: 32px;
        line-height: 32px;
        font-size: 24px;
        padding: 30px 0 16px;
    }

        .page-profile .profileRight .titile a {
            color: #008ad6;
        }

            .page-profile .profileRight .titile a:hover, .page-profile .profileRight .titile em {
                color: #f60;
            }

    .page-profile .profileRight .info {
        padding: 0 0 30px;
    }

        .page-profile .profileRight .info .time {
            color: #aaa;
            margin: 0 25px 0 0;
        }

        .page-profile .profileRight .info a {
            margin: 0 10px 0 0;
            color: #777;
        }

            .page-profile .profileRight .info a:hover {
                color: #f60;
            }

    .page-profile .profileRight .content p {
        line-height: 2em;
    }

    .page-profile .profileRight .bottom {
        padding: 24px 0 15px;
        zoom: 1;
    }

        .page-profile .profileRight .bottom:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-profile .profileRight .bottom a {
            color: #979797;
            float: left;
        }

            .page-profile .profileRight .bottom a.more {
                float: right;
                color: #008ad6;
            }

                .page-profile .profileRight .bottom a.more:hover {
                    color: #f60;
                }

    .page-profile .profileRight .nothing {
        text-align: center;
        color: #a4a4a4;
        font-size: 18px;
    }

        .page-profile .profileRight .nothing img {
            margin: 80px auto 60px;
        }

    .page-profile .profileRight .inputWrap {
        background: #fff;
        border: 1px solid #e7e7e7;
        margin: 20px 15px;
        padding: 10px;
        position: relative;
        border-radius: 5px;
        
    }

        .page-profile .profileRight .inputWrap input {
            width: 100%;
            height: 36px;
            line-height: 36px;
            font-size:18px;
            border: 0;
        }

        .page-profile .profileRight .inputWrap span {
            position: absolute;
            top: 15px;
            right: 10px;
        }

    .page-profile .profileRight .textareaDiv {
        padding: 5px 15px 10px;
    }
    
    .page-profile .profileRight .textareaDiv textarea {
            width: 98.8%;
            line-height:30px;
            height:120px;

            outline:none;
            overflow:auto;
            padding-left:10px;
            vertical-align: text-top;
            border: 1px solid #e7e7e7;
            border-radius: 5px;
            font-size:15px;            
        }
        
    .page-profile .profileRight .textareaWrap {
        padding: 0 15px 10px;
    }

        .page-profile .profileRight .textareaWrap textarea {
            width: 100%;
        }

    .page-profile .profileRight .form {
        position: relative;
        padding: 0 20px 20px 90px;
        min-height: 34px;
    }

        .page-profile .profileRight .form .label {
            position: absolute;
            top: 0;
            left: 20px;
            height: 34px;
            line-height: 34px;
        }

        .page-profile .profileRight .form .ui-btn-big {
            float: right;
            margin: 0 0 20px;
        }

        .page-profile .profileRight .form.uploadForm {
            padding-left: 15px;
        }

.page-agencies .list .item {
    padding: 20px 20px 17px;
    border: 1px solid #ddd;
    margin: 0 0 40px;
    zoom: 1;
}

    .page-agencies .list .item:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.page-agencies .list .thumb {
    float: left;
    margin: 0 20px 0 0;
}

.page-agencies .list .main {
    width: 638px;
    float: left;
}

.page-agencies .list h2 {
    line-height: 26px;
    font-size: 18px;
    padding: 0 6px 5px 0;
    margin-bottom: 6px;
    border-bottom: 1px dashed #ddd;
}

    .page-agencies .list h2 .a {
        max-width: 448px;
        max-height: 40px;
        overflow: hidden;
    }

    .page-agencies .list h2 a {
        display: inline-block;
        vertical-align: middle;
    }

    .page-agencies .list h2 .icon-xin {
        vertical-align: middle;
        margin: 0 0 0 8px;
    }

.page-agencies .list .starBox {
    font-size: 14px;
    color: #666;
}

    .page-agencies .list .starBox .starBg {
        display: inline-block;
        width: 110px;
        height: 20px;
        float: left;
        background: url(../img/starBg.png) repeat-x #fff;
    }

    .page-agencies .list .starBox .star {
        display: inline-block;
        width: 110px;
        height: 20px;
        background: url(../img/star.png) repeat-x #fff;
    }

.page-agencies .list .content {
    line-height: 32px;
}

    .page-agencies .list .content em {
        color: #666;
    }

.page-agencies .detail {
    padding: 19px;
    border: 1px solid #ddd;
    min-height: 600px;
}

    .page-agencies .detail .top {
        padding-bottom: 35px;
        zoom: 1;
    }

        .page-agencies .detail .top:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .page-agencies .detail .top .thumb {
            overflow: hidden;
            width: 210px;
            height: 140px;
            text-align: center;
            float: left;
            background: #ddd;
        }

            .page-agencies .detail .top .thumb img {
                max-width: 100%;
                vertical-align: middle;
            }

        .page-agencies .detail .top .main {
            width: 635px;
            float: right;
        }

        .page-agencies .detail .top h2 {
            line-height: 26px;
            font-size: 18px;
            padding: 0 6px 5px 0;
            margin-bottom: 6px;
            border-bottom: 1px dashed #ddd;
        }

            .page-agencies .detail .top h2 a.tit {
                overflow: hidden;
                display: inline-block;
                max-width: 390px;
                max-height: 40px;
            }

            .page-agencies .detail .top h2 a {
                vertical-align: middle;
            }

            .page-agencies .detail .top h2 .icon-xin {
                vertical-align: middle;
                margin: 0 0 0 8px;
            }

            .page-agencies .detail .top h2 a.fn-right {
                font-size: 14px;
                color: #008ad6;
            }

        .page-agencies .detail .top .starBox {
            font-size: 14px;
            color: #666;
            padding-right: 10px;
        }

            .page-agencies .detail .top .starBox .starBg {
                display: inline-block;
                width: 110px;
                height: 20px;
                float: left;
                background: url(../img/starBg.png) repeat-x #fff;
            }

            .page-agencies .detail .top .starBox .star {
                display: inline-block;
                width: 110px;
                height: 20px;
                background: url(../img/star.png) repeat-x #fff;
            }

        .page-agencies .detail .top .col-yellow {
            font-size: 24px;
        }

        .page-agencies .detail .top .content {
            line-height: 32px;
        }

            .page-agencies .detail .top .content em {
                color: #666;
            }

    .page-agencies .detail .mod-tab-detail .box {
        font-size: 16px;
        line-height: 34px;
        color: #666;
        padding: 20px 0;
    }

.page-yuanxiao .news, .page-yuanxiao .news a {
    color: #ffedaf;
    font-size: 16px;
}

.page-yuanxiao {
    background: url(../img/yuanxiao/bg.png);
    height: auto;
}

    .page-yuanxiao .hBanner {
        text-align: center;
    }

        .page-yuanxiao .hBanner .ad1 {
            width: 100%;
            height: 316px;
            background: url(../img/yuanxiao/ad1.jpg) center 0 no-repeat;
        }

        .page-yuanxiao .hBanner .ad2 {
            width: 100%;
            height: 334px;
            background: url(../img/yuanxiao/ad2.jpg) center 0 no-repeat;
        }

    .page-yuanxiao .title {
        text-align: center;
        margin: 25px auto;
        position: relative;
    }

        .page-yuanxiao .title .more {
            position: absolute;
            right: 320px;
            top: 130px;
            color: #ffedaf;
            font-size: 16px;
        }

    .page-yuanxiao .main {
        width: 1000px;
        margin: 0 auto;
        zoom: 1;
    }

        .page-yuanxiao .main:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-yuanxiao .news {
        height: 200px;
        padding-top: 40px;
        width: 1001px;
        background: url(../img/yuanxiao/inner.png) no-repeat;
    }

        .page-yuanxiao .news .left {
            width: 450px;
            float: left;
            padding-left: 55px;
        }

            .page-yuanxiao .news .left p {
                line-height: 30px;
                text-indent: 2em;
            }

        .page-yuanxiao .news .right {
            width: 420px;
            float: right;
        }

            .page-yuanxiao .news .right ul li {
                width: 100%;
                float: left;
            }

            .page-yuanxiao .news .right ul a {
                display: inline-block;
                line-height: 38px;
                padding-left: 20px;
                background: url(../img/yuanxiao/tip.png) 5px 15px no-repeat;
            }

    .page-yuanxiao .story .inner {
        background: url(../img/yuanxiao/inner_top.jpg) no-repeat #fbf1de;
        height: 320px;
        overflow: hidden;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        padding: 40px 10px 20px;
    }

        .page-yuanxiao .story .inner .top {
            width: 100%;
            line-height: 60px;
            font-size: 28px;
            color: #ad0007;
            text-align: center;
        }

        .page-yuanxiao .story .inner .box {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

    .page-yuanxiao .customs .inner {
        background: url(../img/yuanxiao/inner_top.jpg) no-repeat #fbf1de;
        padding: 0 7px 55px;
    }

    .page-yuanxiao .customs ul {
        zoom: 1;
    }

        .page-yuanxiao .customs ul:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

    .page-yuanxiao .customs li {
        width: 167px;
        float: left;
        padding: 0 15px;
        margin-top: 55px;
    }

        .page-yuanxiao .customs li .pic {
            width: 168px;
            height: 168px;
            overflow: hidden;
            position: relative;
            margin-bottom: 10px;
        }

            .page-yuanxiao .customs li .pic img {
                text-align: top;
            }

        .page-yuanxiao .customs li .bg {
            width: 168px;
            height: 168px;
            position: absolute;
            left: 0;
            top: 0;
            background: url(../img/yuanxiao/round.png) no-repeat;
            z-index: 3;
        }

        .page-yuanxiao .customs li .text {
            overflow: hidden;
            width: 158px;
            height: 33px;
            line-height: 33px;
            text-align: center;
            margin: 0 auto;
            background: url(../img/yuanxiao/text.png) no-repeat;
        }

            .page-yuanxiao .customs li .text a {
                color: #fff;
                font-size: 16px;
            }

    .page-yuanxiao .game {
        font-size: 16px;
        line-height: 30px;
        color: #333;
    }

        .page-yuanxiao .game .inner {
            background: url(../img/yuanxiao/inner_top.jpg) no-repeat #fbf1de;
            padding: 50px 8px 55px;
        }

        .page-yuanxiao .game .top {
            color: #ad0007;
            font-size: 28px;
            line-height: 60px;
            text-align: center;
        }

        .page-yuanxiao .game .box {
            padding: 20px 28px 0;
            zoom: 1;
        }

            .page-yuanxiao .game .box:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

        .page-yuanxiao .game .right {
            width: 480px;
            height: 750px;
            background: url(../img/yuanxiao/weixin.jpg) no-repeat;
            float: right;
        }

            .page-yuanxiao .game .right .text {
                text-align: center;
                font-size: 22px;
                color: #ad0007;
                line-height: 30px;
                width: 200px;
                margin: 670px 0 0 230px;
            }

        .page-yuanxiao .game .left {
            position: relative;
            float: left;
            width: 400px;
        }

    .page-yuanxiao .foot {
        width: 100%;
        background: url(../img/yuanxiao/foot.png) center center no-repeat;
        height: 90px;
        margin-top: 120px;
    }

    .page-yuanxiao .music {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 125px;
        right: 100px;
        z-index: 22;
    }

        .page-yuanxiao .music.play {
            background: url(../img/yuanxiao/note_fly.gif) no-repeat;
            background-size: 50px;
        }

    .page-yuanxiao #audioBtn {
        overflow: hidden;
        width: 30px;
        height: 30px;
        background: url(../img/yuanxiao/note.png) no-repeat;
        background-size: 100%;
        text-align: center;
        color: #ddd;
        margin-top: 15px;
    }

    .page-yuanxiao .music_on {
        -webkit-animation: quan 1.5s linear infinite;
        -moz-animation: quan 1.5s linear infinite;
        -o-animation: quan 1.5s linear infinite;
        animation: quan 1.5s linear infinite;
    }