*{margin:0;padding:0}
*,:after,:before{box-sizing:border-box}
body,html{height:100%}
html{-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.6;font-size:14px;-webkit-tap-highlight-color:transparent}
button,input,select,textarea{outline:0;resize:none;border:none;-webkit-appearance:none;appearance:none;background:0 0;color:inherit;font:inherit}
body,button,input,select,textarea{-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;font-family:-apple-system-font,BlinkMacSystemFont,helvetica neue,pingfang sc,hiragino sans gb,microsoft yahei ui,microsoft yahei,Arial,sans-serif}
body{color:#282828;background:#fff}
img{border:none}
em{font-style:normal}

dd,dl,dt,li,ol,ul{list-style:none}
h1,h2,h3,h4{font-weight:400}
a{text-decoration:none;color:#282828;outline:0}
a:hover{text-decoration:none;color:#ff2a14}
.page-title img {max-width:20rem}
.pr5 {padding-right:5px;}
.article-content .dbox p{margin:0}
.article-content .dbox p.favgid {font-weight:bold;margin: 1rem 0 1rem;}
.wrapper{width:100%}
.content{width:100%;max-width:1740px;margin:0 auto}
.shadow{box-shadow:0 0 10px -3px rgba(0,0,0,.16)}
.box,.box::after,.box::before{box-shadow:0 7px 21px rgba(149,157,165,.22)}
.module-item-cover:hover,.shadow-larger{box-shadow:0 10px 30px rgba(0,0,0,.3)}
.btn-aux-o:hover,.drop:hover .drop-content-box,.shadow-drop{box-shadow:0 3px 12px rgba(0,0,0,.18)}
.block-box-bg,.block-box-content .title::after,.header-content .banyundog-com+.nav-search,.module-item-cover,.module-item-pic a,.module-item-pic a i,.nav-menu-icon::after,.switcher-label i,.transition{transition:all .3s ease-in}

.border::after,.btn-aux-o::after,.btn-block-o::after,.grid-more-link::after,.popup-btn-o::after{border:1px solid #d7dae1;position:absolute;top:0;left:0;width:100%;height:100%;content:"";-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none}
@media only screen and (max-width:1024px){.border::after,.btn-aux-o::after,.btn-block-o::after,.grid-more-link::after,.popup-btn-o::after{width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5)}
}
.bg{background-image:url(bg.png);background-repeat: no-repeat;background-position: 50% 0;background-size: cover;width: 100%;height: 500px;position: fixed;top: 0;}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.disabled{cursor:not-allowed!important}


.page-title{    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 1rem 0 2rem;}

.top-main{color:#fff}
.top-main{height:30px;line-height:30px;font-size:16px}
.top-main::before{content:'';height:180%;width:180%;border-radius:8px;transform:rotate(45deg);position:absolute;top:-40%;right:20%;z-index:-1}
.top-1::before{background:linear-gradient(90deg,#ffdf7d,#ffbd27)}
.top-2::before{background:linear-gradient(90deg,#d0d0d0,#b0bbc6)}
.top-3::before{background:linear-gradient(90deg,#ead9be,#c8be99)}

.block-box-item:last-child .block-box-bg{transform:scale(1.8);text-align:left}
.box{padding:25px;background:#fff;border-radius:18px;margin:50px 0 50px;position:relative}
.box::after,.box::before{height:100%;position:absolute;border-radius:18px}
.box::after{content:'';bottom:-13px;left:16px;width:calc(100% - 32px);z-index:-2}
.box::before{content:'';bottom:-6px;left:6px;width:calc(100% - 12px);z-index:-1;background:#fff}

align:0}
.video-info-footer .btn-aux i,.video-info-footer .noplaylist i{vertical-align:-1px}
#page{padding-top:10px}

.article main{position:relative}
.article main::after{content:'';position:absolute;width:100%;height:200px;background:#eaedf1;z-index:-3;bottom:-100px}
.article .box{margin-bottom:100px;padding-bottom:100px}
.article-content{padding:0 260px 0 30px;z-index:2;position:relative}
.article-content h2{font-size:26px;font-weight:700;margin:25px 0;position:relative}
.article-content h3{font-size:20px;font-weight:700;margin:18px 0}
.article-content h2::after{content:'';position:absolute;bottom:-10px;width:38px;left:1px;height:4px;background:#ff2a14;background:linear-gradient(90deg,#ff9800,#ff2a14)!important;border-radius:50px}
.article-content p{font-size:16px;margin:20px 0;line-height:1.88}
.article-content hr{height:2px;background:#e3e6eb;border:none;margin:40px 0}
.article-content a{color: #333;border-bottom: 1px solid #4f6ef29c;}
.article-content b{position:relative}
.article-content b::after{content:'';position:absolute;width:100%;height:10px;background:#ffd41e;z-index:-3;left:0;bottom:-3px}
.article-content em{margin:0 5px}
.article-content li{font-size:16px;list-style:circle;line-height:1.88}
.article-content i{margin:0 5px;color:#8f8f8f}
.article-content img{border-radius:10px;border:1px solid rgba(0,0,0,.1)}
.article-content .article-imglist{margin:10px -5px 0}

.article-bg,.article-bg01{background:url(bg2.png) no-repeat;position:absolute;z-index:1;right:0;width:100%;height:130px;background-size:contain}
.article-bg{background-position:right;border-radius:0 18px 0 0;top:0}
.article-bg01{background-position:right -60px;bottom:0;transform:rotate(180deg)}
.article-content .article-btn{border-radius:50px;font-weight:900;color:#fff;margin-right:10px;padding:0 25px}



@media(max-width:1239px){.content{max-width:100%;padding:0 30px}}

.article-content{padding:0 50px}
.article-bg{height:80px}


@media(max-width:899px){.ovauto{overflow:auto}
.page #header{padding-top:60px!important}
.page #header{margin-bottom:20px}

.content{padding:0 20px}

.drop:hover .shortcuts-mobile-overlay{background-color:rgba(0,0,0,.1)}


.pad{display:block}

.box{margin:10px -20px 50px;padding:30px 20px 20px;border-radius:0 0 18px 18px}
.box.view-heading{padding:20px 20px 25px 25px}
.list-more .page-heading{padding-bottom:20px}
.list-header .block-box-item{width:14vw}

.article-content{padding:0 15px}
.article-content li,.article-content p{font-size:14px}
.article-content p img{max-width:45%!important}
.article-content p img.big-img{max-width:92%!important}
.article-bg{height:80px;border-radius:0}
.article main::after{bottom:-70px}
.article .box{margin-bottom:70px}
}

@media(max-width:559px){#header{padding-top:60px!important}

.content{padding:0 15px}

.plus em{right:4px}
.nav-search{display:none}
.brand{display:none}

.display{display:none}


.box{margin:10px -15px -15px;padding:15px}
.box::before{bottom:-4px}
.box::after{bottom:-9px}



.article-content{padding:0 10px 0 18px}
.article-content h2{font-size:18px}
.article-content h3{font-size:16px}
.article-content img{border-radius:5px}


@media(max-width:767px){
.page-title img {max-width:80%}

}