.nav{width: 100%; height: 70px; box-shadow: 0 3px 3px 0 #CCC; background: #1e1b32; position: fixed; overflow: visible; left: 0; top: 0; z-index: 999; transition: all 0.5s ease;}
/*.nav.index{background: rgba(0, 0, 0 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}*/
.nav.index{background: rgba(255, 255, 255, 0.3) !important; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1) !important; backdrop-filter: blur(10px);}

/* White Nav Style Overrides - 提高优先级覆盖所有nav-section类 */
.nav.index .layui-nav .layui-nav-item > a { color: #000 !important; position: relative; font-weight: 400; }
.nav.index .layui-nav .layui-nav-item .icon-sousuo { color: #333; transition: color 0.3s; }
.nav.index .layui-nav .layui-nav-item .icon-sousuo:hover { color: #4379e6; }

/* Custom Underline & Hover Effects */
.nav.index .layui-nav .layui-nav-item > a::before {
    content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px;
    background: linear-gradient(90deg, #4379e6, #7c3aed);
    transition: all 0.3s ease; transform: translateX(-50%); z-index: 2;
}
/* 悬停效果 */
.nav.index .layui-nav .layui-nav-item > a:hover::before {
    width: 70%; box-shadow: 0 0 8px rgba(67, 121, 230, 0.6);
}
/* 选中状态 - 使用多个选择器确保优先级 */
.nav.index .layui-nav .layui-nav-item.layui-this > a::before,
.nav.index .layui-nav .layui-this > a::before,
.nav.index .layui-nav-item.layui-this > a::before {
    width: 70% !important;
    box-shadow: 0 0 8px rgba(67, 121, 230, 0.6) !important;
}
.nav.index .layui-nav .layui-nav-item > a:hover { background: rgba(34, 59, 110, 0.1) !important; }
.nav.index .layui-nav .layui-nav-item.layui-this > a,
.nav.index .layui-nav .layui-this > a { color: #4379e6 !important; }
.nav.index .layui-nav .layui-this:after,
.nav.index .layui-nav-bar { display: none !important; opacity: 0 !important; }

/* 二级菜单样式 - 白色半透明背景 */
.nav.index .layui-nav .layui-nav-child {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15) !important;
}
.nav.index .layui-nav .layui-nav-child dd a {
    color: #000 !important;
}
.nav.index .layui-nav .layui-nav-child dd a:hover {
    background: rgba(67, 121, 230, 0.1) !important;
    color: #4379e6 !important;
}

.nav.scroll{ background: #181e23; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: all 0.5s ease;}

/* 导航栏根据不同屏幕切换颜色 - 注释掉以使用统一的白色半透明 */
/*.nav.nav-section-0 { background: rgba(0, 0, 0, 0.8) !important; }*/
/*.nav.nav-section-1 { background: linear-gradient(135deg, #161442 0%, #18015bfb 100%) !important; }*/
/*.nav.nav-section-2 { background: linear-gradient(135deg, #596e8e 0%, #1f3758 100%) !important; }*/
/*.nav.nav-section-3 { background: linear-gradient(135deg, #b8cadf 0%, #5e7fab 100%) !important; }*/

/* 首页所有屏幕统一使用白色半透明导航栏 */
.nav.index.nav-section-0,
.nav.index.nav-section-1,
.nav.index.nav-section-2,
.nav.index.nav-section-3 {
    background: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(10px);
} 

.nav .layui-container{position: relative; transition: all 400ms ease-out;}
.nav .layui-unchanged{position: relative;}
.nav .nav-logo{height: 100%; position: absolute; top: 0; left: 38px; line-height: 70px;}
.nav .nav-logo img{max-height: 30px;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 20px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #fff; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .nav-list .layui-alone{float: right;}
.nav .nav-list .u{width: 50%; text-align: right; pointer-events: none;}
.nav .nav-list .u .layui-nav-item{pointer-events: auto;}
.nav .layui-nav{width: 100%; position: absolute; top: 80px; padding: 0; color: #fff; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 40px;}
.layui-nav .layui-this:after,.layui-nav-bar{background-color: #1e1b32;}
.nav .u *{font-size: 14px;}
.nav .layui-nav .layui-nav-item a{color: #fff; font-size: 15px;}
.nav .layui-nav .layui-nav-item .icon-sousuo{font-size: 18px;}
.nav .layui-nav .layui-nav-item .layui-nav-child{top: 70px; background-color: rgba(25, 30, 36, 0.97); border: 0;}
.nav .layui-nav-bar{display: none;}
.warn{position: absolute; right: 5px; bottom: 5px; background: url(../image/warn.png) no-repeat; display: inline-block; width: 16px; height: 16px;}
.layui-loading{display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; color: #0292fe;}
.layui-loading i{font-size: 26px;}
.w1400{max-width: 1400px; margin: auto; position: relative;}
.layui-elem-quote{padding: 10px;}

#account .layui-nav-item::after{content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 10px; width: 1px; background-color: #5e5e5e;}
#account .layui-nav-item:last-child::after{content: ""; display: none;}

.search{position: absolute; top: 0; right: 0; width: 0px; transition: all .5s;}
.search .search-icon{display: none;}
.search-open{width: 190px;}
.search-open .search-icon{display: inline-block;}
.search .search-box{position: relative; top: 12px; height: 35px; line-height: 35px;}
.search .search-box .search-icon{position: absolute; left: 5px; color: #000;}
.search .search-box .search-input{height: 100%; background-color: #fff; border-radius: 10px;}
.search-open .search-box .search-input{padding-left: 25px;}
.search .search-box .search-input input{width: 100%; height: 100%; border: 0; border-radius: 10px;}
.search-result{position: absolute; top: 55px; left: 0; width: 0; height: 260px; background-color: #fff;}
.search-result .search-title{display: none; font-size: 16px; font-weight: bold; color: #000; background-color: #f2f2f2;}
.search-result .layui-loading{opacity: 0;}

.search-open.search-result{width: 660px; padding: 20px 30px; overflow-y: scroll; border-radius: 5px 0 0 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.search-open.search-result::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color:none;
}
.search-open.search-result::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    border-radius: 0px;
    background-color: #F5F5F5;
}
.search-open.search-result::-webkit-scrollbar-thumb {
    border-radius: 0px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(255,255,255,.5);
}
.search-open.search-result .layui-loading{opacity: 1;}
.search-open.search-result .search-title{display: block; margin-bottom: 5px; padding-left: 15px;}
.search-result .search-item{display: none; padding-bottom: 5px; line-height: 41px; color: #000; border-bottom: 1px solid rgba(112, 112, 112, 0.2);}
.search-open.search-result .search-item{display: block;}
.search-result .search-item .search-info{line-height: 22px; padding: 0; font-size: 16px;}
.search-result .search-item .search-info:hover{color: #35B4FD !important;}
.search-result .search-item .search-item-detail{line-height: 22px; color: #666;}

.search-form{position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #0292fe; z-index: 100; opacity: 0; transition: height .3s linear;}
.search-form .search-form-box{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 700px; width: 100%; font-size: 20px;}
.search-form .search-form-box input{width: 100%; height: 38px; color: #fff; padding: 0; background-color: transparent; border: none; border-bottom: 1px solid #fff; text-align: center;}
.search-form .search-form-box input::-webkit-input-placeholder{color: #fff;}
.search-form .search-form-box .icon-sousuo{position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #fff; font-size: 18px; cursor: pointer;}
.search-form .search-form-close{position: absolute; display: inline-block; right: 10%; top: 50%; transform: translateY(-50%); color: #fff; font-size: 32px; cursor: pointer;}
.search-form .search-form-close .layui-icon{font-size: 32px;}

.disabled{cursor: not-allowed;}
.disabled:hover{color: #666; opacity: 0.5; cursor: not-allowed;}
.mgr0{margin-right: 0 !important;}
.mgr5{margin-right: 5px;}
.mgr10{margin-right: 10px;}
.layui-col-space40{margin:-20px}
.layui-col-space40>*{padding:20px}
.layui-col-sm1{width: 100%;}
.layui-btn-primary:hover{border-color: #0292fe; color: #0292fe;}
.children-body{padding:20px; background-color: #f2f2f2;}
.children-body-white{background-color: #fff;}
.primary-body{background-color: #fafafa;}
.layui-hover{color: #0292fe;}
.layui-hover:hover{text-decoration: underline;}
.layui-red{color: #ff0000;}
.layui-green{color: #5FB878;}
.layui-blue{color: #0292fe;}
.layui-white{color: #000 !important;}
.layui-right{text-align: right;}
.layui-center{padding: 20px 0; text-align: center;}
.layui-relative{position: relative !important;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #0292fe;}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{color: #0292fe; }
.layui-table .active{color: #0292fe;}
.layui-form-checked[lay-skin=primary] i{background-color: #0292fe;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #0292fe;}
.layui-form-checked i, .layui-form-checked:hover i{color: #0292fe;}
.forum-add .layui-form-label{width: 30px;}
.forum-add .layui-input-inline{width: 120px;}
.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color: #0292fe;}
.layui-fl{float: left;}
.layui-fr{float: right;}
.gray{background-color: #f2f2f2;}
.more{position: absolute; right: -70px; top: 50%; z-index: 1000; margin-top: -16px; -webkit-transition: all .4s ease; transition: all .4s ease;}
.more:hover{transform: scale(1.2);}
.layui-nav-more{display: none;}
.thumbImg{width: 258px; height: 135px;}
.annex-img{width: 179px; height: 68px;}
.layui-form-checkbox[lay-skin=customer]{height:auto!important;line-height:normal!important;min-width:18px;min-height:18px;border:none!important;margin-right:0;padding-left:28px;padding-right:0;background:0 0}
.layui-form-checkbox[lay-skin=customer] span{padding-left:0;padding-right:15px;line-height:18px;background:0;color:#666}
.layui-form-checkbox[lay-skin=customer] i{right:auto;left:0;width:16px;height:16px;line-height:16px;border:1px solid #d2d2d2;font-size:12px;border-radius:50%;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}
.layui-form-checkbox[lay-skin=customer]:hover i{border-color:#0292fe;color:#fff}
.layui-form-checked[lay-skin=customer] i{border-color:#0292fe;background-color:#0292fe;color:#fff;border-radius:50%;}
.layui-checkbox-disbaled[lay-skin=customer] span{background:0 0!important;color:#c2c2c2}
.layui-checkbox-disbaled[lay-skin=customer]:hover i{border-color:#d2d2d2}
.layui-form-item .layui-form-checkbox[lay-skin=customer]{margin-top:10px}
.form-dialog{padding: 30px;}
.form-dialog h2{padding-bottom: 20px; text-align: center;}
.form-dialog .layui-form-label{width: 130px;}
.form-dialog .layui-input-block{margin-left: 160px;}
.layui-tab-content{padding: 10px;}
.layui-form-select dl dd.layui-this{color: #1e9fff;}
.layui-laypage a:hover{color: #1e9fff;}
.layui-nav-tree .layui-this{background-color: #1E9FFF;}
.layui-laypage a,
.layui-laypage span:not(.layui-laypage-count):not(.layui-laypage-limits):not(.layui-laypage-skip){
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
	padding: 0 !important;
}
.layui-form-result{position: absolute; display: none; right: 3px; top: 50%; margin-top: -8px; font-weight: bold;}
.result-success .layui-icon-ok{color: #0292fe; display: block;}
.result-success .layui-icon-close{color: #ff0000; display: none;}
.result-failed .layui-icon-ok{color: #0292fe; display: none;}
.result-failed .layui-icon-close{color: #ff0000; display: block;}



.banner{position: relative; margin-top: 70px; min-height: 350px; width: 100%; overflow: hidden;}
.banner img{max-width: 100%; width: 100%;}
.banner-box{position: absolute; top: 20%; left: 50%; transform: translateX(-50%); width: 60vw; height: 100%; text-align: center; font-weight: bold; word-break: keep-all; white-space: normal; color: #fff;}
.banner-box .banner-title{line-height: 82px; font-size: 60px; color: #fff;}
.banner-box .banner-detail{height: 28px; line-height: 28px; font-size: 20px; margin-top: 20px;}
.banner-box .banner-btn{display: inline-block; height: 48px; line-height: 48px; margin-top: 20px; padding: 0 20px; border-radius: 8px; background-color: #fff; color: #000; transition: all .3s;}
.banner-box .banner-btn:hover{background-color: #fff;}
.banner-box .banner-more{position: absolute; top: 50%; left: 50%; margin-left: -30px; width: 60px; animation: arrow 1s infinite;}
.banner-box .banner-more img{max-width: 100%;}
@keyframes arrow{
  from{top: 50%;}
  to{top: 52%;}
}



.swiper-pagination-bullet-active{background: #fff !important;}

.news{margin-top: 80px; background-color: #fafafa;}
.news .news-item{height: 400px; padding-bottom: 50px; background-color: #fff;}
.news .news-item:last-child{border-right: 0;}
.news .news-item-active{box-shadow: 0 0 10px 0 rgba(0,0,0,.2); background-color: #fff;}
.news .news-item .news-item-title{line-height: 79px; border-bottom: 1px solid #ccc; text-align: center; font-size: 26px;}
.news .news-item-active .news-item-title{background-color: #0292fe; color: #fff; border-radius: 5px 5px 0 0;}
.news .news-item .news-item-box{height: 320px; overflow-y: auto;}
.news .news-item .news-item-box::-webkit-scrollbar{background-color: #fafafa; width: 8px;}
.news .news-item .news-item-box::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #0292fe;}
.news .news-item-active .news-item-box::-webkit-scrollbar{background-color: #fff;}
.news .news-item .news-item-content{}
.news .news-item-active .news-item-content{border-bottom: 1px solid #ccc;}
.news .news-item-active .news-item-content:last-child{border: 0;}
.news .news-item .news-item-content .news-item-content-info{display: -webkit-box; padding: 30px 25px 0; font-size: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
.news .news-item .news-item-content .news-item-content-info a:hover{color: #0292fe;}
.news .news-item-active .news-item-content .news-item-content-info{padding: 15px 25px 0;}
.news .news-item .news-item-content .news-item-content-intro{display: none;}
.news .news-item-active .news-item-content .news-item-content-intro{display: block; padding: 5px 25px 13px; line-height: 24px; font-size: 14px; color: #666;}

.match{position: relative; min-height: calc(100vh - 70px);}
.match .match-banner{position: relative; background-attachment: fixed; padding-top: 25%; background-size: cover; background-position: center center;}
.match .match-fix{position: absolute; top: 0; left: 50%; width: 60.93vw; height:100%; transform: translateX(-50%); user-select:none; display:flex; align-items:center;}
.match .match-fix .match-head-title{font-size: 45px; color: #fff; text-align:left;}
.match .match-fix .match-head-btn{display: inline-block; margin-top: 3.645vw; width: 148px; height: 56px; line-height: 56px; text-align: center; border-radius: 30px; border: none; margin-right: 40px;background: linear-gradient(90deg, #18A8DF 0%, #216AFF 100%); transition: all .5s; cursor: pointer;}
.match .match-fix .match-head-btn:hover{background: linear-gradient(90deg, #216AFF 0%, #A881FF 100%);}
.match .match-fix .match-head-btn span{height: 28px; font-size: 20px; font-family: PingFangSC-Semibold, sans-serif; font-weight: 600; color: #FFFFFF; line-height: 28px;}
.match .match-tab{margin: 0;}
.match .match-tab .layui-tab-title{height: auto; text-align: center; border: none; background-color: #06187D;}
.match .match-tab .layui-tab-title li{height: 80px; line-height: 80px; padding: 12px 88px; font-size: 20px; font-weight: bold; color: #fff;}
.match .match-tab .layui-tab-title .layui-this{color: #0292fe;}
.match .match-tab .layui-tab-title .layui-this:after{height: 91px; border-color: #0292fe;}
.match .match-detail{padding-bottom: 80px;}
.match .match-detail-item{margin: 0 12%; font-size: 16px; font-weight: 400;}
.match .match-result-item{margin: 0 20%; font-size: 16px; font-weight: 400;}
.match .match-detail-item p{line-height: 36px;}
.match .match-detail-item .match-detail-item-title, .match .match-result-item .match-result-item-title{position: relative; height: 35px; line-height: 35px; margin: 70px 0 32px 74px; font-size: 26px; font-weight: bold;}
.match .match-detail-item .match-detail-item-title:before, .match .match-result-item .match-result-item-title:before{content:''; position: absolute; left: -50px; top: 1.5px; width: 32px; height: 32px; background: url(../image/robot.png); background-size: 100% 100%;}
.match .match-detail-item .match-detail-box{position: relative; margin-left: 74px; margin-top: 70px;}
.match .match-title{position: absolute; top: -90px; left: 50%; transform: translateX(-50%); width: 1200px; height: 100px; background-color: #fff; padding-top: 30px; text-align: center; font-size: 26px; font-weight: 500; border-radius: 15px;}
.match .match-title .time{margin-top: 10px; font-size: 16px; color: #777;}
.match .match-tap{padding: 30px; text-align: center; font-size: 18px;}
.match .match-tap .match-tap-item{position: relative; color: #000; margin: 0 30px; letter-spacing: 3px; transition: all .4s ease; -webkit-transition: all .4s ease;}
.match .match-tap .match-tap-item:after{content: ""; position: absolute; left: 0; bottom: -10px; width: 0; height: 2px; background-color: #0292fe; transition: all .4s ease; -webkit-transition: all .4s ease;}
.match .match-tap .match-tap-item:hover,.match .match-tap .match-tap-item-active{position: relative; color: #0292fe; transition: all .4s ease; -webkit-transition: all .4s ease;}
.match .match-tap .match-tap-item:hover:after,.match .match-tap .match-tap-item-active:after{content: ""; width: 100%;}
.match .match-item{padding: 50px 100px;}
.match .match-list{padding: 50px 100px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.match .match-list .match-box{width: 20%; margin-bottom: 10px;}
.match .match-list .match-box .match-item-wrapper{margin: 12px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.3); background-color: #fff; border-radius: 10px; }
.match .match-list .match-box .match-item-wrapper .match-item-icon{margin-bottom: 12px; padding: 12px 0; text-align: center;}
.match .match-list .match-box .match-item-wrapper .match-item-icon img{width: 160px; height: 160px;}
.match .match-list .match-box .match-item-wrapper .match-item-name{height: 62px; padding: 0 12px; text-align: center; font-size: 24px; margin-bottom: 30px;}
.match .match-list .match-box .match-item-wrapper .match-item-btn{display: inline-block; vertical-align: top; margin-bottom: 30px; padding-right: 10px;}
.match .match-track-title{margin-top: 140px; margin-bottom: 50px; text-align: center; font-size: 28px; font-weight: 500;}
.match .match-single{display: flex; justify-content: space-between; align-items: center; position: relative; min-height: 150px; padding: 20px; margin-bottom: 30px; background-color: #fff; border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}
.match .match-single .match-single-badge{position: absolute; width: 70px; height: 70px; right: -1px; top: -1px; background-color: #0292fe; z-index: 10; clip-path: polygon(0 0, 100% 0, 100% 100%); border-radius: 0 10px 0 0;}
.match .match-single .match-single-badge span{position: absolute; right: 0px; top: 12px; transform: rotate(40deg); color: #fff;}
.match .match-single .match-single-main{display: flex; align-items: center; width: 45%;}
.match .match-single .match-single-main .match-single-image{display: inline-block; vertical-align: top; padding-right: 10px;}
.match .match-single .match-single-main .match-single-image img{width: 240px;}
.match .match-single .match-single-main .match-single-title{margin-top: -40px;}
.match .match-single .match-single-main .match-single-title b{display: block; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.match .match-single .match-single-main .match-single-title .fee{font-size: 14px; color: #0292fe;}
.match .match-single .match-single-content{display: flex; width: 55%; justify-content: space-between; align-items: center; text-align: center;}
.match .match-single .match-single-content .match-single-content-fee{width: 100px;}
.match .match-single .match-single-content .match-single-content-fee .match-single-content-fee-title{}
.match .match-single .match-single-content .match-single-content-fee .match-single-content-fee-box{margin-top: 4px;}
.match .match-single .match-single-content .match-single-content-fee .match-single-content-fee-box .rate{margin-right: 5px; color: #0292fe;}
.match .match-single .match-single-content .match-single-content-time{width: calc(100% - 300px);}
.match .match-single .match-single-content .match-single-content-time .match-single-content-time-sign{font-size: 1rem; margin-bottom: 15px;}
.match .match-single .match-single-content .match-single-content-time .match-single-content-time-work{color: hsl(0, 0%, 65%);}
.match .match-single .match-single-content .match-single-content-btn{width: 200px;}
.match .match-single .match-single-content .match-single-content-btn .match-single-content-enroll{margin-top: 10px; color: hsl(0, 0%, 65%);}
.match .match-single .match-single-fixed{position: absolute; left: 270px; bottom: 20px; display: flex; align-items: center; justify-content: space-between; width: 210px;}
.match .match-single .match-single-fixed .match-single-fixed-a{font-size: 14px;}
.match .match-single .match-single-fixed .match-single-fixed-a a{transition: all .4s ease;}
.match .match-single .match-single-fixed .match-single-fixed-a .layui-icon{font-size: 12px; margin-left: 3px; transition: all .4s ease;}
.match .match-single .match-single-fixed .match-single-fixed-a:hover a{color: #0292fe;}
.match .match-single .match-single-fixed .match-single-fixed-a:hover .layui-icon{color: #0292fe;}
.match .match-list .match-competition{padding: 20px; margin-bottom: 20px; text-align: left; background-color: #fff;}
.match .match-list .match-competition .match-competition-image{float: left; display: inline-block;}
.match .match-list .match-competition .match-competition-image img{width: 240px; height: 150px;}
.match .match-list .match-competition .match-competition-content{position: relative; min-height: 150px; padding-left: 250px;}
.match .match-list .match-competition .match-competition-content .match-competition-content-title{color: #000; line-height: 30px; font-size: 18px;}
.match .match-list .match-competition .match-competition-content .match-competition-content-title .match-competition-content-title-personal{padding: 3px 5px; font-size: 13px; background-color: #5fb878; color: #fff;}
.match .match-list .match-competition .match-competition-content .match-competition-content-title .match-competition-content-title-group{padding: 3px 5px; font-size: 13px; background-color: #5573df; color: #fff;}
.match .match-list .match-competition .match-competition-content .match-competition-content-works{font-size: 15px;}
.match .match-list .match-competition .match-competition-content .match-competition-content-action{position: absolute; bottom: 0; left: 250px;}
.match-pay{}
.match-pay:after{content: ""; display: block; clear: both;}
.match-pay label{float: left; line-height: 47px; font-size: 16px;}
.match-pay .match-pay-list{padding-left: 110px;}
.match-pay .match-pay-list .match-pay-item{display: inline-block; width: 40px; height: 40px; margin-right: 20px;}
.match-pay .match-pay-price{float: right;}
.match-pay .match-pay-price b{font-size: 18px; font-weight: normal; color: #ff0000;}
.alipay{background: url(../image/alipay.png) no-repeat center;}
.alipay.match-pay-item-active{background: url(../image/alipay-a.png) no-repeat center;}
.wxpay{background: url(../image/weixin.png) no-repeat center;}
.wxpay.match-pay-item-active{background: url(../image/weixin-a.png) no-repeat center;}
.unionpay{background: url(../image/upay.png) no-repeat center; width: 59px !important;}
.unionpay.match-pay-item-active{background: url(../image/upay-a.png) no-repeat center;}
.confirm-title i{margin: 0 3px; font-size: 12px; font-weight: bold; color: #999; border: 2px solid #999; border-radius: 50%;}
.teacher-sort i,.player-sort i{margin-left:3px; font-size: 12px; font-weight: bold; color: #999; border: 2px solid #999; border-radius: 50%; cursor: pointer;}
.teacher-sort:hover i,.player-sort:hover i{color: #0192FD; border-color: #0192FD;}




.match-works{position: relative; margin: 80px 0;}
.match-works-nav{padding: 0; background-color: #f2f2f2;}
.match-works-nav .layui-this:after{display: none;}
.match-works-nav .layui-nav-bar{display: none;}
.match-works-nav .layui-nav-item{line-height: 50px; margin-right: 30px; background-color: rgba(0, 0, 0 ,0.8); color: #fff;}
.match-works-nav .layui-nav-child{top: 50px; background-color: rgba(25, 30, 36, 0.97); border: 0;}
.match-works-nav .layui-nav-item a{padding: 0 30px; color: #fff;}
.match-works-nav .layui-nav-child a:hover,.match-works-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{background-color: #0292fe; color: #fff;}
.match-works .match-works-box{margin-top: 20px; display: flex; flex-wrap: wrap;}
.match-works .match-works-box .match-works-item{display: block; width: 386px; height: 346px; margin-top: 30px; margin-right: 20px;}
.match-works .match-works-box .match-works-item:nth-child(3n){margin-right: 0;}
.match-works .match-works-box .match-works-item .match-works-item-image img{width: 386px; height: 291px; margin-bottom: 10px;}
.match-works .match-works-box .match-works-item .match-works-item-title{height: 25px; max-width: 386px; font-size: 18px; font-weight: 500; line-height: 25px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.match-works .match-works-box .match-works-item .match-works-item-title:hover{color: #0292fe;}
.match-works .match-works-box .match-works-item .match-works-item-art{font-size: 14px; color: #999; line-height: 20px;}
.match-works .match-works-box .match-works-item .match-works-item-vote{height: 20px; padding: 0 20px; margin-bottom: 15px; color: #666; text-align: left;}
.match-works .match-works-box .match-works-item .match-works-item-vote span{position: relative; float: left; display: inline-block; width: 50%; text-align: left;}
.match-works .match-works-box .match-works-item .match-works-item-vote span i{display: inline-block; vertical-align: middle; background: url(../image/praise.png) no-repeat; width: 24px; height: 24px; margin-right: 6px;}
.match-works .match-works-box .match-works-item .match-works-item-vote a{float: left; display: inline-block; width: 50%; text-align: right; color: #0292fe;}
.match-works .match-works-detail{padding: 30px 24px; background-color: #fff;}
.match-works .match-works-detail .match-works-detail-title{font-size: 32px;}
.match-works .match-works-detail .match-works-detail-art{display: flex; align-items: center; margin-top: 20px; margin-bottom: 30px; font-size: 14px; color: #777;}
.match-works .match-works-detail .match-works-detail-art svg{margin-right: 6px;}
.match-works .match-works-detail .match-works-detail-content{line-height: 24px; font-size: 16px;}
.match-works .match-works-detail .match-works-detail-content img{display: block; max-width: 100%; margin: 10px auto;}
.match-works .match-works-detail .match-works-detail-content iframe{max-width: 100%; width: 100%;}
.match-works .match-works-detail .match-works-detail-content p{margin-bottom: 5px;}
.match-works .match-works-detail .match-works-detail-tips{padding: 20px;}
.match-works .match-works-detail .match-works-detail-tips .match-works-detail-protitle{color: #0292fe; font-size: 18px; margin-bottom: 15px;}
.match-works .match-works-detail .match-works-detail-tips p{}


.league{margin-top: 120px; text-align: center;}
.league .league-item{position: relative; display: inline-block; width: 100%; border: 1px solid #e6e6e6; transition: all .4s ease; -webkit-transition: all .4s ease;}
.league .league-item .league-item-image{}
.league .league-item .league-item-image img{width: 100%; max-width: 100%; height: 200px;}
.league .league-item .league-item-title{height: 48px; overflow: hidden; padding: 15px; text-align: left; font-size: 18px;}
.league .league-item .league-item-tips{padding: 0 20px; margin-bottom: 15px; text-align: left; color: #666;}
.league .league-item .league-item-content{position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all .4s ease; -webkit-transition: all .4s ease;}
.league .league-item:hover .league-item-content{background-color: #0192FD;}
.league .league-item .league-item-content .league-item-info{position: absolute; left: 0; bottom: -20%; opacity: 0; padding: 20px 15px; color: #fff; transition:bottom .4s ease, opacity .4s ease; -webkit-transition:bottom .4s ease, opacity .4s ease;}
.league .league-item:hover .league-item-content .league-item-info{bottom: 40px; opacity: 1;}
.league .league-item .league-item-content .league-item-info .league-item-info-title{padding: 30px; font-size: 16px;}
.league .league-item .league-item-content .league-item-info .league-item-info-detail{text-align: left;}
.league .league-item .league-item-content .league-item-info .league-item-info-time{margin-top: 25px; text-align: left;}
.league .league-item .league-item-content .league-item-info .league-item-info-btn{display: block; margin-top: 15px; text-align: left; color: #fff; text-decoration: underline;}

.content{width: 660px; margin: 120px auto;}
.content .content-title{text-align: center;}
.content .content-title a{display: block; margin-top: 5px; color: #0192FD;}
.content .content-title a:hover{text-decoration: underline;}
.content .content-title .content-tips{margin-top: 20px;}
.content .content-context{margin-top: 30px;}
.content .content-context p{line-height: 24px;}
.content .content-context img{max-width: 100% !important;}

.certificate{background-color: #f2f2f2; min-height: calc(100vh - 140px); padding-top: 70px;}
.certificate .certificate-title{padding: 20px 0; margin-bottom: 30px; text-align: center; font-size: 22px; border-bottom: 1px solid #d2d2d2;}
.certificate .certificate-form{padding: 0 20%; margin-left: -30px;}
.certificate .certificate-form .certificate-form-input .certificate-form-box{display: flex; align-items: center; justify-content: center;}
.certificate .certificate-form .certificate-form-input .certificate-form-box .certificate-form-label{line-height: 36px; font-size: 14px; text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fff;}
.certificate .certificate-form .certificate-form-input .certificate-form-box .certificate-form-select{padding-bottom: 0px; transition: all .4s ease;}
.certificate .certificate-form .certificate-form-input .certificate-form-box .certificate-form-btn{display: flex; align-items: center; justify-content: center;}
.certificate .certificate-list{padding: 0 10%; margin-top: 30px; text-align: center;}
.certificate .certificate-list .certificate-list-title{font-size: 22px; color: #0292fe;}
.certificate .certificate-list .certificate-container{padding-bottom: 10px;}
.certificate .certificate-list .certificate-container .certificate-box{margin: 40px auto;}
.certificate .certificate-list .certificate-container .certificate-item{position: relative; margin-bottom: 15px;}
.certificate .certificate-list .certificate-container .certificate-item .certificate-item-content{position: relative; padding: 20px; background-color: #fff;}
.certificate .certificate-list .certificate-container .certificate-item .certificate-item-content:after{content: ""; display: block; clear: both;}
.certificate .certificate-list .certificate-container .certificate-item .certificate-item-content .certificate-item-check{position: absolute; left: -30px; top: 50%; margin-top: -9px;}
.certificate .certificate-list .certificate-container .certificate-item .certificate-item-content p{margin-bottom: 10px; text-align: left;}

.event{position: relative; margin-top: 80px; background-color: #191E24;}
.event .event-item{overflow: hidden; height: 100%;}
.event .event-item img{max-width: 100%; height: 400px; opacity: 0.6;}
.event .event-item .event-content{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.event .event-item .event-content .event-title{line-height: 30px; margin-top: 40%; padding: 20px; text-align: center; color: #fff; font-size: 18px;}
.event .event-item .event-content .event-info{position: absolute; left: 0; bottom: -20%; opacity: 0; padding: 0 15px; color: #fff; transition:bottom .4s ease, opacity .4s ease; -webkit-transition:bottom .4s ease, opacity .4s ease;}
.event .event-item .event-content .event-info .event-info-title{text-align: center; font-size: 16px;}
.event .event-item .event-content .event-info .event-info-detail{margin-top: 10px;}
.event .event-item:hover .event-content{background-color: rgba(62, 136, 241, .7);}
.event .event-item:hover .event-content .event-title{display: none;}
.event .event-item:hover .event-content .event-info{bottom: 30%; opacity: 1;}

/* 修复缩放模式下导航栏交互问题：强制使用 CSS hover 触发显示，避免 JS 坐标计算偏差 */
.nav .layui-nav .layui-nav-item:hover .layui-nav-child {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.gallery{height: 500px; margin: 150px 0;}
.gallery iframe{width: 70%; height: 400px;}
.gallery video{width: 70%; height: 500px; background-color: #000;}
.gallery .swiper-pagination-bullet{width: auto; height: 49px; line-height: 49px; margin: 0 !important; text-align: center; opacity: 1; background-color: #191E24; color: #fff; font-size: 18px; border-radius: 0; border-bottom: 1px solid #000;}
.gallery .swiper-pagination-bullet-active{background-color: #323F48 !important;}
.gallery .swiper-pagination-bullets{top: 0 !important; right: 0 !important; width: 30%; -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0,0,0) !important; -o-transform: translate(0,0) !important; -ms-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important;}
 
.base{margin-top: 80px; padding: 30px 0;}
.base .base-item{}
.base .base-item a{display: block; height: 130px; line-height: 130px; padding: 5px; border-radius: 5px; text-align: center; background-color: #fff; overflow: hidden; -webkit-transition: all .4s ease; transition: all .4s ease;}
.base .base-item img{max-width: 100%; max-height: 100%;}
.base .base-item a:hover{box-shadow: 0 0 7px 1px #666;}
.base .base-menu{position: absolute; left: 0; top: 0; height: 100%; padding: 10px 0;}
.base .base-menu i{position: absolute; left: 20px; top: 50%; display: inline-block; margin-top: -11px; vertical-align: middle;}
.base .base-menu .layui-this i{margin-top: -12px;}
.base .base-menu .layui-nav-item a{padding-left: 50px;}
.base .base-menu .disable a{cursor: not-allowed;}
.base .base-menu .disable a:hover{background-color: #9e9e9e;}
.base .base-menu .layui-this a{font-size: 16px;}
.base .base-container{min-height: 600px; margin-left: 215px; padding: 20px; background-color: #fff;}
.base .base-container .base-info{}
.base .base-container .base-info .base-info-audit{padding: 20px; margin-bottom: 22px; line-height: 30px; font-size: 13px; border: 1px solid #ff0000; border-radius: 5px;}
.base .base-container .base-info .base-info-audit .base-info-audit-title{margin-bottom: 15px;}
.base .base-container .base-info .base-info-audit .base-info-audit-content{color: #ed671e;}
.base .base-container .base-info .base-info-title{margin-bottom: 20px; text-align: center; font-size: 22px;}
.base .base-container .base-info .base-info-form{width: 80%; margin: 0 auto;}
.base .base-container .base-info .base-info-form .layui-form-label{width: 120px;}
.base .base-container .base-info .base-info-form .layui-input-block{margin-left: 150px;}
.base .base-container .base-info .base-info-form .layui-input-block a{display: block; color: #0192FD; margin-top: 140px; margin-right: 110px;}
.base .base-container .base-info .base-info-form .layui-form-item .layui-input-inline{width: 140px;}
.base .base-container .base-info .base-info-form .layui-form-mid{float: none;}
.base .base-container .base-info .base-info-content{padding-top: 20px;}
.base .base-container .base-info .base-info-content p{padding-left: 35%; margin-bottom: 20px; font-size: 15px;}
.base .base-container .base-info .base-info-content p a{padding-left: 20px; font-size: 13px; color: #0292fe;}
.base .base-container .base-info .base-info-content p a:hover{text-decoration: underline;}
.base .base-container .base-info .base-info-content .logo{padding: 0; text-align: center;}
.base .base-container .base-info .base-info-content .logo img{width: 162px; height: 69px;}
.base .base-container .base-info .base-info-content p .base-edit{display: inline-block; margin-left: 10px; vertical-align: top; cursor: pointer;}
.base .base-container .base-info .base-info-content .upload-logo{display: block; padding-left: 20px; margin-top: 5px; font-size: 13px; color: #777;}
.base .base-container .base-bronze{text-align: center;}
.base .base-container .base-bronze .base-bronze-title{margin: 30px 0; font-size: 22px;}
.base .base-container .base-bronze img{}
.base .base-container .base-bronze .base-bronze-btn{margin-top: 40px;}
.base .base-container .base-download{text-align: center;}
.base .base-container .base-download td{text-align: left;}
.base .base-container .base-download td a{color: #0292fe;}
.base .base-container .base-download td a:hover{text-decoration: underline;}
.base .base-container .base-player{text-align: center;}
.base .base-container .base-player .base-player-item{position: relative; height: 160px; padding: 8px; border: 1px solid #666;}
.base .base-container .base-player .base-player-item>div{height: 100%;}
.base .base-container .base-player .base-player-item:after{content: ""; display: block; clear: both;}
.base .base-container .base-player .base-player-item .base-player-item-img img{width: 90%; height: 100%;}
.base .base-container .base-player .base-player-item .base-player-item-title{font-size: 16px;}
.base .base-container .base-player .base-player-item .base-player-item-title img{padding-left: 10px;}
.base .base-container .base-player .base-player-item .base-player-item-title span{padding-left: 15px; font-size: 14px;}
.base .base-container .base-player .base-player-item .base-player-item-phone{margin-top: 10px; text-align: left;}
.base .base-container .base-player .base-player-item .base-player-item-idcard{margin-top: 10px; text-align: left;}
.base .base-container .base-player .base-player-item .base-player-item-email{margin-top: 10px; text-align: left;}
.base .base-container .base-player .base-player-item .base-player-item-action{position: absolute; right: 10px; bottom: 10px;}
.base .base-container .base-player .base-player-item .base-player-item-action a{padding: 0 15px;}
.base .base-container .base-plan{padding: 60px; text-align: center; color: #666;}
.base .base-container .base-plan img{}
.base .base-container .base-plan .base-plan-title{margin-top: 15px; font-size: 16px;}
.base .base-container .base-plan .base-plan-tips{margin-top: 10px;}
.base .base-container .base-team{text-align: center;}
.base .base-container .base-team .base-team-item{position: relative; padding: 20px; margin-bottom: 20px; background-color: #f2f2f2;}
.base .base-container .base-team .base-team-item .base-team-item-title{font-size: 18px;}
.base .base-container .base-team .base-team-item .base-team-item-action{position: absolute; right: 20px; top: 20px;}
.base .base-container .base-team .base-team-item .base-team-item-action a{}
.base .base-container .base-team .base-team-item .base-team-item-peoples{margin-top: 20px;}
.base .base-container .base-team .base-team-item .base-team-item-peoples:after{content: ""; display: block; clear: both;}
.base .base-container .base-team .base-team-item .base-team-item-peoples a{padding: 0 10px;}
.base .base-container .base-sign{text-align: center;}
.base .base-container .base-sign td{text-align: left;}
.base .base-container .base-order{text-align: center;}
.base .base-container .base-order td{text-align: left;}
.base .base-container .base-invoice{text-align: center;}
.base .base-container .base-invoice td{text-align: left;}
.base .base-container .base-feedback{padding: 60px;}
.base .base-container .base-feedback .base-feedback-tips{margin-bottom: 20px; color: #666;}
.base-register{background: url(../image/base-register-bg.png) no-repeat center center #000; height: 700px;}
.base-register .base-register-base{float: left; height: 266px; margin-top: 200px;}
.base-register .base-register-base .base-register-base-l{background: url(../image/base-register-base-l.png) no-repeat; display: inline-block; width: 53px; height: 40px; margin-bottom: 107px; margin-right: 20px;}
.base-register .base-register-base .base-register-base-c{background: url(../image/base-register-base-c.png) no-repeat; display: inline-block; width: 266px; height: 266px; cursor: pointer;}
.base-register .base-register-base .base-register-base-c:hover{background: url(../image/base-register-base-c-a.png) no-repeat;}
.base-register .base-register-base .base-register-base-r{background: url(../image/base-register-base-r.png) no-repeat; display: inline-block; width: 53px; height: 40px; margin-bottom: 107px; margin-left: 20px;}
.base-register .base-register-center{float: right; height: 266px; margin-top: 200px;}
.base-register .base-register-center .base-register-center-l{background: url(../image/base-register-center-l.png) no-repeat; display: inline-block; width: 53px; height: 40px; margin-bottom: 107px; margin-right: 20px;}
.base-register .base-register-center .base-register-center-c{background: url(../image/base-register-center-c.png) no-repeat; display: inline-block; width: 266px; height: 266px;}
.base-register .base-register-center .base-register-center-r{background: url(../image/base-register-center-r.png) no-repeat; display: inline-block; width: 53px; height: 40px; margin-bottom: 107px; margin-left: 20px;}
.base-register-box{width: 750px; margin: 0 auto; padding: 60px 0;}
.base-register-box p{line-height: 26px; margin-top: 10px;}
.base-register-box p b{display: inline-block; width: 160px; text-align-last: justify;}
.base-register-box p span{margin-left: 15px;}
.base-register-box p span img{width: 179px; height: 68px;}
.base-register-1{padding: 0px!important;}
.base-register-2{padding: 0px!important;}
.base-register-3{padding: 0px!important;}
.base-upload-drag{padding: 0px!important; border: none;}


.base-train .base-train-item{display: block; height: 120px; padding: 15px; margin-bottom: 15px; background-color: #fff; border-bottom: 2px solid #ccc; -webkit-transition: all .4s ease; transition: all .4s ease;}
.base-train .base-train-item:hover{background-color: #fafafa;}
.base-train .base-train-item .base-train-item-image{float: left; height: 120px; width: 170px; line-height: 120px; vertical-align: top; margin-right: 20px; text-align: center; background-color: #fff;}
.base-train .base-train-item .base-train-item-image img{max-height: 100%; max-width: 100%;}
.base-train .base-train-item .base-train-item-content{line-height: 30px; font-size: 15px; text-align: left; color: #666;}
.base-train .base-train-item .base-train-item-content .base-train-item-content-title{font-size: 16px; color: #000;}
.base-train .base-train-item .base-train-item-content .base-train-item-content-type{margin-top: 20px;}

.invoice-submit{position: relative;}
.invoice-submit .invoice-submit-box{text-align: right; margin-bottom: 20px;}
.invoice-submit .invoice-submit-box button{margin-left: 5px;}

.hall-title{text-align: center; margin-top: 30px; font-size: 30px;}
.hall-selector{float: left; display: inline-block; width: 350px; margin-right: 10px; padding: 15px; vertical-align: middle; border: 1px solid #e6e6e6;}
.hall-selector.hall-float-none{float: none; width: 500px; margin: 20px 0;}
.hall-selector .hall-list{height: 200px; overflow-y: scroll; margin-top: 10px;}
.hall-float-none .hall-list{height: 300px;}
.hall-selector .hall-list .hall-loading{text-align: center;}
.hall-selector .hall-list .hall-item{line-height: 22px; margin-bottom: 20px; color: #666; cursor: pointer; text-align: left;}
.hall-selector .hall-list .hall-item.active,.hall-selector .hall-list .hall-item:hover{color: #0292fe;}
.hall-selector .hall-list .hall-item.active{color: #0c1cef;}
.hall-selector .hall-list .hall-item .hall-item-name{font-size: 16px; color: #000;}
.hall-selector .hall-list .hall-item:hover .hall-item-name{color: #0292fe;}
.hall-selector .hall-list .hall-item.active .hall-item-name{color: #0c1cef;}
.hall-selector .hall-list .hall-item .hall-item-address{}
.hall-selector .hall-list .hall-item .hall-item-contact{}

.train-strength{height: 218px; color: #fff; background-image: -webkit-linear-gradient(228deg,#1a73e8,#232ec0); background-image: -moz-linear-gradient(228deg,#1a73e8 0,#232ec0 100%); background-image: linear-gradient(222deg,#1a73e8,#0c1cef);}
.train-strength .train-strength-wrap{position: relative; width: 1170px; padding: 55px 0; margin: 0 auto; overflow: hidden;}
.train-strength .train-strength-wrap:after{content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../image/map.png) no-repeat 50%; background-size: cover; opacity: .15;}
.train-strength .train-strength-wrap p{line-height: 30px; margin-bottom: 20px; font-size: 15px;}
.base-info-dialog{display: none;}
.base-player-download{margin-left: 10px;}

.propa{margin-top: 80px; background-color: #F6FAFD;}
.propa .propa-banner{position: relative;}
.propa .propa-banner img{width: 100%; max-width: 100%;}
.propa .propa-banner .propa-btn{position: absolute; left: 50%; bottom: 0;}
.propa-wrap{display: flex; background-color: #fff;}
.propa-section{flex: 0 0 50%; width: 50%;}
.propa-section .propa-section-box{padding: 30px;}
.propa-section .propa-section-box.aside{padding-left: 100px;}
.propa-section .propa-title{color: rgb(36, 79, 161); font-size: 18px; font-weight: bold;}
.propa-section .propa-section-title{margin-top: 10px; text-align: center; color: rgb(36, 79, 161); font-size: 16px; font-weight: bold;}
.propa-section .propa-section-content{margin-top: 10px; text-indent: 2em; font-size: 16px; line-height: 22px;}
.propa-section .propa-section-content p{margin-bottom: 5px;}
.propa-section .propa-section-content p img{display: block; width: 100%; max-width: 100%;}
.propa-section .propa-main{margin-top: 10px; text-align: center; color: rgb(36, 79, 161); font-size: 16px; font-weight: bold;}
.propa-section .propa-title1{color: rgb(36, 79, 161); font-size: 18px; font-weight: bold;}
.propa-section .propa-content1{margin-top: 20px; line-height: 25px; font-size: 16px;}
.propa-section .propa-content{display: flex; margin-top: 20px;}
.propa-section .propa-content .propa-content-1{flex: 0 0 55%; width: 55%; line-height: 22px; margin-top: 30px;}
.propa-section .propa-content .propa-content-2{flex: 0 0 45%; width: 45%;}
.propa-section .propa-content .propa-content-2 img{display: block; width: 100%; max-width: 100%; margin-left: 10px;}
.propa-section .propa-section-content .propa-content-3{margin-top: 20px;}



.base-exam{}
.base-exam .base-exam-tab{}
.base-exam .base-exam-tab .layui-tab-title{text-align: center; width: 60%; margin: 0 auto; overflow: inherit; border: 0;}
.base-exam .base-exam-tab .layui-tab-title li{width: 50%; margin-right: -1px; padding: 0; border: 1px solid #e6e6e6;}
.base-exam .base-exam-tab .layui-tab-title .layui-this{background-color: #0192FD; border-color: #0192FD; color: #fff;}
.base-exam .base-exam-tab .layui-tab-title .layui-this:after{content: ""; border: 0;}
.base-exam .base-exam-tab .layui-tab-bar{display: none;}
.base-exam .base-exam-item{display: block; height: 120px; padding: 15px; margin-bottom: 15px; background-color: #fff; border-bottom: 2px solid #ccc; -webkit-transition: all .4s ease; transition: all .4s ease;}
.base-exam .base-exam-item:hover{background-color: #fafafa;}
.base-exam .base-exam-item .base-exam-item-image{float: left; height: 120px; width: 170px; line-height: 120px; vertical-align: top; margin-right: 20px; text-align: center; background-color: #fff;}
.base-exam .base-exam-item .base-exam-item-image img{max-height: 100%; max-width: 100%;}
.base-exam .base-exam-item .base-exam-item-content{line-height: 30px; font-size: 15px; text-align: left; color: #666;}
.base-exam .base-exam-item .base-exam-item-content .base-exam-item-content-title{font-size: 16px; color: #000;}
.base-exam .base-exam-item .base-exam-item-content .base-exam-item-content-type{margin-top: 20px;}

.base-expense{padding: 40px;}
.base-expense .base-expense-container{border: 1px solid #666; border-radius: 10px;}
.base-expense .base-expense-container .base-expense-title{line-height: 80px; text-align: center; font-size: 17px; font-weight: 400;}
.base-expense .base-expense-container .base-expense-rule{line-height: 50px; padding-bottom: 20px;}
.base-expense .base-expense-container .base-expense-rule .base-expense-rule-item{position: relative; margin-left: 50px;}
.base-expense .base-expense-container .base-expense-rule .base-expense-rule-item .base-expense-rule-icon{position: absolute; left: 35%; top: 14px; background: url(../image/right.png) no-repeat center; width: 19px; height: 19px;}
.base-expense .base-expense-field{margin-top: 20px; margin-bottom: 10px;}
.base-expense .base-expense-container .base-expense-item{padding: 30px 50px;}
.base-expense .base-expense-container .base-expense-item .base-expense-item-tip{display: inline-block; vertical-align: middle; line-height: 20px; margin: 6px 10px 0 0; color: #ec7e0b;}
.base-expense .base-expense-confirm{margin-top: 60px; font-size: 16px;}
.base-expense .base-expense-confirm .base-expense-confirm-text{margin-bottom: 20px; text-align: right;}
.base-expense .base-expense-confirm .base-expense-confirm-text b{margin-left: 50px;}
.base-expense .base-expense-confirm .layui-form-item{text-align: right;}
.base-expense .base-expense-confirm .match-pay{margin: 20px 0; text-align: right;}
.base-expense .base-expense-confirm .match-pay label{float: none; display: inline-block;}
.base-expense .base-expense-confirm .match-pay .match-pay-list{float: right;}

.base-body{text-align: center;}
.base-brief-introduction-1{margin-top:100px;}
.base-brief-introduction-1 img{width: 100%;}
.base-brief-introduction-2{margin-top:-20px;}
.base-brief-introduction-2 img{width: 100%;}
.base-application{text-align: center;margin: 50px 0 20px 0;}
.base-btn{background-color: #000;}
.layui-form-checkbox[lay-skin=primary] span a{vertical-align: top; color: #0292fe;}
.layui-form-checkbox[lay-skin=primary] span a:hover{color: #007dda;}


.menu-icon-info{background: url(../image/base-info.png) no-repeat center; width: 19px; height: 21px;}
.layui-this .menu-icon-info{background: url(../image/base-info-a.png) no-repeat center; width: 21px; height: 23px;}
.menu-icon-bronze{background: url(../image/base-bronze.png) no-repeat center; width: 17px; height: 17px; left: 21px !important; margin-top: -8px !important;}
.layui-this .menu-icon-bronze{background: url(../image/base-bronze.png) no-repeat center; width: 19px; height: 19px;}
.menu-icon-download{background: url(../image/base-download.png) no-repeat center; width: 19px; height: 21px; left: 19px !important;}
.layui-this .menu-icon-download{background: url(../image/base-download-a.png) no-repeat center; width: 21px; height: 23px;}
.menu-icon-player{background: url(../image/base-player.png) no-repeat center; width: 21px; height: 21px;}
.layui-this .menu-icon-player{background: url(../image/base-player-a.png) no-repeat center; width: 23px; height: 23px;}
.menu-icon-plan{background: url(../image/base-plan.png) no-repeat center; width: 15px; height: 19px; left: 22px !important;}
.layui-this .menu-icon-plan{background: url(../image/base-plan-a.png) no-repeat center; width: 17px; height: 21px;}
.menu-icon-team{background: url(../image/base-team.png) no-repeat center; width: 19px; height: 15px; margin-top: -9px !important;}
.layui-this .menu-icon-team{background: url(../image/base-team-a.png) no-repeat center; width: 21px; height: 17px;}
.menu-icon-sign{background: url(../image/base-sign.png) no-repeat center; width: 15px; height: 15px; left: 22px !important; margin-top: -9px !important;}
.layui-this .menu-icon-sign{background: url(../image/base-sign-a.png) no-repeat center; width: 17px; height: 16px; margin-top: -8px !important;}
.menu-icon-order{background: url(../image/base-order.png) no-repeat center; width: 17px; height: 19px; left: 21px !important;}
.layui-this .menu-icon-order{background: url(../image/base-order-a.png) no-repeat center; width: 19px; height: 20px;}
.menu-icon-invoice{background: url(../image/base-invoice.png) no-repeat center; width: 19px; height: 15px; margin-top: -8px !important;}
.layui-this .menu-icon-invoice{background: url(../image/base-invoice-a.png) no-repeat center; width: 21px; height: 17px; margin-top: -9px !important;}
.menu-icon-feedback{background: url(../image/base-feedback.png) no-repeat center; width: 19px; height: 19px;}
.layui-this .menu-icon-feedback{background: url(../image/base-feedback-a.png) no-repeat center; width: 21px; height: 21px;}
.menu-icon-train{background: url(../image/base-train.png) no-repeat center; width: 19px; height: 21px;}
.layui-this .menu-icon-train{background: url(../image/base-train-a.png) no-repeat center; width: 21px; height: 23px;}
.menu-icon-exam{background: url(../image/base-exam.png) no-repeat center; width: 21px; height: 19px;}
.layui-this .menu-icon-exam{background: url(../image/base-exam-a.png) no-repeat center; width: 23px; height: 21px; left: 19px !important;}
.menu-icon-expense{background: url(../image/base-expense.png) no-repeat center; width: 21px; height: 21px;}
.layui-this .menu-icon-expense{background: url(../image/base-expense-a.png) no-repeat center; width: 21px; height: 21px; left: 19px !important;}

/*专家委员会*/
.expert{position: relative; margin-top: 80px; margin-bottom: 40px;}
.expert .expert-title{position: relative; width: 600px; margin: 0 auto; padding-top: 50px; padding-bottom: 18px; border-bottom: 2px solid #0292fe; text-align: center; font-size: 24px;}
.expert .expert-tips{position: absolute; bottom: 21px; margin-left: 10px; font-size: 14px; color: #9b9b9b;}
.expert .expert-content{margin-top: 20px; padding: 0 60px; background-color: #F6FAFD;}
.expert .expert-content-full{background-color: #fafafa;}
.expert .expert-content .swiper-container-free-mode>.swiper-wrapper{transition-timing-function: linear!important;}
.expert .expert-item{position: relative; text-align: center; border-radius: 8px; border: 1px solid #ccc;}
.expert .expert-item .expert-item-intro{position: relative; height: 320px; background-color: #fff; border-radius: 8px; transition: opacity .4s ease; -webkit-transition: opacity .4s ease;}
.expert .expert-item .expert-item-intro .expert-item-intro-img{position: relative; height: 210px; text-align: center; overflow: hidden; border-radius: 8px 8px 0 0;}
.expert .expert-item .expert-item-intro img{height: 100%;}
.expert .expert-item .expert-item-intro .expert-item-intro-name{margin-top: 5px; font-size: 20px; color: #000;}
.expert .expert-item .expert-item-intro .expert-item-intro-p{margin-top: 5px; padding: 10px 5px 0 5px; color: #555; font-size: 14px;  border-top: 1px solid #ccc;}

/* Banner Styles */
.inside-Banner-box {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
}

.inside-Banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.inside-Banner img {
    width: 100%;
    object-fit: cover;
    min-height: 220px;
    display: block;
}

.inside-Banner-words {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.inside-Banner-words h4 {
    width: 90%;
    text-align: center;
    margin-left: 5%;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}

.inside-Banner-words p {
    width: 90%;
    text-align: center;
    margin-left: 5%;
    font-size: 34px;
    color: #fff;
    margin-top: 12px;
}

/* Responsive Banner */
@media all and (max-width:1200px) {
    .inside-Banner-words h4 {
        font-size: 32px;
    }
}

@media all and (max-width:1000px) {
    .inside-Banner-words h4 {
        font-size: 22px;
    }
    .inside-Banner-words p {
        font-size: 18px;
        margin-top: 8px;
    }
}

.product{min-height: calc(100vh - 135px); padding-bottom: 60px; text-align: center; background-color: #fafafa;}
/*.product .product-title{position: relative; width: 600px; margin: 0 auto; padding-top: 50px; padding-bottom: 18px; border-bottom: 2px solid #0292fe; font-size: 22px; letter-spacing: 10px;}*/
.product .product-tab{padding: 40px 20px; font-size: 16px; display: flex; flex-wrap: nowrap; gap: 15px; align-items: center; justify-content: center; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.product .product-tab::-webkit-scrollbar{height: 4px;}
.product .product-tab::-webkit-scrollbar-thumb{background: #e0e0e0; border-radius: 4px;}
.product .product-tab::-webkit-scrollbar-thumb:hover{background: #0292fe;}

.product .product-tab .product-tab-item {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    letter-spacing: 1px;
    text-align: center;
    padding: 10px 25px;
    flex-shrink: 0;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    color: #666;
    font-weight: 500;
    transition: all 0.3s ease;
}
.product .product-tab .product-tab-item:after {
    display: none;
}
.product .product-tab .product-tab-item:hover,
.product .product-tab .product-tab-item-active {
    background-color: #0292fe;
    color: #fff;
    box-shadow: 0 4px 12px rgba(2, 146, 254, 0.3);
    transform: translateY(-2px);
}

/* 美化后的搜索框样式 */
.product .product-form {
    position: relative;
    display: inline-flex;
    align-items: center;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    overflow: hidden;
    margin-bottom: 40px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}
.product .product-form:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
.product .product-form input {
    height: 50px;
    width: 400px;
    padding: 0 25px;
    font-size: 16px;
    border: none;
    background: transparent;
    text-align: left;
    outline: none;
    color: #333;
}
.product .product-form input::placeholder {
    text-align: left;
    color: #999;
}
.product .product-form input:hover,
.product .product-form input:focus {
    border: none;
}
.product .product-form i {
    position: static;
    width: 60px;
    height: 50px;
    line-height: 50px;
    background-color: #0292fe;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product .product-form i img {
    width: 20px;
    height: 20px;
}
.product .product-form i:hover {
    background-color: #0278d4;
}

.product .product-list{min-height: 440px; padding: 0 10px;}
.product .product-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 40px;
}
.product .product-list .product-item {
    width: auto;
    height: auto;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.02);
}
.product .product-list .product-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.product .product-list .product-item a {
    display: block;
    padding: 0;
    height: 100%;
}
.product .product-list .product-item a .product-wrap {
    position: relative;
    background-color: #fff;
    padding: 0;
    transition: none;
    border: none;
    border-radius: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.product .product-list .product-item a .product-wrap:hover {
    border: none;
}
.product .product-list .product-item-info {
    padding: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    transition: none;
    box-shadow: none;
    border-radius: 0;
    top: 0;
    height: auto;
    background-color: transparent;
}
.product .product-list .product-item a .product-wrap:hover .product-item-info {
    position: relative;
    z-index: 1;
    top: 0;
    height: auto;
    padding: 15px;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}
.product .product-list .product-item img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    object-position: center;
    border-radius: 8px;
    margin-bottom: 15px;
    background: #f5f5f5;
    margin-top: 0;
    padding: 10px;
    box-sizing: border-box;
}
.product .product-list .product-item a .product-wrap:hover img {
    margin-top: 0;
}
.product .product-list .product-item .product-item-name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    padding: 0;
    height: auto;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    text-align: left;
}
.product .product-list .product-item a .product-wrap:hover .product-item-name {
    height: auto;
    padding: 0;
    -webkit-line-clamp: 1;
}
.product .product-list .product-item .product-item-summery {
    font-size: 13px;
    color: #888;
    line-height: 1.5;
    margin-bottom: 15px;
    padding: 0;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}
.product .product-list .product-item a .product-wrap:hover .product-item-summery {
    height: 40px;
    padding: 0;
    -webkit-line-clamp: 2;
}
.product .product-list .product-item .product-item-price {
    display: block;
    padding: 0;
    margin-top: auto;
    color: #f5222d;
    font-size: 18px;
    text-align: left;
    font-weight: 700;
}
.product .product-list .product-item a .product-wrap:hover .product-item-price {
    display: block;
}

.product-container{padding: 30px 0; background-color: rgb(245, 245, 245);}
.product-box{display: flex; flex-wrap: wrap; margin: 50px 0;}
.related-tools .product-box{gap: 30px;}
.product-box .product-wrapper{display: block; background-color: #fff; border: 1px solid #ccc; border-radius: 10px;}
.product-box .product-wrapper .product-content{width: 100%; height: 220px; overflow: hidden; border-radius: 10px 10px 0 0;}
.product-box .product-wrapper .product-content .product-image{width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .3s;}
.product-box .product-wrapper .product-content:hover{box-shadow: 0px 4px 22px 3px rgba(211, 211, 211, 0.35);}
.product-box .product-wrapper .product-content:hover .product-image{transform: scale(1.2);}
.product-box .product-wrapper .product-info{padding: 16px 12px 12px 12px; border-top: 1px solid #ccc;}
.product-box .product-wrapper .product-info .product-title{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; height: 46px; line-height: 26px; font-size: 14px; color: #000; font-weight: bold;}
.product-box .product-wrapper .product-info .product-desc{display: -webkit-box; width: 100%; height: 66px; line-height: 22px; margin-top: 8px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.product-detail{margin: 60px 0;}
.product-detail h1{position: relative; margin-bottom: 40px; text-align: center;}
.product-detail h1:after{content: ""; position: absolute; bottom: -15px; left: 50%; width: 180px; height: 3px; margin-left: -90px; background-color: #0292fe;}
.product-detail .product-detail-main{font-size: 14px;}
.product-detail .product-detail-main img{max-width: 100%; width: 100%;}
.product-detail .product-detail-main p{line-height: 24px; margin-bottom: 18px;}

.pager{padding: 30px 0; text-align: center;}
.pager:before,.pager:after{content: ""; display: block; clear: both;}
.pager a{ display: inline-block; width: 28px; height: 26px; text-align: center; line-height: 26px; background-color: #fff;}
.pager .pager-prev{background: url(../image/prev.png) no-repeat #fff center; vertical-align: bottom;}
.pager .pager-next{background: url(../image/next.png) no-repeat #fff center; vertical-align: bottom;}
.pager .pager-item{color: #666;}
.pager .pager-item:hover,.pager .pager-item-active{background-color: #666; color: #fff;}
.pager .pager-prev:hover{background: url(../image/prev-w.png) no-repeat #666 center;}
.pager .pager-next:hover{background: url(../image/next-w.png) no-repeat #666 center;}
.pager .disabled, .pager .disabled:hover{opacity: 0.5; cursor: not-allowed;}
.pager .pager-prev.disabled:hover{background: url(../image/prev.png) no-repeat #fff center;}
.pager .pager-next.disabled:hover{background: url(../image/next.png) no-repeat #fff center;}
.pager .pager-space{display: inline-block; vertical-align: top; height: 26px; background-color: #fff;}

.course{padding-top: 30px; text-align: center; background-color: #fafafa;}
.course .course-title{padding-top: 40px; margin-bottom: 15px; font-size: 22px; letter-spacing: 10px;}
.course .course-tab{padding: 30px; font-size: 18px;}
.course .course-tab .course-tab-item{position: relative; margin: 0 35px; letter-spacing: 3px; transition: all .4s ease; -webkit-transition: all .4s ease;}
.course .course-tab .course-tab-item:after{content: ""; position: absolute; left: 0; bottom: -10px; width: 0; height: 2px; background-color: #0292fe; transition: all .4s ease; -webkit-transition: all .4s ease;}
.course .course-tab .course-tab-item:hover,.course .course-tab .course-tab-item-active{position: relative; color: #0292fe; transition: all .4s ease; -webkit-transition: all .4s ease;}
.course .course-tab .course-tab-item:hover:after,.course .course-tab .course-tab-item-active:after{content: ""; width: 100%;}
.course .course-list{margin-top: 20px;}
.course .course-list .course-item{display: inline-block; width: 100%; border: 1px solid #e6e6e6; background-color: #fff; transition: all .4s ease; -webkit-transition: all .4s ease;}
.course .course-list .course-item:hover{box-shadow: 0 0 7px 1px #666;}
.course .course-list .course-item img{width: 100%; max-width: 100%; height: 240px;}
.course .course-list .course-item .course-item-name{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; height: 46px; line-height: 26px; padding: 10px 20px; font-size: 16px; text-align: left; border-top: 1px solid #e6e6e6;}
.course .course-list .course-item .course-item-summery{padding: 0 15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; height: 40px; line-height: 20px; margin-bottom: 20px; text-align: left; color: #666;}


.cooperation{padding-top: 30px; text-align: center; background-color: #fafafa;}
.cooperation .cooperation-title{padding-top: 40px; margin-bottom: 15px; font-size: 22px; letter-spacing: 10px;}
.cooperation .cooperation-list{margin-top: 20px;}
.cooperation .cooperation-list .cooperation-item{display: inline-block; width: 100%; border: 1px solid #e6e6e6; background-color: #fff; transition: all .4s ease; -webkit-transition: all .4s ease;}
.cooperation .cooperation-list .cooperation-item:hover{box-shadow: 0 0 7px 1px #666;}
.cooperation .cooperation-list .cooperation-item img{width: 100%; max-width: 100%; height: 200px;}
.cooperation .cooperation-list .cooperation-item .cooperation-item-name{padding: 20px; font-size: 16px; border-top: 1px solid #e6e6e6;}


/*about关于我们*/
.process{margin-top: 70px;}
.process-swiper{display:none; margin:50px 0 20px 0;}
.process-swiper.active{display:block;}
.process-slide{display: flex; align-items:center; height: auto; opacity: 0; -webkit-transition:opacity .5s ease-out, -webkit-transform 1s ease-out !important; transition:opacity .5s ease-out, -webkit-transform 1s ease-out !important; transition:opacity .5s ease-out, transform 1s ease-out !important; transition:opacity .5s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out !important; will-change:transform;}
.process-slide.swiper-slide-active{opacity: 1;}
.process-slide-container{display: flex; flex-wrap: nowrap; flex-direction: row-reverse; align-items: center; justify-content: center; width: 100%;}
.process-slide-content{padding-left: 40px;}
.process-slide-pretitle{display: block; line-height: 32px; margin-bottom: 28px; font-size: 20px; font-weight: 400; color: #7f7f7f;}
.process-slide-title{width: 420px; max-height: 140px; line-height: 1.3; margin-bottom: 30px; font-size: 36px; letter-spacing: -0.5px; font-weight: 700; color: #000;}
.process-slide-text{width: 388px; max-height: 340px; line-height: 1.7; font-size: 20px; color: #000;}
.process-slide-image{display: flex; align-items: center; flex: 1 1 40%; max-width: 40%; padding-right: 20px;}
.process-slide-imgwrap{width: 100%; position: relative; padding-bottom: 100%;}
.process-slide-img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.process .swiper-button-prev, .process .swiper-button-next{width: 64px; height: 64px; font-size: 0; background-color: #e7e7e7; border-radius: 50%; z-index: 10; display: block; -webkit-transition:background-color .3s ease-out; transition: background-color .3s ease-out; background-image: none;}
.process .swiper-button-prev{-webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.process .swiper-button-next{-webkit-transform:rotate(90deg); transform:rotate(90deg);}
.process .swiper-button-prev.swiper-button-disabled, .process .swiper-button-next.swiper-button-disabled{opacity:0;}
.process .swiper-button-prev::before, .process .swiper-button-prev::after, .process .swiper-button-next::before, .process .swiper-button-next::after{content:''; position:absolute; top:50%; left:50%; display:block; width:14px; height:2px; border-radius:2px; background-color:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.process .swiper-button-prev::before, .process .swiper-button-next::before{-webkit-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg); margin-left:-4px;}
.process .swiper-button-prev::after, .process .swiper-button-next::after{-webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg); margin-left:5px;}
.process .swiper-button-prev:hover, .process .swiper-button-next:hover{background-color:#000;}
.process .swiper-button-prev:hover::after, .process .swiper-button-prev:hover::before, .process .swiper-button-next:hover::after, .process .swiper-button-next:hover::before{background-color:#fff;}

.process-year{margin-top:20px; padding: 0 40px; border-top:1px solid #ededed;}
.process-tab{position:relative; display:inline-block; vertical-align:top; width:100%;}
.process-tab-item{display:inline-block; padding:20px 0; color:#7f7f7f; cursor:pointer; -webkit-transition:.3s ease-out; transition:.3s ease-out; font-size:16px; text-align:center;}
.process-tab-item.active{font-weight:700; color:#0292fe;}
.process-tab-item:hover{color:#0292fe; opacity:.75;}


/*联系我们*/
.contact{margin-top:50px; padding:50px; background-color: #27303f; color:#fff;}
.contact .contact-title{font-size: 22px;}
.contact .contact-box{display: flex; align-items: center;}
.contact .contact-item{flex:0 0 50%; margin-top: 10px; }
.contact .contact-item .contact-item-image{display: inline-block; width: 20px;}
.contact .contact-item .contact-item-image img{width:100%; vertical-align: middle;}
.contact .contact-item .contact-item-content{display: block; line-height: 50px; font-size: 14px;}
.contact .contact-item .contact-item-content.qr{display: flex; line-height:30px;}
.contact .contact-item .contact-item-content.qr .contact-item-content-item{flex:0 0 50%; text-align: center;}


.train{margin-top: 70px; text-align: center;}
.train .train-banner{margin-bottom: 30px;}
.train .train-banner img{width: 100%; height: 100%;}
.train .train-item{display: inline-block; width: 100%; overflow: hidden; border: 1px solid #e6e6e6; transition: all .4s ease; -webkit-transition: all .4s ease;}
.train .train-item:hover{box-shadow: 0 0 7px 1px #666;}
.train .train-item .train-item-image{}
.train .train-item .train-item-image img{width: 100%; max-width: 100%; height: 220px;}
.train .train-item .train-item-prompt{padding: 15px 0; color: #0292fe;}
.train .train-item .train-item-prompt.disabled{color: #666;}
.train .train-item .train-item-title{height: 48px; margin-top:10px; font-size: 18px;}
.train .train-item:hover .train-item-title{color: #000;}
.train .train-item .train-item-tips{height: 50px; padding: 10px 30px; text-align: left; color: #666;}
.train .train-item .train-item-btn{padding: 0 30px; margin-bottom: 15px; text-align: left; color: #0292fe;}
.train .train-item .train-item-btn.disabled{color: #666;}


.forum{margin-top: 70px; text-align: center;}
.forum .forum-banner{margin-bottom: 30px;}
.forum .forum-banner img{width: 100%; height: 100%;}
.forum .forum-item{position: relative; display: inline-block; width: 100%; overflow: hidden; border: 1px solid #e6e6e6; transition: all .4s ease; -webkit-transition: all .4s ease;}
.forum .forum-item .forum-item-image{}
.forum .forum-item .forum-item-image img{width: 100%; max-width: 100%; height: 180px;}
.forum .forum-item .forum-item-title{height: 48px; padding: 15px 0; font-size: 18px;}
.forum .forum-item .forum-item-tips{height: 38px; padding: 0 20px; margin-bottom: 15px; text-align: left; color: #666;}
.forum .forum-item .forum-item-content{position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all .4s ease; -webkit-transition: all .4s ease;}
.forum .forum-item:hover .forum-item-content{background-color: #0192FD;}
.forum .forum-item .forum-item-content .forum-item-info{position: absolute; left: 0; bottom: -20%; opacity: 0; padding: 20px 15px; color: #fff; transition:bottom .4s ease, opacity .4s ease; -webkit-transition:bottom .4s ease, opacity .4s ease;}
.forum .forum-item:hover .forum-item-content .forum-item-info{bottom: 20px; opacity: 1;}
.forum .forum-item .forum-item-content .forum-item-info .forum-item-info-title{padding: 20px; font-size: 16px;}
.forum .forum-item .forum-item-content .forum-item-info .forum-item-info-detail{text-align: left;}
.forum .forum-item .forum-item-content .forum-item-info .forum-item-info-time{margin-top: 25px; text-align: left;}
.forum .forum-item .forum-item-content .forum-item-info .forum-item-info-btn{display: block; margin-top: 15px; text-align: left; color: #fff; text-decoration: underline;}

.forum-item-container{max-width: 800px; margin: 0 auto;}
.forum-item-container .forum-item-title{text-align: center; font-size: 22px; padding: 20px 0;}
.forum-item-container .forum-item-organizer{margin-bottom: 10px;}
.forum-item-container .forum-item-address{margin-bottom: 10px;}
.forum-item-container .forum-item-time{margin-bottom: 10px;}
.forum-item-container .forum-item-banner{}
.forum-item-container .forum-item-banner img{max-width: 100%;}
.forum-item-container .forum-item-ope{margin-top: 15px;}
.forum-item-container .forum-item-ope .forum-item-price{float: left; font-size: 18px; line-height: 38px;}
.forum-item-container .forum-item-ope .forum-item-btn{float: right;}
.forum-item-container .forum-item-ope .forum-item-btn span{margin-right: 10px; color: #666;}
.forum-item-container .forum-item-ope:after{content: ""; display: block; clear: both;}
.forum-item-container .forum-item-detail{margin-top: 20px; background-color: #fff; text-align: left; line-height: 22px;}


.forum-add-action{margin-bottom: 20px; text-align: center;}
.forum-add-action .forum-add-title{margin-bottom: 10px;}
.forum-add-action .forum-add-increase{background: url(../image/increase.png) no-repeat center; display: inline-block; width: 18px; height: 18px;}
.forum-add-action .forum-add-num{display: inline-block; width: 18px; height: 18px; vertical-align: top; margin: 0 15px; font-size: 16px; color: #0192FD;}
.forum-add-action .forum-add-decrease{background: url(../image/decrease.png) no-repeat center; display: inline-block; width: 19px; height: 18px; vertical-align: top;}

.partner{margin-bottom: 50px;}
.partner .partner-title{position: relative; width: 600px; margin: 0 auto; padding-top: 50px; padding-bottom: 18px; border-bottom: 2px solid #0292fe; text-align: center; font-size: 24px;}
.partner .partner-tips{position: absolute; bottom: 21px; margin-left: 10px; font-size: 14px; color: #9b9b9b;}
.partner .partner-item{}
.partner .partner-item a{display: block; padding: 20px 12px; text-align: center; background-color: #fff; -webkit-transition: all .4s ease; transition: all .4s ease; box-shadow: 0 5px 10px #7272720d; border-radius: 10px;}
.partner .partner-item img{max-width: 100%; height: 100px; margin-bottom: 10px;}
.partner .partner-item .name{color: #666; line-height: 20px; font-weight: 400px; font-size: 14px;}


.login{display: flex; align-items: center; justify-content: center; width: 100%; height: calc(100vh - 70px); margin-top: 70px; background-color: #f2f2f2;}
.login .login-bg{width: 75%; height: 100%;}
.login .login-bg video{width: 100%;}
.login .login-bg img{width: 100%;}
.login .login-box{display: flex; width: 25%; align-items: center; justify-content: center;}
.login .login-box .layui-tab .layui-tab-title li{font-size: 18px; font-weight: 500;}
.login .login-box .layui-tab .layui-tab-title li.layui-this{color: #0292fe;}
.login .login-box .login-box-form{width: 100%; min-width: 360px; height: 200px;}
.login .login-box .login-box-form .login-form-item{position: relative; margin-bottom: 20px;}
.login .login-box .login-box-form .login-form-item .layui-input{border-radius: 2px;}
.login .login-box .login-form{width: 100%; padding: 80px;}
.login .login-box .login-form .login-title{padding: 20px; line-height: 40px; font-size: 18px; font-weight: 500; color: #0292fe; text-align: center;}
.login .login-box .login-form .login-form-item{position: relative; margin-bottom: 20px;}
.login .login-box .login-form .login-form-item .layui-input{border-radius: 2px;}
.login .login-box .login-form .login-form-item .login-form-code{position: absolute; right: 15px; top: 10px; color: #0292fe;}
.login-sign-btn{text-align: right; margin-top: 0px; font-weight: normal;}


.user{margin-top: 80px; padding: 30px 0; background-color: #F6FAFD; min-height: calc(100vh - 215px);}
.user .user-menu{position: fixed; left: 10%; top: 110px; padding: 10px 0; height: calc(100vh - 190px);}
.user .user-menu .layui-nav-bar{background-color: #0292fe;}
.user .user-container{min-height: 500px; margin-left: 215px; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}
.user .user-container .user-info{}
.user .user-container .user-info .user-info-title{margin-bottom: 20px; text-align: center; font-size: 22px;}
.user .user-container .user-info .user-info-form{width: 80%; margin: 0 auto; padding-right: 20%;}
.user .user-container .user-info .user-info-form .layui-form-label{width: 120px;}
.user .user-container .user-info .user-info-form .layui-input-block{margin-left: 150px;}
.user .user-container .user-info .user-info-form .layui-form-item .layui-input-inline{width: 140px;}
.user .user-container .user-info .user-info-form .layui-form-mid{float: none;}
.user .user-container .user-info .user-info-content{text-align: center;}
.user .user-container .user-info .user-info-content p{margin-bottom: 20px; font-size: 15px;}
.user .user-container .user-player{text-align: center;}
.user .user-container .user-player .user-player-item{position: relative; height: 170px; padding: 8px; box-shadow: 1px 1px 3px 0px #666;}
.user .user-container .user-player .selected:before{content: ""; position: absolute; top: 5px; right: 5px; background-image: url(/image/success.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 30px; height: 30px;}
.user .user-container .user-player .user-player-item:after{content: ""; display: block; clear: both;}
.user .user-container .user-player .user-player-item>div{height: 100%;}
.user .user-container .user-player .user-player-item .user-player-item-text{margin-top: 10px; margin-left: 22px; text-align: left;}
.user .user-container .user-player .user-player-item .user-player-item-img{margin-top: 5px; text-align: left;}
.user .user-container .user-player .user-player-item .user-player-item-img img{width: 80px; max-height: 100%;}
.user .user-container .user-player .user-player-item .user-player-item-title{font-size: 16px; text-align: left;}
.user .user-container .user-player .user-player-item .user-player-item-title img{padding-left: 10px;}
.user .user-container .user-player .user-player-item .user-player-item-title span{padding-left: 15px; font-size: 14px;}
.user .user-container .user-player .user-player-item .user-player-item-phone{margin-top: 10px; text-align: left;}
.user .user-container .user-player .user-player-item .user-player-item-phone img{width: 18px; height: 100%;}
.user .user-container .user-player .user-player-item .user-player-item-idcard{margin-top: 10px; text-align: left;}
.user .user-container .user-player .user-player-item .user-player-item-idcard img{width: 18px; height: 100%;}
.user .user-container .user-player .user-player-item .user-player-item-email{margin-top: 10px; text-align: left;}
.user .user-container .user-player .user-player-item .user-player-item-email img{width: 18px; height: 100%;}
.user .user-container .user-player .user-player-item .user-player-item-action{position: absolute; right: 10px; bottom: 0px;}
.user .user-container .user-player .user-player-item .user-player-item-action a{padding: 0 15px;}
.user .user-container .user-team{text-align: center;}
.user .user-container .user-team .user-team-item{position: relative; padding: 20px; margin-bottom: 20px; background-color: #f2f2f2;}
.user .user-container .user-team .user-team-item .user-team-item-title{font-size: 18px;}
.user .user-container .user-team .user-team-item .user-team-item-action{position: absolute; right: 20px; top: 20px;}
.user .user-container .user-team .user-team-item .user-team-item-action a{}
.user .user-container .user-team .user-team-item .user-team-item-peoples{margin-top: 20px;}
.user .user-container .user-team .user-team-item .user-team-item-peoples:after{content: ""; display: block; clear: both;}
.user .user-container .user-team .user-team-item .user-team-item-peoples a{padding: 0 10px;}
.user .user-container .user-sign{text-align: center;}
.user .user-container .user-event{text-align: center;}
.user .user-container .user-order{text-align: center;}
.user .user-container .user-invoice{text-align: center;}

.user-sign-container .user-sign-player .user-player-item{position: relative; height: 160px; padding: 8px; border: 1px solid #666; background-color: #fff;}
.user-sign-container .user-sign-player .user-player-item:after{content: ""; display: block; clear: both;}
.user-sign-container .user-sign-player .user-player-item>div{height: 100%;}
.user-sign-container .user-sign-player .user-player-item .user-player-item-img img{width: 90%; height: 100%;}
.user-sign-container .user-sign-player .user-player-item .user-player-item-title{font-size: 16px;}
.user-sign-container .user-sign-player .user-player-item .user-player-item-title img{padding-left: 10px;}
.user-sign-container .user-sign-player .user-player-item .user-player-item-title span{padding-left: 15px; font-size: 14px;}
.user-sign-container .user-sign-player .user-player-item .user-player-item-title span.layui-badge{padding-left: 6px; margin-left: 10px; font-size: 12px;}
.user-sign-container .user-sign-player .user-player-item .user-player-item-phone{margin-top: 10px; text-align: left;}
.user-sign-container .user-sign-player .user-player-item .user-player-item-idcard{margin-top: 10px; text-align: left;}
.user-sign-container .user-sign-player .user-player-item .user-player-item-email{margin-top: 10px; text-align: left;}
.user-sign-container .user-sign-player .user-player-item .user-player-item-action{position: absolute; right: 10px; bottom: 10px;}
.user-sign-container .user-sign-player .user-player-item .user-player-item-action a{padding: 0 15px;}

.docs{margin-top: 70px;}
.docs-banner img, .docs-banner video{width: 100%; max-width: 100%;}

.docs-related{width: 1200px; margin: 0 auto;}
.docs-body{background-color: #fff; padding: 20px; border-radius: 10px;}
.docs-tap{padding: 30px; text-align: center; font-size: 22px;}
.docs-tap .docs-tap-item{position: relative; color: #000; margin: 0 50px; letter-spacing: 3px; transition: all .4s ease; -webkit-transition: all .4s ease;}
.docs-tap .docs-tap-item:after{content: ""; position: absolute; left: -15%; bottom: -10px; width: 0; height: 2px; background-color: #0292fe; transition: all .4s ease; -webkit-transition: all .4s ease;}
.docs-tap .docs-tap-item:hover,.docs .docs-tap .docs-tap-item-active{position: relative; color: #0292fe; transition: all .4s ease; -webkit-transition: all .4s ease;}
.docs-tap .docs-tap-item:hover:after,.docs .docs-tap .docs-tap-item-active:after{content: ""; width: 130%;}
.docs-item {display: flex; line-height: 70px; background-color: #fff; font-size: 18px; border-bottom: 1px solid rgba(112,112,112,0.1);}
.docs-item:last-child{border: none;}
.docs-item .iconfont {font-size: 18px;}
.docs-item:hover .iconfont{color: #0292fe}
.docs-item .docs-item-title{width: calc(100% - 100px); padding-left: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}
.docs-item .docs-item-title:hover{color: #0292fe;}
.docs-item .docs-item-image{width: 100px; text-align: right; font-size: 18px;}
.docs-item img{height: 70px; max-width: 100%;}

.footer{position: relative; background-color: #1e1b32; color: rgba(255, 255, 255, 0.5); font-size: 15px; height: 75px; line-height: 75px; z-index: 997;}
.footer .inner{display: table; table-layout: fixed; width: 1220px; margin: 0 auto;}
.footer .inner .copyright{display: table-cell; font-weight: 700; vertical-align: top;}
.footer .inner .icp{display: flex; justify-content: flex-end; vertical-align: top;}
.footer .inner .icp a{position: relative; padding-left: 35px; margin-right: 20px; color: rgba(255, 255, 255, 0.5);}
.footer .inner .icp a::before{content: ""; display: block; position: absolute; left: 0; top: 50%; background-image: url(../image/footerCircles.png); background-repeat: no-repeat; width: 25px; height: 25px; transform: translateY(-50%); background-size: contain;}
.footer .inner .icp a:hover{color: #fff !important;}


.pay-item{padding: 20px; text-align: center;}
.pay-item .pay-item-content{position: relative; text-align: center;}
.pay-item .pay-item-content .pay-type{line-height: 30px;}
.pay-item .pay-item-content .pay-type-qr{display: inline-block; padding: 5px; border: 1px solid #666;}
.pay-item .pay-item-content .pay-type-tip{line-height: 30px;}
.pay-item .pay-item-content .pay-type-price{font-size: 19px; color: #2C7CDD;}

#login-m-btn-normal-u,#login-m-btn-normal-b{float: right;}
.login-m-tab{margin: 0;}
.login-m-tab .layui-tab-title{height: 50px;}
.login-m-tab .layui-tab-title li{width: 50%; padding: 0; font-size: 16px; line-height: 50px;}
.login-m-tab .layui-tab-title li.layui-this{background-color: #181e23; color: #fff;}
.login-m-tab .layui-tab-title li.layui-this:after{content: ""; border: none;}
.login-m-tab .layui-tab-bar{display: none;}
.login-m-tab .layui-btn{width: 40%;}
.login-m-tab .layui-a{padding-right: 60px;}
.login-m-tab .login-m-item{position: relative;}
.login-m-tab .login-m-item a{position: absolute; right: 15px; top: 10px; color: #0292fe;}

.upload-form{padding: 20px;}
.works-name{display: inline-block; margin-left: 20px; vertical-align: top; line-height: 30px; }

.sign-box{position: relative; float: left; display: inline-block; width: 112px; height: 112px;}
.sign_input{float: left; display: inline-block; width: 112px; height: 112px; margin-top: 10px; line-height: 108px; text-align: center; border: 1px dotted #ccc;}
.sign_input img {width: auto; max-width: 100%; vertical-align: middle;}
.sign-remove{position: absolute; top: 10px; right: 0; line-height: 24px;}
.sign-remove i{font-size: 20px; cursor: pointer;}
.sign-remove:hover i{color: #1677d9;}

.base-form-title{text-align: center; font-size: 18px; color: #666;}
.wisdom-center-price{padding: 15px; font-size: 18px; color: #0292fe; text-align: center;}

.wrap{position: relative;}
.wrap tr{cursor: move; transition: background-color .3s; -webkit-transition: background-color .3s;}

.certificate-mal{text-align: center;background-color: #f2f2f2; height: 205px;}
.certificate-ma{width: 60px;height: 60px;}
.certificate-weixin{margin: 10px 0 0 0;}

.lay-step{font-size: 0; width: 400px; margin: 0 auto; max-width: 100%; padding-left: 200px;}
.step-item{display: inline-block; line-height: 26px; position: relative; font-size: 14px;}
.step-item-tail{width:100%;padding:0 10px;position:absolute;left:0;top:13px;}
.step-item-tail i{display:inline-block;width:100%;height:1px;vertical-align:top;background:#c2c2c2;position:relative;}
.step-item-tail .step-item-tail-done{background:#009688;}
.step-item-head{position:relative;display:inline-block;height:26px;width:26px;text-align:center;vertical-align:top;color:#009688;border:1px solid #009688;border-radius:50%;background:#fff}
.step-item-head.step-item-head-active{background:#009688;color:#fff;}
.step-item-main{display: block; position: relative; margin-left: -50%; margin-right: 50%; padding-left: 26px; text-align: center;}
.step-item-main-title{font-weight: bolder; color: #555;}
.step-item-main-desc{color:#aaa;}
.lay-step + [carousel-item]:before{display:none;}
.lay-step + [carousel-item] > *{background-color:transparent;}

/*帮助*/
.faq{background-color: #f9f9f9;}
.faq .faq-nav{margin-top: 70px; padding-top: 40px; list-style: none;}
.faq .faq-nav li{position: relative; display: inline-block; padding-right: 25px;}
.faq .faq-nav li.break:after{position: absolute; right: 5px; top: 2px; content: ">"; color: #666;}
.faq .faq-content{margin-top: 20px; margin-bottom: 100px; padding-bottom: 100px;}
.faq .faq-content .container{background-color: #fff;}
.faq .faq-content .container .faq-list{width: 25%; margin-right: -1px; border-right: 1px solid #efefef;}
.faq .faq-content .container .faq-list .faq-title{position: relative; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight:bold; border-bottom: 1px solid #efefef;}
.faq .faq-content .container .faq-list ul{}
.faq .faq-content .container .faq-list ul li{border-bottom: 1px solid #efefef;}
.faq .faq-content .container .faq-list ul:last-of-type li:last-of-type{border-bottom: none;}
.faq .faq-content .container .faq-list ul li .faq-item{position: relative; display: block; height: 36px; line-height: 36px; padding: 0 10px;  font-size: 14px; cursor: pointer; transition: color .5s ease-out;}
.faq .faq-content .container .faq-list ul li .faq-item:hover,.faq .faq-content .container .faq-list ul li .faq-item.active:hover{color: #35B4FD;}
.faq .faq-content .container .faq-list ul li .faq-item i{position: absolute; right: 16px; top: 0;transition: all .6s;}
.faq .faq-content .container .faq-list ul li .faq-item.active i{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.faq .faq-content .container .faq-list ul li .faq-sub{display: none; background-color: #efefef; padding: 5px 0;}
.faq .faq-content .container .faq-list ul li .faq-sub .faq-cat{line-height: 22px; margin-bottom: 3px; padding: 0 50px;}
.faq .faq-content .container .faq-list ul li .faq-sub .faq-cat a{transition: color .5s ease-out;}
.faq .faq-content .container .faq-list ul li .faq-sub .faq-cat a:hover, .faq .faq-content .container .faq-list ul li .faq-sub .faq-cat a.active:hover{color: #35B4FD;}
.faq .faq-content .container .faq-list ul li .faq-sub .faq-cat a.active{color: #0292fe;}
.faq .faq-content .container .faq-bd{width: 75%; color: #000;}
.faq .faq-content .container .faq-bd .faq-context{padding: 45px; border-left: 1px solid #efefef;}
.faq .faq-content .container .faq-bd .faq-context h3{font-size: 20px; margin-bottom: 35px;}
.faq .faq-content .container .faq-bd .faq-context img{max-width: 100%;}
.faq .faq-content .container .faq-bd .faq-context p{margin-bottom: 15px;}
.faq .faq-content .container .faq-bd .faq-context b{font-size:16px;}


.match-step{margin: 80px 0; min-height: 100vh;}
.match-step .lay-step{padding-left: 132px;}
.match-step .layui-form{margin: 0 auto;}
.w-1200 .layui-form{max-width: 1200px;}
.w-50{width: 50%;}
.match-step .layui-table-view{margin-top: 0;}
.match-step .pay{}
.match-step .pay:after{content: ""; display: block; clear: both;}
.match-step .pay label{line-height: 47px; font-size: 16px;}
.match-step .pay .pay-list{}
.match-step .pay .pay-list .pay-list-item{display: inline-block; width: 46px; height: 46px; margin-right: 20px; padding: 3px;}
.match-step .pay .pay-list .pay-list-item.match-pay-item-active{background-color: #f2f2f2;}
.match-step .pay-price{margin: 20px 0;}
.match-step .pay-price b{margin: 0 5px; font-size: 18px; font-weight: normal; color: #ff0000;}

.match-rise{margin-top: 20px;}
.match-rise .pay{}
.match-rise .pay:after{content: ""; display: block; clear: both;}
.match-rise .pay label{line-height: 47px; font-size: 16px;}
.match-rise .pay .pay-list{}
.match-rise .pay .pay-list .pay-list-item{display: inline-block; width: 46px; height: 46px; margin-right: 20px; padding: 3px;}
.match-rise .pay .pay-list .pay-list-item.match-pay-item-active{background-color: #f2f2f2;}
.match-rise .pay-price{margin: 20px 0;}
.match-rise .pay-price b{margin: 0 5px; font-size: 18px; font-weight: normal; color: #ff0000;}

.sign-success{margin: 30px auto; text-align: center;}
.sign-success .sign-success-image{margin-bottom: 50px;}
.sign-success span{font-size: 16px; color: #0dc30d;}
.sign-success-tips{text-align: center; color: #ff5722; font-size: 16px;}
.sign-success-info{display: flex; align-items: center; margin: 10px 0;}
.sign-success-info .sign-success-info-image{width: 40%;}
.sign-success-info .sign-success-info-image img{max-width: 100%;}
.sign-success-info .sign-success-info-list{width: 60%; padding: 5px; font-size: 16px;}
.sign-success-info .sign-success-info-list div{margin-left: 10px; text-align: left; line-height: 36px;}
.sign-success-info .sign-success-info-list p{display: inline-block; width: 80px;text-align: justify; text-align-last: justify;}
.upload-btn{text-align: center;}

.word-count{position: absolute; right: 18px; bottom: 5px; color: #aaa; font-size: 12px;}

.invoice-wrapper{width: 940px; overflow: hidden;}
.invoice-wrapper .invoice-info{position: relative;}
.invoice-wrapper .invoice-info img{max-width: 100%;}
.invoice-wrapper .invoice-info .invoice-info-item{position: absolute; width: 100%; font-size: 15px;}

.flex-wrapper{display: flex; position: relative;}
.flex-wrapper .flex-item{width: 50%; overflow: hidden;}
.flex-wrapper .flex-item .flex-box{position: relative;}
.flex-wrapper .flex-item .flex-box video{display: block; width: 100%; height: 100%;}
.flex-wrapper .flex-item .flex-box img{display: block; width: 100%; height: 100%; position: relative; transition: all .5s ease; transform: scale(1);}
.flex-wrapper .flex-item .flex-box img:hover{transform: scale(1.05);}
.flex-wrapper .flex-item .flex-box .flex-text{position: absolute; bottom: 30px; left: 30px;}
.flex-wrapper .flex-item .flex-box .flex-text p{font-size: 16px; color: #fff;}

.related .layui-tab{padding: 0;}
.related .layui-tab .layui-tab-title{height: 60px; text-align: center; background-color: #2c3443; font-weight: 600; color: #fff;}
.related .layui-tab .layui-tab-title .layui-this:after{content: ""; border: 0;}
.related .layui-tab .layui-tab-title li{line-height: 50px; margin: 5px 0; padding: 0 40px; font-size: 16px;}
.related .layui-tab .layui-tab-title li.layui-this{color: #505152; background-color: #fff;}
.related-list{padding: 80px 0; background-color: #fff; text-align: center;}
.related-item{display: inline-block; width: 198px; padding: 40px;}
.related-item img{max-width: 100%;}

.invoice-table th, .invoice-table td:first-child{text-align: center;}

@media screen and (min-width: 730px){
	.layui-white{color: #fff !important;}
	/*index首页*/
	.nav{max-height: 70px; overflow: inherit;}
	.nav.index{background: rgba(0, 0, 0 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
	.nav .nav-list button{display: none;}
	.nav .nav-list .u{width: 20%;}
	.nav .layui-nav{width: 1150px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 0; margin: 0; text-align: center;}
	.nav .layui-nav .layui-nav-item{display: inline-block; line-height: 70px; padding: 0 0px;}
	.nav .layui-nav .layui-nav-item-active a,.nav .layui-nav .layui-nav-item:hover a{color: #0292fe;}
  .nav .layui-nav .layui-nav-item .layui-nav-child a{color: #fff; font-size: 14px;}
  .nav .layui-nav .layui-nav-item .layui-nav-child dd a:hover{color: #0292fe; background-color: transparent;}
	.nav .u{right: 50px; left: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
	.nav .u .company{background-color: #0292fe;}
	.nav .u .company:hover{background-color: #0292fe; opacity: 0.8;}
	.nav .u .company:hover a{color: #fff;}
	.nav .u .base-avatar img{width: 50px; height: 50px; border-radius: 50%;}

	.news .news-item-active{width: 50%;}
  .layui-col-sm1{width: 20%;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
  	.nav .layui-nav .layui-nav-item{margin:0 33px;}
}
@media screen and (min-width: 1300px) {
  	.layui-container{width: 80%; padding: 0;}
  	.nav .nav-logo{position: absolute; top: 0; left: 38px;}
}

.empty{display: flex; width: 100%; min-height: 240px; flex-direction: column; align-items:center; justify-content: center;}
.product-box .empty { grid-column: 1 / -1; }
.empty img{max-width: 400px;}
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.lay-check-dot-2{
    width: 136px;
}

.layui-form-checkbox>.lay-skin-checkcard,
  .layui-form-radio>.lay-skin-checkcard {
    display: table;
    display: flex;
    padding: 5px;
    white-space: normal;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    color: #000;
    background-color: #fff;
  }
  .layui-form-checkbox>.lay-skin-checkcard>*,
  .layui-form-radio>.lay-skin-checkcard>* {
    /* display: table-cell; */  /* IE */
    vertical-align: top;
  }
  /* 悬停 */
  .layui-form-checkbox:hover>.lay-skin-checkcard,
  .layui-form-radio:hover>.lay-skin-checkcard {
    border-color: #0292fe;
  }
  /* 选中 */
  .layui-form-checked>.lay-skin-checkcard,
  .layui-form-radioed[lay-skin="none"]>.lay-skin-checkcard {
    color: #000;
    border-color: #0292fe;
    background-color: rgb(22 183 119 / 10%) !important;
    /* box-shadow: 0 0 0 3px rgba(22, 183, 119, 0.08); */
  }
  /* 禁用 */
  .layui-checkbox-disabled>.lay-skin-checkcard,
  .layui-radio-disabled>.lay-skin-checkcard {
    box-shadow: none;
    border-color: #e5e5e5 !important;
    background-color: #eee !important;
  }
  /* card 布局 */
  .lay-skin-checkcard-avatar {
    padding-right: 8px;
  }
  .lay-skin-checkcard-detail {
    overflow: hidden;
    width: 100%;
  }
  .lay-skin-checkcard-header {
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 4px;
  }
  .lay-skin-checkcard-description {
    font-size: 13px;
    color: #5f5f5f;
  }
  .layui-disabled  .lay-skin-checkcard-description{
    color: #c2c2c2! important;
  }
  /* 选中 dot */
  .layui-form-checked>.lay-check-dot:after,
  .layui-form-radioed>.lay-check-dot:after {
    position: absolute;
    content: "";
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-width: 10px;
    border-style: dashed;
    border-color: transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 6px;
    border-top-color: #16b777;
    border-top-style: solid;
    border-right-color: #16b777;
    border-right-style: solid;
    overflow: hidden;
  }
  .layui-checkbox-disabled>.lay-check-dot:after,
  .layui-radio-disabled>.lay-check-dot:after {
    border-top-color: #d2d2d2;
    border-right-color: #d2d2d2;
  }
  /* 选中 dot-2 */
  .layui-form-checked>.lay-check-dot-2:before,
  .layui-form-radioed>.lay-check-dot-2:before {
    position: absolute;
    font-family: "layui-icon";
    content: "\e605";
    color: #fff;
    bottom: 4px;
    right: 3px;
    font-size: 9px;
    z-index: 12;
  }
  .layui-form-checked>.lay-check-dot-2:after,
  .layui-form-radioed>.lay-check-dot-2:after {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 2px;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-width: 10px;
    border-style: dashed;
    border-color: transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-right-color: #0292fe;
    border-right-style: solid;
    border-bottom-color: #0292fe;
    border-bottom-style: solid;
    overflow: hidden;
  }
  .layui-checkbox-disabled>.lay-check-dot-2:before,
  .layui-radio-disabled>.lay-check-dot-2:before {
    color: #eee !important;
  }
  .layui-checkbox-disabled>.lay-check-dot-2:after,
  .layui-radio-disabled>.lay-check-dot-2:after {
    border-bottom-color: #d2d2d2;
    border-right-color: #d2d2d2;
  }
  .lay-ellipsis-multi-line {
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .layui-form-radio>.lay-skin-tag,
  .layui-form-checkbox>.lay-skin-tag {
    font-size: 13px;
    border-radius: 100px;
  }

.layui-form-fixed{display: flex; justify-content: flex-end; align-items: center; position: fixed; bottom: 30px; right: 30px; width: 100%; height: 60px;}


.buy-price-container .buy-price-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 9px;
    color: #666;
}

.buy-price-container .buy-price-title>span {
    color: #787e80;
    font-size: 12px;
    font-weight: 400;
    margin-left: 12px
}
.buy-price-container .next-collapse-panel-title {
    background-color: #fff;
    color: #373d41;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 20px;
    margin-bottom: 12px;
}
.buy-price-container .orange-color {
    color: #ff7800
}
.buy-price-container .buy-price-content-list-total {
    color: #373d41;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 20px
}
.user-competition{display: flex; align-items: center; flex-wrap: wrap;}
.user-competition .user-competition-item{width: 25%;}
.user-competition .user-competition-item .user-competition-item-box{position: relative; padding: 20px; border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);}
.user-competition .user-competition-item .user-competition-item-box .user-competition-badge{position: absolute; width: 70px; height: 70px; right: -1px; top: -1px; background-color: #0292fe; z-index: 10; clip-path: polygon(0 0, 100% 0, 100% 100%); border-radius: 0 10px 0 0;}
.user-competition .user-competition-item .user-competition-item-box .user-competition-badge span{position: absolute; right: 0px; top: 12px; transform: rotate(40deg); color: #fff;}
.user-competition .user-competition-item .user-competition-item-box .user-competition-item-img{display: flex; align-items: center; justify-content: center; height: 180px; text-align:center; overflow: hidden;}
.user-competition .user-competition-item .user-competition-item-box .user-competition-item-img img{max-width: 100%;}
.user-competition .user-competition-item .user-competition-item-box .user-competition-item-title{margin-top: 10px; font-size: 16px; line-height: 30px;}
.user-competition .user-competition-item .user-competition-item-box .user-competition-item-time{color: hsl(0, 0%, 65%);}
.user-competition .user-competition-item .user-competition-item-box .user-competition-item-time .layui-icon{margin-right: 5px;}
.user-competition .user-competition-item .user-competition-item-box .user-competition-item-btn{margin: 15px 0; text-align: center;}

.order-tb{width: 100%;}
.order-tb thead th {height: 32px; line-height: 32px; text-align: center; background: #f5f5f5; color: #666; font-weight: 400;}
.order-tb .ordertime-cont{position: relative; float: left; z-index: 10; width: 138px; cursor: pointer;}
.order-tb .ordertime-cont:hover .time-txt{background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .12);}
.order-tb .ordertime-cont:hover .time-txt .blank{display: block; position: absolute; height: 10px; width: 136px; top: 21px; left: 0; background: #fff; z-index: 3;}
.order-tb .ordertime-cont:hover .time-list{display: block; box-shadow: 0 0 10px rgba(0,0,0,.12);}
.order-tb .ordertime-cont .time-txt{position: relative; height: 30px; line-height: 30px; text-align: left; padding-left: 20px; padding-right: 12px; border: 1px solid #f5f5f5;}
.order-tb .ordertime-cont .time-txt i {font-size: 12px;}
.order-tb .ordertime-cont .time-list {position: absolute; left: 0; top: 30px; z-index: 2; display: none; width: 136px; background: #fff; border: 1px solid #f5f5f5; border-top: 0;}
.order-tb .ordertime-cont .time-list li {height: 30px; line-height: 30px; text-align: left;}
.order-tb .ordertime-cont .time-list li a {display: block; position: relative; color: #666; height: 30px; line-height: 30px; padding-left: 20px;}
.order-tb .ordertime-cont .time-list li a:hover {background: #f5f5f5; color: #1e9fff;}
.order-tb .th-tips {margin-right: 138px;}
.order-tb tbody td {border: 1px solid #e5e5e5;}
.order-tb .tr-th a{color: #333;}
.order-tb .sep-empty{border: 0;}
.order-tb .sep-empty td{border: 0;}
.order-tb .sep-row{height: 20px;}
.order-tb .sep-row td{border: 0;}
.order-tb .tr-th {background: #f5f5f5; height: 31px; line-height: 31px; color: #aaa; overflow: hidden;}
.order-tb .tr-th td {border-bottom-color: #f5f5f5;}

.order-tb .tr-th .order-tb-head{display: flex; width: 100%; height: 30px; flex-direction: row; justify-content: space-between;}
.order-tb .tr-th .dealtime {margin-left: 14px; font-family: verdana;}
.order-tb .tr-th .number {width: 238px; font-family: verdana;}
.order-tb .tr-th .match-t {margin-right: 14px;}

.order-tb .tr-bd {text-align: center; vertical-align: top;}
.order-tb .tr-bd td {padding: 14px 0;}
.order-tb .tr-bd-title{height: 30px; margin-bottom: 14px; border-bottom: 1px solid #e5e5e5;}
.order-tb .tr-bd-title div {color: #aaa;}
.order-tb .r-code {display: block; float: left; width: 160px; margin-left: 14px;}
.order-tb .r-name {display: block; float: left; width: 200px;}
.order-tb .r-captain {display: none;}
.order-tb .r-students {display: block; float: left; width: 200px;}
.order-tb .r-teachers {display: none;}
.order-tb .r-group{display: block; float: left; width: 90px;}
.order-tb .r-process{display: block; float: left; width: 245px;}
.order-tb .track {}
.order-tb .competition {margin: 5px 8px; padding-top: 5px; border-top: solid 1px #E5E5E5;}
.order-tb .amount {color: #aaa;}
.order-tb .amount span {font-family: verdana;}
.order-tb .amount .ftx {display: block; margin: 0 8px; margin-top: 5px; padding-top: 1px; border-top: solid 1px #E5E5E5; line-height: 19px; height: 19px; overflow: hidden;}
.order-tb .order-status {position: relative; z-index: 5; color: #aaa; line-height: 22px;}
.order-tb .operate {line-height: 22px; text-align: left;}
.order-tb .operate .layui-btn{margin-bottom: 5px;}
.order-tb .operate .layui-btn:first-child{margin-left: 10px;}
.order-tb .operate .layui-btn:last-child{margin-left: 10px;}

.annex-img-item{width: 20%;}
.upload-box{display: flex; align-items: center; justify-content: center; height: 160px; border: 1px solid #d2d2d2; border-radius: 5px; cursor: pointer; transition: all 0.5s;}
.upload-box i{font-size: 22px;}
.upload-box img{max-width: 100%;}
.upload-box:hover{border-color: #0292fe;}
.upload-box:hover i{color: #0292fe;}

.pay-wrapper{display: flex; align-items: center; justify-content: center;}
.pay-wrapper .pay-box{position: relative; padding: 20px; border: 1px solid #f2f2f2;}
.pay-wrapper .pay-box .pay-qr{display: flex; align-items: center; justify-content: center; position: relative;}
.pay-wrapper .pay-box .pay-qr img{position: relative; width: 340px; height: 340px; text-align: center; }
.pay-wrapper .pay-box .pay-qr img:not(img.loaded):after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/image/qr-bg.png'); background-repeat: no-repeat; background-size: 100%;}
.pay-wrapper .pay-box .pay-qr .layui-loading{position: absolute; top: 0; left: 0; width: 340px; height: 340px; display: flex; align-items: center; justify-content: center; background-color: #f2f2f2; opacity: .8;}
.pay-wrapper .pay-box .pay-qr-refresh{position: absolute; top: 20px; left: 20px; z-index: 3; width: 340px; height: 340px; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.9);}
.pay-wrapper .pay-box .pay-qr-refresh img{width: 40px; height: 40px;}
.pay-wrapper .pay-box .pay-qr-refresh .pay-qr-refresh-click{font-size: 12px; color: #1e9fff; cursor: pointer;}
.pay-wrapper .pay-box .pay-info{display: flex; justify-content: space-between; width: 340px;}
.pay-wrapper .pay-box .pay-info img{width: 40px;}
.pay-wrapper .pay-box .pay-info .pay-info-text{font-size: 14px;}
.pay-wrapper .pay-box .pay-info .pay-info-text p{line-height: 20px;}

/* Section News */
.section-news {
    background-color: #f6fafd;
    position: relative;
    padding: 60px 0;
}

.news-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.common-title {
    text-align: center;
    margin-bottom: 60px;
}

.common-title h2 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.common-title p {
    font-size: 14px;
    color: #999;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}

.news-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.news-card:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.news-link {
    display: block;
    height: 100%;
    text-decoration: none;
    padding: 0;
}

.news-img {
    width: 100%;
    height: 180px;
    overflow: hidden;
    background-color: #eee;
}

.news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.news-card:hover .news-img img {
    transform: scale(1.1);
}

.news-content {
    padding: 20px 25px;
}

.news-title {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 50px;
    transition: color 0.3s;
}

.news-card:hover .news-title {
    color: #0292fe;
}

.news-meta {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f2f2f2;
}

.news-meta .tag {
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
}

.news-meta .tag i {
    margin-right: 5px;
    font-size: 14px;
}

.news-meta .date {
    font-size: 12px;
    color: #999;
}

.news-more-box {
    text-align: center;
}

.news-more-btn {
    display: inline-block;
    padding: 12px 35px;
    border: 1px solid #0292fe;
    color: #0292fe;
    border-radius: 30px;
    font-size: 16px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.news-more-btn:hover {
    background: #0292fe;
    color: #fff;
    box-shadow: 0 5px 15px rgba(2, 146, 254, 0.3);
}

.news-more-btn i {
    margin-left: 5px;
    font-size: 14px;
}

.empty-news {
    grid-column: 1 / -1;
    text-align: center;
    padding: 50px 0;
    color: #999;
    font-size: 16px;
    background: #fff;
    border-radius: 8px;
}

/* 资讯轮播包装器 */
.news-carousel-wrapper {
    position: relative;
    padding: 0 80px;
    margin-bottom: 40px;
}

/* 箭头按钮 */
.news-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0292fe 0%, #00BEBD 100%);
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(2, 146, 254, 0.3);
}

.news-arrow:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(2, 146, 254, 0.5);
}

.news-arrow:disabled {
    background: linear-gradient(135deg, #ccc 0%, #ddd 100%);
    cursor: not-allowed;
    opacity: 0.5;
    box-shadow: none;
}

.news-arrow:disabled:hover {
    transform: translateY(-50%);
}

.news-arrow-left {
    left: 0;
}

.news-arrow-right {
    right: 0;
}

.news-arrow i {
    font-size: 20px;
    color: white;
}

/* 分页指示器 */
.news-pagination {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 40px;
}

.pagination-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pagination-dot:hover {
    background: #aaa;
    transform: scale(1.2);
}

.pagination-dot.active {
    width: 30px;
    border-radius: 5px;
    background: linear-gradient(90deg, #0292fe 0%, #00BEBD 100%);
}

@media (max-width: 1200px) {
    .news-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .news-card:nth-child(4) {
        display: none;
    }
}

@media (max-width: 992px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .news-card:nth-child(4) {
        display: block;
    }
}

@media (max-width: 768px) {
    .news-grid {
        grid-template-columns: 1fr;
    }
    .news-carousel-wrapper {
        padding: 0 60px;
    }
    .news-arrow {
        width: 40px;
        height: 40px;
    }
    .news-arrow i {
        font-size: 16px;
    }
    .pagination-dot {
        width: 8px;
        height: 8px;
    }
    .pagination-dot.active {
        width: 24px;
    }
}

/* 导航栏提取 */  
.navbar-loading {
  text-align: center;
  padding: 15px;
  color: #666;
  font-size: 14px;
}