* {
    box-sizing: border-box;
}
body {
    background: #F1F1F1;
}
main{
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    /*overflow: hidden;*/
}
.line_header {
    margin-top: 20px;
}
.line_header img{
    border-radius: 7px;
    width: 100%;
    transition: all 0.3s;
}
.line_header img:hover{
    transform: scale(1.015);
}
.text-yellow {
    font-size: 14px;
}
.containers{
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 280px 1fr
}
.content {

}
.content_top{
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 7px;
}
.content_bottom{
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 20px;
}
.content_bottom>div{
    height: 160px;
    background: #FFFFFF;
    border-radius: 7px;
}
/*.recommend_port_related h2 {*/
/*    font-size: 18px;*/
/*    font-weight: bolder;*/
/*    padding: 0 0 10px 0;*/
/*    border-bottom: 1px solid #a3a3a3;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.recommend_port_related li {*/
/*    margin: 8px 0;*/
/*}*/

/*.recommend_port_related a {*/
/*    padding: 5px 0;*/
/*    color: rgb(98 98 255);*/
/*    font-size: 16px;*/
/*}*/
.container-title-box {
    padding: 20px;
    border-bottom: 4px solid #e7e7e7;
}
.container-title{
    font-size: 26px;
    line-height: 40px;
}
.container-description-box {
    margin-top: 20px;
}
.container-description-box .container-description-con {
    padding: 10px;
    border: 1px solid #e7e7e7;
}
.container-description-box .container-description-con p {
    font-size: 12px;
    line-height: 20px;
    color: #666666;
}
.container-description-box .container-description-con p span {
    font-size: 12px;
    font-weight: 800;
    color: #000000;
}
/*.recommend_port_recently {*/
/*    margin-top: 10px;*/
/*}*/
.container-right-box {
    margin-top: 20px;
    /*width: 280px;*/
}
.right-news-box .right-news-con h3,.right-news-box .right-news-con2 h3{
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color:#436BF8;
    cursor: pointer;
    margin-bottom: 5px;
}
.new_article li{
    height: 70px;
    /*background:red;*/
    margin-top: 10px;
}
.new_article li a{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1.3fr;
}
.new_article_img{
    width: 100%;
    height: 70px;
    overflow:hidden;
    border-radius: 7px;
    transition: all 0.3s;
}
.new_article_img img{
    height: 100%;
    transition: all 0.3s;
}
.new_article_font{
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    padding:2px 0;
}
.new_article_font span:first-child{
    font-size: 14px;
    color:#111111;
    width: 100%;
    /*height: 28px;*/
    /*background: yellow;*/
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.new_article_font span:last-child{
    font-size: 12px;
    color:#666666;
}
.new_article li a:hover .new_article_font span:first-child,.right-news-con2 li a:hover {
    color:#436BF8 !important;
}
.new_article li a:hover .new_article_img{
    transform: scale(1.05);
}
.container-right-con .right-news-box {
    padding: 20px;
    background: #ffffff;
    border-radius: 7px;
}
.right-correlation-box{
    padding: 20px 20px 10px 20px !important;
}
/*.right-news-con ul li a:hover, .tags-lists-box .tags-lists-con2 ul li a:hover {*/
/*    color: #0078ff;*/
/*}*/
.container-right-con .right-correlation-box {
    margin-top: 20px;
}
.left_poster{
    margin-bottom: 20px;
}
.left_poster a img{
    /*border-radius: 7px;*/
    transition: all 0.3s;
}
.left_poster a img:hover{
    transform: scale(1.03);
}
.container-title-con p:last-child{
    color:#666666;
    font-size: 12px;
    margin-top:20px;
}
.right-news-con2 ul li{
    line-height: 35px;
    padding-left: 1px;
    border-bottom: 1px solid #F1F1F1;
    overflow: hidden;
    text-overflow:ellipsis;
}
.right-news-con2 ul li:last-child{
    border-bottom:none;
}
.right-news-con2 ul li a{
    font-size: 14px;
}
.content_bottom_item{
    padding: 15px;
}
.content_bottom_item a{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.content_bottom_item:hover{
    cursor:pointer;
}
.content_bottom_item h3{
    font-size: 18px;
    color: #111111;
    font-weight: 600;
    line-height: 22px;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.content_bottom_item_bottom{
    height: 21px;
    display: flex;
    justify-content: space-between;
}
.content_bottom_item_bottom p{
    font-size: 12px;
    color:#666666;
    line-height: 23px;
}
.right_jiantou{
    height: 21px;
    width:21px;
    background: url("/skin/images/tag/right_jiantou.png") no-repeat center;
}

.content img{
    width: 80% !important;
    height: auto !important;;
    margin: 20px auto !important;
}
/*div section section section{*/
/*    width: 70%;*/
/*}*/
div>section{
    /*float: left;*/
}
div>section{
    /*margin-top: 40px;*/
}
div>section>section{
    display: block !important;
}
div>section>section:last-child>section{
    width: 65% !important;
}
.content_article h2{
    font-size: 24px !important;
    line-height: 38px !important;
}
@media screen and (max-width: 1240px) {
    main {
        padding: 0 20px;
    }
    .containers{
        grid-template-columns: 200px 1fr;
    }
}
@media screen and (max-width: 960px) {
    .container-title-box .container-title-con .container-title {
        font-size: 20px;
    }
    .content_bottom{
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .container-right-box {
        display: none;
    }
    .containers{
        grid-template-columns: 1fr;
    }
}