/* CSS Document */
div{
    overflow:hidden;
}
*{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    color: #333333;
}
a{
    text-decoration: none;
}
body {
    margin: 0;
    font-size: 14px;
}
.i0w{
    margin-left: 16px;
}
.i1w{
    margin-left: 110px;
}
.i2w{
    margin-left: 270px;
}
.i3w{
    margin-left: 420px;
}
.i4w{
    margin-left: 610px;
}
.i5w{
    margin-left: 740px;
}
.top_box{
    width: 1000px;
    margin: 10px auto;
}
.main_menu{
    width: 1000px;/*设置宽度*/
    margin: 0 auto;/*设置外边距*/
    border-top:solid 1px #D0D0D0;/*设置上边框*/
    border-bottom:solid 1px #D0D0D0;/*设置下边框*/
    font-weight:bold;/*设置文字粗细*/
    letter-spacing:2px;/*设置文字间距*/
}
ul,li{
    list-style: none;/*设置列表无样式*/
}
.main_menu li{
    float: left;/*设置左浮动*/
    width: 165px;/*设置宽度*/
    height: 42px;/*设置高度*/
    line-height: 42px;/*设置行高*/
    text-align: center;/*设置文本水平居中显示*/
    cursor: pointer;/*设置鼠标形状*/
}
.main_menu li:not(:last-child){
    border-right: 1px solid #D0D0D0;/*设置右边框*/
}
.sub_menu{
    width: 1000px;/*设置宽度*/
    margin: 0 auto;/*设置外边距*/
    height: 42px;/*设置高度*/
}
.sub_menu span,.sub_menu li{
    height: 42px;/*设置高度*/
    line-height: 42px;/*设置行高*/
}
.sub_menu li{
    float: left;/*设置左浮动*/
    text-align:left;/*设置文本水平向左显示*/
    padding-left:12px;/*设置左内边距*/
    margin-left:25px;/*设置左外边距*/
}
.active{
    background: url(../images/i13.gif) no-repeat center;
}
.active a{
    color: blue;
}
.main{
    width: 1000px;
    margin: 5px auto;
}
.main .left{
    float: left;/*设置左浮动*/
    width: 720px;/*设置高度*/
}
.main .left img{
    width: 230px;/*设置高度*/
    height: 180px;/*设置高度*/
}
.main .left ul{
    float: left;/*设置左浮动*/
    width: 240px;/*设置高度*/
}
.main .left ul li:nth-child(2){
    height: 30px;/*设置高度*/
    line-height: 30px;/*设置行高*/
    font-size: 18px;/*设置文字大小*/
    margin-left: 3px;/*设置左外边距*/
}
.main .left ul li:nth-child(3){
    height: 30px;/*设置高度*/
    line-height: 30px;/*设置行高*/
    font-size: 14px;/*设置文字大小*/
    margin-left: 3px;/*设置左外边距*/
}
.right{
    float: right;/*设置右浮动*/
    position: relative;/*设置相对定位*/
    width: 260px;/*设置宽度*/
}
.banner img{
    width: 260px;/*设置宽度*/
}
.banner{
    position: relative;/*设置相对定位*/
    height: 260px;/*设置高度*/
}
.banner span{
    position: absolute;/*设置绝对定位*/
    top:0;/*设置距离父元素顶部的距离*/
    left: 0;/*设置距离父元素左侧的距离*/
}
.numBtn{
    width: 200px;/*设置宽度*/
    position:absolute;/*设置绝对定位*/
    left:50%;/*设置距离父元素左侧的距离*/
    top:86%;/*设置距离父元素底部的距离*/
    text-align:center;/*设置文字居中显示*/
}
.numBtn li{
    list-style:none;/*设置列表无样式*/
    border-radius: 50%;/*设置圆角边框*/
    float:left;/*设置左浮动*/
}
.numBtn li a{
    display: block;/*设置块状元素*/
    width: 20px;/*设置宽度*/
    height: 20px;/*设置高度*/
    line-height: 20px;/*设置行高*/
    border-radius: 50%;/*设置圆角边框*/
    margin: 5px;/*设置外边距*/
    color:#FFFFFF;/*设置文字颜色*/
    font-weight:bolder;/*设置文字粗细*/
    text-decoration:none;/*设置文字无下划线*/
}
.numBtn li a.num{
    transition:all .6s ease;/* 设置按钮过渡效果 */
}

.tabs{
    float: right;/*设置右浮动*/
    width:260px;/*设置宽度*/
    margin:20px auto;/*设置外边距*/
}
.top{
    height:26px;/*设置高度*/
    line-height: 26px;/*设置行高*/
}
.title{
    display:inline-block;/*设置行内块元素*/
    font-size:18px;/*设置文字大小*/
}
ul.tab{
    display:inline-block;/*设置行内块元素*/
    list-style:none;/*设置列表样式*/
    margin-left:20px;/*设置左外边距*/
}
ul.tab li{
    margin: 0;/*设置外边距*/
    padding: 0;/*设置内边距*/
    float:left;/*设置左浮动*/
    width:80px;/*设置宽度*/
    height: 26px;/*设置高度*/
    line-height: 26px;/*设置行高*/
    font-size:14px;/*设置文字大小*/
    cursor:pointer;/*设置鼠标光标形状*/
    text-align:center;/*设置文本居中显示*/
}
ul.tab li.actived{
    display:block;/*设置块元素*/
    width:60px;/*设置宽度*/
    height: 26px;/*设置高度*/
    line-height: 26px;/*设置行高*/
    background-color:#66CCFF;/*设置背景颜色*/
    color:#FFFFFF;/*设置文字颜色*/
    cursor:pointer;/*设置鼠标光标形状*/
}
.songlist{
    clear:both;/*设置清除浮动*/
    margin-top:10px;/*设置上外边距*/
}
.songlist div{
    width:260px;/*设置宽度*/
    height:31px;/*设置高度*/
    line-height:31px;/*设置行高*/
    border-bottom-width: 1px;/*设置下边框宽度*/
    border-bottom-style: dashed;/*设置下边框样式*/
    border-bottom-color: #333333;/*设置下边框颜色*/
    background-color: #FFFFFF;/*设置背景颜色*/
    font-size:14px;/*设置文字大小*/
}
.songlist div span{
    margin-left:10px;/*设置左外边距*/
}
.songlist div span:last-child{
    float:right;/*设置右浮动*/
    margin-right:10px;/*设置右外边距*/
}
.news{
    float: right;/*设置右浮动*/
    width:260px;/*设置宽度*/
    margin:0 auto;/*设置外边距*/
}
.news_title{
    font-size:18px;/*设置文字大小*/
}
.scroll{
    margin-left:5px;/*设置左外边距*/
    margin-top:5px;/*设置上外边距*/
    width:260px;/*设置宽度*/
    height:120px;/*设置高度*/
    overflow:hidden;/*设置溢出内容隐藏*/
}
.scroll li{
    width:260px;/*设置宽度*/
    height:30px;/*设置高度*/
    line-height:30px;/*设置行高*/
    margin-left:16px;/*设置左外边距*/
}
.scroll li a{
    font-size:14px;/*设置文字大小*/
    color:#333;/*设置文字颜色*/
    text-decoration:none;/*设置链接文字无下画线*/
}
.scroll li a:hover{
    color:#66CCFF;/*设置文字颜色*/
}
.anim{
    transition: all 0.5s;/*设置过渡效果*/
    margin-top: -30px;/*设置上外边距*/
}

.page{
    clear: both;/*清除浮动*/
}
.page .page_title{
    height: 80px;/*设置高度*/
    line-height: 80px;/*设置行高*/
    font-size:28px;/*设置文字大小*/
    letter-spacing: 10px;/*设置文字间距*/
    text-align: center;/*设置文本水平居中显示*/
}
.page .page_item{
    float: left;/*设置左浮动*/
    width: 33%;/*设置宽度*/
    height: 100px;/*设置高度*/
}
.page img{
    width: 80px;/*设置宽度*/
    height: 80px;/*设置高度*/
}
.page .page_item>div{
    float: left;/*设置左浮动*/
}
.page .page_item .name{
    margin-top: 12px;/*设置上外边距*/
    margin-left: 15px;/*设置左外边距*/
}
.page .page_item .name div{
    margin-top: 5px;/*设置上外边距*/
}
.page .page_item .duration{
    float: right;/*设置右浮动*/
    margin-top: 30px;/*设置上外边距*/
    margin-right: 20px;/*设置右外边距*/
}
.page .page_control{
    clear: both;/*清除浮动*/
    text-align: center;/*设置文本水平居中显示*/
    margin-bottom: 10px;/*设置下外边距*/
}
.page .page_control span{
    margin: 0 10px;/*设置外边距*/
}
.page .page_control button{
    width: 60px;/*设置宽度*/
    height: 30px;/*设置高度*/
}
.bottom{
    width: 1000px;/*设置宽度*/
    height: 80px;/*设置高度*/
    margin: 0 auto;/*设置外边距*/
    border-top: 1px solid #3366FF;/*设置上边框*/
    text-align: center;/*设置文本水平居中显示*/
}
.bottom ul{
    padding-top: 15px;/*设置上内边距*/
    margin-bottom: 10px;/*设置下外边距*/
}
.bottom li{
    display: inline-block;/*设置行内块元素*/
    width: 80px;/*设置宽度*/
    height: 16px;/*设置高度*/
    line-height: 16px;/*设置行高*/
    text-align: center;/*设置文本水平居中显示*/
}
.bottom li:not(:last-child){
    border-right: 1px solid #BBBBBB;/*设置右边框*/
}
.login{
    float: right;
    display: flex; /* 使用Flexbox布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    height: 56px;
}
.logo{
    float: left;
    width: 280px;
}
.login a, .login span{
    margin-right: 10px;
}