.fr {
    float: right;
}

.fl {
    float: left;
}

.fn {
    float: none;
}

.f2 {
    font-size: 12px;
}

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a,
img {
    border: 0;
    text-decoration: none;
}

form,
select,
textarea,
input {
    margin: 0px;
    padding: 0px;
    outline: medium;
    border: 0;
    border-radius: 0;
    background: none;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari 和 Chrome */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
}

a {
    margin: 0px;
    padding: 0px;
    outline: medium;
    border: 0;
    border-radius: 0;
    background: none;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari 和 Chrome */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
}

a:hover {
    text-decoration: none !important;
}

i,
em {
    font-style: normal;
}

.mo {
    margin: 0 auto;
}

.most {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}

.roundBorder {
    border-radius: 15px;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.imr {
    width: 100%;
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.dsk {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
}

img {
    width: 100%;
    vertical-align: middle;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.dn {
    display: none;
}

.lazy {
    background: url(../images/loading.gif) 50% no-repeat;
}

.gradient {
    background: -webkit-linear-gradient(top, #ffdc54, #ffc80f);
    background: -o-linear-gradient(bottom, #ffdc54, #ffc80f);
    background: -moz-linear-gradient(bottom, #ffdc54, #ffc80f);
    background: linear-gradient(to bottom, #ffdc54, #ffc80f);
}


/*iphoneX 底部黑条*/

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    /*导航操作栏上移*/
    .ft {
        padding-bottom: 0.64rem;
    }
    .bottom-menu-fixed {
        border-bottom: 0.64rem solid #fff;
        bottom: 0;
    }
}


/* 首页 */

.header {
    width: 100%;
    height: 1.3333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 .1333rem .1333rem rgba(0, 0, 0, .01);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
}

.header_margin {
    height: 1.3333rem;
}

.logo {
    padding: 0 .32rem;
    width: 2.5333rem;
}

.search {
    width: 4.5333rem;
    height: .8533rem;
    padding: 0 .32rem;
    display: flex;
    align-items: center;
    border-radius: .6667rem;
    background-color: #f5f5f5;
}

.search img {
    width: .4rem;
    height: .3867rem;
    margin-right: .2667rem;
}

.search input {
    flex: 1;
    font-size: .32rem;
}

.menu_btn {
    width: 1.3333rem;
    height: 1.3333rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_btn span {
    display: block;
    width: .4rem;
    height: .0533rem;
    border-radius: .0533rem;
    background-color: #939393;
    position: relative;
    transition: all 0.3s;
}

.menu_btn span:before,
.menu_btn span:after {
    display: block;
    content: '';
    width: 100%;
    height: .0533rem;
    border-radius: .0533rem;
    background-color: #939393;
    transition: all 0.3s;
    position: absolute;
    left: 0;
}

.menu_btn span:before {
    top: -0.1333rem;
}

.menu_btn span:after {
    bottom: -0.1333rem;
}

.menu_btn.on span {
    background-color: transparent;
}

.menu_btn.on span:before {
    top: 0;
    transform: rotate(-45deg);
}

.menu_btn.on span:after {
    bottom: 0;
    transform: rotate(45deg);
}

.waterfall {
    width: 100%;
    height: 100%;
    padding-top: 1.3333rem;
    display: flex;
    background-color: #fff;
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 19;
    transform: all 0.3s;
}

.waterfall_left {
    width: 3.2rem;
    height: 100%;
    background-color: #EEF1F5;
}

.waterfall_left a {
    height: 1.3333rem;
    padding-left: .4rem;
    display: flex;
    align-items: center;
    border-left: .1067rem #EEF1F5 solid;
    font-size: .3733rem;
    color: #4E5566;
    font-weight: bold;
}

.waterfall_left a.on {
    background-color: #fff;
    border-left: .1067rem #0774F4 solid;
}

.waterfall_right {
    width: 6.8rem;
    height: 100%;
    overflow-y: auto;
}

.waterfall_title {
    padding: 0 .32rem;
    padding-left: .5333rem;
    height: 1.3333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.waterfall_title b {
    font-size: .3733rem;
    color: #333;
}

.waterfall_title i {
    display: block;
    width: .64rem;
    height: .64rem;
    background: url(../images/da.png) no-repeat;
    background-size: 100% 100%;
}

.waterfall_title.on b {
    color: #0774F4;
}

.waterfall_title.on i {
    background: url(../images/upa.png) no-repeat;
    background-size: 100% 100%;
}

.waterfall_slide {
    padding: 0 1.0667rem;
    display: none;
}

.waterfall_slide a {
    display: block;
    padding: .1333rem 0;
    font-size: .3733rem;
    color: #333;
    font-weight: bold;
}

.banner {
    position: relative;
    z-index: 18;
}

.banner-slide {
    height: 3.4667rem;
    margin-bottom: 0.266667rem;
    background: #fff;
}

.banner-slide .swiper-slide img {
    height: 3.466667rem;
}

.banner-slide .swiper-pagination-bullet {
    width: 0.48rem;
    height: 0.133333rem;
    border-radius: 0.133333rem;
    background: #fff;
}

.cate {
    width: 100%;
    display: flex;
    background-color: #fff;
    position: relative;
    z-index: 18;
}

.cate.fixed {
    position: fixed;
    top: 1.3333rem;
    left: 0;
}

.cate_item {
    width: 50%;
}

.cate_title {
    width: 100%;
    height: 1.3333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .3467rem;
    color: #999;
    font-weight: bold;
}

.cate_title i {
    display: block;
    width: .50rem;
    height: .50rem;
    background: url(../images/da.png) no-repeat;
    background-size: 100% 100%;
}

.cate_title.on {
    color: #0774F4;
}

.cate_title.on i {
    background: url(../images/upa.png) no-repeat;
    background-size: 100% 100%;
}

.cate_slide {
    display: none;
    background-color: #fff;
    border-top: 1PX #e6e6e6 solid;
    position: absolute;
    top: 1.3333rem;
    left: 0;
}

.cate_list {
    padding: .5333rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cate_slide a.on{
    background: #0774F4;
    color: #fff;
}
.cate_slide:after {
    display: block;
    content: '';
    width: 2.6667rem;
}

.cate_slide a {
    width: 2.6667rem;
    height: .8667rem;
    margin-bottom: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .08rem;
    background-color: #f0f3f5;
    font-size: .3467rem;
    color: #333;
}

.cate_mask {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
}

.cate_mask.show {
    display: block;
}

.news_list {
    padding: 0 .32rem;
}

.news_list li {
    padding: .5333rem 0;
    border-bottom: 1PX #e6e6e6 solid;
}

.news_top {
    margin-bottom: .32rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news_top img {
    width: .5333rem;
    height: .5333rem;
}

.news_name {
    width: 8.5333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .4267rem;
    color: #333541;
}

.news_dec {
    margin-bottom: .32rem;
    height: 1.0667rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .32rem;
    line-height: .5333rem;
    color: #8f969b;
}

.news_btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.labels span {
    display: inline-block;
    padding: .0667rem .1333rem;
    margin-right: .1333rem;
    border-radius: .0533rem;
    background-color: #f9f9f9;
    font-size: .2933rem;
    color: #999;
}

.labels span.on {
    background-color: #e8f1fa;
    color: #0774F4;
}

.news_btm p {
    font-size: .2933rem;
    color: #8f969b;
}

.cloud_wrapper {
    padding: .32rem;
}

.cloud_top {
    margin-bottom: .4rem;
    padding-bottom: .32rem;
    border-bottom: 1PX #e6e6e6 solid;
}

.cloud_top h3 {
    margin-bottom: .4rem;
    font-size: .4533rem;
    line-height: .64rem;
    color: #333;
}

.cloud_top p {
    margin-bottom: .4rem;
    font-size: .32rem;
    color: #999;
}

.cloud_banner {
    margin-bottom: .2667rem;
}

.cloud_link {
    margin-bottom: .4rem;
    font-size: .3467rem;
    line-height: .64rem;
}

.cloud_link a {
    margin-right: .1333rem;
    text-decoration: underline;
    color: #666;
}

.cloud_content {
    margin-bottom: .6rem;
}

.cloud_tips {
    padding-bottom: .6rem;
    margin-bottom: .6rem;
    border-bottom: 1PX #e6e6e6 solid;
}

.cloud_tips p {
    padding: .32rem;
    background-color: #f9f9f9;
    font-size: .3467rem;
    line-height: .6rem;
    color: #999;
}

.cloud_join {
    margin-bottom: .2rem;
}

.cloud_pages a {
    display: block;
    padding: .2rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .3467rem;
    color: #333;
}

.cloud_pages span {
    color: #1f6bb6;
}

.cloud_pages em {
    color: #999;
}

.recom {
    padding: .56rem 0;
    background-color: #f8f9fa;
}

.recom_title {
    padding: 0 .4rem;
    margin-bottom: .4rem;
    font-size: .4267rem;
    font-weight: bold;
    color: #484c4f;
}

.recom_slide {
    padding: 0 .4rem !important;
}

.recom_item {
    border-radius: .1333rem;
    overflow: hidden;
    background-color: #fff;
}

.recom_img {
    height: 5.0667rem;
}

.recom_img img {
    height: 5.0667rem;
}

.recom_info {
    padding: .4rem;
}

.recom_info h3 {
    margin-bottom: .2667rem;
    font-size: .4267rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.recom_info p {
    font-size: .3467rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}

.footer {
    padding: .5333rem;
    background-color: #fff;
    font-size: .3467rem;
    color: #8e98a4;
}

.footer img {
    width: 3.2267rem;
    margin-bottom: .4rem;
}

.footer p {
    padding: .1333rem 0;
}