* {
box-sizing: border-box;
}
.alm {
display: inline-block;
}
.phone {
max-width: 480px;
margin: 0 auto;
}
/**/
@font-face {
font-family: "iconfont_old";
src: url("../fonts/iconfont.eot");
/* IE9*/
src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),
/* IE6-IE8 */ url("../fonts/iconfont.woff") format("woff"),
/* chromeã€firefox */ url("../fonts/iconfont.ttf") format("truetype"),
/* chromeã€firefoxã€operaã€Safari, Android, iOS 4.2+*/
url("../fonts/iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */
}
.icon {
font-family: "iconfont_old" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
vertical-align: middle;
}
/*图片比例*/
.img_scale {
width: 100%;
margin: 0 auto;
display: block;
overflow: hidden;
position: relative;
}
.img_scale span {
width: 100%;
height: 0;
overflow: hidden;
display: inline-block;
float: left;
}
.img_scale img {
width: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
min-height: 100%;
}
.img_scale.s_1_1 span {
padding-bottom: 100%;
}
.img_scale.s_3_1 span {
padding-bottom: 33.33%;
}
.img_scale.s_16_9 span {
padding-bottom: 56.25%;
}
.img_scale.s_3_2 span {
padding-bottom: 66.66%;
}
.img_scale.s_4_3 span {
padding-bottom: 75%;
}
.img_scale.s_2_3 span {
padding-bottom: 133.33%;
}
/*website å…¬å…±æ ·å¼*/
.website {
position: relative;
overflow: hidden;
min-height: 100%;
background: #fff; /*height:100vh; min-height:auto; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch;*/
}
.website .input,
.website select,
.website textarea {
border: 1px solid rgba(0, 0, 0, 0.12);
}
.website .input:hover,
.website select:hover,
.website textarea:hover {
border: 1px solid rgba(0, 0, 0, 0.3);
}
.website .input:focus,
.website focus:active,
.website textarea:focus {
border: 1px solid rgba(0, 160, 232, 1);
}
.website .form_li .item_li {
margin-bottom: 12px;
cursor: pointer;
display: flex;
align-items: center;
}
.website .form_li .item_li:last-child {
margin-bottom: 0;
}
.website .form_li .item_li .item_con {
padding-left: 0;
flex: auto;
width: min-content;
}
.website .form_li .item_li.unclickable {
background: none;
border: 0 !important;
}
.phone .website .form_li .item_li.unclickable .input_radio {
opacity: 0.6;
}
.website .form_li .it {
line-height: 20px;
cursor: pointer;
}
.website .form_li .f_con .it {
padding-top: 8px;
}
.website .form_li input[type="checkbox"],
.website .form_li input[type="radio"] {
display: none;
}
.website .form_li .input_radio {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 100%;
display: inline-block;
height: 16px;
width: 16px;
line-height: 1;
float: left;
margin-right: 10px;
box-sizing: content-box;
margin-top: 2px;
}
.website .form_li input[type="checkbox"]:checked + .input_radio:after,
.website .form_li input[type="radio"]:checked + .input_radio:after {
border-radius: 100%;
content: "";
display: inline-block;
height: 12px;
margin: 2px;
width: 12px;
background: #57ad68;
}
.website .form_li .input_radio.input_checkbox,
.form_li input[type="checkbox"]:checked + .input_radio.input_checkbox:after {
border-radius: 2px;
font-family: "iconfont_old";
content: "\e652";
color: #57ad68;
font-size: 12px;
background: none;
}
.website .form_li .it_span.color {
border-color: inherit;
}
.website .button.bg {
color: #fff;
}
.website .button.w_line {
color: #202020;
}
.website .bg_line {
border-style: solid;
border-width: 1px;
opacity: 0.6;
position: absolute;
z-index: 1;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
max-width: initial !important;
}
.website .bg_line .bg {
width: 100%;
height: 100%;
opacity: 0.05;
display: inline-block;
}
.website .page_head {
position: relative;
}
.website .page_head .register {
display: none;
}
.website .module {
position: relative;
z-index: 1;
}
.website .module .title_none {
display: none;
}
.website .module .title .re_ti {
display: none;
}
.website .module .con {
max-width: 1100px;
margin: 0 auto;
position: relative;
}
.phone .website {
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
}
.phone .module .con {
width: 100%;
max-width: none;
}
.phone .website .form_li .select_box {
width: 100% !important;
margin-right: 0 !important;
margin-top: 8px;
}
.phone .website .form_li .select_box:first-child {
margin-top: 0px;
}
.phone .website .form_li .up_file {
line-height: 38px;
background: #fff;
}
.phone .website .form_li .it_span {
height: 42px;
line-height: 42px;
}
.phone .website .form_li .item_li {
border: 1px solid rgba(0, 0, 0, 0.12);
border-top: none;
padding: 11px 10px;
margin: 0;
background: #fff;
}
.phone .website .form_li .f_con .item_li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 6px 6px 0 0;
}
.phone .website .form_li .f_con .item_li:last-child {
border-radius: 0 0 6px 6px;
}
.phone .website .form_li.terms .f_con .item_li {
border: 0;
padding: 0;
font-size: 14px;
}
.phone .website .form_li .item_li .item_con {
padding-right: 0;
}
.phone .website .form_li .item_li.qt .input_radio {
margin-top: 1px;
}
.phone .website .form_li .item_li.qt .input {
padding: 0;
margin: 0;
border: 0;
height: 21px;
line-height: 21px;
}
.phone .website .form_li .input_box {
padding-right: 0;
}
.module .li > a {
color: inherit;
}
/*è½®æ’组件*/
.slick-slider {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
position: relative;
display: block;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
z-index: 1;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translateZ(0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide .item {
float: left;
}
.slick-slide img {
display: block;
width: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
position: relative;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-slider .carousel-control {
position: absolute;
z-index: 5;
left: 2vw;
top: 50%;
margin-top: -16px;
cursor: pointer;
}
.slick-slider .carousel-control .icon {
position: relative;
top: auto;
margin-top: 0;
left: auto;
}
.slick-slider .carousel-control.right {
left: auto;
right: 2vw;
}
.slick-slider .carousel-control.right .icon {
right: auto;
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
display: none !important;
}
/*å¯åŠ¨é¡µ*/
.start_page {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 10000;
}
.start_page .page_img {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
background-size: cover;
background-position: center;
background-color: #fff;
max-width: 480px;
margin: 0 auto;
}
.start_page .page_img:after {
font-family: "iconfont_old";
content: "\e6b4";
font-size: 60px;
position: absolute;
bottom: 60px;
left: 50%;
margin-left: -30px;
display: inline-block;
width: 60px;
height: 60px;
line-height: 1;
animation: fadeInDown 2s ease 0s infinite normal;
z-index: 1000;
color: #fff;
text-shadow: 0 1px 10px rgba(0, 0, 0, 0.8);
}
/*分享排å*/
.share_pm {
width: 58px;
height: 135px;
background: #fff;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
border-radius: 6px 0px 0px 6px;
position: fixed;
right: 0;
bottom: 30vh;
z-index: 100;
text-align: center;
font-size: 12px;
color: #3a404a;
}
.share_pm .icon_div {
height: 68px;
padding-top: 12px;
position: relative;
}
.share_pm .icon_div.share:before {
content: "";
display: inline-block;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
position: absolute;
width: 34px;
left: 50%;
margin-left: -17px;
bottom: 0;
}
.share_pm .icon {
font-size: 24px;
line-height: 1;
margin-bottom: 2px;
margin: 0;
}
.poster_share {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: flex-end;
justify-content: center;
padding: 0 40px;
z-index: 1000;
flex-direction: column;
}
.poster_share .icon.close {
color: #fff;
font-size: 20px;
padding: 10px;
padding-right: 0;
line-height: 1;
}
/*邀约排å列表*/
.share_pm_box {
background: #fff;
min-height: 100vh;
color: #3a404a;
}
.share_pm_box .my_pm {
background: #ecedf4;
padding: 0 20px;
height: 38px;
line-height: 38px;
font-size: 12px;
}
.share_pm_box .my_pm .it {
margin-right: 4vw;
display: inline-block;
}
.share_pm_box .pm_list {
padding-bottom: 54px;
}
.share_pm_box .pm_li {
padding: 20px 20px 20px 15px;
}
#ranking_1 .pm_li:nth-child(1) {
background: linear-gradient(0deg, #fcf9ec 0%, #ffffff 100%);
}
#ranking_1 .pm_li:nth-child(2) {
background: linear-gradient(0deg, #ebf2ff 0%, #ffffff 100%);
}
#ranking_1 .pm_li:nth-child(3) {
background: linear-gradient(0deg, #fcf2ec 0%, #ffffff 100%);
}
.share_pm_box .pm_li .box {
display: flex;
align-items: center;
}
.share_pm_box .pm_li .pm {
width: 40px;
text-align: center;
font-family: "DIN Alternate";
font-size: 20px;
color: #babdc3;
}
.share_pm_box .pm_li .yh {
display: flex;
align-items: center;
flex: auto;
}
.share_pm_box .pm_li .avator {
width: 54px;
height: 54px;
border-radius: 50%;
margin-right: 8px;
margin-left: 5px;
}
.share_pm_box .pm_li .nc {
font-size: 18px;
font-weight: bold;
width: 30vw;
}
.share_pm_box .pm_li .zs_xx {
font-size: 12px;
opacity: 0.5;
margin-top: 4px;
}
.share_pm_box .pm_li .sl {
font-weight: bold;
font-size: 16px;
text-align: right;
}
.share_pm_box .pm_li .sl .zt {
width: 69px;
height: 26px;
background: #babdc3;
border-radius: 13px;
display: inline-block;
text-align: center;
line-height: 26px;
font-size: 12px;
color: #fff;
}
.share_pm_box .pm_li .sl .zt.a {
background: #31bb72;
}
.share_pm_box .tab_li {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 54px;
background: #fff;
box-shadow: 0px -6px 6px rgba(0, 0, 0, 0.06);
z-index: 100;
display: flex;
line-height: 54px;
}
.share_pm_box .tab_li .li {
flex: 1;
text-align: center;
}
.share_pm_box .tab_li .li.color {
font-weight: bold;
}
/*模å—内容空*/
.module .empty {
color: #898989;
}
.module .empty .icon_box {
float: none;
width: auto;
display: inline-block;
margin-bottom: 8px;
}
.module .empty .icon {
font-size: 48px;
line-height: 1;
margin: 0;
}
.module .empty .signed_li {
margin-bottom: 8px;
}
.module.no_spacing {
padding: 0 !important;
margin: 0 !important;
}
.module.no_spacing .title {
display: none;
}
.module.no_spacing .con {
padding: 0 !important;
margin: 0 !important;
}
/*新打开页é¢å…¬å…±æ ·å¼*/
.new_website {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.new_website .website_con {
flex: auto;
}
.new_website .page_head {
overflow: inherit;
}
.new_website .module.menu {
position: relative;
top: auto;
}
.new_website .crumbs {
color: #898989;
margin-bottom: 3em;
}
.new_website .page_head .banner {
display: none;
}
.phone .new_website .crumbs {
margin-bottom: 2em;
}
/*嵌入模å—å…¬å…±æ ·å¼*/
.iframemodule .module {
padding: 0 !important;
margin: 0 !important;
}
.iframemodule .module .title {
display: none;
}
.iframemodule .module .con {
max-width: none;
width: 100%;
padding: 0 !important;
margin: 0 !important;
}
.iframemodule .back_home {
display: none;
}
.iframemodule .float_window {
display: none;
}
/*banner*/
.icon_riqi:before {
content: "\e70e";
}
.icon_didian:before {
content: "\e78f";
}
.icon_zhubanfang:before {
content: "\e64f";
}
.icon_guanzhu:before {
content: "\e61f";
font-size: 14px;
margin-right: 4px;
}
.module.banner .event_logo {
display: none;
}
.module.banner .event_attendinfo {
display: none;
}
.module.banner .banner_event_info {
display: none;
}
.module.banner .or a {
color: inherit !important;
}
.module.banner .b_img {
display: none;
}
.module.banner .carousel {
display: none;
}
.module.banner .blur {
display: none;
}
.module.banner .video_box {
display: none;
}
.module.banner {
display: table;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
text-align: center;
}
.phone .module.banner {
padding: 0 !important;
margin-top: 0 !important;
}
.module.banner .banner_con {
display: table-cell;
vertical-align: middle;
}
.module.banner .banner_con .con {
max-width: none;
width: 100%;
padding: 0;
}
.module.banner .countdown_box {
display: none;
text-align: center;
}
.module.banner .countdown_box .dash {
display: inline-block;
}
.module.banner .countdown_box .digit {
display: inline-block;
vertical-align: top;
}
.module.banner .countdown_box .dash_title {
display: block;
}
.module.banner .information_img img {
max-width: 80%;
max-height: 400px;
}
.module.banner.video_kv .banner_con {
z-index: 2;
}
.phone .module.banner.video_kv .video_box video { max-width: none; height: 100%; width: auto;}
.module.banner.banner_img {
height: auto !important;
background: none;
display: block;
}
.module.banner.banner_img .banner_con {
display: block;
width: 100%;
padding: 0;
}
.module.banner.banner_img .banner_con .con {
max-width: none;
}
.module.banner.banner_img .e_frame {
display: none;
}
.module.banner.banner_custom {
text-align: left;
padding: 1em 0px !important;
font-size: 50px;
min-height: auto !important;
height: auto !important;
}
.module.banner.banner_custom .con {
max-width: 1100px;
}
.module.banner.banner_custom .top_text {
display: flex;
flex-wrap: wrap;
font-size: 1rem;
}
.module.banner.banner_custom .top_text .a {
margin-right: 1em;
}
.module.banner.banner_custom .pagename {
font-weight: bold;
}
.phone .module.banner.banner_img .banner_con .con {
padding: 0;
}
.module.banner.banner_img .b_img {
display: block;
overflow: hidden;
}
.module.banner.banner_img .b_img img {
width: 100%;
float: left;
}
.module.banner.banner_img .information {
display: none;
}
.module.banner.banner_carousel {
height: auto !important;
background: none;
display: block;
}
.module.banner.banner_carousel .banner_con {
display: block;
width: 100%;
padding: 0;
}
.module.banner.banner_carousel .banner_con .con {
max-width: none;
}
.module.banner.banner_carousel .e_frame {
display: none;
}
.phone .module.banner.banner_carousel .banner_con .con {
padding: 0;
}
.module.banner.banner_carousel .carousel {
display: block;
}
.module.banner.banner_carousel .carousel img {
width: 100%;
}
.module.banner.banner_carousel .information {
display: none;
}
.module.banner.banner_carousel .module.banner .layer_wrapper .layer_box {
color: #3a404a;
}
.module.banner.video_kv {
background: none;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.module.banner.video_kv .banner_con {
width: 100%;
padding: 0;
display: block;
}
.module.banner.video_kv .banner_con .con {
z-index: 2;
}
.module.banner.video_kv .video_box {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.module.banner.video_kv .video_box video {
width: 100%;
}
.module.banner.video_kv .video_box:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: linear-gradient(
90deg,
rgba(26, 26, 26, 0.6) 32%,
rgba(63, 63, 63, 0.6) 85%
);
}
.module.banner.video_kv .information .text_d * {
display: inline;
}
.module.banner .layer_wrapper .layer_header .title {
text-align: left;
font-size: 16px;
margin: 0;
}
.module.banner.banner_none {
height: 72px;
background: none;
}
.module.banner.banner_none .banner_con {
display: none;
}
/*nav*/
.module.menu {
z-index: 2;
}
.module.menu .menu_con > .icon {
display: none;
}
.module.menu .or_name {
font-size: 1.4em;
font-weight: bold;
max-width: 500px;
display: inline-block;
text-transform: uppercase;
}
.module.menu .li {
display: inline-block;
}
.module.menu .li a {
color: inherit;
display: block;
position: relative;
white-space: nowrap;
}
.module.menu .submenu {
position: relative;
white-space: nowrap;
}
.module.menu .submenu .icon {
margin: 0;
}
.module.menu .submenu .submenu_li {
display: none;
background: #fff;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
color: #202020;
font-weight: normal;
}
.module.menu .submenu:hover .submenu_li {
display: block;
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
}
.module.menu .buy {
float: right;
display: none;
}
.module.menu.isStuck .buy {
display: inline-block;
}
.phone .module.menu {
height: auto;
line-height: inherit;
position: static;
}
.phone .module.menu .or_logo {
float: left;
height: 100%;
width: calc(100% - 44px);
overflow: hidden;
}
.phone .module.menu .or_logo img {
height: 26px;
float: left;
}
.phone .module.menu .menu_con > .icon {
float: right;
border-left: 1px solid rgba(0, 0, 0, 0.12);
height: 44px;
width: 44px;
line-height: 44px;
display: inline-block;
text-align: center;
color: #202020;
font-size: 20px;
}
.phone .module.menu .nav {
display: none;
position: absolute;
left: 0;
top: 44px;
bottom: 0;
right: 0;
background: #fff;
z-index: 110;
}
.phone .module.menu .nav .li {
display: block;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.06);
line-height: 44px;
padding: 0 16px;
text-align: left;
}
.phone .module.menu .nav .li.lan {
display: none;
}
.phone .module.menu .nav .li .submenu_li {
display: block;
position: relative;
top: auto;
left: auto;
color: #202020;
background: none;
box-shadow: none;
width: 100%;
margin: 0;
}
.phone .module.menu .nav .li .s_li > a {
padding-left: 20px;
}
.phone .module.menu .nav .li .s_li > a:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 16px;
width: 4px;
height: 4px;
border-style: solid;
border-radius: 50%;
border-width: 2px;
border-color: #dfe4e6;
}
.phone .module.menu .nav .s_li {
border-top: 1px solid rgba(0, 0, 0, 0.06);
line-height: 44px;
color: inherit;
}
.phone .module.menu .nav .buy {
display: none !important;
}
/*ä¹å®«æ ¼èœå•*/
.phone .wei_web .module.menu {
height: auto;
line-height: inherit;
position: relative;
}
.phone .wei_web .module.menu .or_logo {
float: none;
height: auto;
width: auto;
display: flex;
align-items: center;
flex: auto;
padding: 0.75em 1.25em;
}
/*活动详情*/
.details.module {
overflow: hidden;
}
.details_con .bdsharebuttonbox {
margin-top: 32px;
text-align: center;
font-size: 14px;
padding-bottom: 16px;
}
.details_con .bdsharebuttonbox a {
display: inline-block;
background: url(../img/bdsharebuttonbox.png) no-repeat;
background-size: 32px 288px;
height: 32px;
font-size: 12px;
color: #fff;
width: 58px;
padding-left: 24px;
line-height: 32px;
text-align: center;
box-sizing: content-box;
border-radius: 2px;
float: none;
white-space: nowrap;
}
.details_con .bdsharebuttonbox a:hover {
color: #fff;
}
.details_con .bdsharebuttonbox .bds_qzone {
background-position: 0px -96px;
background-color: #f7c556;
}
.details_con .bdsharebuttonbox .bds_tsina {
background-color: #e45948;
}
.details_con .bdsharebuttonbox .bds_tqq {
background-position: 0px -32px;
background-color: #22a9f4;
}
.details_con .bdsharebuttonbox .bds_renren {
background-position: 0px -64px;
background-color: #529ff0;
}
.details_con .bdsharebuttonbox .bds_twi {
background-position: 0px -192px;
background-color: #22a9f4;
}
.details_con .bdsharebuttonbox .bds_fbook {
background-position: 0px -256px;
background-color: #428fe3;
}
.details_con .bdsharebuttonbox .bds_linkedin {
background-position: 0px -224px;
background-color: #529ff0;
}
.details_con .bdsharebuttonbox .bds_weixin {
background-position: 0px -128px;
background-color: #5bc333;
}
.details_con .bdsharebuttonbox .bds_more {
background-position: 0px -160px;
background-color: #0fc5db;
}
.phone .details_con .bdsharebuttonbox {
display: none;
}
/*自定义文本内容*/
.module .text_con img {
height: initial !important;
}
.module .text_con {
line-height: 1.7;
}
s .module .text_con * {
max-width: 100%;
}
.module .text_con > div:last-child {
margin-bottom: 0;
}
.module .text_con h4 {
margin-top: 20px;
margin-bottom: 20px;
}
.module .text_con .list-paddingleft-2 {
padding-left: 30px;
}
/*.module .up_load_svg svg { fill: #fff; }
.module .up_load_svg.color svg { fill: currentColor; }
.module .external_box { margin-left: -16px; margin-right: -16px; max-width: none !important; }
.module .external_li .box { margin: 0 16px; }
.module .element_list_h .external_li { display: inline-block; vertical-align: top; margin-bottom: 24px; }
.module .element_list_h .external_li { width: 33.0%; }
.module .element_button .button a { color: #fff; }
.module .element_img .li { display: inline-block; }
.module .element_video .li { display: inline-block; }*/
.module .text_con .selectTdClass {
background-color: #edf5fa !important;
}
.module .text_con table.noBorderTable td,
.module .con .text_con table.noBorderTable th,
.module .con .text_con table.noBorderTable caption {
border: 1px dashed #ddd !important;
}
.module .text_con table {
margin-bottom: 10px;
border-collapse: collapse;
display: table;
}
.module .text_con td,
th {
padding: 5px 10px;
border: 1px solid #ddd;
}
.module .text_con caption {
border: 1px dashed #ddd;
border-bottom: 0;
padding: 3px;
text-align: center;
}
.module .text_con th {
border-top: 1px solid #bbb;
background-color: #f7f7f7;
}
.module .text_con table tr.firstRow th {
border-top-width: 2px;
}
.module .text_con .ue-table-interlace-color-single {
background-color: #fcfcfc;
}
.module .text_con .ue-table-interlace-color-double {
background-color: #f7faff;
}
.module .text_con td p {
margin: 0;
padding: 0;
}
/*选座*/
.seat_sel {
display: flex;
width: 100%;
flex-direction: column;
height: 100vh;
justify-content: space-between;
}
.seat_sel .event_info {
background: #fff;
padding: 20px 40px;
}
.seat_sel .event_info .name {
font-size: 24px;
font-weight: bold;
}
.seat_sel .ticket_box {
background: #f2f7fe;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
border-top: 1px solid rgba(0, 0, 0, 0.06);
padding: 10px 40px;
overflow: hidden;
}
.seat_sel .ticket_box .ti {
float: left;
line-height: 28px;
}
.seat_sel .ticket_box .t_li {
margin-left: 80px;
}
.seat_sel .ticket_box .ticket {
height: 28px;
padding: 0 8px;
border-radius: 2px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
line-height: 26px;
float: left;
margin-right: 4px;
display: flex;
align-items: center;
}
.seat_sel .ticket_box .ticket > span:last-child {
margin-left: 8px;
}
.seat_sel .ticket_box .ticket.active {
border-color: inherit;
font-weight: bold;
}
.seat_sel .ticket_box .ticket .icon {
font-size: 14px;
color: #babdc3;
cursor: pointer;
}
.seat_sel .seat_box {
display: flex;
width: 100%;
flex: auto;
}
.seat_sel .seat_list {
flex: auto;
position: relative;
}
.seat_sel .seat_div {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: flex;
justify-content: center;
}
.seat_sel .seat_div > div {
max-width: 100%;
overflow: auto;
}
.seat_sel .seat_div > div::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: transparent;
}
.seat_sel .seat_div > div::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.05);
}
.seat_sel .seat_div > div::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.6);
border-radius: 3px;
}
.seat_sel .seat_list .seat_li:first-child {
margin-top: 40px;
}
.seat_sel .seat_list .seat_li:last-child {
margin-bottom: 40px;
}
.seat_sel .seat_list .seat_li {
display: flex;
background: #fff;
border: 12px solid #fff;
margin-left: 40px;
margin-right: 40px;
width: fit-content;
margin-top: -12px;
border-radius: 8px;
}
.seat_sel .seat_list .seat {
color: #babdc3;
width: 20px;
height: 20px;
line-height: initial;
padding: 8px;
box-sizing: content-box;
cursor: pointer;
position: relative;
}
.seat_sel .seat_list .seat.none {
cursor: default;
}
.seat_sel .seat_list .seat.none .icon {
display: none;
}
.seat_sel .seat_list .seat.cant {
cursor: not-allowed;
}
.seat_sel .seat_list .seat .icon {
margin: 0;
font-size: 20px;
line-height: 1;
}
.seat_sel .seat_list .seat .active_div {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 20px;
height: 20px;
line-height: 20px;
margin: 8px;
color: #fff;
font-size: 12px;
text-align: center;
}
.seat_sel .seat_list .seat .active_div .icon {
color: rgba(0, 0, 0, 0.3);
}
.seat_sel .seat_list .seat .icon.c {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 20px;
height: 20px;
line-height: 10px;
color: #fff;
font-size: 12px;
}
.seat_sel .seat_list .seat.num {
font-size: 12px;
white-space: nowrap;
width: 36px;
padding-left: 0;
padding-right: 0;
}
.seat_sel .seat_list .seat_li:first-child .seat.num {
text-align: center;
height: 10px;
padding-top: 0;
padding-bottom: 10px;
text-align: center;
}
.seat_sel .seat .s_tip {
position: absolute;
width: 72px;
font-size: 12px;
background: rgba(0, 0, 0, 0.8);
color: #fff;
height: 28px;
line-height: 28px;
text-align: center;
margin-left: -36px;
left: 50%;
border-radius: 4px;
display: none;
font-size: 14px;
}
.seat_sel .seat:hover .s_tip {
display: block;
}
.seat_sel .my_seat {
width: 400px;
box-shadow: -2px 0px 12px rgba(0, 0, 0, 0.1);
background: #fff;
padding: 32px 20px;
display: flex;
flex-direction: column;
overflow: auto;
height: calc(100vh - 130px);
position: relative;
z-index: 10;
}
@media screen and (max-width: 1680px) {
.seat_sel .my_seat {
width: 24vw;
}
}
.seat_sel .my_seat .top {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.seat_sel .my_seat .top .t {
font-weight: bold;
}
.seat_sel .my_seat .my_li {
flex: auto;
}
.seat_sel .my_seat .ticket {
font-size: 16px;
margin-bottom: 10px;
margin-top: 20px;
}
.seat_sel .my_seat .ticket:first-child {
margin-top: 0;
}
.seat_sel .my_seat .seat {
line-height: 32px;
display: flex;
background: #f2f7fe;
padding: 0 8px;
border-radius: 2px;
margin-bottom: 4px;
}
.seat_sel .my_seat .seat > span {
opacity: 0.8;
flex: auto;
}
.seat_sel .my_seat .seat .icon:first-child {
font-size: 14px;
}
.seat_sel .my_seat .seat .icon.del {
cursor: pointer;
}
.seat_sel .my_seat .order_info {
display: flex;
justify-content: space-between;
align-items: center;
}
.seat_sel .my_seat .order_info .price .color {
font-size: 24px;
font-weight: bold;
margin-right: 8px;
}
.seat_sel .my_seat .order_info .price .icon {
margin-left: 4px;
font-size: 12px;
}
.seat_sel .my_seat .order_info .code {
margin-top: 4px;
}
.seat_sel .my_seat .but .button {
line-height: 36px;
height: 36px;
font-size: 16px;
margin-top: 10px;
}
.seat_sel .my_seat .yyh {
opacity: 0.6;
font-size: 12px;
}
.order_info_list {
background: #f2f7fe;
border-radius: 4px;
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
margin-top: 10px;
}
.order_info_list .input {
height: 36px;
background: #fff;
}
.order_info_list .but {
height: 36px;
line-height: 36px;
padding: 0 20px;
display: inline-block;
border-radius: 3px;
color: #fff;
}
.order_info_list .but.cancel {
background: #a3aaad;
}
.order_info_list .t1 {
font-weight: bold;
font-size: 16px;
}
.order_info_list .title {
margin-top: 10px;
font-weight: bold;
}
.order_info_list .pricetitle .span {
font-size: 12px;
opacity: 0.6;
}
.order_info_list .pricelist .item > div {
display: flex;
justify-content: space-between;
}
.order_info_list .pricelist .list {
margin-top: 10px;
margin-left: 10px;
}
.order_info_list .pricelist .list span:first-child {
width: 50%;
}
.phone .seat_sel .event_info {
display: none;
}
.phone .seat_sel .ticket_box {
background: #fff;
padding: 10px 20px;
border-top: 0;
}
.phone .seat_sel .ticket_box .t_li {
float: none;
clear: both;
overflow-x: auto;
margin-right: -20px;
margin-left: -20px;
padding: 0 20px;
}
.phone .seat_sel .ticket_box .t_li .s {
display: flex;
width: max-content;
}
.phone .seat_sel .ticket_box .ticket {
border-radius: 20px;
background: #f2f7fe;
}
.phone .seat_sel .ticket_box .ticket.active {
border-color: inherit;
}
.phone .seat_sel .seat_list {
padding-bottom: 60vh;
}
.phone .seat_sel .my_seat {
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: auto;
max-height: 60vh;
padding: 12px 20px;
padding-bottom: 66px;
display: block;
}
.phone .seat_sel .my_seat .top {
margin-bottom: 8px;
}
.phone .seat_sel .my_seat .top .t {
font-weight: normal;
color: #6b717b;
}
.phone .seat_sel .my_seat .my_li {
overflow-x: auto;
margin-right: -20px;
margin-left: -20px;
padding: 0 20px;
}
.phone .seat_sel .my_seat .my_li .s {
display: flex;
width: max-content;
}
.phone .seat_sel .my_seat .ticket {
display: none;
}
.phone .seat_sel .my_seat .seat {
height: 36px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 0 12px;
border-radius: 18px;
margin-right: 4px;
line-height: 34px;
white-space: nowrap;
}
.phone .seat_sel .my_seat .seat > span {
opacity: 1;
}
.phone .seat_sel .my_seat .seat .del {
padding: 8px;
padding-right: 0;
font-size: 12px;
line-height: 18px;
}
.phone .seat_sel .my_seat .order_info {
position: fixed;
left: 0;
background: #f2f7fe;
padding: 0 20px;
bottom: 0;
width: 64%;
display: flex;
height: 54px;
font-size: 12px;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.phone .seat_sel .my_seat .order_info .price .color {
font-size: 18px;
}
.phone .seat_sel .my_seat .order_info .code {
margin-top: 0;
}
.phone .seat_sel .my_seat .but .button {
position: fixed;
right: 0;
bottom: 0;
width: 36%;
margin-top: 0;
border-radius: 0;
height: 54px;
line-height: 54px;
padding: 0;
}
.phone .order_info_list .input {
width: 160px;
}
/*模å—-è´ç¥¨-网页*/
.ticket_progress {
display: none;
}
.register .click {
display: none;
}
.register .form_li .title {
font-size: 16px;
font-weight: bold;
text-align: left;
padding-bottom: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.register .form_li .title .icon {
float: right;
font-size: 24px;
color: #a3aaad;
line-height: 16px;
}
.register .form_li .label_l {
display: none;
}
.register .form_li .con_l {
padding: 0;
}
.register .ticket {
cursor: pointer;
}
.register .price .color .p_price {
font-size: 14px;
margin-left: 8px;
font-weight: normal;
display: block;
opacity: 0.8;
}
.register .q_con .nun {
border-color: transparent;
color: inherit;
}
.register.style_a .buy_tickets {
background: #fff;
color: #202020;
}
.register.style_a .li {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
position: relative;
}
.register.style_a .ticket {
position: relative;
z-index: 2;
display: table;
width: 100%;
}
.register.style_a .ticket:before {
display: none;
}
.register.style_a .ticket > div {
display: table-cell;
vertical-align: middle;
}
.register.style_a .name {
width: 30%;
}
.register.style_a .name .ellipsis {
white-space: normal;
display: inline-block;
vertical-align: middle;
}
.register.style_a .name .tip_icon {
display: inline-block;
vertical-align: middle;
}
.register.style_a .name .tip_icon > span {
display: inline-block;
vertical-align: middle;
}
.register.style_a .name .tip_icon .icon_span {
font-size: 12px;
padding: 2px 6px;
border-radius: 2px;
color: #fff;
}
.register.style_a .price {
text-align: center;
}
.register.style_a .price .color {
font-weight: bold;
}
.register.style_a .price .ladder_price {
display: table;
width: 100%;
}
.register.style_a .price .ladder_price .item {
width: 25%;
display: table-cell;
color: #a3aaad;
text-decoration: line-through;
}
.register.style_a .price .ladder_price .item.color {
text-decoration: none;
}
.register.style_a .th .price .ladder_price .item {
text-decoration: none;
}
.register.style_a .price .hyj .yj {
text-decoration: line-through;
margin-right: 8px;
color: #a3aaad;
}
.register.style_a .price .hyj span .bg {
display: inline-block;
font-size: 12px;
padding: 2px 4px;
border-radius: 2px;
color: #fff;
margin-left: 8px;
}
.register.style_a .time {
text-align: center;
width: 300px;
}
.register.style_a .quantity {
width: 160px;
text-align: center;
}
.register.style_a .quantity .disabled .bg_line {
display: none;
}
.register.style_a .quantity .error_meg {
color: inherit;
}
.register .li.sold {
cursor: not-allowed;
}
.register .li.sold > * {
opacity: 0.6;
}
.register .li.sold .ticket_tip {
opacity: 1;
}
.register .li.sold .color {
color: inherit !important;
font-weight: normal;
}
.register .li.sold .q_con .bg_line {
display: none;
}
.register.style_a .li.tj_ti {
cursor: not-allowed;
}
.register.style_a .li.tj_ti .q_con .bg_line {
display: none;
}
.register.style_a .li.tj_ti .q_con .nun {
background: #f7f9f8;
border: 1px solid rgba(0, 0, 0, 0.06);
cursor: not-allowed;
}
.register.style_a .li.tj_ti .q_con .color {
color: #a3aaad !important;
opacity: 1 !important;
}
.register.style_a .refund_explane {
padding: 0 16px;
margin-bottom: 24px;
}
.register.style_a .jr_hy {
text-align: right;
}
.register.style_a .jr_hy .it {
float: none;
margin-right: 16px;
}
.register.style_a .code_form {
padding: 0 16px;
text-align: right;
display: none;
}
.register .code_form .cancal {
color: #a3aaad;
}
.register.style_a .code_form.active {
display: block;
}
.register.style_a .price_form {
padding: 0 16px;
text-align: right;
}
.register.style_a .price_form .ticket_discount {
opacity: 0.6;
display: inline-block;
}
.register.style_a .buy {
padding: 0 16px;
padding-bottom: 16px;
text-align: right;
}
.register .ladder_price .item .yj {
display: none;
}
/*å•é—¨ç¥¨æ¨¡å¼*/
.register.style_a .one_ticket .ticket .quantity {
display: none;
}
.register.style_a .one_ticket .ticket .name {
padding-left: 32px;
}
.register.style_a .one_ticket .ticket .name:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.2);
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
}
.register.style_a .one_ticket .li.active .ticket .name:after {
font-family: "iconfont_old" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e652";
position: absolute;
left: 0;
top: 50%;
font-size: 12px;
line-height: 18px;
float: left;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
margin-top: -9px;
color: #4eb900;
padding-left: 2px;
}
.register.style_a .one_ticket .th .ticket .name:before,
.register.style_a .one_ticket .th .ticket .name:after {
display: none;
}
.register.style_b .one_ticket .ticket_li .li {
height: 492px;
}
.register.style_b .one_ticket .name {
padding: 24px 0;
}
.register.style_b .one_ticket .quantity {
height: 0;
font-size: 0;
}
.register.style_b .one_ticket .quantity .q_con {
display: none;
}
.register.style_b .one_ticket .li.active .name {
position: relative;
z-index: 2;
background: none;
color: #fff;
}
.register.style_b .one_ticket .li.active .quantity {
height: 80px;
bottom: auto;
top: 0;
z-index: 1;
}
.register.style_c .one_ticket .q_con {
display: none;
}
.phone .register.style_a .one_ticket .li .name {
padding-left: 0;
}
.phone .register.style_a .one_ticket .ticket .name:before {
display: none;
}
.phone .register.style_a .one_ticket .li.active .ticket .name:after {
display: none;
}
.phone .register.style_a .one_ticket .ticket .quantity {
display: none;
}
.phone .register.style_a .one_ticket .li .name {
padding-right: 0;
}
/*选择门票*/
.copyevent_it .li {
display: block;
float: none;
width: auto;
margin-right: 0;
}
/*æ¨¡å— æ醒弹窗*/
.popup.module {
position: fixed;
background: #fff !important;
color: inherit !important;
z-index: 10000;
width: 686px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 32px;
border-width: 48px 24px 32px 24px;
border-style: solid;
font-size: 16px;
border-radius: 6px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}
.popup.module:after {
content: "";
position: absolute;
left: -24px;
top: -48px;
bottom: -32px;
right: -24px;
background: url(https://img.bagevent.com/resource/20210820/164656103125.png);
z-index: -1;
background-size: cover;
}
.popup.module .title {
font-size: 32px;
font-weight: bold;
text-align: center;
}
.popup.module > div {
position: static !important;
}
.popup.module .close {
position: absolute;
top: -40px;
right: 0;
width: 32px;
height: 32px;
line-height: 32px;
margin: 0;
background: rgba(0, 0, 0, 0.2);
border-radius: 16px;
color: #fff;
display: inline-block;
text-align: center;
z-index: 10;
}
.popup.module .con {
position: static !important;
}
.popup.module .popup_con {
max-height: 60vh;
overflow: auto;
}
.popup.module .popup_intro {
line-height: 1.7;
}
.phone .popup.module {
width: 92vw;
border-width: 48px 16px 32px 16px;
padding: 24px;
font-size: 14px;
}
.phone .popup.module:after {
left: -16px;
right: -16px;
}
.phone .popup.module .popup_intro {
max-height: 60vh;
overflow-y: auto;
overflow-x: auto;
position: relative;
z-index: 100;
}
.phone .popup.module .title {
font-size: 22px;
margin-bottom: 8px;
}
/*模å—-活动列表*/
.or_event .or_event_li a {
color: inherit;
}
.or_event .li .box {
position: relative;
}
.or_event .li .event_logo {
width: 100%;
position: relative;
overflow: hidden;
}
.or_event .li .event_logo span {
width: 100%;
height: 0;
padding-bottom: 56.25%;
display: inline-block;
float: left;
}
.or_event .li .event_logo img {
min-height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
}
.or_event .li .name {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
.or_event .li .time_place .time,
.or_event .li .time_place .place {
display: flex;
align-items: baseline;
}
.or_event .li .place {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
.or_event .li .join {
position: absolute;
top: 8px;
right: 8px;
display: inline-block;
color: #fff;
padding: 4px 8px;
border-radius: 2px;
font-size: 14px;
}
.or_event.style_a .or_event_li {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.or_event.style_b .or_event_li .li {
width: 100%;
}
.or_event.style_b .or_event_li .li .box {
display: flex;
align-items: flex-start;
}
.or_event.style_b .or_event_li .li .event_logo {
width: 300px;
margin-right: 20px;
}
.or_event.style_b .or_event_li .li .info {
flex: auto;
width: min-content;
}
.right .or_event.style_b .or_event_li .li .event_logo {
width: 120px;
margin-right: 10px;
}
.phone .or_event.style_b .or_event_li .li .event_logo {
width: 120px;
margin-right: 10px;
}
/*模å—-找回电å票ã€æŸ¥çœ‹å‚会信æ¯*/
.find_ticket .copyevent_it .li {
border-color: inherit;
}
.find_ticket .find_box .tip {
margin-top: 1em;
font-size: 0.875em;
opacity: 0.8;
}
.find_ticket .h_img {
display: none;
}
.website_inpage .find_ticket {
min-height: 100vh;
padding: 0 !important;
margin: 0 !important;
}
.website_inpage .find_ticket .title {
display: none;
}
.website_inpage .find_ticket .h_img {
display: block;
}
.website_inpage .find_ticket .find_box {
margin: 1em 2em;
padding: 2em 1em;
}
.website_inpage .find_ticket .find_box .text {
font-size: 17px;
font-weight: bold;
}
.website_inpage .find_ticket .input {
text-align: center;
}
.website_inpage .find_ticket .tip {
text-align: left;
}
.attend_info_div {
background-size: 100% 100%;
background-position: top center;
min-height: 100vh;
overflow: hidden;
}
.attend_info_div .at_info {
margin: 5vw;
padding: 5vw;
}
.attend_info_div .at_info .ti_text {
font-size: 4.10627vw;
font-weight: bold;
margin-top: 5vw;
margin-bottom: 0.5em;
}
.attend_info_div .at_info .text {
font-size: 5.7971vw;
font-weight: bold;
text-align: center;
}
.attend_info_div .cu_tip {
margin: 5vw 0;
}
/*模å—-组委会æˆå‘˜*/
.committee.style_a .con_ti {
margin-bottom: 1em;
font-size: 1.25em;
}
.committee.style_a .members {
display: flex;
flex-wrap: wrap;
}
.committee.style_a .members .li {
width: 10%;
}
.committee.style_a .members .li .avator {
display: none;
}
.committee.style_a .members .li .name {
width: 54px;
text-align: justify;
text-align-last: justify;
text-justify: distribute-all-lines;
text-wrap: nowrap;
}
.committee.style_a .members .li .post {
display: none;
}
.right .committee.style_a .members .li {
width: 25%;
}
.phone .committee.style_a .members .li {
width: 25%;
}
.committee.style_b .con_ti {
margin-bottom: 1em;
font-size: 1.25em;
}
.committee.style_b .members {
display: flex;
flex-wrap: wrap;
}
.committee.style_b .members .li {
width: 50%;
margin-top: 8px;
align-self: center;
}
.committee.style_b .members .li .avator {
width: 32px;
height: 32px;
margin-right: 20px;
border: 0;
}
.committee.style_b .members .li .box {
display: flex;
}
.committee.style_b .members .li .post {
display: inline;
}
.committee.style_b .members .li .name {
margin-right: 8px;
display: inline;
text-align: justify;
text-align-last: justify;
}
.right .committee.style_b .members .li {
width: 100%;
}
.phone .committee.style_b .members .li {
width: 100%;
}
/*模å—-摘è¦ç»“果查询*/
.summary_res .ch {
margin-bottom: 16px;
}
.summary_res .ch .item {
margin-right: 20px;
}
.summary_res .form_li {
margin-bottom: 16px;
}
/*模å—-已报å*/
.sign_up .signed_li {
border-bottom: 2px solid rgba(0, 0, 0, 0.12);
margin-bottom: 36px;
padding-bottom: 16px;
text-align: center;
display: table;
width: 100%;
}
.sign_up .signed_li .li {
display: table-cell;
vertical-align: top;
position: relative;
text-align: center;
}
.sign_up .signed_li .avator_box {
width: 112px;
height: 112px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 50%;
margin: 0 auto;
margin-bottom: 8px;
}
.sign_up .signed_li .avator {
width: 102px;
height: 102px;
margin: 5px;
font-size: 32px;
line-height: 102px;
}
.sign_up .signed_li .name {
max-width: 140px;
margin: 0 auto;
}
.sign_up .signed_li .time {
position: absolute;
left: 0;
right: 0;
top: 100%;
margin-top: 32px;
}
.sign_up .signed_li .bg {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
position: absolute;
left: 50%;
margin-left: -6px;
bottom: -23px;
background: #e5e5e5 !important;
}
.phone .sign_up .signed_li,
.right .sign_up .signed_li {
display: block;
border: 0;
margin-bottom: -16px;
padding-bottom: 0;
}
.phone .sign_up .signed_li .li,
.right .sign_up .signed_li .li {
display: inline-block;
width: 24%;
margin-bottom: 16px;
}
.right .sign_up .signed_li .li {
float: left;
width: 25%;
}
.phone .sign_up .signed_li .avator_box,
.right .sign_up .signed_li .avator_box {
width: 80%;
padding-bottom: 80%;
height: 0;
position: relative;
margin-bottom: 4px;
}
.phone .sign_up .signed_li .avator,
.right .sign_up .signed_li .avator {
position: absolute;
left: 2px;
right: 2px;
top: 2px;
bottom: 2px;
margin: 0;
width: auto;
height: auto;
font-size: 24px;
}
.phone .sign_up .signed_li .avator > span,
.right .sign_up .signed_li .avator > span {
width: 102px;
height: 102px;
position: absolute;
left: 50%;
margin-left: -51px;
top: 50%;
margin-top: -51px;
line-height: 102px;
}
.phone .sign_up .signed_li .time,
.right .sign_up .signed_li .time {
margin-top: 4px;
position: relative;
top: auto;
left: auto;
font-size: 0.9em;
opacity: 0.8;
}
.phone .sign_up .signed_li .bg,
.right .sign_up .signed_li .bg {
display: none;
}
/*模å—-活动嘉宾*/
.guset .guset_li .li {
display: inline-block;
vertical-align: top;
}
.guset .guset_li .li a {
color: inherit;
}
.guset .guset_li .li .box {
position: relative;
}
.guset .guset_li .li .name {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.guset .guset_li .li .post {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.guset.style_a .guset_li .li .intro {
display: none;
}
.guset.style_b .guset_li .li {
display: block;
}
.guset.style_b .guset_li .li .img {
float: left;
}
.guset.style_c .guset_li .li {
display: block;
}
.guset.style_c .guset_li .li .img {
float: left;
}
.guset.style_d .guset_li .li .intro {
display: none;
}
.guset.style_d .guset_li .li .img {
float: left;
}
/*å˜‰å®¾ä»‹ç» æ–°é¡µé¢*/
.guset_if_con .gu_if .avator_img {
width: 154px;
float: left;
margin-bottom: 56px;
}
.guset_if_con .gu_if .g_info {
margin-left: 214px;
}
.guset_if_con .gu_if .name {
font-size: 1.875em;
font-weight: bold;
margin-bottom: 0.3333em;
}
.guset_if_con .gu_if .g_gszw {
margin-bottom: 2em;
}
.guset_if_con .gu_if .gu_intro {
margin-left: 214px;
line-height: 1.8em;
opacity: 0.6;
text-align: justify;
}
.guset_if_con .gu_sc {
margin-top: 3.5em;
clear: both;
float: none;
}
.guset_if_con .gu_sc > .ti {
font-size: 1.25em;
margin-bottom: 1em;
}
.guset_if_con .gu_sc .li {
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 2px;
padding: 2em 3em;
display: flex;
flex-direction: column-reverse;
margin-bottom: 1em;
}
.guset_if_con .gu_sc .li > a {
display: flex;
flex-direction: column-reverse;
margin-bottom: 1em;
}
.guset_if_con .gu_sc .li .ti {
font-weight: bold;
margin-top: 0.5em;
}
.guset_if_con .gu_sc .li .hc span {
display: inline-block;
padding: 0.5em 1em;
font-size: 0.75em;
background: rgba(0, 0, 0, 0.1);
border-radius: 3px;
margin-top: 0.5em;
margin-right: 1em;
}
.guset_if_con .gu_sc .li .time {
font-size: 0.875em;
}
.phone .guset_if_con {
padding: 1.25em;
}
.phone .guset_if_con .gu_if .avator_img {
float: none;
margin-bottom: 20px;
}
.phone .guset_if_con .gu_if .g_info {
margin-left: 0;
}
.phone .guset_if_con .gu_if .gu_intro {
margin-left: 0;
}
.phone .guset_if_con .gu_sc .li {
padding: 1em 1.5em;
}
/*å˜‰å®¾ä»‹ç» å¼¹çª—*/
.guset_if_con.animate {
position: fixed;
padding: 48px 80px;
background: #fff;
width: 720px;
height: 60vh;
box-sizing: border-box;
z-index: 100;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.147);
top: 20vh;
color: #202020;
margin-left: -360px;
left: 50%;
text-align: left;
overflow-x: hidden;
overflow-y: auto;
font-size: 16px;
border-radius: 6px;
}
.guset_if_con.animate:before {
content: "";
background: #f4f6f9;
position: absolute;
left: 0;
top: 0;
right: 0;
height: 30%;
}
.guset_if_con.animate > div {
position: relative;
overflow: hidden;
}
.guset_if_con.animate > div .title {
font-size: 1.5em;
font-weight: bold;
margin-top: 154px;
padding-top: 1em;
margin-bottom: 0.5em;
}
.guset_if_con.animate > div .img {
width: 154px;
height: 154px;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.guset_if_con.animate .other {
margin-bottom: 2em;
}
.guset_if_con.animate .intro {
opacity: 0.6;
line-height: 1.8;
}
.guset_if_con.animate .gu_sc {
margin-top: 2em;
}
.guset_if_con.animate .gu_sc .li {
padding: 1.5em;
}
.phone .guset_if_con.animate {
font-size: 14px;
}
.phone .guset_if_con.animate {
width: 90vw;
margin-left: -45vw;
padding: 3em 2em;
}
/*.guset_if_con .title .close {
position: absolute;
right: 20px;
top: 20px;
margin: 0;
color: #a3aaad;
font-size: 20px;
cursor: pointer;
}*/
/*
.guset .guset_info_box {
display: inline-block;
position: absolute;
left: 0;
top: 0;
z-index: 10;
bottom: 0;
right: 0;
}
.guset_if_con .title {
font-size: 20px;
font-weight: bold;
}
.guset_if_con .intro {
line-height: 1.7;
}
.guset_if_con .g_name {
font-size: 16px;
font-weight: bold;
padding-bottom: 16px;
position: relative;
}
.guset_if_con .g_name::after {
content: "";
width: 32px;
height: 2px;
background: #ff4081;
position: absolute;
left: 0;
bottom: 0;
}
.guset_if_con .img {
width: 50px;
height: 50px;
border: 1px solid #dedede;
border-radius: 25px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.guset_if_con .name {
font-size: 20px;
font-weight: bold;
margin: 12px 0;
}
.guset_if_con .other {
vertical-align: middle;
color: #898989;
padding-left: 16px;
}
.guset_if_con .top {
padding: 16px 0;
display: flex;
}
.guset_if_con .top .right {
float: right;
width: calc(100% - 60px);
margin: auto;
}
.guset_if_con .top .left {
float: left;
}
.guset_if_con .gu_sc {
margin-top: 16px;
}
.guset_if_con .gu_sc .s_li {
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 8px;
margin-top: 8px;
}
.guset_if_con.module {
position: relative;
height: auto;
box-shadow: none;
top: auto;
left: auto;
margin-left: 0;
right: auto;
margin: 0 auto;
width: 100%;
padding: 0;
padding-bottom: 64px;
}
.guset_if_con.module .gu_avator {
display: table;
width: 100%;
text-align: left;
}
.guset_if_con.module .avator_img {
width: 200px;
display: table-cell;
vertical-align: middle;
}
.guset_if_con.module .g_info {
padding-left: 24px;
display: table-cell;
vertical-align: middle;
}
.guset_if_con.module .gu_info {
margin-top: 24px;
}*/
/*模å—-日程*/
.schedule .date_list {
text-align: center;
display: table;
width: 100%;
}
.schedule .date_list > .li {
display: table-cell;
cursor: pointer;
vertical-align: middle;
position: relative;
text-align: center;
}
.schedule .date_list .li.color {
cursor: default;
}
.schedule .date_list .li.color span {
color: #fff;
position: relative;
z-index: 2;
}
.schedule .date_list .li.color .bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.schedule .s_li {
display: none;
}
.schedule .s_li.active {
display: block;
}
.schedule .li .box {
position: relative;
}
.schedule .li .date {
display: none;
}
.schedule .li .theme > p:last-child > br:last-child {
display: none;
}
.schedule .li .guset .gu {
position: relative;
overflow: hidden;
}
.schedule .li .bq {
display: none;
}
.schedule .s_li .intro {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
.schedule .interest_box .icon {
vertical-align: middle;
}
.schedule .interest_box span {
vertical-align: middle;
}
.schedule .notinterest {
display: inline-block;
width: 84px;
height: 28px;
line-height: 26px;
text-align: center;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 50px;
font-size: 12px;
background: rgba(0, 0, 0, 0.3);
box-sizing: border-box;
cursor: pointer;
display: none;
}
.schedule .interest {
display: inline-block;
width: 84px;
height: 28px;
line-height: 28px;
text-align: center;
color: #fff;
position: relative;
overflow: hidden;
border-radius: 50px;
font-size: 12px;
cursor: pointer;
background: #ff4081;
display: none;
}
.schedule .s_li_box .li.f_d .theme {
cursor: pointer;
}
.schedule .s_li_box .li.f_d .box:hover .theme {
text-decoration: underline;
}
.schedule .s_li_box .li.f_d .theme::after {
font-family: "iconfont_old" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
content: "\e658";
margin-left: 4px;
}
.schedule .schedule_con .more {
text-align: center;
margin-top: 24px;
}
.schedule.style_d .s_li_fhc {
padding-top: 20px;
}
.schedule.style_d .s_li_fhc .li .box {
background-image: url(../img/website/guset_avator.png) !important;
background-repeat: no-repeat !important;
background-size: contain;
}
.schedule.style_d .s_li_fhc .li .theme {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.schedule.style_d .s_li_fhc .li .intro {
display: none;
}
.schedule.style_d .s_li_fhc .li .gu {
display: none;
position: inherit;
overflow: inherit;
}
.schedule.style_d .s_li_fhc .li .gu:last-child {
display: block;
}
.schedule.style_d .s_li_fhc .li .avator {
position: absolute;
left: 0px;
top: 0px;
}
.schedule.style_d .s_li_fhc .li .avator img {
border-radius: 0;
}
.schedule.style_d .s_li_box .li.z_li {
width: 100%;
}
.schedule.style_d .s_li_fhc .z_li .box {
background: none !important;
padding: 0;
height: auto;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 0.5em;
}
.schedule_search .filter span i {
display: inline-block;
vertical-align: middle;
}
.schedule_search .filter span span {
display: inline-block;
vertical-align: middle;
}
.phone .schedule .s_li {
display: block;
}
/*style_e*/
.schedule.style_e .box > .color {
display: none;
}
.schedule.style_e .li > .box {
display: flex;
align-items: center;
}
.schedule.style_e .li:nth-child(2n + 1) > .box {
background: rgba(0, 0, 0, 0.04);
}
.schedule.style_e .li > .box .intro {
display: none;
}
.schedule.style_e .li > .box .info {
width: min-content;
flex: auto;
display: flex;
align-items: center;
justify-content: flex-start;
}
.schedule.style_e .li > .box .info:before,
.schedule.style_e .li > .box .info:after {
display: none;
}
.schedule.style_e .li > .box .theme {
width: min-content;
flex: auto;
}
.schedule.style_e .li > .box .guset {
width: 300px;
margin-left: 40px;
}
.schedule.style_e .guset > .gu:nth-child(2) {
margin-top: 0;
}
.phone .schedule.style_e .li > .box .guset {
width: 120px;
margin-left: 20px;
}
/**/
.schedule.style_e .li > .box {
padding: 20px 40px;
}
.schedule.style_e .li > .box .time {
width: 134px;
}
.schedule.style_e .li > .box .theme {
color: inherit !important;
font-weight: bold;
}
.schedule.style_e .li > .box .guset > span {
display: none;
}
.schedule.style_e .li .guset > span:nth-child(2),
.schedule.style_e .li .gu_list > span {
display: inline-block;
padding: 0.1em 0.75em;
color: #fff;
background: #000;
border-radius: 4px;
font-size: 0.875em;
}
.schedule.style_e .li .guset > span:nth-child(2) {
margin-top: 8px;
}
.schedule.style_e .guset .gu {
margin-top: 4px;
}
.schedule.style_e .guset .avator {
display: none;
}
.schedule.style_e .guset .g_na {
font-weight: bold;
}
.schedule.style_e .guset .g_gszw {
opacity: 0.6;
font-size: 0.875em;
}
.schedule.style_e .s_li_ti {
margin-left: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding-bottom: 12px;
}
.schedule.style_e .s_li_ti .time {
display: none;
}
.schedule.style_e .s_li_ti .theme {
position: relative;
color: #fff !important;
overflow: hidden;
padding: 12px 40px;
z-index: 2;
margin-left: -40px;
font-weight: bold;
font-size: 1.125em;
}
.schedule.style_e .s_li_ti .theme:before {
content: "";
position: absolute;
border-top-width: 100px;
display: block;
top: 0;
left: 0;
right: 0;
height: 1px;
border-top-style: solid;
border-top-color: inherit;
z-index: -1;
}
.schedule.style_e .s_li_ti .theme:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
height: 100px;
z-index: -1;
background: linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.schedule.style_e .s_li_ti .site {
font-weight: bold;
display: flex;
align-items: center;
margin-top: 12px;
margin-bottom: -4px;
}
.schedule.style_e .s_li_ti .intro {
display: block;
margin-top: 12px;
opacity: 0.6;
}
.schedule.style_e .s_li_ti .guset {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 8px;
}
.schedule.style_e .s_li_ti .guset .gu {
margin-top: 0;
margin-left: 4px;
}
.phone .schedule.style_e .li > .box {
padding: 12px 16px;
}
.phone .schedule.style_e .li > .box .time {
width: 3em;
margin-right: 1em;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1;
}
.phone .schedule.style_e .s_li_ti {
margin-left: 16px;
padding-bottom: 8px;
}
.phone .schedule.style_e .s_li_ti .theme {
padding: 8px 16px;
margin-left: -16px;
}
.phone .schedule.style_e .s_li_ti .site {
margin-top: 4px;
}
.phone .schedule.style_e .s_li_ti .intro {
margin-top: 4px;
}
/*日程弹窗*/
.agenda_if_con {
position: fixed;
padding: 48px 80px;
background: #fff;
width: 720px;
height: 60vh;
box-sizing: border-box;
z-index: 100;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.147);
top: 20vh;
color: #202020;
margin-left: -360px;
left: 50%;
text-align: left;
overflow-x: hidden;
overflow-y: auto;
font-size: 16px;
border-radius: 6px;
}
.agenda_if_con .title {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0.5em;
}
.agenda_if_con .time {
margin-bottom: 2em;
}
.agenda_if_con .intro {
opacity: 0.6;
line-height: 1.8;
}
.agenda_if_con .gu_sc {
margin-top: 2em;
}
.agenda_if_con .gu_sc > .ti {
font-size: 1.25em;
margin-bottom: 1em;
}
.agenda_if_con .gu_sc .speaker_li {
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 2px;
padding: 1.25em;
margin-bottom: 1em;
}
.agenda_if_con .gu_sc .speaker_li > .top {
display: flex;
}
.agenda_if_con .gu_sc .left {
width: 100px;
height: 100px;
margin-right: 20px;
overflow: hidden;
}
.agenda_if_con .gu_sc .right {
flex: auto;
width: min-content;
}
.agenda_if_con .gu_sc .right .name {
font-weight: bold;
margin-bottom: 0.25em;
font-size: 1.25em;
}
.agenda_if_con .gu_sc .right .other {
opacity: 0.6;
}
/*日程详情页*/
.schedule_info .schedule_top .ti {
font-size: 1.875em;
font-weight: bold;
margin-bottom: 0.3333em;
}
.schedule_info .sc_info_con {
display: flex;
flex-direction: column-reverse;
}
.schedule_info .sc_info {
margin-bottom: 3em;
}
.schedule_info .sc_info .time {
margin-bottom: 1em;
}
.schedule_info .intro_con .ti {
font-weight: bold;
margin-bottom: 1em;
display: block;
font-size: 1.25em;
}
.schedule_info .guset .ti {
font-weight: bold;
margin-bottom: 1em;
display: block;
font-size: 1.25em;
}
.schedule_info .gu_li {
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 4px;
padding: 1em;
margin-bottom: 1em;
}
.schedule_info .gu_li > a {
display: flex;
color: inherit;
}
.schedule_info .gu_li .avator_img {
width: 120px;
}
.schedule_info .gu_li .g_info {
flex: auto;
width: min-content;
margin-left: 1em;
}
.schedule_info .gu_li .g_info .name {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.5em;
}
.schedule_info .gu_li .g_info .gu_zl {
display: inline-block;
font-size: 0.875em;
color: #fff;
position: relative;
padding: 0.25em 0.75em;
margin-bottom: 0.5em;
}
.schedule_info .gu_li .g_info .gu_zl .bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 4px;
z-index: -1;
}
.schedule_info .gu_li .intro {
margin-top: 1em;
opacity: 0.6;
line-height: 1.7;
padding-left: 120px;
margin-left: 1em;
}
.phone .schedule_info .gu_li .g_info {
font-size: 0.875em;
}
.phone .schedule_info .gu_li .avator_img {
width: 80px;
}
.phone .schedule_info .gu_li .intro {
font-size: 0.875em;
padding-left: 80px;
}
/*活动主办方*/
.organizer .carousel-indicators {
top: 100%;
bottom: auto;
margin-top: 24px;
}
.org_contact_mask .layer_header {
height: 0;
padding: 0;
}
.org_contact_mask .layer_header .title {
display: none;
}
.org_contact_mask .contact_or {
color: #202020;
}
.org_contact_mask .contact_or .ti {
font-size: 16px;
padding: 16px 48px;
margin-top: 16px;
}
.org_contact_mask .contact_or .con_box {
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 2px;
padding: 24px;
text-align: center;
overflow: hidden;
position: relative;
}
.org_contact_mask .contact_way {
margin: 0 32px;
margin-bottom: 32px;
font-size: 13px;
}
.org_contact_mask .contact_way .icon_box .icon {
font-size: 60px;
line-height: 1;
margin: 0;
margin-bottom: 16px;
display: inline-block;
}
.org_contact_mask .contact_way .it {
font-size: 18px;
margin-bottom: 16px;
}
.org_contact_mask .contact_way .button {
padding: 6px 24px;
margin-bottom: 24px;
}
.org_contact_mask .contact_way .text {
opacity: 0.5;
}
.org_contact_mask .contact_way .contact_con {
display: none;
}
.org_contact_mask .contact_way .con_box:hover .contact_con {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
-webkit-animation: fadeIn 0.8s ease 0s both;
-webkit-animation-play-state: initial;
padding: 24px;
overflow-y: auto;
overflow-x: hidden;
}
.org_contact_mask .contact_way .contact_con .li {
margin-bottom: 16px;
}
.org_contact_mask .contact_way .contact_con .li .c_con {
font-size: 20px;
word-break: break-all;
word-wrap: break-word;
}
.phone .org_contact_mask .contact_or .ti {
padding: 8px 16px;
font-size: 14px;
margin-bottom: 8px;
}
.phone .org_contact_mask .contact_way {
margin: 0 16px;
margin-bottom: 8px;
}
.phone .org_contact_mask .col-lg-6 {
width: 100%;
}
.phone .org_contact_mask .con_box {
margin: 0;
margin-bottom: 8px;
}
.phone .org_contact_mask .link {
display: none;
}
.phone .org_contact_mask .contact_con {
display: block;
}
/*模å—-活动å办方*/
/*模å—-活动地å€+路线*/
.time_location_con .map {
width: 100%;
height: 360px;
background: #ecf1f4;
overflow: hidden;
}
.time_location_con .map img {
max-width: none;
}
.time_location_con .t_l .a {
margin-right: 4px;
}
.time_location_con .time {
margin-bottom: 4px;
}
.time_location_con .route a {
color: inherit;
}
.time_location.online_event .map {
display: none;
}
/*模å—-活动倒计时*/
.countdown_m .dash {
display: inline-block;
text-align: center;
float: left;
width: 25%;
}
.countdown_m .dash .box {
display: block;
}
.countdown_m .dash_title {
display: block;
}
.countdown_m .digit {
display: inline-block;
vertical-align: top;
}
/*模å—-è”系我们*/
.contact_us .li .box {
position: relative;
}
/*模å—-åˆä½œä¼™ä¼´
.partner_li .introduce {
display: none;
}
.partner_li .li .intro {
display: none;
}*/
.partner .list .box {
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.partner .list .box .img_center {
display: inline-block;
height: 70px;
padding: 8px 16px;
display: flex;
justify-content: center;
align-items: center;
}
.partner .list .box .img_center a {
display: block;
width: 100%;
height: 100%;
}
.partner .list .box .info {
display: none;
}
.partner.style_b .list .li {
width: 100%;
height: auto;
min-height: auto;
margin-bottom: 2em;
}
.partner.style_b .list .box {
display: flex;
text-align: left;
}
.partner.style_b .list .img_center {
margin-right: 1em;
width: 200px;
height: 200px;
background: rgba(0, 0, 0, 0.03);
}
.partner.style_b .list .info {
display: block;
width: min-content;
flex: auto;
}
.partner.style_b .list .name {
font-size: 1.25em;
font-weight: bold;
}
.partner.style_b .list .intro {
margin-top: 0.5em;
}
.phone .partner.style_b .list .img_center {
width: 140px;
height: 140px;
}
/*介ç»*/
.partner_con .partner_con_img {
width: 900px;
margin: 0 auto;
margin-bottom: 2em;
}
.partner_con .partner_con_box {
width: 900px;
margin: 0 auto;
}
.partner_con .partner_con_box .logo {
width: 300px;
margin: 0 auto;
margin-bottom: 1em;
}
.partner_con .partner_con_box .ti {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0.5em;
}
/*模å—-视频列表*/
.video_list .list {
display: flex;
flex-wrap: wrap;
}
.video_list .list a {
color: inherit;
}
.video_list .list .li .ti {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
.video_list .list .li .summary {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
.video_list.style_a .list .li {
width: 33.33%;
}
/*模å—-图文列表*/
.text_img_li .list .li {
display: inline-block;
vertical-align: top;
}
.text_img_li .list .li a {
color: inherit;
}
.text_img_li .list .li .box {
position: relative;
}
.text_img_li .list .li .ti {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
.text_img_li .list .li .summary {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
.iframemodule .text_img_li .li {
margin-bottom: 16px;
}
.iframemodule .text_img_li .li:last-child {
margin-bottom: 0;
}
.iframemodule .text_img_li .img {
width: 200px;
float: left;
}
.iframemodule .text_img_li .info {
margin-left: 200px;
padding-left: 16px;
}
.iframemodule .text_img_li .ti {
font-size: 16px;
margin-bottom: 4px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #202020 !important;
}
.iframemodule .text_img_li .summary {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #545454;
}
/*模å—-图文列表-è½®æ’*/
.text_img_li .lb .li a {
color: inherit;
}
.text_img_li .lb .li .box {
position: relative;
}
.text_img_li .lb .con > .li .box .ti {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
.text_img_li .lb .con > .li .box .summary {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
/*模å—-图文列表-图文详情页*/
.article_con {
max-width: 700px;
margin: 0 auto;
}
.article_con .text_top .ti {
font-size: 30px;
}
.article_con .text_top .time {
margin-bottom: 24px;
margin-top: 8px;
color: #898989;
}
.article_con .summary {
background: #f7f9fb;
padding: 12px 24px;
margin-bottom: 24px;
color: #545454;
}
.article_con .summary > strong {
color: #202020;
margin-bottom: 4px;
display: inline-block;
}
.article_con .text_editor_con .img {
margin-bottom: 24px;
}
.article_con .text_editor_con .img img {
width: 100%;
}
.article_con .text_editor_con {
font-size: 16px;
}
.article_con .share {
position: fixed;
left: 50%;
margin-left: 374px;
top: 80px;
width: 140px;
border: 1px solid rgba(0, 0, 0, 0.12);
text-align: center;
font-size: 14px;
padding: 12px;
box-sizing: border-box;
}
.phone .article_con {
padding: 1.25em;
}
.phone .article_con .text_top .ti {
font-size: 22px;
}
.phone .article_con .summary {
padding: 12px 16px;
}
.iframemodule .article_con {
max-width: none;
}
.iframemodule .article_con .share {
display: none;
}
/*视频æ’放窗å£*/
#video_Notice {
width: 50%;
margin: auto;
position: fixed;
z-index: 101;
top: 10%;
left: 0;
right: 0;
}
#video_Notice > .icon {
position: absolute;
left: 100%;
top: 0;
background: #000;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
margin: 0;
color: #fff;
}
.lc_video video {
width: 100%;
}
.phone #video_Notice {
width: 80%;
}
/*模å—-å®«æ ¼æ¨¡å—*/
.website .website_page .module_list .module {
background: none;
padding: 0;
margin: 0;
}
.module_list .module .re_t {
display: none;
}
.module_list .module a {
color: inherit;
}
.module_list .module .box {
background-size: cover;
background-position: center;
}
.module_list .module .box .n_i {
display: flex;
align-items: center;
justify-content: center;
}
.module_list .module .box .n_i svg {
width: 100%;
height: auto;
}
.module_list .module .box .n_i img {
max-width: 100%;
max-height: 100%;
}
.module.grid .title {
display: none;
}
.module.grid .module_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.module.grid .module_list::before,
.module.grid .module_list::after {
display: none;
}
.module.grid .module_list a {
color: inherit;
}
.module.grid .module_list .module {
padding: 0;
margin: 0;
box-shadow: none;
border: 0;
border-radius: 0;
min-height: auto;
}
.module.grid .n_i {
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.module.grid .n_i svg {
position: relative;
z-index: 2;
fill: #fff;
}
.module.grid .n_i img {
position: relative;
z-index: 2;
}
.module.grid .n_i .bg {
z-index: 1;
}
.website_inpage .module.grid {
padding: 0;
}
.website_inpage .module.grid .module {
padding: 0;
background: none;
}
.website_inpage .module {
background-repeat: no-repeat;
background-size: cover;
}
/*模å—-照片墙*/
.pic_wall_list .htmleaf-container {
margin: 0 -8px;
}
.pic_wall_list .grid-wrapper {
position: relative;
margin: 0 auto;
}
.pic_wall_list .grid-item {
display: block;
position: absolute;
margin: 0 auto;
}
.pic_wall_list.row3 .grid-item {
width: 33.33% !important;
}
.pic_wall_list.row4 .grid-item {
width: 25% !important;
}
.pic_wall_list.row5 .grid-item {
width: 20% !important;
}
.pic_wall_list .grid-item .box {
margin: 0 8px;
margin-bottom: 16px;
position: relative;
}
.pic_wall_list .grid-item .box img {
width: 100%;
}
.pic_wall_list .grid-item .box .intro {
opacity: 0;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
color: #fff;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
padding: 12px;
}
.pic_wall_list .grid-item .box:hover .intro {
opacity: 1;
}
.pic_wall_list .grid-item .box .intro .ti {
font-size: 1.2em;
}
.pic_wall_list .grid-item .box .intro .text {
margin-top: 4px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}
.pic_wall_list.row5 .htmleaf-container {
margin: 0 -4px;
}
.pic_wall_list.row5 .grid-item .box {
margin: 0 4px;
margin-bottom: 8px;
}
.right .pic_wall_list.row3 .grid-item,
.right .pic_wall_list.row4 .grid-item,
.right .pic_wall_list.row5 .grid-item {
width: 100% !important;
}
.phone .pic_wall_list .htmleaf-container {
margin: 0;
}
.phone .pic_wall_list .grid-wrapper {
width: auto !important;
height: auto !important;
}
.phone .pic_wall_list .grid-item {
position: relative;
left: auto !important;
top: auto !important;
width: 100% !important;
}
.phone .pic_wall_list .grid-item .box {
margin-left: 0;
margin-right: 0;
}
.phone .pic_wall_list .grid-item .box .intro {
opacity: 1;
}
/*模å—-è½®æ’-图片A*/
.scroll_module.style_a .slick-slider .carousel-control {
left: 20px;
}
.scroll_module.style_a .slick-slider .carousel-control.right {
left: auto;
right: 20px;
}
.scroll_module.style_a .img_box img {
width: 100%;
}
.scroll_module.style_a .carousel-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #fff;
overflow: hidden;
background: rgba(0, 0, 0, 0.6);
}
.scroll_module.style_a .carousel-indicators {
display: none;
}
/*模å—-è½®æ’-图片B*/
.scroll_module.style_b .container {
width: 100%;
}
.scroll_module.style_b .slide {
width: 100%;
overflow: hidden;
position: relative;
}
.scroll_module.style_b .slide .img {
overflow: hidden;
position: absolute;
transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
}
.scroll_module.style_b .slide .img .img_box {
display: block;
width: 100%;
height: 100%;
text-align: center;
}
.scroll_module.style_b .slide .img img {
height: 100%;
max-width: inherit;
}
.scroll_module.style_b .slide .img1 {
width: 60%;
height: 60%;
top: 20%;
left: 0;
z-index: 1;
opacity: 0.6;
}
.scroll_module.style_b .slide .img2 {
width: 60%;
height: 60%;
top: 20%;
left: 0;
z-index: 2;
opacity: 0.6;
}
.scroll_module.style_b .slide .img3 {
width: 80%;
height: 100%;
top: 0;
left: 10%;
z-index: 3;
}
.scroll_module.style_b .slide .img4 {
width: 60%;
height: 60%;
top: 20%;
left: 40%;
z-index: 2;
opacity: 0.6;
}
.scroll_module.style_b .slide .img5 {
width: 60%;
height: 60%;
top: 20%;
left: 40%;
z-index: 1;
opacity: 0.6;
}
.scroll_module.style_b .carousel-caption {
display: none;
}
.scroll_module.style_b .slide-bt {
display: none;
}
.scroll_module.style_b button {
display: none;
}
/*模å—-è½®æ’-åˆä½œä¼™ä¼´*/
.scroll_module .partner_li_box {
position: relative;
}
.scroll_module .partner_li .conbox {
position: relative;
overflow: hidden;
}
.scroll_module .partner_li .conbox ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.scroll_module .partner_li .conbox ul li {
float: left;
overflow: hidden;
width: 183px;
}
/*模å—-展商å录*/
.exhibitor_list .li {
display: inline-block;
vertical-align: top;
}
.exhibitor_list .li .box {
position: relative;
}
.exhibitor_list .li .company a {
color: inherit;
}
.exhibitor_list .more {
text-align: center;
}
.exhibitor_list.style_a .li .box {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.exhibitor_list.style_a .li .ex_logo {
display: none;
}
.exhibitor_list.style_a .li .company {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
width: 70%;
}
.exhibitor_list.style_a .li .booth {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
position: absolute;
right: 0;
top: 16px;
width: 30%;
text-align: right;
}
.exhibitor_list.style_a .li .booth .t {
display: none;
}
.exhibitor_list.style_b .li .ex_logo {
display: table-cell;
vertical-align: middle;
}
.exhibitor_list.style_b .li .ex_info {
display: table-cell;
vertical-align: middle;
}
.exhibitor_list.style_b .li .company {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
}
/*模å—-展商å录-展商详情*/
.exhibitors .ex_info {
box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.1);
padding: 24px;
}
.exhibitors .ex_info_ti {
font-size: 16px;
font-weight: bold;
margin-bottom: 16px;
border-left-style: solid;
border-left-width: 2px;
padding-left: 16px;
}
.exhibitors .ex_info_con {
margin-bottom: 32px;
padding: 0 16px;
}
/*
.exhibitors .intro { display: table; }
.exhibitors .intro>div { display: table-cell; vertical-align: top; }
*/
.exhibitors .intro {
overflow: hidden;
}
.exhibitors .intro .info {
float: left;
width: calc(100% - 248px);
text-align: justify;
}
.exhibitors .intro .logo {
width: 200px;
padding-left: 48px;
float: right;
}
.exhibitors .zw_l .l {
margin-bottom: 8px;
}
.exhibitors .zw_l .t {
display: inline-block;
width: 90px;
}
.exhibitors .zw_l .i {
display: inline-block;
}
.exhibitors .lx_l .l {
margin-bottom: 8px;
}
.exhibitors .lx_l .t {
display: inline-block;
width: 90px;
}
.exhibitors .lx_l .i {
display: inline-block;
}
.exhibitors .zp_l .li {
margin-bottom: 24px;
}
.exhibitors .zp_l .li .info {
width: 60%;
float: right;
}
.exhibitors .zp_l .li .ti {
font-size: 16px;
padding-bottom: 8px;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
margin-bottom: 16px;
font-weight: bold;
margin-top: 4px;
}
.exhibitors .zp_l .li .ti:before {
position: absolute;
left: 0;
bottom: -2px;
width: 32px;
height: 3px;
background: #aaa;
display: inline-block;
content: "";
}
.exhibitors .zp_l .li .img {
width: 40%;
max-height: 300px;
overflow: hidden;
float: left;
}
.exhibitors .zp_l .li .img img {
width: 88%;
}
.exhibitors .zp_l .li:nth-child(2n) .info {
float: left;
}
.exhibitors .zp_l .li:nth-child(2n) .img {
float: right;
text-align: right;
}
.exhibitors .lp_l {
margin: 0 -16px;
}
.exhibitors .lp_l .li {
float: left;
width: 33.33%;
}
.exhibitors .lp_l .li .box {
margin: 0 16px;
margin-bottom: 32px;
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 16px;
text-align: center;
}
.exhibitors .lp_l .li .img {
width: 100%;
height: 323px;
background: #f7f9fb;
}
.exhibitors .lp_l .li .img_center {
width: 100%;
height: 323px;
}
.exhibitors .lp_l .li .ti {
font-size: 14px;
font-weight: bold;
margin-top: 12px;
}
/*移动端模å—-展商å录-展商详情*/
.phone .exhibitors .intro .logo {
width: 160px;
padding-left: 32px;
float: right;
}
.phone .exhibitors .intro > div {
display: block;
}
.phone .exhibitors .intro .info {
float: none;
width: 100%;
}
.phone .exhibitors .zp_l .li .info {
width: 100%;
float: none;
}
.phone .exhibitors .zp_l .li .img {
width: 100%;
float: none;
margin-top: 8px;
}
.phone .exhibitors .zp_l .li .img img {
width: 100%;
}
/*模å—-展会数æ®*/
.exhibitor_data .li {
float: left;
width: 25%;
}
.exhibitor_data .n_li_3 .li {
width: 33.33%;
}
.exhibitor_data .n_li_5 .li {
width: 20%;
}
.exhibitor_data .n_li_6 .li {
width: 16.66%;
}
.exhibitor_data .n_li_7 .li {
width: 14.28%;
}
.exhibitor_data .n_li_9 .li {
width: 33.33%;
}
.exhibitor_data .n_li_10 .li {
width: 20%;
}
.exhibitor_data .n_li_12 .li {
width: 16.66%;
}
.exhibitor_data .n_li_14 .li {
width: 14.28%;
}
.exhibitor_data .n_li_15 .li {
width: 20%;
}
.exhibitor_data .n_li_16 .li {
width: 12.5%;
}
.exhibitor_data .li .box {
position: relative;
text-align: center;
}
/*模å—-下载文件*/
.download_file .list {
display: flex;
flex-wrap: wrap;
}
.download_file .list .name {
display: none;
}
.download_file .li .box {
position: relative;
}
.download_file .li .box a {
color: inherit;
}
.download_file .li .intro {
display: none;
}
.download_file .li .op {
font-size: 14px;
margin-left: 32px;
margin-top: 4px;
}
.download_file .li .op a {
margin-right: 16px;
display: inline-block;
opacity: 0.6;
}
.download_file .li .op a .icon {
width: 14px;
height: 14px;
display: inline-block;
vertical-align: middle;
}
.download_file .li .op a span {
vertical-align: middle;
display: inline-block;
}
.download_file .li .op .send {
background: url(https://img.bagevent.com/resource/20190403/14203361635754.png)
no-repeat center;
background-size: cover;
}
.download_file .li .op .down {
background: url(https://img.bagevent.com/resource/20190329/15303913535754.png)
no-repeat center;
background-size: cover;
}
.download_file .li .op .view {
background: url(https://img.bagevent.com/resource/20190403/14181988935754.png)
no-repeat center;
background-size: cover;
}
/**/
.download_file .list {
margin-left: -16px;
margin-right: -16px;
}
.download_file .li {
width: 50%;
}
.download_file .li .box {
margin: 0 16px;
margin-bottom: 24px;
padding: 16px 24px;
border: 1px solid rgba(6, 107, 151, 0.1);
}
.download_file .li .img_box {
width: 20px;
height: 20px;
float: left;
}
.download_file .li .img_box img {
float: left;
}
.download_file .li .name {
margin-left: 24px;
padding-left: 8px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.download_file .more {
display: none;
}
.phone .download_file .li {
width: 100%;
}
.phone .download_file .li .box {
padding: 16px;
}
.phone .download_file_con .more .button {
font-size: 14px;
height: 32px;
line-height: 32px;
width: auto;
padding: 0 24px;
}
/*模å—-å¦æœ¯ä¼šè®®æ³¨å†Œ*/
.phone .academic #signUp {
position: fixed;
bottom: 0;
right: 0;
left: 0;
height: 56px;
line-height: 56px;
z-index: 100000;
box-sizing: border-box;
padding: 0;
font-size: 16px;
border-radius: 0;
}
/*模å—-å¦æœ¯ä¼šè®®é‡è¦æ—¥æœŸ*/
/*模å—-酒店预定，旅游预订*/
.hotal_room .hotal .img {
width: 100%;
height: 198px;
overflow: hidden;
}
.hotal_room .hotal .img img {
width: 100%;
min-height: 100%;
}
.hotal_room .hotal .name {
font-size: 16px;
margin-top: 8px;
margin-bottom: 4px;
}
.hotal_room .hotal .text {
opacity: 0.8;
display: inline-block;
margin-right: 24px;
}
.hotal_room .hotal .line {
height: 0;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
margin: 12px 0 16px 0;
}
.hotal_room .hotal .star img {
height: 16px;
margin-bottom: 8px;
}
.hotal_room .hotal .map {
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.hotal_form .box_warning {
padding: 8px 16px !important;
line-height: 1.7;
margin-bottom: 0 !important;
margin-top: 8px;
}
.order_zk_info .li {
background: #ecf1f4;
padding: 8px;
position: relative;
margin-bottom: 8px;
}
.order_zk_info .li:last-child {
margin-bottom: 0;
}
.order_zk_info .li .name {
float: left;
width: 30%;
margin-right: 5%;
}
.order_zk_info .li .xb {
padding-top: 22px;
float: left;
width: 20%;
margin-right: 5%;
}
.order_zk_info .li .zj {
float: right;
width: 40%;
}
.order_zk_info .li .zk {
float: right;
width: 50%;
text-align: right;
}
.order_zk_info .li .zk .input {
display: inline-block;
vertical-align: middle;
margin-left: 8px;
width: 160px;
margin-right: 24px;
}
.order_zk_info .li .del {
position: absolute;
right: 8px;
top: 14px;
color: #898989;
}
.order_zk_info .li .zk_li {
margin-bottom: 8px;
}
.order_zk_info .li .zk_li:last-child {
margin-bottom: 0;
}
.travel_form .calendar {
margin-right: -8px;
}
.travel_form .calendar .it {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px;
height: 36px;
line-height: 36px;
color: #898989;
border: 2px solid rgba(0, 0, 0, 0.12);
width: 124px;
text-align: center;
cursor: pointer;
}
.travel_form .calendar .it.bg {
color: #fff;
position: relative;
left: auto;
top: auto;
bottom: auto;
right: auto;
opacity: 1;
}
/***************************************ç›´æ’***************************************/
/*ç›´æ’登录*/
/*#userAuthentication .layer_wrapper .form_con { padding: 0; }
#userAuthentication .form_li {margin-bottom:0;}
#userAuthentication .form_li .input_box {border-bottom:1px solid rgba(0,0,0,.06);}
#userAuthentication .form_li .input_box .input { height: 56px;background-color: #fff;border:none; }*/
#userAuthentication .col-lg-8 .input {
border-radius: 2px 0 0 2px;
}
#userAuthentication .button.set {
/*height: 56px; line-height: 56px; padding: 0; */
border-radius: 0 2px 2px 0;
margin-left: -1px; /*border-left: 0; font-size: 14px; font-weight: normal; width: 100%; margin: 0;background-color: #fff!important;border:none;color:#4076ff;*/
}
/*#userAuthentication .form_save .button { font-size: 14px; height: 44px; line-height: 44px; font-weight: normal; padding: 0;width:100%; }
#userAuthentication .layer_con .form_save {padding-top: 4px;}*/
/*.live_module .layer_wrapper .layer_con {padding: 0 48px 128px 48px;}
.live_module .layer_wrapper .layer_header {border: 0;padding: 102px 0 63px;text-align: center;}
.layer_wrapper .layer_header .title{float: none;font-size: 24px;}*/
#userAuthentication .layer_wrapper .form_other {
display: flex;
justify-content: space-between;
margin-top: 25px;
}
#userAuthentication .layer_wrapper .form_other .plan_living {
margin-left: 4px;
}
.live_module .layer_wrapper {
background-color: rgba(0, 0, 0, 0.5);
color: #3a404a;
}
/*观看直æ’*/
.live_module {
color: #fff;
background: #2a2f36;
font-size: 14px;
margin: 0 !important;
padding: 0 !important;
display: flex;
width: 100vw;
align-items: center;
justify-content: center;
height: 100vh;
}
.live_module.light {
background: #fff;
color: #3a4049;
}
.live_module .backgorund .bg_img {
background-size: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-position: center;
z-index: 2;
}
.live_module .living {
width: 1488px;
overflow: hidden;
position: relative;
z-index: 3;
}
@media screen and (max-width: 1488px) {
.live_module .living {
padding: 20px;
width: 100%;
}
}
@media screen and (max-height: 794px) {
.live_module .living {
width: 94vw;
padding: 20px;
}
.live_module .living .vcp-player video {
height: 78vh;
}
}
@media screen and (max-width: 1024px) {
.live_module {
display: block;
}
.live_module .living {
padding: 0;
}
.live_module .backgorund {
display: none;
}
}
.phone .live_module .living {
width: 100vw;
}
.phone .live_module .living .vcp-player video {
height: auto;
}
/*ç›´æ’活动信æ¯*/
.living .event_data {
overflow: hidden;
color: #fff;
margin-bottom: 16px;
}
.living .event_data .f_l .back {
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
margin-right: 10px;
vertical-align: middle;
position: absolute;
top: 1vh;
}
.living .event_data .f_l .status {
width: 66px;
height: 24px;
line-height: 24px;
text-align: center;
border-radius: 4px;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
color: #fff;
}
.living .event_data .f_l .status.ns {
background: #ff8548;
}
.living .event_data .f_l .status.now {
background: #31bb72;
}
.living .event_data .f_l .status.end {
background: #a3aaad;
}
.living .event_data .ti {
font-weight: bold;
display: inline-block;
font-size: 16px;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 680px;
vertical-align: middle;
}
.living .event_data .name {
font-weight: bold;
display: inline-block;
margin-right: 10px;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 120px;
vertical-align: middle;
}
.living .event_data .data {
display: inline-block;
background-color: rgba(0, 0, 0, 0.3);
padding: 0 12px;
line-height: 30px;
border-radius: 4px;
color: #fff;
vertical-align: middle;
height: 30px;
}
.living .event_data .data img {
width: 14px;
height: 14px;
margin-right: 8px;
vertical-align: middle;
}
@media screen and (max-width: 1024px) {
.living .event_data {
display: none;
}
}
/*ç›´æ’主体界é¢*/
.living .live_table {
position: relative;
overflow: hidden;
background: rgba(0, 0, 0, 0.3);
}
.living .left_table {
padding-right: 330px;
}
.living .right_table {
width: 330px;
background: #04080a;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.living .right_table .info_chat {
height: 100%;
overflow: hidden;
}
@media screen and (max-width: 1024px) {
.living .left_table {
padding-right: 0;
}
.living .right_table {
position: relative;
width: 100%;
right: auto;
top: 0;
bottom: auto;
height: calc(100vh - 56.25vw);
z-index: 1;
background: #f4f5f9;
color: #3a404a;
}
}
/* è§‚çœ‹ç›´æ’ é€‰æ‹©è¯è¨€å¼¹æ¡† */
.language_block {
position: relative;
}
.language_block .language_mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.language_block .language_box {
width: 410px;
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
border-radius: 5px;
z-index: 99999;
padding: 62px 64px;
text-align: center;
color: #3a404a;
}
.language_block .language_box .ti {
font-size: 16px;
font-weight: bold;
margin-bottom: 16px;
}
.language_block .language_box .li {
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 3px;
margin-bottom: 10px;
cursor: pointer;
}
.language_block .language_box .li:last-of-type {
margin-bottom: 0;
}
.language_block .language_box .li .icon {
width: 20px;
height: 20px;
margin-right: 8px;
}
.language_block .language_box .li .icon img {
width: 100%;
height: 100%;
}
.living .live_cover .phone_lang {
display: none;
}
@media screen and (max-width: 480px) {
.language_block .language_box {
width: auto;
left: 10.2vw;
right: 10.2vw;
transform: translate(0, -50%);
padding: 46px 42px;
}
.phone_lang {
display: block;
position: absolute;
bottom: 116px;
right: 10px;
color: #fff;
padding: 0 12px;
height: 28px;
line-height: 28px;
text-align: center;
border-radius: 14px;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
}
}
/*ç›´æ’与预览界é¢*/
.living .live_view {
background: rgba(0, 0, 0, 0.3);
}
.living .live_cover_box {
background: #2a2f36;
margin-bottom: 8px;
margin-right: 8px;
position: relative;
}
.living .live_cover {
width: 100%;
position: relative;
overflow: hidden;
}
.living .live_cover > span {
width: 100%;
padding-bottom: 56.25%;
display: inline-block;
float: left;
background-size: cover;
opacity: 0.2;
}
.living .live_set {
position: absolute;
z-index: 100;
left: 0;
bottom: 0;
right: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.living .live_set .text1 {
font-size: 32px;
font-weight: bold;
margin-bottom: 48px;
}
.living .live_set .text2 {
font-size: 14px;
margin-bottom: 12px;
}
.living .live_set .text2_time {
font-size: 44px;
font-weight: bold;
font-family: "DIN Alternate", "Lato", "Times New Roman", "serif";
}
@media screen and (max-height: 794px) {
.living .live_cover > span {
width: 142.2222222vh;
max-width: calc(100vw - 378px);
}
}
@media screen and (max-width: 1024px) {
.living .live_cover_box {
margin: 0;
}
.living .live_cover > span {
width: 100%;
max-width: none;
}
.living .live_set .text1 {
font-size: 20px;
margin-bottom: 20px;
}
.living .live_set .text2_time {
font-size: 24px;
}
}
/*ç›´æ’ç•Œé¢åº•éƒ¨èœå•*/
.living .contron {
height: 54px;
background-color: #04080a;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 10px;
}
.living .contron .pho .help_text {
top: auto;
bottom: 150%;
background: #fff;
border-radius: 10px;
color: #3a4049;
width: 250px;
height: auto;
text-align: center;
padding: 16px 8px;
line-height: 1.5;
}
.living .contron .icon_img {
width: 16px;
height: 16px;
margin-right: 4px;
vertical-align: middle;
}
.living .contron span {
vertical-align: middle;
cursor: pointer;
}
.living .contron .pho {
display: flex;
}
.living .contron .pho .line_block {
width: 1px;
background-color: rgba(255, 255, 255, 0.3);
margin: 0 19px;
}
.living .contron .pho .hover {
display: flex;
position: relative;
}
.living .contron .pho .hover .language {
display: flex;
align-items: center;
cursor: pointer;
}
.living .contron .pho .hover .language .flag {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 8px;
}
.living .contron .pho .hover .language .flag img {
width: 100%;
height: 100%;
}
.living .contron .pho .hover .language .icon {
font-size: 12px;
margin: 0 0 0 4px;
}
.living .contron .pho .hover .lang_block {
position: absolute;
bottom: 100%;
left: 0;
z-index: 1000;
display: none;
}
.living .contron .pho .hover.lang_block .hover_block {
top: auto;
bottom: 100%;
left: auto;
right: -10px;
padding-bottom: 8px;
}
.living .contron .pho .hover.lang_block .hover_box .li.active {
background-color: #f4f5f9;
color: inherit;
}
.living .contron .pho .hover.lang_block .hover_box .li .icon {
width: 20px;
height: 20px;
display: inline-block;
margin-right: 8px;
}
.living .contron .pho .hover.lang_block .arrow.bottom {
left: auto;
bottom: 0;
right: 45px;
margin-left: 0;
}
@media screen and (max-width: 1024px) {
.living .contron {
display: none;
}
}
/*ç›´æ’互动区*/
.live_comment {
position: relative;
font-size: 16px;
height: 100%;
}
.live_comment .comment {
padding: 0 10px;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
padding-top: 2.625em;
padding-bottom: 110px;
}
.live_comment .comment .com_list {
padding-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.live_comment .comment {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0;
}
}
/*互动区tab*/
.live_comment .ti_op {
height: 3em;
line-height: 3em;
font-size: 0.875em;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 10;
background: #04080a;
}
.live_comment .ti_op .title_box {
display: flex;
justify-content: space-around;
}
.live_comment .ti_op .title_box .nav_li {
display: inline-block;
cursor: pointer;
flex: 1;
text-align: center;
background: rgba(255, 255, 255, 0.1);
}
.live_comment .ti_op .title_box .nav_li.active {
position: relative;
font-weight: bold;
}
.live_comment .ti_op .title_box .nav_li.active .bg {
position: absolute;
height: 2px;
bottom: 0;
left: 0;
right: 0;
}
@media screen and (max-width: 1024px) {
.live_comment .ti_op {
background: #fff;
}
}
/*èŠå¤©*/
.live_comment .empty {
font-size: 0.875em;
}
.live_comment .empty .icon {
font-size: 3.5em;
}
.live_comment .message_record {
margin-top: 1.66666em;
text-align: center;
position: relative;
color: #babdc3;
font-size: 0.75em;
}
.live_comment .message_record::before {
position: absolute;
top: 50%;
left: 0;
content: "";
height: 1px;
width: 100px;
background-color: rgba(255, 255, 255, 0.1);
}
.live_comment .message_record::after {
position: absolute;
top: 50%;
right: 0;
content: "";
height: 1px;
width: 100px;
background-color: rgba(255, 255, 255, 0.1);
}
.live_comment .advisory_li {
margin-top: 1.25em;
position: relative;
margin-right: 10px;
}
.live_comment .advisory_li .avator {
width: 2.25em;
height: 2.25em;
line-height: 2.25em;
float: left;
}
.live_comment .advisory_li .avator img {
width: 100%;
height: 100%;
border: none;
}
.live_comment .advisory_li .advisory_li_con {
margin-left: 2.25em;
padding-left: 0.5em;
}
.live_comment .advisory_li .top {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.875em;
margin-bottom: 0.286em;
}
.live_comment .advisory_li .name {
display: inline-block;
margin-right: 0.286em;
}
.live_comment .advisory_li .set_top {
font-weight: bold;
position: relative;
z-index: 2;
padding-left: 20px;
}
.live_comment .advisory_li .text {
background: rgba(255, 255, 255, 0.1);
padding: 0.6em;
border-radius: 3px;
font-size: 0.875em;
display: inline-block;
}
.live_comment .advisory_li a {
color: #fff;
text-decoration: underline;
word-break: break-all;
}
.live_comment .advisory_li .text .tw {
display: inline-block;
padding: 2px 4px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
margin-right: 4px;
color: #fff;
}
.sch_live .live_comment .advisory_li .text {
background: rgba(0, 0, 0, 0.04);
}
.live_comment .advisory_li .text a {
word-break: break-all;
color: inherit;
}
.live_comment .advisory_li .text.img {
padding: 0;
max-width: 100px;
}
/*.live_comment .advisory_li .form {
background: url(../img/live_chat_bg01.png) no-repeat bottom center;
background-size: cover;
border-radius: 3px;
color: #fff;
padding: 0.75em 1em;
font-size: 0.875em;
cursor: pointer;
}
.live_comment .advisory_li .form .type {
float: left;
display: inline-block;
padding: 0 1em;
height: 2em;
line-height: 2em;
background: #fff;
color: #ff7323;
border-radius: 1em 0 1em 0;
font-weight: bold;
font-size: 12px;
}
.live_comment .advisory_li .form .nun {
float: right;
line-height: 2em;
opacity: 0.6;
font-size: 12px;
}
.live_comment .advisory_li .form .ti {
font-weight: bold;
margin-top: 0.5em;
width: 70%;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.live_comment .advisory_op_box {
position: absolute;
background: #fff;
border-radius: 4px;
width: 128px;
padding: 12px 16px 4px;
box-sizing: border-box;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
z-index: 2;
left: 0;
font-size: 13px !important;
}
.live_comment .advisory_op .name:hover i {
color: #4076ff;
transform: rotate(360deg);
}
.live_comment .advisory_op_box .op_li {
margin-bottom: 12px;
cursor: pointer;
}
.live_comment .advisory_op_box .op_li i {
display: inline-block;
vertical-align: middle;
font-size: 14px !important;
}
.live_comment .advisory_op_box .op_li span {
display: inline-block;
vertical-align: middle;
}*/
.live_comment .new_message {
position: absolute;
right: 10px;
bottom: 120px;
font-size: 12px;
background: rgba(0, 0, 0, 0.8);
padding: 4px 10px;
border-radius: 15px;
cursor: pointer;
color: #fff;
}
@media screen and (max-width: 1024px) {
.live_comment .com_list {
padding-bottom: 82px;
}
.live_comment .advisory_li {
margin-right: 0;
}
.live_comment .message_record {
width: 72.46vw;
margin-left: auto;
margin-right: auto;
max-width: 320px;
}
.live_comment .message_record::before {
background-color: rgba(0, 0, 0, 0.1);
}
.live_comment .message_record::after {
background-color: rgba(0, 0, 0, 0.1);
}
.live_comment .advisory_li .text {
background: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
max-width: 64.25vw;
}
}
/*ç›´æ’å‘é€æ¶ˆæ¯*/
.send_message_con {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
font-size: 0.875em;
background: #04080a;
}
.send_message_container {
background: rgba(255, 255, 255, 0.1);
padding: 10px;
}
.send_message_container .send_input {
position: relative;
width: 100%;
height: 34px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 2px;
}
.send_message_container .send_input input {
width: 100%;
height: 100%;
padding: 10px 12px;
border: none;
color: #fff;
background: rgba(255, 255, 255, 0.1);
padding-left: 72px;
border-radius: 3px;
}
.send_message_container .send_input .tw {
position: absolute;
left: 0;
top: 0;
line-height: 32px;
padding: 0 12px;
}
.send_message_container .send_input .tw .check .icon {
width: 18px;
height: 18px;
line-height: 16px;
background: #fff;
color: #fff;
font-size: 12px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.12);
display: inline-block;
text-align: center;
}
.send_message_container .send_input .tw.active .check .icon {
color: #4076ff;
}
.send_message_container .before_login {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0 12px;
line-height: 32px;
cursor: pointer;
z-index: 10;
}
.send_message_container .login_btn {
margin-right: 4px;
cursor: pointer;
font-weight: bold;
}
.send_message_container .send_btn {
position: absolute;
top: 0;
right: 0;
color: #babdc3;
bottom: 0;
padding: 0 12px;
line-height: 32px;
cursor: pointer;
}
.send_message_container .chat_fn_ul {
display: flex;
margin-top: 10px;
}
.send_message_container .chat_fn_li {
margin-right: 10px;
font-size: 12px;
width: 28px;
text-align: center;
cursor: pointer;
}
.send_message_container .chat_fn_li:last-of-type {
margin-right: 0;
}
.send_message_container .pic_fn {
background-color: #eda316;
}
.send_message_container .enjoy_fn {
background-color: #879ffd;
}
.send_message_container .fn_img_box {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 28px;
border-radius: 4px;
margin-bottom: 1px;
}
.send_message_container .fn_img_box img {
width: 16px;
height: 16px;
}
@media screen and (max-width: 1024px) {
.send_message_con {
background: #fff;
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
}
.phone .send_message_container {
display: flex;
flex-direction: row-reverse;
}
.phone .send_message_container .chat_fn_ul {
margin-top: 0;
}
.phone .send_message_container .chat_fn_li {
display: flex;
align-items: center;
}
.phone .send_message_container .chat_fn_li > div {
display: none;
}
.phone .send_message_container .chat_fn_li .fn_img_box {
display: flex;
}
.phone .send_message_container .send_message_box {
width: -webkit-fill-available;
padding-left: 12px;
}
.phone .send_message_container .send_input {
border-radius: 1.375em;
height: 44px;
overflow: hidden;
border: none;
}
.phone .send_message_container .send_input input {
background-color: #f4f5f9;
color: #3a404a;
}
.phone .send_message_container .send_input .tw {
line-height: 44px;
}
.phone .send_message_container .send_btn {
line-height: 44px;
}
/*分会场选择*/
.event_sch .event_date {
font-size: 0.875em;
border-left-style: solid;
border-left-width: 2px;
margin-top: 20px;
padding-left: 4px;
line-height: 1;
margin-bottom: 10px;
}
.event_sch_li {
background: rgba(255, 255, 255, 0.09);
border-radius: 4px;
padding: 4px;
margin-bottom: 10px;
position: relative;
cursor: pointer;
}
.event_sch_li > div {
position: relative;
z-index: 2;
}
.event_sch_li .cover {
float: left;
width: 100px;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.event_sch_li .cover img {
position: absolute;
left: 0;
top: 0;
right: 0;
min-height: 100%;
}
.event_sch_li .cover span {
display: block;
padding-bottom: 56%;
}
.event_sch_li .info {
margin-left: 100px;
padding-left: 10px;
}
.event_sch_li .info .name {
font-size: 0.875em;
padding-top: 6px;
margin-bottom: 4px;
}
.event_sch_li .info .time {
font-size: 0.75em;
}
.event_sch_li .info .time .icon {
font-size: 1em;
}
.event_sch_li .info .time.bg {
background: none !important;
}
.event_sch_li .info .time.bg .color {
color: inherit !important;
}
.event_sch_li .info .sta {
position: absolute;
right: -8px;
top: 6px;
width: 70px;
height: 24px;
line-height: 20px;
font-size: 12px;
background: url(https://img.bagevent.com/resource/20211210/1345348372220790.png)
no-repeat center;
background-size: contain;
text-align: center;
padding-right: 4px;
display: none;
}
.event_sch_li.active {
background: none;
color: #fff;
}
.event_sch_li.active > .bg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
border-radius: 4px;
z-index: 1;
}
.event_sch_li:hover .info .sta,
.event_sch_li.active .info .sta,
.event_sch_li.ing .info .sta {
display: inline-block;
}
.event_sch_li:hover .info .name,
.event_sch_li.active .info .name,
.event_sch_li.ing .info .name {
padding-right: 70px;
}
@media screen and (max-width: 1024px) {
.event_sch {
background: #fff;
margin-left: -20px;
margin-right: -20px;
overflow-x: auto;
overflow-y: hidden;
margin-top: 8px;
}
.event_sch .scl {
display: flex;
padding: 0 20px;
padding-bottom: 20px;
}
.event_sch .event_sch_li_box {
display: flex;
}
.event_sch .event_date {
font-weight: bold;
}
.event_sch_li {
background: rgba(0, 0, 0, 0.05);
margin-bottom: 0;
width: 62vw;
margin-right: 8px;
max-width: 264px;
}
.event_sch_li .info .name {
font-weight: bold;
}
.event_sch_list {
padding: 20px;
}
.event_sch_list .event_sch_li {
display: none;
}
}
/*日程显示*/
.event_sch_list .event_sch_li {
margin-top: 20px;
padding: 0 4px;
padding-bottom: 10px;
margin-bottom: 20px;
cursor: default;
}
.event_sch_list .event_sch_li .back_sch {
font-size: 0.875em;
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 10px;
cursor: pointer;
}
.event_sch_list .event_sch_li .back_sch .icon {
font-size: 1em;
}
.event_sch_list .event_sch_li .info .name {
padding-right: 70px;
}
.event_sch_list .event_sch_li .info .sta {
display: inline-block;
}
.event_sch_list .s_li_box {
border-left-width: 1px;
border-left-style: solid;
margin-left: 4px;
}
.event_sch_list .s_li_box .box {
display: flex;
margin-bottom: 20px;
position: relative;
}
.event_sch_list .s_li_box .box > .ra {
width: 9px;
height: 9px;
background: #0c0d0f !important;
border-width: 1px;
border-style: solid;
border-radius: 50%;
position: absolute;
left: -5px;
top: 6px;
}
.event_sch_list .s_li_box .time {
width: 108px;
padding-left: 14px;
font-size: 0.875em;
opacity: 0.8;
}
.event_sch_list .s_li_box .info {
width: min-content;
flex: auto;
}
.event_sch_list .s_li_box .theme {
font-size: 0.875em;
opacity: 0.8;
}
.event_sch_list .guset {
font-size: 0.75em;
}
.event_sch_list .guset .gu {
margin-top: 4px;
}
.event_sch_list .guset .avator {
display: none;
}
.event_sch_list .guset .g_info {
opacity: 0.6;
}
.event_sch_list .guset .g_na {
border-right: 1px solid rgba(255, 255, 255, 0.4);
white-space: nowrap;
margin-right: 8px;
padding-right: 8px;
float: left;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.event_sch_list .guset .g_na > span {
display: inline-block;
min-width: 40px;
max-width: 100px;
}
.event_sch_list .guset .g_gszw {
min-width: 100px;
display: flex;
}
@media screen and (max-width: 1024px) {
.event_sch_list .s_li_box .box > .ra {
background: #fff !important;
}
}
/*ç›´æ’资料*/
.video_file .li {
margin-bottom: 8px;
padding: 16px 10px;
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
display: flex;
align-items: center;
}
.video_file .li img {
width: 32px;
height: 32px;
margin-right: 8px;
}
.video_file .li span:nth-child(2) {
width: min-content;
flex: auto;
display: inline-block;
font-size: 0.875em;
}
.video_file .li .bg {
text-align: center;
padding: 0.5em 0;
border-radius: 3px;
white-space: nowrap;
font-size: 0.75em;
width: 90px;
margin-left: 12px;
}
.video_file .li .bg .icon {
font-size: 1em;
}
/*ç›´æ’èŠå¤© 滚动æ¡*/
.scb::-webkit-scrollbar {
width: 0;
}
.scb::-webkit-scrollbar-track {
background-color: transparent;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
.scb::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
/*æ¨¡å— åˆ†ä¼šåœºç›´æ’*/
.sch_live {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
.sch_live .living_box {
background: #ecedf4;
padding: 10px;
color: #3a404a;
font-size: 14px;
}
.sch_live .live_table {
position: relative;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
}
.sch_live .left_table {
padding-right: 330px;
background: #000;
color: #fff;
}
.sch_live .right_table {
width: 330px;
background: #fff;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.sch_live .live_comment .ti_op {
background: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.sch_live .advisory_text {
background: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.12);
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: flex;
padding: 10px;
}
.sch_live .advisory_text .form_li {
margin-bottom: 0;
margin-right: 4px;
width: -webkit-fill-available;
flex: auto;
}
.sch_live .advisory_text textarea {
height: 36px;
min-height: auto;
font-size: 14px;
}
.sch_live .advisory_text .up_load_img {
display: none;
}
.sch_live.module .advisory_text .button {
padding: 0px 16px;
font-size: 14px;
line-height: 36px;
box-shadow: none;
height: 36px;
}
.sch_live.module .advisory_text .button:before {
display: none;
}
.sch_live .live_view {
text-align: center;
display: table;
min-height: 472px;
width: 100%;
position: relative;
}
.sch_live .live_view .data {
display: inline-block;
position: absolute;
left: 8px;
top: 8px;
z-index: 1000;
font-size: 12px;
color: #fff;
background: rgba(0, 0, 0, 0.8);
border-radius: 3px;
padding: 2px 6px;
}
.sch_live .live_view .data img {
width: 14px;
margin-right: 4px;
}
.sch_live .live_view .live_none {
display: table-cell;
vertical-align: middle;
}
.sch_live .live_view .text1 {
font-size: 32px;
font-weight: bold;
margin-bottom: 48px;
}
.sch_live .live_view .text2 {
font-size: 14px;
margin-bottom: 12px;
}
.sch_live .live_view .text2_time {
font-size: 44px;
font-weight: bold;
font-family: "DIN Alternate", "Lato", "Times New Roman", "serif";
}
.sch_live .left_table .contron {
line-height: 24px;
padding: 10px 20px;
}
.sch_live .left_table .contron .help_box {
margin-right: 20px;
line-height: 24px;
}
.sch_live .left_table .contron .help_box img {
width: 16px;
margin-right: 4px;
}
.sch_live .left_table .contron .help_box .help_text {
top: auto;
bottom: 100%;
background: #fff;
border-radius: 8px;
color: initial;
width: 200px;
margin-bottom: 10px;
}
.sch_live .left_table .contron .help_box .help_text img {
margin: 0;
}
.sch_live .left_table .contron .lang_block img {
width: 20px;
margin-right: 4px;
}
.sch_live .left_table .contron .lang_block .icon {
font-size: 12px;
}
.live_table .live_notice {
position: absolute;
top: 42px;
background: rgba(0, 0, 0, 0.8);
display: flex;
align-items: center;
text-align: left;
padding: 8px 20px;
left: 0;
z-index: 1000;
right: 0;
font-size: 12px;
line-height: 1.5;
}
.live_table .live_notice img {
width: 16px;
margin-right: 8px;
}
.live_table .event_sch {
padding-bottom: 0;
}
.live_table .showAgenda {
padding-top: 10px;
}
.live_table .date_list .li {
position: relative;
margin-bottom: 10px;
margin-top: 10px;
font-size: 14px;
}
.live_table .date_list .li > span {
position: relative;
z-index: 2;
color: #fff;
padding: 4px 8px;
display: block;
font-size: 14px;
font-weight: bold;
}
.live_table .date_list .li .bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.live_table .li {
font-size: 14px;
}
.live_table .li .time {
font-size: 12px;
}
.live_table .s_li_ti {
margin-bottom: 10px;
position: relative;
background: rgba(255, 255, 255, 0.1);
padding: 8px;
}
.live_table .event_sch .s_li_ti {
background: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
margin: 16px 0 20px 0;
padding: 0 0 16px 0;
}
.live_table .s_li_ti .theme {
font-weight: bold;
font-size: 14px;
}
.live_table .s_li_ti .color .icon {
display: none;
}
.live_table .s_li_ti .zt {
color: #fff;
position: absolute;
right: -10px;
top: -16px;
font-size: 12px;
padding: 0 10px;
border-radius: 0 0 0 10px;
height: 24px;
line-height: 24px;
}
.live_table .comment.schedule_li .li > .box,
.sch_live .live_table .s_li_box .li > .box {
border-left-width: 1px;
border-left-style: solid;
margin-left: 10px;
padding-left: 16px;
position: relative;
padding-bottom: 20px;
}
.live_table .li.s_li_fhc {
margin-top: 10px;
}
.live_table .li:last-child > .box {
padding-bottom: 0;
}
.live_table .li > .box .color .icon {
font-size: 0;
width: 9px;
height: 9px;
display: inline-block;
position: absolute;
left: -5px;
top: 4px;
border-width: 1px;
border-style: solid;
border-radius: 5px;
background: #fff;
margin: 0;
}
.live_table .li > .box .theme {
color: inherit !important;
font-weight: bold;
}
.live_table .li > .box .intro {
margin-top: 8px;
font-size: 12px;
}
.sch_live .guset {
margin-top: 8px;
font-size: 12px;
}
.sch_live .guset > .alm {
display: none;
}
.sch_live .guset .avator {
display: none;
}
.sch_live .guset .g_na {
display: inline-block;
margin-right: 4px;
}
.sch_live .guset .g_gszw {
display: inline-block;
}
.sch_live .sch_tab {
margin-top: 10px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
}
.sch_live .sch_tab_title {
display: none;
}
.sch_live .sch_tab_li {
overflow: hidden;
margin-top: -1px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
vertical-align: top;
background: #fff;
position: relative;
z-index: 1;
}
.sch_live .sch_tab_li:first-child {
border: 0;
}
.sch_live .sch_tab .date_div {
height: 50px;
line-height: 50px;
padding: 0 16px;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
clear: both;
float: none;
}
.sch_live .sch_tab .s_li_ti {
width: 20%;
float: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
border-right: 1px solid rgba(0, 0, 0, 0.06);
padding: 16px;
}
.sch_live .sch_tab .s_li_ti .time {
font-size: 12px;
}
.sch_live .sch_tab .s_li_ti .theme {
font-weight: bold;
margin-bottom: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 3;
line-height: 1.4;
margin-top: 2px;
height: 57px;
}
.sch_live .sch_tab .s_li_ti .zt .bg {
height: 24px;
line-height: 24px;
padding: 0 10px;
color: #fff;
font-size: 12px;
display: inline-block;
}
.sch_live .sch_tab .s_li_ti.active {
background: #ecedf4;
}
.phone .sch_live .con {
padding: 0 !important;
}
.phone .sch_live .living_box {
padding: 0;
margin-top: 56.25vw;
position: relative;
}
.phone .sch_live .live_table {
border: 0;
}
.phone .sch_live .left_table {
padding-right: 0;
height: 56.25vw;
position: fixed;
z-index: 100;
top: 0;
right: 0;
left: 0;
}
.phone .sch_live .live_view {
min-height: inherit;
height: 100%;
}
.phone .sch_live .live_view {
height: 56.25vw;
overflow: hidden;
}
.phone .sch_live .live_view .text1 {
display: none;
}
.phone .sch_live .live_view .text2_time {
font-size: 32px;
}
.phone .sch_live .left_table .contron {
display: none;
}
.phone .sch_live .right_table {
width: 100%;
position: relative;
bottom: auto;
top: auto;
right: auto;
background: #ecedf4;
}
.phone .sch_live .right_table .info_chat {
padding-top: 224px;
}
.phone .sch_live .sch_tab {
position: absolute;
left: 0;
top: 42px;
right: 0;
height: 234px;
margin: 0;
border: 0;
padding: 10px 0;
border-top: 8px solid #ecedf4;
border-bottom: 8px solid #ecedf4;
}
.phone .sch_live .sch_tab_li {
display: inline-block;
border: 0;
margin-left: 16px;
float: left;
}
.phone .sch_live .sch_tab_li:last-child {
margin-right: 16px;
}
.phone .sch_live .sch_tab_title {
display: block;
font-weight: bold;
font-size: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding-bottom: 10px;
margin: 0 16px 14px 16px;
}
.phone .sch_tab_box {
overflow-x: auto;
}
.phone .sch_live .sch_tab .date_div {
height: auto;
line-height: 1.5;
border: 0;
border-left-style: solid;
border-left-width: 3px;
padding: 0 6px;
font-size: 14px;
margin-bottom: 8px;
}
.phone .sch_live .sch_tab .s_li_ti {
width: 184px;
border: 1px solid rgba(0, 0, 0, 0.06);
border-right: 0;
padding: 12px 10px;
}
.phone .sch_live .sch_tab .s_li_ti:last-child {
border: 1px solid rgba(0, 0, 0, 0.06);
}
.phone .sch_live .sch_tab .s_li_ti .theme {
-webkit-line-clamp: 2;
height: 38px;
}
.phone .sch_live .sch_tab .s_li_ti .zt .bg {
height: auto;
line-height: 1.5;
padding: 0;
background: none !important;
color: inherit;
}
.phone .sch_live .live_comment .ti_op {
display: block;
position: fixed;
top: 56.25vw;
border: 0;
}
.phone .sch_live .title_tab {
font-size: 14px;
font-weight: bold;
margin-top: 16px;
padding-bottom: 12px;
position: relative;
}
.phone .sch_live .title_tab.active .bg {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
}
.phone .sch_live .s_li_fhc {
padding-top: 240px;
}
.phone .sch_live .s_li_fhc .s_li_ti {
background: rgba(0, 0, 0, 0.1);
}
.phone .sch_live .comment.event_sch .s_li_fhc .s_li_ti {
display: none;
}
.phone .sch_live .comment.scb {
min-height: calc(100vh - 34vw - 108px);
padding-bottom: 64px;
}
.phone .sch_live .advisory_text {
position: fixed;
left: 0;
right: 0;
bottom: 0;
}
/*ç›´æ’é—®å·*/
.form_link {
position: fixed;
left: 50%;
margin-left: 764px;
text-align: center;
bottom: 20vh;
z-index: 1000;
font-size: 12px;
}
.form_link .f_li {
background: #fff;
border-radius: 50%;
width: 64px;
height: 64px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
margin-bottom: 16px;
padding-top: 10px;
}
.form_link .f_li .icon {
font-size: 28px;
margin: 0;
line-height: 1;
margin-bottom: 4px;
}
@media screen and (max-width: 1696px) {
.form_link {
left: auto;
margin-left: 0;
right: 20px;
}
}
.layer_survey {
position: fixed;
top: 0;
right: 0;
bottom: 0;
background: #fff;
width: 534px;
padding: 40px 50px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
z-index: 10;
overflow-y: auto;
overflow-x: hidden;
color: #3a404a;
}
.layer_survey .layer_header .title {
font-size: 20px;
font-weight: bold;
margin-bottom: 16px;
}
.layer_survey .layer_header .close {
top: 40px;
right: 50px;
font-size: 20px;
}
.layer_survey .f_li {
background: rgba(244, 245, 249, 0.4);
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 3px;
padding: 16px 24px;
margin-bottom: 10px;
cursor: pointer;
}
.layer_survey .f_li .zt {
width: 60px;
height: 24px;
line-height: 24px;
text-align: center;
opacity: 1;
border-radius: 12px 2px 12px 2px;
margin-bottom: 8px;
color: #fff;
font-weight: bold;
background: #babdc3;
}
.lan_en .layer_survey .f_li .zt {
width: 80px;
font-size: 12px;
text-transform: uppercase;
}
.layer_survey .f_li .ti {
font-weight: bold;
font-size: 16px;
margin-bottom: 2px;
}
.layer_survey .f_li .time {
opacity: 0.6;
margin-bottom: 8px;
}
.layer_survey .f_li .op .link {
width: 108px;
height: 28px;
line-height: 26px;
text-align: center;
background: #fff;
border-width: 1px;
border-style: solid;
border-radius: 14px;
display: inline-block;
}
.layer_survey .vote_box {
background: rgba(244, 245, 249, 0.4);
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 3px;
padding: 16px 24px;
margin-bottom: 10px;
position: relative;
}
.layer_survey .vote_box .v_t {
font-size: 16px;
font-weight: bold;
margin-bottom: 12px;
}
.layer_survey .vote_box .zt {
width: 60px;
height: 24px;
line-height: 24px;
text-align: center;
opacity: 1;
border-radius: 12px 2px 12px 2px;
margin-bottom: 8px;
color: #fff;
font-weight: bold;
background: #babdc3;
position: absolute;
top: 16px;
right: 24px;
}
.vote_box .v_bl {
display: flex;
white-space: nowrap;
color: #00a4ff;
}
.vote_box .v_bl .line {
height: 20px;
display: block;
margin: 8px 0 12px 0;
}
.vote_box .v_bl .vote_btn {
color: inherit !important;
cursor: pointer;
}
.vote_box .v_bl .vote_btn .icon {
float: left;
line-height: 1;
}
.vote_box .v_bl .vote_btn span {
float: left;
line-height: 1.2;
}
.vote_box .v_bl .a {
font-weight: bold;
margin-right: 8px;
}
.vote_box .v_bl .zf .line {
background: #00a4ff;
border-radius: 10px 0 0 10px;
}
.vote_box .v_bl .zf .a {
margin-right: 0;
margin-left: 8px;
}
.vote_box .v_bl .zf .b {
float: left;
}
.vote_box .v_bl .ff {
text-align: right;
color: #eb3b3b;
}
.vote_box .v_bl .ff .line {
background: #eb3b3b;
border-radius: 0 10px 10px 0;
}
.vote_box .v_bl .ff .vote_btn {
float: right;
}
.vote_box .v_bl .vote_btn.unable {
color: #9b9b9b !important;
}
.vote_box .v_bl .ff .vote_btn .icon {
float: right;
margin-right: 0;
margin-left: 4px;
}
.layer_survey fieldset {
margin: 0;
padding: 0;
}
.layer_survey .vote_box.end .vote_btn {
color: #babdc3 !important;
}
.layer_survey .layer_header .back {
color: inherit;
margin-bottom: 20px;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 20px;
}
.layer_survey .form_head .title {
font-size: 18px;
font-weight: bold;
margin-bottom: 8px;
}
.layer_survey .intro_text {
opacity: 0.8;
margin-bottom: 24px;
}
.layer_survey .form_save_box {
text-align: center;
}
.layer_pk {
position: absolute;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
color: #3a404a;
}
.layer_pk_box {
width: 488px;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 6px;
padding: 40px 50px 50px 50px;
position: relative;
}
.layer_pk_box .close {
font-size: 20px;
color: #a3aaad;
position: absolute;
top: 32px;
right: 32px;
line-height: 1;
cursor: pointer;
margin: 0;
}
.layer_pk .v_t {
font-size: 20px;
font-weight: bold;
margin-bottom: 24px;
}
.phone .layer_pk_box {
width: 90%;
padding: 40px 32px;
}
.layer_pk.tp .layer_pk_box {
width: 348px;
background: rgba(0, 0, 0, 0.9);
color: #fff;
padding: 40px 24px 20px 24px;
}
.phone .layer_pk.tp .layer_pk_box {
width: 80%;
padding: 40px 24px;
background: url(https://img.bagevent.com/resource/20220420/110435791125.png)
no-repeat top center #fff;
background-size: contain;
border-radius: 6px;
overflow: hidden;
color: #3a404a;
overflow: auto;
}
.layer_pk.tp .layer_pk_box .close {
top: 16px;
right: 24px;
}
.layer_pk.tp.left {
align-items: flex-end;
left: 20px;
bottom: 20px;
justify-content: flex-start;
}
.layer_pk.tp.right {
align-items: flex-end;
right: 20px;
bottom: 20px;
justify-content: flex-end;
}
.form_page .form_li .label {
margin-bottom: 12px;
}
.form_page .form_li .label .f_r {
font-size: 12px;
font-weight: normal;
opacity: 0.6;
}
.form_page .form_li .vote_li.block {
padding: 0;
clear: inherit;
background: none;
background: none;
margin-bottom: 16px;
position: relative;
}
.form_page .form_li .vote_li.block .li {
display: flex;
justify-content: space-between;
margin-bottom: 4px;
color: inherit;
}
.form_page .form_li .vote_li.block .check {
display: none;
}
.form_page .form_li .vote_li.active {
color: inherit;
}
.form_page .form_li .vote_li.voted:before {
content: "";
display: block;
height: 4px;
border-radius: 2px;
background: rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.form_page .form_li .vote_li.voted strong {
font-weight: normal;
opacity: 0.8;
flex: auto;
}
.form_page .form_li .vote_li .vote_btn * {
color: #3a404a;
display: inline-block !important;
}
.form_page .form_li .vote_li.active .vote_btn * {
color: inherit;
}
.form_page .form_li .vote_li .vote_btn .bg {
display: none !important;
}
.form_page .form_li .vote_li .line {
position: relative !important;
height: 4px;
border-radius: 2px;
background: rgba(0, 0, 0, 0.1);
}
.form_page .form_li .vote_li .icon {
font-size: inherit !important;
border: 0 !important;
line-height: inherit !important;
}
.layer_pk.tp .layer_pk_box .label {
font-size: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 12px;
margin-bottom: 16px;
}
.layer_pk.tp .layer_pk_box .label .error_meg {
display: none;
}
.layer_pk.tp .layer_pk_box .vote_li.block .li {
color: #fff;
}
.layer_pk.tp .layer_pk_box .vote_li .line {
background: rgba(255, 255, 255, 0.1);
}
.phone .layer_pk {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.phone .layer_survey {
width: 100%;
padding: 30px 20px;
margin-top: 56.25vw;
box-shadow: none;
}
.phone .layer_survey .layer_header .close {
top: 20px;
right: 20px;
}
.phone .layer_survey .f_li {
padding: 12px 16px;
}
.phone .layer_survey .vote_box {
padding: 12px 16px;
}
.phone .layer_pk.tp .layer_pk_box .vote_li.block {
margin-bottom: 20px;
}
.phone .layer_pk.tp .layer_pk_box .vote_li.block .li {
color: inherit;
margin-bottom: 8px;
}
.phone .layer_pk.tp .layer_pk_box .vote_li.block .li > span {
font-weight: bold;
}
.phone .layer_pk.tp .layer_pk_box .vote_li .line {
background: rgba(0, 0, 0, 0.1);
height: 10px;
border-radius: 5px;
}
/*æ¨¡å— ç›´æ’嵌入*/
.live_video.style_a > .bg {
width: 1200px;
position: absolute;
left: 50%;
margin-left: -600px;
right: 0;
bottom: 80px;
padding: 40px;
z-index: 1;
}
.live_video.style_a > .bg:before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.live_video.style_a .nav_tab_con {
position: relative;
z-index: 2;
}
.live_video.style_a .nav_tab_con > .con {
padding: 40px;
}
.live_video.style_a .tab {
border: 0;
padding: 0;
display: flex;
width: auto;
position: absolute;
left: 70px;
top: 70px;
color: #fff;
z-index: 10;
}
.live_video.style_a .tab.row1 {
display: none !important;
}
.live_video.style_a .tab .li {
display: inline-block;
width: 100px !important;
height: 40px;
line-height: 36px;
border: 2px solid #fff !important;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.live_video.style_a .tab .li:first-child {
border-right: 0 !important;
border-radius: 22px 0 0 22px;
}
.live_video.style_a .tab .li:last-child {
border-left: 0 !important;
border-radius: 0 22px 22px 0;
}
.live_video.style_a .tab .li.color {
background: #fff;
font-weight: bold;
}
.live_video.style_a .tab .li.color::before {
content: "\e63b";
display: inline-block;
width: 16px;
height: 16px;
font-family: "iconfont_old";
line-height: 1;
transform: rotate(-180deg);
/*
background: url(https://img.bagevent.com/resource/20231130/1603032833810186.png)
no-repeat;
background-size: cover;*/
margin-right: 4px;
}
.live_video.style_a .tab_module {
border: 0;
}
.live_video.style_a .tab_module .text_con:before {
content: "";
padding-bottom: 56.25%;
position: relative;
display: block;
}
.live_video.style_a .tab_module > .li.active {
padding: 0;
}
.live_video.style_a .tab_module #live_video {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: flex;
align-self: center;
justify-content: center;
}
.live_video.style_a .tab_module #live_video video {
width: auto;
height: 100%;
}
.live_video.style_a .tab_module .vodeo_play_btn {
display: inline-block;
background: url(https://img.bagevent.com/resource/20231205/1556407853810186.png)
no-repeat center;
background-size: cover;
position: absolute;
width: 70px;
height: 70px;
left: 50%;
top: 50%;
margin-top: -35px;
margin-left: -35px;
z-index: 10;
}
.live_video.style_a .tab_module img {
width: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
min-height: 100%;
z-index: 9;
}
.live_video.style_a .tab_module video {
width: 100%;
}
@media screen and (max-width: 1280px) {
.live_video.style_a > .bg {
width: 100%;
margin: 0;
left: 0;
}
}
.phone .live_video.style_a > .bg {
width: auto;
left: 20px;
right: 20px;
bottom: 32px;
padding: 15px;
top: 87px;
}
.phone .live_video.style_a .tab_module > .li.active {
padding: 0;
}
.phone .live_video.style_a .nav_tab_con > .con {
padding: 24px 15px 15px 15px;
}
.phone .live_video.style_a .tab {
position: relative;
margin-bottom: 20px;
left: auto;
top: auto;
display: flex;
width: 100%;
}
.phone .live_video.style_a .tab .li {
width: 50% !important;
height: 36px;
line-height: 32px;
}
.phone .live_video.style_a .tab .li:first-child {
border-radius: 4px 0 0 4px;
}
.phone .live_video.style_a .tab .li:last-child {
border-radius: 0 4px 4px 0;
}
.phone .live_video.style_a .tab_module .vodeo_play_btn {
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
}
/*模å—-èœå•åˆ‡æ¢ ä¸æ”¾å¼€ä½¿ç”¨*/
.nav_tab.style_a .tab {
display: table;
width: 100%;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.12);
border-bottom: 0;
padding-top: 16px;
padding-bottom: 16px;
position: relative;
z-index: 2;
}
.nav_tab.style_a .tab .li {
display: table-cell;
font-size: 1.2em;
line-height: 2;
border-right: 1px solid rgba(0, 0, 0, 0.12);
vertical-align: middle;
}
.nav_tab.style_a .tab.row2 .li {
width: 50%;
}
.nav_tab.style_a .tab.row3 .li {
width: 33%;
}
.nav_tab.style_a .tab.row4 .li {
width: 25%;
}
.nav_tab.style_a .tab.row5 .li {
width: 20%;
}
.nav_tab.style_a .tab .li:last-child {
border: 0;
}
.nav_tab.style_a .tab .li a {
color: inherit;
opacity: 0.8;
}
.nav_tab.style_a .tab .li.color a {
opacity: 1;
}
.nav_tab.style_a .tab_module {
border: 1px solid rgba(0, 0, 0, 0.12);
border-top: 0;
width: 100%;
position: relative;
z-index: 1;
}
.nav_tab.style_a .tab_module > .li {
display: none;
}
.nav_tab.style_a .tab_module > .li.active {
display: block;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 32px;
padding-top: 16px;
width: initial;
}
.nav_tab.style_a .tab_module .title {
display: none !important;
}
.nav_tab.style_a .tab_module .module {
padding: 0;
margin: 0;
margin-bottom: 24px;
}
.nav_tab.style_a .tab_module .module:last-child {
margin-bottom: 0;
}
.nav_tab.style_a .tab_module .con {
width: 100% !important;
padding: 0;
margin: 0;
}
.phone .nav_tab.style_a .tab_module > .li.active {
padding-left: 16px;
padding-right: 16px;
}
.phone .layer_survey .layer_header .back {
padding-bottom: 12px;
}
/*模å—- å£æŠ¥å±•ç¤º*/
.poster_show .web_schedule_search {
margin-bottom: 30px;
}
.poster_list .poster_fl {
margin-bottom: 20px;
}
.poster_fl_title {
position: relative;
text-align: right;
margin-bottom: 20px;
}
.poster_fl_title > .bg {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 2px;
opacity: 0.3;
width: 100%;
}
.poster_fl_title .ti {
position: relative;
display: inline-block;
float: left;
height: 40px;
line-height: 40px;
padding: 0 16px;
}
.poster_fl_title .ti .bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
border-radius: 0 0 12px 12px;
}
.poster_fl_title .ti .t {
color: #fff;
font-weight: bold;
position: relative;
z-index: 2;
}
.poster_fl_title .ti .icon {
position: absolute;
left: 100%;
top: 0;
width: 16px;
height: 16px;
float: left;
line-height: 16px;
margin-left: -1px;
margin-right: 0;
}
.poster_fl_title .n {
opacity: 0.8;
display: inline-block;
vertical-align: middle;
line-height: 30px;
margin-top: 6px;
font-size: 0.75em;
}
.poster_fl_title .close {
display: flex;
align-items: center;
float: right;
position: relative;
padding: 0 12px;
height: 30px;
line-height: 30px;
cursor: pointer;
vertical-align: middle;
margin-top: 6px;
margin-left: 20px;
font-size: 0.75em;
}
.poster_fl_title .close .bg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
border-radius: 20px;
opacity: 0.1;
}
.poster_fl_title .close .icon {
margin: 0;
margin-left: 4px;
display: inline-block;
}
.poster_fl_title .close.open .icon {
transform: rotate(180deg);
}
.poster_li_box {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.poster_li_box .li .box {
display: flex;
flex-direction: column-reverse;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 8px;
margin-bottom: 8px;
}
.poster_li_box .op {
position: absolute;
right: 0;
top: 0;
}
.poster_li_box .op .bg {
color: #fff;
display: inline-block;
border-radius: 20px 0 0 20px;
padding: 0 20px 0 10px;
font-size: 12px;
height: 24px;
line-height: 24px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.poster_li_box .info {
font-size: 0.75em;
}
.poster_li_box .info > div {
display: inline;
margin-right: 12px;
opacity: 0.8;
}
.poster_li_box .info > .bg {
display: none;
}
.poster_li_box .box .name {
font-weight: bold;
line-height: 1.3;
font-size: 0.875em;
padding-right: 160px;
}
.phone .poster_fl_title .ti {
height: auto;
line-height: 1.5;
padding: 8px 10px 26px 10px;
text-align: left;
width: 70%;
}
.phone .poster_fl_title .ti .t {
font-size: 0.875em;
line-height: 1.3;
}
.phone .poster_fl_title .n {
position: absolute;
left: 10px;
bottom: 6px;
color: #fff;
opacity: 1;
font-size: 12px;
margin: 0;
line-height: 18px;
z-index: 10;
}
.phone .poster_fl_title .close {
margin: 0;
font-size: 12px;
}
.phone .poster_fl_title .close .bg {
border-radius: 0 0 15px 15px;
}
.phone .poster_li_box .box .name {
padding-right: 80px;
}
/*模å—-çˆ¶æ¨¡å— ä¸æ”¾å¼€ä½¿ç”¨*/
.parent_module .pa_mo_box {
margin: 0 -8px;
}
.parent_module .pa_mo_box > div > .box {
margin: 0 8px;
}
.parent_module .pa_mo_box .box .module {
padding: 0;
margin: 0;
background: none !important;
color: inherit !important;
}
.parent_module .col-lg-12 .box .module .title {
display: none !important;
}
.parent_module .box .module .title .icon {
display: none;
}
.parent_module .box .module .title .title_box {
text-align: left;
}
.parent_module .box .module .con {
width: 100%;
margin: 0;
padding: 0;
}
.phone .parent_module .pa_mo_box {
margin: 0;
}
.phone .parent_module .pa_mo_box > div {
width: 100%;
margin-bottom: 16px;
float: none;
}
.phone .parent_module .pa_mo_box > div .box {
margin: 0;
}
.phone .parent_module .pa_mo_box > div:last-child {
margin-bottom: 0;
}
/*群组信æ¯*/
.group_info_con {
text-align: center;
}
.group_info .group_logo {
max-height: 80px;
max-width: 256px;
margin: 0 auto;
margin-top: 24px;
}
.group_info .group_logo img {
max-height: 80px;
max-width: 256px;
}
.group_info .group_name {
font-size: 1.2em;
margin-top: 16px;
margin-bottom: 24px;
}
.group_info .intro {
opacity: 0.8;
margin-bottom: 16px;
}
.group_info .button {
border-radius: 40px;
padding: 8px 32px;
}
/*群组æˆå‘˜*/
.group_member_con .member_li {
margin: 0 -4px;
}
.group_member_con .li {
width: 25%;
display: inline-block;
float: left;
}
.group_member_con .li .box {
margin: 0 4px;
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 8px;
overflow: hidden;
margin-bottom: 8px;
background: #fff;
}
.group_member_con .li .avator {
width: 48px;
height: 48px;
line-height: 48px;
float: left;
font-size: 18px;
}
.group_member_con .li .info {
padding-left: 48px;
margin-left: 8px;
}
.group_member_con .li .name {
font-size: 1.1em;
margin-top: 4px;
}
.group_member_con .li .intro {
opacity: 0.8;
font-size: 0.8em;
}
.right .group_member_con .li {
width: 50%;
}
.phone .group_member_con .li {
width: 50%;
}
/*供应商产å“介ç»*/
.module .product_li {
margin: 0 -16px;
text-align: center;
margin-bottom: -24px;
}
.module.product .li {
display: inline-block;
width: 33%;
text-align: left;
vertical-align: top;
margin-bottom: 24px;
float: left;
}
.module.product .li .box {
margin: 0 16px;
position: relative;
}
.module.product .li .img_scale {
width: 100%;
position: relative;
overflow: hidden;
}
.module.product .li .img_scale span {
width: 100%;
height: 0;
padding-bottom: 56.25%;
display: inline-block;
float: left;
}
.module.product .li .img_scale img {
min-height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
}
.module.product .li .name {
font-size: 1.2em;
}
.module.product .li .name a {
color: inherit;
}
/*供应商公å¸æ¡ˆä¾‹*/
.module .cases_li {
margin: 0 -16px;
text-align: center;
margin-bottom: -24px;
}
.module.cases .li {
display: inline-block;
width: 33%;
text-align: left;
vertical-align: top;
margin-bottom: 24px;
float: left;
}
.module.cases .li .box {
margin: 0 16px;
position: relative;
}
.module.cases .li .img_scale {
width: 100%;
position: relative;
overflow: hidden;
}
.module.cases .li .img_scale span {
width: 100%;
height: 0;
padding-bottom: 56.25%;
display: inline-block;
float: left;
}
.module.cases .li .img_scale img {
min-height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
}
.module.cases .li .name {
font-size: 1.2em;
}
.module.cases .li .name a {
color: inherit;
}
/*供应商公å¸æ–°é—»*/
.module .news_li {
margin: 0 -16px;
text-align: left;
margin-bottom: -24px;
}
.module.news .li {
margin: 0 16px;
display: inline-block;
width: 100%;
text-align: left;
vertical-align: top;
margin-bottom: 32px;
float: left;
}
.module.news .li .box {
position: relative;
}
.module.news .li .img_scale {
width: 32%;
position: relative;
overflow: hidden;
float: left;
}
.module.news .li .info {
width: 64%;
float: left;
padding: 16px 0 0 32px;
}
.module.news .li .img_scale span {
width: 100%;
height: 0;
padding-bottom: 56.25%;
display: inline-block;
float: left;
}
.module.news .li .img_scale img {
min-height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
}
.module.news .li .name {
font-size: 1.2em;
}
.module.news .li .name a {
color: inherit;
}
/*我的关注*/
.phone .favorite.module {
padding: 0 !important;
padding-top: 8px !important;
overflow: hidden;
height: 100vh;
}
.phone .favorite.module .date_li {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
border-top: 1px solid rgba(0, 0, 0, 0.12);
background: #fff;
margin-bottom: 8px;
padding: 8px 16px;
position: relative;
}
.phone .favorite.module .theme {
font-size: 14px;
font-weight: bold;
}
.phone .favorite.module .theme .hz {
margin-left: 4px;
}
.phone .favorite.module .guest {
font-size: 12px;
margin-top: 12px;
}
.phone .favorite.module .guest .jb {
opacity: 0.8;
margin-right: 4px;
}
.phone .favorite.module .guest .name {
margin-right: 4px;
}
.phone .favorite.module .jb_av {
display: inline-block;
margin-left: 10px;
}
.phone .favorite.module .avator {
width: 26px;
height: 26px;
margin-left: -10px;
}
.phone .favorite.module .date_time {
font-size: 12px;
opacity: 0.8;
margin-top: 8px;
}
.phone .favorite.module .collection {
position: absolute;
top: 50%;
margin-top: -12px;
right: 16px;
}
.phone .favorite.module .collection .icon {
color: #fff;
background: #ee0320;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
display: inline-block;
margin: 0;
border-radius: 50%;
}
/*å³ä¸‹è§’分享*/
.float_window {
z-index: 1000;
bottom: 100px;
}
.float_window .span {
background: rgba(0, 0, 0, 0.3);
border-radius: 4px;
display: flex;
justify-content: center;
}
.float_window .span .icon {
color: #fff;
line-height: 30px;
font-size: 26px;
margin-left: 2px;
}
.float_window .wei_fx {
position: absolute;
right: 52px;
top: -126px;
width: 200px;
text-align: center;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.12);
background: #fff;
padding: 20px 10px;
font-size: 12px;
color: #202020;
display: none;
}
.float_window .wei_fx img {
width: 160px;
height: 160px;
}
.float_window .span:hover .wei_fx {
display: block;
}
/*返回顶部*/
/*#totop {
position: fixed;
}*/
#totop a {
position: fixed;
display: inline-block;
width: 48px;
height: 48px;
right: 16px;
bottom: 276px;
background: url(../img/website/top.png) no-repeat;
background-size: 48px;
background-position: 0px 0px;
z-index: 10000;
border-radius: 4px;
}
#totop a:hover {
background-position: 0px -48px;
}
.phone #totop a {
right: 32px;
bottom: 126px;
}
/*摘è¦ç»“果查询*/
.sum_res_ly {
font-size: 14px;
padding: 24px;
}
.sum_res_ly .sum_res_box .tips {
margin-bottom: 20px;
}
.sum_res_ly .sum_res_box .s_info {
border: 1px solid rgba(0, 0, 0, 0.06);
padding: 10px 20px;
border-radius: 3px;
}
.sum_res_ly .sum_res_box .id {
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 10px;
font-size: 12px;
opacity: 0.6;
}
.sum_res_ly .s_info .s_ti {
font-size: 16px;
margin-bottom: 20px;
}
.sum_res_ly .s_info .s_ti .topic {
font-size: 12px;
opacity: 0.6;
margin-top: 4px;
}
.sum_res_ly .s_info .s_ti .bgr {
font-size: 12px;
opacity: 0.6;
}
.sum_res_ly .jg_div {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
.sum_res_ly .jg_div.success .n {
color: #4eb900;
}
.sum_res_ly .jg_div.fail .n {
color: #eb3b3b;
}
.sum_res_ly .jg_div.ap .n {
color: #ff5303;
}
.sum_res_ly .info_l {
font-size: 16px;
margin: 0 10px;
}
.sum_res_ly .info_l .it_ti {
opacity: 0.6;
}
.sum_res_ly .s_info .op {
border-top: 1px solid rgba(0, 0, 0, 0.06);
padding-top: 12px;
text-align: right;
margin-top: 30px;
}
.sum_res_ly .s_info .op .button {
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 3px;
display: inline-block;
padding: 3px 8px;
margin-bottom: 12px;
color: inherit;
}
.phone .sum_res_layer {
width: 100% !important;
top: 0 !important;
bottom: 0;
background: #fff;
left: 0 !important;
}
.phone .sum_res_ly .sum_res_box .tips {
margin-bottom: 20px;
background: #f7f9fb;
padding: 10px;
border-radius: 3px;
}
.phone .sum_res_layer .layer_header {
padding: 16px 12px;
}
.phone .sum_res_layer .sum_res_ly {
padding: 20px 12px;
}
.phone .sum_res_ly .sum_res_box .s_info {
padding: 0;
border: 0;
margin-bottom: 20px;
position: relative;
}
.phone .sum_res_ly .jg_div {
justify-content: start;
flex-wrap: wrap;
margin-bottom: 10px;
}
.phone .sum_res_ly .info_l {
margin: 0;
display: block;
width: 100%;
}
.phone .sum_res_ly .s_info .op {
display: none;
}
/*摘è¦ç»“果查询 详情*/
.sum_res_ly .info {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.sum_res_ly .info .form_li {
margin-bottom: 0;
background: #f7f9fb;
padding: 8px 16px;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 3px;
margin-right: 10px;
flex: auto;
}
.sum_res_ly .info .form_li:last-child {
margin-right: 0;
}
.sum_res_ly .info .label {
opacity: 0.8;
margin-bottom: 0;
font-weight: normal;
font-size: 12px;
}
.sum_res_ly .s_con {
background: #f7f9fb;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 3px;
}
.sum_res_ly .s_con .a_info {
padding: 12px 16px;
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.sum_res_ly .s_con .a_info div {
margin-right: 10px;
}
.sum_res_ly .s_con .a_info div:first-child {
border-right: 1px solid rgba(0, 0, 0, 0.12);
padding-right: 10px;
}
.sum_res_ly .summary {
background: #fff;
}
/*-------------------------个人ä¸å¿ƒ------------------------*/
/*登陆ã€æ³¨å†Œ*/
.web_login_box .login {
width: 442px;
margin: 108px auto;
border-radius: 10px;
background: #fff;
}
.web_login_box .nav_li .li {
width: 50%;
float: left;
background: #b3bdc3;
margin: 0;
text-align: center;
color: #fff;
font-size: 24px;
padding: 16px 0;
border: 0;
}
.web_login_box .nav_li .li:first-child {
border-radius: 10px 0 0 0;
}
.web_login_box .nav_li .li:last-child {
border-radius: 0 10px 0 0;
}
.web_login_box .nav_li .li.color {
background: none;
}
.web_login_con {
padding: 64px 40px;
}
.web_login_con .form_li {
margin-bottom: 24px;
}
.web_login_con .form_li .label {
position: absolute;
left: 16px;
top: 0;
line-height: 52px;
z-index: 2;
background: #e8eef1;
margin: 0;
border-radius: 16px;
}
.web_login_con .form_li .input {
height: 52px !important;
background: #e8eef1;
padding: 16px;
border: 0;
border-radius: 52px;
position: relative;
z-index: 1;
}
.web_login_con .form_li .code_img {
position: absolute;
right: 0;
top: 0;
height: 52px;
z-index: 2;
}
.web_login_con .form_li .yzm .button {
position: absolute;
right: 16px;
top: 0;
line-height: 52px;
padding: 0;
z-index: 2;
}
.web_login_con .form_li.active .label {
background: none;
top: -25px;
-webkit-animation: fadeIn 0.4s ease 0s both;
-webkit-animation-play-state: initial;
}
.web_login_con .button.bg {
width: 100%;
display: block;
border-radius: 52px;
height: 52px;
color: #fff;
line-height: 52px;
font-weight: bold;
padding: 0;
font-size: 16px;
margin-bottom: 32px;
margin-top: 32px;
}
.web_login_con .separator {
margin: 32px auto 16px auto;
position: relative;
overflow: hidden;
text-align: center;
}
.web_login_con .separator .line {
border-top: 1px solid rgba(0, 0, 0, 0.12);
display: inline-block;
width: 64px;
margin-top: 8px;
}
.web_login_con .social_icon {
text-align: center;
}
.web_login_con .social_icon .li {
display: inline-block;
}
.web_login_con .web_login_con .social_icon .li > p {
font-size: 12px;
}
.social_icon .li > a {
display: inline-block;
margin: 16px;
margin-bottom: 8px;
border-radius: 50%;
width: 46px;
height: 46px;
line-height: 46px;
box-sizing: border-box;
color: #fff;
}
.web_login_con .social_icon .li > a:hover {
opacity: 0.8;
}
.web_login_con .social_icon .li > a .icon {
font-size: 24px;
margin: 0;
line-height: 42px;
}
.web_login_con .social_icon .li > a.mm {
background: #29abe2;
}
.web_login_con .social_icon .li > a.wei {
background: #6cca65;
}
.web_login_con .social_icon .li > a.dx {
background: #ffb449;
}
.phone .web_login_box {
margin: 48px 16px;
}
.phone .web_login_box .login {
width: 100%;
margin: 0;
}
/*活动网站弹出层*/
.buy_ticket .layer_wrapper .layer_header {
border: 0;
padding: 32px 48px 32px 48px;
}
.buy_ticket .layer_wrapper .layer_header .title {
font-size: 20px;
font-weight: bold;
margin-top: 24px;
}
.buy_ticket .layer_wrapper .layer_header .nun {
font-size: 14px;
margin-left: 8px;
font-style: italic;
}
.buy_ticket .layer_wrapper .layer_header .close {
font-size: 18px;
color: #6b717b;
line-height: 30px;
}
.buy_ticket .layer_wrapper .layer_header .close:hover {
color: #ff1d00;
}
.buy_ticket .layer_wrapper .layer_con {
padding: 0 48px 80px 48px;
}
.buy_ticket .layer_li_add a {
background: #f2f7fe;
border: 1px dotted #e2e9ed;
text-align: center;
padding: 16px;
display: block;
border-radius: 4px;
margin-top: 16px;
vertical-align: middle;
}
.buy_ticket .layer_wrapper .but a {
display: inline-block;
min-width: 78px;
color: #fff;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 36px;
padding: 0 24px;
box-sizing: border-box;
}
.buy_ticket .layer_wrapper .but .cancal {
/*box-shadow: 0px 2px 16px 0px rgba(179,189,195,0.4);*/
background: #b3bdc3;
}
.buy_ticket .layer_wrapper .but .big {
padding: 0 44px;
height: 44px;
line-height: 44px;
font-size: 16px;
font-weight: bold;
margin-top: 16px;
}
.buy_ticket .layer_wrapper .application_form {
background: none;
padding: 0;
margin: 0;
}
.buy_ticket .layer_wrapper .form_li {
margin-bottom: 16px;
width: 100%;
}
.buy_ticket .layer_wrapper .form_li .error_block {
position: relative;
left: auto;
top: auto;
display: block;
width: 100%;
margin: 0;
margin-top: 8px;
}
.buy_ticket .layer_wrapper .form_li .error_block:before {
display: none;
}
/*styleæ›´æ–°åŽå¾…åˆ é™¤*/
.phone .buy_ticket .layer_wrapper .layer_box {
left: 4% !important;
width: 92% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
@media screen and (max-width: 960px) {
.buy_ticket .layer_wrapper .layer_header {
padding: 20px;
}
.buy_ticket .layer_wrapper .layer_header .title {
margin-top: 10px;
}
.buy_ticket .layer_wrapper .layer_con {
padding: 0 20px 40px 20px;
}
}
/*个人ä¸å¿ƒå¤´éƒ¨*/
.buy_ticket_top {
background: #fff;
font-size: 14px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.buy_ticket_topcontent {
max-width: 1200px;
margin: 0 auto;
padding-top: 12px;
height: 52px;
}
.buy_ticket_top .f_l a {
color: inherit;
font-size: 16px;
margin-right: 12px;
float: left;
}
/*.buy_ticket_top .news { position: relative; display: inline-block; line-height: 1; }
.buy_ticket_top .news .icon { font-size: 24px; }
.buy_ticket_top .news .n { position: absolute; right: -4px; top: -8px; display: inline-block; width: 16px; height: 16px; background: #d0021b; border: 2px solid #fff; line-height: 16px; text-align: center; border-radius: 16px; font-size: 12px; font-weight: bold; color: #fff; box-sizing: content-box; }*/
.buy_ticket_top .f_r a {
color: inherit;
}
.buy_ticket_top .user {
display: inline-block;
margin: 0 16px;
}
.buy_ticket_top .user > .icon {
font-size: 12px;
margin-left: 8px;
margin-right: 0;
}
.buy_ticket_top .user .arrow {
left: 0;
margin-left: 24px;
top: 0;
}
.buy_ticket_top .user .hover_block {
padding-top: 8px;
width: 186px;
left: -24px;
}
.buy_ticket_top .user .hover_box {
border-radius: 6px;
max-height: inherit;
padding: 8px 0;
font-size: 14px;
}
.buy_ticket_top .user .li {
border: 0;
padding: 8px 24px;
box-sizing: content-box;
}
.buy_ticket_top .user .line {
border-top: 1px dotted #e2e9ed;
display: block;
margin: 8px 0;
}
.buy_ticket_top .f_r_icon {
border-left: 1px solid #e2e9ed;
padding-left: 20px;
}
.phone .buy_ticket_top {
padding: 0 8px;
}
.phone .buy_ticket_topcontent {
padding: 8px 0;
}
.phone .buy_ticket_topcontent .f_l {
display: none;
}
.phone .buy_ticket_topcontent .f_r {
float: none !important;
text-align: right;
}
/**/
#speechForm .buy_ticket {
background: #f2f7fe !important;
font-size: 14px !important;
color: #535774 !important;
}
.buy_ticket_title {
padding: 32px 0;
text-align: center;
font-size: 24px;
line-height: 32px;
font-weight: bold;
}
.buy_ticket_title .txt_mid {
display: inline-block;
position: relative;
}
.buy_ticket_title .txt_mid:before,
.buy_ticket_title .txt_mid:after {
content: "";
display: inline-block;
width: 84px;
border-bottom: 1px solid #cfd9df;
position: absolute;
top: 16px;
}
.buy_ticket_title .txt_mid:before {
right: 100%;
margin-right: 32px;
}
.buy_ticket_title .txt_mid:after {
left: 100%;
margin-left: 32px;
}
.phone .buy_ticket_top .user {
float: left;
margin: 0;
line-height: 34px;
}
.phone .buy_ticket_top .news {
margin-right: 10px;
}
.phone .buy_ticket_title {
font-size: 20px;
padding: 28px 0 0 0;
}
/*新版展商个人ä¸å¿ƒ*/
.top_bg {
background-image: url(https://img.bagevent.com/resource/20200420/10272986235754.png);
width: 100%;
height: 335px;
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
}
.personal_center {
position: relative;
z-index: 2;
max-width: 1100px;
margin: auto;
font-size: 14px;
color: #535774;
}
.personal_center .top {
color: #fff;
margin: 32px 0;
}
.personal_center .top.buy_ticket_top {
background: none;
box-shadow: none;
}
.personal_center .top .activity_title {
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 960px) {
.personal_center .top {
margin: 14px 10px;
}
.personal_center .top .activity_title:before {
font-family: "iconfont_old";
content: "\e662";
margin-right: 4px;
}
}
/*展商个人ä¸å¿ƒ*/
.personal_center .top .p_info {
position: relative;
}
.personal_center .top .p_info .news {
margin-right: 8px;
}
.personal_center .top .p_info .news .icon {
font-size: 20px;
}
.personal_center .top .p_info .n {
width: 18px;
height: 18px;
background: #d0021b;
border: 2px solid #fff;
display: inline-block;
border-radius: 50%;
position: absolute;
top: -4px;
line-height: 14px;
left: 14px;
text-align: center;
font-size: 12px;
}
.personal_center .top .p_info .user {
cursor: pointer;
}
.personal_center .top .p_info .user .uer_name {
font-size: 16px;
}
.personal_center .top .user.ex .hover_block {
color: #535774;
}
.buy_ticket_top .user.ex .arrow {
left: auto;
right: 18px;
}
.buy_ticket_top .user.ex .hover_block {
width: 380px;
left: auto;
right: -20px;
}
.buy_ticket_top .user.ex .hover_box {
padding: 26px 30px 8px 30px;
}
.buy_ticket_top .user.ex .li {
height: auto;
line-height: inherit;
padding: 0;
margin-bottom: 16px;
opacity: 0.8;
}
.buy_ticket_top .user.ex .li:hover {
background: none;
opacity: 1;
}
.buy_ticket_top .user.ex .line {
margin-bottom: 20px;
margin-top: 0;
}
.buy_ticket_top .user.ex .li .icon {
margin-right: 8px;
}
.buy_ticket_top .user.ex .name {
font-size: 20px;
opacity: 1;
margin-right: 160px;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.buy_ticket_top .user.ex .logo {
position: absolute;
right: 30px;
top: 30px;
}
/*ä¸Šä¼ logo*/
.exhi_up_logo {
width: 154px;
height: 74px;
position: relative;
overflow: hidden;
}
.exhi_up_logo .img_center {
width: 154px;
height: 74px;
padding: 10px;
position: relative;
z-index: 2;
background: #fff;
}
.exhi_up_logo .btn_addPic {
border: 2px dashed #e2e9ed;
border-radius: 10px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
color: #bdbec5;
text-align: left;
z-index: 1;
}
.exhi_up_logo .btn_addPic .text {
padding: 4px 16px;
}
.exhi_up_logo .btn_addPic .icon {
font-size: 14px;
float: left;
}
.exhi_up_logo .btn_addPic span.alm {
display: block;
line-height: 22px;
font-size: 13px;
}
.exhi_up_logo:hover .btn_addPic {
z-index: 3;
}
.personal_info {
margin-top: 70px;
}
@media screen and (max-width: 960px) {
.personal_info {
margin-top: 0;
}
}
.personal_info .left_menu {
background: #fff;
width: 192px;
border-radius: 4px;
min-height: calc(100vh - 200px);
padding: 12px;
}
.personal_info .left_menu .logo {
text-align: center;
width: 168px;
height: 116px;
padding: 12px;
background: #fff;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
}
.personal_info .left_menu .logo img {
max-height: 92px;
max-width: 144px;
}
.personal_info .left_menu .exhi_up_logo {
width: 144px;
height: 74px;
position: relative;
overflow: hidden;
}
.personal_info .left_menu .exhi_up_logo .img_center {
width: 144px;
height: 74px;
padding: 0px;
position: relative;
z-index: 2;
background: #fff;
}
.personal_info .left_menu .menu_list {
margin-top: 8px;
}
.personal_info .left_menu .menu_list .li {
height: 42px;
line-height: 42px;
margin-bottom: 12px;
padding-left: 24px;
cursor: pointer;
}
.personal_info .left_menu .menu_list .li i {
margin-right: 8px;
}
.personal_info .left_menu .menu_list span {
color: #6b717b;
}
.personal_info .left_menu .menu_list .li.active {
color: #fff;
border-radius: 2px;
}
.personal_info .left_menu .menu_list .li.active i {
color: #fff !important;
}
.personal_info .left_menu .menu_list .li.active span {
color: #fff !important;
}
@media screen and (max-width: 960px) {
.personal_info .left_menu {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 10;
background: #000;
border-radius: 0;
bottom: 0;
width: 70%;
}
.personal_info .left_menu .menu_list span {
color: #fff;
}
}
.personal_info .right_con {
padding-left: 208px;
width: 100%;
}
.personal_info .right_con .exhibitor_infomation {
width: 100%;
padding: 24px;
border-radius: 4px;
background: #fff;
box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.08);
position: relative;
margin-bottom: 16px;
}
.personal_info .right_con .company_name {
font-size: 22px;
font-weight: bold;
margin-bottom: 12px;
}
.personal_info .right_con .zg_zw {
color: #6b717b;
margin-bottom: 20px;
}
.personal_info .right_con .zg_zw .num {
font-size: 16px;
font-weight: bold;
}
.personal_info .right_con .zg_zw .interval {
margin: 0 4px;
}
.personal_info .right_con .zg_zw .inter {
margin: 0 12px;
color: #9b9b9b;
}
.personal_info .right_con .button {
border-radius: 100px;
}
.personal_info .right_con .n.color .avator {
width: 36px;
height: 36px;
display: inline-block;
color: #fff;
text-align: center;
line-height: 36px;
margin: 0 6px;
}
.personal_info .right_con .n.color .avator img {
border: none;
}
.personal_info .right_con .wei_code {
position: absolute;
top: 24px;
right: 24px;
text-align: center;
font-size: 12px;
}
.personal_info .right_con .wei_code img {
width: 96px;
height: 96px;
margin-bottom: 12px;
}
.personal_info .right_con .exhibitor_box {
padding-bottom: 24px;
border-bottom: 1px solid #e0e0e0;
}
.personal_info .right_con .data_box {
padding-top: 24px;
}
.personal_info .right_con .ex_data {
margin-right: 12px;
min-width: 120px;
}
.personal_info .right_con .ex_data .ti {
font-size: 12px;
margin-bottom: 12px;
color: #6b717b;
}
.personal_info .right_con .ex_data .num {
font-size: 24px;
font-weight: bold;
}
.personal_info .right_con .ex_data .num .up {
font-size: 12px !important;
color: #00cd44;
}
.personal_info .right_con .ex_data .num .down {
font-size: 12px !important;
color: #d0021b;
}
.personal_info .right_con .syqt {
background: #f5f6fa;
position: absolute;
bottom: 20px;
right: 24px;
display: table;
padding: 12px 18px;
}
.personal_info .right_con .syqt .icon_img {
display: table-cell;
vertical-align: middle;
}
.personal_info .right_con .syqt .icon_img img {
width: 40px;
height: 49px;
}
.personal_info .right_con .syqt .ex_data {
display: table-cell;
vertical-align: middle;
padding-left: 12px;
}
.personal_info .right_con .syqt .ex_data .ti {
margin-bottom: 0;
}
.personal_info .right_con .syqt .tips_box {
display: table-cell;
vertical-align: middle;
text-align: right;
}
.personal_info .right_con .syqt a {
margin-top: 8px;
font-size: 12px;
display: inline-block;
}
.personal_info .right_con .syqt a i {
font-size: 12px;
margin-right: 0;
}
.personal_info .right_con .notice_box {
overflow: hidden;
background: #fff;
padding: 24px 24px 24px 48px;
border-radius: 4px;
position: relative;
margin-bottom: 16px;
}
.personal_info .right_con .notice_box .icon_box {
position: absolute;
width: 16px;
height: 16px;
top: 28px;
left: 24px;
text-align: center;
}
.personal_info .right_con .notice_box .icon_box i {
margin: 0;
font-size: 12px !important;
color: #fff;
line-height: 16px;
}
.personal_info .right_con .notice_box .notice_con {
overflow: hidden;
}
.personal_info .right_con .notice_box .nt_ti {
font-size: 16px;
font-weight: bold;
}
.personal_info .right_con .notice_box .notice {
margin-top: 8px;
}
.personal_info .right_con .notice_box .money {
font-size: 20px;
font-weight: bold;
}
.personal_info .right_con .notice_box .my {
font-weight: bold;
}
.personal_info .right_con .notice_box .check {
position: absolute;
right: 24px;
bottom: 24px;
}
.personal_info .right_con .notice_box .check i {
margin: 0;
font-size: 14px;
}
.personal_info .right_con .tb {
width: 50%;
display: inline-block;
vertical-align: top;
}
.personal_info .right_con .tb:nth-child(2n) {
margin-left: -3px;
}
.personal_info .right_con .todo_li {
margin-bottom: 16px;
background: #fff;
border-radius: 4px;
padding: 24px;
box-sizing: border-box;
}
.personal_info .right_con .todo_li:hover {
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.08);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
cursor: pointer;
}
.personal_info .right_con .tb:nth-child(2n + 1) .todo_li {
margin-right: 8px;
}
.personal_info .right_con .tb:nth-child(2n) .todo_li {
margin-left: 8px;
}
.personal_info .right_con .todo_li .icon_box {
position: relative;
width: 56px;
height: 56px;
text-align: center;
float: left;
}
.personal_info .right_con .todo_li .icon_box .bg {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
opacity: 0.1;
}
.personal_info .right_con .todo_li .icon_box .icon {
line-height: 56px;
margin: auto;
font-size: 30px;
}
.personal_info .right_con .tipbox {
padding-left: 16px;
margin-left: 56px;
}
.personal_info .right_con .tipbox .dt {
font-size: 16px;
font-weight: bold;
margin-bottom: 4px;
margin-top: 2px;
}
.personal_info .right_con .tipbox a .icon {
font-size: 14px;
vertical-align: top;
}
.personal_info .right_con .tipbox a span {
vertical-align: top;
margin-right: 4px;
}
@media screen and (max-width: 960px) {
.personal_info .right_con {
padding-left: 0;
}
}
.personal_contact {
position: fixed;
bottom: 100px;
right: 5vw;
width: 150px;
height: 190px;
border-radius: 8px;
color: #fff;
text-align: center;
}
.personal_contact_small {
display: none;
}
.personal_contact .img_1 {
position: absolute;
z-index: 1;
top: 0;
right: 0;
}
.personal_contact .img_2 {
position: absolute;
z-index: 2;
top: -86px;
left: 0;
}
.personal_contact .wz {
margin-top: 72px;
margin-bottom: 12px;
z-index: 3;
position: relative;
}
.personal_contact .button {
background: #fff;
border-radius: 100px;
z-index: 3;
position: relative;
}
.personal_contact .button:hover {
opacity: 1;
}
@media screen and (max-width: 1670px) {
.personal_contact {
right: 4vw;
}
}
@media screen and (max-width: 1600px) {
.personal_contact {
right: 3vw;
}
}
@media screen and (max-width: 1500px) {
.personal_contact {
display: none;
}
.personal_contact_small {
display: block;
position: absolute;
bottom: 130px;
right: 50px;
width: 50px;
height: 50px;
border-radius: 80px;
color: #fff;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.personal_contact_small i {
margin: 0;
font-size: 20px;
}
}
@media screen and (max-width: 1280px) {
.personal_contact_small {
right: 20px;
}
}
.personal_info .inside_pages {
width: 100%;
border-radius: 4px;
background: #fff;
box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.08);
position: relative;
min-height: calc(100vh - 200px);
}
.personal_info .inside_pages .title_box {
padding: 24px;
position: relative;
border-bottom: 1px solid #ebebeb;
overflow: hidden;
}
.personal_info .inside_pages .title_box .title {
font-size: 20px;
font-weight: bold;
}
.personal_info .inside_pages .title_box .op {
font-weight: normal;
margin-top: 4px;
}
.personal_info .inside_pages .title_box .op a {
display: inline-block;
vertical-align: top;
}
.personal_info .inside_pages .title_box .bg {
position: absolute;
width: 4px;
height: 30px;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.personal_info .inside_pages .inside_box {
padding: 24px;
}
/*展商åˆåŒåˆ—表*/
.height_hetong .hetong_li {
background: #f2f7fe;
border-radius: 4px;
padding: 12px 10px;
margin-bottom: 8px;
}
.height_hetong .hetong_li .info_box {
overflow: hidden;
}
.height_hetong .icon_img {
width: 48px;
height: 48px;
border-radius: 4px;
float: left;
padding: 8px;
}
.height_hetong .ht_con {
margin-left: 48px;
padding-left: 10px;
position: relative;
height: 48px;
margin-bottom: 12px;
}
.height_hetong .ht_con .name {
margin-bottom: 4px;
padding-right: 80px;
margin-top: 4px;
}
.height_hetong .ht_con .time {
font-size: 12px;
opacity: 0.8;
}
.height_hetong .hetong_li .op_box {
overflow: hidden;
border-top: 1px solid #ebebeb;
}
.height_hetong .ht_con .zt {
position: absolute;
right: 0;
top: 22px;
color: #fff;
padding: 2px 16px;
border-radius: 100px;
font-size: 12px;
}
.height_hetong .ht_con .zt.a {
background: #ff9c42;
}
.height_hetong .ht_con .zt.b {
background: #31bb72;
}
.height_hetong .op_box {
padding-top: 12px;
}
.height_hetong .op_box .n {
font-weight: bold;
margin-left: 6px;
font-size: 16px;
}
.height_hetong .op_box .op span {
margin: 0 6px;
color: #979ca3;
}
/*新版展商个人ä¸å¿ƒend*/
/*展商信æ¯
.exhibitor_info { max-width: 1200px; margin: 0 auto; padding-bottom: 32px; padding-top: 8px; }
.exhibitor_info .name { font-size: 24px; font-weight: bold; margin-bottom: 32px; }
.exhibitor_info .info .li { float: left; margin-right: 56px; font-size: 14px; }
.exhibitor_info .info .li .ti { color: #6B717B margin-bottom: 8px; }
.exhibitor_info .info .li .n { font-size: 24px; font-weight: bold; line-height: 36px; }
.exhibitor_info .info .cy { margin-left: 32px; }
.exhibitor_info .info .avator { width: 36px; height: 36px; line-height: 32px; border-radius: 36px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1); box-sizing: border-box; border: 2px solid #fff; font-size: 12px; text-align: center; color: #fff; margin-left: -12px; }
.exhibitor_info .info .avator.add { margin: 0; margin-left: 32px; box-shadow: none; border: 0; }
.exhibitor_info .info .avator:first-child { margin: 0; }
.phone .exhibitor_info { display: none; }*/
/*展商信æ¯*/
.exhibitor_info {
margin-top: 0 !important;
padding: 20px 40px !important;
overflow: hidden;
position: relative;
}
/*.exhibitor_info .hetong { position: absolute; left: 0; top: 20px; color: #fff; height: 36px; line-height: 36px; padding: 0 20px; border-radius: 0 18px 18px 0; z-index: 101; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); }*/
.exhibitor_info .logo {
width: 236px;
float: left;
}
.exhibitor_info .exhi_up_logo {
width: 236px;
height: 118px;
}
.exhibitor_info .exhi_up_logo .img_center {
width: 236px;
height: 118px;
padding: 12px 60px 12px 20px;
border-right: 1px dotted rgba(0, 0, 0, 0.12);
}
.exhibitor_info .exhi_up_logo .btn_addPic .text {
padding-top: 30px;
}
.exhibitor_info .exhi_up_logo .btn_addPic .icon {
font-size: 30px;
}
.exhibitor_info .exhi_up_logo .btn_addPic span.alm {
margin-left: 46px;
}
.exhibitor_info .info {
margin-left: 236px;
padding-left: 40px;
margin-right: 158px;
}
.exhibitor_info .info .t_list {
display: table;
width: 100%;
min-height: 118px;
}
.exhibitor_info .info .t_li {
display: table-cell;
vertical-align: middle;
}
.exhibitor_info .info .t_li.b {
width: 200px;
padding-left: 40px;
}
.exhibitor_info .info .s_ti {
font-size: 16px;
margin-right: 4px;
opacity: 0.8;
}
.exhibitor_info .info .s_span {
font-weight: bold;
font-size: 20px;
margin-top: 4px;
margin-bottom: 12px;
}
.exhibitor_info .info .ss_span {
font-size: 16px;
}
.exhibitor_info .info .interval {
margin: 0 6px;
opacity: 0.6;
}
.exhibitor_info .info .inter {
margin: 0 14px;
opacity: 0.6;
}
.exhibitor_info .info .none {
opacity: 0.3;
}
.exhibitor_info .wei_code {
position: absolute;
right: 40px;
top: 20px;
width: 118px;
height: 118px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 4px;
}
.exhibitor_info .wei_code img {
width: 80px;
margin: 8px auto 4px auto;
}
.exhibitor_info .wei_code .sh {
position: absolute;
background: #ff9c42;
top: 32px;
left: 10px;
right: 10px;
height: 28px;
line-height: 28px;
color: #fff;
font-weight: bold;
font-size: 12px;
border-radius: 28px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.exhibitor_info .wei_code .text {
font-size: 12px;
opacity: 0.6;
}
.exhibitor_info .ex_op .bg {
display: block;
height: 28px;
line-height: 28px;
color: #fff;
margin-right: 8px;
padding: 0 16px;
border-radius: 28px;
margin-bottom: 6px;
}
.exhibitor_info .ex_op .f_r .alm {
margin-left: 4px;
float: left;
line-height: 28px;
}
.exhibitor_info .ex_op .f_r span.alm {
opacity: 0.6;
}
.phone .exhibitor_info {
margin-top: 20px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
.phone .exhibitor_info .logo {
float: none;
border: 0;
}
.phone .exhibitor_info .exhi_up_logo .img_center {
padding: 24px 30px;
}
.phone .exhibitor_info .info {
margin-left: 0;
padding-left: 0;
padding-top: 20px;
border-top: 1px dotted rgba(0, 0, 0, 0.12);
padding-top: 0 !important;
}
.phone .exhibitor_info .info .t_li {
display: block;
}
.phone .exhibitor_info .info .t_li.b {
display: inline-block;
padding-left: 0;
}
.phone .exhibitor_info .info .t_li.c {
display: inline-block;
}
.phone .exhibitor_info .ex_op .f_l {
float: none !important;
overflow: hidden;
}
.phone .exhibitor_info .ex_op .f_r {
float: none !important;
margin-top: 10px;
}
/*申请状æ€*/
.apply_status {
margin-top: 32px;
}
.apply_status .bar_infor {
width: 1200px;
background: linear-gradient(
324deg,
rgba(255, 255, 255, 0.36) 0%,
rgba(255, 255, 255, 0) 50%
);
border-radius: 10px;
margin: 0 auto;
}
.apply_status .bar_infor_box {
padding: 24px 48px;
color: #fff;
position: relative;
}
.apply_status .bar_infor_title {
font-size: 24px;
font-weight: bold;
display: inline-block;
margin-right: 16px;
max-width: 600px;
}
/*.apply_status .back_baoming { color: #fff; text-decoration: underline; }*/
.apply_status .bar_infor_box .pw {
margin-top: 8px;
}
.apply_status .bar_infor_box .pw span {
opacity: 0.6;
margin-right: 8px;
}
.apply_status .stat_pro {
margin-top: 24px;
position: relative;
}
.apply_status .stat_pro .line {
width: 100%;
height: 10px;
background: #fff;
border-radius: 5px;
opacity: 0.2;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 1;
}
.apply_status .stat_pro .li {
position: relative;
z-index: 2;
float: left;
text-align: center;
}
.apply_status .stat_pro .li .bg {
display: inline-block;
width: 26px;
height: 26px;
border: 3px solid rgba(255, 255, 255, 0.6);
border-radius: 26px;
margin-top: -8px;
text-align: center;
line-height: 20px;
box-sizing: border-box;
margin-bottom: 8px;
float: left;
margin-left: 46%;
}
.apply_status .stat_pro .li .icon {
margin: 0;
}
.apply_status .stat_pro .li .text {
opacity: 0.6;
clear: both;
float: none;
}
.apply_status .stat_pro .li.active {
cursor: pointer;
}
.apply_status .stat_pro .li.active:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 1;
height: 10px;
background: #fff;
}
.apply_status .stat_pro .li.active:after {
content: "";
display: block;
position: absolute;
top: 0;
right: -5px;
z-index: 1;
height: 10px;
width: 10px;
border-radius: 10px;
background: #fff;
}
.apply_status .stat_pro .li:nth-child(2):before {
border-radius: 5px 0 0 5px;
}
.apply_status .stat_pro .li:last-child:before {
border-radius: 0 5px 5px 0;
}
.apply_status .stat_pro .li:last-child:after {
display: none !important;
}
.apply_status .stat_pro .li.active .bg {
background: #fff !important;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 2;
}
.apply_status .stat_pro .li.active .text {
opacity: 1;
}
/*.apply_status .zwh .ti { opacity: 0.6; margin-right: 8px; }
.apply_status .zwh .none { opacity: 0.6; font-weight: bold; }
.apply_status .zwh .zw { font-weight: bold; opacity: 0.8; display: inline-block; }*/
.phone .apply_status {
display: none;
}
/*申请报å表å•*/
.application_form {
max-width: 1200px;
border-radius: 10px;
background: #fff;
margin: 0 auto;
padding: 48px;
padding-bottom: 8px;
box-sizing: border-box;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0.125rem 0px,
rgba(0, 0, 0, 0.14) 0px 0.5rem 1rem 0px;
margin-bottom: 40px;
}
@media screen and (max-width: 960px) {
.application_form {
padding: 20px;
}
}
.application_form_title {
font-size: 18px;
margin-bottom: 32px;
padding-left: 8px;
border-left-style: solid;
border-left-width: 4px;
font-weight: bold;
}
.application_guide .text_con {
font-size: 16px;
line-height: 1.8;
border-bottom: 1px dotted #e2e9ed;
padding-bottom: 48px;
margin-bottom: 48px;
}
.application_guide .application_form_title {
margin-bottom: 16px;
}
.apply_form {
margin-bottom: 48px;
}
.apply_form .ticket_line {
margin-bottom: 40px;
margin-top: 40px;
border-bottom: 1px dotted #e2e9ed;
position: relative;
}
.apply_form .ticket_line .l_ti {
font-size: 16px;
font-weight: bold;
background: #fff;
position: absolute;
left: 0;
top: -10px;
line-height: 20px;
padding-right: 8px;
}
.apply_form .ticket_line .del {
background: #fff;
padding-left: 8px;
position: absolute;
top: -10px;
right: 0;
line-height: 20px;
}
.apply_form .tixing {
margin-top: -8px;
margin-bottom: 32px;
}
.application_form .input,
.application_form select,
.application_form textarea {
background-color: #fcfeff;
border: 1px solid #e2e9ed !important;
height: 42px;
border-radius: 3px;
padding-left: 16px;
border-radius: 3px;
color: inherit;
}
.application_form textarea {
height: 120px !important;
padding: 10px 16px;
}
.apply_form .form_li .input.error {
border: 1px solid rgba(208, 2, 27, 0.2) !important;
}
.apply_form .form_li {
margin-bottom: 32px;
width: 734px;
}
.apply_form .form_li .tips {
color: #6b717b;
font-size: 13px;
}
.apply_form .form_li .label {
margin-bottom: 8px;
font-weight: bold;
}
.apply_form .form_li .label .tips {
display: block;
font-weight: normal;
}
.apply_form .form_li .f_con {
position: relative;
}
.apply_form .form_li .input {
height: 42px;
line-height: 42px;
padding: 0 16px;
z-index: 1;
position: relative;
}
.apply_form .form_li .error_block {
width: 346px;
background: #d0021b;
box-shadow: 0px 10px 20px 0px rgba(239, 115, 123, 0.3);
border-radius: 6px;
position: absolute;
top: 0;
left: 100%;
color: #fff;
font-weight: bold;
padding: 8px;
box-sizing: border-box;
margin-left: 24px;
margin-top: 2px;
}
.apply_form .form_li .error_block:before {
content: "";
display: block;
border-bottom: 7px solid transparent;
border-right: 7px solid #d0021b;
border-top: 7px solid transparent;
width: 0;
height: 0;
position: absolute;
top: 12px;
left: -6px;
}
.apply_form .form_li .col-lg-2 .input {
border-radius: 3px 0 0 3px;
}
.apply_form .form_li .col-lg-10 .input {
border-radius: 0 3px 3px 0;
}
.apply_form .form_li .input_radio {
width: 20px;
height: 20px;
margin-top: 0;
}
.apply_form .form_li input[type="checkbox"]:checked + .input_radio:after,
.apply_form .form_li input[type="radio"]:checked + .input_radio:after {
width: 16px;
height: 16px;
font-size: 16px;
}
.apply_form .form_li .item_li {
background: #fcfeff;
border: 1px solid #e2e9ed;
border-bottom: 0;
margin: 0;
padding: 10px 16px;
position: relative;
}
.apply_form .form_li div:first-child .item_li {
border-radius: 3px 3px 0 0;
}
.apply_form .form_li div:last-child .item_li {
border-bottom: 1px solid #e2e9ed;
border-radius: 0 3px 3px 0;
}
.apply_form .form_li .item_li.qt .input_radio {
margin-top: 0;
}
.apply_form .form_li .item_li .input {
border: 0 !important;
padding: 0;
line-height: 22px;
height: 22px;
}
.apply_form .form_li .item_li .item_con {
margin-left: 22px;
}
.apply_form .up_avator {
padding: 16px;
background: #fcfeff;
border: 1px dashed #e2e9ed;
border-radius: 3px;
}
.apply_form .up_avator_img {
width: 110px;
height: 110px;
float: left;
border-radius: 3px;
overflow: hidden;
}
.apply_form .up_avator_img img {
min-height: 110px;
}
.apply_form .form_up_button {
padding-left: 126px;
}
.apply_form .up_avator_file {
border-bottom: 1px dashed #e2e9ed;
padding-bottom: 16px;
margin-bottom: 12px;
}
.apply_form .up_avator_file .icon {
font-size: 24px;
margin-right: 8px;
line-height: 1;
}
.apply_form .up_avator_file .btn_addPic {
text-align: left;
}
.apply_form .up_file {
height: 102px !important;
background: #fcfeff;
border: 1px dashed #e2e9ed !important;
border-radius: 3px;
}
.apply_form .up_file .text {
font-size: 20px;
margin-top: 32px;
}
.apply_form .up_file .icon {
font-size: 36px;
line-height: 1;
margin-right: 16px;
}
.apply_form .form_block {
margin-bottom: 8px;
}
.phone .application_form {
margin: 0 8px;
padding: 24px 24px;
margin-top: 24px;
}
.phone .apply_form .form_li {
width: 100%;
}
.phone .apply_form .form_li .error_block {
position: relative;
left: auto;
top: auto;
width: 100%;
margin: 0;
margin-top: 4px;
}
.apply_form .form_li .error_block:before {
display: none;
}
@media screen and (max-width: 960px) {
.apply_form {
margin-bottom: 0;
}
.apply_form .form_li {
width: 100%;
margin-bottom: 20px;
}
}
.phone .application_guide .text_con {
padding-bottom: 30px;
margin-bottom: 30px;
}
.history_box .ht_title {
padding: 6px 0;
}
.history_box .ht_list {
padding: 20px;
background: #f6f8fa;
border-radius: 4px;
margin-bottom: 10px;
}
.history_box .ht_list:last-of-type {
margin-bottom: 0;
}
.history_box .ht_list .ht_content {
position: relative;
border-left: 1px solid rgba(0, 0, 0, 0.12);
padding-left: 25px;
}
.history_box .ht_list .ht_content::before {
position: absolute;
top: 50%;
left: 0;
transform: translate(-50%, -50%);
display: block;
content: "";
width: 6px;
height: 6px;
background: #fff;
border: 2px solid rgba(0, 0, 0, 0.12);
border-radius: 50%;
}
.history_box .ht_list .ht_content .ht_top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.history_box .ht_list .ht_content .ht_top .ht_time {
font-weight: bold;
}
.history_box .ht_list .ht_content .ht_bt .ht_text {
color: #8d8d8d;
margin: 0 4px;
}
/*è´ä¹°å•†å“*/
.application_form .sp .input_radio {
margin-top: 8px;
}
.application_form .sp_name {
font-weight: bold;
width: 70%;
line-height: 22px;
}
.application_form .sp_price {
font-weight: bold;
font-size: 24px;
position: absolute;
right: 16px;
top: 20px;
}
.application_form .open {
display: block;
}
/*展商展ä½æƒç›Šé€‰æ‹©*/
.sp_choose_li .list {
margin-bottom: 48px;
}
.sp_choose_li .table {
display: table;
width: 100%;
box-sizing: border-box;
}
.sp_choose_li .table .td {
display: table-cell;
vertical-align: middle;
}
.sp_choose_li .table.th {
margin-bottom: 8px;
}
.sp_choose_li .table.li {
background: #f2f7fe;
border-radius: 4px;
border: 1px solid #e2e9ed;
min-height: 64px;
padding: 16px 0;
margin-bottom: 4px;
font-weight: bold;
cursor: pointer;
position: relative;
}
.sp_choose_li .table .n {
width: 50%;
}
.sp_choose_li .table .s {
width: 15%;
text-align: center;
}
.sp_choose_li .table .pr {
width: 20%;
text-align: center;
}
.sp_choose_li .table .nun {
width: 15%;
text-align: center;
padding-right: 24px;
}
.sp_choose_li .table.li .n {
padding-left: 24px;
}
.sp_choose_li .table.li .first {
padding-left: 24px;
}
.sp_choose_li .table .op {
text-align: center;
}
.sp_choose_li .table .op a {
display: inline-block;
margin: 0 16px;
}
.sp_choose_li .y_p {
font-weight: normal;
text-decoration: line-through;
font-size: 12px;
}
.sp_choose_li select {
padding: 0;
padding-right: 16px;
height: auto;
line-height: inherit;
border: 0 !important;
background-color: transparent !important;
background-size: 12px auto;
}
.sp_choose_li .qy_z {
border: 1px solid #e2e9ed;
border-radius: 4px;
margin-bottom: 48px;
}
.sp_choose_li .qy_z .item_li {
padding: 16px 24px;
border-bottom: 1px dotted #e2e9ed;
position: relative;
}
.sp_choose_li .qy_z .item_li:last-child {
border: 0;
}
.sp_choose_li .qy_z .open .icon {
font-size: 12px;
}
.sp_choose_li .qy_z ul {
padding: 0;
margin: 8px 0;
}
.sp_choose_li .qy_z li {
list-style: none;
}
.phone .sp_choose_li .table.th {
display: none;
}
.phone .sp_choose_li .table .td {
display: block;
float: left;
width: 100%;
padding-right: 100px;
text-align: left;
}
.phone .sp_choose_li .table.li .n {
padding-left: 8px;
}
.phone .sp_choose_li .table .nun {
width: 100px;
padding: 0;
position: absolute;
right: 0;
top: 0;
padding-right: 16px;
}
.phone .sp_choose_li .table .s {
padding-left: 34px;
margin-top: 12px;
}
.phone .sp_choose_li .table .pr {
padding-left: 34px;
}
/*订å•ä¿¡æ¯*/
.order_con .order_table {
width: 100%;
margin-bottom: 40px;
border-top: 1px solid #e2e9ed;
}
.order_con .order_table .th {
padding: 16px 0;
border-bottom: 1px dotted #e2e9ed;
}
.order_con .order_table .li td {
padding-top: 20px;
}
.order_con .order_table .li:last-child {
padding-bottom: 20px;
}
.order_con .order_table .total {
padding-top: 20px;
}
.order_con .total_table {
border-top: 1px dotted #e2e9ed;
padding-top: 32px;
}
.order_con .total_table table {
text-align: right;
float: right;
}
.order_con .total_table .t {
padding-right: 16px;
}
.order_con .total_table .t_p {
font-size: 24px;
font-weight: bold;
}
/*确认*/
.confirm_exa {
margin: 32px 0;
text-align: center;
}
.confirm_exa .confirm {
width: 190px;
display: inline-block;
border-radius: 54px;
color: #fff;
line-height: 54px;
font-weight: bold;
font-size: 16px;
}
@media screen and (max-width: 1024px) {
.confirm_exa .confirm {
line-height: 42px;
width: 132px;
}
}
/*个人å‚会管ç†*/
.user_info_box {
margin: 0 !important;
}
.user_info_box .bar_infor {
width: 100% !important;
border-radius: 0 !important;
}
.user_info_box .user_info {
text-align: center;
}
.user_info_box .user_info .avator {
width: 126px;
height: 126px;
border: 4px solid rgba(255, 255, 255, 0.6);
margin-top: -72px;
}
.user_info_box .user_info .name {
font-size: 24px;
font-weight: bold;
margin-top: 16px;
margin-bottom: 8px;
}
.my_ticket .li {
background: #f5f9fb;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 2px;
position: relative;
width: 100%;
height: 144px;
margin-top: 16px;
}
.my_ticket .qr {
padding: 12px 24px;
width: 120px;
float: left;
}
.my_ticket .qr img {
width: 120px;
height: 120px;
}
.my_ticket .info {
float: left;
width: 400px;
}
.my_ticket .info .t_n {
font-size: 16px;
margin: 24px 0 8px 0;
}
.my_ticket .info .at {
margin-bottom: 24px;
}
.my_ticket .info .at,
.my_ticket .info .or {
opacity: 0.8;
}
.my_ticket .op {
float: right;
width: 206px;
text-align: center;
padding-top: 16px;
height: 128px;
border-left: 2px dashed rgba(0, 0, 0, 0.12);
}
.my_ticket .op .color {
display: inline-block;
width: 120px;
height: 30px;
line-height: 30px;
margin-top: 16px;
border-style: solid;
border-width: 1px;
border-radius: 20px;
background: #fff;
}
.ticket_keeping {
padding: 24px 0 8px 0;
}
.ticket_keeping .top {
background: #ecf1f4;
height: 36px;
line-height: 36px;
padding: 0 8px;
}
.ticket_keeping .step {
background: #f5f9fb;
padding: 24px 0 0 64px;
text-align: center;
}
.ticket_keeping .step .s_li {
float: left;
margin-right: 40px;
width: 200px;
}
.ticket_keeping .step .s_n {
margin-bottom: 16px;
}
.ticket_keeping .step .s_n .bg {
display: inline-block;
width: 24px;
line-height: 24px;
height: 24px;
color: #fff;
font-weight: bold;
font-size: 14px;
font-style: italic;
vertical-align: middle;
border-radius: 50%;
margin-right: 8px;
}
.phone .user_info_box .user_info .avator {
margin-top: 16px;
}
/*演讲申请æˆåŠŸ*/
.application_form .apply_result {
padding: 64px 56px 96px 56px;
min-height: 45vh;
}
.application_form .putin_detail {
width: 706px;
}
.apply_result .lec_tip1 {
margin-top: 16px;
}
.apply_result .putin_wechat {
position: relative;
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid #e2e9ed;
}
.apply_result .putin_wechat .lec_code {
width: 108px;
height: 108px;
border-radius: 6px;
border: 1px solid #e2e9ed;
margin-right: 20px;
float: left;
}
.apply_result .lec_code img {
width: 100px;
height: 100px;
margin: 4px;
}
.apply_result .lec_tip2 {
margin-left: 108px;
padding-left: 16px;
}
.apply_result .lec_ill {
margin-top: 16px;
line-height: 22px;
color: #6b717b;
}
.phone .application_form .apply_result {
padding: 40px 0;
text-align: center;
}
.phone .application_form .putin_logo {
float: none !important;
}
.phone .application_form .putin_logo img {
height: 96px;
}
.phone .application_form .putin_detail {
width: 100%;
float: none !important;
}
.phone .apply_result .putin_wechat {
text-align: left;
}
/*å±•å•†å®¡æ ¸*/
.application_form .zs {
padding: 68px 48px 108px 48px;
color: #6b717b;
}
.application_form .zs .tips {
max-width: 760px;
margin: 0 auto;
}
/*è”系人弹框*/
.lxr_box .li {
margin-bottom: 20px;
}
.lxr_box .li .post {
margin-bottom: 10px;
font-weight: bold;
}
.lxr_box .li .contact_li {
background: #f2f7fe;
border-radius: 4px;
border: 1px solid #e2e9ed !important;
padding: 12px 16px;
margin-bottom: 6px;
overflow: hidden;
}
.lxr_box .li .contact_li .icon_img {
width: 36px;
height: 36px;
border-radius: 100%;
float: left;
padding: 9px;
}
.lxr_box .li .contact_li .icon_img img {
width: 18px;
height: 18px;
}
.lxr_box .li .contact_li .info {
margin-left: 36px;
padding-left: 16px;
}
.lxr_box .li .contact_li .info .name {
font-weight: bold;
}
.lxr_box .li .contact_li .info .lx {
font-size: 13px;
}
.lxr_box .li .contact_li .info .mail {
margin-left: 16px;
color: #535774 !important;
}
/*管ç†ä¸å¿ƒ*/
.control_center {
max-width: 1200px;
margin: 0 auto;
}
.control_center_con {
margin: 0 -8px;
}
.control_center .box {
margin: 0 8px;
margin-top: 16px;
padding: 16px 24px;
background: #fff;
border-radius: 10px;
}
.control_center .box .back {
background: #e8eff5;
padding: 8px;
border-radius: 3px;
margin-bottom: 16px;
}
.control_center .li_table {
display: table;
width: 100%;
}
.control_center .li_table > .li {
display: table-cell;
float: none;
}
/*.control_center .height_a .box { height: 474px; }
.control_center .height_b { height: 312px; }
.control_center .height_c { height: 154px; padding: 0; margin-top: 8px; }*/
.control_center .ti {
font-weight: bold;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding-bottom: 12px;
}
.control_center .ti .op {
font-weight: normal;
}
.control_center .ti .op a {
display: inline-block;
vertical-align: middle;
}
.control_center .ti.line {
border-bottom: 1px solid #e2e9ed;
padding-bottom: 15px;
}
.control_center .ti .nav_li {
border-bottom: 1px solid #e2e9ed;
height: 44px;
}
.control_center .ti .nav_li > .li {
height: 44px;
line-height: 44px;
color: #6b717b;
}
.control_center .ti .nav_li > .li.active {
border: 1px solid #e2e9ed;
border-bottom: 1px solid #fff;
background: #fff;
padding: 0 24px;
border-radius: 3px 3px 0 0;
color: #535774;
}
.control_center .but .bg {
display: inline-block;
color: #fff;
height: 42px;
width: 180px;
padding: 0 8px 0 24px;
box-sizing: border-box;
border-radius: 42px;
line-height: 42px;
position: relative;
}
.control_center .but img {
width: 28px;
height: 28px;
margin-top: 8px;
}
.control_center .box .li .but {
display: inline-block;
height: 36px;
line-height: 36px;
border-radius: 36px;
color: #fff;
font-weight: bold;
padding: 0 24px;
}
.control_center .box .li .but.cancal {
box-shadow: 0px 2px 16px 0px rgba(179, 189, 195, 0.4);
background: #b3bdc3;
cursor: not-allowed;
}
/*.control_center .share_nun { padding-bottom: 32px; }
.control_center .share_nun .li { padding-top: 16px; }
.control_center .share_nun .ti_top { color: #6B717B }
.control_center .share_nun .nun { font-size: 24px; font-weight: bold; }
.control_center .share_nun .help_box { font-size: 12px; }*/
.control_center .down_app {
overflow: hidden;
color: #fff;
width: 100%;
height: 100%;
border-radius: 10px;
background-image: url(../img/control_center_downapp_bg.png);
background-repeat: no-repeat;
background-size: contain;
background-position: right top;
}
.control_center .down_app .text {
margin: 32px 8px 0 24px;
}
.control_center .down_app .a {
font-size: 30px;
margin-bottom: 8px;
}
.control_center .down_app .code {
width: 84px;
height: 84px;
border-radius: 4px;
overflow: hidden;
margin: 32px 24px 0 0;
}
/*ç¼´è´¹*/
.zf_jl .sy_p {
font-weight: bold;
}
.zf_jl .sy_p span {
vertical-align: top;
display: inline-block;
}
.zf_jl .sy_p .a {
margin-top: 10px;
margin-right: 10px;
}
.zf_jl .sy_p .b {
font-size: 48px;
}
.zf_jl .sy_p .c {
font-size: 24px;
color: #6b717b;
}
.zf_jl .help_box td {
padding: 2px;
}
.zf_jl .op_but {
margin-top: 16px;
overflow: hidden;
}
.zf_jl .op_but .but {
display: inline-block;
height: 28px;
line-height: 28px;
color: #fff;
margin-right: 8px;
float: left;
color: #fff;
padding: 0 16px;
border-radius: 28px;
width: auto;
}
.zf_jl .hk_jh {
margin-top: 40px;
overflow: hidden;
}
.zf_jl .hk_jh .ti {
margin-bottom: 12px;
border-color: rgba(0, 0, 0, 0.06);
}
.zf_jl .hk_jh .li {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.zf_jl .hk_jh .li .zt.a {
color: #ff8548;
}
.zf_jl .hk_jh .li .zt.b {
color: #31bb72;
}
.height_b .but .ck {
display: block;
height: 34px;
line-height: 34px;
color: #fff;
margin: auto;
color: #fff;
padding: 0 16px;
border-radius: 28px;
width: auto;
text-align: center;
width: 130px;
}
/*.control_center .zf_jl .but { margin: 20px 0; }
.control_center .zf_jl .fee .a { margin-right: 20px; }
.control_center .zf_jl .fee .span { opacity: 0.6; padding-right: 4px; }*/
/*.control_center .zf_jl .li table { width: 100%; }
.control_center .zf_jl .li td { padding-bottom: 12px; }
.control_center .table .th { border-radius: 3px; }
.control_center .table .th td { background: #e8eff5; padding: 12px 16px; font-size: 14px; }
.control_center .table .td_li td { border: 0; padding: 16px; padding-bottom: 0; height: 36px; }*/
.phone .control_center_con {
margin: 0 8px;
}
.phone .control_center .box {
margin-left: 0;
margin-right: 0;
height: auto;
padding-left: 16px;
padding-right: 16px;
}
.phone .control_center_con .col-lg-8 {
width: 100%;
}
.phone .control_center_con .col-lg-4 {
width: 100%;
}
/*.phone .control_center .height_c { height: 154px; padding: 0; }*/
/*展商è”系人
.height_contact {height: 154px;margin-top: 8px;}
.height_contact .ti { border: 0; margin-bottom: 0;}
.exhibition_contact { background: #f2f7fe; padding: 12px 20px 12px 20px; border-radius: 4px; }
.exhibition_contact .icon_img {width: 52px; float: left;}
.exhibition_contact .contact { margin-left: 52px; padding-left: 10px;}
.exhibition_contact .name {line-height: 18px; margin-bottom: 4px; }
.exhibition_contact .l {font-size: 12px; line-height: 16px; opacity: 0.6; }*/
/*注册信æ¯*/
.registe_box .op {
margin-top: 16px;
}
.registe_box .op a {
margin-right: 12px;
float: left;
}
/*打款记录*/
.fkli_table {
width: 100%;
}
.fkli_table .th td {
background: none;
padding: 0;
padding-bottom: 16px;
color: #6b717b;
background: #f1f5f7;
padding: 10px 8px;
}
.fkli_table .li td {
padding: 20px 8px;
border-bottom: 1px dotted #e2e9ed;
}
.fkli_table .c_p_zt {
cursor: pointer;
background: #fff;
}
.fkli_table .c_p_zt .icon {
margin: 0;
margin-left: 4px;
}
.fkli_table .hover_block {
padding-top: 16px;
}
.fkli_table .hover_block .arrow {
top: 8px;
}
.fkli_table .hover_box {
width: 208px;
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
border-radius: 8px;
background: #fff;
padding: 8px 0;
box-sizing: border-box;
}
.fkli_table .hover_box .zt_li {
text-align: left;
padding: 8px 16px;
}
.fkli_table .hover_box .zt_li:hover {
background: #f2f7fe;
}
.fkli_table .hover_box .zt_li .icon {
color: #535774;
}
.fkli_table .lsdh {
text-align: left;
padding: 16px;
}
.fkli_table .lsdh .input {
width: 100%;
box-sizing: border-box;
height: 42px;
line-height: 42px;
border: 1px solid #e2e9ed;
margin: 4px 0 8px 0;
}
/*课程列表*/
.course_list .th {
display: none;
}
.course_list .li {
display: block;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #e2e9ed;
position: relative;
}
.course_list .li td {
display: inline-block;
padding: 0;
border: 0;
font-size: 12px;
margin-right: 12px;
color: #979ca3;
}
.course_list .li td:first-child {
display: block;
margin-bottom: 8px;
font-size: 16px;
margin-right: 0;
color: inherit;
}
.course_list .li td a {
position: absolute;
font-size: 0;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.course_list .li:after {
content: "\e6bb";
font-family: "iconfont_old";
opacity: 0.3;
font-size: 12px;
position: absolute;
right: 0;
line-height: 20px;
top: 50%;
margin-top: -20px;
}
/*å‚展商å“*/
.czsp_li .li {
border: 1px solid rgba(0, 0, 0, 0.06);
background: #f2f7fe;
padding: 16px;
margin-bottom: 8px;
position: relative;
border-radius: 4px;
overflow: hidden;
}
.czsp_li .li .img {
float: left;
width: 112px;
height: 84px;
background: #fff;
}
.czsp_li .li .img .img_center {
width: 112px;
height: 84px;
}
.czsp_li .li .info {
padding-left: 16px;
margin-left: 112px;
}
.czsp_li .li .info .name {
font-weight: bold;
border-bottom: 1px dotted #e2e9ed;
margin-bottom: 8px;
padding-bottom: 8px;
}
.czsp_li .li .info .intro {
line-height: 22px;
display: -webkit-box;
overflow: hidden;
height: 44px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #6b717b;
}
.czsp_li .li .op {
display: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
line-height: 118px;
text-align: center;
}
.czsp_li .li:hover .op {
display: block;
}
.czsp_li .li .op a {
color: #fff;
margin: 0 16px;
}
.czsp_li .li .checkbox {
width: 24px;
height: 24px;
position: absolute;
right: 8px;
top: 8px;
background: #fff;
border: 2px solid #cdd4d8;
text-align: center;
line-height: 20px;
box-sizing: border-box;
border-radius: 3px;
z-index: 10;
}
.czsp_li .li .checkbox .icon {
color: #cdd4d8;
margin: 0;
cursor: pointer;
}
.czsp_li .li.active .checkbox .icon {
color: #57ad68;
}
/*我的资料*/
.my_file .my_file_list {
margin-bottom: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
background: #f2f7fe;
padding: 12px 16px;
position: relative;
border-radius: 4px;
}
.my_file_list .icon_img {
width: 48px;
height: 48px;
border-radius: 4px;
float: left;
padding: 8px;
margin-top: 2px;
}
.my_file_list .file_info {
margin-left: 48px;
padding-left: 10px;
position: relative;
}
.my_file_list .file_info .name {
margin-bottom: 4px;
padding-right: 60px;
font-weight: 600;
margin-top: 3px;
}
.my_file_list .file_info .time {
font-size: 12px;
opacity: 0.6;
}
.my_file_list .file_info .button {
display: block;
border-radius: 20px;
font-size: 12px;
height: 25px;
width: 78px;
padding: 0;
line-height: 25px;
}
.my_file_list .file_info .button.cx {
margin-top: 4px;
}
.my_file_list .file_info .button.sc {
margin-top: 10px;
}
/*æœç´¢ä¸Žç›é€‰*/
.schedule_search_sx .input_box {
margin-bottom: 0.75em;
}
.schedule_search_sx .input_box .input {
width: 30em;
height: 3em;
line-height: 3em;
margin-right: 0.5em;
float: left;
}
.schedule_search_sx .input_box .button {
height: 3em;
line-height: 3em;
padding: 0 3em;
display: flex;
align-items: center;
justify-content: center;
float: left;
}
.schedule_search .category {
display: flex;
margin-bottom: 0.5em;
}
.schedule_search .category .label {
padding: 0.25em 0;
width: 5em;
}
.schedule_search .category .ca_con {
flex: auto;
width: min-content;
}
.schedule_search .category .label_span {
background: #fff;
color: #222;
display: inline-block;
padding: 0.25em 0.75em;
margin-bottom: 0.25em;
margin-right: 0.25em;
border: 1px solid rgba(0, 0, 0, 0.06);
}
.schedule_search .category .label_span.bg {
color: #fff;
}
.phone .schedule_search.web_schedule_search {
margin-bottom: 1.5em;
}
.phone .schedule_search .filter {
display: inline-block;
border: 1px solid rgba(0, 0, 0, 0.12);
width: 22%;
text-align: center;
border-right: 0;
border-radius: 4px 0 0 4px;
height: 2.75em;
display: flex;
align-items: center;
justify-content: center;
float: left;
background: #fff;
}
.phone .schedule_search .input {
width: 56%;
margin: 0;
border-radius: 0;
height: 2.75em;
}
.phone .schedule_search .input_box .button {
height: 2.75em !important;
padding: 0 !important;
width: 22%;
border-radius: 0 4px 4px 0;
font-size: inherit !important;
}
.phone .schedule_search_layer {
position: fixed;
left: 0;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
bottom: 0;
z-index: 10000;
}
.phone .schedule_search_layer .schedule_search {
overflow-y: auto;
overflow-x: hidden;
height: 100vh;
background: #fff;
width: 90%;
padding: 20px;
padding-bottom: 80px;
color: #202020;
}
.phone .schedule_search .category {
flex-direction: column;
}
.phone .schedule_search .category .label {
padding: 0 0 0.5em 0;
width: 100%;
}
.phone .schedule_search .category .ca_con {
width: 100%;
}
.phone .schedule_search_layer .qd {
bottom: 0;
position: absolute;
right: 10%;
left: 0;
background: #fff;
padding: 12px 0;
text-align: center;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
/*弹出层*/
.layer.open {
top: 0;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}
.layeropen_box .title .close {
font-size: 18px;
}
/* 修改记录 */
.form_box_alter {
padding-top: 10px;
}
.form_box_alter .al_re {
font-weight: bold;
margin: 0;
margin-top: 8px;
}
.form_box_alter .alter_detail {
background-color: #f7f9fb;
padding: 16px 24px;
margin-top: 8px;
position: relative;
}
.form_box_alter .detail_pic {
float: left;
width: 2px;
height: 40px;
background-color: #e7e9eb;
}
.form_box_alter .detail_circle {
width: 6px;
height: 6px;
border: 2px solid #d8dadc;
border-radius: 50%;
margin: 15px -4px;
background-color: #f6f8fa;
}
.form_box_alter .detail_middle {
margin-left: 28px;
}
.form_box_alter .mid_date {
font-weight: bold;
margin-bottom: 4px;
}
.form_box_alter .mid_con span {
display: inline-block;
margin-right: 4px;
}
.form_box_alter .t1 {
color: #00a0e8;
font-weight: bold;
}
.form_box_alter .detail_right {
position: absolute;
right: 24px;
top: 16px;
}
.form_box_alter .compare {
margin-top: 16px;
margin-left: 28px;
}
.form_box_alter .com_mod {
margin-top: 16px;
}
.form_box_alter .compare .ti {
margin-bottom: 4px;
}
/*人员列表*/
.ry_list_table {
width: 100%;
border-top: 1px solid #e2e9ed !important;
}
.ry_list_table .th td {
background: none;
padding: 12px 0;
border-bottom: 1px solid #e2e9ed;
}
.ry_list_table .li td {
padding-top: 16px;
}
.ry_list_table .li td span.n {
cursor: pointer;
}
.ry_list_table .li .avator {
width: 36px;
height: 36px;
line-height: 32px;
border-radius: 36px;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
border: 2px solid #fff;
font-size: 12px;
text-align: center;
color: #fff;
margin-right: 8px;
}
.ry_list_table .li .bq {
display: inline-block;
margin-right: 8px;
}
.ry_list_table .li .bq:before {
content: "#";
}
/*展商æƒç›Š*/
.height_qy_li {
position: relative;
}
.height_qy_li .box {
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
}
.top_qy {
margin-bottom: 24px;
}
.top_qy .qy_l {
float: left;
margin-right: 40px;
}
.top_qy .qy_l .top_ti {
opacity: 0.6;
margin-bottom: 4px;
}
.top_qy .qy_l .qy_con {
font-size: 18px;
font-weight: bold;
}
.top_qy .qy_l .qy_con sup {
font-size: 12px;
}
.top_qy .help_box {
float: right;
}
.top_qy .help_box .help_text {
left: auto;
right: 0;
}
.qy_li .li {
background: #f2f7fe;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.06);
padding: 16px;
margin-bottom: 4px;
position: relative;
overflow: hidden;
}
.qy_li .li .th {
background: #e8eff5;
padding: 12px 16px;
border-radius: 3px;
font-weight: bold;
font-size: 16px;
}
.qy_li .li_box {
padding-top: 16px;
}
.qy_li .nun {
margin-left: 10px;
}
.qy_li .ticket_right {
display: inline-block;
width: 50%;
}
.qy_l .help_text {
left: auto;
right: 0;
}
.sub_name {
margin-top: 16px;
border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
padding-top: 16px;
}
.sub_name .ticket_right_set .bg {
width: 4px;
height: 4px;
vertical-align: middle;
display: inline-block;
margin-right: 8px;
}
.sub_name .ticket_right_set .ticket {
display: inline-block;
vertical-align: middle;
}
.sub_name .ticket_right_set .op a {
color: #535774 !important;
}
.sub_name .ticket_right_set .op i {
font-size: 12px;
}
.sub_name .ticket_right_set .op.shq i {
display: inline-block;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
/* IE 9 */
-moz-transform: rotate(180deg);
/* Firefox */
-webkit-transform: rotate(180deg);
/* Safari 和 Chrome */
-o-transform: rotate(180deg); /* Opera */
}
.ticket_url_box {
border-radius: 4px;
border: 1px solid #e2e9ed !important;
overflow: hidden;
margin-left: 10px;
margin-top: 10px;
}
.ticket_url_ti {
box-sizing: border-box;
background: #fff !important;
font-size: 14px !important;
font-weight: normal !important;
}
.ticket_url_ti.th {
border-bottom: 1px solid #e2e9ed;
}
.ticket_url_ti.th:last-child {
border: none;
}
.ticket_url_ti.th.tab {
padding: 8px 16px;
color: #6b717b;
}
.ticket_url_ti .url a {
color: inherit !important;
}
.ticket_url_ti .mz {
width: 15%;
text-align: center;
}
.ticket_url_ti .op {
width: 20%;
text-align: center;
cursor: pointer;
}
.ticket_url_ti .op.ysy {
color: #7b7c8b !important;
}
.ticket_url_ti .op.ytp {
color: #7b7c8b !important;
}
.ticket_url_ti .op.syz {
color: #39a30e !important;
}
/**/
.hover:hover .ticket_tip {
display: block !important;
}
.ticket_tip {
display: none;
position: absolute;
left: 20px !important;
border-style: solid;
border-width: 1px;
padding: 8px 16px;
width: 300px;
font-size: 13px;
border-radius: 2px;
z-index: 10;
line-height: 24px;
background: #fff;
color: #545454;
}
.ticket_tip .arrow {
border-bottom-color: inherit;
left: 16px;
top: -8px;
}
.ticket_tip .tip_p {
text-align: left;
}
.ticket_tip .tip_p .icon {
float: left;
width: 24px;
margin: 0;
}
.ticket_tip .tip_p .text {
margin-left: 24px;
display: block;
}
/*嘉宾信æ¯*/
.guest_info_top {
font-size: 14px;
}
.guest_info_avatar {
float: left;
width: 116px;
}
.guest_info_avatar .avator {
width: 116px;
height: 116px;
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}
.guest_info_right {
margin-left: 116px;
padding-left: 24px;
margin-top: 16px;
position: relative;
padding-bottom: 32px;
}
.guest_info_right .name {
font-weight: bold;
font-size: 24px;
margin-bottom: 4px;
padding-right: 300px;
}
.guest_info_right .post {
padding-right: 300px;
}
.guest_info_right .but {
margin-top: 24px;
border-top: 1px dotted #e2e9ed;
padding-top: 24px;
}
.guest_info_right .but.zt {
font-weight: bold;
}
.guest_info_right .share_nun {
position: absolute;
right: 0;
top: 0;
}
.guest_info_right .share_nun .li {
display: inline-block;
float: left;
margin-left: 32px;
text-align: center;
padding: 0;
}
.guest_info_right .share_nun .nun {
margin-top: 8px;
}
/*演讲列表*/
.guest_speech.qy_li .li {
padding: 24px;
}
.guest_speech .zt_span {
position: absolute;
left: 0;
top: 8px;
border-radius: 0 36px 36px 0;
height: 36px;
line-height: 36px;
padding: 0 24px;
font-size: 12px;
font-weight: bold;
color: #fff;
}
.guest_speech .zt_span.none {
box-shadow: 0px 2px 16px 0px rgba(179, 189, 195, 0.4);
background: #b3bdc3;
}
.guest_speech .zt_span.dps {
background: #ff9000;
box-shadow: 0px 2px 16px 0px rgba(255, 144, 0, 0.32);
}
.guest_speech .left {
width: 70%;
}
.guest_speech .theme {
font-size: 16px;
font-weight: bold;
margin-bottom: 2px;
margin-top: 34px;
}
.guest_speech .theme .icon {
color: inherit;
margin-left: 8px;
}
.guest_speech .share_nun {
float: right;
margin-top: 8px;
padding-bottom: 0;
}
.guest_speech .share_nun .li {
border: 0;
padding: 0;
float: left;
margin: 0;
margin-left: 32px;
text-align: center;
}
.guest_speech .share_nun .li .nun {
margin: 0;
font-style: normal;
margin-top: 8px;
}
.guest_speech .xg {
margin-top: 40px;
}
/*æ·»åŠ æ—¥ç¨‹é¡¹*/
.sch_li_add .dxg {
display: inline-block;
height: 36px;
line-height: 32px;
box-sizing: border-box;
border: 2px solid rgba(0, 0, 0, 0.12);
border-radius: 4px;
padding: 0 8px;
cursor: pointer;
color: #979ca3;
margin-top: -8px;
}
.sch_li_add .dxg.active {
background: rgba(0, 160, 232, 0.1);
color: #00a0e8;
border: 2px solid rgba(0, 160, 232, 0.3);
}
/*日程项关è”嘉宾*/
.gu_add_li .g_n_l {
margin-right: 8px;
position: relative;
display: inline-block;
float: left;
cursor: pointer;
}
.gu_add_li .g_n_l .avator {
width: 48px;
height: 48px;
position: relative;
line-height: 48px;
text-align: center;
}
.gu_add_li .g_n_l:hover .avator {
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.gu_add_li .g_n_l .op {
display: none;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
color: #fff;
}
.gu_add_li .g_n_l .op a {
color: #fff;
}
.gu_add_li .g_n_l:hover .op {
display: block;
}
.gu_add_li .g_n_l .gu_info {
display: none;
background: rgba(0, 0, 0, 0.8);
color: #fff;
position: absolute;
width: 72px;
left: 50%;
margin-left: -40px;
top: 58px;
padding: 4px 4px;
border-radius: 3px;
text-align: center;
}
.gu_add_li .g_n_l .arrow.top {
top: -6px;
margin-left: -6px;
border-width: 6px;
}
.gu_add_li .g_n_l .arrow.top:after {
border-bottom-color: rgba(0, 0, 0, 0.8);
border-bottom-color: rgba(0, 0, 0, 0.8);
border-width: 5px;
margin-left: -5px;
top: -10px;
}
.gu_add_li .g_n_l .name {
max-width: 72px;
}
.gu_add_li .g_n_l:hover .gu_info {
display: block;
}
.gu_add_li .g_n_l .add .avator {
background: #e4f1ff;
box-shadow: none;
}
.gu_add_li .search_box {
margin: 0;
}
.gu_add_li .search_box .arrow.left {
top: 0;
margin-top: 32px;
}
.gu_add_li .search_box .search .input {
padding-left: 24px;
box-sizing: border-box;
height: 48px;
}
.gu_add_li .search_box .result .li {
padding: 12px 0;
margin: 0 16px;
}
.gu_add_li .search_box .result .avator {
float: left;
width: 40px;
height: 40px;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
margin: 4px 8px;
}
.gu_add_li .search_box .result .intro {
color: #6b717b;
font-size: 12px;
margin-right: 60px;
}
.gu_add_li .search_box .module_guset_add {
margin: 16px;
}
.gu_add_li .search_box .module_guset_add .form_li {
margin-bottom: 8px;
}
/*æ—¥ç¨‹é¡¹æ·»åŠ å…³é”®è¯*/
.add_keyword_set .li {
display: inline-block;
float: left;
background: #ecf1f4;
padding: 0 16px;
border-radius: 3px;
margin-right: 4px;
height: 36px;
line-height: 36px;
position: relative;
text-align: center;
min-width: 36px;
}
.add_keyword_set .li .op {
display: none;
background: rgba(0, 0, 0, 0.6);
color: #fff;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 3px;
}
.add_keyword_set .li:hover .op {
display: block;
}
.add_keyword_set .li.add {
background: #e4f1ff;
padding: 0;
}
.add_keyword_set .li.add > a {
display: block;
}
.add_keyword_set .tips_list {
margin: 16px;
margin-bottom: 12px;
}
.add_keyword_set .tips_span {
display: inline-block;
float: left;
margin-right: 8px;
margin-bottom: 4px;
font-size: 12px;
}
.add_keyword_set .tips_span:first-child {
margin-left: 0;
}
.add_keyword_set .tips_span .tip {
display: inline-block;
float: left;
height: 22px;
line-height: 22px;
background: rgba(0, 160, 232, 0.1);
border: 1px solid rgba(0, 160, 232, 0.3);
border-right: 0;
padding-left: 8px;
}
.add_keyword_set .tips_span.a .tip {
background: #ecf1f4;
border: 1px solid rgba(0, 0, 0, 0.12);
border-right: 0;
}
.add_keyword_set .tips_span .t {
vertical-align: middle;
display: inline-block;
}
.add_keyword_set .tips_span .del {
font-size: 12px;
margin-left: 4px;
vertical-align: middle;
line-height: 1;
}
.add_keyword_set .tips_span .bg {
float: left;
background: none !important;
}
.add_keyword_set .tips_span .close {
transform: rotate(45deg);
display: inline-block;
}
.add_keyword_set .search_box {
margin: 0;
top: 0;
left: 48px;
}
.add_keyword_set .search_box .arrow.left {
top: 0;
margin-top: 16px;
}
/*酒店预定*/
.hotal_li.qy_li .li {
padding: 24px;
}
.hotal_li.qy_li .img {
float: left;
width: 98px;
height: 64px;
overflow: hidden;
border-radius: 3px;
}
.hotal_li.qy_li .img img {
min-height: 100%;
}
.hotal_li.qy_li .info {
margin-left: 98px;
padding-left: 16px;
}
.hotal_li.qy_li .name {
font-size: 16px;
font-weight: bold;
margin-bottom: 2px;
}
.hotal_li.qy_li .star img {
height: 16px;
}
.hotal_li.qy_li .choose {
margin-top: 16px;
}
.hotal_li.qy_li .r_li {
padding-left: 16px;
padding-right: 16px;
}
.hotal_li.qy_li .r_box {
display: table;
width: 100%;
box-sizing: border-box;
}
.hotal_li.qy_li .r_box > div {
display: table-cell;
padding-top: 16px;
}
.hotal_li.qy_li .th .r_box > div {
padding: 0;
}
.hotal_li.qy_li .r_box .zao {
width: 15%;
}
.hotal_li.qy_li .r_box .last {
width: 15%;
}
.hotal_li.qy_li .r_box .price {
width: 15%;
}
.hotal_li.qy_li .r_box .add {
width: 15%;
}
.hotal_li.qy_li .r_box .intro {
color: #6b717b;
}
.hotal_li.qy_li .name_info .star {
margin-left: 8px;
display: inline-block;
}
.hotal_li.qy_li .choose_list {
margin-top: 16px;
}
/*旅游预订*/
.travel_li.qy_li .li {
padding: 24px;
}
.travel_li.qy_li .li .li_box {
padding-top: 24px;
}
.travel_li.qy_li .img {
float: left;
width: 200px;
overflow: hidden;
height: 132px;
border-radius: 3px;
}
.travel_li.qy_li .img img {
min-height: 100%;
}
.travel_li.qy_li .info {
margin-left: 200px;
padding-left: 16px;
}
.travel_li.qy_li .name {
font-size: 16px;
font-weight: bold;
margin-bottom: 2px;
}
.travel_li.qy_li .intro {
display: block;
margin-top: 8px;
padding-left: 24px;
background: url(../img/icon_yinhao.png) no-repeat left top;
min-height: 40px;
line-height: 20px;
color: #6b717b;
}
.travel_li.qy_li .price {
font-size: 24px;
font-weight: bold;
display: inline-block;
margin-top: 8px;
}
.travel_li.qy_li .yd {
padding-top: 8px;
display: inline-block;
float: right;
}
.travel_li.qy_li .yd .but {
float: right;
}
.travel_li.qy_li .my_travel .img {
width: 72px;
height: 48px;
}
.travel_li.qy_li .my_travel .info {
margin-left: 72px;
margin-top: 2px;
}
.travel_li.qy_li .choose_list {
margin-top: 16px;
}
.travel_li.qy_li .choose_list .p {
margin-right: 16px;
}
.travel_add_form {
background: #f2f7fe;
border-radius: 4px;
border: 1px solid #e2e9ed !important;
padding: 16px;
margin-bottom: 8px;
position: relative;
}
/*摘è¦è¯„审*/
.summary_info .s_info {
position: relative;
margin-bottom: 16px;
}
.summary_info .summary_ti {
font-size: 20px;
margin-bottom: 4px;
}
.summary_info .s_info .p_n {
color: #898989;
text-align: right;
position: absolute;
right: 0;
top: 0;
}
.summary_info .s_con {
border: 1px solid rgba(0, 0, 0, 0.12);
}
.summary_info .s_con .a_info {
background: #ecf1f4;
padding: 16px 16px 8px 16px;
position: relative;
}
.summary_info .s_con .a_info img {
position: absolute;
top: -8px;
left: 32px;
}
.summary_info .s_con .a_info > span {
display: inline-block;
margin-right: 16px;
padding-right: 16px;
border-right: 1px solid rgba(0, 0, 0, 0.12);
margin-bottom: 8px;
}
.summary_info .s_con .a_info span:last-child {
border: 0;
}
.summary_df_jg .li {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding: 24px 0;
}
.summary_df_jg .li:last-child {
border-bottom: 0;
}
.summary_df_jg .pw_info {
width: 160px;
float: left;
}
.summary_df_jg .pw_info .avator {
width: 48px;
height: 48px;
margin-right: 8px;
float: left;
border-radius: 0;
}
.summary_df_jg .pw_info .bg_color {
line-height: 48px;
font-size: 18px;
}
.summary_df_jg .pw_info .pf {
float: left;
width: 100px;
}
.summary_df_jg .pw_info .fs span {
display: inline-block;
width: 48px;
text-align: center;
color: #fff;
height: 24px;
line-height: 24px;
background: #ecf1f4;
margin-top: 6px;
}
.summary_df_jg .pw_r {
margin-left: 160px;
border-left: 1px dotted rgba(0, 0, 0, 0.12);
padding-left: 24px;
}
.summary_df_jg .pw_r > div {
margin-bottom: 4px;
}
.summary_df_jg .pw_r .text {
color: #545454;
}
.summary_df_jg .zj {
background: #ecf1f4;
padding: 8px 16px;
color: #898989;
border-radius: 2px;
}
.summary_df_con {
padding: 24px 0;
}
.summary_df_con .dj span {
display: inline-block;
width: 60px;
text-align: center;
border: 2px solid rgba(0, 0, 0, 0.12);
margin-right: 8px;
height: 26px;
line-height: 26px;
border-radius: 2px;
}
.summary_df_con .dj span.active {
color: #fff;
background: #59c60a;
}
/*待办事项*/
.to_do_list .item_li {
margin-top: 0 !important;
margin-bottom: 16px !important;
}
.to_do_list .item_li.active {
text-decoration: line-through;
color: #bfbfc7;
}
/*列表翻页*/
.pagination_box {
margin-top: 16px;
border-top: 1px solid #e2e9ed !important;
padding-top: 16px;
text-align: center;
}
.pagination_box .pagination > li > a,
.pagination_box .pagination > li > span {
border-radius: 3px;
color: inherit;
}
.pagination_box .bg {
color: #fff !important;
border-color: inherit !important;
}
/*è´ç¥¨æ”¯ä»˜*/
.pay_ticket_box {
padding: 24px 48px;
}
.pay_ticket_box .pay_title {
position: relative;
}
.pay_ticket_box .pay_title .ti {
font-size: 22px;
margin-bottom: 4px;
font-weight: bold;
border: 0;
display: block;
padding: 0;
}
.pay_ticket_box .pay_title .djs {
font-size: 36px;
position: absolute;
right: 0;
top: 4px;
}
.pay_ticket_box .pay_title .djs .icon {
font-size: 30px;
line-height: 1;
margin-right: 8px;
}
.pay_ticket_box .register_info .price {
margin-bottom: 16px;
margin-top: 16px;
}
.pay_ticket_box .register_info .price .color {
font-size: 24px;
}
.pay_ticket_box .title {
margin-bottom: 16px;
position: relative;
}
.pay_ticket_box .title .ti {
font-size: 18px;
padding-left: 8px;
border-left-style: solid;
border-left-width: 4px;
font-weight: bold;
display: block;
border-bottom: 0;
padding-bottom: 0;
}
.pay_ticket_box .pay_method {
border-bottom: 1px solid #e2e9ed;
}
.pay_ticket_box .pay_method .li {
padding: 12px 0;
border: 1px solid #e2e9ed !important;
border-bottom: 0 !important;
}
.pay_ticket_box .pay_method .li .item_li {
}
/*底部公共版æƒ*/
.copyright_exa {
font-size: 12px;
color: #bdbec5;
text-align: center;
padding: 0 8px;
margin-top: 40px;
margin-bottom: 16px;
}
/*-----------------------------------*/
/*报å
.buy_ticket {
background: #f2f7fe !important;
font-size: 14px !important;
color: #535774 !important;
}
.phone .buy_ticket {
font-size: 14px !important;
color: #202020 !important;
line-height: 1.42 !important;
min-height: 100vh;
display: block;
}
.buy_ticket .container {
max-width: 1132px;
width: 100%;
}
.buy_ticket .event_information {
background: #fff;
overflow: hidden;
position: relative;
}
.buy_ticket .event_information .nav {
position: absolute;
left: 16px;
top: 16px;
right: 16px;
z-index: 100;
font-size: 13px;
}
.buy_ticket .event_information .nav .span {
display: inline-block;
background: rgba(0, 0, 0, 0.6);
color: #fff;
height: 32px;
line-height: 32px;
padding: 0 8px;
border-radius: 2px;
}
.buy_ticket .event_information .banner {
margin: 0 !important;
height: auto !important;
padding: 0 !important;
width: 100%;
}
.buy_ticket .event_information .banner_con {
display: block;
}
.buy_ticket .event_information .no_banner {
margin: 56px 48px 24px 48px;
padding-top: 24px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.buy_ticket .event_information .event_logo {
float: left;
width: 200px;
height: 119px;
overflow: hidden;
}
.buy_ticket .event_information .info {
margin-left: 200px;
padding-left: 24px;
}
.buy_ticket .event_information .info .name {
font-size: 20px;
margin-bottom: 8px;
}
.buy_ticket .event_information .or_link {
margin-top: 12px;
}
.buy_ticket .attend_info {
margin-top: 24px;
}
.buy_ticket .attend_info .title {
padding: 8px 0;
position: relative;
}
.buy_ticket .attend_info .title .ti {
font-weight: bold;
font-size: 16px;
vertical-align: middle;
margin-right: 8px;
}
.buy_ticket .attend_info .title .tip_color {
vertical-align: middle;
font-size: 12px;
display: inline-block;
margin-top: 2px;
}
.buy_ticket .attend_info .title .djs {
font-size: 36px;
position: absolute;
right: 0;
top: 4px;
}
.buy_ticket .attend_info .title .djs .icon {
font-size: 30px;
line-height: 1;
margin-right: 8px;
}
.buy_ticket .attend_info .back {
float: right;
color: inherit;
opacity: 0.5;
display: flex;
align-items: center;
}
.buy_ticket .attend_info .back:hover {
opacity: 0.8;
}
.buy_ticket .attend_info .back .icon {
margin: 0;
}
.buy_ticket .attend_info .form {
border-top: 1px solid rgba(0, 0, 0, 0.12);
padding-top: 16px;
}
.buy_ticket .attend_info .text_con {
margin-bottom: 24px;
}
.buy_ticket .attend_form {
width: 746px;
font-size: 13px;
}
.buy_ticket .attend_form_box {
background: #fff;
margin-bottom: 16px;
padding: 16px 48px;
}
.buy_ticket .attend_form .form_li {
position: relative;
margin-bottom: 24px;
}
.buy_ticket .attend_form .form_li .label {
position: relative;
z-index: 2;
font-weight: bold;
}
.buy_ticket .attend_form .form_li .f_con {
position: relative;
z-index: 2;
}
.buy_ticket .attend_form .form_up_button .tip_color {
margin-top: 8px;
}
.buy_ticket .attend_form .form_li:hover > .bg {
position: absolute;
left: -48px;
right: -48px;
top: -12px;
bottom: -12px;
z-index: 1;
opacity: 0.03;
}
.buy_ticket .attend_form .form_li .col-lg-9 .input {
border-radius: 2px 0 0 2px;
}
.buy_ticket .attend_form .form_li .col-lg-2 .input {
border-radius: 2px 0 0 2px;
}
.buy_ticket .attend_form .form_li .col-lg-7 .input {
border-radius: 0;
}
.buy_ticket .attend_form .form_li .col-lg-10 .input {
border-radius: 0 2px 2px 0;
}
.buy_ticket .attend_form .tixing {
margin-bottom: 24px;
}
.buy_ticket .purchaser_form .form_li {
margin-bottom: 8px;
}
.buy_ticket .invoice_form .form_li {
margin-bottom: 8px;
}
.buy_ticket .pay_form .item_li.active {
border-color: inherit !important;
}
.buy_ticket .attend_form .pay_box {
margin-top: 16px;
margin-bottom: 24px;
}
.buy_ticket .attend_form .pay_box .button {
padding: 10px 40px;
}
.buy_ticket .attend_ticket {
background: #fff;
padding: 16px 16px;
width: 332px;
position: relative;
}
.buy_ticket .attend_ticket.isStuck {
left: 50%;
margin-left: 218px;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.137);
}
.buy_ticket .attend_ticket .title .ti {
font-size: 14px;
}
.buy_ticket .price_info {
text-align: right;
}
.buy_ticket .price_pad {
margin-top: 16px;
padding-left: 0;
min-height: 100px;
}
.buy_ticket .price_pad .label_l {
color: #898989;
float: left;
margin: 0;
font-weight: normal;
}
.buy_ticket .price_pad .total {
margin-top: 16px;
}
.buy_ticket .price_pad .total .label_l {
margin-top: 3px;
}
.buy_ticket .price_pad .total .con_l {
padding-left: 0;
}
.buy_ticket .price_pad .total .price_nun {
font-size: 20px;
}
.buy_ticket .price_info .input_box {
display: inline-block;
width: 120px;
vertical-align: middle;
}
.buy_ticket .price_info .button {
padding: 6px 0;
width: 60px;
margin-left: 4px;
}
.buy_ticket .register_info .price {
margin-bottom: 16px;
margin-top: 8px;
}
.buy_ticket .register_info .price .color {
font-size: 24px;
}
.buy_ticket .register_info .info {
color: #545454;
}*/
/*仅报å*/ /*若活动详情页å¯ä»¥ç›´æŽ¥å¡«å†™è¡¨å•æ›´æ–°ä¸Šçº¿ï¼Œå¯åˆ é™¤è¿™æ®µæ ·å¼*/
/*
.jbm_s.buy_ticket .container {
max-width: 860px;
}
.jbm_s .event_information .info {
width: 400px;
}
.jbm_s .attend_form {
float: none !important;
width: 100%;
margin-top: 0 !important;
}
.jbm_s .attend_ticket {
float: none !important;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
margin: -16px 0 16px 0;
width: 832px;
box-shadow: none !important;
margin-left: 0 !important;
}
.jbm_s .attend_ticket .title {
display: none;
}
.jbm_s .attend_ticket .ticket_list {
display: none;
}
.jbm_s .price_info {
overflow: hidden;
padding: 0px 32px 0px 32px;
}
.jbm_s .price_info .promo_code {
float: left;
margin-top: 12px;
}
.jbm_s .price_info .price_pad {
float: right;
margin: 0;
padding: 0;
min-height: 0;
}
.jbm_s .price_info .price_pad .total {
margin-top: 0;
}
.jbm_s .price_info .total .label_l {
margin-top: 12px;
margin-right: 16px;
float: left;
}
.jbm_s .price_info .total .con_l {
padding-left: 0;
float: left;
}
.jbm_s .price_info .total .price_nun {
font-size: 30px;
}
.jbm_s .attend_result {
margin-top: 16px;
padding: 32px;
}
.jbm_s .attend_result .info {
width: 386px;
}
.jbm_s .attend_info .box_warning {
margin-bottom: 16px;
}
.phone .jbm_s .attend_info {
width: 100%;
}*/
/*报åæ–°*/
body > img {
display: block !important;
width: 120vw;
position: fixed;
height: 120vh;
top: -10vh;
left: -10vw;
max-width: inherit;
filter: blur(100px);
}
.website.buy_ticket {
font-size: 15px;
color: #121212;
background: rgba(255, 255, 255, 0.8);
min-height: 100vh;
line-height: 1.5;
}
.buy_ticket .attend_info {
max-width: 850px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0.125rem 0px,
rgba(0, 0, 0, 0.14) 0px 0.5rem 1rem 0px;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
border-radius: 12px;
margin: 40px auto;
overflow: hidden;
}
.buy_ticket .container {
width: 100%;
}
.buy_ticket .container .con_box {
margin: 0;
}
.buy_ticket .event_information .nav {
position: absolute;
left: 16px;
top: 16px;
right: 16px;
z-index: 100;
font-size: 13px;
}
.buy_ticket .event_information .nav .span {
display: flex;
align-items: center;
background: rgba(0, 0, 0, 0.8);
border-radius: 4px;
color: #fff;
height: 32px;
padding: 0 8px;
}
.buy_ticket .event_information .nav .span .icon {
margin-top: -4px;
}
.buy_ticket .event_information .banner {
margin: 0 !important;
height: auto !important;
padding: 0 !important;
width: 100%;
}
.buy_ticket .event_information .banner_con {
display: block;
}
.buy_ticket .event_information .no_banner {
margin: 56px 50px 0 50px;
padding-top: 24px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
display: flex;
align-items: flex-start;
}
.buy_ticket .event_information .no_banner .event_logo {
width: 256px;
overflow: hidden;
margin-right: 20px;
border-radius: 6px;
}
.buy_ticket .event_information .no_banner .info {
flex: auto;
width: min-content;
}
.buy_ticket .event_information .no_banner .info .name {
font-size: 24px;
margin-bottom: 12px;
font-weight: bold;
}
.buy_ticket .event_information .no_banner .ti_lo > div {
display: flex;
align-items: baseline;
}
.buy_ticket .event_information .no_banner .ti_lo .icon {
margin-right: 8px;
}
.buy_ticket .event_information .no_banner .or_link {
margin-top: 16px;
}
.buy_ticket .attend_info .con_box > .mb_16 {
margin: 0 !important;
}
.buy_ticket .attend_info .con_box > form,
.buy_ticket .attend_info #complete_attendee {
display: flex;
flex-direction: column;
}
.buy_ticket .attend_info .title {
margin-top: 40px;
margin-bottom: 24px;
display: flex;
align-items: baseline;
padding-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
flex-wrap: wrap;
}
.buy_ticket .attend_info .title .ti {
font-weight: bold;
font-size: 20px;
margin-right: 8px;
}
.buy_ticket .attend_info .title .error_meg {
font-size: 14px;
width: 100%;
margin-top: 4px;
padding-bottom: 12px;
}
.buy_ticket .attend_info .title .tip_color {
font-size: 13px;
}
/*
.buy_ticket .attend_info .title .djs {
font-size: 36px;
position: absolute;
right: 0;
top: 4px;
}
.buy_ticket .attend_info .title .djs .icon {
font-size: 30px;
line-height: 1;
margin-right: 8px;
}*/
.buy_ticket .attend_ticket {
padding: 0 50px;
order: -1;
}
.buy_ticket .attend_ticket .title {
justify-content: space-between;
}
.buy_ticket .attend_ticket .back {
display: flex;
align-items: center;
color: #979ca3;
}
.buy_ticket .attend_ticket .back .icon {
margin: 0;
margin-left: 4px;
}
.buy_ticket .attend_ticket .ticket_list .li {
display: flex;
width: 100%;
margin-bottom: 20px;
}
.buy_ticket .attend_ticket .ticket_list .li:last-child {
margin-bottom: 0;
}
.buy_ticket .attend_ticket .ticket_list .li .name {
flex: auto;
width: min-content;
display: flex;
}
.buy_ticket .attend_ticket .ticket_list .li .name .icon {
margin-right: 8px;
line-height: 1;
margin-top: 2px;
}
.buy_ticket .attend_ticket .ticket_list .li .nun {
width: 60px;
}
.buy_ticket .attend_ticket .ticket_list .li .price {
min-width: 70px;
text-align: right;
white-space: nowrap;
}
.buy_ticket .attend_ticket .price_info {
border-top: 1px dotted rgba(0, 0, 0, 0.12);
padding-top: 20px;
margin-top: 20px;
}
.buy_ticket .attend_ticket .promo_code {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.buy_ticket .attend_ticket .promo_code input {
background: #fff;
color: inherit;
border-radius: 6px;
}
.buy_ticket .attend_ticket .price_pad .label_l {
color: #979ca3;
float: left;
margin: 0;
font-weight: normal;
}
.buy_ticket .attend_ticket .price_pad .total {
text-align: right;
margin-bottom: 0;
display: flex;
align-items: center;
}
.buy_ticket .attend_ticket .price_pad .total .price_nun {
font-size: 20px;
}
.buy_ticket.jbm_s .attend_ticket .title {
display: none;
}
.buy_ticket.jbm_s .attend_ticket .ticket_list .li {
display: none;
}
.buy_ticket .attend_form {
padding: 0 50px;
}
.buy_ticket .form .form_li {
margin-bottom: 20px;
}
.buy_ticket .form .form_li .label {
font-weight: bold;
}
.buy_ticket .form .form_li .label .tip_color {
margin-top: 2px;
font-size: 14px;
display: block;
}
.buy_ticket .form .form_li .input,
.buy_ticket .form .form_li textarea,
.buy_ticket .form .form_li select {
background-color: #fff;
border-radius: 6px;
color: inherit;
}
.buy_ticket .form_li .col-lg-9 .input {
border-radius: 0 6px 6px 0;
}
.buy_ticket .form_li .col-lg-9:nth-child(1) .input .input_box {
margin-right: -1px;
}
.buy_ticket .form_li .col-lg-9:nth-child(1) .input {
border-radius: 6px 0 0 6px;
}
.buy_ticket .form_li .col-lg-2 .input {
border-radius: 6px 0 0 6px;
}
.buy_ticket .form_li .col-lg-7 .input {
border-radius: 0;
}
.buy_ticket .form_li .col-lg-3 select {
border-radius: 6px 0 0 6px;
}
.buy_ticket .form_li .col-lg-10 .input {
border-radius: 0 6px 6px 0;
}
.buy_ticket .form_li .up_file {
border-radius: 6px;
height: 44px;
line-height: 42px;
color: inherit;
}
.buy_ticket .form_li .up_file .text {
display: flex;
justify-content: center;
align-items: center;
}
.buy_ticket .form_li .up_file .text .icon {
margin: 0;
line-height: 1;
}
.buy_ticket .form_li .sms_code_container,
.buy_ticket .form_li .email_code_container {
border-radius: 0 6px 6px 0;
background: #fff !important;
}
.buy_ticket .form_up_button .tip_color {
margin-top: 4px;
}
.buy_ticket .form_li label {
display: flex;
align-items: center;
}
.buy_ticket .invoice_form_box .form_li .it_span {
height: 44px;
line-height: 44px;
border-radius: 6px;
padding: 0;
}
.buy_ticket
.invoice_form_box
.form_li
.it_span
.buy_ticket
.pay_form
.pay_method {
margin-bottom: 0;
border-bottom: 0 !important;
}
.buy_ticket .pay_form .pay_method .li:nth-child(3) {
border-radius: 6px 6px 0 0;
}
.buy_ticket .pay_form .pay_method .li:nth-child(3) .bg_line {
border-radius: 6px 6px 0 0;
}
.buy_ticket .pay_form .pay_method .li:last-child {
border-radius: 0 0 6px 6px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.buy_ticket .pay_form .pay_method .li:last-child .bg_line {
border-radius: 0 0 6px 6px;
}
.buy_ticket .pay_form .pay_method .li .item {
padding: 16px 20px 16px 20px;
height: auto;
line-height: 1.5;
}
.buy_ticket .pay_form .pay_method .li.active .item {
padding-bottom: 12px;
}
.buy_ticket .pay_form .pay_method .li .con {
padding: 0 20px 12px 40px;
}
.buy_ticket .pay_form .pay_method .item_li {
height: auto;
border-radius: 4px;
line-height: normal;
padding: 8px 24px;
display: flex;
align-items: center;
justify-content: center;
}
.buy_ticket .pay_form .pay_method .item_li img {
height: 32px;
margin-top: 0;
}
.buy_ticket .pay_form .pay_method .item_li.active {
border-color: inherit !important;
}
.buy_ticket .pay_form .pay_method .bank_list .item_li {
width: 116px;
height: 36px;
}
.buy_ticket .pay_form .bank .bank_li {
border-radius: 4px;
padding: 16px 20px 8px 106px;
background: url(../img/icon_bank_transfer.png) no-repeat 20px 20px #fff;
background-size: 66px auto;
margin-right: 0;
}
.buy_ticket .pay_form .bank .bank_li .form_li {
opacity: 1;
}
.buy_ticket .pay_form .bank .bank_li .con_l {
font-size: 14px;
}
.buy_ticket .pay_form .pay_method .li.active .error_meg {
font-size: 13px;
font-weight: normal;
}
.buy_ticket .pay_form .pay_method .box_warning {
border-radius: 4px;
font-size: 14px;
padding: 8px;
}
.buy_ticket .pay_box {
margin-top: 24px;
margin-bottom: 40px;
}
.buy_ticket .pay_box .button {
padding: 10px 40px;
font-weight: bold;
}
.buy_ticket .pay_box .button:before {
display: none;
}
.buy_ticket .register_info .price {
margin-bottom: 16px;
}
.buy_ticket .register_info .price .color {
font-size: 24px;
}
.buy_ticket .register_info .mt_4 {
margin-top: 12px !important;
}
/*.buy_ticket .attend_form .tixing {
margin-bottom: 24px;
}
.buy_ticket .attend_info .text_con {
margin-bottom: 24px;
}*/
/*
.buy_ticket .price_info .input_box {
display: inline-block;
width: 120px;
vertical-align: middle;
}
.buy_ticket .price_info .button {
padding: 6px 0;
width: 60px;
margin-left: 4px;
}
*/
.phone .pay_method .li .item_li {
min-width: 80px;
}
.phone .buy_ticket .pay_form .pay_method .item_li img {
height: 28px;
}
.phone .buy_ticket .pay_form .pay_method .bank_list .item_li {
width: 84px;
height: 20px;
min-width: auto;
}
.phone .buy_ticket .pay_form .bank .bank_li {
padding: 0 20px 8px 70px;
background-size: 32px auto;
}
/*报å门票信æ¯å³ä¾§æ˜¾ç¤º*/
.ticket_right.buy_ticket {
background: #f2f7fe;
}
.ticket_right .buy_ticket .event_information .no_banner {
padding: 56px 50px 32px 50px;
padding-top: 24px;
display: flex;
align-items: flex-start;
background: #fff;
}
.ticket_right.buy_ticket .attend_info {
max-width: 1100px;
box-shadow: none;
background: none;
border-radius: 0;
}
.ticket_right.buy_ticket .attend_info .con_box > form {
flex-direction: row-reverse;
align-items: flex-start;
margin-top: 20px;
}
.ticket_right.buy_ticket .attend_form {
background: #fff;
flex: auto;
width: min-content;
margin-right: 24px;
padding: 0;
background: none;
}
.ticket_right.buy_ticket .attend_form .attend_form_box {
background: #fff;
padding: 0 40px;
margin-bottom: 16px;
overflow: hidden;
padding-bottom: 24px;
}
.ticket_right.buy_ticket .attend_info .title {
margin-top: 32px;
}
.ticket_right.buy_ticket .attend_info .title .ti {
font-size: 18px;
}
.ticket_right.buy_ticket .attend_ticket {
background: #fff;
width: 360px;
padding: 0 24px;
padding-bottom: 40px;
}
.ticket_right.buy_ticket .pay_form .pay_method {
margin-bottom: 16px;
}
.phone .ticket_right.buy_ticket .attend_form {
margin-right: 0;
padding-bottom: 32px;
background: #fff;
width: 100% !important;
}
.phone .ticket_right.buy_ticket .attend_form .attend_form_box {
padding: 0 16px;
}
.phone .ticket_right.buy_ticket .attend_info .con_box > form {
margin-top: 0;
}
.phone .ticket_right.buy_ticket .attend_form .attend_form_box {
margin-bottom: 0;
}
.phone .ticket_right.buy_ticket .attend_info .title {
margin-top: 20px;
}
/*模å—-è´ç¥¨-门票嵌入*/
.embed.website {
padding: 0;
margin: 0;
}
.embed .li_ti {
background: #ecf1f4;
overflow: hidden;
color: #212121;
}
.embed .li_ti .ti {
float: left;
font-weight: bold;
padding: 16px;
font-size: 14px;
}
.embed .li_ti .by {
float: right;
color: #898989;
padding: 16px;
}
.embed .li_ti .by img {
height: 20px;
}
.embed .register {
width: 100vw;
}
.embed .register .con {
max-width: none !important;
width: 100%;
}
/*
.embed .register.style_a .li {
padding: 16px 0;
padding-left: 16px;
}
.embed .register.style_a .li.th {
padding: 12px 0;
padding-left: 16px;
}
.embed .register.style_a .ticket_tip {
background: #fffcfa;
border: 1px solid #ffa47a;
padding: 8px 16px;
width: 320px;
left: 16px !important;
font-size: 12px;
border-radius: 2px;
z-index: 10;
line-height: 24px;
}
.embed .register.style_a .ticket_tip .arrow.top {
border-bottom-color: #ffa47a;
left: 16px;
}
.embed .register.style_a .ticket_tip > div {
overflow: hidden;
}
.embed .register.style_a .ticket_tip .icon {
color: #ff5303;
width: 20px;
float: left;
}
.embed .register.style_a .ticket_tip .text {
padding-left: 24px;
display: block;
line-height: 1.6;
margin-top: 2px;
}
.embed .register.style_a .li.sold .ticket_tip {
display: none !important;
}
.embed .register.style_a #userDiscountBefore,
.embed .register.style_a #userDiscountAfter {
text-align: right;
margin-right: 16px;
margin-bottom: 8px;
}
.embed .register.style_a .buy .button {
padding: 10px 40px;
font-size: 16px;
border-radius: 3px;
}
.embed .register.style_a .ticket_price {
margin-right: 16px;
font-size: 32px;
font-weight: bold;
}
.embed .register.style_a .ticket_discount {
font-size: 14px;
color: #a3aaad;
font-weight: normal;}
*/
.embed .register.module.style_b,
.embed .register.module.style_c {
padding: 30px 20px 0 20px;
}
.phone .website.embed {
background: none !important;
color: inherit !important;
}
.phone .embed .register {
width: 100%;
padding: 20px 0 !important;
margin: 0 !important;
}
.phone .embed .register .con {
padding: 0 !important;
margin: 0 !important;
}
.phone .embed .register .buy_tickets {
background: none;
border: 0;
}
.phone .embed .register .choose_ticket {
margin-bottom: 0;
}
.phone .embed .register.style_a .li {
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.06);
}
.phone .embed .register.style_a .price_form {
padding: 12px 16px;
}
.phone .embed .register.style_a .ticket_price {
font-size: 32px;
font-weight: bold;
}
/*
.phone .embed .register .ticket > div {
display: block;
overflow: hidden;
}
.phone .embed .register .ticket .time {
display: none;
}
.phone .embed .register .li {
font-size: 16px;
border: 2px solid rgba(0, 0, 0, 0.12);
background: #fff;
margin-bottom: 16px;
border-radius: 4px;
overflow: hidden;
padding: 0;
}
.phone .embed .register .li.th {
display: none;
}
.phone .embed .register .li.sold {
border: 2px dashed rgba(0, 0, 0, 0.12);
}
.phone .embed .register .li.active {
border-color: inherit;
}
.phone .embed .register .li.active .click {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
top: -2px;
position: absolute;
}
.phone .embed .register .li.active .click .icon {
font-size: 24px;
}
.phone .embed .register .ticket {
line-height: inherit;
padding: 12px 8px;
font-size: 18px;
}
.phone .embed .register .name {
width: 100%;
margin-bottom: 4px;
padding-right: 108px;
}
.phone .embed .register .name .ellipsis {
display: inline-block;
vertical-align: middle;
max-width: initial;
white-space: normal;
}
.phone .embed .register .name .tip_icon {
display: none;
}
.phone .embed .register .price {
margin-left: 0;
font-size: 16px;
width: auto;
text-align: left;
}
.phone .embed .register .price .ladder_price .item {
width: auto;
display: none;
}
.phone .embed .register .price .ladder_price .item.color {
display: inline-block;
}
.phone .embed .register .price .ladder_price .item:last-child {
display: inline-block;
margin-left: 8px;
font-size: 14px;
}
.phone .embed .register .time {
display: none;
}
.phone .embed .register .quantity {
position: absolute;
right: 16px;
top: 16px;
width: auto;
}
.phone .embed .register .quantity .q_con .nun {
padding: 8px;
}
.phone .embed .register .ticket_tip {
display: block;
position: relative;
top: auto !important;
left: auto !important;
width: auto;
margin: 16px 8px;
margin-top: 0;
border: 0;
background: none;
padding: 0;
padding-top: 12px;
border-top: 1px dotted rgba(0, 0, 0, 0.12);
}
.phone .embed .register .ticket_tip .arrow.top {
display: none;
}
.phone .embed .register .refund_explane {
padding: 0;
margin-bottom: 16px;
}
.phone .embed .register .yh_code {
background: #fff;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.12);
position: fixed;
bottom: 48px;
left: 0;
right: 0;
padding: 16px;
z-index: 100;
margin-bottom: 0;
}
.phone .embed .register .yh_code .con_l {
padding: 0;
text-align: left;
}
.phone .embed .register .yh_code .input {
margin-bottom: 8px;
height: 44px;
text-align: center;
width: 72%;
float: left;
}
.phone .embed .register .yh_code .bg.color {
border-radius: 2px;
color: #fff !important;
margin: 0 !important;
width: 24%;
margin-left: 8px;
display: inline-block;
text-align: center;
height: 44px;
line-height: 44px;
font-size: 16px;
float: right;
padding: 0;
}
.phone .embed .register_box {
padding-bottom: 0;
}
.phone .embed .form_li {
padding-right: 0;
}
.phone .embed .choose_ticket {
text-align: left;
}*/
.phone .embed .ticket_price {
float: none;
}
.phone .embed .buy {
padding: 0 !important;
}
.phone .embed .buy .button {
padding: 0 !important;
height: 48px !important;
line-height: 48px !important;
width: 100%;
margin-bottom: 4px;
font-size: 16px !important;
font-weight: bold;
}
.phone .embed .register_box {
padding-bottom: 0;
}
/*移动端底部报åå…¥å£*/
@font-face {
font-family: "m_iconfont";
src: url("../fonts/tem_font/03/iconfont.eot");
/* IE9*/
src: url("../fonts/tem_font/03/iconfont.eot?#iefix")
format("embedded-opentype"),
/* IE6-IE8 */ url("../fonts/tem_font/03/iconfont.woff") format("woff"),
/* chromeã€firefox */ url("../fonts/tem_font/03/iconfont.ttf")
format("truetype"),
/* chromeã€firefoxã€operaã€Safari, Android, iOS 4.2+*/
url("../fonts/tem_font/03/iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */
}
.m_icon {
font-family: "m_iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
}
.module_attend {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
}
@media screen and (min-width: 480px) {
.buy_ticket .module_attend {
width: 480px;
left: 50%;
margin-left: -240px;
}
}
.module_attend .phone_tab .m_icon {
margin-right: 0;
font-size: 20px;
line-height: 20px;
margin-top: 6px;
display: block;
}
.module_attend .phone_tab.a .m_icon:before {
content: "\e63b";
}
.module_attend .phone_tab.b .m_icon:before {
content: "\e650";
}
.module_attend .phone_tab.c .m_icon:before {
content: "\e651";
}
.module_attend .button {
width: 100%;
height: 62px;
line-height: 48px;
text-align: center;
font-size: 17px;
padding: 0 20px;
box-sizing: border-box;
float: left;
border-radius: 0;
}
.module_attend .button.ch,
.module_attend .button.cz {
width: 50%;
float: left;
}
.module_attend .ticket_price {
font-size: 14px;
margin-right: 8px;
}
.module_attend .ticket_price span {
font-size: 24px;
}
/*模å—-移动端报å*/
.phone .event_info_con {
padding: 16px 20px;
z-index: 2;
/*box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0.125rem 0px,
rgba(0, 0, 0, 0.05) 0px 0.5rem 1rem 0px;*/
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
}
.phone .event_info_con .name {
font-size: 16px;
font-weight: bold;
margin-bottom: 6px;
}
.phone .event_info_con .time,
.phone .event_info_con .location {
font-size: 13px;
color: #6b717b;
}
.phone .buy_ticket .register {
padding: 20px !important;
padding-bottom: 0 !important;
margin: 0;
}
.phone .register_box {
padding-bottom: 120px;
}
.phone .register.style_a .con {
padding: 0 !important;
margin: 0 !important;
}
.phone .register.style_a .buy_tickets {
background: none;
border: 0 !important;
padding: 0;
}
.phone .register.style_a .form_li {
margin-bottom: 0;
z-index: 10;
}
.phone .register.style_a .li.th {
display: none;
}
.phone .register.style_a .li {
border: 0;
margin-bottom: 12px;
border-radius: 6px;
overflow: hidden;
padding: 16px !important;
box-sizing: border-box;
/*box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0.125rem 0px,
rgba(0, 0, 0, 0.14) 0px 0.5rem 1rem 0px;*/
border: 1px solid rgba(0, 0, 0, 0.08);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
}
.phone .register.style_a .li.active .click {
display: inline-block;
float: left;
left: 0;
}
.phone .register.style_a .li.active .click .icon {
top: -2px;
left: -2px;
position: absolute;
font-size: 22px;
float: left;
line-height: 22px;
width: 22px;
height: 22px;
display: inline-block;
}
.phone .register.style_a .ticket {
padding: 0;
}
.phone .register.style_a .ticket .name {
display: block;
width: 100%;
margin-bottom: 4px;
font-size: 16px;
font-weight: bold;
padding-right: 108px;
}
.phone .register.style_a .ticket .name .ellipsis {
white-space: normal;
}
.phone .register.style_a .ticket .name .tip_icon {
display: none;
}
.phone .register.style_a .ticket .price {
display: block;
width: 100%;
font-size: 20px;
text-align: left;
}
.phone .register.style_a .ticket .price .color {
font-weight: normal;
display: inline-block !important;
}
.phone .register.style_a .ticket .price .color > span:first-child {
font-size: 14px;
margin-right: 4px;
}
.phone .register.style_a .ticket .price .color > span:nth-child(2) {
font-size: 24px;
}
.phone .register.style_a .ticket .price .item {
width: auto;
display: none;
}
.phone .register.style_a .ticket .price .item:last-child {
display: inline-block;
margin-left: 8px;
font-size: 14px;
}
.phone .register.style_a .ticket .price .p_price {
font-size: 12px;
display: inline-block;
margin-left: 8px;
}
.phone .register.style_a .ticket .time {
display: none;
}
.phone .register.style_a .quantity {
position: absolute;
right: 0 !important;
top: 12px !important;
width: auto !important;
font-size: 24px;
}
.phone .register.style_a .quantity .q_con {
background: none;
}
.phone .register.style_a .quantity .q_con .nun {
padding: 8px;
border-radius: 50%;
border-color: transparent;
font-size: 14px;
}
.phone .register.style_a .quantity .q_con .nun.disabled {
border-color: rgba(0, 0, 0, 0.12);
}
.phone .register.style_a .quantity .q_con .bg_line {
border-radius: 50%;
}
.phone .register.style_a .quantity .error_meg {
line-height: 30px;
font-size: 20px;
margin-right: 20px;
}
.phone .register.style_a .ticket_tip {
display: block !important;
position: relative !important;
top: auto !important;
left: auto !important;
width: 100% !important;
margin: 0;
margin-top: 12px;
padding: 0;
padding-top: 12px;
border: 0;
background: none !important;
border-top: 1px dashed rgba(0, 0, 0, 0.12);
font-size: 12px !important;
color: #545454 !important;
}
.phone .register.style_a .ticket_tip .arrow.top {
display: none;
}
.phone .register.style_a .ticket_tip .icon {
font-size: 14px;
}
.phone .register.style_a .ticket_tip .bg {
display: none;
}
.phone .register.style_a .sold .ticket_tip {
color: #a3aaad;
}
.phone .register.style_a .refund_explane {
padding: 0;
margin-bottom: 0;
font-size: 14px;
margin-top: 20px;
}
.phone .register.style_a .refund_explane .error_meg > strong:first-child {
display: block;
margin-bottom: 4px;
font-size: 15px;
}
.phone .register.style_a .refund_explane .error_meg > br:nth-child(2) {
display: none;
}
.phone .register.style_a .yh_code {
background: #fff;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.06);
position: fixed;
bottom: 56px;
left: 0;
right: 0;
padding: 12px 20px 20px 20px;
z-index: 100;
margin-bottom: 0;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.phone .register.style_a .yh_code .con_l {
padding: 0;
text-align: left;
}
.phone .register.style_a .yh_code .input {
height: 44px;
text-align: left;
width: 100%;
margin: 0;
border-radius: 6px;
margin-bottom: 8px;
background: #fff;
}
.phone .register.style_a .yh_code .bg.color {
border-radius: 6px;
color: #fff !important;
display: inline-block;
text-align: center;
width: 48%;
height: 44px;
line-height: 44px;
padding: 0;
float: right;
margin: 0 !important;
}
.phone .register.style_a .yh_code .cancal {
border-radius: 6px;
color: #fff !important;
display: inline-block;
text-align: center;
width: 48%;
height: 44px;
line-height: 44px;
padding: 0;
float: left;
background: #f4f5f9;
color: #979ca3 !important;
border: 1px solid rgba(0, 0, 0, 0.06);
}
/*移动端报å*/
.phone .website.buy_ticket {
background: rgba(255, 255, 255, 0.9);
}
.phone .attend_info {
max-width: 100%;
box-shadow: none;
background: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border-radius: 0;
margin: 0;
}
.phone .buy_ticket .attend_info .con_box > form {
flex-direction: column;
}
.phone .attend_form {
/*margin: 20px 10px;
margin-bottom: 0;
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0.125rem 0px,
rgba(0, 0, 0, 0.14) 0px 0.5rem 1rem 0px;*/
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
border-radius: 8px;
padding-top: 20px;
padding: 0 16px;
padding-bottom: 32px;
width: auto !important;
overflow: hidden;
}
.phone .attend_form .title {
margin-top: 20px;
margin-bottom: 20px;
}
.phone .buy_ticket .attend_info .title .ti {
font-size: 17px;
}
.phone .buy_ticket .attend_info .title .error_meg {
padding-bottom: 4px;
}
.phone .attend_form .form_li {
margin-bottom: 0;
margin-top: 16px;
}
.phone .attend_form .form_li .button {
height: 42px;
line-height: 42px;
}
.phone .add_discount {
padding: 0 20px;
padding-top: 20px;
}
.phone .add_discount .yh_code {
margin-bottom: 0;
}
.phone .add_discount .yh_code .input {
height: 44px;
width: 100%;
border-radius: 6px;
background: #fff;
color: inherit;
}
.phone .add_discount .yh_code .button.bg {
border-radius: 6px;
width: 48%;
display: inline-block;
height: 44px;
line-height: 44px;
float: right;
padding: 0;
}
.phone .add_discount .yh_code .button.cancel {
border-radius: 2px;
width: 48%;
display: inline-block;
height: 44px;
line-height: 44px;
float: left;
padding: 0;
border: 1px solid rgba(0, 0, 0, 0.06);
background: #f4f5f9 !important;
color: #979ca3;
margin: 0;
}
.phone .add_discount .promo_code {
position: fixed;
padding: 0 16px;
background: #fff;
bottom: 48px;
left: 0;
right: 0;
border-top: 1px solid rgba(0, 0, 0, 0.12);
height: 49px;
line-height: 49px;
margin: 0;
}
.phone .attend_info .module_attend {
position: relative;
right: auto;
bottom: auto;
left: auto;
margin: 20px;
margin-bottom: 30px;
width: -webkit-fill-available;
}
.phone .attend_info .module_attend .button {
height: auto;
line-height: 48px;
border-radius: 6px;
}
.phone .pay_method .li .item {
padding: 0 8px;
}
.phone .pay_method .li .con {
padding: 0 8px 8px 8px;
}
.phone .pay_method .li .item_li {
box-sizing: content-box;
}
/*订å•ä¿¡æ¯ï¼ŒçŽ°åœ¨ä»…有移动端在使用*/
.order_st_box {
background: #fff;
padding: 16px 16px 16px 16px;
border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
margin-bottom: 8px;
}
.order_st_box .form_title {
padding-bottom: 8px;
font-weight: bold;
font-size: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.order_st_box .th {
overflow: hidden;
padding: 8px 0;
margin-bottom: 16px;
}
.order_st_box .tr {
overflow: hidden;
margin-bottom: 16px;
}
.order_st_box .td_a {
float: left;
width: 50%;
}
.order_st_box .td_b {
float: left;
width: 20%;
text-align: center;
}
.order_st_box .td_c {
float: right;
width: 30%;
text-align: right;
}
.order_st_box .order_price {
font-size: 12px;
padding-top: 12px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.order_st_box .order_price .clear {
height: 8px;
}
.order_st_box .sj .f_l {
margin-top: 12px;
}
.order_st_box .sj .price {
font-size: 24px;
}
/*付款ç‰å¾…状æ€*/
.phone .weichat_pay {
width: 100%;
margin-bottom: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.phone .weichat_payment {
margin: 0;
border: 0;
}
.phone .weichat_pay .w_p_code {
float: none;
margin: 30px auto 0 auto;
width: 100%;
}
.phone .weichat_pay .w_p_h,
.phone .weichat_pay .w_p_info,
.phone .weichat_pay .w_p_b {
padding: 0 16px;
}
.phone .weichat_pay .w_p_phone {
display: none;
}
/* å®¡æ ¸æˆåŠŸé¡µé¢ */
.audit_success {
padding: 56px;
background-color: #fff;
}
.audit_success .appliction_status {
/*height: 462px;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
border-radius: 16px;*/
}
.appliction_status .status_logo {
margin: 88px 0px 228px 66px;
}
.appliction_status .status_detail {
margin-top: 88px;
margin-right: 40px;
position: relative;
}
.status_detail .sd_tip1 {
line-height: 21px;
}
.status_detail .sd_line {
width: 643px;
height: 2px;
background-color: rgba(0, 0, 0, 0.12);
margin: 32px 0 32px 0;
}
.status_detail .sd_wechat .sd_code {
width: 108px;
height: 108px;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.12);
margin-right: 20px;
}
.sd_wechat .sd_code img {
width: 97px;
height: 97px;
margin: 6px 5px 5px 6px;
}
.status_detail .sd_wechat .sd_tip2 {
position: absolute;
top: 158px;
right: -5px;
}
.sd_wechat .sd_tip2 .sd_ill {
color: #898989;
line-height: 22px;
}
/*报åæˆåŠŸ
.attend_result {
background: #fff;
padding: 48px 48px 32px 48px;
}
.attend_result .order_li {
width: 70%;
}
.attend_result .order_li .order {
margin-bottom: 32px;
}
.attend_result .order_icon {
display: inline-block;
width: 56px;
float: left;
}
.attend_result .order_icon img {
width: 48px;
}
.attend_result .info {
padding-top: 4px;
padding-left: 64px;
}
.attend_result .info .ti {
font-size: 16px;
margin-bottom: 4px;
}
.attend_result .info .tip {
opacity: 0.5;
margin-bottom: 16px;
}
.attend_result .info .button_div {
margin-bottom: 32px;
}
.attend_result .info .form_li {
opacity: 0.8;
}
.attend_result .info .form_li a {
color: inherit;
}
.attend_result .info .label_l {
width: 70px;
text-align: left;
float: left;
}
.attend_result .info .con_l {
padding-left: 78px;
}
.attend_result .ticket_info {
margin-top: 16px;
}
.attend_result .weixin_ticket {
border: 1px solid rgba(0, 0, 0, 0.12);
background: #fdfdfe;
width: 180px;
text-align: center;
padding-bottom: 8px;
}
.attend_result .code img {
width: 180px;
height: 180px;
}
.attend_result .intro {
font-size: 14px;
}
.attend_result .weixin_code {
border: 1px solid rgba(0, 0, 0, 0.12);
width: 210px;
border-bottom: 4px solid #ecf1f4;
margin-top: 16px;
margin-bottom: 24px;
}
.attend_result .weixin_code .text {
padding: 0 16px 16px 16px;
}
.attend_result .weixin_code .text .icon {
font-size: 24px;
margin-right: 12px;
}
.attend_result .weixin_lc {
padding-left: 210px;
margin-left: 56px;
margin-top: 16px;
}
.attend_result .weixin_lc .step {
border-left: 2px solid #e1e9ed;
padding-bottom: 32px;
height: 72px;
}
.attend_result .weixin_lc .step .n {
float: left;
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
background: #d0d8dc;
margin-left: -24px;
border-radius: 50%;
font-size: 24px;
font-weight: bold;
}
.attend_result .weixin_lc .step .text {
padding: 2px 0 0 36px;
}
.attend_result .weixin_lc .step:last-child {
padding-bottom: 0 !important;
height: auto;
}
.attend_result .link {
margin-top: 16px;
}
.attend_result .link a.color {
margin-right: 16px;
}
.attend_result .button_div {
margin-top: 32px;
}
.attend_result .button_div .button {
height: 44px;
line-height: 44px;
padding: 0;
font-weight: blod;
}
.attend_result .bank .bank_li {
padding: 12px 8px 0px 98px;
margin-bottom: 0;
background-color: #fdfdfe;
}
.attend_result .re_right {
width: 224px;
float: right;
}
.attend_result .re_right .share {
margin-right: -8px;
margin-bottom: 16px;
}
.attend_result .re_right .share .ti {
margin-bottom: 4px;
}
.attend_result .re_right .down_app {
border: 1px solid rgba(0, 0, 0, 0.12);
text-align: center;
background: #fdfdfe;
}
.attend_result .re_right .down_code img {
width: 160px;
margin-top: 8px;
}
.attend_result .re_right .down_app .text {
padding: 0 8px 16px 8px;
font-size: 12px;
}
.attend_info .box_warning {
margin-bottom: 32px;
padding: 24px 72px;
}
.phone .attend_result {
padding: 16px;
min-height: 100vh;
}
.phone .attend_result .order_li {
width: 100%;
padding-left: 0;
float: none !important;
}
.phone .attend_result .order_li .order {
margin-bottom: 8px;
}
.phone .attend_result .order_icon {
display: block;
float: none;
width: 100%;
}
.phone .attend_result .info {
width: 100%;
padding-left: 0;
float: none !important;
}
.phone .attend_result .info .ti,
.phone .attend_result .info .tip {
text-align: center;
}*/
/*报åæˆåŠŸ*/
.attend_result {
padding: 48px 50px;
}
.attend_result .order_li {
width: 70%;
}
.attend_result .order_icon {
display: inline-block;
width: 56px;
float: left;
}
.attend_result .order_icon img {
width: 48px;
}
.attend_result .info {
padding-left: 64px;
}
.attend_result .info .ti {
font-weight: bold;
font-size: 18px;
margin-bottom: 4px;
}
.attend_result .info .tip {
color: #979ca3;
font-size: 14px;
margin-bottom: 16px;
}
.attend_result .info .button_div {
margin-bottom: 32px;
}
.attend_result .info .form_li a {
color: inherit;
}
.attend_result .info .label_l {
width: 70px;
text-align: left;
float: left;
margin-bottom: 4px;
}
.attend_result .info .con_l {
padding-left: 78px;
}
.attend_result .ticket_info {
margin-top: 16px;
}
.attend_result .weixin_ticket {
border: 1px solid rgba(0, 0, 0, 0.12);
background: #fdfdfe;
width: 196px;
text-align: center;
padding: 8px;
border-radius: 6px;
}
.attend_result .weixin_code {
border: 1px solid rgba(0, 0, 0, 0.12);
width: 210px;
border-bottom: 4px solid #ecf1f4;
margin-top: 16px;
margin-bottom: 24px;
}
.attend_result .weixin_code .text {
padding: 0 16px 16px 16px;
}
.attend_result .weixin_code .text .icon {
font-size: 24px;
margin-right: 12px;
}
.attend_result .weixin_lc {
padding-left: 210px;
margin-left: 56px;
margin-top: 16px;
}
.attend_result .weixin_lc .step {
border-left: 2px solid #e1e9ed;
padding-bottom: 32px;
height: 72px;
}
.attend_result .weixin_lc .step .n {
float: left;
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
background: #d0d8dc;
margin-left: -24px;
border-radius: 50%;
font-size: 24px;
font-weight: bold;
}
.attend_result .weixin_lc .step .text {
padding: 2px 0 0 36px;
}
.attend_result .weixin_lc .step:last-child {
padding-bottom: 0 !important;
height: auto;
}
.attend_result .link {
margin-top: 20px;
}
.attend_result .link a.color {
margin-right: 16px;
}
.attend_result .button_div {
margin-top: 32px;
}
.attend_result .button_div .button {
height: 44px;
line-height: 44px;
padding: 0;
font-weight: blod;
}
.attend_result .bank .bank_li {
padding: 12px 8px 0px 98px;
margin-bottom: 0;
background-color: #fdfdfe;
}
.attend_result .re_right {
width: 30%;
float: right;
padding-left: 40px;
}
.attend_result .re_right .share .ti {
margin-bottom: 8px;
font-size: 14px;
}
.attend_result .re_right .down_app {
border: 1px solid rgba(0, 0, 0, 0.12);
text-align: center;
background: #fff;
border-radius: 6px;
}
.attend_result .re_right .down_code {
padding: 12px;
padding-bottom: 4px;
}
.attend_result .re_right .down_app .text {
padding: 0 8px 16px 8px;
font-size: 13px;
}
.attend_info .box_warning {
padding: 24px 50px;
margin: -1px;
}
.phone .attend_result {
padding: 16px;
min-height: 100vh;
}
.phone .attend_result .order_li {
width: 100%;
padding-left: 0;
float: none !important;
}
.phone .attend_result .order_li .order {
margin-bottom: 8px;
}
.phone .attend_result .order_icon {
display: block;
float: none;
width: 100%;
}
.phone .attend_result .info {
width: 100%;
padding-left: 0;
float: none !important;
}
.phone .attend_result .info .ti,
.phone .attend_result .info .tip {
text-align: center;
}
/*申请表å•*/
.apply_form .register_form {
padding: 32px 72px;
}
.apply_form .custom_form .form_li:first-child {
margin-top: 32px;
}
.apply_form .pay_box {
padding-bottom: 24px;
}
/*拼团è´*/
.pingtuangou .text {
margin-bottom: 16px;
}
.pingtuangou .button {
margin-top: 8px;
}
/*以下未整ç†*/
.phone .attend_result .w_line {
font-size: 14px;
height: auto;
line-height: 24px;
white-space: normal;
padding: 8px;
}
.phone .attend_result .ticket_info {
margin-bottom: 16px;
}
.phone .attend_result .bank .bank_li {
margin-right: 0;
}
.phone .attend_result .info .form_li {
text-align: left;
}
.phone .re_right {
width: 100%;
padding-left: 0;
float: none !important;
}
.phone .attend_result .weixin_lc {
margin-top: 24px;
padding-left: 0;
margin-left: 16px;
}
.phone .attend_result .weixin_lc .step {
height: auto;
padding-bottom: 24px;
}
.phone .attend_result .weixin_lc .step .n {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 16px;
margin-left: -16px;
}
.phone .attend_result .weixin_lc .step .text {
padding-left: 30px;
}
.phone .attend_result .weixin_lc .step .text .fontsize14 {
margin-bottom: 4px;
}
/*以下未看到页é¢ï¼Œæœªæ•´ç†*/
.phone .attend_ticket {
width: 100%;
box-shadow: none;
}
.phone .float_window {
display: none;
}
.e_ticket {
position: relative;
/*box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0.125rem 0px, rgba(0, 0, 0, 0.14) 0px 0.5rem 1rem 0px;*/
border: 1px solid rgba(0, 0, 0, 0.06) !important;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
border-radius: 8px;
padding: 16px;
}
.e_ticket .t_info .wei_code {
border-radius: 6px;
background: rgba(0, 0, 0, 0.03) !important;
padding: 12px !important;
margin: 0 !important;
}
.e_ticket .t_info .wei_code img {
padding: 12px !important;
width: 150px !important;
height: 150px !important;
background: #fff;
border-radius: 5px;
margin-bottom: 8px;
}
.e_ticket .t_info .wei_code .item > div {
font-weight: bold;
margin-bottom: 8px;
}
.e_ticket .t_info .wei_code > .color {
font-style: italic;
}
.e_ticket .t_info .wei_code > .color:before {
content: "* ";
}
.e_ticket .t_info .button {
position: absolute;
top: 8px;
right: 8px;
padding: 3px 16px;
}
.e_ticket .t_info .name {
font-size: 16px;
margin-bottom: 8px;
}
.e_ticket .t_info .in {
opacity: 0.5;
}
.back_home {
position: fixed;
bottom: 16px;
right: 16px;
z-index: 10;
width: 56px;
height: 56px;
border-radius: 56px;
background: #fff;
text-align: center;
font-size: 12px;
}
.back_home .icon {
font-size: 24px;
line-height: 1;
margin: 8px 0 2px 0;
display: block;
}
.phone .attend_infor {
padding: 16px;
background: #fff;
margin-bottom: 16px;
border-bottom: 1px dashed #e5e5e5;
}
.phone .attend_infor .title {
font-size: 18px;
font-weight: 600;
}
.phone .pay_box {
position: fixed;
bottom: 0;
right: 0;
left: 0;
}
.phone .pay_box .button {
display: block;
height: 44px;
padding: 0;
line-height: 44px;
}
.phone .register_info .info {
margin-bottom: 4px;
}
.phone .pay_form.form {
border-top: 0;
}
.embed .attend_ticket {
float: none !important;
margin: 0;
margin-bottom: 16px;
padding: 16px 0;
width: auto;
}
.embed .attend_ticket .title {
margin: 0 48px;
}
.embed .attend_ticket .form {
margin: 0 48px;
}
.embed .price_info {
margin: 0 48px;
overflow: hidden;
padding: 0;
}
.embed .price_pad {
float: right;
}
.embed .attend_form {
float: none !important;
width: 100%;
}
.embed.jbm_s .li_ti {
background: none;
}
.embed.jbm_s .li_ti .ti {
display: none;
}
.embed.jbm_s .li_ti .by {
float: none;
position: absolute;
bottom: 0;
right: 0;
left: 0;
text-align: center;
z-index: 10;
}
.embed.jbm_s .attend_info {
width: 100%;
margin: 0 auto;
max-width: 760px;
padding-bottom: 48px;
}
.embed.jbm_s .container {
width: 100%;
}
/*------------------user_center 未整ç†-------------------*/
/*å‚与者个人ä¸å¿ƒ*/
.user_center {
margin-top: 16px;
background: #fff;
margin-bottom: 24px;
}
.user_center_nav {
width: 236px;
float: left;
font-size: 14px;
}
.user_center_nav .li.center {
padding-bottom: 16px;
height: 42px;
line-height: 42px;
}
.user_center_nav .li.center a {
padding: 0;
text-align: center;
color: #fff;
margin: 16px;
margin-right: 0;
border-radius: 2px;
line-height: 42px;
}
.user_center_nav .li {
height: 50px;
line-height: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
position: relative;
}
.user_center_nav .li a {
display: block;
line-height: 50px;
padding-left: 16px;
color: #202020;
}
.user_center_nav .icon {
margin-right: 8px;
}
.user_center_nav .icon_arrow {
position: absolute;
right: 0;
top: 0;
display: none;
margin: 0;
}
.user_center_nav .nun {
background: #de0e00;
color: #fff;
border-radius: 20px;
padding: 0 8px;
font-size: 12px;
height: 20px;
line-height: 20px;
display: inline-block;
margin-left: 8px;
font-weight: bold;
}
.user_center_nav .li.color a {
color: inherit;
}
.user_center_nav .li.color .icon_arrow {
display: inline-block;
}
.user_center_con {
float: right;
width: 800px;
padding: 16px;
min-height: 520px;
}
.user_center_con .empty {
border-top: 1px solid rgba(0, 0, 0, 0.12);
padding: 48px 0;
}
.user_center_con .empty .button {
padding: 6px 24px;
border-radius: 2px;
}
.user_center_con .nav_li {
font-size: 14px;
}
.user_center_con .nav_li .li.active {
border-bottom-color: inherit;
}
.user_center_con .nav_li .li a {
padding-bottom: 8px;
}
.user_center_con .user_con_title {
font-size: 16px;
margin-bottom: 16px;
font-weight: bold;
}
.user_center_con .zt span {
display: inline-block;
height: 24px;
line-height: 24px;
border-radius: 2px;
padding: 0 8px;
color: #fff;
background: #a3aaad;
}
.user_center_con .zt .error {
background: #de0e00;
}
.user_center_con .zt .success {
background: #52b714;
}
.user_center_con .zt .callout {
background: #fd9526;
}
.user_center_con .back {
background: #ecf1f4;
padding: 8px;
margin-bottom: 16px;
float: none !important;
}
.user_center_con .w_32px .bg_color {
line-height: 32px;
font-size: 14px;
}
.user_center_con .w_48px .bg_color {
line-height: 48px;
font-size: 18px;
}
/*个人ä¸å¿ƒä¸»é¡µ*/
.user_info_con .u_logo {
float: left;
width: 160px;
height: 68px;
border: 1px solid rgba(0, 0, 0, 0.12);
padding: 5px;
}
.user_info_con .u_logo .img_center {
width: 160px;
height: 68px;
}
.user_info_con .u_info {
padding-left: 194px;
position: relative;
z-index: 2;
}
.user_info_con .u_info .n {
font-size: 18px;
margin-bottom: 8px;
}
.user_info_con .u_info .info {
color: #545454;
}
.user_info_con .nun {
position: absolute;
right: 0;
top: 0;
font-size: 72px;
color: #e2e9ee;
z-index: 1;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bolder;
}
.user_info_con .ti {
font-size: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
line-height: 16px;
margin-top: 32px;
margin-bottom: 16px;
position: relative;
}
.user_info_con .ti span {
position: absolute;
top: -8px;
left: 4px;
display: inline-block;
background: #fff;
padding: 0 4px;
}
.approval_status {
margin-top: 48px;
position: relative;
}
.approval_status .s_li {
float: left;
width: 33.33%;
text-align: center;
color: #545454;
font-size: 14px;
position: relative;
z-index: 2;
}
.approval_status .s_li .t {
display: block;
margin-top: 8px;
}
.approval_status .h_line {
position: absolute;
width: 66.66%;
left: 16%;
top: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
z-index: 1;
}
.user_overview .li {
float: left;
margin-top: 24px;
width: 33%;
overflow: hidden;
}
.user_overview .icon_span {
float: left;
width: 48px;
}
.user_overview .icon_span .icon {
display: inline-block;
width: 48px;
height: 48px;
line-height: 44px;
border-radius: 50%;
text-align: center;
font-size: 24px;
color: #fff;
}
.user_overview .info {
padding-left: 56px;
}
.user_overview .info .ti {
font-size: 16px;
margin: 4px 0;
}
/* ä¿¡æ¯æ”¾åˆ°ä¾§è¾¹æ 上é¢*/
.user_info_con.eh_info .u_logo {
float: none;
border: none;
text-align: center;
margin: 0 auto;
}
/*æµç¨‹*/
.approval_box {
border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
font-size: 14px;
}
.approval_box .approval .ap_status {
margin: 20px 0;
}
.approval_box .approval .ap_status .img_center {
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 100%;
opacity: 0.2;
}
.approval_box .approval .ap_status .ap_icon {
position: absolute;
margin: 28px;
}
.approval_box .approval .ap_status .ap_icon .icon {
font-size: 20px;
}
.approval_box .approval .ap_status .complete {
position: absolute;
margin: 8px 0 0 64px;
}
.approval_box .approval .ap_status .complete .com {
color: #13ce66;
}
.approval_box .approval .ap_status .complete .access {
color: #007dd9;
}
.approval_box .approval .ap_status .complete .fail {
color: #de0e00;
}
.approval_box .approval .tip_status {
padding: 20px 10px 20px 20px;
line-height: 20px;
}
.approval_box .approval .tip_status .tip_t {
font-weight: 600;
}
.approval_box .approval .check {
line-height: 80px;
}
.approval_box .approval .line {
margin-left: 80px;
}
.approval_box .approval .ap_zw {
font-weight: bold;
font-size: 36px;
color: #898989;
}
.approval_box .approval .check a {
color: #898989;
}
/*展商表å•*/
.form_step .step {
font-size: 30px;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 100%;
border: 4px solid;
text-align: center;
font-weight: bold;
color: #898989;
}
.form_step .st_tip {
margin-top: 6px;
}
.form_step .line {
width: 240px;
height: 2px;
background: #898989;
margin-top: 24px;
}
.eh_state {
line-height: 1.7;
margin-bottom: 10px;
}
.user_center_con .register_form.form {
border: none;
}
.user_center_con .title {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.ion_up {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
transform: rotateZ(180deg);
display: inline-block;
}
.ion_down {
display: inline-block;
}
.step_wrap ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.step_wrap {
width: 960px;
height: auto;
line-height: 30px;
margin-bottom: 10px;
}
.step-case {
height: 40px;
}
.step-case li {
float: left;
margin: 0px;
width: 26%;
position: relative;
cursor: pointer;
border-right: 1px solid #ccc;
}
.step-case li span {
display: block;
background-color: #ccc;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-weight: bold;
}
/*å‚展人员*/
.czry .name {
font-size: 16px;
}
/*å‚展礼å“*/
.czlp_li {
margin: 0 -8px;
}
.czlp_li .li {
float: left;
width: 266px;
margin-bottom: 16px;
position: relative;
}
.czlp_li .li .box {
background: #ecf1f4;
margin: 0 8px;
padding: 16px;
position: relative;
height: 256px;
}
.czlp_li .li .img {
width: 202px;
height: 202px;
background: #fff;
padding: 8px;
margin-bottom: 16px;
}
.czlp_li .li .img .img_center {
width: 202px;
height: 202px;
}
.czlp_li .li .info .name {
font-size: 16px;
}
.czlp_li .li .op {
display: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
line-height: 288px;
text-align: center;
}
.czlp_li .li:hover .op {
display: block;
}
.czlp_li .li .op a {
color: #fff;
margin: 0 16px;
}
/*转账记录*/
.user_center_con .eh_pay {
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.eh_pay .ap_tip {
background: #ecf1f4;
padding: 8px;
margin: 20px 0;
}
.eh_pay .pay_data {
background: #ecf1f4;
padding: 10px 0px;
margin: 20px 0;
}
.eh_pay .pay_data .pay_box {
margin-left: 20px;
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.eh_pay .pay_data .eh_money {
font-size: 26px;
font-weight: bold;
margin-top: 6px;
}
.table .has {
color: #39a30e;
}
.table .not {
color: #de0e00;
}
/*登录ã€æ³¨å†Œ*/
.web_login {
padding: 24px 48px;
font-size: 13px;
}
.web_login .ti {
font-size: 20px;
margin-bottom: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding-bottom: 8px;
}
.web_login .ti > div {
display: inline-block;
}
.web_login .ti .ti_r {
font-size: 13px;
float: right;
line-height: 28px;
}
.web_login .lo_l .input_box img {
position: absolute;
right: 0;
top: 0px;
}
.web_login .r_f_password {
text-align: right;
margin-bottom: 20px !important;
}
.web_login .button {
float: left;
padding: 0;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 16px;
width: 20%;
border-radius: 4px;
}
.web_login .button.sms_code_container {
border-radius: 0;
}
.web_login.web_sign .lo_r {
height: 200px;
}
.web_login.web_sign.science .lo_r {
height: 144px;
}
.web_login.web_sign .sign {
margin-top: 94px;
}
.web_login .o_l > a {
display: inline-block;
width: 130px;
color: #fff;
height: 32px;
line-height: 32px;
margin: 8px 0px;
text-align: center;
border-radius: 2px;
}
.web_login .o_l > a:hover {
opacity: 0.9;
}
.web_login .o_l .weibo {
background: #ee6171;
}
.web_login .o_l .wechat {
background: #65d04c;
}
.web_login .sign {
margin-top: 82px;
font-size: 12px;
}
.form_by_event_login {
max-width: 400px;
margin: 0 auto;
}
.form_by_event_register .lo_l {
width: 80%;
margin: 0 auto;
}
.event_login_btn {
margin-bottom: 20px;
}
.web_sign .lo_l .label {
position: absolute;
left: 0;
top: 6px;
}
.web_sign .yzm img {
position: absolute;
right: 0;
top: -4px;
}
.web_sign .button {
margin-top: 16px;
}
.web_sign .sms_code_container {
margin: 0;
position: absolute;
top: 7px;
right: 0;
}
.web_sign .set.sms_code_container {
width: 20%;
height: 42px;
line-height: 42px;
top: 0 !important;
border-radius: 0 2px 2px 0;
}
.web_login .lo_l .input_box .code_img {
height: 36px;
}
.web_sign.person_information {
padding-top: 0;
}
.web_sign.person_information .form_by_event_login {
border-top: 1px solid rgba(0, 0, 0, 0.12);
padding-top: 48px;
}
.web_sign.person_information .lo_l .form_li .f_con input[type="radio"] {
display: block;
}
.web_sign.person_information .lo_l .form_li .f_con input[type="checkbox"] {
display: block;
}
.web_sign.person_information .lo_l .form_li .item_li {
display: inline-block;
margin-right: 16px;
}
.web_sign.person_information .lo_l .form_li .item_li:last-child {
margin-right: 16px;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 736px) {
.web_sign .set.sms_code_container {
height: 42px;
line-height: 42px;
}
.web_login .lo_l .input_box .code_img {
height: 44px;
}
.user_center .web_login {
padding: 18px 18px;
}
.web_login .form_li {
margin-bottom: 24px;
}
.web_login .lo_l .form_li:last-child {
margin-bottom: 0;
}
.web_login .lo_l .r_f_password .f_l.r {
padding-left: 0;
}
.web_login .lo_l,
.web_login .lo_r {
float: none;
width: 100%;
}
.web_login .other {
text-align: center;
width: 100%;
float: none !important;
}
.web_login .sign {
margin-bottom: 10%;
font-size: 13px;
}
.web_login .lo_l input {
padding: 0px 8px;
}
.web_login .form_li .label_l.middle {
line-height: 14px;
}
.web_login .button {
margin-left: 0;
margin-right: 0;
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
.web_login .button.sms_code_container {
padding-left: 20px !important;
padding-right: 20px !important;
}
.web_login.web_sign .sign {
margin-top: 20%;
margin-bottom: 10%;
}
.web_login.web_sign .lo_r {
height: auto;
}
.web_login.web_sign.science .lo_r {
height: auto;
}
.user_center .web_login.web_sign {
padding: 18px 18px;
}
.web_login.web_sign .lo_l .form_li .con_l {
padding-left: 0;
}
.web_login.web_sign .lo_l .form_li .label_l {
width: 100%;
text-align: left;
}
.web_login.web_sign .lo_r {
margin-top: 30%;
}
.web_login.web_sign .lo_l {
float: none;
width: 100%;
margin-top: 0;
}
.web_sign.person_information .lo_l .form_li .f_con {
padding-left: 0;
}
.web_sign.person_information .button.bg {
margin: 0;
}
.web_sign.person_information .form_by_event_login {
padding-top: 32px;
}
}
.sign_success .sa-icon {
margin: 0 auto;
margin-bottom: 24px;
}
.sign_success .title {
font-size: 16px;
position: relative;
z-index: 2;
text-align: center;
margin-bottom: 16px;
}
.sign_success .tips {
margin-top: 24px;
color: #545454;
}
/*个人ä¸å¿ƒ*/
.user_info_con .avator {
width: 74px;
height: 74px;
margin-right: 24px;
}
.user_info_con .avator .bg_color {
line-height: 74px;
font-size: 40px;
}
.user_info_con .user_name {
width: 300px;
}
.user_info_con .name {
font-size: 18px;
margin: 8px 0 8px 0;
font-weight: 600;
}
.user_info_con .user_name p {
color: #545454;
}
.user_info_con .user_info {
margin: 16px 0;
position: relative;
}
.user_center_con.details {
background: #ecf1f4;
}
.user_center_con.details.edit {
background: #fff;
}
.order_attend_form .op_span {
margin-right: 8px;
display: inline-block;
padding: 0 8px;
height: 28px;
line-height: 28px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 2px;
background: #fff;
color: #202020;
box-sizing: content-box;
}
.order_attend_form .op_span:hover {
color: #03a9f4;
}
.user_center_con .form_edit {
padding: 8px;
}
.user_center_con .form_edit .op_span {
margin-right: 8px;
display: inline-block;
padding: 0 8px;
height: 28px;
line-height: 28px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 2px;
background: #fff;
color: #202020;
}
.user_center_con .form_edit .avator {
width: 36px;
height: 36px;
}
.user_center_con .form_edit .bg_color {
line-height: 36px;
font-size: 14px;
}
.user_center_con .line {
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.user_center_con .my_ticket {
padding-top: 8px;
}
.user_center_con .form_li input[type="checkbox"],
.user_center_con .form_li input[type="radio"] {
display: inline-block !important;
}
.user_center_con .form_li .input_radio {
display: none !important;
}
.my_ticket .li {
background: #f5f9fb;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 2px;
position: relative;
width: 100%;
height: 144px;
margin-top: 16px;
}
/*.my_ticket .li:before { content: ""; display: inline-block; width: 12px; height: 24px; background: url(../img/ticket_li_bg.png) no-repeat right center; background-size: cover; position: absolute; left: -1px; top: 50%; margin-top: -12px; }
.my_ticket .li:after { content: ""; display: inline-block; width: 12px; height: 24px; background: url(../img/ticket_li_bg.png) no-repeat left center; background-size: cover; position: absolute; right: -1px; top: 50%; margin-top: -12px; }
*/
.my_ticket .qr {
padding: 12px 24px;
width: 120px;
float: left;
box-sizing: content-box;
}
.my_ticket .qr img {
width: 120px;
height: 120px;
}
.my_ticket .info {
float: left;
width: 400px;
}
.my_ticket .info .t_n {
font-size: 16px;
margin: 24px 0 8px 0;
}
.my_ticket .info .at {
margin-bottom: 24px;
}
.my_ticket .info .at,
.my_ticket .info .or {
opacity: 0.8;
}
.my_ticket .op {
float: right;
width: 206px;
text-align: center;
padding-top: 16px;
height: 128px;
border-left: 2px dashed rgba(0, 0, 0, 0.12);
}
.my_ticket .op .color {
display: inline-block;
width: 120px;
height: 30px;
line-height: 30px;
margin-top: 16px;
border-style: solid;
border-width: 1px;
border-radius: 20px;
background: #fff;
}
.ticket_keeping {
padding: 24px 0 8px 0;
}
.ticket_keeping .top {
background: #ecf1f4;
height: 36px;
line-height: 36px;
padding: 0 8px;
}
.ticket_keeping .step {
background: #f5f9fb;
padding: 24px 0 0 64px;
text-align: center;
}
.ticket_keeping .step .s_li {
float: left;
margin-right: 40px;
width: 200px;
}
.ticket_keeping .step .s_n {
margin-bottom: 16px;
}
.ticket_keeping .step .s_n .bg {
display: inline-block;
width: 24px;
line-height: 24px;
height: 24px;
color: #fff;
font-weight: bold;
font-size: 14px;
font-style: italic;
vertical-align: middle;
border-radius: 50%;
margin-right: 8px;
}
.my_order_li {
margin-bottom: 24px;
}
.my_order_li .order_box {
border-top-style: solid;
border-top-width: 2px;
border-radius: 4px;
margin-top: 32px;
/*border-left: 1px solid rgba(0,0,0,0.12) !important; border-right: 1px solid rgba(0,0,0,0.12) !important; */
padding: 16px;
/*border-bottom: 1px solid rgba(0,0,0,0.12) !important;*/
position: relative;
background: #f2f1f1;
}
.my_order_li .order_box:first-child {
margin-top: 0;
}
.my_order_li .order_box .zt {
position: absolute;
right: 16px;
top: 16px;
}
.my_order_li p {
color: #545454;
line-height: 1.7;
}
.my_order_li .order_infor {
background: #f2f1f1;
padding: 16px;
}
.my_order_li .order_infor .intro_li {
}
.my_order_li .order_infor .li_intro {
position: relative;
}
.my_order_li .order_infor .li_intro .li_box {
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding: 8px 0;
}
.my_order_li .order_infor .li_intro .icon {
position: relative;
font-size: 24px;
margin: 0;
left: 50%;
color: #bbb;
}
.my_order_li .order_infor .li_intro .icon.f_r {
position: absolute;
font-size: 24px;
left: 90%;
top: 36%;
color: #de0e00;
}
.my_order_li .order_infor .li_intro p .icon.f_r {
top: -8;
}
.my_order_li .order_box .li_intro {
position: relative;
}
.my_order_li .order_box .li_intro .icon.f_r {
position: absolute;
font-size: 24px;
left: 90%;
top: 36%;
color: #de0e00;
}
.my_order_li .order_infor .li_intro .ti {
font-weight: bold;
}
.my_order_li .order_infor .li_intro .zt span {
font-size: 12px;
padding: 4px;
margin-left: 8px;
height: 18px;
line-height: 10px;
}
.my_order_li .button {
border-radius: 4px;
padding: 6px;
}
.my_order_li .order_infor .table {
border: 1px solid rgba(0, 0, 0, 0.12);
margin: 8px 0;
background: #fff;
}
.my_order_li .order_infor .table td {
padding: 8px;
}
.my_order_li .order_infor .ticket td {
padding: 16px 8px;
}
.my_order_li .order_infor td.op {
width: 150px;
text-align: center;
}
.my_order_li .order_infor td.zt {
text-align: center;
}
.my_order_li .order_infor tr:last-child td {
border-bottom: 0;
}
.my_order_li .my_hotal {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding-bottom: 16px;
margin-bottom: 16px;
}
.my_order_li .my_hotal .name {
font-size: 18px;
margin-bottom: 5px;
}
.my_order_li .my_hotal .name img {
height: 16px;
margin-left: 8px;
}
.my_order_li .my_travel {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding-bottom: 16px;
margin-bottom: 16px;
}
.my_order_li .my_travel .name {
font-size: 18px;
margin-bottom: 8px;
}
.my_order_li .my_travel .info span {
display: inline-block;
margin-right: 8px;
opacity: 0.8;
}
.hotal_order .hotal_li .li {
overflow: hidden;
position: relative;
}
.hotal_order .hotal_li .img {
float: left;
width: 130px;
height: 85px;
overflow: hidden;
}
.hotal_order .hotal_li .img img {
min-height: 100%;
}
.hotal_order .hotal_li .box .info {
padding-left: 154px;
}
.hotal_order .hotal_li .box .price {
position: absolute;
right: 0;
font-size: 30px;
top: 0;
}
.hotal_order .hotal_li .name {
font-size: 18px;
}
.hotal_order .hotal_li .name a {
color: inherit;
}
.hotal_order .hotal_li .star img {
height: 16px;
margin-bottom: 16px;
}
.choose_room {
padding: 8px;
margin: 8px 0 16px 0;
background: #f5f9fb;
}
.choose_room .r_box {
display: table;
width: 100%;
}
.choose_room .r_box.th {
background: rgba(0, 0, 0, 0.1);
}
.choose_room .r_box > div {
display: table-cell;
padding: 8px;
}
.choose_room .r_li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.choose_room .room_bed {
width: 10%;
}
.choose_room .zao {
width: 15%;
}
.choose_room .last {
width: 10%;
}
.choose_room .price {
width: 15%;
}
.choose_room .add {
width: 100px;
}
.choose_room .add .button {
padding: 3px 24px;
border-radius: 2px;
}
.choose_room .intro {
display: block;
opacity: 0.8;
margin: 8px;
margin-top: 0;
}
.travel_order .travel_li .li {
overflow: hidden;
position: relative;
margin-bottom: 16px;
border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
padding-bottom: 16px;
}
.travel_order .travel_li .li:last-child {
border: 0;
margin-bottom: 0;
}
.travel_order .travel_li .img {
float: left;
width: 260px;
overflow: hidden;
height: 174px;
}
.travel_order .travel_li .img img {
min-height: 100%;
}
.travel_order .travel_li .info {
padding-left: 284px;
}
.travel_order .travel_li .name {
font-size: 18px;
margin-bottom: 4px;
}
.travel_order .travel_li .nun,
.travel_order .travel_li .day {
display: inline-block;
margin-right: 16px;
opacity: 0.8;
}
.travel_order .travel_li .intro {
display: block;
margin-top: 16px;
opacity: 0.8;
padding-left: 24px;
background: url(../img/icon_yinhao.png) no-repeat left top;
line-height: 20px;
min-height: 60px;
margin-bottom: 8px;
}
.travel_order .travel_li .price {
font-size: 30px;
font-weight: bold;
float: left;
}
.travel_order .travel_li .yd .button {
float: right;
background: none !important;
border-style: solid;
border-width: 1px;
border-radius: 2px;
font-size: 14px;
padding: 8px 24px;
}
.collect_point {
background: #ecf1f4;
overflow: hidden;
margin: 24px 0;
padding-top: 16px;
}
.collect_point .c_li {
background: #fff;
margin: 0 16px;
margin-bottom: 16px;
padding: 16px;
border-radius: 5px;
}
.collect_point .c_li .name {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 8px;
margin-bottom: 16px;
font-size: 14px;
}
.collect_point .c_li .name .tip_color {
float: right;
font-size: 13px;
}
.summary_manage .th img {
height: 14px;
margin-left: 4px;
vertical-align: middle;
}
.summary_manage .list td {
padding: 16px 8px;
}
.fill_summary .upload {
border: 2px dashed rgba(0, 0, 0, 0.12);
background: #f5f9fb;
padding: 32px 0;
font-size: 24px;
color: #898989;
}
.fill_summary .upload .icon {
vertical-align: middle;
line-height: 1;
font-size: 36px;
margin-right: 8px;
}
.fill_summary .upload .tips {
display: block;
margin-top: 8px;
font-size: 13px;
}
.fill_summary .box_warning {
margin-bottom: 16px;
padding: 8px;
}
.fill_summary .table .del {
color: #898989;
}
.fill_summary .input_box .del {
position: absolute;
right: 8px;
top: 8px;
color: #898989;
}
.author_form .form_li {
width: 48%;
float: left;
margin-right: 2%;
}
.author_form .form_li:nth-child(even) {
float: right;
margin-right: 0;
}
.co_author .add_list .it {
margin-left: 16px;
}
.co_author .li {
background: #f5f9fb;
padding: 16px;
margin-bottom: 16px;
}
.co_author .li .ti {
font-size: 14px;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.co_author .form_li {
max-width: 720px;
margin-right: auto;
margin-left: auto;
margin-bottom: 8px;
}
.co_author .gs_li .item_li {
height: 28px;
line-height: 28px;
padding: 0 8px;
background: rgba(0, 0, 0, 0.06);
color: #545454;
}
.co_author_table {
padding: 16px 32px;
}
.co_author_table .list td {
height: 36px;
}
.co_author_table .add {
display: inline-block;
margin: 16px 0;
}
.summary_manage .filter {
background: #ecf1f4;
padding: 12px 8px;
margin: 16px 0;
}
.summary_manage .filter .col-lg-3 {
margin-left: 2%;
}
.summary_manage .filter .input_box {
padding-right: 16px;
}
.summary_manage .filter .input {
width: 100%;
}
.summary_manage .filter .button {
width: 52px;
border-radius: 2px;
}
.summary_df .s_info {
position: relative;
margin-bottom: 16px;
}
.summary_df .s_info .ti {
font-size: 20px;
padding-right: 200px;
margin-bottom: 12px;
}
.summary_df .s_info .p_n {
color: #898989;
text-align: right;
position: absolute;
right: 0;
top: 0;
}
.summary_df .s_con {
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 3px;
}
.summary_df .s_con .a_info {
background: #ecedf4;
padding: 16px 16px 8px 16px;
position: relative;
}
.summary_df .s_con .a_info img {
position: absolute;
top: -8px;
left: 32px;
}
.summary_df .s_con .a_info > span {
display: inline-block;
margin-right: 16px;
padding-right: 16px;
border-right: 1px solid rgba(0, 0, 0, 0.12);
margin-bottom: 8px;
}
.summary_df .s_con .a_info span:last-child {
border: 0;
}
@media screen and (max-width: 1130px) {
.user_center_con {
width: 724px;
}
.my_ticket .info {
width: 320px;
}
}
@media screen and (max-width: 1024px) {
.user_center_nav .li.center {
box-sizing: content-box;
}
.user_center_con {
float: none;
margin-left: 236px;
width: auto;
}
.my_ticket .qr {
box-sizing: content-box;
}
.ticket_keeping {
display: none;
}
.my_ticket .op {
height: 142px;
}
.speech_top .speech_topcontent {
width: 100%;
}
.speech_form_box .application_guide .guide_detail {
max-width: 912px;
}
.con_txt {
width: 732px;
}
}
/*个人ä¸å¿ƒç§»åŠ¨ç«¯å…¬ç”¨æ ·å¼*/
.user_center_con.phone .ti {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.user_center_con.phone .button_box {
width: 100%;
text-align: center;
}
.user_center_con.phone .button {
padding: 6px 16px;
}
.user_center_con.phone.user .float_window {
z-index: 20;
}
.user_center_con.phone.user .module_attend {
background: #ff9000;
}
/*个人ä¸å¿ƒè”系主办方（弹出层）*/
.contact_box {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1000;
}
.contact_box .layer_box {
background: url(../img/website/Contact_wechat_bg.png) no-repeat;
background-size: contain;
text-align: center;
width: 76% !important;
left: 12% !important;
top: 20% !important;
}
.contact_box .close {
position: absolute;
right: 1%;
top: -19%;
}
.contact_box .float_window {
display: block !important;
width: 60px;
height: 60px;
border-radius: 56px;
}
.contact_box .float_window.bg .icon {
font-size: 32px;
color: #fff;
line-height: 54px;
padding: 0px 14px;
}
.contact_box .layer_box img {
max-width: 80%;
margin-top: 10%;
}
.contact_box .layer_box > div {
height: auto;
}
.contact_box .layer_box .tip_text {
position: relative;
font-size: 18px;
color: #bf1e2e;
margin-top: 8%;
font-weight: 400;
}
.contact_box .layer_box .tip_text:before {
position: absolute;
content: "";
width: 14%;
border-top: 1px solid #bf1e2e;
height: 0;
top: 12px;
left: 7%;
}
.contact_box .layer_box .tip_text:after {
position: absolute;
content: "";
width: 14%;
border-top: 1px solid #bf1e2e;
height: 0;
top: 12px;
right: 7%;
}
.contact_box .layer_box .text {
text-align: left;
padding: 0 8%;
line-height: 1.7;
font-weight: bold;
margin-top: 6%;
font-size: 14px;
}
/*个人ä¸å¿ƒç§»åŠ¨ç«¯é¦–页*/
.user_center_con.phone.user {
padding: 0;
}
.user_center_con.phone.user .module_attend .button {
width: 100%;
padding: 0 16px;
}
.user_center_con.phone.user .user_info_con {
padding: 16px;
}
.user_center_con.phone.user .module_attend .icon {
display: block;
font-size: 24px;
}
.user_center_con.phone.user .module_attend .button {
padding: 0;
padding-top: 12px;
}
.user_center_con.phone.user .module_attend .s_li {
display: inline-block;
border-right: 1px solid #fff;
}
.user_center_con.phone.user .module_attend .s_li:last-child {
border-right: none;
}
/*.user_center_con.phone.user .module_attend .s_li:before{ position: absolute;content: '';border-right: 1px solid #fff;height: 18px;top: 26px;}
.user_center_con.phone.user .module_attend .s_li:first-child:before{ border:none;}*/
.user_center_con.phone.user .module_attend .s_2 {
width: 49%;
}
.user_center_con.phone.user .module_attend .s_3 {
width: 32%;
}
.user_center_con.phone.user .module_attend .s_4 {
width: 24%;
}
/*个人ä¸å¿ƒæ´»åŠ¨é—¨ç¥¨ç§»åŠ¨ç«¯*/
.my_ticket.phone .info {
float: left;
width: 57%;
padding: 8px;
border-right: 3px dashed #fff;
}
.my_ticket.phone .qr {
float: right;
width: 40%;
padding: 0;
}
.my_ticket.phone .qr img {
width: 120px;
height: 120px;
margin: 8px;
}
.my_ticket.phone .li {
height: auto;
overflow: hidden;
background: #f4f4f4;
border: none;
margin-top: 0;
margin-bottom: 16px;
}
.my_ticket.phone .info .t_n {
margin: 0;
}
.my_ticket.phone .info .at {
margin: 0;
margin-top: 8px;
}
.my_ticket.phone .button.line {
margin-top: 8px;
/*border-radius:18px;*/
border-radius: 0px;
border: 1px solid #00a0e8;
}
/*个人ä¸å¿ƒä¿®æ”¹è®¢å•ä¿¡æ¯ç§»åŠ¨ç«¯*/
.order_form .ti_l {
font-size: 18px;
font-weight: 600;
}
.order_form .form_by_event_login {
margin-top: 24px;
}
.order_form .form_li .label_l.middle {
font-size: 14px;
font-weight: bold;
}
.order_form .form_li {
margin-bottom: 24px;
}
.order_form .button {
padding: 8px 16px !important;
}
.order_form .button.save {
background: #ff9000 !important;
}
/*个人ä¸å¿ƒå‘票确认移动端*/
.user_center_con.fp_queren {
background: #ecf1f4;
}
.user_center_con .fp_quren_box {
background: #fff;
border-top-style: solid;
border-top-width: 3px;
padding: 16px;
position: relative;
border-radius: 3px;
}
.user_center_con .fp_quren_box .ti {
font-weight: normal;
margin-bottom: 16px;
font-size: 18px;
}
.user_center_con .fp_quren_box .ti .icon {
font-size: 24px;
}
.user_center_con .fp_quren_box .form .form_li .label_l {
color: #bbb;
float: left;
max-width: 30%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.user_center_con .fp_quren_box .form .form_li .con_l p {
float: right;
color: #202020;
max-width: 66%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.user_center_con .fp_add > div {
margin-bottom: 8px;
}
.user_center_con.fp_queren .bottom {
margin: 0 1%;
background: url(../img/phone_img/ticket_bottom_bg.png) bottom repeat-x;
background-size: 17px 7px;
height: 7px;
}
.user_center_con.fp_queren .button_box {
margin: 0 auto;
margin-top: 32px;
text-align: center;
}
.user_center_con.fp_queren .button {
height: 24px;
padding: 8px 32px;
background: #bbb;
}
.user_center_con.fp_queren .button.bg {
padding: 8px 48px;
margin-left: 32px;
}
/*个人ä¸å¿ƒæˆ‘çš„å‘票移动端*/
.user_center_con .fp_list.phone .empty {
border: none;
}
.fp_list.phone .button.line {
border: 1px solid #00a0e8;
border-radius: 0;
margin-top: 16px;
}
.fp_list.phone .fp_li .fp_li_intro {
border-right: 1px solid rgba(0, 0, 0, 0.12);
border-left: 1px solid rgba(0, 0, 0, 0.12);
border-top-style: solid;
border-top-width: 3px;
padding: 16px;
position: relative;
margin-top: 8px;
border-radius: 4px;
}
.fp_list.phone .fp_li .bottom {
margin: -8px 0;
background: url(../img/phone_img/ticket_bottom_bg2.png) bottom repeat-x;
background-size: 17px 7px;
height: 7px;
}
.fp_list.phone .fp_li .li_box {
margin-bottom: 32px;
}
.fp_list.phone .fp_li .li_box:last-child {
margin-bottom: 0;
}
.fp_list.phone .fp_li .li_box .ti {
text-align: center;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}
.fp_list.phone .fp_li .form .form_li .label_l {
color: #bbb;
float: left;
max-width: 30%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fp_list.phone .fp_li .form .form_li .con_l p {
float: right;
color: #202020;
max-width: 66%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fp_list.phone .fp_li .button_box {
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 32px;
}
.fp_list.phone .fp_li .button {
padding: 6px 32px;
background: #ff9000;
}
.fp_list.phone .tip_color {
margin-top: 8px;
}
/*个人ä¸å¿ƒæ–°å¢žåœ°å€ç§»åŠ¨ç«¯*/
.user_center_con.add_address .form_li .label {
font-weight: bold;
}
.user_center_con.add_address .button_box {
width: 100%;
text-align: center;
}
.user_center_con.add_address .button_box .button {
background: #ff9000 !important;
}
/*个人ä¸å¿ƒæ–°å¢žå‘票移动端*/
.user_center_con.add_fp .form_li .label {
font-weight: bold;
}
.user_center_con.add_fp .button_box {
width: 100%;
text-align: center;
}
.user_center_con.add_fp .button_box .button {
background: #ff9000 !important;
}
/*个人ä¸å¿ƒå¡«å†™å‘票移动端*/
.attend_form_box.phone > .title {
font-size: 18px;
font-weight: bold;
padding-bottom: 16px;
}
.attend_form_box.phone > .title span {
font-size: 24px;
color: #ff9000;
}
.attend_form_box.phone .user_con_title {
font-size: 14px;
font-weight: inherit;
}
.attend_form_box.phone .user_con_title .icon {
font-size: 16px;
}
.attend_form_box.phone .it.half {
width: 100%;
margin-bottom: 8px;
}
.attend_form_box.phone .form_li .it_span {
height: 36px;
line-height: 36px;
border-radius: 4px;
}
.attend_form_box.phone .form_li .it_span.active {
color: #fff;
border: none;
background: #ff9000 !important;
}
.attend_form_box.phone .form_li .label_l {
font-weight: bold;
overflow: hidden;
}
.attend_form_box.phone .form_li .label_l .f_r.color {
color: #ff9000 !important;
}
.attend_form_box.phone .select_li {
margin-bottom: 8px;
}
.attend_form_box.phone .select_li:last-child {
margin-bottom: 0;
}
.attend_form_box.phone .select_li .select_intro {
padding: 8px;
border: 1px solid rgba(0, 0, 0, 0.12);
float: right;
width: 90%;
color: #a5a5a5;
}
.attend_form_box.phone .select_li .select_intro span {
margin-right: 24px;
}
.attend_form_box.phone .select_li .select_intro span:last-child {
margin-right: 0;
}
.attend_form_box.phone .select_li .icon {
font-size: 24px;
color: #e1e1e1;
}
.attend_form_box.phone .select_li .icon_box {
float: left;
padding-top: 8px;
}
.attend_form_box.phone .select_li.active .select_intro {
color: #202020;
border-color: #ff9000 !important;
}
.attend_form_box.phone .select_li.active .icon {
color: #ff9000 !important;
}
/*.attend_form_box.phone .select_li.active .icon{ color:inherit;}*/
.attend_form_box.phone .divselect {
line-height: 36px;
}
.attend_form_box.phone .select_li .text {
line-height: 36px;
color: #898989;
}
.attend_form_box.phone .select_li .text.choose {
line-height: 24px;
padding: 4px 0;
color: #202020;
}
.attend_form_box.phone .form_li #invoice_express_block {
margin-top: 16px;
}
.attend_form_box.phone .button_box {
margin: 0 auto;
text-align: center;
width: 100%;
}
.attend_form_box.phone .button {
padding: 6px 48px;
background: #ff9000 !important;
}
.attend_form_box.phone .user_con_title {
margin-bottom: 8px;
}
.user_center .module_pj {
width: 100%;
height: 48px;
line-height: 48px;
position: fixed;
top: 0;
color: #fff;
}
.user_center .module_pj .button_box {
padding: 0 16px;
}
/*个人ä¸å¿ƒæ´»åŠ¨ç§»åŠ¨ç«¯è®¢å•*/
.user_center_con.phone .my_order_li .order_box,
.user_center_con.phone .my_order_li .order_infor {
border: none;
padding: 16px;
padding-bottom: 0;
background: none;
}
.user_center_con.phone .my_order_li {
border: 1px solid rgba(0, 0, 0, 0.12);
}
.user_center_con.phone .my_order_li .order_infor .clearfix {
padding: 16px 0;
font-weight: bold;
}
.user_center_con.phone .my_order_li .order_box .zt span {
display: inline-block;
height: 24px;
line-height: 24px;
border-radius: 2px;
padding: 0 8px;
font-weight: bold;
}
.user_center_con.phone .my_order_li .order_box .zt {
position: absolute;
right: 16px;
top: 16px;
}
.user_center_con.phone .my_order_li .line {
margin: 16px 0 0 0;
}
.user_center_con.phone .my_order_li .order_infor {
border-radius: 0 0 8px 8px;
}
.user_center_con.phone .my_order_li .order_infor .table .p_no {
display: none;
}
.user_center_con.phone .my_order_li .order_infor td.op {
width: 80px;
}
.user_center_con.phone .my_order_li .li_intro {
padding-bottom: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.user_center_con.phone .my_order_li .order_infor .order_infor_box .li {
margin-top: 16px;
}
.user_center_con.phone
.my_order_li
.order_infor
.order_infor_box
.li:first-child {
margin-top: 0;
}
.user_center_con.phone .my_order_li .icon {
font-size: 24px;
margin-top: -8px;
color: #ff9000;
}
.user_center_con.phone .my_order_li .button {
padding: 6px 16px;
background: #ff9000;
border-radius: 0;
}
.user_center_con.phone .my_order_li .fontsize24 {
color: #ff9000;
}
.user_center_con.phone .my_order_li .order_infor .clearfix.ti {
margin-bottom: 0px;
}
/*个人ä¸å¿ƒæ´»åŠ¨ç§»åŠ¨ç«¯é€‰æ‹©è®¢å•*/
.phone.choose_order .my_order .order_box {
padding: 16px;
padding-bottom: 0px;
margin-bottom: 16px;
background: #ecf1f4;
position: relative;
margin-bottom: 24px;
border-top-width: 3px;
border-top-style: solid;
background-size: 211px 26px;
border-radius: 4px 4px 0 0;
}
.phone.choose_order .my_order .zt {
position: absolute;
right: 16px;
top: 16px;
}
.phone.choose_order .my_order .clearfix {
border-top: 1px solid #ccc;
padding: 16px 0;
margin-top: 8px;
}
.phone.choose_order .my_order .order_box .clearfix .icon {
float: right;
margin-right: 8px;
font-size: 24px;
color: #c9c9c9;
left: 0;
}
.phone.choose_order .my_order .button_box {
width: 100%;
text-align: center;
}
.phone.choose_order .my_order .button_box .button {
width: 100%;
padding: 8px 0;
}
.phone_nav {
display: none;
}
/*移动端*/
.website_header {
display: none;
}
@media screen and (max-width: 768px) {
.website_header {
display: block;
background: #fff !important;
height: 0;
}
.website_header .nav_left {
display: none;
}
.website_header .nav_right {
position: fixed;
right: 8px;
top: 8px;
z-index: 100;
}
.phone_nav .nav_icon {
color: #202020;
width: 36px;
height: 36px;
display: inline-block;
text-align: center;
line-height: 34px;
border-radius: 50%;
position: relative;
z-index: 2;
border: 1px solid rgba(0, 0, 0, 0.12);
}
.phone_nav {
display: inline-block;
}
.phone_nav .nav_icon .icon {
margin: 0;
}
.phone_nav .nav_icon .close {
display: none;
}
.phone_nav .nav_icon.active .nav {
display: none;
}
.phone_nav .nav_icon.active {
background: #f7f9fb;
}
.phone_nav .nav_icon.active .close {
display: inline-block;
}
.phone_nav .user_center_nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #27282d;
display: block;
z-index: 1;
color: #fff;
min-height: 100vh;
}
.phone_nav .user_center_nav .li a,
.phone_nav .li .submenu {
color: #fff;
}
.phone_nav .user_center_nav .li {
height: auto;
min-height: 50px;
}
.phone_nav .user_center_nav .mt_16 {
display: none;
}
.user_center_nav .li.color .icon_arrow {
right: 16px;
}
.phone_nav .user {
padding: 16px;
font-size: 16px;
}
.phone_nav .avator {
width: 48px !important;
height: 48px !important;
margin-right: 16px !important;
}
.phone_nav .button {
margin: 16px;
height: 32px;
line-height: 32px;
}
.phone_nav .li .submenu > span {
line-height: 50px;
padding-left: 16px;
}
.phone_nav .li .submenu .bg {
display: none;
}
.phone_nav .li .submenu_li {
background: rgba(0, 0, 0, 0.3);
}
.phone_nav .li .submenu_li .icon {
display: none;
}
.phone_nav .li .submenu_li .color .icon {
display: inline-block;
font-size: 12px;
float: right;
}
/*.event_information { display: none; }*/
.attend_info {
margin-top: 0;
}
.attend_info .con_box {
margin: 0;
}
.user_center {
margin: 0;
}
.user_center_nav {
display: none;
}
.user_center_con {
width: 100%;
margin: 0;
min-height: 100vh;
}
.user_info_con {
margin-top: 8px; /*margin-bottom: 24px;*/
}
.user_info_con .user_name {
float: none !important;
padding-left: 98px;
width: auto;
}
.user_center .back_home {
bottom: 120px;
border-radius: 0;
width: 60px;
height: 60px;
border-radius: 30px;
opacity: 0.8;
background: #ff9000;
color: #fff;
}
.user_center .float_window {
bottom: 190px;
width: 60px;
height: 60px;
color: #fff;
border-radius: 30px;
opacity: 0.8;
background: #ff9000;
}
.user_center .float_window .icon {
font-size: 32px;
line-height: 54px;
padding-left: 14px;
}
.user_center .back_home .icon {
font-size: 32px;
margin-top: 14px;
}
.buy_ticket .attend_info {
margin-top: 0;
min-height: 100vh;
}
.website_header .logo {
margin-top: 8px;
}
.website_header .nav_right .la {
margin: 0;
margin-top: 8px;
}
.website_header .nav_right > .user,
.website_header .nav_right .logout {
display: none;
}
.speech_top .speech_topcontent {
width: 100%;
}
.speech_form_box {
width: 768px;
}
.speech_apply_box {
width: 900px;
}
.form_select .input_box .input,
textarea,
select,
.dir_drop,
.con_txt,
.draft_shell,
.lecture_box,
.lec_line,
.via_shell {
width: 100%;
box-sizing: border-box;
}
.draft_shell .upload_file span {
font-size: 14px;
}
}
@media screen and (max-width: 320px) {
.user_center .float_window {
width: 40px;
height: 40px;
bottom: 120px;
}
.user_center .float_window .icon {
font-size: 24px;
line-height: 40px;
padding-left: 8px;
}
.user_center .back_home {
width: 40px;
height: 40px;
bottom: 70px;
}
.user_center .back_home .icon {
font-size: 24px;
line-height: 40px;
margin: 0;
}
}
@media screen and (max-width: 480px) {
.user_center_con .my_ticket {
padding-top: 0;
}
.my_ticket .li {
height: 210px;
}
.my_ticket .li:before,
.my_ticket .li:after {
margin-top: 16px;
}
.my_ticket .qr {
width: 88px;
padding: 12px;
padding-bottom: 0;
}
.my_ticket .qr img {
width: 88px;
height: 88px;
}
.my_ticket .info {
padding: 0 16px;
width: 100%;
float: none;
}
.my_ticket .info .t_n {
margin-top: 16px;
}
.my_ticket .info .at {
margin-bottom: 16px;
}
.my_ticket .op {
height: auto;
width: 100%;
border-left: 0;
border-top: 2px dashed rgba(0, 0, 0, 0.12);
margin-top: 24px;
padding-top: 0;
}
.my_ticket .op .color {
margin: 16px 4px 0 4px !important;
display: none;
}
.my_ticket .op .color:first-child {
display: inline-block;
}
.hotal_order .hotal_li .box {
position: relative;
}
.hotal_order .hotal_li .box .price {
top: auto;
bottom: -8px;
}
.choose_room {
padding: 0;
}
.choose_room .add {
width: 74px;
}
.travel_order .travel_li .img {
width: 120px;
height: 78px;
}
.travel_order .travel_li .info {
padding-left: 128px;
}
}
/*个人ä¸å¿ƒ-å¦æœ¯æ‘˜è¦æ交-移动*/
@media screen and (max-width: 768px) {
.author_form .form_li {
width: 100%;
}
}
/*个人ä¸å¿ƒ-销售åŽå°*/
.administer {
background: #f7f9fb !important;
font-size: 14px !important;
color: #202020 !important;
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 240px;
}
.admin_top {
height: 72px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
background: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
}
.admin_top .co_logo {
float: left;
border-right: 1px solid rgba(0, 0, 0, 0.12);
width: 200px;
text-align: center;
margin-top: 15px;
}
.admin_top .co_logo img {
height: 42px;
}
.admin_top .event_info {
float: left;
margin-left: 24px;
margin-top: 15px;
}
.admin_top .name {
font-size: 16px;
font-weight: bold;
}
.admin_top .op a {
color: inherit;
margin-right: 16px;
}
.admin_center {
display: table;
width: 100%;
height: 100vh;
position: relative;
z-index: 5;
}
.admin_center .co_info {
display: table-cell;
width: 200px;
height: 100%;
position: relative;
color: #fff;
padding-top: 72px;
}
.admin_center .co_info > .bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.admin_center .co_info .avator_box {
position: relative;
z-index: 2;
margin: 40px 0;
text-align: center;
}
.admin_center .co_info .avator {
width: 64px;
height: 64px;
border-radius: 50%;
background: #fff;
margin-bottom: 16px;
}
.admin_center .nav_list {
position: relative;
z-index: 2;
}
.admin_center .nav_list .li {
width: 240px;
}
.admin_center .nav_list .li a {
display: block;
color: #fff;
padding: 16px;
text-align: center;
}
.admin_center .nav_list .li .icon {
display: block;
font-size: 24px;
}
.admin_center .nav_list .li.active {
background: rgba(255, 255, 255, 0.2);
border-left: 3px solid rgba(255, 255, 255, 0.6);
width: 237px;
}
.admin_center .quit {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
right: 0;
}
.admin_center .quit a {
display: block;
text-align: center;
color: #fff;
padding: 8px;
}
.administer .client {
display: table-cell;
padding-top: 72px;
vertical-align: top;
}
.administer .client .news {
position: relative;
padding: 24px;
margin: 12px 0;
}
.administer .client .news .bg {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
opacity: 0.1;
}
.administer .client .news .line {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
opacity: 0.1;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
opacity: 0.2;
}
.administer .client .news .link {
position: relative;
z-index: 2;
}
.administer .client .news .icon {
font-size: 36px;
line-height: 1;
margin-right: 8px;
vertical-align: middle;
}
.administer .statistics {
margin: 0 12px;
}
.administer .statistics .box {
margin: 0 12px;
background: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
border-radius: 3px;
padding: 24px;
height: 240px;
}
.administer .statistics .pie {
float: left;
}
.administer .statistics .data {
float: left;
margin-left: 24px;
margin-top: 24px;
}
.administer .statistics .li {
margin-bottom: 8px;
}
.administer .statistics .i {
display: inline-block;
width: 16px;
height: 2px;
border-radius: 2px;
vertical-align: middle;
margin-right: 8px;
}
.administer .padd {
padding: 16px 24px;
}
.administer .hover_box {
border-radius: 3px;
}
.administer .hover_box .li {
white-space: nowrap;
position: relative;
}
.administer .hover_box .li > span {
position: relative;
z-index: 2;
}
.administer .hover_box .li:hover,
.administer .hover_box .li.active {
color: #fff;
}
.administer .hover_box .li:hover .bg,
.administer .hover_box .li.active .bg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.administer .op_box .ti {
font-size: 18px;
font-weight: bold;
margin-top: 8px;
margin-left: 16px;
}
.administer .op_box .button {
border-width: 1px;
border-style: solid;
border-radius: 3px;
margin-left: 4px;
position: relative;
padding: 6px 16px;
}
.administer .op_box .button > span {
position: relative;
z-index: 2;
}
.administer .op_box .hover:hover .button {
color: #fff !important;
}
.administer .op_box .hover:hover .button .bg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.administer .op_box .hover:hover .caret {
border-top-color: #fff !important;
}
.administer .op_box .hover_block {
left: auto;
right: 0;
}
.administer .op_box .button.bg {
padding: 3px 8px;
}
.administer .attend_search {
background: #fff;
padding: 16px;
margin: 16px 0;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.administer .attend_search .input {
width: 600px;
background-color: #f7f9fb;
border: 1px solid #f7f9fb;
margin-bottom: 8px;
border-radius: 3px;
}
.administer .attend_search .input:focus {
border-color: inherit;
}
.administer .attend_search .select_box {
float: left;
display: inline-block;
margin-right: 16px;
margin-bottom: 8px;
}
.administer .attend_search .select {
background-color: #f7f9fb;
border: 1px solid #f7f9fb;
width: auto;
padding-right: 32px;
border-radius: 3px;
}
.administer .select_box.date .select {
background-image: none;
position: relative;
}
.administer .select_box.date .select .icon {
position: absolute;
line-height: 1;
right: 8px;
top: 8px;
}
.administer .date_span {
padding: 16px 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.administer .date_span span {
display: inline-block;
border-width: 1px;
border-radius: 3px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.12);
margin: 0 4px;
float: left;
text-align: center;
padding: 4px 0;
}
.administer .date_span span.bg {
color: #fff;
border-color: inherit;
}
.administer .date .calendar {
padding: 16px 8px;
}
.administer .search_but .button {
padding: 6px 24px;
border-radius: 3px;
}
.administer .table_list {
background: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
border-radius: 3px;
margin-top: 16px;
}
.administer .table_list .th td {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
color: #545454;
background: #fff;
}
.administer .table_list .table td {
padding: 12px 16px;
}
.administer .table_list tr:hover {
background: #f7f9fb;
}
.administer .table_list tr.active {
background: #eff2f5;
}
.administer .pagination {
margin: 16px;
}
.administer .order_layer {
top: 72px;
}
/*footer*/
.website_footer {
border-top: 3px solid rgba(0, 0, 0, 0.6) !important;
color: #898989;
font-size: 12px;
position: relative;
z-index: 1;
}
.website_footer_bg {
background: #27282d;
padding: 16px 0;
}
.website_footer a {
color: #898989;
}
.website_footer .by_bagevent {
background: url(../img/logo.png) no-repeat left center;
background-size: 36px 36px;
padding-left: 40px;
height: 38px;
line-height: 18px;
}
.website_footer .bag {
color: #fff;
}
.website_footer .c_r {
text-align: right;
}
.website_footer .footer_left.f_r {
text-align: right;
}
.no_footer * {
display: none;
}
.phone .website_footer .footer_left {
width: 100%;
}
.phone .website_footer .by_bagevent {
text-align: right;
background-position: left top;
padding-bottom: 40px;
padding-left: 0;
font-size: 0;
background: none;
height: auto;
}
.phone .website_footer .by_bagevent > div {
font-size: 12px;
text-align: center;
}
.phone .no_footer {
height: 49px;
display: block;
}
/*预览时编辑活动网站按钮*/
.set_site_button {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 24px;
z-index: 1000;
}
.set_site_button img.text {
float: left;
height: 24px;
margin-top: 12px;
}
.set_site_button .button {
float: right;
padding: 12px 48px;
font-size: 14px;
border-radius: 2px;
background: #0fbfd7;
color: #fff;
}
@media screen and (max-width: 800px) {
.set_site_button {
display: none;
}
}
/*åšæžœå®šåˆ¶ 暂时放这里*/
.iframemodule .page_head {
display: none !important;
}
.iframemodule .text_img_li .img_scale {
display: none;
}
.iframemodule .text_img_li .li {
display: block;
margin: 0;
padding: 0;
margin-top: 10px;
margin-bottom: 0;
}
.iframemodule .text_img_li .li .info {
margin: 0;
padding: 0;
}
.iframemodule .text_img_li .li .info .ti {
color: #202020;
font-weight: bold;
margin: 0;
-webkit-line-clamp: 1;
font-size: 13px;
}
.iframemodule .text_img_li .li .info .ti:before {
content: url(https://img.bagevent.com/resource/20180622/15465783135754.png);
display: inline-block;
margin-right: 10px;
vertical-align: top;
}
.iframemodule .text_img_li .time {
display: none;
}
.iframemodule .text_img_li .summary {
display: none;
}
.iframemodule .article_con .text_top .time {
display: none;
}
.iframemodule .article_con .summary {
display: none;
}
.iframemodule .article_con .text_top .ti {
font-size: 18px;
font-weight: 600;
text-align: center;
margin-bottom: 16px;
font-family: "Calibri";
color: #4e5359;
}
/*展商ç‰çº§é€‰æ‹©ï¼ŒäºŒçº§åèœå•*/
.buy_ticket .attend_form_box.eh_attend_form_box {
padding: 0;
}
.buy_ticket .attend_form .form_li .sub_f_con {
padding-left: 14px;
}
.buy_ticket .attend_form .form_li .goods {
color: #202020;
margin-right: 20px;
font-weight: bold;
}
.buy_ticket .attend_form .form_li .goods .goods_pr {
margin-left: 10px;
}
.buy_ticket .attend_form .form_li .goods_tip {
margin: 4px 0 8px 26px;
}
@media screen and (max-width: 375px) {
.buy_ticket .attend_form .form_li .sub_f_con {
padding-left: 26px;
}
.buy_ticket .attend_form .form_li .goods {
float: none !important;
width: auto;
}
.buy_ticket .attend_form .form_li .goods_pr {
float: none !important;
width: auto;
}
}
/*ipad 适é…*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
/* For landscape layouts only 横å‘*/
.user_center_con .user_center_con {
margin-left: 0;
}
.user_info_con {
height: 110px;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
.user_center_con .user_center_con {
margin-left: 0;
}
.user_info_con {
height: 110px;
}
}
/* è¡Œç¨‹ä¿¡æ¯ */
.add_trip {
line-height: 30px;
margin-right: 40px;
color: #6b717b;
}
.add_trip i {
font-size: 12px;
vertical-align: top;
}
.add_trip:hover {
color: #6b717b;
}
.time_list {
float: left;
}
.time_list .item {
position: relative;
width: 124px;
height: 34px;
line-height: 34px;
text-align: center;
font-size: 12px;
cursor: pointer;
}
.time_list .item a {
color: inherit;
}
.time_list .item::after {
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
display: block;
content: "";
border: 4px solid;
border-color: transparent transparent transparent rgba(0, 0, 0, 0.12);
}
.time_list .item.bg {
color: #fff;
}
.time_list .item.bg::after {
border-left-color: inherit;
}
.trip_detail {
padding: 0 19px 0 25px;
margin-left: 124px;
border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.trip_detail .time_item {
margin-bottom: 40px;
}
.trip_detail .time_item:last-of-type {
margin-bottom: 0;
}
.trip_detail .time_item .time_title {
padding: 0 0 8px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.trip_detail .time_item .time_title .day {
display: inline-block;
font-size: 20px;
font-weight: bold;
}
.trip_detail .time_item .time_title .time {
display: inline-block;
font-size: 12px;
color: #979ca3;
margin-left: 8px;
}
.trip_item {
margin-top: 20px;
}
.trip_item .left_box {
float: left;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
border-radius: 2px;
}
.trip_item .left_box img {
width: 100%;
height: 100%;
}
.trip_item .right_box {
margin-left: 34px;
}
.trip_item .right_box .trip_title {
margin-bottom: 7px;
}
.trip_item .right_box .trip_title .title_time {
font-weight: bold;
margin-right: 8px;
}
.trip_item .right_box .trip_title .edit {
float: right;
cursor: pointer;
}
.trip_item .right_box .flex {
display: flex;
justify-content: space-between;
}
.trip_item .right_box .gray_box {
padding: 15px 20px;
background-color: #ecedf4;
border-radius: 4px;
}
.trip_item .right_box .gray_box .center {
display: flex;
align-items: center;
}
.trip_item .right_box .gray_box .center .cir .circle {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
}
.trip_item .right_box .gray_box .center .cir.cir_l .circle {
margin-left: 4px;
}
.trip_item .right_box .gray_box .center .cir.cir_l .circle:first-of-type {
margin-left: 0;
}
.trip_item .right_box .gray_box .center .cir.cir_r .circle {
margin-right: 4px;
}
.trip_item .right_box .gray_box .center .cir.cir_l .circle:last-of-type {
margin-right: 0;
}
.trip_item .right_box .gray_box .center .cir .circle.circle_1 {
background-color: rgba(0, 0, 0, 0.1);
}
.trip_item .right_box .gray_box .center .cir .circle.circle_2 {
background-color: rgba(0, 0, 0, 0.15);
}
.trip_item .right_box .gray_box .center .cir .circle.circle_3 {
background-color: rgba(0, 0, 0, 0.2);
}
.trip_item .right_box .gray_box .center .p_time {
margin: 0 8px;
font-size: 12px;
color: #979ca3;
text-align: center;
}
.trip_item .right_box .gray_box .s_time {
font-size: 28px;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}
.trip_item .right_box .gray_box .right .s_time {
text-align: right;
}
.trip_item .right_box .gray_box .s_place {
font-size: 12px;
color: #979ca3;
}
.trip_item .right_box .gray_box .right .s_place {
text-align: right;
}
.trip_item .right_box .gray_box .s_place .m_r {
margin-right: 4px;
}
.trip_item .right_box .font_20 {
font-size: 20px;
font-weight: bold;
margin-bottom: 3px;
}
.trip_item .right_box .gray_12 {
font-size: 12px;
color: #979ca3;
}
.trip_item .right_box .b_t {
margin-top: 21px;
padding: 10px 0;
border-top: 1px solid rgba(0, 0, 0, 0.058);
}
.trip_item .right_box .r_img {
flex: none;
overflow: hidden;
position: relative;
width: 216px;
height: 144px;
border-radius: 4px;
}
.trip_item .right_box .r_img img {
width: 100%;
height: 100%;
}
.trip_item .right_box .r_img .more_info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 34px;
line-height: 34px;
color: #fff;
cursor: pointer;
background-color: rgba(51, 51, 79, 0.8);
text-align: right;
padding: 0 10px;
}
.trip_item .right_box .sp_title .gray_12 i {
font-size: 12px;
vertical-align: top;
}
.trip_item .right_box .sp_title .b_bg {
padding: 4px 8px;
background-color: #4b7afd;
color: #fff;
font-size: 12px;
text-align: center;
}
.trip_item .right_box .font_16 {
font-size: 16px;
font-weight: bold;
margin-top: 8px;
}
.trip_item .m_r_12 {
margin-right: 12px;
}
.trip_item .right_box .hotel {
flex: 1;
}
.driver {
display: flex;
align-items: center;
}
.driver .d_avatar {
width: 46px;
height: 46px;
border-radius: 50%;
overflow: hidden;
margin-right: 12px;
}
.driver .d_avatar img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.driver .driver_tel {
font-weight: bold;
font-size: 20px;
}
.gray_box .d_card {
font-size: 24px;
font-weight: bold;
text-align: right;
}
.gray_box .d_place {
font-size: 12px;
color: #979ca3;
}
.driver .driver_tel i {
display: none;
}
.p_btn {
display: none;
}
.trip_detail .time_item .time_title .p_sign {
display: none;
}
.form_li .input,
.form_li textarea,
.form_li select {
border-color: rgba(0, 0, 0, 0.12);
}
.no_etickets {
text-align: center;
}
.no_etickets .no_img {
width: 178px;
height: 116px;
margin: 0 auto 16px;
}
.no_etickets .no_text {
color: #979ca3;
}
.phone_hotel {
display: none;
}
.p_info_ti .p_add_2 {
display: none;
}
/* è¡Œç¨‹ä¿¡æ¯ */
@media screen and (max-width: 960px) {
.add_trip {
margin-right: 20px;
}
.p_info_ti .p_add_2 {
display: block;
position: fixed;
bottom: 10vh;
right: 10vw;
display: flex;
justify-content: center;
align-items: center;
width: 94px;
height: 94px;
border-radius: 50%;
background-color: #ff5304;
z-index: 20;
color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.p_info_ti .p_add_2 .add_trip {
margin-right: 0;
color: inherit;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.p_info_ti .p_add_2 .add_trip i {
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
border: 1px solid #fff;
border-radius: 3px;
overflow: hidden;
margin-right: 0;
}
.time_list {
display: none;
}
.trip_detail {
padding: 0 0 20px 15px;
margin-left: 0;
height: auto;
overflow-y: initial;
}
.trip_detail .time_item {
margin-bottom: 20px;
}
.trip_detail .time_item .time_title {
padding: 8px 16px 0 16px;
border: none;
position: relative;
display: flex;
align-items: center;
}
.trip_detail .time_item .time_title .p_sign {
position: absolute;
top: 50%;
left: -15px;
transform: translateY(-50%);
display: block;
}
.trip_detail .time_item .time_title .p_sign::before {
position: absolute;
top: 50%;
left: 0;
display: block;
content: "";
border: 5px solid transparent;
border-left-color: inherit;
}
.trip_item {
margin-left: 0;
margin-top: 12px;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 6%;
}
.trip_item .right_box .gray_box {
background-color: #fff;
padding: 0;
margin-left: -34px;
}
.trip_item .right_box .gray_box .s_place {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
max-width: 56px;
}
.trip_item .right_box .gray_box.car {
flex-direction: column-reverse;
}
.trip_item .right_box .gray_box.plane {
margin-top: 24px;
align-items: center;
}
.trip_item .right_box .driver {
padding-top: 17px;
margin-top: 14px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.driver .d_avatar {
width: 22px;
height: 22px;
}
.driver .driver_info {
display: flex;
align-items: center;
flex: 1;
justify-content: space-between;
}
.driver .driver_tel {
font-size: 16px;
color: #4076ff;
}
.gray_box .d_card {
text-align: left;
margin-top: 15px;
}
.driver .driver_tel i {
display: inline-block;
vertical-align: top;
}
.driver .driver_tel .p_num {
text-decoration: underline;
font-weight: bold;
}
.trip_item.theme {
position: relative;
padding-bottom: 12%;
}
.theme_speech {
margin-top: 20px;
margin-bottom: 20px;
}
.sp_title .gray_12 {
position: absolute;
bottom: 6%;
left: 6%;
right: 6%;
padding-top: 13px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.trip_item.p_hotel {
position: relative;
padding: 0;
}
.trip_item .right_box .hotel {
padding-right: 122px;
}
.trip_item .right_box .hotel .font_20 {
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.trip_item .right_box .b_t {
position: absolute;
bottom: 0;
left: 6%;
right: 6%;
}
.trip_item .right_box .gray_box .s_time {
font-size: 22px;
font-weight: bold;
max-width: 62px;
white-space: nowrap;
}
.p_t {
position: absolute;
top: 0;
right: 0;
}
.trip_item .right_box .r_img {
width: 144px;
height: 142px;
}
.p_btn {
display: block;
float: right;
color: #4073ff;
text-decoration: underline;
}
.p_info_ti .p_add {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 60px;
background-color: #fff;
z-index: 99;
display: flex;
align-items: center;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
padding: 0;
display: none;
}
.p_info_ti .p_add .add_trip {
margin-right: 0;
width: 33.33%;
text-align: center;
line-height: 60px;
border-right: 1px solid rgba(0, 0, 0, 0.12);
background-color: #ff5304;
color: #fff;
font-size: 14px;
}
.pc_hotel {
display: none;
}
.phone_hotel {
display: block;
}
.phone_hotel .top_info {
display: flex;
margin-left: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.phone_hotel .left_detail {
flex: 1;
padding: 20px 20px 0 0;
}
.left_detail .title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
font-weight: bold;
flex-wrap: wrap;
}
.left_detail .title .edit i {
vertical-align: top;
}
.left_detail .title img {
width: 24px;
height: 24px;
margin-right: 10px;
}
.left_detail .ht_name {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.left_detail .ht_room {
font-size: 12px;
color: #979ca3;
}
.phone_hotel .top_info .r_img {
width: 144px;
height: 142px;
position: relative;
}
.phone_hotel .top_info .r_img img {
width: 100%;
height: 100%;
}
.phone_hotel .top_info .r_img .more_info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 34px;
line-height: 34px;
color: #fff;
cursor: pointer;
background-color: rgba(51, 51, 79, 0.8);
text-align: center;
padding: 0 10px;
}
.phone_hotel .p_hotel_b {
padding: 18px 20px;
}
}
@media screen and (max-width: 320px) {
.left_detail .title {
flex-wrap: wrap;
margin-bottom: 0;
}
.trip_item .right_box .gray_box .center .cir.cir_r .circle {
margin-right: 0;
}
.trip_item .right_box .gray_box .center .cir.cir_l .circle {
margin-left: 0;
}
.phone_hotel .left_detail {
padding-right: 10px;
}
}
/*移动端设置预览*/
.phone_set_view {
zoom: 0.9;
}
.phone_set_view .attend_result {
min-height: 100%;
}
.phone_set_view .website.buy_ticket {
min-height: 100%;
}