/*-----------------------------------*/
/* topbar footer*/
/*-----------------------------------*/
@media screen and (max-width: 1024px) {
    .topbar,
    .footer{
        display: none;
    }
}
/*-----------------------------------*/
/* body */
/*-----------------------------------*/

html{font-size:62.5%; }

body{
    font-size: 1.4rem;
    background: #f8f8f8;
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

@media screen and (max-width: 1140px) {
body{background-image: none;background: #fff;}
}

/*-----------------------------------*/
/* header */
/*-----------------------------------*/
.header {
    text-align: center;
    min-height: 375px;
    height: auto;
    padding-top:55px;
}

.header .m{ display: none;}
@media screen and (max-width: 1024px) {
.header {padding-top:0;min-height: 0;}
.header .m{width:100%;display: block;}
}

/*-----------------------------------*/
/* main */
/*-----------------------------------*/
.main {min-height: 736px; max-width:1143px;
    position: relative;
    left: 50%;
    margin-left: -720px;
color: #6b4eac;
}

@media screen and (max-width: 1140px) {
.main {max-width:100%;
    position: relative;
    left:0;
    margin-left:0;}
}
/*-----------------------------------*/
/* nav */
/*-----------------------------------*/
.nav {display: block;
    margin: 30px 0 10px 0;
    background-image: url(https://xyq.res.netease.com/pc/zt/20171101164648/img/top-bar_21e3877.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
}
.nav li {
    float: left;
    display: block;
    width: 20%;
    text-align: center;
    box-sizing: border-box;
}
.nav li a {
    display: block;
    font-size: 2.8rem;
    line-height: 75px;
    color: #fff;
    border-right: 1px dashed #9398e9;
}

.nav li a:hover ,.nav li .pan_over {
    background-image: url(https://xyq.res.netease.com/pc/zt/20171101164648/img/active_7d9cd75.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media screen and (max-width: 1023px) {
.nav {
    background-image: none;
}

.nav li {
    width: 50%;
    padding: 0.2rem;
    margin: 0.2rem 0;
}
.nav li a {
    font-size: 1.4rem;
    line-height: 3rem;
    background-color: #9367e9;
    color: #fff;
}
.nav li a:hover ,.nav li .pan_over {
    background-image:none;
    background-color: #5736c2;
}

}

/*-----------------------------------*/
/* pant */
/*-----------------------------------*/


.pant {
    margin: 45px 0;
    font-size: 1.6rem;
    line-height: 1.7;
    }
    
.pant .hdimg,.pant .hdimg img{max-width:100%;}

.toux{width:25%;}

.pant2{
    padding: 15px;
    min-height: 300px;

}

.pant2 .ma-li-jincai {
    padding-left: 40px;
}

.pant2 .ma-li-jincai li{
        padding: 10px 15px;
        display: block;
        font-weight: normal;
}

.panhd h4{
    padding-left: 6px;
    margin: 1rem 0;
    color: #7342e2;
    font-size: 2.4rem;
}



.toux{width:25%;}


.grid5 .span1 {
    float: left;
    padding: 0 12.5px;
    margin-bottom: 24px;
}


.grid5 .span1 {
    width: 20%;
}

/* 窗口宽度<1024,设计宽度=768 */
@media  (max-width:1023px){
        .grid5 .span1 {
    width: 25%;
}
}
/* 窗口宽度<960,设计宽度=768 */
@media  (max-width:959px){
        .grid5 .span1 {
    width: 33.3%;
}
}
/* 窗口宽度<768,设计宽度=640 */
@media  (max-width:767px){
    .grid5 .span1 {
    width: 50%;
}
}
/* 窗口宽度<640,设计宽度=480 */
@media  (max-width:479px){
.grid5 .span1 {
    width: 100%;
}
}




.grid *, .grid4 *, .grid5 * {
    box-sizing: border-box;
}

.p10 {
    padding: 10px;
}

._box {
    box-shadow: 0 1px 1px 2px rgba(192,192,192,.35);
    background-color: #fff;
}


.js-eventid:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.imageCard__img {
    height: 300px;
    overflow: hidden;
    display: block;
}

.imageCard__img img {
    width: 100%;
}

.db {
    display: block!important;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.mt10 {
    margin-top: 10px!important;
}


.h36 {
    height: 36px!important;
}

.center {
    text-align: center;
}

._btn {
    padding: 0;
    width: 90px;
    height: 30px;
    line-height: 30px;
}

.l-right {
    float: right;
}

._btn--red {
    border: 1px solid #ff6fa2;
    background-color: #ff6fa2;
    color: #fff;
}

._btn, .newBtn {
    border-radius: 2px;
    display: inline-block;
    background-image: none;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    outline: 0;
    transition: background-color,.3s;
}

.tableMiddle {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.tableMiddle {
}
.tableMiddle__inner {
    display: table-cell;
    vertical-align: middle;
}

.tal {
    text-align: left;
}

.cut {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.fbase {
    font-size: 1.4rem;
    line-height: 1.8rem;
}



/*-----------------------------------*/
/* 清除浮动*/
/*-----------------------------------*/
.nav:after , .js-eventid:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}


/*-----------------------------------*/
/* 浮动弹窗*/
/*-----------------------------------*/
.alerttips {
    display: none;
    width: 240px;
    height: 110px;
    line-height: 110px;
    text-align: center;
    font-size: 2.2rem;
    border: 5px solid #9767a5;
    background: rgba(256,256,256,.5);
    box-shadow: 0 0 30px #B390BE;
    border-radius: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -120px;
}


.gotop {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: url(../img/top.png) center center no-repeat #000;
    background-size: 50%;
    opacity:0.8;
    position: fixed;
    bottom: 100px;
    right: 40px;
    cursor: pointer;
}
.gotop:hover {
    opacity:1;
}