www.gusucode.com > 艺帆全站DIV+CSS体育用品公司网站源码 1.7.5源码程序 > skins/css/all.css

    @charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; position:relative; }
div,span,p,h1,h2,h3,h4,h5,h6,form,label,input,ul{margin:0; padding:0;}
img{border:none; margin:0; padding:0; vertical-align:top;}
a{ text-decoration:none; cursor:pointer;}
ul{ list-style-type:none;}


/*主页第一头部开始*/
.banner0{ width:960px; height:67px; position:absolute; z-index:9998; top:0px; left:0px; padding:5px 0px 0px 0px;}
.kint_logo{ width:170px; height:67px; overflow:hidden; float:left; margin-top:10px;}
.banner1{ width:380px; float:right; overflow:hidden; text-align:right;}
.banner1 ul li{ width:110px; display:inline; font-size:12px; line-height:26px;}
.iphone_num{ font-family:"微软雅黑"; font-style:italic; background:url(../images/iphone_iocn.gif) no-repeat left 1px; padding-left:15px; color:#828282;}
.mjshop, .taobaosho, .mjshop, .taobaosho a{ font-family:"宋体"; height:26px; line-height:26px; }
.mjshop a:hover, .taobaosho a:hover{ text-decoration:underline;}
.mjshop{ padding-left:11px; }
.mjshop a{color:#eb891b;}
.taobaosho{ background:url(../images/mjj_rishi.gif) no-repeat left center; padding-left:9px;}
.taobaosho a{ color:#cb0808;}


/*莱单弹出*/
#nav li ul {line-height: 24px; list-style-type:none; text-align:left; left: -999px; width: 500px; position:absolute; background:#1058a4; top:66px;}
#nav li ul li{float:left;width:80px;}
#nav li ul a{display: block; width:65px; text-align:left;padding-left:15px;}
#nav li ul a:link  {color:#F1F1F1; text-decoration:none;}
#nav li ul a:visited  {color:#F1F1F1;text-decoration:none;}
#nav li ul a:hover  {color:#FFF;text-decoration:none;font-weight:normal;}
#nav li:hover ul {left:25%;}
#nav li.sfhover ul {left:29.5%;}
#content {clear: left;}


/*导航*/
.ui-nav{ float:right;}
.ui-nav-item{float:right; display:inline; font-size:13px; font-weight:700; position:relative; z-index:9999;}
.h_nav li.last{ background:none; padding-right:0;}
.ui-nav-item a{ display:block;}

.banner3{
	width:760px;
	height:34px;
	float:right;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.banner3 .ui-nav{ width:760px; height:34px;}
.banner3 .ui-nav li{ width:87px; height:34px; display:block; text-align:center; float:left; line-height:34px; background:url(../images/Line.png) no-repeat right 13px; _background:url(../images/Line.gif) no-repeat right 13px;}
.banner3 .ui-nav li.indexNav{ width:70px;}
.banner3 .ui-nav li.lastPhone{ background:url(../images/phone.png) no-repeat left 7px;  padding-left:24px; font-size:13px; overflow:hidden; width:100px; text-align:left; font-weight:bold; color:#fff; font-family:"微软雅黑"; font-style:italic; margin-left:20px;}
.banner3 ul .xiexian{  position:relative;}/*will be delete*/
.banner3 .ui-nav li a{ font-family:"微软雅黑"; font-size:12px; color:#fff; height:34px; display:block;}
.banner3 ul li a:hover{}/*text-decoration:underline;*/
.banner3 ul .bg_none a{font-weight:bold; color:#102270;}

/*.banner3 ul li ul .nav_float{ width:498px; margin-top:29px; _margin-top:30px; position:absolute; font-size:12px; display:none; margin-right:-800px; height:25px; line-height:25px; background: url(../images/nav_bg.gif); overflow:hidden; color:#FFF;}*/
.banner3 ul li ul{ margin-top:0px; _margin-top:0px; position:absolute; font-size:12px; display:none; background-color:#1167b3;}
.banner3 ul li .ui-nav-item-child li{ width:87px; display:block; height:25px; line-height:25px; border-top:1px #539be6 solid; text-align:center; overflow:hidden; background:none}
.banner3 ul li .ui-nav-item-child li a{ width:87px; display:block; text-align:center; height:25px; line-height:25px; color:#fff; font-weight:100; overflow:hidden;}
.banner3 ul li .ui-nav-item-child li a:hover{ text-decoration:none; background-color:#083984; color:#bbdcfe;}
.banner3 ul li .indexUl li{width:68px;}
.banner3 ul li .indexUl li a{ width:68px;}




/*左边开始*/
.left{ height:350px; float:left;}/*这个是新加入的左边的div元素，如果右边没内容时，以此元素高度为标准*/
.left_banner{width:177px; height:322px; background: url(../images/textbanner.png) no-repeat; position:absolute; top:-100px; left:0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/textbanner.png',sizingMethod='crop'); padding:60px 0 0 17px; z-index:1;}
.left_banner h3 { position:absolute; top:15px; left:21px; font-size:14px; color:#262626;}

.left_banner h3 span{font-size:10px; color:#CCCCCC; font-style:italic; font-weight:400;}
.left_banner .absolut_left{left:16px;}
.listban_ul{
	position:relative;
	z-index:2;
	top:5px;
	left:15px;
	float:left;
	margin-top: -50px;
}
.listban_ul li{ width:158px;  line-height:29px; background:url(../images/listbanbott_pic.png) no-repeat left bottom; padding-left:5px; z-index:9; overflow:hidden;}
.listban_ul a{color:#878787; width:163px; height:29px; line-height:29px;display:block;}
.listban_ul li ul.will_ul a:hover{ color:#eb891b; background:url(../images/left_icon.gif) no-repeat left center; width:142px;}
.listban_ul li ul.will_ul a{ display:block; height:29px; line-height:29px; padding-left:10px; background:url(../images/left_icon02.gif) no-repeat left center;}
.listban_ul li a:hover{width:163px; display:block; background:url(../images/lebanner_icon.gif) no-repeat 140px center; color:#0d559f;}
/*.willclick01 .chosed{background:url(../images/lebanner_icon.gif) no-repeat 140px center; color:#0d559f;}选中状态*/
/*.listban_ul li .a_expen{ background:url(../images/lebanner_icon.gif) no-repeat 140px center; color:#0d559f;}*/
.listban_ul li a span{background:url(../images/listbanbott_pic.png) no-repeat left bottom; display:inline; float:left; width:163px; height:29px;}
.listban_ul li a span b.chosed{ font-weight:normal; width:158px; height:29px; display:inline; float:left; color:#0d559f; background:url(../images/lebanner_icon.gif) no-repeat 140px center; color:#0d559f;}/*选中状态*/
.listban_ul li a span b{ font-weight:normal;}
.listban_ul li ul li{ background:none;}
.click{ display:block;}
.listban_ul li ul.will_ul{ display:block;  width:152px; padding-top:6px; overflow:hidden;}
.listban_ul li ul.will_ul li{ width:135px; overflow:hidden;}
.listban_ul li ul.will_ul li a{ width:135px; overflow:hidden;}
.aa_expen{background:url(../images/lebanner_icon.gif) no-repeat 140px center; color:#0d559f;}
.will_ul li a{ color:#a6a6a6;}
.listban_ul .will_ul li a.a_orange{ color:#eb891b; background:url(../images/left_icon.gif) no-repeat left center;}


/*脚部*/
.footer{ width:960px; height:65px; margin:0 auto; clear:both;}
.footer_sera{width:958px; height:28px; border:1px #ececec solid;}
.footer_sera01{ width:500px; height:28px; float:left;}
.footer_sera01 ul li{ width:66px; height:28px; display:block; float:left; line-height:28px; background:url(../images/bottom_shi.gif) no-repeat right center; text-align:center;}
.footer_sera01 ul li a{ color:#8c8c8c;}
.footer_sera01 ul li a:hover{ text-decoration:underline;}
.footer_sera01 ul .exshinone{ background:none;}

.footer_sera02link{ width:960px; float:left;}
.footer_sera02link ul li{
	width:66px;
	height:28px;
	display:block;
	float:left;
	line-height:28px;
	background:url(../images/bottom_shi.gif) no-repeat right center;
	text-align:center;
	overflow: hidden;
}
.footer_sera02link ul li a{ color:#8c8c8c;}
.footer_sera02link ul li a:hover{ text-decoration:underline;}
.footer_sera02link ul .exshinone{ background:none;}

.footer_sera02{ width:232px; height:28px; float:right;}
.footer_sera02 input.input_txt{ border:0 none; background:#CCC; height:21px; width:165px; display:block; float:left; margin-right:5px; line-height:21px; padding-left:5px; color:#9b9b9b;}
.footer_sera02 input.input_buttom{ width:49px; height:21px; display:block; float:left; background:url(../images/search_bg.gif) no-repeat; border:0 none; cursor:pointer;}
.footer_sera02 input.input_txt, .footer_sera02 input.input_buttom{ margin-top:4px;}

.footermes{ width:960px; height:40px; margin-top:15px;}
.footer_icon{ height:40px; width:94px; padding-top:1px; float:left;}
.footer_txt{ width:800px; float:right; text-align:right; color:#8c8c8c; font-family:Arial;}
.footer_txt a{color:#8c8c8c;}
.footer_txt a:hover{ text-decoration:underline;}
.footer_txt p{ width:800px; height:18px; line-height:18px; overflow:hidden; font-size:12px;}

<!--
.jg {
	height: 20px;
	width: 960px;
}
.callus img {  
max-width:730px;  /*IE7和Firefox用*/ 
width: expression(this.width > 730 ? 730: true);   /*IE6用*/ 
}
-->