html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select:none;
    min-width: 950px;
}
.bigAll{
    width: 100%;
    height: 100%;
}
/*顶部*/
.allTop{
    width: 100%;
    height: 60px;
    background-color:#EBEBEB;
}
.allTopLeft{
    position: relative;
    width: 400px;
    height: 60px;
    margin-left:14%;
    /*background-color: rosybrown;*/
}
.allTopTitle{
    position: absolute;
    width:200px;
    height: 30px;
    border-radius:10px 10px;
    background-color: #dcdcdc;
    padding-top: 5px;
    padding-left: 37.5px;
    top:12px;
    left: 70px;
}
.allTopTitle-one{
    position: absolute;
    top:6px;
    left:28.5px;
    width: 180px;
}
/*.allTopTitle img{*/
    /*position: absolute;*/
    /*top:0;*/
    /*left: 215px;*/
/*}*/
.allTopTitleSpan1{
    font-size: 17px;
    font-weight:bolder;
    color: #7b7b7b;
    letter-spacing: 1px;
}
/*内容*/
.content{
  width: 100%;
  height:92%;
 background: url("../images/index/pxbg.jpg") repeat-x;
}
.smallContent{
    width: 100%;
    height:100%;
    background: url("../images/index/bg2.png");
    background-size: cover;
}
/*登录*/
.login{
    position: absolute;
    width: 716px;
    height:318px;
    border: solid 2px #A8C7CB;
    border-radius: 10px;
    /*background: url("../images/index/bg2.jpg");*/
    background-size: cover;
    top:20%;
    /*left: 25%;*/
}

.hand{
   margin-top: 20px;
}
.smallLogin{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.1);
}
.loginContent{
    width:424px;
    height: 200px;
    position: absolute;
    top:50px;
    right:60px;
}
.chooseUser{
    position: relative;
    width:424px;
    height: 52px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(139,170,175,0.3);
    /*background-color:red;*/
    border:solid 1px #b4b4b4;
}
#student{
position: absolute;
width: 84px;
height: 37px;
text-align: center;
line-height: 37px;

top:8px;
left: 10px;
cursor: pointer;
}
#teacher{
    position: absolute;
    width: 84px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    top:8px;
    left: 100px;
    cursor: pointer;
}
.chooseUser1{
    background: url("../images/index/studentBg.png");
    color: white;
}
.chooseUser2{
    background-color: white;
    color:#929797;
}
/*用户账户*/
.account{
    position: relative;
  width: 424px;
   height:45px;
   border-radius: 10px 10px;
    margin-top: 20px;
}
#userAccount{
    position: absolute;
    top:0;
    left:0;
    width:108px;
    height: 45px;
    background: url("../images/index/accountBg.png");
    color: white;
    line-height: 45px;
    z-index: 2;
    font-size: 14px;
}
#userAccount img,#accountNum img{
    position: absolute;
    top:8px;
    left: 5px;
}
#userAccount span,#accountNum span{
    margin-left: 30px
}
#accountNum{
    z-index: 1;
    width:309px;
    height: 45px;
    padding-left: 115px;
    border-radius: 10px 10px;
    border: none;
    outline:#0bd8de;
}
/*用户密码*/
.passwords{
    position: relative;
    width: 424px;
    height:45px;
    border-radius: 10px 10px;
    margin-top: 20px;
}
#userPasswords{
    position: absolute;
    top:0;
    left:0;
    width:108px;
    height: 45px;
    background: url("../images/index/accountBg.png");
    color: white;
    line-height: 45px;
    z-index: 2;
    font-size: 14px;
}

#userPasswords img,#passwordsNum img{
    position: absolute;
    top:8px;
    left: 5px;
}
#userPasswords span,#userAccount span{
    margin-left:35px
}
#passwordsNum{
    z-index: 1;
    width:309px;
    height: 45px;
    padding-left: 115px;
    border-radius: 10px 10px;
    border: none;
}
#loginButton{
    position:absolute;
    width: 115px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: white;
    background: url("../images/index/loginButton.png");
    right:0;
    margin-top: 20px;
    cursor: pointer;
}
/*登录成功后*/
.loginContent2{
    position: absolute;
    width:426px;
    height: 220px;
    top:50px;
    right:60px;
    background-color: white;
    border-radius: 4px 4px;
    z-index: 1000;
}
.userI{
    position: absolute;
    margin-left: 50%;
    left: -50px;
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: bolder;
    color:#575757;
}
#userHead{
    width:100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: solid 3px #09B1C6;
    margin-bottom: 10px;
}
#userHead img{
    width: 100%;
    height: 100%;
}
.cancel{
    position: absolute;
    width: 83px;
    height: 32px;
    right:20px;
    bottom:15px;
    font-size: 14px;
    line-height:32px;
    background-color:#099fb6;
    font-weight: bolder;
    cursor: pointer;
    border: solid 1px #ededed;
    color: white;
    text-align: center;
    line-height: 32px;
    border-radius: 4px 4px;
}
.cancel:hover{
    background-color:#1B8090;
}
/*分类*/
.smallContent1{
    width:900px;
    height:540px;
    position: absolute;
    margin: auto;
    left: 0;right:0;
    top:20%;
}
.classify{
    position: absolute;
    top:0;
    right:0;
}
.bigHover{
    position: relative;
    width: 147px;
    height: 186px;
}
.bodyDiv{
    position: absolute;
    width:130px;
    height: 170px;
    border-radius: 10px 10px;
    text-align: center;
    background-color: white;
    cursor: pointer;
    margin: auto;
    top:0;bottom: 0;
    right:0;left:0;
    color:#227a88;
    /*margin-top: 10px;*/
}
.bodyDiv img{
    position: absolute;
    margin: auto;
    left: 0;right:0;
    top:10px;
}
.imgDiv{
    width: 98px;
    height: 98px;
    position: absolute;
    margin: auto;
    left: 0;right:0;
    top:10px;
}
.imgDiv1{
 background: url("../images/index/body.png")
}
 .imgDiv2{
background: url("../images/index/embryo.png");
}
.imgDiv3{
background: url("../images/index/parasitic.png");
}
.chinese{
    display: inline-block;
    font-size:15px;
    /*color:#227a88;*/
    font-weight:bolder;
    margin-top:125px;
    transition:all linear .3s;
}
.english{
    font-size:12px;
    /*color:rosybrown;*/
    margin-top: 5px;
    opacity: 0;
    transition:margin-top linear .3s;
    font-family:Arial;
}

.bigHover:hover{
    background: url("../images/index/light.png");
    background-size: cover;
}
.bigHover:hover .bodyDiv{
    background-color:#1793AC;
    color: white;
}
.bigHover:hover .chinese{
    margin-top: 110px;
    transition:all linear .3s;
}
.bigHover:hover .english{
    opacity: 1;
    transition:margin-top linear .3s;
}
.bigHover1:hover .imgDiv1{
    background: url("../images/index/011.png")
}
.bigHover2:hover .imgDiv2{
    background: url("../images/index/022.png")
}
.bigHover3:hover .imgDiv3{
    background: url("../images/index/033.png")
}