@charset "utf-8";
/* CSS Document */
html,body{margin:0px;padding:0;min-height:100%;background-color:#fff;}
*html{background-image:url(about:blank);background-attachment:fixed;}
img {border:0;outline:none;}
a{ text-decoration: none;color:#333; outline:none;}
a:hover{text-decoration:none;color:#333; outline:none;}

/*
a:active,a:visited{color:#FFF;}
*/
body{font-family:"microsoft yahei", Arial, Helvetica, sans-serif;font-size:14px;color:#333;position:relative;width:100%;margin: 0 auto;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}
select,input{font-size: 13px;font-family:"microsoft yahei", Arial, Helvetica, sans-serif; padding:0; margin:0;}
input,button,select,textarea,
div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,em,span,a,img{margin:0; padding:0; list-style:none;outline:none;/*-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;user-select: none;*/}
input,button{-webkit-appearance:none;font-size:100%;}
table{ border:0; padding:0; margin:0;}
em,i { font-style:normal}
table {border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li {list-style: none;}
*{-webkit-tap-highlight-color:rgba(255,255,255,0);tap-highlight-color:rgba(255,255,255,0);}
img {border: none;}
input,img {vertical-align:middle;}
button {font-family:"microsoft yahei";}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#939393;font-weight:normal;font-family: "microsoft yahei";font-size: 12px;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#939393;font-weight:normal;font-family: "microsoft yahei";font-size: 12px;}
.f_left{float:left;}
.f_right{float:right;}
.hide,a.hide{display:none;}
.pd_r_146{ padding-right: 146px;}
.pd_r_184{ padding-right: 184px;}
.mr_t_80{ margin-top: 80px;}
.mr_t_1{ margin-top: 1px;}
.mr_t_20{ margin-top: 20px;}
.mr_t_250{ margin-top:250px;}
.mr_t_30{ margin-top: 52px;}
.bg3f{ background: #fff;}
.bgeb{background: #ebebeb}
.pd_lr_37{ padding: 0 37px;}
.mr_t_117{ margin-top: 58px;}
.text-r{ text-align: right;}
.w-564 { width: 564px;}
.w-120{ width: 120px;}
.mr_lr_37{ margin-left: 37px; margin-right: 37px;}


/*加载*/
.loading_tit{position:relative;clear:both;height:70px;line-height:70px;text-align:center;color:#999;width:100%;background:#f2f2f2;margin:0 auto 10px;z-index:1;}
.loading_tit p{}

.tipsBox {border-radius: 8px; position: fixed; display: none;width: 90%; padding: 20px 0; top: 50%; left: 50%;  margin: -36px 0 0 -45%; text-align: center; color: #fff;white-space:pre-line;word-wrap: break-word; background: rgba(0,0,0,0.7);z-index: 99999;}



/*头部*/
.header_Box{ width: 100%; float: left; border-bottom: 1px solid #e5e5e5; height: 44px; position: relative; z-index: 999; left: 0;  top: 0; }
.icon_black{margin:14px 0 0 13px; top: 0; width: 9px; height: 16px; background: url("../images/arrow_back_press@2x.png") left top no-repeat; background-size: 100% 100%; position: absolute; left: 0;}
.icon_more{position: absolute; right:12px; top: 50%; margin-top: -7px;  width: 20px; height: 14px; background: url("../images/nav_menu_nor@2x.png") left top no-repeat;background-size: 100% 100%;}
.h_logo{ width: 530px; text-align: center; line-height: 86px;}
.icon_more em,.header_list li span{position: absolute; top: -9px; right: -5px; text-align: center; width: 22px; height: 22px; background: #f00; color: #fff; border-radius: 34px; line-height: 22px; font-size: 12px; font-family: "Arial";}
.header_list{display: none; position: absolute; top: 22px; right: -7px; background: #232323;border-radius: 4px; width: 90px; padding: 5px; color: #fff; z-index: 99999;}
.header_list i{ position: absolute; top: -6px; right: 11px; overflow: hidden; background: #f30; width: 9px; height: 6px;background: url("../images/icon_j.png") left top no-repeat;}
.header_list li {position: relative; overflow: hidden; border-bottom: 1px solid #393939; text-align: center; line-height:34px;}
.header_list li a{ color: #fff; font-size:15px;}
.header_list li:last-child { border-bottom: none;}
.header_list li span {top: 3px!important; right: 2px!important; width: 17px!important; height: 17px!important; border-radius: 17px!important; font-size: 9px!important; line-height: 17px!important;}

/*搜索*/
.icon_search { overflow: hidden;position: relative;height: 28px; margin:9px 48px 0 58px; text-align: center;}
.icon_search input {position: relative; border: 1px solid #ebebeb; width: 98%; height: 26px; line-height: 26px; border-radius: 15px; text-indent: 37px;}
.icon_search input::-webkit-input-placeholder { font-size: 13px; color: #c8c8c8;}
.icon_search a { z-index: 99; left: 14px; top:7px; position: absolute; width: 14px; height: 14px; background: url("../images/icon_magnify@2x.png") left top no-repeat;  background-size: 100% 100%}
.icon_search span {top: 17px;display: none; right: 20px; position: absolute; width: 24px; height: 24px; overflow: hidden;background: url("../images/R_icon.png") -183px -36px no-repeat;}
.s_adders { position: absolute; top: 7px; left:-74px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height: 28px; background:url("../images/icon_triangle_nor.png") right center no-repeat #fff; line-height: 28px; text-align: right; width: 60px; padding-right: 14px; background-size: 11px 9px;}
.s_up{background:url("../images/icon_triangle_press.png") right center no-repeat #fff!important; }
.s_cancel { position: absolute; top: 7px; height: 28px; line-height: 28px; right: -40px; background: #fff; display: none; width: 40px; z-index: 99; color: #408dcc;}

.s_searchBox{ position: fixed; top: -100%; left: 0; width: 100%; z-index: 998;  background: #ebebeb; height: 100%;}
.s_sea_txt{ background: #fff; overflow: hidden; padding: 10px 15px;}
.s_sea_txt dt { overflow: hidden; line-height: 38px; color: #5b5b5b;}
.s_sea_txt dd { overflow: hidden;}
.s_sea_txt dd a { display: inline-block;float: left; margin:9px 7px 0 0; line-height: 22px; border: 1px solid #c8c8c8; border-radius: 12px; color: #939393; font-size: 10px; padding: 0 12px;}
.giblets { overflow: hidden; text-align: center; padding-top: 10px; color: #5b5b5b; font-size: 12px;}


/*底部*/
.footber_Box,.footber_Box dt,.footber_Box dd{ overflow: hidden;}
.footber_Box dt{border-bottom: 1px solid #e0e0e0;}
.footber_Box dt a { float: left; width: 33%; text-align: center; height: 27px; line-height: 27px; color: #939393;}
.footber_Box dt a:nth-child(2){ width: 34%;}
.footber_Box dd { text-align: center; height: 25px; line-height: 25px; color: #939393; }

.footber_fixe{ position: fixed; width: 566px; bottom: 0; left: 50%; margin-left: -320px; padding: 0 37px;}



.is_d{background: url("../images/icon_d.png") left center no-repeat; background-size: 100% 100%;}
.is_t{background: url("../images/icon_t.png") left center no-repeat;background-size: 100% 100%;}
.is_t span { font-family: "Arial";}
.is_f{background: url("../images/icon_f.png") left center no-repeat;background-size: 100% 100%;}
.is_x{background: url("../images/icon_x.png") left center no-repeat;background-size: 100% 100%;}
.is_l{background: url("../images/icon_l.png") left center no-repeat;background-size: 100% 100%;}


/*活动详情*/
#imgZoomBox { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); opacity:0; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out; z-index:9999; }
#imgZoomBox.fade { opacity:1; }
#imgZoomBox:after { position:absolute; top:0; right:0; width:40px; height:40px; text-align:center; font:18px/40px Arial; content:"✖"; color:#fff; z-index:9999; }

.part_topBox{ overflow: hidden; border-bottom: 1px solid #e4e4e4; width: 100%;}
.part_topBox dt,.part_topBox dd,.part_topBox dd li  {overflow: hidden;}
.part_topBox dt img{ width: 100%;}
.part_topBox dt .img-text-container{ width: 80%; margin: 0 10%; text-align: center; color: #FFFFFF; position: absolute; left: 50%; margin-left: -40%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); padding: 5px; }
.part_topBox dt .img-text-container h1{
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 7%;
}
.part_topBox dt .img-text-container p{ font-size: 14px; padding: 0; }
.part_topBox dd li{ margin-left:15px;position: relative; line-height: 20px; padding: 7px 5px 0px 30px; color: #000; font-size: 16px;}
.part_topBox dd li:first-child{ border-bottom: 1px solid #f2f2f2; padding-left: 0;padding-bottom: 15px;}
.part_topBox dd li p{  border-bottom: 1px solid #f2f2f2; color: #5b5b5b; font-size: 14px; padding-bottom: 7px; line-height: 22px;}
.part_topBox dd li:last-child p{ border-bottom: none;}
.part_topBox dd li i{ position: absolute; left: 0; top:13px; overflow: hidden; width: 14px; height: 14px;}
.part_topBox dd li .is_d { height:14px; top:12px; }
.part_topBox dd li .is_x,
.part_topBox dd li .is_f { top:10px; }
.part_ounBox,.part_txt{ overflow: hidden;margin-top: 15px; border-bottom: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4; }
.part_ounBox{color: #939393; padding: 12px 0; line-height: 20px;}
.part_ounBox li { float: left; width: 50%; text-align: center;}
.part_ounBox li:last-child {margin-left: -1px; border-left: 1px solid #e5e5e5;}
.part_ounBox li span { color: #f00; font-family: "Arial;"}
.part_txt {padding: 7px 15px; color: #5b5b5b; line-height:1.5em;font-size: 14px; text-align:justify; }
.part_txt img,.part_txt p img { max-width: 100%;}

.part_comment { overflow: hidden; margin-top: 30px;}
.part_comment dt { border-bottom: 1px solid #e4e4e4; line-height: 36px; padding: 0 18px; color: #939393; overflow: hidden;}
.write {display: inline-block; padding-left: 17px; color: #3b9de7; position: relative;}
.write i{ position: absolute; left: 0; top: 50%; width: 14px; height: 15px; margin-top: -7px; background: url("../images/icon_comment@2x.png") left top no-repeat; background-size: 100% 100%;}
.write:hover{color: #3b9de7;}
.part_comment dd{ overflow: hidden;}
.part_comment dd li { border-bottom: 1px solid #e4e4e4; position: relative; padding: 8px 19px 8px 54px;min-height: 34px;}
.part_comment dd li .p_header { position: absolute; left: 19px; top: 9px; width: 26px; height: 26px; overflow: hidden;}
.part_comment dd li .p_header img { width: 26px; height: 26px;}
.part_comment dd li .p_top{ line-height: 30px;  overflow: hidden; color: #1d1d26;}
.p_name{max-width: 315px;margin-top: -8px;}
.p_time { color: #939393; text-align: right;font-family: "Arial"; font-size: 10px; max-width: 170px;margin-top: -8px;}
.ment_txt { overflow: hidden; line-height: 20px; padding-top: 2px; color: #5b5b5b; font-size: 14px;margin-top: -8px;}
.ment_txt .c-3b9de7{color: #3b9de7;}
.getBtn_ment { height: 18px; line-height: 18px; padding: 10px 0; text-align: center; color: #3b9de7; font-size: 14px;}
.getBtn_ment span { display: inline-block; position: relative; padding-right: 32px;}
.getBtn_ment span i {position:absolute; right: 0; top: 50%; width: 20px; height: 11px; margin-top: -5px; background: url("../images/R_icon.png") -106px -36px no-repeat; -webkit-transform:scale(.8); transform:scale(.8); }

.myEnro,.myBottom {position: fixed; width:100%; height: 44px; text-align: center; line-height: 44px; padding: 5px 0; background: #3b9de7; bottom: 0; left: 0;  color: #fff;}
.myEnro span,.myBottom span { position: relative; display: inline-block; padding-left: 20px; font-size: 14px;}
.myEnro span i{ position: absolute; left: 0; top: 50%; margin-top: -10px;  width: 14px; height: 17.5px; background: url("../images/icon_pro.png") left top no-repeat; background-size: 100% 100%;}
a.practice {z-index: 9; overflow: hidden;bottom: 70px; right: 16px; position: fixed; width: 44px; height: 28px; padding:8px  0; line-height: 1em; border-radius: 42px; color: #fff;font-size: 12px; text-align: center;background: #3b9de7;}
.boxMast{z-index: 9999;display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5);left: 0; top: 0;right:0;bottom:0;overflow: hidden;}
.m_iptBox{ opacity: 0; overflow: hidden; position: fixed; width: 100%; z-index: 99999; left: 0; bottom:0; background: #f4f4f6; padding: 5px 0;}
.m_iptBox .mtop { overflow: hidden;}
.m_iptBox .mtop i{ float: left; width: 25px; height: 25px; background: url("../images/img_face.png") left top no-repeat;margin:5px 9px 0 4px; background-size: 100% 100%; }
.m_iptBox .mtop textarea {border: none;float: left; height: 20px; line-height: 20px;width: 72%; border-radius: 4px;padding: 8px 4px; font-size: 12px; color: #999}
.m_iptBox .mtop span { float: right; width:46px; text-align: center; color: #fff; height: 36px; line-height: 36px; background: #00a0e9;border-radius: 4px; margin-right: 4px;}


.topicBox{width:100%;height:160px;margin:10px auto 0;}
.topicBox textarea{display:block;height:100%;width:95%;margin:0 auto;border:none;background:none;font-size:14px;}
.topicWork{width:100%;height:32px;margin-top:10px;padding:5px 0 5px;border-top:1px solid #b6b8bb;border-bottom:1px solid #b6b8bb;
    background: #fff;position:absolute;top:0;left:0;z-index:10}
.topicWork img{height:25px;top:9px;position:absolute;}
.topicWork a{display:inline-block;width:66px;height:30px;border:1px solid #f16361;border-radius:5px;position:absolute;
    top:5px;right:15px;font-size:14px;color:#f16361;text-align:center;line-height: 30px;}
.topicImgBox{padding-left:2.5%;margin:0 auto;overflow:hidden;}
.topicImgBox img{width:22%;_height: 50px;float:left;margin-right:3%;margin-top:10px;}
.topicImgBox a{display:inline-block;width:22%;height:46px;border:2px solid #d8d8d9;color:#d8d8d9;font-size:30px;
    text-align:center;_line-height:45px;margin-top:10px}
.emoji{padding-bottom:20px;}

.focus{width:100%;margin:0 auto; position:relative; overflow:hidden;  opacity: 0;}
.focus .hd{ width:100%; /*height:100%;*/position:absolute;z-index:1; bottom:0;text-align:center; }
.focus .hd ul{display:inline-block;height:5px;padding:3px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{display:inline-block;width:12px;height:12px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    background:#bbbbbb;margin:0 5px;vertical-align:top;overflow:hidden;}
.focus .hd ul .on{background:#8b8b8b;}
.focus .bd{width:620px;position:relative;}
.focus .bd ul{width:100%;overflow:hidden; }
.focus .bd li{position:relative;float:left;width:620px;}
.focus .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.faceGif{text-align:center;margin-top:15px;overflow:hidden; width: 100%;}
.faceGif dd{float:left;margin:0 auto 10px; width: 20%;}
.faceGif img{width:32px;height: auto!important;}
/*.faceGifBox{width:100%;height:450px;padding-top:50px;background:#fff;}*/
/*.faceGifBox .focus{_height: 146px;opacity:1;_position:absolute;_top:53px;_left:100%;}*/
.faceGifTemp{margin-top:0px;position:relative;z-index:-999;opacity:1;}

/*.faceGifBox{width:750px;height:450px;padding-top:50px;background:#fff;position:fixed;left:50%;margin-left:-375px;*/
/*opacity:1;z-index:1;bottom:110px;}*/
/*.faceGifBox .focus{_height: 146px;opacity:1;_position:absolute;_top:53px;_left:100%;}*/
/*.faceGifTemp{opacity:0;z-index:-999;bottom:-600px;}*/
.faceGifBox{overflow: hidden;width: 620px;}
.faceGifBoxPlus{bottom:500px;}
.pb-600{padding-bottom:600px;}
.faceGifBox .focus{_height: 146px;opacity:1;_position:absolute;_top:53px;_left:100%;}
.faceGifTemp {display: none; }



.part_topBox dt { position: relative; min-height: 100px;}
.part_topBox dt a { position: absolute; top: 7px; right: 13px; width: 34px; height: 34px; border-radius: 50%; background: rgba(0,0,0,0.6); color: #fff; text-align: center; line-height: 34px; }
.part_topBox dt .tg { top:auto; right:auto; bottom:7px; left:13px; width:auto; padding:0 35px 0 10px; height:40px; border-radius:6px; background: rgba(0,0,0,0.4) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAMAAABrN94UAAAAnFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9FaQsiAAAAM3RSTlMAiO53D8fGzTDyA/3zAbcIdZceeAWcf/HOgLLtYbgNC7uoBsSeE5QY1BbafFD+cehmLVuy8SCPAAAAhUlEQVR4Xp2QxwpCQQxF76ijr9t7773e//83IQsZQkTw7HLOIiEIaBVxAwbJgGTZCBFpl3r1W6n8U/yP0gbQmbiQZiplmKNLkx76dshQs8MIkR+XAmIK05m6ar4Qv1zpa9fiN4nyW1nIXa78/iDeQXE8iT9DcyHJ6834051MHzB4+uz1Gd7sUCG63HzUtAAAAABJRU5ErkJggg==') /*../images/ico-arrow.png*/ 93% center no-repeat; background-size:16px; color: #fff; text-align: center; line-height:40px;}


.enteredTispBox,.info_tips {z-index: 99999;display: none; overflow: hidden; position: fixed; left: 50%; top: 50%; width: 90%; min-height: 185px; margin: -93px 0 0 -45%;background: #fff; border-radius: 9px;}
.enteredTispBox dt,.info_tips dt { overflow: hidden; padding: 0 22px; color: #939393; min-height: 141px;}
.enteredTispBox dt h3,.info_tips dt h3  { text-align: center; line-height: 56px; color: #5b5b5b; font-size: 18px;}
.enteredTispBox dd {overflow: hidden; height: 44px; text-align: center; color: #fff; font-size: 14px; border-radius: 0 0 9px 9px ; background: #3b9de7; line-height: 44px;}

/*门票类型*/
.clearfix{clear: both;}
.color-blue{color: #00a0e9;}
.ticketBox{z-index: 9999;display: none;padding-bottom: 2px;overflow: hidden;padding-top: 10px; position: fixed; left: 0; bottom: 0; width: 100%; height:80%; }
.titleBox{width: 100%;height:115px;border-bottom:1px solid #d3d3d3;background: #fff;position: absolute;top: 10px;left: 0; }
.imgBox{width:38%;height:105px;padding: 2px;position: absolute;top: -10px;left: 5px;border: 1px solid #d2d2d2;border-radius: 2px;background-color: #fff;}
.imgBox img{display: block;width: 100%;height: 100%;}
.title-content{width: 58%;overflow:hidden;position: absolute;top: 50%; left: 43%; -webkit-transform: translateY(-40%);transform: translateY(-40%);line-height: 1.5;}
.title-content p{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 14px;}
.title-content .meeting-time{font-size: 12px;color: #a3a0a0;}
.ticket-select{width: 100%;overflow:hidden;position: absolute;top:126px;bottom:44px;left: 0;right:0;background: #f0eff5;z-index: 99999;}
.ticket-select ul{overflow-y:scroll;overflow-x:hidden;width: 100%;height: 100%;-webkit-overflow-scrolling: touch;}
.ticket-select li{width:78%;margin: 0 auto;margin-top: 10px;}
.ticket-select li:last-child{margin-bottom: 30px;}
.t-item{position:relative;border:1px solid #d2d2d2;padding:10px 20px;border-radius: 1px;font-size: 14px;}
.t-item h3{line-height: 20px;font-size: 16px;}
.t-item p{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.t-item .t-border{height:0;border-bottom: 1px dashed #d2d2d2;padding: 5px 0 0;margin-bottom: 5px;}
.ticket-red{color: #f45a5a;border-color: #f45a5a;}
.ticket-active{border: 2px solid #00a0e9;margin: -1px;}
.ticket-checked{position:absolute;bottom:0;right:0;display: inline-block;width: 25px;height: 22px;background: url("../images/ticket-icon_03.png") top right no-repeat;background-size: 100% 100%;}
.t-item span.t-nothing{position: absolute;right: 8px;top:3px;font-size:12px;}
div.sale-over{ color:#cdcdcd;background-color: #f6f6f6;border-style: dashed;background-image: url("../images/saleover_07.png");background-position: top right;background-repeat: no-repeat; }
/*关闭按钮*/
.dialog-close{position:absolute;top:8px;right:-3px;width: 32px;height: 32px;z-index:99;background: url("../images/dialog-close_07.png") 0 0 no-repeat;transform: scale(.6);}
.nextBox{position: absolute; width:100%; height: 54px;line-height:54px;bottom: 0; left: 0;z-index: 99999;overflow: hidden;font-size: 16px;}
.nextBox .next-step{width:50%;height:100%;text-align: center;}
.nextBox .next-l{background-color: #ffffff;}
.nextBox .next-l span{color:#f45a5a;}
.nextBox .next-r{background-color:#00a0e9;color: #ffffff;}

@media (min-width: 320px) {
    .title-content p{font-size: 14px;}
    .title-content .meeting-time{font-size: 12px;padding-top: 5px;}
}
@media (min-width: 375px) {
    .title-content p{font-size: 14px;}
    .title-content .meeting-time{font-size: 12px;}
}
@media (min-width: 414px) {
    .title-content p{font-size: 16px;}
    .title-content .meeting-time{font-size: 14px;}
}