*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Microsoft YaHei", sans-serif;font-size:14px;line-height:1.5}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul,ol{list-style:none}body{font-family:"Microsoft YaHei", Arial, sans-serif;background:linear-gradient(to bottom, #b5e9fa, #f5f5f5 500px);min-height:100vh}main{width:100%;height:auto;background:#f5f5f5}.container{width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar{padding:0;position:relative;z-index:100}.logo{flex:1;margin-right:30px}.logo img{min-width:195px;height:92px;display:block}.nav-menu{white-space:nowrap;margin-right:30px}.nav-menu ul{list-style:none;display:flex;gap:16px}.nav-menu ul li a{color:#333;font-size:18px;text-decoration:none;padding:8px 12px;transition:all 0.3s}.nav-menu ul li a:hover{font-weight:bold;color:#000}.nav-menu ul li.active a{font-weight:bold;color:#000}.search-box{display:flex;align-items:center}.search-box input[type="text"]{padding:13px 24px;border:1px solid #ffffff;border-right:none;background:rgba(255,255,255,0.5);border-radius:18px 0 0 18px;outline:none}.search-box button{padding:0;border:none;background:#000000;color:#fff;height:43px;width:43px;font-size:14px;border-radius:0 18px 18px 0;cursor:pointer;background:url("../images/icon-search.png") no-repeat center center rgba(255,255,255,0.5);background-size:22px;transition:background 0.3s;border:1px solid #ffffff;border-left:0}.mt12{margin-top:12px !important}.mt20{margin-top:20px !important}.bg-white{background:#fff}.common-box{width:1200px;margin:auto;display:block;overflow:hidden;border-radius:8px}.icon{display:inline-block;background-image:url(../images/icon-common.png);background-repeat:no-repeat;background-size:1000px 1000px}.title-com{display:flex;align-items:center}.title-com .title-lab{display:flex;align-items:center;flex:1;white-space:nowrap}.title-com .title-lab .icon{width:60px;height:51px;background-position:-3px -118px;margin-right:12px}.title-com .title-lab p{margin-top:10px;font-size:30px;line-height:30px;font-weight:bold;color:#000000;position:relative;z-index:1}.title-com .title-lab p span{z-index:-1;position:absolute;font-size:18px;line-height:18px;font-weight:bold;color:#EBEBEB;top:-12px;left:-10px;right:-10px;text-align:center}.title-com .title-more{font-size:15px;line-height:16px;font-weight:400;color:#666666;display:flex;align-items:center}.title-com .title-more::before{content:"";width:12px;height:12px;margin-right:4px;display:inline-block;background-image:url(../images/icon-common.png);background-repeat:no-repeat;background-size:1000px 1000px;background-position:-15px -37px}.title-com .title-tab{display:flex;overflow:hidden;font-size:14px}.title-com .title-tab li{padding:4px 12px;font-size:16px;margin:0 2px;cursor:pointer}.title-com .title-tab li.active{background-color:#00c0ff;border-radius:8px;color:#fff}.g-current{overflow:hidden;padding:15px 0}.g-current p{height:20px;line-height:20px;padding-left:18px;color:#999;position:relative}.g-current p::before{content:"";background:url(../images/icon-common.png) no-repeat -63px 0px;width:14px;height:20px;position:absolute;left:0;top:0}.g-current p a{color:#999}.g-current p a:hover{color:#FF4939}.g-current font{font-size:16px;font-weight:bold;padding:0px 6px}.imgBox{width:100px;height:100px;overflow:hidden;border-radius:15px}.imgBox img{width:100%;height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-o-transition:all .3s;border-radius:15px}.boxWrap{font-size:16px;line-height:20px;display:flex;align-items:center}.boxWrap .multiColumnList{font-size:16px;line-height:20px;color:#333333;display:flex}.boxWrap .multiColumnList li{margin:0 10px 0 0}.boxWrap .multiColumnList li a{display:flex;align-items:center;width:164px;height:43px;background:#ffffff;border:1px solid #eeeeee;border-radius:5px;padding:0;text-align:center}.boxWrap .multiColumnList li a .imgInfo{width:0;flex:1}.boxWrap .multiColumnList li a .imgInfo p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boxWrap .multiColumnList li a .imgInfo p.tip{font-weight:normal;margin-top:8px;font-size:14px;line-height:18px;color:#999999}.boxWrap .list{flex:1;justify-content:flex-end;display:flex;overflow:hidden}.boxWrap .list a{float:left;display:block;padding:0 10px 0 12px;height:30px;font-size:14px;color:#666;line-height:30px;background:#fff;border-radius:15px;margin:0 0 0 10px;overflow:hidden}.boxWrap .list a.hot:before{content:"";position:relative;top:6px;vertical-align:top;display:inline-block;margin-right:4px;width:15px;height:17px;background:url(../images/icon-common.png) no-repeat;background-size:1000px 1000px;background-position:-100px -3px}.boxWrap .list a:hover,.boxWrap .list a:nth-of-type(1){background:#ffeee8;color:#e45f2b}.boxWrap .multiColumnList li a.active,.boxWrap .multiColumnList li:hover a{background:linear-gradient(to bottom, #3db9e6, #87def5)}.boxWrap .multiColumnList li a.active p,.boxWrap .multiColumnList li:hover a p{color:#fff !important}.multiColumnList{display:grid;grid-template-columns:repeat(2, 155px);justify-content:space-between}.multiColumnList li a{display:block;width:155px;height:99px;border-radius:5px}.boxWrap .list{flex:1;justify-content:flex-end;display:flex;overflow:hidden}.boxWrap .list a{float:left;display:block;padding:0 10px 0 12px;height:30px;font-size:14px;color:#666;line-height:30px;background:#fff;border-radius:15px;margin:0 0 0 10px;overflow:hidden}.boxWrap .list a.hot:before{content:"";position:relative;top:6px;vertical-align:top;display:inline-block;margin-right:4px;width:15px;height:17px;background:url(../images/icon-common.png) no-repeat;background-size:1000px 1000px;background-position:-100px -3px}.boxWrap .list a:hover,.boxWrap .list a:nth-of-type(1){background:#ffeee8;color:#e45f2b}.list-title{padding:20px 0;font-size:22px;display:block;overflow:hidden}.cms-img{width:100%;display:flex;overflow:hidden;align-items:center}.cms-img:hover .main strong{color:#00c0ff}.cms-img .img{width:150px;overflow:hidden}.cms-img .img img{display:block;width:100%;height:100%;border-radius:6px}.cms-img .main{flex:1;margin:0 12px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;height:100%;gap:13px;align-items:flex-start}.cms-img .main strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.4;min-height:calc(1.4em * 2);font-weight:normal;color:#444}.cms-img .main p{font-size:12px;color:#888}.cms-card{width:100%;display:block;overflow:hidden}.cms-card:hover strong{color:#00c0ff}.cms-card img{width:100%;height:auto;display:block;overflow:hidden;border-radius:8px}.cms-card strong{font-size:14px;font-weight:normal;color:#333;text-align:center;display:block;overflow:hidden;height:22px;margin-top:8px;text-overflow:ellipsis;white-space:nowrap}.cms-card p{font-size:12px;font-weight:normal;color:#999;text-align:center;display:block;overflow:hidden;margin-top:10px}footer{width:100%;background:#313131;color:#666;font-size:14px;line-height:24px;text-align:center;padding:34px 0 30px;margin-top:50px}footer .boxWrap{display:flex;align-items:center;justify-content:space-between}footer .boxWrap .logo{height:110px}footer .boxWrap .logo img{display:block;height:100%;width:auto}footer .boxWrap .footer-cont{font-size:14px}footer .boxWrap .footer-cont p{padding:5px 0}footer .boxWrap .footer-cont a{color:#888;margin:0 8px}.title-h4{width:100%;height:28px;line-height:28px;font-size:24px;color:#000;font-weight:bold;display:block;overflow:hidden}#comment_list{width:100%;height:auto;display:block;overflow:hidden;margin:20px 0 0}#comment_list #s_comment{width:auto;height:auto;margin:0;display:block;overflow:hidden}#comment_list #s_comment #ly_content{width:100%;height:90px;margin:0;border:1px solid #ececec;display:block;overflow:hidden;padding:10px;margin:0;box-sizing:border-box}#comment_list #s_comment .comment_btn{width:100%;height:40px;line-height:40px;font-size:14px;font-weight:normal;color:#555;margin:13px 0 0;display:block;overflow:hidden}#comment_list #s_comment .comment_btn input{width:146px;height:40px;line-height:40px;font-size:18px;font-weight:normal;color:#fff;text-align:center;background:#ff7700;float:left;margin:0 15px 0 0;display:inline;overflow:hidden;border:0;padding:0}#comment_list #s_comment .comment_btn input.nopl{background:#999;cursor:not-allowed}#comment_list #s_comment .comment_btn .word_count{display:none}#comment_list #s_comment .nick_name{display:none}#comment_list #s_comment .comment_faces{display:none}#comment_list #comment_0,#comment_list #comment_1{width:auto;height:auto;margin:15px 0 0;display:block;overflow:hidden}#comment_list #comment_0 h2,#comment_list #comment_1 h2{width:100%;height:34px;line-height:34px;font-size:16px;font-weight:normal;color:#333;border-bottom:1px solid #eee;display:block;overflow:hidden}#comment_list #comment_0 dl,#comment_list #comment_1 dl{width:100%;height:auto;display:block;overflow:hidden}#comment_list #comment_0 dl dt,#comment_list #comment_1 dl dt{width:100%;height:auto;display:block;overflow:hidden;margin:10px 0 0}#comment_list #comment_0 dl dt span,#comment_list #comment_1 dl dt span{width:auto;height:30px;line-height:30px;font-size:12px;font-weight:normal;color:#333;float:left;display:inline;overflow:hidden}#comment_list #comment_0 dl dt span i,#comment_list #comment_1 dl dt span i{font-style:normal}#comment_list #comment_0 dl dt span b,#comment_list #comment_1 dl dt span b{font-weight:normal;color:#d92227;margin:0 6px}#comment_list #comment_0 dl dt em,#comment_list #comment_1 dl dt em{width:auto;height:30px;line-height:30px;font-size:12px;font-weight:normal;color:#333;float:right;display:inline;overflow:hidden}#comment_list #comment_0 dl dd,#comment_list #comment_1 dl dd{width:100%;height:auto;line-height:22px;padding:10px 0;font-size:14px;font-weight:normal;color:#333;display:block;overflow:hidden;border-bottom:1px dashed #e5e5e5}#comment_list .u-more-comment{width:auto;height:30px;line-height:30px;font-size:14px;font-weight:normal;color:#7e7e7e;background:#f8f8f8;text-align:center;margin:15px;display:block;overflow:hidden;border-radius:30px;display:none}#comment_list .u-more-comment a{color:#7e7e7e}#comment_list .u-more-comment a i{font-style:normal}#comment_list #s_comment .m-comment-btn{width:100%;height:40px;line-height:40px;font-size:14px;font-weight:normal;color:#555;margin:13px 0 0;display:block;overflow:hidden}#comment_list #s_comment .m-comment-btn input{width:146px;height:40px;line-height:40px;font-size:18px;font-weight:normal;color:#fff;text-align:center;background:#ff7700;float:left;margin:0 15px 0 0;display:inline;overflow:hidden;border:0;padding:0}#comment_list #s_comment .m-comment-btn input.nopl{background:#999;cursor:not-allowed}#comment_list #s_comment .m-comment-btn .word_count{display:none}.tspage{height:auto !important;margin:5px auto 5px !important;background:none !important;line-height:26px !important}.tspage .tsp_count,.tsp_change{display:none !important}.tspage .tsp_nav{text-align:center !important}.tspage .tsp_nav i{width:auto !important;height:30px !important;line-height:30px !important;padding:0 12px !important;background:#fff !important;font-size:14px !important;font-weight:normal !important;color:#555 !important;margin:0 0 0 12px !important;display:inline-block !important;overflow:hidden !important;border-radius:3px !important}.tspage .tsp_nav b{width:auto !important;height:30px !important;border-radius:3px !important;line-height:30px !important;padding:0 12px !important;background:#00c0ff !important;font-size:14px !important;font-weight:normal !important;color:#fff !important;margin:0 0 0 12px !important;display:inline-block !important;overflow:hidden !important}.tspage .tsp_nav a{width:auto !important;height:30px !important;border-radius:3px !important;line-height:30px !important;padding:0 12px !important;background:#fff !important;font-size:14px !important;font-weight:normal !important;color:#555 !important;margin:0 0 0 12px !important;border-radius:3px !important;display:inline-block !important;overflow:hidden !important}.tspage .tsp_nav a.tsp_more,.tspage .tsp_nav a.tsp_next,.tspage .tsp_nav a.tsp_end,.tspage .tsp_nav a.tsp_home,.tspage .tsp_nav a.tsp_prev{padding:0 !important;border:none !important}.tspage .tsp_nav a:hover{background:#00c0ff !important;color:#fff !important}.tspage .tsp_nav a.tsp_more:hover i{background:#00c0ff !important;color:#fff !important;border:none !important}.tspage .tsp_nav a.tsp_next:hover i{background:#00c0ff !important;color:#fff !important;border:none !important}.tspage .tsp_nav a.tsp_end:hover i{background:#00c0ff !important;color:#fff !important;border:none !important}.tspage .tsp_nav a.tsp_home:hover i{background:#00c0ff !important;color:#fff !important;border:none !important}.tspage .tsp_nav a.tsp_prev:hover i{background:#00c0ff !important;color:#fff !important;border:none !important}.tspage .tsp_nav a i{margin:0 !important;background:none !important}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64,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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0,0,0,0.5), transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0,0,0,0.5), transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0,0,0,0.5), transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), transparent)}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}

/* ×îÐÂÆÀÂÛ */
.comment-new{padding:15px 0}
li,ul{list-style:none}
h2.section-title{border-left:4px solid #2979ff;color:#000;font-size:24px;font-weight:500;margin-bottom:20px;padding-left:12px}
.write-review-box{background:#fff;border-bottom:1px solid #eee;border-radius:12px;border-radius:0;margin-bottom:40px;padding:0 10px 30px}
.write-header{align-items:center;display:flex;margin-bottom:20px}
.write-header span{font-size:16px;font-weight:500;margin-right:12px}
.interactive-stars{cursor:pointer;display:flex}
.interactive-stars .i-star{color:#e0e0e0;font-size:24px;margin-right:5px;transition:color .2s}
.interactive-stars .i-star.active{color:#f90}
.rating-text{color:#999;font-size:15px;margin-left:10px}
.input-wrapper{display:block;overflow:hidden;position:relative}
.review-textarea{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;display:block;font-size:14px;height:120px;overflow:hidden;padding:15px;resize:none;transition:border-color .3s,background-color .3s;width:calc(100% - 32px)}
.review-textarea:focus{background-color:#fff;border-color:#2979ff}
.write-footer{align-items:center;display:flex;justify-content:space-between;margin-top:15px}
.btn-submit{background-color:#2979ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 30px;transition:background-color .2s}
.btn-submit:hover{background-color:#1c68eb}
.btn-submit:disabled{background-color:#ccc;cursor:not-allowed}
.rating-summary{justify-content:center;align-items:center;background-color:#f6f7f9;border-radius:12px;display:flex;margin-bottom:30px;padding:30px 40px}
.score-box{margin-right:60px;min-width:120px;text-align:center}
.score-box .score{color:#2979ff;font-size:64px;font-weight:700;line-height:1}
.score-box .count{color:#999;font-size:12px;margin-top:5px}
.bars-box{flex:1;max-width:600px}
.bar-row{margin-bottom:6px}
.bar-row,.star-label{align-items:center;display:flex}
.star-label{justify-content:flex-end;margin-right:15px;width:80px}
.star-label span{color:#ccc;font-size:14px;margin-left:2px}
.progress-bg{background-color:#e0e0e0;border-radius:4px;flex:1;height:8px;overflow:hidden}
.progress-fill{background-color:#2979ff;border-radius:4px;height:100%}
.filter-tabs{display:flex;gap:15px;margin-bottom:5px;padding-bottom:15px}
.filter-btn{background-color:#f5f5f5;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:14px;padding:6px 20px;transition:all .2s}
.filter-btn.active{background-color:#2979ff;color:#fff}
.filter-btn:hover:not(.active){background-color:#e8e8e8}

.review-list{background:#f7f7f7;border-radius:10px;display:flex;flex-direction:column;gap:20px;padding:15px}
.review-item{animation:fadeIn .5s ease;border-bottom:1px solid #f8f8f8;display:flex;padding-bottom:10px}
@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.user-avatar{background-color:#eee;border-radius:50%;flex-shrink:0;height:40px;margin-right:10px;overflow:hidden;width:40px}
.user-avatar img{height:100%;object-fit:cover;width:100%}
.review-content{flex:1}
.user-name{color:#000;font-size:14px;font-weight:500;line-height:22px;margin-bottom:0}
.star-rating{color:#f90;font-size:12px;letter-spacing:1px;padding:4px 0}
.star-rating .gray{color:#e0e0e0}
.star-rating img{display:block;height:12px}
.user-model{    color: #aaa;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 2px 0;
    display: flex;
    align-items: center;
    gap: 6px;}
.user-model img{display:block;height:12px}
.review-text{color:#333;font-size:14px;line-height:1.6;margin-bottom:9px;margin-top:13px;position:relative}
.text-body.collapsed{display:block;overflow:hidden}
blockquote{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.01);border-radius:6px;color:#000;margin:10px 0;padding:10px 12px}
blockquote h4{background:0 0;color:#999;display:block;font-size:12px;font-weight:400;padding:0; margin-top: 6px;}
blockquote h4 cite{font-style:normal}
blockquote div{padding:0 7px}
.expand-btn{color:#2979ff;cursor:pointer;display:inline-block;font-size:14px;margin-left:5px}
.review-footer{align-items:center;color:#999;display:flex;font-size:12px;margin-bottom:0}
.review-footer .date{margin-right:auto}
.review-footer .action{align-items:center;background:0 0;cursor:pointer;display:flex!important;height:auto;margin-left:20px;min-width:0;padding:0;position:relative;width:auto}
.review-footer .action.liked,.review-footer .action:hover{color:#2979ff}
.review-footer .action svg{fill:currentColor;height:14px;margin-right:4px;width:14px}
.reply-box{background-color:#efefef;border-radius:6px;display:none;font-size:14px;line-height:22px;margin-right:15px;margin-top:10px;padding:10px}
.reply-user{color:rgba(0,0,0,.5);font-weight:400}
.reply-link{color:#2979ff;display:inline-block;font-size:13px;margin-top:5px}
.comment-showmore{color:#0080ff;display:block;font-size:12px;overflow:hidden;padding:12px 0;text-align:center;width:100%; cursor: pointer;}
.avatar-selector-box{align-items:center;display:flex;margin-top:15px}
.avatar-label{color:#666;font-size:14px;margin-right:15px}
.avatar-list{display:flex;gap:12px}
.avatar-option{border:2px solid transparent;border-radius:50%;cursor:pointer;height:40px;object-fit:cover;opacity:.7;transition:all .2s;width:40px}
.avatar-option.selected,.avatar-option:hover{opacity:1;transform:scale(1.1)}
.avatar-option.selected{border-color:#2979ff;box-shadow:0 0 0 2px rgba(41,121,255,.2)}
.toast-message{background-color:rgba(0,0,0,.75);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;display:none;font-size:15px;left:50%;padding:12px 30px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:9999}
.newcommen-morelink{
  float: right;
    font-size: 12px;
    font-weight: normal;
    
    margin: 0 12px;
}
.newcommen-morelink a{
color: #2979ff;
}
.newcommen-morelink a i{
  font-style: normal;
}


