/*头部*/
.head {
    width: 99.5%;
    max-width: 750px;
    padding: .16rem 0 .27rem .16rem;
    background: #FFFFFF;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.two-row-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.login {
    width: 27%;
    float: left;
    margin-top: .04rem;
}

/*.search {*/
/*    width: 4.1rem;*/
/*    position: relative;*/
/*    float: left;*/
/*}*/

.consult {
    width: 5%;
    margin-right: .3rem;
    float: right;
}
.consult2 {
    width: 5%;
    margin-right: .3rem;
    float: right;
}

.login a {
    width: 2.1rem;
    height: .46rem;
    display: block;
    background: url(/static/images/new_logo.png) no-repeat;
    background-size: 100%;
}

.search input {
    width: 100%;
    height: .58rem;
    line-height: .58rem;
    background: #f3f4f5;
    font-size: .24rem;
    color: #999999;
    border-radius: .3rem;
    padding-left: .5rem;
    box-sizing: border-box;
}

.search i {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    background: url(../images/icon/new_index_icons.png) no-repeat center -.52rem;
    background-size: 250%;
    position: absolute;
    left: .08rem;
    top: .13rem;
}

.consult a {
    display: block;
    width: .5rem;
    height: .5rem;
    background: url(../images/cykx/consult_right.png) no-repeat;
    background-size: 100%;
}

.consult2 a {
    display: block;
    width: .32rem;
    height: .28rem;
    background: url(/static/images/icon/public.png) no-repeat;
    background-size: 100%;
}

/*头部导航*/
.top_nav {
    width: 100%;
    max-width: 750px;
    background: #FFFFFF;
}

.top_nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: .2rem;
}

.top_nav ul li {
    width: 25%;
    text-align: center;
    float: left
}

.top_nav ul li a {
    font-size: .3rem;
    color: #666666;
}

.act a {
    color: #d43d3d !important;
    border-bottom: 2px solid #d43d3d;
    width: 50px;
    padding-bottom: .09rem;
}

/*轮播图*/
.index-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.index-banner .swiper-wrapper {
    height: auto;
}

.index-banner .swiper-slide {
    height: auto;
}

.index-banner .swiper-slide img {
    width: 100%;
}

.index-banner .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.index-banner .swiper-pagination-bullet-active {
    background: #007aff;
}

/*icons导航*/
.icons_nav {
    width: 100%;
    max-width: 750px;
    background: #FFFFFF;
    margin-bottom: .2rem;
    padding: .2rem 0;
}

.icons_nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}

.icons_nav ul li {
    width: 25%;
    text-align: center;
    float: left;
}

.icons_nav ul li a {
    font-size: .28rem;
    color: #545454;
}

.icons_nav ul li a i {
    width: .9rem;
    height: .9rem;
    display: block;
    margin: 0 auto .16rem;
    background-size: 100%;
    position: relative;
}

.icons_nav1 i {
    background: url(../images/cykx/nav-icon1.png) no-repeat;
}

.icons_nav2 i {
    background: url(../images/cykx/nav-icon2.png) no-repeat;
}

.icons_nav3 i {
    background: url(../images/cykx/nav-icon3.png) no-repeat;
}

.icons_nav4 i {
    background: url(../images/cykx/nav-icon4.png) no-repeat;
}

/*热点精选*/
.hot_choose {
    width: 100%;
    height: 1.18rem;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec;
    margin: .2rem 0;
}

.hot_choose_pic {
    width: 15%;
    height: .57rem;
    border-right: 1px solid #d8d8d8;
    margin: .2rem 0;
    float: left;
}

.hot_choose_pic i {
    display: block;
    width: .6rem;
    height: .6rem;
    background: url(../images/hot_choose.png) no-repeat center 0;
    background-size: 100%;
    margin: 0 auto;
}

.hot_choose_cont {
    width: 84%;
    float: left;
}

.hot_choose_cont>div ul li a {
    font-size: .26rem;
    color: #666666;
}

.cont_one {
    width: 93%;
    height: .97rem;
    margin: 0 .2rem;
    overflow: hidden;
    line-height: .485rem
}

.cont_one ul li {
    height: .485rem;
}

.cont_two {
    width: 93%;
    height: .485rem;
    margin: 0 .2rem;
    overflow: hidden;
    line-height: .485rem
}

.cont_two ul li {
    height: .485rem;
}

/*列表内容1*/
.list {
    width: 100%;
    padding: .3rem .32rem;
    box-sizing: border-box;
    background: #FFFFFF;
    margin-bottom: .2rem;
}

.list ul li {
    border-bottom: 1px solid #e7e7e7;
    padding: .3rem 0;
    overflow: hidden;
}

.list1 ul li {
    padding: .3rem 0 0 0;

}

.list ul li:first-child {
    padding-top: 0;
}

.list ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.list ul li p a {
    color: #333333;
    font-size: .3rem
}

.list_cont_tag {
    margin: .2rem 0 .24rem;
}

.list_cont_tag a {
    color: #406599;
    font-size: .22rem
}

.list_cont_tag span {
    background: #f5f5f5;
    color: #406599;
    font-size: .22rem;
    padding: .07rem .1rem;
    border-radius: .03rem;
    margin-right: .08rem;
}

.list_cont_tag .tags {
    color: #4d6898;
    margin-right: .28rem;
}

.list_cont_bottom a {
    color: #777777;
    font-size: .26rem
}

.list_cont_bottom span {
    color: #c4c4c4;
    font-size: .26rem
}

.list_cont_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: .2rem;
}

.list_cont_bottom a {
    display: flex;
    align-items: center;
}

.list_cont_bottom a img {
    display: inline-block;
    width: .44rem;
    height: .44rem;
    /* background: url(../images/pic/index_tou.png);
    background-size: 100%; */
    margin-right: .11rem;
    border-radius: 50%
}

/*优质项目*/
.fine_project {
    width: 100%;
    background: #FFFFFF;
    margin-bottom: .2rem;
}

.fine_project_tit {
    width: 100%;
    height: .88rem;
    padding: .3rem .32rem;
    box-sizing: border-box;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    align-items: center;
}

.fine_project_tit span {
    font-size: .3rem;
    color: #333333;
    border-left: 2px solid #d43d3d;
    padding-left: .15rem;
    height: .26rem;
    display: flex;
    align-items: center;
}

.fine_project_cont {
    padding: .3rem .35rem;
    box-sizing: border-box;
    overflow: hidden;
}

.fine_project_cont ul {
    display: flex;
    justify-content: space-between;
}

.fine_project_cont ul li {
    width: 47%;
    min-width: 3rem;
    box-shadow: 0 0 .2rem 0 #CCCCCC;
    float: left;
}

.fine_project_cont ul li:last-child {
    float: right;
}

.project {
    width: 3rem;
    height: 4rem;
    padding: .55rem .36rem .45rem;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0.01rem 0.02rem 0.08rem 0rem rgba(67, 56, 56, 0.15);
    border-radius: 0.05rem;
}

.project span {
    display: block;
    width: .93rem;
    height: .36rem;
    background: url(../images/icon/new_index_icons.png) no-repeat center -5.8rem;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: .2rem;
}

.project img {
    display: block;
    margin: 0 auto;
    width: .98rem;
    height: .98rem;
    background-size: 100%;
    border-radius: 50%;
    border: 0;
}

.project small {
    display: block;
    width: 0.48rem;
    height: .48rem;
    background: url(../images/icon/new_index_icons.png) no-repeat center -6.6rem;
    background-size: 200%;
    position: absolute;
    left: 53%;
    bottom: -.1rem;
}

.project .head {
    position: relative;
    display: inherit;
}

.project h2 a {
    color: #333333;
    font-size: .3rem;
    text-align: center;
    margin: .25rem 0 .1rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project p {
    color: #9a9a9a;
    font-size: .24rem;
    text-align: center;
    margin-bottom: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.project>.attention {
    color: #FFFFFF;
    background-image: linear-gradient(0deg,
        #e54219 0%,
        #ef461b 100%),
        linear-gradient(#d43d3d,
        #d43d3d);
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    display: block;
    border-radius: .07rem;
    width: 80%;
    margin: 0 auto;
}

/*列表内容2*/
.list_pic_three {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin: .2rem 0;
}
.list_pic_three>a:not(:first-child){
    margin-left: .1rem;
}

.list_pic_three a {
    width: 32%;
    height: 100%;
    display: inline-block;
}

.list_pic_three img {
    width: 100%;
    height: 100%;
}

.list_cont_bottom_other span {
    color: #999999;
    font-size: .24rem
}

.readnum {
    margin: 0 .2rem;
}

.haveRightPic {
    width: 100%;
    height: 0.8rem;
    overflow: hidden;
}

.right_pic_box {
    display: flex;
    justify-content: space-between;
}

.list_text {
    width: 65%;
    float: left;
}

.right_pic {
    width: 32%;
    height: 100%;
    float: right;
}

.right_pic>a {
    display: block;
}

.right_pic img {
    width: 100%;
    height: 100%;
}

.list_text>.list_cont_bottom_other {
    margin-top: .5rem;
}

.list_cont_bottom_other {
    margin-top: .23rem;
}

.audio {
    height: 1rem;
    margin: .2rem 0 .08rem;
}

.audio .src {
    position: relative;
    float: left;
}

.audio .src a {
    display: block;
}

.audio .src img {
    width: 1rem;
    height: 1rem;
}

.audio .src .play {
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
    background: url(../images/audio_bg.png) center center no-repeat;
    background-size: 1rem;
    z-index: 2;
}

.audio .statu {
    margin-left: 1.2rem;
    position: relative;
    height: 1rem;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.audio .statu audio {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.audio .start,
.audio .end {
    position: relative;
    z-index: 3;
    font-size: .24rem;
    color: #666;
    line-height: 1rem;
    width: .82rem;
    text-align: center;
    background: #f8f8f8;
    z-index: 3;
}

.audio .start {
    margin-left: .16rem;
    float: left;
}

.audio .end {
    margin-right: .24rem;
    float: right;
}

.audio .progress {
    margin: 0 1rem;
    position: relative;
    height: 1rem;
}

.audio .cirle {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 20%;
    border-bottom: 2px solid #4cbaed;
    z-index: 4;
}

.audio .cirle:after {
    position: absolute;
    right: -.09rem;
    top: -.09rem;
    content: '';
    border: .06rem solid #c9dce5;
    height: .12rem;
    background: #4cbaed;
    width: .12rem;
    border-radius: 50%;
}

.big_pic {
    width: 100%;
    margin-top: .2rem;
    position: relative;
}

.big_pic>a {
    display: block;
}

.big_pic img {
    width: 100%;
    height: 100%;
}

.list_cont_bottom_advertising {
    min-height: .45rem;
    /* padding-bottom: .2rem; */
}

.list_cont_bottom_advertising span {
    color: #777777;
    font-size: .26rem
}

.list_cont_bottom_advertising span i {
    color: #2b91d7;
    font-size: .2rem;
    border: 1px solid #2B91D7;
    padding: .03rem .07rem;
    border-radius: .07rem;
    margin-right: .1rem;
}

.list_cont_bottom_other span i {
    color: #2b91d7;
    font-size: .2rem;
    border: 1px solid #2B91D7;
    padding: .03rem .07rem;
    border-radius: .07rem;
    margin-right: .1rem;
}

.video {
    width: 100%;
    margin-top: .2rem;
    position: relative;
}

.video a img {
    width: 100%;
    height: 100%;
}

.video i {
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.5rem;
    margin-top: -.5rem;
    background: rgba(0, 0, 0, .5) url(../images/icon/new_VedioIndex_icons.png) center -4.26rem;
    background-size: 100%;
    border-radius: 1rem;
}

.list ul li p a span {
    font-size: .3rem;
    color: #4d6898;
}

.loading {
    background: #f3f3f3;
    text-align: center;
    padding: .2rem 0;
}

.loading img {
    max-width: 30%;
}

.list_cont_tag_one_pic {
    width: 100%;
    height: .7rem;
    display: flex;
    align-items: center;
}

.list_cont_tag_one_pic span {
    background: #f5f5f5;
    color: #406599;
    font-size: .22rem;
    padding: .07rem .1rem;
    border-radius: .03rem;
    margin-right: .08rem;
}

.three_row_hide {
    width: 100%;
    height: 1.24rem;
    display: block;
    overflow: hidden;
    position: relative;
}

.more {
    font-size: 0.32rem;
    line-height: 0.48rem;
    letter-spacing: 0.02rem;
    color: #406599;
    position: absolute;
    right: 0;
    top: .75rem;
    background: #fff;
    padding: 0 .1rem;
}

.project .avatar {
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    border-radius: 50%;
    /* overflow: hidden; */
}

.hot::after {
    content: "HOT";
    display: block;
    position: absolute;
    width: 0.62rem;
    height: 0.32rem;
    font-size: .2rem;
    background-color: #fa5311;
    color: #fff;
    top: -.07rem;
    right: -.15rem;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
}

.mt20 {
    margin-top: .2rem !important;
}

/* .after10 li:not(:first-child) {
    margin-top: .3rem;
} */

.after10 .list_cont_tag {
    margin: 0;
}

.after10 .list_cont_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: .2rem;
}

.list_cont_bottom .list_cont-left {
    width: 5.5rem;
    height: .7rem;
    display: flex;
}

.list_cont_bottom .list_cont-left .avatar,
.list_cont_bottom .list_cont-left .avatar img {
    width: .64rem;
    height: .64rem;
}
.list_cont_bottom .list_cont-left .avatar img{
    border-radius: 50%;
}

.list_cont_bottom .list_cont-left-content {
    width: calc(100% - .64rem);
    height: .7rem;
}

.list_cont_bottom .list_cont-left-content p {
    padding-left: .2rem;
}

.list_cont_bottom .list_cont-left-content .time {
    font-size: .24rem;
    color: #999;
}

.list_cont_bottom .list_cont-left-content p:first-child {
    font-size: .28rem;
    color: #666666;
}

/* .after10 .list_cont_tag {
    border-bottom: 1px solid #e7e7e7;
} */

.list .title {
    width: 100%;
    height: .8rem;
    overflow: hidden;
}

/* .after10 .list_cont_bottom_other {
    padding-bottom: .2rem;
    border-bottom: 1px solid #e7e7e7;
}

.after10 .list_cont_bottom_advertising {
    border-bottom: 1px solid #e7e7e7;
}

.after10 li:last-child .list_cont_bottom_advertising {
    border-bottom: none;
}

.after10 li:last-child .list_cont_bottom_other {
    border-bottom: none;
}

.after10 li:last-child .list_cont_tag {
    border-bottom: none;
}

.after10 .signPicture {
    border-bottom: 1px solid #e7e7e7;
}

.after10 li:last-child .signPicture {
    border-bottom: none;
} */



.fangtan-play-icon {
    position: absolute;
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/homepage/play_big.png) no-repeat 0rem 0rem;
    background-size: 1.08rem 1.08rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}

.payvideo {
    /* width: .95rem; */
    /* height: .28rem; */
    border-radius: .05rem;
    border: solid 1px #e54219;
    font-size: .2rem;
    line-height: .2rem;
    color: #e54219 !important;
    padding: 0 .1rem;
}
.tiwen-icon{
    width: 1rem;
    height: 1rem;
    background: url(/static/images/icon/tiwen.png) no-repeat;
    background-size: 1rem;
    position: fixed;
    right: .3rem;
    bottom: 30%;
    z-index: 10;
}
.fenlei-all {
    position: relative;
    height: .6rem;
    background: #f3f6f8;
    padding: 0 .3rem;
}

.fenlei-box {
    float: left;
    padding-right: .3rem;
}

.fenlei-all .unfold {
    cursor: pointer;
    padding-left: .2rem;
    line-height: .6rem;
    color: #666;
    font-size: .26rem;
}

.fenlei-all .unfold i {
    display: inline-block;
    margin-left: 3px;
    width: .2rem;
    height: .16rem;
    background: url(../images/index_icon.png) -.4rem -7.14rem no-repeat;
    background-size: .64rem;
}

.fenlei-list {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: .6rem;
    background: #fff;
    z-index: 8;
}

.fenlei-list ul {
    padding: .06rem .25rem .2rem;
}

.fenlei-list ul li {
    float: left;
    width: 25%;
    margin-bottom: .1rem;
}

.fenlei-list ul li a {
    display: block;
    background: #f6f6f6;
    text-align: center;
    line-height: .66rem;
    font-size: .26rem;
    color: #666;
    margin: 0 .05rem;
}
.aite{
    color: #406599;
}

.onePic{
    width: 100%;
    height: 1.2rem !important;
}
.three-row-hide{
    height: auto;
    max-height: 1.5rem;
    overflow: hidden;
}

.list .three-row-hide1{
    height: auto;
    max-height: 1.2rem;
    overflow: hidden;
    position: relative;
}
.headerbar {
    width: 100%;
    max-width: 750px;
    background-color: #fff;
    height: .9rem;
}

.header .logo {
    margin: .2rem 0 0 .3rem;
}

header .center {
    margin: .13rem .3rem 0;
    width: .6rem;
    height: .6rem;
    background: url(/static/images/icon/public.png) center -1.1rem no-repeat;
    background-size: 100%;
}


.headerbar .header {
    position: fixed;
    z-index: 99;
}
.header {
    height: .7rem;
    padding: .05rem 0 .15rem 0;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.header {
    z-index: 66;
    width: 100%;
    max-width: 750px;
    background: #fff;
}

.header .logo img {
    width: 2.14rem;
}

.pull-right {
    float: right;
}
.header .search {
    box-sizing: border-box;
    margin: .13rem 1.1rem 0 2.8rem;
    height: .6rem;
    border: 1px solid #ddd;
    border-radius: .58rem;
    background-color: #fafafa;
}

.header .search a {
    display: block;
    padding-left: .56rem;
    background: url(/static/images/icon/public.png) no-repeat left .1rem;
    background-size: .6rem;
    color: #999;
    font-size: .26rem;
    line-height: .56rem;
}

.headerbar:after {
    display: block;
    overflow: hidden;
    height: .85rem;
    border-bottom: 1px solid transparent;
    content: " ";
}

.head-user-mask {
    display: none;
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    max-width: 750px;
    background: rgba(0, 0, 0, .35);
}

.head-user-mask .nav_arrow {
    width: .27rem;
    height: .15rem;
    display: block;
    position: absolute;
    right: .45rem;
    top: .76rem;
    background: url(../images/nav_arrow.png) no-repeat;
    background-size: .27rem;
}

.head-user {
    display: none;
    position: absolute;
    top: .9rem;
    right: .1rem;
    width: 5.2rem;
    border-radius: 6px;
    background-color: #FFF;
    padding-top: .2rem;
}

.head-subnav li {
    float: left;
    padding: 0 0 .2rem 0;
    width: 25%;
}

.head-subnav li a {
    display: block;
    height: 20px;
    border-right: 1px solid #ddd;
    color: #666;
    text-align: center;
    font-size: .3rem;
    line-height: 20px;
}
.head-user-mask .nav_arrow {
    width: .27rem;
    height: .15rem;
    display: block;
    position: absolute;
    right: .45rem;
    top: .76rem;
    background: url(../images/nav_arrow.png) no-repeat;
    background-size: .27rem;
}