@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');*/
}


/* common */
:root {
    --primary-color: #01117b;
    --primary-color-1: #0182f7;
    --white-color: #fff; 
    --gray-color: #a0a0a0;
    --gray-color-1: #434343;
}
body{
	background:#f8f8f8;
    /*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}


.nav_top {text-align:center;color:#7a201e;letter-spacing: 2px;    position: relative; }
.nav_top h3{font-weight:bold;font-size:30px;}
.nav_top .desc{font-size:20px;margin-top:20px;}
.nav_top span{    position: absolute;right:30px;top:0;font-size:16px;}
.nav_top span a{color:#fcb814;    text-decoration: none;}
.nav_top span img{width:30px;}

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


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

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

.exinfo_t {font-size:16px;margin:20px 0;}
.exinfo_t img {width:26px;vertical-align: middle;margin-right:10px}
.exinfo_t .text-right{padding-right:20px;font-size:20px;}
.exinfo_t .text-left{padding-left:20px;font-size:20px;}

.regpc .item{display:inline-block !important;box-shadow: 0 0 10px #fff, 0 0 20px #c7c7c7;padding:20px;background:#fff;}


.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;color:#272636}
.lang span a img{width:20px;margin-right:5px}

.blocks{margin-top:20px}
.blocknav{background:#f3e9c0; border-radius:10px;margin:10px;padding:15px;text-align:center;}
.blocknav img{width:40px;}
.blocknav a{color:#272636}
.blocknav span{display:block;margin-top:10px;font-size:22px;font-weight:bold;color:#7a201e}

.itembox{border:1px solid #a5a5a5;margin:10px}
.itembox .itembox_title{background:#f3e9c0;height:50px;text-align:center;padding-top: 8px;font-size:18px;font-weight:bold;    position: relative;}
.itembox .itembox_title img{width:40px;  vertical-align: middle;}

.itembox  .itembox_title a{ position: absolute;right:30px;font-size:16px;top:36px}

.bggray{background:#eaeaea;}
.tblxk {width:95%;margin: 0 auto;margin-top:5px;margin-bottom:5px}
.tblxk td{text-align:center;}
.itembox_con{padding:8px;    background: #fff;}
.itembox_con .qrcode{text-align:center;}
.tblzt{margin-top:20px}
.pagecontent{padding-top:15px}

.exhi_title{color:#7a201e;padding-left:25px;font-size:18px;font-weight:bold;margin-top:30px;margin-bottom:20px;     position: relative;}
.exhi_title .split_block{background:#7a201e;display:inline-block;width:5px;height:20px; margin-right:10px; vertical-align: middle;}
.exhi_title .btn_more{    position: absolute;right:10px;font-size:16px;}


.exhi_title .split_block_s{font-size:16px;margin-left:10px}

.layui-upload-file{z-index:-1;}

.tblzp{background:#fff;padding:10px; border-radius: 10px;margin-bottom:10px}
.tblzp .zp_litpic{float:left;width:100px;}
.tblzp .zp_litpic img{width:80px;height:80px;border-radius: 100%;}
.tblzp .zp_desc{float:left;width:70%;}
.tblzp .zp_line{clear:both;height:12px;border-bottom:1px  dashed #ccc;margin:10px 0}
.tblzp .btns{text-align:right;}
.tblzp .btns a{display:inline-block;width:70px;height:32px;text-align:center;line-height:32px;border-radius:5px}
.tblzp .btns .edit{color:#1885e0;border:1px solid #1885e0}
.tblzp .btns .del{color:#fff;border:1px solid #e01818;background:#e01818}


.tblpro{background:#fff;padding:10px; border-radius: 10px;margin-bottom:10px}
.tblpro .labelinfo,.tblpro .labletitle{display:inline-block;font-size:16px;}
.tblpro .labelinfo{text-align:left;color:#7b7b7b;width:25%;}
.tblpro .labletitle{width:74%;text-align:right;color:#000000}
.tblpro td{text-align:left}
.tblpro .intro{color:#000000;padding-left:5px;font-size:16px;}
.tblpro .prorow{padding:6px 3px;}
.tblpro .btns{text-align:right;}
.tblpro .btns a{display:inline-block;width:60px;height:28px;text-align:center;line-height:28px;border-radius:5px}
.tblpro .btns .edit{color:#1885e0;border:1px solid #1885e0}
.tblpro .btns .del{color:#fff;border:1px solid #e01818;background:#e01818}


.isfree{background:#009e0b;color:#fff;display:inline-block;width:60px;height:30px;line-height:30px;text-align:center;   border-radius: 5px;}
.isfree1{background:#FF5722;color:#fff;display:inline-block;width:60px;height:30px;line-height:30px;text-align:center;   border-radius: 5px;}


hr{margin:10px 0}

.down_lists ul{padding-left:10px}
.down_lists li{list-style:none;border-bottom:1px solid #d5d5d5;    padding: 8px 0;}
.down_lists li:hover{background:#fff4db}
.down_lists .down_tilte{width:75%;display:inline-block;font-size:14px;color:#000000}
.down_lists .down_url{width:20%;display:inline-block}
.down_lists a{color:#000}
.download_alink{display:inline-block;text-align:center;color:#fff;background:#fab614;width:100%;  border:1px solid #9e9b95; border-radius: 5px;    position: relative;height:30px;line-height:30px;    text-decoration: none;}
.download_alink img{width:20px; vertical-align: middle;margin-right:5px; vertical-align: text-bottom;}

input[type=radio],
input[type=checkbox],
input[type=file] {height: 100%;opacity: 0;    position: absolute;    top: 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: 2.8em;text-align:center;color:#fcb814;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{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: #fab614; background-color:#fab614; color:#fff;}

/* 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}
.el-popup-parent--hidden {
    overflow: hidden;
}

.exMenu{z-index:9999;float:left;    position: relative;}
.menus{    position: fixed;  top: 0;  left: 0;   bottom: 0;  overflow: hidden;  margin: 0; width: 80%;    z-index: 99999;display:none;}
.menus ul{
    border-left: solid 1px #e6e6e6;
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: #FFF;
	height:100vh
}

.menus li{    height: 56px; line-height: 56px; font-size: 14px; color: #303133; padding: 0 20px;  list-style: none; cursor: pointer; position: relative; transition: border-color .3s, background-color .3s, color .3s;    box-sizing: border-box;
    white-space: nowrap;font-weight:bold;}
.menus li a{color:#000}
.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
}

.menu_close{width:60px;}




/* 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: 24%;}
.app_login .login_info > .item .btn_info .btn {width: 100%; font-size: 1.6rem; padding: 10px; background:#f4c016; color: inherit; border-radius: 0;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;
}

/* 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%;}

.pchead{display:none;}
.mbhead{display:block;}

.tipsinfo{background:#fff;width:95%;    margin: 0 auto;padding:10px;}
.red{color:#f30;}
.desc{margin-top:10px}


.table-download {}
.table-download td{border:1px solid #fab614 !important;}


.langeuage{    position: absolute;top:60px;  right:4px;font-size:16px;        background: #f4c016;   padding: 5px;   border-radius: 100%;}
	.langeuage a{color:#fff;text-decoration: none;}


@media screen and (min-width: 800px) {
	 .container {
		width:100%;
		padding:0;
	}
	
	.login-split{width:60px;background:#fcb814;height:4px;margin:0 auto;margin-bottom:30px}
	.forget{position: absolute;  right: 0; bottom:-8px;}
	.forget a{color:#2984ef;text-decoration: underline;    letter-spacing:1px;}	
	.pchead{display:block !important;}
	.v-modal{z-index: 2000; display: none;}
	.mbhead{display:none;}

	body{background:url(../images/ex_bg.jpg) center center repeat;}
	.itembox  .itembox_title a{ position: absolute; right: 18px;     top: 13px;
    }

	#header{background:#7d5a47}

	.app_login .login_info > .item .btn_info {width: 100%;left: 50%; bottom: 22px;margin-top: 20px;   text-align: center;}

	.app_login .login_info > .item .btn_info .btn{width:60%;font-size:18px;}
	.regpc .item{padding:0}

	.app_login .login_info > .item .info{padding-top:50px}

	.app_login .form .logintype{color:#f4c016;margin-top:20px;font-size:16px;}

	.item .col-xs-6{padding-left:0}

	.login_tip{color:#c9c9c9;}

	.regpc .form-group{margin-bottom:10px;}
	.app_login .login_info > .item .info{padding:5% 8% 5% 8%}

	.gohome{    position: absolute;top:20px;  right:4px;font-size:16px;}
	.gohome a{color:#a6a6a6;text-decoration: none;}
	.gohome img{width:20px;margin-right:5px;}
	
	
	.topnavbar{padding:0;}

	.itembox{margin:20px 0}
	
	.blocks{margin-top:20px !important}
	.blocknav{padding:24px;}
	.blocknav a{text-decoration: none;}
	.blocknav div{color:#7a201e;height:20px;font-size:18px;text-align:left;}
	.blocknav img{width:60px}	

	.itembox{min-height:292px; max-height: 292px;    overflow-y: auto;}

	.w1200{width:1200px;margin:0 auto;}

	.leftmenu{padding:0;}
	.rightcon{padding:0 0 50px 0;  min-height: 738px}

	.menus{  
	    padding-top: 10px;
		width: 100%;
		margin: 0 auto;
		position: relative;
		background:#f0f3ef73;
		min-height: 760px;
	
	}
	.menus ul{background-color:transparent;border:0;height:auto !important;}
	.menus li.el-menu-item{ text-align:left;padding:0 0;}
	.menus li{height:auto !important;line-height:50px;}	
	.menus li a{color:#000;font-size:18px;text-decoration: none;display:block;width:100%;padding:0 0 0 5px;}
	.menus li.curr{background:#fab614;}
	.menus li.curr a{color:#fff}
	.menus li:hover{}
	.menus ul:last-child img{width:36px;margin-right:5px}	

	.menus li ul li a{font-size:15px;font-weight:500}
	.menus li ul li a font{margin-left:5px}
	.menus li ul li{padding:0 0 0 30px;}


	.row{margin:0}

	#nav .nav_info > .item {width: 22%;text-align: center;	}
	.ticketitem{width:32%}
	.app_login .login_info{width:1000px;margin-top:80px;}
	.regbanner img{width:100%;}
	.regpc .item{border-radius: 10px;}

	#main{width:100%;margin:0 auto;position: relative;   }
	

	

	
}




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

	.rightcon{width:100%;}
	.leftmenu{display:none;}
	.nav_top{padding-top:10px;}
	.row{margin:0;}
	.exhi_title{padding-left:0;}
	.rightcon .blocknav{    margin: 10px 0;   padding: 15px 0;}

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

 	

	.menus{  
	    padding-top: 10px;
		width: 74%;
		margin: 0 auto;
		background:#FFF;
		min-height: 760px;
	
	}
	.menus ul{background-color:transparent;border:0;height:auto !important;}
	.menus li.el-menu-item{ text-align:left;padding:0 0;}
	.menus li{height:auto !important;line-height:50px;}	
	.menus li a{color:#000;font-size:18px;text-decoration: none;display:block;width:100%;padding:0 0 0 5px;}
	.menus li.curr{background:#fab614;}
	.menus li.curr a{color:#fff}
	.menus li:hover{}
	.menus ul:last-child img{width:36px;margin-right:5px}	

	.menus li ul li a{font-size:15px;font-weight:500}
	.menus li ul li a font{margin-left:5px}
	.menus li ul li{padding:0 0 0 30px;}
	


    .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}