@charset "utf-8";



/***************** common.css ******************/
.mains { max-width: 780px; margin: 0px auto; box-shadow: 0 7px 17px #ccc; background: #f9f8f8; padding: 44px 0 0; }

.headerl { 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: 784px; height: 44px; margin: 0 auto; }

.headerl .logol { padding: 5px; width: 113px; height: px; }

.headerl .logol img { width: 100%; height: 100%; }

.headerl .menu-btn { position: absolute; top: 0px; right: 5px; bottom: 0px; left: 100px; z-index: 500; }

.headerl .menu-btn a { display: block; width: 30px; float: right; height: 100%; padding: 0px 1px; }

.headerl .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: -280px; z-index: 0; bottom: -200px; padding-bottom: 200px;background: #FAFAFA; 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(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); }

.aside::after {  content: " ";  width: 15px;  position: absolute;  left: 0;  top: 0;  bottom: 0;  box-shadow: 5px -10px 7px rgba(0,0,0,0.3) inset;}

.aside.on { z-index: 3000; transform: translateX(-280px); -ms-transform: translateX(-280px); -moz-transform: translateX(-280px); -webkit-transform: translateX(-280px); -o-transform: translateX(-280px); }

.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 { 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; 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; overflow:hidden; margin-bottom:10px;}

.xk_sver { width: 280px; height: 105px;background: #fff;}

.xk_sver img { width: 50px; height: 50px; }

.xk_sver li a { float: left; width: 50px; height: 75px; border-radius: 5px; margin-left: 60px; margin-top: 20px; color: #555; font-size: 14px; text-align: center; line-height: 20px; }

.xk_sver y a { float: right; width: 50px; height: 75px; border-radius: 5px; margin-right: 60px; margin-top: 20px; color: #555; font-size: 14px; text-align: center; line-height: 20px; }

.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.9); }

.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.9); }

.xk_sverqq img { width: 20px; height: 20px; vertical-align: middle; }

.xk_user { float: left; width: 280px; background: #fff; padding-top: 15px; padding-bottom: 10px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); overflow: hidden;}

.xk_user li { float: left; width: 100%; height: 70px; }

.xk_user y a { float: left; width: 40px; height: 70px; background: url(../images/userzx.png) no-repeat 50% 50%; opacity: 0.7; filter: alpha(opacity=70); background-size: 30px 40px; }

.xk_user y a:hover { background: url(../images/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: 2.5px 0 2.5px 20px; color: #767676; line-height: 0px; }

.xk_user li a:hover { background: rgba(244, 244, 244, 0.7); }

.xk_user li .tx { width: 50px; height: 50px; float: left; margin-right: 10px; overflow: hidden;border-radius: 50px;overflow: hidden; border: 1px solid #CBCBCB; background: #fff; padding: 4px;}

.xk_user li .tx img { width: 100%; border-radius: 50px; height:100%;}

.xk_user li .name { float: left; position: relative; margin-top: 20px; }

.xk_user li p1 { font-size: 15px; color: #555; font-weight: bold;}

.xk_user li p2 { font-size: 10px; position: absolute; top: 25px; left: 0; white-space: nowrap; }

.xk_usercd { float: left; width: 100%; height: 35px; background: #fff; margin-top: 10px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);}

.xk_usercd li a { float: left; width: 20%; height: 35px; line-height: 35px; text-align: center; font-size: 13px; color: #333; }

.xk_usercd li a:hover { background: rgba(244, 244, 244, 0.7); }

.xk_userbg { width: 280px; height: 150px;}

.nv { overflow-y: auto;}

.nv ul { overflow:hidden;}

.nv li { height: 37px;border-bottom: 1px solid #DDD;}

.nv span { width:35px; height:35px; margin:2.5px 10px; }

.nv span img {width: 25px; height: 25px;vertical-align: -5px;}

.nv a { display: block;font-size: 15px; line-height: 37px; color: #222; padding-left:15px;}

.nv a:hover { background:#F8F8F8;}

.oy .nv { overflow-y: auto; }