@charset "utf-8";
/* CSS Document */
body{ width:100%; height:100%;font:12px/24px 'Microsoft YaHei'; color:#000; background:#fff;}
html{ height:100%;}
*{padding:0; margin:0;}
ul,ul li{ list-style:none}
a{ color:#3988d9; text-decoration:none;}
.left{ float:left;}
.right{ float:right;}
.te_2{ text-indent:2em;}
.btn{ background:none; border:none; line-height:normal; cursor:pointer;}
img{ border:medium none;}
.clear{ clear:both;}
.clearfix:after {
    content: ".";             
	display: block;            
    height: 0; 
	font-size:0;
    clear: both;              
    visibility: hidden;	     
}

.input_invalidate{width:45px;height:20px;border:1px solid #dbdbdb;padding:0 5px;line-height:20px;text-align:left;font-size:12px; color:#666; background-color:#F3F8F8 ;}
.scoll_all{OVERFLOW-Y: auto; OVERFLOW-X:hidden;}
.clearfix {display:block;*display:block;}  
.hide{display:none;}
.red_txt{ color:#cc0000;}
.orange_txt{ color:#f8b005;}
.txt_666{ color:#666;}
.mar_0{ margin-right:0 !important;}
.bg_fff{ background:#fff !important;}
.pab_0{ padding-bottom:0 !important;}
.border_none{ border:none !important;}
.wid_100{ width:100% !important;}
.noramal{ font-weight:normal !important;}
.free_txt{color: #FF0000; text-align:center; padding:3px; border:1px solid #FFCC00; background-color:#ffeadc;  border-radius:1px; font-family:"Times New Roman", Times, serif; font-size:9px; margin-left:3px;}
.openaccess_icon_grey{ width:35px; height:17px; display:inline-block; background:url(/r/cms/images/mobile/images/free_icon_grey.png) no-repeat; background-size:100% 100%; margin:0 0 4px 3px; vertical-align:middle;}
.delayopenaccess_icon_grey{ width:35px; height:17px; display:inline-block; background:url(/r/cms/images/mobile/images/delayOA_icon_grey.png) no-repeat; background-size:100% 100%; margin:0 0 4px 3px; vertical-align:middle;}

/*手机版过刊目次*/

/*head*/
.top{ width:100%; height:44px; border-bottom:1px solid #217887;}
.head_f1{ background:#f1f1f1;}
.top .img{ margin-left: 12%;    max-height: 41px;max-width: 260px;}
.top_box{ width:92%; height:17px; margin:0 auto; position:absolute; top:12px; left:4%;}
.top_banner{width:124px;position:absolute;top:45px;z-index:10000;}
.top_banner ul{width:124px;background:#f1f1f1;border-right:1px solid #217887;border-bottom:1px solid #217887;padding-bottom:5px;}
.search_bg{background:url(/r/cms/images/mobile/images/search.png) no-repeat 13px center;}
.top_banner ul li a{display:block; padding-left:36px;line-height:24px;color:#333;}
.top_list,.top_share,.top_like,.top_user_login,.top_user_no_login{ width:18px; height:18px; line-height:44px;border-radius: 0;}
.top_list{ background:url(/r/cms/images/mobile/images/top_list.png) no-repeat; float:left;background-size:100% 100%;}
.top_share{ background:url(/r/cms/images/mobile/images/top_share.png) no-repeat; float:right;background-size: contain;}
.top_like{ background:url(/r/cms/images/mobile/images/top_like.png) no-repeat; float:right;background-size:100% 100%; margin-right:9px;}
.top_user_login{background:url(/r/cms/images/mobile/images/user_login.png) no-repeat; float:right;background-size:100% 100%;margin-right:9px;}
.top_user_no_login{ background:url(/r/cms/images/mobile/images/user_no_login.png) no-repeat; float:right;background-size:100% 100%;margin-right:9px;}
/*head end*/
/*main中的 overflow-y:auto影响加载效率被去掉*/
.main{ width:100%; background:#fff;}
.book_top{ width:100%;}
.book_top_index{ width:88%; margin:0 auto; background:#f4f5f7; position:relative; padding-left:4%;}
.new{ width:55px; height:55px; background:url(/r/cms/images/mobile/images/new_03.jpg) no-repeat; position:absolute; top:0; right:0; background-size:100% 100%;}
.book_info{padding-top:4%; padding-bottom:3%; margin:0 auto;}
.book_info_s{width:92%; display:-webkit-box;}
.book_img{ width:75px; height:100px; border:1px solid #cccccc;}
.book_img img{ width:75px; height:100px;}
.book_text{ margin-left:6%; font-size:12px; color:#afafaf; line-height:25px; -webkit-box-flex:1;}
.book_text_s{/*width:66%;*/}
.book_text h4{ font-size:18px; color:#ff8005; line-height:37px;}
.book_num{ font-size:18px; color:#666; line-height:35px;}
.book_num span{ font-size:24px; color:#673831;}
.book_icon_box span{ font-size:12px; color:#afafaf; line-height:30px; margin-right:20px}
.read_title,.past_list{ color:#6699cc; display:inline-block; margin-bottom:3%; line-height:15px; font-size:15px; color:#338395;}
.read_title{ background:url(/r/cms/images/mobile/images/video_icon.png) no-repeat left center; padding-left:29px;}
.past_list{ background:url(/r/cms/images/mobile/images/book_list.png) no-repeat left center; padding-left:18px; margin-right:7%; margin-top:19px;background-size:contain;}
.date{ font-size:14px; color:#666; line-height:21px; background:#f5f8fa; padding:0 2%;}
.book_list{ width:92%; margin:0 auto;}
.book_list_ship{ margin-top:5%;}
.book_list_ship h4{ color:#fff; background:#338395; line-height:25px; padding:0 7px; display:inline-block;font-size:14px; }
.date_list{ border-top:1px solid #338395;}
.date_list li{width:22%; height:39px; float:left; margin:3% 2% 0 1%; position:relative;}
.date_list li a{ width:100%; color:#5cb4c3; font-size:12px; line-height:39px;  display:block; border:1px solid #dcdbdb; text-align:center;background:#f4f5f7;}
.new_word {font-size:14px;line-height:14px; background:#dd0c0c; border-radius:50%;position:absolute;top: -3px; right:-5px;color:#fff;padding:4px; width:14px;}
.browse{ width:92%; margin:4% auto 0;color:#666;}
.browse .title{border-bottom:1px solid #e6e7eb;}
.browse h4 a{ line-height:40px; color:#666; font-size:14px;}
.browse_ship{border-bottom:1px solid #e6e7eb; }
.red_icon{ width:10px;background:url(/r/cms/images/mobile/images/t_red.png) no-repeat left center;  padding-left:13px;}
.browse_list{ padding-left:15px;}
.browse_list .purple_icon{background:url(/r/cms/images/mobile/images/t_purple.png) no-repeat left center;padding-left:13px;font-size:13px;}
.browse_list li a{ display:inline-block;}
.li_list{padding-left:27px;}
.li_list a{ color:#6666ff; line-height:20px; display:block; }
.bottom{ width:100%; background:#f7f7f7;margin-top:4%; }
.bottom_text{ width:94%; margin:0 auto; text-align:center; line-height:20px; font-size:12px; color:#666; border-top:1px solid #dedede; padding:6px 0 4px;}
.bottom_text span{ color:#ff8005;}

/*手机版文章首页*/

.type{ width:89%; margin:0 auto; line-height:50px; font-size:15px; color:#999; text-align:right;}
.type span{ color:#000;}
.a_top{width:89%; margin:0 auto;}
.article_title{ font-size:15px; color:#000; line-height:19px;}
.email_box a{color:#989898; line-height:40px;}
.email_icon{ width:13px; height:9px; background:url(/r/cms/images/mobile/images/email.png) no-repeat; background-size:100% 100%; display:inline-block; margin-left:3px;}
.a_info{ padding:0 2%; background:#e9f2f3; color:#434343; line-height:19px;}
.a_con{width:89%; margin:0 auto; margin-top:2%;}
.a_content{ background:#f1f1f1; border-left:1px solid #277f8e; border-right:1px solid #277f8e; padding:1% 2%; }
.a_content p{ line-height:18px;color:#333;}
.a_content span{ font-weight:bold; color:#123261;}
.a_con_b{ margin:2% 0;}
.info{width:89%; margin:0 auto;}
.info p{ color:#504d4d; line-height:18px; text-indent:2em;}
.info p a{ color:#0000ff; text-decoration:underline;}
.small_title{width:89%;background:#e9f2f3; height:25px; text-align:center; margin:2% auto;}
.small_title h4{font-size:15px; color:#123261; line-height:25px;}
.info h4{ color:#123261; font-weight:normal;}
.info_pop_box{width:97%; margin:0 auto;}
.info_pop_box_con{  background:#e8f1f2; color:#333; border-bottom-left-radius:4px; border-bottom-right-radius:4px;border:1px solid #789393; border-top:none;}
.pop_close{ font-size:19px; color:#006666; line-height:19px; text-align:right; padding-right:2%;}
.pop_con{ padding:2%; line-height:18px; }
.mat_2{ margin-top:2%;}
.pop_con a{color:#0000ff;}
.pop_con .a1{ color:#123261;}
.pop_con .a2{ color:#0066cc;}
.info p.img{ text-indent:0em; text-align:center; margin:1% 0;}
.power_pop_box{width:97%; margin:0 auto; border:1px solid #789393; border-radius:4px;background:#e8f1f2; text-align:center; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding-bottom:20px;}
.power_pop_box .info{ width:280px; font-size:18px; color:#ff9933; background:url(/r/cms/images/mobile/images/sur.png) no-repeat left center; padding-left:6%; line-height:50px;}
.comment{ width:97%; margin:0 auto;margin-top:5%;}
.comment_body{ background:#e8f1f2; border-left:1px solid #789393; border-right:1px solid #789393; padding:0 3% 9%;}
.comment_title{ color:#123261; line-height:25px; border-bottom:1px solid #999;}
.comment_title span{ color:#f40;}
.comment_box{ margin-top:5%;border-bottom:1px solid #999; padding-bottom:2%;}
.text{ width:96%;background:#f3f8f8; border:1px solid #dfe2e2; padding:1% 2%; overflow-y:auto; }
.com_btn_box{ text-align:right; margin-top:0 2% 2%;}
.submit,.reset{ width:12%; height:18px; background:#ccc; border:1px solid #336666; text-align:center; line-height:18px; color:#333;}
.reset{ margin-right:6%;}
.comment_info{ color:#666; line-height:18px;}
.comment_info_ship{ background:#fff; padding:2%; margin-top:2%;}
.comment_info_ship .user{ line-height:25px;}
.comment_info_ship .user a{ color:#82bee7;}
.comment_info_ship .user span{ color:#999; margin-left:13px;}
.summary{ width:97%; margin:0 auto;margin-top:5%;}
.summary_body{ background:#e8f1f2;color:#123261; border-left:1px solid #789393; border-right:1px solid #789393; padding:0 5% 4%;}
.summary_body p{line-height:18px;}
.summary_title{line-height:23px;}
.icon{ width:97%; margin:0 auto;margin-top:5%;}
.icon_body{ background:#e8f1f2; border-left:1px solid #789393; border-right:1px solid #789393; padding:1% 2% 0 2%;}
.icon_body_top{width:97%;text-align:center;position:relative;}
.flip_btn{width:10px;height:20px;position:absolute;top:50%;}
.l_btn{background:url(/r/cms/images/mobile/images/flip_l.png) no-repeat;background-size:100% 100%;left:-1%;}
.r_btn{background:url(/r/cms/images/mobile/images/flip_r.png) no-repeat;background-size:100% 100%;right:-3%;}
.icon_body p{line-height:18px;margin-left:4%;color:#333333;margin-top:1%;}
.bold{font-weight:bold;}
.author{ width:97%; margin:0 auto;margin-top:5%;}
.author_body{ background:#e8f1f2;color:#123261; border-left:1px solid #789393; border-right:1px solid #789393; padding:0 2% 1%;}
.author_body p{line-height:18px;color:#333333;}
.author_body .title{font-size:15px;color:#006666;line-height:23px;}
.mar_b15{margin-bottom:15px;}
.layer_cover{ width:100%;height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.68);z-index:11;}
.layer{width:100%;background:#ffffff;position:absolute; top:50%; transform:translate(0,-50%);}
.layer_body{width:97%;position:relative;margin-left:1%;margin-top:5px;margin-bottom:31%;}
.top_btn{width:20px;height:20px;position:absolute;top:5px;}
.window_btn{background:url(/r/cms/images/mobile/images/window.png) no-repeat;background-size:50% 50%;left:93%;}
.close_btn{background:url(/r/cms/images/mobile/images/close.png) no-repeat;background-size:45% 45%;left:97%;}
.layer_title{color:#666666;line-height:15px;margin-left:1%;}
.list2{color:#217887;}
.pic2{color:#339999;}
.img_pic1{margin-top:5px;margin-bottom:13px;}
.btm_img{margin-top:8px;}
.btm_img img{float:left;}
.mar_l1r1{margin-left:1%;margin-right:1%;}
.notes{width:89%; margin:0 auto;}
.notes p{ color:#504d4d; line-height:18px;}
.notes span{ color:#ff6633;}
.notes .a1{ color:#123261;}
.notes .a2{ color:#0066cc;}
.foot{ width:100%; height:39px; border-top:1px solid #066; background:#e0edef; margin-top:5%;}
.foot li{ width:25%; height:39px; line-height:39px;  float:left;}
.foot li a{ color:#003333; display:block; border-right:1px solid #066; font-size:15px; text-align:center;}
.pdf_icon{ background:url(/r/cms/images/mobile/images/pdf.jpg) no-repeat left center; margin-left:4%;}

/*手机版目次页*/
.book_info_b{ width:100%; display:-webkit-box;}
.book_text_b{ /*width:66%;*/}
.book_date{ width:92%; height:44px; line-height:44px; background:url(/r/cms/images/mobile/images/num_bg.png) no-repeat; background-size:100% 100%; text-align:center; padding:0 4%; }
.next,.last{display:inline-block;color:#277f8e; line-height:44px; font-size:12px; color:#999;}
.no_next{display:inline-block;color:#277f8e; line-height:44px; font-size:12px; color:#eee;}
.last{ background:url(/r/cms/images/mobile/images/last.png) no-repeat left center; float:left; padding-left:8%; }
.next{ background:url(/r/cms/images/mobile/images/next.png) no-repeat right center;  float:right;  padding-right:8%;}
.no_next{ no-repeat right center;  float:right;  padding-right:8%;}
.c_date{color:#666;padding:0 1%;margin:0 1%; line-height:44px; font-size:14px;}
.article_list{ width:95%; margin:0 auto;}
.article_list_ship{margin-top:5%; }
.title_box{border-bottom:2px solid #338395;}
.title_box h4{ color: #fff;    background: #338395;    line-height: 25px;    padding: 0 7px;    display: inline-block;    font-size: 14px;    border-radius: 3px 3px 0px 0px;}
.title_more{ float:right; font-size:12px; color:#ccc; line-height:19px;}
.article_intro{padding:2% 0 0% 2%; border-bottom:1px solid #e6e7eb;}
.article_intro .title{ color:#333; line-height:20px;font-size:15px;}
.article_intro .author{    color: #999;    line-height: 20px;    font-size: 12px;    width: 100%;    margin: 4px 0px;}
.article_intro p{ color:#999; line-height:17px;}
.share_list{ color:#666;}
.share_list li{ float:left; line-height:33px; }
.share_list li a{color:#ff8005; margin-left:3px; padding-left:25px; font-size:14px; font-weight:bold;}
.malr_10{ margin:0 10px;}
.eye{ background:url(/r/cms/images/mobile/images/eye_icon.png) no-repeat left center;}
.com_icon{ background:url(/r/cms/images/mobile/images/comment_icon.png) no-repeat left center;}
.share_icon{ background:url(/r/cms/images/mobile/images/share_icon.png) no-repeat left center;}
.visit{ background:url(/r/cms/images/mobile/images/visit.png) no-repeat left center;     background-size: contain;}
.commet{ background:url(/r/cms/images/mobile/images/commet.png) no-repeat left center;    background-size: contain;}
.share{ background:url(/r/cms/images/mobile/images/share.png) no-repeat left center;    background-size: contain;}
.like{ background:url(/r/cms/images/mobile/images/like.png) no-repeat left center;    background-size: contain;}
.collect{ background:url(/r/cms/images/mobile/images/collect.png) no-repeat left center;    background-size: contain;}
.pa_2{ padding-top:2px;}

/*black_foot*/
.black_foot{ height:68px; background:url(/r/cms/images/mobile/images/foot_bg.jpg) repeat-x;}
.black_footer{ width:88%; margin:0 auto; padding-top:15px; display:-webkit-box;}
.black_footer_logo{ width:40px;}
.black_footer_txt{ -webkit-box-flex:1; color:#fff; text-align:center; line-height:22px;}
.black_footer_txt .copyright{ color:#999;}

/*检索结果页*/
.search{}
.search.bg_f3{ background:#f3f3f3; padding-bottom:13px;}
.search_box{ background:#f1f1f1; padding:13px 2.5%; display:-webkit-box;}
.left_search{ width:68%; display:-webkit-box;}
.left_search .search_text{ display:block; -webkit-box-flex:1; padding:0 13px; height:28px; border:1px solid #ccc; border-right:none; border-radius:5px 0 0 5px; font-size:12px; background:#fff;}
.left_search .search_btn{ width:32px; height:30px; background:url(/r/cms/images/mobile/images/big_mirror.png) no-repeat; background-size:100% 100%; display:block; border-radius:0px;}
.right_user{ text-align:right; -webkit-box-flex:1; padding:0 4px; overflow:hidden;}
.right_user a{ background:url(/r/cms/images/mobile/images/user_icon.png) no-repeat left center; font-size:15px; line-height:30px; color:#666; padding-left:30px; display:inline-block; white-space:nowrap;}
.result_outline{ width:95%; margin:0 auto; box-sizing:border-box; background:#fff; padding:7px 10px; line-height:20px; color:#666;}
.journal{background:#f3f3f3; padding:0 2.5%; padding-bottom:30px;}
.journal_list{ padding-bottom:20px;}
.journal_ship{ background:#fff; padding:8px 10px; margin-bottom:10px; line-height:22px;}
.journal_ship_top{}
.journal_ship_top a{ display:block;}
.journal_ship_title{ font-size:16px; line-height:26px; color:#0099cc;}
.journal_ship_num{color:#333; margin:1px;}
.journal_ship_intro{ color:#666; line-height:18px;}
.journal_ship_bottom{ display:-webkit-box; margin-top:14px;}
.journal_ship_info{ color:#999; -webkit-box-flex:1;}
.journal_ship_info span{ float:left; margin-right:12px;}
.journal_ship_info span i{ font-style:normal;}
.yellow_heart{ width:19px; height:17px; background:url(/r/cms/images/mobile/images/yellow_heart.png) no-repeat; background-size:100% 100%; margin-top:2px;}
.yellow_heart.on{ background:url(/r/cms/images/mobile/images/yellow_heart_on.png) no-repeat; background-size:100% 100%;}
.load_more{}
.load_more a{ display:block; background-color: #f1f1f1; width:99%; margin:0 auto; height:35px; line-height:34px; text-align:center; color:#666; border-radius:1px; font-size:15px;}

/*page-flip*/
.flip{ display:-webkit-box; background:#fff; height:41px; line-height:41px;}
.flip.bg_f5{ background:#f5f5f5;}
.palr_25{ padding:0 2.5%;}
.flip_btn_left,.flip_btn_right{ width:17px; height:17px; display:block; margin-top:12px;}
.flip_btn_left{ background:url(/r/cms/images/mobile/images/flip_left.png) no-repeat; background-size:100% 100%; margin-left:60px;}
.flip_btn_right{ background:url(/r/cms/images/mobile/images/flip_right.png) no-repeat; background-size:100% 100%; margin-right:60px;}
.flip_txt{ display:block; -webkit-box-flex:1; padding:0 5px; font-size:14px; color:#666; text-align:center;}

/*视频列表页*/
.video{}
.video_nav{ background:#f4f4f4; padding:10px 2.5% 15px;}
.video_nav li{ float:left; margin-top:5px; width:59px;}
.video_nav li.long_li{ width:118px;}
.video_nav li a{ display:inline-block; line-height:22px; color:#000; padding:0 5px;}
.video_nav li a.current{ background:#fba14b; color:#fff; border-radius:5px;}
.video_box{ width:95%; margin:0 auto; padding-bottom:30px;}
.video_list{padding-bottom:30px;}
.wid_95{ width:95%; margin:0 auto;}
.video_ship{ border-bottom:1px solid #c9c9c9; padding:11px 0;}
.video_ship a{ display:block; display:-webkit-box;}
.video_img{ position:relative; border:1px solid #ccc;}
.video_img_box{}
.video_img,.video_img_box,.video_img_box img{ width:128px; height:75px;}
.video_img_txt{ width:100%; height:19px; line-height:19px; color:#fff; background:rgba(33,120,135,0.5); white-space:nowrap; overflow:hidden; text-align:center; position:absolute; left:0; bottom:0px;}
.video_txt{ padding:0 10px; -webkit-box-flex:1;}
.video_txt_title{ font-size:16px; color:#333; line-height:18px;}
.video_txt_info{ color:#999; line-height:22px;}
.play_date{ height:22px;}
.play_date span{ float:left; margin-right:8px;}
.icon_date{     background: url(/r/cms/images/mobile/images/icon_date.png) no-repeat left center;    padding-left: 20px;    background-size: 17%;    line-height: 19px; }
.icon_play{ background:url(/r/cms/images/mobile/images/icon_play.png) no-repeat left center; padding-left:14px; }

/*视频页*/
.video_info{}
.video_info_box{ width:95%; margin:0 auto;}
.video_info_title{ font-size:18px; line-height:30px; color:#333; padding:10px 12px 6px;}
.video_info_video{ margin-top:7px;}
.video_play_box{}
.video_info_intro{ line-height:22px; color:#999; margin-top:6px;}
.abstract{ width:95%; margin:15px auto 0;}
.title_span_fixed{ padding:0 7px;display:inline-block;color:#fff; background:#338395; line-height:19px; font-size:13px; font-weight:bold; text-align:center;}
.abstract_content{ padding:0 12px; line-height:22px; color:#666; margin-top:10px;}
.abstract_label{ display:-webkit-box; margin-top:8px; font-size:13px; line-height:23px;}
.abstract_label span{ display:block; line-height:22px; color:#333;}
.abstract_label ul{ -webkit-box-flex:1;}
.abstract_label ul li{ float:left; margin-right:6px; margin-bottom:5px;}
.abstract_label ul li a{ height:22px; line-height:22px; display:inline-block; color:#fff; padding:0 10px; background:#ccc; border-radius:5px;}
.video_commit{ margin-top:15px; padding-bottom:8px;}
.video_commit .title_box{ width:95%; margin:0 auto;}
.video_commit_box{width:95%; margin:10px auto 0;}
.video_commit_box textarea{ width:98%; height:76px; display:block; margin:0 auto; border:1px solid #999; font-size:13px; line-height:23px; padding:0 5px; box-sizing:border-box; resize:none;}
.video_commit_box .submit_commit{ width:98%; height:30px; display:block; margin:17px auto 0; font-size:14px; color:#fff; background:#ff9900;border-radius: 3px;font-family: 'Microsoft Yahei';}
.commit_list{ font-size:14px; line-height:18px; margin-top:20px;}
.commit_list_title{ color:#333;}
.commit_list_box{ color:#666;}
.commit_ship{ margin-left:2.5%; display:-webkit-box;padding:20px 2.5% 17px 0; border-bottom:1px dashed #f0f0f0;}
.commit_img{ border:1px solid #e4e4e4;}
.commit_img a{ display:block;}
.commit_img,.commit_img a,.commit_img a img{ width:47px; height:47px;}
.commit_txt{ -webkit-box-flex:1; margin-left:11px;}
.commit_txt_top{ height:18px; font-size:12px; margin-bottom:8px;}
.commit_txt_top a{ color:#338395;}
.commit_user_name{ float:left;}
.commit_date{ color:#999; margin-left:19px; float:left;}
.commit_txt_top ul{ float:right;}
.commit_txt_top ul li{ float:left; color:#dadada; margin-left:9px;}


/*手机版网刊首页*/
.journal_index{ width:95%; margin:0 auto;}
.journal_book{ display:-webkit-box;}
.journal_book_img{width:75px; height:100px; border:1px solid #277f8e; border-color:#277f8e;}
.journal_book_img img{ width:75px; height:100px;}
.journal_book_txt{margin-left:2%; color:#b0b0b0; -webkit-box-flex:1; line-height:20px;}
.journal_book_txt h4{ font-size:18px; color:#ff8005; line-height:37px;}
.journal_book_icon{ margin-top:8px; display:-webkit-box;}
.journal_book_icon a{ height:16px; display:block; -webkit-box-flex:1;padding-left:20px; font-size:12px; color:#338395; line-height:16px;}
.journal_book_icon a.journal_past_list{ background:url(/r/cms/images/mobile/images/book_list.png) no-repeat left center; background-size:contain;}
.journal_book_icon a.online_read{ background:url(/r/cms/images/mobile/images/icon_onlineread.png) no-repeat left center; background-size:contain;}
.journal_book_icon a.icon_about{ background:url(/r/cms/images/mobile/images/icon_i.png) no-repeat left center; background-size:contain;}
/*编辑推荐*/
.recommend{ margin-top:25px;}
.recommend_box{}
.recommend_list{ margin-top:9px; padding-bottom:20px;}
.recommend_list li{ padding:3px 0;}
.recommend_list li a{font-size:15px; line-height:20px; word-wrap: break-word; color:#333;}
/*视频中心*/
.journal_index .video_box{ margin-top:14px;}
.mat_4{ margin-top:4px !important;}

.ad_box{ margin-top:25px;}
.ad_box a{ display:block;}
.ad_box img{ width:100%;}

/*焦点新闻*/
.focus_news{ margin-top:25px;}
.focus_news_img{ padding-top:3px;}
.focus_news_img,.focus_news_img img{ width:102px; height:71px;}
.mat_19{ margin-top:19px;}

/*新闻页*/
.news_page{ width:95%; margin:0 auto; padding-bottom:65px;}
.news_page_top{ text-align:center; padding:15px 0; border-bottom:1px solid #dcdcdc;}
.news_page_title{ font-size:18px; color:#333; line-height:28px;}
.news_page_info{ line-height:22px; color:#999; margin-top:7px;}
.news_page_content{ font-size:14px; color: #333; margin-top:7px;}
.news_page_content p{margin: 15px 0px;}
.news_page_content img {max-width:100%;  height: auto !important;}

/*新闻列表页*/
.news_list{ padding-bottom:28px;}
.news_list_box{ width:95%; margin:0 auto; padding-bottom:36px;}
.news_list_ship{ border-bottom:1px solid #c9c9c9;}
.news_list_ship a{ display:block; padding:10px 0 7px;}
.news_ship_title{ font-size:16px; line-height:18px; color:#333;}
.news_ship_intro{ color:#999; line-height:22px; margin-top:3px;}

/*高级检索页*/
.bg_f3{ background:#f3f3f3;}
.advanced_search{ padding:0 10px 15px;}
.right_search .ad_search_text{ width:75%; height:30px;  -webkit-box-flex:1; padding:0 5px;  border:1px solid #217887;  border-radius:5px; font-size:12px; color:#217887; background:#fff;}
.right_search {width: 30%;    text-align: right;}
.as_title{ font-size:15px; color:#666; line-height:45px; padding:0 10px;}
.as_box{ background:#fff; padding:0 10px 9px; margin-bottom:5px;}
.as_input{ font-size:12px; line-height:25px; display:-webkit-box; color:#666; padding-top:9px;}
.as_input_label{ width:78px; display:block; color:#333;}
.as_input_box{ -webkit-box-flex:1;}
.as_input_box label{ float:left;}
.as_input_box input[type=checkbox]{ width:12px; height:12px; background:url(/r/cms/images/mobile/images/checkbox.png) no-repeat; background-size:100% 100%; margin-right:3px; vertical-align:middle; margin-bottom:2px;}
.as_input_box input[type=checkbox]:checked{ background:url(/r/cms/images/mobile/images/checkbox_on.png) no-repeat; background-size:100% 100%;}
.mal_6p{ margin-left:6%;}
.as_select_box{ display:-webkit-box;}
.as_select{ -webkit-box-flex:1; height:25px; border-radius:5px; border:1px solid #ccc; background:url(/r/cms/images/mobile/images/select_bg.png) no-repeat right center; background-size:contain; -webkit-appearance:none; padding-left:1%; font-size:12px;display:block;}
.as_select_box span{ width:14%; min-width:20px; text-align:center;display:block;}
.as_input_ship{ padding-top:9px; display:-webkit-box;}
.as_input_ship input{ display:block; -webkit-box-flex:1;height:23px; border-radius:5px; border:1px solid #ccc; padding:0 1%; font-size:12px; color:#595959;}
.as_submit_box{ height:35px; padding:10px 7%; background:#fff;}
.as_submit_btn{ width:42%; height:35px; font-size:16px; border-radius:5px;}
.as_submit_btn.white{ color:#626261; background:#ebebeb;}
.as_submit_btn.green{ color: #fe9900;background: #217887;}
.po_ab{ position:absolute; left:0; bottom:0; width:100%;}
.free{padding: 1px 4px;border: 1px solid #cc0000;color: #cc0000;border-radius: 6px;margin-left: 10px;word-break: keep-all;white-space: nowrap;font-size: 12px;}
.btn_preview {border: 1px solid #ee0000;border-radius: 5px;width: 100%;font-size: 14px;background-color: #fff3cf;padding: 10px 12px;margin: 8px 0;text-align: center;font-weight: bold;color: maroon; font-family:'Microsoft Yahei';}
 /* CSS Document */
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,img{margin:0;padding:0;}
body{outline: 0;color:#333;text-align: left;vertical-align:baseline;font:12px/18px Tahoma,"Microsoft Yahei";background:#ececec;}
h1,h2,h3,h4,h5{ font-size:12px; font-weight:normal;}
img{ border:0;}
strong{font-weight: bold;}
ul,ol,li{list-style: none;}
a{color:#333;text-decoration:none; }
a:hover{color:#BA2636;text-decoration:underline;}
.left{ float: left; }
.right{ float: right; }
.clear {clear:both; height:0px;}
.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;} */
.modal_window_one{position: absolute; width: 100%; margin:0px 10px; height:290px;border:1px solid #2a7c8a;background: #f2f8f8;border-radius:5px;}
.modal_window_one .close_div{text-align: center;position: relative;border-bottom:1px solid #2a7c8a;height:39px;color:#2a7c8a;font-size: 16px;line-height: 39px;}
.modal_window_one .close_div img{position: absolute;right: 10px;top:10px;}
.modal_window_one .txt { padding: 18px; }
.modal_window_one .input_checkbox label{ float: left; font-size: 14px; line-height: 30px; width: 172px;}
.modal_window_one .input_checkbox label input{ width:18px; height:18px; border-radius: 2px;vertical-align: middle;margin-right: 10px; }
.modal_window_one .textarea_box {margin: 10px 0;}
.modal_window_one .textarea_box textarea{ resize:none;width: 513px;height:91px; border: 1px solid #aaaaaa; background: #fff;padding:10px;box-sizing: border-box; }
.modal_window_one .btn_box{ height: 34px; line-height: 34px;}
.modal_window_one .btn_box .btn{font-family: "Microsoft Yahei"; border:none;cursor: pointer;outline:none;width: 103px;height:34px;background: #f87c33 ;color:#fff;border-radius: 3px;}
.modal_window_one .btn_box p{ margin-left: 10px;display: inline-block;color:#666; }
.modal_window_two{    position: absolute;width: 90%;border: 1px solid #2a7c8a;background: #f2f8f8;border-radius: 5px;margin-left: 5%;top: 50%;margin-top: -80px;}
.modal_window_two .close_div{text-align: center;position: relative;border-bottom:1px solid #2a7c8a;height:39px;color:#2a7c8a;font-size: 16px;line-height: 39px;}
.modal_window_two .txt { padding: 18px; }
.modal_window_two .input_radio label{  font-size: 14px; line-height: 40px;display: block;}
.modal_window_two .input_radio label input{ width:18px; height:18px; border-radius: 2px;vertical-align: middle;margin-right: 10px; }
.modal_window_two .input_radio label span{ color:#f87c33; }
.modal_window_two .btn_box{ height: 34px; line-height: 34px; text-align: center;padding: 10px 0}
.modal_window_two .btn_box .btn{ font-family: "Microsoft Yahei";margin: 0 5px;border:1px solid #f87c33;cursor: pointer;outline:none;width: 103px;height:34px;background: #f87c33 ;color:#fff;border-radius: 3px;}
.modal_window_two .btn_box .default{ background: none; border:1px solid #dcdcdc; color:#333;}
.modal_window_two .warning{margin-right: 10px;height: 20px;width: 20px;background: url(res/images/warning.png) no-repeat;vertical-align: middle;margin-top: -5px;display: inline-block;}
.modal_window_two .cont_tips{  font-size: 14px;text-align: center;padding: 30px 0 15px; }
.modal_window_two .journal_intro{ font-size: 14px;line-height: 30px; padding: 0 10px 10px; border-bottom: 1px dotted #d8d9d9}
.modal_window_two .input_checkbox label{ font-size: 14px; line-height: 30px; width: 172px;}
.modal_window_two .input_checkbox label input{ width:18px; height:18px; border-radius: 2px;vertical-align: middle;margin-right: 10px; }
.modal_window_two .account_balance{ height:40px; line-height: 40px;font-size: 14px; }
.color_orange{ color:#f36f21; }
.color_grey{ color:#999999; }
.color_blue{ color:#176cc0; }
.modal_window_three {margin-top: -167px;width: 96%;margin-left: 2%;}
.modal_window_three .cont_tips_tit{ font-size: 16px ;color:#2a7c8a; text-align: center; font-weight: bold; padding: 20px 0 0; }
.modal_window_three .btn_box .btn{ width: 102px; }
.buy_intro {border: 1px solid #aaa;border-radius: 3px;font-size: 14px;padding: 10px 12px;margin: 15px 0 50px;text-align: center;background-color: rgba(255, 243, 207, 0.1);}