﻿/* djxw.com Style , Design By zhaohaicheng , E-mail:zhaohaicheng@vip.qq.com , CreatDate: 2009.2.6 */
* {margin:0; padding:0; index-style: none;}
body { font:12px/150% Verdana,'宋体'; color:#555;background:#acd376;}
img { border:0;}
ul,li,p,form,h1,h2,dl,dt,dd{padding:0;margin:0}
li{list-style:none}
/* Normal Link */
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#62ba41;}

/** 鼠标样式 开始**/ 
/** 普通指针样式**/ 
body {
cursor: url('/Images/a.cur'), default;
}
 
/** 链接指针样式**/ 
a:hover{cursor:url('/Images/b.cur'), pointer;}
 
/** 鼠标样式 结束**/
/* Float */
.L { float:left;}
.R { float:right;}

/* Text Style */
.tL{text-align:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:210px;}
.tC{text-align:center;}
.tR{text-align:right;}
.bold{font-weight:bold;}
.f14{font-size:14px;}
.tC1{color:#b7b7b7;}
.tC2{color:#62bb45;}
.alert { color:red; }

/* 白色文字 */
.baise { color:#FFF;}
.baise A:link { color:#FFF;}
.baise A:visited { color:#FFF;}
.baise A:hover {COLOR:#FFF603;}
.baise A:active {COLOR:#FFF603;}
/* 黑色文字 */
.heise { color:#000;}
.heise A:link {COLOR: #000; }
.heise A:visited {COLOR:#000;}
.heise A:hover {COLOR:#fff;}
.heise A:active {COLOR:#fff;}

/* Input Style */
.ico {background:#fff url(images/list_ico.gif) no-repeat; border:0;}
.bg {background:url(images/list_bg.gif) repeat-x;}
.key{ padding:2px 0 0 0px; border:0; width:293px; height:19px;}
.b_so { width:63px; height:25px; background-position:0 -198px;}
.b_lgn { width:48px; height:23px; background-position:-65px -198px;}
.b_reg { width:48px; height:23px; background-position:-115px -198px;}
.b_page {margin-top:1px; width:32px; height:21px; background-position:-173px 0;}
.b_all { width:59px; height:24px; background-position:0 -37px;}
.b_un { width:59px; height:24px; background-position:0 -63px;}
.b_play { width:81px; height:24px; background-position:-61px -37px;}
.b_add { width:81px; height:24px; background-position:-144px -37px;}
.b_ran { width:81px; height:24px; background-position:-61px -63px;}
.b_copy { width:81px; height:24px; background-position:-144px -63px;}
.user{padding-left:23px; width:93px; height:21px; line-height:21px; border:1px solid #b1df7d;}
.i_name {background-position:-206px 3px;}
.i_pwd {background-position:-205px -16px;}
.i_page { padding:0 3px; width:25px; height:19px; line-height:19px; border:1px solid #b1df7d;}

/* Other Style */
.pointer {cursor:pointer;}
.clear{clear:both;}

/* 顶部橙条 */
.top_c {background:#FF9933; width:988px;}
.top_c p {list-style:none; display:inline; height:20px; line-height:20px;}

.write_bg { margin:0 auto; width:988px;  border:1px solid #8abf4d; border-width:0 1px; background:#fff url(images/list_hi.gif) no-repeat 387px 23px;}

.logo {position:relative; margin-bottom:-3px; padding:10px 0 0 14px; width:250px; height:68px; }
.text_link { padding:5px 5px 0 0; }
.top { margin:0 auto; width:978px; height:75px;}
.top_l {width:14px; height:75px; background-position:0 -88px;}
.top_m {width:950px; height:75px;}
.top_r {width:14px; height:75px; background-position:-108px -88px;}

.meun{margin:3px 0 5px 0; width:950px; height:37px;}
.meun li.logo2{ width:90px; height:37px; background-position:-16px -91px;}
.meun li.a { padding:8px 0 0 8px; width:852px; height:29px;}
.meun li a {display:block; float:left; padding:4px 8px 0 8px; height:23px; font-size:14px; color:#fff; font-family:'宋体';}
.meun li a.this, .meun li a:hover { padding:4px 7px 0 7px; width:75px height:25px; font-size:14px; color:#555; background:#fcfcfc; border:1px solid #5db940; border-bottom:1px solid #fbfbfb;}

.so_bg { padding:0 0 0 8px; width:445px; height:25px;}
.so { padding-left:3px; width:295px; height:23px; border:1px solid #b1df7d; background:#fff;}
.select{ width:0px; height:0px;}
.select .fx { margin-top:5px; width:0px; height:0px; font-size:10px; background-position:-173px -24px;}
.select_title{ padding:2px 0 0 0; height:21px;}
.options{ position:absolute; z-index:999; width:80px; border:1px solid #b1df7d; border-width:0 1px 1px 1px; background:#FFF;}
.options_out { padding-left:5px; line-height:21PX; width:73px; background:#FFF;}
.options_over{ padding-left:5px; line-height:21PX; background:#f6feec;}

.login{width:495px;height:25px;}
.login li { float:left;}
.login li.t {padding-top:5px;height:20px;}
.login li.b {margin-top:1px;}
.login li.i {padding-top:5px; height:20px; width:490px;}

.position { margin:4px 0px; width:964px; height:40px;}
.po_l { width:6px; height:29px; background-position:-202px -131px; }
.po_m { padding:5px 5px 0 29px; width:918px; height:22px; border:1px solid #91cf7c; border-width:1px 0; background-position:-202px -198px;}
.po_r { width:6px; height:29px; background-position:-211px -131px; }
.rss { display:block; width:30px; height:18px; background-position:-141px 0;}

.right0 { padding:0 4px 5px 0px; width:236px;}
.top0 { padding-bottom:5px; width:234px; border:1px solid #68b74c; }
.top0 li{ margin:0 auto; padding:6px 0 0 12px; width:230px; height:23px; border-bottom:1px solid #efefef; background:url(Images/list_ico.gif) no-repeat -217px -127px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.r_tit_r { margin-bottom:-1px; padding:7px 0 0 50px; width:42px; height:24px; background-position:-130px -165px; color:#f5ffe8;float:right;}
.r_tit_r a{ color:#ffffff;float:right; padding:0px 10px 0px 0px; }

.r_tit_l { float:right; margin-bottom:-1px; padding:7px 0 0 14px; width:130px; height:24px; background-position:0 -165px; color:#f5ffe8;}

.bottom{margin:6px 0px 0px 0px; padding:14px 0 0 18px; width:946px; height:44px;}
.totop { display:block; margin:1px 15px 0 0; width:24px; height:36px; background-position:-201px -89px;}

#alert { display:block; padding-top:9px; width:250px; height:26px; font-weight:bold; font-size:14px; border:3px solid #f9d455; background:#fef8d9; }

.wrap{width:960px;margin:0 auto;padding:0;}
.cccccccccc{width:960px;line-height:1px;}
.tit_r { margin-bottom:-1px; padding:7px 0 0 0; width:85px; height:24px; background-position:-137px -165px; color:#f5ffe8;float:right;}
.tit_l { float:right; margin-bottom:-1px; padding:7px 0 0 14px; width:130px; height:24px; background-position:0 -165px; color:#f5ffe8;}
.tit_c { float:right; margin-bottom:-1px; padding:7px 0 0 0px; width:211px; height:24px; background-position:-5px -165px; color:#f5ffe8;}

.a960 { margin:0px auto 4px auto; padding:1px; border:1px solid #91cf7c; width:953px;}
.a190 {margin-top:5px; padding:1px; width:218px; height:145px; border:1px solid #91cf7c; }
.player{width:100%;height:22px;}
.mt{margin-top:10px;}
.gg{float:left;width:calc(100% - 10px);font-size:13px;line-height:18px;color:#88621A;border-bottom:1px #EDE0BE solid;background:#fceecb url(images/index-icons.png) 6px -544px no-repeat;padding:5px;text-indent:20px;}
.listtag{float:left;width:calc(100% - 12px);padding:5px;border:1px #B9DCB3 solid;overflow:hidden;}
.listtag h1{float:left;line-height:24px;font-size:13px;color:#077E01;}
.listtag a{display:inline-block;line-height:24px;}
.flash{float:left;width:300px;height:283px;border:1px #48C5B6 solid;}
.flash img{float:left;width:100%;height:283px;}
.tj{float:right;width:calc(100% - 312px);border:1px #D2D6D9 solid;}
.title{float:left;width:100%;height:31px;border-bottom:1px #48C5B6 solid;background:#fbfbfb;}
.title h1{float:left;height:30px;line-height:30px;font-size:13px;color:#666;background:url(images/index-icons.png) no-repeat 5px -594px;padding-left:26px;}
.title .lei_xxk{height:24px;line-height:24px;margin:7px 5px 0 5px;}
.title .lei_xxk a{display:inline-block;padding:0 5px;color:#666;cursor:pointer;}
.title .lei_xxk a.lei_hover{height:23px;border:1px #48C5B6 solid;border-top:2px #48C5B6 solid;border-bottom:0;background:#fff;}
.title .fl{float:right;}
.title .fr{float:right;}
.ins{display:none;}
.title a.more{float:right;height:30px;font-size:12px;line-height:30px;color:#f1f1f1;padding-right:15px;position:relative;}
.title a.more:after{content:' ';position:absolute;top:12px;right:9px;width:6px;height:6px;border-left:1px #f1f1f1 solid;border-top:1px #f1f1f1 solid;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);z-index:5;}
.row{margin-left:-5px;margin-right:-5px;}
.musicList{float:left;width:calc(100% - 10px);height:241px;margin:5px;}
.dance{float:left;width:100%;}
.musicList li{float:left;width:calc(50% - 10px);height:29px;line-height:29px;border-bottom:1px #d8e6c8 dashed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 5px;}
.dance_list{float:left;width:calc(25% - 12px);border:1px #D2D6D9 solid;margin:0 5px;}
.dance_list ul{float:left;width:calc(100% - 10px);padding:5px;}
.dance_list li{float:left;width:100%;height:30px;line-height:30px;text-indent:10px;border-bottom:1px #efefef dashed;background:url(Images/list_ico.gif) no-repeat -219px -127px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  /* 容器样式 */
  .ad-carousel {
    position: relative;
    width: 100%;
    max-width: 300px; /* 可根据需要调整宽度 */
    height: 280px;    /* 可根据需要调整高度 */
    overflow: hidden;
    margin: 0 auto;
    background: #f0f0f0;
  }
  /* 幻灯片项 */
  .ad-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 280px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ad-slide.active {
    opacity: 1;
    z-index: 1;
  }
  .ad-slide img {
    width: 300px;
    height: 280px;
    object-fit: cover;
  }
  /* 导航点 */
  .ad-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 2;
  }
  .ad-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
  }
  .ad-dot.active {
    background: #fff;
  }