* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body { font-family: PMingLiu, Mingliu; margin: 0; line-height: 1; } a { color: #000; text-decoration: none; } a:visited { color: #000; } a:hover { color: #0364b8; } .title a:visited { color: #777; } .title a:hover { color: #0364b8; } .ipad a:hover { color: #777 !important; } img { max-width: 100%; } .image { font-size: 0; } ul, li { list-style: none; padding: 0; margin: 0; } .clear { clear: both; } .tu { margin-left: 4px; color: #d51e1e; font-size:13px; } span.title_video { display: inline-block; width: 15px; height: 18px; margin-left: 7px; vertical-align: unset; background: transparent url(/assets/themes/djy/images/djy_icons.png); background-size: 500px 200px; background-repeat: no-repeat; background-position: -386px -101px; } span.title_audio { display: inline-block; width: 15px; height: 18px; margin-left: 7px; vertical-align: unset; background: transparent url(/assets/themes/djy/images/icon_audio.png); background-repeat: no-repeat; } .pageview { color: #DC0935; font-size: 13px; line-height: 16px; } main { border-bottom: 1px solid #CCCCCC; } .top_nav { background-color: #F5F5F5; padding: 6px 0 9px; max-height: 35px; } .top_nav_container, .center_nav, .bottom_nav { width: 100%; max-width: 1000px; margin: auto; position: relative; } .header_middle { text-align: center; width: 100%; display: table; } .header_left { position: absolute; left: 0; width: auto; text-align: justify; } .center_nav .header_left { color: #555; z-index: 1; } .header_right { right: 0; position: absolute; top: 0; } .header_left > div { display: inline-block; vertical-align: top; } .header_left .to_eet { width: 185px; height: 30px; } .header_left .to_eet a { margin: 0; } .header_right a, .header_left, .header_left a, .header_left > div a, .header_middle { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 20px; color: #555; } .languages label { font-size: 0; } .languages select { font-size: 11px; color: #333; float: left; width: 95px; padding: 0 7px 0 8px; margin: 0; height: 23px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; } select { -webkit-appearance: none !important; border-radius: 0; background-color: #FAFAFA; background-image: url(/assets/themes/djy/images/front-page/triangle-down.png); background-position: 94% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #ccc; padding: 0.5rem; font-size: 0.875rem; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; color: rgba(0,0,0,0.75); line-height: normal; border-radius: 0; height: 2.3125rem; } select:focus { outline: none; } .header_left a { margin-left: 6px; margin-right: 5px; } .gb_b5 > a { margin: 0; } .gb_b5 > a:first-child { margin-left: 3px; } .gb_b5 .current { border-bottom: 1px solid #000; } .header_right a { margin: 0 4px 0 5px; } .header_right a:last-child { margin-right: 0; } .header_right input { border: none; height: 23px; vertical-align: top; line-height: 22px; font-size: 14px; } .header_right input:focus { outline: none; } #focus_ad_bx_search { border: 1px solid #eee; font-size: 0; } #focus_ad_bx_search form { padding: 4px 5px; } #focus_ad_bx_search form > * { display: inline-block; vertical-align: top; height: 21px; } #focus_ad_bx_search input[type=checkbox] { display: none; } #focus_ad_bx_search .search_icon { cursor: pointer; margin-top: 2px; background:url(/load/view.php?a=aHR0cHM6Ly93d3cuZXBvY2h0aW1lcy5jb20vYXNzZXRzL3RoZW1lcy9kankvaW1hZ2VzL2RqeV9pY29ucy5wbmc); display: inline-block; background-size: 500px 200px; background-repeat: no-repeat; width: 17px; height: 18px; zoom: 1; z-index: 2; font-size: 0; background-position: -107px -101px; } #hp_logo { position: relative; } #hp_logo a { margin: 11px auto 10px; display: block; width: 280px; height: 63px; font-size: 0; } #hp_logo a:hover { text-decoration: none; } #hp_logo .logo_text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); color: #000; width: 1px; height: 1px; overflow: hidden; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .bottom_nav { text-align: center; margin-bottom: 5px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding-top: 10px; padding-bottom: 10px; } .bottom_nav > div { display: inline-block; } .bottom_nav span { display: inline-block; float: left; padding-right: 13px; } .bottom_nav .new { padding-right: 5px; } .bottom_nav .new:after { content: '新'; color: #dc0935; font-size: 13px; vertical-align: top; } .bottom_nav > div:last-child span:last-child { padding-right: 0; } .bottom_nav a { color: #1b3d8c; font-family: "Open Sans", sans-serif; font-size: 18px; letter-spacing: -0.5px; line-height: 26px; } .bottom_nav .one_group { position: relative; margin-right: 17px; } .bottom_nav .one_group:after { content: ''; height: 17px; width: 1px; position: absolute; right: -9px; top: 4px; margin-right: 4px; background-color: #1b3d8c; } .bottom_nav .has_dropdown { position: relative; } .bottom_nav .has_dropdown .sub-menu { position: absolute; display: none; background: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); top: 26px; z-index: 10; text-align: left; width: 200px; padding: 5px 3px 5px 10px; } .bottom_nav .has_dropdown .sub-menu>li { display: inline-block; height: 35px; line-height: 35px; float: left; width: 45%; padding-left: 15px; text-transform: capitalize; } .bottom_nav .has_dropdown:hover .sub-menu { display: block; } .bottom_nav .has_dropdown .arrow-right { position: relative; top: -2px; right: -3px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; float: none; } .bottom_nav .sub-menu a { font-size: 16px; line-height: 22px; } .news_list { padding-top: 13px; width: 100%; display: table; max-width: 1015px; margin: auto; margin-top: 10px; position: relative; } .news_list .left_col { width: 31%; max-width: 315px; float: left; vertical-align: top; } #focus_left_photo { width: 300px; max-width: 100%; margin: auto; position: relative; } /* for js not ready */ .js_not_ready .slideImage { position: relative; } .js_not_ready .slideImage img { width: 100%; display: block; } .js_not_ready .slide_title { height: 25px; overflow: hidden; text-align: center; font-size: 16px; line-height: 25px; margin: auto; margin-top: 5px; } .js_not_ready ul li:not(:first-child) { display: none; } /* for js not ready */ .bx-wrapper { margin: 0 auto 5px auto !important; } .bx-wrapper .bx-viewport { left: 0 !important; box-shadow: none !important; border: none !important; padding: 0; } .bx-viewport ul.bxslider { padding: 0; margin: 0; list-style: none; } .bx-viewport .slideImage { position: relative; } .bx-viewport .slideImage img { max-height: 200px; max-width: 322px; _height:200px; overflow: hidden; } .slideImage .slide_tag { position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); color: #fff; font-family: "Open Sans"; font-size: 14px; letter-spacing: -0.58px; line-height: 17px; padding: 3px 6px 1px 9px; } .bx-viewport .slide_title { height: 25px; overflow: hidden; text-align: center; font-size: 16px; line-height: 25px; margin: auto; margin-top: 5px; } #bx-pager { margin-top: 4px; display: table; } #bx-pager > div > a { max-width: 16%; float: left; border: 2px solid transparent; } #bx-pager > div > a:nth-child(7), .new_row { clear: left; } #bx-pager a:hover, #bx-pager a.active { border: 2px solid #FF5757; } #bx-pager a { font-size: 0; } #focus_left_photo .show_more { text-align: center; margin-top: 3px; } .bx-wrapper .bx-controls-direction a { top: 85px; } #focus_left_photo a.more { color: #555; font-size: 14px; line-height: 16px; } .one_title .title a { font-size: 15px; letter-spacing: -0.5px; line-height: 20px; } .more a { font-size: 13px; line-height: 16px; color: #555; } /* shenyun sidebar start */ .shenyun_creation_sidebar { background: #FFFDFA; border: 1px solid #CAB590; padding: 12px 12px 0 12px; margin-top: 10px; } .shenyun_creation_sidebar .block_title img { width: 153px; } .shenyun_creation_sidebar .post_list { margin-top: 8px; display: inline-block; } .shenyun_creation_sidebar .post_list li { border-bottom: 1px solid #CAB590; padding-bottom: 1px; margin-bottom: 8px; display: inline-block; width: 100%; position: relative; } .shenyun_creation_sidebar li:last-child { border-bottom: 0; margin-bottom: 0; } .shenyun_creation_sidebar li .image { margin-bottom: 8px; position: absolute; top: 0; right: 0; width: 95px; max-width: 45%; } .shenyun_creation_sidebar li .title { float: left; font-size: 15px; line-height: 21px; margin-bottom: 8px; padding-right: 105px; width: 100%; height: 60px; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; } /* shenyun sidebar end */ .instant_news { background: rgba(223,74,74,0.05); padding: 0 17px 17px 0; margin-top: 24px; } .instant_news .block_title { height: 26px; overflow: hidden; margin-bottom: 1px; } .instant_news .clock { display: inline-block; font-size: 15px; padding: 3px 11px 2px 35px; background-color: #DC0935; position: relative; margin-right: 3px; } .instant_news .clock:before { content: ''; position: absolute; left: 7px; top: 6px; background: transparent url(/assets/themes/djy/images/djy_icons.png); display: inline-block; background-size: 500px 200px; background-repeat: no-repeat; width: 24px; height: 15px; zoom: 1; z-index: 2; background-position: -138px -60px; } .ins_posts { padding-left: 7px; } .one_ins_term { margin-right: 8px; vertical-align: bottom; } .one_ins_term:last-child { margin-right: 0; } .one_ins_term a { color: #DF4040; font-size: 14px; line-height: 17px; } .ins_news a { color: #fff; font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 21px; } .instant_news .one_title { padding: 6px 0 4px; border-bottom: 1px solid #FFCACA; position: relative; } .instant_news .one_title .date { width: 50px; position: absolute; top: 10px; left: 0; color: #DC0935; font-size: 13px; letter-spacing: -0.5px; white-space: nowrap; vertical-align: bottom; } .instant_news .one_title .date:before, .instant_news .one_title.local .title:before { content: "\2022"; color: #DC0935; font-size: 13px; margin-right: 2px; } .instant_news .one_title .title { padding-left: 57px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; height: 20px; overflow: hidden; vertical-align: middle; } .instant_news .title a:visited { color: #777; } .instant_news .title a:hover { color: #0364b8; } .instant_news .one_title.local .title { padding-left: 0; } .instant_news .one_title:last-child { border: none; } .recommended_today, .local_news { background-color: rgba(10,101,234,0.05); padding: 0 17px 0 0; margin-top: 20px; } .recommended_today .block_title, .local_news .block_title { margin-bottom: 10px; } .recm_icon { display: inline-block; font-size: 15px; padding: 3px 8px 2px 38px; background-color: #5B72AA; position: relative; margin-right: 3px; } .recm_icon:before { content: ''; position: absolute; left: 15px; top: 4px; background: transparent url(/assets/themes/djy/images/djy_icons.png); display: inline-block; background-size: 500px 200px; background-repeat: no-repeat; width: 28px; height: 20px; zoom: 1; z-index: 2; background-position: -107px -131px; } .recm_icon a { color: #fff; font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 21px; } .one_recm_term { vertical-align: bottom; } .one_recm_term a { color: #5b72aa; font-size: 14px; line-height: 17px; } .recm_posts { padding-left: 7px; } .one_post a:visited { color: #777; } .one_post a:hover { color: #0364b8; } .recm_posts .one_post { margin: 12px 0 0; overflow: hidden; vertical-align: middle; position: relative; padding-bottom: 7px; border-bottom: 1px solid #C6D7FF; } .recm_posts .one_post:last-child { border-bottom: none; } .recm_posts .one_title { display: inline-block; vertical-align: top; width: 100%; margin-left: 4px; line-height: 1; height: 18px; } .recm_posts .one_post:last-child .one_title { border-bottom: none; } .recm_posts .one_title .title { display: block; max-height: 18px; overflow: hidden; } .recm_posts .one_post .title a { letter-spacing: 0; line-height: 18px; } .news_list .middle_col { width: 38%; max-width: 385px; padding: 11px 12px 0 11px; float: left; border-left: 1px solid #eee; border-right: 1px solid #eee; position: relative; } .news_list .middle_col a h2, .news_list .middle_col .sycom a { color: #dc0935; font-size: 14px; line-height: 17px; margin-top: 0; margin-bottom: 3px; display: inline-block; font-weight: 700; } .news_list .middle_col a:hover h2, .news_list .middle_col .sycom a:hover { text-decoration: underline; color: #0364b8; } .middle_col .focus_news_top { padding-top: 8px; padding-bottom: 7px; border-top: 1px solid #eee; line-height: 1; position: relative; } .middle_col .focus_news_top .sycom { margin-left: 9px; } .middle_col .focus_news_top:nth-child(2) { padding-top: 18px; border-top: 0; } .middle_col .newslist { height: 22px; overflow: hidden; padding-left: 6px; } .middle_col .newslist a:visited { color: #777; } .middle_col .newslist a:hover { color: #0364b8; } .middle_col .newslist:before { content: "\2022"; color: #1b3d8c; font-size: 7px; vertical-align: middle; } .middle_col .focus_news_top a { letter-spacing: 0.25px; line-height: 22px; } .focus_news_top .newslist:before { color: #000; margin-right: 5px; } .focus_center_news_bottom { margin-top: 23px; padding-top: 16px; border-top: 1px solid #eee; position: relative; } .middle_col .global_news { position: absolute; top: -13px; background-color: #fff; padding-right: 5px; font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 15px; line-height: 21px; } .middle_col .global_news.focus { top: 2px; z-index: 10; } .focus_center_news_bottom .newslist { height: 26px; } .focus_center_news_bottom .newslist a { color: #1b3d8c; font-size: 16px; line-height: 26px; } .focus_center_news_bottom .newslist.sticky a { font-weight: bold; } .focus_center_news_bottom .tu { margin-left: 0; } .focus_center_news_bottom .title_video, .focus_center_news_bottom .title_audio { margin-left: 0; } .dashccc { border-bottom: 1px solid #eee; margin-top: 1.5%; margin-bottom: 8px; width: 100%; } .focus_center_news_bottom .more_news { text-align: center; margin-top: 5px; } .focus_center_news_bottom .more_news .xml { margin: 0 7px 0 10px; } .news_list .right_col { width: 31%; max-width: 315px; float: left; vertical-align: top; } .news_list .right_col * { max-width: 100%; } #nine_commentaries { background-color: #FFFFFF; box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); margin: auto; margin-bottom: 15px; padding: 9px 6px 8px; width: 300px; } #nine_commentaries .title, #nine_commentaries .quit_ccp_number { display: block; text-align: center; } #nine_commentaries .title a { font-size: 15px; line-height: 18px; text-align: center; } .quit_ccp_number > span { color: #e57604; font-family: Arial; font-size: 35px; line-height: 40px; } .tuidang_button { border-radius: 3px; margin: 3px auto; padding: 5px 45px; display: table; } #nine_commentaries .links, #nine_commentaries .links a { color: #000000; font-size: 15px; line-height: 29px; text-align: center; margin-top: 7px; } .yesterday-tuidang { text-align: center; color: #000; font-size: 14px; font-family: "Open Sans",sans-serif; } .yesterday-tuidang > span { color: #D43900; font-size: 17px; font-family: arial; } .jingwen { padding-bottom: 4px; } .jingwen .block { line-height: 25px; text-align: center; padding-bottom: 8px; background-color: #FFF4DE; } .jingwen .block .sub { margin-bottom: 8px; padding: 12px 16px; background: #aa6138; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; font-size: 20px; } .jingwen .block .sub a { color: #ffffff; } .jingwen .block .item { font-size: 18px; line-height: 26px; letter-spacing: 2px; } .jingwen .block .item2 { margin-left: 15px; } .jingwen .image img { display: block; margin-bottom: 4px; } .jingwen .sharing { border-top: 1px solid #E5CFB8; } .jingwen .heading { font-style: normal; font-weight: 400; font-size: 15px; line-height: 21px; padding: 10px 16px; font-family: "Open Sans", sans-serif; } .jingwen .heading span { float: right; position: relative; padding-right: 12px; font-weight: 400; font-size: 14px; } .jingwen .heading span:after { position: absolute; top: 8px; right: -14px; content: ''; display: block; width: 6px; height: 6px; margin-left: 16px; margin-right: 16px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; transform: rotate(45deg); } .jingwen ul { padding-left: 8px; padding-right: 8px; } .jingwen .title { position: relative; font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; margin-bottom: 8px; padding-bottom: 4px; border-bottom: 1px solid #E5CFB8; padding-left: 12px; } .jingwen .title:before { position: absolute; left: 0; top: 0; content: "\2022"; color: #C9555A; font-size: 10px; vertical-align: middle; } .tuidang_center { text-align: center; margin-bottom: 5px; } .traditional_culture { background-color: rgba(230,193,133,0.1); display: block; margin-top: 12px; margin-bottom: 10px; padding: 0 10px 0 0; } .traditional_culture .recm_icon { background-color: #aa6138; } .traditional_culture .recm_icon:before { content: ''; position: absolute; left: 8px; top: 4px; background: transparent url(/assets/themes/djy/images/djy_icons.png); display: inline-block; background-size: 500px 200px; background-repeat: no-repeat; width: 26px; height: 20px; zoom: 1; z-index: 2; background-position: -339px -100px; } .traditional_culture .post { margin-top: 10px; display: inline-block; padding-left: 17px; } .traditional_culture li { border-bottom: 1px solid #E9CFB8; padding-bottom: 1px; margin-bottom: 5px; display: inline-block; width: 100%; position: relative; } .traditional_culture li:first-child { margin-bottom: 7px; } .traditional_culture li:last-child { border-bottom: 0; margin-bottom: 0; } .traditional_culture li .image { margin-bottom: 7px; position: absolute; top: 0; right: 0; width: 95px; max-width: 45%; } .traditional_culture li .title { float: left; font-size: 15px; line-height: 20px; margin-bottom: 7px; padding-right: 105px; width: 100%; height: 59px; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; } .traditional_culture .title a:visited { color: #777; } .traditional_culture .title a:hover { color: #0364b8; } .shows { width: 100%; max-width: 1000px; margin: auto; padding-top: 20px; margin-top: 51px; border-top: 1px solid #aaa; position: relative; display: table; border-bottom: 1px solid #aaa; } .shows .block_title { position: relative; margin-bottom: 22px; } .shows .news_shows, .shows .shows_recm { display: inline-block; vertical-align: middle; } .shows .news_shows { margin-right: 12px; } .shows .news_shows a { color: #1b3d8c; font-family: "Open Sans", sans-serif; font-size: 21px; line-height: 36px; } .shows .right_col { float: right; width: 56%; max-width: 660px; padding-left: 30px; padding-bottom: 18px; } .shows .left_col { width: 43.7%; display: inline-block; } .shows .title a:visited { color: #777; } .shows .title a:hover { color: #0364b8; } .vid_big_img .title { font-size: 22px; letter-spacing: -0.5px; line-height: 29px; display: block; margin-top: 7px; } .vid_big_img .pageview { color: #DC0935; font-size: 13px; line-height: 16px; margin-left: 3px; } .vid_big_img .image { margin-bottom: 10px; display: inline-block; max-width: 600px; position: relative; } .vid_big_img .image a:after { content: ''; position: absolute; left: 43%; top: 40%; background: transparent url(/assets/themes/djy/images/djy_icons.png); display: inline-block; background-size: 500px 200px; background-repeat: no-repeat; width: 140px; height: 140px; zoom: 1; z-index: 2; background-position: -139px -128px; } .shows .shows_recm > span { margin-right: 32px; float: left; } .shows .shows_recm > span:last-child { margin-right: 0; } .shows_recm .image, .shows_recm .name { display: inline-block; max-width: 61px; vertical-align: middle; } .shows_recm .image { margin-bottom: 3px; } .shows_recm .name { font-family: "Open Sans"; font-size: 14px; line-height: 25px; text-align: center; } .shows .video_list li { padding-bottom: 3px; margin-right: 30px; margin-bottom: 11px; width: 33.3%; max-width: 150px; float: left; } .shows .video_list li:nth-child(3n) { margin-right: 0; } .shows .video_list li:nth-child(4n) { clear: both; } .shows .video_list li:nth-child(4) { clear: both; } .video_list .title a { font-size: 16px; line-height: 22px; display: block; } .shows .video_list img { max-width: 150px; width: 100%; height: auto; } .three-col, .life_food_sports, .rankings { width: 100%; max-width: 1000px; margin: auto; margin-top: 38px; position: relative; } .three-col a { color: #000; } .three-col a:visited { color: #777; } .three-col a:hover { color: #0364b8; } .three-col .block_title { margin-bottom: 15px; padding-bottom: 10px; } .three-col .big_title, .culture_shows .big_title { margin-right: 19px; } .three-col .big_title a, .video_news .big_title a, .culture_shows .big_title a, .life_food_sports .big_title a { font-family: "Open Sans", sans-serif; color: #444;; font-size: 25px; line-height: 39px; } .three-col .sub_cat, .culture_shows .sub_cat, .life_food_sports .sub_cat, .video_news .sub_cat, .shenyun_creation .sub_cat { margin-right: 7px; margin-left: 7px; font-family: "Open Sans", sans-serif; line-height: 1; display: inline-block; } .three-col .sub_cat a, .three-col .section_title { font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 18px; margin-bottom: 7px; } .three-col .center_three { width: 100%; display: inline-block; padding-bottom: 10px; } .three-col .center_three .left_two { float: left; width: 647px; max-width: 65%; } .left_two .center_left { width: 32.5%; max-width: 210px; float: right; padding: 0 30px; } .left_two .center_middle { float: left; width: 437px; max-width: 67.5%; padding: 0 0 15px 0; } .center_three .center_right { float: right; width: 352px; max-width: 35%; padding-left: 20px; padding-bottom: 10px; } .three-col .center_left .one_post { padding-bottom: 4px; margin-bottom: 10px; } .three-col .center_left .one_post:last-child { border-bottom: none; } .three-col .center_left .image { max-width: 150px; display: block; } .three-col .center_left .title { display: block; max-width: 150px; margin-top: 4px; } .three-col .center_left .title a { font-size: 16px; line-height: 21px; } .three-col .pageview { display: block; margin-top: 3px; } .three-col .center_middle .title, .video_news .left_sub_col .title { font-size: 21px; letter-spacing: -0.5px; line-height: 27px; margin-top: 10px; max-height: 64px; overflow-y: hidden; } .video_news .left_sub_col { width: 43.7%; max-width: 100%; padding-top: 3px; display: inline-block; } .video_news .right_sub_col { float: right; width: 56%; max-width: 660px; padding-left: 30px; padding-bottom: 18px; padding-top: 3px; } .video_news .right_sub_col li { padding-bottom: 3px; margin-right: 25px; margin-bottom: 11px; width: 33.3%; max-width: 150px; float: left; } .video_news li a { position: relative; } .video_news li a .djy_video_icon { width: 25px; height: 25px; left: 7px; bottom: 7px; top: auto; position: absolute; } .center_right .title, .bottom_three .title { height: 25px; overflow: hidden; } .bottom_three .title_video, .bottom_three .title_audio { margin-left: 0; } .center_right .one_post:before, .bottom_three .one_post:before, .chinese_news .center_left .one_post:before, .rankings .one_post:before { content: "\2022"; color: #1b3d8c; font-size: 9px; margin-right: 2px; margin-left: 0; vertical-align: middle; } .center_right .title a, .bottom_three .title a { font-size: 15px; letter-spacing: -0.5px; line-height: 27px; } .bottom_three { display: inline-block; width: 100%; margin-top: 23px; padding-left: 1px; padding-bottom: 25px; } .bottom_three > div { width: 31.3%; float: left; } .center_right .section_title, .bottom_three .section_title { margin-bottom: 3px; font-weight: bold; } .bottom_three .bottom_middle { margin-left: 3%; margin-right: 3%; } .bottom_three .one_post:before { margin-right: 0; } .culture { background-color: rgba(230,193,133,0.1); padding: 19px 8px 25px; max-width: 1017px; border-bottom: 1px solid rgb(230,193,133); } .culture > .block_title { border-bottom: 1px solid #E9CFB8; } .culture .big_title { margin-right: 12px; } .culture .center_left { border-right: 1px solid #E9CFB8; } .culture .center_three { border-bottom: 1px solid #E9CFB8; } .culture .bottom_three { border-bottom: 1px solid #E9CFB8; } .three_col_popular { border-bottom: 1px solid #E9CFB8; padding-bottom: 16px; margin-bottom: 15px; } .culture_topics .one_topic { width: 47%; display: inline-block; } .culture_topics .one_topic .image { width: 136px; max-width: 100%; margin-bottom: 3px; } .culture_topics .title a { font-size: 15px; letter-spacing: -0.5px; line-height: 26px; } .health { border-bottom: 1px solid #C6E4C2; margin-bottom: 40px; padding: 19px 8px 25px; max-width: 1017px; background: rgba(198, 228, 194, 0.3); } .health .block_title { border-bottom: 1px solid #C6E4C2; padding-bottom: 3px; margin-bottom: 17px; } .health .center_left { border-right: 1px solid #C6E4C2; } .health .three_col_popular { border-bottom: 1px solid #C6E4C2; padding-bottom: 10px; } .health .center_three { border-bottom: 1px solid #C6E4C2; padding-bottom: 9px } .entertainment { margin-top: 58px; padding: 19px 8px 25px; max-width: 1017px; border-bottom: 1px solid #E8BDFF; background: rgba(232, 189, 255, 0.15); } .entertainment .block_title { border-bottom: 1px solid #E8BDFF; padding-bottom: 4px; } .entertainment .sub_cat { margin-right: 7px; margin-left: 6px; } .entertainment .center_left { border-right: 1px solid #E8BDFF; } .entertainment .three_col_popular { border-bottom: 1px solid #E8BDFF; padding-bottom: 10px; } .entertainment .center_three { border-bottom: 1px solid #E8BDFF; } .life { margin-top: 58px; border-bottom: 1px solid #ffb38a; padding: 19px 8px 25px; max-width: 1017px; background: rgba(255, 194, 61, 0.1); } .life .block_title { border-bottom: 1px solid #ffb38a; padding-bottom: 4px; } .life .sub_cat { margin-right: 7px; margin-left: 6px; } .life .center_left { border-right: 1px solid #ffb38a; } .life .three_col_popular { border-bottom: 1px solid #ffb38a; padding-bottom: 10px; } .life .center_three { border-bottom: 1px solid #ffb38a; } .culture_shows, .video_news { width: 100%; max-width: 1000px; margin: auto; margin-top: 10px; position: relative; padding-bottom: 12px; } .shenyun_creation { position: relative; margin: 40px auto 30px; width: 100%; max-width: 1000px; } .shenyun_creation::after { content: ""; clear: both; display: table; } .chinese_news { margin-top: 50px; } .culture_shows .block_title, .video_news .block_title, .shenyun_creation .block_title { margin-bottom: 12px; } .culture_shows .video_list, .video_news .post_list, .shenyun_creation .post_list { display: inline-block; width: 100%; } .culture_shows li { width: 180px; max-width: 18%; margin-right: 25px; float: left; } /*.video_news li { width: 180px; max-width: 14.55%; margin-right: 25px; float: left; }*/ .shenyun_creation li { margin-right: 15px; margin-bottom: 2%; width: 19.5%; max-width: 188px; float: left; } .culture_shows li:last-child, .video_news li:last-child, .shenyun_creation li:last-child { margin-right: 0; } .culture_shows .title, .video_news .title, .shenyun_creation .title { margin-top: 7px; font-size: 16px; line-height: 22px; display: block; } .culture_shows .pageview, .video_news .pageview { margin-top: 5px; display: block; } .life_food_sports { margin-top: 70px; border-bottom: 1px solid #ccc; } .life_food_sports .block_title { border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 8px; } .life_food_sports .big_title { margin-right: 19px; } .life_food_sports .left_categories { width: 70%; display: inline-block; padding-right: 20px; } .life_food_sports .right_sections { max-width: 300px; width: 30%; float: right; margin-top: 14px; } .life_food_sports .left_categories > div { display: inline-block; width: 100%; margin-bottom: 30px; border-bottom: 1px solid #ccc; padding-bottom: 30px; } .life_food_sports .left_categories > div:last-child { border-bottom: none; padding-bottom: 0; } .life_food_sports .one_post { width: 22%; max-width: 150px; float: left; margin-right: 25px; } .life_food_sports .one_post:last-child { margin-right: 0; } .life_food_sports .image { margin-bottom: 10px; } .life_food_sports .title a { font-size: 17px; line-height: 23px; } .life_food_sports .right_sections > div { margin-bottom: 15px; } .life_food_sports .facebook, .life_food_sports .youtube, .life_food_sports .twitter { background-color: #1b3d8c; border-radius: 5px; width: 100%; text-align: center; padding: 12px 0 10px; } .life_food_sports .facebook { padding: 10px 0 9px 0; } .life_food_sports .twitter { background-color: #1f64a8; } .life_food_sports .youtube { background-color: #323232; } .life_food_sports .facebook .text, .life_food_sports .youtube .text, .life_food_sports .twitter .text { color: #fff; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 22px; text-align: center; margin: 2px 0 8px; } .life_food_sports .youtube .text, .life_food_sports .twitter .text { color: #fff; margin: 10px 0 20px; } .life_food_sports .twitter .text { font-family: "Helvetica Neue"; font-size: 25px; font-weight: bold; letter-spacing: -0.01px; } .life_food_sports .facebook a, .life_food_sports .twitter a, .life_food_sports .youtube a { color: #fff; font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 600; letter-spacing: -0.42px; line-height: 25px; text-align: center; } .life_food_sports .facebook a:hover, .life_food_sports .twitter a:hover, .life_food_sports .youtube a:hover { color: #fff !important; } .life_food_sports .right_sections img { max-height: 28px; } .life_food_sports img { margin-right: 10px; vertical-align: bottom; } .life_food_sports .youtube img { width: 30px; vertical-align: middle; } .life_food_sports .twitter img { vertical-align: top; } .life_food_sports .recm_books { border: 1px solid #D8D8D8; border-radius: 5px; padding: 15px 30px 13px 26px; margin: 20px 0; } .life_food_sports .recm_books .text { font-family: "Open Sans", sans-serif; font-size: 25px; line-height: 36px; text-align: left; margin-bottom: 4px; margin-left: 36px; } .life_food_sports .recm_books .image { margin-left: 37px; } .recm_books .book_links a { display: block; width: 100%; font-family: "Open Sans", sans-serif; font-size: 15px; letter-spacing: -0.5px; line-height: 28px; text-align: center; } .life_food_sports .youtube .logo_img, .life_food_sports .twitter .logo_img, .life_food_sports .youtube .text, .life_food_sports .twitter .text { display: inline-block; } .life_food_sports .youtube .logo_img, .life_food_sports .twitter .logo_img { vertical-align: middle; } .chinese_news .block_title, .shenyun_creation .block_title, .video_news .block_title { border-bottom: 1px solid #D8D8D8; padding-bottom: 4px; } .shenyun_creation .block_title { position: relative; } .shenyun_creation .block_title > span { position: absolute; top: 25px; } .chinese_news .sub_cat { margin-right: 9px; margin-left: 6px; } .chinese_news .center_middle { float: left; padding: 0 18px 15px 0; width: 48%; max-width: 339px; } .chinese_news .center_left { float: left; width: 52%; max-width: 360px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-right: 20px; padding-left: 0; } .chinese_news .center_middle .title a { font-size: 21px; letter-spacing: -0.5px; line-height: 27px; } .chinese_news .center_left .title { width: 100%; max-width: 350px; height: 22px; overflow: hidden; margin-bottom: 7px; padding-left: 15px; } .chinese_news .center_left .title:before { margin-right: 0; } .center_right.commentary_today { padding-left: 10px; } .rankings { margin-top: 39px; display: table; } .left_rankings { width: 67.5%; max-width: 675px; float: left; } .right_sections { width: 32.5%; display: inline-block; } .left_rankings .one_ranking { width: 50%; float: left; } .one_ranking { border-bottom: 1px solid #ccc; margin-bottom: 40px; height: 305px; max-height: 320px; overflow: hidden; padding: 0 20px 21px 0; } .one_ranking.second_ranking { position: relative; border-bottom: none; } .one_ranking.second_ranking:after { content: ""; position: absolute; width: 90%; height: 1px; bottom: 0; background: #ccc; } .special_views { padding-right: 8px; border-bottom: none; } .local_news.rankings { border-bottom: 1px solid #ccc; } .rankings .local_sites { margin-left: 10px; } .left_rankings .one_ranking:last-child, .left_rankings .one_ranking:nth-last-child(2) { border-bottom: none; } .rankings .ranking_block_title { margin-bottom: 8px; } .rankings .ranking_block_title a { color: #1b3d8c; font-family: "Open Sans", sans-serif; font-size: 25px; line-height: 36px; } .rankings .geo a { margin-bottom: 8px; margin-right: 4px; display: inline-block; } .rankings .first_post { margin-top: 5px; margin-bottom: 7px; position: relative; overflow: hidden; } .rankings .first_post .image { max-width: 48%; position: absolute; top: 0; left: 0; width: 150px; max-height: 94px; overflow: hidden; } .rankings .first_post .title { padding-left: 50%; width: 100%; height: 94px; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; font-size: 17px; line-height: 23px; } .rankings .one_post { height: 27px; overflow: hidden; } .rankings .one_post a { line-height: 27px; } .donate_us { margin: 20px 10px 10px; } /* breaking news starts */ #desktop_breaking_news { background-color: #FFC514; position: fixed; bottom: 0; width: 100%; z-index: 100; display: none; } .fix_bottom.breaking_news { width: 1000px; max-width: 100%; margin: auto; padding: 12px 0 11px; position: relative; font-family: "Open Sans", sans-serif; } .fix_bottom.breaking_news > * { display: inline-block; } .breaking_news_bar .live_on { background-color: #182F66; color: #fff; margin-right: 17px; padding: 13px 31px 13px 32px; font-size: 19px; line-height: 26px; } .breaking_news_bar .triangle { display: inline-block; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #fff; margin-right: 5px; } .breaking_news_bar a { font-family: PMingLiU; font-size: 27px; line-height: 32px; vertical-align: sub; } #close_breaking_news { right: 0; bottom: 30%; position: absolute; font-family: "PingFang SC"; font-size: 15px; line-height: 21px; } #close_breaking_news:after { content: ""; vertical-align: bottom; margin-left: 8px; background: transparent url(/assets/themes/djy/images/djy_icons.png); display: inline-block; background-size: 500px 200px; background-repeat: no-repeat; width: 26px; height: 26px; zoom: 1; z-index: 2; background-position: -104px -155px; } /* breaking news ends */ /* newsletter subscribe start */ .newsletter { background: #edf2fa; border-top: 5px solid #045bd8; margin: 20px 10px 10px; padding-bottom: 10px; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; } .newsletter label { display: none; font-size: 0; } .newsletter .top { text-align: center; font-size: 25px; font-weight: 500; color: #000; margin: 20px 0; } .newsletter form { display: inline-block; width: 100%; padding: 0 15px; } .newsletter ul { display: inline-block; width: 100%; } .newsletter li { display: inline-block; position: relative; width: 100%; list-style-type: none; } .newsletter li span.checkbox { display: inline-block; width: 15px; height: 15px; float: left; border: 1px solid #484848; border-radius: 2px; } .newsletter li input { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; } .newsletter li input:checked ~ span.checkbox:after { content: ""; border: solid #045bd8; border-width: 0 3px 3px 0; display: inline-block; padding: 14px 4px 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: relative; top: -12px; left: 2px; } .newsletter li img { width: auto; height: 86px; float: left; position: relative; left: 8px; top: -8px; } .subscribe_email { display: inline-block; width: 68%; margin: 0; height: 30px; font-size: 15px; border-radius: 4px; border-width: 1px; outline: none; } .subscribe_email:focus { box-shadow: none; } .newsletter button.submit { display: inline-block; float: right; width: 30%; padding: 3px; margin: 0; font-size: 15px; color: #fff; background-color: #555; height: 30px; border-radius: 4px; } .newsletter button.submit.blue { background-color: #045bd8; } .newsletter .newsletter_sub_response { display: none; font-size: 13px; padding: 0 5%; color: red; margin-bottom: 5px; } .newsletter .newsletter_sub_response.success { color: #000; font-size: 16px; margin: 10px 0; line-height: 26px; } .newsletter .newsletter_sub_response.success .email { font-size: 14px; display: block; } .newsletter .newsletter_sub_response.success::before { background:url(/load/view.php?a=aHR0cHM6Ly93d3cuZXBvY2h0aW1lcy5jb20vYXNzZXRzL3RoZW1lcy9kankvaW1hZ2VzL2NoZWNrbWFya19zdWNjZXNzLnBuZw); content: ''; width: 30px; height: 30px; display: block; background-size: contain; background-repeat: no-repeat; float: left; } .newsletter.live_stream { display: inline-block; max-width: 325px; width: 32.5%; background: rgba(374,228,176) url(/assets/themes/djy/images/newsletter_ad.jpg) no-repeat top center; background-size: contain; color: #fff; overflow: unset; border: none; margin: -40px auto 0; text-align: center; padding: 0; height: unset; max-height: unset; } .newsletter.live_stream .content { padding: 15px 15px 0; } .newsletter.live_stream .title { font-size: 23px; font-weight: 500; padding-bottom: 4px; font-family: "Open Sans", sans-serif; text-align: center; } .newsletter.live_stream .text { font-size: 16px; font-weight: 300; padding-top: 3px; font-family: "Open Sans", sans-serif; text-align: center; } .newsletter.live_stream form { display: inline-block; width: 94%; margin: 222px auto 10px; padding: 0; } .newsletter.live_stream .subscribe_email { width: 100%; height: 41px; padding: 5px; margin-bottom: 5px; float: none; } .newsletter.live_stream #newsletter_sub_recaptcha { transform:scale(0.94); -webkit-transform:scale(0.94); transform-origin:0 0; -webkit-transform-origin:0 0; margin-bottom: 5px; } .newsletter.live_stream .subscribe_email.hide, .newsletter.live_stream #newsletter_sub_recaptcha.hide { display: none; } .newsletter.live_stream .submit { background-color: #0b1d52; width: 100%; height: auto; font-size: 19px; color: #fbe4bd; line-height: 34px; border-radius: 3px; cursor: pointer; } .newsletter.live_stream .submit.inactive { cursor: not-allowed; } /* newsletter subscribe end */ /* footer starts */ footer { padding-top: 20px; background: #fff; text-align: center; font-family: "Open Sans", sans-serif; } footer .container { display: inline-block; padding: 0 20px; width: 100%; max-width: 1040px; margin: auto; margin-top: 30px; position: relative; } footer .left_col { display: inline-block; float: left; width: 22%; text-align: left; padding-right: 20px; } footer .logo img { max-width: 100%; } footer .left_col .block_title { color: #555; font-size: 15px; text-align: left; padding: 25px 0 10px 10px; } footer .languages li { display: inline-block; float: left; width: 50%; line-height: 22px; font-size: 15px; } footer .languages a { color: #555; } footer .right_col { position: relative; display: inline-block; float: left; width: 78%; text-align: left; font-size: 15px; padding-left: 30px; } footer .right_col:before { content: ''; position: absolute; height: 90%; left: 0; top: 5%; border-left: 1px solid #ccc; } footer .right_col a { color: #000; line-height: 1.8; } footer .nav_block { display: inline-block; float: left; width: 22%; margin-right: 4%; margin-top: 25px; } footer .nav_block.last { margin-right: 0; } footer .nav_block .block_title { font-size: 18px; } footer .nav_block li { display: inline-block; float: left; width: 50%; } footer .nav_block.news li { width: 33.33%; } footer .friendlinks { background: #454545; color: #fff; font-size: 15px; font-weight: 200; padding: 0 0 30px; margin-top: 20px; line-height: 27px; letter-spacing: -0.3px; } footer .friendlinks a { color: #fff; display: inline-block; } footer .friendlinks .block_title { text-align: center; } footer .copyright { display: inline-block; width: 100%; font-size: 14px; color: #000; line-height: 25.2px; margin-top: 25px; padding: 20px 0; } footer .site_links { padding: 20px 0; border-bottom: 1px solid #ccc; } footer .site_links a { margin-right: 20px; } @media only screen and (max-width: 880px) { footer .left_col .block_title { padding-left: 0; } footer .languages li { width: 75%; } footer .nav_block { width: 45%; } } .cookie-bar { display: none; position: fixed; bottom: 0; width: 100%; background-color: #3d5a96; z-index: 999; vertical-align: middle; padding: 15px; font-size: 16px; color: #f2f2f2; line-height: 22px; } .cookie-bar .warning-text { width: calc(100% - 350px); padding: 0 30px 0 40px; text-align: left; } .cookie-bar span { display: inline-block; vertical-align: middle; } .cookie-bar a { text-decoration: none; } .cookie-bar .accept-btn { background-color: #fff; box-shadow: 0 -1px 1px rgba(0,0,0,0.25); -webkit-border-radius: 6px; padding: 5px 15px 6px; font-weight: 700; color: #000; margin-right: 20px; } .cookie-bar .accept-btn a { color: #000; } .cookie-bar .read-more a { color: #fff; padding: 0 10px; font-weight: bold; margin: 0 30px 0 25px; } .cookie-bar #top_close a { color: #fff; font-size: 40px; } .cookie-bar .accept-btn a:hover, .cookie-bar .read-more a:hover, .cookie-bar #top_close a:hover { color: #E28504!important; text-decoration: none; } /* footer ends*/ /* iPad vertical*/ @media only screen and (max-width: 1011px) { .news_list .right_col { width: 29.5%; } .shenyun_creation li { width: 19%; } } @media only screen and (max-width: 960px) { .newsletter.live_stream .title { font-weight: 400; font-size: 17px; } .newsletter.live_stream .text span { display: block; } .newsletter.live_stream .text { font-size: 14px; font-weight: 300; line-height: 19px; } } @media screen and (max-width: 960px) and (min-width: 700px) { .shenyun_creation li { width: 18%; } } @media only screen and (max-width: 769px) { .header_left .gb_b5 { display: none; } .header_right { font-size: 0; } #bx-pager > div > a { max-width: 14%; } #focus_left_photo a.more { font-size: 13px; line-height: 14px; bottom: 1px; } .news_list .right_col { max-width: 226px; } .shows { padding: 0 20px; } .shows .video_list li:nth-child(3n) { margin-right: 30px; } .shows .video_list li:nth-child(2n) { margin-right: 0; } .shows .video_list li:nth-child(4) { clear: none; } .shows .video_list li:nth-child(5), .shows .video_list li:nth-child(6) { display: none; } .video_news li { max-width: 13.55%; } .video_news .post_list, .shenyun_creation .post_list { padding-left: 10px; } .traditional_culture li .image { max-width: 34%; } .traditional_culture li .title { overflow-y: hidden; height: 40px; padding-right: 44%; margin-bottom: 11px; } .shenyun_creation_sidebar li .image { max-width: 32%; } .shenyun_creation_sidebar li .title { overflow-y: hidden; height: 42px; padding-right: 38%; } .culture_topics .one_topic { margin-right: 10px; } .culture_topics .one_topic:last-child { margin-right: 0; } .shows .right_col { padding-left: 20px; } .shows .video_list .title > a { height: 46px; overflow-y: hidden; } .shows .shows_recm > span { margin-right: 10px; } .shows_recm .name { font-size: 10px; line-height: 15px; } .culture_shows li { margin-right: 10px; margin-left: 5px; } .life_food_sports .one_post { margin-right: 12px; } .life_food_sports .recm_books { padding: 15px 0; } .rankings .first_post .title { height: auto; } .rankings .geo a { font-size: 13px; line-height: 15px; } .one_ranking { height: auto; } .newsletter.live_stream { padding: 10px 5px; } .newsletter.live_stream form { margin-top: 80%; } .newsletter.live_stream .subscribe_email { height: 35px; } .newsletter.live_stream .submit { font-size: 17px; line-height: 30px; } } @media screen and (max-width: 700px) and (min-width: 500px) { .shenyun_creation li { width: 18%; } } @media screen and (max-width: 450px) { .shenyun_creation li { width: 48%; max-width: 180px; } } .popup-body-noscroll body { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; } .prefer-popup-overlay { box-sizing: border-box; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.56); z-index: 10000; display: flex; justify-content: center; align-items: start; font-family: "Open Sans", sans-serif; padding-top: 14vh; } .prefer-popup-container { border-radius: .25rem; padding: 0 10px; position: relative; width: 100%; max-width: 675px; max-height: 100vh; box-sizing: border-box; background: #212e4d; } @media screen and (max-width: 640px) { .prefer-popup-container { width: calc(100% - 20px); max-width: 415px; } } .prefer-popup-close { position: absolute; right: 0; top: 0; padding: 14px 20px; color: #fff; font-size: 24px; cursor: pointer; } .prefer-popup-title { padding: 43px 0; text-align: center; font-size: 28px; font-weight: 600; color: #fff; } @media screen and (max-width: 640px) { .prefer-popup-title { font-size: 22px; } } .prefer-popup-options { display: flex; justify-content: center; } .prefer-popup-option:first-child{ margin-right: 30px; } .prefer-popup-option { flex: 0 1 220px; max-width: 220px; display: flex; flex-direction: column; justify-content: start; align-items: center; } @media screen and (max-width: 640px) { .prefer-popup-option { flex: 0 1 160px; max-width: 160px; } } .prefer-popup-option-img { width: 100%; cursor: pointer; aspect-ratio: 360/280; object-fit: cover; object-position: top; } .prefer-popup-option-btn-wrapper { width: 100%; display: flex; justify-content: center; margin-top: 18px; } .prefer-popup-option-btn { padding: 8px 35px; border-radius: 10px; border: none; margin: 0; background-color: #fff; font-size: 20px; font-weight: bold; color: #212e4d; cursor: pointer; } @media screen and (max-width: 640px) { .prefer-popup-option-btn { padding: 10px 35px; font-size: 16px; } } .prefer-popup-subtitle { padding: 40px 0; text-align: center; font-size: 14px; color: #fff; }