*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;}
body{margin:0;font-family:"microsoft yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:1.42857143;background-color:#fff;color:#4A4A4A;height:100%;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
video{display:inline-block;vertical-align:baseline;}
a{background-color:transparent;text-decoration:none;color:#fff}
a:active,a:hover{outline:0;}
a:focus{outline: thin dotted;outline-offset:-2px;outline:none;}
img{border:0;vertical-align:middle;}
ol,ul{list-style:none}
#wrapper{width:100%;min-height:500px;margin:0 auto;position:relative;}
#bg{position:absolute;width:100%;height:100%;left:0;top:0;bottom:0;overflow:hidden;z-index:1;}
#bg img{display:block;width:100%;}
#down{width:100%;left:0;bottom:50px;z-index:3;text-align:center;padding-top: 40px;}
#down a{display:inline-block;width:240px;margin:0 2%;background-color:rgba(255,255,255,.7);color:#4A4A4A;padding:10px 0;border-radius:5px;min-width:120px;}
#down img{height:25px;margin-right:7px;}
.foot{position:fixed;bottom:0;width:100%;background: #6E57FD;}
#foot{background: #6E57FD;color: #FFFFFF;width:100%;padding:18px;font-size:12px;text-align:center;z-index:2;}
.banzou{background-color:#6E57FD;height: 80px; width: 100%;font-size: 16px;text-align: right;z-index: 2;color: #fff;line-height: 80px;overflow: hidden;}
.login{background: #FFFFFF;border-radius: 31px;float:right;right:200px;border: 1px solid #c9c9c9;
    padding: 0 11px 0 11px;
    line-height: 36px;
    height: 36px;
    margin-top: 26px;
    position: relative;
    background-color: #fff;
    -webkit-transition: width .6s ease-out;
    transition: width .6s ease-out;}
.login a{padding:0 10px;font-size: 22px;color: #6E57FD;text-align: center;}
.banzou span{float: left;padding-left: 6rem;font-size: 30px;}
#pay{position:absolute;height:30px;top:70px;right:30px;width:15%;bottom:18px;font-size:16px;text-align:center;z-index:2;border-radius: 5px;background-color: rgba(255,255,255,.15);color: #cac4c4;line-height: 30px;}
.wrap{width:960px;margin:0 auto}
#tops{padding:40px 0;overflow:hidden;padding-bottom: 150px;}
#tops h1{font-size:30px;}
#tops ul{margin-top:20px;}
#tops ul p{font-size: 28px;color: #0C0000;text-align: center;}
#tops li{width:950px;padding:15px 5px;position:relative}
#tops li a{width:100%;height:130px;display:block;position:absolute}
#tops li:hover{background:#fafafa none;}
#tops li.first{border:none;}
#tops table{width:100%;font-size:18px;}
#tops td.index{display:none;font-size:18px;width:60px}
#tops td.small{font-size:18px}
#tops td.face{width:70px}
#tops td.face div{width:70px;height:70px;overflow:hidden;border-radius:140px;}
#tops td.song{width:300px;text-align:right;}
#tops td.song h2{font-size:24px;font-weight:normal;padding-left:32px;display:inline-block}
#tops td.song h2.video{background:url(../style/images/video.png) no-repeat;}
#tops td.song span{color:#be83bc;display:inline-block;height:33px;font-size:20px;padding-right:10px;line-height:33px;margin-top:22px;}
#tops td.user img{width:30px;height:30px;}
#tops td.user span{color:#ff9700;display:inline-block;height:33px;font-size:20px;background:url(../style/images/auth.png) no-repeat;padding-left:33px;line-height:33px;margin-top:15px;}
#tops td.user span.daren{background:url(../style/images/daren.png) no-repeat;}
#next{width:100%;height:60px;line-height:60px;display:block;background:#ccc none;color:#fff;font-size:24px;text-align:center;margin-top:20px;}
.mod_top_search {
    position: absolute;
    top: 0;
    right: 504px
}

.mod_search_input {
    border: 1px solid #c9c9c9;
    padding: 0 33px 0 11px;
    line-height: 36px;
    height: 36px;
    margin-top: 26px;
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: width .6s ease-out;
    transition: width .6s ease-out;
    opacity: 0.5;
    background: #FFFFFF;
    border-radius: 31px;
}

.search_input__input {
    width: 474px;
    height: 36px;
    border: 0 none;
    font-size: 14px;
    background: 0 0;
    -webkit-transition: width .6s ease-out,visibility .6s 1ms ease-out;
    transition: width .6s ease-out,visibility .6s 1ms ease-out;
    outline:0;
}

.search_input__btn {
    position: absolute;
    top: 0;
    right: 0;
    border: 0 none;
    width: 38px;
    height: 35px;
    overflow: visible;
    background: 0 0;
    outline:0;
}

.icon_search {
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-position: 0 -40px
}

.sprite,.sprite_before:before {
    background: url(images/head18.png) no-repeat center;
}
.icon_txt {
    font: 0/0 a
}
.qui_list {
    overflow: hidden;
    /*border-top: 1px solid #f4f4f4;*/
}

.qui_list__item {
    position: relative;
    display: -webkit-box;
    padding-right:25px;
}

.qui_list__order {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.qui_list__decimal {
    background:url(../images/Icon_40_play@2x.png?33) no-repeat;background-size:100%;
    background-size: 100%;
    position: absolute;
    top: 107px;
    left: 10px;
    width: 40px;
    height: 40px;
    font-size: 25px;
}

.qui_list--rank .qui_list__item:nth-child(-n+3) .qui_list__decimal {
    color: #FF400B
}

.qui_list__bd {
    position: relative;
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-align: center;
    padding: 10px 0;
    overflow: hidden;
    /*border-bottom: 1px solid #f4f4f4;*/
    margin-left: 42px;
}

.qui_list__box {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.qui_list__desc,.qui_list__tit {
    display: -webkit-box;
    -webkit-box-align: center;
    overflow: hidden
}

.qui_list__tit {
    /*font-size: 15px;*/
    color: #2e2e2e;
}
.check_more {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 32px;
    margin-bottom: 15px;
    font-size: 14px
}

.qui_list__txt {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right:15px;
}

.qui_list__desc .icon_vip {
    margin-right: 5px
}

.qui_list__desc .qui_list__txt {
    max-width: 94%
}

.qui_list__item.current .qui_list__decimal,.qui_list__item.current .qui_list__desc,.qui_list__item.current .qui_list__tit {
    color: #E64232 
}
.qui_list__item.current .qui_list__decimal {
    /*border-left: solid 3px #E64232;*/
    background:url(../../acweb/style/images/Icon_40_pause@2x.png?12) no-repeat;background-size:100%;
}

.qui_list__item.disabled .qui_list__decimal,.qui_list__item.disabled .qui_list__desc,.qui_list__item.disabled .qui_list__tit,.qui_list__item.disabled .rank_trend {
    color: #777;
    opacity: .5
}
