body { background: url('../images/bg01.gif') repeat-x #f6f6f6; }

#wrap { width: 1200px; margin: 0 auto; }

.head { background: url('../images/bg02.gif') repeat-x; height: 101px; position: relative; width: 1200px; margin: 0 auto;  }
.head:before { content: ''; display: block; width: 1px; height: 21px; background: #aac2ff; position: absolute; left: 0; bottom: 0; }
.head:after { content: ''; display: block; width: 1px; height: 21px; background: #aac2ff; position: absolute; right: 0; bottom: 0; }

#header.look { position: fixed; top: 0; left: 0; width: 100%; z-index: 30; background: url('../images/bg01.gif') repeat-x #f6f6f6; }


.logo { float: left; margin-top: 33px; }

.nav { float: left; margin-top: 43px; margin-left: 83px; }
.nav ul { background: url('../images/line_bg01.gif') no-repeat right top;padding-right: 1px; }
.nav ul li { float: left; padding-left: 1px; background: url('../images/line_bg01.gif') no-repeat left top; }
.nav ul li a { display: block; height: 37px; background: url('../images/bg03.gif') repeat-x; line-height: 37px;font-size: 14px; color: #3c5caf; padding: 0 10px; border-bottom: 1px solid #aac2ff;}
.nav ul li a.on,
.nav ul li a:hover { background: #fff; border-bottom: 1px solid #fff; color: #000; }

.search {background: #f1f5ff; float: right; margin-top: 48px; border: 1px solid #cad5f3; border-radius: 5px; position: relative; padding:4px; }
.search input[type=text] { height: 26px; line-height: 26px; width: 100%; border: none; outline: none; }
.search button { background: none; border: none; width: 35px; height: 26px; line-height: 26px; text-align: center; position: absolute; right: 0; top: 0; cursor: pointer; outline: none; color: #636363; }



.content { padding: 0 19px 14px; border: 1px solid #aac2ff; border-top: none; background: #fff; }
.content_lf { float: left; width: 808px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 13px 13px; border: 1px solid #dadada; border-radius: 5px; }
.content_lf .con_box {  width: 49%; margin-top: 10px; }
.content_lf .con_box a:hover { text-decoration: underline; }
.content_lf .con_box .hdTIt { background: #cad5f3; height: 29px; line-height: 29px; border-radius: 5px; margin-bottom: 20px; }
.content_lf .con_box .hdTIt > i { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #5678ce; border-radius: 50%; background: #fff; font-size: 22px; margin-top: -3px; margin-left: 13px; vertical-align: middle; }
.content_lf .con_box .hdTIt > b { font-size: 14px; color: #5f37fb; }
.content_lf .con_box .hdTIt > b > a { font-size: 14px; color: #333; margin-left: 10px; }
.content_lf .con_box .hdTIt .more { float: right; font-size: 12px; color: #fff; margin-right: 13px; }
.content_lf .con_box .co_area li { padding-right: 40px; position: relative; line-height: 18px; margin-top: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.content_lf .con_box .co_area li .tit { color: #5678ce; letter-spacing:-1px;}
.content_lf .con_box .co_area li .subject { color: #222; }
.content_lf .con_box .co_area li .date { position: absolute; right: 0; bottom: 0; color:#999; }



.content_rt { float: right; width: 340px; box-sizing: border-box; }
.content_rt .con_box { padding: 0 13px 13px; border: 1px solid #dadada; border-radius: 5px; }
.content_rt .con_box .ranking_list { margin-top: 13px; }
.content_rt .con_box .ranking_list a:hover { text-decoration: underline; }
.content_rt .con_box .ranking_list .hdTIt { background: #5678ce; height: 29px; line-height: 29px; border-radius: 5px; padding-left: 13px; margin-bottom: 10px; }
.content_rt .con_box .ranking_list .hdTIt > b { font-size: 14px; color: #000; }
.content_rt .con_box .ranking_list .hdTIt > b > a { font-size: 14px; color: #fff; margin-right: 7px; }
.content_rt .con_box .ranking_list ol li { line-height: 18px; margin-top: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.content_rt .con_box .ranking_list ol li .rank { display: inline-block; width: 13px; height: 13px; line-height: 13px; text-align: center; font-size: 11px; color: #696969; border: 1px solid #d8d8d8; }
.content_rt .con_box .ranking_list ol li .rank.redB { font-weight: bold; color: #d51352; }
.content_rt .con_box .ranking_list ol li .tit { color: #0645ad; }
.content_rt .con_box .ranking_list ol li .subject { color: #222; }

.content_rt .player { border: 1px solid #aac2ff; border-radius: 5px; margin-top: 14px; padding: 22px 0; }
.content_rt .player a { float: left; width: 16.66%; box-sizing: border-box; text-align: center; font-size: 9px; color: #333; }
.content_rt .player a+a { border-left: 1px solid #aac2ff; }
.content_rt .player a img { margin-bottom: 5px; }


#footer { text-align: center; padding: 50px 0; }
#footer p { color: #666; margin-bottom: 5px; }
#footer a { font-weight: bold; color: #0645ad; }
#footer a i { font-size: 12px; }




/*list*/
.content_lf.listPage { display: block; }

.list_screen { margin-top: 13px; margin-bottom: 20px; }
.list_screen select { width: 110px; height: 32px; line-height: 32px; border: 1px solid #dadada; border-radius: 5px; font-size: 13px; padding-left: 10px; color: #333; outline: none; }
.list_screen p { display: inline-block;  border: 1px solid #dadada; border-radius: 5px; padding: 0 40px 0 12px; position: relative; }
.list_screen p input[type=text] { height: 32px; line-height: 32px; border: none; outline: none; width: 195px; }
.list_screen p button { background: none; border: none; width: 35px; height: 32px; line-height: 32px; text-align: center; position: absolute; right: 0; top: 0; cursor: pointer; outline: none; color: #636363; }


.tabTit { display: inline-block; background: url('../images/tabBg.gif') repeat-x; overflow: hidden; height: 38px; position: relative; }
.tabTit:before { content: ''; position: absolute; left: 0; bottom: 0; width: 1px; height: 1px; background: #dadada; }
.tabTit:after { content: ''; display: inline-block; width: 1px; height: 37px; background: url('../images/tab_lineBg.gif') no-repeat left top; }
.tabTit a { float: left; height: 37px; line-height: 37px; text-align: center; font-size: 13px; color: #000; background: url('../images/tab_lineBg.gif') no-repeat left top; border-bottom: 1px solid #dadada; padding: 0 10px; }
.tabTit a.on { background: url('../images/tab_lineBg.gif') no-repeat left top #fff; border-bottom: 1px solid #fff; }
.tabCon { display: none; }
.tabCon.on { display: block; }
.tabCon.on table tbody td.td-lf{text-align:left;padding-left:5px;}
.tabCon.on table tbody td span.date{color:#999; font-style:oblique;}
.tabCon.on table tbody td img.hot{margin-left: 5px;vertical-align: -2px;}
.tabCon.on table tbody td span.bo_sub{margin-left: 5px;vertical-align: -2px; color:#3865cd; font-size:11px;}
.tabCon.on table tbody td span.bo_sub2{margin-left: 5px;vertical-align: -2px; color:#3865cd; font-size:11px;}

.listCon table { width: 100%; border-collapse: collapse; margin-top: -4px; }
.listCon table .col01 { width: 8%; }
.listCon table .col02 { width: 82%; }
.listCon table .col03 { width: 10%; }

.listCon table thead { border: 1px solid #dadada; }
.listCon table thead th { padding: 10px 0; font-size: 12px; color: #333; }
.listCon table tbody td { text-align: center; padding: 10px 0; border-bottom: 1px solid #dadada; font-size: 11px; color: #999; }
.listCon table tbody td p { text-align: left; }
.listCon table tbody td p a { font-size: 12px; color: #333; }
.listCon table tbody td p a:hover { text-decoration: underline; }
/*.listCon table tbody td p a:visited { color: #999; }*/
.listCon table tbody td p a.tit { color: #5678ce; letter-spacing:-1px; }
.listCon table tbody td p .sub { color: #91101f; }


.page_but { text-align: center; margin-top: 20px; }
.page_but div { display: inline-block; overflow: hidden; padding-left: 1px; }
.page_but span { float: left; width: 39px; height: 38px; line-height: 38px; margin-left: -1px; cursor: pointer; }
.page_but span.prev i { display: block; transform: rotate(180deg); margin-top: -1px; }
.page_but span.next i { vertical-align: -1px; }
.page_but a { float: left; width: 39px; height: 38px; line-height: 38px; border: 1px solid #dadada; margin-left: -1px; font-size: 13px; color: #000; }
.page_but a.on { background: #eaeaea; border: 1px solid #dadada; font-weight: bold; }
.page_but a:hover { background: #eaeaea; text-decoration: underline; }

.buts { position: relative; }
.buts .writeBut { height: 38px; line-height: 38px; width: 83px; font-size: 12px; color: #000; background: url('../images/write_butBg.gif') repeat-x; border: 1px solid #dadada; border-radius: 3px; font-weight: bold; outline: none; cursor: pointer; position: absolute; right: 0; top: -42px; padding: 0; }


.advertise { width: 340px; height: 70px; overflow: hidden; text-align: center; margin-top: 2px; }
.advertise  img { width: 340px; height: 70px; }
.advertise_q { width: 340px; height: 70px; overflow: hidden; text-align: center; margin-top: 2px; }
.advertise_q  img { width: 340px; height: 70px; }
.adview { width: 100%; height: 140px; line-height: 70px; overflow: hidden; text-align: center; margin-top: 20px; }
.adview  img { width: 450px; height: 60px; border: 1px solid #dadada; }




/*view*/
.viewCon .view_tit { height: 42px; line-height: 42px; padding: 0 10px; border: 1px solid #dadada; background: #f9f9f9; font-size: 14px; color: #333; font-weight: bold; margin-top: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.viewCon .view_tit span { color: #4b6bbd; }
.viewCon .view_data { height: 33px; line-height: 33px; padding: 0 10px; border-bottom: 1px solid #dadada;  }
.viewCon .view_data span { color: #999; margin-right: 20px;}
.view_download p { border-bottom: 1px dashed #dadada; height: 35px; line-height: 35px; font-size: 12px; color: #333; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_download p i { color: #808080; vertical-align: middle; margin-right: 5px; }
.view_download p:hover i { color: #5678ce; }
.view_download p:hover a { color: #5678ce; text-decoration: underline; }

.ad2 a { color: #0645ad; font-weight: bold; text-decoration: none; }
.ad2 { color: #0645ad; font-weight: bold; text-decoration: none; }

.view_imgText { margin-top: 30px; }
.view_imgText img { max-width: 100%; }
.view_imgText  p { font-size: 13px; color: #555; line-height: 22px; margin-top: 10px; }


.view_page_box { border-top: #dadada 1px solid; border-bottom: #dadada 1px solid; margin-top: 30px; }
.view_page_box > li { padding: 0 20px 0 50px; position: relative; height: 35px; line-height: 35px; }
.view_page_box > li+li { border-top: 1px solid #dadada; }
.view_page_box > li > span { position: absolute; left: 0; top: 0; width: 60px; height: 35px; line-height: 35px; color: #555; font-size: 12px; text-align: center; }
.view_page_box > li > em { position: absolute; left: 720px; top: 0; width: 60px; height: 35px; line-height: 35px; color: #555; font-size: 12px; text-align: center; }
.view_page_box > li > p { position: absolute; left: 220px; top: 0; width: 300px; height: 35px; line-height: 35px; color: #4b6bbd; font-size: 14px; text-align: center; }
.view_page_box > li > p a { color: #0645ad;}
.view_page_box > li > a { color: #333; font-size: 12px; display: block; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
.view_page_box > li > a:hover { text-decoration: underline; }


.view_buts { text-align: right; margin-top: 20px; }
.view_buts a { display: inline-block; height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #dadada; border-radius: 3px; background: url('../images/butsBg.gif') repeat-x; color: #000; font-weight: bold; }
.view_buts a.listBut { float: left; }
.view_buts a.writeBut { background: url('../images/write_butBg.gif') repeat-x; }
.sc_font {
    font-weight: bold;
    color: #0645ad;
    text-decoration: underline;
}