@charset "utf-8";
/* CSS Document */
html{ width:100%; height:100%;}
body{border:0; padding:0; margin:0; font-family:"微软雅黑"; font-size:14px; margin:auto; background:#f3f3f3}
img{border:0}
a{ text-decoration:none}
ul,li{ list-style:none}

/*人员列表*/
@media (min-width:1440px)
{
 #form{ width:100%; height:100%; margin:auto;}
.leftmenu{ width:100px;float:left; background:url(../images/menuleftall.jpg) repeat-y right; height:100%; position:fixed}
.leftmenu .menu_all{ width:36px; height:28px; margin:20px auto; cursor:pointer}
.leftmenu .menu_down{ position:fixed; bottom:0;}
.leftmenu .menu_down>img{width:100px; height:120px;}
.rightcon{ margin-left:100px;}

.user_list_title{ width:100%; height:166px; background:url(../images/userlist.png) no-repeat center}
.user-txttitle{ background:url(../images/user_list.png) no-repeat left center; width:1010px; height:60px; margin:auto;margin-top: 50px;}
.use_listcontent{width:1010px; height:auto; display:block; margin:25px auto 0 auto; position:relative; overflow:hidden}
.use_listcontent>ul{ width:1150px; float:left; height:auto; position:relative; padding:0; margin:0; float:left}
.use_listcontent>ul>a>li{ float:left; width:220px; height:290px; margin:0 43px 25px 0}
.use_listcontent>ul>a>li>img{ float:left;width:220px; height:220px;}
.use_listcontent>ul>a>li>span{width:204px; padding:0 8px; float:left; font:14px "宋体"; color:#222; margin-top:8px}
.use_listcontent>ul>a>li>p{width:204px; padding:0 8px; float:left; font:12px "宋体"; color:#888; margin-top:5px; overflow:hidden}
.use_listcontent>ul>a>li>p>i{ padding:0 3px; font-style:normal}

.use-fy{width:100%; height:35px; margin:auto; text-align:center; padding-bottom:100px}
.use-fy>li{width:32px; height:32px; border:solid 1px #ccc; display:inline-block; margin-left:-1px; padding:0; border-radius:3px; line-height:32px; text-align:center; cursor:pointer}
}
@media (max-width:1440px)
{
 #form{ width:100%; height:100%; margin:auto;}
.leftmenu{ width:80px;float:left; background:url(../images/menuleftall.jpg) repeat-y right; height:100%; position:fixed}
.leftmenu .menu_all{ width:36px; height:28px; margin:20px auto; cursor:pointer}
.leftmenu .menu_down{ position:fixed; bottom:0;}
.leftmenu .menu_down>img{width:80px; height:95px;}
.rightcon{ margin-left:80px;}

.user_list_title{ width:100%; height:166px; background:url(../images/userlist.png) no-repeat center}
.user-txttitle{ background:url(../images/user_list.png) no-repeat left center; width:900px; height:60px; margin:auto;margin-top: 30px;}
.use_listcontent{width:900px; height:auto; display:block; margin:25px auto 0 auto; position:relative; overflow:hidden}
.use_listcontent>ul{ width:980px; float:left; height:auto; position:relative; float:left; padding:0; margin:0}
.use_listcontent>ul>a>li{ float:left; width:220px; height:280px; margin:0 10px 10px 0}
.use_listcontent>ul>a>li>img{ float:left;width:220px; height:220px;}
.use_listcontent>ul>a>li>span{width:210px; padding:0 5px; float:left; font:14px "宋体"; color:#222; margin-top:8px}
.use_listcontent>ul>a>li>p{width:210px; padding:0 5px; float:left; font:12px "宋体"; color:#888; margin-top:5px}
.use_listcontent>ul>a>li>p>i{ padding:0 3px; font-style:normal}

.use-fy{width:100%; height:35px; margin:auto; text-align:center; padding-bottom:100px}
.use-fy>li{width:32px; height:32px; border:solid 1px #ccc; display:inline-block; margin-left:-1px; padding:0; border-radius:3px; line-height:32px; text-align:center; cursor:pointer}
}