.news_list { padding-bottom: 30px; padding-top: 35px; } 
.news_list .news_left { width: 970px; -webkit-box-sizing: border-box; box-sizing: border-box; } 
.news_list .news_left ul li { margin-bottom: 20px; padding: 10px 15px; background: #ffffff; border-radius: 2px; } 
.news_list .news_left ul li .list_title .date { float: left; text-align: center; width: 46px; height: 46px; background: #f5f5f5; border-radius: 50%; line-height: 22px; } 
.news_list .news_left ul li .list_title .date i { line-height: 16px; margin-top: 8px; display: block; font-size: 15px; color: #666666; } 
.news_list .news_left ul li .list_title .date span { display: block; font-size: 12px; color: #a5a5a5; } 
.news_list .news_left ul li .list_title .texts { float: right; width: 860px; } 
.news_list .news_left ul li .list_title .texts .spreadhead { font-size: 18px; line-height: 30px; color: #595959; } 
.news_list .news_left ul li .list_title .subhead { font-size: 12px; line-height: 18px; color: #a5a5a5; } 
.news_list .news_left ul li .inner { margin-top: 22px; margin-bottom: 15px; } 
.news_list .news_left ul li .inner .images { float: left; width: 264px; height: 148px; overflow: hidden; } 
.news_list .news_left ul li .inner .images img { max-width: 100%; } 
.news_list .news_left ul li .inner .texts { padding-top: 8px; width: 636px; float: right; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 13px; font-size: 13px; line-height: 24px; color: #878687; } 
.news_list .news_left ul li .inner .texts .more { font-size: 12px; color: #30ade5; } 
.news_list .news_right { width: 330px; float: right; } 
.news_list .news_right .Popular { background: #fff; border-radius: 10px; } 
.news_list .news_right .Popular .title { padding: 0 20px; font-size: 16px; border-bottom: 1px solid #eee; line-height: 46px; border-radius: 2px; } 
.news_list .news_right .Popular .inner { padding: 15px 10px; } 
.news_list .news_right .Popular .inner ul li { padding-left: 36px; padding-right: 15px; position: relative; line-height: 36px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.news_list .news_right .Popular .inner ul li span { text-align: center; height: 16px; line-height: 16px; width: 16px; display: block; position: absolute; left: 10px; top: 50%; margin-top: -8px; font-size: 14px; color: #ffffff; background: #d2d2d2; border-radius: 2px; } 
.news_list .news_right .Popular .inner ul li:first-child span { background: #e74c3c; } 
.news_list .news_right .Popular .inner ul li:nth-child(2) span { background: #ec6941; } 
.news_list .news_right .Popular .inner ul li:nth-child(3) span { background: #f8b551; } 
.news_list .news_details { width:850px; background: #fff; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; border-radius: 10px; } 
.news_list .news_details .news_details_title { line-height: 36px; font-size: 14px; color: #939292; } 
.news_list .news_details .headline { margin-top: 30px; } 
.news_list .news_details .headline .date { float: left; text-align: center; width: 46px; height: 46px; background: #f5f5f5; border-radius: 50%; line-height: 22px; margin-right: 15px; } 
.news_list .news_details .headline .date i { line-height: 16px; margin-top: 8px; display: block; font-size: 15px; color: #666666; } 
.news_list .news_details .headline .date span { display: block; font-size: 12px; color: #a5a5a5; } 
.news_list .news_details .headline .tests { text-align: center } 
.news_list .news_details .headline .tests h2 { line-height: 30px; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.news_list .news_details .bottom { margin-top:10px; color:#aaa; } 
.news_list .news_details .headline .tests .bottom span { display: inline-block; position: relative; line-height: 20px; margin-right: 4px; font-size: 14px; padding-left: 24px; color:#aaa; } 
.news_list .news_details .headline .tests .bottom span img { height: 16px; position: relative; top:4px; margin-right: 5px; opacity: 0.6; } 
.news_list .news_details .details { padding: 30px 0; } 
.news_list .news_details .details,
.news_list .news_details .details p { font-size: 16px !important; line-height: 32px !important; color:#444 !important; } 
.news_list .news_details .details_bottom .collect { float: left; display: inline-block; position: relative; line-height: 24px; padding-left: 20px; } 
.news_list .news_details .details_bottom .collect span { display: inline-block; line-height: 18px; margin: 0 6px; } 
.news_list .news_details .details_bottom .share { float: left; position: relative; display: inline-block; height: 24px; line-height: 24px; padding-left: 20px; } 
.news_list .news_details .details_bottom .icon { position: absolute; left: 0; top: 50%; margin-top: -9px; } 
.news_list .news_details .details_bottom .icon_1,
.news_list .news_details .details_bottom .icon_2 { display: block; width: 18px; height: 18px; } 
.news_list .news_details .details_bottom .icon_2 { display: none; } 
.news_list .news_details .essay .Karma { margin: 15px 0 20px 0; line-height: 44px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #eee; position: relative; } 
.news_list .news_details .essay .Karma::after { content: ''; width: 4em; height: 2px; background: #127DFD; position: absolute; bottom: -1px; left: 0; } 
.news_list .news_details .essay .discuss { border: none; width: 100%; height: 110px; background: #e1dfe2; border-radius: 2px; overflow: auto; line-height: 24px; color: #d4d0d0; } 
.news_list .news_details .essay .discuss::-webkit-input-placeholder { color: #b5b0b0; text-indent: 1em; } 
.news_list .news_details .essay .discuss:-moz-placeholder { color: #b5b0b0; text-indent: 1em; } 
.news_list .news_details .essay .discuss:-ms-input-placeholder { color: #b5b0b0; text-indent: 1em; } 
.news_list .news_details .essay .publish { margin-top: 15px; text-align: right; } 
.news_list .news_details .essay .publish .announce { text-align: center; width: 86px; height: 31px; background: #eeeeee; border: 1px solid #dcdcdc; border-radius: 4px; } 
.news_list .news_details .Guest_book { margin-top: 32px; } 
.news_list .news_details .Guest_book .icon { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; } 
.news_list .news_details .Guest_book .icon img { max-width: 100%; } 
.news_list .news_details .Guest_book .Message { padding-bottom: 30px; border-bottom: 1px solid #dedbdb; width: 850px; } 
.news_list .news_details .Guest_book .Message .name { font-size: 12px; line-height: 24px; color: #30ade5; } 
.news_list .news_details .Guest_book .Message .Message_text { font-size: 13px; line-height: 22px; color: #a1a1a1; } 
.news_list .news_details .Guest_book .Message .point .peak { padding-left: 26px; position: relative; line-height: 24px; display: inline-block; font-size: 13px; color: #a1a1a1; } 
.news_list .news_details .Guest_book .Message .point .peak span { margin-right: 6px; cursor: pointer; } 
.news_list .news_details .Guest_book .Message .point .peak .iconx { position: absolute; left: 0; width: 16px; height: 16px; top: 50%; margin-top: -8px; } 
.news_list .news_details .Guest_book .Message .point .peak .icon_2 { display: none; } 
.news_list .news_details .Guest_book .Message .point .reply { display: inline-block; font-size: 12px; position: relative; line-height: 24px; color: #a1a1a1; cursor: pointer; } 
.news_list .news_details .Guest_book .Message .response_bg { padding-left: 24px; } 
.news_list .news_details .Guest_book .Message .response { margin-top: 15px; background: #f5f5f5; padding: 18px 20px; } 
.news_list .news_details .Guest_book .Message .response .text_response { width: 100%; height: 54px; line-height: 20px; border: 1px solid #eeeeee; overflow: auto; } 
.news_list .news_details .Guest_book .Message .response .more { margin-top: 6px; float: right; text-align: center; display: block; width: 46px; height: 28px; font-size: 12px; color: #ffffff; background: #127DFD; border-radius: 4px; } 
.news_details .essay .username,
.news_details .essay .password { width: 130px; border: 1px solid #dee8ee; padding: 0 5px; height: 30px; line-height: 30px; transition: .3s; margin-right: 10px; } 
.news_details .essay span.username { color: red; border:0; } 
.news_details .essay .username:focus,
.news_details .essay .password:focus { border: 1px solid #127DFD; } 
.news_details .essay label { color:#777; line-height: 24px; } 
.news_list .news_details .essay textarea { color: #999; font-size: 14px; padding:15px; border: 1px solid #e6e6e6; margin-top: 15px; height: 120px; width: 100% !important; box-sizing: border-box; outline: none; } 
.news_list .news_details .essay textarea:focus { border:1px solid #127DFD; } 
.news_list .news_details .essay .rightcmtnum a { color: #999; padding-left: 17px; } 
.comment_list { color: #555; } 
.news_item { font-size: 14px; } 
.news_item,
.news_item a { color:#555; } 
.news_item a:hover { color:#127DFD; } 
.shopping_cont { background: #f8f9ff; padding-bottom: 100px; } 
.cos-learn-date { display: none; } 
.userInfo-left .info .type { color: #fff; } 
.ask_lis { padding-bottom:20px; } 
.liuy-com { width: 705px; min-height:180px; margin:0px auto; } 
.liuy-main { padding:20px 0px 0px 80px; position:relative; } 
.liuy-cont { background: #f8f8f8; border-radius: 5px; padding:10px 20px; } 
.liuy-line { border-top:1px solid #eee6c2; } 
.liuy-stu { position:relative; padding-right:80px; margin-bottom:10px; } 
.liuy-smit { height:35px; width:100px; background-color:#127DFD; border-radius: 3px; border:none; color:white; font-size:14px; float:right } 
.liuy-head { width:60px; height:60px; border-radius:50%; overflow:hidden; position: absolute; left:0px; top:20px; } 
.liuy-head img { min-height:100%; min-width:100%; max-height:100%; max-width:100%; } 
.liuy-name { font-size:12px; line-height:35px; color:#999 } 
.liuy-cents { font-size:14px; line-height:22px; min-height:22px; } 
.liuy-time { font-size:14px; color:#999; float:left; line-height:30px; } 
.liuy-timer { font-size:14px; color:#999; line-height:30px; position: absolute; bottom:0px; right:0px; } 
.liuy-opinion { font-size:14px; color:#999; float:right; line-height:30px; } 
.liuy-mark { height:30px; } 
.im { cursor:pointer; } 
.liuy-bt { display:inline-block; padding:2px 15px; border:1px solid #CCC; cursor:pointer; border-radius:3px; } 
.liuy-text { width:100%; padding:10px; outline:none } 
.liuy-pos { color:white; float:right; border:none; height:30px; width:80px; background-color:#34bd74; border-radius:30px; } 
.liuy-cents .imgbox { float:left; margin-bottom:10px; overflow:hidden; } 
.liuy-cents .imgAuto img { height:100%; } 
.liuy-cents .imgAuto { margin-right:10px; display:block; height:130px; position:relative; overflow:hidden; cursor: pointer; } 
#SubmitComment { margin-top: 10px; line-height: 34px; width: 98px; height: 34px; font-size: 14px; color: #fff; cursor: pointer; float: right; background: #127DFD; border: 0; border-radius: 3px; transition: .3s; } 
#SubmitComment:hover { background: #f59121; } 
.commenttips { line-height: 34px; height: 34px; font-size: 14px; color: #999; margin-top: 10px; } 
#cmttbody { padding:20px 0; margin-bottom: 20px; border-bottom: 1px solid #eee; } 
#cmttbody .goodandbadright { font-size: 14px; padding-top: 5px; } 
#cmttbody p { font-size: 14px; margin-top: 5px; } 
#cmttbody li { position: relative; padding-left: 70px; padding-right: 30px; margin-bottom: 30px; } 
#cmttbody li .goodandbadleft { width:50px; height: 50px; position: absolute; left: 0; top: 0; border-radius: 100%; overflow: hidden; } 
#cmttbody li .goodandbadleft img { line-height: 50px; width: 100%; height: 100%; vertical-align: middle; object-fit: cover; } 
#cmttbody li .goodandbadright span { color: #909090; } 
.goodandbad_num { position: absolute; width: 30px; right: 0; top: 50%; margin-top: -25px; }