@charset "UTF-8";
/*
 * 兼容样式函数
 * */
/*
 背景由上向下渐变
 * */
* {
    padding: 0;
    margin: 0;
    list-style: none;
    border: none;
}

/*
 * 取消浏览器自带样式
 * */
input, button, select, textarea {
    outline: none;
}

/*
 输入框禁止缩放
 * */
textarea {
    resize: none;
}

a {
    text-decoration: none;
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: arial, Tahoma, "Microsoft YaHei";
    font-size: 14px;
    color: #333333;
}

table {
    border-spacing: 0;
}

a:hover {
    text-decoration: none;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

/*
 清除浮动
 * */
.clear {
    *zoom: 1;
}

.clear:before, .clear:after {
    display: table;
    line-height: 0;
    content: "";
}

.clear:after {
    clear: both;
}

/*
 剧中
 * */
.mid {
    width: 1200px;
    margin: 0 auto;
}

/*首页*/
header {
    height: 30px;
    line-height: 30px;
    color: #666666;
    font-size: 12px;
    background: #f7f7f7;
}

.service-tel {
    color: #066666;
    padding-left: 20px;
}

.register-tit .register-btn {
    margin-right: 26px;
}

.register-tit .register-btn a {
    color: #19b955;
}

.register-nav a {
    margin-left: 26px;
    color: #666666;
}

.logo-box {
    height: 130px;
}

.logo {
    display: inline-block;
    width: 160px;
    height: 70px;
    margin: 30px 0;
}

.divhotsearch .wai .inp {
    width: 343px;
    height: 40px;
    line-height: 42px;
    float: left;
    border: 0;
    padding: 0 0 0 10px;
    color: #333;
    outline: 0;
    border: 1px solid #bbbbbb;
    font-size: 14px;
}

.divhotsearch .wai .btn {
    width: 120px;
    height: 40px;
    /* line-height: 42px; */
    background: #19b955;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 0;
}

.service-hotline .service-tit {
    font-size: 14px;
    color: #19b955;
}

.service-hotline .kefutel {
    font-size: 27px;
    color: #19b955;
    font-weight: 700;
    font-family: Arial;
}

.group-input-right {
    width: 1040px;
    height: 130px;
}

.city-box {
    display: block;
    float: left;
    padding-right: 12px;
    background: url(../img/icon/xjt.png) no-repeat right;
    line-height: 42px;
    margin-right: 20px;
}

.city-box img {
    margin-right: 5px;
}

.city-box {
    font-size: 14px;
}

.search-left {
    margin: 44px 0 44px 160px;
}

.service-hotline {
    margin: 35px 0;
}

/*banner*/
#divSmallBox {
    overflow: hidden;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 10px;
    background: #ffffff;
}

#playBox {
    width: 100%;
    height: 350px;
    background: #333;
    position: relative;
    overflow: hidden;
}

#playBox .oUlplay {
    width: 99999px;
    position: absolute;
    left: 0;
    top: 0;
}

#playBox .oUlplay li {
    float: left;
    width: 800px;
    height: 350px;
}

#playBox .oUlplay li img {
    width: 100%;
    height: 350px;
}

#playBox .pre {
    cursor: pointer;
    width: 30px;
    height: 50px;
    line-height: 58px;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 150px;
    left: 10px;
    z-index: 10;
    text-align: center;
}

#playBox .next {
    cursor: pointer;
    width: 30px;
    height: 50px;
    line-height: 58px;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 150px;
    right: 10px;
    z-index: 10;
    text-align: center;
}

#playBox .next:hover,
#playBox .pre:hover {
    background: #19b955;
}

#playBox .smalltitle {
    width: 800px;
    height: 10px;
    position: absolute;
    bottom: 15px;
    z-index: 10
}

#playBox .smalltitle ul {
    width: 120px;
    margin: 0 auto;
}

#playBox .smalltitle ul li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 10px;
    background: #058234;
    float: left;
    overflow: hidden;
    *display: inline;
    *zoom: 1;
}

#playBox .smalltitle .thistitle {
    width: 30px;
    background: #30504a;
}

.flower {
    width: 110px;
    height: 118px;
    margin: 12px 0 0;
}

.Nav_grounp {
    border-bottom: 2px solid #1ca940;
    height: 40px;
    width: 100%;
    display: block;
}

.Nav_grounp .navallN {
    height: 40px;
    top: 0;
}

.navallN .alltit {
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    background: #1ca940;
    color: #fff;
}

.Nav_grounp .navallN ul {
    width: 1000px;
    margin-bottom: 0;
}

.Nav_grounp .navallN ul li {
    width: 100px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 16px;
    text-align: center;
}

.Nav_grounp .navallN a {
    color: #333333;
}

.Nav_grounp .navallN ul li.on {
    background: #1ca940;
}

.Nav_grounp .navallN ul li.on a {
    color: #fff;
}

.products-center {
    overflow: hidden;
    margin-top: 10px;
}

.products-left {
    width: 200px;
}

.banner-center {
    width: 800px;
    padding: 0 10px;
}

.products-left {
    width: 200px;
}

.products-left .tour-around {
    height: 70px;
    background: url("../img/bgs.png") left bottom;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    position: relative;
}

.tour-around-over {
    padding-left: 10px;
}

.products-panel {
    position: absolute;
    left: -999em;
    top: 0;
    z-index: 20;
    width: 600px;
    height: 350px;
    background: #fff;
    color: #333;
    border: 1px solid #c8c8c8;
    border-left: 0;
    padding: 10px;
}

.panel-box {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
}

.products-left .tour-around .tour-around-over:hover {
    background: #fff;
    border-left: 2px solid #19b955;
}

.products-left .tour-around .tour-around-over:hover a {
    color: #19b955;
}

#menu .tour-around:hover .products-panel-one {
    left: 200px;
    top: 0;
}

#menu .tour-around:hover .products-panel-two {
    left: 200px;
    top: -70px;
}

#menu .tour-around:hover .products-panel-three {
    left: 200px;
    top: -140px;
}

#menu .tour-around:hover .products-panel-four {
    left: 200px;
    top: -210px;
}

#menu .tour-around:hover .products-panel-five {
    left: 200px;
    top: -280px;
}

.products-left .tour-around .arrow-right {
    position: absolute;
    right: 10px;
    top: 30px;
}

.panel-box .panel-heading {
    padding: 10px 30px 0 15px;
}

.panel-box .panel-heading h3 {
    margin-bottom: 6px;
}

.scenic-pot-list li a {
    margin-right: 30px;
    color: #333333;
}

.scenic-pot-list li a:hover {
    color: #1ca940;
}

.tour-around-a a {
    margin-right: 5px;
    color: #fff;
}

.offline-service {
    border: 1px solid #e6e6e6;
}

.offline-service .offline-bg {
    background: #19b955;
    height: 38px;
    line-height: 42px;
    padding-left: 10px;
    color: #fff;
    font-size: 14px;
    border-top: 3px solid #0da345;
}

.offline-service .kefu-box {
    height: 60px;
    margin: 0 10px;
    line-height: 30px;
}

.offline-service .kefu-box .kefu-tel {
    display: inline-block;
}

.kefu-name {

}

.kefu-icon {
    margin-bottom: 5px;
}

.kefu-name-green {
    color: #19b955;
}

.kefu-name-gray {
    color: #999999;
}

.offline-store {
    height: 85px;
    margin-bottom: 10px;
}

.offline-service div.last {
    border-top: 1px dashed #999999;
}

.special-main {
    margin-top: 30px;
    overflow: hidden;
}

.special-main .special-title {
    width: 200px;
    font-size: 22px;
    margin-top: 5px;
}

.special-main .special-title img {
    vertical-align: middle;
    padding-right: 10px;
    margin-bottom: 2px;
}

.more-icon img {
    vertical-align: sub;
    margin-right: 6px;
}

.more-icon {
    line-height: 23px;
    font-size: 14px;
    color: #13ca9a;
}

.special-main .nav-tabs > li.active > a,
.special-main .nav-tabs > li.active > a:focus,
.special-main .nav-tabs > li.active > a:hover {
    color: #1ca940;
    cursor: default;
    border: 0;
    background: url("../img/icon/botton_line.png") center bottom no-repeat;
}

.special-main .nav-tabs > li > a {
    color: #999999;
    border: none;
}

.nav-tabs > li > a:hover {
    background: none;
    border: none;
}

.special-main .nav-tabs .nav-li {
    width: 135px;
    text-align: center;
}

.special-main .nav-tabs {
    border-bottom: 2px solid #ddd;
    height: 40px;
}

.special-main .tab-content {
    margin-top: 20px;
    overflow: hidden;
}

.scenic-list ul .scenic-item {
    width: 220px;
    float: left;
    margin-left: 25px;
    border: 1px solid #f3f3f3;
    margin-bottom: 25px;
}

.scenic-list ul {
    margin-bottom: 25px;
}

.scenic-list ul li:first-child {
    margin-left: 0;
}

.scenic-item-title {
    padding: 10px;
}

.scenic-item .scenic-item-img {
    width: 218px;
    height: 150px;
    position: relative;
    display: block;
    background-image: url(../img/moren.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFAF0;
    z-index: 1;
}

.scenic-item .scenic-item-img img {
    width: 100%;
}

.scenic-item .scenic-item-title h1 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 0;
    display: inline-block;
    white-space: normal;
    height: 50px;
    overflow: hidden;
    margin-bottom: 0;
}

.scenic-item-title .scenic-pay-box {
    margin-bottom: 0;
    line-height: 26px;
    color: #999999;
}

.scenic-item-title .scenic-pay-box .scenic-pay {
    margin-bottom: 0;
    font-size: 20px;

}

.scenic-pay i {
    font-style: normal;
    font-size: 14px;
    color: #fc4c4c;
}

.scenic-pay s {
    text-decoration: none;
    color: #909090;
    font-size: 14px;
}

.colorred {
    color: #fc4c4c;
}

.tejia-img {
    position: absolute;
    left: -5px;
    top: 5px;
}

.plummet-img {
    position: absolute;
    right: 5px;
    top: 5px;
    background: url("../img/icon/zjbg.png") no-repeat;
    width: 50px;
    height: 50px;
    padding-top: 3px;
}

.plummet-img p {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}

.scenic-starting {
    padding-top: 2px;
    overflow: hidden;
    width: 90px;
    height: 28px;
}

.certificate-list ul .certificate-item:first-child {
    border-left: 1px solid #e6e6e6;
}

.certificate-list ul .certificate-item {
    width: 200px;
    height: 130px;
    float: left;
    padding: 25px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.certificate-list ul .certificate-item .scenic-pay-box {
    padding-top: 16px;
}

.certificate-list ul .certificate-item .scenic-pay-box .scenic-starting {
    font-size: 16px;
    color: #333333;
}

.certificate-list ul .certificate-item .scenic-pay-box .scenic-pay span {
    font-size: 18px;
}

.guolvFooter {
    margin-top: 60px;
    width: 100%;
    border-top: 2px solid #1ca940;;
}

.bottom ul.help-msg {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 30px;
}

.bottom ul.help-msg li {
    width: 200px;
}

.bottom ul.help-msg li {
    float: left;
    width: 200px;
}

.bottom ul.help-msg li h5 {
    font-size: 14px;
    color: #333333;
    line-height: 60px;
}

.bottom ul.help-msg li a {
    display: block;
    color: #666666;
    font-size: 12px;
    line-height: 26px;
}

.bottom .help-msg li a {
    color: #000;
}

.bottom ul.help-msg li.last {
    width: 400px;
}

.bottom ul.help-msg li.last .fuwutel {
    width: 235px;
}

.bottom ul.help-msg li.last .erwmaBox {
    width: 165px;
    margin-top: 26px;
}

.fuwutel .fuwutel-tit {
    font-size: 12px;
    color: #999999;
}

.bottom {
    border-bottom: 1px solid #e6e6e6;
}

.blogroll {
    margin-top: 30px;
}

.blogroll .frist {
    color: #333333;
    width: 60px;
    float: left
}

.blogroll .last {
    width: 1100px;
    margin-left: 20px;
    float: left;
    text-align: left;
}

.blogroll .last a {
    margin-right: 10px;
    color: #999999
}

.guolvFooter .footer {
    background: #f4f5f4;
    padding: 25px;
    color: #666666;
    text-align: center;
    margin-top: 30px;
}

.bottom ul.help-msg li.last .fuwutel h5 {
    line-height: 6px;
    margin-top: 38px;
}

.fuwutel-tel {
    font-size: 24px;
    color: #19b955;
    font-weight: 700;
}

.fuwutel-tel img {
    margin-right: 10px;
}

.erwmaBox .erwema {
    width: 100px;
    height: 100px;
}

.erwmaBox p {
    margin-bottom: 5px;
    color: #19b955;
}

/*联系导航*/
.sidetool {
    right: 280px;
    bottom: 100px;
    position: fixed;
}

.sidetool > li {
    position: relative;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.mask, .sidetool_icon, .sidetool_phone, .sidetool_qq a {
    background: #fff;
}

.sidetool_icon {
    width: 30px;
    height: 36px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    display: block;
}

.hotlinecounseling {
    right: 240px;
    top: 50%;
    position: fixed;
}

.sidetool_phone, .sidetool_qq {
    white-space: nowrap;
}

.contactus_con, .friendlink-index > a, .friendlink-index > a:hover, .ft, .ft a, .ft a:hover, .sidetool_icon, .sidetool_icon:hover, .sidetool_phone, .sidetool_qq a, .sidetool_qq a:hover, .tit-d1.tit-d, .tit-d3-cf .tit-d3_en, .tit-d3-cf.tit-d3 {
    color: #fff;
}

.sidetool_phone {
    font-family: verdana;
}

.box-c2, .box-c4_item, .box-c7_item, .contactus_con, .hd, .hd_nav_return, .popup_tit, .sidetool_phone, .sidetool_qq a {
    padding-left: 1em;
    padding-right: 1em;
}

.sidetool_phone, .sidetool_qq a {
    height: 3em;
}

.sidetool_phone, .sidetool_qq a {
    line-height: 3;
}

.dropdown-menu, .hd_menu, .hd_nav_return, .sidetool_phone, .sidetool_qq, .sidetool_qr {
    display: none;
}

.dropdown-menu::before, .sidetool_phone, .sidetool_qq, .sidetool_qr {
    z-index: -1;
}

.fengkou .top-ad, .hd, .hd-index, .mask, .popup, .popup_close, .sidetool_phone, .sidetool_qq {
    top: 0;
}

.sidetool_phone, .sidetool_qq, .sidetool_qr, .tit-d_bdl {
    right: 100%;
}

.carousel-control-hlwj > i, .contactus_msn_qr, .contactus_msn_qr > span, .dropdown-menu, .fengkou .top-ad, .friendlink-index, .ft-index, .hd_menu, .popup_close, .sidetool_phone, .sidetool_qq, .sidetool_qr, .sidetool_qr > span, .tit-d_bd {
    position: absolute;
}

.sidetool > li:hover .sidetool_icon,
.sidetool_phonewrap:hover {
    border-radius: 0
}

.sidetool_qr {
    top: -20%;
}

.sidetool_phonewrap:hover .sidetool_phone,
.sidetool_qq a,
.sidetool_qqwrap:hover .sidetool_qq,
.sidetool_weixinwrap:hover .sidetool_qr {
    display: block
}

.sidetool {
    margin-top: -6.28125em
}

.sidetool_phonewrap:hover .sidetool_phone {
    animation: fadeinright .5s
}

.sidetool_qqwrap:hover .sidetool_qq {
    animation: fadeinright .5s
}

.sidetool_weixinwrap:hover .sidetool_qr {
    animation: fadeinright .5s
}

.icon-arrow-up {
    background: #00cd9b;
}

/*全部旅游产品*/
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #666666;
    content: ">";
}

.breadcrumb {
    background: none;
    overflow: hidden;
    width: 100%;
    padding: 20px 0 0;
}

.breadcrumb li a {
    color: #666666;
}

.breadcrumb > li {
    display: inline-block;
    float: left;
}

.citsPage-left {
    width: 890px;
}

.citsPage-right {
    width: 300px;
}

.citsPage-box {
    margin-bottom: 20px;
}

/*右边的列表公用样式*/
.citsPage-right-box {
    margin-bottom: 20px;
}

.citsPage-right-title {
    border: 1px solid #E6E6E6;
}

.citsPage-right-title img {
    vertical-align: middle;
    margin-right: 10px;
}

.citsPage-right-title h2 {
    margin: 0;
    padding: 0 10px;
    line-height: 36px;
    border-top: 1px solid #19b955;
    color: #333;
    font-size: 16px;
}

.citsPage-right-con {
    background: #f5f5f5;
    padding: 10px 10px 5px;
}

.citsPage-right-con .item {
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.citsPage-right-con .item .pic img {
    width: 100%;
    height: 154px;
    vertical-align: middle;
}

.citsPage-right-con .item .text {
    padding: 10px;
    line-height: 24px;
}

.citsPage-right-con .item .desc {
    color: #1ca940;
}

.citsPage-right-con .item .infor {
    margin-top: 10px;
    line-height: 24px;
}

.nav-tabs {
    border: none;
    height: 40px;
    background: #f8f8f8;
    border-bottom: 1px solid #e6e6e6;
}

.nav-tabs li {
    width: 170px;
    text-align: center;
}

.nav-tabs li > a {
    color: #999999;
    border: none;
    border-radius: 0;
}

.nav-tabs li.active > a,
.nav-tabs li.active > a:focus,
.nav-tabs li.active > a:hover {
    color: #1ca940;
    cursor: default;
    border: 0;
    height: 38px;
    /*border-top:2px solid #1ca940;*/
}

.citsPage-select {
    border: 1px solid #e6e6e6;
}

.select-area-bar {
    background: #f8f8f8;
}

.select-area-bar li {
    float: left;
    line-height: 40px;
    padding: 0 40px;
    border-top: 1px solid #f6f6f6;
}

.select-area-bar li.on {
    border-top: 2px solid #19b955;
    margin-top: -1px;
    color: #19b955;
    background: #fff;
}

.select-area {
    padding: 10px 0;
}

.citsPage-select .lines {
    width: 840px;
    margin: 0 auto;
    border-bottom: 1px solid #e6e6e6;
}

.select-area dl {
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    float: left;
    margin-bottom: 0;
    position: relative;
}

.select-area dt {
    color: #999999;
    float: left;
    width: 120px;
    line-height: 40px;
    font-weight: normal;
    padding-left: 22px;
}

.select-area dt .total-num {
    color: #f86a5c;
    font-size: 20px;
}

.select-area dd {
    float: left;
    width: 750px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.select-area dd.show-more {
    height: auto;
}

.select-area dd ul {
    margin: 0;
    /*width: 90%;*/
    width: 93%;
    position: relative;
    z-index: 1;
}

.select-area dd li {
    float: left;
    margin: 0 14px 0 0;
    _margin: 0 11px 0 0;
    color: #999;
    padding: 0 10px;
    white-space: nowrap;
    border-bottom: none;
}

.select-area dd li a {

}

.select-area dd li a:link, .select-area dd li a:visited {
    color: #333333;
}

.select-area dd li.current a:link,
.select-area dd li.current a:visited,
.select-area dd li.current a:hover {
    color: #1ca940;
}

.select-area dd li .icon-zhankai {
    margin-left: 5px;
}

.select-area dd li.active a {
    color: #1ca940;
}

.select-area dd li.active {
    background: #f8f8f8;
    border: 1px solid #e6e6e6;
    border-bottom: none;
}

.select-area .select-dropdow {
    clear: left;
    margin-left: 120px;
    margin-right: 20px;
    background: #f8f8f8;
    border: 1px solid #e6e6e6;
    padding: 10px 10px;
    position: relative;
    top: -1px
}

.select-area .select-dropdow a {
    float: left;
    margin: 0 10px;
    line-height: 30px !important;
}

.sl-e-more {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 3;
    width: 60px;
    height: 40px;
    line-height: 40px;
    padding: 0 7px 0 4px;
    visibility: hidden;
    color: #333;
}

.sl-e-more i {
    position: absolute;
    top: 10px;
    right: 6px;
    display: block;
    width: 20px;
    height: 20px;
    background-position: 4px 7px;
}

.sl-e-more i, .selector .sl-ext .sl-e-multiple i {
    background: url("../img/icon/arrtop.png") no-repeat center;
    transition: background-position .15s ease-in-out;
}

.zk-e-more i {
    background: url("../img/icon/arrbottom.png") no-repeat center;
    transition: background-position .15s ease-in-out;
}

.icon-tishi {
    color: #f86a5c;
    margin-right: 5px;
}

.zk-e-more {
    color: #19b955;
}

.zk-e-more:hover {
    color: #19b955;
}

.destination dd li a {
    border: 1px solid #e6e6e6;
    margin-right: 10px;
    padding: 3px 30px 3px 7px;
    position: relative;
}

.destination dd li a.last {
    background: #efeeee;
    border: 1px solid #e6e6e6;
    color: #666666;
}

.destination dd li a span {
    color: #19b955;
}

.destination dd li a i {
    position: absolute;
    right: 0;
    top: 0;
    height: 22px;
    width: 22px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    margin-left: 5px;
}

.destination dd li a i:hover {
    background: #13ca9a;
    color: #fff;
}

/*景区列表*/
.scenicarea-item {
    margin: 10px 0;
    border: 1px solid #e6e6e6;
}

.scenicarea-item ul {
    padding-left: 250px;
    *zoom: 1;
    overflow: hidden;
    margin: 10px 0 0 0;
}

.scenicarea-item .pic_medal {
    display: inline;
    width: 170px;
    margin-left: -240px;
}

.scenicarea-item ul li {
    float: left;
}

.scenicarea-item .hotel_pic {
    position: relative;
    z-index: 5;
    margin-right: 0;
}

.hotel_item_pic {
    display: block;
    position: relative;
    width: 220px;
    height: 150px;
    background-image: url("../img/moren.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFAF0;
    z-index: 1;
}

.hotel_item_pic .label_hot {
    position: absolute;
    left: -5px;
    top: 5px;
}

.hotel_item_name .hotel_name {
    display: inline;
    margin-bottom: 5px;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: #333333;
    line-height: 20px;
}

.hotel_item_name .hotel_name a {
    color: #333333;
}

.hotel_item_name .medal_list {
    margin: 26px 0 16px 0px;
}

.hotel_item_name .medal_list span {
    margin-right: 0;
}

.hotel_item_name .special_label {
    display: inline-block;
}

.hotel_item_name .special_label .i_label {
    border: 1px solid #fff;
    color: #19b955;
    border: 1px solid #19b955;
    font-style: normal;
    padding: 0 6px;
    border-radius: 2px;
    margin-right: 5px;
}

.hotel_item_name .special_label .active {
    background: #fa6f6f;
    color: #fff;
    border: none;
    padding: 1px 6px;
}

.hotel_item_name {
    display: inline;
    width: 56%;
    margin-right: 5px;
    margin-top: 5px;
}

.scenicarea-item .promotion_info .promotion_info_txt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 255px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-family: "SimSun,sans-serif";
    font-weight: normal;
    color: #19b955;
    line-height: 15px;
}

.hotel_item_last_book {
    font-size: 14px;
    font-family: "SimSun,sans-serif";
    color: #999999;
    line-height: 1.5;
    text-align: left;
}

.scenicarea-item .hotel_price {
    font-size: 22px;
    font-weight: 700;
    margin-right: 8px;
    color: #fc4c4c;
}

.scenicarea-item .hotel_price i {
    margin-right: 3px;
    font-family: arial;
    font-weight: 400;
    font-size: 12px;
}

.hotel_price_color {
    color: #999999;
}

.scenicarea-item .hotel_price_icon {
    float: right;
    display: inline;
    width: 110px;
    text-align: right;
    margin: 45px 45px 0 0;
    position: relative;
}

.scenicarea-item .action_info {
    margin-top: 5px;
}

.scenicarea-item .hotel_price_tag {
    background: #f5f5f5;
    color: #999999;
    padding: 10px;
}

.hotel_item .btn_buy {
    width: 90px;
    height: 37px;
    font-size: 14px;
    font-weight: normal;
    line-height: 37px;
    padding: 0 10px;
}

.btn_buy {
    _position: relative;
    display: inline-block;
    width: 100px;
    height: 30px;
    border: solid 1px #e77c00;
    border-radius: 3px;
    background-color: #f86a5c;
    cursor: pointer;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-weight: bold;
    font-size: 12px;
    font-family: SimSun, Tahoma, Verdana, Arial, sans-serif;
    box-shadow: 0 1px 0 rgba(223, 75, 60, 0.7);
    text-shadow: 1px 1px 0 #df4b3c;
    outline: none;
    letter-spacing: 1px;
}

.btn_buy:hover {
    color: #fff;
}

.pagination-page > li > a {
    margin-left: 10px;
    border: none;
    color: #333;
    transition: all ease .2s;
    border-radius: 3px;
}

.pagination-page > li:first-child > a,
.pagination-page > li:last-child > a {
    background: #eaeaea;
}

.pagination-page > li a:hover, .pagination-page > li.on a {
    color: #fff;
    background: #19b955;
}

.pagination-page > li.disabled a {
    background: #eaeaea;
}

.pagination-page > li.disabled a:hover {
    background: #eaeaea;
    color: #333;
}

/*列表right*/
.travel-security {
    position: relative;
    text-align: center;
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.travel-security-tit {
    width: 260px;
    margin: 0 auto;
}

.travel-security-icon {
    border-top: 1px solid #e6e6e6;
}

.travel-security-icon span {
    width: 126px;
    margin: 15px 0;
    display: inline-block;
    text-align: center;
}

.travel-security-icon span:first-child {
    border-right: 1px solid #e6e6e6;
}

.travel-security-icon span i {
    color: #13ca9a;
    margin-right: 5px;
}

.security-img {
    padding: 20px 0 30px;
}

.security-top-img {
    position: absolute;
    left: 110px;
    top: -27px;
}

.recommended-buy-price {
    font-size: 22px;
    margin-right: 8px;
    color: #fc4c4c;
    line-height: 30px;
    padding: 0 10px;
}

.recommended-buy {
    background: #f5f5f5;
    padding-bottom: 1px;
}

.recommended-buy h1 {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-top-color: #19b955;
    line-height: 40px;
    padding-left: 10px;
    font-size: 16px;
}

.recommended-buy-price .recommended_price i {
    margin-right: 3px;
    font-family: arial;
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
}

.recommended-buy-price .reservation-btn {
    font-size: 14px;
    color: #f86a5c;
}

.recommended_price_endsingle,
.recommended_price_discount,
.allorder-gentuan-bg {
    font-size: 12px;
    background-size: 100%;
    display: inline-block;
    width: 45px;
    text-align: center;
    padding-left: 5px;
    color: #fff;
    background-size: 80%;
}

.recommended_price_endsingle {
    background: url(../img/weidanbg.png) no-repeat center;

}

.recommended_price_discount {
    background: url(../img/zhekou.png) no-repeat center;
}

.allorder-gentuan-bg {
    background: url(../img/gentuanbg.png) no-repeat center;
    width: 52px;
    padding-left: 0;
    line-height: 26px;
}

.recommended-buy-pic {
    display: block;
    position: relative;
    width: 280px;
    height: 150px;
    background-image: url(../img/moren.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFAF0;
    z-index: 1;
}

.recommended-buy-item {
    background: #fff;
    border: 1px solid #e6e6e6;
    margin: 10px;
}

.recommended-buy-title {
    width: 100%;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 10px;
    margin-top: 10px;
}

.advertising_right {
    margin-top: 20px;
}

/*我的订单*/
.alldrder-main {
    padding: 60px 0;
    background: #f8f8f8;
}

.alldrder-menu {
    width: 200px;
    border: 2px solid #19b955;
    background: #fff;
    float: left;
}

.alldrder-menu h1 {
    line-height: 48px;
    margin: 0;
    background: #f8f8f8;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    padding-left: 20px;
}

.alldrder-menu ul {
    margin-bottom: 0;
}

.alldrder-menu ul li {
    margin: 0 16px;
    border-bottom: 1px dashed #e6e6e6;
}

.alldrder-menu ul li.active a {
    background: #19b955;
    color: #19b955;
}

.alldrder-menu ul li a span {
    display: inline-block;
    padding: 20px 10px 10px;
    background: #fff;
}

.alldrder-menu ul li:last-child {
    border: none;
}

.alldrder-menu ul li a {
    font-size: 14px;
    color: #033333;
    padding-left: 4px;
}

.alldrder-list {
    width: 980px;
    float: right;
}

.alldrder-list h1 {
    padding-left: 20px;
    background: #fff;
    line-height: 48px;
    margin: 0;
    font-size: 16px;
    color: #19b955;
}

.alldrder-list h1 span {
    border-left: 4px solid #19b955;
    padding-left: 10px;
}

.alldrder-tab {
    background: #fff;
    margin-top: 10px;
    border: none;
    padding: 5px 20px;
}

.alldrder-tab .nav-tabs {
    background: #fff;
    border: none;
}

.alldrder-tab .nav-tabs > li.active > a,
.alldrder-tab .nav-tabs > li.active > a:focus,
.alldrder-tab .nav-tabs > li.active > a:hover {
    color: #1ca940;
    cursor: default;
    border: 0;
    border-bottom: 1px solid #1ca940;
}

/*tab列表*/
.bought-table-mod__table {
    margin-top: 10px;
}

.bought-table-mod__col1 {
    width: 460px;
}

.bought-table-mod__col2 {
    width: 100px;
}

.bought-table-mod__col3 {
    width: 100px;
}

.bought-table-mod__col4 {
    width: 100px;
}

.bought-table-mod__col5 {
    width: 180px;
}

.bought-table-mod__tbody {
    background: #f8f8f8;
}

.bought-table-mod__tbody tr th {
    color: #999999;
    text-align: center;
    font-weight: normal;
    line-height: 40px;
}

.bought-table-mod-img {
    width: 180px;
    height: 130px;
    padding: 10px;
}

.bought-table-mod-img img {
    width: 100%;
}

.bought-table-mod-title {
    width: 278px;
    padding: 16px 10px 10px 0;
}

.bought-table-order-number {
    background: #f8f8f8;
}

.bought-table-order-number td {
    padding: 10px 10px 16px;
}

.bought-table-mod__item {
    border: 1px solid #e6e6e6;
}

.bought-table-order-view td {
    border-right: 1px solid #e6e6e6;
}

.bought-table-order-view td:last-child {
    border: none;
}

.alldrder-icon .alldrder-top-icon a {
    display: inline-block;
    background: #19b955;
    padding: 2px 6px;
    color: #fff;
}

.alldrder-icon .alldrder-bottom-icon a {
    display: inline-block;
    background: #f8f8f8;
    padding: 2px 6px;
    color: #666666;
    border: 1px solid #e6e6e6;
}

.alldrder-view-title {
    width: 100%;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
}

.allorder-list {
    margin-top: 6px;
}

.change-password {
    padding: 30px 0 30px;
}

.change-password-btn {
    _position: relative;
    display: inline-block;
    width: 100px;
    height: 40px;
    border-radius: 3px;
    background-color: #19b955;
    cursor: pointer;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    font-family: SimSun, Tahoma, Verdana, Arial, sans-serif;
    box-shadow: 0 1px 0 rgba(6, 150, 60, 0.7);
    text-shadow: 1px 1px 0 #06963c;
    outline: none;
    letter-spacing: 1px;
    margin-top: 20px;
}

.colorgay {
    color: #999999 !important;
}

.required {
    vertical-align: middle;
    color: red;
    line-height: 27px;
    padding-left: 30px;
}

.form-group-birthday .form-control {
    width: 80px;
    float: left;
}

.form-group-birthday-select {
    width: 12%;
    padding-right: 0;
}

.form-group-birthday-select span {
    line-height: 34px;
}

label {
    font-weight: normal;
}

.hint {
    margin-bottom: 0;
    line-height: 34px;
}

/*线下门店*/
.box-banner {
    height: 640px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.mmsc-type .offlineStore {
    background-image: url(../img/storebanner.jpg);
    transition: all 3s;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 640px;
    background-size: cover;
}

.offlineStore-title {
    margin-top: 130px;
}

.offlineStore-title h1 {
    font-size: 28px;
    margin-bottom: 25px;
    color: #fff;
}

.offlineStore-title p {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}

.offlineStore-search {
    background: rgba(0, 0, 0, 0.4);
    width: 600px;
    height: 80px;
    margin: 30px auto;
}

.offlineStore-search-box {
    padding: 15px;
}

.offlineStore-search .form-control {
    width: 385px;
    height: 50px;
    border: 1px solid #e6e6e6;
    border-right: none;
    float: left;
    border-radius: 0;
}

.offlineStore-search .offlineStore-btn {
    width: 185px;
    float: left;
    height: 50px;
    background: #fcf038;
    font-size: 18px;
}

.offlineStore-icon-box ul li {
    float: left;
    width: 400px;
    text-align: center;
    margin-top: 150px;
}

.offlineStore-icon-box .offlineStore-icon-title {
    display: inline-block;
    color: #fff;
}

.offlineStore-icon {
    margin-right: 10px;
}

.offlineStore-figure {
    font-size: 30px;
}

.offlineStore-figure-title {
    font-size: 18px;
}

.store-navigation {
    width: 1000px;
    margin-left: 100px;
    overflow: hidden;
    padding: 70px 0 40px;
}

.store-navigation ul li {
    float: left;
    width: 100px;
    text-align: center;
}

.store-navigation ul li.active {

    color: #fff;
}

.store-navigation ul li.active a {
    color: #fff;
    display: inline-block;
    background: #19b955;
    width: 80px;
    height: 30px;
    line-height: 30px;
}

.store-navigation ul li a {
    color: #666666;
    line-height: 30px;
}

.store-nav {
    text-align: center;
    color: #19b955;
    font-size: 30px;
    border-bottom: 2px solid #19b955;
    padding: 70px 0 60px;
}

.syjhs-type .offlineStore {
    background-image: url(../img/storebanner.jpg);
    transition: all 3s;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 640px;
    background-size: cover;
}

.offline-store-list {
    overflow: hidden;
}

.offline-store-list ul li {
    float: left;
    width: 280px;
    height: 170px;
    margin: 10px;
    background: #fff;
    padding: 20px;
    -webkit-transition: border-color ease-in-out .2s, -webkit-box-shadow ease-in-out .2s;
    -o-transition: border-color ease-in-out .2s, box-shadow ease-in-out .2s;
    transition: border-color ease-in-out .2s, box-shadow ease-in-out .2s;
}

.offline-store-list ul .offline-store-item h1 {
    font-size: 16px;
    color: #000000;
    margin-top: 0;
}

.offline-store-list ul .offline-store-item p {
    color: #999;
    font-size: 12px;
}

.storeNavbg {
    background: #f8f8f8;
    padding-bottom: 60px;
}

.offline-store-search .form-control {
    width: 138px;
    height: 30px;
    float: left;
    border: 1px solid #e6e6e6;
}

.offline-store-search button {
    width: 100px;
    height: 30px;
    float: left;
    background: #fb5252;
    color: #fff;
}

.adder-title {
    height: 34px;
}

.offline-store-list ul li:hover,
.scenic-list ul .scenic-item:hover,
.scenicarea-list .scenicarea-item:hover {
    border: 1px solid #1ca940;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(28, 169, 64, .4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(28, 169, 64, .4)
}

.load-more {
    border: 1px solid #e6e6e6;
    height: 50px;
    line-height: 50px;
    color: #1ca940;
    background: #fff;
    margin-top: 10px;
}

.order-detail-bg {
    background: #fff;
    padding: 20px;
}

.order-detail-list tr th {
    border-bottom: 0 !important;
    background: #f8f8f8;
    text-align: center;
    font-weight: normal;
}

.order-detail-bg .product-title {
    font-size: 16px;
    color: #033333;
    border-left: 4px solid #19b955;
    padding: 0 0 0 10px;
    margin: 16px 0;
}

.order-reference {
    border-bottom: 1px solid #e6e6e6;
}

.order-detail-list {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
}

.order-detail-bg .product-title-hint {
    font-size: 12px;
    color: #999999;
}

.order-pay span {
    color: #fc4c4c;
    font-size: 26px;
}

.order-pay span i {
    font-size: 12px;
    font-style: normal;
}

.order-reference .table > thead > tr > th,
.order-reference .table > tbody > tr > td {
    border: none;
}

/*填写订单*/
.travel-agency-nav .logo {
    margin: 25px 0;
}

.travel-agency {
    line-height: 120px;
    font-size: 20px;
    color: #333333;
    padding-left: 40px;
}

/*填写订单*/
.fillorder-main .fillorder-left {
    float: left;
    width: 890px;
}

.fillorder-left ul .product-default {
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
}

.fillorder-left ul li .fillorder-title {
    border-bottom: 5px solid #f8f8f8;
}

.fillorder-left .fillorder-title span {
    display: inline-block;
    line-height: 36px;
    font-size: 20px;
    color: #13ca9a;
    position: relative;
    font-weight: bold;
}

.fillorder-left ul .product-default .fillorder-title span:after {
    /*border-bottom: 4px solid #13ca9a;*/
    content: "";
    width: 100px;
    height: 5px;
    display: block;
    background-color: #13ca9a;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.fillorder-left ul .product-default h1 {
    font-size: 18px;
}

.fillorder-left ul .product-default p {
    color: #666666;
}

.fillorder-left ul .product-default .product-number {
    color: #19b955;
}

.fillorder-left ul .product-default p span {
    color: #333333;
    padding-left: 20px;
}

.fillorder-left ul .product-default .product-default-hint {
    font-size: 14px;
}

.product-default-iun .form-control {
    border: 1px solid #e6e6e6;
    background: #fff;
}

.ordinal {
    color: #19b955;
    margin-bottom: 10px;
}

.ordinal span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #19b955;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    font-size: 16px;
    margin-right: 10px;
}

.product-default-line {
    margin-bottom: 26px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
}

.type-invoice {
    padding-top: 2px;
}

.type-invoice span {
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid #e6e6e6;
    margin-right: 10px;
}

.type-invoice .active {
    border-color: #19b955;
    color: #19b955;
}

.type-invoice-name {
    width: 80%;
    margin-top: 15px;
}

.submitorderBtn {
    width: 200px;
    height: 50px;
    background: #f86a5c;
    margin-bottom: 5px;
}

.submitorderBtn-box p {
    margin: 5px 0;
}

.submitorderBtn-box .returnBtn a {
    color: #19b955 !important;
}

.ExpenseInfo {
    width: 700px;
    margin: 0 auto;
}

.ExpenseInfo h1 {
    font-size: 14px !important;
    color: #19b955;
}

.fillorder-main .fillorder-right {
    float: right;
    width: 300px;
    border: 1px solid #19b955;
}

.fillorder-right {
    background: #fff;
}

.fillorder-right h1 {
    margin: 0;
    background: #f8f8f8;
    padding: 16px;
    font-size: 16px;
}

.ClearingInfo {
    padding: 10px 10px 0;
}

.ClearingInfo .table > thead > tr > th {
    border-bottom: 1px dashed #e6e6e6;
}

.ClearingInfo .order-reference {
    border-bottom: 0;
}

.ClearingInfo table {
    margin-bottom: 0;
}

.ClearingInfo .tableline {
    border-top: 1px dashed #e6e6e6;
    border-bottom: 0;
}

.ClearingInfo .tableline tr th {
    border-bottom: 0 !important;
}

/*旅游列表详情*/
.allline-detail-left {
    width: 500px;
    float: left;
}

.allline-detail-right {
    width: 680px;
    float: right;
}

.allline-detail-right .place-departure-title p .active {
    border: 1px solid #19b955;
}

.TravelInformation {
    border: none;
    margin-bottom: -1px;
}

.TravelInformation .nav-tabs {
    border: none;
    height: 50px;
    background: #19b955;
    padding-left: 20px;
}

.TravelInformation .nav-tabs > li > a {
    color: #fff;
}

.TravelInformation .nav-tabs .nav-li {
    padding-top: 10px;
    cursor: pointer;
}

.TravelInformation .nav-tabs > li.active > a,
.TravelInformation .nav-tabs > li.active > a:focus,
.TravelInformation .nav-tabs > li.active > a:hover {
    height: 40px;
    color: #333;
    font-weight: bold;
}

.TravelInformation .nav-tabs > li > a:active {
    background: none;
}

/* Custom Styles */
ul.gudingNav {
    width: 100px;
    margin-top: 20px;
}

ul.gudingNav li {
    text-align: center;
    padding: 8px 0;
    border-right: 2px solid #f8f8f8;
    position: relative;
}

ul.gudingNav li:first-child {
    border-top: none;
}

ul.gudingNav li a {
    margin: 0;
    background: #f8f8f8;
    border-radius: 4px;
    padding: 0;
    display: inline-block;
    width: 64px;
    /* height: 32px; */
    line-height: 24px;
}

ul.gudingNav li.active a, ul.gudingNav li.active a:hover {
    color: #fff;
    background: url(../img/weidanr.png) no-repeat center;
}

.affix {
    top: 40px;
}

#application {
    border-top: 1px solid #c1e1ec;
}

ul.gudingNav li .i_dot {
    float: right;
    margin: 6px -4px 0 0;
    height: 6px;
    line-height: 0;
    width: 6px;
    overflow: hidden;
    border-radius: 6px;
    background: #ccc;
    position: absolute;
    z-index: 10;
    right: 0;
}

ul.gudingNav li.active .i_dot, ul.gudingNav li.active .i_dot:hover {
    color: #fff;
    background: #75d599;
    width: 12px;
    height: 12px;
    margin-right: -7px;
}

.lytese {
    width: 800px;
    margin: 20px auto;
}

.lytese p {
    margin-top: 10px;
    color: #19b955 !important;
    font-size: 16px;
}

.foundTitle img {
    width: 18px;
    margin-right: 10px;
}

.foundTitlesub {
    padding-left: 28px;
}

.nuberDay {
    font-size: 20px;
    color: #19b955;
}

.nuberDay span {
    color: #333333;
    font-size: 14px;
    margin-left: 15px;
}

.ownfixed {
    position: fixed;
    top: 0;
    width: 1200px;
    z-index: 100;
}

.detail_journey_note h1 {
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
    margin: 0;
    line-height: 26px;
    font-size: 20px;
}

.detail_journey_note .detail_title_note {
    font-size: 12px;
    color: #999999;
}

.detail_title_pay {
    background: #f8f8f8;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
}

.place-departure-title {
    margin: 20px 0 30px;
}

.place-departure-title p .place-departure-span {
    color: #999999;
    display: inline-block;
    width: 85px;
}

.resource-tourist-item {
    float: left;
}

.resource-tourist-adult {
    margin-right: 50px;
}

.number-select {
    float: left;
    margin-top: 3px;
}

.number-select {
    position: relative;
    height: 30px;
    border: 1px solid #ddd;
    line-height: 30px;
    *zoom: 1;
    overflow: hidden;
}

.number-select-minus {
    left: -1px;
}

.number-select-button {
    position: absolute;
    top: -1px;
    border: 1px solid #ddd;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.number-select-button-line-horizital {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -5px;
    border-top: 2px solid #666;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: 0;
    width: 10px;
}

.number-select-plus {
    right: -1px;
}

.number-select-button {
    position: absolute;
    top: -1px;
    border: 1px solid #ddd;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #f1f1f1;
}

.number-select-input {
    margin: 0 23px;
}

.number-select-input input {
    width: 40px;
    height: 30px;
    border: none;
    line-height: 30px;
    text-align: center;
    outline: none;
}

.resource-tourist-price {
    float: left;
    padding-left: 5px;
    color: #999;
}

.number-select-button-line-vertical {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -1px;
    border-left: 2px solid #666;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: 0;
    height: 10px;
}

.resource-tourist-list {
    line-height: 33px;
}

.resource-tourist-renshu {
    width: 85px;
}

.resource-tourist-price i {
    font-style: normal;
    cursor: pointer;
    border-bottom: 1px dashed #999;
}

.resource-button-app {
    border: 1px solid #19b955;
    display: inline-block;
    width: 140px;
    line-height: 36px;
    font-size: 18px;
    padding: 5px;
    position: relative;
}

.resource-button-app img {
    vertical-align: middle;
    margin-right: 5px;
}

.resource-section-content {
    margin-top: 50px;
}

.resource-button-order {
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin-left: 20px;
}

.tripAdvisor {
    padding: 15px 0;
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
}

.tripAdvisor-btn {
    background: #00d599;
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;
}

.select-tripAdvisor select {
    color: #19b955;
}

.resource-qr {
    display: none;
    position: absolute;
    z-index: 5;
    left: 0px;
    top: 51px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
    width: 140px;
}

/*日历*/
.calendar {
    position: relative;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.calendar-head {
    position: relative;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;

}

.calendar-months {
    position: relative;
    z-index: 1;
    margin: 0 33px;
    overflow: hidden;
    text-align: center;
}

.calendar-month-active {
    background: #535d63;
    color: #fff;
    cursor: default;
}

.calendar-month {
    float: left;
    width: 100px;
    margin: 0 4px;
    padding: 4px 0;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    color: #666;
    cursor: pointer;
}

.calendar-month-none-price {
    color: #999;
}

.calendar-body {
    margin-bottom: 10px;
}

.calendar-weeks {
    width: 500px;
    background: #fafaff;
    overflow: hidden;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.calendar-week {
    float: left;
    width: 14.2857%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #666666;
}

.calendar-dates {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.calendar-date-sun, .calendar-date-sat {
    width: 71px;
}

.calendar-date {
    float: left;
    position: relative;
    width: 72.3px;
    height: 50px;
    margin: 0 -1px -1px 0;
    padding-top: 10px;
    border: 1px solid #ddd;
    cursor: default;
}

.calendar-date-price {
    color: #fd3648;
}

.calendar-date-number {
    position: absolute;
    right: 5px;
    bottom: 3px;
    color: #666666;
    font-size: 14px;
}

.calendar-date-tickets {
    position: absolute;
    left: 5px;
    bottom: 5px;
    font-size: 12px;
    color: #00bea0;
}

.calendar-date-tag {
    position: absolute;
    right: 0;
    top: 0;
}

.calendar-date-group {
    color: #999;
    position: absolute;
    left: 18px;
    top: 2px;
}

.calendar-date-content {
    line-height: 14px;
    text-align: center;
}

.detail_calendar_table .on .calendar_price01 {
    color: #ff6000;
}

.calendar-date-active, .calendar-date-active:hover {
    background: #ffa833;
    color: #fff;
    cursor: default;
}

.calendar-date-active .calendar-date-number,
.calendar-date-active .calendar-date-price,
.calendar-date-active .calendar-date-tickets {
    color: #fff;
}

.icon-glyphicon-left,
.icon-glyphicon-right {
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #d4d1d1;
    margin-top: 12px;
    color: #fff;
    border-radius: 30px;
}

.icon-glyphicon-left {
    margin-left: 16px;
}

.icon-glyphicon-right {
    margin-right: 16px;
}

.icon-glyphicon-right.active,
.icon-glyphicon-right:hover {
    background: #13ca9a;
}

.place-departure-title p .city:active {
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    color: #333;
    border: 1px solid #19b955;
    padding: 0 10px;
}

.place-departure-title p .city {
    position: relative;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    min-width: 60px;
    padding: 0;
    height: 24px;
    border: 1px solid #ddd;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    width: 86px;
}

.place-departure-title p .city i {
    /*display: none;*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    /*background: url("../img/icon/arrtop.png") no-repeat right -27px;*/
    background: url(../img/icon/sow.png) no-repeat center;
    overflow: hidden;
}

.city {

    line-height: 22px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    color: #333;
}

.outingDay {
    display: inline-block;
    width: 400px;
    border: 1px solid #e6e6e6;
}

.outingDay select {
    width: 398px;
}

.mid-sum {
    width: 1100px;
    height: 480px;
    margin: 80px auto;
    overflow: hidden;
    background: #c5bbba;
    padding: 10px;
    position: relative;
}

.mid-sum iframe {
    width: 100%;
    height: 480px;
}

.offline-store-center {
    position: absolute;
    left: 30%;
    top: 30%;
    width: 300px;
    height: 140px;
    background: #fff;
    border: 1px solid #19b955;
    padding: 5px;

}

.offline-store-center .offline-store-search .form-control {
    width: 188px;
}

.offline-store-center h1 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.offline-store-center::after {
    content: ' ';
    position: absolute;
    bottom: -8px;
    width: 14px;
    height: 15px;
    margin-top: -3px;
    border: 1px solid #19b955;
    border-bottom-color: rgb(25, 185, 85);
    border-left-color: rgb(25, 185, 85);
    border-bottom-color: transparent;
    border-left-color: transparent;
    background: #fff;
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    /* -webkit-transform: rotate(45deg); */
    -o-transform: rotate(130deg);
    transform: rotate(130deg);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 10%;
    left: 50%;
}

.map-citytitle {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fb5252;
    color: #fff;
}

.map-citytitle-main {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 210px;
}

.map-city-title {
    width: 200px;
    height: 40px;
    line-height: 40px;
}

.map-city-title .map-city-left {
    background: #fb5252;
    display: inline-block;
    width: 120px;
    text-align: center;
    float: left;
    color: #fff;
}

.map-city-title .map-city-right {
    float: left;
    background: #fff;
    color: #333;
    width: 80px;
    text-align: center;
}

.map-storeList {
    background: #fff;
    width: 200px;
    height: 360px;
    padding: 5px;
    margin-top: 10px;
    border: 2px solid #fb5252;
    overflow: auto;
}

.map-storeList li {
    padding: 15px 5px 0px;
    border-bottom: 1px solid #e6e6e6;
    color: #666666;
}

.map-storeList li.active {
    background: #f8f8f8;
    color: #fb5252;
}

.map-storeList li h1 {
    margin: 0 0 5px;
}

.map-storeList li.active h1 {
    color: #fb5252;
}


/*hyb新增样式 包括：酒店模块，门票，签证，商品，游轮*/
.icon {
    display: inline-block;
}

/*按钮组*/
.cits-btn {
    display: inline-block;
    background: #f86a5c;
    color: #fff;
    padding: 0 20px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-bottom: 2px solid #df4b3c;
    border-radius: 3px;
    transition: all ease .1s;
}

.cits-btn:hover {
    color: #fff;
    background: #e3584a;
}

.btn-yellow {
    background: #f1a538;
    border-bottom-color: #d68c22;
}

.btn-yellow:hover {
    background: #de962e;
}

.cits-btn-l {
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    font-size: 18px;
}

/*数组选组组件*/
.cits-number-ctrl {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    margin-right: 10px;
}

.cits-number-ctrl span {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #f1f1f1;
    text-align: center;
    line-height: 28px;
    font-size: 20px;
    color: #999;
    cursor: pointer;
}

.cits-number-ctrl span:hover {
    background: #13ca9a;
    color: #fff;
}

.cits-number-ctrl input {
    width: 40px;
    text-align: center;
    font-size: 16px;
}


.cits-list-wrap {
    margin-top: 15px;
}

.cits-list-wrap .nav-tabs {
    border: 1px solid #e6e6e6;
    margin-bottom: 15px;
}

.cits-box {
    background: #fff;
    margin-bottom: 30px;
    border: 1px solid #e6e6e6;
}

/*列表上面的搜索框*/
.cits-searchBar {
    padding: 10px 15px;
    background: #f8f8f8;
    margin-bottom: 10px;
}

.cits-searchBar .c1 {
    float: left;
    margin-top: 5px;
}

.cits-searchBar .c1 img {
    vertical-align: middle;
    margin-right: 20px;
}

.cits-searchBar .c1 .title {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #1ca940;
    font-weight: bold;
}

.cits-searchBar .filter-box {
    float: right;
    padding: 15px 0;
}

/*筛选框组件复用的，修改时候慎重，尽量在用的地方写私有样式*/
.filter-box ul {
    margin: 0;
}

.filter-box li {
    float: left;
    position: relative;
    margin-left: 10px;
}

.filter-box li .label {
    font-size: 16px;
    font-weight: bold;
    color: #3b424c;
}

.filter-box li .text {
    padding: 10px;
    width: 110px;
    height: 20px;
    line-height: 20px;
    background: #fff;
    border: 1px solid #bbb;
    vertical-align: middle;
    box-sizing: content-box;
}

.filter-box li .icon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 21px;
    height: 23px;
    background: url(../images/icon-date.png) no-repeat;
}

.filter-box .search-box {
    display: inline-block;
}

.filter-box .search-btn {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    background: #19b955;
    color: #fff;
    letter-spacing: 0.5em;
    box-sizing: content-box;
}

.filter-box li .city-box {
    float: none;
}

/*搜索框下的私有样式*/
.filter-box li .search-text {
    width: 200px;
}

.filter-box li .search-text-big {
    width: 350px;
}

/*--------------------酒店列表-----------------*/
.hotel-list .item {
    margin-bottom: 25px;
    padding: 10px;
    border: 1px solid #e6e6e6;
}

.hotel-list .item:hover {
    transition: all ease .3s;
    border: 1px solid #1ca940;
    box-shadow: 0 0 7px rgba(28, 169, 64, .52);
}

.hotel-list .item .pic {
    float: left;
    width: 220px;
}

.hotel-list .item .pic img {
    width: 100%;
    height: 150px;
    vertical-align: middle;
}

.hotel-content {
    float: right;
    width: 630px;
}

.hotel-content .c1 {
    float: left;
    width: 320px;
}

.hotel-content .c2 {
    float: left;
    width: 120px;
    text-align: right;
}

.hotel-content .c3 {
    float: right;
    width: 190px;
    text-align: center;
}

.hotel-content .c1 .name {
    font-size: 18px;
    line-height: 32px;
}

.hotel-content .c1 .name .tips {
    padding: 2px 5px;
    border: 1px solid #ddbd0a;
    font-size: 14px;
    color: #ddbd0a;
    margin-left: 10px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hotel-content .c1 .desc {
    margin: 5px 0 10px;
    color: #999;
    line-height: 24px;
    font-size: 12px;
    max-height: 48px;
}

.hotel-content .c1 .hotel-label span {
    padding: 3px 5px;
    margin-right: 10px;
    border-radius: 3px;
}

.hotel-content .c1 .hotel-label .span1 {
    border: 1px solid #1591e8;
    color: #1591e8;
}

.hotel-content .c1 .hotel-label .span2 {
    border: 1px solid #1ca940;
    color: #1ca940;
}

.hotel-content .c1 .hotel-label .span3 {
    border: 1px solid #13ca9a;
    color: #13ca9a;
}

.hotel-content .c1 .hotel-lastOrder {
    margin-top: 15px;
    font-size: 12px;
    color: #1ca940;
}

.hotel-content .c2 .score span {
    color: #f1a538;
    font-size: 26px;
}

.hotel-content .c3 .old-price {
    text-align: right;
}

.hotel-content .c3 .old-price-num {
    color: #999;
    line-height: 24px;
    text-decoration: line-through;
}

.hotel-content .c3 .old-price .tips {
    background: #fa7829;
    color: #fff;
    line-height: 24px;
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    margin-left: 15px;
    position: relative;
}

.hotel-content .c3 .old-price .tips:before {
    position: absolute;
    right: 100%;
    content: "";
    line-height: 1;
    border: 12px solid;
    border-color: transparent #fa7829 transparent transparent;
}

.hotel-content .c3 .sales-price {
    font-weight: bold;
    color: #999;
}

.hotel-content .c3 .sales-price span {
    color: #fc4c4c;
    font-size: 22px;
}

.hotel-content .c3 .sales-price em {
    font-size: 14px;
    font-style: normal;
    margin-right: -5px;
}


/*酒店列表右侧样式*/

/*推荐酒店*/


.hotel-recommend .item .price {
    float: right;
}

.hotel-recommend .item .price span {
    color: #fc4c4c;
    font-size: 20px;
}

.hotel-recommend .item .price em {
    color: #fc4c4c;
    font-style: normal;
}

.hotel-recommend .item .score span {
    font-size: 26px;
    color: #f1a538;
}

/*认证酒店推荐*/
.hotel-authentication .item {
    padding: 4px;
}

.hotel-authentication .pic {
    float: left;
}

.hotel-authentication .pic img {
    width: 130px !important;
    height: 100px !important;
}

.hotel-authentication .text {
    margin-left: 140px;
    margin-right: 10px;
    padding: 0 !important;
}

.hotel-authentication .name {
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.hotel-authentication .desc {
    margin: 10px 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1ca940;
}

.hotel-authentication .infor {
    line-height: 32px;
    height: 32px;
}

.hotel-authentication .price {
    float: right;
}

.hotel-authentication .price span {
    color: #fc4c4c;
    font-size: 20px;
}

.hotel-authentication .price em {
    color: #fc4c4c;
    font-style: normal;
}

.hotel-authentication .score span {
    font-size: 16px;
    color: #f1a538;
}


/*详情里面的公用样式,从之前的样式中抽离出来的，之前的并未重构,这块样式只是大框架的，每个详情里面不同的都写在私有部分*/
.cits-detail {
    background: #f5f5f5;
    padding-bottom: 30px;
}

.cits-detail ~ .guolvFooter {
    margin-top: 0;
}

.cits-detail-main {
    padding: 0 20px 20px;
}

.cits-detail-main p {
    line-height: 32px;
    margin: 0;
}

.cits-detail-title {
    border-bottom: 5px solid #f8f8f8;
    margin: 20px -20px;
}

.cits-detail-title span {
    display: inline-block;
    padding-left: 15px;
    line-height: 36px;
    font-size: 20px;
    color: #13ca9a;
    position: relative;
    font-weight: bold;
    margin-left: -1px;
}

.cits-detail-title span:after {
    /*border-bottom: 4px solid #13ca9a;*/
    content: "";
    width: 100px;
    height: 5px;
    display: block;
    background-color: #13ca9a;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.cits-detail-stit {
    font-size: 16px;
    font-weight: bold;
    margin: 30px 0 20px;
}

.cits-detail-mtit {
    font-weight: bold;
    margin: 10px 0;
}

/*详情里的评论公用样式*/
.detail-comment {
    margin-top: 20px;
}


/*评论上面的详细信息暂时这块只在游轮狸用到，不过也许后面都会用吧 所以写到公共里面*/
.detail-comment-infor {
    margin: 20px 0;
    position: relative;
}

.detail-comment-infor .c1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 360px;
    border-right: 1px solid #e6e6e6;
}

.detail-comment-infor .c1 .total span {
    font-size: 32px;
    color: #f1a538;
    margin-right: 20px;
}

.comment-progress-list {
    margin-top: 10px;
}

.comment-progress-list .item {
    margin-bottom: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.comment-progress-list .progress-hd {
    float: left;
    width: 60px;
}

.comment-progress-list .progress-bd {
    float: left;
    width: 230px;
    height: 8px;
    margin-top: 5px;
    background: #e8e8e8;
    border-radius: 4px;
    line-height: 1;
}

.comment-progress-list .progress-bd span {
    display: block;
    height: 100%;
    background: #13ca9a;
    border-radius: 4px;
}

.comment-progress-list .progress-ft {
    float: right;
    width: 50px;
}

.detail-comment-infor .c2 {
    padding: 20px 0 20px 380px;
}

.detail-comment-infor .c2 dl {
    float: left;
    width: 20%;
    text-align: center;
    margin: 0;
}

.detail-comment-infor .c2 dt {
    margin-bottom: 30px;
    font-weight: normal;
}

.detail-comment-infor .c2 dd {
    color: #f1a538;
}

.detail-comment-infor .c2 .score {
    font-size: 32px;

}

.detail-comment-infor .c2 .circle_box {
    width: 40px;
    height: 40px;
    position: relative;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto 3px
}

.detail-comment-infor .c2 .c_left,
.detail-comment-infor .c2 .c_right {
    position: absolute;
    width: 20px;
    height: 40px;
    overflow: hidden;
    top: 0;
    display: none\9 \0;
    display: none \9
}

.detail-comment-infor .c2 .c_left {
    left: 0
}

.detail-comment-infor .c2 .c_right {
    right: 0
}

.detail-comment-infor .c2 .left_circle {
    border: 3px solid #f1a538;
    border-top-color: transparent;
    border-right-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    transform: rotate(45deg);
    position: absolute;
    left: 0
}

.detail-comment-infor .c2 .right_circle {
    border: 3px solid #f1a538;
    border-top-color: transparent;
    border-left-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    transform: rotate(-45deg);
    position: absolute;
    right: 0
}

/*评论tabs*/
.detail-comment-tabbar {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
}

.detail-comment-tabbar ul {
    margin: 0;
}

.detail-comment-tabbar li {
    float: left;
    width: 100px;
    text-align: center;
    line-height: 30px;
    border-right: 1px solid #e6e6e6;
    font-size: 12px;
}

.detail-comment-tabbar li.on {
    background: #13ca9a;
    color: #fff;
}

.detail-comment-tabbar li.disabled {
    background: #f8f8f8;
    color: #999;
}

/*评论列表*/
.detail-comment-list {
    padding-top: 20px;
}

.detail-comment-list dl {
    position: relative;
}

.detail-comment-list dl:nth-last-of-type(1) {
    margin-bottom: 0;
}

.detail-comment-list dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
}

.detail-comment-list dt img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.detail-comment-list dd {
    margin-left: 80px;
    border: 1px solid #e3e3e3;
    padding: 10px;
    border-radius: 8px;
    position: relative;
}

.detail-comment-list dd:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    width: 11px;
    height: 14px;
    background: url(../images/comment-icon.jpg) no-repeat;
    margin-top: 25px;
    margin-right: -2px;
}

.detail-comment-list dd .comment-infor {
    line-height: 30px;
}

.detail-comment-list dd .comment-infor .time {
    font-size: 12px;
    color: #999;
    margin-left: 20px;
}

.detail-comment-list dd .comment-star {
    background: #f8f8f8;
    border: 1px solid #e3e3e3;
    margin-top: 5px;
    padding: 5px 10px;
    border-radius: 5px;
}

.detail-comment-list dd .comment-star span {
    margin-right: 10px;
}

.detail-comment-list dd .comment-star span em {
    font-weight: bold;
    font-style: normal;
    color: #f1a538;
    font-size: 16px;
    margin-left: 5px;
}

.detail-comment-list dd .comment-star img {
    vertical-align: middle;
    margin-left: 5px;
}

.detail-comment-list dd .comment-text {
    padding: 10px;
    line-height: 32px;
}

.detail-comment-list dd .comment-time {
    color: #999;
    font-size: 12px;
    margin-left: 10px;
    margin-bottom: 10px;
}

/*评论里重置右边的样式*/
.cits-detail .citsPage-right-con, .cits-detail .citsPage-right-title h2 {
    background: #fff;
}

/*-----------------酒店详情-----------------*/
.hotel-filter {
    padding: 50px 0;
}

.hotel-detal-infor {
    padding-top: 20px;
    margin-bottom: 20px;
}

.hotel-detal-infor .c1 {
    float: left;
    width: 520px;
}

.hotel-detal-infor .c2 {
    float: right;
    width: 120px;
    text-align: right;
}

.hotel-detal-infor .c3 {
    float: right;
    width: 210px;
    padding-right: 20px;
    text-align: center;
}

.hotel-detal-infor .c1 .name {
    font-size: 24px;
    line-height: 32px;
}

.hotel-detal-infor .c1 .name .tips {
    padding: 2px 5px;
    border: 1px solid #ddbd0a;
    font-size: 14px;
    color: #ddbd0a;
    margin-left: 10px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hotel-detal-infor .c1 .desc {
    margin: 5px 0 10px;
    color: #999;
    line-height: 24px;
    font-size: 12px;
    max-height: 48px;
}

.hotel-detal-infor .c1 .desc .position {
    color: #1ca940;
    margin-left: 20px;
}

.hotel-detal-infor .c1 .hotel-label {
    margin: 15px 0;
}

.hotel-detal-infor .c1 .hotel-label span {
    padding: 3px 5px;
    margin-right: 10px;
    border-radius: 3px;
}

.hotel-detal-infor .c1 .hotel-label .span1 {
    border: 1px solid #1591e8;
    color: #1591e8;
}

.hotel-detal-infor .c1 .hotel-label .span2 {
    border: 1px solid #1ca940;
    color: #1ca940;
}

.hotel-detal-infor .c1 .hotel-label .span3 {
    border: 1px solid #13ca9a;
    color: #13ca9a;
}

.hotel-detal-infor .c1 .hotel-lastOrder {
    margin-top: 15px;
    font-size: 12px;
    color: #1ca940;
}

.hotel-detal-infor .c2 .score {
    margin-bottom: 0;
}

.hotel-detal-infor .c2 .score span {
    color: #f1a538;
    font-size: 26px;
}

.hotel-detal-infor .c3 .old-price {
    text-align: right;
    margin: 0;
}

.hotel-detal-infor .c3 .old-price-num {
    color: #999;
    line-height: 24px;
    text-decoration: line-through;
}

.hotel-detal-infor .c3 .old-price .tips {
    background: #fa7829;
    color: #fff;
    line-height: 24px;
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    margin-left: 15px;
    position: relative;
}

.hotel-detal-infor .c3 .old-price .tips:before {
    position: absolute;
    right: 100%;
    content: "";
    line-height: 1;
    border: 12px solid;
    border-color: transparent #fa7829 transparent transparent;
}

.hotel-detal-infor .c3 .sales-price {
    font-weight: bold;
    color: #999;
}

.hotel-detal-infor .c3 .sales-price span {
    color: #fc4c4c;
    font-size: 22px;
}

.hotel-detal-infor .c3 .sales-price em {
    font-size: 14px;
    font-style: normal;
    margin-right: -5px;
}

.hotel-pic-list {
    margin-bottom: 20px;
}

.hotel-pic-list img {
    width: 100%;
    height: 100%;
}

.hotel-pic-list .c1 {
    float: left;
    width: 290px;
    height: 200px;
    margin-bottom: 10px;
}

.hotel-pic-list .c2 {
    float: right;
    width: 600px;
}

.hotel-pic-list .c2 ul {
    margin: 0;
}

.hotel-pic-list .c2 li {
    float: left;
    width: 140px;
    margin-left: 10px;
    height: 95px;
    margin-bottom: 10px;
}

.hotel-pic-list .c2 li.big-pic {
    width: 290px;
}

/*酒店价格*/
.hotel-price-box {
    padding: 20px 10px 10px;
}

.hotel-price-box .filter-box .more {
    float: right;
    line-height: 40px;
    width: 260px;
    text-align: right
}

.hotel-price-box .filter-box .more label {
    margin-left: 20px;
}

.hotel-price-box .filter-box .more label input {
    margin-right: 5px;
    vertical-align: -2px;
}

.hotel-price-table {
    width: 100%;
    margin-top: 20px;
}

/*li的样式是公用的*/
.hotel-price-table li {
    width: 87px;
    float: left;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

.hotel-price-table li.last {
    float: right;
}

.hotel-price-table .hd {
    border: 1px solid #e6e6e6;
    padding: 0;
}

.hotel-price-table .hd ul {
    background: #f5f5f5;
    margin: 0;
}

.hotel-price-table .hd li {
    height: 30px;
    line-height: 30px;
}

.hotel-price-table .hd .li1 {
    margin-right: 17px;
}

.hotel-price-table .li1 {
    width: 130px;
}

.hotel-price-table .li2 {
    width: 120px;
}

.hotel-price-table .item {
    padding-top: 15px;
    border-bottom: 1px solid #19b955;
}

.hotel-price-table .item.last {
    border: none;
}

.hotel-price-table .item .c1 {
    float: left;
    width: 130px;
    text-align: center;
}

.hotel-price-table .item .c1 img {
    width: 130px;
    height: 90px;
}

.hotel-price-table .item .c1 p {
    color: #19b955;
}

.hotel-price-table .item .c2 {
    float: right;
    width: 720px;
}

/*右侧的详情样式*/
.hotel-price-detail {
    display: none;
    background: #f8f8f8;
    padding: 10px;
    position: relative;
}

.hotel-price-close {
    position: absolute;
    right: 40px;
    top: 20px;
    width: 24px;
    height: 24px;
    background: url(../images/icon-close.png) no-repeat;
}

.hotel-price-detail .r1 {
    padding-bottom: 15px;

}

.hotel-price-detail .r1 .pic {
    float: left;
}

.hotel-price-detail .r1 .pic img {
    width: 220px;
    height: 150px;
}

.hotel-price-detail .r1 .text {
    float: left;
    width: 450px;
    margin-left: 20px;
}

.hotel-price-detail .r1 .more-infor {
    text-align: right;
    color: #19b955;
    margin-top: 10px;
    cursor: pointer;
}

.hotel-price-detail .r1 .more-infor .ionfont {
    margin-left: 5px;
}

.hotel-price-detail .r1 .text span {
    float: left;
    width: 30%;
    margin-right: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 40px;
}

.hotel-price-detail .r2 {
    border-top: 1px solid #e6e6e6;
}

.hotel-price-detail .r2 h6 {
    margin: 10px 0 0;
    line-height: 30px;
    font-weight: bold;
}

.hotel-price-detail .r2 p {
    color: #666;
    font-size: 12px;
    line-height: 20px;
}

/*右侧的列表样式*/
.hotel-price-list ul {
    margin: 0;
    padding: 15px 0;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #f6f6f6;
}

.hotel-price-list ul li:first-child {
    text-align: left;
}

.hotel-price-list p {
    margin: 0;
}

.hotel-price-list .hotel-type {
    text-align: left;
}

.hotel-price-list .color-theme {
    color: #19b955;
}

.hotel-price-list .price {
    font-size: 14px;
    color: #999;
}

.hotel-price-list .price span {
    font-size: 20px;
    color: #fc4c4c;
}

.hotel-price-list .hotel-price-authentication {
    width: 80px;
    float: right;
}

.hotel-price-list .hotel-price-authentication p {
    margin: 0;
}

.hotel-price-authentication .p1 a, .hotel-price-authentication .p1 {
    display: block;
    background: #f86a5c;
    color: #fff;
    text-align: center;
    line-height: 24px;
}

.hotel-price-authentication .p2 {
    border: 1px solid #f6f6f6;
    color: #f86a5c;
}

.hotel-price-loadmore {
    height: 30px;
    line-height: 30px;
    border: 1px solid #f6f6f6;
    text-align: center;
    background: #c7ffdc;
    margin-top: 10px;
    margin-left: 150px;
    font-size: 12px;
    color: #666666;
}

.hotel-detail-title {
    padding: 8px 6px;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    margin: 15px 0;
}

.hotel-detail-title span {
    height: 16px;
    line-height: 16px;
    border-left: 5px solid #19b955;
    font-weight: bold;
    padding-left: 10px;
    color: #999;
}

.hotel-detail-ruzhu span {
    margin-right: 20px;
}

.hotel-detail-ruzhu span img {
    vertical-align: middle;
    margin-right: 5px;
}


.hotel-comment-infor {
    background: #f8f8f8;
    padding: 20px;
}

.hotel-comment-infor span {
    color: #f1a538;
}

.hotel-comment-infor .r1 .number {
    font-size: 26px;
}

.hotel-comment-infor .r1 .percentage {
    font-size: 28px;
    margin-left: 10px;
    margin-right: 5px;
}

.hotel-comment-infor .r1 .text {
    color: #999;
    font-size: 12px;
}

.hotel-comment-infor .r2 {
    margin-top: 10px;
}

.hotel-comment-infor .r2 span {
    font-weight: bold;
    margin-right: 20px;
}


/*-----------------------门票列表--------------------------*/
/*筛选那样式重置*/

.tiket-list .item {
    margin-bottom: 25px;
    padding: 10px;
    border: 1px solid #e6e6e6;
}

.tiket-list .item:hover {
    transition: all ease .3s;
    border: 1px solid #1ca940;
    box-shadow: 0 0 7px rgba(28, 169, 64, .52);
}

.tiket-list p {
    margin: 0;
}

.tiket-content {
    margin-bottom: 10px;
}

.tiket-content .c1 {
    float: left;
    width: 190px;
}

.tiket-content .c1 img {
    width: 100%;
    height: 130px;
    vertical-align: middle;
}

.tiket-content .c2 {
    float: left;
    width: 450px;
    margin-left: 20px;
    position: relative;
    height: 130px;
}

.tiket-content .c2 .tit {
    line-height: 40px;
}

.tiket-content .c2 .tit .name {
    font-size: 18px;
}

.tiket-content .c2 .tit .area {
    color: #666;
    margin: 0 5px;
}

.tiket-content .c2 .tit .leavel {
    color: #f86a5c
}

.tiket-content .c2 .infor {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #666;
}

.tiket-content .c3 {
    float: right;
    text-align: right;
}

.tiket-content .c3 .score {
    margin-top: 20px;
}

.tiket-content .c3 .score span {
    font-size: 26px;
    color: #f1a538;
}

.tiket-table {
    width: 100%;
    margin-top: -1px;
    padding-top: 10px;
    text-align: center;
}

.tiket-table th {
    background: #f5f5f5;
    height: 28px;
    text-align: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
    font-weight: normal;
}

.tiket-table td {
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
}

.tiket-table th:first-child, .tiket-table td:first-child {
    padding-left: 40px;
    text-align: left;
}

.tiket-table td.td1 a {
    color: #19b955;
}

.tiket-table td .old-price {
    color: #999;
    text-decoration: line-through;
}

.tiket-table td .sales-price {
    color: #f86a5c;
    font-weight: bold;
}

.tiket-table td .btn {
    display: inline-block;
    line-height: 22px;
    padding: 0 15px;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    margin-left: 10px;
}

.tiket-table td .btn1 {
    background: #f86a5c;
    border: 1px solid #f86a5c;
    color: #fff;
}

.tiket-table td .show-more {
    float: right;
    padding-right: 10px;
    color: #19b955;
    cursor: pointer;
    font-weight: bold;
    background: url(../img/icon/xjt.png) right center no-repeat;
}

/*右边的推荐*/
.tiket-recomment .item .text {
    padding: 10px;
    line-height: 24px;
}

.tiket-recomment .item .name .tips {
    color: #19b955;
    margin-right: 5px;
}

.tiket-recomment .item .order {
    float: right;
    color: #f86a5c;
}

.tiket-recomment .item .price {
    color: #999;
}

.tiket-recomment .item .price span {
    color: #fc4c4c;
    font-size: 20px;
}

.tiket-recomment .item .price em {
    color: #fc4c4c;
    font-style: normal;
}

.tiket-recomment .distance {
    float: right;
}

.tiket-recomment .distance img {
    vertical-align: middle;
    margin-right: 5px;
}

/*-------------------------门票详情-----------------------*/
.ticket-detail-intro {
    position: relative;
}

.ticket-detail-intro .c1 {
    float: left;
}

.ticket-detail-intro .c2 {
    float: right;
    width: 680px;
    position: relative;
}

.ticket-detail-intro .c2 .price {
    position: absolute;
    width: 113px;
    height: 74px;
    line-height: 60px;
    text-align: center;
    top: 10px;
    right: -10px;
    color: #fff;
    font-size: 24px;
    background: url(../images/bg-ticket-price.png) no-repeat;
}

.ticket-detail-intro .c2 .price span {
    font-size: 14px;
    margin-right: 5px;
}

.ticket-detail-intro .c2 .name {
    font-size: 24px;
    margin-top: 10px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;

}

.ticket-detail-intro .c2 .leavel {
    color: #666
}

.ticket-detail-intro .c2 .leavel span {
    color: #f86a5c;
}

.ticket-detail-intro .c2 .infor-list {
    margin-top: 10px;
    line-height: 40px;
}

.ticket-detail-intro .c2 .hd {
    float: left;
    width: 80px;
    padding: 0;
}

.ticket-detail-intro .c2 .bd {
    display: block;
    margin-left: 100px;
    margin-right: 90px;
}

.ticket-detail-intro .c2 .promise {
    display: inline-block;
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: url(../images/bg-promise.png) no-repeat;
}

.ticket-detail-intro .c2 .comment {
    margin-left: 100px;
    margin-top: 20px;
}

.ticket-detail-intro .c2 .comment-score img {
    margin-right: 10px;
}

.ticket-detail-intro .c2 .comment-score em {
    font-style: normal;
    font-size: 26px;
    color: #f1a538;
}

.ticket-detail-intro .c2 .comment-text {
    line-height: 24px;
    font-size: 12px;
    padding: 0 30px 0 20px;
    position: relative;
    height: 96px;
    overflow: hidden;
}

.ticket-detail-intro .c2 .comment-text:before, .ticket-detail-intro .c2 .comment-text:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 11px;
}

.ticket-detail-intro .c2 .comment-text:before {
    left: -10px;
    top: 0;
    background: url(../images/icon-dou1.png) no-repeat;
}

.ticket-detail-intro .c2 .comment-text:after {
    right: 10px;
    bottom: -20px;
    background: url(../images/icon-dou2.png) no-repeat;
}

.ticket-detail-intro .c2 .comment-user {
    padding-right: 30px;
    text-align: right
}

.ticket-detail-table {
    padding: 10px;
}

.ticket-detail-table table {
    width: 100%;
    font-size: 12px;
    border: 1px solid #e6e6e6;
}

.ticket-detail-table th, td {
    border-bottom: 1px solid #e6e6e6;
}

.ticket-detail-table th {
    background: #f5f5f5;
    font-weight: normal;
    height: 28px;
    padding: 0 20px;
}

.ticket-detail-table td {
    padding: 10px 20px;
    line-height: 26px;
}

.ticket-detail-table .td1 {
    background: #f5f5f5;
    font-size: 14px;
    border-right: 1px solid #e6e6e6;
}

.ticket-detail-table .name {
    color: #19b955;
}

.ticket-detail-table .cancel {
    color: #d3820e;
    margin-left: 10px;
}

.ticket-detail-table .cancel img {
    vertical-align: -4px;
    margin-right: 5px;

}

.ticket-detail-table .old-price {
    text-decoration: line-through;
    color: #999;
}

.ticket-detail-table .sales-price {
    color: #f86a5c;
    font-weight: bold;
}

.ticket-detail-table .btn {
    display: inline-block;
    line-height: 24px;
    padding: 0 20px;
    background: #f86a5c;
    color: #fff;
}

/*票详情里面的私有样式*/
.ticket-detail-main {
    padding: 0 10px;
    color: #666;
}

.ticket-detail-main .cits-detail-mtit {
    margin-top: 40px;
}

.ticket-detail-main .pic-list ul {
    margin: 0;
}

.ticket-detail-main .pic-list li {
    float: left;
    width: 48%;
    margin: 2% 1%;
}

.ticket-detail-main .pic-list li img {
    width: 100%;
}

/*-------------------------签证-------------------------*/

.visa-list .item {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #e6e6e6;
}

.visa-list .item:hover {
    transition: all ease .3s;
    border: 1px solid #1ca940;
    box-shadow: 0 0 7px rgba(28, 169, 64, .52);
}

.visa-list p {
    margin: 0;
}

.visa-list .c1 {
    float: left;
    width: 145px;
}

.visa-list .c1 img {
    width: 100%;
    height: 100px;
    vertical-align: middle;
}

.visa-list .c2 {
    float: left;
    width: 450px;
    margin-left: 20px;
    position: relative;
    height: 100px;
}

.visa-list .c2 .name {
    line-height: 1;
    font-size: 16px;
}

.visa-list .c2 .infor {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.visa-list .c3 {
    float: right;
    color: #999;
    font-weight: bold;
    margin-top: 10px;
}

.visa-list .c3 span {
    color: #fc4c4c;
    font-size: 22px;
}

.visa-list .c3 span em {
    font-style: normal;
    font-size: 14px;
}

/*右边的推荐*/
.visa-recomment .item .infor .order {
    float: right;
    color: #19b955;
    font-weight: bold;
}

.visa-recomment .item .price {
    color: #999;
}

.visa-recomment .item .price span {
    color: #fc4c4c;
    font-size: 20px;
}

.visa-recomment .item .sales {
    display: inline-block;
    padding-left: 3px;
    width: 40px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: url(../images/icon-sales.png) top center no-repeat;
}

/*-----------------------签证详情------------------------*/
.visa-detail-intro {
    padding: 10px;
}

.visa-detail-intro .c1 {
    float: left;
}

.visa-detail-intro .c1 img {
    width: 300px;
    height: 210px;
}

.visa-detail-intro .c2 {
    float: right;
    width: 865px;
}

.visa-detail-intro .name {
    font-size: 18px;
    line-height: 1;
    margin-top: 10px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 196px;
}

.visa-detail-intro .desc {
    color: #999;
    margin-top: 10px;
    margin-right: 196px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 196px;
}

.visa-detail-intro .price {
    margin-right: 196px;
    background: #f8f8f8;
    padding: 15px 10px;
    margin-top: 10px;
    line-height: 30px;
}

.visa-detail-intro .price span {
    color: #fc4c4c;
}

.visa-detail-intro .price span {
    font-size: 24px;
}

.visa-detail-intro .price em {
    font-style: normal;
    font-size: 14px;
}

.visa-detail-intro .infor-list {
    margin-top: 10px;
    line-height: 30px;

}

.visa-detail-intro .infor-list .hd {
    float: left;
    width: 90px;
    padding: 0;
    color: #666;
}

.visa-detail-intro .infor-list .bd {
    display: block;
    margin-left: 100px;
    margin-right: 90px;
    font-size: 12px;
}

.visa-detail-intro .infor-list1 {
    padding-top: 5px;
    border-top: 2px solid #e6e6e6;
}

.visa-detail-intro .infor-list1 p {
    line-height: 20px;
    margin: 0;
}

.visa-detail-intro .infor-list .last {
    margin-top: 20px;
}


.visa-form-box {
    padding: 10px 0;
}

.visa-form-box {
    border: 2px solid #f96f6f;
}

.visa-form-box .filter-box li {
    margin-top: 10px;
}

.visa-form-box .filter-box li .text {
    padding: 5px 10px;
}

.visa-form-box .filter-box li .icon {
    top: 5px;
}

.visa-form-box .filter-box li.number-ctrl-wrap {
    margin-right: 50px;
    margin-left: 20px;
}

.visa-form-box .filter-box li.number-ctrl-wrap em {
    font-style: normal;
    color: #999;
}

.visa-form-box .number-ctrl {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    margin-right: 10px;
}

.visa-form-box .number-ctrl span {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #f1f1f1;
    text-align: center;
    line-height: 28px;
    font-size: 20px;
    color: #999;
    cursor: pointer;
}

.visa-form-box .number-ctrl span:hover {
    background: #13ca9a;
    color: #fff;
}

.visa-form-box .number-ctrl input {
    width: 40px;
    text-align: center;
    font-size: 16px;
}

.visa-form-box .filter-box li.last {
    float: right;
    margin-top: 0;
    margin-right: 10px;
}

.visa-detail-main {
    padding: 20px 100px;
}

/*签证详情下的材料说明*/
.visa-detail-material {
    color: #666;
    margin-top: 50px;
}

.visa-detail-material a {
    color: #1383e3;
}

.visa-detail-material-intro .c1 {
    float: left;
}

.visa-detail-material-intro .c2 {
    float: left;
    width: 500px;
    margin-left: 50px;
}

.visa-detail-material-intro .c2 li {
    float: left;
    width: 50%;
    line-height: 40px;
    font-weight: bold;
}

.visa-detail-material-tabs {
    margin-top: 25px;
    border-bottom: 1px solid #13ca9a;
    margin-bottom: 15px;
}

.visa-detail-material-tabs ul {
    margin: 0;
}

.visa-detail-material-tabs li {
    float: left;
    padding: 0 20px;
    line-height: 30px;
}

.visa-detail-material-tabs li.on {
    color: #1ca940;
}

.visa-detail-material table {
    width: 100%;
    border: 1px solid #e6e6e6;
}

.visa-detail-material table td, .visa-detail-material table th {
    border: 1px solid #e6e6e6;
    padding: 0 40px;
}

.visa-detail-material table th {
    height: 38px;
    background: #f1f1f1;
    color: #666;
    font-weight: normal;
}

.visa-detail-material table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.visa-detail-material table tr td:last-child {
    font-size: 12px;
}

.visa-detail-material table p {
    margin: 0;
    line-height: 28px;
}

/*办签流程*/
.visa-detail-process dl {
    position: relative;
}

.visa-detail-process dt {
    float: left;

    height: 100%;
}

.visa-detail-process dt .icon {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: url(../images/visa-detail-process.png) no-repeat;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

.visa-detail-process dt .line {
    content: '';
    position: absolute;
    left: 25px;
    top: 50px;
    margin-left: -1px;
    height: 80%;
    width: 1px;
    background: #00d499;
    z-index: 1;
}

.visa-detail-process dl:last-child dt .line {
    display: none
}

.visa-detail-process dd {
    float: right;
    width: 850px;
    margin-top: 15px;
    line-height: 30px;
}

.visa-detail-process dd .c1 {
    float: left;
    width: 170px;

}

.visa-detail-process dd .c2 {
    margin-left: 170px;
}

.visa-detail-process dd .c2 p {
    margin: 0;
}

/*须知*/
.visa-detail-limit {
    line-height: 30px;
    font-size: 12px;
    color: #666;
}

.visa-detail-QA .more a {
    color: #206fe4;
}


/*----------------------------商品列表----------------------------*/
.goods-list .item {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #e6e6e6;
}

.goods-list .item:hover {
    transition: all ease .3s;
    border: 1px solid #1ca940;
    box-shadow: 0 0 7px rgba(28, 169, 64, .52);
}

.goods-list .c1 {
    float: left
}

.goods-list .c1 img {
    width: 220px;
    height: 150px;
}

.goods-list .c2 {
    float: left;
    width: 420px;
    margin-left: 20px;
}

.goods-list .c2 .name {
    line-height: 32px;
    font-size: 18px;
}

.goods-list .c2 .desc {
    color: #1ca940;
    margin: 10px 0;
}

.goods-list .c2 p {
    color: #999999;
    margin-bottom: 0;
    margin-top: 5px;
}

.goods-list .c3 {
    float: right;
    text-align: right;
}

.goods-list .c3 .old-price {
    margin-bottom: 10px;
    color: #999;
}

.goods-list .c3 .old-price span {
    text-decoration: line-through;
}

.goods-list .c3 .sales-price {
    color: #999;
    margin-bottom: 10px;
}

.goods-list .c3 .sales-price span {
    color: #fc4c4c;
    font-weight: bold;
    font-size: 22px;
}

.goods-list .c3 .sales-price span em {
    font-style: normal;
    font-size: 14px;
}


/*商品推荐*/
.goods-recomment .item .infor .order {
    float: right;
    color: #19b955;
    font-weight: bold;
}

.goods-recomment .item .price {
    color: #999;
}

.goods-recomment .item .price span {
    color: #fc4c4c;
    font-size: 20px;
}

/*--------------------------商品详情-------------------------------*/
.goods-detail-intro .c1 {
    float: left;
}

.goods-detail-intro .c2 {
    float: right;
    width: 680px;
}

.goods-detail-intro .name {
    font-size: 18px;
    line-height: 1;
    margin-top: 10px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 196px;
}

.goods-detail-intro .desc {
    color: #1ca940;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 196px;
}

.goods-detail-intro .price {
    background: #f8f8f8;
    padding: 15px 10px;
    margin-top: 10px;
    line-height: 30px;
}

.goods-detail-intro .price span {
    color: #fc4c4c;
}

.goods-detail-intro .price span {
    font-size: 24px;
}

.goods-detail-intro .price em {
    font-style: normal;
    font-size: 14px;
}

.goods-detail-intro .infor-list {
    margin-top: 10px;
    line-height: 40px;

}

.goods-detail-intro .infor-list .hd {
    float: left;
    width: 90px;
    padding: 0;
    color: #666;
}

.goods-detail-intro .infor-list .bd {
    display: block;
    margin-left: 100px;
    margin-right: 90px;
}

.goods-detail-intro .infor-list .bd .item {
    border: 1px solid #e6e6e6;
    display: inline-block;
    line-height: 28px;
    padding: 0 12px;
    margin-right: 10px;
    box-sizing: content-box;
    color: #999;
}

.goods-detail-intro .infor-list .bd .item.on {
    border: 2px solid #19b955;
    height: 26px;
    line-height: 26px;
    padding: 0 11px;
    color: #333;
    background: url(../images/icon-selec-bg.png) right bottom no-repeat;
}

.goods-intro-buy {
    margin-left: 100px;
}

.goods-intro-buy .infor {
    margin-top: 30px;
    color: #999;

}

.goods-intro-buy .infor span {
    display: inline-block;
    width: 45%;
}

.goods-intro-buy .cits-btn {
    margin-top: 20px;
}

.goods-detail-main {
    margin: 20px 100px;
}

.goods-detail-con {
    margin: 0 80px;
}


/*--------------------------游轮列表---------------------------*/

.cruise-searchBar p {
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 0;
}

.cruise-list .item {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #e6e6e6;
}

.cruise-list .item:hover {
    transition: all ease .3s;
    border: 1px solid #1ca940;
    box-shadow: 0 0 7px rgba(28, 169, 64, .52);
}

.cruise-list .c1 {
    float: left
}

.cruise-list .c1 img {
    width: 220px;
    height: 150px;
    vertical-align: middle;
}

.cruise-list .c1 p {
    background: #f5f5f5;
    text-align: center;
    padding: 13px 0;

}

.cruise-list .c1 p a {
    color: #666;
}

.cruise-list .c2 {
    float: left;
    width: 420px;
    margin-left: 20px;
}

.cruise-list .c2 .name {
    line-height: 32px;
    font-size: 18px;
}

.cruise-list .c2 .cruise-label {
    display: block;
    margin: 10px 0;
}

.cruise-list .c2 .cruise-label span {
    padding: 2px 10px;
    margin-right: 5px;
    border-radius: 3px;

}

.cruise-list .c2 .cruise-label .span1 {
    color: #19b955;
    border: 1px solid #19b955;
}

.cruise-list .c2 .cruise-label .span2 {
    color: #029ce5;
    border: 1px solid #029ce5;
}

.cruise-list .c2 .cruise-label .span3 {
    color: #fff;
    background: #fa6f6f;
}

.cruise-list .c2 p {
    color: #999;
    margin: 0;
    font-size: 12px;
    line-height: 24px;
}

.cruise-list .c3 {
    float: right;
    text-align: right;
    margin-top: 40px;
    margin-right: 20px;
}

.cruise-list .c3 .sales-price {
    color: #999;
    margin-bottom: 10px;
}

.cruise-list .c3 .sales-price span {
    color: #fc4c4c;
    font-weight: bold;
    font-size: 22px;
}

.cruise-list .c3 .sales-price span em {
    font-style: normal;
    font-size: 14px;
}

/*游轮排行*/
.cruise-ranking-bar ul {
    margin: 0;
}

.cruise-ranking-bar li {
    float: left;
    line-height: 36px;
    border: 1px solid #f6f6f6;
    border-top-width: 2px;
    border-bottom-color: #e6e6e6;
    width: 33.3%;
    text-align: center;
    cursor: pointer;
}

.cruise-ranking-bar li.on {
    background: #fff;
    border-color: #e6e6e6;
    border-bottom-color: #fff;
    color: #1ca940;
    border-top-color: #1ca940;
}

.cruise-ranking-bd {
    display: none;
    margin-top: -1px;
}

.cruise-ranking-bd:first-of-type {
    display: block;
}

.cruise-ranking-bd .item {
    padding: 10px;
}

.cruise-ranking-bd .item .name {
    line-height: 28px;
}

.cruise-ranking-bd .item .name .num {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    background: url(../images/icon-ranking-num.png) no-repeat;
    color: #fff;
    font-size: 12px;
}

.cruise-ranking-bd .item .name .num.on {
    background: url(../images/icon-ranking-num-on.png) no-repeat;
}

.cruise-ranking-bd .item .sales {
    color: #ff862d;
}

.cruise-ranking-bd .item .sales .tips {
    background: #ff862d;
    color: #fff;
    border-radius: 2px;
    padding: 1px;
    margin-right: 5px;
}

.cruise-ranking-bd .item .price {
    float: right;
}

.cruise-ranking-bd .item .price span {
    color: #fc4c4c;
    font-size: 20px;
}

.cruise-ranking-bd .item .price em {
    font-size: 14px;
    font-style: normal;
}

/*游轮推荐*/
.cruise-recomment .item .price {
    text-align: right;
}

.cruise-recomment .item .price span {
    color: #fc4c4c;
    font-size: 20px;
}

.cruise-recomment .item .price em {
    font-size: 14px;
    font-style: normal;
}


/*--------------------------游轮详情-------------------------------*/
.cruise-detail-intro .c1 {
    float: left;
}

.cruise-detail-intro .c2 {
    float: right;
    width: 670px;
    margin-right: 10px;
}

.cruise-detail-intro .name {
    font-size: 18px;
    line-height: 1;
    margin-top: 10px;
    line-height: 24px;
}

.cruise-detail-intro .infor {
    color: #1ca940;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
}

.cruise-detail-intro .infor li {
    float: left;
    margin-right: 40px;
}

.cruise-detail-intro .infor li img {
    margin-right: 5px;
    vertical-align: -2px;
}

.cruise-detail-intro .infor li .score {
    color: #999;
    margin-left: 20px;
}

.cruise-detail-intro .infor li .score em {
    font-size: 20px;
    font-style: normal;
    color: #f86a5c;
}

.cruise-detail-intro .price {
    background: #f8f8f8;
    padding: 15px 10px;
    margin-top: 10px;
    line-height: 30px;
}

.cruise-detail-intro .price span {
    color: #fc4c4c;
    font-size: 24px;
}

.cruise-detail-intro .price em {
    font-style: normal;
    font-size: 14px;
}

.cruise-detail-intro .desc {
    color: #999;
}

.cruise-detail-intro .cits-btn {
    margin-top: 100px;
}

.cruise-date-select {
    margin: 15px 0 30px;
}

.cruise-date-box {
    float: left;
    border: 2px solid #19b955;
    height: 26px;
    line-height: 26px;
    box-sizing: content-box;
    padding: 0 5px;
    position: relative;
}

.cruise-date-box .icon {
    width: 21px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.cruise-date-box .icon-date {
    background: url(../images/icon-date.png) no-repeat;
}

.cruise-date-box .arr-down {
    background: url("../img/icon/arrbottom.png") no-repeat center
}

.cruise-date-box .input-text {
    width: 120px;
    padding-left: 10px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}

.cruise-date-box .selected .ionfont {
    color: #1ca940;
    margin-left: 5px;
}

.cruise-time-tips {
    float: left;
    margin-left: 15px;
}

.cruise-time-tips p {
    margin: 0;
    line-height: 1.2;
    font-size: 12px;
    color: #999;
}

.cruise-detail-tips {
    margin-top: 30px;
    color: #999;
}

.cruise-room {
    margin: 30px 0;

}

.cruise-room-tabs {
    margin-bottom: 20px;
    border: 1px solid #e6e6e6;
}

.cruise-room-tabs .c1 {
    float: left;
}

.cruise-room-tabs .c1 ul, .cruise-room-tabs .c1 li h6, .cruise-room-tabs .c1 li p {
    margin: 0;
}

.cruise-room-tabs .c1 li {
    float: left;
    width: 199px;
    text-align: center;
    line-height: 20px;
    border-right: 1px solid #e6e6e6;
    padding: 20px 0;
    background: #fff;
}

.cruise-room-tabs .c1 li h6 {
    font-size: 16px;
    line-height: 20px;
}

.cruise-room-tabs .c1 li span {
    color: #fc4c4c;
}

.cruise-room-tabs .c1 li.on {
    background: #2299ee;
    color: #fff;
}

.cruise-room-tabs .c1 li.on h6, .cruise-room-tabs .c1 li.on span {
    color: #fff;
}

.cruise-room-tabs .c2 {
    float: right;
    color: #1ca940;
    line-height: 70px;
    padding-right: 80px;
}

.cruise-room-tabs .c3 {
    float: right;
    background: #f86a5c;
    color: #fff;
    padding: 20px 45px;
}

.cruise-room-tabs .c3 h6 {
    font-size: 16px;
}

.cruise-room-tabs .c3 h6, .cruise-room-tabs .c3 p {
    margin: 0;
    line-height: 20px;
    color: #fff;

}

.cruise-room-con {
    padding: 10px;
}

.cruise-room-con .item {
    border: 1px solid #e6e6e6;
    margin-bottom: 10px;
}

.cruise-room-con .c1 {
    float: left;
    width: 280px;
    padding: 10px;
}

.cruise-room-con .c1 .pic {
    float: left
}

.cruise-room-con .c1 .pic img {
    width: 80px;
    height: 80px;
    vertical-align: middle;
}

.cruise-room-con .c1 .text {
    margin-left: 90px;

}

.cruise-room-con .c1 .name {
    font-size: 16px;
    color: #1ca940;
    margin-bottom: 5px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.cruise-room-con .c1 .desc {
    line-height: 20px;
    height: 40px;
    margin: 0;
    overflow: hidden;
}

.cruise-room-con .c2 {
    float: left;
    width: 258px;
    padding: 10px 20px;
    height: 84px;
    box-sizing: content-box;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.cruise-room-con .c2 .price {
    margin-top: 10px;
}

.cruise-room-con .c2 .price .num {
    float: right;
    color: #999;
}

.cruise-room-con .c2 .price .num span {
    color: #fc4c4c;
    font-size: 24px;
}

.cruise-room-con .c2 .price .num em {
    font-size: 14px;
    font-style: normal;
}

.cruise-room-con .c2 .price .sales {
    background: #fa7829;
    color: #fff;
    padding: 3px;
    line-height: 20px;
}

.cruise-room-con .c2 .tips {
    font-size: 12px;
}

.cruise-room-con .c2 .tips span {
    color: #fa7829;
}

.cruise-room-con .c3 {
    float: right;
    width: 570px;
    padding: 15px 10px 0;
    box-sizing: content-box;
}

.cruise-room-con .c3 .price-box {
    float: left;
    margin-left: 20px;
}

.cruise-room-con .c3 .price-box .old-price {
    text-decoration: line-through;
    color: #999;
}

.cruise-room-con .c3 .price-box .sales-price {
    color: #fc4c4c;
    font-size: 24px;
}

.cruise-room-con .c3 .price-box .sales-price em {
    font-size: 14px;
    font-style: normal;
}

.cruise-room-con .c3 .price-box .average-price {
    color: #999;
}

.room-number-item {
    float: left;
    margin-left: 20px;
}

.room-number-item .cits-number-ctrl {
    margin: 10px 0;
}

.room-number-item p {
    margin: 0;
    line-height: 1;
    font-size: 12px;
}

.room-number-item .p1 {
    color: #999;
}

.room-number-item .p2 {
    color: #1ca940;
}

.room-number-clear {
    float: right;
    color: #1ca940;
}

.cruise-room-con .load-more {
    height: 30px;
    line-height: 30px;
    background: #c7ffdc;
    color: #666;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.cruise-detail-main {
    padding: 20px 100px;
    position: relative;
}

.cruise-detail-main .leftbar {
    position: absolute;
    right: 100%;
    margin-right: 20px;
    top: 0;
}

.cruise-detail-main .leftbar.fixed {
    position: fixed;
    top: 50px;
    left: 50%;
    margin-left: -600px;
}

.cruise-detail-tabBar {
    margin: 60px 0;
}

.cruise-detail-tabBar li {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.cruise-detail-tabBar li.on {
    color: #5293dc;
    font-weight: bold;
}

.cruise-detail-slide {
    position: relative;
    width: 100%;
}

.cruise-detail-slide .prev,
.cruise-detail-slide .next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 25px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    cursor: pointer;
    background: rgba(0, 0, 0, .6);
    color: #fff;
}

.cruise-detail-slide .ionfont {
    background: none !important;
    margin: 0;
    font-size: 18px;
}

.cruise-detail-slide .prev {
    right: 100%;
}

.cruise-detail-slide .next {
    left: 100%;
}

.cruise-detail-slide .prev:hover, .cruise-detail-slide .next:hover {
    background: #30c066;
}

.cruise-detail-slide .bd {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
    height: 200px;
}

.cruise-detail-slide .bd li {
    float: left;
    width: 300px;
    margin-right: 20px;
}

.cruise-detail-slide .bd li img {
    width: 100%;
    height: 200px;
}

.cits-detail-section {
    position: relative;
}


/*评论的样式*/
.cruise-comment {
    margin-top: -31px;
    padding: 40px 20px 0;
}

.cruise-comment-tit {
    position: relative;
    text-align: center;
}

.cruise-comment-tit span {
    background: #fff;
    padding: 0 20px;
    font-size: 20px;
    color: #19b955;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.cruise-comment-tit:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e6e6e6;
}

/*字体超过三行使用。。。表示*/
.hotel_item_name .hotel_name a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.Aboutour {
    line-height: 35px;
    text-indent: 35px;
}

.Aboutour h1 {
    padding-left: 45px;
    background: #fff;
    line-height: 48px;
    margin: 0;
    font-size: 20px;
    color: #19b955;
}

.Aboutour h1 span {
    border-left: 4px solid #19b955;
    padding-left: 10px;
}

.Aboutour-list {
    /*margin-top: 15px; */
    margin-left: 85px;
}

.Aboutour-list p {
    text-indent: 10px;
}

.Aboutour-list img {
    width: 200px;
    margin-left: 30px;
}