@charset "utf-8";

/* 门票列表 */
.ticket_box{overflow: hidden;}
.ticket_box .ticket_left{width:73%;margin-right: 20px;float: left;}

.ticket_filter{line-height: 30px;border:1px solid #ededed;background: #fff;margin-bottom: 20px;overflow: hidden;}
.ticket_filter .title{float: left;width: 9%;line-height: 24px;min-width: 75px;margin-top:5px;text-align:center;}
.ticket_filter .filter_con{width: 91%;float: left;overflow: hidden;border-bottom:1px solid #f6f6f6;padding-bottom: 8px;}
.ticket_filter .filter_con .p_hide{width: 90%;height: auto;overflow: hidden;display: inline-block;}
.ticket_filter .filter_con  .more {display: inline-block;line-height: 34px;cursor:pointer;vertical-align: top;    color: #666;}
.ticket_filter ul{padding:10px 0px;}
.ticket_filter li+li{padding-top:8px;}
.ticket_filter  li+li .filter_con{border-bottom:none;padding-bottom: 0px;}
.ticket_filter  p a{display: inline-block;padding: 0 8px;margin-right: 20px;margin-top: 5px;height: 24px;line-height: 24px;float:left;border-radius:4px;font-size: 14px;color:#666;cursor:pointer;}
.ticket_filter  p a.on,.ticket_filter ul li p a:hover{background: #619ee0;color:#fff;}
.ticket_filter ul li a.ico_seq:hover{background: none;color:#619ee0;}
.ticket_filter ul li a.ico_seq span{display: inline-block;width: 9px;height: 11px;margin-left: 8px;background:url(../../../img/www/tickets/df_icon.png) 0 -10px no-repeat;}
.ticket_filter ul li a.seq_top span{background:url(../../../img/www/tickets/df_icon.png) -20px -40px;}
.ticket_filter ul li a.seq_bot span{background:url(../../../img/www/tickets/df_icon.png) -10px -10px;}
.ticket_filter .tehui{color:#ff796e;}
.ticket_filter .icon_up,.ticket_filter .icon_down{display: inline-block;width: 13px;height: 7px;vertical-align: middle;margin-left: 10px;margin-top: -2px;}
.ticket_filter .icon_up{background:url(../../../img/www/tickets/df_icon.png) 0 -30px no-repeat;}
.ticket_filter .icon_down{background:url(../../../img/www/tickets/df_icon.png) 0 0 no-repeat;}

.tick_list ul li{padding:20px;margin-bottom: 20px;background: #fff;}
.tick_list ul li:hover{box-shadow: 0 0 6px #ccc;}
.tick_list ul li .list_box{overflow: hidden;height: 145px;}
.list_box .list_left{float:left;margin-right: 20px;width: 28%;}
.list_box .list_left img{width: 234px;height: 131px;}
.list_box .list_center{float:left;width: 47%;}
.list_box .list_center h4{font-size: 18px;height: 20px;line-height: 20px;margin-bottom: 8px;}
.list_box .list_center strong{display: inline-block;margin-bottom:4px;font-weight: normal;border-radius:4px;line-height: 22px;padding:0 10px;background: #85d979;color:#fff;font-size: 14px;}
.list_box .list_center p{line-height: 24px;font-size: 14px;color:#666;}
.list_box .list_center h4,.list_box .list_center p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list_box .list_right{float:right;}
.list_box .list_right p{text-align: right;font-size: 14px;color:#999;}
.list_box .list_right p span{color:#e23128;font-size: 16px;font-weight: bold;}
.list_box .list_right p strong{color:#e23128;font-size:27px;font-weight: normal;margin:0 4px;}
.list_box .list_right a{display: inline-block;padding:0 20px;font-size: 18px;line-height: 40px;color:#fff;background: #1a4a9e;border-radius: 4px;}
.list_box .list_right a:hover{background: #619ee0;}
.more_info{text-align: right;padding-right: 4%;margin-top: 12px;}
.more_info em{margin-left: 3px;}

.tick_thead{height: 50px;line-height: 50px;background: #eee;font-size: 14px;color:#282828;}
.tick_table span{display: inline-block;+display:inline;line-height: 50px;font-size: 14px;}
.tick_tbody{border:1px solid #ededed;max-height: 153px;overflow: hidden;z-index: 1;}
.tick_tbody .tick_tr{border-bottom:1px dashed #ededed;position:relative;}
.tick_tbody .tick_tr .tehui_icon{background:url(../../../img/www/tickets/tehui_icon.png) no-repeat;width:34px;height:34px;display:block;position:absolute;top:0;left:0;}
.tick_list .tick_tbody .tick_tr dl{border:1px solid #c9dcf1;}
.tick_tbody .tick_tr dl{padding: 10px 2%;background: #f3faff;font-size: 12px;display:none;overflow: hidden;}
.tick_tbody .tick_tr dl dt{float: left;width: 10%;text-align: right;color:#333;line-height: 24px;}
.tick_tbody .tick_tr dl dd{float: left;width: 90%;color:#999;}
.tick_tbody .tick_tr dl dd p{line-height: 24px;}
.tick_tbody .on,.tick_list .tick_tbody .tick_tr:hover{background: #f3faff;}
.tick_td1{width: 57%;padding-left: 3%;text-align: left;}
.tick_td2,.tick_td3{width: 12%;text-align: center;}
.tick_td4{padding-right: 1%;width:15%;text-align: right;}
.tick_td1 a{color:#333;}
.tick_td1 a span,.tick_td01 a span{display: inline-block;max-width: 92%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align: middle;}
.tick_td01 a span{max-width: 90%;}
.tick_td1 a:hover{color:#619ee0;}
.tick_tbody .tick_td2{color:#999;}
.tick_tbody .tick_td3{color:#ee0020;}
.tick_td4 a,.tick_td05 a{display: inline-block;padding: 0 25px;line-height: 30px;color:#fff;background: #ee0020;border-radius: 4px;}
.tick_td4 a:hover,.tick_td05 a:hover{background: #f7372e;}
.icon_up,.icon_down{display: inline-block;width: 13px;height: 7px;vertical-align: middle;margin-left: 10px;}
.icon_up{background:url(../../../img/www/tickets/df_icon.png) 0 -30px no-repeat;}
.icon_down{background:url(../../../img/www/tickets/df_icon.png) 0 0 no-repeat;}
/* 推荐主题 */
.ticket_box .ticket_right{width: 25%;float:left;border: 1px solid #ededed;background: #fff;}
.ticket_box .ticket_right h3{height: 60px;line-height: 60px;padding:0 25px;font-size:20px;color:#619ee0;border-bottom: 1px solid #ededed;}
.ico_recom{display: inline-block;width: 32px;height: 33px;background:url(../../../img/www/tickets/df_icon.png) -20px 0 no-repeat;vertical-align: top;margin: 14px 15px 0 0;}
.ticket_box .ticket_right ul{padding-top: 20px;}
.ticket_box .ticket_right ul li{margin-bottom: 20px;padding: 0 20px;}
.ticket_box .ticket_right ul li a{position: relative;display: inline-block;overflow: hidden;}
.ticket_box .ticket_right ul li a::after{position: absolute;content:'';top:50%;left:50%;margin:-25px 0 0 -25px;border-radius: 50px; 
display: inline-block; 
height: 50px; 
width: 50px; 
border: 50px solid rgba(0, 0, 0, 0.3); 
box-sizing:border-box; 
opacity:1; 
visibility:visible; 
transform:scale(4); 
-webkit-transform:scale(4);
-moz-transform:scale(4);
-ms-transform:scale(4);
-o-transform:scale(4);
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out; }
.ticket_box .ticket_right ul li a span{position:absolute;z-index:10;font-size: 24px;padding:0 19px;display: inline-block;text-align: center;width: 90px;height: 90px;border:2px solid #fff;color:#fff;border-radius: 50%;left:50%;top:50%;margin:-46px 0 0 -46px;}
.ticket_box .ticket_right ul li a span em{display: inline-block;width: 0;height: 100%;vertical-align: middle;font-size: 0;}
.ticket_box .ticket_right ul li a span strong{display: inline-block;vertical-align: middle;font-weight: normal;line-height: 26px;}
.ticket_box .ticket_right ul li a:hover::after{opacity: 0; border:0px solid rgba(0,0,0,0.7); visibility:hidden ;}
.ticket_box .ticket_right ul li a img{width: 258px;height: 172px;}

/* 门票详情页 */
.tick_top{border:1px solid #ededed;background: #fff;margin-bottom: 20px;padding:20px;overflow: auto;}
.tick_top .top_left{float:left;margin-right: 20px;width: 35%;height: 227px;}
.tick_top .top_right{float: left;width: 62%;}
.tick_top .top_right .top_title{overflow: hidden;}
.tick_top .top_right h4{float:left;width:70%;font-size: 20px;height: 20px;line-height: 20px;color:#333;margin-top: 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tick_top .top_right .level{display: inline-block;margin:0 6px 20px 0;font-weight: normal;border-radius:4px;line-height: 22px;padding:0 10px;background: #85d979;color:#fff;font-size: 14px;}
.tick_top .top_right p.p1{line-height: 32px;font-size: 14px;color:#666;}
.tick_top .top_right p.p1 a{display: inline-block;margin-left: 15px;}
.tick_top .top_right p.p1 a:hover .icon_map{background-position: -65px -740px;}
.icon_map{display:inline-block;width: 19px;height: 25px;vertical-align: middle;background:url(../../../img/common/bg/df_ico_bg.png) -35px -740px no-repeat;margin-right: 6px;}
.tick_top .top_right .top_title p{float:right;width:30%;text-align: right;font-size: 14px;color:#999;}
.tick_top .top_right .top_title p span{color:#e23128;font-size: 16px;font-weight: bold;}
.tick_top .top_right .top_title p strong{color:#e23128;font-size: 36px;font-weight: normal;margin:0 4px;}
.detail_box{overflow: hidden;}
.detail_left{float: left;width: 74%;}
.detail_left .tick_table{margin-bottom: 20px;background: #fff;}
.detail_left .tick_thead span,.detail_left .tick_tbody span{text-align: center;padding-left:0;}
.detail_left .tick_thead .tick_td1{width: 42%;}
.detail_left .tick_thead .tick_td2{width: 21%;}
.detail_left .tick_thead .tick_td3{width: 11%;}
.detail_left .tick_thead .tick_td4{width: 11%;}
.detail_left .tick_thead .tick_td5{}
.detail_left .tick_tbody{overflow: visible;max-height: none;}
.detail_left .tick_tbody .tick_td1{width: 10%;height: 100%;float:left;+display:inline;border-top: 1px dashed #ededed;}
.detail_left .tick_tbody .tick_tr:first-child .tick_td1{border-top: 0;}
.detail_left .tick_tbody .tick_td2{width: 90%;display: inline-block;+width:89.5%;text-align: left;float: right;border-bottom: 1px dashed #ededed;}
.detail_left .tick_tbody .tick_td2 .tick_td01{width: 37%;text-align: left;border-left: 1px solid #ededed;}
.detail_left .tick_tbody .tick_tr{overflow: hidden;zoom:1;border-bottom: 0;}
.detail_left .tick_tbody .tick_tr:after{clear:both;}
.detail_left .tick_tbody .tick_td2:hover,.detail_left .tick_tbody .on{background: #f3faff;}
.detail_left .tick_tbody .on{border:1px solid #c9dcf1;}
.detail_left .tick_tbody .tick_td2 dl{border-top: 1px dashed #ededed;overflow: hidden;}
.detail_left .tick_tbody .tick_td2 .tick_td05{width: 13%;text-align: right;}

.detail_box .tick_table{margin-bottom: 20px;background: #fff;}
.detail_box .tick_thead span,.detail_box .tick_tbody span{text-align: center;padding-left:0;}
.detail_box .tick_thead .tick_td1{width: 55%;}
.detail_box .tick_thead .tick_td2{width: 12%;}
.detail_box .tick_thead .tick_td3{width: 8%;}
.detail_box .tick_thead .tick_td4{width: 10%;}
.detail_box .tick_thead .tick_td5{}
.detail_box .tick_tbody{overflow: visible;max-height: none;}
.detail_box .tick_tbody .tick_td1{width: 10%;height: 100%;float:left;+display:inline;border-top: 1px dashed #ededed;}
.detail_box .tick_tbody .tick_tr:first-child .tick_td1{border-top: 0;}
.detail_box .tick_tbody .tick_td2{width: 90%;display: inline-block;+width:89.5%;text-align: left;float: right;border-bottom: 1px dashed #ededed;position:relative;}
.detail_box .tick_tbody .tick_td2 .tick_td01{width: 49%;text-align: left;border-left: 1px solid #ededed;}
.detail_box .tick_tbody .tick_tr{overflow: hidden;zoom:1;border-bottom: 0;}
.detail_box .tick_tbody .tick_tr:after{clear:both;}
.detail_box .tick_tbody .tick_td2:hover,.detail_box .tick_tbody .on{background: #f3faff;}
.detail_box .tick_tbody .on{border:1px solid #c9dcf1;}
.detail_box .tick_tbody .tick_td2 dl{border-top: 1px dashed #ededed;overflow: hidden;}
.detail_box .tick_tbody .tick_td2 .tick_td05{width: 13%;text-align: right;}
.detail_box .tick_tbody .tehui_icon{background:url(../../../img/www/tickets/tehui_icon.png) no-repeat;width:34px;height:34px;display:block;position:absolute;top:0;left:0;}

.tick_td02{width: 14%; font-size:12px !important; height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align: middle;}
.tick_td03{width: 10%;}
.tick_td04{width: 10%;}
.tick_td01 a{color:#333;}
.tick_td01 a:hover{color:#619ee0;}

.view_info{background: #fff;border: 1px solid #ededed;border-top: 0;margin-bottom: 20px;padding-bottom:20px;border-left: 0;border-right: 0;}
.info_tab{height: 66px;margin-bottom: 20px;}
.info_tab ul{width:888px;height: 64px;border:1px solid #ededed;z-index: 99;}
.info_tab ul::after{clear:both;content: "";}
.info_tab ul li{float: left;}
.info_tab ul li.li_last{text-align: right;float:right;}
.info_tab ul li a{display: inline-block;height: 62px;line-height: 62px;padding:0 40px;font-size: 20px;background: #fff;color:#a3a3a3;border-right:1px solid #ededed;}
.info_tab ul li.on a{border-top: 3px solid #619ee0;color:#619ee0;height:64px;}
.info_tab ul li.li_last a{height: 42px;width: 120px;border-right: 0;padding:0;text-align: center;line-height: 42px;color:#fff;background: #ee0020;border-radius: 4px;margin:10px 30px 0 0;}
.info_tab ul li.li_last a:hover{background: #f7372e;}
.view_trait{border-bottom:1px solid #ededed;margin:0 15px 15px;padding-bottom: 10px;}
.view_trait p{margin-bottom: 10px;padding-left: 23px;overflow: hidden;}
.view_trait p em{display: block;float:left;margin-right:15px;font-style: normal;width: 78px;background:url(../../../img/www/order/icon_order.png) -150px -60px no-repeat;font-size: 15px;color:#fff;text-align: center;height: 33px;line-height: 28px;}
.view_trait p span{display: block;float:left;width: 85%;line-height: 28px;}
.view_info dl{overflow: hidden;font-size: 14px;padding:0 20px;color:#333;}
.view_info dl dt{float: left;width: 11.5%;padding-right:10px;text-align: right;line-height: 24px;}
.view_info dl dd{float: left;width: 87.5%;min-height:24px;margin-bottom: 10px;}
.view_info dl dd p{line-height: 24px;}
.view_info dl dd p img{width: 48%;margin:10px 0;}
.tab_fixed{position: fixed;top:0;background: #fff;width:886px;}

/* 推荐景点 */
.detail_right{float: right;width: 24%;background: #fff;}
.detail_right h3{font-size: 16px;line-height: 65px;height: 65px;color:#fff;background: #1a4a9e;padding-left: 22px;}
.detail_right ul{padding:20px 25px 10px;border:1px solid #ededed;border-top: 0;}
.detail_right ul li{margin-bottom: 10px;}
.detail_right ul li a.img_link{display: block;margin-bottom: 6px;}
.detail_right ul li a.img_link img{width: 236px;height: 132px;}
.detail_right ul li p{line-height: 24px;font-size: 14px;}
.detail_right ul li p a{color:#333;font-weight: bold;display: block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.detail_right ul li p a:hover{color:#1a4a9e;}
.detail_right ul li p.p1{color:#999;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.detail_right ul li p.p2{color:#828282;}
.detail_right ul li p strong{font-size: 20px;font-weight: normal;}

/***********
*宽1000px布局
************/
@media screen and (max-width: 1366px){
    .wid_1200{width: 1000px;}
    .list_box .list_left img{width: 193px;height: 108px;}
    .ticket_box .ticket_right ul li a img{width: 216px;height: 104px;}
	.ticket_box .ticket_right .list_ul{padding:16px;}
	.ticket_box .ticket_right li h4{ margin-top: 6px;}
	.ticket_box .ticket_right li .price{margin-bottom:10px;}
    .list_box .list_center h4{font-size: 14px;}
    .list_box .list_center p{line-height: 22px;}
    .list_box .list_right p strong{font-size: 22px;}
    .tick_top .top_left{height: 188px;}
    .detail_right ul li a.img_link img{width: 188px;height: 105px;}
    .view_trait p{padding-left: 5px;}
    .tick_top .top_right strong{font-size: 30px;}
    .tick_top .top_center p{line-height: 26px;}
    .info_tab ul{width:740px;}
	
	.ticket_filter .filter_con{width:86%;}
}


.icon_servicefee{display: inline-block;width: 14px;height: 14px;vertical-align: middle;background:url(../../../img/www/tickets/icon_servicefee.png) 0 0 no-repeat;background-size:100%;margin-top: -2px;margin-left:1px;}

.modal-bg{
    position: fixed;
    background-color: rgba(0, 0, 0, .5);
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 99998;
}

.modal-content{
    width: 720px;
    height: 648px;
    background: #FFFFFF;
    box-shadow: 0px -1px 0px 0px #E5E5E5;
    border-radius: 0px 0px 4px 4px;
    position: fixed;
    left: calc(50% - 360px);
    top: 30%;
    z-index: 99999;
}
.modal-content-title{
    font-size: 20px;
    font-weight: 400;
    color: #111111;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    text-align: center;
    position: relative;
}
.modal-content-colse{
    position: absolute;
    right: 23px;
    width:18px;
    height:18px;
    top: 0px;
}
.modal-content-colse>img{
    width: 100%;
    height: 100%;
}
.modal-content-footer{
    font-size: 20px;
    font-weight: 400;
    color: #111111;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    text-align: center;
    position: relative;
}
.modal-content-footer-save{
    position: absolute;
    width: 102px;
    height: 40px;
    line-height: 40px;
    background: #1A4A9E;
    border-radius: 2px;
    right: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
}
.modal-content-desc{
    height: calc(100% - 160px);
    overflow-y: auto;
    padding: 20px;
}