2015-03-16 11:51:12 +08:00
|
|
|
/* CSS Document */
|
|
|
|
|
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0;}
|
|
|
|
|
body,table,input,textarea,select,button { font-family: "微软雅黑","宋体"; font-size:12px;line-height:1.5; background:#eaebec;}
|
|
|
|
|
div,img,tr,td,table{ border:0;}
|
|
|
|
|
table,tr,td{border:0;cellspacing:0; cellpadding:0;}
|
|
|
|
|
ol,ul,li{ list-style-type:none}
|
|
|
|
|
a:link,a:visited{color:#7f7f7f;text-decoration:none;}
|
|
|
|
|
a:hover,a:active{color:#000;}
|
|
|
|
|
|
|
|
|
|
/*常用*/
|
|
|
|
|
.cl{ clear:both; overflow:hidden; }
|
|
|
|
|
.fl{ float: left;}
|
|
|
|
|
.fr{ float:right;}
|
2015-03-18 15:42:23 +08:00
|
|
|
.f_l{ float:left;}
|
|
|
|
|
.f_r{ float:right;}
|
2015-03-16 11:51:12 +08:00
|
|
|
|
|
|
|
|
.ml10{ margin-left:10px;}
|
|
|
|
|
.ml20{ margin-left:20px;}
|
|
|
|
|
.ml30{ margin-left:30px;}
|
|
|
|
|
.mr10{ margin-right:10px;}
|
|
|
|
|
.mr20{ margin-right:20px;}
|
|
|
|
|
.mr30{ margin-right:30px;}
|
|
|
|
|
.mt5{ margin-top:5px;}
|
|
|
|
|
.mt10{ margin-top:10px;}
|
|
|
|
|
.mb5{ margin-bottom:5px;}
|
|
|
|
|
.mb10{ margin-bottom:10px;}
|
|
|
|
|
|
|
|
|
|
h2{ font-size:18px; color:#15bccf;}
|
|
|
|
|
h3{ font-size:14px; color:#e8770d;}
|
|
|
|
|
h4{ font-size:14px; color:#3b3b3b;}
|
|
|
|
|
|
|
|
|
|
a.b_grey{ background: #F5F5F5;}
|
|
|
|
|
a.c_orange{color:#e8770d;}
|
|
|
|
|
a:hover.c_orange{color: #F30;}
|
|
|
|
|
a.c_lorange{color:#ff9900;}
|
|
|
|
|
a:hover.c_lorange{color:#fff;}
|
|
|
|
|
a.c_blue{ color:#15bccf;}
|
|
|
|
|
a.c_dblue{ color:#09658c;}
|
|
|
|
|
a:hover.c_dblue{ color:#15bccf;}
|
|
|
|
|
a.c_white{ color:#fff;}
|
|
|
|
|
a.c_dorange{ color:#fd6e2a;}
|
|
|
|
|
a.c_dark{color: #3e4040;}
|
|
|
|
|
a:hover.c_dark{color: #3ca5c6;}
|
|
|
|
|
a.b_blue{background: #64bdd9;}
|
|
|
|
|
a:hover.b_blue{background: #41a8c8;}
|
|
|
|
|
a.b_green{background:#28be6c;}
|
|
|
|
|
a:hover.b_green{background:#14ad5a;}
|
|
|
|
|
a.c_blue02{color: #3ca5c6;}
|
|
|
|
|
a:hover.c_blue02{color: #0781b4;}
|
|
|
|
|
|
|
|
|
|
.f14{ font-size:14px;}
|
|
|
|
|
.fb{ font-weight:bold;}
|
|
|
|
|
.f12{ font-size:12px; font-weight:normal;}
|
|
|
|
|
|
|
|
|
|
.b_grey{ background: #F5F5F5;}
|
|
|
|
|
.c_orange{color:#e8770d;}
|
|
|
|
|
.c_lorange{ color:#ff9900;}
|
|
|
|
|
.c_purple{color: #6883b6;}
|
|
|
|
|
.c_blue{ color:#15bccf;}
|
|
|
|
|
.c_dblue{ color:#09658c;}
|
|
|
|
|
.b_blue{background:#64bdd9;}
|
|
|
|
|
.b_green{background:#28be6c;}
|
|
|
|
|
|
|
|
|
|
.more{ font-weight:normal; color:#999; font-size:12px;}
|
|
|
|
|
.no_line{ border-bottom:none;}
|
|
|
|
|
|
|
|
|
|
/*框架主类容*/
|
|
|
|
|
#Container{ width:940px; margin:0 auto; }
|
|
|
|
|
|
|
|
|
|
/*头部导航*/
|
|
|
|
|
#Header{ margin:10px 0; background:#15bccf; height:40px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
|
|
|
|
|
.logo{ margin:5px 10px; }
|
|
|
|
|
#TopNav{}
|
|
|
|
|
#TopNav ul li{ margin-top:8px;}
|
|
|
|
|
.topnav_a a{ font-size:14px; font-weight:bold; color:#fff; margin-right:10px;}
|
|
|
|
|
.topnav_a a:hover{color: #a1ebff;}
|
|
|
|
|
#TopUser{}
|
|
|
|
|
#TopUser ul li{ margin-top:8px;}
|
|
|
|
|
.topuser_a a{ font-size:14px; font-weight:bold; color:#fff; margin-right:10px;}
|
|
|
|
|
.topuser_a a:hover{color: #a1ebff;}
|
|
|
|
|
#TopUser02{ }
|
|
|
|
|
#TopUser02 li{ float: left;}
|
|
|
|
|
#TopUser02 li a{ margin-right:10px;color: #FFF;text-align: center;}
|
|
|
|
|
#TopUser02 li a:hover{color: #a1ebff;}
|
|
|
|
|
#TopUser02 div{ position: absolute;visibility: hidden;background:#fff;border: 1px solid #15bccf;}
|
|
|
|
|
#TopUser02 div a{position: relative;display: block;white-space: nowrap;text-align: left; line-height:1.9; margin-left:5px;background: #fff;color:#15bccf; font-weight:normal;}
|
|
|
|
|
#TopUser02 div a:hover{ color:#e8770d; font-weight: bold;}
|
|
|
|
|
/*头部导航下拉*/
|
2015-03-18 15:42:23 +08:00
|
|
|
div#menu {height:41px; font-size:14px; font-weight:bold; }
|
|
|
|
|
div#menu ul {float: left;}
|
|
|
|
|
div#menu ul.menu { padding-left: 30px; }
|
|
|
|
|
div#menu li {position: relative; z-index: 9; margin: 0; display: block; float: left; }
|
|
|
|
|
div#menu li:hover>ul { left: -2px;}
|
|
|
|
|
div#menu a {position: relative;z-index: 10; height: 41px; display: block; float: left;line-height: 41px; text-decoration: none; font-size:14px; }
|
|
|
|
|
div#menu a:hover, div#menu a:hover span { color: #a1ebff; }
|
|
|
|
|
div#menu li.current a {}
|
|
|
|
|
div#menu {display: block; cursor: pointer; background-repeat: no-repeat;background-position: 95% 0;padding-right: 15px; _padding-right: 20px;}
|
|
|
|
|
div#menu ul a.parent {background: url(../images/item.png) -20px -30px no-repeat;}
|
|
|
|
|
div#menu ul a.parent:hover {background: url(../images/item.png) -20px -60px no-repeat;}
|
|
|
|
|
div#menu ul ul a.parent {background: url(../images/item.png) -20px 6px no-repeat;}
|
|
|
|
|
div#menu ul ul a.parent:hover {background: url(../images/item.png) -20px -11px no-repeat;}
|
|
|
|
|
/* menu::level1 */
|
|
|
|
|
div#menu a { padding: 5px 12px 0 10px;line-height: 30px; color: #fff;}
|
|
|
|
|
div#menu li { background: url(../images/main-delimiter.png) 98% 4px no-repeat; }
|
|
|
|
|
div#menu li.last { background: none; }
|
|
|
|
|
/* menu::level2 */
|
|
|
|
|
div#menu ul ul li { background: none; }
|
|
|
|
|
div#menu ul ul { position: absolute;top: 38px; left: -999em; width: 90px; padding: 5px 0 0 0; background:#fff; border:1px solid #15bccf; margin-top:1px;}
|
|
|
|
|
div#menu ul ul a {padding: 0 0 0 15px; height: auto; float: none;display: block; line-height: 24px; font-size:12px; font-weight:normal;color:#15bccf;}
|
|
|
|
|
div#menu ul ul a:hover { color:#ff9900;}
|
|
|
|
|
div#menu ul ul li.last { margin-left:15px; }
|
|
|
|
|
div#menu ul ul li {width: 100%;}
|
|
|
|
|
/* menu::level3 */
|
|
|
|
|
div#menu ul ul ul {padding: 0;margin: -38px 0 0 92px !important; width:140px; }
|
|
|
|
|
div#menu ul ul ul li a{ width:125px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;color:#15bccf;}
|
2015-03-16 11:51:12 +08:00
|
|
|
|
|
|
|
|
/*主类容*/
|
|
|
|
|
#Main{ background:#fff; margin-bottom:10px;}
|
|
|
|
|
#Content{ }
|
|
|
|
|
/*主类容搜索*/
|
|
|
|
|
#TopBar{ height:60px; margin-bottom:10px; background:#fff;}
|
|
|
|
|
.topbar_info02{ margin:5px 10px;width:480px; }
|
|
|
|
|
.topbar_info02 p{color: #7f7f7f;}
|
|
|
|
|
.search{ margin-top:8px; margin-left:71px;}
|
|
|
|
|
.search_form{margin-top:8px;margin-left:72px;}
|
|
|
|
|
.topbar_info{ width:350px; color:#5c5c5c; font-size:16px; margin-right:50px; line-height:1.3; padding-left:100px;}
|
|
|
|
|
.search_btn{ display:block; background:#15bccf; color:#fff; width:60px; height:24px; text-align:center; padding-top:3px;}
|
|
|
|
|
.search_btn:hover{ background: #0fa9bb;}
|
|
|
|
|
.search_text{ border:1px solid #15bccf; background:#fff; width:220px; height:25px; padding-left:5px; }
|
|
|
|
|
/*主类容左右分栏*/
|
|
|
|
|
#LSide{ width:240px; }
|
|
|
|
|
#RSide{ width:670px; margin-left:10px; background:#fff; padding:10px; margin-bottom:10px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*底部*/
|
|
|
|
|
#Footer{ padding-top:10px; background:#fff; margin-bottom:10px;}
|
|
|
|
|
.copyright{ width:780px; margin:0 auto;height:30px; }
|
|
|
|
|
.footlogo{ width:580px; margin:0 auto;height:50px; }
|
|
|
|
|
/*意见反馈*/
|
|
|
|
|
html{ overflow-x:hidden;}
|
2015-03-18 15:42:23 +08:00
|
|
|
.scrollsidebar{ position: fixed; bottom:1px; right:1px; background:none; }
|
2015-03-16 11:51:12 +08:00
|
|
|
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
|
|
|
|
|
.side_content .side_list {width:154px;overflow:hidden;}
|
2015-03-18 15:42:23 +08:00
|
|
|
.show_btn{ width:0; height:112px; overflow:hidden; float:left; margin-top:190px;cursor:pointer;}
|
2015-03-16 11:51:12 +08:00
|
|
|
.show_btn span { display:none;}
|
|
|
|
|
.close_btn{width:24px;height:24px;cursor:pointer;}
|
|
|
|
|
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat; }
|
|
|
|
|
.side_title {height:35px;}
|
|
|
|
|
.side_bottom { height:8px;}
|
|
|
|
|
.side_center {font-family:Verdana, Geneva, sans-serif; padding:0px 12px; font-size:12px;}
|
|
|
|
|
.close_btn { float:right; display:block; width:21px; height:16px; margin:9px 10px 0 0; _margin:16px 5px 0 0;}
|
|
|
|
|
.close_btn span { display:none;}
|
|
|
|
|
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
|
2015-03-18 15:42:23 +08:00
|
|
|
.msgserver { margin-top:5px;}
|
|
|
|
|
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -112px; padding-left:22px; height:21px; display:block; }
|
2015-03-16 11:51:12 +08:00
|
|
|
.opnionText{box-shadow:none; width:122px; height:180px; border-color: #DFDFDF; background:#fff; color:#999; padding:3px; font-size:12px;overflow:auto; background-attachment:fixed;border-style:solid;}
|
|
|
|
|
.opnionButton{ display:block; background:#15bccf; width:130px; height:23px; margin-top:5px; text-align:center; padding-top:3px;}
|
|
|
|
|
.opnionButton:hover{background: #0fa9bb; }
|
|
|
|
|
/* blue skin as the default skin */
|
|
|
|
|
.side_title {background-position:-195px 0;}
|
|
|
|
|
.side_center {background:url(../images/blue_line.png) repeat-y center; }
|
|
|
|
|
.side_bottom {background-position:-195px -50px;}
|
|
|
|
|
.close_btn {background-position:-44px 0;}
|
|
|
|
|
.close_btn:hover {background-position:-66px 0;}
|
|
|
|
|
.show_btn {background-position:-119px 0;}
|
|
|
|
|
.msgserver a {color:#15bccf; }
|
|
|
|
|
.msgserver a:hover { text-decoration:underline; }
|
