html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

a, 
a:active,
a:hover,
a:focus {
    text-decoration: none;
    color: #333;
}

.actived {
    color: #fff;
    background-color: rgb(3, 149, 252) !important;
}

.timeActived {
    color: #000 !important;
    border-bottom: 3px solid #000;
}

/* .crago {
    background-color: rgb(247, 247, 247);
} */

.banner {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner img {
    display: inherit;
    width: 100%;
    height: 100%;
}

.crago .crago_main {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: .5rem;
    padding-bottom: 1rem;
    background-color: rgb(247, 247, 247);
}

.crago .crago_main .top {
    width: 100%;
    height: 100%;
    padding: 0 20%;
    box-sizing: border-box;
}

.crago .crago_main .top .top_left {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: 100%;
}

.crago .crago_main .top .top_left .nav_btn {
    display: inline-block;
    float: left;
    margin-right: .12rem;
    width: 1.4rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .22rem;
    /* font-weight: 600; */
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
}

.crago .crago_main .top .top_right {
    display: inline-block;
    float: right;
    width: 4.1rem;
    height: .4rem;
}

.search-frame {
    display: inline-block;
    float: left;
    width: 3.5rem;
    height: .4rem;
    margin-left: .1rem;
    padding: 0 10px;
    line-height: .4rem;
    outline: none;
    border: 1px solid rgb(175, 175, 175);
    border-right: none;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.search-submit {
    display: inline-block;
    float: right;
    width: .5rem;
    height: .4rem;
    background: url("../../images/news/search-submit.png") no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    border: none;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

.crago .crago_main .actives {
    width: 100%;
    height: 100%;
    margin-top: .8rem;
    padding: 0 20%;
    box-sizing: border-box;
}

.crago .crago_main .actives .actives_top {
    width: 100%;
    height: .5rem;
    border-bottom: 2px solid rgb(175, 175, 175);
}

.crago .crago_main .actives .actives_top .top_left {
    display: inline-block;
    float: left;
    width: auto;
    height: .5rem;
    line-height: .5rem;
    font-size: .22rem;
    letter-spacing: 2px;
}

.crago .crago_main .actives .actives_top .top_right {
    display: inline-block;
    float: right;
    width: auto;
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem;
    cursor: pointer;
}

.crago .crago_main .actives .actives_list {
    margin: 0;
}

.crago .crago_main .actives .actives_list .actives_one {
    margin-top: .3rem;
}

.crago .crago_main .actives .actives_list .actives_one a {
    display: block;
}

.crago .crago_main .actives .actives_list .actives_one a img {
    display: inherit;
    width: 100%;
    height: 2.5rem;
    /* border: 1px solid rgb(175, 175, 175); */
}

.crago .crago_main .news {
    width: 100%;
    height: 100%;
    margin-top: 1rem;
    padding: 0 20%;
    box-sizing: border-box;
}

.crago .crago_main .news .news_title {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: .3rem;
    font-size: .22rem;
    letter-spacing: 2px;
}

.crago .crago_main .news .news_top {
    width: 100%;
    height: .5rem;
    margin-top: .2rem;
    border-bottom: 2px solid rgb(175, 175, 175);
}

.crago .crago_main .news .news_top .top_left {
    display: inline-block;
    float: left;
    width: auto;
    height: .5rem;
}

.crago .crago_main .news .news_top .top_left .left_one {
    display: inline-block;
    float: left;
    width: 1rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .22rem;
    text-align: center;
    color: rgb(175, 175, 175);
    cursor: pointer;
}

.crago .crago_main .news .news_top .top_right {
    display: inline-block;
    float: right;
    width: auto;
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem;
    cursor: pointer;
}

.crago .crago_main .news .newsList {
    margin: 0;
}

.crago .crago_main .news .newsList .newsOne {
    margin-top: .4rem;
}

.crago .crago_main .news .newsList .newsOne a {
    display: block;
}

.crago .crago_main .news .newsList .newsOne a>img {
    display: inherit;
    width: 100%;
    height: 2.2rem;
    /* border: 1px solid rgb(175, 175, 175); */
}

.crago .crago_main .news .newsList .newsOne a .newsTime {
    display: inline-block;
    float: left;
    width: 50%;
    height: .25rem;
    margin-top: .15rem;
}

.crago .crago_main .news .newsList .newsOne a .newsTime img {
    display: inline-block;
    float: left;
    width: .25rem;
    height: 100%;
}

.crago .crago_main .news .newsList .newsOne a .newsTime span {
    display: inline-block;
    float: left;
    width: auto;
    height: 100%;
    margin-left: 5px;
    line-height: .25rem;
    font-size: .13rem;
    color: rgb(175, 175, 175);
}

.crago .crago_main .news .newsList .newsOne a .newsCount {
    display: inline-block;
    float: right;
    width: 50%;
    height: .25rem;
    margin-top: .15rem;
}

.crago .crago_main .news .newsList .newsOne a .newsCount img {
    display: inline-block;
    float: left;
    width: .25rem;
    height: 100%;
}

.crago .crago_main .news .newsList .newsOne a .newsCount span {
    display: inline-block;
    float: left;
    width: auto;
    height: 100%;
    margin-left: 5px;
    line-height: .25rem;
    font-size: .13rem;
    color: rgb(175, 175, 175);
}

.crago .crago_main .news .newsList .newsOne a .newsTitle {
    display: -webkit-box;
    width: 100%;
    height: .4rem;
    margin-top: .08rem;
    margin-bottom: 0;
    line-height: .2rem;
    font-size: .15rem;
    /* font-weight: 600; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.crago .crago_main .information {
    width: 100%;
    height: 100%;
    margin-top: 1rem;
    padding: 0 20%;
    box-sizing: border-box;
}

.crago .crago_main .information .information_top {
    width: 100%;
    height: .5rem;
    border-bottom: 2px solid rgb(175, 175, 175);
}

.crago .crago_main .information .information_top .top_left {
    display: inline-block;
    float: left;
    width: auto;
    height: .5rem;
    line-height: .5rem;
    font-size: .22rem;
    letter-spacing: 2px;
}

.crago .crago_main .information .information_top .top_right {
    display: inline-block;
    float: right;
    width: auto;
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem;
    cursor: pointer;
}

.crago .crago_main .information .information_list {
    margin: 0;
}

.crago .crago_main .information .information_list .information_one {
    margin-top: .5rem;
}

.crago .crago_main .information .information_list .information_one a {
    display: block;
    height: 2.5rem;
    background-color: #fff;
}

.crago .crago_main .information .information_list .information_one a img {
    display: inherit;
    width: 100%;
    height: 1.5rem;
    /* border: 1px solid rgb(175, 175, 175); */
}

.crago .crago_main .information .information_list .information_one a p {
    display: -webkit-box;
    width: 100%;
    height: .5rem;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: .08rem;
    line-height: .25rem;
    font-size: .16rem;
    /* font-weight: 600; */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.crago .mobile_crago_main {
    position: relative;
    width: 100%;
    height: 100%;
}

.crago .mobile_crago_main .mobile_news_top {
    display: inline-block;
    width: 100%;
    height: 1rem;
    background: rgba(175, 175, 175, .5);
}

.crago .mobile_crago_main .mobile_news_top .mobile_news_title {
    display: inline-block;
    width: 100%;
    height: 1rem;
    margin: 0;
    padding: 0 3%;
    box-sizing: border-box;
}

.crago .mobile_crago_main .mobile_news_top .mobile_news_title .mobile_title_one {
    padding: 0;
    padding-left: 3px;
    padding-right: 3px;
}

.crago .mobile_crago_main .mobile_news_top .mobile_news_title .mobile_title_one p {
    height: 100%;
    line-height: 1rem;
    font-size: .35rem;
    text-align: center;
    margin: 0;
}

.mobile_actived {
    border-bottom: 2px solid rgb(3, 149, 252);
}

.crago .mobile_crago_main .mobile_news_list {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 3%;
    box-sizing: border-box;
}

.crago .mobile_crago_main .mobile_news_list a {
    display: block;
}

.crago .mobile_crago_main .mobile_news_list a .mobile_news_one {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: .4rem;
}

.crago .mobile_crago_main .mobile_news_list a .mobile_news_one .mobile_one_left {
    display: inline-block;
    float: left;
    width: 70%;
    height: auto;
}

.crago .mobile_crago_main .mobile_news_list a .mobile_news_one .mobile_one_left .mobile_left_title {
    display: -webkit-box;
    width: 100%;
    height: 1rem;
    line-height: .5rem;
    font-size: .32rem;
    font-weight: 600;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.crago .mobile_crago_main .mobile_news_list a .mobile_news_one .mobile_one_left .mobile_left_time {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: .1rem;
    line-height: .5rem;
    font-size: .3rem;
}

.crago .mobile_crago_main .mobile_news_list a .mobile_news_one img {
    display: inline-block;
    float: right;
    width: 1.8rem;
    height: 1.8rem;
    /* border: 1px solid black; */
}

.mobile_checkmore {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: .2rem;
    line-height: .6rem;
    font-size: .3rem;
    text-align: center;
}