@charset "utf-8";
/*  begin */


.arl_003 { position: relative;}

.arl_003 .rate_list { position: relative;}
.arl_003 .rate_list li { position: relative; padding-left: 24px; margin-top: 12px;}
.arl_003 .rate_list li:first-child { margin-top: 0;}
.arl_003 .rate_list li a { display: block; line-height: 1.3;}
.arl_003 .rate_list li a span { position: absolute; left: 0; top: 0; width: 24px; font-size: 17px; color: #f34235; display: block; font-family: rubik, sans-serif; font-weight: 300; line-height: 1;}
.arl_003 .rate_list li a:hover { color: #808080;}
/*  end */
/*  begin */


.arv_008_01:after { content: ""; display: block; clear: both;}

.arv_008_01 .util { position: absolute; right: 55px; bottom: 18px;}
.arv_008_01 .util:after { content: ""; display: block; clear: both;}
.arv_008_01 .util li { float: left; padding: 0 5px; background: url(/data/skin/content_custom/1/arv_008_01//images/icon_bu.png) no-repeat 0 center;}
.arv_008_01 .util li:first-child { background: none;}
.arv_008_01 .util li a { position: relative; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url(/data/skin/content_custom/1/arv_008_01//images/btn_util.png) no-repeat 0 0; transition: none;}
.arv_008_01 .util li.u01 a { background-position: 0 0;}
.arv_008_01 .util li.u02 a { background-position: -20px 0;}
.arv_008_01 .util li.u03 a { background-position: -40px 0;}
.arv_008_01 .util li.u04 a { background-position: -60px 0;}
.arv_008_01 .util li a:hover { background-position-y: -20px;}

.arv_008_01 .art_top { position: relative; margin-bottom: 30px;}
.arv_008_01 .art_top h2 { position: relative; font-size: 36px; line-height: 1.3; color: #222; margin-bottom: 15px; letter-spacing: -0.07em; padding: 15px 0 0;}

.arv_008_01 .art_top .art_info { padding: 5px 250px 15px 0; border-bottom: 1px solid #dedede;}
.arv_008_01 .art_top .art_info:after { content: ""; display: block; clear: both;}
.arv_008_01 .art_top .art_info li { float: left; color: #666; font-size: 13px; padding-left: 10px; margin-left: 10px; background: url(/data/skin/content_custom/1/arv_008_01//images/icon_bu02.png) no-repeat 0 4px;}
.arv_008_01 .art_top .art_info li:first-child { margin-left: 0; padding-left: 0; background: none;}
.arv_008_01 .art_top .art_info li a { color: #666; font-size: 13px;}

.arv_008_01 .art_top .txt_zoom { position: absolute; right: 0; bottom: 16px;}
.arv_008_01 .art_top .txt_zoom:after { content: ""; display: block; clear: both;}
.arv_008_01 .art_top .txt_zoom li { float: left; margin-left: -1px;}
.arv_008_01 .art_top .txt_zoom li a { position: relative; display: block; width: 23px; height: 23px; background: url(/data/skin/content_custom/1/arv_008_01//images/btn_zoom.png) no-repeat 0 0; text-indent: -9999px; border: 1px solid #d4d4d4; transition: none;}
.arv_008_01 .art_top .txt_zoom li.tz01 a { background-position: 0 0;}
.arv_008_01 .art_top .txt_zoom li.tz02 a { background-position: -23px 0;}
.arv_008_01 .art_top .txt_zoom li a:active { background-position-y: -23px; background-color: #f6f6f6;}

.arv_008_01 .art_share .btn_share:after { content: ""; display: block; clear: both;}
.arv_008_01 .art_share .btn_share li { float: left; margin-right: 5px;}
.arv_008_01 .art_share .btn_share li a { display: block; width: 25px; height: 25px; background: url(/data/skin/content_custom/1/arv_008_01//images/btn_share.png) no-repeat 0 0; text-indent: -9999px;}
.arv_008_01 .art_share .btn_share li.bs01 a { background-position: 0 0;}
.arv_008_01 .art_share .btn_share li.bs02 a { background-position: -30px 0;}
.arv_008_01 .art_share .btn_share li.bs03 a { background-position: -60px 0;}
.arv_008_01 .art_share .btn_share li.bs04 a { background-position: -90px 0;}
.arv_008_01 .art_share .btn_share li.bs05 a { background-position: -120px 0;}
.arv_008_01 .art_share .btn_share li.bs06 a { background-position: -150px 0;}
.arv_008_01 .art_share .btn_share li.bs07 a { background-position: -180px 0;}
.arv_008_01 .art_share .btn_share li.bs08 a { background-position: -210px 0;}
.arv_008_01 .art_share .btn_share li.bs09 a { background-position: -240px 0;}
.arv_008_01 .art_share .btn_share li.bs10 a { background-position: -270px 0;}
.arv_008_01 .art_share .btn_share li.bs11 a { background-position: -300px 0;}
.arv_008_01 .art_share .btn_share li a:hover { opacity: .8;}

.arv_008_01 .btn_url_copy { position: absolute; right: 182px; bottom: 13px; display: block; padding: 4px 10px 6px; background: #eff0f2; border: 1px solid #ddd; border-radius: 20px; transition: background-color .3s ease;}
.arv_008_01 .btn_url_copy:hover { background: #dfdfdf;}

.arv_008_01 .fix_art_top.fix .h_scroll_bar { position: relative; bottom: -1px; content: ""; display: block; height: 3px; background: #0c5ba7; transition: width .3s ease-out;}
.arv_008_01 .fix_art_top.fix { position: fixed; left: 0; top: 0; width: 100%; min-width: 1200px; border-bottom: 1px solid #dedede; background: #fff; background: rgba(255,255,255,.95); z-index: 500;}
.arv_008_01 .fix_art_top.fix > div { position: relative; max-width: 1140px; margin: 0 auto; padding: 0 30px;}
.arv_008_01 .fix_art_top.fix .art_top { margin-bottom: 0;}
.arv_008_01 .fix_art_top.fix .art_top .art_info { border-bottom: 0; padding: 15px 380px 15px 0;}
.arv_008_01 .fix_art_top.fix .art_top h2 { font-size: 28px; padding: 15px 0 0; margin-bottom: 0;}
.arv_008_01 .fix_art_top.fix .art_share { position: absolute; right: 180px; bottom: 15px; display: block !important;}
.arv_008_01 .fix_art_top.fix .btn_url_copy { right: 340px;}
/*  end */
/*  begin */


.arl_075 { position: relative;}
.arl_075 .tit_set { margin-bottom: 11px;}

.arl_075 .art_list { position: relative;}
.arl_075 .art_list > li { margin: 13px 0 0;}
.arl_075 .art_list > li:first-child { margin-top: 0;}

.arl_075 .art_list.line > li { margin: 10px 0 0; border-top: 1px solid #e0e0e0; padding-top: 10px;}
.arl_075 .art_list.line > li:first-child { padding-top: 0; border-top: 0;}

.arl_075 .art_list > li > a { position: relative; display: block; padding-left: 135px; height: 55px;}
.arl_075 .art_list > li > a > span { position: absolute; left: 40px; top: 0; display: block; width: 80px; height: 53px; overflow: hidden; border: 1px solid #ddd; transition: opacity .3s ease;}
.arl_075 .art_list > li > a > span img { width: 80px; height: 53px;}
.arl_075 .art_list > li > a .txt_box { display: table; width: 100%; table-layout: fixed;}
.arl_075 .art_list > li > a .txt_box h2 { display: table-cell; width: 100%; height: 55px; vertical-align: middle;}
.arl_075 .art_list > li > a .txt_box span { display: block; font-size: 15px; font-weight: normal; height: auto !important; max-height: 48px; color: #222; line-height: 1.6; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.arl_075 .art_list > li > a .rank { position: absolute; left: 0; top: 50%; width: 30px; font-size: 29px; color: #999; display: block; font-family: rubik, sans-serif; font-weight: 700; font-style: italic; text-align: center; line-height: 1; margin-top: -14px;}

.arl_075 .art_list > li.no_img { min-height: inherit;}
.arl_075 .art_list > li.no_img > a { padding-left: 40px; height: auto;}
.arl_075 .art_list > li.no_img > a .txt_box h2 { height: auto;}
.arl_075 .art_list > li.no_img > a .txt_box span { text-overflow: ellipsis; white-space: nowrap; display: block;}

.arl_075 .art_list > li > a:hover h2, .arl_075 .art_list > li > a:hover span { opacity: .75;}

.arl_075 .rank1 .rank,
.arl_075 .rank2 .rank,
.arl_075 .rank3 .rank { color: #222 !important;}
.arl_075 .rank1 .txt_box span, 
.arl_075 .rank2 .txt_box span, 
.arl_075 .rank3 .txt_box span { font-weight: bold !important;}

.arl_075 .art_list.on_img.round > li > a { height: 62px; padding-left: 115px;}
.arl_075 .art_list.on_img.round > li > a > span { border-radius: 50%; overflow: hidden; width: 60px; height: 60px;}
.arl_075 .art_list.on_img.round > li > a > span img { width: 60px; height: 60px;}
/*  end */
/*  begin */


.ban_002 { position: relative; padding: 33px 0; overflow: hidden;}

.ban_002 .bx-viewport { height: 200px;}
.ban_002 .slide_wrap { position: relative;}
.ban_002 .slide_wrap .photo_box li { position: relative;}
.ban_002 .slide_wrap .photo_box li a { position: relative; display: block; transition: none; text-decoration: none;}
.ban_002 .slide_wrap .photo_box li a > span { display: block; margin-bottom: 7px;}
.ban_002 .slide_wrap .photo_box li a img { width: 100%; height: auto;}
.ban_002 .slide_wrap .photo_box li a i { display: block; line-height: 1.3; max-height: 34px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-style: normal;}

.ban_002 .bx-controls-direction { display: block;}
.ban_002 .bx-controls-direction a { position: absolute; left: 0; display: block; width: 100%; height: 30px; background: url(/data/skin/content/1/ban_002//images/btn_slide.png) no-repeat center 0; z-index: 100; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.ban_002 .bx-controls-direction a.bx-prev { top: -30px; background-position: center 0;}
.ban_002 .bx-controls-direction a.bx-next { bottom: -30px; background-position: center -30px;}
.ban_002 .bx-pager { display: none;}
.ban_002 .slide_wrap .photo_box li a:hover { opacity: .75;}

.ban_002 .slide_num { position: absolute; right: 0; top: 7px; color: #808080; font-size: 11px;}
.ban_002 .slide_num strong { font-weight: normal;}
/*  end */
/*  begin */


.arl_005 { position: relative;}

.arl_005 .time_list { position: relative; background: #f3f3f3 url(/data/skin/content/1/arl_005//images/bg_line.png) repeat-y 19px 0; border: 1px solid #dedede; padding: 15px 12px 0 38px;}
.arl_005 .time_list h3 { font-family: rubik, sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0;}
.arl_005 .time_list ul { margin-bottom: 15px;}
.arl_005 .time_list ul li { position: relative; margin-top: 8px;}
.arl_005 .time_list ul li:before { position: absolute; left: -23px; top: 50%; content: ""; display: block; width: 12px; height: 12px; background: url(/data/skin/content/1/arl_005//images/icon_dot.png) no-repeat 0 0; margin-top: -6px;}
.arl_005 .time_list ul li a { position: relative; display: block; background: #fff; border: 1px solid #dedede; border-radius: 3px; padding: 0 50px 0 10px;}
.arl_005 .time_list ul li a:before { position: absolute; left: -6px; top: 50%; content: ""; display: block; width: 6px; height: 10px; background: url(/data/skin/content/1/arl_005//images/bg_arrow.png) no-repeat 0 0; margin-top: -5px;}
.arl_005 .time_list ul li a b { display: block; font-weight: normal; font-size: 14px; height: 36px; line-height: 33px; transition: .3s all ease;}
.arl_005 .time_list ul li a > span { position: absolute; right: -1px; top: -1px; display: block; width: 43px; height: 38px; background: #0c5ba7; text-align: center; border-radius: 0 3px 3px 0;}
.arl_005 .time_list ul li a > span > span { position: absolute; left: 0; top: 0; display: block; width: 43px; height: 38px; background: url(/data/skin/content/1/arl_005//images/bg_shadow.png) repeat 0 0; background: rgba(139,139,139,.8); border-radius: 0 3px 3px 0; transition: .3s all ease;}
.arl_005 .time_list ul li a > span > i { position: relative; font-style: normal; font-family: rubik, sans-serif; letter-spacing: 0; color: #fff; display: block; height: 38px; line-height: 38px;}

.arl_005 .time_list ul li a:hover > span > span { background: none;}
.arl_005 .time_list ul li a:hover b { color: #f34235;}
/*  end */
/*  begin */


.arv_009_01:after { content: ""; display: block; clear: both;}

.arv_009_01 .sub_tit { position: relative; font-size: 17px; color: #333; font-weight: normal; padding-left: 16px; overflow: hidden; line-height: 1.6; margin-bottom: 25px;}
.arv_009_01 .sub_tit:after { position: absolute; left: 0; top: 3px; content: ""; display: block; width: 4px; height: 500px; background: #0c5ba7;}
.arv_009_01 .smartOutput { width: 100%;}

.arv_009_01 .art_more { position: relative; text-align: right; line-height: 1; padding-top: 30px; clear: both;}
.arv_009_01 .art_more a { padding-right: 15px; background: url(/data/skin/content_custom/1/arv_009_01//images/icon_more.png) no-repeat right 5px;}
.arv_009_01 .art_more a:hover { color: #0c5ba7;}

/* Fixed Movie Wrapper */
.arv_009_01 .x-movie iframe { visibility: hidden;}
.arv_009_01 .mov_wrap iframe { visibility: visible;}
.arv_009_01 .x-movie.fixed > div { position: fixed; right: 40px; bottom: 100px; width: 400px; height: 225px; z-index: 100000; box-shadow: 0 0 15px; rgba(0,0,0,.3);}
.arv_009_01 .x-movie.fixed > div > iframe { width: 400px !important; height: 225px !important;}
.arv_009_01 .x-movie > div > a { display: none;}
.arv_009_01 .x-movie.fixed > div > a { position: absolute; right: 0; top: -35px; display: block; width: 33px; height: 33px; border: 1px solid #aaa; background: #fff url(/data/skin/content_custom/1/arv_009_01//images/btn_mov_close.png) no-repeat center center; text-indent: -9999em; cursor: pointer; z-index: 100001;}
/*  end */
/*  begin */


.arl_011 { position: relative;}

.arl_011 .box_link { position: relative; display: block; margin-top: 10px;}
.arl_011 .box_link:first-child { margin-top: 0;}
.arl_011 .box_link > span { border: 1px solid #0c5ba7;}
.arl_011 .box_link > span img { transition: opacity .3s ease;}
.arl_011 .box_link > div { position: relative; background: #0c5ba7; padding: 10px 9px 13px; transition: .3s all ease;}
.arl_011 .box_link:hover > div { background: #004795;}
.arl_011 .box_link h4 { font-size: 17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom: 3px; color:#fff; line-height: 1.3;}
.arl_011 .box_link p { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff;}
.arl_011 .box_link:hover img { opacity: .75;}
/*  end */
/*  begin */


.arv_002 { position: relative; padding: 20px 0 30px;}
.arv_002 .btn_share { position: relative; border-bottom: 1px solid #dedede;}
.arv_002 .btn_share:after { content: ""; display: block; clear: both;}
.arv_002 .btn_share li { float: left; margin-right: 8px; margin-bottom: 10px;}
.arv_002 .btn_share li a { display: block; width: 34px; height: 34px; background: url(/data/skin/content/1/arv_002//images/btn_share.png?200401) no-repeat 0 0; text-indent: -9999px;}
.arv_002 .btn_share li.bs01 a { background-position: 0 0;}
.arv_002 .btn_share li.bs02 a { background-position: -40px 0;}
.arv_002 .btn_share li.bs03 a { background-position: -80px 0;}
.arv_002 .btn_share li.bs04 a { background-position: -120px 0;}
.arv_002 .btn_share li.bs05 a { background-position: -160px 0;}
.arv_002 .btn_share li.bs06 a { background-position: -200px 0;}
.arv_002 .btn_share li.bs07 a { background-position: -240px 0;}
.arv_002 .btn_share li.bs08 a { background-position: -280px 0;}
.arv_002 .btn_share li.bs09 a { background-position: -320px 0;}
.arv_002 .btn_share li.bs10 a { background-position: -360px 0;}
.arv_002 .btn_share li.bs11 a { background-position: -400px 0;}
.arv_002 .btn_share li.bs12 a { background-position: -440px 0;}
.arv_002 .btn_share li a:hover { opacity: .8;}

.arv_002 .copyright { position: relative; font-size: 13px; color: #808080; padding: 10px 0 0;}
/*  end */
/*  begin */


.arv_015 { position: relative;}

.arv_015 .file_box { position: relative; margin-bottom: 10px;}
.arv_015 .file_list { position: relative; padding: 12px 0;}
.arv_015 .file_list:after { content: ""; display: block; clear: both;}
.arv_015 .file_list li { color: #808080; background: url(/data/skin/content/1/arv_015//images/icon_file.png) no-repeat 0 3px; padding-left: 20px; margin-bottom: 10px;}
.arv_015 .file_list li a { color: #808080; font-size: 14px;}
.arv_015 .file_list li a:hover { color: #222; text-decoration: underline;}
/*  end */
/*  begin */


.cus_002 { position: relative; overflow: hidden;}
.cus_002 .thumb { position: relative; display: block; background: #000; overflow: hidden;}
.cus_002 .thumb .bfbox:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,.075); -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; z-index: 2;}
.cus_002 .thumb:before { content: ""; display: block;}
.cus_002 .thumb.square.radius { border-radius: 50%; overflow: hidden; background: none;}
.cus_002 .thumb.square.radius .bfbox { border-radius: 50%; overflow: hidden;}
.cus_002 .thumb.square.radius .bfbox:after { border-radius: 50%;}

.cus_002 .thumb.origin .bfbox	{ position: static;}
.cus_002 .thumb.square:before	{ padding-top: 100%;}
.cus_002 .thumb.normal:before	{ padding-top: 66.7%;}
.cus_002 .thumb.movie:before	{ padding-top: 56.3%;}
.cus_002 .thumb.portrait:before	{ padding-top: 130%;}

.cus_002 .fs14 { font-size: 14px;}
.cus_002 .fs15 { font-size: 15px;}
.cus_002 .fs17 { font-size: 17px;}
.cus_002 .fs18 { font-size: 18px;}
.cus_002 .fs21 { font-size: 21px;}
.cus_002 .fs24 { font-size: 24px;}
.cus_002 .fs27 { font-size: 27px;}
.cus_002 .fs31 { font-size: 31px;}
.cus_002 .fs36 { font-size: 36px;}
.cus_002 .fs42 { font-size: 42px;}

.cus_002 .fw400 { font-weight: 400;}
.cus_002 .fw700 { font-weight: 700;}

.cus_002 .fc_main { color: #0c5ba7;}
.cus_002 .fc_sub { color: #f34235;}
.cus_002 .fc_black { color: #222;}
.cus_002 .fc_dark { color: #666;}
.cus_002 .fc_gray { color: #999;}

.cus_002 .line { display: block; line-height: 1.6; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical;}
.cus_002 .line.l1 { max-height: 17px; -webkit-line-clamp:1;}
.cus_002 .line.l2 { max-height: 39px; -webkit-line-clamp:2;}
.cus_002 .line.l3 { max-height: 58px; -webkit-line-clamp:3;}
.cus_002 .line.l4 { max-height: 77px; -webkit-line-clamp:4;}
.cus_002 .line.l5 { max-height: 96px; -webkit-line-clamp:5;}
.cus_002 .line.l6 { max-height: 115px; -webkit-line-clamp:6;}
.cus_002 .line.l7 { max-height: 131px; -webkit-line-clamp:7;}
.cus_002 .line.l8 { max-height: 150px; -webkit-line-clamp:8;}

.cus_002 .line.l1.fs14 { max-height: 19px; line-height: 1.3;}
.cus_002 .line.l2.fs14 { max-height: 36px; line-height: 1.3;}
.cus_002 .line.l3.fs14 { max-height: 54px; line-height: 1.3;}

.cus_002 .line.l1.fs15 { max-height: 21px; line-height: 1.3;}
.cus_002 .line.l2.fs15 { max-height: 38px; line-height: 1.3;}
.cus_002 .line.l3.fs15 { max-height: 57px; line-height: 1.3;}

.cus_002 .line.l1.fs17 { max-height: 22px; line-height: 1.3;}
.cus_002 .line.l2.fs17 { max-height: 44px; line-height: 1.3;}
.cus_002 .line.l3.fs17 { max-height: 66px; line-height: 1.3;}

.cus_002 .line.l1.fs18 { max-height: 25px; line-height: 1.3;}
.cus_002 .line.l2.fs18 { max-height: 46px; line-height: 1.3;}
.cus_002 .line.l3.fs18 { max-height: 69px; line-height: 1.3;}

.cus_002 .line.l1.fs21 { max-height: 28px; line-height: 1.3;}
.cus_002 .line.l2.fs21 { max-height: 54px; line-height: 1.3;}
.cus_002 .line.l3.fs21 { max-height: 81px; line-height: 1.3;}

.cus_002 .line.l1.fs24 { max-height: 31px; line-height: 1.3;}
.cus_002 .line.l2.fs24 { max-height: 62px; line-height: 1.3;}
.cus_002 .line.l3.fs24 { max-height: 93px; line-height: 1.3;}

.cus_002 .line.l1.fs27 { max-height: 36px; line-height: 1.3;}
.cus_002 .line.l2.fs27 { max-height: 70px; line-height: 1.3;}
.cus_002 .line.l3.fs27 { max-height: 105px; line-height: 1.3;}

.cus_002 .line.l1.fs31 { max-height: 40px; line-height: 1.25;}
.cus_002 .line.l2.fs31 { max-height: 77px; line-height: 1.25;}
.cus_002 .line.l3.fs31 { max-height: 115px; line-height: 1.25;}

.cus_002 .line.l1.fs36 { max-height: 48px; line-height: 1.3;}
.cus_002 .line.l2.fs36 { max-height: 91px; line-height: 1.25;}
.cus_002 .line.l3.fs36 { max-height: 136px; line-height: 1.25;}

.cus_002 .line.l1.fs42 { max-height: 56px; line-height: 1.25;}
.cus_002 .line.l2.fs42 { max-height: 102px; line-height: 1.25;}
.cus_002 .line.l3.fs42 { max-height: 152px; line-height: 1.25;}

.cus_002 .hf .line.l1 { height: 17px;}
.cus_002 .hf .line.l2 { height: 39px;}
.cus_002 .hf .line.l3 { height: 58px;}
.cus_002 .hf .line.l4 { height: 77px;}
.cus_002 .hf .line.l5 { height: 96px;}
.cus_002 .hf .line.l6 { height: 115px;}
.cus_002 .hf .line.l7 { height: 131px;}
.cus_002 .hf .line.l8 { height: 150px;}

.cus_002 .hf .line.l1.fs14 { height: 19px;}
.cus_002 .hf .line.l2.fs14 { height: 36px;}
.cus_002 .hf .line.l3.fs14 { height: 54px;}

.cus_002 .hf .line.l1.fs15 { height: 21px;}
.cus_002 .hf .line.l2.fs15 { height: 38px;}
.cus_002 .hf .line.l3.fs15 { height: 57px;}

.cus_002 .hf .line.l1.fs17 { height: 22px;}
.cus_002 .hf .line.l2.fs17 { height: 44px;}
.cus_002 .hf .line.l3.fs17 { height: 66px;}

.cus_002 .hf .line.l1.fs18 { height: 25px;}
.cus_002 .hf .line.l2.fs18 { height: 46px;}
.cus_002 .hf .line.l3.fs18 { height: 69px;}

.cus_002 .hf .line.l1.fs21 { height: 28px;}
.cus_002 .hf .line.l2.fs21 { height: 54px;}
.cus_002 .hf .line.l3.fs21 { height: 81px;}

.cus_002 .hf .line.l1.fs24 { height: 31px;}
.cus_002 .hf .line.l2.fs24 { height: 62px;}
.cus_002 .hf .line.l3.fs24 { height: 93px;}

.cus_002 .hf .line.l1.fs27 { height: 36px;}
.cus_002 .hf .line.l2.fs27 { height: 70px;}
.cus_002 .hf .line.l3.fs27 { height: 105px;}

.cus_002 .hf .line.l1.fs31 { height: 40px;}
.cus_002 .hf .line.l2.fs31 { height: 77px;}
.cus_002 .hf .line.l3.fs31 { height: 115px;}

.cus_002 .hf .line.l1.fs36 { height: 48px;}
.cus_002 .hf .line.l2.fs36 { height: 91px;}
.cus_002 .hf .line.l3.fs36 { height: 136px;}

.cus_002 .hf .line.l1.fs42 { height: 56px;}
.cus_002 .hf .line.l2.fs42 { height: 102px;}
.cus_002 .hf .line.l3.fs42 { height: 152px;}

.cus_002 .category { display: block; font-style: normal; line-height: 1.3; margin-bottom: 4px;}
.cus_002 .sub_tit { margin: 4px 0;}
.cus_002 .art_txt { color: #808080; word-break: break-all;}
.cus_002 .type1 .art_txt, .cus_002 .type3 .art_txt { margin-top: 5px;}
.cus_002 .date { display: inline-block; color: #4e4e4e; font-size: 13px; margin-top: 4px; margin-right: 5px; font-weight: normal;}
.cus_002 .writer { display: inline-block; font-weight: 400; color: #808080; margin-top: 4px; font-size: 13px;}

.cus_002 .bp_m .category { margin-bottom: 6px;}
.cus_002 .bp_m .sub_tit { margin: 6px 0;}
.cus_002 .type1.bp_m .art_txt, .cus_002 .type3.bp_m .art_txt { margin-top: 7px;}
.cus_002 .bp_m .date { margin-top: 6px;}
.cus_002 .bp_m .writer { margin-top: 6px;}

.cus_002 .bp_l .category { margin-bottom: 8px;}
.cus_002 .bp_l .sub_tit { margin: 8px 0;}
.cus_002 .type1.bp_l .art_txt, .cus_002 .type3.bp_l .art_txt { margin-top: 8px;}
.cus_002 .bp_l .date { margin-top: 8px;}
.cus_002 .bp_l .writer { margin-top: 8px;}

.cus_002 .tw { margin: 0 -5px;}
.cus_002 .lt_table { display: table; width: 100%;}
.cus_002 .lt_mcell { display: table-cell; vertical-align: middle; padding: 0 5px;}
.cus_002 .lt_tcell { display: table-cell; vertical-align: middle; padding: 0 5px;}
.cus_002 .bp_m .tw { margin: 0 -8px;}
.cus_002 .bp_m .lt_mcell { padding: 0 8px;}
.cus_002 .bp_m .lt_tcell { padding: 0 8px;}
.cus_002 .bp_l .tw { margin: 0 -12px;}
.cus_002 .bp_l .lt_mcell { padding: 0 12px;}
.cus_002 .bp_l .lt_tcell { padding: 0 12px;}

.cus_002 .type2.bp_s .lt_table, .cus_002 .type4.bp_s .lt_table { margin-top: .5em;}
.cus_002 .type2.bp_m .lt_table, .cus_002 .type4.bp_m .lt_table { margin-top: .7em;}
.cus_002 .type2.bp_l .lt_table, .cus_002 .type4.bp_l .lt_table { margin-top: .9em;}

.cus_002 .link_con > li { padding: 13px 0 0;}
.cus_002 .link_con > li:first-child { padding: 0;}
.cus_002 .link_con.hr > li { margin: 13px 0 0; border-top: 1px solid #dedede;}
.cus_002 .link_con.hr > li:first-child { margin: 0; border-top: 0;}
.cus_002 .link_con.grid.hr { margin-top: 13px; padding-top: 13px; border-top: 1px solid #dedede;}
.cus_002 .link_con.grid.hr:first-child { margin-top: 0; padding-top: 0; border-top: 0;}

.cus_002 .bp_s > li { padding: 13px 0 0;}
.cus_002 .bp_s.hr > li { margin: 13px 0 0;}
.cus_002 .bp_m > li { padding: 19px 0 0;}
.cus_002 .bp_m.hr > li { margin: 19px 0 0;}
.cus_002 .bp_l > li { padding: 26px 0 0;}
.cus_002 .bp_l.hr > li { margin: 26px 0 0;}

.cus_002 .link_box { position: relative; display: block; background: transparent; transition: all .3s ease;}
.cus_002 .box .link_box { position: relative; background: #f0f0f0; padding: 12px 13px 13px 13px;}
.cus_002 .box.box_w .link_box { background: #fff;}
.cus_002 .box .link_box:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 1px solid #dedede; -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; z-index: 2;}
.cus_002 .box.bp_s .link_box { padding: 12px 13px 13px 13px;}
.cus_002 .box.bp_m .link_box { padding: 18px 19px 19px 19px;}
.cus_002 .box.bp_l .link_box { padding: 24px 26px 26px 26px;}

/*
.cus_002 .rank { position: relative; padding-left: 25px;}
.cus_002 .rank:after { position: absolute; left: 0; top: 0; display: block; font-family: Rubik, sans-serif; font-weight: 400; font-size: 17px; color: #f34235;}
.cus_002 .rank.rank1:after { content: "1";}
.cus_002 .rank.rank2:after { content: "2";}
.cus_002 .rank.rank3:after { content: "3";}
.cus_002 .rank.rank4:after { content: "4";}
.cus_002 .rank.rank5:after { content: "5";}
.cus_002 .rank.rank6:after { content: "6";}
.cus_002 .rank.rank7:after { content: "7";}
.cus_002 .rank.rank8:after { content: "8";}
.cus_002 .rank.rank9:after { content: "9";}
.cus_002 .rank.rank10:after { content: "10";}
.cus_002 .rank.rank11:after { content: "11";}
.cus_002 .rank.rank12:after { content: "12";}
.cus_002 .rank.rank13:after { content: "13";}
.cus_002 .rank.rank14:after { content: "14";}
.cus_002 .rank.rank15:after { content: "15";}
.cus_002 .rank.rank16:after { content: "16";}
.cus_002 .rank.rank17:after { content: "17";}
.cus_002 .rank.rank18:after { content: "18";}
.cus_002 .rank.rank19:after { content: "19";}
.cus_002 .rank.rank20:after { content: "20";}
.cus_002 .rank.rank21:after { content: "21";}
.cus_002 .rank.rank22:after { content: "22";}
.cus_002 .rank.rank23:after { content: "23";}
.cus_002 .rank.rank24:after { content: "24";}
.cus_002 .rank.rank25:after { content: "25";}
.cus_002 .rank.rank26:after { content: "26";}
.cus_002 .rank.rank27:after { content: "27";}
.cus_002 .rank.rank28:after { content: "28";}
.cus_002 .rank.rank29:after { content: "29";}
*/

.cus_002 .link_box:hover .art_con, 
.cus_002 .link_box:hover .thumb .bfbox { opacity: .85;}
.cus_002 .link_box:hover > .category, 
.cus_002 .link_box:hover > .tit, 
.cus_002 .link_box:hover > .sub_tit { opacity: .85;}
.cus_002 .link_con.box > li .link_box:hover { opacity: 1;}
/* .cus_002 .link_box:visited .tit { color: #666;} */


.cus_002 .grid.link_con > li { padding: 0; margin: 0; border: 0;}
.cus_002 .grid:after { content: ""; display: block; clear: both;}
.cus_002 .grid { margin: 0 -7px;}
.cus_002 .grid > li { float:left; width: 100%;}
.cus_002 .grid .link_box { margin: 0 7px;}

.cus_002 .grid.g2 > li { width: 50%;}
.cus_002 .grid.g3 > li { width: 33.3333%;}
.cus_002 .grid.g4 > li { width: 25%;}
.cus_002 .grid.g5 > li { width: 20%;}
.cus_002 .grid.g6 > li { width: 16.6666%;}

.cus_002 .cus_wrap .link_con.grid.bp_s { margin-top: 13px;}
.cus_002 .cus_wrap .link_con.grid.bp_m { margin-top: 19px;}
.cus_002 .cus_wrap .link_con.grid.bp_l { margin-top: 26px;}
.cus_002 .cus_wrap .link_con.grid.hr.bp_s { padding-top: 13px;}
.cus_002 .cus_wrap .link_con.grid.hr.bp_m { padding-top: 19px;}
.cus_002 .cus_wrap .link_con.grid.hr.bp_l { padding-top: 26px;}
.cus_002 .cus_wrap .link_con.grid:first-child { margin-top: 0; padding-top: 0 !important;}

.cus_002 .grid.bp_m { margin: 0 -12px;}
.cus_002 .grid.bp_m .link_box { margin: 0 12px;}
.cus_002 .grid.bp_l { margin: 0 -18px;}
.cus_002 .grid.bp_l .link_box { margin: 0 18px;}
/*  end */
/*  begin */


.arv_016 { position: relative;}

.arv_016 .jour_box { position: relative; border: 1px solid #e0e0e0; padding: 20px; margin-bottom: 20px; box-shadow: 1px 1px 0px rgba(0,0,0,.25); display: flex;}
.arv_016 .jour_box .jb_photo > span { position: relative; display: block; width: 76px;}
.arv_016 .jour_box .jb_photo > span:after { position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,.1);}
.arv_016 .jour_box .jb_photo img { width: 100%;}
.arv_016 .jour_box .jb_info { margin-left: 15px;}
.arv_016 .jour_box h5 { font-size: 17px; color: #222; margin: -1px 0 7px;}
.arv_016 .jour_box p { color: #222;}
.arv_016 .jour_box ul { margin-top: 12px;}
.arv_016 .jour_box ul:after { content: ""; display: block; clear: both;}
.arv_016 .jour_box ul li { float: left; font-size: 12px; line-height: 1; margin-right: 15px;}
.arv_016 .jour_box ul li a:hover { color: #888;}
.arv_016 .jour_box ul li span { margin-right: 6px; padding-right: 8px; background: url(/data/skin/content/1/arv_016//images/icon_bu.png) no-repeat right 3px;}
/*  end */
/*  begin */


.arv_013 { position: relative;}
.arv_013 .relate_wrap { position: relative; margin-bottom: 20px;}
.arv_013 .tit_set { margin-bottom: 15px;}

.arv_013 .relate_list { position: relative; margin-bottom: 20px;}
.arv_013 .relate_list li { position: relative; margin-bottom: 12px;}
.arv_013 .relate_list li a { position: relative; display: block; color: #222; padding-left: 12px; padding-right: 68px;}
.arv_013 .relate_list li a:hover { color: #888;}
.arv_013 .relate_list li a:before { position: absolute; left: 0; top: 5px; content: ""; display: block; width: 5px; height: 5px; border-bottom: 1px solid #999; border-left: 1px solid #999;}
.arv_013 .relate_list li a b { display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 14px; font-weight: normal;}
.arv_013 .relate_list li a i { position: absolute; right: 1px; top: 5px; font-size: 12px; color: #999; font-style: normal;}

.arv_013 .btn_art_more_bot { display: block; font-size: 15px; border-top: 1px solid #ddd; text-align: center; font-weight: bold; padding: 10px 0 12px; background: #efefef; transition: background-color .3s ease;}
.arv_013 .btn_art_more_bot > span { position: relative; top: -1px; display: inline-block; width: 11px; height: 6px; background: url(/data/skin/content/1/arv_013//images/btn_more.png?200228) no-repeat 0 0; vertical-align: middle; margin-left: 5px;}
.arv_013 .btn_art_more_bot:hover { background-color: #e5e5e5;}
.arv_013 .btn_art_more_bot b { color: #0c5ba7;}

.arv_013 .btn_art_more_bot:hover > span {
	-webkit-animation: arrowmove_bot .5s ease;
    -moz-animation: arrowmove_bot .5s ease;
    -o-animation: arrowmove_bot .5s ease;
    -ms-animation: arrowmove_bot .5s ease;
    animation: arrowmove_bot .5s ease;
}

@-webkit-keyframes arrowmove_bot {
    0%, 50%, 100% { transform: translateY(0);}
    25%, 75% { transform: translateY(2px);}
}

@-moz-keyframes arrowmove_bot {
    0%, 50%, 100% { transform: translateY(0);}
    25%, 75% { transform: translateY(2px);}
}

@-o-keyframes arrowmove_bot {
    0%, 50%, 100% { transform: translateY(0);}
    25%, 75% { transform: translateY(2px);}
}

@-ms-keyframes arrowmove_bot {
    0%, 50%, 100% { transform: translateY(0);}
    25%, 75% { transform: translateY(2px);}
}

@keyframes arrowmove_bot {
    0%, 50%, 100% { transform: translateY(0);}
    25%, 75% { transform: translateY(2px);}
}
/*  end */
/*  begin */
.arv_004 { position: relative;}
/*  end */
/*  begin */


.arl_057 { position: relative;}

.arl_057 .art_box { position: relative; border: 1px solid #dedede; padding: 10px 10px 12px;}
.arl_057 .top_art { position: relative; overflow: hidden;}
.arl_057 .top_art > a { position: relative; display: block;}
.arl_057 .top_art > a > div { position: relative; height: 77px; padding: 3px 0 0 129px;}
.arl_057 .top_art > a.no_img > div { padding: 3px 0 0;}
.arl_057 .top_art > a span { position: absolute; left: 0; top: 0; display: block; width: 118px; height: 78px; border: 1px solid #dedede;}
.arl_057 .top_art > a span img { transition: opacity .3s ease;}
.arl_057 .top_art > a i { display: block; font-style: normal; margin-bottom: 9px; font-size: 15px; font-weight: bold;}
.arl_057 .top_art > a b { color: #808080; font-weight: normal; font-size: 12px; line-height: 1.6;}
.arl_057 .top_art > a:hover i, .arl_057 .top_art > a:hover b, .arl_057 .top_art > a:hover img { opacity: .75;}

.arl_057 .art_list li { padding-left: 8px; margin-top: 10px; background: url(/data/skin/content/1/arl_057//images/icon_bu.png) no-repeat 0 8px;}
.arl_057 .art_list li a:hover { opacity: .75;}
/*  end */
