www.gusucode.com > 艺帆全站DIV+CSS体育用品公司网站源码 1.7.5源码程序 > skins/default_data/css.css
@charset "utf-8"; /* CSS Document */ body{ margin:0; padding:0; font-size:12px; background:url(../images/bj.gif) repeat-x left top;} div,ul,li,dl,dt,dd,p,span,img,input,select,option,h1,h2,h3,h4,h5,h6,em,strong{ margin:0; padding:0; border:none;} ul,li{ list-style:none;} /*----total-style----*/ .warp{ width:1003px; margin:0 auto; padding:0; overflow:hidden;} .clear{ clear:both;} /*----header-style----*/ #header{ height:493px; overflow:hidden;} #header2{ height:251px; overflow:hidden;} /*----content-style----*/ #content{ height:160px; background:#e5e5e5; overflow:hidden;} .contV{ width:257px; overflow:hidden; float:left; height:143px;/*padding-left:80px;*/ padding-top:15px;} .contV p{ url(../images/viewbj.gif) no-repeat left top;} .contV a{width:80px; height:120px; margin-top: -15px; background: url(../images/video.gif) no-repeat top left; display:block; float: left;} .contN{ width:272px; overflow:hidden; float:left; background:url(../images/news.gif) no-repeat left top; height:148px; padding-left:17px;} .contN h1{ width:100%; height:40px; line-height:40px; float:left;} .contN img{ float:left; margin-right:10px; margin-top:4px;} .contN ul{ width:210px; float:left;} .contN li{ background:url(../images/ico.gif) no-repeat left center; padding-left:9px; height:24px; line-height:24px;} .contN li a{ color:#787d81; text-decoration:none; background:url(../images/line.gif) no-repeat left bottom; display:inline-block; width:200px; overflow:hidden;} .contN li a:hover{ color:#1e8ad5;} .contH{ width:170px; overflow:hidden; float:left; background:url(../images/house.gif) no-repeat left top; height:148px; padding-left:18px;} .contH h1{ width:100%; height:40px; line-height:40px;} .contH img{ float:left; margin-right:10px; margin-top:4px;} .contH ul{ width:100px; overflow:hidden; float:left;} .contH li{ background:url(../images/ico.gif) no-repeat left center; padding-left:9px; height:24px; line-height:24px;} .contH li a{ color:#787d81; text-decoration:none; background:url(../images/line.gif) no-repeat left bottom; display:inline-block; width:171px; overflow:hidden;} .contH li a:hover{ color:#1e8ad5;} .contI{ width:250px; overflow:hidden; height:125px; padding-top:25px;} .link{ height:162px; background:url(../images/link.gif) no-repeat left top; color:#a0a7ad; width:792px;} .link h1{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:50px; background:url(../images/ico2.gif) no-repeat left center; height:50px; line-height:50px; padding-left:15px;} .link h1 a{ color:#a0a7ad; text-decoration:none;} .link h1 a:hover{ color:#696969;} .link2{ width:100%; margin:0 auto; margin-top:1px;} .link2 dl{ overflow:hidden; margin-bottom:15px; border-bottom:dashed 1px #ccc; padding-bottom:15px; zoom:1;} .link2 dt{ color:#1E8AD5; font-weight:bold; background:url(../images/ico3.gif) no-repeat left center; padding-left:10px;} .link2 dd{ float:left; border:solid 1px #ccc; width:80px; margin:5px; text-align:center; height:22px; line-height:22px;} .link2 dd a{ color:#787D81; text-decoration:none;} .link2 dd a:hover{ color:#ff4e09; top:2px; left:2px; position:relative;} .link2 ul{ zoom:1; overflow:hidden; margin-bottom:15px; border-bottom:dashed 1px #ccc; padding-bottom:15px;} .link2 li{ float:left; padding:5px 10px; margin:0 5px; border:solid 1px #ccc;} .link2 li a{ color:#696969; text-decoration:none;} .link2 li a:hover{ color:#ff4e09; top:2px; left:2px; position:relative;} .link2 h1{ color:#1E8AD5; font-size:12px; height:30px; line-height:30px;} .link2 p{ text-indent:2em; line-height:1.8em; color:#787D81;} .property{ height:162px; background:url(../images/property.gif) no-repeat left top; color:#a0a7ad; width:792px;} .property h1{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:50px; background:url(../images/ico2.gif) no-repeat left center; height:50px; line-height:50px; padding-left:15px;} .property h1 a{ color:#a0a7ad; text-decoration:none;} .property h1 a:hover{ color:#696969;} .property2 p{ margin:0 auto; margin-top:26px; width:90%; text-indent:2em; line-height:1.8em; color:#787D81;} .map{ height:162px; background:url(../images/map.gif) no-repeat left top; color:#a0a7ad; width:792px;} .map h1{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:50px; background:url(../images/ico2.gif) no-repeat left center; height:50px; line-height:50px; padding-left:15px;} .map h1 a{ color:#a0a7ad; text-decoration:none;} .map h1 a:hover{ color:#696969;} .map3{ height:132px; background:url(../images/map.gif) no-repeat left top; color:#a0a7ad; width:792px;} .map3 h1{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:50px; background:url(../images/ico2.gif) no-repeat left center; height:50px; line-height:50px; padding-left:15px;} .map3 h1 a{ color:#a0a7ad; text-decoration:none;} .map3 h1 a:hover{ color:#696969;} .map2{ background:url(../images/map2.gif) no-repeat left top; padding-top:190px; text-align:center;} .map2 select{ border:solid 1px #999; color:#666;} .map2 span{ display:block; margin-top:20px;} #img2{ zoom:1; overflow:hidden; margin-bottom:15px; border-bottom:dashed 1px #ccc; padding-bottom:15px;} #img2 li{ float:left; margin:0 5px; border:none; padding:1px;} #img2 li img{ width:88px; height:26px; margin:0; padding:0; border:solid 1px #ccc;} #img2 li a{ color:#696969; text-decoration:none;} #img2 li a:hover{ color:#1E8AD5; top:1px; left:1px; position:relative;} #img2 h1{ color:#1E8AD5; font-size:12px; height:30px; line-height:30px;} .legal{ height:162px; background:url(../images/legal.gif) no-repeat left top; color:#a0a7ad; width:792px;} .legal h1{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:50px; background:url(../images/ico2.gif) no-repeat left center; height:50px; line-height:50px; padding-left:15px;} .legal h1 a{ color:#a0a7ad; text-decoration:none;} .legal h1 a:hover{ color:#696969;} /*----product-style----*/ .product{} .product dl{ width:240px; overflow:hidden; float:left;} .product dt{ float:left; width:184px; height:174px; padding-left:37px; padding-top:39px; overflow:hidden; margin:20px 10px 0; background:url(../images/photo.gif) no-repeat left top;} .product dt img{ width:136px; height:137px;} .product dt a{} .product dt a:hover{} .product dd{ width:130px; margin:0 auto; float:left; margin-left:14px; padding-left:26px; background:url(../images/icon001.gif) no-repeat left center; height:26px; line-height:26px;} .product dd a{ color:#666; text-decoration:none;} .product dd a:hover{ color:#319FD9;} .items{ padding-top:16px;} .items ul{ border-bottom:solid 1px #d0d0d0; width:95%; overflow:hidden;} .items li{ float:left; display:inline-block; width:94px; overflow:hidden; height:24px; line-height:24px; text-align:center; margin-left:3px;} .items li a{ color:#868585; text-decoration:none; display:inline-block; background:url(../images/items.gif) no-repeat left top; width:94px;} .items li a:hover{ color:#fff; background:url(../images/coverbj.gif) no-repeat left top;} .detial{ height:auto; _height:400px; min-height:400px; width:90%;} .detial h5{ font-size:12px; height:25px; line-height:25px; padding-left:16px; color:#fff; border-bottom:solid 1px #ccc; background:url(../images/btnbj.gif) no-repeat left top; margin-bottom:20px;} .detial h5 span{ color:#ccc; font-weight:normal; display:inline-block; margin-left:16px;} .detial p{ line-height:1.8em; text-indent:2em; color:#696969; text-align: left;} .item2{ padding-left:67px; background:url(../images/item2.gif) no-repeat left top; height:484px; overflow:hidden; margin-left:16px;} .cont{ width:92%;} .cont p{ margin:1.8em 0;} /*----tree-nav-style----*/ .list2{} .list2 li{ font-weight:bold; text-align:left; margin-left:15px;} .list2 li a{ display:inline; color:#319fd9; background:url(../images/ico4.gif) no-repeat left center; padding-left:10px;} .list2 li a:hover{ color:#999; background:none; background:url(../images/ico4.gif) no-repeat left center; padding-left:10px;} .list3{} .list3 li{} .list3 li a{ color:#999; background:#fff; display:inline; background:url(../images/ico3.gif) no-repeat left center; padding-left:10px;} .list3 li a:hover{ color:#319fd9; background:#ccc; background:url(../images/ico3.gif) no-repeat left center; padding-left:10px;} .btn2{ margin:0; padding:0; border:none; width:120px; display:inline-block; float:right;} .btn2 a{ text-decoration:none; color:#0b94f6; font-weight:bold; overflow:hidden; text-align:center; width:106px; height:22px; line-height:22px; border:solid 1px #ccc; display:inline-block;} .btn2 a:hover{} .items li a.nowitem{color:#fff; background:url(../images/coverbj.gif) no-repeat left top;} .quick{ background:url(../images/quick.gif) no-repeat left top;} .pages{ width:100%; margin:15px 0; text-align:center; float:left;} .pages a{ text-decoration:none; display:inline-block; padding:2px 6px; border:solid 1px #0892f4; text-align:center; margin:0 3px; color:#0892f4; font-family:Verdana, Arial, Helvetica, sans-serif;} .pages a:hover{ background:#0892f4; color:#fff;} .pages strong{ padding:3px 6px; border:solid 1px #0892f4; display:inline-block; background:#0892f4; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;} .pages em{ padding:3px 6px; border:solid 1px #ccc; display:inline-block; color:#fff; font-style:normal; margin-right:5px; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; } .resume{ width:90%; text-align:center; overflow:hidden; margin:0 auto; text-align:center; background:url(../images/resume.gif) no-repeat left top; padding-top:110px;} .resume textarea{ color:#999;} .yifancms{ border: 1px dashed #999; margin: 2px; } .resume p{ text-align:left;} .resume table{ margin:0 auto; width:90%; border:solid 1px #C8E6FC; background:#F0F5F9; color:#666666;} .resume input{ border:solid 1px #a9d3f7; height:18px; line-height:18px;} .resume select{ width:110px; overflow:hidden; height:20px; line-height:20px; border:solid 1px #a9d3f7; color:#666666;} .btn3{ float:right; width:80px; margin:0 auto; text-align:right; margin-right:160px; margin-top:16px;} .btn3 input{ background:url(../images/btnbj.gif) no-repeat left top; color:#fff; height:25px; line-height:25px; width:80px; display:inline-block; cursor:hand;} .cover p.l{ text-align:left; padding:0; margin:0;} .showmessage{ width:600px; overflow:hidden; margin:50px auto; height:300px; background:url(../images/infobj2.gif) repeat-x left top;} .showmessage h2{ font-size:14px; color:#666; margin:40px; color:#309dd6;} .showmessage p{ width:160px; margin:0 auto; font-size:24px;} .showmessage p.op{ font-size:12px; margin-top:40px;} .showmessage p.op a{ text-decoration:underline; color:#309dd6;} .showmessage p.op a:hover{ text-decoration:none; color:#333;} .infobj{ background:url(../images/infobj.gif) repeat-x left top;} #demo{ float:left; width:300px;height:51px;line-height:51px; overflow:hidden;} #demo1 td{text-align: center;} #demo a{text-decoration: none; color: #fff; text-align: center;} .product3{overflow:hidden; zoom:1;} .product3 dl{ width:230px; margin:0 5px; overflow:hidden; float:left; background-image: url(../images/pickuang1.jpg); } .product3 dt{ float:left; width:186px; height:128px; padding:5px; overflow:hidden; margin:10px 21px 0; _margin:10px 11px 0;} .product3 dt img{ width:186px; height:128px; overflow:hidden;} .product3 dt a{} .product3 dt a:hover{} .product3 dd{ width:196px; margin:0 21px; float:left; color:#666; font-weight:bold; height:26px; line-height:26px; _margin:0 11px;} .product3 dd a{ color:#666; text-decoration:none;} .product3 dd a:hover{ text-decoration:underline;} .product3 dd span{ float:right; height:21px; line-height:26px; display:inline-block; padding-top:5px;} .product3 dd span a{ float:right; height:26px; line-height:26px; display:inline-block;} .product4{ padding-left:33px; overflow:hidden; zoom:1;} .product4 dl{ width:240px; overflow:hidden; float:left;} .product4 dt{ float:left; width:200px; height:118px; text-align:center; padding:8px 5px; background:url(../images/viewList.gif) no-repeat left top; overflow:hidden; margin:20px 21px 0; _margin:20px 11px 0;} .product4 dt img{ width:186px; height:118px; overflow:hidden;} .product4 dt a{} .product4 dt a:hover{} .product4 dd{ width:196px; margin:0 21px; float:left; color:#666; font-weight:bold; height:26px; line-height:26px; _margin:0 11px;text-align:center;} .product4 dd a{ color:#666; text-decoration:none;} .product4 dd a:hover{ text-decoration:underline;} .product4 dd span{ float:right; height:21px; line-height:26px; display:inline-block; padding-top:5px;} .product4 dd span a{ float:right; height:26px; line-height:26px; display:inline-block;} .searchsubmit{border:none; background:transparent url(../images/btn01.gif) no-repeat; width:19px; height:17px; border: none;} .searchword{color:gray;} .searchword1{color:black;} #divlgsy{ width:722px; background:url(../images/dtbj.gif) no-repeat left top; height:auto; _height:180px; min-height:180px; overflow:hidden; padding:20px 15px; } #divlgsy p{ text-indent:2em; line-height:1.8em;} #divshfs{ width:722px; background:url(../images/dtbj.gif) no-repeat left top; height:auto; _height:180px; min-height:180px; overflow:hidden; padding:20px 15px; } #divshfs p{ text-indent:2em; line-height:1.8em;} #divsjys{ width:722px; background:url(../images/dtbj.gif) no-repeat left top; height:auto; _height:180px; min-height:180px; overflow:hidden; padding:20px 15px; } #divsjys p{ text-indent:2em; line-height:1.8em;} .gridview .paper{} .gridview .paper table td{border:0;} .gridview .paper a{width:16px;height:16px;background:#f2f2f2;display:block;float:left;border:0;text-align:center;line-height:16px;border:1px solid #ccc;} .gridview .paper a:hover{border:1px solid #ccc;background:#BAE9F9;color:#fff;} .gridview .paper span{width:16px;height:16px;background:#3DA3A1;display:block;float:left;text-align:center;line-height:16px;border:1px solid #BDD9E2;color:#fff;}