@charset "utf-8";
* { padding: 0px; margin: 0px; list-style: none; }
img { border: none; }
body { font-size: 16px; font-family: "微软雅黑"; margin-bottom: 0px; BACKGROUND: #e7e8eb url(/Template/130/img/bg.jpg); box-shadow: 0 0 15px #ccc; }
.mains { max-width: 720px; margin: 0px auto; box-shadow: 0 7px 17px #ccc; background: #f9f8f8; padding: 44px 0; }
.header { height: 44px; background: #fff; overflow: hidden; box-shadow: 0 0px 7px rgba(0,0,0,0.5); position: fixed; left: 0px; z-index: 999; top: 0px; width: 100%; }
.headers { width: 720px; height: 44px; margin: 0 auto; }
.header .logo { padding: 5px; width: 100px; height: 34px; }
.header .logo img { width: 100%; height: 100%; }
.header .menu-btn { position: absolute; top: 0px; right: 5px; bottom: 0px; left: 100px; z-index: 500; }
.header .menu-btn a { display: block; width: 30px; float: right; height: 100%; padding: 0px 1px; }
.header .menu-btn a img { width: 30px; height: 30px; margin-top: 7px; }
.header .nav { overflow: hidden; background-color: #313131; }
.header .nav li { width: 20%; float: left; height: 45px; }
.header .nav li:hover { background-color: #f23c00; }
.header .nav li a { line-height: 45px; color: #FFF; display: block; text-align: center; text-decoration: none; font-size: 18px; font-weight: bold; }
.bottom { height: 44px; background: #596975; overflow: hidden; position: fixed; left: 0px; z-index: 998; bottom: 0px; width: 100%; box-shadow: 0px -1px 1px rgba(0,0,0,0.5); }
.bottom li { float: left; width: 25%; height: 44px; text-align: center; line-height: 10px; }
.bottom li img { width: 30px; height: 30px; }
.bottom li a { font-size: 13px; color: #fff; }
.aside-left { transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5 sease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; }
.aside-left.on { transform: translateX(-280px); -ms-transform: translateX(-280px); -moz-transform: translateX(-280px); -webkit-transform: translateX(-280px); -o-transform: translateX(-280px); }
.aside { position: fixed; top: 0px; right: 0px; z-index: 0; bottom: -200px; padding-bottom: 200px; background-color: #333; transition: all 0.5s ease-in-out; -moz-transition: all 0.5 sease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; width: 280px; transform: translateX(280px); -ms-transform: translateX(280px); -moz-transform: translateX(280px); -webkit-transform: translateX(280px); -o-transform: translateX(280px); }
.aside.on { z-index: 3000; transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); box-shadow: 1px 0px 10px #1c1c1c inset; }
.search-box { position: absolute; top: 0px; right: 30px; left: auto; bottom: 0px; background-color: #FFFFFF; transition: all 0.5s ease-in-out; -moz-transition: all 0.5 sease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all. 0.5s ease-in-out;
}
.search-box.on { left: -100px; right: -5px; }
.search-box img { top: 0px; right: 3px; position: absolute; }
.search-box.on img { right: 10px; }
.search-box .search-box-text { display: none; height: 34px; border: solid 1px #3d9dff; margin: 5px; border-radius: 5px; }
.search-box .search-box-text input { border: none; margin: 0px 20px; font-size: 14px; outline: medium; width: 80%; }
.search-box.on .search-box-text { display: block; }
.search-show { display: none; position: fixed; top: 0; right: 0px; bottom: 0px; left: 0px; z-index: 1998; background-color: rgba(0,0,0,0.6); transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5 sease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; }
.search-show.on { display: block; }
/* 侧边栏选单 */
.xk_svers { width: 280px; height: 140px; }
.xk_sver { width: 280px; height: 95px; }
.xk_sver img { width: 40px; height: 40px; }
.xk_sver li a { float: left; width: 60px; height: 60px; border-radius: 5px; border: solid 1px rgba(105,105,105,0.5); margin-left: 60px; margin-top: 20px; color: #cdcdcd; font-size: 12px; text-align: center; line-height: 15px; }
.xk_sver li a:hover { border: solid 1px #dfcd8f; color: #fff; }
.xk_sver y a { float: right; width: 60px; height: 60px; border-radius: 5px; border: solid 1px rgba(105,105,105,0.5); margin-right: 60px; margin-top: 20px; color: #cdcdcd; font-size: 12px; text-align: center; line-height: 15px; }
.xk_sver y a:hover { border: solid 1px #fff; color: #fff; }
.xk_sverqq { width: 100%; height: 35px; }
.xk_sverqq li a { float: left; width: 50%; height: 35px; line-height: 35px; color: #fff; font-size: 12px; text-align: center; background: rgba(0,174,255,0.7); }
.xk_sverqq li a:hover { background: rgba(0,174,255,0.5); }
.xk_sverqq y a { float: left; width: 50%; height: 35px; line-height: 35px; color: #fff; font-size: 12px; text-align: center; background: rgba(14,184,70,0.7); }
.xk_sverqq y a:hover { background: rgba(14,184,70,0.5); }
.xk_sverqq img { width: 20px; height: 20px; vertical-align: middle; }
.xk_user {float:left; width:280px; height:60px; background:rgba(105,105,105,0.4);margin-top:20px;}
.xk_user li {float:left; width:240px; height:60px;}
.xk_user y a {float:left; width:40px; height:60px; background:url(/Template/130/img/userzx.png) no-repeat 50% 50%;opacity:0.7;filter:alpha(opacity=70);background-size: 30px 40px;}
.xk_user y a:hover {background:url(/Template/130/img/userzx.png) no-repeat 50% 50% #EB5A5C;opacity:1;filter:alpha(opacity=100);background-size: 30px 40px;}
.xk_user li a {display: block;overflow: hidden;padding: 7.5px;color: #dcdcdc;line-height: 0px;}
.xk_user li a:hover { background:rgba(105,105,105,0.7);}
.xk_user li .tx {width: 45px;height: 45px;float: left;margin-right: 5px;overflow: hidden;}
.xk_user li .tx img {width: 45px;height: 45px;border-radius: 3px;}
.xk_user li .name {float: left;position: relative;margin-top: 10px;}
.xk_user li p1 {font-size: 14px; color:#fff;}
.xk_user li p2 {font-size: 10px;position: absolute;top: 25px;left: 0;white-space: nowrap;}
.xk_usercd {float:left; width:280px; height:32px;background:rgba(105,105,105,0.

Next
Pg.: 1 2 3


Back to home | File page

Subscribe | Register | Login | N