.main { width: auto } .journalmain { margin: 0 0 10px 0px; } .mainTop_left { width: 33.3%; height: 500px; float: left; box-sizing: border-box; border: #CCC solid 1px; background: #fbfbfb; padding: 10px; } .imagesarea { width: 100%; height: 100%; } .imagesarea a:hover { opacity: 0.8 } .imagesarea img { width: 100%; height: 100%; } .mainTop_center { width: 33.3%; float: left; padding-left: 10px; box-sizing: border-box; } .journalsSearch { padding: 5px 10px 15px 10px; background: #fbfbfb; line-height: 35px; border: #dadada solid 1px; } .searchTitle { color: #333; line-height: 25px; font-size: 15px; } .conditions { font-size: 12px; } .conditions input { margin-left: 5px; width: 145px; border: #ddd solid 1px; padding: 3px 10px; color: #CCC } .conditions select { margin-left: 5px; width: 78px; } .searchSubmit { background: url(../images/Journal/searchBotton.png); width: 46px; height: 24px; text-align: center; color: #FFF; border: none; cursor: pointer; line-height: 24px; } .searchTable .searchKeyword { border: 1px solid #ddd; color: #ccc; margin: 0 5px; padding: 3px 10px; width: 128px; } .searchSubmit:hover { opacity: 0.8 } .mainTop_right { width: 33.3%; float: left; padding-left: 10px; box-sizing: border-box; } .previous { border: #CCC solid 1px; background: #fbfbfb } .textArea { line-height: 25px; padding: 10px; } .textArea h2 {} .textArea p { text-indent: 2em } .textArea p a { color: #ec9205 } .J_title01 { background: #A40000; line-height: 37px; padding-left: 12px; color: #FFF } .previous ul { padding: 1px 10px 10px } .listst1 li { line-height: 30px; background: url(../images/Journal/listType01_8.png) 5px 9px no-repeat; padding-left: 15px; } .listst1 li a:hover { color: #41a68a } /*院报插件*/ .Calendar { margin-top: 10px; } .JournalsCalendar { overflow: hidden; border: 1px solid #ced2d5; padding: 1px; } .calendarTitle { color: #333; background: url(../images/Journal/calendarTitleBg.jpg) left center repeat-x; height: 30px; letter-spacing: 1px; font-size: 14px; line-height: 28px; text-align: center; font-weight: bold; border-bottom: 1px solid #ced2d5 } .CalendarTable { border-collapse: collapse; border-spacing: 0; background: #eff3f6; border: #FFF solid 1px; width: 100%; line-height: 22px; text-align: center; font-size: 12px; } .CalendarTable .thisdate { color: #CCC } .CalendarTable th { background: #e9e9e9 } .CalendarTable th, .CalendarTable td { border: #FFF solid 1px; } .CalendarTable a { display: block; background: #d7e7fa; color: #333 } .CalendarTabTop { line-height: 25px; position: relative; height: 25px; text-align: center; } .CalendarTabTop a { display: block; top: 6px; width: 6px; height: 12px; overflow: hidden; position: absolute; cursor: pointer } .CalendarTabTop .CalendarPrve { left: 20%; background: url(../images/Journal/btnC01.gif) 0 0 no-repeat; } .CalendarTabTop .CalendarNext { right: 20%; background: url(../images/Journal/btnC01.gif) -6px 0 no-repeat; } .CalendarTabTop a:hover { background-image: url(../images/Journal/btnC01_h.gif) } /*院报插件结束*/ .prompt { background: #fafafa; line-height: 30px; margin-top: 10px; padding: 15px 30px 10px 15px; height: 173px; background-size: cover; border: #dadada solid 1px; } .prompt .searchTitle { color: #333 } .contactUs { margin: 10px 0 0 0; background: #fafafa url(../images/Journal/contactUsBg.jpg) right bottom no-repeat; height: 172px; padding: 15px 30px 10px 15px; border: #dadada solid 1px; line-height: 24px; } .mainBottom { background: #f7f7f7; border: #CCC solid 1px; margin-top: 10px; padding: 5px 8px 10px; box-shadow: 1px 1px 1px lightgray; border-radius: 3px 3px 0 0; } .mainBottom.last { margin-bottom: 30px; } .titleSty02 { line-height: 40px; font-size: 15px; height: 40px; border-bottom: #A40000 solid 2px; } .titleSty02 a { float: right; display: block; margin-right: 10px; font-weight: normal; font-size: 14px; } .titleSty02 a:hover { opacity: 0.8 } .JournalsList { margin-top: 10px; } .JournalsList li { width: 193px; float: left; margin: 0px 5px; } .JournalsList li img { width: 100%; border: #CCC solid 1px; box-shadow: 1px 1px 1px lightgray; border-radius: 2px; height: auto; } .JournalsList li img:hover { border: #97c6e2 solid 1px; } .JournalsList li h2 { text-align: center; line-height: 30px; font-weight: normal; background: #A40000; } .JournalsList li h2 a { color: #fff } .JournalsList li h2 a:hover { color: #fff } .JournalsList2 { margin-top: 5px; } .JournalsList2 li { line-height: 28px; font-size: 14px; padding: 0 0 0 10px; background: url("/Content/Areas/Common/images/ico4.jpg") no-repeat 1px 13px; } /*index页样式*/ .mainList { background: #f7f7f7; border: #CCC solid 1px; padding: 5px 8px; box-shadow: 1px 1px 1px lightgray; border-radius: 3px 3px 0 0; } .IndexList { width: 100%; } .IndexList li { width: 177px; float: left; margin: 0 10px 10px 0; display: inline } .IndexList li:nth-child(5n) { margin-right: 0; } .IndexList li img { width: 100%; border: #CCC solid 1px; box-shadow: 1px 1px 1px lightgray; border-radius: 2px; height: 255px; } .IndexList li img:hover { border: #97c6e2 solid 1px; } .IndexList li h2 { text-align: center; line-height: 30px; font-weight: normal; font-size: 16px; } .IndexList li h2 a:hover { color: #41a68a } /*******/ .top { height: 146px; background: #f4f4f4 url(../images/Journal/top_1_bg.jpg) left top repeat-x } .gohomeBox { width: 960px; padding-top: 9px; margin: 0 auto } .gohomeBox li { float: right; line-height: 25px; margin: 0 0 0 15px; color: #999 } .gohomeBox li a { color: #999 } .gohomeBox li.english { background: url(../images/Journal/english_bg.jpg) center top no-repeat; width: 46px; } .gohomeBox li.login { background: #e1e1e1; padding: 0 5px; margin-top: 5px; line-height: 20px } .gohomeBox li.gohome { background: url(../images/Journal/home_icon.jpg) left center no-repeat; padding-left: 15px; } .logoBox { width: 960px; margin: 22px auto 0 auto } .logoBox a { display: block; width: 190px; height: 50px; background: url(/Sites/Uploaded/UserUpLoad/20140728/20140728133014.jpg) left center no-repeat; float: right; margin-right: 285px; } .searchBar { background: #009a82 url(../images/Journal/searchBarBg.jpg); height: 23px; margin-top: 10px; line-height: 23px; padding: 1px 0 5px 0; width: auto } .searchBox { width: 960px; margin: 0 auto; } .searchJ { width: 470px; float: right; color: #FFF } .searchJ a { color: #FFF } .liLeft { float: left; width: 195px; } .LiRight .searchKeyword { margin-left: 5px; width: 128px; border: #ddd solid 1px; padding: 3px 10px; color: #CCC } .LiRight { float: right; padding-right: 10px; width: 256px } .searchSubmit2 { background: url(../images/Journal/searchBotton2.png); width: 45px; height: 23px; text-align: center; color: #FFF; border: none; cursor: pointer } .searchSubmit2:hover { opacity: 0.8 } .journal_content { width: 960px; margin: 10px auto; } .journal_con .sub_tit, .journal_con .article_cont { padding: 0 10px; line-height: 25px; } .journal_con .sub_tit { text-align: center } .journal_left { width: 430px; float: left; position: relative; z-index: 10; padding: 0; border: 1px solid #ddd; } .journal_right { width: 865px; float: right; margin-bottom: 30px; } /*火狐下热区半透明支持*/ .showtitle, .showtitleIE { position: absolute; width: 400px; left: 9px; top: 10px; background: #FFF; border: #CCC solid 1px; display: none; padding: 5px; font-weight: bold; color: #01688E; font-size: 14px } .svgSty { position: absolute; left: 9px; top: 10px; display: none; opacity: 0.5; cursor: pointer } /*院报左侧*/ .catalog_right { width: 350px; float: left } .catalog_right h3 { background: #A40000; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; color: #FFF } .article_list_right { border: solid 1px #d9d9d9; background: #fcfcfc; } .article_list_right li { height: 30px; padding-left: 10px; font-size: 14px; } .article_list_right li a { background: url(../images/Journal/listType01_8.png) no-repeat 6px 9px; line-height: 30px; height: 30px; display: block; padding: 0 0 0 20px; } .article_list_right li a:hover { background: url(../images/Journal/listType01_8.png) #f2f7f7 no-repeat 6px 9px; } .catalog_left { width: 480px; float: right; border: solid 1px #d9d9d9; background: #f7f7f7; padding: 0 5px; } .catalog_left h3 { border-bottom: solid 2px #A40000; height: 38px; line-height: 38px; font-weight: normal; color: #333333; padding: 0 0 0 5px; } .journalColumn_pages { color: rgb(153, 153, 153); line-height: 21px; padding: 0 50px; text-align: center; overflow: hidden } .journalColumn_pages li a { text-decoration: none; } .journalColumn_pages li a:hover { color: rgb(16, 129, 123); } .journalColumn_pages li span { display: block; } .journalColumn_pages li .journalColumn_pages_noclick { color: rgb(153, 153, 153); } .journalColumn_pages li { background: url(/Content/Areas/Hospitals/images/Journal/pageBottom.jpg) no-repeat left center; float: left; height: 21px; opacity: 0.8; width: 87px; } .journalColumn_pages li:hover { opacity: 1; } /*院报内容页*/ .journal_con { background: #fcfcfc; border: solid 1px #d9d9d9; padding-bottom: 20px; } .journal_con h3 { border-bottom: solid 2px #A40000; padding: 8px 15px; line-height: 28px; font-weight: normal; text-align: center; color: #333333; font-weight: bold; font-size: 16px; } /*搜索*/ .leftseaerch { overflow: hidden; height: 32px; background: #f6f6f6; padding: 15px 10px; } .leftseaerch h2 { height: 30px; line-height: 30px; color: #065c7f } .leftseaerch .ddlbox { margin-right: 10px; *margin: 5px 10px 5px 0; *height: 22px; padding: 5px; color: #666; display: inline-block; float: left; width: 100px; } .leftseaerch #journalIssueIddropdown { width: 150px; } .leftseaerch .ddlbox option { border: solid 1px #DDD } .leftseaerch .leftseartxt { height: 19px; border: solid 1px #DDD; display: inline-block; width: 450px; padding: 5px; background: #FFF; margin-right: 10px; color: #333; display: block; float: left; } .leftseaerch .searchsub { font-size: 14px; width: 108px; height: 30px; display: inline-block; color: #FFF; border: none; cursor: pointer; display: block; float: left; background: #950206; } .leftseartxt { height: 20px; line-height: 20px } ul.column_list { padding: 10px 0; } .journal_con ul.column_list { padding: 10px; } .journal_con ul.column_list li { background: url(/Content/Areas/Common/images/ico4.jpg) no-repeat left 15px; border-bottom: 1px dotted #ccc; padding-left: 10px; line-height: 27px; height: 27px; font-size: 14px; } .journal_box { display: flex; gap: 30px; } .journal_box .journal_left { width: 32%; height: 100%; } .journal_box .journal_left img { width: 100%; } .journal_box .journal_right { width: calc(68% - 30px); display: flex; gap: 30px; } .journal_box .catalog_left { width: calc(70% - 30px); } .journal_box .catalog_right { width: 30%; }