@charset "gb2312"; /* 世纪网络样式表. Copyright http://www.yy21.net/ $ Id: 06base.css v 0.1 created 2006/09/29 $ */ /*base*/ table,td,p,select,input,div {font-size:12px;} body{margin:0; padding:0; background:#303880; font-size:12px; text-align:center;} ul,li,form{ padding:0; margin:0; list-style:none;} a img {border:0;} form,input,select{margin:0;padding:0;} /*link*/ a:link,a:visited,a:active{color:#000;text-decoration: none;} a:hover{ color:#FF6600;text-decoration: none;} a.link_white:link,a.link_white:visited,a.link_white:active{color:#fff;} a.link_white:hover{color:#F3F3F3;} a.link_ora:link,a.link_ora:visited,a.link_ora:active{color:#FE7200;} a.link_ora:hover{color:#FF811A;} a.link_red:link,a.link_red:visited,a.link_red:active{color:#FF0000;} a.link_red:hover{color:#F32525;} /*字间距*/ .ls1{letter-spacing:1px;} .ls2{letter-spacing:2px;} .ls3{letter-spacing:3px;} /*margin间距*/ .margin_r7{margin-right:7px;} .margin_t6{margin-top:6px;} .margin_b6{margin-bottom:6px;} .margin_l5{margin-left:5px;} .margin_r5{margin-right:5px;} /*行高*/ .l16{line-height:16px;} .l18{line-height:18px;} .l20{line-height:20px;} .l22{line-height:22px;} .l24{line-height:24px;} /*font*/ .f12b{font-size:12px; font-weight:bold;} .f14{font-size:14px;} .f14b{font-size:14px; font-weight:bold;} .f16{font-size:16px;} .f16b{font-size:16px; font-weight:bold;} .f18b{font-size:18px; font-weight:bold;} /*color*/ .orange{color:#FE7F00;} .white{color:#fff;} .red{color:#D10B0B;} .gray01{color:#808080;} .gray02{color:#606060;} /*head*/ #head { width:1000px; height:85px; clear:both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; border-top-width: 1px; border-top-style: none; border-top-color: #fff; } #head #logo{width:189px; height:85px; float:left;background:#E7E7E7 url(/images/logo.gif) no-repeat;} #head #right{width:811px; height:85px; background:#E7E7E7; float:right;} #head #right #part1{ width:auto; height:27px; border-left:1px #fff solid; background:#D1D1D1;} #head #right #part1 li{height:27px; line-height:27px; float:left; text-align:right;} #head #right #part1 #col1{ width:460px; text-align:right; height: 20px; background-image: url(http://www.yy21.net/images/0609head_12.gif); background-repeat: no-repeat; background-position: 17px center; margin: 3px; } #head #right #part1 #col2{width:96px;} #head #right #part1 #col2 input,#head #right #part1 #col4 input{width:90px;height:16px;line-height:12px;font-size:12px; margin-top:4px;border:#A0A0A0 1px solid;} #head #right #part1 #col3{width:43px;} #head #right #part1 #col4{width:98px;} #head #right #part1 #col5{width:60px;} #head #right #part1 #col6 a,#head #right #part1 #col5 a{width:44px; height:15px; margin-top:6px; float:right;} #head #right #part1 #col6{width:55px;} #login{background:url(http://www.yy21.net/images/0609head_05.gif) no-repeat;} #reg{background:url(http://www.yy21.net/images/0609head_07.gif) no-repeat;} /*兼顾到旧结构*/ #head #right #part1 #col7{width:167px;} #website{width:160px; height:27px; margin-right:7px;background:url(http://www.yy21.net/images/0609head_09.gif) right no-repeat; float:left;} #head #right #part1 #col8{width:178px; background:url(http://www.yy21.net/images/0609head_15.gif) 160px no-repeat; text-align:left;} #head #right #part1 #col8 div{width:170px; margin-top:1px;filter:dropshadow(color=#FFFFFF,offx=1,offy=1);} /*新增加结构*/ #head #right #part1 #col7b{width:70px;} #website{width:160px; height:27px; margin-right:7px;background:url(http://www.yy21.net/images/0609head_09.gif) right no-repeat; float:left;} #head #right #part1 #col8b{ width:300px; text-align:left; background-image: url(http://www.yy21.net/images/0609head_15.gif); background-repeat: no-repeat; background-position: 260px; } #head #right #part1 #col8b div{ width:250px; margin-top:1px; filter:dropshadow(color=#FFFFFF,offx=1,offy=1); overflow: hidden; height: 20px; } #head #right #nav{width:810px !important; width:100%;height:55px;border:1px #fff solid;border-right:0;color:#fff;background:#2F3669 url(http://www.yy21.net/images/0609head_23.gif); float:left;} #head #right #nav ul{ height:55px; float:left; background:url(http://www.yy21.net/images/0609head_26.gif) right no-repeat;filter:dropshadow(color=#000000,offx=1,offy=1); overflow:hidden;} #head #right #nav ul,#head #right #nav li{float:left; clear:none;} #head #right #nav li{width:100%;} #head #right #nav #nav1{width:118px;} #head #right #nav #nav2{width:288px;} #head #right #nav #nav3{width:120px;} #head #right #nav #nav4{width:173px;} #head #right #nav #nav5{width:110px; background:url();} #head #right #nav .top{margin-top:12px;} #head #right #nav .bottom{margin-top:10px;} #head #right #nav span{margin:0 0 0 6px !important; margin:0 3px 0 6px;float:left;} #head #right #nav a:link,#head #right #nav a:visited,#head #right #nav a:active{ color:#fff;} #head #right #nav a:hover{ color:#ffa203;} /* main */ #main {width:1000px; margin:0 auto; clear:both; background:#FFF;} #box990px{width:990px;clear:both; display:inline;margin-left:auto;margin-right:auto;background:#fff;} #main table{margin:0 auto;} #main table table{margin:0;} .clear_auto{ overflow:auto;/*填充溢出*/} .clear{ clear:both;/*填充溢出*/} .bg{width:1000px;background:#fff; float:left;} .bg_gray{width:100%; height:5px; margin:0 auto;background:#EAEAEA; overflow:hidden;} .bg_gray2{width:100%; float:left; background:url(http://www.yy21.net/images/1012com_60.gif) right repeat-y;} .bg_gray3{width:100%; float:left; background:url(http://www.yy21.net/images/1013com_21.gif) left repeat-y;} .bg_point1{background:url(http://www.yy21.net/images/06pcauto_point1.gif);} .bg_pic1{background:url(http://www.yy21.net/images/06pcauto_106.gif) repeat-x bottom;} /*footer*/ #footer{width:1000px; margin:0 auto;color:#fff; text-align:center;clear:both;} #footer a:link,#footer a:visited,#footer a:active{color:#fff;} #footer a:hover{color:#F5F5F5;} #footer a.sp:link,#footer a.sp:visited,#footer a.sp:active{color:#E75E00;} #footer a.sp:hover{ color:#F17A29;} #footer #top {width:100%; height:33px; background:url(http://www.yy21.net/images/1025_04.jpg) top;} #footer #top div{height:33px; float:left; color:#000;} #footer #top div a:link,#footer #top div a:visited,#footer #top div a:active{color:#000;} #footer #top div a:hover{color:#FF6600;} #footer #top #col1{width:516px;background:url(http://www.yy21.net/images/1025_02.jpg) left top no-repeat;} #footer #top #col2{width:43px;background:url(http://www.yy21.net/images/1025_05.jpg) left top no-repeat;} #footer #top #col3{width:405px;text-align:right;line-height:33px;background:url(http://www.yy21.net/images/1025_07.jpg) top;} #footer #top #col4{width:36px;background:url(http://www.yy21.net/images/1025_09.jpg) right top no-repeat;} #footer #webgroup{ padding-top:15px;} /*兼顾到旧结构*/ #footer #info{width:500px; height:100px; margin:20px auto 0 auto;} #footer #info #left{width:130px; float:left; text-align:center;} #footer #info #left #logo{width:145px; height:40px; float:left; background:url(http://www.yy21.net/images/06beauty_logo.gif) top center no-repeat;} #footer #info #left #text{width:145px; line-height:18px; margin-top:4px;} #footer #info #mid{ width:300px;line-height:20px;float:right; text-align:left; margin-right:10px;} #footer #info #jc{width:40px; height:53px; margin-top:6px; float:right;background:url(http://www.yy21.net/images/ktjc.gif);visibility:hidden;/*警察图片*/} /*新增加结构*/ #footer #webgroup{ padding-top:15px;} #footer #info2{width:500px;height:100px; margin:12px auto 0 auto;} #footer #info2 #left{width:130px; float:left; text-align:center;} #footer #info2 #left #logo{width:145px; height:40px; float:left; background:url(http://www.yy21.net/images/06beauty_logo.gif) top center no-repeat;} #footer #info2 #left #text{width:145px; line-height:18px; margin-top:4px;} #footer #info2 #mid{ width:300px;line-height:20px;float:right; text-align:left; margin-right:10px;} #footer #info2 #jc{width:40px; height:53px; margin-top:6px; float:right;background:url(http://www.yy21.net/images/ktjc.gif);visibility:hidden;/*警察图片*/} /* other */ .spanclass {visibility: hidden;position:absolute;width: 10px;height:1px;left: 1px; top: 1px;/*计数器等*/} .fil_white{filter:dropshadow(color=#FFFFFF,offx=1,offy=1);} /*通用样式*/ /*栏目的关键字区域*/ #ch_keyword{width:auto; height:29px; line-height:29px; padding-left:10px; overflow:hidden;} /*框架*/ .inner990{width:990px;margin:0 auto;clear:both;} .box400{width:400px; float:left;} .box794{width:794px; float:left;} .box390{width:390px; float:left; margin:0 7px;} .box186{width:186px; float:left;} .box797{width:797px; float:left; margin-right:7px;} .box531{width:531px; float:left; margin:0 6px;} .box260{width:260px; float:left;} .box330{width:330px; float:left;} .box460{width:460px; float:left; margin:0 7px;} /*bar1*/ .bar1_col1{height:24px; background:url(http://www.yy21.net/images/06wz_28.gif) no-repeat;} .bar1_col2{padding-top:2px;font-size:14px;font-weight:bold;color:#fff;background:url(http://www.yy21.net/images/06wz_29.gif) repeat-x;} .bar1_col3{width:22px;background:url(http://www.yy21.net/images/06wz_31.gif) no-repeat;} .bar1_col4{background:url(http://www.yy21.net/images/06wz_32.gif) repeat-x;} .bar1_col5{width:18px;background:url(http://www.yy21.net/images/06wz_35.gif) no-repeat;} /*bar2*/ .bar2_col1{width:28px;background:url(http://www.yy21.net/images/06wz_07.gif);} .bar2_col2{height:24px;background:url(http://www.yy21.net/images/06wz_09.gif);} .bar2_col2 div{ width:100%; margin-top:3px; font-weight:bold; letter-spacing:1px; filter:dropshadow(color=#ffffff,offx=1,offy=1); overflow: hidden; height: 12px; } .bar2_col3{width:4px;background:url(http://www.yy21.net/images/06wz_11.gif);} /*bar3*/ .bar3_col1{width:92px; height:26px;background:url(http://www.yy21.net/images/06com_10.gif);} .bar3_col1 div{margin:4px 0 0 16px;font-weight:bold; color:#fff;} .bar3_col2{background: url(http://www.yy21.net/images/06com_11.gif);} .bar3_col3{width:13px;background:url(http://www.yy21.net/images/06com_13.gif);} /*bar4*/ .bar4_col1{width:23px; height:24px;background:url(http://www.yy21.net/images/06com_03.gif)} .bar4_col2{background:url(http://www.yy21.net/images/06com_05.gif)} .bar4_col2 div{ width:100%; margin-top:3px; font-weight:bold; letter-spacing:1px; filter:dropshadow(color=#ffffff,offx=1,offy=1);} .bar4_col3{width:6px;background:url(http://www.yy21.net/images/06com_07.gif)} /*bar5*/ .bar5_col1{width:115px;height:26px;background:url(http://www.yy21.net/images/06com_31.gif);} .bar5_col1 div{margin:3px 0 0 14px;font-weight:bold; color:#fff;} .bar5_col2{background:url(http://www.yy21.net/images/06com_32.gif);} .bar5_col3{width:51px;background:url(http://www.yy21.net/images/06com_34.gif);} .bar5_col3 .more{width:43px;height:18px; margin-top:6px; display:block;} /*bar6*/ .bar6_col1{width:28px; height:26px;background:url(http://www.yy21.net/images/06com_38.gif);} .bar6_col2{line-height:26px;background:url(http://www.yy21.net/images/06com_40.gif)} .bar6_col3{width:45px;background:url(http://www.yy21.net/images/06com_43.gif)} /*bar8*/ .bar8{width:163px;height:24px;margin:0 auto;background:url(http://www.yy21.net/images/06com_55.gif);text-align:center;overflow:hidden;} /*bar9*/ .bar9_col1{height:25px; background:url(http://www.yy21.net/images/0610com_42.gif) no-repeat;} .bar9_col2{padding-top:3px;font-size:14px;font-weight:bold;color:#fff;background:url(http://www.yy21.net/images/0610com_43.gif) repeat-x;} .bar9_col3{width:27px;background:url(http://www.yy21.net/images/0610com_45.gif) no-repeat;} .bar9_col4{background:url(http://www.yy21.net/images/0610com_46.gif) repeat-x;} .bar9_col5{width:18px;background:url(http://www.yy21.net/images/0610com_49.gif) bottom no-repeat;} /*bar11*/ .bar11_col1{height:22px;background:url(http://www.yy21.net/images/1011com_22.gif);} .bar11_col2{padding-top:3px;color:#fff;background:url(http://www.yy21.net/images/1011com_25.gif);} .bar11_col3{width:27px; background:url(http://www.yy21.net/images/1011com_27.gif);} .bar11_col4{background: url(http://www.yy21.net/images/1011com_28.gif);} .bar11_col5{width:20px;background:url(http://www.yy21.net/images/1011com_30.gif);} /*box1*/ .box1{width:100%; padding:5px 5px 7px 5px; border-bottom:1px solid #989898; background:#CDCDCD; } .box1_inner{ width:290px; margin:0 13px;} /*外筐*/ .wk01{border:1px #DADADA solid; border-bottom:6px #DADADA solid;} .wk02{border:1px #ccc solid;} .wk03{border:1px #CECECE solid;} .wk04{border-top:1px #fff solid;} .wk05{border:1px #CFCFCF solid;} /*内筐*/ .nk01{border-top:1px #fff solid; border-right:1px #fff solid; background:url(http://www.yy21.net/images/06pcauto_38.gif) repeat-x top;} .nk02{border:1px #DFDFDF solid; border-top:0;} .nk03{border:3px solid #F3F3F3;} .nk04{border:1px #fff solid;} .cp_1{ width:550px; background:url(/images/c_bgl.gif) repeat-x bottom left; padding-left:15px; margin-top:10px; float:left; padding-bottom:10px; clear:left; } .cp_1 ul{width:655px;list-style:none; clear:both; margin:5px 0px;} .cp_1 li{ float:left; margin:2px 0px;} .cp_1 li.cp_one{ width:90px; text-align:right; float:left;} .cp_1 li.cp_two{ width:520px; text-align:left; padding-left:5px; float:right; margin-right:28px; } .blue1{color:#0144BA;} .blue1 a:link{ color:#0144BA;} .blue1 a:visited{ color:#0144BA;} .blue1 a:hover{ color:#F00;} .strong{font-weight: bold;} .font14{ font-size:14px;}