/*djddv.com*/
a{text-decoration: none;} /* 链接无下划线,有为underline */ 
a:link {color: #262626;} /* 未访问的链接 */
a:visited {color: #e60050;} /* 已访问的链接 */
a:active {color: #ffff;} /* 点击激活链接 */

html,body,div,span,h1,h2,h3,h4,h5,h6,p,ul,on{margin:0;padding:0;border:0;}
html{overflow:scroll;overflow-x:hidden;}
body{background: url("/res/site/images/main-bg.gif1") repeat;color: #adadad;margin:0;padding:0;font:12px "微软雅黑","Lucida Grande",STHeiti,Verdana,Arial,Times,serif;}

h1,h2,h3,h4,h5,h6,strong{font-weight:800;font-size:100%;font-size:14px;}
h7{font-weight:800;font-size:100%;font-size:14px;color: #FF00000;}

label,input,select,textarea{vertical-align:middle; font-family:Microsoft YaHei,Arial;}
button{border:none;cursor:pointer;background-color:transparent;}
img{background:none;border:none;}
em{font-style:normal;}
ol,ul,li{list-style:none;}
*{outline:none}
.clearfix:after{ content:""; display:block;visibility:hidden; height:0; clear:both;}
.clearfix {zoom:1;}

/*全局分页列表*/
.djddvBox{margin:0 auto 12px;background:#fff;box-shadow:2px 0 2px rgba(0,0,0,.1)}
.djddvBox .hd{overflow:hidden;padding:4px 10px 0;height:28px;line-height:28px}
.djddvBox .hd .hd_r{float:right;width:30%;text-align:right}
.djddv_djList .hd .hd_r .more{ color:#20bc22;}
.djddvBox .hd h2{display:inline-block;width:70%;height:28px;background:url(../images/titLine.png) left center no-repeat;text-indent:8px;font-weight:100;font-size:18px;line-height:28px}

/*分类列表*/
.cate3 { padding:0 5px 10px;}
.cate3 li{ float:left;width:29.3333%;margin:8px 2% 0;}
.cate3 li a{ display:block; width:100%; height:30px; line-height:30px; border:1px solid #ddd; text-align:center; overflow:hidden;}

/*全局列表*/
.djddv_djList{ padding:3px 0 10px;}
.djddv_djList li{height:65px;border-bottom:1px solid #e5e5e5;overflow:hidden; position:relative; padding:8px 10px;}
.djddv_djList li a{height:65px; width:100%;display:block;}
.djddv_djList li span{ display:block;}
.djddv_djList li .t-i{width:35px; height:35px; float:left;}
.djddv_djList li .t-i img{ width:100%; height:100%; display:block; border-radius: 3px; box-shadow: -2px 2px 2px rgba(255,255,255,0.1);}
.djddv_djList li .t-t{ padding-left:45px; height:45px;}
.djddv_djList li .t-t strong{ height:42px; line-height:21px; display:block; font-size:16px; font-weight:100; overflow:hidden;}
.djddv_djList li .t-t em{ font-style:normal; font-size:12px; display:block; height:16px; line-height:16px; overflow:hidden; color:#888; margin-top:6px;}
.djddv_djList li .t-t em i{ float:right; font-style:normal; font-size:12px; padding-left:16px;background:url(../images/eye.png) 0 2px no-repeat;-webkit-background-size:12px 12px; background-size:12px 12px;}
.djddv_djList .hd {height: 28px;line-height: 28px;padding: 4px 10px 0;overflow: hidden;}
.djddv_djList .hd .hd_r {float: right; width: 30%; text-align: right;}

/*切换卡导航*/
.homeTabBox{top:500px; }
.homeTabBox .hd{padding:0 10px;border-bottom:1px solid #e5e5e5;height:36px; line-height:36px;}
.homeTabBox .hd ul li{float:left; width:33.333%; color:#666; text-align:center;background:url(../images/line1.png) right center no-repeat;height:38px; line-height:38px;}
.homeTabBox .hd ul li a{ display:block; width:96%; margin:0 auto; font-size:16px; height:36px; line-height:36px; }
.homeTabBox .hd ul li:last-child{ background:none;}
.homeTabBox .hd ul .on a{color:#20bc22; display:block; border-bottom:2px solid #20bc22; color:#20bc22; height:34px; line-height:34px;}

.viewAll{ line-height:40px; height:40px; text-align:center; font-size:15px; font-weight:100;border-top:1px solid #e5e5e5;}
.viewAll a{ color:#666; display:block;}

/*原创DJ推荐*/
.djddv_ycdj { padding:0 5px 10px;}
.djddv_ycdj li{ float:left;width:21%;margin:8px 2% 0;}
.djddv_ycdj li .t-i{ width:100%;}
.djddv_ycdj li .t-i img{ display:block; width:100%;}
.djddv_ycdj li .t-t{width:100%;line-height:20px; height:20px; overflow:hidden; display:block; margin-top:5px; text-align:center;}

/*DJ专辑推荐*/
.djddv_zjdj { padding:0 5px 10px;}
.djddv_zjdj li{ float:left;width:21%;margin:8px 2% 0;}
.djddv_zjdj li .t-i{ width:100%;}
.djddv_zjdj li .t-i img{ display:block; width:100%;}
.djddv_zjdj li .t-t{width:100%;line-height:20px; height:20px; overflow:hidden; display:block; margin-top:5px; text-align:center;}

/*DJ专辑分页列表*/
.djddv_zjlbdj { padding:0 5px 10px;}
.djddv_zjlbdj li{ float:left;width:21%;margin:8px 2% 0;}
.djddv_zjlbdj li .t-i{ width:100%;}
.djddv_zjlbdj li .t-i img{display:block; width:100%;}
.djddv_zjlbdj li .t-t{width:100%;line-height:20px; height:20px; overflow:hidden; display:block; margin-top:5px; text-align:center;}

/*全局分页列表*/
.page_sort{display:inline;float:left;padding: 1px;}
.page_sort .goto{display:inline;float:left;font-size:12px;position:relative;width:137px;margin-top:1px;height: 24px;line-height: 24px;}
.page_sort .goto .other {display: inline;float: left;height: 24px;line-height: 24px;color: #20bc22;}
.page_sort .goto .pageNum {color:#20bc22;cursor:pointer;font-weight:bold;margin:0;padding:0;width:36px;height:22px;line-height:22px;border:1px solid #e5e5e5;text-align: center;margin: 0 5px;background:#e5e5e5;}
.page_sort .goto .go{display: inline;float: left;}
.page_sort .goto .go {background:#e5e5e5; color:#20bc22;display:inline-block;font-size:12px;height:24px;line-height:24px;_line-height:26px;padding:0 9px;vertical-align:top;margin-left:8px;}
.page_sort .goto .go:hover {color: #20bc22;text-decoration: none;}
.page_sort .page_link {display: inline;float: left;margin:1px 0 0 0;}
.page_sort .page_link li {display: inline;float:left;margin:0 3px 0 0;_margin:0 1px 0;}
.page_sort .page_link li a{background:#e5e5e5;color: #20bc22;display:inline-block;font-size: 12px;height: 24px;line-height: 24px;padding:0 8px;_padding:0 7px;vertical-align: top;}
.page_sort .page_link li.prevten a{background: url("/res/images/btn.png") no-repeat;color: #20bc22;display:inline-block;font-size: 12px;height: 24px;line-height: 24px;vertical-align: top;width:22px;padding:0;}
.page_sort .page_link li.nextten a{background: url("/res/images/btn.png") no-repeat -28px 0;color: #20bc22;display:inline-block;font-size: 12px;height: 24px;line-height: 24px;vertical-align: top;width:22px;padding:0;}
.page_sort .page_link li.nextten a:hover{background: url("/res/images/btn.png") no-repeat -28px -34px;text-decoration: none;}
.page_sort .page_link li a:hover, .page_sort .page_link a.thispage{background: #e5e5e5;text-decoration: none;}

/*网站底部*/
.djddv_db_bot{ background:#e5e5e5; border-top:1px solid #ddd; margin:15px 0 0; padding:10px 0;}
.djddv_db_bot p{ text-align:center; color:#666;}

/*background-color:#f4f4f4;*/
header{background-color:#262626;;height:40px;box-sizing:border-box;position: relative;}
.logo{display:block;height:40px; width:150px; margin:0 auto; font-size:20px; line-height:40px; text-align:center;}
.logo span{ width:114px;height:22px;background: url(../images/logo.png) no-repeat 0 0;background-size:114px 22px;text-indent: -9999px; display:inline-block; margin:9px;opacity:0.7;}
/*导航悬浮+js*/
.back{width:40px;display: block;position:absolute;left:0;top:0;height:40px;}
.back i{display:inline-block;width:26px;height:26px;background: url(../images/list_back.png) 0 0 no-repeat;background-size:26px 26px;text-indent:-9999px; margin:7px; opacity:0.5;}

.btn_nav_slide {position:absolute;right:0;top:0;width:40px;height:40px;}
.draw,.draw:before,.draw:after{width:20px;height:2px;background:#999;position:absolute;left:0;-webkit-transition:all .5s;-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.draw{top:18px;right:10px;}
.draw:before{content:"";top:-8px;}
.draw:after{content:"";top:8px;}
.G_close .draw{background:transparent;}
.G_close .draw:before{top:0;-webkit-transform:rotate(45deg);background:#f0484c;}
.G_close .draw:after{top:0;-webkit-transform:rotate(-45deg);background:#f0484c;}
.common_nav{width:0;height:0;position:fixed;right:0;top:40px;z-index:9999;opacity:0;-webkit-transition:all .5s;-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.G_open{width:100%;height:100%;top:40px;opacity:1;background:#fff;-webkit-transform:scale3d(1,1,1);}
.lanCateAll{ overflow:hidden; font-weight:100;}
.lanCateAll span{ float:left; width:33.333%; overflow:hidden; margin:8px 0 0;}
.lanCateAll span a{ margin:0 5px; font-size:14px;line-height:28px; text-align:center; display:block; height:28px; background:#e5e5e5; border-radius:14px;color:#333;}
.lanCateAll span a em{ color:#999; font-size:12px;}

.fixed{position:fixed;z-index:10;right:0;left:0;top:0}
nav{background:#d42b2b;height:40px;line-height:40px;}
nav li{float: left;width:16.6666%;text-align:center;display: block;}
nav li a{display:block;color:#fff;height: 40px; font-size:16px; font-weight:100;}
nav li a.active{ background:#262626;color:#fff;}

.djddv_soso_container{ margin-top:1px;}
.djddv_soso{ line-height:40px; height:40px; position:relative; border:1px solid #ccc; margin:0 10px 10px; background:#fff; padding:0 10px; border-radius:3px;box-shadow:1px 1px 2px #eee inset;}
.djddv_soso .soText{ height:28px; line-height:28px; width:65%; float:left; border:0 none;margin-top:5px; font-size:18px; font-weight:100;}
.djddv_soso .soBtn{ width:50px; height:40px; background:url(../images/searchBtn2.png) center center no-repeat;background-size:26px 26px; border:0 none; cursor:pointer; position:absolute; top:0; right:0; opacity:0.5;}
.djddv_soso .soClose{width:14px; height:14px; background:url(../images/close.png) 0 0 no-repeat;background-size:14px 14px; border:0 none; cursor:pointer; position:absolute; top:14px; right:60px; opacity:0.4;}


#backTop{ width:50px; height:50px; position:fixed; right:10px; bottom:30%;display:none;border-radius:3px;background:url(../images/backTop1.png) 0 0 no-repeat;-webkit-background-size:30px 30px; background-size:30px 30px; z-index:9999999;}
#notice{ background:#000; opacity:0.8; color:#fff; padding:10px; position:fixed; top:40%; left:15%; width:70%; text-align:center; overflow:hidden; line-height:30px; height:30px; font-size:16px; border-radius:5px; z-index:9999;}

/*分类列表导航*/
.listsTopWrap{margin-bottom:0px;width:100%;height:90px;overflow:hidden; position:relative;}
.listsTopWrap .listsTopMask{position:absolute;height:100px;width:100%;opacity:.5;background-color:#000;}*/
.listsTopWrap .listsTopBg{position:absolute; top:0; left:0;width:100%;height:90px;}
.listsTopWrap .listsTopMask{position:absolute;height:100px;width:100%;background-color:#f5f5f5;}
.listsTopWrap .listsTopCon{position:absolute;top:10px;color:#333;font-size:14px;height:70px;overflow:hidden; width:100%;}
.listsTopWrap .listsTopCon .t-i{ float:left; width:70px; margin-left:15px;}
.listsTopWrap .listsTopCon .t-i img{ width:70px; height:70px; display:block;}
.listsTopWrap .listsTopCon .t-t{ padding:0 15px 0 95px;}
.listsTopWrap .listsTopCon .t-t h1{ font-size:28px; line-height:40px; height:40px; margin-top:4px; font-weight:300; overflow:hidden;}
.listsTopWrap .listsTopCon .t-t p{ font-size:14px; line-height:20px; height:20px;opacity:0.6;}