/* =========颜色配置========== */
body{font-family: "Microsoft YaHei", 微软雅黑, "Helvetica Neue", Helvetica, "PingFangSC-Regular','PingFang SC", "Hiragino Sans GB", Arial, sans-serif;}
.bgBody{background-color:#fff!important;}
.bgPrimary{background-color:#e5c078!important;}
.colorPrimary{color:#e5c078!important;}
.colorPrimary a{color:#e5c078!important;}
.colorPrimaryDark{color:#eda616!important;}
.colorSecondary{color:#7c663b!important;}
.colorGray{color:silver!important;}
.colorRed{color:rgb(244, 73, 73)!important;}
.bg-white{background-color:#fff;}
.borderPrimary{border-color:#e5c078;}

.btnPrimary{background-color:#e5c078!important;color:#fff;}
.btnPrimary:hover{color:#fff!important;font-weight:bold;}

.fs-7{font-size:14px!important;}
.fs-8{font-size:12px!important;}

.pagination .active span{background-color: #eda616;color:#fff;}

/* =========组件样式配置========== */
a{text-decoration:none;}
.dropdown-menu{--bs-dropdown-bg:#e5c078;color:#fff;}
.dropdown-menu a{color:#fff!important;}
.dropdown-menu li:hover{color: aqua;}

/* =========页面配置========== */
.img-circle {
  border-radius: 50%;width: 100px;height: 100px;object-fit:cover;display: block;background-color: #e5c078;border:none;
}

.container.header { display: flex; height: 140px; align-items: center; position: relative; } 
.logo { margin-right: auto; } 
.navbar { position: static; transform: none; margin: 0 auto; } 
.logon { margin-left: auto; } 
.nav { display: flex; gap: 20px; list-style: none; padding: 0; margin: 0; justify-content: center; } 
.nav li { display: flex; flex-direction: column; align-items: center; } 
.nav li a { display: block; margin: 2px 20px; text-decoration: none; color: #333;text-align:center;} 
.nav li a:hover { color: #007bff;background-color:#fff;} 
.nav li a:nth-child(2) { font-weight:100; font-family: "Helvetica Neue", Arial, sans-serif; } /* 新增英文细体 */
.img-circle { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; }

.logon { display: flex; align-items: center; gap: 10px; } 
.logon img { align-self: center; } 
.logon a { display: flex; align-items: center; text-decoration: none; color: #333; white-space: nowrap; } 
.logon a:hover { color: #007bff; }


.index-banner{min-height:500px;background-color: #e5c078;position: relative;}
.index-banner img { display: inline-block; max-width: 100%; height: auto; vertical-align: middle; }
.btnSignUp { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); padding: 12px 24px; background: rgba(0,0,0,0.1); color: white; border-radius: 4px; font-size: 16px; text-align: center; cursor: pointer; }

.index-content{background-image: none;}
.index-content .row { display: flex; justify-content: space-between; position: relative; } 
.index-content .col-md-4 { flex: 0 0 32%; position: relative; } 
.index-content .col-md-4:not(:last-child)::after { content: ""; position: absolute; right: -15px; top: 0; height: 100%; width: 1px; background: #ddd; } 
.title h1 { margin-bottom: 8px; color: #333; } 
.title p { color: #666; font-size: 14px; margin-top: 0; }




.headerbanner{height:600px;}
.index-title{line-height:35px;}
.index-title hr{border-width:2px;}
/* .index-title h1 span{width:35%;overflow: hidden;display: inline-block;} */


.process .box{border:solid #e5c078 1px;padding-top:50px;padding-left:30px;padding-right:30px;position: relative;background-color:#080705;}
.process .number{position:absolute;left:-5px;top:-35px;width:80px;height:80px;background-color:#080705;}
.process .fs-1{font-size:50px!important;}
.process h3{font-size:26px;font-weight:bold;padding-bottom:15px;}
.process .date{position:absolute;padding:0 15px 0 15px;height:30px;background-color:#080705;color:#fff;left:30%;bottom:-85px;text-align: center;}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  border:solid 1px silver;padding:3px;border-radius:5px;
}

/*预览区域*/
.plupload-preview,
.faupload-preview {
  padding: 0 10px;
  margin-bottom: 0;
}
.plupload-preview li,
.faupload-preview li {
  margin-top: 15px;float:left;width:90px;
}
.plupload-preview .thumbnail,
.faupload-preview .thumbnail {
  margin-bottom: 10px;
}
.plupload-preview a,
.faupload-preview a {
  display: block;
}
.plupload-preview a.btn,
.faupload-preview a.btn {
  display: block;width:50px!important;
}
.plupload-preview a:first-child,
.faupload-preview a:first-child {
  height: 90px;
}
.plupload-preview a img,
.faupload-preview a img {
  height: 80px;
  object-fit: cover;
}
.pjax-loader-bar .progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  background: #77b6ff;
  box-shadow: 0 0 10px rgba(119, 182, 255, 0.7);
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}


.logon-tab a {
    display: block;
    float: left;
    width: 50%;
    padding:20px;
    font-size: 16px;
    text-align: center;
    color: #616161;
    background-color: #efefef;
    transition: (all 0.3s ease);
}

.logon-tab a:hover {
    background-color: #fafafa;
    transition: (all 0.3s ease);
}

.logon-tab a.active {
    background-color: #fff;
    transition: (all 0.3s ease);
}
.n-right{
    margin-top: 0;
    top: -23px;
    position: absolute;
    right: 100px;
    text-align: right;
    width: 100%;
}

.jury img{border:solid 1px #e5c078;width:212px;height:70px;}


.navbar{margin-bottom:0px;bottom: 0px;height:60px;}
#header-navbar .navbar-nav li a{color:#e5c078;}
#header-navbar .navbar-nav li a:hover{background-color:#ffaa00;color:#fff;}


/* 参选商会员中心页 */
.candidate-user-index{margin-top:0px;opacity: 0.95;position: relative;border-radius:10px;}
.btnAdd{position:absolute;top:-60px;right:0;width:150px;height:50px;background-color: #e5c078;color:#fff;text-align: center;line-height: 50px;border-radius:10px;font-weight: bold;display:block;font-size:18px;cursor:pointer;}
.btnAdd:hover{color:#fff2d8}

/* 奖项选择页 */
.awardCategory-list{}
.awardchoise-box{border:solid 1px #e5c078;border-radius: 5px;background-color:none;}
.awardchoise-box .button{line-height:50px;border: none;color:#FFF;background-color: #e5c078;border-radius:5px;display:inline-block;}

.loginbox{height:calc(100vh-150px) !important;}

/* ========Bootstrap 重构样式========= 
        /* define bootstrap 5 columns */
        .col-xs-1-5,
        .col-sm-1-5,
        .col-md-1-5,
        .col-lg-1-5 {
            position: relative;
            min-height: 1px;
            padding-right: 10px;
            padding-left: 10px;
        }
  
        .col-xs-1-5 {
            width: 30%;
            float: left;
        }
        @media (max-width:767.98px){
          .headerbanner{height:300px;}
          .bgimg{height:300px; background-position:center;background-size:150%;background-repeat:no-repeat;}
        }
        @media (min-width: 768px) {
        .col-sm-1-5 {
                width: 30%;
                float: left;
            }
            .headerbanner{height:500px;}
            .bgimg{height:350px; background-position:center;background-size:150%;background-repeat:no-repeat;}
        }
        @media (min-width: 992px) {
            .col-md-1-5 {
                width: 25%;
                float: left;
            }
            .headerbanner{height:600px;}
            .bgimg{height:350px; background-position:50% 30%;background-repeat:no-repeat;}
            .process{border-bottom:solid #fff 1px;}
        }
        @media (min-width: 1200px) {
            .col-lg-1-5 {
                width: 20%;
                float: left;
            }
            .headerbanner{height:700px;}
            .bgimg{height:350px;background-position:center;background-size:100%;background-repeat:no-repeat;}
        }