@charset "utf-8";
*{ margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:after,:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body{width:100%; height:100%;font-family:'STHEITIMEDIUM', '微软雅黑',microsoft yahei;font-size:12px; background: #f5f5f5;color:#666;}
ul,li{ padding:0; margin:0; list-style:none;}
hr{ margin-bottom:0; margin-top:0;}
input,select,textarea,button,a{outline:none;}
a{color:#666;}
a:focus{outline:none;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.msg{ position:fixed;left:50%;top:70px;color:#fff;z-index:1050;padding:6px 10px 6px 30px;color:#fff; background: url(../images/suc1.png) 5px center no-repeat;background-color:#00ce9b; }
.msg-error{background: url(../images/error1.png) 5px center no-repeat;background-color: #ff4e00;}
input[type='text'],select,textarea{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.container{width:1230px;margin: 0 auto;}
.top-box{height:62px; background: #333;border-bottom: 2px solid #c4c4c4}
.top-box .logo{padding-left: 10px;height: 60px;float: left}
.top-box .logo a{padding-top: 20px;display: block;}
.top-box .menu-box{height: 60px;float: left;padding-left: 98px;}
.top-box .menu-box li{float: left; line-height: 60px;}
.top-box .menu-box li a{color:#fff; text-decoration:none;font-size: 18px;display: block;padding:0 30px;}
.top-box .menu-box li.cur a,.top-box .menu-box li a:hover{background: #2196f3;}
.top-box .top-r{float: right;height:60px;}
.top-box .top-r .search-box{height:60px;position: relative;float: left;}
.top-box .top-r .search-box .search-icone{position: absolute;top:18px;right:14px;background:url(../images/search-i.png) no-repeat;width:24px;height: 24px;border:0;cursor:pointer}
.top-box .top-r .search-box .search-input{margin-top: 15px;font-size: 14px;padding: 8px 40px 8px 18px;border:0; border-radius: 30px;width:200px}
.top-box .top-r .user-box{float: left;height:60px; line-height: 60px;font-size: 16px;color:#fff}
.top-box .top-r .user-box a{font-size: 16px;color:#fff;text-decoration: none;}
.top-box .top-r .user-box .user-login{padding:0 20px}
.top-box .top-r .user-box .user-login a:hover{color:#2196f3}
.top-box .top-r .user-box .user-info{padding:0 20px;position: relative;}
.top-box .top-r .user-box .user-info .name{padding-left:30px; background:url(../images/face.png) center left no-repeat;}
.top-box .top-r .user-box .user-info .name-inner{padding-right:17px; background:url(../images/i.png) center right no-repeat;}
.top-box .top-r .user-box .user-info .user-menu{ display:none;position: absolute;top:50px;left:20px; background: #fff;line-height:initial;border:1px solid #ececec;padding:9px 14px 0 14px;z-index: 100;}
.top-box .top-r .user-box .user-info .user-menu li{padding-bottom: 10px;width:95px}
.top-box .top-r .user-box .user-info .user-menu a{color:#666;font-size: 15px;display: block;padding-left: 18px;background:url(../images/i1.png) center left no-repeat;}
.top-box .top-r .user-box .user-info .user-menu a:hover{color:#2196f3}
.top-sort{background: #fff;height:58px;}
.top-sort1{height: auto;}
.top-sort .sort-box{padding: 0 80px 0 225px; line-height: 58px; font-size: 16px;color:#666; float: left;}
.top-sort .sort-box a{text-decoration: none;padding:0 12px}
.top-sort .sort-box a.cur,.top-sort .sort-box a:hover{color:#2196f3}
.top-sort .sort-btn-box{float: left;padding-top: 16px}
.top-sort .sort-btn-box a{width:90px;height:25px;display:block;background:url(../images/btn_bg.png) no-repeat;}
.top-sort1 .sort-box1{padding:12px 0 17px 0;text-align: center;}
.top-sort1 .sort-box1 ul{margin: 0 auto;display: inline-block}
.top-sort1 .sort-box1 li{float: left;height:28px;line-height: 20px;padding: 4px 0;font-size: 16px;text-align: center;width:120px;}
.top-sort1 .sort-box1 li a{text-decoration: none;border-right: 2px solid #bcbcbc; display: block;}
.top-sort1 .sort-box1 li.cur a,.top-sort1 .sort-box1 li a:hover{color:#2196f3}
.top-sort1 .sort-box1 li:nth-child(10n) a,.top-sort1 .sort-box1 li:last-child a,.top-sort1 .sort-box1 li:nth-last-child(2) a{border: 0}
.top-sort1 .sort-box1 li.add{text-align: center;}
.top-sort1 .sort-box1 li.add a{width: 90px;height: 25px;display:inline-block;background: url(../images/btn_bg3.png) center center no-repeat;}
.top-sort1 .sort-box2 li:nth-last-child(2) a{border-right: 2px solid #bcbcbc; }
.main-box{min-height: 20px;padding: 18px 0 0 0}
.main-box .main-left{width:960px; float: left;}
.main-box .main-left  .row-box1{ padding-top: 20px}
.main-box .main-left .music-box,.main-box .main-right .music-box{width:472px;border:1px solid #ececec;background: #fff;float:left;}
.main-box .main-left .music-box .title-outer,.main-box .main-right .music-box .title-outer{padding: 4px;padding-bottom: 0;}
.main-box .main-left .music-box .title,.main-box .main-right .music-box .title{position: relative;height: 35px; line-height: 35px;border-bottom: 1px solid #ccc;color:#2196f3;padding-left: 55px;font-size: 16px;background:url(../images/title1.png) 10px center no-repeat;}
.main-box .main-left .music-box .title1,.main-box .main-right .music-box .title1{background:url(../images/title2.png) 10px center no-repeat;}
.main-box .main-left .music-box .title2,.main-box .main-right .music-box .title2{background:url(../images/title3.png) 10px center no-repeat;}
.main-box .main-left .music-box .title3,.main-box .main-right .music-box .title3{background:url(../images/title4.png) 10px center no-repeat;}
.main-box .main-left .music-box .title .more{position: absolute;width:39px;height:11px;display: block;background:url(../images/more.png) center center no-repeat;top:14px;right:14px}
.main-box .main-left .music-box .box{height:610px}
.main-box .main-left .music-box .img-box{padding-top: 10px}
.main-box .main-left .music-box .img-box .img-item{padding:0 8px 10px 8px;float: left;}
.main-box .main-left .music-box .img-box .img-item .img{width:140px;height:140px; overflow:hidden;position: relative;}
.main-box .main-left .music-box .img-box .img-item img{width:140px;height:140px}
.main-box .main-left .music-box .img-box .img-item .img .tag{position:absolute;bottom:0;left:0;right:0;color:#fff;padding: 6px 8px}
.main-box .main-left .music-box .img-box .img-item .img .tag .name{position: relative;z-index: 2;font-size: 14px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.main-box .main-left .music-box .img-box .img-item .img .tag .bg{background: #000;position: absolute;top:0;left:0;right:0;bottom:0;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2; z-index: 1;}
.main-box .main-left .music-box .news-box{height: 470px}
.main-box .main-left .music-box .news-box .first-news{padding: 10px}
.main-box .main-left .music-box .news-box .first-news a{text-decoration: none;}
.main-box .main-left .music-box .news-box .first-news .img{float: left;}
.main-box .main-left .music-box .news-box .first-news .img img{width:200px;height:150px}
.main-box .main-left .music-box .news-box .first-news .info{float: left;width:249px;padding-left:20px;;font-size: 13px;text-indent:26px}
.main-box .main-left .music-box .news-box .news-list{padding: 10px;padding-top:0;padding-bottom: 0;}
.main-box .main-left .music-box .news-box .text-item{padding:4px 0;border-left: 3px solid #fff;}
.main-box .main-left .music-box .news-box .text-item .item-img{padding:0 26px 0 2px;float: left}
.main-box .main-left .music-box .news-box .text-item img{width:50px;height:50px; border-radius: 50%}
.main-box .main-left .music-box .news-box .text-item .item-info{float: left;font-size: 18px;color:#666;padding-top: 4px;width:280px}
.main-box .main-left .music-box .news-box .text-item .item-time{float: left;font-size: 16px;width:80px;padding-top: 12px}
.main-box .main-left .music-box .news-box .text-item .item-info .big-name{padding-top: 8px}
.main-box .main-left .music-box .news-box a:hover .text-item{border-left: 3px solid #2196f3; background: #f1f1f1}

.main-box .main-left .music-box .text-box{padding:5px 4px;height:590px}
.main-box .main-left .music-box .text-box .text-item{padding:4px 0;border-left: 3px solid #fff;}
.main-box .main-left .music-box .text-box .text-item .item-img{padding:0 26px 0 2px;float: left}
.main-box .main-left .music-box .text-box .text-item img{width:50px;height:50px; border-radius: 50%}
.main-box .main-left .music-box .text-box .text-item .item-info{float: left;font-size: 18px;color:#666;padding-top: 4px;width:380px;}
.main-box .main-left .music-box .text-box .text-item .item-info .big-name{padding-top: 8px}
.main-box .main-left .music-box .text-box .text-item .item-info .tag{font-size: 13px}
.main-box .main-left .music-box .text-box a:hover .text-item{border-left: 3px solid #2196f3; background: #f1f1f1}

.main-box .main-left .music-box-r{float: right;}
.main-box .main-left .row-ad{padding:20px 0 15px 0;}
.main-box .main-left .row-ad .row-ad-item{padding-bottom: 5px}
.main-box .main-left .row-ad1{padding:0 0 15px 0;}
.main-box .main-left .row-ad img{width:100%;height:90px}
.main-box .web-path{height:50px; line-height: 50px;border:1px solid #ececec;font-size: 16px;color:#666;background:url(../images/i2.png) 20px center no-repeat; background-color: #fff;padding-left: 48px}
.main-box .web-path a{text-decoration: none;}
.main-box .web-path a:hover{color:#2196f3}
.main-box .web-path .key{color:#2196f3}
.main-box .music-sort-box{border:1px solid #ececec;font-size: 16px;color:#666; background: #fff; margin-top: 20px;padding:12px 0;}
.main-box .music-sort-box .sort-item .title,.main-box .music-sort-box .sort-item .sort-list{float: left}
.main-box .music-sort-box .sort-item .title{width:78px;text-align: center;color:#2196f3;}
.main-box .music-sort-box .sort-item .title1{width:88px}
.main-box .music-sort-box .sort-item .sort-list{width:820px}
.main-box .music-sort-box .sort-item .sort-list li{float: left;height: 25px;line-height: 25px; margin-right: 10px; margin-bottom: 10px}
.main-box .music-sort-box .sort-item .sort-list li a{display: block;text-decoration: none; text-align: center;padding:0 6px}
.main-box .music-sort-box .sort-item .sort-list li.cur a,.main-box .music-sort-box .sort-item .sort-list li a:hover{background: #2196f3;color:#fff;border-radius: 2px}
.main-box .music-sort-box .sort-item .sort-list2 li{margin-right: 4px}
.main-box .music-sort-box .sort-item .sort-list2 li:nth-child(2){margin-left: 5px}
.main-box .music-sort-box .sort-item .sort-list li.all-sort{width: 45px}
.main-box .music-sort-box .sort-item .title{background:url(../images/search.png) 19px center no-repeat;padding-left: 50px;width:auto;padding-right: 18px;}
.main-box .search-sort-box .sort-item .sort-list li{margin-bottom: 0;margin-right: 12px}
.main-box .main-left .singer-box,.main-box .main-left .singer-music-box{border:1px solid #ececec;color:#666;background: #fff;padding:10px; margin-top: 20px;}
.main-box .main-left .singer-box .title,.main-box .main-left .singer-music-box .title{font-size: 14px;padding-left: 35px;font-weight: bold;background:url(../images/i3.png) 10px center no-repeat; }
.main-box .main-left .singer-box .title1,.main-box .main-left .singer-music-box .title1{background:url(../images/i4.png) 10px center no-repeat; }
.main-box .main-left .singer-box .title2,.main-box .main-left .singer-music-box .title2{background:url(../images/i5.png) 10px center no-repeat; }
.main-box .main-left .singer-box .box-item{ margin-top: 10px;}
.main-box .main-left .singer-box .box-item .letter-box{border:1px solid #ececec;border-right: 0;height: 35px; line-height: 35px;background: #f8f8f8;overflow: hidden;color:#666;}
.main-box .main-left .singer-box .box-item .letter-box li{border-right: 1px solid #ececec; text-align: center;float: left;width:28;}
.main-box .main-left .singer-box .box-item .letter-box li.first-letter{width:36px;font-size: 20px;color:#2196f3; font-family:arial,sans-serif;font-weight: bold;}
.main-box .main-left .singer-box .box-item .letter-box li.tag{background: #fff;width:110px;height: 35px;font-size: 13px;color:#999;}
.main-box .main-left .singer-box .box-item .letter-box li a{display: block;text-decoration: none;font-family:arial,sans-serif;font-size: 13px}
.main-box .main-left .singer-box .box-item .letter-box li a:hover{color:#fff;background: #2196f3}
.main-box .main-left .singer-box .box-item .name-box{margin-top: 10px;background: #fafafa;padding:5px 20px;border: 1px dotted #ccc; min-height: 35px;font-size: 15px;line-height: 35px}
.main-box .main-left .singer-box .box-item .name-box li{float: left;width:88px}
.main-box .main-left .singer-box .box-item .name-box li a{display: block;text-decoration: none;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;width:85px}
.main-box .main-left .singer-box .box-item .name-box li a:hover{color:#2196f3}
.main-box .main-left .singer-music-box .title span{color:#2196f3;padding-right: 16px}
.main-box .main-left .singer-music-box .box{padding: 10px 0}
.main-box .main-left .singer-music-box .box1{padding-top: 0}
.main-box .main-left .singer-music-box .box .box-title{background: #f1f1f1;height: 40px;line-height: 40px;font-size: 15px;color:#666;}
.main-box .main-left .singer-music-box .box .box-title .title-item{float: left;font-weight:bold;}
.main-box .main-left .singer-music-box .box .box-title .title-item1{width:115px;padding-left: 15px}
.main-box .main-left .singer-music-box .box .box-title .title-item2{width:470px;}
.main-box .main-left .singer-music-box .box .box-title .title-item3{width:150px;}
.main-box .main-left .singer-music-box .box .box-title .title-item4{width:120px;}
.main-box .main-left .singer-music-box .box .box-title .title-item5{width:83px;}
.main-box .main-left .singer-music-box .box .box-list{padding-top:10px;font-size: 13px}
.main-box .main-left .singer-music-box .box .box-list .list-no-data{text-align: center;}
.main-box .main-left .singer-music-box .box .box-list .box-item{border-left: 3px solid #fff;padding:10px 0;}
.main-box .main-left .singer-music-box .box .box-list .box-item:hover{border-left: 3px solid #2196f3;background: #f1f1f1}
.main-box .main-left .singer-music-box .box .box-list .box-item .item{float: left;}
.main-box .main-left .singer-music-box .box .box-list .box-item .item a{display:block;text-decoration: none;}
.main-box .main-left .singer-music-box .box .box-list .box-item .item1 img{width:50px;height:50px;border-radius: 50%;}
.main-box .main-left .singer-music-box .box .box-list .box-item .item1{padding-left: 2px;width:81px}
.main-box .main-left .singer-music-box .box .box-list .box-item .item2{width:497px;font-size: 18px;padding-top: 4px}
.main-box .main-left .singer-music-box .box .box-list .box-item .item2 .big-name{padding-top: 8px}
.main-box .main-left .singer-music-box .box .box-list .box-item .item2 .tag{font-size: 13px}
.main-box .main-left .singer-music-box .box .box-list .box-item .item3{width:154px;font-size: 16px;padding-top: 12px}
.main-box .main-left .singer-music-box .box .box-list .box-item .item4{width:118px;font-size: 16px;padding-top: 12px}
.main-box .main-left .singer-music-box .box .box-list .box-item .item5{width:85px;font-size: 16px;padding-top: 12px}
.main-box .main-left .singer-music-box .box .box-list .box-item .item5 a:hover{color:#2196f3}

.main-box .main-left .singer-music-box .img-box{padding-top: 10px}
.main-box .main-left .singer-music-box .img-box .img-item{padding:0 8px 10px 8px;float: left;}
.main-box .main-left .singer-music-box .img-box .img-item .img{width:140px;height:140px; overflow:hidden;position: relative;}
.main-box .main-left .singer-music-box .img-box .img-item img{width:140px;height:140px}
.main-box .main-left .singer-music-box .img-box .img-item .img .tag{position:absolute;bottom:0;left:0;right:0;color:#fff;padding: 6px 8px}
.main-box .main-left .singer-music-box .img-box .img-item .img .tag .name{position: relative;z-index: 2;font-size: 14px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.main-box .main-left .singer-music-box .img-box .img-item .img .tag .bg{background: #000;position: absolute;top:0;left:0;right:0;bottom:0;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2; z-index: 1;}

.main-box .main-left .music-info-box{padding:25px 19px 19px 19px; background: #fff;border:1px solid #ececec;color:#666; margin-top: 20px;font-size: 14px}
.main-box .main-left .music-info-box .box-title{font-size: 28px;text-align: center;}
.main-box .main-left .music-info-box .box-tag{text-align: center;padding: 30px 0 20px 0;font-size: 16px}
.main-box .main-left .music-info-box .box-tag li{float: left;height:30px;line-height: 30px;width:140px;text-align: left}
.main-box .main-left .music-info-box .box-tag ul{padding: 0 20px}
.main-box .main-left .music-info-box .box-tag li.btn-box{width:180px;text-align: right;}
.main-box .main-left .music-info-box .box-tag li.btn-box1{width: 600px}
.main-box .main-left .music-info-box .box-tag li.last-li{width:460px; text-align: right;padding: 0;}
.main-box .main-left .music-info-box .box-tag input{border:0;width:80px;height:30px;cursor:pointer;}
.main-box .main-left .music-info-box .box-tag input.tag-btn{background:url(../images/btn_bg1.png)center no-repeat;}
.main-box .main-left .music-info-box .box-tag input.tag-btn1{background:url(../images/btn_bg2.png)center no-repeat; margin-left: 10px}
.main-box .main-left .music-info-box .box-info{min-height: 300px;padding-bottom: 10px;}
.main-box .main-left .music-info-box .box-info img{max-width: 920px;}
.main-box .main-left .music-info-box .box-lyric .lyric-item{float: left;width:450px}
.main-box .main-left .music-info-box .box-lyric .lyric-item-r{float: right;}
.main-box .main-left .music-info-box .box-lyric .lyric-item .title{color:#2196f3;text-align: center;line-height: 30px;font-size: 16px}
.main-box .main-left .music-info-box .box-lyric .lyric-item .lyric-info{border: 1px dashed #ccc;padding:20px;font-size: 16px}
.main-box .main-left .music-info-box .box-lyric .lyric-item .down{text-align: center;padding-top:10px }
.main-box .main-right{width:250px;float: right;}
.main-box .main-right .music-box{width: 100%;}
.main-box .main-right .music-box .box{padding:13px  18px;background: #fff;font-size: 13px}
.main-box .main-right .music-box .text-box .text-item{height:25px; line-height:25px}
.main-box .main-right .music-box .text-box .name{float:left;width:150px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.main-box .main-right .music-box .text-box .tag-name{float: right;width:50px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.main-box .main-right .music-box .text-box1{padding:15px  18px;}
.main-box .main-right .row-ad{padding:20px 0 15px 0}
.main-box .main-right .row-ad img{width:250px;height:250px;}
.main-box .main-right .row-ad .row-ad-item{padding-bottom: 5px}
.main-box .main-right .row-ad1{padding:0 0 15px 0;}
.main-box .main-right .row-ad1 img{width:250px;height:90px;}
.main-box .main-right .row-ad1 .row-ad-item{padding-bottom: 5px}
.main-box .main-right .row-ad2{padding:12px 0 0 0;}
.main-box .about-box{margin-top: 20px;border-right: 1px solid #ececec; padding:12px 20px;line-height: 25px;font-size: 14px; background: #fff; min-height: 350px;margin-bottom: 20px}
.main-box .about-box img{max-width: 100%;}
.main-box .form-box{margin-top: 20px;border-right: 1px solid #ececec; background: #fff;min-height: 100px;margin-bottom: 20px;padding:40px 0 62px 0;}
.main-box .form-box h1{font-size: 25px;color:#2196f3;text-align: center;padding-bottom: 38px;}
.main-box .form-box .box{width:330px;margin: 0 auto;font-size: 13px}
.main-box .form-box .box .row{margin-bottom: 15px}
.main-box .form-box .box .row .name{width:80px;text-align: right;display:inline-block;}
.main-box .form-box .box .row .input{width:200px;border:1px solid #ccc;padding: 6px 10px;background: #f5f5f5;}
.main-box .form-box .box .row .input-code{width:125px}
.main-box .form-box .box .row  span{display: inline-block; vertical-align: middle;}
.main-box .form-box .box .star{color:#ff0000;font-size: 20px;}
.main-box .form-box .box .row .error{width:21px;background:url(../images/error.png) center center no-repeat; height:21px}
.main-box .form-box .box .row .suc{width:21px;background:url(../images/suc.png) center center no-repeat; height:21px}
.main-box .form-box .box .row .code{padding-left: 5px;cursor:pointer;}
.main-box .form-box .box .row-r{text-align: center;padding:18px 0 18px 30px}
.main-box .form-box .box .row-r span{color:#2196f3;font-weight: bold;}
.main-box .form-box .box .row-r input{margin-right: 5px}
.main-box .form-box .box .row-f{padding-left: 30px; margin-bottom: 20px}
.main-box .form-box .box .row-f span{float: right; margin-right: 48px}
.main-box .form-box .box .row-f span a{text-decoration: none;color:#2196f3;font-weight: bold;}
.main-box .form-box .box .row-btn{text-align: center;}
.main-box .form-box .box .row-btn .btn{color:#fff;background: #2196f3;font-size: 14px;padding:5px 15px;margin: 0 10px;border:0;border-radius: 2px;cursor:pointer;}
.main-box .form-box .box .row-btn .btn-cancel{background: #fff;border:1px solid #ccc; color:#666;}
.page-box{padding:10px 0;text-align: center;}
.page-box li{display:inline-block;border: 1px solid #ccc;color:#666;font-size: 14px; margin: 0 3px;border-radius: 3px;}
.page-box li span{padding: 6px 12px;display:block;}
.page-box a{display:block;text-decoration: none;padding: 6px 12px;}
.page-box a:hover,.page-box li.active a{background: #2196f3;border-color: #2196f3;color:#fff;}
.footer-box{min-height:60px; background: #333;text-align: center;font-size: 13px;color:#ccc;padding-bottom: 25px}
.footer-box a{color:#ccc; text-decoration: none;}
.footer-box .menus{padding:18px 0 20px 0;}
.footer-box .menus a{padding:0 10px}
.footer-box p{line-height: 20px}

.user-top-box{background: #333;color:#fff;height: 60px;font-size: 16px}
.user-top-box .logo{width:200px; text-align: center;height: 60px;float: left;}
.user-top-box .logo a{display: block;padding-top: 20px}
.user-top-box .user-name{line-height: 60px; background: url(../images/face.png) 20px center no-repeat;float: left;padding-left: 50px}
.user-top-box .exit{ float: right;line-height: 60px; padding-right: 20px}
.user-top-box .exit a{color:#fff; text-decoration:none;background: url(../images/user_i.png) left center no-repeat;padding-left: 26px}
.user-top-box .exit a:hover{color:#2196f3}
.user-left{width:200px;position: absolute;top:60px;left:0;bottom:0;background: #333;border-top: 2px solid #292929;color:#fff;font-size: 13px;overflow-y:auto}
.user-left .menu .title{height: 48px;line-height: 48px;padding-left: 57px;cursor: pointer;background: url(../images/user_i1.png) 28px center no-repeat;}
.user-left .menu .title1{background: url(../images/user_i2.png) 25px center no-repeat;}
.user-left .menu .title2{background: url(../images/user_i11.png) 25px center no-repeat;}
.user-left .menu .title3{background: url(../images/user_i4.png) 25px center no-repeat;}
.user-left .menu .title4{background: url(../images/user_i5.png) 25px center no-repeat;}
.user-left .menu .title5{background: url(../images/user_i6.png) 25px center no-repeat;}
.user-left .menu .title6{background: url(../images/user_i7.png) 25px center no-repeat;}
.user-left .menu .title7{background: url(../images/user_i8.png) 25px center no-repeat;}
.user-left .menu .title span{padding-right: 19px;background: url(../images/user_triangle2.png) right center no-repeat;}
.user-left .cur-menu .title span{background: url(../images/user_triangle1.png) right center no-repeat;}
.user-left .menu .menu-box{background: #444; display: none;}
.user-left .cur-menu .menu-box{display:block}
.user-left .menu .menu-item{height:50;line-height: 50px;color:#fff;}
.user-left .menu .menu-item a{color:#fff;text-decoration: none;display: block;padding-left: 87px}
.user-left .menu .menu-item1 a{background: url(../images/user_i11.png) 55px center no-repeat;}
.user-left .menu .menu-item2 a{background: url(../images/user_i12.png) 55px center no-repeat;}
.user-left .menu .menu-item3 a{background: url(../images/user_i13.png) 55px center no-repeat;}
.user-left .menu .menu-item21 a{background: url(../images/user_i21.png) 55px center no-repeat;}
.user-left .menu .menu-item22 a{background: url(../images/user_i22.png) 55px center no-repeat;}
.user-left .menu .menu-item23 a{background: url(../images/user_i23.png) 55px center no-repeat;}
.user-left .menu .menu-item24 a{background: url(../images/user_i24.png) 55px center no-repeat;}
.user-left .menu .menu-item32 a{background: url(../images/user_i32.png) 55px center no-repeat;}
.user-left .menu .menu-item41 a{background: url(../images/user_i41.png) 55px center no-repeat;}
.user-left .menu .menu-item42 a{background: url(../images/user_i42.png) 55px center no-repeat;}
.user-left .menu .menu-item43 a{background: url(../images/user_i43.png) 55px center no-repeat;}
.user-left .menu .menu-item51 a{background: url(../images/user_i51.png) 55px center no-repeat;}
.user-left .menu .menu-item52 a{background: url(../images/user_i52.png) 55px center no-repeat;}
.user-left .menu .menu-item61 a{background: url(../images/user_i61.png) 55px center no-repeat;}
.user-left .menu .menu-item71 a{background: url(../images/user_i71.png) 55px center no-repeat;}
.user-left .menu .cur-menu-item{background: url(../images/user_triangle.png) right center no-repeat;background-color:#2196f3}
.user-left .menu .cur-menu-item1{background: url(../images/user_triangle3.png) right center no-repeat;background-color:#2196f3}
.user-left .menu .menu-item a:hover{color:#2196f3}
.user-left .menu .cur-menu-item a:hover,.user-left .menu .cur-menu-item1 a:hover{color:#fff;}
.user-main-outer{border-top:2px solid #c4c4c4;background: #f5f5f5;position: absolute;top:60px;left:200px;bottom:0;right:0;overflow-x: auto}
.user-main-outer1{left:300px}
.user-main-outer2{left:350px}
.user-main-menu{position: absolute;left:200px;width:100px;bottom:0;top:60px;background: #cccccc;border-top:2px solid #a3a3a3;font-size: 13px}
.user-main-menu .title{text-align: center;height: 48px;line-height: 48px;font-weight: bold;color:#333;}
.user-main-menu .menu-item{height:50;line-height: 50px;color:#333;}
.user-main-menu .menu-item a{color:#333;text-decoration: none;display: block;padding-left: 47px}
.user-main-menu .menu-item1 a{background: url(../images/user_list1.png) 20px center no-repeat;}
.user-main-menu .menu-item2 a{background: url(../images/user_list2.png) 20px center no-repeat;}
.user-main-menu .menu-item3 a{background: url(../images/user_list3.png) 20px center no-repeat;}
.user-main-menu .menu-item4 a{background: url(../images/user_list4.png) 20px center no-repeat;}
.user-main-menu .menu-item5 a{background: url(../images/user_do1.png) 20px center no-repeat;}
.user-main-menu .menu-item6 a{background: url(../images/user_do2.png) 20px center no-repeat;}
.user-main-menu .menu-item7 a{background: url(../images/user_do3.png) 20px center no-repeat;}
.user-main-menu .menu-item8 a{background: url(../images/user_list5.png) 20px center no-repeat;}
.user-main-menu .menu-item9 a{background: url(../images/user_list6.png) 20px center no-repeat;}
.user-main-menu .b-menu-item a{padding-left: 38px; background-position: 10px center; }
.user-main-menu .cur-menu-item{background-color:#f5f5f5}
.user-main-menu .menu-item:hover a{color:#000}
.user-main-menu1{width: 150px;}

.user-main{padding:18px 20px 20px 20px;font-size: 13px}
.user-main .title{border-left: 2px solid #2196f3;margin-bottom: 15px;padding-left: 10px;font-size: 13px;font-weight: bold;}
.user-main .user-main-inner{background: #fff;min-height: 500px;border:1px solid #ececec;padding: 10px}
.user-main table,table.form-table{width:100%;max-width: 100%;border-collapse:collapse;border-spacing:0;font-size: 13px}
.form-table th{text-align: right;width:100px;font-weight: normal;}
.form-table td,.user-main .form-table th{padding: 7px 0}
.form-table td.input-box{width:200px;}
.user-main .star{color:#ff0000;font-size: 20px;padding-left: 9px}
.user-main .input,.form-table .input{width:200px;border:1px solid #ccc;padding: 6px 10px;background: #f5f5f5;}
.user-main .user-info{padding: 10px}
.user-main .user-info .form-table th{width:80px}
.user-main .btn,.form-table .btn{color:#fff;background: #2196f3;font-size: 14px;padding:5px 15px;border:0;border-radius: 2px;cursor:pointer;border:1px solid #2196f3;}
.user-main .btn-cancel,.form-table .btn-cancel{background: #fff;border:1px solid #ccc; color:#666; margin-left: 10px}
.form-table .singer{display:inline-block}
.form-table .singer span{display:inline-block;}
.form-table .singer .input{width:95px}
.form-table .singer .add{width:21px;height:21px; background: url(../images/add.png) no-repeat; margin-left: 5px;cursor: pointer; vertical-align: middle;}
.form-table .singer .minus{background: url(../images/minus.png) no-repeat;}
.form-table .singer .singer-name{border:1px solid #ccc;padding: 6px 10px;background: #f5f5f5;}
.form-table .singer .no-singer-name{color:#999;}
.form-table td.file-box .img{width:50px;height:50px;border:1px solid #ccc;background: #f5f5f5; display:inline-block;vertical-align: middle; overflow: hidden;}
.form-table td.file-box .img .text{display: block; text-align: center;padding-top: 7px}
.form-table td.file-box .img img{width:50px;height:50px;}
.form-table td.file-box .add{width:21px;height:21px; background: url(../images/add.png) no-repeat; margin-left: 5px;cursor: pointer; vertical-align: middle;display:inline-block}
.form-table td.file-box .tag{vertical-align: middle;display:inline-block;padding-left: 10px}
.form-table select{padding:4px 6px}
.user-main .list-table th{text-align: left;font-weight: normal;font-size: 15px;background: #f1f1f1;padding-left: 10px;height:40px; line-height: 40px;}
.user-main .list-table thead{padding-bottom: 5px}
.user-main .list-table th.do{text-align: center;width:120px}
.user-main .list-table td.do{text-align: center;}
.user-main .list-table a{text-decoration: none;}
.user-main .list-table a:hover{color:#2196f3;}
.user-main .list-table td{padding: 6px 0;padding-left: 10px}
.user-main .list-table td.face img{height:50px;width:50px;border-radius: 50%}
.user-main .list-table td.face{padding-left: 2px}
.user-main .list-table td.first-td{border-left: 3px solid #fff;}
.user-main .list-table td.td-time{padding-left: 10px}
.user-main .list-table td.td-vip{color:#2196f3;font-weight: bold;}
.user-main .list-table td.td-f{color: #2196f3;font-size: 15px;border-bottom:1px dotted #ccc;font-weight: bold;}
.user-main .list-table td.td-check{padding-left: 20px}
.user-main .list-table td span.val{width:80px; text-align: center; background: #f5f5f5;border:1px solid #ccc;display:inline-block;padding: 6px 0;vertical-align: middle;}
.user-main .list-table td span.val1{width:300px; text-align: left; padding: 6px 10px}
.user-main .list-table td span.edit,.user-main .list-table td span.del{display: inline-block;width:21px;height:21px; vertical-align: middle; margin-left: 8px;cursor: pointer;}
.user-main .list-table td span.edit{background: url(../images/edit.png) no-repeat; }
.user-main .list-table td span.del{background: url(../images/minus.png) no-repeat; }
.user-main .list-table tbody{padding: 2px 0}
.user-main .list-table tbody tr:hover td.first-td{border-left: 3px solid #2196f3;}
.user-main .list-table tbody tr:hover td{background: #f1f1f1}
.user-main .list-table tbody tr.tr-f:hover td{background: #fff;}

.user-main .list-table td.name-box{font-size: 18px;color:#666;}
.user-main .list-table td.name-box .tag{font-size:13px}
.user-main .list-table td.face a,.user-main .list-table td.name-box a{display:block;}
.user-main .list-table td.name-box a:hover{color:#666;}

.user-main .user-tool{padding-bottom: 10px}
.user-main .user-tool .btn-cancel{margin-left: 0;}
.user-main .user-tool .btn{margin-right: 6px}
.user-main .user-tool .btn-red{background: #ff3300;border-color:#ff3300;}

.user-win-box .bg{background: #000;position: absolute;top:0;left:0;right:0;bottom:0;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; z-index: 1;}
.user-win-box .win{position: relative;z-index: 2;background: #fff;position: absolute;left:50%;top:50%;width:1000px;height:620px; margin-top: -310px;margin-left: -500px; overflow: hidden;}
.user-win-box .win .title{height: 42px; line-height: 42px;padding-left: 52px;font-weight: bold;font-size: 13px;background: url(../images/i3.png) 27px center no-repeat;border-bottom: 1px dotted #ccc;}
.user-win-box .win .singer-letter{padding-left: 15px; overflow-y: auto;height:500px;border-bottom: 1px dotted #ccc;padding-bottom: 10px}
.user-win-box .win .singer-letter .box-item{ margin-top: 10px;width:938px}
.user-win-box .win .singer-letter .box-item .letter-box{border:1px solid #ececec;border-right: 0;height: 35px; line-height: 35px;background: #f8f8f8;overflow: hidden;color:#666;}
.user-win-box .win .singer-letter .box-item .letter-box li{border-right: 1px solid #ececec; text-align: center;float: left;width:31;}
.user-win-box .win .singer-letter .box-item .letter-box li.first-letter{width:36px;font-size: 20px;color:#2196f3; font-family:arial,sans-serif;font-weight: bold;}
.user-win-box .win .singer-letter .box-item .letter-box li.tag{background: #fff;width:120px;height: 35px;font-size: 13px;color:#999;}
.user-win-box .win .singer-letter .box-item .letter-box li a{display: block;text-decoration: none;font-family:arial,sans-serif;font-size: 13px}
.user-win-box .win .singer-letter .box-item .letter-box li a:hover{color:#fff;background: #2196f3}
.user-win-box .win .singer-letter .box-item .name-box{margin-top: 10px;background: #fafafa;padding:5px 20px;border: 1px dotted #ccc; min-height: 35px;font-size: 15px;line-height: 35px}
.user-win-box .win .singer-letter .box-item .name-box li{float: left;width:65px}
.user-win-box .win .singer-letter .box-item .name-box li a{display: block;text-decoration: none;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;width:65px}
.user-win-box .win .singer-letter .box-item .name-box li a:hover{color:#2196f3}
.user-win-box .win .singer-form .form-l,.user-win-box .win .singer-form .form-r{float: left;}
.user-win-box .win .singer-form .form-l{padding: 10px;color:#2196f3}
.user-win-box .win .singer-form .form-r .form-table th{width:60px}
.user-win-box .win .singer-form .mailto{color:#2196f3;}
.user-win-box .win .singer-form .mailto a{color:#2196f3}

.user-win-box1 .win{width:auto; height: auto; margin-top: 0; margin-left: 0;}
.user-win-box1 .win .close{position: absolute;top:10px;right:10px;width:20px;height:20px;background: url(../images/close.png) no-repeat; cursor:pointer}
.user-win-box1 .form-box{padding:30px 80px 20px 0}
.user-win-box1 .frame-box{width:700px;height:500px; line-height: 25px;font-size: 14px; padding:40px 20px 20px 20px;}
.user-win-box1 .frame-box-inner{line-height: 25px;font-size: 14px; overflow-x: hidden; overflow-y: auto;width:100%;height:440px}
.user-win-box1 .frame-box img{max-width: 100%;}
.user-win-box1 .win1{margin-top: -250px; margin-left: -350px;}

.page-box li.disabled { background-color:#f1f1f1 !important; }