@font-face {
  font-family: 'SourceHanSansCN-Heavy';
 /* src: url('../fonts/SourceHanSansCN-Heavy.otf') format('opentype');*/
}
@font-face {
  font-family: 'SourceHanSansCN-Bold';
   /*src: url('../fonts/SourceHanSansCN-Bold.otf') format('opentype');*/
}

@font-face {
  font-family: 'SourceHanSansCN-Regular';
  /*src: url('../fonts/SourceHanSansCN-Regular.otf') format('opentype');*/
}


#main{background:url(../images/mcenter_bg.png) center center;    min-height: 800px;}

/* common */
:root {
    --primary-color: #01117b;
    --primary-color-1: #0182f7;
    --white-color: #fff; 
    --gray-color: #a0a0a0;
    --gray-color-1: #434343;
}
body{
    /*font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;*/
}
.lang{
    color: white;
    font-size: 1em;
    font-weight: 600;
    text-decoration: none;
}
.lang span {
    color: #000;
    font-size: 1em;
    font-weight: 600;
    padding: 0 3px;
}

.btn_adxk{margin-bottom:20px}
.btn_adxk a{display:inline-block;padding:3px 6px;text-align:center;color:#fff;background:#1583df;margin-right:10px}

.tblxk thead{font-weight:bold}

.orderlist{}
.olistitem {margin-bottom:15px;background:#fff;padding:20px 5px;    border-radius: 10px;font-size:16px;    position: relative;}
.olistitem .oid{font-size:14px;color:#7b7b7b;margin-bottom:15px}
.olistitem .ostatus{    position: absolute;   top: 0;   right: 0;   width: 70px;   height: 25px;   color: #fff;   text-align: center;   border-radius: 0 5px 0 0; line-height:25px;    font-size: 14px;}

.olistitem .weifu{background:#044a99;}
.olistitem .yifu{background:#5FB878;}

.olistitem .left{float:left;}
.olistitem .right{float:right;    margin-top: 15px;}
.olistitem .right a{margin:0 10px;    color: #044a99;  font-size: 16px}

.olistitem .right .del{color:#7b7b7b}
.olistitem .clr{clear:both;}
.olistitem .odate{width:100%;text-align:right;color:#7b7b7b;font-size:14px;margin-top:10px;padding-right:10px}



.aimgico img{width:24px;    vertical-align: bottom;margin-right:2px}


.upbtn{    background: #044a99;    color: #fff;    border-radius: 5px;    padding: 5px 10px;    margin-top: 10px;}

.layui-layer-ico16{
background: url('../images/ajax-loader.gif')
}

.container{    position: relative;}
.toplang1{    position: absolute;right:10px;font-weight:bold;top:5px;z-index:9999;    background: #fcb814;  color: #fff; padding: 0 3px; border-radius: 5px;}

.sharebox{display:none;  position: absolute;  width: 100%; height: 100%;background:#000000d1;top:0}

.topnavbar{padding:5px 0}
.lang span a{    font-size: 1.4rem;padding: 5px;  border-radius: 10px;   display: inline-block;  text-align: center;}
input[type=radio],
input[type=checkbox],
input[type=file] {height: 100%;opacity: 0;}
.radio-inline, 
.radio > label {position: relative; background: url('../images/radio.png')no-repeat left 3px/13px;}
.radio-inline.label_act, 
.radio > label.label_act {background-image: url('../images/radio_act.png');}
.checkbox-inline, 
.is_checkbox, 
.is_checkbox > label, 
.checkbox > label {position: relative; background: url('../images/checkbox.png')no-repeat left 3px/15px;}
.checkbox-inline.label_act, 
.is_checkbox.label_act, 
.is_checkbox > label.label_act, 
.checkbox > label.label_act {background-image: url('../images/checkbox_act.png');}
.checkbox-inline.disabled, 
.radio-inline.disabled {opacity: .65;}

.color_red {color: red;}
.color_primary {color: var(--primary-color);}

.fz_18 {font-size: 1.8rem;}
.fz_16 {font-size: 1.6rem;}

.line {border-top: 1px dotted #fff; margin: 20px auto;}

#app {min-height: 100vh; position: relative;}

#content {flex: 1;}

.btn {outline: none !important;}
.btn_primary {background-color:#fcb814; color: var(--white-color) !important;}
.btn_gray {background-color: var(--gray-color); color: var(--white-color) !important;}
.btn_yellow{background-color:#f0ad4e;color: var(--white-color) !important;}

.content_center {display: flex; flex-direction: column;}
.content_center #main {flex: 1; display: unset; align-items: center;}

.form .form-control {box-shadow: none;}

.login_title{margin: 10px 0px; font-size: 2em;text-align:center; padding-bottom:20px;margin-bottom:40px;color:#fcb814;font-weight:bold;letter-spacing: 2px;}

.login_tip{color:#a7a7a7}
.ticketitem{margin-bottom:20px;text-align:center;background:#fff;border-radius:5px;width:30%;display:inline-block;line-height:14px;padding:10px 0;font-size:14px;  color:#000;cursor:pointer}

.ticketitem span{ font-size: 22px; margin-bottom: 10px; display: inline-block; font-weight: 500;}


.tickcurr{background:#044a99;color:#fff;}

.disBuy{background:#c1c1c1;color:#666;}

.selpico {width:100%;background:#fff;border-radius:5px;margin-top:10px}
.selpico .seltop{border-bottom:1px dashed  #aeaebe;height:50px;}
.selpico .selbot{height:50px;}

.selpico  .left{float:left}
.selpico  .right{float:right}
.sel_date{font-weight:bold;padding:10px 0 0 6px; font-weight:bold;font-size:18px}
.sel_sign span{display:inline-block;width:80px;border:1px solid #044a99;border-radius:5px;margin:10px 10px 0 0;text-align:center;color:#4b4b4b;padding:3px}
.sel_price{color:#c61230;font-size:16px;font-weight:bold;padding:10px 0 0 6px;font-size:22px}
.sel_add span{width:35px;height:35px;font-size:26px;color:#fff;background:#c61230;text-align:center;display:inline-block;border-radius:100%;margin:8px 8px 0 0;line-height:35px;}
.sel_add label{display:inline-block;font-size:16px;margin:0 8px 0 0}

.isshow{display:none !important;}
.selNum{padding:15px 15px 0 0;color:#7d7d7d}

.shownum{display:inline-block !important}

.ticketdetail .tishi{line-height:20px;color:#c5122f}


.coninfo {text-align: center;padding:0 20px 100px 20px;}
.coninfo .name{margin-bottom: 5%;color:#000000 }
.coninfo .company{margin-bottom: 5%;;color:#000000 }
.coninfo .qrcode{margin-top:5%;text-align:center;}
.coninfo .zygz{margin-top: 1%; font-weight: bold;font-size:20px;margin-top:5%;color:#000000}
.coninfo .desc{text-align:left;}
.coninfo .yellow{color:#fcb814}
.coninfo .tit,.coninfo .tit1{font-size:18px;margin-top:20px;margin-bottom:10px}
.coninfo ul{padding-left:20px;}
.coninfo .tit img{width:26px;vertical-align: middle;}
.coninfo .tit1{color:#ff0000;}
#qrcode{background:url(../images/m_codebg.png) center center no-repeat;width:180px;padding:10px;margin:0 auto; background-size: cover;border-radius: 10px;}
#qrcode canvas{border-radius: 5px;}


.confoot_btns{ text-align:center;padding:30px 0;      left: 0; position: fixed;  bottom: 0; background: #fff;width:100%}
.confoot_btns .addtxr{margin:0 8px}
.confoot_btns  .btncon img{width:18px;height:18px;margin-right:2px}
.confoot_btns   a{  display: inline-block; position: relative;    text-decoration: none;}
.confoot_btns .btncon{background:#fcb814;padding:5px 5px;color:#fff;   font-size:16px;border-radius: 3px;    text-align: justify;  display: inline-flex; }



.minfo{background:#fff;}
.minfo .left{float:left;}
.minfo .left img{margin:10px 0 0 0;}
.minfo .right{width:64%}
.minfo .pd30{padding:5px 10px 0 30px}
.minfo .small {     position: relative;}
.minfo .small .fy{color:#c5122f;font-size:16px;font-weight:bold}
.minfo .small .sl{    position: absolute;right:0;font-size:16px;color:#7b7b7b}


.seltypetitle{margin-top:40px;color:#555555;font-size:16px;margin-bottom:20px}
.seltypetitle span{display:inline-block;width:6px;height:30px;background:#c61230;border-radius:8px;margin-right:10px;    vertical-align: middle;}

.btnExchange{    position: absolute;  bottom: 10px;  right: 10px; background: #337ab7; color: #fff; padding: 3px 15px; border-radius: 5px;}

.paytype{background:#fff;border-radius:5px;height:70px;margin-top:20px;padding:15px 0 15px 0;    margin-bottom: 20px;}
.paytype .left{float:left;}
.paytype .left img{width:130px;margin-left:10px}
.paytype .right{float:right;padding-top:10px}


.payfoot{     height: 70px;background:#fff;    box-shadow: 0 0 10px #fff, 0 0 20px #c7c7c7;    width: 800px;   margin: 0 auto;}
.payfoot .left{float:left;display:inline-block;height:70px;padding-left:20px;line-height:70px;}
.payfoot .right{float:right;background:#044a99;width:30%;display:inline-block;height:70px;line-height:70px;font-size:18px;font-weight:bold;color:#fff;text-align:center;}
.payfoot .left .red{color:#c61230;font-size:20px;font-weight:bold;}


/* layer */
body .layui-layer-btn > a:nth-child(1) {border-color: var(--primary-color); background-color: var(--primary-color); color: var(--white-color);}

/* bootstrap-select */
body .bootstrap-select > .dropdown-toggle, 
body .bootstrap-select > .dropdown-toggle:hover,
body .bootstrap-select > .dropdown-toggle:focus {outline: none !important; background-color: var(--white-color) !important;border: 1px solid #b2b2b2;}
body .bootstrap-select > .dropdown-toggle.disabled {background-color: #eee !important; opacity: 1;}
.bootstrap-select .dropdown-menu>.active>a, 
.bootstrap-select .dropdown-menu>.active>a:focus, 
.bootstrap-select .dropdown-menu>.active>a:hover {background-color: var(--primary-color);}

/* header */

/* footer */
#footer {position: sticky; top: 100vh; background-color: #fff; color: var(--white-color);}
#footer .logo{width:200px;}
#footer a {color: inherit;}
#footer .title {font-size: 1.7rem; position: relative; margin-bottom: 15px; padding-bottom: 2px;}
#footer .title::after {content: ''; width: 32px; height: 2px; background-color: var(--white-color); position: absolute; left: 0; bottom: 0;}
#footer .contacts {display: flex;}
#footer .contacts > .item {margin-left: 50px;}
#footer .contacts > .item:nth-child(1) {margin-left: 0;}
#footer .code_info {display: flex; justify-content: flex-end; text-align: center;}
#footer .code_info > .item {margin-left: 30px;}
#footer .code_info > .item img {margin-bottom: 5px; max-width: 100px;}

/* nav */
#nav .nav_info {color:#fcb814; border-bottom: 1px solid #fcb814;   width: 94%; font-weight:bold;  margin: 0 auto; height:40px;  margin-top: 20px;   margin-bottom: 20px;font-size:18px}
#nav .nav_info_tit{ width: 94%; font-weight:bold;  margin: 0 auto;font-weight:500;font-size:16px;margin-bottom:20px}


/* login */
.app_login {color: #000;}
.app_login #header .header_info, 
.app_index #header .header_info {padding: 50px 15px 15px;}

 .app_login .login_info {display: block;width:100%;margin:0 auto;border-radius: 0 0 10px 10px; }

.app_login .login_info > .item {position: relative; width: 100%; display: flex; flex-direction: column; margin: 0 20px;}
.app_login .login_info > .item > .title {color: var(--white-color); text-align: center; font-size: 2.5rem; padding: 10px; font-weight: 700;}
.app_login .login_info > .item .info {padding:5% 20% 5% 20%; position: relative; flex: 1; min-height: 280px;}
.app_login .login_info > .item .btn_info {width: 100%;left: 50%; bottom: 22px;margin-top: 2%;box-shadow: 4px 3px 3px #ccc;}
.app_login .login_info > .item .btn_info .btn {width: 100%; font-size: 1.8rem; padding: 10px; background:#fcb814; color: inherit; color:#fff}
.app_login .form .form-control {border: 1px solid #fdd472; height: auto;text-indent: 52px;}
.app_login .form .split_line{display:inline-block;width:4px;background:#fcb814;margin-right:14px;height:18px;    vertical-align: text-top;}
.app_login .form .formtitle{margin-bottom:12px; font-weight:500;   font-size: 18px;color:#fcb814;    letter-spacing:1px;}
.app_login .form .form-control::placeholder {color: #d3d3d3;}
.app_login .form .form-control, 
.app_login .form .code_info .get_code {font-size: 1.6rem; padding: 8px; flex: 1;  }

.app_login .form .logintype{margin-top:50px}
.app_login .form .ico_login_img{    position: absolute;    width:28px;height:26px;left:20px}
.app_login .form .text_info {background-color: var(--white-color);  border-radius: 5px;  display: flex; align-items: center; position: relative;}
.app_login .form .text_info .icon {width: 50px; border-right: 1px solid #bfbfbf;}
.app_login .form .text_info .icon img {height: 24px;}

.app_login .form .code_info .get_code {width: 120px; position: absolute; right: -130px; background-color:#fcb814; color: #fff; border-radius: 5px;}

.app_login .form .code_info {
    margin-right: 130px;
}

.regdesc{margin-top:10%;}
.regdesc h3{padding-left:10px;font-size:22px;font-weight:bold; background-size: 50%;position: relative;}


.regdesc .splitrow{    position: absolute;left:0;}
.regdesc .splitrow_en{top:-6px}
.regdesc .splitword{    z-index: 999;  position: relative;}
.regdesc .splitword_en{font-size:16px}
.regdesc .descode img{vertical-align: middle;width:120px}
.regdesc .descode .codewx{display:inline-block;width:60%;text-align:left;}
.regdesc .descode .codeimg{display:inline-block;width:30%;text-align:right;}
.regdesc .endescode img{vertical-align: middle;width:20px}
.regdesc .endescode {color:#8a1e20}

/* index */
.app_index .index_info {display: flex; justify-content: center; padding: 30px 0;}
.app_index .index_info > .item {width: 30%; margin: 0 15px; transition: all .2s;}

/* app_reg */
.upload_file_wrap {margin-top: 10px;}
.upload_file_wrap .preview_img {position: relative; display: inline-block; width: 100px; height: 100px; margin-right: 10px; margin-bottom: 10px; border: 1px solid var(--gray-color); background: url('../../img/add.png')no-repeat center/25%;}
.upload_file_wrap .preview_img.disabled {opacity: .65; cursor: not-allowed;}
.upload_file_wrap .preview_img.disabled input[type=file] {display: none;}
.upload_file_wrap .tip {font-size: 1.2rem;}

.app_reg_1 .form .form-group {padding-left: 10px;margin-bottom:3px;    position: relative;}
.app_reg_1 .form .form-group > label {padding: 13px 5px 5px 0; margin: 0; text-align: right;  font-weight: 400;}
.app_reg_1 .form .form-group > div {flex: 1;}

.text_info{    position: relative;}


.bootstrap-select > .btn, 
.app_reg_3 .form input.form-control {
    border-color: #5e5e5e;
    padding: 8px 12px;
    height: auto;
}

.app_reg_1 .form .form-control:focus {border-color: var(--primary-color);}
.app_reg_1 .form .mobile_info {position: relative;}
.app_reg_1 .form .mobile_info .form-control {padding-right: 100px;}
.app_reg_1 .form .mobile_info .get_code {width: 90px; position: absolute; top: 50%; right: 4px; transform: translateY(-50%);} 

.app_reg_2 .other_input {display: inline-block; max-width: 100px; height: auto; padding: 0px 5px; border-width: 0 0 1px; border-color: inherit; border-radius: 0;}

.app_reg_3 .form .tip {font-size: 1.2rem; color: #535353;}
.app_reg_3 .form .form_group_input {display: flex; margin: 0;}
.app_reg_3 .form .form_group_input .form-control {height: auto; padding: 0 6px;}
.app_reg_3 .form .form-control[readonly] {background-color:#f1f1f7;}
.app_reg_3 .line {border-top: 1px dashed #959595; margin: 25px auto;}
 

.app_reg_4 .form .code_info {display: flex; align-items: center; max-width: 350px;}
.app_reg_4 .form .code_info .btn {margin-left: 15px;}

.app_reg_5 .invoice_info .form-group {display: flex;}
.app_reg_5 .invoice_info .form-group > label {width: 190px; margin: 0; padding: 7px 15px 0 0;}
.app_reg_5 .invoice_info .form-group > div {flex: 1; max-width: 300px;}
.app_reg_5 .invoice_info .check_info {padding-top: 7px;}

/* bd */
.app_bd {background: url('../../../static/img/bd-bg.jpg')no-repeat center/100% 100%; color: #fff; padding: 0 20px;}
.app_bd .title {padding: 20% 0;}
.app_bd .code_info .code {width: 45%;}

.login_reg{position: relative;height:80px}
.login_reg img {position: absolute; width:220px;right:0;top:0}
.metinfo{    height: 100%;   right: 0;   bottom: 0;}
.metinfo img{ position: absolute;  right: 0;  width: 46%;   top: 0;}
.headword{margin-top:4%;}


@media screen and (min-width: 800px) {
	 .container {
		width:800px;
		padding:0;
	}

	#nav .nav_info > .item {
		width: 22%;
		text-align: center;
	}
	
	.ticketitem{width:32%}
	.app_login .login_info{width:100%}

	#main{width:800px;margin:0 auto; position: relative;}
}




@media screen and (max-width: 768px) {

	

	.payfoot{width:100%;    position: fixed;bottom:0}
	


    .content_center #main {display: block;}

	
	.app_reg_2 .canyutop{width:100%;}

	.login_reg img {width:180px}

	.metinfo{  position: relative;    height: 100%;   right: 0;   bottom: 0;}
	.metinfo img{ position: absolute;  right: 0;  width: 50%;   bottom: 0;width:100%;top:auto}


    /* footer */
    #footer .contacts {font-size: 1.2rem; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px;}
    #footer .contacts > .item {margin-left: 0; margin-bottom: 15px;}
    #footer .code_info {justify-content: center;}
    #footer .code_info > .item {margin: 0 15px;}
    
    /* nav */
    #nav .shade {width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 100; background-color: rgba(0, 0, 0, .5); display: none;}
    #nav .shade.active {display: block;}
    /* login */
   
    .app_login .login_info > .item {width: 100%; margin: 0;}
    .app_login .login_info > .item:nth-child(1) {margin-bottom: 30px;}
    .app_login .login_info > .item .info {min-height: 260px; padding:20px }
    .app_login .login_info > .item .btn_info {display: flex; justify-content: space-between;}
    .app_login .login_info > .item .btn_info .btn {width: 100%;border-radius: 5px;}

    /* index */
    .app_index .index_info {display: block; padding-bottom: 100px;}
    .app_index .index_info > .item {width: 60%; margin: 0 auto;}
    .app_index .index_info > .item:nth-child(1) {margin-bottom: 30px;}

    /* app_reg */
    .app_reg_5 .invoice_info .form-group {display: block;}
    .app_reg_5 .invoice_info .form-group > label {width: 100%; margin-bottom: 5px; padding: 0;}
    .app_reg_5 .invoice_info .form-group > div {max-width: 100%;}
}


.loginNotice>.layui-layer-content{
    padding: 10px;
}
.loginNotice>.layui-layer-content{
    font-size: 1em;
    line-height: 2;
}
.loginNotice>.layui-layer-content>.title{
    font-weight: bold;
}
.exhibitorsAreAware {padding:15px 20px;height:100%;overflow:hidden;-webkit-user-select:none;}
.exhibitorsAreAware.cn .exhibitorsAreAware-content b {font-size:1em;line-height:1.5em;}
.exhibitorsAreAware.cn .exhibitorsAreAware-content p {font-size:1em;line-height:1.6em;margin-bottom:8px;padding:0 3px;}
.exhibitorsAreAware.en .exhibitorsAreAware-content b {font-size:1em;line-height:1.5em;}
.exhibitorsAreAware.en .exhibitorsAreAware-content p {font-size:1em;line-height:1.6em;margin-bottom:5px;padding:0 3px;}
.exhibitorsAreAware.cn .exhibitorsAreAware-content {height:80%;overflow:auto;}
.exhibitorsAreAware.en .exhibitorsAreAware-content {height:83%;overflow:auto;}
.exhibitorsAreAware .trademark {display:block;font-size:1em;text-align:center;}
.exhibitorsAreAware .agreeToTheDemand #exhibitorsAreAware {position:relative;top:2px;opacity:unset;width: auto;}
.exhibitorsAreAware .agreeToTheDemand {margin:5px 0 6px;display:inline-block;}
.exhibitorsAreAware .agreeToTheDemand span {font-size:1.1em;margin:10px 2px;color:#d1d1d1;}
.exhibitorsAreAware-bottom {text-align: center;z-index: 1000;}
.exhibitorsAreAware-bottom button {margin:10px;width:90%;height:38px;border-radius:6px;border:1px solid #ccc;font-weight:600;background-color:#fcb814;color:#ffffff;}

.app_reg_2 .reginfo{font-size:22px;border-bottom:2px solid #2e7d54;padding-bottom:4px;}
.app_reg_2 .f22{font-size:22px;margin-left:5px}
.app_reg_2 .fydesc{font-size:16px;text-align:center}


.app_reg_2 .talemenutop{margin:20px 0}
.app_reg_2  span.talemenu{text-align:left;width:23%;    display: inline-block;margin-left:0;}

.app_reg_2 .datesel{border-bottom:1px solid #2e7d54;text-align:center !important;width:20% !important;}
.app_reg_2 .curr{font-weight:bold}
.app_reg_2 td{margin:5px 0}
.app_reg_2 .cell1{width:30%;background:#b8c8bf;border:1px  solid #fff;padding:3px;text-align:center }
.app_reg_2 .cell2{width:70%;background:#2e7d54;color:#fff;border:1px  solid #fff;padding:10px  }


.app_reg_2 .feiyong {font-size:16px}
.app_reg_2 .feiyong  .cellfull{width:100%;background:#2e7d54;padding:10px;color:#fff}
.app_reg_2 .feiyong .desc{line-height:200%;padding:20px 0;width:76%;}
.app_reg_2 .feiyong .smoney{text-align:center;padding-right:20px}
.app_reg_2 .feiyong .row1{border:1px solid #ddd;margin:0}
.app_reg_2 .feiyong .row1 td{padding-left:10px}
.app_reg_2 .feiyong .money{color:#d02a29}
.app_reg_2 .paytype{padding:20px 0}
.app_reg_2 .paytype img{ vertical-align: middle;margin:0 10px}
.app_reg_2 hr{height:1px ;border:none;border-bottom:1px dashed #ddd;}


.app_reg_2 .feiyong .statmoney{text-align:right;padding:20px 0;font-weight:Bold;}

.app_reg_3 label { display: inline-block; max-width: 100%;  margin-bottom: 5px;  font-weight: 700;}
.app_reg_3 .other_input {  display: inline-block; max-width: 100%; height: auto; padding: 0px 5px; border-width: 0 0 1px;  border-color: inherit;  border-radius: 0;}


.app_reg_3 .cell2{width:100%}

.app_reg_3 .cell2 span{    position: absolute;   right: 30px;}
.app_reg_3 .cell2 span img{margin-right:10px}

.app_reg_3 .bootstrap-select > .dropdown-toggle{min-width: 143px;}
.app_reg_3 span.talemenu{cursor:pointer;}

.datedetail b{font-family: "SourceHanSansCN-Bold";}


.cell2 label {
    margin-right: 20px;
    width: 80px;
    display: inline-block;
}

.feiyong p{margin:5px 0}
.txr{background:#fff;padding:30px 0; }


.payerweima{height:200px}

.selfapiao{margin-top:20px}


.app_reg_1 .reginfo{font-size:22px;border-bottom:2px solid #2e7d54;padding-bottom:4px;}
.app_reg_1 .f22{font-size:22px;margin-left:5px}
.app_reg_1 .fydesc{font-size:16px;text-align:center}