@charset "utf-8";
#hbody, .oh, .uiWrap {
    overflow: hidden
}

#body, .clear, .clearfix {
    zoom: 1
}

#Js-menu-tag .owner-tag .section ul li p a, #Js-menu-tag .ticket-tag .section ul li p a, .g-crumbs, .hdsearchIpt .hdAutocomplete li em.key, .login-wrap .login-status .login-name .simple-name, .m-nav li .nav-down-box dd, .m-sort-sdc-r-top .m-sort-sdc-r-hot ul li, .m-sort-sdc-r-top dl dd {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

body, html {
    height: 100%
}

body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, tbody, td, textarea, th, thead, ul {
    margin: 0;
    padding: 0
}

body, button, input, select, textarea {
    font: 12px/1.5 "Microsoft Yahei", Arial, Helvetica, sans-serif;
    color: #4d4d4d
}

.bar-language, .bar-language.bar-money, .bar-menu, .login-wrap .logout-status a, .menu-list li.cart .goshoppingcart a {
    font-family: '\5B8B\4F53'
}

button[disabled] {
    background-color: #ccc;
    border-color: #ccc
}

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

address, cite, dfn, em, i {
    font-style: normal
}

small {
    font-size: 12px
}

ol, ul {
    list-style: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset, img {
    border: 0
}

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

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

#body:after, #hbody:after, #head:after, .uifix:after {
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
    content: ""
}

.hide, .hide-del-prices-g del {
    display: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.rel {
    position: relative
}

.abs {
    position: absolute
}

#hbody, .uiWrap {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.p15 {
    padding: 15px
}

#sitebg {
    background: #f7f7f7
}

#head {
    z-index: 99;
    width: 100%;
    background: #fff
}

#head a:hover {
    text-decoration: none
}

#head #head-split {
    background: #276EC6;
    height: 4px
}

.getsale, .hmhd, .hmixbtn li, .usdestSearchead {
    background-image: url(/res/images/new/images/baserpt.png);
    background-repeat: repeat-x
}

.contactMod li, .helpmenu li.helpcenter a, .superilist li, .uhmenu li.freeregister, .uhmenu li.userhome a, .uhover a, .usdestSearchTable .desthelp a {
    background-image: url(/res/images/new/images/icons20.png);
    background-repeat: no-repeat
}

.advLink, .partners dt, .shopcart {
    background-image: url(/res/images/new/images/basebg.png);
    background-repeat: no-repeat
}

.getsale .getsale_sbtn, .shopview_account a.account_btn, .usdestSearchTable .destsbtn {
    background-image: url(/res/images/new/images/basebtn.png);
    background-repeat: no-repeat
}

.usdestSearchead h3 {
    background-image: url(/res/images/new/images/textbg.png);
    background-repeat: no-repeat
}

.hcomplist li a, .hmixbtn li a, .pblue, .superilist li em {
    color: #19569E
}

#foot a.highlight, #foot a:hover, .grade a:hover, .hcomplist li a:hover, .hmixbtn li a:hover, .navScenic dt, .uhmenu li a, .usdestSearchTable .destlist dd a:hover {
    color: #F60
}

#topbar {
    line-height: 38px;
    background: #F5F5F5;
    height: 38px;
    overflow: visible;
    min-width: 1200px;
    position: relative;
    z-index: 999
}

.navScenic dd a:hover {
    color: #3956A2;
    text-decoration: none
}

.uhmenu li {
    position: relative;
    float: left;
    padding: 0 10px
}

.uhmenu li.freeregister {
    background-position: right 3px;
    padding: 0
}

.uhmenu li.freeregister a {
    padding: 0 8px
}

.uhmenu li.userhome {
    width: 62px
}

.uhmenu li.userhome a {
    padding-right: 10px;
    background-position: right -23px
}

.uhmenu li.uhover {
    margin: 0 -1px;
    background: #FFF;
    border: 1px solid #6FACE8;
    border-bottom: 0
}

.uhmenu li.uhover a {
    background-position: right -40px
}

.uhmenu li.userhome .uhmenutree {
    position: absolute;
    left: -1px;
    top: 24px;
    width: 82px;
    padding-bottom: 5px;
    background: #FFF;
    border: 1px solid #6FACE8;
    border-top: 0;
    border-radius: 0 0 2px 2px
}

.uhmenu li.userhome .uhmenutree a {
    display: block;
    padding: 0;
    background: 0 0;
    line-height: 24px;
    text-align: center
}

.helpmenu li {
    float: left;
    padding: 0 8px
}

.helpmenu li a, .navScenic dd a {
    color: #4D4D4D
}

.helpmenu li.helpcenter a {
    display: block;
    padding-left: 18px;
    background-position: 0 -55px
}

.login-wrap {
    position: relative;
    height: 38px;
    padding: 0 15px 0 5px;
    float: left;
    min-width: 100px;
    line-height: 38px;
    display: block;
    white-space: nowrap;
    font-size: 12px
}

.login-wrap > span {
    float: left
}

.login-wrap .bar-welcome {
    padding-right: 16px;
    color: #666;
    float: left;
    display: inline-block
}

.login-wrap .logout-status {
    float: left;
    padding: 8px 0 0
}

.login-wrap .logout-status a {
    color: #666;
    font-size: 12px;
    background: #ffda78;
    border-radius: 3px;
    float: left;
    width: 67px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    margin: 0 2px;
    display: inline
}

.login-wrap .logout-status a:hover {
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    text-decoration: none
}

.login-wrap .login-status .login-name:hover {
    color: #fe8902;
    text-decoration: none
}

.login-wrap .login-status .login-name {
    position: relative;
    cursor: pointer;
    color: #666;
    float: left
}

.login-wrap .login-status .login-hello {
    float: left
}

.login-wrap .login-status .login-name .simple-name {
    overflow: hidden;
    display: block;
    max-width: 100px
}

.login-wrap .login-status .login-name .full-name {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    white-space: nowrap;
    background: #ffffe1;
    border: 1px solid #000
}

.login-wrap .login-status .login-name:hover .full-name {
    display: inline-block
}

.login-wrap .login-status .go-out {
    color: #666;
    font-size: 12px;
    float: left;
    margin-left: 5px
}

.login-wrap .login-status .go-out:hover {
    color: #fe8902;
    text-decoration: none
}

.login-wrap .register-succ-tooltip {
    display: none;
    position: absolute;
    left: 200px;
    width: 309px;
    height: 60px;
    background: url(/res/images/new/images/register-succ.png) no-repeat;
    z-index: 20
}

.login-wrap .register-succ-tooltip p {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    padding: 15px 12px 15px 8px
}

.g-wrap .notice {
    display: block;
    background: url(/res/images/new/images/new-topbar-ico.png) -38px 12px no-repeat;
    padding-left: 38px;
    float: left;
    width: 240px;
    overflow: hidden;
    height: 38px;
    margin-left: 60px
}

.down-arrow, .down-arrow-menu {
    display: inline-block;
    height: 0;
    width: 0
}

.g-wrap .notice #notice_0 {
    width: 240px;
    overflow: hidden;
    white-space: nowrap
}

.g-wrap .notice a {
    color: #666;
    margin-right: 48px;
    width: auto
}

.g-wrap .notice a:hover {
    text-decoration: underline
}

.up-arrow {
    width: 0;
    height: 0;
    border-bottom: 5px solid #4593fd;
    border-left: 5px solid #ebeaea;
    border-right: 5px solid #ebeaea
}

.down-arrow {
    border-top: 5px solid #BCBCBC;
    border-left: 5px solid #F5F5F5;
    border-right: 5px solid #F5F5F5
}

.down-arrow-menu {
    border-top: 5px solid #ebeaea;
    border-left: 5px solid #4593fd;
    border-right: 5px solid #4593fd
}

.toolbar {
    height: 38px
}

.bar-menu .callOld {
    color: #FE8902;
    float: left;
    margin-right: 34px
}

.bar-menu, .bar-menu a {
    color: #666
}

.bar-menu {
    float: right;
    font-size: 12px
}

.bar-menu a:hover {
    color: #fe8902;
    text-decoration: none
}

.bar-menu .menu-list li {
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 5px
}

.bar-menu .menu-list li a.title {
    vertical-align: top
}

.bar-menu .menu-list li .split {
    color: #c7cdd0
}

.bar-language:hover .down-arrow, .menu-list li:hover .down-arrow {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.menu-list li.cart:hover .split, .menu-list li.myusi:hover .split {
    color: #fff
}

.menu-list li.myusi {
    padding: 0;
    margin-right: 10px
}

.menu-list li.myusi .myusi-text {
    padding-left: 8px;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    border-radius: 3px 3px 0 0
}

.menu-list li.myusi .myusi-list, .menu-list li.myusi:hover .myusi-text {
    background: #fff;
    border-left: 1px solid #c7cdd0;
    border-right: 1px solid #c7cdd0
}

.menu-list li.myusi .myusi-list {
    display: none;
    width: 78px;
    position: absolute;
    padding: 0 10px 6px;
    border-bottom: 1px solid #c7cdd0;
    border-radius: 0 0 3px 3px;
    z-index: 100
}

.menu-list li.myusi .myusi-list dd {
    height: 28px;
    line-height: 28px
}

.menu-list li.myusi:hover .myusi-list {
    display: block;
    position: absolute
}

.menu-list li.cart {
    padding: 0 5px 0 0;
    position: relative
}

.menu-list li.cart .cart-text {
    padding-left: 30px;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    border-radius: 3px 3px 0 0;
    background: url(/res/images/new/images/new-topbar-ico.png) 5px -34px no-repeat
}

.menu-list li.cart .cart-text .title strong {
    padding-left: 3px;
    color: #f60
}

.menu-list li.cart .expand-shoppingcart {
    display: none;
    width: 260px;
    border-left: 1px solid #c7cdd0;
    border-right: 1px solid #c7cdd0;
    border-bottom: 1px solid #c7cdd0;
    background: #fff;
    z-index: 100;
    border-radius: 0 0 3px 3px;
    padding: 0 10px;
    position: absolute
}

.menu-list li.cart .cart-list dd {
    padding-top: 10px
}

.menu-list li.cart .cart-list dd .pro-detail {
    position: relative;
    display: block;
    padding-left: 60px;
    line-height: 14px
}

.menu-list li.cart .cart-list dd .pro-detail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 40px
}

.menu-list li.cart .cart-list dd .pro-detail span {
    line-height: 14px
}

.menu-list li.cart .cart-list dd .pro-action {
    padding: 5px 0;
    background: url(/res/images/new/images/product-split.png) left bottom repeat-x
}

.menu-list li.cart .cart-list dd .pro-action .price {
    color: #f60;
    padding-left: 70px;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none
}

.menu-list li.cart .cart-list dd .pro-action .del {
    float: right;
    padding-right: 3px;
    text-decoration: underline
}

.menu-list li.cart .product-total {
    padding: 10px;
    text-align: right
}

.menu-list li.cart .product-total span {
    text-align: right
}

.menu-list li.cart .product-total em {
    font-weight: 700
}

.menu-list li.cart .product-total .total {
    color: #f60;
    padding-left: 10px
}

.menu-list li.cart .goshoppingcart {
    text-align: right;
    padding: 0 10px
}

.menu-list li.cart .goshoppingcart a {
    display: inline-block;
    line-height: 38px;
    height: 38px;
    color: #666;
    font-size: 12px
}

.menu-list li.cart .goshoppingcart span {
    display: inline-block;
    width: 100px;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    background: #fe8902;
    border-radius: 3px;
    line-height: 24px
}

.menu-list li.cart:hover .cart-bd {
    background: #fff
}

.menu-list li.cart:hover .cart-text {
    background-color: #fff;
    border-left: 1px solid #c7cdd0;
    border-right: 1px solid #c7cdd0
}

.menu-list li.cart:hover .expand-shoppingcart {
    display: block;
    position: absolute
}

.menu-list li.weixin {
    position: relative;
    padding-left: 20px;
    background: url(/res/images/new/images/new-topbar-ico.png) 3px -130px no-repeat;
    z-index: 100
}

.menu-list li.weixin:hover {
    background-position: -45px -130px
}

.menu-list li.weixin .weixin-bg-wrap {
    display: none;
    position: absolute;
    top: 28px;
    left: -52px
}

.menu-list li.weixin .weixin-bg-wrap .arrow {
    position: relative;
    top: 1px;
    width: 126px;
    height: 7px;
    background: url(/res/images/new/images/weixin-arrow.png) center center no-repeat
}

.menu-list li.weixin .weixin-bg-wrap .bg {
    border: 1px solid #c7cdd0;
    border-top: 1px solid #0064c4;
    background: url(/res/images/new/images/weixin-bg.png) 5px 5px no-repeat #fff;
    width: 124px;
    text-align: center;
    border-radius: 0 0 3px 3px
}

.menu-list li.weixin .weixin-bg-wrap .shoujibg {
    background: url(/res/images/new/images/shouji-bg.png) 5px 5px no-repeat #fff
}

.menu-list li.weixin .weixin-bg-wrap .desc {
    font-size: 12px;
    color: #666;
    padding-top: 120px;
    height: 24px;
    line-height: 24px
}

.menu-list li.weixin:hover {
    position: relative
}

.menu-list li.weixin:hover .weixin-bg-wrap {
    display: block
}

.menu-list li.phone-site {
    padding-left: 20px;
    background: url(/res/images/new/images/new-topbar-ico.png) 6px -101px no-repeat
}

.menu-list li.phone-site:hover {
    background-position: -42px -101px
}

.menu-list li.help a {
    display: block;
    background: url(/res/images/new/images/new-topbar-ico.png) 0 -71px no-repeat;
    width: 13px;
    height: 100%
}

.bar-language:hover .selected-language, .bar-language:hover:hover .bar-language-bd {
    background-color: #fff
}

.menu-list li.help a:hover {
    background-position: -48px -71px
}

.bar-language {
    font-size: 12px;
    padding-left: 0;
    height: 38px
}

.bar-language a {
    color: #666
}

.bar-language a:hover {
    color: #f60;
    text-decoration: none
}

.bar-language .selected-language {
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    border-radius: 3px 3px 0 0
}

.bar-language .site-language, .bar-language:hover .selected-language, .bar-language:hover .site-language {
    border-left: 1px solid #c7cdd0;
    border-right: 1px solid #c7cdd0
}

.bar-language div.zh {
    background-position: 8px -37px
}

.bar-language div.tw {
    background-position: 8px -75px
}

.bar-language div.en {
    background-position: 8px 1px
}

.bar-language .selected-language a.title {
    vertical-align: top
}

.bar-language .site-language {
    display: none;
    background: #fff;
    position: absolute;
    padding: 0 6px 0 8px;
    border-bottom: 1px solid #c7cdd0;
    border-radius: 0 0 3px 3px;
    width: 70px
}

.bar-language .site-language li {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    clear: both;
    width: 100%
}

.bar-language .site-language li a {
    padding-left: 2px
}

.bar-language .site-language li.zh {
    background-position: left -43px
}

.bar-language .site-language li.tw {
    background-position: left -80px
}

.bar-language .site-language li.en {
    background-position: left -4px
}

.bar-language:hover .site-language {
    display: block;
    position: absolute
}

.bar-language.bar-money {
    font-size: 12px;
    padding-left: 0;
    height: 38px
}

.bar-language.bar-money a {
    color: #666
}

.bar-language.bar-money a:hover {
    color: #f60;
    text-decoration: none
}

.logo a, .logo a:hover {
    color: transparent
}

.bar-language.bar-money .selected-language {
    height: 38px;
    padding: 0 10px;
    background: 0 0;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    border-radius: 3px 3px 0 0
}

.bar-language.bar-money .selected-language a.title {
    vertical-align: top
}

.bar-language.bar-money .site-language {
    display: none;
    background: #fff;
    width: 60px;
    padding: 0 6px 10px 8px;
    border-left: 1px solid #c7cdd0;
    border-right: 1px solid #c7cdd0;
    border-bottom: 1px solid #c7cdd0;
    border-radius: 0 0 3px 3px;
    z-index: 999;
    position: absolute
}

.bar-language.bar-money .site-language li {
    padding-left: 5px;
    height: 24px;
    line-height: 24px;
    background: 0 0;
    float: none
}

.bar-language.bar-money .site-language li a {
    padding-left: 2px
}

.bar-language.bar-money:hover:hover .bar-language-bd {
    background-color: #fff
}

.bar-language.bar-money:hover .selected-language {
    border-left: 1px solid #c7cdd0;
    border-right: 1px solid #c7cdd0;
    background-color: #fff
}

.bar-language.bar-money:hover .site-language {
    display: block;
    position: absolute;
    border-left: 1px solid #c7cdd0;
    border-right: 1px solid #c7cdd0
}

#body .shopping-progress {
    height: 96px;
    background: #F0F0F0
}

#body .shopping-progress.new {
    height: 130px;
    background: url(/res/images/new/images/cart_nav.jpg) center no-repeat
}

.hd {
    height: 110px;
    width: 1200px;
    margin: 0 auto
}

.logo, .logo a {
    width: 387px
}

.logo a {
    display: block;
    height: 78px;
    margin: 17px 0 0 14px;
    background: url(/res/images/new/images/new-logo.png) no-repeat;
    text-align: center;
    text-indent: -9999px
}

.grade {
    height: 42px;
    padding-left: 70px;
    margin-top: 35px;
    background: url(/res/images/new/images/siteplus.png) 27px 0 no-repeat
}

.grade a {
    color: #666;
    line-height: 20px
}

.hdsearch {
    width: 470px;
    height: 36px;
    margin: 30px 0 0 43px
}

.hdsearch .search-input-wrap {
    height: 36px;
    border: 2px solid #0080ed;
    position: relative;
    z-index: 99
}

.search-input-wrap .sea-sel {
    height: 36px;
    line-height: 36px;
    width: 103px;
    color: #666;
    font-size: 14px;
    position: relative
}

.search-input-wrap .sea-sel .sel {
    display: block;
    height: 36px;
    line-height: 36px;
    border-right: 1px solid #b5c7dd;
    cursor: pointer;
    background: #e5f1ff
}

.search-input-wrap .sea-sel .sel em {
    float: left;
    text-indent: 9px
}

.search-input-wrap .sea-sel .sel .tria {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #838384;
    float: right;
    margin: 16px 10px 0 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.search-input-wrap .sea-sel:hover .tria {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.search-input-wrap .sea-sel ul {
    position: absolute;
    left: -2px;
    top: 36px;
    background: #fff;
    border: 2px solid #0080ed;
    width: 102px;
    display: none;
    border-top: none
}

.search-input-wrap .sea-sel ul li {
    text-indent: 13px;
    cursor: pointer;
    margin-top: 1px
}

.search-input-wrap .sea-sel ul li.active, .search-input-wrap .sea-sel ul li:hover {
    background: #E1EDFC
}

.hdsearch .hot-spot {
    font: 12px/24px '\5B8B\4F53';
    color: #999;
    padding-left: 7px;
    width: 400px;
    overflow: hidden;
    white-space: nowrap
}

.hdsearch .hot-spot span {
    padding: 0 4px
}

.hdsearch .hot-spot span a {
    color: #999
}

.hdsearchIpt {
    width: 245px;
    height: 28px;
    margin-top: 4px;
    margin-left: 5px;
    position: relative
}

.hdsearchIpt .hdsearchWords {
    width: 230px;
    height: 24px;
    padding: 2px 5px 2px 13px;
    background-position: 0 -80px;
    border: 0;
    line-height: 22px
}

.hdsearchIpt .hdAutocomplete {
    left: -6px;
    top: 34px;
    z-index: 100;
    width: 365px;
    background-color: #FFF;
    border: 1px solid #c2d9f4;
    line-height: 35px;
    text-indent: 16px;
    display: none;
    position: absolute;
    font-size: 14px
}

.hdsearchIpt .hdAutocomplete li {
    float: left;
    width: 100%;
    cursor: pointer;
    height: 35px;
    font-weight: 700
}

.hdsearchIpt .hdAutocomplete li span.num {
    font-size: 12px;
    color: #888;
    float: right;
    padding: 0 10px 0 0;
    font-weight: 400
}

.hdsearchIpt .hdAutocomplete li span.category {
    color: #3780d5;
    padding: 0 0 0 10px
}

.hdsearchIpt .hdAutocomplete li em {
    font-style: normal
}

.hdsearchIpt .hdAutocomplete li em.key {
    max-width: 125px;
    overflow: hidden;
    float: left
}

.hdsearchIpt .hdAutocomplete li a {
    display: block;
    color: #4D4D4D;
    height: 30px;
    overflow: hidden
}

.hdsearchIpt .hdAutocomplete li.hover {
    background: #3684C6;
    color: #FFF;
    text-decoration: none
}

.hdsearchIpt .hdAutocomplete li.hover span {
    color: #fff !important
}

.hdsearchSubmit {
    width: 72px;
    height: 36px;
    background: url(/res/images/new/images/new-topbar-ico.png) 25px 6px no-repeat #0080ed;
    font-weight: 700;
    color: #FFF;
    border: 0;
    cursor: pointer
}

.hdContact {
    width: 266px;
    margin-right: 12px;
    margin-top: 28px;
    position: relative;
    z-index: 10
}

.tell24-img {
    background: url(/res/images/new/images/contact-phone.png) no-repeat;
    height: 42px
}

.tell24-img-tw {
    background: url(/res/images/new/images/contact-phone-tw.png) no-repeat !important;
    height: 42px
}

.hdContact ul {
    display: none
}

.hdContact li {
    text-indent: 70px;
    line-height: 18px
}

.tell24-split-line {
    width: 91%;
    height: 1px;
    top: 50px;
    background-color: #f1f1f1;
    position: absolute;
    left: 10px
}

.tell24-other-phone:before, .tell24-split-line:after {
    display: block;
    height: 12px;
    position: absolute;
    background-image: url(/res/images/new/images/pro_list_ico.png);
    background-repeat: no-repeat;
    content: ''
}

.tell24-split-line:after {
    after: " ";
    width: 19px;
    left: 98px;
    top: 0;
    background-position: 0 -108px
}

.tell24-other-phone {
    width: 174px;
    position: absolute;
    left: 12px;
    top: 58px;
    border: 1px solid #dedede;
    border-radius: 5px;
    background-color: #fff;
    padding: 7px 20px;
    font: 12px/1.5 "Microsoft Yahei", Arial, Helvetica, sans-serif;
    z-index: 10000
}

.tell24-other-phone:before {
    before: " ";
    width: 20px;
    left: 98px;
    top: -10px;
    background-position: -23px -108px
}

#Js-menu-tag .ticket-tag .city-pass, #Js-menu-tag .ticket-tag .flight_experience, #Js-menu-tag .ticket-tag .show-tickets, #Js-menu-tag .ticket-tag .theme-parks, .shopcart {
    position: relative
}

.tell24-other-phone p {
    height: 24px;
    line-height: 24px
}

.tell24-other-phone p.line {
    width: 100%;
    height: 1px;
    background-color: #DDD;
    margin-top: 6px;
    margin-bottom: 5px
}

.tell24-other-phone p span {
    color: #848484
}

.tell24-other-phone p b {
    font-weight: 400 !important;
    display: inline-block;
    width: 73px
}

#Js-menu-tag {
    margin-left: 2px;
    padding-top: 20px
}

#Js-menu-tag dd {
    height: 334px;
    display: none
}

#Js-menu-tag em {
    width: 36px;
    display: inline-block;
    white-space: nowrap
}

#Js-menu-tag .section {
    vertical-align: top;
    display: inline-block;
    background: #fffef1
}

#Js-menu-tag .menu-title {
    height: 28px;
    border-bottom: 1px solid #cfcfc6
}

#Js-menu-tag .menu-title a {
    font: 14px/28px '\5FAE\8F6F\96C5\9ED1';
    color: #0080ed
}

#Js-menu-tag .menu-title em {
    padding-left: 5px;
    font: 11px/28px Arial;
    color: #929191
}

.section .menu-title span a {
    color: #007CEE;
    text-decoration: none
}

.section .menu-title span a:hover {
    color: #f60
}

#Js-menu-tag .menu-text ul {
    overflow: hidden;
    height: 190px
}

#Js-menu-tag .menu-text ul li {
    float: left
}

#Js-menu-tag .menu-text ul li a {
    font: 12px/24px '\5B8B\4F53';
    color: #666;
    padding-right: 10px;
    white-space: nowrap
}

#Js-menu-tag .menu-more, #Js-menu-tag .menu-text ul li a:hover {
    color: #f60;
    text-decoration: none
}

#Js-menu-tag .menu-more {
    font-size: 12px
}

#Js-menu-tag .bm-tag {
    width: 968px
}

#Js-menu-tag .bm-tag .section {
    height: 251px;
    width: 183px;
    margin: 13px 4px 0 21px;
    padding: 8px 14px 10px 12px;
    overflow: hidden
}

#Js-menu-tag #hot {
    margin: 0 23px 0 21px;
    height: 52px;
    line-height: 52px;
    width: 924px;
    background: #e5f0fe;
    white-space: nowrap
}

#Js-menu-tag #hot p {
    display: inline-block;
    float: left;
    padding: 0 12px;
    height: 52px;
    line-height: 52px;
    font: 12px/52px '\5B8B\4F53';
    color: #ff8b02;
    font-weight: 700
}

#Js-menu-tag #hot ul {
    height: 52px;
    display: inline-block;
    overflow: hidden;
    width: 840px
}

#Js-menu-tag #hot ul li {
    float: left
}

#Js-menu-tag #hot ul li a {
    font: 12px/52px '\5B8B\4F53';
    color: #666;
    padding: 0 16px 0 9px
}

#Js-menu-tag #hot ul li a:hover {
    color: #f60;
    text-decoration: none
}

#Js-menu-tag .special-tag {
    width: 680px
}

#Js-menu-tag .special-tag ul {
    padding: 10px 0 37px 45px
}

#Js-menu-tag .special-tag ul li {
    float: left;
    height: 52px;
    width: 210px;
    padding: 9px 0;
    overflow: hidden
}

#Js-menu-tag .special-tag ul li .pic {
    float: left;
    width: 52px;
    height: 52px;
    background: url(/res/images/new/images/special.png) no-repeat
}

#Js-menu-tag .special-tag ul li .desc {
    float: left;
    padding-left: 10px;
    overflow: hidden
}

#Js-menu-tag .special-tag ul li .desc h5 a {
    font-size: 12px;
    color: #666;
    font-weight: 700
}

#Js-menu-tag .special-tag ul li .desc h5 a:hover {
    color: #f60;
    text-decoration: none
}

#Js-menu-tag .special-tag ul li .desc p {
    padding: 6px 0 1px 8px;
    background: url(/res/images/new/images/pointer-bg.png) 1px 12px no-repeat
}

#Js-menu-tag .special-tag ul li .desc p a {
    font: 12px/12px '\5B8B\4F53';
    color: #666
}

#Js-menu-tag .special-tag ul li .desc p a:hover {
    color: #f60;
    text-decoration: none
}

#Js-menu-tag .special-tag ul li.spec1 .pic {
    background-position: 0 0
}

#Js-menu-tag .special-tag ul li.spec2 .pic {
    background-position: -52px 0
}

#Js-menu-tag .special-tag ul li.spec3 .pic {
    background-position: -104px 0
}

#Js-menu-tag .special-tag ul li.spec4 .pic {
    background: url(/res/images/new/images/technology_03.png) no-repeat
}

#Js-menu-tag .special-tag ul li.spec5 .pic {
    background-position: -52px -52px
}

#Js-menu-tag .special-tag ul li.spec6 .pic {
    background-position: -104px -52px
}

#Js-menu-tag .special-tag ul li.spec7 .pic {
    background-position: 0 -104px
}

#Js-menu-tag .special-tag ul li.spec8 .pic {
    background-position: -52px -104px
}

#Js-menu-tag .special-tag ul li.spec9 .pic {
    background-position: -104px -104px
}

#Js-menu-tag .special-tag ul li.spec10 .pic {
    background-position: 0 -156px
}

#Js-menu-tag .special-tag ul li.spec11 .pic {
    background-position: -52px -156px
}

#Js-menu-tag .special-tag ul li.spec12 .pic {
    background-position: -104px -156px
}

#Js-menu-tag .owner-tag {
    width: 666px;
    overflow: hidden
}

#Js-menu-tag .owner-tag .airline, #Js-menu-tag .owner-tag .car, #Js-menu-tag .owner-tag .customized, #Js-menu-tag .owner-tag .hotel {
    float: left
}

#Js-menu-tag .owner-tag .airline:hover .section, #Js-menu-tag .owner-tag .car:hover .section, #Js-menu-tag .owner-tag .customized:hover .section, #Js-menu-tag .owner-tag .hotel:hover .section {
    -webkit-box-shadow: 0 0 2px #ecec75;
    box-shadow: 0 0 2px #ecec75
}

#Js-menu-tag .owner-tag .section {
    height: 136px;
    width: 274px;
    margin: 0 0 15px 20px;
    padding: 8px 14px 10px 12px;
    overflow: hidden
}

#Js-menu-tag .owner-tag .customized p {
    width: 274px;
    font: 12px/22px '\5B8B\4F53';
    color: #707070;
    text-indent: 2em
}

#Js-menu-tag .owner-tag .customized a.more {
    margin-left: 230px;
    font: 12px/22px '\5B8B\4F53';
    color: #ff7800
}

#Js-menu-tag .owner-tag .customized a.more:hover {
    color: #f60;
    text-decoration: none
}

#Js-menu-tag .owner-tag .section ul li, #Js-menu-tag .owner-tag .section ul li p a {
    color: #666;
    font: 12px/22px '\5B8B\4F53'
}

#Js-menu-tag .owner-tag .section ul {
    padding-top: 5px;
    height: 88px
}

#Js-menu-tag .owner-tag .section ul li p a {
    display: inline-block;
    width: 230px;
    overflow: hidden
}

#Js-menu-tag .owner-tag .section ul li p a:hover {
    color: #f60;
    text-decoration: none
}

#Js-menu-tag .owner-tag .section ul li p em {
    color: #ff7800;
    vertical-align: top
}

#Js-menu-tag .owner-tag .section a.more {
    margin-left: 230px;
    font: 12px/22px '\5B8B\4F53';
    color: #ff7800
}

#Js-menu-tag .owner-tag .section a.more:hover {
    color: #f60;
    text-decoration: none
}

#Js-menu-tag .ticket-tag .section ul li, #Js-menu-tag .ticket-tag .section ul li p a {
    color: #666;
    font: 12px/22px '\5B8B\4F53'
}

#Js-menu-tag .ticket-tag {
    width: 664px
}

#Js-menu-tag .ticket-tag .section {
    margin: 0 0 0 20px;
    padding: 8px 14px 10px 12px;
    overflow: hidden
}

#Js-menu-tag .ticket-tag .section ul {
    padding-top: 5px
}

#Js-menu-tag .ticket-tag .section ul li p a {
    display: inline-block;
    width: 230px;
    overflow: hidden
}

#Js-menu-tag .ticket-tag .section ul li p a:hover {
    color: #f60;
    text-decoration: none
}

#Js-menu-tag .ticket-tag .section ul li p em {
    color: #ff7800;
    vertical-align: top
}

#Js-menu-tag .ticket-tag .section a.more {
    margin-left: 230px;
    font: 12px/22px '\5B8B\4F53';
    color: #ff7800
}

#Js-menu-tag .ticket-tag .section a.more:hover {
    color: #f60;
    text-decoration: none
}

#Js-menu-tag .ticket-tag .city-pass .section, #Js-menu-tag .ticket-tag .flight_experience .section, #Js-menu-tag .ticket-tag .show-tickets .section, #Js-menu-tag .ticket-tag .theme-parks .section {
    width: 274px;
    height: 136px
}

#Js-menu-tag .together-tag {
    width: 340px;
    height: 138px
}

#Js-menu-tag .together-tag .section {
    margin: 0 20px 12px;
    padding: 8px 14px 10px 12px
}

#Js-menu-tag .together-tag .travel-companion p {
    width: 274px;
    font: 12px/22px '\5B8B\4F53';
    color: #707070;
    text-indent: 2em
}

#Js-menu-tag .together-tag .travel-companion a {
    float: right;
    font: 12px/22px '\5B8B\4F53';
    color: #ff7800;
    padding: 0 5px
}

#Js-menu-tag .together-tag .travel-companion a:hover {
    color: #f60;
    text-decoration: none
}

.nav_Ibox {
    float: left
}

.navItems {
    height: 40px;
    line-height: 40px;
    margin: 0 auto
}

.navItems li {
    float: left;
    font-weight: 700;
    font-size: 14px
}

.navItems li.last {
    background-image: none
}

.navItems li a {
    float: left;
    text-align: center;
    font: 16px/40px '\5FAE\8F6F\96C5\9ED1';
    color: #fff;
    display: inline-block;
    height: 40px;
    padding: 0 12px
}

.navItems li a:hover {
    text-decoration: none;
    background: #105aa1
}

.navItems li a span {
    float: left;
    padding-right: 22px;
    cursor: pointer
}

.navItems li.current a, .navItems li.current a span, .navItems li.current a:hover, .navItems li.current a:hover span {
    background: #105aa1
}

.navbar {
    background-color: #F6F6F6;
    height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
    width: 969px;
    margin: 0 auto
}

.navScenic {
    width: 754px;
    overflow: hidden
}

.navScenic dt {
    float: left;
    font-weight: 700
}

.navScenic dd {
    float: left;
    width: 687px;
    height: 28px;
    overflow: hidden
}

.navScenic dd a {
    padding: 0 10px
}

.shopcart {
    width: 213px;
    height: 24px;
    margin-top: 2px;
    background-position: 0 -75px;
    line-height: 24px
}

.shopcart a.shoptotal {
    display: block;
    width: 150px;
    text-indent: 35px;
    color: #4D4D4D
}

.shopcart a.shopbtn:hover, .shopcart a.shoptotal:hover {
    text-decoration: none
}

.shopcart a.shoptotal em {
    padding: 0 2px;
    font-weight: 700;
    color: #19569E
}

.shopcart a.shopbtn {
    width: 56px;
    color: #FFF;
    text-align: center
}

.shopcart .shopview {
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 100;
    width: 256px;
    padding: 5px 15px;
    background-color: #FFF;
    border: 3px solid #f6b040
}

.shopview_list {
    border-bottom: 1px dotted #bbb
}

.shopview_list li {
    padding: 5px 0;
    overflow: hidden
}

.shopview_pic {
    width: 54px;
    height: 45px;
    overflow: hidden;
    margin-top: 5px;
    margin-right: 8px
}

.shopview_pic img {
    padding: 3px
}

.shopview_info {
    float: left;
    width: 194px
}

.shopview_info a.g_title {
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    display: inline-block
}

.shopview_info a {
    color: #4d4d4d
}

.shopview_info a:hover {
    color: #ea6a23
}

.shopview_info .shop_price {
    float: left;
    font-weight: 700;
    color: #ea6a23
}

.shopview_info .shop_del {
    float: right;
    color: #c1c1c1;
    text-decoration: underline
}

.shopview_account {
    padding-top: 5px;
    line-height: 24px
}

.shopview_account p {
    text-align: right
}

.shopview_account p em {
    font-weight: 700
}

.shopview_account p em.account_money {
    color: #ea6a23
}

.shopview_account a.account_btn {
    display: block;
    width: 110px;
    background-color: #ffe79e;
    background-position: -65px 0;
    color: #FFF;
    text-align: center
}

.getsale {
    height: 64px;
    padding-left: 15px;
    background-position: 0 -174px
}

.getsale h3 {
    line-height: 30px;
    font-size: 14px;
    color: #1c57a3
}

.getsale .getsale_email {
    float: left;
    width: 164px;
    height: 18px;
    margin-right: 5px;
    padding: 1px 3px;
    background-color: #FFF;
    border: 1px solid #afc5ec;
    -webkit-box-shadow: inset 0 1px 2px #CCC;
    box-shadow: inset 0 1px 2px #CCC
}

.getsale .getsale_sbtn {
    width: 52px;
    height: 22px;
    padding-bottom: 2px;
    background-color: #8db7e9;
    background-position: 0 -23px;
    border: 0;
    color: #FFF;
    text-align: center;
    cursor: pointer
}

.partners dt, .partners h3 {
    line-height: 40px;
    color: #585858
}

.partners {
    height: 40px
}

.partners h3 {
    float: left;
    margin-right: 20px;
    font-size: 14px
}

.partners dl, .partners dt {
    margin-right: 10px;
    float: left
}

.partners dl {
    width: 290px
}

.partners dt {
    width: 82px;
    background-position: -213px -75px;
    font-size: 12px;
    font-weight: 700;
    text-indent: 10px
}

.partners dd a {
    line-height: 20px
}

.site_help {
    margin-top: 15px;
    padding: 10px 10px 20px;
    background: #FFF;
    border: 1px solid #dfdfdf
}

.site_helplist {
    overflow: hidden
}

.site_helplist li {
    float: left;
    width: 191px;
    padding: 0 25px;
    border-right: 1px dashed #dfdfdf
}

.site_helplist li.last {
    border-right: 0
}

.site_helpitems .title {
    line-height: 28px;
    font-size: 14px;
    font-weight: 700;
    color: #1c5aa5;
    text-align: center
}

.hotlinks, .site_helpitems a {
    line-height: 24px
}

.site_helpitems li {
    padding: 0;
    line-height: 24px;
    border: 0
}

.getstart li {
    float: left;
    width: 50%;
    display: inline-block
}

.getstart li.nowidth {
    width: auto
}

.getnotes li {
    overflow: hidden
}

.getnotes li a {
    margin-left: -1px;
    padding: 0 8px;
    border-left: 1px solid #D7E3F1
}

.imagelink {
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 5px
}

.imagelink li {
    float: left;
    width: 119px;
    margin-right: 4px
}

.imagelink li a {
    display: block;
    height: 42px;
    background: url(/res/images/new/images/imagelink.jpg);
    border: 1px solid #d9d9d9;
    text-indent: -9999em;
    overflow: hidden
}

.imagelink li a.link1 {
    background-position: 0 0
}

.imagelink li a.link2 {
    background-position: 0 -42px
}

.imagelink li a.link3 {
    background-position: 0 -84px
}

.imagelink li a.link4 {
    background-position: 0 -126px
}

.imagelink li a.link5 {
    background-position: 0 -168px
}

.imagelink li a.link6 {
    background-position: 0 -210px
}

.imagelink li a.link7 {
    background-position: 0 -252px
}

.imagelink li a.link8 {
    background-position: 0 -294px
}

.hotlinks {
    clear: both
}

.hotlinks dt {
    float: left;
    font-weight: 700
}

.hotlinks dd {
    float: left
}

#foot .hotlinks dd a {
    padding: 0 8px;
    color: #5a5a5a
}

#foot .hotlinks dd a:hover {
    color: #F60
}

.friendlinks {
    margin-top: 10px;
    padding: 10px 5px;
    overflow: hidden;
    background: #FFF;
    border: 1px solid #dfdfdf;
    line-height: 22px
}

.friendlinks dt {
    float: left;
    width: 80px;
    color: #1c5aa5;
    font-weight: 700;
    text-align: right
}

.friendlinks dd {
    margin-left: 90px
}

.friendlinks dd a {
    margin-left: -1px;
    padding: 0 8px;
    border-left: 1px solid #D7E3F1;
    white-space: nowrap
}

.copyright {
    margin-top: 15px;
    line-height: 24px;
    text-align: center
}

.copyright li {
    display: inline-block
}

.copyright a {
    padding: 0 2px;
    color: #666
}

.copyright a:hover {
    text-decoration: none;
    color: #f60
}

#foot .certificate-bd, #foot .copyright-bd, #foot .links-hots-bd, #foot .site-help-bd, #foot .spec-bd {
    width: 1200px;
    margin: 0 auto
}

#foot .spec-wrap {
    background: #0080ed
}

#foot .site-help-wrap {
    margin-top: 1px;
    background: #eaf5ff
}

.hmod, .pmain {
    margin-top: 10px
}

#foot .certificate-wrap, #foot .copyright-wrap, #foot .links-hots-wrap {
    background: #fff
}

#foot .site-help-bd {
    height: 242px
}

#foot .certificate-bd {
    height: 90px;
    text-align: center
}

#foot .copyright-bd {
    height: 38px;
    line-height: 38px;
    text-align: center;
    font: 12px/38px '\5B8B\4F53';
    color: #666
}

#foot .copyright-bd a {
    font: 12px/38px '\5B8B\4F53';
    color: #666
}

#foot .copyright-bd a:hover {
    color: #ff8a07
}

#foot .copyright-bd i {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 1px
}

#foot .copyright-bd span.license {
    cursor: pointer
}

#foot .copyright-bd span.license em {
    display: none
}

#foot .copyright-bd span.license:hover {
    position: relative;
    color: #ff8a07
}

#foot .copyright-bd span.license:hover em {
    position: absolute;
    display: block;
    top: -620px;
    left: -300px
}

#foot .links-hots-bd {
    height: 150px;
    border-top: 1px solid #deddd9
}

#foot .spec-bd dl {
    height: 60px;
    line-height: 60px
}

#foot .spec-bd dl dt {
    float: left;
    background: url(/res/images/new/images/spec-titel-bg.png) no-repeat;
    width: 306px;
    height: 60px
}

#foot .spec-bd dl dd {
    float: left;
    padding: 0 40px 0 50px;
    font: 15px/60px '\5FAE\8F6F\96C5\9ED1';
    color: #fff;
    background: url(/res/images/new/images/footer-spec-bg.png) no-repeat
}

#foot .spec-bd dl dd.s1 {
    background-position: 10px 0
}

#foot .spec-bd dl dd.s2 {
    background-position: 0 -60px
}

#foot .spec-bd dl dd.s3 {
    background-position: 0 -120px
}

#foot .spec-bd dl dd.s4 {
    background-position: 0 -180px
}

#foot .site-help-bd .highlight {
    color: #ff8a07
}

#foot .site-help-bd ul {
    height: 148px;
    padding: 47px 0
}

#foot .site-help-bd ul li {
    float: left;
    padding-left: 45px;
    width: 185px;
    height: 148px;
    border-right: 1px solid #deddd9;
    text-align: center
}

#foot .site-help-bd ul li dl dt {
    background: url(/res/images/new/images/site-help.png) no-repeat;
    margin-bottom: 14px
}

#foot .site-help-bd ul li.s1 dt {
    background-position: 0 0
}

#foot .site-help-bd ul li.s2 dt {
    background-position: 0 -48px
}

#foot .site-help-bd ul li.s3 dt {
    background-position: 0 -96px
}

#foot .site-help-bd ul li.s4 dt {
    background-position: 0 -144px
}

#foot .site-help-bd ul li dl dt h3 {
    font: 18px/48px '\5FAE\8F6F\96C5\9ED1';
    color: #333
}

#foot .site-help-bd ul li dl dd {
    float: left;
    width: 50%;
    text-align: left;
    height: 18px
}

#foot .site-help-bd ul li dl dd.jifen {
    width: 100%
}

#foot .site-help-bd ul li dl dd a {
    font: 12px/18px '\5B8B\4F53';
    color: #999
}

#foot .site-help-bd ul li dl dd a:hover {
    color: #f60;
    text-decoration: none
}

#foot .site-help-bd ul li.wx {
    border-right: none;
    padding-left: 25px;
    width: auto
}

#foot .site-help-bd ul li.wx .xl-blog {
    float: left;
    width: 96px;
    padding-right: 20px
}

#foot .site-help-bd ul li.wx .wx-blog {
    float: left;
    width: 96px
}

#foot .site-help-bd ul li.wx h6 {
    padding: 12px 0;
    font: 14px/14px '\5FAE\8F6F\96C5\9ED1';
    color: #333
}

#foot .site-help-bd ul li.wx p {
    font: 12px/22px '\5B8B\4F53';
    color: #999
}

#foot .site-help-bd ul li.wx a:hover, #foot .site-help-bd ul li.wx a:hover p {
    color: #f60;
    text-decoration: none
}

#foot .certificate-bd div {
    display: inline-block;
    padding-right: 35px;
    vertical-align: top
}

#foot .certificate-bd div.i1 {
    padding-top: 19px
}

#foot .certificate-bd div.i2 {
    padding-top: 14px
}

#foot .certificate-bd div.i3 {
    padding-top: 28px
}

#foot .certificate-bd div.i4 {
    padding-top: 19px
}

#foot .certificate-bd div.i2 img {
    float: left
}

#foot .certificate-bd div.i2 p {
    float: left;
    padding: 15px 0 0 5px;
    text-align: left;
    height: 62px;
    line-height: 62px
}

#foot .certificate-bd div.i2 span {
    font: 12px/18px '\5B8B\4F53';
    color: #999;
    display: block
}

#foot .certificate-bd div.i2 em {
    display: none;
    padding: 5px;
    background-color: #0F8BCD;
    border: 1px solid #213B6A;
    color: #FFF;
    text-align: left
}

.hmhd, .hmhd.noborder {
    border-bottom: 1px solid #ddd
}

#foot .certificate-bd div.i2:hover {
    position: relative
}

#foot .certificate-bd div.i2:hover em {
    position: absolute;
    display: block;
    width: 380px;
    left: -100px;
    top: -30px
}

#foot .links-hots-bd .hots-box, #foot .links-hots-bd .links-box {
    padding-top: 20px
}

#foot .links-hots-bd p {
    float: left;
    width: 80px;
    text-align: right;
    font: 12px/12px '\5B8B\4F53';
    color: #999;
    font-weight: 700
}

#foot .links-hots-bd ul {
    display: inline-block;
    width: 1100px
}

#foot .links-hots-bd ul li {
    float: left;
    padding: 0 0 10px 15px;
    white-space: nowrap
}

#foot .links-hots-bd ul li a {
    font: 12px/12px '\5B8B\4F53';
    color: #999;
    vertical-align: top
}

.b, .contactMod, .hotonline em, .pbread a.current {
    font-weight: 700
}

#foot .links-hots-bd ul li a:hover {
    color: #f60;
    text-decoration: none
}

#position {
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif
}

#position a {
    color: #707070;
    text-decoration: none
}

#position a:hover {
    color: #fe8902;
    text-decoration: none
}

#body {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    background: no-repeat #fff;
    z-index: -1
}

.hmhd, .hmod {
    background: #FFF
}

.pside {
    width: 240px;
    overflow: hidden
}

.pmain {
    width: 950px
}

.pbread {
    height: 30px;
    line-height: 30px
}

.hmhd, .hmixbtn {
    height: 44px;
    line-height: 44px
}

.pbread a {
    color: #4D4D4D;
    padding: 0 8px
}

.hmod {
    padding: 1px;
    border: 1px solid #ddd
}

.hmhd {
    color: #666
}

.hmhd.noborder {
    background: #f7f8fa
}

.hmod.contact {
    border: 1px solid #c9dff1
}

.hmixbtn li, .hmixbtn li a {
    border-style: solid;
    border-color: #ACC6EB;
    float: left
}

.hmod.contact .hmhd {
    background: #e8f0fb;
    border-bottom: 1px solid #b1d0e8
}

.hmhd .hmtit {
    float: left;
    text-indent: 12px;
    font-size: 14px
}

.hmhd .hmtit a {
    color: #00388A
}

.hmhd .hmtit a:hover {
    color: #F60
}

.hmixbtn {
    margin-left: 15px
}

.hmixbtn div {
    float: left
}

.hmixbtn .send {
    padding: 5px 6px 5px 24px;
    background: url(/res/images/new/images/advantages.png) 8px -452px no-repeat #2d91ff;
    border-radius: 3px
}

.hmixbtn .send a {
    color: #fff
}

.hmixbtn .help a:hover, .hmixbtn .send a:hover {
    color: #fe8902;
    text-decoration: none
}

.hmixbtn .help {
    padding-left: 22px
}

.hmixbtn .help a {
    color: #4aa5de
}

.hmixbtn li {
    margin-left: 5px;
    border-width: 0 1px;
    line-height: 18px
}

.hmixbtn li a {
    position: relative;
    height: 20px;
    padding: 0 10px;
    margin: -1px 0;
    border-width: 1px 0
}

.adbox {
    margin-top: 10px
}

.adbox a {
    display: block;
    overflow: hidden
}

.adbox img {
    vertical-align: top
}

.tiprole {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865475, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865475, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=.7071067811865475,
            M12=-.7071067811865477,
            M21=.7071067811865477,
            M22=.7071067811865475,
            SizingMethod='auto expand'
    );
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 0
}

.usdest {
    background-color: #FFF;
    border: 4px solid #387CDF
}

.usdestSearchead {
    height: 30px;
    background-position: 0 -64px
}

.usdestSearchead h3 {
    height: 30px;
    background-position: 0 0;
    text-indent: -9999em
}

.usdestSearchTable {
    margin: 5px 12px
}

.usdestSearchTable td {
    padding: 3px 0;
    line-height: 24px
}

.usdestSearchTable td.labeltd {
    width: 52px;
    text-align: right
}

.usdestSearchTable .destext {
    width: 151px;
    height: 22px;
    padding: 1px 3px 1px 20px;
    line-height: 20px;
    border: 1px solid #B9B9B9;
    -webkit-box-shadow: 0 1px 3px #CCC inset;
    box-shadow: 0 1px 3px #CCC inset
}

.usdestSearchTable select {
    width: 176px;
    height: 24px
}

.usdestSearchTable .destsbtn {
    width: 101px;
    height: 29px;
    padding-bottom: 3px;
    background-color: #f6b865;
    background-position: -175px 0;
    line-height: 26px;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    cursor: pointer;
    border: 0;
    text-indent: 20px;
    letter-spacing: 10px
}

.usdestSearchTable .desthelp {
    position: relative;
    float: left;
    margin-left: 8px
}

.usdestSearchTable .desthelp a {
    display: block;
    padding-left: 15px;
    background-position: 0 -140px;
    color: #878787
}

.usdestSearchTable .desthelp .desthelpTips {
    position: absolute;
    top: 28px;
    left: 0;
    width: 300px;
    z-index: 9
}

.usdestSearchTable .desthelp .desthelpTips .destips_role {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background: #FFF;
    border-left: 2px solid #5e9ede;
    border-top: 2px solid #5e9ede;
    top: -5px;
    left: 12px
}

.usdestSearchTable .desthelp .desthelpTips .desthelpCnt {
    padding: 3px;
    background: #FFF;
    border: 2px solid #5e9ede;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px #4d4d4d;
    box-shadow: 0 1px 2px #4d4d4d;
    line-height: 20px
}

.usdestSearchTable .destlist dt {
    float: left;
    color: #19569E
}

.usdestSearchTable .destlist dd a {
    padding: 0 3px;
    color: #19569E
}

.hotonline {
    float: right;
    margin-right: 30px
}

.hotonline em {
    position: relative;
    bottom: -2px;
    padding: 0 2px;
    font-style: italic;
    font-size: 16px;
    color: #19569E
}

.contactMod {
    margin: 5px;
    color: #AAA
}

.contactMod li {
    height: 24px;
    line-height: 24px;
    text-indent: 22px
}

.contactMod li.col1 {
    background-position: 0 -221px
}

.contactMod li.col2 {
    background-position: 0 -191px
}

.contactMod li.col3 {
    background-position: 0 -251px
}

.contactMod li.col4 {
    background-position: 0 -281px
}

.contactMod li.col5 {
    background-position: 0 -311px
}

.contactMod li span.hcblue {
    color: #1c57a3
}

.advLink {
    display: block;
    width: 225px;
    height: 84px;
    margin: 0 auto;
    padding-bottom: 8px;
    background-position: 0 -150px;
    color: #2B6089;
    font-family: "Microsoft Yahei";
    text-indent: 95px
}

.advLink:hover {
    color: #2B6089;
    text-decoration: none
}

.advLink h4 {
    padding-top: 25px;
    font-size: 16px
}

.superilist li {
    padding: 12px 0 20px 45px;
    background: url(/res/images/new/images/advantages.png) no-repeat;
    font-size: 16px;
    font-family: '\5FAE\8F6F\96C5\9ED1'
}

.superilist li.col1 {
    background-position: 10px -4px
}

.superilist li.col2 {
    background-position: 14px -64px
}

.superilist li.col3 {
    background-position: 12px -128px
}

.superilist li.col4 {
    background-position: 14px -184px
}

.superilist li.col5 {
    background-position: 14px -250px
}

.superilist li.col6 {
    background-position: 15px -305px
}

.hotlist li {
    background: url(/res/images/new/images/advantages.png) 13px -360px no-repeat;
    border-bottom: 1px dashed silver;
    padding: 14px 0 19px
}

.hotlist li .img {
    width: 46px;
    display: inline-block;
    float: left
}

.hotlist li .img span {
    font-size: 14px;
    color: #fff;
    padding-left: 13px
}

.hotlist li .text {
    float: right;
    width: 185px;
    font-size: 12px;
    font-family: '\5B8B\4F53';
    padding-right: 4px;
    overflow: hidden
}

.hotlist li .text a {
    color: #666;
    display: block;
    float: left;
    height: 17px
}

.hotlist li .text em, .hotlist li .text span {
    color: #ff5a00;
    float: right;
    font-size: 16px;
    font-family: 'Microsoft Yahei'
}

.hotlist li .text del {
    display: none
}

.hotlist li.bottom {
    border-bottom: none
}

.hcomplist {
    padding: 8px
}

.hcomplist li {
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    width: 100%
}

.hcomplist li a {
    padding-left: 19px;
    background: url(/res/images/new/images/advantages.png) 2px -408px no-repeat;
    display: inline-block;
    width: 144px;
    height: 25px;
    overflow: hidden
}

.hcomplist li span {
    float: right
}

.newslist {
    padding: 6px 2px 17px 0
}

.newslist li.news-item {
    padding: 8px 0 8px 26px;
    background: url(/res/images/new/images/advantages.png) 14px -486px no-repeat;
    overflow: hidden
}

.newslist li.news-item a {
    color: #666
}

.hcomplist li a:hover, .hotlist li .text a:hover, .newslist li.news-item a:hover {
    color: #fe8902;
    text-decoration: none
}

.display_none {
    display: none
}

.clear:after {
    display: block;
    content: '';
    clear: both
}

.cfix:after, .cfix:before, .clearfix:after {
    content: ""
}

#tooltip-wrap {
    position: absolute;
    z-index: 10;
    display: none
}

.tooltip-default {
    border: 1px solid #fede77;
    background-color: #fffdf0;
    line-height: 20px;
    border-radius: 3px;
    opacity: .92;
    filter: alpha(opacity=92);
    -moz-opacity: .92;
    -khtml-opacity: .92;
    max-width: 340px
}

#tooltip-arrow {
    display: block;
    width: 13px;
    height: 8px;
    overflow: hidden;
    position: absolute;
    top: 39px;
    left: 144px;
    background: url(/res/images/new/images/tip_bot.png) no-repeat
}

#tooltip-con {
    padding: 10px
}

.tooltip {
    cursor: default
}

.popup-default {
    display: none
}

#message {
    display: block;
    clear: both;
    border: none
}

#message .messageStackError {
    background-color: red;
    color: #FFF
}

#message .messageStackWarning {
    background-color: #FC6;
    color: red
}

#message .messageStackSuccess {
    background-color: #090;
    color: #FFF
}

#message li {
    padding: 5px
}

.cfix:after, .cfix:before {
    display: table
}

.cfix:after {
    clear: both
}

.must-input-mark {
    color: red;
    display: inline-block;
    height: 20px;
    padding-right: 3px;
    vertical-align: middle
}

.position-element {
    position: relative
}

.gradient {
    background: #f7f7f7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0)
}

.gradient:hover {
    background: #f7f7f7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0)
}

.hidePoints {
    display: none !important
}

.contact-wrap {
    display: none;
    position: fixed;
    right: 1px;
    top: 190px;
    border-radius: 5px;
    font-family: '\u5b8b\u4f53';
    z-index: 9999
}

.contact-way {
    width: 60px;
    background: #FFF;
    border-top: 0;
    border-bottom: 1px solid #d5e5fc;
    border-right: 1px solid #d5e5fc;
    border-radius: 5px;
    position: relative
}

.contact-wrap a {
    text-decoration: none
}

.contact-way li {
    height: 60px;
    margin-bottom: 0
}

.contact-way li div.online-service-1, .contact-way li div.online-service-2 {
    height: 100%
}

.contact-way li span {
    display: block;
    color: #666;
    font-size: 12px;
    text-align: center;
    line-height: 24px
}

.contact-way li.phone-hover {
    margin-bottom: 1px
}

.online-service-hover, .online-service-hover-2 {
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    border-top: 1px solid #d5e5fc;
    border-left: 1px solid #d5e5fc;
    border-bottom: 1px solid transparent
}

.online-service-hover-2 {
    border-radius: 0;
    border-top: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.online-service-hover-2:hover, .qq-detail {
    border-top: 1px solid #d5e5fc
}

.online-service-hover-2:hover, .online-service-hover:hover, .qq-detail {
    border-bottom: 1px solid #d5e5fc
}

.online-service-hover .online-service > b {
    display: none;
    position: absolute;
    top: 24px;
    left: 2px;
    width: 6px;
    height: 8px;
    background: url(/res/images/new/images/contact-hover-bg.gif) -2px -24px no-repeat;
    z-index: 20
}

.online-service-hover:hover .online-service-content, .online-service-hover:hover .online-service > b {
    display: block
}

.online-service-content {
    width: 104px;
    position: absolute;
    left: -106px;
    top: -1px;
    z-index: 12;
    border: 1px solid #d5e5fc;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    background-color: #fff;
    padding: 6px 0
}

.contact-way li .online-service-content span {
    line-height: 35px;
    text-align: left;
    padding-left: 16px
}

.online-service {
    height: 30px;
    background: url(/res/images/new/images/kefu.gif) 15px 10px no-repeat
}

.online-service > span {
    padding-top: 32px
}

.qq-hover {
    cursor: pointer;
    background: url(/res/images/new/images/contact-bg.png) no-repeat
}

.qq-service {
    height: 30px
}

.qq-detail {
    display: none;
    position: absolute;
    left: -113px;
    width: 112px;
    background: #FFF;
    border-left: 1px solid #d5e5fc;
    border-radius: 5px 0 0 5px
}

.qq-detail ul li {
    line-height: 26px;
    height: 26px;
    padding: 6px 0;
    border: 0
}

.qq-detail ul li a {
    background: url(/res/images/new/images/qq-online.png) 6px no-repeat;
    float: left
}

.qq-detail ul li span {
    display: block;
    float: left;
    padding-left: 26px;
    line-height: 26px;
    text-align: center;
    height: 26px;
    font-size: 14px;
    color: #666
}

.qq-hover:hover {
    background: url(/res/images/new/images/contact-hover-bg.gif) no-repeat;
    position: relative
}

.qq-hover:hover .qq-detail {
    display: block
}

.phone-detail p b, .phone-detail p span {
    display: inline-block
}

.phone-hover {
    cursor: pointer;
    background: url(/res/images/new/images/contact-bg.png) 0 -59px no-repeat;
    border-bottom: 1px solid transparent
}

.phone-service {
    height: 30px
}

.phone-detail {
    width: 177px;
    position: absolute;
    left: -211px;
    top: 0;
    z-index: -1;
    border: 1px solid #dedede;
    border-radius: 5px 0 0 5px;
    background-color: #fff;
    padding: 7px 20px;
    font: 12px/1.5 "Microsoft Yahei", Arial, Helvetica, sans-serif
}

.phone-detail p {
    height: 24px;
    line-height: 24px
}

.phone-detail p b {
    font-weight: 400 !important;
    width: 74px
}

.phone-detail p.line {
    width: 100%;
    height: 1px;
    background-color: #DDD;
    margin-top: 6px;
    margin-bottom: 5px
}

.return-top, .weixin-service {
    height: 30px
}

.phone-hover:hover {
    background: url(/res/images/new/images/contact-hover-bg.gif) 0 -59px no-repeat;
    position: relative;
    border-bottom: 1px solid #D5E5FC
}

.phone-hover:hover .phone-detail {
    display: block !important
}

.weixin-hover {
    cursor: pointer;
    background: url(/res/images/new/images/contact-bg.png) 0 -120px no-repeat
}

.weixin-detail {
    display: none;
    position: absolute;
    left: -125px;
    text-align: center;
    width: 124px;
    background: #FFF;
    border-top: 1px solid #d5e5fc;
    border-bottom: 1px solid #d5e5fc;
    border-left: 1px solid #d5e5fc;
    border-radius: 5px 0 0 5px
}

.weixin-detail img {
    padding: 4px 0
}

.weixin-hover:hover {
    background: url(/res/images/new/images/contact-hover-bg.gif) 0 -120px no-repeat;
    position: relative
}

.weixin-hover:hover .weixin-detail {
    display: block
}

.return-top-hover {
    border-radius: 0 0 5px 5px;
    border-left: 1px solid #d5e5fc;
    display: none;
    position: relative
}

.return-top {
    background: url(/res/images/new/images/contact-bg.png) 0 -180px no-repeat
}

.weixin-active-wrap {
    position: fixed;
    left: 10px;
    top: 50px;
    z-index: 9997;
    display: none
}

.weixin-active-wrap .weixin-active-bd {
    position: relative;
    z-index: 100;
    text-align: center;
    background: #fff;
    padding: 5px;
    border: 1px solid #d5e5fc;
    border-radius: 5px 0 5px 5px
}

.weixin-active-wrap .weixin-active-bd .wx-title {
    width: 105px;
    height: 55px;
    background: url(/res/images/new/images/pic01.png) no-repeat;
    margin-bottom: 1px
}

.weixin-active-wrap .weixin-active-bd .code-2d {
    position: relative;
    width: 105px;
    height: 101px;
    background: url(/res/images/new/images/pic02.png) 2px center no-repeat
}

.weixin-active-wrap .weixin-active-bd .code-2d .close {
    position: absolute;
    left: 97px;
    top: -74px;
    width: 14px;
    height: 14px;
    background: url(/res/images/new/images/pic03.png) no-repeat;
    cursor: pointer
}

.weixin-active-wrap .weixin-active-bd .line1 {
    font: 12px/18px 'Microsoft Yahei';
    color: #000;
    text-align: center
}

.weixin-active-wrap .weixin-active-bd .line2 {
    font: 14px/14px 'Microsoft Yahei';
    color: #ff5a12;
    text-align: center
}

.contact-wrap .shopping {
    height: 60px;
    width: 59px;
    background: url(/res/images/new/images/shopping_03.png) no-repeat;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    margin-top: 30px;
    position: relative
}

.contact-wrap .shopping .shoppingNum {
    font-size: 16px;
    color: #f60;
    font-family: Arial
}

.contact-wrap .shopping .shoppingTitle {
    display: none;
    position: absolute;
    top: 22px;
    left: 12px
}

.contact-wrap .shopping:hover {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d5e5fc
}

.contact-wrap .shopping:hover .shoppingTitle {
    display: block
}

.contact-wrap .shopping .addOne {
    border-radius: 10px;
    height: 20px;
    width: 20px;
    font-size: 14px;
    position: absolute;
    left: 20px;
    top: 20px;
    background: #FFA61A;
    text-align: center;
    line-height: 20px;
    display: none
}

.flyer-img, .shoppimg {
    width: 50px;
    height: 50px
}

.errorPage .errorBanner, .errorPage .errorInfo {
    float: left
}

.errorPage .errorInfo {
    margin: 60px 0 0 50px;
    font-family: 'Microsoft Yahei'
}

.errorPage .errorDetail {
    font-size: 14px;
    margin-top: 50px
}

.errorPage .errorDetail dd {
    margin-top: 5px
}

.errorPage .goBack {
    margin-top: 63px
}

.errorPage .goIndex {
    color: #06c;
    font-size: 18px;
    text-decoration: underline;
    padding-left: 22px;
    background: url(/res/images/new/images/404_10.png) 0 4px no-repeat
}

.shoppimg {
    position: absolute;
    display: none;
    border: 1px solid #FCA326;
    z-index: 100
}

.flyer-img {
    display: block;
    border-radius: 50px;
    position: fixed;
    z-index: 9999
}

.search_hot_list {
    position: absolute;
    width: 570px;
    border: 1px solid #c2d9f4;
    background: #fff;
    z-index: 9999;
    top: 38px;
    display: none;
    left: -2px;
    padding: 0 15px
}

.search_hot_list .search_hot {
    font-size: 16px;
    color: #0080ed;
    padding: 5px 0 0 2px;
    height: 35px;
    line-height: 35px;
    position: relative;
    border-bottom: 1px solid #c2d9f4;
    font-weight: 400
}

.search_hot_list .search_hot span {
    font-size: 12px;
    color: #666
}

.search_hot_list .search_hot label.close_hot {
    display: block;
    position: absolute;
    width: 24px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: #999;
    top: 10px;
    right: 0;
    cursor: pointer
}

.search_hot_list ul {
    padding: 5px 0
}

.search_hot_list li label {
    width: 95px;
    display: inline-block;
    color: #333;
    font-size: 14px;
    padding: 10px 0 0 2px;
    vertical-align: top;
    font-weight: 700
}

.search_hot_list li span {
    width: 425px;
    display: inline-block;
    padding: 10px 15px;
    vertical-align: top
}

.search_hot_list li span a {
    color: #555;
    padding: 1px 3px 2px;
    margin: 0 5px 5px 0;
    display: inline-block
}

.search_hot_list li span a:hover {
    color: #fff !important;
    background: #3983e2;
    text-decoration: none
}

#calendar {
    z-index: 80
}

#acc_title, #ivtzdy_53kf_1 {
    background-color: #0080ed;
    background-image: none !important
}

#ivtzdy_53kf_3, #ivtzdy_53kf_5 {
    left: 10px !important;
    width: 90% !important;
    color: #FFF !important;
    text-align: center !important
}

.m-auth-box-i, .m-auth-tab, .m-nav-sort-tit {
    text-align: center
}

#ivtzdy_53kf_4 {
    color: #FFF !important;
    font-size: 14px !important
}

#hz6d_53kf_invite_acc {
    width: 100px !important;
    background: #C6C !important;
    color: #0080ED !important;
    left: 100px !important
}

#hz6d_53kf_invite_hid {
    background: #E5F0FE !important
}

.cu-nav li {
    float: left;
    line-height: 100px
}

.cu-nav li a {
    font-size: 14px;
    color: #535353;
    padding: 0 12px
}

.g-wrap {
    width: 1200px;
    margin: 0 auto
}

.clearfix:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0
}

.m-nav-wrap {
    background: #1581EA;
    height: 40px;
    width: 100%;
    position: relative;
    line-height: 1;
    font: 12px/12px "Microsoft Yahei", Arial, Helvetica, sans-serif;
    z-index: 9;
    min-width: 1200px
}

.m-nav-sort, .m-nav-sort-tit {
    width: 270px;
    position: relative
}

.m-nav-sort-tit {
    background: #2696FC;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    display: block
}

.m-nav-sort-tit i {
    border-style: solid;
    border-width: 6px;
    border-color: #fff transparent transparent;
    position: absolute;
    right: 56px;
    top: 16px
}

.m-sort-sdc-wrap {
    width: 870px;
    margin: 26px auto 28px
}

.m-sort-sdc-wrap.new-sort {
    background: #F4F5F9;
    padding: 26px 28px;
    margin: 0
}

.m-nav-sort:hover .m-sort-box {
    display: block
}

.m-sort-box {
    height: 420px;
    display: none;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 40px;
    background-color: #fff
}

.m-sort-box.active {
    display: block
}

.m-sort-sdc {
    width: 270px;
    position: relative;
    height: 133px
}

.m-sort-sdc:hover .m-sort-sdc-r {
    display: block
}

.m-sort-sdc-l {
    width: 270px;
    background: #fff;
    height: 133px;
    position: absolute;
    left: 0;
    top: 0
}

.m-sort-sdc-l.brtb {
    border-top: 1px solid #F4F5F9;
    border-bottom: 1px solid #F4F5F9;
    height: 131px
}

.m-sort-sdc:hover .m-sort-sdc-l {
    background: #F4F5F9
}

.m-sort-sdc:hover .m-sort-sdc-l .m-sort-sdc-l-tit .sdc-l-arrows, .m-sort-sdc:hover .m-sort-sdc-l .m-sort-sdc-l-tit p, .m-sort-sdc:hover .m-sort-sdc-l .m-sort-sdc-l-tit p a {
    color: #1581EA
}

.m-sort-sdc-l-tit {
    width: 239px;
    margin: 14px auto 21px
}

.m-sort-sdc-l-tit p {
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-top: 20px;
    line-height: 16px
}

.m-sort-sdc-l-tit p a {
    color: #333
}

.m-sort-sdc-l-tit .sdc-l-arrows {
    display: block;
    float: right;
    font-family: '\u5b8b\u4f53';
    font-size: 24px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 1
}

.m-sort-sdc-l-tit i {
    display: block;
    background: url(/res/images/new/images/m-index-nav-ico.png) no-repeat;
    float: left;
    margin-right: 11px
}

.m-sort-sdc-l-tit .sdc-l-ico1 {
    width: 24px;
    height: 34px;
    background-position: 0 0
}

.m-sort-sdc-l-tit .sdc-l-ico2 {
    width: 16px;
    height: 36px;
    background-position: 0 -46px
}

.m-sort-sdc-l-tit .sdc-l-ico3 {
    width: 27px;
    height: 36px;
    background-position: 0 -95px
}

.m-sort-sdc-l-tab {
    width: 228px;
    margin-left: 20px
}

.m-sort-sdc-l-tab li {
    float: left;
    margin-bottom: 14px;
    margin-right: 14px;
    height: 16px;
    display: block
}

.m-sort-sdc-l-tab li a {
    color: #666;
    white-space: nowrap;
    line-height: 16px;
    display: block
}

.m-sort-sdc-l-tab li a:hover {
    color: #1581EA
}

.m-sort-sdc-r {
    width: 930px;
    min-height: 399px;
    height: auto;
    position: absolute;
    left: 270px;
    top: 0;
    display: none;
    z-index: 99;
    background: #F4F5F9
}

.m-sort-sdc-r-reco {
    padding-bottom: 10px;
    border-bottom: 1px solid #D2D2D2
}

.m-sort-sdc-r-reco a, .m-sort-sdc-r-reco a:active, .m-sort-sdc-r-reco a:visited {
    color: #878A8E
}

.m-sort-sdc-r-reco .ls {
    display: block;
    position: relative;
    padding: 5px 0
}

.m-sort-sdc-r-reco .ls > span {
    display: inline-block;
    margin: 2px 0;
    padding-left: 24px;
    height: 30px;
    line-height: 30px;
    background-image: url(/res/images/new/images/star.png);
    background-repeat: no-repeat;
    background-position: 2px 8px;
    font-size: 16px;
    width: 104px
}

.m-sort-sdc-r-reco .ls > span a {
    font-size: 18px
}

.m-sort-sdc-r-reco .ls .ls_s {
    max-width: 700px;
    display: inline-block
}

.m-sort-sdc-r-reco .ls .ls_s:after, .m-sort-sdc-r-reco .ls .ls_s:before {
    display: block;
    clear: both;
    content: " "
}

.m-sort-sdc-r-reco .ls .ls_s li {
    display: inline-block;
    margin: 2px 3px;
    height: 30px;
    line-height: 30px
}

.m-sort-sdc-r-reco .ls .ls_s li a {
    padding: 0 14px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    background-color: #E2E5EA;
    font-size: 14px;
    text-decoration: none
}

.m-sort-sdc-r-reco .ls:first-child .ls_s li a {
    background-color: #73B7F2;
    color: #fff
}

.m-sort-sdc-r-reco .ls .ls_s li a:hover {
    background-color: #4898DD;
    color: #fff
}

.m-sort-sdc-r-top {
    height: 265px;
    overflow: hidden;
    padding-top: 15px;
    margin-bottom: 15px
}

.m-sort-sdc-r-top a:hover {
    color: #1581EA
}

.m-sort-sdc-r-top a.no-hover:hover {
    color: #333
}

.m-sort-sdc-r-top dl {
    width: 115px;
    float: left;
    margin-right: 9px;
    height: 250px
}

.m-sort-sdc-r-top dl dt {
    margin-bottom: 23px;
    height: 19px;
    width: 100%;
    float: left
}

.m-sort-sdc-r-top dl dt a {
    color: #333;
    font-size: 14px;
    line-height: 19px;
    font-weight: 700
}

.m-sort-sdc-r-top dl dd {
    float: left;
    margin-bottom: 10px;
    width: 115px;
    height: 16px;
    line-height: 16px;
    overflow: hidden
}

.m-sort-sdc-r-top dl dd a {
    color: #666
}

.m-sort-sdc-r-top .m-sort-sdc-r-hot {
    width: 340px;
    float: left
}

.m-sort-sdc-r-top .m-sort-sdc-r-hot .m-sort-sdc-r-hot-tit {
    position: relative;
    margin-bottom: 23px
}

.m-sort-sdc-r-top .m-sort-sdc-r-hot .m-sort-sdc-r-hot-tit span {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.m-sort-sdc-r-top .m-sort-sdc-r-hot .m-sort-sdc-r-hot-tit i {
    height: 15px;
    width: 27px;
    display: block;
    position: absolute;
    left: 55px;
    top: -15px;
    background: url(/res/images/new/images/m-index-nav-ico.png) -239px 0 no-repeat
}

.m-sort-sdc-r-top .m-sort-sdc-r-hot ul {
    padding: 10px;
    background: #EDEEF2
}

.m-nav li.active > a, .m-nav li:hover > a {
    background-color: #1F469E
}

.m-sort-sdc-r-top .m-sort-sdc-r-hot ul li {
    float: left;
    margin-bottom: 15px;
    width: 100px;
    overflow: hidden;
    height: 16px
}

.m-sort-sdc-r-top .m-sort-sdc-r-hot ul li a {
    color: #666;
    height: 16px;
    line-height: 16px
}

.sdc-r-ic-nav li {
    width: 87px;
    float: left
}

.sdc-r-ic-nav li a {
    color: #333;
    display: block
}

.sdc-r-ic-nav li a:hover {
    color: #0080ED
}

.m-nav {
    height: 40px;
    line-height: 40px
}

.m-nav li:hover > a i, .m-nav li > a em, .m-nav li > a i {
    width: 0;
    height: 0;
    overflow: hidden
}

.m-nav li {
    float: left
}

.nav_a {
    float: left;
    display: block;
    font-size: 16px;
    color: #fff;
    padding: 0 25px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative
}

.m-nav li > a i {
    display: block;
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -1px;
    border: 4px solid #fff;
    border-color: #fff transparent transparent;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.m-nav li > a em {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
    border: 5px solid #fff;
    border-color: transparent transparent #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    filter: alpha(opacity=0);
    opacity: 0
}

.m-nav li:hover > a em {
    filter: alpha(opacity=100);
    opacity: 1
}

.m-nav li:hover > a i {
    margin-top: -4px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    border: 4px solid #fff;
    border-color: #fff transparent transparent
}

.m-footer, .m-nav-down {
    width: 100%;
    background: #fff
}

.m-nav li .m-nav-down {
    position: absolute;
    left: 0;
    top: 40px;
    background: #fff;
    -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 6px rgba(0, 0, 0, .2);
    visibility: hidden;
    z-index: 99
}

.m-nav li:hover .m-nav-down {
    visibility: visible
}

.m-nav li .m-nav-down-cn {
    position: absolute;
    height: 35px;
    line-height: 35px
}

.m-nav-down, .m-two-code-tit span {
    position: relative
}

.m-nav li .m-nav-down-cn dd {
    float: left
}

.m-nav li .m-nav-down-cn dd a {
    color: #666;
    margin: 0 10px
}

.m-nav li .m-nav-down-cn dd a:hover {
    color: #2696FC
}

.m-nav-two {
    height: 40px;
    line-height: 40px
}

.m-nav-two li {
    float: left
}

.m-nav-two li a {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 0 7px;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition: .3s
}

.m-nav-down {
    height: 35px;
    line-height: 35px;
    -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 6px rgba(0, 0, 0, .2)
}

.m-footer {
    font-size: 12px;
    line-height: 1;
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif !important;
    min-width: 1200px
}

.m0 {
    margin: 0 !important
}

.m-spec-wrap {
    height: 70px;
    background: #2696FC
}

.m-spec-box {
    width: 1300px
}

.m-spec-box li {
    float: left;
    margin-right: 56px
}

.m-spec-box li i {
    display: block;
    background: url(/res/images/new/images/m-footer-spec.png) no-repeat;
    width: 38px;
    height: 45px;
    float: left;
    margin-top: 10px
}

.m-spec-box li i.m-spec-ico00 {
    background-position: -58px 5px
}

.m-spec-box li i.m-spec-ico01 {
    margin-top: 11px
}

.m-spec-box li i.m-spec-ico02 {
    background-position: 0 -72px
}

.m-spec-box li i.m-spec-ico03 {
    background-position: 0 -152px;
    margin-right: 10px;
    margin-top: 14px
}

.m-spec-box li i.m-spec-ico04 {
    background-position: 0 -230px;
    margin-top: 18px
}

.m-spec-box li i.m-spec-ico05 {
    background-position: 0 -305px;
    margin-top: 15px
}

.m-spec-box li p {
    float: left
}

.m-spec-box li strong {
    display: block;
    font-size: 15px;
    color: #fff;
    margin: 19px 10px 8px 0
}

.m-spec-box li span {
    display: block;
    font-size: 12px;
    color: #fff
}

.m-site-help-wrap {
    background: #F4F5F9;
    height: 260px;
    width: 100%
}

.m-site-help {
    margin-top: 46px;
    float: left;
    width: 195px
}

.m-site-help dt {
    color: #333;
    font-size: 16px;
    margin-bottom: 22px
}

.m-site-help dd a {
    font-size: 12px;
    color: #666;
    line-height: 26px;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.m-site-help dd a:hover {
    color: #FC8723
}

.m-two-code {
    padding-top: 46px;
    float: left
}

.m-two-code-tit {
    font-size: 16px;
    color: #333;
    margin-bottom: 25px
}

.m-two-code-tit i {
    width: 84px;
    height: 17px;
    background: url(/res/images/new/images/m-footer-spec.png) 0 -385px no-repeat;
    display: block;
    position: absolute;
    right: -84px;
    top: -10px
}

.m-two-code-img {
    float: left
}

.m-two-code-img a {
    margin-right: 15px;
    float: left
}

.m-auth-tab ul {
    padding: 30px;
    height: 18px;
    display: inline-block
}

.m-auth-tab ul li {
    cursor: pointer;
    color: #666;
    font-size: 16px;
    float: left;
    line-height: 18px
}

.m-auth-tab ul li.line {
    background: #C7C7C7;
    width: 1px;
    height: 15px;
    margin: -2px 20px
}

.m-auth-tab ul li.active {
    font-weight: 700
}

.m-auth-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    height: 51px
}

.m-auth-box-ov {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.m-auth-box-i {
    overflow: hidden
}

.m-auth-box-i.show {
    display: block
}

.m-auth-box-a li {
    display: inline-block;
    margin-right: 40px
}

.m-auth-box-a li a {
    background: url(/res/images/new/images/m-auth-ico.png) no-repeat;
    display: block;
    height: 50px
}

.m-auth-box-a li a.m-auth-ico01 {
    background-position: 0 6px;
    width: 83px
}

.m-auth-box-a li a.m-auth-ico02 {
    background-position: 0 -50px;
    width: 136px
}

.m-auth-box-a li a.m-auth-ico03 {
    background-position: 0 -99px;
    height: 39px;
    width: 114px
}

.m-auth-box-a li a.m-auth-ico04 {
    background-position: 0 -150px;
    width: 102px
}

.m-coope-link li {
    display: inline-block;
    margin-right: 14px
}

.m-coope-link li a {
    color: #999;
    line-height: 28px
}

.m-coope-link li a:hover {
    color: #FC8723
}

.m-coope-tab-wrap {
    width: 1152px;
    margin: 0 auto;
    height: 51px
}

.m-coope-tab-ov {
    float: left;
    width: 1056px;
    height: 50px;
    overflow: hidden;
    position: relative
}

.m-coope-tab-list {
    width: 9999px;
    position: absolute;
    left: 0;
    top: 0
}

.m-coope-tab-list li {
    margin-right: 8px;
    width: 125px;
    height: 51px;
    float: left
}

.m-coope-tab-list li:hover {
    filter: alpha(opacity=80);
    opacity: .8
}

.m-coope-tab-list li a {
    display: block;
    background: url(/res/images/new/images/m-auth-ico.png) no-repeat;
    width: 125px;
    height: 50px
}

.m-coope-tab-list li.m-coop-ico01 a {
    background-position: 0 -200px
}

.m-coope-tab-list li.m-coop-ico02 a {
    background-position: 0 -251px
}

.m-coope-tab-list li.m-coop-ico03 a {
    background-position: 0 -302px
}

.m-coope-tab-list li.m-coop-ico04 a {
    background-position: 0 -353px
}

.m-coope-tab-list li.m-coop-ico05 a {
    background-position: 0 -404px
}

.m-coope-tab-list li.m-coop-ico06 a {
    background-position: 0 -455px
}

.m-coope-tab-list li.m-coop-ico07 a {
    background-position: 0 -506px
}

.m-coope-tab-list li.m-coop-ico08 a {
    background-position: 0 -557px
}

.m-coope-tab-wrap a {
    display: block;
    height: 51px;
    color: #B4B3B9;
    font-family: "\u5b8b\u4f53";
    font-weight: 700;
    font-size: 20px;
    float: left;
    width: 42px;
    line-height: 50px
}

.m-coope-tab-wrap a:hover {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #FC8723
}

.m-coope-bnt-l {
    text-align: left
}

.m-coope-bnt-r {
    text-align: right
}

.m-copyright-wrap {
    background: #fff;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font: 12px/38px '\5B8B\4F53';
    color: #666
}

.m-copyright-wrap a {
    font: 12px/38px '\5B8B\4F53';
    color: #666
}

.m-copyright-wrap a:hover {
    color: #ff8a07
}

.m-copyright-wrap i {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 1px
}

.m-copyright-wrap span.license {
    cursor: pointer
}

.m-copyright-wrap span.license em {
    display: none
}

.m-copyright-wrap span.license:hover {
    position: relative;
    color: #ff8a07
}

.m-copyright-wrap span.license:hover em {
    position: absolute;
    display: block;
    top: -620px;
    left: -300px
}

.js-tab-cn {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.js-tab-cn.show {
    display: block
}

.g-crumbs {
    line-height: 65px;
    overflow-x: hidden;
    word-break: normal;
    text-indent: 10px;
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif
}

.g-crumbs a {
    color: #707070;
    text-decoration: none
}

.g-crumbs a:hover {
    color: #fe8902;
    text-decoration: none
}

.g-crumbs h1 {
    display: inline
}

.puree-spinner-button-hover, .puree-spinner-button:active, .puree-spinner-button:focus, .puree-spinner-button:hover {
    -webkit-filter: none;
    filter: none;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.puree-spinner-button-hover, .puree-spinner-button:focus, .puree-spinner-button:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1))
}

.puree-spinner-button {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    border: none;
    width: 100%;
    zoom: 1
}

.puree-spinner-button:after {
    display: none;
    content: '';
    position: absolute;
    background: url(/res/images/new/images/fuji-spinner-1.0.1.svg) center no-repeat;
    top: 10%;
    bottom: 10%;
    width: 40px;
    -webkit-background-size: cover;
    background-size: cover;
    right: 5%
}

#id_sort_box .nav-sort-item:hover .sort-item-right, .puree-spinner-button.active:after {
    display: block
}

.puree-spinner-button-ie:after {
    background: url(/res/images/new/images/fuji-spinner-1.0.1.gif) center no-repeat;
    top: 25%;
    bottom: 25%;
    width: 20px;
    height: 20px
}

.puree-spinner-button.active {
    opacity: .7
}

#id_sort_box .nav-sort-item {
    width: 271px;
    background-color: #fff;
    font-size: 14px
}

#id_sort_box .sort-item-left {
    position: relative;
    z-index: 40;
    padding: 14px 0 0 15px;
    border: 1px solid #DBDBDB;
    border-top: 0;
    -webkit-box-shadow: 2px 0 0 rgba(219, 219, 219, .3);
    box-shadow: 2px 0 0 rgba(219, 219, 219, .3)
}

#id_sort_box .nav-sort-item:first-child .sort-item-left {
    padding-top: 15px
}

#id_sort_box .nav-right-icon {
    float: right;
    width: 26px;
    height: 30px;
    margin-top: -30px;
    background: url(/res/images/new/images/new-nav-sprite.png) 0 -10px no-repeat
}

#id_sort_box .nav-sort-item:hover .sort-item-left {
    z-index: 20;
    border-right: 2px solid #fff;
    -webkit-box-shadow: 0 -2px 0 rgba(219, 219, 219, .3), 0 2px 0 rgba(219, 219, 219, .3);
    box-shadow: 0 -2px 0 rgba(219, 219, 219, .3), 0 2px 0 rgba(219, 219, 219, .3)
}

#id_sort_box .nav-sort-item:hover .nav-right-icon {
    background-position: 1px -35px
}

#id_sort_box .nav-sort-item .title-content a.title:hover {
    color: #1581EA
}

#id_sort_box .item-title {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-right: 15px
}

#id_sort_box .item-title .title-content {
    display: inline-block;
    margin-right: 8px
}

#id_sort_box .item-title .title-content .title {
    font-size: 18px;
    color: #505050;
    font-weight: 700
}

#id_sort_box .title-content a.hot-tip {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background-color: #F57420;
    padding: 1px 3px;
    border-radius: 2px;
    position: relative;
    margin-left: 15px;
    top: -2px
}

#id_sort_box .sort-item-left .item-recommend {
    overflow: hidden;
    margin-top: 12px
}

#id_sort_box .sort-item-left .item-recommend li {
    float: left;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px 14px 17px 0
}

#id_sort_box a {
    color: #333;
    cursor: pointer
}

#id_sort_box a:hover {
    color: #1581EA
}

#id_sort_box .item-line-play h2 a, #id_sort_box .sort-item-right .right-content-play h2 a {
    color: #505050
}

#id_sort_box .sort-item-right {
    display: none;
    position: absolute;
    top: 0;
    left: 270px;
    z-index: 10
}

#id_sort_box .sort-item-right > div {
    min-height: 418px;
    width: 893px;
    padding-left: 35px;
    background-color: #fff;
    border: 1px solid #E2E2E2;
    -webkit-box-shadow: 2px 0 0 rgba(230, 230, 230, .3), 0 2px 0 rgba(230, 230, 230, .3);
    box-shadow: 2px 0 0 rgba(230, 230, 230, .3), 0 2px 0 rgba(230, 230, 230, .3)
}

#id_sort_box .nav-sort-item:first-child .sort-item-right > div {
    padding: 15px 35px 7px;
    width: 858px;
    min-height: 396px
}

#id_sort_box .sort-item-right dl {
    float: left;
    margin-left: 40px;
    min-width: 84px
}

#id_sort_box .sort-item-right .item-right-list {
    overflow: hidden
}

#id_sort_box .sort-item-right dl:first-child {
    margin-left: 0
}

#id_sort_box .sort-item-right dt {
    margin-bottom: 10px;
    line-height: 22px
}

#id_sort_box .sort-item-right dt a {
    font-size: 16px;
    font-weight: 600;
    color: #505050
}

#id_sort_box .sort-item-right dd {
    height: 30px;
    line-height: 30px
}

#id_sort_box .sort-item-right .item-right-bottom {
    margin-top: 15px;
    overflow: hidden
}

#id_sort_box .item-line-play {
    float: left;
    width: 465px
}

#id_sort_box .item-line-play h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 20px 0
}

#id_sort_box .item-line-play .play-content a {
    display: inline-block;
    padding-right: 6px;
    margin-bottom: 15px
}

#id_sort_box .item-line-play .play-content a i {
    display: inline-block;
    height: 12px;
    border-left: 1px solid #E0E0E2;
    margin-left: 6px
}

#id_sort_box .icon-nav {
    float: right;
    width: 380px
}

#id_sort_box .icon-nav li {
    width: 95px;
    margin-bottom: 15px;
    float: left
}

#id_sort_box .icon-nav li a {
    display: block
}

#id_sort_box .icon-nav li a p {
    text-align: center
}

.icon-nav li a i {
    display: block;
    width: 42px;
    height: 42px;
    background: url(/res/images/new/images/m-index-nav-ico2.png) no-repeat;
    margin: 0 auto 11px;
    border-radius: 50%
}

.icon-nav li a i.sdc-r-ico1 {
    background-position: 0 0
}

.icon-nav li a i.sdc-r-ico2 {
    background-position: -88px 0
}

.icon-nav li a i.sdc-r-ico3 {
    background-position: -177px 0
}

.icon-nav li a i.sdc-r-ico4 {
    background-position: -266px 0
}

.icon-nav li a i.sdc-r-ico5 {
    background-position: -355px 0
}

.icon-nav li a i.sdc-r-ico6 {
    background-position: -442px 0
}

.icon-nav li a i.sdc-r-ico7 {
    background-position: -532px 0
}

.icon-nav li a i.sdc-r-ico8 {
    background-position: -620px 0
}

.icon-nav li a i.sdc-r-ico9 {
    background-position: -709px 0
}

.icon-nav li a i.sdc-r-ico10 {
    background-position: -798px 0
}

.icon-nav li a i.sdc-r-ico11 {
    background-position: -887px 0
}

.icon-nav li a i.sdc-r-ico12 {
    background-position: -975px 0
}

.icon-nav li a i.sdc-r-ico13 {
    background-position: -1064px 0
}

.icon-nav li a:hover i.sdc-r-ico1 {
    background-position: 0 -47px
}

.icon-nav li a:hover i.sdc-r-ico2 {
    background-position: -88px -47px
}

.icon-nav li a:hover i.sdc-r-ico3 {
    background-position: -177px -47px
}

.icon-nav li a:hover i.sdc-r-ico4 {
    background-position: -266px -47px
}

.icon-nav li a:hover i.sdc-r-ico5 {
    background-position: -355px -47px
}

.icon-nav li a:hover i.sdc-r-ico6 {
    background-position: -442px -47px
}

.icon-nav li a:hover i.sdc-r-ico7 {
    background-position: -532px -47px
}

.icon-nav li a:hover i.sdc-r-ico8 {
    background-position: -620px -47px
}

.icon-nav li a:hover i.sdc-r-ico9 {
    background-position: -709px -47px
}

.icon-nav li a:hover i.sdc-r-ico10 {
    background-position: -798px -47px
}

.icon-nav li a:hover i.sdc-r-ico11 {
    background-position: -887px -47px
}

.icon-nav li a:hover i.sdc-r-ico12 {
    background-position: -975px -47px
}

.icon-nav li a:hover i.sdc-r-ico13 {
    background-position: -1064px -47px
}

#id_sort_box .sort-item-right .item-right-content {
    overflow: hidden;
    padding: 15px 0 0;
    position: relative;
    min-height: 194px
}

#id_sort_box .sort-item-right .item-right-content:first-child {
    border-bottom: 1px solid #D8D8D8;
    min-height: 192px
}

#id_sort_box .sort-item-right .item-right-content dt {
    margin-bottom: 10px
}

#id_sort_box .sort-item-right .right-content-play {
    float: right;
    width: 400px
}

#id_sort_box .sort-item-right .right-content-play h2 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px
}

#id_sort_box .sort-item-right .right-content-play .play-content {
    display: inline-block;
    padding-right: 6px;
    margin-bottom: 7px
}

#id_sort_box .sort-item-right .right-content-play .play-content a {
    display: inline-block;
    padding-right: 6px;
    margin-bottom: 15px
}

#id_sort_box .sort-item-right .right-content-play .play-content a i {
    display: inline-block;
    height: 12px;
    border-left: 1px solid #E0E0E2;
    margin-left: 6px
}

.line-play-img {
    position: absolute;
    bottom: 0;
    right: 0
}

.line-play-img img {
    width: 100%;
    max-height: 100px
}

.m-nav li {
    position: relative
}

.m-nav li .nav-down-box {
    display: none;
    width: 720px;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    font-size: 14px;
    padding: 10px 0 10px 28px;
    border: 1px solid #e3e3e3;
    border-top: none
}

.m-nav li.m-nav-hotel {
    position: relative
}

.m-nav li.m-nav-hotel .m-nav-ico {
    width: 26px;
    height: 19px;
    display: inline-block;
    background-image: url(/res/images/new/images/m-nav-hot.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 47px;
    top: -8px
}

.m-nav li:hover .nav-down-box {
    display: block
}

.m-nav li .nav-down-box a {
    color: #303030
}

.m-nav li .nav-down-box a:hover {
    color: #1581EA
}

.m-nav li .nav-down-box dl {
    overflow: hidden;
    line-height: 28px;
    padding-left: 100px;
    margin-bottom: 15px
}

.m-nav li .nav-down-box dt {
    float: left;
    width: 100px;
    margin-left: -100px;
    font-weight: 700
}

.m-nav li .nav-down-box dt a {
    color: #505050
}

.m-nav li .nav-down-box dd {
    float: left;
    width: 120px;
    overflow: hidden
}

.m-nav li .nav-down-box.more {
    padding-left: 0
}

.m-nav li .nav-down-box.more dl {
    padding-left: 0;
    margin-bottom: 0
}

.m-nav li .nav-down-box.more dt {
    float: left;
    width: 100%;
    text-align: center;
    margin-left: 0;
    font-weight: 400
}

.hdsearchIpt .hdAutocomplete li.hotel2 {
    height: auto;
    max-height: 45px;
    line-height: 22px;
    padding: 3px 0;
    overflow: hidden
}

.hdsearchIpt .hdAutocomplete li.hotel2 i {
    width: 18px;
    height: 18px;
    margin-left: 2px;
    margin-right: 5px;
    float: left;
    background: url(/res/images/new/images/searchhotel.png) no-repeat
}

.hdsearchIpt .hdAutocomplete li.hotel2 a {
    height: auto
}

.hdsearchIpt .hdAutocomplete li.hotel2.hover i {
    background-position: 0 -20px
}

.hdsearchIpt .hdAutocomplete li.hotel2 span {
    width: 335px;
    text-indent: 0;
    float: left;
    font-weight: 400
}

.hdsearchIpt .hdAutocomplete li.hotel2[hoteltype=hotel] i {
    background: url(/res/images/new/images/searchhotel.png) 0 -59px no-repeat;
    margin-top: 2px
}

.hdsearchIpt .hdAutocomplete li.hotel2[hoteltype=hotel].hover i {
    background-position: 0 -40px
}

#KFLOGO img, #iconDivMain1, #iconDivMain2 {
    display: none
}

noscript .no-js-tip {
    position: fixed;
    top: 0;
    padding-left: 12px;
    width: 100%;
    background-color: #fff;
    color: red;
    z-index: 999
}

.tipTerritory {
    height: 50px
}

.changeBrowser {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1200px;
    z-index: 9999;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    text-align: center;
    background-color: #fff8e5;
    border-bottom: 1px solid #ebebec
}

.changeBrowser .updateBrowser {
    color: #fe8902
}

.changeBrowser a {
    color: #3880f3
}

.changeBrowser [name=closeTip] {
    margin-left: 36px;
    padding: 3px 24px;
    background-color: #ffda78;
    font-weight: 700;
    border: none;
    border-radius: 6px
}

.distributor-model-footer {
    background: #f4f5f9;
    text-align: center;
    padding: 23px 0
}

.distributor-model-footer .title {
    line-height: 32px;
    font-size: 18px
}

.distributor-model-footer .title a {
    color: #000
}

.distributor-model-footer .copyright {
    line-height: 28px;
    margin-top: 0
}

#usitrip-toggle-mobile-site {
    min-width: 640px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    height: 176px;
    line-height: 176px;
    text-align: center;
    background: 0 0
}

#usitrip-toggle-mobile-site a {
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    color: #373636;
    width: 34%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 4em
}

#usitrip-toggle-mobile-site i {
    display: inline-block;
    width: 56px;
    height: 56px;
    background: url(/res/images/new/images/public_icons_1.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin-right: 12px
}

@charset "utf-8";
.aui_border, .aui_buttons button:focus, .aui_close:active, .aui_outer:active, .aui_state_drag .aui_outer, .aui_state_drag .aui_title, .aui_state_drag .aui_titleBar, .aui_state_focus .aui_dialog, .aui_state_focus .aui_outer, .aui_state_lock .aui_border, .aui_state_noTitle .aui_dialog, .aui_state_noTitle .aui_outer {
    box-shadow: none
}

body {
    _margin: 0;
    _height: 100%
}

.aui_outer {
    text-align: left
}

table.aui_border, table.aui_dialog {
    border: 0;
    margin: 0;
    border-collapse: collapse;
    width: auto
}

.aui_c, .aui_e, .aui_footer, .aui_header, .aui_main, .aui_n, .aui_ne, .aui_nw, .aui_s, .aui_se, .aui_sw, .aui_tdIcon, .aui_w {
    padding: 0
}

.aui_buttons button, .aui_header {
    font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti;
    _font-family: Tahoma, Arial, Helvetica, STHeiti;
    -o-font-family: Tahoma, Arial
}

.aui_buttons button, .aui_title {
    font-family: Tahoma, Arial/9 !important
}

.aui_title {
    overflow: hidden;
    text-overflow: ellipsis
}

.aui_state_noTitle .aui_title {
    display: none
}

.aui_close, .aui_max, .aui_min {
    display: block;
    position: absolute;
    text-decoration: none;
    outline: 0;
    _cursor: pointer
}

.aui_main {
    text-align: center;
    min-width: 9em;
    min-width: 0 \9
}

.aui_main .aui_state_full {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    height: 100%
}

.aui_content {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    text-align: left;
    border: 0
}

.aui_loading {
    width: 96px;
    height: 48px;
    text-align: left;
    text-indent: -999em;
    overflow: hidden;
    background: url(/res/images/new/images/loading_1.gif) center center no-repeat
}

.aui_icon {
    vertical-align: middle
}

.aui_icon div {
    width: 48px;
    height: 48px;
    margin: 10px 0 10px 10px;
    background-position: center center;
    background-repeat: no-repeat
}

.aui_buttons {
    padding: 8px;
    text-align: right;
    white-space: nowrap
}

.aui_buttons button {
    margin-left: 15px;
    padding: 6px 8px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 1;
    *padding: 4px 10px;
    *height: 2em;
    letter-spacing: 2px;
    width: auto;
    overflow: visible;
    *width: 1;
    color: #333;
    border: 1px solid #999;
    border-radius: 0;
    background: #DDD;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD')
}

.aui_buttons button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.aui_buttons button:focus {
    outline: 0;
    border-color: #426DC9
}

.aui_buttons button:hover {
    color: #000
}

.aui_buttons button:active {
    border-color: #666;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF')
}

.aui_buttons button[disabled] {
    cursor: default;
    color: #666;
    background: #DDD;
    border: 1px solid #999;
    filter: alpha(opacity=50);
    opacity: .5;
    box-shadow: none
}

button.aui_state_highlight, button.aui_state_highlight:active {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc')
}

button.aui_state_highlight {
    color: #FFF;
    border: 1px solid #1c6a9e;
    background: #3684C5
}

button.aui_state_highlight:hover {
    color: #FFF
}

button.aui_state_highlight:active {
    border-color: #1c6a9e
}

.aui_inner {
    background: #FFF
}

.aui_ne, .aui_nw, .aui_se, .aui_sw {
    width: 8px;
    height: 8px
}

.aui_titleBar {
    position: relative;
    height: 100%
}

.aui_close, .aui_max, .aui_min, .aui_title {
    height: 30px;
    line-height: 30px;
    color: #fff
}

.aui_title {
    padding: 0 28px 0 10px;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 14px;
    background: #f80
}

.aui_state_drag .aui_title {
    background: #d77607
}

.aui_close, .aui_max, .aui_min {
    padding: 0;
    top: 0;
    width: 32px;
    font-size: 30px;
    text-align: center;
    font-family: Helvetica, STHeiti;
    _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9)
}

.aui_min {
    right: 26px
}

.aui_max {
    right: 52px
}

.aui_close {
    right: 0
}

.aui_close:hover, .aui_max:hover, .aui_min:hover {
    text-decoration: none;
    background: #d77607
}

.aui_content {
    color: #666
}

.aui_state_focus .aui_content {
    color: #000
}

.aui_buttons {
    background-color: #F6F6F6;
    border-top: solid 1px #DADEE5
}

.aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_se, .aui_state_noTitle .aui_sw {
    width: 3px;
    height: 3px
}

.aui_state_noTitle .aui_inner {
    border: 1px solid #666;
    background: #FFF
}

.aui_state_noTitle .aui_outer {
    border: 0
}

.aui_state_noTitle .aui_e, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_w {
    background: 0 0 !important;
    filter: alpha(opacity=5) !important
}

.aui_state_noTitle .aui_titleBar {
    bottom: 0;
    _bottom: 0;
    _margin-top: 0
}

.aui_state_noTitle .aui_close {
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    text-indent: 0;
    font-size: 18px;
    text-decoration: none;
    color: #214FA3;
    background: 0 0
}

.aui_state_noTitle .aui_close:active, .aui_state_noTitle .aui_close:hover {
    text-decoration: none;
    color: #900
}

@charset "utf-8";
.exclusive, .hot, .recommend {
    padding-left: 41px
}

.feature-txt li, .m-pro-b-sh li.m-pro-b-sh-a, .m-pro-sort-nav .li_slectepro .sel-opt-info li a, .m-record-cont ul li, .m-relate-info-pro a, .m-sel-box-bottom-more .m-sel-opt li a span, .m-sel-box-bottom-mul .m-sel-opt li a span, .more-result li .list a .text, .pro-city-list.more li, .pro-city-list.multip li, .pro-city-list.multip li a, .pro-list-items .pro-list-li .pro-title .pro-list-itemtit {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#body {
    width: 1200px;
    background: 0 0
}

body {
    font: 12px/1.5 'Microsoft Yahei', Arial, \5b8b\4f53, Helvetica, sans-serif;
    color: #4d4d4d
}

.play_filters, .play_filters .selected-sec {
    font-family: '\u5b8b\u4f53'
}

.offer-active span {
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px
}

.recommend {
    background: url(/res/images/new/images/product-icon.png) right -148px no-repeat
}

.exclusive {
    background: url(/res/images/new/images/product-icon.png) left -114px no-repeat
}

.hot {
    background: url(/res/images/new/images/product-icon.png) left -149px no-repeat
}

.sale, .sale-group {
    padding-left: 83px
}

.sale {
    background: url(/res/images/new/images/product-icon.png) left 0 no-repeat
}

.sale-group {
    background: url(/res/images/new/images/product-icon.png) left -33px no-repeat
}

.today-special {
    background: url(/res/images/new/images/product-icon.png) -115px -110px no-repeat;
    padding-left: 5px
}

.today-special-bd {
    background: url(/res/images/new/images/product-icon.png) left -193px repeat-x
}

.buytwosendone {
    background: url(/res/images/new/images/product-icon.png) 44px -68px no-repeat;
    padding-right: 4px
}

.hotel-feature span {
    line-height: 2em;
    display: inline-block
}

.hotel-feature .wifi {
    background: url(/res/images/new/images/product-icon.png) -104px -20px no-repeat
}

.hotel-feature .invitation {
    background: url(/res/images/new/images/product-icon.png) -104px 8px no-repeat
}

.hotel-feature .feast {
    background: url(/res/images/new/images/product-icon.png) -102px -74px no-repeat
}

.hotel-feature .bus {
    background: url(/res/images/new/images/product-icon.png) -104px -45px no-repeat
}

.hotel-feature .half_day_city_tour {
    background: url(/res/images/new/images/service_03.png) 0 -115px no-repeat
}

.hotel-feature .tour_guide {
    background: url(/res/images/new/images/service_03.png) 0 -143px no-repeat
}

.hotel-feature .insurance {
    background: url(/res/images/new/images/linemark.png) 0 -163px no-repeat
}

.hotel-feature .aircraft {
    background: url(/res/images/new/images/service_03.png) -1px 6px no-repeat
}

.hotel-feature .house {
    background: url(/res/images/new/images/service_03.png) 0 -19px no-repeat
}

.hotel-feature .coin {
    background: url(/res/images/new/images/service_03.png) 1px -45px no-repeat
}

.hotel-feature .shopping_card {
    background: url(/res/images/new/images/service_03.png) 1px -69px no-repeat
}

.hotel-feature .ship {
    background: url(/res/images/new/images/service_03.png) 1px -92px no-repeat
}

.hotel-feature .spa {
    background: url(/res/images/new/images/service_03.png) 1px -164px no-repeat
}

.hotel-feature .ticket {
    background: url(/res/images/new/images/service_03.png) 1px -191px no-repeat
}

.hotel-feature .sledge {
    background: url(/res/images/new/images/service_03.png) 1px -211px no-repeat
}

.hotel-feature .play_project {
    background: url(/res/images/new/images/service_03.png) 1px -228px no-repeat
}

.adv {
    text-align: center
}

.adv img {
    vertical-align: top;
    width: 1200px;
    min-height: 10px;
    margin-bottom: 10px
}

.adv .slide_w {
    position: relative;
    width: 1200px;
    height: 120px;
    overflow: hidden;
    margin-bottom: 18px
}

.adv .slide_w ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.adv .slide_w ul li {
    position: relative;
    float: left;
    text-align: center;
    background: url(/res/images/new/images/img_error.png) center center no-repeat #ccc
}

.adv .slide-ico {
    position: absolute;
    right: 20%;
    bottom: 10px
}

.adv .slide-ico li {
    float: left;
    width: 20px;
    height: 20px;
    background: #CECDCB;
    text-align: center;
    line-height: 20px;
    margin: 0 5px;
    cursor: pointer
}

.adv .slide-ico li.active {
    background: #F80;
    color: #fff
}

.J-list-adv, .J-list-pro-adv {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.J-list-pro-adv, .adv .J-list-pro-adv .slide_w {
    width: 960px
}

.adv .J-list-pro-adv .slide_w li img {
    width: 100%
}

.J-list-pro-adv .slide-ico {
    right: 5%
}

.pro-list-hd, .pro-type-tab li a, .pro-type-tab li a:hover, .sold-out-btn {
    background-image: url(/res/images/new/images/productlistbg.png)
}

.pro-sort a {
    background-image: url(/res/images/new/images/icons20.png);
    background-repeat: no-repeat
}

.pro-select-list li a {
    color: #666
}

.pro-city-list a.all, .pro-city-list a.more, .pro-list-itemtit a:hover {
    color: #F60
}

.pro-type-tab {
    height: 28px;
    border-bottom: 2px solid #396CCF;
    margin-bottom: 10px
}

.pro-type-tab li {
    float: left;
    margin-right: 5px;
    border-left: 1px solid #C9C7C5;
    border-right: 1px solid #C9C7C5;
    line-height: 28px
}

.pro-type-tab li a {
    position: relative;
    float: left;
    margin-top: -1px;
    padding: 0 18px;
    background-position: 0 0;
    background-repeat: repeat-x;
    border-top: 1px solid #C9C7C5;
    color: #4D4D4D
}

.pro-type-tab li a:hover {
    background-position: 0 -28px;
    background-repeat: repeat-x;
    text-decoration: none
}

.pro-type-tab li.current {
    position: relative;
    margin-bottom: -2px;
    border-left: 1px solid #396CCF;
    border-right: 1px solid #396CCF;
    font-size: 14px;
    font-weight: 700
}

.pro-type-tab li.current a, .pro-type-tab li.current a:hover {
    background-color: #FFF;
    background-image: none;
    border-width: 2px 1px 1px;
    border-style: solid;
    border-color: #396CCF #396CCF #FFF
}

.play_filters {
    width: 950px;
    font-size: 12px
}

.play_filters-bd {
    border: 1px solid #ddd;
    background: #fff
}

.pro-city {
    margin-top: 10px;
    padding: 0 15px;
    position: relative
}

.pro-city .role {
    display: block;
    position: absolute;
    left: 30px;
    bottom: -5px;
    width: 8px;
    height: 8px;
    background: #FFF;
    border-right: 1px solid #F7C348;
    border-bottom: 1px solid #F7C348
}

.pro-city .pro-city-bd {
    float: left;
    width: 735px
}

.pro-city h4 {
    float: left;
    width: 70px;
    font-size: 12px;
    color: #68b5ff;
    font-weight: 400
}

.pro-city .action-mode {
    float: right;
    cursor: pointer;
    color: #0058c6
}

.pro-city-list {
    height: 50px;
    overflow-x: hidden;
    overflow-y: auto
}

.pro-city-list li {
    float: left
}

.pro-city-list li a {
    color: #1C59A3
}

.pro-city-list a.all {
    font-weight: 700
}

.pro-select p {
    padding: 0 15px;
    height: 24px;
    line-height: 24px
}

.pro-select p .all-product {
    font-weight: 700;
    color: #F60
}

.pro-select p a {
    float: right;
    color: #F60
}

.pro-select-list {
    margin-top: 5px
}

.pro-select-list li {
    vertical-align: bottom;
    padding: 0 15px;
    line-height: 28px;
    overflow: hidden
}

.pro-select-list li h5 {
    float: left;
    width: 70px;
    padding-bottom: 4px;
    line-height: 34px;
    color: #68b5ff;
    font-weight: 400
}

.pro-select-links {
    margin-left: 70px
}

.pro-select-links a {
    display: inline;
    margin-top: 3px;
    margin-right: 15px;
    padding: 4px 6px;
    white-space: nowrap
}

.pro-select-links a.no-limit, .pro-select-links a:hover {
    background: #276fc4;
    color: #FFF;
    text-decoration: none
}

.pro-select-adjust {
    text-align: center
}

.pro-select-adjust .pro-adjust-btn {
    display: inline-block;
    position: relative;
    top: -1px;
    padding: 12px 50px;
    border: 1px solid #ddd;
    border-top: none;
    background: url(/res/images/new/images/product-icon.png) no-repeat #fff;
    border-radius: 0 0 3px 3px;
    cursor: pointer
}

.pro-select-adjust .pro-adjust-btn:hover {
    color: #f40
}

.pro-select-adjust .pro-adjust-btn.extend {
    background-position: -30px -290px
}

.pro-select-adjust .pro-adjust-btn.collase {
    background-position: 80px -290px
}

.play_filters .selected-sec {
    font-size: 12px;
    margin: 0 5px;
    border-bottom: 1px dashed #dbdbdb
}

.play_filters .selected-sec .reset-select {
    float: right;
    color: #0058c6;
    padding: 10px 5px;
    width: 50px;
    margin-left: -60px
}

.play_filters .selected-sec .reset-select:hover {
    text-decoration: none;
    color: #f60
}

.play_filters .selected-sec .select-bd {
    color: #666;
    margin-right: 60px;
    padding-left: 8px;
    line-height: 40px
}

.play_filters .selected-sec .select-bd span {
    margin-bottom: 5px;
    display: inline-block;
    line-height: 12px;
    border: 1px dashed #95c5ff;
    padding: 3px 15px 3px 5px;
    background: url(/res/images/new/images/product-icon.png) right -258px no-repeat;
    cursor: pointer
}

.play_filters .selected-sec .select-bd span:hover {
    border: 1px solid #276fc4
}

.pro-city-bd, .pro-city-bd .select-mode {
    float: left
}

.action-mode .single {
    float: right;
    display: none;
    border: 1px solid #cadeff
}

.action-mode .multipBtn {
    float: right;
    border: 1px solid #cadeff;
    padding: 0 15px 0 5px;
    background: url(/res/images/new/images/product-icon.png) right -337px no-repeat
}

.action-mode .expand {
    float: right;
    padding: 0 15px 0 10px;
    background: url(/res/images/new/images/product-icon.png) right -237px no-repeat
}

.action-mode .coll {
    float: right;
    padding: 0 15px 0 10px;
    background: url(/res/images/new/images/product-icon.png) 40px -237px no-repeat;
    display: none
}

.pro-city-list.single {
    overflow-y: hidden
}

.pro-city-list.single li {
    padding-right: 24px;
    padding-bottom: 10px
}

.pro-city-list.single li a {
    display: inline-block;
    height: 20px;
    padding: 0 6px;
    color: #666;
    text-decoration: none;
    white-space: nowrap
}

.pro-city-list.single li a.active, .pro-city-list.single li a:hover {
    background: #276fc4;
    color: #fff
}

.pro-city-list.single li a.active:hover {
    position: relative;
    text-decoration: none
}

.pro-city-list.single li a em {
    display: none;
    position: absolute;
    right: -6px;
    padding-left: 12px;
    height: 20px;
    background: url(/res/images/new/images/cancle-selected.png) center center no-repeat #276fc4
}

.pro-city-list.single li a.active:hover em {
    display: inline-block
}

.scroll-sec .label {
    display: none;
    height: 20px;
    margin-right: -8px;
    overflow: hidden
}

.scroll-sec .label li {
    float: left;
    margin: 0 1px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    padding: 0 8px;
    cursor: pointer
}

.scroll-sec .label li.active, .scroll-sec .label li:hover {
    color: #fff;
    background: #276fc4
}

.scroll-sec .label li.disable {
    color: #b8b8b8
}

.scroll-sec .label li.disable:hover {
    color: #b8b8b8;
    background: #fff;
    cursor: text
}

.pro-city-list.more {
    display: none;
    border: 1px solid #ddd;
    padding: 5px 0 13px 5px;
    height: 120px
}

.pro-city-list.more li {
    height: 26px;
    line-height: 30px;
    width: 14%;
    margin: 0 2px;
    overflow: hidden
}

.pro-city-list.more li a {
    padding: 7px 5px;
    color: #666;
    text-decoration: none;
    cursor: pointer
}

.pro-city-list.more li a.active, .pro-city-list.more li a:hover {
    background: #276fc4;
    color: #fff
}

.pro-city-list.more li a.active:hover {
    position: relative;
    text-decoration: none
}

.pro-city-list.more li a em {
    display: none;
    position: absolute;
    right: -6px;
    padding-left: 12px;
    height: 20px;
    background: url(/res/images/new/images/cancle-selected.png) center center no-repeat #276fc4
}

.pro-city-list.more li a.active:hover em {
    display: inline-block
}

.multip-wrap {
    display: none
}

.pro-city-list.multip {
    border: 1px solid #ddd;
    padding: 5px 0 13px;
    height: 120px;
    overflow: hidden;
    overflow-y: auto
}

.pro-city-list.multip li {
    padding-right: 24px;
    padding-bottom: 10px;
    width: 17%;
    overflow: hidden
}

.btn-wrap i.cancle, .btn-wrap i.ok {
    width: 50px;
    height: 20px;
    cursor: pointer
}

.pro-city-list.multip li a {
    padding: 4px 6px 0 20px;
    color: #666;
    text-decoration: none;
    background: url(/res/images/new/images/icons20.png) left -822px no-repeat;
    overflow: hidden
}

.pro-city-list.multip li a.active {
    color: #f40;
    background-position: left -850px
}

.pro-city-list.multip li a:hover {
    color: #f40
}

.btn-wrap {
    text-align: center;
    padding: 10px 0
}

.btn-wrap i {
    padding: 5px 10px;
    margin: 0 20px;
    text-decoration: none
}

.btn-wrap i.ok {
    border: 0;
    background-color: #276fc4;
    color: #fff;
    border-radius: 4px
}

.btn-wrap i.ok:hover {
    background-color: #1C7B9E;
    text-decoration: none
}

.btn-wrap i.cancle {
    border: 0;
    background-color: #e9e9e9;
    color: #707070;
    border-radius: 4px
}

.pro-list-hd, .pro-sort {
    line-height: 32px;
    height: 32px
}

.btn-wrap i.cancle:hover {
    background-color: #707070;
    color: #fff
}

.pro-list-panel {
    margin-top: 10px
}

.pro-list-hd {
    padding: 0 10px;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 10px
}

.pro-total {
    padding-left: 20px;
    background-position: 0 -669px;
    float: right
}

.pro-total .pro-total-number {
    font-weight: 700;
    color: #e4393c
}

.pro-sort {
    float: left;
    width: 800px;
    overflow: hidden
}

.pro-sort a {
    margin-right: 3px;
    padding-right: 18px;
    color: #4D4D4D;
    padding-bottom: 1px
}

.pro-sort a:hover {
    color: #f40;
    text-decoration: none
}

.pro-sort a.up-normal {
    background-position: right -759px
}

.pro-sort a.down-normal {
    background-position: right -698px
}

.pro-sort a.up-current {
    background-position: right -727px
}

.pro-sort a.down-current {
    background-position: right -788px
}

.pro-sort a.unselected {
    padding-left: 20px;
    background-position: left -823px
}

.pro-sort a.selected, .pro-sort a.unselected:hover {
    padding-left: 20px;
    background-position: left -851px
}

.pro-sort .integrated {
    background: 0 0;
    padding-right: 10px
}

.pro-sort-select {
    height: 20px;
    margin-top: 6px
}

.pro-list-pager {
    position: relative;
    padding: 18px 5px;
    text-align: center
}

.pager-bottom {
    margin-top: -1px;
    background-color: #fff
}

.pro-list-pager li {
    display: inline-block;
    margin: 0 3px;
    background: #FFF;
 
    -webkit-box-shadow: 0 1px 2px #DDD;
    box-shadow: 0 1px 2px #DDD;
    cursor: pointer
}

.pro-list-pager li a {
    border: 1px solid #CCC;
    text-decoration: none;
    display: block;
    padding: 2px 8px
}

.pro-list-pager li a.current {
    background: #5293DE;
    border: 1px solid #5293DE;
    color:#FFF;
}

.pro-list-pager li.current span {
    font-weight: 700;
    color: #FFF;
    display: block;
    padding: 2px 8px
}

.pro-list-ul del {
    width: 92px;
    font-size: 14px;
    color: #777;
    font-family: Tahoma
}

.pro-list-items .pro-list-li {
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #ddd;
    position: relative
}

.pro-list-items .pro-list-li:hover {
    -webkit-box-shadow: 0 0 8px #aaa;
    box-shadow: 0 0 8px #aaa;
    border-color: #bbb
}

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

.pro-list-items .pro-list-li .pro-title {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    margin: 8px 0
}

.pro-list-items .pro-list-li .pro-title .type-text {
    float: left;
    height: 18px;
    line-height: 18px;
    background: #276ec6;
    color: #fff;
    padding: 0 10px;
    font-size: 12px;
    font-family: '\u5b8b\u4f53'
}

.pro-list-items .pro-list-li .pro-title .type-arrow {
    float: left;
    width: 0;
    height: 0;
    border-left: 7px solid #276ec6;
    border-top: 9px solid #fff;
    border-bottom: 8px solid #fff;
    overflow: hidden
}

.pro-list-items .pro-list-li .pro-title .pro-list-itemtit {
    float: left;
    padding-left: 10px;
    font-weight: 700;
    font-size: 14px;
    overflow: hidden;
    max-width: 800px
}

.pro-list-items .pro-list-li .pro-title .pro-list-itemtit a {
    color: #06c
}

.pro-item-info td .pro-tuan-nub em, .pro-list-items .pro-list-li .pro-title .pro-list-itemtit a em {
    background: #ffef7d
}

.pro-list-items .pro-list-li .pro-title .offer-active {
    float: left;
    margin-left: 10px
}

.offer-active a {
    float: left;
    margin-right: 9px;
    height: 18px;
    overflow: hidden
}

.pro-item-cont {
    padding: 6px 10px 6px 7px
}

.pro-item-pic {
    width: 162px;
    float: left;
    margin-right: 15px
}

.pro-item-pic .product-pic {
    width: 150px;
    height: 100px;
    padding: 5px;
    background-color: #FFF;
    overflow: hidden;
    border: 1px solid #DDDDDE
}

.pro-item-pic .product-pic a {
    display: block;
    overflow: hidden;
    width: 150px;
    height: 100px;
    position: relative
}

.pro-item-pic .product-pic a img {
    vertical-align: middle;
    transition: all .3s linear 100ms;
    -moz-transition: all .3s linear 100ms;
    -webkit-transition: all .3s linear 100ms;
    -o-transition: all .3s linear 100ms;
    background: url(/res/images/new/images/img_bg.png) center no-repeat #CCC;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 150px
}

.pro-item-pic .product-pic a:hover img {
    -ms-transform: rotate(0) scale(1.5);
    transform: rotate(0) scale(1.5);
    -moz-transform: rotate(0) scale(1.5);
    -webkit-transform: rotate(0) scale(1.5);
    -o-transform: rotate(0) scale(1.5)
}

.pic-wrap div {
    height: 24px
}

.today-special {
    position: absolute;
    top: 44px;
    left: 5px;
    height: 24px;
    z-index: 1;
    max-width: 155px;
    overflow: hidden
}

.today-special-bd {
    height: 22px;
    padding: 0 5px;
    color: #fff;
    white-space: nowrap
}

.buytwosendone {
    height: 24px;
    position: absolute;
    top: 122px;
    left: 124px;
    vertical-align: bottom;
    z-index: 1
}

.buytwosendone p {
    color: #fff;
    background-color: #ff2812;
    margin-top: 5px;
    height: 19px;
    padding: 0 5px;
    position: relative;
    left: -10px;
    width: 51px;
    overflow: hidden;
    text-wrap: none
}

.product-comments {
    margin-top: 5px
}

.product-comments li {
    display: inline-block;
    padding: 0 4px;
    line-height: 24px;
    border: none;
    float: left
}

.product-comments li a {
    color: #666
}

.product-comments li a em {
    color: #666;
    font-size: 12px;
    font-family: '\u5b8b\u4f53'
}

.product-comments li a em.satisfied {
    color: #ff5a00;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif
}

.pro-item-info {
    position: relative;
    width: 600px;
    float: left
}

.pro-item-info .pro-item-booking {
    position: absolute;
    top: 10px;
    right: -125px;
    float: right
}

.pro-item-info td {
    line-height: 26px;
    vertical-align: text-top
}

.pro-item-info td .end-city {
    padding-left: 30px
}

.pro-item-info .pro-info-des {
    width: 65px;
    color: #999
}

.pro-item-info .small-description {
    height: 55px;
    overflow: hidden
}

.pro-item-info td .pro-tuan-nub {
    color: #223C6A
}

.pro-item-booking {
    text-align: center;
    line-height: 24px
}

.pro-item-booking p {
    color: #F60
}

.pro-item-booking p del, .pro-item-booking p em, .pro-item-booking p span {
    position: relative;
    bottom: -4px;
    font-family: "Microsoft Yahei";
    font-weight: 500;
    font-size: 20px
}

.pro-item-booking .min-dollar {
    bottom: 0;
    font-size: 14px
}

.pro-item-booking p del {
    display: block;
    font-size: 14px
}

.sold-out-btn {
    display: block;
    width: 90px;
    height: 24px;
    margin: 5px 0;
    text-align: center
}

.pro-item-booking .booking-bd {
    margin: 5px 0
}

.pro-item-booking .booking-btn {
    margin-top: 5px;
    font-weight: 700;
    color: #FFF;
    background: #00b7ee;
    border-radius: 2px;
    padding: 6px 20px
}

.pro-item-booking .booking-btn:hover {
    text-decoration: none;
    background: #fe8902
}

.pro-item-booking .sold-out-btn {
    background-position: -90px -90px;
    font-weight: 700;
    color: #CCC
}

.pro-item-booking .product-integral {
    background: #f0f0f0;
    border-radius: 2px
}

.pro-item-booking .product-integral:hover {
    background: #dadada
}

.pro-item-booking .product-integral a {
    color: #00388A
}

.hotel-feature {
    padding: 10px 0;
    color: #999
}

.hotel-feature span {
    padding-left: 20px;
    padding-right: 10px
}

.pro-list-items {
    overflow: hidden
}

.m-nopro-box {
    margin: 10px 0 30px
}

.m-nopro-box .describe1, .m-pro-mod-wrap .describe2 {
    height: 30px;
    line-height: 30px;
    width: 920px;
    background: #fff;
    text-align: center
}

.m-nopro-box .describe1 {
    font-size: 20px;
    padding-top: 55px;
    background: #f3f3f3;
    padding-bottom: 120px;
    margin-bottom: 20px
}

.m-nopro-box .describe1 p {
    text-align: center
}

.m-nopro-box .describe1 .packetGo {
    display: block;
    width: 182px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #fc8723;
    margin: 30px auto 0
}

.m-nopro-box .packetGo:hover {
    text-decoration: none
}

.m-nopro-box .mactch {
    width: 100%;
    height: 500px;
    border: 1px solid #000;
    background: #fff;
    font-size: 14px
}

.m-list-sel {
    border: 1px solid #e3e3e3;
    border-radius: 5px 5px 0 0
}

.m-list-nav {
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    height: 48px;
    line-height: 48px;
    border-radius: 6px 6px 0 0;
    background: #f9f9f9
}

.m-list-nav li {
    float: left;
    text-align: center
}

.m-list-nav .m-nav-n1 {
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    padding: 4px 0;
    background: #74a8e4;
    margin-top: -7px
}

.m-list-nav .m-nav-n1 a {
    color: #fff
}

.m-list-nav .m-nav-n1 a:hover {
    text-decoration: none
}

.m-list-nav .m-nav-n1 em {
    padding: 0 20px;
    color: #fff
}

.m-list-nav .m-nav-n1 span:first-child {
    float: left;
    width: 4px;
    height: 40px;
    background: url(/res/images/new/images/navleft.png);
    margin-top: -4px
}

.m-list-nav .m-nav-n1 span:last-child {
    float: right;
    width: 4px;
    height: 56px;
    margin-top: -4px;
    background: url(/res/images/new/images/navright2.png)
}

.m-list-nav .m-nav-n2 {
    margin-top: 1px
}

.m-list-nav .m-nav-n2 a {
    float: left;
    height: 48px;
    font-size: 16px;
    color: #636363;
    padding: 0 22px;
    position: relative
}

.m-list-nav .m-nav-n2 a.a_line:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 30px;
    background-color: #c7c7c7;
    position: absolute;
    right: 0;
    top: 9px
}

.m-list-nav .m-nav-n2 a span {
    height: 48px;
    line-height: 48px;
    display: block;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center
}

.m-list-nav .m-nav-n2 a.cantuan span {
    background-image: url(/res/images/new/images/icocantuan.png)
}

.m-list-nav .m-nav-n2 a.baotuan span {
    background-image: url(/res/images/new/images/icobaotuan.png)
}

.m-list-nav .m-nav-n2 a.china span {
    background-image: url(/res/images/new/images/icochina.png)
}

.m-list-nav .m-nav-n2 a:hover {
    text-decoration: none
}

.m-list-nav .m-nav-n2 a.active {
    border-right: 1px solid #e3e3e3;
    margin-top: -2px;
    position: relative;
    top: 1px;
    border-radius: 5px 0 0;
    background-color: #fff;
    padding-bottom: 1px
}

.m-list-nav .m-nav-n2 a:first-child {
    background-position: right top;
    background-repeat: no-repeat
}

.m-list-nav .m-nav-n2 a.active span {
    border: none;
    font-weight: 700
}

.m-list-nav .m-nav-n3 {
    float: right;
    margin-top: 1px
}

.m-list-nav .m-nav-n3 a {
    float: left;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #8b8b8b;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    font-family: 宋体;
    position: relative
}

.m-list-nav .m-nav-n3 a:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 17px;
    background-color: #959595;
    position: absolute;
    right: 0;
    top: 15px
}

.m-list-seek a, .m-pro-tit, .m-pro-tit-box {
    position: relative
}

.m-list-nav .m-nav-n3 a:last-child:after {
    display: none
}

.m-list-ico, .m-list-seek, .m-list-seek a {
    display: inline-block
}

.m-list-nav .m-nav-n3 a:last-child {
    border: none
}

.m-list-ico {
    background: url(/res/images/new/images/m-product-icon.png) no-repeat
}

.m-list-wrap {
    width: 100%;
    margin: 0 0 20px
}

.m-list-seek {
    text-indent: 0
}

.m-list-seek span {
    color: #000
}

.m-list-seek span em {
    color: #0080ed
}

.m-list-seek a {
    width: 16px;
    height: 16px;
    background-position: 0 0;
    margin: 0 0 0 6px;
    top: 3px
}

.m-seled-crt li, .m-seled-crt li span {
    margin-right: 10px;
    display: block;
    float: left
}

.m-seled {
    margin-top: 16px;
    min-height: 40px;
    line-height: 40px;
    color: #575757
}

.m-seled-l {
    width: 80px;
    text-align: right;
    padding-right: 20px
}

.m-seled-crt {
    width: 1000px;
    padding: 8px 0 0
}

.m-seled-crt li {
    padding: 0 7px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    height: 22px;
    line-height: 22px
}

.m-seled-crt li span {
    color: #575757;
    text-decoration: none
}

.m-seled-crt li i {
    float: left;
    margin-top: 5px;
    width: 12px;
    height: 12px;
    background: url(/res/images/new/images/closechoice.jpg) 2px 2px no-repeat;
    color: #fff
}

.m-seled-r {
    margin-right: 20px;
    cursor: pointer;
}

.m-seled-r a {
    color: #1d8eed;
    display: block;
    float: left;
    text-decoration: none
}

.m-seled-r i {
    float: left;
    margin: 17px 5px 0 0;
    width: 8px;
    height: 8px;
    background: url(/res/images/new/images/m-product-icon.png) 0 -114px no-repeat;
    display: block
}
.m-sel-wrap {
    padding-bottom: 5px
}
.m-sel-wrap > .m-sel-box-t {
    display: none
}
.m-sel-wrap .m-sel-box-top .trip a label {
    cursor: pointer
}

.m-sel-wrap .m-sel-box-top .trip a:hover {
    color: #343434;
    background: 0 0
}

.m-sel-wrap .m-sel-box-top .trip a input {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.m-sel-box.bgWhite {
    background: #fff
}

.m-sel-box.bgGrey {
    background: #FBFBFB
}

.m-sel-box-top {
    height: 38px;
    line-height: 38px;
    overflow: hidden
}

.m-sel-box-top .m-sel-t {
    width: 80px;
    text-align: right;
    color: #8D8D8D;
    padding-right: 20px
}

.key_word_search {
    margin-top: 12px;
    margin-bottom: 15px
}

.key_word_search .m-sel-box-top {
    height: 30px;
    line-height: 30px
}

.key_word_search p input {
    height: 30px
}

.key_word_search #hotel_search_v {
    border: 1px solid #E6E6E6;
    height: 28px;
    width: 278px;
    padding: 0 10px
}

.key_word_search #hotel_search {
    width: 50px;
    text-align: center;
    cursor: pointer;
    background-color: #1582EB;
    border: none;
    color: #fff;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-sel-box-bottom-more, .m-sel-box-bottom-mul {
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #F7F7F7
}

.m-sel-all {
    float: left
}

.m-sel-all a, .m-sel-box-top .m-sel-opt li a {
    display: block;
    color: #343434;
    height: 26px;
    padding: 0 10px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    margin: 6px 3px;
    cursor: pointer;
}

.m-sel-all .disable {
    cursor: default;
    color: #b8b8b8
}

.m-sel-all .disable:hover {
    background: 0 0;
    color: #b8b8b8
}

.m-sel-all a:hover {
    color: #fff;
    background: #A0C4E7
}

.m-sel-all a.active {
    background: #A0C4E7;
    color: #1C262E
}

.m-sel-box-top .m-sel-opt {
    width: 960px;
    overflow: hidden
}

.m-sel-box-top .m-sel-opt li {
    float: left;
    height: 38px
}

.m-sel-box-top .m-sel-opt li .disable {
    cursor: default;
    color: #b8b8b8
}

.m-sel-box-top .m-sel-opt li .disable:hover {
    background: 0 0;
    color: #b8b8b8
}

.m-sel-box-top .m-sel-opt li a:hover {
    color: #fff;
    background: #A0C4E7
}

.m-sel-box-top .m-sel-opt li a.active {
    background: #A0C4E7;
    color: #1C262E
}

.m-sel-box-top .m-sel-opt li a.no-limit {
    background: #276fc4;
    color: #FFF;
    text-decoration: none
}

.m-sel-box-top .m-sel-btn {
    margin-right: 18px
}

.m-sel-box-top .m-sel-btn p {
    cursor: pointer;
    margin-left: 20px
}

.m-sel-box-top .m-sel-btn p i {
    float: left
}

.m-sel-box-top .m-sel-btn p span {
    float: left;
    color: #3A8DEC
}

.m-sel-box-top .m-sel-btn .m-sel-more.active span, .m-sel-box-top .m-sel-btn .m-sel-mul.active span {
    color: #EF8700
}

.m-sel-box-top .m-sel-btn .m-sel-more-a {
    display: none
}

.m-sel-box-top .m-sel-btn .m-sel-more i {
    margin: 14px 5px 0 0;
    width: 10px;
    height: 9px;
    background-position: 0 -49px
}

.m-sel-box-top .m-sel-btn .m-sel-more.active i {
    margin: 12px 5px 0 0;
    width: 10px;
    height: 10px;
    background-position: -14px -62px
}

.m-sel-box-top .m-sel-btn .m-sel-mul i {
    margin: 12px 5px 0 0;
    width: 10px;
    height: 11px;
    background-position: 0 -57px
}

.m-sel-box-top .m-sel-btn .m-sel-mul.active i {
    margin: 16px 5px 0 0;
    width: 10px;
    height: 4px;
    background-position: -14px -84px
}

.m-sel-box-top.m-scenic .m-sel-opt li a, .m-sel-box-top.m-scenic .m-sel-opt.sel-filtrate li {
    display: block;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    margin: 7px 3px 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none
}

.m-sel-box-top .m-sel-opt.m-sel-day {
    width: 700px
}

.m-sel-box-top.m-scenic {
    overflow: hidden
}

.m-sel-box-top.m-scenic .m-sel-opt li a {
    color: #343434;
    padding: 0 10px
}

.m-sel-box-top.m-scenic .m-sel-opt li a:hover {
    color: #fff;
    background: #A0C4E7
}

.m-sel-box-top.m-scenic .m-sel-opt li a.active {
    background: #A0C4E7;
    color: #1C262E
}

.m-sel-box-top.m-scenic .m-sel-opt.sel-filtrate li {
    color: #343434;
    padding: 0 8px
}

.m-sel-box-top.m-scenic .m-sel-opt.sel-filtrate li.active, .m-sel-box-top.m-scenic .m-sel-opt.sel-filtrate li:hover {
    background: #FE8902;
    color: #fff
}

.m-sel-box-top.m-scenic .m-sel-opt.sel-filtrate li.disable {
    color: #b8b8b8;
	display:none;
}

.m-sel-box-top.m-scenic .m-sel-opt.sel-filtrate li.disable:hover {
    color: #b8b8b8;
    background: #fff;
    cursor: text
}

.m-sel-box-bottom-more {
    display: none;
    padding: 10px 0
}

.m-sel-box-bottom-more .m-sel-opt {
    height: 115px;
    overflow-y: auto;
    width: 970px;
    margin: 0 auto
}

.m-sel-box-bottom-more .m-sel-opt li {
    border-left: 1px dashed #B3B3B3;
    width: 188px;
    height: 26px;
    float: left;
    line-height: 26px;
    padding: 2px 0
}

.m-sel-box-bottom-more .m-sel-opt li a {
    display: block;
    padding-left: 10px;
    color: #6A6A6A;
    text-decoration: none;
    width: 160px;
    height: 26px;
    margin-left: 9px
}

.m-sel-box-bottom-more .m-sel-opt li a span {
    width: 95%;
    overflow: hidden;
    float: left
}

.m-sel-box-bottom-more .m-sel-opt li a.active, .m-sel-box-bottom-more .m-sel-opt li a:hover {
    background: #0060aa;
    color: #fff
}

.m-sel-box-bottom-mul {
    padding: 10px 0;
    display: none
}

.m-sel-box-bottom-mul .m-sel-opt {
    height: 120px;
    overflow-y: auto;
    width: 970px;
    margin: 0 auto
}

.m-sel-box-bottom-mul .m-sel-opt li {
    border-left: 1px dashed #B3B3B3;
    width: 188px;
    height: 26px;
    float: left;
    line-height: 26px;
    padding: 2px 0
}

.m-sel-box-bottom-mul .m-sel-opt li a {
    display: block;
    padding-left: 10px;
    border: 1px solid transparent;
    color: #6A6A6A;
    text-decoration: none;
    width: 160px;
    height: 26px;
    margin-left: 9px
}

.m-sel-box-bottom-mul .m-sel-opt li a span {
    float: left;
    cursor: pointer;
    width: 85%;
    overflow: hidden
}

.m-sel-box-bottom-mul .m-sel-opt li a i {
    float: right;
    margin: 8px 7px 0 0;
    cursor: pointer
}

.m-sel-box-bottom-mul .m-sel-opt li a.active {
    border: 1px solid #0060aa;
    color:#0060aa
}

.m-sel-box-bottom-mul .m-sel-opt li a.active i {
    width: 9px;
    height: 8px;
    background: url(/res/images/new/images/m-product-icon.png) 0 -41px no-repeat;
    display: block
}

.m-sel-box-bottom-mul .m-sel-opt li a:hover {
    color: #0060aa
}

.m-sel-box-bottom-mul .mul-btn {
    height: 26px;
    width: 175px;
    margin: 10px auto
}

.m-sel-box-bottom-mul .mul-btn a {
    display: block;
    float: left;
    width: 85px;
    text-align: center;
    line-height: 26px;
    text-decoration: none
}

.m-sel-box-bottom-mul .mul-btn .mul-btn-ok {
    background: #0060aa;
    color: #fff;
    height: 26px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-right: 2px
}

.m-sel-box-bottom-mul .mul-btn .mul-btn-cancle {
    background: #fff;
    height: 24px;
    color: #434343;
    border: 1px solid #B7B7B7;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.m-sel-box-bottom-mul .mul-btn .mul-btn-cancle:hover {
    background: #E9E9E9
}

.m-sel-spread {
    height: 38px;
    line-height: 38px;
    background: #fff
}

.m-sel-spread p {
    width: 120px;
    margin: 0 auto;
    height: 38px;
    cursor: pointer
}

.m-sel-spread p span {
    float: left;
    color: #979797;
    margin-right: 7px
}

.m-sel-spread p span:hover, .m-sel-spread p.active span {
    color: #0060aa
}

.m-sel-spread p i {
    width: 12px;
    height: 8px;
    background-position: -16px -19px;
    float: left;
    margin-top: 15px
}

.m-sel-spread p.active i {
    color: #0060aa;
    background-position: -16px -11px
}

.m-date-filt {
    height: 38px;
    line-height: 38px
}

.m-date-filt dt {
    float: left;
    color: #686868;
    font-size: 12px;
    margin-right: 4px
}

.m-date-filt dd {
    float: left
}

.m-date-filt .m-date-filt-t input {
    border: 1px solid #C1C1C1;
    width: 36px;
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
    border-radius: 3px;
    padding: 0 5px
}

.m-date-filt .m-date-filt-l {
    width: 12px;
    height: 1px;
    background: #c1c1c1;
    margin: 19px 3px 0
}

.m-date-filt .m-date-filt-b input {
    width: 50px;
    height: 20px;
    border: 1px solid #DDD;
    background: #E1E1E1;
    color: #424242;
    border-radius: 3px;
    cursor: pointer;
    margin: 8px 10px 0 13px
}

.m-list-cont-l {
    width: 960px
}

.m-pro-sort {
    border: 1px solid #EEE;
    background: #fff;
    height: 28px;
    line-height: 28px;
    margin-bottom: 18px;
    width: 958px
}

.m-pro-sort-nav > li:first {
    width: 50px
}

.m-pro-sort-nav > li {
    float: left;
    border-right: 1px solid #E2E2E2;
    padding: 0 16px
}

.m-pro-sort-nav > li a {
    display: block;
    height: 28px;
    text-align: center;
    text-decoration: none;
    color: #8D8D8D
}

.m-pro-sort-nav > li a span {
    float: left;
    text-align: center;
    margin: 0 10px
}

.m-pro-sort-nav > li a i {
    float: left;
    display: block;
    width: 11px;
    height: 11px;
    background-position: -42px 0;
    margin-top: 9px
}

.m-pro-sort-nav > li a:hover {
    color: #FE8902
}

.m-pro-sort-nav > li.li_slectepro a:hover {
    color: #8D8D8D
}

.m-pro-sort-nav > li .down-current i {
    background-position: -55px 0
}

.m-pro-sort-nav > li .up-current i {
    background-position: -28px 0
}

.m-pro-sort-num {
    line-height: 24px;
    color: #676767;
    margin-right: 15px;
    letter-spacing: 2px
}

.m-pro-sort-num span {
    color: #F77700
}

.m-pro-box {
    width: 960px;
    background: #fff;
    margin-bottom: 18px
}

.m-pro-box:hover {
    -webkit-box-shadow: 0 0 8px #c7dff6;
    box-shadow: 0 0 8px #c7dff6
}

.m-pro-tit-box {
    max-height: 96px;
}

.m-type-text {
    color: #76B7F0
}

.m-type-text i {
    display: block;
    width: 10px;
    height: 29px;
    background-position: 0 -83px;
    position: absolute;
    top: 0;
    right: -10px
}

.m-pro-list-itemtit {
    max-width: 550px;
    line-height: 26px;
    max-height: 80px;
    overflow: hidden;
    padding: 6px 0 0px;
    font-weight: 700;
    font-size: 18px
}

.m-pro-list-itemtit a {
    color: #585858;
    font-weight: 700;
    font-size: 18px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.m-pro-list-itemtit a em {
    background: #FFEF7D;
    animation: page_blink 1.3s ease 0s 5;
    -webkit-animation: page_blink 1.3s ease 0s 5
}

@keyframes page_blink {
    40%, 60%, from, to {
        opacity: 1
    }
    45%, 55% {
        opacity: 0
    }
}

@-webkit-keyframes page_blink {
    40%, 60%, from, to {
        opacity: 1
    }
    45%, 55% {
        opacity: 0
    }
}

.m-pro-lab {
    position: relative;
    top: 3px;
    display: inline-block
}

.m-pro-lab li {
    height: 22px;
    margin-right: 10px
}

.m-pro-lab .m-recommend {
    width: 34px;
    background-position: -137px -26px
}

.m-pro-lab .m-exclusive {
    background-position: -95px -52px;
    width: 34px
}

.m-pro-lab .m-hot {
    background-position: -95px -26px;
    width: 34px
}

.m-pro-lab .m-sale {
    background-position: -94px 0;
    width: 77px
}

.m-pro-cont-l {
    width: 389px;
    height: 260px
}

.m-min-img {
    position: relative;
    width: 390px;
    height: 260px;
    display: block
}

.m-min-img .video-play {
    background: url(/res/images/new/images/play.png) center no-repeat;
    width: 60px;
    height: 60px;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 165px;
    top: 100px;
    z-index: 2
}

.m-min-img .temporary-discount {
    background: url(/res/images/new/images/man_jian.png) no-repeat;
    display: none;
    position: absolute;
    top: -4px;
    left: 9px;
    z-index: 8;
    height: 78px;
    width: 78px;
    color: #fff;
    text-align: center
}

.m-min-img .temporary-discount .discount-content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.m-min-img .temporary-discount .discount-content .discount-title {
    font-size: 14px;
    color: #fe0036;
    line-height: 36px;
    position: relative
}

.m-min-img .temporary-discount .discount-content .discount-value {
    font-size: 26px;
    margin-top: 5px;
    line-height: 88%
}

.m-min-img .temporary-discount .discount-content .discount-value span {
    position: relative;
    display: inline-block;
    height: 100%
}

.m-min-img .temporary-discount .discount-content .discount-value span i {
    position: absolute;
    left: -8px;
    font-size: 16px;
    top: 0;
    line-height: 16px
}

.m-min-img .temporary-discount .discount-content .discount-value span s {
    text-decoration: none
}

.m-min-img img {
    width: 390px;
    height: 260px;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all .3s linear 100ms;
    -moz-transition: all .3s linear 100ms;
    -webkit-transition: all .3s linear 100ms;
    -o-transition: all .3s linear 100ms;
    background: url(/res/images/new/images/img_bg.png) center no-repeat #CCC
}

.pro-discount {
       width: 73px;
    height: 77px;
    background: url(/res/images/new/images/zhekou.png) no-repeat;
    position: absolute;
    top: -6px;
    left: 15px;
    z-index: 5;
    color: #fff;
    font-size: 18px;
    line-height: 55px;
    font-weight: 700;
    text-align: center;
    padding-right: 6px;
	    padding: 11px 0px 0 0px;
}

div[class^=pro-sale] {
    width: 245px;
    height: 32px;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 12px;
    left: 90px;
    z-index: 5;
    color: #fff;
    font-size: 13px;
    line-height: 32px;
    font-weight: 700;
    padding-left: 40px;
    border-radius: 16px
}

div[class^=pro-sale]:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    left: 12px;
    background: url(/res/images/new/images/pro_list_ico.png) -19px -74px no-repeat
}

.m-img-cod, .m-img-cod-shade {
    position: absolute;
    left: 0;
    bottom: 0;
	
}

div[class^=pro-sale] em, div[class^=pro-sale] i {
    font-weight: 400
}

.m-img-cod-shade {
    width: 390px;
    height: 36px;
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.3;
    z-index: 3
}

.m-img-cod-shade.show-excursion {
    height: 53px
}

.m-img-cod {
    font-size: 16px;
    padding: 0 15px;
    color: #fff;
    width: 360px;
    height: 36px;
    line-height: 36px;
    z-index: 4
}

.m-img-cod.show-excursion {
    height: 53px
}

.m-img-cod .satisfaction {
    margin: 8px 8px 0 0;
    padding-right: 8px;
    border-right: 1px solid #fff;
    line-height: 20px
}

.m-img-cod.show-excursion .satisfaction {
    margin: 8px 0;
    line-height: inherit
}

.m-img-cod.show-excursion .others {
    padding: 17px 0 0 15px;
    line-height: 18px
}

.m-img-cod.show-excursion > .fr {
    padding-top: 8px
}

.m-img-cod .review-clor {
    color: #FF8B01
}

.m-pro-cont-c {
    width: 556px;
    height: 258px;
    padding-left: 12px;
    border: 1px solid #E3E3E3;
    position: relative
}

.m-pro-intr-box {
    margin-bottom: 5px
}

.m-pro-intr-box > .m-pro-wr ul li > p {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.m-pro-label {
    color: #999;
    width: 70px;
    text-align: right;
    margin-right: 10px;
    font-size: 14px;
    height: 28px;
    line-height: 25px
}

.m-pro-wr {
    width: 544px;
    padding-right: 12px;
    line-height: 20px
}

.new-bottom {
    width: 556px;
    height: 38px;
    line-height: 38px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 12px
}

.new-bottom .group-date {
    margin-right: 30px
}

.new-bottom-date {
    color: #59A7F9;
    padding-left: 22px;
    background: url(/res/images/new/images/pro_list_ico.png) -45px -66px no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 38px;
    position: relative
}

.type-icon {
    max-height: 56px;
    overflow: hidden
}

.mouth-cert {
    max-width: 80px;
    height: 100%;
    vertical-align: middle
}

.feature-txt {
       max-height:62px;
    overflow: hidden;
    padding-top: 4px;
    font-size: 12px;
    display: -webkit-box;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.feature-txt li {
    font-size: 12px;
    height: 22px;
    overflow: hidden;
    line-height: 22px
}

.star-end-city {
    position: absolute;
    left: 12px;
    bottom: 40px
}

.m-pro-wr.h27 {
    overflow: hidden
}

.m-pro-wr .m-pro-fav {
    float: left;
    padding: 0 10px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    line-height: 22px \9;
    color: #fff;
    margin: 2px 6px 6px 0
}

.m-pro-wr .m-pro-fav-img {
    padding: 0;
    height: 18px;
    border: 1px solid #E4E4E4
}

.m-pro-wr p.pit_yhhd {
    background-color: #0060aa
}

.m-pro-wr p.pit_xcts {
    background-color: #73B7F2
}

.m-pro-wr p.pit_kbrz {
    background-color: #8a93fa
}

.m-pro-wr p.coupons {
    position: relative;
    background-color: #fd535a
}

.m-pro-wr p.coupons:after, .m-pro-wr p.coupons:before {
    position: absolute;
    top: 35%;
    width: 2px;
    height: 4px;
    background: #fff;
    content: ""
}

.m-pro-wr p.coupons:before {
    left: 0;
    border-radius: 0 2px 2px 0
}

.m-pro-wr p.coupons:after {
    right: 0;
    border-radius: 2px 0 0 2px
}

.m-pro-wr p.coupons span {
    padding-left: 10px;
    height: 100%;
    border-left: dashed 1px #fff
}

.m-pro-wr p.coupons:hover {
    background-color: #fd7271
}

.m-pro-wr .pro-tuan-nub {
    color: #06C;
    cursor: pointer
}

.m-pro-wr .pro-tuan-nub:hover {
    color:  #00b7ee
}

.m-pro-intr-fun {
    border-bottom: 1px dashed #ccc
}

.m-pro-fun {
    color: #3D3D3D;
    width: 350px;
    border: 2px solid #C4C4C4;
    background-color: #fff;
    overflow: hidden;
    padding: 6px 10px 8px
}

.m-pro-fun li {
    padding-left: 126px;
    color: #616161
}

.m-pro-fun li span.pngFix {
    display: inline-block;
    width: 95px;
    height: 28px;
    text-align: justify;
    margin-left: -126px;
    line-height: 28px;
    overflow: hidden;
    color: #060606
}

.m-pro-fun li span.pngFix strong {
    display: inline-block
}

.m-pro-fun li span.pngFix span {
    display: inline-block;
    padding-left: 100%
}

.m-pro-facil {
    position: relative
}

.m-pro-facil:after {
    content: "";
    display: none;
    height: 15px;
    width: 20px;
    position: absolute;
    top: 23px;
    left: 50%;
    background: url(/res/images/new/images/pro-down.png) no-repeat;
    margin-left: -10px;
    z-index: 30
}

.m-pro-facil.active:after {
    display: block
}

.facility-list {
    display: none;
    position: absolute;
    z-index: 20
}

.m-pro-fun i {
    float: left;
    background: url(/res/images/new/images/m-product-icon.png) no-repeat;
    display: block
}

.m-pro-fun span {
    display: inline-block;
    padding-left: 20px;
    font-size: 13px
}

.facility-list-content {
    position: relative;
    top: -10px;
    font-weight: 400;
    font-size: 12px
}

.m-pro-fun .wifi {
    background: url(/res/images/new/images/product-icon.png) -104px -20px no-repeat
}

.m-pro-fun .invitation {
    background: url(/res/images/new/images/product-icon.png) -104px 10px no-repeat
}

.m-pro-fun .feast {
    background: url(/res/images/new/images/product-icon.png) -102px -72px no-repeat
}

.m-pro-fun .bus {
    background: url(/res/images/new/images/product-icon.png) -104px -43px no-repeat
}

.m-pro-fun .half_day_city_tour {
    background: url(/res/images/new/images/service_03.png) 0 -118px no-repeat;
    margin-top: 2px
}

.m-pro-fun .tour_guide {
    background: url(/res/images/new/images/service_03.png) 3px -140px no-repeat
}

.m-pro-fun .insurance {
    background: url(/res/images/new/images/linemark.png) -3px -163px no-repeat
}

.m-pro-fun .aircraft {
    background: url(/res/images/new/images/service_03.png) -1px 7px no-repeat
}

.m-pro-fun .house {
    background: url(/res/images/new/images/service_03.png) 0 -19px no-repeat
}

.m-pro-fun .coin {
    background: url(/res/images/new/images/service_03.png) 1px -45px no-repeat
}

.m-pro-fun .shopping_card {
    background: url(/res/images/new/images/service_03.png) 1px -69px no-repeat
}

.m-pro-fun .ship {
    background: url(/res/images/new/images/service_03.png) 1px -92px no-repeat
}

.m-pro-fun .spa {
    background: url(/res/images/new/images/service_03.png) 1px -164px no-repeat
}

.m-pro-fun .ticket {
    background: url(/res/images/new/images/service_03.png) 1px -188px no-repeat
}

.m-pro-fun .sledge {
    background: url(/res/images/new/images/service_03.png) 1px -211px no-repeat
}

.m-pro-fun .play_project {
    background: url(/res/images/new/images/service_03.png) 1px -228px no-repeat
}

.m-pro-fun-more {
    cursor: pointer;
    display: none
}

.m-pro-fun-more span {
    float: left;
    color: #B2B2B2
}

.m-pro-fun-more i {
    float: left;
    background-position: -16px -52px;
    width: 7px;
    height: 9px;
    margin: 6px 6px 0 0
}

.m-pro-fun-more.active i {
    background-position: 0 -50px;
    width: 10px;
    height: 8px;
    margin: 7px 3px 0 0
}

.m-pro-fun-more.active span {
    color: #3A8DEC
}

.m-pro-route-fun {
    line-height: 24px
}

.m-pro-route-box {
    margin: 0 20px 10px 0;
    float: left
}

.m-pro-route-box span {
    float: left;
    margin-right: 5px
}

.m-pro-route-box p {
    float: left;
    position: relative;
    border: 1px solid #CCC;
    height: 24px;
    border-right: none;
    line-height: 24px;
    background: #fff;
    padding: 0 5px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-right: 10px
}

.m-pro-route-box p i {
    width: 7px;
    height: 24px;
    background-position: 0 -114px;
    position: absolute;
    right: -7px;
    top: 0
}

.m-pro-btn, .m-pro-btn-no {
    min-width: 195px;
    height: 38px;
    line-height: 38px;
    display: block;
    text-align: center
}

.m-box-tit, .m-pro-bottom, .m-pro-btn span, .m-pro-date {
    position: relative
}

.m-pro-route-box p.m-list-ico-last {
    border: 1px solid #CCC;
    border-radius: 4px
}

.m-pro-route-box p.m-list-ico-last i {
    background: 0 0
}

.m-pro-cont-r {
    padding-top: 20px;
    width: 130px;
    overflow: hidden
}

.m-pro-moy {
    color: #F77700;
    text-align: center;
    font-size: 12px
}

.m-pro-moy em, .m-pro-moy span {
    font-size: 24px
}

.m-pro-moy del {
    color: #4d4d4d
}

.m-pro-btn {
    color: #fff;
    font-size: 14px;
    background: #fb5f10;
    margin: 0 auto
}

.m-pro-btn del {
    padding-right: 10px;
    color: #797979
}

.m-pro-btn em, .m-pro-btn span {
    font-size: 22px;
    padding-right: 4px;
    font-weight: 700
}

.m-pro-btn span {
    top: 1px
}

.m-pro-btn i {
    margin-right: 6px
}

.m-pro-btn:hover {
    background: #00b7ee;
    text-decoration: none
}

.m-pro-btn-no {
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    background: #CCC;
    text-decoration: none
}

.m-pro-date input, .m-pro-date input.active {
    background: url(/res/images/new/images/pro-date-ico.png) 319px -51px no-repeat #fff
}

.m-pro-btn-no:hover {
    text-decoration: none
}

.m-pro-txt {
    text-align: center;
    color: #4d4d4d
}

.m-pro-txt a {
    color: #06C
}

.m-pro-txt a:hover {
    color: #00b7ee;
    text-decoration: none
}

.m-pro-bottom {
    border-top: 1px solid #E2E2E2;
    font-size: 14px
}

.m-pro-b-sh li {
    float: left;
    height: 45px;
    line-height: 45px;
    border-right: 1px solid #E2E2E2
}

.m-pro-b-sh li.m-pro-b-sh-a {
    width: 200px;
    text-align: center;
    color: #999;
    overflow: hidden
}

.m-pro-b-sh li span {
    display: block;
    float: left;
    color: #999;
    margin-right: 7px
}

.m-pro-b-sh li p {
    display: block;
    float: left
}

.m-pro-b-sh li.nobd {
    border: none;
    margin-left: 30px
}

.m-pro-date {
    float: left
}

.m-pro-date input {
    width: 305px;
    border: 1px solid #CCC;
    padding: 0 25px 0 10px;
    color: #494949;
    border-radius: 4px;
    margin-top: 9px;
    height: 26px;
    line-height: 26px;
    cursor: pointer
}

.m-pro-date input.active {
    border: 2px solid #1D8EED
}

.m-list-cont-r {
    width: 220px
}

.m-list-cont-r .adv {
    width: 220px;
    overflow: hidden
}

.m-list-cont-r .adv img {
    margin-top: 0;
    margin-bottom: 10px;
    width: 220px
}

.m-box-tit .lat-div, .m-box-tit span {
    padding-left: 12px;
    padding-top: 8px;
    margin-top: -2px;
    font-weight: 700
}

.m-why-sel {
    margin-bottom: 20px
}

.m-box-tit span {
    display: inline-block;
    font-size: 16px;
    width: 140px;
    height: 30px;
    color: #717171;
    border-top: 2px solid #2C95ED
}

.m-box-tit {
    border-top: 2px solid #E0E0E0;
    color: #575757;
    height: 40px
}

.m-box-tit .lat-div {
    font-size: 15px;
    height: 30px;
    color: #717171;
    border-top: 2px solid #2C95ED
}

.m-box-tit .lat-bzrxlylx, .m-box-tit .lat-nllgdlx, .m-box-tit .lat-whyzsf, .m-box-tit .lat-xglyzx {
    width: 140px
}

.m-why-sel-cont {
    border: 1px solid #F3F3F3;
    background: #fff
}

.m-why-sel-cont ul {
    width: 250px;
    margin: 0 auto
}

.m-why-sel-cont ul li {
    height: 56px;
    border-bottom: 1px solid #EFEFEF
}

.m-why-sel-cont ul li.nobd {
    border: none
}

.m-why-sel-cont ul li i {
    width: 26px;
    height: 27px;
    float: left;
    margin: 15px 10px 0 5px
}

.m-why-sel-cont ul li .m-why-sel-ico01 {
    background-position: -30px -12px
}

.m-why-sel-cont ul li .m-why-sel-ico02 {
    background-position: -30px -40px;
    height: 24px
}

.m-why-sel-cont ul li .m-why-sel-ico03 {
    background-position: -30px -64px
}

.m-why-sel-cont ul li .m-why-sel-ico04 {
    background-position: -30px -93px
}

.m-why-sel-cont ul li .m-why-sel-ico05 {
    background-position: -30px -120px;
    height: 23px
}

.m-why-sel-cont ul li .m-why-sel-ico06 {
    background-position: -30px -144px
}

.m-why-sel-cont ul li span {
    color: #666;
    font-size: 14px;
    line-height: 56px;
    display: block;
    float: left
}

.m-record-cont {
    border: 1px solid #F3F3F3;
    background: #fff
}

.m-record-cont ul {
    width: 220px;
    margin: 0 auto
}

.m-record-cont ul li {
    padding: 0 10px;
    height: 44px;
    border-bottom: 1px solid #EFEFEF;
    line-height: 44px;
    width: 200px;
    overflow: hidden
}

.m-record-cont ul li.nobd {
    border: none
}

.m-record-cont ul li a {
    color: #5D5D5D;
    text-decoration: none
}

.m-record-cont ul li a:hover {
    color: #0060aa
}

.m-hot-cont {
    border: 1px solid #F3F3F3;
    background: #fff
}

.m-hot-cont ul {
    margin: 0 auto
}

.m-hot-cont ul li {
    height: 68px;
    border-bottom: 1px solid #EFEFEF
}

.m-hot-cont ul li.nobd {
    border: none
}

.m-hot-cont-pro {
    padding: 0 10px;
    margin-bottom: 10px
}

.m-hot-cont-pro > i {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    color: #fff;
    border-radius: 0%;
    text-align: center;
    line-height: 16px;
    background: #CACACA;
    margin: 19px 7px 0 0
}

.m-hot-cont-pro .active {
    background: #49a4e8;
}

.m-hot-cont-pro a {
    color: #5D5D5D;
    display: block;
    text-decoration: none;
    float: left;
    margin-top: 15px;
    width: 170px;
    line-height: 22px
}

.m-hot-cont-pro a:hover {
    color: #0060aa
}

.m-hot-cont-moy {
    font-weight: 700;
    color: #DA5043;
    font-size: 14px
}

.m-hot-cont-moy del {
    font-weight: 400;
    color: #4d4d4d;
    font-size: 12px;
    display: none
}

.m-relate-info {
    border: 1px solid #F3F3F3;
    background: #fff
}

.m-relate-info ul {
    padding: 0 5px
}

.m-relate-info ul li {
    height: 40px;
    border-bottom: 1px solid #EFEFEF;
    width: 210px;
    padding: 8px 0 4px;
    display: list-item;
    text-align: -webkit-match-parent
}

.m-relate-info-pro {
    margin: 8px 0 10px
}

.m-relate-info-pro i {
    background: #82b9ff;
    display: block;
    height: 7px;
    overflow: hidden;
    width: 7px;
    margin: 8px 5px 5px;
    float: left;
    line-height: 20px
}

.m-relate-info-pro .active {
    background: #DA5043
}

.m-relate-info-pro a {
    color: #4d4d4d;
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    float: left;
    width: 170px;
    margin-left: 10px;
    overflow: hidden
}

.m-relate-info-pro a:hover {
    color: #0060aa
}

.m-relate-info-moy {
    font-weight: 700;
    color: #DA5043;
    margin-left: 23px;
    font-size: 14px
}

.m-relate-info-moy del {
    font-weight: 400;
    color: #4d4d4d;
    font-size: 12px
}

.m-pro-cale-box .date-icon {
    display: inline-block;
    height: 15px;
    width: 20px;
    position: absolute;
    top: -15px;
    left: 50%;
    background: url(/res/images/new/images/pro-down.png) no-repeat;
    z-index: 210
}

.m-pro-cale-box {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 38px;
    display: none;
    width: 563px;
    height: 276px;
    background: #fff;
    z-index: 200;
    border: 3px solid #DEDEDE
}

.m-pro-cale-box .nowTime {
    float: left;
    width: 281px;
    background: #fff;
    overflow: hidden
}

.m-pro-cale-box .caleFoot {
    height: 31px;
    line-height: 31px;
    color: #6A6A68;
    background: #F9F9F9;
    padding: 0 8px;
    border-top: 2px solid #DCDCDC
}

.m-pro-cale-box .nowTime .caleFoot {
    border-right: 1px solid #DCDCDC
}

.m-pro-cale-box .caleFoot span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #2F97F9
}

.m-pro-cale-box .caleFoot span.tension {
    background: #FC0018;
    margin-left: 20px
}

.m-pro-cale-box .caleFoot span.sold-out {
    margin-left: 20px;
    background: #FC8723
}

.m-pro-cale-box .nextTime {
    float: left;
    width: 281px;
    height: 275px;
    background: #fff;
    overflow: hidden
}

.m-pro-cale-box .nextTime.active, .m-pro-cale-box .nowTime.active {
    line-height: 320px;
    text-align: center
}

.m-pro-cale-box .caleTitle {
    width: 100%;
    height: 38px;
    background: #F9F9F7;
    color: #535351;
    position: relative
}

.m-pro-cale-box .caleTitle .tit-ye-mo {
    text-align: center;
    height: 38px;
    line-height: 38px;
    color: #535351;
    font-size: 16px;
    letter-spacing: 2px
}

.caleTitle .r-month, .m-pro-cale-box .caleTitle .l-month {
    top: 10px;
    line-height: 38px;
    position: absolute;
    display: block;
    width: 9px;
    height: 17px;
    overflow: hidden
}

.caleTitle .r-monthr span, .m-pro-cale-box .caleTitle .l-month span {
    display: none
}

.m-pro-cale-box .caleTitle .l-month {
    left: 30px;
    background: url(/res/images/new/images/cale-left.png) no-repeat
}

.m-pro-cale-box .caleTitle .r-month {
    right: 30px;
    background: url(/res/images/new/images/cale-right.png) no-repeat
}

.m-pro-cale-box table {
    width: 100%;
    color: #9ea7ac;
    border-collapse: collapse;
    border-spacing: 0
}

.m-pro-cale-box table th {
    width: 65px;
    height: 25px;
    line-height: 25px;
    color: #535351;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    background: #EDEDED
}

.nowTime tbody tr td:last-child {
    border-right: 2px solid #DCDCDC
}

.m-pro-cale-box table td {
    width: 65px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    vertical-align: top
}

.m-pro-cale-box table td em {
    font-style: normal;
    display: block;
    height: 18px;
    font-size: 12px;
    text-align: center;
    position: relative
}

.m-pro-cale-box table td em el {
    position: absolute;
    right: 3px;
    top: 0;
    color: red
}

.m-pro-cale-box table td a {
    color: #9ea7ac;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.m-pro-cale-box table td a:hover {
    background: #2F97F9
}

.m-pro-cale-box table td a:hover em {
    color: #fff !important
}

.m-pro-cale-box table td a:hover em el, .m-pro-cale-box table td a:hover p, .m-pro-cale-box table td div.active p {
    color: #fff
}

.m-pro-cale-box table td.cur {
    cursor: pointer;
    background: #fff
}

.m-pro-cale-box table td div.active {
    background: #FE8902
}

.m-pro-cale-box .blue {
    color: #00F
}

.m-pro-cale-box table td p {
    color: #F88800;
    font-size: 12px;
    width: 100%;
    text-align: center;
    word-break: normal
}

.jp-list-ico {
    background: url(/res/images/new/images/jp-icon.png) no-repeat;
    width: 100px;
    height: 45px;
    left: -5px;
    top: 5px;
    position: absolute;
    z-index: 1
}

.travel_summary {
    float: left;
    width: 480px
}

.travel_summary ul li {
    display: inline-block;
    padding-right: 15px;
    height: 30px
}

.travel_summary ul li b {
    padding-right: 5px;
    font-weight: 400;
    font-size: 14px
}

.travel_summary ul li span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #ccc;
    border-right: none;
    padding: 0 8px;
    display: inline-block;
    position: relative;
    height: 22px;
    line-height: 22px;
    margin: 0 12px 0 0
}

.travel_summary ul li span em {
    background: url(/res/images/new/images/travel_summary_icon.jpg) no-repeat;
    width: 8px;
    height: 24px;
    position: absolute;
    top: -1px;
    right: -8px
}

.m-pro-b-sh-a b {
    color: #494949;
    font-weight: 400
}

.jp-more {
    position: absolute;
    top: 25px;
    right: 20px;
    font-size: 14px;
    color: #fe8902;
    z-index: 0
}

h3.m-pro-list-itemtit {
    overflow: hidden;
    width: 550px
}

.m-pro-sort-nav a.slectepro i {
    width: 15px;
    height: 15px;
    margin-top: 5px
}

.m-pro-sort-nav a.salepro {
    color: #f77700
}

.m-pro-sort-nav a.salepro i {
    background-position: -163px -84px
}

.m-pro-sort-nav a.nosalepro i {
    background-position: -163px -103px
}

.m-pro-sort-nav .li_slectepro {
    position: relative;
    cursor: pointer
}

.m-pro-sort-nav .li_slectepro:hover .m-list-ico {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.m-pro-sort-nav .bold {
    font-weight: 700
}

.m-pro-sort-nav .li_slectepro .sel-opt-info {
    width: 272px;
    max-height: 252px;
    overflow-y: auto;
    padding: 10px 10px 18px 18px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 28px;
    z-index: 10;
    border: 1px solid #EEE
}

.m-pro-sort-nav .li_slectepro .chekbox li .active, .m-pro-sort-nav .li_slectepro .chekbox li a, .m-pro-sort-nav .li_slectepro .radio li a {
    background-image: url(/res/images/new/images/m-product-icon.png);
    background-repeat: no-repeat
}

.m-pro-sort-nav .li_cantuan .sel-opt-info {
    width: 134px
}

.m-pro-sort-nav .li_slectepro .sel-opt-info li {
    float: left;
    width: 126px;
    height: 28px;
    line-height: 28px
}

.m-pro-sort-nav .li_slectepro .sel-opt-info li a {
    padding-left: 20px;
    padding-right: 8px;
    text-align: left;
    overflow: hidden
}

.m-pro-sort-nav .li_slectepro .radio li a {
    background-position: -164px -131px
}

.m-pro-sort-nav .li_slectepro .radio li .active, .m-pro-sort-nav .li_slectepro .radio li .salepro {
    background-image: url(/res/images/new/images/m-product-icon.png);
    background-repeat: no-repeat;
    background-position: -164px -158px;
    color: #f77700
}

.m-pro-sort-nav .li_slectepro .chekbox li a {
    background-position: -164px -186px
}

.m-pro-sort-nav .li_slectepro .chekbox li .active {
    background-position: -164px -215px;
    color: #f77700
}

.m-pro-sort-nav .li_slectepro .m-list-ico {
    background-position: -168px -121px
}


.map-no {
    display: block;
    font-size: 26px;
    color: #fff;
    font-family: Arial;
    height: 45px;
    width: 31px;
    text-align: center;
    line-height: 35px;
    background-image: url(/res/images/new/images/mark_off.png);
    background-repeat: no-repeat;
    position: relative;
    left: -8px;
    top: 3px
}

.searchProject {
    background: #cbe2f7;
    border-bottom: 2px solid #70a6e3;
    -webkit-box-shadow: 0 1px 1px #b9d0e9;
    box-shadow: 0 1px 1px #b9d0e9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    height: 39px;
    margin-bottom: 1px
}

.searchProject span {
    float: left;
    border-right: 1px solid #fff;
    text-align: center;
    color: #5081be;
    cursor: pointer;
    font-size: 14px
}

.searchProject a:hover span {
    text-decoration: underline
}

.searchProject span a {
    color: #5081be;
    padding: 10px 25px 8px;
    display: block
}

.searchProject span.on {
    background: #6aa3e3;
    color: #fff;
    border: none;
    font-weight: 700
}

.searchProject span.on a {
    color: #fff
}

.more-result {
    display: block;
    padding-bottom: 20px;
    padding-top: 20px
}

.more-result li {
    display: block;
    border: 2px solid #eee;
    padding: 18px;
    margin-bottom: 20px
}

.more-result li .tit {
    padding: 0 0 10px;
    font-size: 18px
}

.more-result li .tit span {
    color: #5293de;
    font-weight: 700
}

.more-result li .tit a {
    font-size: 14px;
    padding-left: 30px;
    color: #666
}

.more-result li .cont .img {
    float: left;
    width: 150px;
    height: 100px;
    margin-top: 5px
}

.more-result li .list {
    width: 680px;
    float: left;
    margin-left: 20px;
    margin-top: -15px
}

.more-result li .list a {
    height: 40px;
    line-height: 40px;
    padding-top: 8px;
    display: block;
    border-bottom: 1px dashed #ccc
}

.more-result li .list a:last-child {
    border: none
}

.more-result li .list a .text {
    float: left;
    width: 555px;
    color: #666;
    font-size: 14px;
    overflow: hidden
}

.more-result li .list a:hover .text {
    color: #0060aa
}

.more-result li .list a .price {
    float: right;
    color: #0060aa;
    font-size: 18px;
    font-weight: 700
}

.more-result li .list a .price em {
    font-size: 12px;
    font-weight: 400
}

.m-hotel .m-pro-intr {
    margin-top: 5px
}

.m-hotel .m-pro-intr-box .m-pro-label {
    height: 26px;
    line-height: 26px;
    text-align: left;
    margin-right: 0;
    color: #333
}

.m-hotel .m-pro-intr-box .m-pro-wr {
    width: 460px;
    height: 26px;
    line-height: 26px;
    color: #333
}

.m-hotel .m-pro-intr-box .pro-tuan-nub {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-left: 50px;
    padding-left: 30px;
    background-image: url(/res/images/new/images/cu-sprits.png);
    background-repeat: no-repeat;
    background-position: -165px 3px;
    -webkit-background-size: 190px 150px;
    background-size: 190px 150px
}

.m-hotel .new-bottom-date {
    margin-left: 0
}

.J-banner.J-banner-top .J-list-adv {
    text-align: center;
    width: auto
}

.J-banner.J-banner-top .J-list-adv .slide_w {
    height: auto;
    width: auto;
    min-width: 1200px
}

.J-banner.J-banner-top .J-list-adv .slide_w ul {
    position: inherit
}

.J-banner.J-banner-top .J-list-adv .slide_w ul li {
    float: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    width: auto
}

.J-banner.J-banner-top .J-list-adv .slide_w ul li a {
    display: block
}

.J-banner.J-banner-top .J-list-adv .slide_w ul li img {
    margin-bottom: 0;
    width: auto;
    visibility: hidden;
    height: 240px
}

.J-banner.J-banner-top .J-list-adv .slide_w ul li > div {
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: left;
    width: 100%
}

.J-banner.J-banner-top .J-list-adv .slide_w ul li > div > div {
    width: 1124px;
    margin: 0 auto;
    padding: 12px 12px 0
}

.J-banner.J-banner-top .J-list-adv .slide_w ul li > div > div > p {
    font-size: 38px;
    color: #fff;
    display: inline-block;
    text-shadow: 1px 3px 5px #000
}

.J-banner.J-banner-top .J-list-adv .slide_w ul li > div > div > span {
    max-height: 125px;
    display: block;
    overflow-y: auto;
    font-size: 14px;
    color: #fff;
    line-height: 21px;
    text-shadow: 1px 3px 5px #000
}

.J-banner.J-banner-top .J-list-adv .slide_w ul li > div > div > span i {
    padding: 0 15px;
    cursor: pointer
}

span.m-hot-cont-moy.fr {
    max-width: 92px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden
}
.m-pro-sort-nav>li a {
    display: block;
    height: 28px;
    text-align: center;
    text-decoration: none;
    color: #8D8D8D;
}
.li_slectepro:hover .sel-opt-info {
    display: block !important;
}