/* Rules measured from the live category template, scoped to category pages. */
.legacy-category .actcont-auto{display:block;gap:normal}
.legacy-category .ctitle-hd{border-left:0}
.legacy-category .vervideo-title{overflow-wrap:normal}
.legacy-category{margin: 0px; background-color: rgb(255, 255, 255); font: 14px / 1.4 "pingfang sc", "Segoe UI", "Microsoft YaHei", "Hiragino Sans GB", arial, sans-serif; color: rgb(51, 51, 51); -webkit-font-smoothing: antialiased; text-size-adjust: none;}
.legacy-category ul,.legacy-category li,.legacy-category ol{list-style: none; padding-left: 0px;}
.legacy-category h1,.legacy-category h2,.legacy-category h3,.legacy-category h4,.legacy-category h5,.legacy-category h6,.legacy-category p,.legacy-category ul,.legacy-category ol,.legacy-category form{margin: 0px; font-size: 100%; font-weight: normal; -webkit-tap-highlight-color: transparent;}
.legacy-category em{font-style: normal;}
.legacy-category img{border: 0px;}
.legacy-category input,.legacy-category img{vertical-align: middle; border-style: solid;}
.legacy-category input,.legacy-category textarea{font-family: tahoma, arial, "pingfang sc", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;}
.legacy-category *{box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
.legacy-category a{text-decoration: none; color: rgb(51, 51, 51); -webkit-tap-highlight-color: transparent;}
.legacy-category a:hover{text-decoration: none;}
.legacy-category a{}
.legacy-category :focus{outline: none;}
.legacy-category .clearfix{zoom: 1;}
.legacy-category .clearfix::after{content: " "; display: block; height: 0px; clear: both;}
.legacy-category .actcont-auto{position: absolute; bottom: 0px; left: 0px; z-index: 2; width: 100%; height: 16px; text-align: center;}
.legacy-category .actcont-auto span,.legacy-category .actcont-auto a{float: left; margin-right: 10px; display: inline-block; vertical-align: middle; height: 16px; line-height: 16px; font-size: 12px; color: rgb(153, 153, 153);}
.legacy-category .actcont-auto .column{position: relative; padding-right: 11px;}
.legacy-category .actcont-auto .column::after{position: absolute; right: 0px; top: 2px; z-index: 1; content: " "; width: 1px; height: 12px; background-color: rgb(153, 153, 153);}
.legacy-category .actcont-auto .fav{margin-right: 0px; padding-left: 18px; min-width: 32px; background-image: url("/img/act_fav_icon.png"); background-repeat: no-repeat; background-position: 0px 2px; background-size: 14px auto; cursor: pointer;}
.legacy-category .actcont-auto .fav:hover{background-position: 0px -17px;}
.legacy-category.category-main{margin: 0px auto; padding: 0px 40px; max-width: 1280px;}
.legacy-category .category-title{position: relative; padding: 0px 10px; height: 48px; line-height: 48px; font-size: 48px; color: rgb(51, 51, 51);}
@media (max-width: 400px){
.legacy-category .category-title{font-size: 16px;}
}
.legacy-category .category-title .rtto-popular{position: absolute; right: 10px; top: 8px; z-index: 1; padding: 0px 12px; display: block; min-width: 50px; height: 32px; line-height: 30px; font-size: 16px; color: rgb(255, 141, 0); text-align: center; border: 1px solid rgb(255, 141, 0); border-radius: 4px;}
.legacy-category .category-title .rtto-popular:hover{line-height: 32px; color: rgb(255, 255, 255); border: 0px; background-color: rgb(255, 161, 0);}
.legacy-category.cmmain{margin-top: 130px;}
@media (max-width: 700px){
.legacy-category.cmmain{margin-top: 90px;}
}
.legacy-category .vervideo-bd{position: relative; padding-bottom: 22px;}
.legacy-category .vervideo-lilink{width: 100%; display: block;}
.legacy-category .vervideo-img{position: relative; padding-bottom: 56.25%; width: 100%; height: 0px; overflow: hidden;}
.legacy-category .vervideo-img .verimg-view{position: absolute; left: 0px; top: 0px; z-index: 0; width: 100%; height: 100%; overflow: hidden;}
.legacy-category .vervideo-img .verimg-view .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 1.2s;}
.legacy-category .vervideo-title{margin-top: 15px; height: 22px; line-height: 22px; font-size: 20px; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.legacy-category .cm-duration{position: absolute; right: 10px; bottom: 10px; z-index: 2; padding: 0px 5px; min-width: 44px; height: 20px; line-height: 20px; font-size: 12px; color: rgb(215, 215, 215); text-align: center; background-color: rgba(0, 0, 0, 0.7); border-radius: 2px;}
@media only screen and (min-width: 320px) and (max-width: 759px){
.legacy-category .vervideo-title{margin-top: 5px; height: 36px; line-height: 18px; font-size: 14px; color: rgb(51, 51, 51); text-overflow: clip; white-space: normal;}
}
@media only screen and (min-width: 992px){
.legacy-category .vervideo-lilink:hover .vervideo-title{color: rgb(255, 141, 0);}
.legacy-category .vervideo-lilink:hover .verimg-view .img{transform: scale(1.1);}
.legacy-category .column:hover{color: rgb(255, 141, 0) !important;}
}
@media screen and (max-width: 760px){
.legacy-category .video-type-video3{display: none !important;}
}
.legacy-category .listvideo-list-bd{position: relative;}
.legacy-category .listvideo-list,.legacy-category .category-list{width: 100%;}
.legacy-category .listvideo-list .categoryem,.legacy-category .category-list .categoryem{float: left; padding: 0px 10px 28px; width: 33.333%;}
.legacy-category .listvideo-list .vervideo-title,.legacy-category .category-list .vervideo-title{margin-top: 20px; height: 24px; line-height: 22px; font-size: 22px;}
.legacy-category .listvideo-list .vervideo-bd,.legacy-category .category-list .vervideo-bd{padding-bottom: 27px;}
.legacy-category .ctitle-hd{position: relative; margin: 0px 6px 0px 10px; padding: 20px 0px; min-height: 60px; border-top: 1px solid rgb(242, 242, 242);}
.legacy-category .ctitle-hd .ctitle-name{position: absolute; top: 20px; left: 0px; z-index: 1; padding-left: 10px; height: 20px; line-height: 20px; font-size: 16px; color: rgb(51, 51, 51); border-left: 2px solid rgb(255, 141, 0);}
.legacy-category .category-hot{margin-top: 30px;}
.legacy-category .category-new{margin-top: 0px;}
@media only screen and (max-width: 759px){
.legacy-category .cm-duration{right: 14px; bottom: 6px;}
}
@media only screen and (min-width: 760px) and (max-width: 991px){
.legacy-category.category-main{padding: 40px 12px 0px;}
.legacy-category .listvideo-list .categoryem,.legacy-category .category-list .categoryem{padding: 0px 10px 18px;}
.legacy-category .listvideo-list .vervideo-title,.legacy-category .category-list .vervideo-title{margin-top: 15px; height: 16px; line-height: 14px; font-size: 14px;}
}
@media only screen and (min-width: 400px) and (max-width: 759px){
.legacy-category .category-title{padding: 0px 20px; height: 28px; line-height: 28px; font-size: 28px; color: rgb(51, 51, 51);}
}
@media only screen and (max-width: 399px){
.legacy-category .category-title{padding: 0px 10px; font-size: 16px; color: rgb(51, 51, 51);}
}
@media only screen and (min-width: 320px) and (max-width: 759px){
.legacy-category.category-main{padding: 20px 0px 0px;}
.legacy-category .category-top{padding: 0px; overflow: hidden;}
.legacy-category .ctitle-hd{margin: 0px 10px; padding: 15px 0px 20px; min-height: 55px;}
.legacy-category .ctitle-hd .ctitle-name{top: 15px;}
.legacy-category .category-hot{margin-top: 20px; padding: 15px 0px; min-height: 50px;}
.legacy-category .listvideo-list,.legacy-category .category-list:not(.column-index){padding: 0px 5px;}
.legacy-category .listvideo-list .categoryem,.legacy-category .category-list:not(.column-index) .categoryem{padding: 0px 5px 18px; width: 50%;}
.legacy-category .listvideo-list .vervideo-bd,.legacy-category .category-list:not(.column-index) .vervideo-bd{padding-bottom: 20px;}
.legacy-category .listvideo-list .vervideo-title,.legacy-category .category-list:not(.column-index) .vervideo-title{margin-top: 5px; height: 36px; line-height: 18px; font-size: 14px;}
.legacy-category .listvideo-list .actcont-auto .column,.legacy-category .category-list:not(.column-index) .actcont-auto .column{padding-right: 0px; margin-right: 0px;}
.legacy-category .listvideo-list .actcont-auto .column::after,.legacy-category .category-list:not(.column-index) .actcont-auto .column::after{display: none;}
.legacy-category .listvideo-list .actcont-auto .fav,.legacy-category .category-list:not(.column-index) .actcont-auto .fav{display: none;}
}
@media only screen and (min-width: 992px) and (max-width: 1080px){
.legacy-category .listvideo-list .vervideo-title,.legacy-category .category-list .vervideo-title{margin-top: 15px; height: 18px; line-height: 16px; font-size: 16px;}
}
@media only screen and (min-width: 1081px) and (max-width: 1220px){
.legacy-category .listvideo-list .vervideo-title,.legacy-category .category-list .vervideo-title{height: 18px; line-height: 18px; font-size: 18px;}
}
@media only screen and (min-width: 1600px){
.legacy-category.category-main{max-width: 1440px;}
}
.legacy-category{margin: 0px; background-color: rgb(255, 255, 255); font: 14px / 1.4 "pingfang sc", "Segoe UI", "Microsoft YaHei", "Hiragino Sans GB", arial, sans-serif; color: rgb(51, 51, 51); -webkit-font-smoothing: antialiased; text-size-adjust: none;}
.legacy-category ul,.legacy-category li,.legacy-category ol{list-style: none; padding-left: 0px;}
.legacy-category h1,.legacy-category h2,.legacy-category h3,.legacy-category h4,.legacy-category h5,.legacy-category h6,.legacy-category p,.legacy-category ul,.legacy-category ol,.legacy-category form{margin: 0px; font-size: 100%; font-weight: normal; -webkit-tap-highlight-color: transparent;}
.legacy-category em{font-style: normal;}
.legacy-category img{border: 0px;}
.legacy-category input,.legacy-category img{vertical-align: middle; border-style: solid;}
.legacy-category input,.legacy-category textarea{font-family: tahoma, arial, "pingfang sc", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;}
.legacy-category *{box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
.legacy-category a{text-decoration: none; color: rgb(51, 51, 51); -webkit-tap-highlight-color: transparent;}
.legacy-category a:hover{text-decoration: none;}
.legacy-category a{}
.legacy-category :focus{outline: none;}
.legacy-category .clearfix{zoom: 1;}
.legacy-category .clearfix::after{content: " "; display: block; height: 0px; clear: both;}
.legacy-category .actcont-auto{position: absolute; bottom: 0px; left: 0px; z-index: 2; width: 100%; height: 16px; text-align: center;}
.legacy-category .actcont-auto span,.legacy-category .actcont-auto a{float: left; margin-right: 10px; display: inline-block; vertical-align: middle; height: 16px; line-height: 16px; font-size: 12px; color: rgb(153, 153, 153);}
.legacy-category .actcont-auto .column{position: relative; padding-right: 11px;}
.legacy-category .actcont-auto .column::after{position: absolute; right: 0px; top: 2px; z-index: 1; content: " "; width: 1px; height: 12px; background-color: rgb(153, 153, 153);}
.legacy-category .actcont-auto .fav{margin-right: 0px; padding-left: 18px; min-width: 32px; background-image: url("/img/act_fav_icon.png"); background-repeat: no-repeat; background-position: 0px 2px; background-size: 14px auto; cursor: pointer;}
.legacy-category .actcont-auto .fav:hover{background-position: 0px -17px;}
.legacy-category.category-main{margin: 0px auto; padding: 0px 40px; max-width: 1280px;}
.legacy-category .category-title{position: relative; padding: 0px 10px; height: 48px; line-height: 48px; font-size: 48px; color: rgb(51, 51, 51);}
@media (max-width: 400px){
.legacy-category .category-title{font-size: 16px;}
}
.legacy-category .category-title .rtto-popular{position: absolute; right: 10px; top: 8px; z-index: 1; padding: 0px 12px; display: block; min-width: 50px; height: 32px; line-height: 30px; font-size: 16px; color: rgb(255, 141, 0); text-align: center; border: 1px solid rgb(255, 141, 0); border-radius: 4px;}
.legacy-category .category-title .rtto-popular:hover{line-height: 32px; color: rgb(255, 255, 255); border: 0px; background-color: rgb(255, 161, 0);}
.legacy-category.cmmain{margin-top: 130px;}
@media (max-width: 700px){
.legacy-category.cmmain{margin-top: 90px;}
}
.legacy-category .vervideo-bd{position: relative; padding-bottom: 22px;}
.legacy-category .vervideo-lilink{width: 100%; display: block;}
.legacy-category .vervideo-img{position: relative; padding-bottom: 56.25%; width: 100%; height: 0px; overflow: hidden;}
.legacy-category .vervideo-img .verimg-view{position: absolute; left: 0px; top: 0px; z-index: 0; width: 100%; height: 100%; overflow: hidden;}
.legacy-category .vervideo-img .verimg-view .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 1.2s;}
.legacy-category .vervideo-title{margin-top: 15px; height: 22px; line-height: 22px; font-size: 20px; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.legacy-category .cm-duration{position: absolute; right: 10px; bottom: 10px; z-index: 2; padding: 0px 5px; min-width: 44px; height: 20px; line-height: 20px; font-size: 12px; color: rgb(215, 215, 215); text-align: center; background-color: rgba(0, 0, 0, 0.7); border-radius: 2px;}
@media only screen and (min-width: 320px) and (max-width: 759px){
.legacy-category .vervideo-title{margin-top: 5px; height: 36px; line-height: 18px; font-size: 14px; color: rgb(51, 51, 51); text-overflow: clip; white-space: normal;}
}
@media only screen and (min-width: 992px){
.legacy-category .vervideo-lilink:hover .vervideo-title{color: rgb(255, 141, 0);}
.legacy-category .vervideo-lilink:hover .verimg-view .img{transform: scale(1.1);}
.legacy-category .column:hover{color: rgb(255, 141, 0) !important;}
}

body[data-content-preview=true] .legacy-category.cmmain{padding-top:0;margin-top:130px}
@media(max-width:700px){body[data-content-preview=true] .legacy-category.cmmain{margin-top:90px}}
.legacy-category .category-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 24px;height:auto;margin:30px 0 36px;padding:0 10px;font-size:13px;line-height:1.5}
.legacy-category .page-status{display:flex;align-items:center;gap:12px;white-space:nowrap;color:#757575;font-variant-numeric:tabular-nums}
.legacy-category .page-controls,.legacy-category .page-numbers,.legacy-category .page-jump{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;white-space:nowrap}
.legacy-category .page-controls{flex:0 0 auto}
.legacy-category .page-control,.legacy-category .pagelink_b,.legacy-category .pagenow,.legacy-category .pagego,.legacy-category .pagebtn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0;margin:0;border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:#333;font:inherit;text-align:center;line-height:1;transition:background-color .15s,border-color .15s,color .15s}
.legacy-category .page-control svg{display:block;flex:none}
.legacy-category .pagenow{border-color:#a63c42;background:#a63c42;color:#fff;font-weight:600}
.legacy-category .page-control:disabled{border-color:#ededed;background:#fafafa;color:#bbb;cursor:default}
.legacy-category .pagego{width:56px;min-width:0;padding:0 6px;line-height:normal}
.legacy-category .pagebtn{width:auto;min-width:56px;padding:0 12px;cursor:pointer}
.legacy-category .category-pagination :focus-visible{outline:2px solid #a63c42;outline-offset:3px}
@media(hover:hover){
.legacy-category .page-control[href]:hover,.legacy-category .pagelink_b:hover,.legacy-category .pagebtn:hover{border-color:#d4b0b3;background:#faf3f3;color:#a63c42}
}
@media(max-width:760px){
.legacy-category .category-pagination{flex-direction:column;gap:12px;margin:24px 0 32px}
.legacy-category #page-summary,.legacy-category .page-numbers,.legacy-category .page-jump{display:none}
.legacy-category .page-controls{gap:10px}
}

.desktop-nav a[aria-current=page]{border-bottom:2px solid #a63c42;padding-bottom:6px;margin-bottom:-8px}

/* Override the legacy 400px breakpoint and later desktop rule on every phone. */
@media(max-width:759px){
 .legacy-category h1.category-title{height:auto;min-height:34px;font-size:24px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
}