/* CSS Document abayun.cn/CN/sylte design by Drug abayun@foxmail.com*/ #content { width:1000px; margin:0 auto; overflow:hidden; } #topnav { height:37px; width:1000px;line-height:35px; *line-height:37px;background:url("../images/topnavbg.jpg") repeat-x; text-align:left;} #topnav .tn{color:#3ea3e3; display:block; position:relative; padding-left:5px; padding-right:5px; float:left; text-align:center} #topnav a.tn:hover{background:#3ea3e3} #topnav a span { position:absolute; display:block; top:1px; left:5px; font-size:12px; color:#fff; width:48px; text-align:center; cursor:pointer } #topnav a:before { display:block; padding:1px; content: attr(title); color:#3ea3e3; } #topnav span { color:#aadeff; float:left; font-size:10px; *line-height:33px;} #topnav .topfl{ background:url("../images/dobg.gif") 0px -408px; width:13px; height:41px; float:left; } #topnav .topfr{ background:url("../images/dobg.gif") -14px -408px; width:13px; height:41px; float:right;} #topnav .username { height:20px;*height:19px; width:115px; border:none;font-size:12px;line-height:17px; padding-left:4px;padding-top:0px; *padding-top:1px; margin-top:8px; *margin-top:0px; _margin-top:8px; color:#3b526c; background:url("../images/input_bg.gif") no-repeat;} #topnav .send { height:21px; position:absolute; cursor:pointer; margin-top:9px; *margin-top:1px;_margin-top:9px; border:none; background:#535353; color:#fff; *padding-top:3px;width:51px; padding-bottom:51px; margin-left:5px;background:url("../images/enter.gif") no-repeat; } #welcome{ background:url("../images/dlh_bg.gif") repeat-x; height:24px; line-height:22px;color:#FFC; margin-top:6px; float:left; margin-left:5px;} #welcome .wl{background:url("../images/dlh.gif") no-repeat left; width:5px; height:24px; float:left;} #welcome .wr{background:url("../images/dlh.gif") no-repeat right; width:5px; height:24px; float:right;} #welcome a{ background:none;color:#fff; line-height:18px;*line-height:24px; float:left; padding:2px 5px; position:relative; } .tpn{ margin-left:345px; *margn-left:365px;_margin-left:345px; } .tfont{ float:left;} /*语言选择下拉样式*/ #seletbg{ border:solid 1px #5399d6; color:#686868; font-size:11px; font-family:Arial, Helvetica, sans-serif; width:90px; position:absolute; margin:8px 0px 0px 8px;*margin:0px 0px 0px 5px;_margin:7px 0px 0px 5px; } /*顶部样式*/ #header { background:url("../images/topbg.jpg") no-repeat; height:110px; width:1000px; text-align:left;z-index:1000; *position:relative; _margin-top:-5px; } #header .ezlogo { background:url("../images/logo/logo.png") no-repeat; width:174px; height:59px; float:left; margin-left:25px; _margin-left:15px; margin-top:45px; } #headerpage { background:url("../images/topbgpage.jpg") no-repeat; height:106px; width:1000px; text-align:left; _margin-top:-4px; position:relative; z-index:100; } #headerpage .ezlogo { background:url("../img/logo.png") no-repeat; width:174px; height:59px; float:left; margin-left:25px; margin-top:23px; } #mainnav { background:url("../images/navbg.png") no-repeat; width:734px; height:52px; margin-top:40px; margin-left:20px; padding-left:6px; float:left;} #mainnav ul { height:46px; } #mainnav li { float:left; position:relative; } #mainnav li .noChild { line-height:44px; width:80px; text-align:center; display:block; font-family:"Microsoft Yahei"; color:#1e6999; font-size:13px; } #mainnav li .noChild:hover { background:url("../images/navbg.png") no-repeat 7px -51px; *background:url("../images/navbg.png") no-repeat 7px -52px; color:#fff } #mainnav .jg { background:url("../images/jiange.gif") no-repeat; width:1px; height:41px; float:left; margin-top:-42px; } #lstnav{ background:url("../images/lstnavbg.gif") repeat-x; height:29px; margin-top:10px; line-height:27px;*line-height:29px;_line-height:25px; text-align:left; overflow:hidden} #lstnav .nfl{ background:url("../images/lstnav.gif") no-repeat left; height:29px; width:3px; float:left;} #lstnav .nfr{background:url("../images/lstnav.gif") no-repeat right; height:29px; width:3px; float:right;} #lstnav span{ margin-left:20px; _margin-top:7px; display:block} .mm { line-height:44px; width:80px; text-align:center; display:block; font-family:"Microsoft Yahei"; background:url("../images/mm.gif") no-repeat 90px 21px; color:#1e6999; font-size:13px; } .mm:hover, .mmhover{ background:url("../images/navHoverBG.gif") no-repeat 0px 1px; color:#fff; } .hotline { color:#fff; position:absolute; margin:11px 0px 0px 723px;*margin:11px 0px 0px -230px;_margin:11px 0px 0px -250px; } .signup { width:77px; height:79px; display:block; position:absolute;margin:-4px 0px 0px 928px; *margin:-4px 0px 0px -31px;_margin:-4px 0px 0px -36px; cursor:pointer } .signup2 { width:77px; height:79px; display:block; position:absolute;margin:-4px 0px 0px 928px; *margin:-4px 0px 0px -31px;_margin:-4px 0px 0px -56px; cursor:pointer } /*顶部广告域名搜索*/ #topban { height:266px; overflow:hidden } #topban .flban { background:url("../images/banbg.jpg") no-repeat; width:637px; height:266px; float:left; } #topban .dosearch { background:url("../images/dobg.gif") no-repeat; width:363px; height:266px; float:right; text-align:left; } #topban .dosearch h4 { color:#ef4300; font-family:"Microsoft Yahei"; font-size:17px; font-weight:normal; margin-top:22px; margin-left:13px; line-height:18px; } #topban .dosearch span { color:#3ea3c9; padding-left:13px; } .soinput { display:block; margin-top:11px; *margin-top:10px; margin-left:73px; width:193px; border:none; background:none; font-size:16px; cursor:text } .sosend { position:absolute; margin-left:268px; margin-top:-20px; *margin-top:-21px; background:none; border:none; cursor:pointer; width:67px; height:23px; } .domain_suffix { margin-left:12px; *margin-left:5px;margin-top:14px; *margin-top:10px; } .domain_suffix li { float:left; width:67px; *width:69px; padding-bottom:6px; *padding-bottom:2px;font-size:10px; } /*图片幻灯*/ #flashBox { width:637px; height:266px;overflow:hidden; position:relative; } #flashBox li { position:absolute; width:637px; height:266px; top:0; left:637px; } #flashBox img { float:left; } /*图片幻灯end*/ #pnav { height:87px; width:1000px; } #pnav .fl { width:13px; height:87px; background:url("../images/dobg.gif") 0px -272px; float:left; } #pnav .fr { width:13px; height:87px; background:url("../images/dobg.gif") -14px -272px; float:right; } #sidebar { background:url("../images/sidebg.gif") repeat-x; height:87px; width:974px; position:absolute; margin-left:13px; *margin-left:-487px; } #sidebar .sl { width:15px; height:87px; background:url("../images/dobg.gif") -28px -272px; float:left; } #sidebar .sr { width:15px; height:87px; background:url("../images/dobg.gif") -44px -272px; float:right; } .itemList { width:945px; height:87px; overflow:hidden; margin-left:15px; position:absolute; *margin-left:-472px; text-align:left } .itemList .link1, .itemList .link2, .itemList .link3, .itemList .link4, .itemList .link5, .itemList .link6, .itemList .link7 { padding:8px 25px 0px 25px; width:140px; height:76px; display:block; text-align:center; font-family:"Microsoft Yahei"; color:#ef5600; border-right: solid 1px #efefef } .itemList .link1:hover, .itemList .link2:hover, .itemList .link3:hover, .itemList .link4:hover, .itemList .link5:hover, .itemList .link6:hover, .itemList .link7:hover { color:#1345a3; background:#f2f2f2 } .itemList .link1 h5, .itemList .link2 h5, .itemList .link3 h5, .itemList .link4 h5, .itemList .link5 h5, .itemList .link6 h5, .itemList .link7 h5 { font-size:16px; font-weight:normal; margin:0; padding:0; } .itemList .link1 span, .itemList .link2 span, .itemList .link3 span, .itemList .link4 span, .itemList .link5 span, .itemList .link6 span, .itemList .link7 span { font-size:11px; color:#818181; } .p1 { background:url("../images/dobg.gif") -73px -285px; width:28px; height:30px; margin:0 auto } .p2 { background:url("../images/dobg.gif") -110px -285px; width:31px; height:30px; margin:0 auto } .p3 { background:url("../images/dobg.gif") -150px -287px; width:33px; height:30px; margin:0 auto } .p4 { background:url("../images/dobg.gif") -195px -286px; width:28px; height:30px; margin:0 auto } .p5 { background:url("../images/dobg.gif") -234px -285px; width:35px; height:30px; margin:0 auto } .p6 { background:url("../images/dobg.gif") -276px -286px; width:35px; height:30px; margin:0 auto } .p7 { background:url("../images/dobg.gif") -319px -286px; width:36px; height:30px; margin:0 auto } #pro { margin-top:20px; overflow:hidden; } #fpro { width:1000px; height:252px; background:url("../images/pro01bg.jpg") no-repeat; overflow:hidden; text-align:left; } #tpro { width:1000px; height:252px; background:url("../images/pro02bg.jpg") no-repeat; overflow:hidden; margin-top:10px; text-align:left; } #hosting, #hosting2, #mail, #domain1, #vps, #server, #web { width:324px; height:252px; overflow:hidden; float:left; } .protitle { margin-top:13px; overflow:hidden; float:right; margin-right:10px; _margin-right:5px; } .protitle h1 { font-size:16px; color:#1345a3; font-family:"Microsoft Yahei"; font-weight:normal; } .protitle h1 span { font-size:16px; color:#a1bae7; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; padding-left:5px; } .protitle h1 p { font-size:11px; font-family:"Microsoft Yahei"; color:#848484; margin-top:5px; width:190px; } #hosting h2 { font-size:16px; margin-top:75px; padding-left:4px; color:#d30f00; } #hosting ul { margin-top:19px; margin-left:5px; } #hosting li { color:#6690c4; line-height:21px; margin-bottom:10px; } #hosting li span { background:url("../images/dobg.gif") 0px -369px; width:65px; height:23px; line-height:21px; *line-height:24px; padding-left:1px; margin-right:5px; display:block; float:left; text-align:center; color:#fff; } #hosting2 h2 { font-size:16px; margin-top:75px; padding-left:12px; color:#d30f00; } #hosting2 ul { margin-top:19px; margin-left:13px; } #hosting2 li { color:#6690c4; line-height:21px; margin-bottom:10px; } #hosting2 li span { background:url("../images/dobg.gif") 0px -369px; width:65px; height:23px; line-height:21px; *line-height:24px; padding-left:1px; margin-right:5px; display:block; float:left; text-align:center; color:#fff; } #sale, .dom { color:#d30f00; font-size:17px; font-family: Arial, Helvetica, sans-serif; margin-top:0px; } #sale span { font-family:"Microsoft Yahei"; font-size:11px; } #sale .year { color:#898989 } .vmore { background:url("../images/dobg.gif") -73px -369px; width:80px; height:23px; margin:215px 0px 0px 243px; position:absolute; } a.vmore:hover { background:url("../images/dobg.gif") -73px -392px; } .hostsale { background:url("../images/zk.png") no-repeat -10px 0px; width:80px; height:85px; position:absolute; margin:65px 0px 0px 248px; } #mail ul { margin-top:110px; margin-left:10px; } #mail li { color:#6690c4; line-height:22px; } #mail li h1, #server li h1, #web li h1 { font-family:"Microsoft Yahei"; font-size:14px; color:#d30f00; margin-top:15px; } #domain ul { margin:110px 0px 0px 15px } #domain li { background:url("../images/dobg.gif") -173px -341px; width:233px; height:23px; margin-bottom:5px; line-height:23px; padding-left:10px; } .dom { width:110px; display:block; float:left } .txtbuy { color:#d30f00; margin-left:25px; } #vps ul, #server ul, #web ul { margin:110px 0px 0px 15px; _margin:80px 0px 0px 15px } #vps li, #server li, #web li { line-height:24px; color:#6690c4; _padding:5px 0px 5px 0px; } #webkk { margin:8px 0px 0px 15px } .webview { width:50px; height:50px; display:block; background:#fff; border:solid 1px #dedede; float:left; margin-right:3px; padding:1px; } a.webview:hover { border:solid 1px #c6c6c6 } /*底部快速导航*/ #quickmenu { border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; padding:10px 5px 10px 5px; text-align:left; overflow:hidden; width:1000px; height:230px; margin-top:10px; background:#fbfbfb; } #quickmenu .qmtitle { font-family:"Microsoft Yahei"; font-size:13px; color:#06C } #quickmenu ul { border-right:solid 1px #efefef; padding-left:30px; width:134px; float:left; height:150px; } #quickmenu li { text-align:left; line-height:24px; } #quickmenu h2{ height:40px; line-height:37px; font-size:15px; margin-bottom:3px; padding-right:50px; color:#7b9ec9; text-align:right;} #quickmenu h2 span{color:#f75e1a;} #quickmenu h2 a{ color:#f75e1a; text-decoration:underline} /*底部样式*/ #footer { height:160px; background:url("../images/ezl.png") no-repeat 60px 30px; } #footer .fmenu { width:500px; float:left; margin-left:210px; text-align:left; margin-top:17px; } #footer span { font-size:10px; color:#dedede } #footer p { margin:0; padding:0; font-family:"Microsoft Yahei"; font-size:11px; margin-top:10px; color:#666 } #links{ padding:10px 10px; margin-top:1px; height:16px;text-align:left; background:#f4f4f4; overflow:hidden} #links a{ display:block; float:left; padding:0px 10px;} #links span{ display:block; float:left; color:#CCC; font-size:10px} #links .tt{ color:#333; font-size:12px;} #comadd{ position:absolute; margin:130px 0px 0px 720px;*margin:130px 0px 0px -140px;font-family:"Microsoft Yahei"; font-size:11px;} #comadd a{ display:block; width:36px; height:17px; text-align:center; float:left; background:url("../images/addbg.gif") no-repeat top; _height:16px;_line-height:16px; _padding-top:1px; color:#ffffff; margin-right:3px;} #comadd a:hover{background:url("../images/addbg.gif") no-repeat bottom;} /*icp图片*/ #combot{ position:absolute; margin:10px 0px 0px 760px;*margin:10px 0px 0px -100px;font-family:"Microsoft Yahei"; font-size:11px;} /* Child menu */ #vhover { position:relative;} .childMenu { width:225px; position:absolute; z-index:100; text-align:left; color:#fff; display:none; top:44px; left:0px; } .childMenu .childMenu_t { background:url("../images/navKindBoxT.png") no-repeat; width:205px; padding-left:20px; height:31px; line-height:30px; } .childMenu .childMenu_c { background:url("../images/navKindBoxC.png") repeat-y; width:225px; line-height:30px; } .childMenu .childMenu_b { background:url("../images/navKindBoxB.png") no-repeat; width:225px; height:10px; line-height:10px; } .childMenu .w { padding:0 10px; height:auto; } .childMenu .w .lab { display:block; padding-left:15px; background:url("../images/arrow01.gif") no-repeat 8px; border-top:1px solid #636363; } .childMenu .w .lab a { padding:0; margin:0; color:#fff; height:30px; line-height:30px; position:relative;display:block; width:190px; } .childMenu .w .lab a:hover { color:#ffee7c; } .vpsMenu { width:225px; position:absolute; top:0px; left:213px; } .vpsMenu_t { background:url("../images/navKindBoxT_vps.png") no-repeat; width:225px; height:31px; line-height:30px; } .vpsMenu_c { background:url("../images/navKindBoxC_vps.png") repeat-y; width:225px; height:256px; } .vpsMenu_b { background:url("../images/navKindBoxB_vps.png") no-repeat; width:225px; height:10px; line-height:10px; } .vpsMenu_line { display:inline-block; float:left; height:247px; width:1px; background-color:#636363; margin:5px 8px 5px 10px; } .vpsMenu_body { display:inline-block; float:left; height:247px; width:200px; position:relative; vertical-align:top; line-height:180%; font-size:12px; background:url("../images/vpsbgmenu.gif") no-repeat right bottom; } .vpsMenu_body h6 { color:#fff284; font-weight:bold; font-size:14px; margin-top:9px; } .vpsMenu_body p { margin:5px 8px 8px 0px; } .vpsMenu_body a { z-index:999; } .prcClass { color:#D30F00;font-size:17px; } /*/*-----底部-----*/ .kuan1220{width: 1000px;margin: 0 auto;} .ft{background: #3b3b3b;padding: 25px 0;overflow: hidden;font-size: 14px;box-sizing:content-box;} .ft .ft_top{text-align: center;color: #aaa;line-height: 25px;background: url(../images/striping.png) no-repeat 0 29px;padding-bottom: 18px;} .ft .ft_top a{text-align: center;color: #aaa;margin: 0 16px;} .ft .ft_top a:hover{text-decoration:none;color:#4799eb !important;} .ft_center ul{float: left;margin-right: 70px;} .ft_center ul+ul{margin-right: 70px;} .ft_center ul+ul+ul{margin-right: 70px;} .ft_center ul+ul+ul+ul{margin-right: 70px;} .ft_center ul+ul+ul+ul+ul{margin-right: 10px;} .ft_center ul li{color: #c1c1c1;line-height: 28px;height: 28px;} .ft_center ul li a{color: #aaa;} .ft_center ul li.ft_center_01{font-size: 16px;margin: 10px 0;} .ft .ft_center{overflow: hidden;padding: 25px 0 46px 53px;background: url(../../images/striping.png) no-repeat 0 220px;} .ft .ft_center a:hover{text-decoration:none;color:#4799eb !important;} .ft_center .ft_center_right{text-align: left; border:1pxdotted black; width:100%; margin-rigt: 0px; width: 300px;padding-top: 15px;} .ft_center .ft_center_right li{background: url(../../images/qq.png) no-repeat 0 center;padding-left: 30px;color: #aaa;} .ft_center .ft_center_right li+li{background: url(../../images/phone1.png) no-repeat 0 center;} .ft_center .ft_center_right li+li+li{background: url(../../images/mail.png) no-repeat 0 center;} .ft_center .ft_center_right li+li+li+li{background: url(../../images/phone1.png)no-repeat 0 center;} .ft_center .ft_center_right li+li+li+li+li{background: url(../../images/site.png)no-repeat 0 center;} .ft .ft_bottom{text-align: center;color: #aaa;padding-top: 10px;} .ft .ft_bottom a:hover{text-decoration:none;color:#4799eb !important;} .ft .ft_bottom span{line-height: 35px;} .ft .ft_bottom a{color: #aaa;} .ft-banner{position:relative;min-width:1000px;background:#4799eb url(../../img/used/footer_bg.jpg) no-repeat center;height:180px;overflow:hidden;color:#fff;text-align:center;} .ft-banner-text{position:relative;padding-top:46px;z-index:20;font-size:24px;} .ft-banner-button a{display:inline-block;margin-top:24px;width:220px;height:44px;line-height:44px;border:1px solid #fff;color:#fff;} .ft-banner-button a:hover{color:#333;background-color:#fff;} .ft-banner-button{position:relative;z-index:20;} .ft-bubble{position:absolute;} .bubble-1{top:-120px;left:50%;z-index:10;margin-left:-120px;width:240px;height:240px;background:url(../../img/used/footer_bubble_1.png);animation:bubble-animate-1 linear 10s infinite;} .bubble-2{top:50px;left:34%;z-index:11;width:360px;height:360px;background:url(../../img/used/footer_bubble_2.png);animation:bubble-animate-2 linear 12s infinite;} .bubble-3{top:50px;left:48%;z-index:12;width:300px;height:300px;background:url(../../img/used/footer_bubble_3.png);animation:bubble-animate-3 linear 11s infinite;} @keyframes bubble-animate-1{from{top:-120px;}50%{top:-180px;}to{top:-120px;}} @keyframes bubble-animate-2{from{top:50px;left:34%;}50%{top:80px;left:24%;}to{top:50px;left:34%;}} @keyframes bubble-animate-3{from{top:50px;left:48%;}50%{top:80px;left:58%;}to{top:50px;left:48%;}}*/