@charset "utf-8";
/* CSS Document */
/*loginbox*/
*{padding:0px; margin:0px;}
body{ font-size:12px;}
h1{ font-family:"微软雅黑";}
input{ vertical-align:middle;}
em{padding-right:5px;}
.content{width:340px; height:170px; }
.content p{margin-left:20px; line-height:30px;}
.user{width:183px; height:18px;}
.user4{width:160px; height:18px; background:url(images/txt.gif) no-repeat 5px center; padding-left:23px;}
.pad{padding-left:15px;}
.pad input{ border:1px solid #999999;}
.btn{ width:80px; height:25px; background:url(images/login.gif)  no-repeat; border:none;}



.login{ height:25px; }
.login input{ margin-left:0px; float:left;}
.login a{ margin-left:10px; color:#00F; text-decoration:underline; float:left; width:80px; height:25px;}
.login a:hover{ margin-left:10px; color:#00F; text-decoration:none;}


/*login*/
.bor input{ border:1px solid #999999;}

.content1{ width:100%; height:849px; }
.content1 .top{ width:960px; height:55px;  margin:0px auto;}
.content1 .top img{ margin-top:4px;}
.content1 .top ul{ float:right;  width:200px; height:25px; position:relative; top:20px; line-height:25px;}
.content1 .top ul li{ float:left; list-style-type:none;}
.content1 .top ul li a{ color:#f00; text-decoration:none;}
.content1 .top ul .other  a{ color:#000; text-decoration:none;}
.content1 .top ul   a:hover{ text-decoration:underline;}
.content1 .nav{ width:960px; height:35px; margin:0px auto;}
.content1 .navleft{ width:5px; height:35px; float:left; background:url(images/navleft.gif) no-repeat;}
.content1 .navmid{ width:948px; height:35px; line-height:35px; float:left; background:#eeeeee; color:#7f7f7f;}
.content1 .navmid strong{padding-left:13px;}
.content1 .navmid a{ color:#7f7f7f; text-decoration:none;}
.content1 .navmid a:hover{ color:#7f7f7f; text-decoration:underline;}
.content1 .navright{ width:7px; height:35px; float:left; background:url(images/navright.gif) no-repeat;}
.content1 .main{ width:960px; height:716px; background:url(images/bg.gif) no-repeat; margin:0px auto; margin-top:15px;}
.content1 .main .box{width:322px; height:359px; border:1px solid #dbaf8a; position:relative; top:216px; left:170px; background:#f9d0bc;}
.content1 .main .box .ne{ width:310px; height:347px; background:#fff; margin:6px;}
.content1 .main .box .ne h1{ position:relative; top:-30px; left:100px; font-size:16px; color:#fe520d;}
.content1 .main .box .ne img{ position:relative; top:-70px; left:35px;}
 .inp { position:relative;top:-60px; left:15px;}
 .inp .linexu{ width:280px; border-bottom:1px dashed #dddddd;  height:20px; margin-left:5px; margin-bottom:8px; }
 .inp p{ line-height:28px;  height:28px;}
 .inp .suj{ padding-left:12px;}
 .inp .suj input{ border:1px solid #999999;}
 .btn1{ background:url(images/come.gif) no-repeat; width:80px; height:25px; border:none; float:left;}
 .inp .two a{ margin-left:8px; color:#00F; text-decoration:underline; display:block;wdith:80px; height:25px; float:left;}
 .inp .two a:hover{ margin-left:8px; color:#00F; text-decoration:none;}
.content1 .main .box p em{color:#f00; margin-right:5px;}

.btn2{ background:url(images/mail.gif) no-repeat; height:26px; width:80px; border:none;}
 .inp .two1 a{ margin-left:8px; color:#419245; text-decoration:none;}
 .inp .two1 a:hover{ margin-left:8px; color:#419245; text-decoration:underline;}
.blue{ background:url(images/fu.gif) no-repeat left center; padding-left:23px; padding-top:3px;}
.blue a{ color:#00F; text-decoration:underline;}
.blue a:hover{ color:#00F; text-decoration:none;}



/*login1*/
.content1 .main .box1{width:322px; border:1px solid #dbaf8a; position:relative; top:216px; left:170px; background:#f9d0bc;}

/*#text{ width:190px; margin-left:85px;  height:auto; margin-top:5px; line-height:18px; color:#7f7f7f;}*/

.ne1 span,.inp span {width:190px; margin-left:85px;  height:auto; margin-top:5px; line-height:18px; color:#7f7f7f; display:block;}
.content1 .main .box1 .ne1{ width:292px; margin:6px;padding:15px 0 10px 18px; overflow:hidden;  background: #fff ;}
.content1 .main .box1 .pic{ position:absolute; top:-30px; left:35px;}
.content1 .main .box1  h1{text-align:center;height:35px; line-height:35px; font-size:16px; color:#fe520d; position:absolute; top:-35px; left:100px;}
.content1 .main .box1  .linexu{ width:290px; border-bottom:1px dashed #dddddd;  height:20px; margin-left:5px; margin-bottom:8px; }
.content1 .main .box1  p{ line-height:27px;  height:27px;}
.content1 .main .box1  .suj{ padding-left:12px;}
.content1 .main .box1  .suj input{ border:1px solid #999999;}
.content1 .btn1{ background:url(images/come.gif) no-repeat; width:80px; height:25px; border:none; float:left;}
.content1 .main .box1  .two a{ margin-left:8px; color:#00F; text-decoration:underline; display:block;wdith:80px; height:25px; float:left;}
.content1 .main .box1  .two a:hover{  color:#00F; text-decoration:none;}
.content1 .main .box1 p em{color:#f00;}
.btri{ margin-left:85px; margin-bottom:0px;  height:18px;  line-height:18px; margin-bottom:0px; margin-bottom:-5px; color:#38843f; border:none;}
.tu{ margin-top:-5px; _margin-top:0px;  margin-left:25px;}
.tu input{ border:1px solid #999999;}
.tu img{ position:relative; top:8px; left:2px; }
.user1{width:65px; height:18px;}
.tu a{ margin-left:5px; color:#000; text-decoration:none;}
.two{ margin-top:5px;}
.two input{ margin-left:5px; float:left;}
.two a{color:#999999; text-decoration:underline;   display:block; width:110px; float:left;}
.smalbox{ margin-top:5px !important; }
.twa a{color:#00f; text-decoration:underline;   display:block; width:80px; float:left; text-align:center;}
.twa a:hover{color:#00f; text-decoration:none; }

/*login2*/
.tanbox{width:654px; height:404px; border:4px solid #525252;}
.tanbox .top{width:634px; height:28px; line-height:28px; background:#e8e8e8; font-size:14px; font-weight:bold; padding-left:20px; position:relative;}
.tanbox .top img{ float:right; position: absolute; right:15px; top:8px;}
.tanbox .sec{ height:370px;width:625px; padding-left:25px;}
.tanbox .sec h1{ font-size:12px; padding-top:25px;}
.tanbox .sec .dq{ width:495px; height:24px;  padding-top:25px; padding-left:10px;}
.tanbox .sec .dq a{ padding-left:6px; color:#656565; text-decoration:none;}
.tanbox .sec .dq a:hover{ padding-left:6px; color:#f00; text-decoration:none;}
.tanbox .sec .dq strong{ color:#50a552;}

.tanbox .sec .zm{ width:650px; height:24px;  padding-top:5px;}
.tanbox .sec .zm a{ padding-left:2px; color:#656565; text-decoration:none;}
.tanbox .sec .zm a:hover{ padding-left:2px; color:#f00; text-decoration:none;}
.tanbox .sec .zm strong{ color:#50a552;}

.tanbox .sec .search{ width:600px; height:24px;  padding-top:5px;}
.tanbox .sec .search a{ color:#f00; text-decoration:none; padding-right:5px; padding-left:5px;}
.tanbox .sec .search a:hover{ color:#f00; text-decoration:underline; }

.tanbox .sec .xq{width:454px; height:38px; line-height:38px; background:#fffff7;}
.tanbox .sec .xq strong{ float:left; font-size:16px; color:#69a725; padding-right:10px; padding-left:5px; background:url(images/suline.gif) no-repeat right center; margin-right:8px;}
.tanbox .sec .xq a{ width:140px; height:38px; display:block; float:left; color:#535353; text-decoration:none;}

.tanbox .sec .ba{ width:584px; height:34px; line-height:34px; background:#f3f3f3; border:1px solid #d5d5d5; margin-top:10px; text-indent:6px; color:#535353;}
.tanbox .sec .ba a{ color:#f00; text-decoration:none;}
.nan{color:#00F; text-decoration:none; padding-left:5px;}

.tanbox .sec .text{ padding-top:10px;}
.tanbox .sec .text p{ line-height:24px;}
.tanbox .sec .text .p1 a{ color:#00F; text-decoration:none;}
.tanbox .sec .text .p2 a{ color:#4fa54f; text-decoration:none;}


        /*login-success*/
.content1 .main .success{width:377px;height:378px; border:1px solid #dbaf8a; position:relative; top:216px; left:120px; background:#f9d0bc; color:#666666;}
.content1 .main .success .ne{ width:365px; height:366px; background:#fff; margin:6px;}
.content1 .main .success .ne img{ position:relative; top:-31px; left:7px;margin-bottom:-20px;}
.content1 .main .success .ne h3{font-family:"微软雅黑"; font-size:14px; padding-left:20px; margin-bottom:20px;color:#000000;}
.content1 .main .success .ne div{padding-left:20px;}
.content1 .main .success .ne li{list-style:none;}
.success h4{position:relative;}
.personal a{position:absolute; top:0; background:url(images/successPersonal.gif) no-repeat left top; width:160px; height:33px;line-height:42px; padding-left:40px; color:#548e00; text-decoration:none; font-size:12px;}
.shop a{position:absolute; top:78px; background:url(images/successShop.gif) no-repeat left top; width:160px; height:35px; line-height:46px; padding-left:40px; color:#548e00; text-decoration:none; font-size:12px;}
.social a{position:absolute; top:148px; background:url(images/successSocial.gif) no-repeat left top; width:160px; height:38px; line-height:46px; padding-left:40px; color:#548e00; text-decoration:none; font-size:12px;}
.personal a:hover{background:url(images/personalHover.gif) no-repeat left top;}
.shop a:hover{background:url(images/shopHover.gif) no-repeat left top;}
.social a:hover{background:url(images/socialHover.gif) no-repeat left top;}
.content1 .main .success .ne li{background:url(images/success-right.gif) no-repeat 0 50%; padding-left:15px;width:140px;}
.content1 .main .success .ne .personal-ul{position:absolute;left:200px; top:135px;}
.content1 .main .success .ne .shop-ul{position:absolute;left:200px; top:230px;}
.content1 .main .success .ne .social-ul{position:absolute;left:200px; top:300px;}

.onShow
{
    background:url(http://img.jb51.net/online/formValidator3.1/images/reg1.gif) no-repeat; 
    padding-left:25px; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
}
.onFocus
{
    background:#E9F0FF url(http://img.jb51.net/online/formValidator3.1/images/reg2.gif) no-repeat; 
    padding-left:25px; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
}
.onError
{
    background:#FFF2E9 url(http://img.jb51.net/online/formValidator3.1/images/reg3.gif) no-repeat;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
}
.onSuccess
{
    background:#E9FFEB url(http://img.jb51.net/online/formValidator3.1/images/reg4.gif) no-repeat;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
}
.onLoad
{
    background:#E9FFEB url(http://img.jb51.net/online/formValidator3.1/images/loading.gif) no-repeat 3px 3px;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
}