@charset "utf-8";
/* sideMenu */
#sideMenu{}
#sideMenu .hd{text-align: center;}
#sideMenu .hd h3{display: inline-block; padding: 0 25px; margin: 0 auto; background: url(../../Base/img/icons.png) 0px -64px no-repeat;}
#sideMenu .bd{padding: 0px;}
#sideMenu .menuList{padding: 0px;}
#sideMenu .menuList li{height: 40px; border-bottom: 1px solid #e6e6e6;}
#sideMenu .menuList li a{display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background: url(../../Base/img/icons.png) 96% -147px no-repeat;}
#sideMenu .menuList li a:hover{color: #0068b7; background-color: #f5f5f5; text-decoration: none;}
#sideMenu .menuList li.on a{color: #0068b7; background-color: #f5f5f5; text-decoration: none;}
#sideMenu .menuList li:last-child{border-bottom: none;}
/* 文章首页 -----------------------------------------*/
.newsCenterPage .focusBox{width: 44%; float: left; margin-right: 15px;}
.newsCenterPage #columnA{height: 248px;}
.newsCenterPage #columnA .infoList{overflow: hidden; zoom: 1;}
.newsCenterPage #columnB{margin-bottom: 0}
.boxLoop { display:flex; gap:2%}
.boxLoop .box{width:49%;padding:20px;box-sizing:border-box;background: none;}
.boxLoop .box .bd{padding: 10px 0px;}
.boxLoop .box .bd .infoList{}
.boxLoop .box .bd .picListFl{height: 225px;}
.boxLoop .box .bd .picListFl li{width: 24%;}
.pageSlide{background: #FFFFFF80;position: relative;margin-block: 20px;}
.pageSlide li{overflow: hidden;display: flex;}
.pageSlide .pic{width: 50%;}
.pageSlide .pic img{width: 100%;height: auto;}
.pageSlide .con{overflow: hidden;zoom: 1;padding: 20px 40px 40px;flex: 1;display: flex;flex-direction: column;justify-content: center;gap: 25px;}
.pageSlide .titleBg { display:none}
.pageSlide .title{font-size: 22px; line-height: 34px; max-height: 68px; _height: 68px; overflow: hidden;}
.pageSlide .title a{color: #333;display: block;font-weight: bold;}
.pageSlide .date{display: block;color: #999;order: 1;font-size: 16px;}
.pageSlide .intro{color: #777;font-size: 16px;line-height: 2;text-align: justify;overflow: hidden;-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;text-indent: 2em;}
.pageSlide .intro .more{display: none}
.pageSlide .hd{text-align: center;width: 50%;position: absolute;z-index: 1;bottom: 20px;right: 0;height: 20px;font-size: 0;display:flex;justify-content: center;}
.pageSlide .hd li{display: inline-block; *display: inline; zoom: 1; cursor: pointer; width: 20px; height: 20px; border-radius:10px; background: #ddd; overflow: hidden; margin:0  4px;}
.pageSlide .hd li span{display: none;}
.pageSlide .hd .on{background: #AD0804}
/* 文章列表页 -----------------------------------------*/
#sideWeiXin .bd{text-align: center}
/* 领导信息 - 列表页 ----------------------------------*/
.leaderList li{border-bottom: 1px dotted #ccc; padding: 20px 20px; background: #fff;}
.leaderList .title{margin-bottom: 5px;}
.leaderList .title a{color: #0068B7; font-size: 16px;}
.leaderList .job,
.leaderList .work{padding-left: 23px; background: url(../../Base/img/icons.png) 0 -256px no-repeat;}
.leaderList .work{background-position: 3px -338px; float: left;}
.leaderList .intro span{display: block;}
.leaderList .text{color: #888; overflow: hidden; zoom: 1;}
.leaderList .intro .more{display: none}
/* 领导信息 - 内容页 ----------------------------------*/
.leaderContent{background: #fff;}
.leaderDetail{position: relative; overflow: hidden; padding: 2% 1%; font-size: 16px;}
.leaderDetail .sTitle{border-bottom: 0; font-size: 24px; text-align: center;}
.leaderDetail .boxE{margin-bottom: 35px;}
.leaderDetail .bd{line-height: 30px; padding: 15px 5px; /* color:#777; */}
.leaderDetail .leaderIntro{max-height: 540px; overflow-y: scroll;}
.leaderDetail .work{text-indent: 2em; padding: 20px 0; /* color:#777; */ margin-bottom: 20px;}
.leaderDetail .writeBtn{float: right; margin-top: -35px; height: 40px; line-height: 40px; font-size: 20px; background: url(../../Base/img/icons.png) 15px -429px no-repeat #DC221A; color: #fff; padding: 0 15px 0 50px;}
.leaderDetail .writeBtn:hover{background-color: #BB1F19; color: #fff; text-decoration: none;}
.leaderDetail .infoList li{height: 36px; line-height: 36px;}
.leaderDetail-boxWrap{overflow: hidden;}
.leaderDetail-boxWrap .boxE{width: 48%;}
/* 内容带图片的信息列表_图片判断式 */
.pageTPList {display:flex;flex-direction: column;gap: 20px;}
.pageTPList li{padding: 20px;border-bottom: 1px solid #E1E1E1;overflow: hidden;}
.pageTPList .pic{float: left;margin-right: 30px;width: 240px;}
.pageTPList .pic img{width: 100%; height: auto;}
.pageTPList .con{overflow: hidden; zoom: 1}
.pageTPList .title{font-size: 18px;font-weight: bold;line-height: 24px;overflow: hidden;margin-bottom: 15px;}
.pageTPList .title a { color:#C21C1C}
.pageTPList .intro{margin-bottom: 15px;line-height: 24px;color: #999;max-height: 48px;_height: 50px;overflow: hidden;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; /* 限制文本为3行 */}
.pageTPList .title a:hover{text-decoration: none}
.pageTPList .intro .more{display: none;}
.pageTPList .others{font-size: 13px; color: #aaa;}
.pageTPList .others span{margin-right: 5px;}
.pageTPList .others .date { padding-left:18px; background:url(../../base/img/listdateico.svg) no-repeat 0}
.pageTPList .others .hits { padding-left:18px; background:url(../../base/img/listhitsico.svg) no-repeat 0}
.pageTPList .node{color: #aaa; margin-right: 15px;}
.pageTPList .last{border-bottom: 0; margin-bottom: 0;}
.pageTPList .on{background: #F9F9F9}
.pageTPList .bds_more,
.pageTPList #bdshare{vertical-align: middle; background: url(../../Base/img/icons.png) 0 -2142px no-repeat !important; padding: 0 !important; width: 17px !important; height: 17px !important; float: none !important; display: inline-block !important; padding: 0 !important; margin: 0 !important;}
.pageTPList.headline .t {display:flex;align-items: center;}
.pageTPList.headline .t .pic { width:600px;}
.pageTPList.headline .t .con { flex:1}
.pageTPList.headline .t .title { font-size:24px; line-height:1.5}
.pageTPList.headline .t .intro {max-height: 72px;}
.pageTPList.headline .t .others span { padding:0; background:none;}
.pageTPList.headline .t .others .hits { display:none;}
.pageTPList.headline .t .node {margin-bottom: 15px;display: block;}
.pageTPList.headline .t .node a{font-size:20px; font-weight:bold; color:#ad0804;}
/* newsList */
.newsList li{height: 24px; line-height: 24px; padding:18px 0; overflow: hidden; border-bottom:1px solid #eee }
.newsList li a{font-size: 18px;padding-left: 24px;background: url(../../Base/img/liteicon.png) 0px no-repeat;}
.newsList .date{float: right;color: #999;font-size: 18px;}
.newsList .node{color: #999; margin-right: 10px;}
.newsList li.split{height: 16px; background: none; border-bottom: 1px dashed #999999; margin-bottom: 16px;}
/* 友情链接列表页 -----------------------------------------*/
.friendLinkList{overflow: hidden; zoom: 1; padding: 10px 0 10px 10px;}
.friendLinkList li{width: 28%; height: 36px; line-height: 36px; padding: 0 3.5% 0 1.5%; background: url(../../Base/img/icons.png) 0 -378px no-repeat; float: left; overflow: hidden;}
/* 文章内容页 -----------------------------------------*/
.subheading{font-size: 16px;}
.noSideContent .printArea .conTxt{padding: 0 30px;}
.articleCon{text-align: left; padding: 20px;}
.printArea .title{font-size: 28px;font-weight: bold;padding: 0 30px;line-height: 1.5;text-align: center;margin-bottom: 30px;color: #AD0804;}
.printArea .subTitle{font-size: 20px; color: #555; text-align: center; margin-bottom: 20px;}
.printArea .property{font-size: 14px;margin-bottom: 20px;padding: 0 10px 20px;text-align: center;color: #777;border-bottom: 1px solid #EAEAEA;}
.printArea .property span{padding: 0 5px;}
.printArea .conTxt{color: #333; font-size: 16px; line-height: 2; padding: 0 0 20px 0; overflow: hidden;}
.printArea .conTxt img{max-width: 800px;height: auto !important;margin: 0 auto!important;display: block!important;}
.printArea .conTxt canvas { max-width:100%; height:auto}
.printArea .conTxt p{margin-bottom: 20px;}
.printArea .conTxt a{color: blue; text-decoration: underline;}
.printArea .conTxt em{font-style: italic;}
.printArea .conTxt ul,
.printArea .conTxt ol{padding-left: 2em;}
.printArea .conTxt ul li{zoom: normal; list-style: inherit; *list-style: square; text-indent: 0 !important;}
.printArea .conTxt ol li{zoom: normal; list-style: inherit; *list-style: decimal; text-indent: 0 !important;}
.printArea .conTxt h1{font-size: 2em; margin: .67em 0;}
.printArea .conTxt h2{font-size: 1.5em; margin: .75em 0;}
.printArea .conTxt h3{font-size: 1.17em; margin: .83em 0;}
.printArea .conTxt h5{font-size: .83em; margin: 1.5em 0;}
.printArea .conTxt h6{font-size: .75em; margin: 1.67em 0;}
.printArea .conTxt h1,
.printArea .conTxt h2,
.printArea .conTxt h3,
.printArea .conTxt h4,
.printArea .conTxt h5,
.printArea .conTxt h6,
.printArea .conTxt b,
.printArea .conTxt strong{font-weight: bolder;}
.printArea .videoPlayer{position: relative; z-index: 1500; background: #000; width: 800px; text-align: center; margin: 20px auto; height: 480px;}
.articleCon .userControl{font-size: 14px; border-bottom: 1px solid #ddd; overflow: hidden; text-align: left; margin-bottom: 20px; padding: 10px 0;}
.articleCon .userControl .a{color: #777; margin: 10px 10px 0 0; float: left;}
.articleCon .userControl .bdsharebuttonbox{float: right;}
.articleCon .page{padding: 10px 0; text-align: center; overflow: hidden;}
.articleCon .others{margin-bottom: 15px;}
.articleCon .others .prev,
.articleCon .others .next{padding: 5px 0;}
/* 相关信息 */
#relativeInfo{border-bottom: 1px solid #ddd;}
#relativeInfo .bd{padding: 10px 0 20px 0;}
#relativeInfo ul{overflow: hidden;}
#relativeInfo li{float: left; width: 50%;}
/* 文章内容页-个性风格 ----------------------------------------- */
#content.contentStyle2 {margin-top: -70px;background: #ffffff60 url(../../base/img/contentbg.png) no-repeat top;padding-top: 40px;
    & .mainBox .mHd {background:none;border:none;margin-bottom: 90px;}
    & .printArea .title { padding:0 100px}
    & .printArea .property { margin:0 40px;}
    & .printArea .conTxt {padding: 20px 0;margin: 0 50px;}
}
/* 图片-列表页 ----------------------------------------- */
.picPageList{overflow: hidden;text-align: center;display: flex;flex-wrap: wrap;gap: 2.5%;}
.picPageList li{width: 31.6%;position: relative;overflow: hidden;margin-bottom: 25px;}
.picPageList .pic{}
.picPageList .pic img{height: auto;width: 100%;}
.picPageList .title,
.picPageList .titleBg{overflow: hidden;line-height: 24px;padding: 5px 0;height: 64px;color: #333; transition:all 0.5s;display: flex;justify-content: center;align-items: center;}
.picPageList .titleBg{display: none;}
.picPageList .title a{padding: 0 10px;font-size: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.picPageList .title:hover { background:#AD0804; color:#fff;}
.picPageList .title:hover a { color:#fff; text-decoration:none; font-weight:bold;}
/* 视频-列表页 ----------------------------------------- */
.vedioPageList{margin-right: -3%; overflow: hidden; text-align: center;}
.vedioPageList li{float: left; width: 30.3%; margin: 1.5% 3% 2.5% 0; display: inline;}
.vedioPageList .pic{background: #fff; border: 1px solid #ddd; position: relative;}
.vedioPageList .pic a{display: block; margin: 3%; overflow: hidden;}
.vedioPageList .pic .ico{position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; margin-left: -31px; margin-top: -31px; background: url(../../Base/img/playButton.png) 0 0 no-repeat; display: none; filter: alpha(opacity=80); opacity: 0.8;}
.vedioPageList .pic img{height: 194px; width: 100%; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
.vedioPageList .title{overflow: hidden; padding-top: 5px; line-height: 24px; height: 48px; text-align: left; font-size: 14px; padding-left: 25px; background: url(../../Base/img/icons.png) 0 -2218px no-repeat;}
.vedioPageList .title a{}
.vedioPageList .pic:hover{border-color: #bbb}
.vedioPageList .pic:hover img{-moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);}
/* 问卷调查-列表页 ----------------------------------------------------- */
.surveyListPage .surveyList{}
.surveyListPage .surveyList li{height: 40px; line-height: 40px; overflow: hidden; padding-left: 54px; background: url(../../Base/img/icon-10.png) 25px 50% no-repeat #fff;}
.surveyListPage .surveyList li.even{background-color: #f2f2f2;}
.surveyListPage .surveyList li .view,
.surveyListPage .surveyList li .join{color: #f60; font-size: 14px;}
.surveyListPage .surveyList li .view{margin: 0 0 0 10px;}
/* 信息提示页 ---------------------------------------------- */
.Showms{background: #fff; padding: 3% 5%; overflow: hidden; max-width: 540px; margin: 30px auto;}
.Showms .top,
.Showms .bottom,
.Showms .Shadow{display: none}
.Showms .MS{overflow: hidden; zoom: 1;}
.Showms .titWrong{color: #c00; border-bottom: 1px solid #ccc; padding: 5px 0; margin-bottom: 15px; font-size: 18px;}
.Showms .BUT{padding: 25px 0 15px 0;}
.Showms .BUT a{padding: 0 15px; height: 36px; line-height: 36px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; margin-right: 15px; background: #eee; border: 1px solid #ccc; font-size: 14px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eee)); background: -moz-linear-gradient(#FFFFFF, #eee); background: -ms-linear-gradient(#FFFFFF, #eee); background: -o-linear-gradient(#FFFFFF, #eee); background: linear-gradient(#FFFFFF, #eee);}
.Showms .BUT a:hover{color: #c00; border: 1px solid #aaa; text-decoration: none;}
/* 投票-列表页 */
.voteListPage .voteList li{padding-left: 25px; background: url("../../Base/img/iconVote.png") no-repeat 0 5px;}
/* 投票-结果页 */
.voteResultPage .graphPater .result-title{color: #0068B7;}

/*光影广观*/
.gygxContent .pageBox {padding:10px 0 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.pageBox .hd {display:flex;justify-content: center;flex-direction: column;align-items: center;margin-bottom: 30px;}
.pageBox .hd h3 {font-weight:bold;font-size:24px;display:flex;align-items: center;gap: 10px;line-height: 32px;}
.pageBox .hd h3:before { content:""; width:92px; height:1px; background: linear-gradient(90deg, rgba(194, 28, 28, 0) 0%, #C21C1C 100%);}
.pageBox .hd h3:after { content:""; width:92px; height:1px; background: linear-gradient(90deg, #C21C1C 0%, rgba(194, 28, 28, 0) 100%);}
.pageBox .hd h3 a { color:#AD0804;  }
.pageBox .hd ul { display:flex; gap:10px;margin-top:30px;}
.pageBox .hd ul li a { display:block; padding:12px 20px; color:#AD0804; font-size:16px; border-radius:30px; line-height:20px; text-decoration:none; transition:all 0.5s;}
.pageBox .hd ul li.on a { font-weight:bold; color:#fff; background:#AD0804; }
.moreBtn {display:block; width:120px; margin:0 auto; border:1px solid #AD0804; height:40px; box-sizing:border-box; text-align:center; line-height:40px; color:#AD0804;text-decoration:none!important; }
.moreBtn:hover { background:#AD0804; color:#fff;}
.videoList { margin:0 -20px}
.videoList:after { content:""; clear:both; display:block;}
.videoList li { float:left; width:550px; margin:0 20px 30px; text-align:center;}
.videoList li .pic a { position:relative; display:block;}
.videoList li .pic a:after { content:""; position:absolute; top:50%; left:50%; width:58px; height:58px; margin:-29px 0 0 -29px; background:url(../../base/img/videoico.svg ) no-repeat; opacity:0.7; transition:all 0.5s}
.videoList li .pic a:hover:after { opacity:1;}
.videoList li .pic img{ width:100%; height:auto;}
.videoList li .title {position:relative;height:124px;display:flex;justify-content: center;align-items: center; font-size:18px; line-height:1.5}
.videoList li .title:after { content:""; position:absolute; left:0; width:120px; height:120px; background:url(../../base/img/logo1.png) no-repeat center / cover; opacity:0.15}

.ewm{display:flex;flex-wrap: wrap;justify-content: space-evenly;}
.ewm img{}
.np-title{text-align:right;}

/*广现故事*/
.parentColumn { background:none!important;}
.parentColumn .box { background:#ffffff80}
.gxgsList {display: flex;justify-content: space-between;    margin-bottom: 30px;}
.gxgsList li {width: 240px;/* margin: 0 26px; */text-align:center;float: left;
    & .pic img { width:100%; height:auto;}
    & .title a{ font-weight:bold; font-size:18px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; margin:15px 0  }
    & .intro {line-height:1.5;font-size: 16px;text-align:justify;text-indent:2em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color: #333333B2;}
}

/*校友风采*/
.xyfcContent {
    & .pageBox .hd { margin-bottom:20px;}
    & .pageBox .hd h3 {width: 100%; gap:40px;
        &::before, &::after {flex:1;}
    }
    & .titleBox { text-align:center;
        & .desc { font-size:14px; font-weight:400; color:#666;}
    }
    & .mainBox .mBd {display:flex;flex-wrap:wrap;justify-content: space-between;row-gap: 60px;}
    & .pageBox { width:48%;}
    & .gxgsList li { width:48%;}
    & .moreBtn {margin-top: 25px;width: 80px;height: 30px;line-height: 30px;}
}

/*云上校庆*/
.ysxqContent { margin-bottom:0!important; }
.ysxqContent .mBd { display:flex; flex-wrap:wrap; gap:20px}
#xqsdBox{flex:1;width: 49%;
   & .hd { line-height:30px; padding:20px 0; 
       & a { font-weight:bold; font-size:28px; color:#ad0804; }
        }
   & .bd p {margin-block: 5px;font-size:16px;}
}
#xqhdrcBox{flex:1;width: 49%;
    & .hd { line-height:30px; padding:20px 0; 
       & a { font-weight:bold; font-size:28px; color:#ad0804; }
        }
    & .bd { border-left:2px solid #eee; margin-left:8px;
       & .pictxtList {display:flex;flex-direction: column;gap: 20px;padding-left:28px;}
       & li {height:129px;line-height:30px;background:#F7F7F7 url(../../base/img/xqhdrclibg.png) no-repeat 96% 7px;transition:all 0.5s;border-radius:0 85px 85px 0;position:relative;padding-left:30px;display:flex;justify-content: center;flex-direction: column;
            &:before { content:""; position:absolute; transition:all 0.5s; left:-38px; width:18px; height:18px; top:50%; margin-top:-9px; background:#E8C99C; border-radius:50%; }
           & .intro pre {font-family:"微软雅黑";text-align:left;height:60px;overflow:hidden;margin-right:20px;display;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-;text-overflow: ellipsis;}
           & .title a { font-size:16px; color:#AD0804; font-weight:bold;}
            &:hover, &.on { background:#AD0804 url(../../base/img/xqhdrclibg2.png) no-repeat 96% 7px; color:#fff; 
                   & .title a { color:#fff; }
                     &:before { background:#AD0804}
                    }
           }
    }
}
#zfgxBox {background:url(../../base/img/zfgxbg.jpg) no-repeat center top;padding: 30px 0  0;margin-bottom: 40px;text-align:left;
   & .ysComment {}
    &>.hd {line-height:30px;padding: 20px 30px;
       & h3 a { font-size:28px; font-weight:bold; color:#fff;}
        & .more { float:right; color:#fff; padding-right:20px; background:url(../../base/img/morearrow-w.svg) no-repeat right; }
        }
   & .ysComment .swiper-wrapper {display:flex;flex-wrap:wrap;gap: 20px;padding: 20px 30px;margin-bottom: 20px;min-height: 460px;
       & li {width: 49%;background: #0000001A;border: 1px solid #FFFFFF4D;border-radius:10px;padding: 0 60px;height: 220px;box-sizing:border-box;font-size:16px;color:#fff;display: flex;gap:6px;flex-direction: column-reverse;justify-content: center;position: relative;}
       & .commentnickname { font-size:20px; color:#fff; }
       & .commenttime { display:none}
       & li::before,
       & li::after { content:""; position:absolute; top:18px; left:18px; background:url(../../base/img/markico.svg) no-repeat; width:26px; height:23px;}
       & li::after { transform:rotate(180deg); top:auto; left:auto; right:18px; bottom:18px }
    }
}

/*三秩广现*/
#gxgsBox {margin:0 10px 40px;overflow: hidden;}
#gxgsBox .hd { margin-bottom:25px;}
#gxgsBox .bd {margin: 0 -26px;}
#szgxBox { margin:0 10px}
#szgxBox .hd { border-bottom: 1px solid #AD0804; }
#szgxBox .hd ul { display:flex; flex-wrap:wrap; gap:0.6%; row-gap:6px}
#szgxBox .hd ul li { width:24.55%; }
#szgxBox .hd ul li a {line-height:1.3; color:#AD0804; font-size:16px; display:block;background: #FFF3E0; text-align:center; padding:25px 20px; text-decoration:none}
#szgxBox .hd ul li .desc { font-weight:bold; margin-top:5px;}
#szgxBox .hd ul li.on a,
#szgxBox .hd ul li a:hover {background:#AD0804; color:#fff;}
#szgxBox .bd { padding:30px 20px 100px }
#gxgsBox .gxgsList { display:block;}
#gxgsBox .gxgsList li { margin:0 26px;}
.timeLineList {background: url(../../base/img/linebg.png) repeat-y center;padding-top: 32px;position: relative;min-height: 240px;
    &::before { content:""; background:url(../../base/img/lineico.svg) no-repeat; position:absolute; width:38px; height:42px; top:0; left:50%; margin-left:-19px; }
    & .titleBg { display:none}
    & li {position:relative; margin-bottom:-70px;display:flex;flex-direction: column-reverse;align-items: center;width: 27.78%;gap: 20px;text-align:justify;font-size:16px;line-height:1.5;padding-right: 72.22%;
       &::after {content:"";position:absolute;background:url(../../base/img/liline.png) no-repeat;width:200px;height:11px;left: 310px;top:5px;}
       }
    & li:nth-child(2n+1) {padding: 0 0 0 72.22%; 
       &::after {left: auto;right: 310px;transform:scale(-1,1)}    
    }
    /*如果只有一条记录时*/
    &.onlyone { background:none;
        & li { width:80%; padding:30px 10%;
            &::after { display:none;}
        }
    }
}