.index{
    width:80%;
    height:30px;
    line-height:30px;
    margin:0 auto;}
.index-head{padding-top:20px;}
.index-head p{font-size:20px;color:#fff;line-height:30px;}
.back{
    bottom:70px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    overflow:hidden;
    z-index:-1;
}
.items, .item{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size:cover;
    transition:1s;
}
.item1{background:url(../images/bg1.jpg) no-repeat;background-size:cover;opacity:1;}
.item2{background:url(../images/bg2.jpg) no-repeat;background-size:cover;opacity:0;}
.item3{background:url(../images/bg3.jpg) no-repeat;background-size:cover;opacity:0;}
.slogan{
    width:600px;
    height:200px;
    background:url(../images/center.png) no-repeat 0 0;
    display:inline-block;
    background-size:600px;
     vertical-align:middle;
}
.mid{
    width:100%;
}
.center-content{
    text-align:center;
    position:absolute;
    left:0;
    top:20%;
    width:100%;
    text-align:center;
    z-index:2;
}
.main-entry{
    width:380px;
    height:50px;
    margin:15px auto 0;
}
.main-entry a{
    display:block;
    text-decoration:none;
    float:left;
    text-align:center;
    cursor:pointer;
    border-radius:8px;
    font-size:14px;
    letter-spacing:1px;
    height:50px;
    width:170px;
    color:#ffffff;
    line-height:50px;
    position:relative;
    background-color:#00a3ee;
}
.regist{margin-left:40px;}
.main-entry a i{
    display:inline-block;
    width:24px;
    height:24px;
    background-size:24px;
    vertical-align:middle;
    margin-right:10px;
}
.main-entry a span{font-size:16px;display:inline-block;}
.login i{background:url(../images/login.png) no-repeat;}
.regist i{background:url(../images/regist.png) no-repeat;}
.index-footer{position:absolute;bottom:0px;left:0px;width:100%;height:60px;background-color:white;z-index:99;font-size:12px;text-align:center;}
.index-footer p{line-height:30px;color:#666;}
.index-footer p a:hover{color:red;}