<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
登录
- 分类一
说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
- 分类二
说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
- 分类三
说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
- 分类四
说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
- 分类五
说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明
body{margin:0px;padding:0px;font-family:宋体,Arial;font-size:13px;position:relative;background:#FFF9E1;}
ol,ul,li,img,input{margin:0px;padding:0px;list-style:none;}
div{margin:0px auto;padding:0px}
.bgcolor{background:#E84B66 !important;}
img,input{outline:none;}
.bgcolor-one{background:#4FB8CF !important;color:#FFF;}
.hide{ display:none;}
#out-content{min-height:480px;}
#content{width:1000px; overflow:hidden; position:relative;}
#nav-title{width:1000px;height:50px;}
#nav-title li{float:left;font-size:15px;font-weight:700;color:#A4A3A2;line-height:50px;cursor:pointer; position:relative; width:80px; height:50px; color:#4D4D4D; text-align:center;}
.show-text{position:absolute; width:500px; height:330px; z-index:9000; background:#FFF;padding:15px; line-height:20px; letter-spacing:1px; font-size:13px;font-weight:400; color:#4D4D4D; top:50px; display:none;}
.xuanzhuan{width:30px;height:30px;background:#FFF;position:absolute; top:-10px; z-index:-1000;
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 /
-moz-transform:rotate(45deg); / Firefox /
-webkit-transform:rotate(45deg); / Safari 和 Chrome /
-o-transform:rotate(45deg); / Opera */
}
.close-img{width:18px; height:18px; position:absolute; right:0px; top:0px; z-index:8000;}
.closex{width:18px; height:18px; position:absolute; right:0px; top:0px; z-index:8000; color:red; font-size:16px; line-height:18px;}
#myslide{width:650px;height:420px;position:relative;overflow:hidden;float:left;}
#myslide img{width:650px;height:420px;border:none;outline:none;position:absolute;top:0px;left:0px;display:none;}
#myslide img.first{display:block;}
#myslide ul{position:absolute;z-index:8000;bottom:20px;}
#myslide ul li{float:left;width:10px;height:10px;margin-left:8px;border-radius:50%;background:#FFF;}
#myslide ul li:hover{background:#E84B66;}
#login{width:300px; height:420px; float:right; border:1px solid #E4E4E4;}
#login .title{width:300px; height:50px; line-height:50px; font-size:18px; font-weight:800; border-bottom:1px solid #E1E1E1;background:#EBF2F9;}
#login .title .title-one{width:99px; border-right:1px solid #E1E1E1;float:left; text-align:center; cursor:pointer;}
#login .title .title-two{width:99px; border-right:1px solid #E1E1E1;float:left;text-align:center;cursor:pointer;}
#login .title .title-three{width:100px;float:left;text-align:center;cursor:pointer;}
#login .uname{width:240px;height:40px; border:1px solid #D7D7D7; border-radius:5px; margin-top:35px; vertical-align:middle; background:#FFF;}
#login .uname .input-one{ width:200px; height:40px; line-height:40px; float:left; border:none;padding-left:3px;}
#login .uname .img-one{width:32px; height:32px; margin-top:4px; float:left;}
#login .upwd{width:240px;height:40px; border:1px solid #D7D7D7; border-radius:5px; margin-top:25px;background:#FFF;}
#login .upwd .input-one{ width:200px; height:40px; line-height:40px; float:left; border:none;padding-left:3px;}
#login .upwd .img-one{width:32px; height:32px; margin-top:4px; float:left;}
#login .uyzm{width:240px;height:40px;border-radius:5px; margin-top:30px;}
#login .uyzm .name{width:53px; height:40px; line-height:40px; float:left; text-align:
left; font-size:15px;color:#9D9D9D;}
#login .uyzm .input-yzm{width:80px; height:32px; line-height:32px; padding:0px 5px; float:left; border:1px solid #DDDDDD;}
#login .uyzm .img-yzm{ width:80px; height:34px; float:left; margin-left:12px;}
#login .btn-login{width:240px; height:40px; line-height:40px; color:#FFF; background:#E94A66;border-radius:5px; margin-top:55px; border:none; margin-left:30px; font-size:18px; font-weight:bold;}
#footer{width:1000px; height:120px; line-height:120px; text-align:center;}
$(document).ready(function(e) {
$("#myslide ul").css("left",function(){
return ($("#myslide").width()-$("#myslide ul").outerWidth())/2-4;
});
$("#myslide ul li").eq(0).addClass("bgcolor");
var index=1;
function Slide(){
if(index>=$("#myslide img").length){
index=0;
}
$("#myslide img").hide();
$("#myslide").find("img").eq(index).show();
$("#myslide ul li").removeClass("bgcolor");
$("#myslide ul li").eq(index).addClass("bgcolor");
index++;
}
var StartSlide=setInterval(Slide,6000);
$("#myslide ul li").click(function(){
var lindex=$(this).index();
$("#myslide img").hide();
$("#myslide").find("img").eq(lindex).show();
$("#myslide ul li").removeClass("bgcolor");
$("#myslide ul li").eq(lindex).addClass("bgcolor");
index=lindex+1;
clearInterval(StartSlide);
StartSlide=setInterval(Slide,6000);
});
$("#login .title div").click(function(){
$("#login .title div").removeClass("bgcolor-one");
$(this).addClass("bgcolor-one");
});
$("#out-content").css("height",$(window).height()-$("#footer").height());
$("#content").css("margin-top",($("#out-content").height()-$("#content").height())/2);
$("#nav-title li").click(function(){
$(".show-text").hide();
$(this).find(".show-text").show();
});
$(".close-img").click(function(){
alert("123");
$(".show-text").hide();
});
});
