/*初始化*/
* { margin: 0px;  padding: 0px;  font-family: "microsoft yahei";  font-size: 14px;  }
html,body{ height:100%; overflow:hidden;  width: 100%;  }
li { list-style: none;}
a,a:hover,a:active,a:visited {  text-decoration: none;  color: #000;  }
img {  border: none;  }
p{  margin: 0px;  }
.fl {  float: left;  }
.fr {  float: right;  }
.clear {  clear: both;  height: 0px;  width: 0px;  }


#all{
    background: url("../images/bg2.jpg") no-repeat center center;
    background-size: 100% 100%;
    height: 100%;
    padding:3.8% 3% 0 3%;
}
#top{
    width: 100%;
    height: auto;
    padding-bottom: 2%;
    /*background: yellow;*/
}
#top img.logo{
    width: 44.8%;
}
#top img.switch{
    width: 1.6%;
}

#content{
    height: 86%;
    width: 100%;
}
#content p{
    width: 100%;
    background: url("../images/titlebar.png") no-repeat center top;
    height: 44px;
    color: #51ffff;
    font-size: 1.4em;
    line-height: 44px;
    text-align: center;
    border-top: 1px solid #49d9fe;
    border-bottom: 1px solid #49d9fe;
}
#content .con_box{
    height: calc(100% - 44px);
    width: 100%;
}
#content .con_box .nav{
    width: 342px;
    height: 100%;
    border-bottom: 2px solid #51ffff;
    overflow: auto;
    padding-top: 4.5%;
}
#content .con_box .nav .nav_box{
    height: 500px;
    width: 90%;
}

#content .con_box .nav .nav_1{
    height: 40%;
    width: 36px;
    background: url("../images/number/navigationbg.png") no-repeat;
    border: 1px solid #49d9fe;
    cursor: pointer;
    margin-top: 60%;
    font-size: 20px;
    color: #49d9fe;
}
#content .con_box .nav .nav_2,#content .con_box .nav .nav_3 {
    height: 100%;
}
#content .con_box .nav .nav_2{
    background: url("../images/number/nav_2.png") no-repeat left center;
    background-size: 51% 100%;
}
#content .con_box .nav .nav_2 button,#content .con_box .nav .nav_3 ul{
    display: block;
    height: 27%;
    background:none;
    color: #49d9fe;
    margin-bottom: 59px;
}
#content .con_box .nav .nav_2 button{
    width: 32px;
    border: 1px solid #49d9fe;
    border-radius: 8px;
    font-size: 17px;
    line-height: 1;
    margin-left: 34px;
    transition: 0.2s;
}
#content .con_box .nav .nav_3 ul li{
    width: 190px;
    height: 16%;
    text-align: center;
    padding: 0 3px;
    line-height: 1.5;
    margin-bottom: 18%;
    background: url("../images/number/nav_3.png") no-repeat left center;

}
#content .con_box .nav .nav_3 ul .nav_3_special{
    margin-top: 46%;
}
#content .con_box .nav .nav_3 ul li button{
    width: calc(100% - 20px);
    border:1px solid #49d9fe;
    border-radius: 15px;
    height: 100%;
    background: none;
    margin-left: 11px;
    transition: 0.2s;
}

#con_con{
    width: calc(100% - 342px);
    background: url("../images/number/waikuang.png") no-repeat center center;
    background-size: 100% 100%;
    height: 100%;
    padding:3% 4% 0 4%;
}
#con_con #main,
#con_con #main_special{
    width: 100%;
    height: 86%;
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(81,255,255,0.3);
}
#con_con #main{
    /*display: none;*/
}
#con_con #main_special #main_special_ball{
    height: 60%;
    width: 100%;
}
#con_con #main_special h1{
    text-align: center;
}
#con_con #main_special h1 span{
    font-size: 36px;
    color: #f80201;
    display: inline-block;
    padding: 0 25%;
}
#con_con #main_special #main_special_num{
    text-align: center;
}
#con_con #main_special #main_special_num h5,#con_con #main_special #main_special_num h3{
    font-size: 18px;
    color: #49d9fe;
    display: inline-block;
}
#con_con #main_special #main_special_num h4{
    font-size: 22px;
    color: #49d9fe;
    display: inline-block;
    padding: 0 21%;
}
#con_con #main_special #main_special_num span{
    display: block;
    padding-top: 10px;
}
#con_con ul{
    width: 100%;
    text-align: center;
    height: 11%;
    padding-top:2%;
}
#con_con ul li{
    width: 130px;
    height: 30px;
    border-radius: 15px;
    border:1px solid #49d9fe;
    display: inline-block;
    color: #49d9fe;
    line-height: 30px;
    margin: 0 8px;
    cursor: pointer;
}
#content .con_box .nav button:hover,#con_con ul li:hover,.cur{
    background: #359dc4 !important;
    color: #fff;
    transition: 0.3s;
}