*{font-size:12px;margin: 0;padding: 0; color:#fff; font-family:Arial, "宋体"} ul,li{list-style:none;} body{height:100%} /*general*/ /*配色*/ #lainput span,a{color:#FFF} #lainput input,option{color:#000} #lbt{color:#000} a.cbt{color:#555} #kwick .kwick {font-weight:bold; color:FFF} #cl li div{color:#555} #cmu a{color:#000} #smu1 li{color:#555} #mnudj li{color:#555} #mnuopen li{color:#555} #yt1 div,#yt3 div{color:#555} .divt{color:#555} #taba a{color:#555} .inputyt{color:#555;} #mc {color:#ccc} #lainput input,select{border:#C0C0C0 1px solid;background:#EFEFEF;} div.mpad{width:140px;background:#555; filter:alpha(opacity=35)} #mc {background:#585858} /*登录按钮*/ #lbt{width:60px;height:23px;padding:4px 0 0 0;border:0;background:url(lbt.png)} /*通用按钮*/ a.cbt{float:left;display:block; width:62px; height:16px;text-decoration: none;padding:3px 0 0 0; text-align:center;background:url(yy1.png);background-repeat:no-repeat;background-position:0 0;overflow:hidden} a.cbt:hover{background:url(yy1.png);background-repeat:no-repeat;background-position:-62px 0;} a.cbtm{display:block;width:12px;height:19px;text-decoration:none; float:left;} a.cbtm {background:url(cs.png);background-repeat:no-repeat;background-position:0 0;} a.cbtm:hover {background:url(cs.png);background-repeat:no-repeat;background-position:-12px 0;} .cbtd{padding:5px 0 0 2px} /*播放进度条*/ #sa {width:350px;height:13px;margin:7px 0 0 0;float:left;background:url(sa.png) repeat-x} #sk {width:6px;height:13px;background:url(sk.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer} /*调色进度条*/ .sax{width:70px;height:13px;margin:4px 0 0 4px;float:left;background:url(sas.png) repeat-x} .skx{width:6px;height:13px;background:url(sk.png);background-repeat:no-repeat;background-position:-6px 0px;cursor:pointer} a.sal,a.sar{display:block; width:13px; height:13px;text-decoration: none;text-align:center;overflow:hidden;} a.sal{background:url(sal.png);background-repeat:no-repeat;background-position:0 0;} a.sal:hover {background:url(sal.png);background-repeat:no-repeat;background-position:-13px 0;} a.sar{background:url(sal.png);background-repeat:no-repeat;background-position:0 -13px;} a.sar:hover {background:url(sal.png);background-repeat:no-repeat;background-position:-13px -13px;} /*登录*/ #l {top:-10000px;width:100%;height:100%;position:absolute;background:url(bgl.png) repeat-x #FFF} #lx{width:478px;height:186px;margin:auto; margin-top:196px} #lb{width:53px;height:186px;background:url(lbbg.png);float:left} #lc{width:45px;height:186px;background:url(lcbg.png);float:left} #la{width:380px;height:186px;background:url(labg.png);float:left} #lal{width:8px; height:186px;float:left;background:url(lal.png)} #lar{width:24px;height:186px;float:right; background:url(lar.png)} #lalogo{width:251px;height:37px;position:relative;top:20px;left:11px;background:url(lalogo.png)} #lainput{width:253px;height:70px;float:left;margin:35px 0 0 5px;} #lainput div{width:250px;float:left;margin:5px 0 0 0;text-align:right} #lainput span{margin:0 6px 0 0} #lainput input{width:130px; height:18px;padding:3px 0 0 0} #lainput select{width:133px; height:18px;} #labt {width:10px;height:10px;float:left;margin:72px 0 0 0} /*主界面*/ #m{top:-10000px;height:100%; width:100%;background:url(bg.png) repeat-x #FFF; position:absolute} /*主菜单*/ #ma{width:100%;height:31px;background:url(h_3.png)} #ma div{height:31px} #maa{background:url(h_1.png);width:6px;float:left} #mab{background:url(h_2.png);width:10px;float:left} #mac{background:url(logo.png);width:126px;float:left} #mad{background:url(h_2.png);width:20px;float:left} #mae{background:url(h_4.png);width:6px;float: right} #kwick{float:left; position:absolute; top:0px; left:162px;} #kwick li{float: left} #kwick .kwicks {display:block;background:url(h_3.png); width:600px; } #kwick .kwick {display:block;width:95px;height:22px; padding:9px 0 0 15px; border-left: #1d1d20 2px solid;overflow: hidden; cursor:pointer;} #kwick .a {background: url(m_1.png)} #kwick .b {background: url(m_2.png)} #kwick .c {background: url(m_3.png)} #kwick .d {background: url(m_4.png)} #kwick .e {background: url(m_5.png)} /*主区域*/ #mb{width:960px;margin:auto;padding:3px 0 0 0;} #yt div{float:left;} #yt a{ display:block; width:26px; height:26px; text-decoration: none;} #yt a.y1 {background:url(yt1-9.png);background-repeat:no-repeat;background-position:0 0;} #yt a.y1:hover {background:url(yt1-9.png);background-repeat:no-repeat;background-position:-26px 0;} #yt a.y2 {background:url(yt1-9.png);background-repeat:no-repeat;background-position:0 -26px;} #yt a.y2:hover {background:url(yt1-9.png);background-repeat:no-repeat;background-position:-26px -26px;} #yt a.y3 {background:url(yt1-9.png);background-repeat:no-repeat;background-position:0 -52px;} #yt a.y3:hover {background:url(yt1-9.png);background-repeat:no-repeat;background-position:-26px -52px;} #yt a.y4 {background:url(yt1-9.png);background-repeat:no-repeat;background-position:0 -78px;} #yt a.y4:hover {background:url(yt1-9.png);background-repeat:no-repeat;background-position:-26px -78px;} #yt a.y5 {width:40px; height:40px; background:url(yt5.png);background-repeat:no-repeat;background-position:0 0;} #yt a.y5:hover {background:url(yt5.png);background-repeat:no-repeat;background-position:-40px 0;} #yt a.y51 {width:40px; height:40px; background:url(yt5.png);background-repeat:no-repeat;background-position:-40px 0;} #yt a.y51:hover {background:url(yt5.png);background-repeat:no-repeat;background-position:-40px 0;} #yt a.y6 {background:url(yt1-9.png);background-repeat:no-repeat;background-position:0 -104px;} #yt a.y6:hover {background:url(yt1-9.png);background-repeat:no-repeat;background-position:-26px -104px;} #yt a.y7 {background:url(yt1-9.png);background-repeat:no-repeat;background-position:0 -130px;} #yt a.y7:hover {background:url(yt1-9.png);background-repeat:no-repeat;background-position:-26px -130px;} #yt a.y8 {background:url(yt1-9.png);background-repeat:no-repeat;background-position:0 -156px;} #yt a.y8:hover {background:url(yt1-9.png);background-repeat:no-repeat;background-position:-26px -156px;} a.yta1{display:block;width:11px;height:18px;text-decoration: none;float:left;overflow:hidden;} a.yta1 {background:url(yta1.png);background-repeat:no-repeat;background-position:0 0; } a.yta1:hover {background:url(yta1.png);;background-repeat:no-repeat;background-position:-13px 0;} #yt a.y9 {background:url(yt1-9.png);background-repeat:no-repeat;background-position:0 -182px;} #yt a.y9:hover {background:url(yt1-9.png);background-repeat:no-repeat;background-position:-26px -182px;} #yt1 div{float:left;} #yt1 a{ display:block; width:26px; height:26px; text-decoration: none;} #yt1 a.y1 {background:url(yt+-.png);background-repeat:no-repeat;background-position:0 0;} #yt1 a.y1:hover {background:url(yt+-.png);background-repeat:no-repeat;background-position:-26px 0;} #yt1 a.y2 {background:url(yt+-.png);background-repeat:no-repeat;background-position:0 -26px;} #yt1 a.y2:hover {background:url(yt+-.png);background-repeat:no-repeat;background-position:-26px -26px;} .divt{width:70px; height:16px; text-align:left;overflow:hidden;float:left;} #yt21 div,#yt3 div{float:left;} .inputyt{border:none;background:#F4F4F4;width:37px;height:16px;float:left} #yt22 a{ display:block; width:129px; height:9px;text-decoration: none;text-align:center;} #yt22 a.y1 {background:url(yt22a.png);background-repeat:no-repeat;background-position:0 0;} #yt22 a.y1:hover {background:url(yt22a.png);background-repeat:no-repeat;background-position:-129px 0;} #yt22 a.y2 {background:url(yt22a.png);background-repeat:no-repeat;background-position:0 -9px;} #yt22 a.y2:hover {background:url(yt22a.png);background-repeat:no-repeat;background-position:-129px -9px;} #cdw a{ display:block; width:129px; height:9px;text-decoration: none;text-align:center;} #cdw a.y2 {background:url(yt22a.png);background-repeat:no-repeat;background-position:0 0;} #cdw a.y2:hover {background:url(yt22a.png);background-repeat:no-repeat;background-position:-129px 0;} #cup a{ display:block; width:129px; height:9px;text-decoration: none;text-align:center;} #cup a.y1 {background:url(yt22a.png);background-repeat:no-repeat;background-position:0 -9px;} #cup a.y1:hover {background:url(yt22a.png);background-repeat:no-repeat;background-position:-129px -9px;} #taba a{ display:block; height:14px; text-decoration: none;padding:4px 0 0 5px; overflow:hidden;} #taba a.t1{width:57px; background:url(t1.png);background-repeat:no-repeat;background-position:0 0;} #taba a.t1:hover {background:url(t1.png);background-repeat:no-repeat;background-position:0 0;} #taba a.t2 {width:65px;background:url(t1.png);background-repeat:no-repeat;background-position:-62px 0;} #taba a.t2:hover {background:url(t1.png);background-repeat:no-repeat;background-position:-194px 0;} #taba a.t3 {width:57px;background:url(t1.png);background-repeat:no-repeat;background-position:-132px 0;} #taba a.t3:hover {background:url(t1.png);background-repeat:no-repeat;background-position:0 0;} #taba a.t4 {width:65px;background:url(t1.png);background-repeat:no-repeat;background-position:-194px 0;} #taba a.t4:hover {background:url(t1.png);background-repeat:no-repeat;background-position:-194px 0;} #cl ul,li{ float:left;} #cl li {cursor:pointer;display:block;width:135px;height:22px;padding:0 0 0 4px;background:url(clbg.png) ;filter:alpha(opacity=0);overflow:hidden;} #cl a{display:block;width:13px;height:22px;text-decoration: none;float:left;} #cl a.ca1{background:url(clx.png);background-repeat:no-repeat;background-position:0 0;float:right;} #cl a.ca1:hover {background:url(clx.png);background-repeat:no-repeat;background-position:-13px 0;float:right;} #cl li div{width:95px;height:14px;margin:3px 0 0 0;padding:3px 0 0 25px; float:left;position:absolute;white-space:nowrap;overflow:hidden;} .cl1{background:url(c1.png) no-repeat;} .cl2{background:url(c2.png) no-repeat;} .cl3{background:url(c3.png) no-repeat;} *html .cl1{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="c1.png", sizingMethod="crop");} *html .cl2{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="c2.png", sizingMethod="crop");} *html .cl3{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="c3.png", sizingMethod="crop");} #cmu{width:90px; height:0;background:url(mubg.png); float:right; overflow:hidden;} #cmu a{display:block;width:80px;height:13px; margin:3px 0 0 5px;text-decoration: none;float:left; overflow:hidden;} #smu1 {width:56px;height:80px;background:#000; margin:0 0 0 76px;position:absolute; z-index:30;} #smu1 li {width:56px;height:18px;cursor:pointer;display: block;} #smu1 a{width:51px;height:18px;display:block;padding:0 0 0 5px;text-decoration: none;float:left;} #smu1 a{background:#3E3E3E;} #smu1 a:hover {background:#5F5F5F;} #mnudj {width:73px;height:10px;background:#000; left:66px;top:30px;position:absolute; z-index:30;} #mnudj li {width:100%;height:18px;cursor:pointer;display: block;} #mnudj a{width:68px;height:18px;display:block;padding:0 0 0 5px;text-decoration: none;float:left;} #mnudj a.cdj1{background:#3E3E3E;} #mnudj a.cdj1:hover {background:#5F5F5F;} #mnudj a.cdj2{background:#5F5F5F;} #mnuopen {width:100px;height:10px;background:#000; left:40px;top:30px;;position:absolute; z-index:30;} #mnuopen li {width:100%;height:18px;cursor:pointer;display: block;} #mnuopen a{width:95px;height:18px;line-height:18px;display:block;padding:0 0 0 5px;text-decoration: none;float:left;} #mnuopen a.cdj1{background:#3E3E3E;} #mnuopen a.cdj1:hover {background:#5F5F5F;} #mnuopen a.cdj2{background:#5F5F5F;} #pc div{float:left;} #pc a{ display:block; width:26px; height:26px; text-decoration: none;} #pc a.p1 {background:url(p1.png);background-repeat:no-repeat;background-position:0 0;} #pc a.p1:hover {background:url(p1.png);background-repeat:no-repeat;background-position:-26px 0;} #pc a.p2 {background:url(p1.png);background-repeat:no-repeat;background-position:0 -26px;} #pc a.p2:hover {background:url(p1.png);background-repeat:no-repeat;background-position:-26px -26px;} #pc a.p3 {background:url(p1.png);background-repeat:no-repeat;background-position:0 -52px;} #pc a.p3:hover {background:url(p1.png);background-repeat:no-repeat;background-position:-26px -52px;} #pc a.p4 {background:url(p1.png);background-repeat:no-repeat;background-position:0 -78px;} #pc a.p4:hover {background:url(p1.png);background-repeat:no-repeat;background-position:-26px -78px;} #pc a.p5 {background:url(p1.png);background-repeat:no-repeat;background-position:0 -104px;} #pc a.p5:hover {background:url(p1.png);background-repeat:no-repeat;background-position:-26px -104px;} #pc a.p6 {background:url(p1.png);background-repeat:no-repeat;background-position:0 -130px;} #pc a.p6:hover {background:url(p1.png);background-repeat:no-repeat;background-position:-26px -130px;} #pc a.p7 {background:url(p1.png);background-repeat:no-repeat;background-position:0 -156px;} #pc a.p7:hover {background:url(p1.png);background-repeat:no-repeat;background-position:-26px -156px;} #mc {clear: both; height:13px; text-align:center;} .drabc1{height:24px;background:url(th2.png);position:relative;} .drabc2{height:24px;width:5px;background:url(th1.png);background-repeat:no-repeat;background-position:0 0;float:left} .drabc3{height:24px;width:5px;background:url(th1.png);background-repeat:no-repeat;background-position:-9px 0;float:right} .drabc4{height:24px;width:11px;background:url(th1.png);background-repeat:no-repeat;background-position:-14px 0;float:right; margin:0 8px 0 0; }