/** #18578 LQ 2022-01-12 */
html, body { overflow-x: hidden; }
body { background-color: #110300; }
.img-block img { display: block; width: 100%; height: 100%; }
.mt80 { margin-top: 80px; }

/* */

/* btn */
.btn { border: 1px solid #e8e8e8; border-radius: 3px; color: #262626; transition: all .2s linear; cursor: pointer; text-align: center; }
.btn:hover { border-color: #ff552e; color: #ff552e; }
.btn-oe-line { border-color: #ff552e; color: #ff552e; }
.btn-oe-line:hover { background-color: #ff552e; color: #fff; }
.btn-oe { background-color: #ff552e; border-color: #ff552e; color: #fff; }
.btn-oe:hover { background-color: #ff6340; border-color: #ff6340; color: #fff; }
.btn-disabled, .btn-disabled:hover { background-color: #e8e8e8; border-color: #e8e8e8; color: #8c8c8c; }

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; line-height:0; }
.clearfix { zoom:1; /* for IE6 IE7 */}

/* bannner-bar */
.bannner-bar { height: 900px; background: url('/pc/images/2021/pic/banner.png') no-repeat center; }
.bannner-bar .ban-main { position: relative; width: 1200px; height: inherit; margin: auto; }
.bannner-bar .logo { position: absolute; left: 0; top: 24px; }
	/**/
.ban-intro { position: absolute; left: 24px; right: 24px; top: 573px; text-align: center; }
.ban-intro dt { height: 40px; line-height: 40px; }
.ban-intro dt strong { 
    position: relative; display: inline-block; vertical-align: middle; margin-top: -4px; 
    font-size: 30px; color: rgba(219,154,98, .7); font-weight: 500; 
}
.ban-intro dt strong:before,
.ban-intro dt strong:after {
    position: absolute; top: 4px; content: ''; 
    width: 32px; height: 32px; background: url('/pc/images/2021/pic/icon_star.png') no-repeat; background-size: cover;
}
.ban-intro dt strong:before{ left: -48px; }
.ban-intro dt strong:after { right:-48px; }
.ban-intro dd { padding: 13px 50px 0; font-size: 20px; line-height: 32px; color: rgba(255,255,255, .5); }    
	/*ban-txt*/
.bannner-bar .ban-txt { position: absolute; left: 0; top: 790px; width: 100%; text-align: center; }
.bannner-bar .ban-txt dt { height: 64px; line-height: 64px; margin-bottom: 20px; }
.bannner-bar .ban-txt dt strong { position: relative; display: inline-block; vertical-align: middle; margin-top: -2px; font-size: 48px; color: #db9a62; font-weight: 600; }
.bannner-bar .ban-txt dt strong:after {
	position: absolute; left: 0; right: 0; bottom: -2px; content: '';
	height: 20px; background-color: #db9a62; opacity: .3;
}
.bannner-bar .ban-txt dd { font-size: 20px; line-height: 30px; color: #fff; opacity: .6; }
	/*share-bar*/
.share-bar { position: absolute; top: 32px; right: 0; }
.share-bar .btn-share { 
    width: 118px; height: 40px; cursor: pointer; 
    font-size: 20px; font-weight: 600;
    transition: .2s linear; border: 1px solid #fff;
    border-radius: 20px; line-height: 38px; color:#fff;
}
.share-bar .btn-share .ico {
    display: inline-block; vertical-align: middle;
    width: 20px; height: 17px; margin: -4px 0 0 10px;
    background:url('/pc/images/2020/year_activity/share.png') no-repeat;
}
.share-bar .btn-share:hover { opacity: .8 }
.share-bar .popup-share { position: absolute; top: 40px; right: 0; padding-top: 14px; display: none; }
.share-bar .popup-share .share-conts { width: 130px; padding: 16px 20px; background-color: #fff; }
.share-bar .popup-share dt { color: #999; margin-bottom: 8px; }
.share-bar .popup-share dd { line-height: 24px; padding: 8px 0; font-size: 14px; color: #666; cursor: pointer; transition: color .2s linear; }
.share-bar .popup-share dd img { float: left; width: 24px; height: 24px; margin-right: 13px; }
.share-bar .popup-share dd:hover { color: #FF562F; }
.share-bar .popup-share .img-block { margin: 12px 0 8px; }
.share-bar .popup-share .txt { text-align: center; color: #999; font-size: 12px; }
.share-bar.is-show .popup-share { display: block; }

/* conts-box */
.conts-box { position: relative; z-index: 5; width: 1200px; margin: 135px auto 48px; }
.bg1 { 
    position: absolute; left: 50%; top: -125px; right: 0; margin-left: -885px; z-index: -1;
    width: 1770px; height: 1543px; background: url('/pc/images/2021/pic/bg1.png') no-repeat center top; 
}
.bg2 { 
    position: absolute; left: -75px; top: 210px; right: 0; z-index: -1;
    width: 1388px; height: 933px; background: url('/pc/images/2021/pic/bg2.png') no-repeat center top; 
}
.bg1 .ico-left-1 { position: absolute; top: 309px;  left: 80px; width: 57px; height: 58px; background: url('/pc/images/2021/pic/bg_ico_left_1.png') no-repeat; }
.bg1 .ico-left-2 { position: absolute; top: 1709px; left: 102px; width: 108px; height: 66px; background: url('/pc/images/2021/pic/bg_ico_left_2.png') no-repeat; }
.bg1 .ico-left-3 { position: absolute; top: 1970px; left: -13px; width: 45px; height: 46px; background: url('/pc/images/2021/pic/bg_ico_left_3.png') no-repeat; }
.bg1 .ico-r-1    { position: absolute; top: 1097px; right: 105px; width: 58px; height: 98px; background: url('/pc/images/2021/pic/bg_ico_r1.png') no-repeat; }
.bg1 .ico-r-2    { position: absolute; top: 1906px; right: 37px; width: 301px; height: 219px; background: url('/pc/images/2021/pic/bg_ico_r2.png') no-repeat; }

	/**/
.box-tit { padding-top: 20px; text-align: center; }
.box-tit dt { position: relative; height: 52px; line-height: 52px; font-size: 40px; color: #DB9A62; font-weight: 600; }
.box-tit dt:before,
.box-tit dt:after { 
    position: absolute; top: 22px; content: ''; opacity: .5;
    width: 431px; height: 13px; background-size: 100% 100%;
}
.box-tit dt:before{ left:  0; background-image: url('/pc/images/2021/pic/tit-line-left.png'); }
.box-tit dt:after { right: 0; background-image: url('/pc/images/2021/pic/tit-line-right.png'); }
.box-tit dd { font-size: 20px; line-height: 26px; color: rgba(219,154,98, .5); margin-top: 20px; }
    /*view-list*/
.view-list { margin: 18px 0 0 -20px; }
.view-list li {
    float: left; width: 224px; height: 279px; margin: 30px 0 0 20px;
    border-radius: 10px; background-color: #fff; overflow: hidden;
    box-shadow: 0 0 20px 0 rgba(155, 25, 19, 0.4);
    -webkit-transition: all linear .3s; transition: all linear .3s; position: relative; top: 0;
}
.view-list li:hover { top: -8px; }
.view-list .img-block {
    width: 224px; height: 148px; overflow: hidden;
}
.view-list .conts {
    padding: 30px 20px 0; height: 101px; text-align: center;
}
.view-list .conts .tit {
    font-size: 18px; font-weight: 600; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; height: 20px;
}
.view-list .conts .txt {
    font-size: 14px; color: #bbb; margin-top: 15px;
    height: 40px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.view-list .pop {
    position: absolute; right: 0; bottom: 0; left: 0; height: 124px;
    background: linear-gradient(to bottom,rgba(255,255,255,.5) 0%, rgba(255,255,255,1) 70%); visibility: hidden; opacity: 0;
    -webkit-transition: all linear .3s; transition: all linear .3s;
}
.view-list li:hover .pop { 
    opacity: 1; visibility: visible;
}
.view-list .pop .btn {
    display: block; margin: 62px auto 0; text-align: center;
    width: 100px; height: 32px; line-height: 32px; border-radius: 16px;
    font-size: 14px; color: #fff; background-color: #FF562F;
}
.view-list .pop .btn:hover { opacity: .8; }

/* criterion-box */
.criterion-box { padding: 30px 40px; background-color: rgba(255,255,255, .05); border-radius: 10px; margin-top: 26px; }
.criterion-box dl { padding: 10px 0; }
.criterion-box dt { font-size: 16px; line-height: 22px; color: rgba(219,154,98, .7); margin-bottom: 8px; }
.criterion-box dd { font-size: 14px; line-height: 22px; color: rgba(255,255,255, .5); }

/* tips */
.tips { font-size: 14px; line-height: 28px; color: rgba(255,255,255, .25); margin-top: 16px; }