@charset "utf-8";
/* CSS Document */

body { background: #eee; color: #333; font-size: 14px; font-family: Verdana,"微软雅黑"; margin: 0; padding: 0; word-break: break-all;  }
ul, li, dl, dt { margin: 0px; padding: 0px; list-style-type: none; }
h1, h2, h3, h4, h5, p { margin: 0; padding: 0; font-weight: normal; word-break: break-all; }
button { border: none; background: none; vertical-align: middle; }
input { background: none; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
select { vertical-align: middle; }
button { cursor: pointer; }
img { border: none; }
a, a:hover { text-decoration: none; outline: 0; blr: expression(this.onFocus=this.blur()); cursor: pointer; color: #333; }
    a:hover { cursor: pointer; }
.clear { clear: both; overflow: hidden; }
em { color: #f00; font-style: normal; }
.red { color:#d00;}
.green { color:#1bc34e;}
.mt45 { margin-top:45px !important;}
.mt64 { margin-top:64px !important;}
.mb30 { margin-bottom:30px !important;}

html {-webkit-text-size-adjust:100%;}
*, *:before, *:after { box-sizing: border-box; }

/***** 头部 *****/
.header { height: 45px; background:url(/Content/wechat/images/Magazine/t_bg.png); position: relative; display:none; }
    .header a:hover { background: #f92200; }
    .header a span { width: 27px; height: 25px; display: block; padding: 9px; }
.ui-title { width: 220px; height: 45px; line-height: 45px; margin: 0 auto; text-align: center; font-size: 20px; color: #000; display: block; }
.btn_return { position: absolute; top: 0; left: 0; width: 45px; height: 45px; }
.btn_more { position: absolute; top: 0; right: 0; width: 45px; height: 45px; }
.header .header_right_a { line-height: 45px; height: 45px; margin: 0 auto; text-align: center; color: #fff; display: block; }
.btn_return span img { width:22px; height:22px; margin-top:2px;}

/***** 封面 *****/
/*.cover {width: 100%; height: 100%; top:0;position: absolute;}
.cover_img { }
.cover a img {  display: block;  outline: none; border:0; height: 100%; width: 100%;}*/

.cover01 { display:none;}
.btn { position:absolute; top:50%; margin-top:-24px; right:10px; z-index:99999;}
.btn a img { width:48px; height:48px;}
.fm_top { position:absolute; left:0; right:0; top:0px; }
.fm_top img { width:100%;}
.fm_end { position:absolute; bottom:0px; left:0; right:0; }
.fm_end img { width:100%;}


/***** 编辑委员会 *****/
.editor_main { /*margin-top:45px;*/}
.editor_l { width:17%; float:left;}
.editor_l img { width:100%; margin-top:120%;}
.editor_r { width:79%; float:right; box-sizing: border-box;  margin-top:25px; overflow:auto;}
.editor_r ul { position:relative; float:left; width:100%; margin-bottom:7px;}
.editor_r ul h2 { height:32px; line-height:32px; font-size:18px; margin-right:6%; float:left; width:94%; overflow:hidden;}
.editor_r ul h2 .editor_tit { padding-right:20px; height:32px; line-height:32px; color:#ce2908; white-space:nowrap; }
.editor_r ul h2 .line_bg { }
.editor_r ul h2 .line_bg img { height:1px; vertical-align:middle; }
.editor_r ul p { line-height:20px;}

.editor_r ul li { color:#333;  float:left; width:18%; margin-right:2%; margin-bottom:3px; display:inline-block; font-size:14px; color:#000; }
.editor_r ul li.letter { }



/***** 目录 *****/
.end_img { position:absolute; bottom:0px; z-index:-1;}
.end_img img { width:100%;}
.catalog_main { /*margin-top:45px;*/}
.catalog_l { width:16%; float:left;}
.catalog_l img { width:100%; margin-top:220%;}
.catalog_r { width:84%; float:right; box-sizing: border-box; background:url(/Content/wechat/images/Magazine/catalog_r_line.png) repeat-y left;margin-top:25px; overflow:auto;-webkit-overflow-scrolling:touch;}
.catalog_r ul { position:relative; float:left; width:100%; margin-bottom:16px;}
.catalog_r ul h1 {  line-height:26px; font-size:18px; padding:5px 20px 5px 26px; margin-top:-9px; float:left; width:100%; position:relative;}

.catalog_r ul h1 i { width:16px; height:16px; position:absolute; top:10px; left:0px;}
.catalog_r ul h1 i img { width:16px; height:16px;}
.catalog_r ul h1 span {float:right; font-size:16px;}
.catalog_r ul h1 span a {  color:#d00; display:inline-block;}
.catalog_r ul h1 span a b { margin-left:6px;}
.catalog_r ul h1 span img { width:10px; height:18px; vertical-align:middle;  margin-top:-2px; display:inline-block;}
.catalog_r ul li { background:#fff; width:87%; padding:10px;  color:#666;  float:left;  box-shadow: #ffe1d0 1px 1px 8px 2px ; margin: 5px 0 10px 8%; border-radius:6px; }
.catalog_r ul li a { color:#000;}
.author { text-align:right; margin-top:5px;}

/***** 详情 *****/
.news_img img { width:100%; /* margin-top:45px;*/}
.detail { width:90%; margin-left:5%;}
.detail_tit { width:100%; float:left; border-bottom:1px #000 solid; padding:15px 0; font-size:20px; color:#000;text-align: center;font-family: KaiTi;font-weight:bolder;}
.detail_tit p { text-align:right; font-size:14px; color:#747474; margin-top:12px;}
.detail_c { margin:20px 0; font-size:16px; color:#000; width:100%; float:left;}
/*.detail_c p { text-indent:2rem; line-height:26px; margin-bottom:10px;text-align:justify;}*/

.list_main {/*margin-top:45px;*/ width:90%; margin-left:5%;}
.wyh_btn a{background:#fff; width:100%; color:#333; text-align:center; font-size:16px; float:left;  box-shadow: #ffe1d0 1px 1px 8px 2px ; margin: 25px 0; height:50px; line-height:50px; border-radius:6px;}
.list_tit {  width:100%; height:30px; text-align:center; float:left; position:relative; margin-top:10px; }
.list_tit .l_line { width:35%; border-top:1px #ce2908 solid; float:left;}
.list_tit .line_name {  text-align:center; height:30px; line-height:30px; color:#ce2908; font-size:14px; width:30%; float:left; margin-top:-15px;}

.list li { background:#fff; width:47%; text-align:center; font-size:16px;  box-shadow: #ffe1d0 1px 1px 8px 2px ; margin:0 0 20px 0; border-radius:6px; color:#999; padding:15px 0; display:inline-block;}
.list li p { height:25px; line-height:25px;}
.list li a { color:#000;}
.list li:nth-child(even) { float:right;}
.list li:nth-child(old) { float:left;}

@media screen and (min-width : 1002px){
body { background:#fff !important;}
.cover01 {width:500px; margin:0 auto; display:block; position:relative;}
.cover01 img { width:100%;}
.cover { display:none;}

}


@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .cover_img { position:fixed; top:15%;}
    }

}