/* CSS Document */
html,body {font-family: 微软雅黑;font-size: 13px;line-height: 19px;padding: 0;margin: 0;border: 0;background-color: #666;width: 100%;height: 100%;overflow:hidden;color: #000000;background: #f4f4f4;}

*{ margin:0;}
a{ text-decoration:none;color:red}
ul,li{margin:0; padding:0}
img{ vertical-align:middle; border:none;}
.clear{clear:both}
.onlyMb {display: none;}
a .zyq{color:yellow;}
#root {
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
overflow-y: scroll;
z-index: 0;
}
.loginTop{position:absolute;top:0;border-bottom:#999 solid 1px;z-index:1000;width:100%; background:#333333;overflow:hidden;font-size:16px;line-height:39px;}
.loginTop .div0{padding:0 10px;width:940px;margin:0 auto;}
.loginTop .div1{float:left;}
.loginTop .div2{float:right;text-align: right;}
.loginTop a{margin: 0 5px;color:#fff;}
.loginTop a.first{font-weight:bold;color:#93d251;}
.dash_line{border-top: #ccc 1px dashed;margin: 0 0 20px 0;}
#contain{width:960px;margin: auto;position:relative;border:#FFF 1px solid;background-color:#fff;}
.top{margin-left: 36px;margin-top: 60px;color: #494848;position: relative;}
.top .mainTitle{font-size:24px;font-weight:bold;line-height: 30px;}
.top .subTitle{position: absolute;left: auto;right: 36px;top: -7px;width: 78px;height: 47px;overflow: hidden;background: url(../blog_image/prohao.png) center no-repeat;text-indent: -999px;}
.center{margin-top: 24px;overflow:hidden;}
.center .mulu_div{background: #c50000;height: 40px;}
.center .mulu_div .mulu li{list-style-type:none;cursor:pointer;float:left;text-align:center;width:120px;/* border-right:#ccc 1px solid; *//* border-left:#fff 1px solid; */border-bottom:none;border-top:none;font-size: 16px;color: #fff;}
.center .mulu_div .mulu li a{/* float:left; */height: 40px;display:block;text-align:center;line-height: 40px;color: #fff;}
.center .mulu_div .mulu .selected{border-bottom:none;}
.center .mulu_div .mulu .selected a{border-bottom:none;}

.center .content{padding-top:10px; background:#fff}
.center .content .left{float:left;  width:625px;padding:25px;line-height:25px;overflow:hidden}
.center .content .left .article .title{color:#000000;font-size:24px;}
.center .content .left .article .date{color:#999;font-size:12px}
.center .content .left .article .coment a{color:red;font-size:14px}
.center .content .left .article .artComtent{font-size: 18px;font-family: "Microsoft YaHei","u5FAEu8F6Fu96C5u9ED1","SimSun","u5B8Bu4F53","Arial" !important;margin-top:20px;color: #333;text-align: justify;}
.center .content .left .article .do{margin-top:20px; border-top:#ccc 1px solid}
.center .content .left .article .do .cont{float:left;padding:0 10px;border-right:#ccc 1px solid;color: #666;}
.center .content .left .article .do .cont .r1{/* width: 35px; */height:25px;float:left;background:url(../blog_image/aclick.png) no-repeat -188px 5px;padding-left:25px;}
.center .content .left .article .do .cont .r2{background:#fff;padding:0 5px;}
.center .content .left .article .do .cont .c1{width:25px;height:25px;float:left; background:url(../blog_image/aclick.png) no-repeat -220px 5px;padding-left:25px}
.center .content .left .article .do .cont .cont_r{float:left;display:inline}
.center .content .left .article .do .operate{float:right;padding:0 10px;border-left:#ccc 1px solid}
.center .content .left .article p{line-height: 2em;text-indent: 2em;}
.center .content .left .article img{ margin-top: 5px;margin-bottom: 5px;width:auto !important; height:auto !important; max-width:100%;display: block}
.center .content .left .article iframe,.center .content .left .article embed{ margin-top: 5px;margin-bottom: 5px;max-width:100%;display: block}
.center .content .left .article_pager{margin-top:45px}

.center .content .right{float:right;width:270px;margin-right:15px;display:inline}
.center .content .right .author{border: #ccc 1px solid; font-family:not specified}
.center .content .right .title{background:url(../blog_image/bcco.png);padding:5px 10px;color:#000; font-weight:bold;border-bottom: #ccc 1px solid}
.center .content .right .author .div2{margin:10px auto;width:140px;height:140px;border: #ccc 1px solid}
.center .content .right .author .div2 img{width:140px;height:140px}
.center .content .right .author .div3{margin:0 5px;padding:5px 10px;border-top: #ccc 1px solid}
.center .content .right .author .div4{margin:0 5px;padding:5px 10px;border-top: #ccc 1px solid;line-height:20px}
.center .content .right .calend{border: #ccc 1px solid;position:relative;margin-top:10px}
.center .content .right .kind{border: #ccc 1px solid;margin-top:10px}
.center .content .right .kind .list{padding:10px}
.center .content .right .kind .list ul{list-style:none;font-size:15px}
.center .content .right .kind .list ul li{list-style: inside;margin-top:15px;}
.center .content .right .kind .list ul li.first{margin-top:0px}
.center .content .right .kind .list ul li a{color:#556dab}
.center .content .right .newist{border: #ccc 1px solid;margin-top:10px}
.center .content .right .newist .list{padding:10px}
.center .content .right .newist .list ul{list-style:none;font-size:15px}
.center .content .right .newist .list ul li{list-style: inside;margin: 10px 0;}
.center .content .right .newist .list ul li.first{margin-top:0px;}
.center .content .right .newist .list ul li a{color:#556dab}
.center .content .right .search{border: #ccc 1px solid;margin-top:10px}
.center .content .right .search .list{padding:20px 10px}
.bottom{padding:30px 20px;line-height:25px;text-align:center;background:#f4f4f4;font-size:13px;color:#999;margin-top:10px}
.bottom span{color:red}

em {font-style: inherit;}

.pager a {
margin: 0px 5px 0px 5px;
text-align: center;
color:#0000ee;
}
.pager a b {
border: 1px solid #ccc;
line-height: 20px;
width: 20px;
display: inline-block;
background-color: #f8f8f8;
border-radius: 3px;
text-align: center;
}

/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:800px) {
body{-webkit-text-size-adjust:none;}
body{ min-width:100%; }
body, button, input, select, textarea{ font:16px/1.6 "Microsoft Yahei"; }
html,body {background:none;}
.onlyMb {display: inline;}
.onlyPc {display: none;}
.loginTop .div0{width:auto;padding: 0;}
.loginTop .div1{/* float:none; */margin:0 auto;/* display: -webkit-flex; *//* display: flex; *//* width:100%; */box-sizing: border-box;}
.loginTop .div1 a{/* margin-right:0; */text-align:center;display:inline-block;/* -webkit-flex-grow: 1; *//* flex-grow:1; */white-space: nowrap;}
.loginTop .div2{/* display:none; */}
#contain{width:100%; margin:0 auto;background-position:center -80px;border:0; height:100%;overflow:hidden;}
.dash_line{/* margin:0 0 10px 0 */}
.top{margin-left: 6px;margin-top: 52px;}
.top .mainTitle{font-size:18px;font-weight:400;line-height: 20px;}
.top .subTitle{right: 6px;top: -5px;width:50px;height:30px;background-size:55px 33px;}
.center{margin-top: 12px;}
.center .mulu_div .mulu li{width:25%;box-sizing: border-box;}
.center .content{clear:both;padding:5px;}
.center .content .left .article iframe,.center .content .left .article embed{width:100% !important; height:78vw !important;}
.center .content .left{float:none;width:auto;padding: 20px 0 10px 0;}
.center .content .left .article .do{font-size:12px;}
.center .content .left .article .do .cont{padding: 0 5px;}
.center .content .left .article .do .operate{padding:0 5px;}
.center .content .left .article_pager{ margin:0 !important;margin-top:5px;font-size:12px; text-align:center; float:none !important;}
.center .content .right{float:none;width:auto;margin:0;}
.center .content .right .newist .list ul li{overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.bottom{padding:20px 10px;text-align:center;font-size:12px;}
#L_calendar-week{ margin-top:4%;}
#L_calendar-day{margin-bottom:4%;}
#L_calendar-week,#L_calendar-day{margin-left: 4.5%;}
#L_calendar-day{ clear:both;}
#L_calendar ul{}
#L_calendar ul li{width:13%;}
.sousuo{ margin:0 auto;}

.content .zjbox{display:block; height:100%; overflow:hidden;padding:5px;}
.content .zj{background:none;width: auto;height: auto;padding-top: 10px;float: none;}
.content .spbox{width:auto;float:none;}
.content .zj #tcenter{width:auto;text-align: center;overflow: hidden;}
}

@media only screen and (min-width:300px) and (max-width:350px) {
.BackTop{display:none}
}