html {
    font-size: calc((100vw * 100) / 375);
}
body, ul, li, h3, p, form, input{
    margin: 0;
    padding: 0;
    font-size: .14rem;
}
body {
    font-family: Source Han Sans CN;
}
li{
    list-style: none;
}
a {
    text-decoration: none;
    color: #353535;
}
img {
    border: 0;
    vertical-align: top;
}
body {
    background: #F7F7F7;
    color: #353535;
}
input {
    -webkit-appearance: none;
}
.info-show {
    display: none;
    position: fixed;
    padding: .1rem;
    background: #fff;
    align-items: center;
    border: .01rem solid rgba(0, 0, 0, .2);
    border-radius:.02rem;
    height: .4rem;
    top: 0;
    bottom: 0;
    margin:auto;
    z-index: 999;
    font-size: .16rem;
    color: #666;
}
.info-show i {
    width: .3rem;
    height: .3rem;
    background: url('//oss.zhidx.com/static/common/lib/layui/css/modules/layer/default/icon.png') no-repeat;
    background-size: 2.1rem;
    background-position: 0 0;
    margin-right: .08rem;
}
.info-show .i1 {
    background-position: -.3rem 0;
}

.info-show .i2 {
    background-position: -.6rem 0;
}

.header-info {
    height: .44rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    border: 1px solid #E6E6E6;
}
.header-user {
    width: .32rem;
    height: .32rem;
    border-radius:100%;
    margin-left: .16rem;
    margin-top: .06rem;
    background: #fff;
    overflow: hidden;
    border: 1px solid #E6E6E6;
}
.header-user img {
    vertical-align: top;
    margin-top:-.03rem;
    margin-left:-.03rem;
    width: .38rem;
    height: .38rem;
}
.header-back {
    width: .33rem;
    height: .33rem;
    margin-top: .06rem;
    margin-left: .16rem;
    background: url('../images/back-icon.png') no-repeat left center;
    background-size: .12rem .21rem;
    display: block;
}
.header-logo img {
    height: .25rem;
    margin-top: .08rem;
}
.header-search img {
    width: .24rem;
    margin-top: .1rem;
    margin-right: .15rem;
}

.header-other {
    width: .22rem;
    height: .22rem;
    background: url('../images/nav-other-m.png') no-repeat center/cover;
    margin-top: .11rem;
    margin-left: .06rem;
}
.header-data {
    display: flex;
    width: .68rem !important;
    margin-right: .16rem;
}

.header-nav-wrap {
    height: .38rem;
}
.header-nav {
    height: .38rem;
    background: #fff;
    /*box-shadow: 0 0 .05rem rgba(0, 0 , 0 .8);*/
}
.nav-wrap {
    overflow: hidden;
    position: relative;
}
.nav{
    width: auto;
    overflow: hidden;
    height: .38rem;
}
.nav li {
    height: .38rem;
    line-height: .38rem;
    padding: 0 .1rem;
    margin-left: .05rem;
    position: relative;
    float: left;
}
.nav li a {
    color: #353535;
    font-size: .18rem;
}
.nav .nav-select a{
    color: #00B0EC;
}
.nav-bg {
    position: absolute;
    background: #00B0EC;
    left: 0.1rem;
    right: 0.1rem;
    bottom: 0;
    height: .02rem;
    border-radius: .02rem;
    display: none;
}
.nav-select .nav-bg {
    display: block;
}
.nav-other {
    position: absolute;
    height: .38rem;
    width: .5rem;
    top: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 20%);
}
.nav-other>div {
    background: url('../images/nav-other.png') no-repeat;
    background-size: cover;
    width:.18rem;
    height: .18rem;
    margin-top: .09rem;
    margin-left: .18rem;
}


.top-list>li{
    float: left;
    position: relative;
    margin-right: .08rem;
    border-radius:.05rem;
    overflow: hidden;
}
.top-list>li img {
    height: 1.85rem;
    width: 3.3rem;
    border-radius :.05rem;
}

.top-item-title {
    position: absolute;
    width: 3.1rem;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    font-size: .16rem;
    line-height: .20rem;
    padding: .04rem .1rem .14rem;
    bottom: 0;
    left: 0;
    text-align: left;
}
.top-list-wrap {
    overflow: hidden;
    margin-top: .16rem;
}
.top-list-icon {
    display: flex;
    width: .6rem;
    height:.2rem;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.top-list-icon div {
    width: .05rem;
    height: .05rem;
    border-radius: .05rem;
    background:#D8D8D8;
}
.top-list-icon .index {
    width: .14rem;
    background: #00B0EC;
}

.main-row {
    background: #fff;
    margin-bottom: .08rem;
}
.row-title-info {
    padding: .23rem 0 0;
}
.row-title {
    font-size: .20rem;
    color: #00B0EC;
    font-weight: 500;
    border-left: .04rem solid #00B0EC;
    text-indent: .11rem;
    line-height: .20rem;
}


.row-other {
    height: .44rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.row-other-btn {
    font-size: .14rem;
    line-height: .14rem;
    color: #00B0EC;
    height: .14rem;
    padding-right: .18rem;
    background: url('../images/row-other-btn.png') no-repeat right 0 center;
    background-size: .14rem .14rem;
}
.row-news-list {
    padding: 0 .15rem;
}
.row-news-list>li {
    border-bottom: .01rem solid #E6E6E6;
}
.row-news-title {
    font-size: .18rem;
    font-weight: 500;
    line-height: .26rem;
    padding-top: .10rem;
    padding-bottom: .05rem;
}
.row-news-content {
    color: #595959;
    line-height: .26rem;
}
.row-news-content>p {
    margin-bottom: .08rem;
    font-size: .16rem;
    letter-spacing: .01rem;
}
.row-news-content>p:last-child {
    margin-bottom: 0;
}
.row-news-content p img {
    display: block;
    width: 3.44rem;
    margin: 0 auto;
    border-radius: .05rem;
    vertical-align: top;
}
.row-news-related {
    font-size: .12rem;
    color: #B2B2B2;
    padding:.11rem 0 .16rem 0 ;
    display: flex;
    line-height: .12rem;
}
.row-news-time {
    background: url('../images/row-news-time.png') no-repeat left center;
    background-size: .12rem .12rem;
    line-height: .12rem;
    padding-left: .17rem;
    width: .8rem;
}

/*********公开课***********/
.row-class-wrap {
    height: 2.37rem;
    overflow: hidden;
    padding: .16rem;
    padding-bottom: 0;
}
.row-class {
    height: 2.37rem;
    overflow: hidden;
    width: 200vw;
    /* position: relative; */
}
.row-class>li{
    width: 3.28rem;
    height: 2.37rem;
    border-radius: .05rem;
    overflow: hidden;
    float: left;
    margin-right: .1rem;
    margin-top: -0.01rem;
}
.row-class-info {
    background: url('../images/row-class-bg.png') no-repeat;
    background-size: cover;
    width: 3.28rem;
    height: 1.2rem;
    position: relative;
}
.row-class-title {
    color: #fff;
    font-size: .14rem;
    line-height: .2rem;
    padding: .25rem .28rem 0;
    height: .4rem;
}
.row-class-link {
    display: block;
    color: #fff;
    font-size: .14rem;
    background: rgba(255, 255, 255, .3);
    width: 1.45rem;
    height: .32rem;
    border-radius: .32rem;
    line-height: .32rem;
    text-align: center;
    margin: .05rem auto;
}
.row-class-type {
    position: absolute;
    top: .06rem;
    right: -0.05rem;
    font-size: .1rem;
    height: .15rem;
    line-height: .15rem;
    border-radius: .15rem;
    color: #fff;
    text-align: center;
    padding: 0 .05rem;
    background: #FF8600;
    padding-right: .08rem;
}
.row-class-item {
    font-size: .16rem;
    font-weight: 500;
    line-height: .22rem;
    padding-top: .12rem;
    padding-bottom: .02rem;
}
.row-class-item-info {
    padding: 0 .16rem;
    border: 1px solid #E6E6E6;
    margin-top: -0.01rem;
    border-bottom-left-radius: .05rem;
    border-bottom-right-radius: .05rem;
}
.row-class-item-title {
    color: #595959;
    font-size: .14rem;
    line-height: .2rem;
    height: .4rem;
}
.row-class-item-retaled {
    font-size: .12rem;
    color: #B2B2B2;
    display: flex;
    line-height: .26rem;
    justify-content:space-between;
    padding-top: .06rem;
    padding-bottom: .08rem;
}
.row-class-author {
    padding-left: .17rem;
    background: url('../images/author-icon.png') no-repeat left center;
    background-size: .12rem .12rem;
}
.row-class-time {
    padding-left: .17rem;
    background:url('../images/row-news-time.png') no-repeat left center;
    background-size: .12rem .12rem;
}
.super-class {
    background: #E44C4C;
}

/*********资讯************/
.row-zixun-list>li {
    display: flex;
    padding: .15rem 0;
    margin: 0 .15rem;
    border-bottom: .01rem solid #E6E6E6;
}
.row-zixun-info {
    margin-right: .11rem;
    width: 2.16rem;
}
.row-zixun-title {
    font-size: .16rem;
    color: #595959;
    line-height: .26rem;
}
.row-zixun-title a {
    color: #595959;
}
.row-zixun-related {
    display: flex;
    font-size: .12rem;
    color: #B2B2B2;
    height: .12rem;
    line-height: .12rem;
    padding-top: .14rem;
}
.row-zixun-related a{
    color: #B2B2B2;
}
.row-zixun-author {
    width: .88rem;
    overflow: hidden;
}
.row-zixun-author img {
    width: .12rem;
    height: .12rem;
    border-radius: 100%;
    margin-right: .05rem;
}
.row-zixun-time {
    padding-left: .18rem;
    background:url('../images/row-news-time.png') no-repeat left center;
    background-size: .12rem .12rem;
    width: .6rem;
}
.row-zixun-pinglun {
    padding-left: .18rem;
    background: url('../images/row-pinglun.png') no-repeat left center;
    background-size: .13rem .11rem;
}

.row-zixun-img {
    width: 1.17rem;
    height: 1.07rem;
    border-radius: .05rem;
    overflow: hidden;
}
.row-zixun-img img {
    max-width: 1.17rem;
    max-height: 1.07rem;
}

.row-activities>li {
    margin: 0 .15rem;
    border-bottom: .01rem solid #E6E6E6;
    overflow: hidden;
}
.row-activity-img {
    width: 3.42rem;
    height: 1.92rem;
    border-radius: .05rem;
    overflow: hidden;
    margin-top: .16rem;
}
.row-activity-img img {
    width: 3.42rem;
    height: 1.92rem;
    border-radius: .05rem;
}
.row-activity-title {
    font-size: .17rem;
    color: #595959;
    line-height: .24rem;
    padding-top: .11rem;
    padding-bottom: .12rem;
}
.row-activity-related {
    font-size: .12rem;
    color: #B2B2B2;
    height: .14rem;
    line-height: .14rem;
    display: flex;
    justify-content: space-between;
    padding-bottom: .14rem;
}
.row-activity-time {
    padding-left: .17rem;
    background: url('../images/row-news-time.png') no-repeat left center;
    background-size: .12rem;
}
.row-activity-address {
    padding-left: .16rem;
    background: url('../images/address-icon.png') no-repeat left center;
    background-size: .12rem;
}


.mask {
    position:fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 1);
    z-index: 995;
    display: none;
}

/****搜索***/
.search {
    background:#fff;
    height: .44rem;
    display: none;
}
.search form {
    height: .44rem;
    display: flex;
    justify-content: center;
}
.search input {
    width: 3.42rem;
    height: .38rem;
    border: .01rem solid #00B0EC;
    outline: none;
    border-radius: .4rem;
    font-size: .16rem;
    color: #353535;
    text-indent: .18rem;
    vertical-align: top;
    margin: .02rem 0;
}
.search form div {
    position: relative;
    height: .44rem;
    width: 3.44rem;
}
.search button {
    width: .24rem;
    height: .24rem;
    outline: none;
    border: 0;
    background: url('../images/search-icv.png') no-repeat;
    background-size: .24rem;
    position: absolute;
    right: .16rem;
    top: .08rem;
}


/**********登录**********/
.login {
    background: #fff;
    display: none;
    border-radius: .05rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 40% auto 0;
    font-size: .16rem;
    width: 2.64rem;
    padding: 0 .16rem 0 .15rem;
}
.login-title {
    font-size: .18rem;
    font-weight: 500;
    line-height: .25rem;
    padding: .11rem 0 .09rem;
    border-bottom: .01rem solid #E6E6E6;
    text-align: center;
}
.login-content {
    padding-top: .2rem;
    padding-bottom: .29rem;
}
.wx-login-content {
    display: none;
}
.wx-login {
    color: #fff;
    font-size: .16rem;
    background: #46C14D;
    text-align: center;
    line-height: .44rem;
    width: 2.45rem;
    display: block;
    border-radius: .44rem;
    margin: .32rem auto .52rem;
}
.login-form {
    /*display: none;*/
}
.login-tel {
    background: url('../images/tel-icon.png') no-repeat;
    background-size: .12rem .19rem;
}
.login-pwd {
    background: url('../images/pwd-icon.png') no-repeat;
    background-size: .13rem .17rem;
}
.login-tel, .login-pwd {
    background-position:left .16rem center;
}
.login-form-hide {
    text-align: center;
    height: .12rem;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-form-hide span{
    font-size: .12rem;
    display: inline-block;
    color: #B2B2B2;
    line-height: .12rem;
    padding-right: .04rem;
}
.login-form-hide img {
    width: .09rem;
    height: .05rem;
}
.login form {
    margin: 0 auto;
    text-align: center;
}
.login-input {
    height: .42rem;
    border-radius: .42rem;
    width: 2.43rem;
    border:.01rem solid #e6e6e6;
    text-indent: .38rem;
    font-size: .16rem;
    outline: none;
    color: #353535;
    margin-bottom: .09rem;
}
.login-form>div:first-child {
    margin-top: .1rem;
}
.login-auto {
    height: .15rem;
    display: flex;
    align-items: center;
}
.login-auto label{
    font-size: .12rem;
    color: #B2B2B2;
    line-height: .12rem;
}
.login-auto input {
    vertical-align: center;
}
::-webkit-input-placeholder {
    color: #B2B2B2;
}
.login-from-related {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.login-btn {
    color: #fff;
    height: .44rem;
    width: 1.03rem;
    line-height: .44rem;
    text-align: center;
    border-radius: .44rem;
    background: #12B7F7;
    font-size: .16rem;
}
.login .register-new {
    display: flex;
    justify-content: space-between;
    padding: .13rem .15rem 0;
}
.login .register-new a {
    color: #858585;
    font-size: .12rem;
    line-height: .17rem;
}

/*********退出*********/
.logout {
    background: #fff;
    width: 2.32rem;
    height: 1.52rem;
    left: 0;
    right:0;
    top: 0;
    bottom: 0;
    margin: 40% auto 0;
    border-radius: .05rem;
    font-size: .16rem;
    display: none;
}
.logout-title {
    height: 1.07rem;
    border-bottom: .01rem solid #E3E3E3;
    line-height: 1.07rem;
    text-align: center;
}
.logout-option {
    display: flex;
    line-height: .42rem;
}
.logout-option div {
    flex: 1;
    text-align: center;
}
.logout-false {
    border-right: .01rem solid #E3E3E3;
    color: #818181;
}
.logout-true {
    color: #00B0EC;
}

/*********全部频道展示*********/
.pindao {
    padding: 0 .16rem;
}
.pindao-all-title {
    color: #fff;
    font-size: .2rem;
    font-weight: 500;
    line-height: .28rem;
    padding-top: .08rem;
    text-align: center;
    position: relative;
}
.pindao-title {
    color: #fff;
    font-size: .18rem;
    line-height: .25rem;
    padding: .14rem 0 .08rem;
    border-bottom: .01rem solid #979797;
}
.pindao-list>li{
    font-size: .16rem;
    display: flex;
    justify-content: space-between;
}
.pindao-list a {
    background: #fff;
    color: #353535;
    height: .28rem;
    border-radius: .28rem;
    line-height: .28rem;
    text-align: center;
    margin-top: .15rem;
}
.pindao-close {
    /*width: .38rem;*/
    /*height: .38rem;*/
    background:url('../images/pindao-close.png') no-repeat;
    /*background-size: .38rem;*/
    /*margin-top: .29rem;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    width: .28rem;
    height: .28rem;
    background-size:.28rem;
    position: absolute;
    top: .1rem ;
    bottom: 0;
    right: 0;
}

.interval {
    background: #EBEBEB;
    height: .08rem;
}

.search-top {
    height: 1.26rem;
    background: url('../images/search-top-bg.jpg') no-repeat left top/cover;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .2rem;
    color: #fff;
    font-weight: 500;
}

.search-list {
    margin: 0 .16rem;
}
.search-list li {
    border-bottom: .01rem solid #E6E6E6;
}
.search-post-title {
    color: #353535;
    font-size: .17rem;
    line-height: .24rem;
    padding-top: .11rem;
}
.search-post-time {
    color: #B2B2B2;
    font-size: .12rem;
    background: url('../images/row-news-time.png') no-repeat left center/.12rem .12rem;
    line-height: .16rem;
    padding: .1rem 0 .1rem .17rem;
}
.tag-top {
    height: 1.26rem;
    background: url('../images/tag-top-bg.jpg') no-repeat left top/cover;
}
.tag-top-title {
    font-size: .22rem;
    color: #fff;
    font-weight: 500;
    line-height: .3rem;
    position: relative;
    top: .63rem;
    left: .44rem;
    display: inline;
}
.pindao-top {
    background: url('../images/pindao-top-bg.jpg') no-repeat left top /cover;
}
.zhuanti-top {
    display: flex;
    justify-content: center;
    align-items: center;
}
.zhuanti-top-title {
    font-size: .2px;
    color: #fff;
    font-weight: 500;
}
.zt-post-top {
    display: block;
    margin: .16rem;
    border-radius: .05rem;
    position: relative;
    overflow: hidden;
}
.zt-post-top img {
    width: 3.44rem;
    height: auto;
}
.zt-post-top-title {
    position: absolute;
    left: 0;
    bottom: 0;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    color: #fff;
    font-size: .16rem;
    background: rgba(0, 0, 0, .3);
    left: 0;
    right: 0;
}

.author-top {
    background: url('../images/author-top-bg.png') no-repeat center/cover;
}
.author-top-title {
    left: .18rem;
}
.author-cont {
    margin: .16rem;
}