.page_list{margin-top: 3%;display: flex;justify-content: space-between;align-items: start;}
.page_list .left{width: 30%;max-width: 270px;position: sticky;top: 100px;}
.page_list .left .smtitle{font-size: 18px;color: var(--conmmonColor);font-weight: bold;}
.page_list .layout .left .info .title{font-size: 30px;font-weight: bold;line-height: 1.2;margin: 4% 0 6%;}
.page_list .layout .left .desc{font-size: 16px;color: #666;}
.page_list .layout .left .title{font-size: 18px;margin-top: 3%;font-weight: bold;}
.page_list .layout .left li{padding: 5px 0;}
.page_list .layout .left li a{font-size: 16px;color: #999;font-weight: bold;}
.page_list .layout .left li.active a{color: var(--conmmonColor);}
.page_list .layout .left .contace{padding: 8% 0 5%;border-top: 1px solid #eaeaea;}
.page_list .layout .left .desc{color: #666;}
.page_list .layout .left .link{font-size: 16px;color: #000;text-decoration: underline;display: inline-block;margin-top: 5px;}

.page_list .right{width: 68%;}
.page_list .right>.title{font-size: 30px;font-weight: bold;color: #000;text-align: center;}
.page_list .right>.tabs{display: flex;margin: 2% 0 2%;font-size: 20px;display: flex;justify-content: start;align-items: center;}
.page_list .right .tab{border: 1px solid var(--conmmonColor);transition: all .5s;margin: 0 10px;color: var(--conmmonColor);background-color: #fff;border-radius: 12px;padding: 2px 2%;width: fit-content;font-size: 16px;font-weight: 500;display: flex;justify-content: center;align-items: center;}
.page_list .right .tab:hover{background-color: var(--conmmonColor);color:#fff;border-color: var(--conmmonColor);}
.page_list .right .tab.active{background-color: var(--conmmonColor);color:#fff;border-color: var(--conmmonColor);}

.page_list .right .warp_list{justify-content: space-between;align-items: start;display: none;flex-wrap: wrap;margin-top: 3%;}
.page_list .right .warp_list:nth-child(1){display: flex;}
.page_list .right .item{width: 32%;margin-right: 1.3%;margin-bottom: 2%;}
.page_list .right .item:nth-child(3n){margin-right: 0;}
.page_list .right .item .img_warp{padding-bottom: 56%;}
.page_list .right .item .img_warp .player{width: 37px;height: 37px;display: inline-block;background-color: rgba(0,0,0,.49);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.page_list .right .item .img_warp .player::before{content: ' ';display: inline-block;width: 0;height: 0;border-left: 10px solid #fff;border-right: 10px solid transparent;border-bottom: 8px solid transparent;border-top: 8px solid transparent;transform: translateX(33%);}
.page_list .right .item .info{background-color: #F5F5F5;padding: 10px 10px;font-size: 16px;color: #000;}
.page_list .right .item .title{font-size: 16px;color: #000;}
.page_list .right .item .title:hover{text-decoration: underline;}
.page_list .right .page{margin-top: 3%;}



@media only screen and (max-width: 950px) {
.page_list .right .item{width: 48%;margin-right: 2%;margin-bottom: 2%;}
.page_list .right .item:nth-child(3n){margin-right: 2%;}
.page_list .right .item:nth-child(2n){margin-right: 0;}



}