@import url(zhang.css);

.m-t-news {
    height: 410px;
    padding-bottom: 17px;
    background: url(../images/icon/index-bg.jpg) no-repeat center top;
}

.m-t-news .content {
    position: relative;
    height :427px;
    padding:0 10px;
    overflow: hidden;
}

.m-t-news-index {
    display: flex;
    height: 2px;
    padding: 19px 0 17px;
    justify-content: center;
}

.m-t-news-index span {
    width: 50px;
    height: 100%;
    margin: 0 7px;
    cursor: pointer;
    background: rgba(255, 255, 255, .3);
}

.m-t-news-index span.swiper-pagination-bullet-active {
    background: #fff;
}

.m-t-news-list ul {
    position: relative;
    width: 100000%;
}

.m-t-news-list li {
    float: left;
    width: 380px;
    height: 372px;
    margin-right: 30px;
    background: #fff;
}

.m-t-news-pic {
    position: relative;
    height: 242px;
    overflow: hidden;
    background:#DCDCDC url(../images/global/defaultBg.png) no-repeat center;
}
.m-t-news-adv:after{
	content:" " ;
	position:absolute;
	top: 0 ;
	right: 0 ;
	width:38px;
	height:22px;
	background:url(../images/global/adv-icon.svg)  no-repeat center;
	z-index: 5 ;
}
.m-t-news-pic a{
    display: block;
    width: 100%;
    height: 100%;
}

.m-t-news-box {
    height: 130px;
    padding: 16px 14px 20px 20px;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.m-t-news-tt a{
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    height: 48px;
    line-height: 24px;
    margin-bottom: 18px;
    transition: all .3s ease;
}
.m-t-news-tt a:hover{
    color:#5670BF;
}
.m-t-news-type {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    color: #747474;
}

.m-t-news-photo {
    position: relative;
    width: 26px;
    height: 26px;
    margin-right: 9px;
    border-radius: 50%;
    overflow: hidden;
}

.m-t-news-photo img {
    width: 100%;
}
.m-t-news-name a{
	color: #747474;
}
.m-t-news-name a:hover{
	color: #5670BF;
}
.m-t-news-look {
    padding-left: 24px;
    background: url(../images/icon/liuliang.svg) no-repeat left center;
}
.m-t-news-link{
	width: 80px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    margin-top:-2px;
}
.m-t-news-link a{
	display:block;
	color:  #9B9B9B;
	border-radius: 3px;
	box-sizing: border-box;
	border: 1px solid #E4E4E4;
	transition: all .3s ease;
}

.m-t-news-link a:hover{
	color: #5670BF;
	border-color:#5670BF;
}


.m-t-news-btn span {
    position: absolute;
    top: 134px;
    width: 39px;
    height: 50px;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 10;
}

.m-t-news-btn-lf {
    left: -49px;
    background: rgba(0, 0, 0, .3) url(../images/icon/index-news-lf.svg) no-repeat center;
}

.m-t-news-btn-rt {
    right: -49px;
    background: rgba(0, 0, 0, .3) url(../images/icon/index-news-rt.svg) no-repeat center;
}

.m-t-news-btn span:hover {
    background-color: rgba(0, 0, 0, .7);
}

.m-t-news .content:hover .m-t-news-btn-lf {
    left: 10px;
}

.m-t-news .content:hover .m-t-news-btn-rt {
    right: 10px;
}

.m-t-pro{
    margin-bottom: 17px;
}
.m-t-pro .content {
    position: relative;
}

.m-t-pro-list {
    width: 100%;
    padding: 8px;
    margin-left: -8px;
    overflow: hidden;
}

.m-t-pro-list ul {
    position: relative;
    width: 100000%;

}

.m-t-pro-list li {
    position: relative;
    float: left;
    width: 220px;
    height: 220px;
    background: #fff;
    margin-right: 25px;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.m-t-pro-star {
    display: inline-block;
    position: relative;
    width: 68px;
    height: 11px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.20);
}

.m-t-pro-star img {
    position: relative;
    z-index: 10;
}

.m-t-pro-star i {
    position: absolute;
    z-index: 5;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #F5A623;
}

.m-t-pro-cover {
    position: relative;
    width: 100%;
    height: 158px;
    overflow: hidden;
    background:#DCDCDC url(../images/global/defaultBg.png) no-repeat center;
}

.m-t-pro-cover img {
    width: 100%;
}

.m-t-pro-infor {
    padding: 9px 20px 11px;
    background: #fff;
}

.m-t-pro-infor p.lf {
    width: 119px;
    margin-top: 2px;
}

.m-t-pro-infor p.lf span {
    display: block;
}

.m-t-pro-name {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 4px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.m-t-pro-infor p.rt {
    width: 55px;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    color: #EBAD46;
}

.m-t-pro-infor p.rt::first-letter {
    font-size: 36px;
}

.m-t-pro-data {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 220px;
    height: 220px;
    margin: -110px 0 0 -110px;
    background: #fff;
    box-sizing: border-box;
    padding: 22px 30px 21px;
    z-index: 100;
    opacity: 0;
}

.m-t-pro-list li:hover .m-t-pro-data {
    width: 236px;
    height: 236px;
    margin: -118px 0 0 -118px;
    padding: 30px 38px 29px;
    opacity: 1;
    transition: all .3s ease;
}

.m-t-pro-list li:hover .m-t-pro-data-link {
    left: 38px;
    bottom: 29px;
}

.m-t-pro-data-name {
    font-weight: bold;
    color: #333333;
    line-height: 18px;
    margin-bottom: 6px;
}

.m-t-pro-data-score {
    line-height: 14px;
    margin-bottom: 5px;
}

.m-t-pro-data-score b {
    display: inline-block;
    font-size: 13px;
    color: #EBAD46;
    line-height: 14px;
    margin-left: 4px;
}

.m-t-pro-data-text {
    font-size: 12px;
    color: #666666;
    height: 80px;
    line-height: 20px;
    text-align: justify;
    overflow: hidden;
}

.m-t-pro-data-link {
    position: absolute;
    bottom: 21px;
    left: 30px;
    font-size: 14px;
    color: #fff;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background: #5670BF;
    transition: all .3s ease;
}
.m-t-pro-data-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    z-index: 10;
}

.m-t-pro-data-label-hot {
    background: url(../images/project/pro-good-label-hot.svg) no-repeat left top;
}

.m-t-pro-data-label-selected {
    background: url(../images/project/pro-good-label-selected.svg) no-repeat left top;
}
.m-t-pro-more{
    padding: 90px 0;
    text-align: center;
}
.m-t-pro-more a{
    display: block;
    width: 100%;
    height: 100%;
}
.m-t-pro-more p{
    height: 20px;
    transition: all .3s ease;
    background: url(../images/icon/index-pro-more.svg) no-repeat center;
}
.m-t-pro-more:hover p{
    background: url(../images/icon/index-pro-more-h.svg) no-repeat center;
}
.m-t-pro-more span{
    display: block;
    font-size: 14px;
    line-height: 16px;
    color:#9b9b9b;
    margin-top: 4px;
    transition: all .3s ease;
}
.m-t-pro-more span:hover{
    color:#5670BF;
}
.m-t-pro-btn span {
    position: absolute;
    top: 95px;
    width: 18px;
    height: 30px;
    transition: all .3s ease;
    cursor: pointer;
}

.m-t-pro-btn-lf {
    left: -37px;
    background: url(../images/icon/index-pro-lf.svg) no-repeat center;
}

.m-t-pro-btn-lf:hover {
    left: -37px;
    background: url(../images/icon/index-pro-lf-h.svg) no-repeat center;
}

.m-t-pro-btn-rt {
    right: -37px;
    background: url(../images/icon/index-pro-rt.svg) no-repeat center;
}

.m-t-pro-btn-rt:hover {
    right: -37px;
    background: url(../images/icon/index-pro-rt-h.svg) no-repeat center;
}

.m-lf {
    width: 850px;
}

.m-lf-list {
    width: 260px;
}

.m-lf-list li {
    position: relative;
    height: 163px;
    overflow: hidden;

}

.m-lf-list li img {
    transition: transform .7s ease;
}

.m-lf-list li:hover img {
    transform: scale(1.1, 1.1);
}

.m-lf-list li p:hover a {
    text-decoration: underline;
}

.m-lf-list li p a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 24px;
    color: #fff;
    padding: 5px 19px 7px 10px;
    background: rgba(0, 0, 0, .6);
    box-sizing: border-box;
}

.m-lf-list li:first-child {
    margin-bottom: 14px;
}


.m-menu {
    position: relative;
    line-height: 20px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e0e1;
}

.m-menu .m-menu-line {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 32px;
    height: 2px;
    background: #5670BF;
}

.m-menu-btn {
    position: absolute;
    top: 2px;
    right: 0;
}

.m-menu-btn a {
    display: block;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    padding-right: 10px;
    color: #E02100;
    background: url(../images/icon/m-menu-icon.svg) no-repeat right center;
}

.m-menu-btn a:hover {
    text-decoration: underline;
}

.m-menu-btn a img {
    margin-right: 5px;
    width: 13px;
}

.m-menu li {
    float: left;
}

.m-menu li a {
    display: block;
    color: #666;
    margin-right: 35px;
    transition: all .3s ease;
	font-size: 18px;
	fon-weight: bold;
}

.m-menu li.show a,
.m-menu li:hover a {
    color: #5670BF;
}

.m-news ul {
    background: #fff;
   /* border: 1px solid #ebebeb;*/
}

.m-news li {
  /*  padding: 0 36px 0 20px;*/
    transition: all .3s ease;
}

.m-news li .m-news-box {
    position: relative;
    height: 194px;
    padding: 20px 0;
    border-top: 1px solid #ebebeb;
    box-sizing: border-box;
}

.m-news li:hover {
    background: #f7f7f7;
}

.m-news li:hover .m-news-box,
.m-news li:hover + li .m-news-box {
    border-top-color: transparent;
    transition: all .3s ease;
}

.m-news li:first-child .m-news-box {
    border-top-color: transparent;
}

.m-news li .m-news-box:after {
    content: " ";
    display: block;
    clear: both;
}

.m-news-box .m-new-stickTop {
    position: absolute;
    display: none;
    width: 35px;
    height: 19px;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    background: #D0021B;
    box-sizing: border-box;
    z-index: 10;
}

.m-news-stickTop-s .m-new-stickTop {
    display: inline-block;
}

.m-news-pic {
    position: relative;
    width: 240px;
    height: 153px;
    overflow: hidden;
    background:#DCDCDC url(../images/global/defaultBg.png) no-repeat center;
}

.m-news-pic img {
    transition: transform .7s ease; 
}

.m-news-pic img:hover {
    transform: scale(1.1, 1.1);
}

.m-news-text {
    position: relative;
    width: 595px;
    height: 153px;
}

.m-news-text h2 a {
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #333;
    line-height: 28px;
}

.m-news-text h2 a:hover {
    color: #5670BF;
    transition: all .3s ease;
}

.m-news-text p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    margin-top: 9px; padding-right:10px;
}

.m-news-type {
    position: absolute;
    left: 0;
    bottom: 7px;
    line-height: 15px;
    width: 100%;
}

.m-news-type span {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    color: #9B9B9B;
    margin-right: 20px;
    cursor: pointer;
}

.m-news-type span i {
    margin-right: 6px;
}

.m-news-photo > a {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 6px;
    border-radius: 100%;
    overflow: hidden;
    transform: translatey(8px);
}

.m-news-photo b {
    display: inline-block;
    max-width: 130px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.m-news-photo b a {
    color: #747474;
}

.m-news-photo b a:hover {
    color: #5670BF;
    text-decoration: underline;
}

.m-news-timer i {
    padding: 0 7px;
    background: url(../images/icon/time.svg) no-repeat center;
}

.m-news-look i {
    padding: 0 9px;
    background: url(../images/icon/liuliang.svg) no-repeat center;
}

.m-news-message i {
    padding: 0 7px;
    background: url(../images/icon/pinglunshu.svg) no-repeat center;
}

.m-more a {
    display: block;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    color: #2D50A9;
    margin-top: 8px;
    background: #fff;
    cursor: pointer;
    transition: all .3s ease;
}

.m-more a:hover {
    background: #F9FAFD;
}

.m-rt {
    width: 330px;
}

/*.m-message {*/
/*position: relative;*/
/*height: 340px;*/
/*padding: 22px 35px 33px;*/
/*background: url(../images/pic/m-mes.jpg) no-repeat center;*/
/*box-sizing: border-box;*/
/*}*/

/*.m-mes-tt {*/
/*position: relative;*/
/*font-size: 18px;*/
/*line-height: 20px;*/
/*margin-bottom: 40px;*/
/*color: #fff;*/
/*}*/

/*.m-mes-tt:after {*/
/*content: ' ';*/
/*position: absolute;*/
/*top: 0;*/
/*left: -10px;*/
/*width: 3px;*/
/*height: 20px;*/
/*background: #4C1CFF;*/
/*}*/

/*.m-mes-list {*/
/*position: relative;*/
/*height: 211px;*/
/*overflow: hidden;*/
/*}*/

/*.m-mes-list ul {*/
/*position: relative;*/
/*width: 2000%;*/
/*}*/

/*.m-mes-list ul li {*/
/*float: left;*/
/*width: 260px;*/
/*padding-right: 35px;*/
/*}*/

/*.m-mes-photo {*/
/*width: 46px;*/
/*height: 46px;*/
/*margin-right: 12px;*/
/*border-radius: 50%;*/
/*box-sizing: border-box;*/
/*border: 1px solid rgba(255, 255, 255, .3);*/
/*overflow: hidden;*/
/*}*/

/*.m-mes-photo img {*/
/*width: 100%;*/
/*}*/

/*.m-mes-data span {*/
/*word-break: keep-all;*/
/*white-space: nowrap;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*width: 150px;*/
/*display: block;*/
/*}*/

/*.m-mes-name {*/
/*opacity: 0.9;*/
/*line-height: 24px;*/
/*color: #fff;*/
/*}*/

/*.m-mes-timer {*/
/*opacity: 0.42;*/
/*font-size: 12px;*/
/*line-height: 12px;*/
/*color: #fff;*/
/*margin-top: 4px;*/
/*}*/

/*.m-mes-text {*/
/*font-size: 14px;*/
/*line-height: 24px;*/
/*color: #E8E7ED;*/
/*margin: 15px 0 32px;*/
/*text-align: justify;*/
/*}*/

/*.m-mes-fun {*/
/*position: relative;*/
/*line-height: 12px;*/
/*font-size: 12px;*/
/*color: #fff;*/
/*}*/

/*.m-mes-post {*/
/*cursor: pointer;*/
/*}*/

/*.m-mes-post i {*/
/*padding: 0 6px;*/
/*margin-right: 5px;*/
/*background: url(../images/icon/fabiao_1.svg) no-repeat center;*/
/*}*/

/*.m-mes-post:hover {*/
/*color: #5670BF;*/
/*}*/

/*.m-mes-post:hover i {*/
/*background: url(../images/icon/fabiao_2.svg) no-repeat center;*/
/*}*/

/*.m-mes-check {*/
/*margin-right: -10px;*/
/*}*/

/*.m-mes-check i {*/
/*display: inline-block;*/
/*width: 15px;*/
/*text-align: center;*/
/*}*/

/*.m-mes-check-l {*/
/*padding: 0 7px;*/
/*cursor: pointer;*/
/*background: url(../images/icon/jiantou_left.svg) no-repeat center;*/
/*transition: all .3s ease;*/
/*}*/

/*.m-mes-check-l:hover {*/
/*background: url(../images/icon/jiantou_left_2.svg) no-repeat center;*/
/*}*/

/*.m-mes-check-r {*/
/*padding: 0 10px;*/
/*margin-left: 4px;*/
/*cursor: pointer;*/
/*background: url(../images/icon/jiantou_right.svg) no-repeat center;*/
/*transition: all .3s ease;*/
/*}*/

/*.m-mes-check-r:hover {*/
/*background: url(../images/icon/jiantou_right_2.svg) no-repeat center;*/
/*}*/

/*.m-mes-icon {*/
/*position: absolute;*/
/*left: 185px;*/
/*top: 25px;*/
/*width: 120px;*/
/*height: 14px;*/
/*}*/

/*.m-mes-icon li {*/
/*position: absolute;*/
/*top: 0;*/
/*right: 0;*/
/*opacity: 0;*/
/*visibility: hidden;*/
/*}*/

/*.m-mes-icon li.show {*/
/*opacity: 1;*/
/*visibility: visible;*/
/*z-index: 10;*/
/*transition: all 1.5s ease;*/
/*}*/

/*.m-mes-icon li:after {*/
/*content: ' ';*/
/*display: block;*/
/*clear: both;*/
/*}*/

/*.m-mes-icon li p {*/
/*float: left;*/
/*height: 21px;*/
/*cursor: pointer;*/
/*overflow: hidden;*/
/*margin-left: 10px;*/
/*transition: all .3s ease;*/
/*}*/

/*.m-mes-icon li p i {*/
/*display: inline-block;*/
/*width: 20px;*/
/*height: 20px;*/
/*transition: all .3s ease;*/
/*vertical-align: top;*/
/*}*/

/*.m-mes-icon li p i.show + span {*/
/*color: #5670BF;*/
/*}*/

/*.m-mes-icon li p span {*/
/*display: inline-block;*/
/*font-size: 12px;*/
/*line-height: 20px;*/
/*color: #E8E7ED;*/
/*opacity: .8;*/
/*margin-left: 5px;*/
/*overflow: hidden;*/
/*transition: all .3s ease;*/
/*}*/

/*.m-mes-dz i {*/
/*background: url(../images/icon/dianzhan_1.svg) no-repeat right 3px;*/
/*}*/

/*.m-mes-fx i {*/
/*background: url(../images/icon/fenxiang_1.svg) no-repeat right center;*/
/*}*/

/*.m-mes-dz:hover i,*/
/*.m-mes-dz i.show {*/
/*background: url(../images/icon/dianzhan_2.svg) no-repeat right 3px;*/
/*}*/

/*.m-mes-fx:hover i {*/
/*background: url(../images/icon/fenxiang_2.svg) no-repeat right center;*/
/*}*/

/*.m-mes-dz:after {*/
/*content: '+1';*/
/*position: absolute;*/
/*right: -15px;*/
/*top: 5px;*/
/*color: #83A2FF;*/
/*font-size: 12px;*/
/*opacity: 0;*/
/*}*/

/*.m-mes-dz.show:after {*/
/*animation: zan 1s ease;*/
/*}*/

/*@-webkit-keyframes zan {*/
/*0% {*/
/*top: 7px;*/
/*opacity: 0;*/
/*}*/
/*70% {*/
/*top: -7px;*/
/*opacity: .7;*/
/*}*/
/*100% {*/
/*top: -10px;*/
/*opacity: 0;*/
/*}*/
/*}*/

/*.m-mes-box {*/
/*position: absolute;*/
/*top: 57px;*/
/*left: -35px;*/
/*width: 330px;*/
/*height: 213px;*/
/*padding: 15px 14px 0;*/
/*box-sizing: border-box;*/
/*box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.34);*/
/*background: #fff;*/
/*z-index: 10;*/
/*display: none;*/
/*}*/

/*.m-mes-box:after {*/
/*content: ' ';*/
/*position: absolute;*/
/*top: -14px;*/
/*left: 60px;*/
/*border: 7px solid transparent;*/
/*border-bottom-color: #fff;*/
/*}*/

/*.m-mes-textarea {*/
/*position: relative;*/
/*}*/

/*.m-mes-textarea textarea {*/
/*width: 100%;*/
/*padding: 9px 10px 20px 10px;*/
/*height: 140px;*/
/*font-size: 14px;*/
/*color: #333;*/
/*box-sizing: border-box;*/
/*vertical-align: top;*/
/*border: 1px solid #EBEBEB;*/
/*resize: none;*/
/*}*/

.m-mes-num {
    position: absolute;
    right: 13px;
    bottom: 8px;
    font-size: 12px;
    color: #9B9B9B;
}

.m-mes-num span {
    color: #5670BF;
}

.m-mes-btn {
    margin: 16px 0;
    line-height: 25px;
}

.m-mes-btn-pic {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-top: 3px;
    border: 1px solid #CBCBCB;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: top;
}

.m-mes-btn-pic img {
    width: 100%;
}

.m-mes-btn-name {
    display: inline-block;
    font-size: 12px;
    color: #666;
    vertical-align: top;
}

.m-mes-btn .rt span {
    display: inline-block;
    width: 68px;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s ease
}

.m-mes-qx {
    color: #333;
    background: #D5D5D5;
}

.m-mes-qx:hover {
    background: #B8B8B8;
}

.m-mes-fb {
    color: #fff;
    background: #5670BF;
}

.m-mes-fb:hover {
    background: #315EE4;
}

.m-columnist {
    height: 313px;
    background: #fff;
    border: 1px solid #EBEBEB;
}

.m-columnist-tt {
    font-size: 18px;
    line-height: 20px;
    color: #333;
    padding: 29px 19px 19px;
}

.m-columnist-tt i {
    padding: 0 11px;
    margin-right: 6px;
    background: url(../images/icon/writing.svg) no-repeat center; background-size:auto 100% ;
}

.m-columnist-more {
    padding-right: 10px;
    height: 20px;
    font-size: 12px;
    background: url(../images/icon/m-rt-tt-icon.svg) no-repeat right center;
    color: #5670BF;
}

.m-columnist-list {
    margin: 0 11px;
    height: 220px;
    overflow: hidden;
}

.m-columnist-list ul {
    position: relative;
    width: 400%;
}

.m-columnist-list li {
    float: left;
    width: 306px;
}

.m-columnist-list li:after {
    content: " ";
    display: block;
    clear: both;
}

.m-columnist-item {
    float: left;
    width: 60px;
    margin: 4px 18px 16px;
}

.m-columnist-photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.m-columnist-photo img {
    width: 100%;
}

.m-columnist-name {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px;
    text-overflow: ellipsis;
}

.m-columnist-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    height: 6px;
}

.m-columnist-icon span {
    width: 6px;
    height: 6px;
    cursor: pointer;
    border-radius: 50%;
    background: #D8D8D8;
    margin: 0 3px;
}

.m-columnist-icon span.show {
    background: #5670BF;
}

.m-fast {
    background: #fff;
    border: 1px solid #EBEBEB;
}

.m-fast-tt {
    font-size: 18px;
    line-height: 20px;
    color: #333;
    padding: 29px 19px 19px;
}

.m-fast-tt i {
    padding: 0 10px;
    margin-right: 6px;
    background: url(../images/icon/kuaixun.svg) no-repeat center;
}

.m-fast-list {
    max-height: 400px;
    padding: 0 20px 20px;
    overflow-x: auto;
}

.m-fast-more {
    padding-right: 10px;
    height: 20px;
    font-size: 12px;
    background: url(../images/icon/m-rt-tt-icon.svg) no-repeat right center;
    color: #5670BF;
}

.m-fast-list li {
    padding: 10px 0 10px 18px;
    border-bottom: 1px solid #ebebeb;
}

.m-fast-timer {
    position: relative;
    font-size: 12px;
    color: #9B9B9B;
}

.m-fast-timer:after {
    content: ' ';
    position: absolute;
    top: 3px;
    left: -13px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left-color: rgba(64, 112, 255, .48);
}

.m-fast-text {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    margin: 4px 0 7px;
    word-break: break-all;
    transition: all .3s ease;
}

.m-fast-text.show {
    color: #C5841C;
}

.m-fast-text a {
    font-size: 12px;
    color: #5670BF;
}

.m-fast-text a:hover {
    text-decoration: underline;
}

.m-fast-list-no,
.m-24h-list-no {
    font-size: 12px;
    color: #666;
    padding-top: 20px;
    text-align: center;
}

.m-24h {
    background: #fff;
    border: 1px solid #EBEBEB;
}

.m-24h-tt {
    font-size: 18px;
    line-height: 20px;
    color: #333;
    padding: 29px 19px 19px;
}

.m-24h-tt i {
    padding: 0 10px;
    margin-right: 6px;
    background: url(../images/icon/pinglun.svg) no-repeat center;
}

.m-24h-list {
    padding: 0 20px 20px;
    max-height: 420px;
    overflow-x: auto;
}

.m-24h-list li {
    padding: 20px 0 8px;
    border-bottom: 1px solid #e1e1e1;
}

.m-24-data {
    line-height: 35px;
}

.m-24h-photo {
    width: 35px;
    height: 35px;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden;
}

.m-24h-photo img {
    width: 100%;
}

.m-24h-name {
    color: #333333;
}

.m-24h-timer {
    font-size: 12px;
    color: #BDBDBD;
}

.m-24-text {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin: 10px 0 8px;
}

.m-24-link {
    font-size: 13px;
    line-height: 18px;
    color: #9B9B9B;
}

.m-24-link a {
    display: inline-block;
    width: 210px;
    color: #9B9B9B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    transition: all .3s ease;
}

.m-24-link a:hover {
    color: #5670BF;
    text-decoration: underline;
}

.m-onetv{
    width: 330px;
}
.m-onetv img{
    width: 100%;
}.content_article_tab {
    display: flex;
    background-color: #fff;
    overflow: visible;
}.content_article_tab label {
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    line-height: 14px;
    padding: 15px 0;
    margin: 0 13px;
    cursor: pointer;
    font-weight: normal;    flex-grow: 1;
    text-align: center;
}.content_article_tab label.active {
    color: #3AA2FF;
    border-bottom: 2px solid #3AA2FF;
}.article_icon {
    padding-left: 14px;
    color: #999;
    background: url(../images/icon/tag.svg) left center no-repeat;
    background-position-y: 2px;
    background-size: 14px 14px;
}
.m-about {
    padding: 0 19px 14px;
    background: #fff;
    border: 1px solid #EBEBEB;
}

.m-about-tt {
    font-size: 18px ;
    line-height: 20px;
    color: #000;
    padding: 20px 0 5px;
}

.m-about-tt i {
    padding: 0 10px;
    margin-right: 6px;
    background: url(../images/icon/about.svg) no-repeat center;
}

.m-about li {
    border-bottom: 1px solid #EBEBEB;
}

.m-about li:last-child {
    border-bottom: 0;
}

.m-about li p a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #666;
    line-height:18px;
    padding: 14px 0 13px 15px;
    transition: all .3s ease;
}

.m-about li p:hover a {
    color: #1892d4;
    text-decoration: underline;
}

.m-about li p a:before {
    content: ' ';
    position: absolute;
    top: 23px;
    left: 2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translatey(-50%);
    background: #50c6e1;
}