﻿/*门户*/
.portal{width:auto;overflow:hidden;}
/*导航*/
.portal nav{width:auto;background:#edf5fa;overflow:hidden;}
.portal nav .sort{padding:1rem 1.5rem;box-sizing:border-box;}
.portal nav .sort ul{display:flex;gap:0.5rem;flex-direction:column;}
.portal nav .sort li{font-size:1.6rem;display:flex;justify-content:space-between;}
.portal nav .menu{padding:1rem;background:#203d80;}
.portal nav .menu>div{display:flex;align-items:center;column-gap:1rem;white-space:nowrap;overflow:auto;}
.portal nav .menu>div::-webkit-scrollbar{display:none;}
.portal nav .menu>div>a{color:#ececec;font-size:1.6rem;}
.portal nav .menu>div>a:hover{color:#ececec;background:#a41303;}
.portal nav .menu>div>span{margin:0 0.2rem;width:0.2rem;height:1.8rem;background:url(images/menu.png) no-repeat;flex-shrink:0;}
.portal nav .find{margin:1rem 1.2rem 0;background:#ffffff;}
.portal nav .find form{padding:0.5rem;border:0.1rem solid #d6d6d6;display:grid;grid-gap:0.5rem;grid-template:3rem/2rem auto 3rem;}
.portal nav .find form>a{background:url(images/so.png) no-repeat center;background-size:1.6rem;}
.portal nav .find form>input{font-size:1.5rem;}
.portal nav .find form>button{background:url(images/find.png) no-repeat center;background-size:3.5rem;}
/*位置*/
.portal .location{padding:0.5rem 1rem;background:#ffffff;}
.portal .location div{height:4rem;line-height:4rem;font-size:1.6rem;display:flex;overflow:auto;}
.portal .location div::-webkit-scrollbar{display:none;}
.portal .location div a{height:4rem;color:#277de2;flex-shrink:0;}
.portal .location div a.site{width:2.5rem;line-height:20rem;background:url(images/site.png) 0 -0.5rem no-repeat;background-size:100%;overflow:hidden;}
.portal .location div span{width:2rem;height:4rem;background:url(images/arrow.png) 0.3rem 1.5rem no-repeat;flex-shrink:0;}
/*搜索*/
.portal .search{padding:1rem;background:#ffffff;}
.portal .search form{padding:0.5rem;border:0.1rem solid #d6d6d6;display:grid;grid-gap:0.5rem;grid-template:3rem/2rem auto 3rem;}
.portal .search form>a{background:url(images/so.png) no-repeat center;background-size:1.6rem;}
.portal .search form>input{font-size:1.5rem;}
.portal .search form>button{background:url(images/find.png) no-repeat center;background-size:3.5rem;}
/*列表*/
.portal .module{width:100%;background:#ffffff;overflow:hidden;}
.portal .module .name{padding:0.5rem 1rem;width:100%;line-height:3.5rem;font-size:1.6rem;display:flex;gap:2rem;border-bottom:0.1rem solid rgba(99,99,99,0.1);white-space:nowrap;box-sizing:border-box;}
.portal .module .name>*{color:#5a5a5a;font-size:1.6rem;position:relative;cursor:pointer;}
.portal .module .name>:last-child{margin-right:0;}
.portal .module .name>:hover{color:#206be7;}
.portal .module .name>*>i{left:0;bottom:-0.6rem;width:100%;height:0.2rem;background:#206be7;position:absolute;border-radius:0.2rem;transition:all 0.3s ease-out 0s;}
.portal .module .name:empty{padding:0;}
.portal .module .name>.active{color:#206be7;}
.portal .module .list{width:auto;}
.portal .module .list ul{width:auto;display:none;}
.portal .module .list ul.show{display:block;}
.portal .module .list li{padding:1rem;border-bottom:0.1rem solid rgba(239,239,239,0.8);}
.portal .module .list li .title{display:flex;justify-content:space-between;}
.portal .module .list li .title>h3{line-height:2.3rem;font-size:1.6rem;font-weight:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.portal .module .list li .title>h3 em{color:#fc5531;font-style:normal;}
.portal .module .list li .title>.icon{margin-left:0.5rem;}
.portal .module .list li .title>.icon>a{display:block;}
.portal .module .list li .title>.icon>a>img{width:10rem;height:6.9rem;display:block;object-fit:cover;}
.portal .module .list li .image{margin-top:0.8rem;display:grid;grid-gap:calc(0.5%);grid-template:auto/33% 33% 33%;}
.portal .module .list li .image img{width:100%;height:6.9rem;display:block;object-fit:cover;}
.portal .module .list li .video{margin-top:0.8rem;position:relative;}
.portal .module .list li .video img{width:100%;height:20rem;display:block;object-fit:cover;}
.portal .module .list li .video i{top:50%;left:50%;margin:-2rem 0 0 -2rem;width:4rem;height:4rem;line-height:4rem;text-align:center;position:absolute;font-family:icomoon;font-style:normal;font-size:3rem;color:#ffffff;background:rgba(0,0,0,0.6);opacity:0.8;border-radius:50%;}
.portal .module .list li .video i:before{content:"\e90c";}
.portal .module .list li .basic{margin-top:0.8rem;display:flex;justify-content:space-between;align-items:center;column-gap:1rem;}
.portal .module .list li .basic>div{color:#828282;font-size:1.4rem;white-space:nowrap;}
.portal .module .list li .basic>div>span{margin-left:1rem;display:inline-block;}
.portal .module .list li .basic>div>span:first-child{margin-left:0;}
.portal .module .list li .basic>div>span a{color:#828282;}
.portal .module .list li .basic>div>span img{margin-right:0.2rem;width:2.4rem;height:2.4rem;vertical-align:bottom;border-radius:50%;object-fit:cover;}
.portal .module .list li .basic>div>span>i{font-family:icomoon;font-style:normal;margin-right:0.3rem;font-size:1.4rem;color:#828282;}
.portal .module .list li .basic>div>.good{}
.portal .module .list li .basic>div>.good>i:before{content:"\e90b";}
.portal .module .list li .basic>div>.favor{}
.portal .module .list li .basic>div>.favor>i:before{content:"\e90a";}
.portal .module .list li .basic>div>.talk{}
.portal .module .list li .basic>div>.talk>i:before{content:"\e909";}
.portal .module .list li .basic>div>.click{}
.portal .module .list li .basic>div>.click>i:before{content:"\e908";}
.portal .module .page{margin:1rem;padding:0 1rem;color:rgba(0,0,0,.4);background:#ffffff;display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:1rem;}
.portal .module .page>div{height:3rem;line-height:2.5rem;font-size:1.2rem;}
.portal .module .page>div>.size{height:100%;display:inline-block;vertical-align:middle;}
.portal .module .page>div>.size>div{display:inline-block;position:relative;}
.portal .module .page>div>.size>div>div{display:flex;align-items:center;cursor:pointer;}
.portal .module .page>div>.size>div>div:after{width:2rem;height:1em;content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+) no-repeat center;}
.portal .module .page>div>.size>div>ul{bottom:3.5rem;padding:0.5rem 0;background:#ffffff;position:absolute;display:none;border:0.1rem solid #d1d2d3;}
.portal .module .page>div>.size>div>ul:after{margin-left:1.6rem;width:1rem;height:1rem;background:#ffffff;border:0.1rem solid #d1d2d3;border-top:none;border-left:none;transform:rotate(45deg);content:"";position:absolute;}
.portal .module .page>div>.size>div>ul>li{padding:0 2rem 0 1rem;color:#404a58;cursor:pointer;white-space:nowrap;}
.portal .module .page>div>.size>div>ul>li:hover{background:#f2f2f2;}
.portal .module .page>div>.turn{margin-left:1.5rem;height:100%;font-size:0;display:inline-block;vertical-align:middle;}
.portal .module .page>div>.turn>a{width:2.5rem;height:2.5rem;background:#ffffff;display:inline-block;border:0.1rem solid #cfd5de;vertical-align:middle;box-sizing:border-box;cursor:pointer;}
.portal .module .page>div>.turn>a[href^="javascript:void"]{background-color:#e7eaef;cursor:not-allowed;}
.portal .module .page>div>.turn>.main{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTYgOGw1IDRWNHpNNSA0djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
.portal .module .page>div>.turn>.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEwIDR2OEw1IDh6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
.portal .module .page>div>.turn>.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
.portal .module .page>div>.turn>.last{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgMTJsNS00LTUtNHptNS04djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
.portal .module .page>div>.turn>input{padding:0 1rem;width:6rem;height:2.5rem;text-align:center;font-size:1.2rem;color:#999999;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
.portal .module .page>div>.turn>span{padding:0 1rem;height:2.5rem;font-size:1.2rem;background:#f3f4f7;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
/*文章*/
.portal .article{width:auto;background:#ffffff;overflow:hidden;}
.portal .article id{display:none;}
.portal .article>h1{padding:1.5rem 1.5rem 0.8rem;line-height:2.5rem;text-align:center;font-size:1.8rem;}
.portal .article>.info{margin:0 4rem 1rem;padding-bottom:0.8rem;color:#999999;font-size:1.4rem;display:flex;justify-content:center;align-items:center;gap:1rem;border-bottom:0.1rem solid #eeeeee;}
.portal .article>.info a{display:flex;align-items:center;column-gap:0.2rem;}
.portal .article>.info img{height:2rem;border-radius:50%;}
.portal .article>.text{padding:0.5rem;line-height:1.6;font-size:1.6rem;position:relative;}
.portal .article>.text>*{margin-bottom:2rem;}
.portal .article>.text>p{text-indent:2em;overflow:hidden;}
.portal .article>.text>.intro{padding:1.5rem 2rem;color:#4a4a4a;background:#f1f1f1;}
.portal .article>.text>.image{margin:0 3rem 2rem;text-align:center;}
.portal .article>.text>.image>img{max-width:100%;vertical-align:top;}
.portal .article>.text>.image>span{padding-top:0.5rem;line-height:2rem;color:#5c5c5c;font-size:1.5rem;display:block;}
.portal .article>.text>.video{margin:0 3rem 2rem;}
.portal .article>.text>.video>video{width:100%;display:block;}
.portal .article>.text>.video>h4{text-align:center;font-size:1.6rem;font-weight:normal;white-space:nowrap;overflow:hidden;}
.portal .article>.text>.video>span{line-height:2rem;text-align:center;color:#5c5c5c;font-size:1.5rem;display:block;}
.portal .article>.text>.audio{margin:0 3rem 2rem;}
.portal .article>.text>.audio>audio{width:100%;display:block;}
.portal .article>.text>.audio>h4{text-align:center;font-size:1.6rem;font-weight:normal;}
.portal .article>.text>.audio>span{line-height:2.2rem;color:#5c5c5c;font-size:1.5rem;display:block;}
.portal .article>.text>.attach{margin:0 3rem 2rem;line-height:1.5;}
.portal .article>.text>.attach>img{float:left;margin-right:1rem;width:30%;}
.portal .article>.text>.attach>h4{margin-bottom:0.5rem;font-size:1.6rem;font-weight:normal;}
.portal .article>.text>.attach>.desc{margin-bottom:0.8rem;color:#555555;font-size:1.4rem;}
.portal .article>.text>.attach>.like{display:grid;grid-gap:1rem;grid-template:auto/50% 50%;}
.portal .article>.text>.attach>.like>span{padding:1rem;text-align:center;color:#ffffff;font-size:1.5rem;border-radius:0.5rem;cursor:pointer;}
.portal .article>.text>.attach>.like>span>a{color:#ffffff;display:block;}
.portal .article>.text>.attach>.like>span:nth-child(1){background:#ff5f33;}
.portal .article>.text>.attach>.like>span:nth-child(2){background:#67ce9b;}
.portal .article>.text>h2{padding:0.6rem 1.2rem;font-size:1.6rem;color:#ffffff;background:#6fa8dc;}
.portal .article>.text>h3{padding:0.5rem 1rem;font-size:1.6rem;color:#0d5a96;background:#f1f7fd;border:0.1rem dashed #cae0f3;border-left:0.3rem solid #49a7ea;}
.portal .article>.text>h4{font-size:1.6rem;text-indent:2em;}
.portal .article>.text>h5{font-size:1.6rem;text-indent:2em;font-weight:normal;}
.portal .article>.text>.queue{padding:1.5rem;line-height:1.5;background:#f8f8f8;border:0.1rem solid #eeeeee;border-radius:0.2rem;}
.portal .article>.text>.queue>h3{margin-bottom:0.8rem;padding:0 0.5rem 0.8rem;font-size:1.6rem;color:#0d5a96;border-bottom:0.1rem dashed #cae0f3;}
.portal .article>.text>.queue>h3>a{color:#0d5a96;}
.portal .article>.text>.queue>ul{padding-left:2rem;list-style:disc;}
.portal .article>.text>.queue>ul>li{margin-top:1rem;}
.portal .article>.text>.queue>ul>li:first-child{margin-top:0;}
.portal .article>.text>.queue>ul>li>a{color:#336699;}
.portal .article>.text>.queue>ol{padding-left:2rem;list-style:decimal;}
.portal .article>.text>.queue>ol>li{margin-top:1rem;}
.portal .article>.text>.queue>ol>li:first-child{margin-top:0;}
.portal .article>.text>.queue>ol>li>a{color:#336699;}
.portal .article>.text>.thing{}
.portal .article>.text>.thing>ul{}
.portal .article>.text>.thing>ul>li{display:grid;grid-template:auto/2.5rem auto;}
.portal .article>.text>.thing>ul>li>:first-child{margin-top:0.6rem;width:1.5rem;height:1.5rem;background:#ffffff;border:0.1rem solid #333333;display:flex;justify-content:space-around;flex-direction:column;}
.portal .article>.text>.thing>ul>li>:first-child>i{margin:0.1rem;font-family:icomoon;font-style:normal;font-size:1.2rem;color:#ff0000;}
.portal .article>.text>.thing>ul>li>:first-child>i:before{content:"\f910";}
.portal .article>.text>.left{text-align:left;}
.portal .article>.text>.center{text-align:center;}
.portal .article>.text>.right{text-align:right;}
.portal .article>.text>.justify{text-align:justify;}
.portal .article>.text>blockquote{padding:1rem 4rem;background:#f9f9f9;}
.portal .article>.text>blockquote::before{left:2.2rem;margin-top:-0.5rem;font-family:icomoon;font-style:normal;font-size:2rem;color:#d8e7f2;position:absolute;content:"\f911";}
.portal .article>.text>blockquote::after{right:2.2rem;margin-top:-0.2rem;font-family:icomoon;font-style:normal;font-size:2rem;color:#d8e7f2;position:absolute;content:"\f912";}
.portal .article>.text>pre{padding:1rem 0.5rem;line-height:1.5;background:#f8f8f8;white-space:normal;border:0.1rem solid #eeeeee;border-radius:0.2rem;box-shadow:inset 5rem 0 0 #eeeeee,inset 5.2rem 0 0 #33b796;}
.portal .article>.text>pre>ol{margin-left:5rem;padding-left:0.5rem;}
.portal .article>.text>pre>ol>li{white-space:pre-wrap;}
.portal .article>.text table{width:100%;font-size:1.4rem;border-collapse:collapse;}
.portal .article>.text table tr{width:100%;}
.portal .article>.text table tr:nth-child(odd){background:#ffffff;}
.portal .article>.text table tr:nth-child(even){background:#f7f7f7;}
.portal .article>.text table td{padding:1rem;line-height:1.5;border:0.1rem solid #dddddd;}
.portal .article>.text table th{padding:1rem;line-height:1.5;text-align:left;background:#eff3f5;border:0.1rem solid #dddddd;}
.portal .article>.text img{max-width:100%;}
.portal .article>.text .emoji{height:2.5rem;vertical-align:middle;}
.portal .article>.tags{margin:0 1rem 2rem;padding:1rem;line-height:2rem;background:#f7f7f7;border:0.1rem solid #cccccc;display:grid;grid-template:auto/2.2rem auto;}
.portal .article>.tags i{color:#999999;font-family:icomoon;font-style:normal;font-size:1.8rem;}
.portal .article>.tags i:before{content:"\f02c";}
.portal .article>.tags div{white-space:nowrap;overflow:hidden;}
.portal .article>.tags div a{padding:0 0.5rem;color:#113ea5;}
.portal .article>.tags div em{font-style:normal;}
.portal .article>.tags div strong{font-weight:normal;}
.portal .article>.stat{margin:2.5rem 1.2rem 1.5rem;text-align:right;}
.portal .article>.stat>span{margin-left:2rem;line-height:2.6rem;color:#828282;display:inline-block;cursor:pointer;}
.portal .article>.stat>span>i{font-family:icomoon;font-style:normal;margin-right:0.3rem;font-size:1.4rem;}
.portal .article>.stat>:nth-child(1)>i:before{content:"\e90b";}
.portal .article>.stat>:nth-child(2)>i:before{content:"\e90a";}
.portal .article>.stat>:nth-child(3)>i:before{content:"\e909";}
.portal .article>.stat>:nth-child(4)>i:before{content:"\e908";}
/*评论*/
.portal .comment{width:auto;font-size:1.6rem;background:#ffffff;}
.portal .comment>.name{padding:1.2rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:0.1rem solid rgba(99,99,99,0.1);}
.portal .comment>.name>div{font-size:1.6rem;}
.portal .comment>.name>span{font-size:1.4rem;}
.portal .comment>.list{width:100%;}
.portal .comment>.list>ul{width:100%;}
.portal .comment>.list>ul>li{padding:1rem;display:grid;grid-gap:1rem;grid-template:auto/6rem auto;border-bottom:0.2rem solid #f0f0f0;}
.portal .comment>.list>ul>li.tips{margin-top:0.5rem;height:10rem;font-size:1.6rem;display:block;overflow:hidden;}
.portal .comment>.list>ul>li.tips>img{margin-right:0.2rem;height:1em;vertical-align:text-top;}
.portal .comment>.list>ul>li>div{width:auto;}
.portal .comment>.list>ul>li>div>a{display:block;}
.portal .comment>.list>ul>li>div>a>img{width:100%;}
.portal .comment>.list>ul>li>div>.name{padding:0.5rem 0;border-bottom:0.1rem dotted #e3e3e3;display:flex;justify-content:space-between;align-items:center;}
.portal .comment>.list>ul>li>div>.name>a{font-size:1.6rem;color:#3b77ef;}
.portal .comment>.list>ul>li>div>.name>.more{position:relative;}
.portal .comment>.list>ul>li>div>.name>.more>i{font-family:icomoon;font-style:normal;font-size:1.5rem;color:#828282;cursor:pointer;}
.portal .comment>.list>ul>li>div>.name>.more>i:before{content:"\f916";}
.portal .comment>.list>ul>li>div>.name>.more>ul{right:-1rem;bottom:3.5rem;padding:1rem 0;background:#ffffff;position:absolute;display:none;border:0.1rem solid #d1d2d3;}
.portal .comment>.list>ul>li>div>.name>.more>ul:after{margin-top:0.5rem;margin-left:3.1rem;width:1rem;height:1rem;background:#ffffff;border:0.1rem solid #d1d2d3;border-top:none;border-left:none;transform:rotate(45deg);content:"";position:absolute;}
.portal .comment>.list>ul>li>div>.name>.more>ul>li{padding:0 1.5rem 0 1rem;line-height:1.8;font-size:1.4rem;color:#404a58;cursor:pointer;white-space:nowrap;}
.portal .comment>.list>ul>li>div>.name>.more>ul>li:hover{background:#f2f2f2;}
.portal .comment>.list>ul>li>div>.desc{padding:1rem 0 2rem;min-height:2em;}
.portal .comment>.list>ul>li>div>.info{display:flex;flex-wrap:wrap;justify-content:space-between;}
.portal .comment>.list>ul>li>div>.info i{margin-right:0.5rem;font-family:icomoon;font-style:normal;font-size:1.5rem;color:#828282;}
.portal .comment>.list>ul>li>div>.info>.time{font-size:1.4rem;color:#666666;}
.portal .comment>.list>ul>li>div>.info>.time i:before{content:"\f915";}
.portal .comment>.list>ul>li>div>.info>.more{font-size:1.4rem;color:#666666;display:flex;gap:2rem;}
.portal .comment>.list>ul>li>div>.info>.more>.talk{cursor:pointer;}
.portal .comment>.list>ul>li>div>.info>.more>.talk i:before{content:"\f913";}
.portal .comment>.list>ul>li>div>.info>.more>.good{cursor:pointer;}
.portal .comment>.list>ul>li>div>.info>.more>.good i:before{content:"\e90b";}
.portal .comment>.list>ul>li>div>.info>.more>.good.active{color:#ff5722;}
.portal .comment>.list>ul>li>div>.info>.more>.good.active i{color:#ff5722;}
.portal .comment>.list>ul>li>div>.reply{margin-top:1rem;background:#f5f5f5;}
.portal .comment>.list>ul>li>div>.reply>ul{width:100%;}
.portal .comment>.list>ul>li>div>.reply>ul>li{padding:1rem;display:grid;grid-gap:0.5rem;grid-template:auto/3rem auto;border-bottom:0.1rem solid #e3e3e3;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div{width:auto;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>a{display:block;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>a>img{width:100%;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.name{padding:0.2rem 0 0.5rem;border-bottom:0.1rem dotted #e0e0e0;display:flex;justify-content:space-between;align-items:center;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.name>a{color:#3b77ef;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.name>.more{position:relative;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.name>.more>i{font-family:icomoon;font-style:normal;font-size:1.5rem;color:#828282;cursor:pointer;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.name>.more>i:before{content:"\f916";}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.name>.more>ul{right:-1rem;bottom:3.5rem;padding:1rem 0;background:#ffffff;position:absolute;display:none;border:0.1rem solid #d1d2d3;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.name>.more>ul:after{margin-top:0.5rem;margin-left:3.1rem;width:1rem;height:1rem;background:#ffffff;border:0.1rem solid #d1d2d3;border-top:none;border-left:none;transform:rotate(45deg);content:"";position:absolute;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.name>.more>ul>li{padding:0 1.5rem 0 1rem;line-height:1.8;font-size:1.4rem;color:#404a58;cursor:pointer;white-space:nowrap;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.name>.more>ul>li:hover{background:#f2f2f2;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.desc{padding:1rem 0;line-height:1.2;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.quote{margin-bottom:0.5rem;padding:0.5rem;font-size:1.5rem;color:#333333;background:#f9f9f9;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.quote>a{font-weight:bold;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info{display:flex;flex-wrap:wrap;justify-content:space-between;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info i{margin-right:0.5rem;font-family:icomoon;font-style:normal;font-size:1.5rem;color:#828282;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info>.time{font-size:1.4rem;color:#666666;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info>.time>i:before{content:"\f915";}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info>.more{font-size:1.4rem;color:#666666;display:flex;gap:2rem;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info>.more>.talk{cursor:pointer;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info>.more>.talk i:before{content:"\f918";}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info>.more>.good{cursor:pointer;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info>.more>.good i:before{content:"\e90b";}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info>.more>.good.active{color:#ff5722;}
.portal .comment>.list>ul>li>div>.reply>ul>li>div>.info>.more>.good.active i{color:#ff5722;}
.portal .comment>.list>.page{margin:1rem;padding:0 1rem;color:rgba(0,0,0,.4);background:#ffffff;display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:1rem;}
.portal .comment>.list>.page>div{height:3rem;line-height:2.5rem;font-size:1.2rem;}
.portal .comment>.list>.page>div>.size{height:100%;display:inline-block;vertical-align:middle;}
.portal .comment>.list>.page>div>.size>div{display:inline-block;position:relative;}
.portal .comment>.list>.page>div>.size>div>div{display:flex;align-items:center;cursor:pointer;}
.portal .comment>.list>.page>div>.size>div>div:after{width:2rem;height:1em;content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+) no-repeat center;}
.portal .comment>.list>.page>div>.size>div>ul{bottom:3.5rem;padding:0.5rem 0;background:#ffffff;position:absolute;display:none;border:0.1rem solid #d1d2d3;}
.portal .comment>.list>.page>div>.size>div>ul:after{margin-left:1.6rem;width:1rem;height:1rem;background:#ffffff;border:0.1rem solid #d1d2d3;border-top:none;border-left:none;transform:rotate(45deg);content:"";position:absolute;}
.portal .comment>.list>.page>div>.size>div>ul>li{padding:0 2rem 0 1rem;color:#404a58;cursor:pointer;white-space:nowrap;}
.portal .comment>.list>.page>div>.size>div>ul>li:hover{background:#f2f2f2;}
.portal .comment>.list>.page>div>.turn{margin-left:1.5rem;height:100%;font-size:0;display:inline-block;vertical-align:middle;}
.portal .comment>.list>.page>div>.turn>a{width:2.5rem;height:2.5rem;background:#ffffff;display:inline-block;border:0.1rem solid #cfd5de;vertical-align:middle;box-sizing:border-box;cursor:pointer;}
.portal .comment>.list>.page>div>.turn>a[href^="javascript:void"]{background-color:#e7eaef;cursor:not-allowed;}
.portal .comment>.list>.page>div>.turn>.main{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTYgOGw1IDRWNHpNNSA0djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
.portal .comment>.list>.page>div>.turn>.prev{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEwIDR2OEw1IDh6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
.portal .comment>.list>.page>div>.turn>.next{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
.portal .comment>.list>.page>div>.turn>.last{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgMTJsNS00LTUtNHptNS04djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:1.6rem;}
.portal .comment>.list>.page>div>.turn>input{padding:0 1rem;width:6rem;height:2.5rem;text-align:center;font-size:1.2rem;color:#999999;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
.portal .comment>.list>.page>div>.turn>span{padding:0 1rem;height:2.5rem;font-size:1.2rem;background:#f3f4f7;border:0.1rem solid #cfd5de;display:inline-block;vertical-align:middle;box-sizing:border-box;}
.portal .comment>.make{padding:1.2rem;background:#ffffff;border-top:1rem solid #f5f5f5;display:grid;gap:1.2rem;grid-template:auto/6rem auto;}
.portal .comment>.make>.user{width:100%;}
.portal .comment>.make>.user img{width:100%;}
.portal .comment>.make>.layui-form{display:flex;gap:1rem;flex-direction:column;}
.portal .comment>.make>.layui-form .layui-input-flex{display:flex;justify-content:space-between;}
.portal .comment>.make>.layui-form .layui-input-flex .layui-btn{padding:0 1rem;background:#7ba0ea;}