body,html{
    color: #666;
}
.container{
    width: 76%;
    margin: 0 auto;
    position: relative;
}

/*媒体查询*/
/*PC*/
@media (min-width: 1025px) and (max-width:1370px){
    .container{
        width: 95%;
    }
}
@media (min-width: 1025px) {
    .main{
        font-size: 14px;
    }
    .header{
        height: 66px;
        box-shadow:0px 0px 5px rgba(69,69,69,0.19);
        line-height: 66px;
    }
    .header-logo{
        color: #26C5D8;
        font-size: 22px;
        float: left;
        font-weight: bold;
    }
    .header-logo img{
        width:127px ;
        height: 42px;
        margin-top: 12px;
    }
    .header .thnav-active{
        color: #26C5D8;
    }
    .header ul{
        float: left;
        margin-left:51px;
    }
    .header ul li{
        float: left;
        padding: 0 34px;
        font-size: 14px;
        color:rgba(102,102,102,1);
        cursor: pointer;
    }
    .header-user {
        float: right;
        margin-top: 20px;
    }
    .login{
        color:#666;
        border-radius:13px;
        width: 52px;
        height: 26px;
        border: 1px solid #BFBFBF;
        margin-right: 18px;
        float: left;
        font-size: 12px;
        text-align: center;
        line-height: 24px;
        cursor: pointer;
        word-spacing: 2px;
        display: none;
    }
    .register{
        width:52px;
        height:26px;
        background:rgba(38,197,216,1);
        border-radius:13px;
        color:rgba(255,254,254,1);
        float: left;
        font-size: 12px;
        text-align: center;
        line-height: 25px;
        cursor: pointer;
        word-spacing: 2px;
        display: none;
    }
    .user-name{
        color: inherit;
        margin-right: 20px;
        float: left;
        line-height: 24px;
        display: none;
    }
    .user-name span{
        font-size: 14px;
    }
    .user-logout,.user-toJishi{
        float: left;
        height: 26px;
        line-height: 24px;
        cursor: pointer;
        color: #26C5D8;
        display: none;
        margin-right: 10px;
    }
    .footer{
        background:#313131;
        height:260px;
        padding: 2.8% 0 4% 0;

    }
    .footer-inner>div{
        float: left;
        font-size: 14px;
        color: #999;
    }
    .footer-logo{
        width: 5.55%;
        height: 30%;
        margin-top:0.32%;
        margin-right: 3.3%;
    }
    .footer-logo img{
        width: 100%;
        height: 100%;
    }
    .footer-text {
        width: 42.3%;
        margin-top:1.4%;
        line-height: 14px;
        margin-right: 4%;
        word-break: break-all;
        word-wrap: break-word;
    }
    .footer-text p{
        width: 100%;
    }
    .footer-text p:nth-child(2){
        line-height:18px;
        margin-top: 20px;
    }

    .footer-contact h3{
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 11px;
    }
    .footer-contact p{
        height: 16px;
        line-height: 0;
        margin-top: 20px;
    }
    .footer-inner .footer-public{
        float: right;
    }
    .footer-public div{
        width: 132px;
        height: 132px;
        margin-top: 16px;
    }
    .footer-public div img{
        width: 100%;
        height: 100%;
    }
    .footer-public h3{
        font-size: 14px;
    }
    .to-top{
        width: 40px;
        height: 40px;
        z-index: 999;
        position: fixed;
        bottom: 156px;
        right: 36px;
        background:#26C5D8;
        border-radius:4px;
        display: none;
        cursor: pointer;
        color: #fff;
    }
    .to-top i{
        display: block;
        margin: 12px;
        font-weight: bold;
    }
    .err-404{
        width: 100%;
        height: 100%;
        position: relative
    }
    .err-404 .header{
        height: 67px;
        line-height: 67px;
        box-shadow:0px 0px 5px rgba(69,69,69,0.19);
    }
    .err-404 .main{
        position: absolute;
        top: 67px;
        bottom: 260px;
        width: 100%;
        background: url("/public/image/404.png") center center;
        background-repeat: no-repeat;
        min-height: 623px;
    }

    .err-404 .header .container div:nth-of-type(1){
        font-size: 22px;
        float: left;
        font-weight: bold;
        color: #999;
    }
    .err-404 .header .container div:nth-of-type(2){
        float: right;
        cursor: pointer;
    }
    .err-404 .footer{
        width: 100%;
        height: 260px;
        position: absolute;
        bottom: 0;
    }
}
/*移动端*/
@media (max-width: 1024px){
    html{
        font-size: 100px;
    }
    .login{
        color:#666;
        border-radius:1.3rem;
        width: 5.2rem;
        height: 2.6rem;
        border: 1px solid #BFBFBF;
        margin-right: 1.8rem;
        float: left;
        font-size: 1.2rem;
        text-align: center;
        line-height: 2.4rem;
        cursor: pointer;
        word-spacing: 0.2rem;
        display: none;
    }
    .register{
        width:5.2rem;
        height:2.6rem;
        background:rgba(38,197,216,1);
        border-radius:1.3rem;
        color:rgba(255,254,254,1);
        float: left;
        font-size: 1.2rem;
        text-align: center;
        line-height: 2.5rem;
        cursor: pointer;
        word-spacing: 0.2rem;
        display: none;
    }
    .user-name{
        color: inherit;
        margin-right: 2.0rem;
        float: left;
        line-height: 2.4rem;
        display: none;
    }
    .user-name span{
        font-size: 14rem;
    }
    .user-logout,.user-toJishi{
        float: left;
        height: 2.6rem;
        line-height: 2.4rem;
        cursor: pointer;
        color: #26C5D8;
        display: none;
        margin-right: 1rem;
    }
}