.left{ float:left;}
.right{ float:right;}
#container{ width:1200px; margin:auto; clear:both; overflow:hidden;}
#indexlogin{ width:1004px; height:450px; clear:both; margin:auto; position:relative; overflow:hidden; z-index:10000;}
#indexlogin2{ width:100%; height:990px; background:url(/images/bj.jpg) center 0px no-repeat; clear:both; margin:auto; overflow:hidden;}
#indexlogin2>div{ width:100%; height:990px; background:url(/images/bj_right.png) right 0px no-repeat; float:left; clear:both; overflow:hidden;}
#indexlogin2>div>div{ width:1200px; height:990px; clear:both; margin:auto; overflow:hidden; position:relative;}
.form_reg {
    width: 300px; 
    padding:20px;
    font-size: 14px;
    position: absolute; 
    background: #fff;
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#66ffffff', endcolorstr='#66ffffff');
    right:0px;
    top: 20px;
    z-index: 99; border:solid 1px #ddd;
     -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
}
.form_reg h2 {
    font-family: '黑体';
    font-size: 18px;
    text-align: center;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px #f4f3f3 solid;
    font-weight: 400; overflow:hidden; display:block;
}
.form_reg h3 {
    font-family: '黑体';
    font-size: 18px;
    text-align: center; position:absolute; left:0px; top:0px;
    width:100%; height:50px; line-height:50px;
    font-weight: 400; overflow:hidden; display:block;
}
.form_reg h3 a{ width:50%; height:50px; background:#eee; text-align:center; display:block; float:left; color:#999;}
.form_reg h3 .curr{ background:#fff; color:#666;}
.loginkuang{ padding-top:40px;}
.btnreg{ width:200px; height:36px; line-height:36px; text-align:center; background:#ff5562; color:#fff; font-size:14px; border:none;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; cursor:pointer;}
.btnreg:hover{ background:#ff5555; color:#fff;}


#userlist{ width:1200px; float:left; clear:both; background:#fff; overflow:hidden;}
#userlist .search{ width:100%; float:left; clear:both; overflow:hidden;}
#userlist .search table td{ padding:15px 0px 0px 15px;}
#userlist .search table select{ width:100px; height:30px;}
#userlist .search table .btnsubmit{ display:block; width:120px; height:32px; line-height:32px; text-align:center; font-size:16px; background:#ff5562; color:#fff;}
#userlist ul{ width:1220px; float:left; overflow:hidden;}
#userlist ul li{ width:210px; padding:6px; padding-bottom:10px; border:solid 1px #ddd; float:left; margin-right:20px; margin-top:16px;}
#userlist ul li em{ display:block; width:210px; height:210px; float:left; clear:both; text-align:center; overflow:hidden; margin-bottom:6px;}
#userlist ul li em img{width:210px; height:210px;  -o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s}
#userlist ul li em img:hover{-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);}
#userlist ul li span{ display:block; width:100%; height:24px; line-height:24px; text-align:center; overflow:hidden;}
#userlist ul li span a{ color:#ff5562; font-size:16px; font-weight:bold;}
#userlist ul li span i{ margin:0px 5px; color:#666;}

#userdetails{ width:1200px; padding:30px 0px; float:left; clear:both; background:#fff; overflow:hidden;}
#userdetails .left{ width:400px; text-align:center; float:left; overflow:hidden; text-align:center;}
#userdetails .left em{ display:block; width:250px; height:250px; padding:2px; border:solid 1px #ccc; overflow:hidden; clear:both; margin:auto;}
#userdetails .left  em img{ width:250px; height:250px; }
#userdetails .left span{ display:block; width:100%; text-align:center; padding-top:5px; line-height:20px; overflow:hidden;}
#userdetails .left span img{ margin-left:5px; margin-right:5px;}
#userdetails .right{ width:780px; float:right; overflow:hidden;}
#userdetails td{ border-bottom:dotted 1px #ccc;}
#userdetails td i{ padding:2px 6px; color:#fff; margin-right:10px;}
#userdetails td .i0{ background:#bdb1f3;}
#userdetails td .i1{ background:#fea0a0;}
#userdetails td .i2{ background:#7bc6e6;}
#userdetails td .i3{ background:#d8ce0d;}
#userdetails td .i4{ background:#ff7f00;}
#userdetails td .i5{ background:#ff5562;}
#userdetails td .i6{ background:#facb73;}
#userdetails .td1{ background:#fff; width:120px; color:#666; padding:15px 0px;}
#userdetails .td2{ color:#000; padding:0px 0px 0px 20px;}
#userdetails .top2{ width:100%; background:#f0edeb; height:36px; line-height:36px; font-size:16px; color:#ff5562; font-weight:bold; text-indent:20px; overflow:hidden;}
#userdetails .body2{ width:100%; padding-top:10px; padding-bottom:10px; line-height:2em; float:left; clear:both; overflow:hidden;}

#uleft{ width:202px; float:left; overflow:hidden;}
#uleft { display:block; width:200px; border:solid 1px #eee; background:#fff;  overflow:hidden;}
#uleft em{ display:block; width:100%; height:38px; line-height:38px; text-indent:20px; background:#ff5562; color:#fff; font-size:16px; overflow:hidden; font-weight:bold;}
#uleft a{ display:block; width:100%; height:38px; line-height:38px; border-top:solid 1px #eee; text-indent:20px; font-size:14px;}
#uright{ width:960px; background:#fff; padding-left:9px; padding-right:9px; border:solid 1px #eee;  float:right; overflow:hidden;}
#uright .top{ width:100%; height:47px; line-height:47px; background:#fff;  text-indent:20px; overflow:hidden; clear:both; margin:auto; color:#ff5562; font-size:18px; font-weight:bold; border-bottom:solid 1px #dedede;}
#uright .body{ width:100%; padding-top:10px; padding-bottom:20px; float:left; clear:both; overflow:hidden;}
#uright .left{ width:200px; text-align:center; padding-top:10px; float:left; overflow:hidden; text-align:center;}
#uright .left em{ display:block; width:160px; height:160px; padding:2px; border:solid 1px #ccc; overflow:hidden; clear:both; margin:auto;}
#uright .left em img{ width:160px; height:160px; }
#uright .left span{ display:block; width:100%; text-align:center; line-height:20px; padding-top:10px; overflow:hidden;}
#uright .left span img{ margin-left:5px; margin-right:5px;}
#uright .right{ width:740px; float:right; overflow:hidden;}
#uright .right td{ border-bottom:dotted 1px #ccc;}
#uright .right td i{ padding:2px 6px; color:#fff; margin-right:10px;}
#uright .right td .i0{ background:#bdb1f3;}
#uright .right td .i1{ background:#fea0a0;}
#uright .right td .i2{ background:#7bc6e6;}
#uright .right td .i3{ background:#d8ce0d;}
#uright .right td .i4{ background:#ff7f00;}
#uright .right td .i5{ background:#ff5562;}
#uright .right td .i6{ background:#facb73;}
#uright .right .td1{ background:#fff; width:50px;}
#uright .top2{ width:100%; background:#f0edeb; height:36px; line-height:36px; font-size:16px; color:#8e5a5c; text-indent:20px; overflow:hidden;}
#uright .body2{ width:100%; padding-top:10px; padding-bottom:10px; line-height:2em; float:left; clear:both; overflow:hidden;}
.userletter{width:100%; float:left; clear:both; border-top:solid 1px #eee; overflow:hidden;}
.userletter table{ width:100%;}
.userletter td{ border-bottom:solid 1px #eee; line-height:20px; padding:10px;}
.userletter .tr1 td{ background:#fbfbfb; height:30px; line-height:30px; text-align:center; font-weight:bold;}
.userletter .td1{ text-align:center;}
.userletter .td1 a{ color:#ff5562;}
.userletter .td2{ line-height:20px; text-align:left;}
.userletter .td3{ width:60px;color:#999; text-align:center; font-size:12px;}
.userletter .td4{ width:60px; text-align:center;}
.userletter .page22{ clear:both; overflow:hidden; background-color:#f8f8f8;}
.userletter .tab2 td{ border:none;}
.gvlist{ border-top:solid 2px #ccc; width:100%;}
.gvlist td{ border-bottom:solid 1px #ccc; background:#fff; padding:10px 0px; height:20px; line-height:20px; text-align:center;}
.gvlist .tr td{ border-bottom:none; padding-top:10px; padding-bottom:0px;}
.gvlist .tr2 td{ border-bottom:solid 1px #ccc; padding-top:0px; padding-bottom:10px;}
.gvlist th{ border-bottom:solid 1px #ccc; background:#f0f0f0; font-weight:bold; height:40px; line-height:40px; text-align:center;}
.gvlist tr:hover td{ background:#fbfbfb;}
.gvlist td b{ color:#ff0000;}
<!--utf-8-->