@charset "utf-8";
/**
 *CMS管理系统
 */
/* CSS Document */
html,body{width:100%;height:100%;}
body{font-size:16px;font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;line-height:22px;padding:0px;margin:0px;background:#f8f8f8;}
table{border-collapse:collapse;}
a,img{border:0;-webkit-tap-highlight-color: transparent;}
p{margin:0;padding:0;}
ol,ul{list-style:none}
a{color:#666;text-decoration:none;}
a:link{text-decoration:none; }  /* 指正常的未被访问过的链接*/
a:visited{text-decoration:none; }/*指已经访问过的链接*/
a:hover{text-decoration:none;}/*指鼠标在链接*/
a:active{text-decoration:none;}/* 指正在点的链接*/
.clearfix{clear:both;width:0px;height:0px;overflow:hidden;}
.pic{line-height:0px;}

#containers{margin:auto;width:100%;max-width:640px;height:auto;background:#fff;}
.yzm-header{height: 40px;
    background: #2196f3;
    box-shadow: 0px 2px 3px #a6a6a6;
    margin-bottom: 10px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;}
.yzm-header h2 {
    width: 70%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.main_books{width:95%;height:auto;min-height:100px;margin:0 auto;padding:10px 0;overflow: hidden;margin-top:50px;}
.m_title{width:100%;height:100px;}
.m_title span img{width:100px;height:90px;float:left;}
.m_title div{width:calc(100% - 120px);height:90px;float:right;}
.m_title div .m_bt{width:100%;height:40px;line-height:40px;display:block;}
.m_title div .m_sm{width:100%;height:40px;line-height:40px;display:block;color: #999;font-size:14px;}
.m_jg{width:100%;height:50px;line-height:50px;}
.m_jg>div{width:100%;height:30px;line-height:30px;color:#999;}
.m_jg>textarea{width:98%;height:50px;line-height:25px;color:#999;font-size:14px;border:1px solid #c9c9c9;}
.m_jg .mdj{float:left;color:#999;}
.m_jg .mdj input{width:95%;font-size:14px;height:30px;line-height:30px;border:1px solid #c9c9c9;}
.m_jg .mjg{float:right;color:#999;}
.m_jg .mjg input{width:95%;font-size:14px;height:30px;line-height:30px;border:1px solid #c9c9c9;}
.m_jg .mjg b{color:red;}
.m_jg .mjg span{border:1px solid #c9c9c9;display:block;width:40px;height:30px;line-height:30px;text-align:center;float:left;margin-top:8px;}





/* 网站容器 */
#container{margin:auto;width:100%;max-width:640px;height:auto;min-height:calc(100% - 105px);background:#fff;}
.bgimg{height:100%!important;background:url(../images/bg.jpg) !important;background-size: cover !important;background-repeat: no-repeat;}
.bgimg .main_book{padding-top:20px;}
.bgimg .main_book>div{margin:10px;color:#fff;}
/*网站头部 */
#header{height:40px;background:rgba(51,51,51,0.8);padding:0 4%;box-shadow: 0px 2px 3px #a6a6a6;}
#header img{height:20px;margin-top:10px;}
#header h1,#header h2{width:80%;height:40px;line-height:40px;font-size:16px;font-weight:normal;color:#fff;text-align:center;margin:0 auto;}
#header #fh{float:left;}
#header #menu{float:right;cursor:pointer}
#nav { background-color: #333333;}
#nav ul{line-height: 40px;margin:0;padding:0;text-align:center;}
#nav ul li{}
#nav ul li a { display: block; padding: 0 20px; color: #fff; text-decoration: none;transition:all 0.5s}
#nav ul li a:hover { background-color: #333333;}
.sidebar{ position: relative; height: 100%; overflow: auto;}
.sidebar img{width:120px;margin-top:20px;}
.list_news_red{}
.list_news_red ul li{border-bottom: 1px solid #e7e7e7;padding:10px 0;margin:0 8px}
.list_news_red ul li a{color:#666;font-size:15px;}
.list_news_red ul li span{color:#666;font-size:12px;margin-left:7px;}
.list_news_red ul li:last-child{border-bottom:0;}
.tit{background:#eee;font-weight:normal;height:35px;line-height:35px;border-top:#999 2px solid;text-align:center;}
.tit a{color:#123261;}
.jieguo{height:auto;line-height:20px;padding: 8px 0;margin: 0 8px;}

#main_article{padding:10px 15px;overflow:hidden;}
#contents h1{font-size:16px;font-weight:bold;height:auto;line-height:20px}
#contents #info{font-size:13px;color:#999;}
#contents #info .xr{float:right;}
#contents #info .xr2{float:right;margin-right:20px;}
#contents .cons a{color:#007046;}
#contents p{color:#4c4c4c;line-height:28px;text-align: justify;margin:10px 0;}
#contents img{width:100% !important;height:auto !important;}
#contents pre{width:calc(100% - 20px);padding:10px;overflow-x: auto;background: #efefef;}

.tags{margin-top:20px;}
.tags img{width:15px;height:15px;margin-bottom:-2px;}
.tags a{color:#5fbaac;}
#next{font-size:14px;margin-top:20px;}
#next p{height:30px;line-height:30px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
#next p img{width:15px;height:15px;margin-bottom:-2px;}
#next a{color:#666;}

#article_img {overflow:hidden;border-top:3px solid #eeeeee;}
#article_img ul{padding:0 5px;}
#article_img ul li{height:85px;border-bottom: 1px dashed #dadada;padding-top:10px;overflow:hidden;}
#article_img ul li img{float:left;width:95px;height:75px;margin-right:15px;}
#article_img ul li .bts{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#666;display:block;font-size:15px;}
#article_img ul li span{color:#868686;font-size:13px!important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:calc(100% - 110px);float:right;display: block;}
#article_img ul li .discript{height:35px;line-height:35px;}
#article_img ul li .xxx{}
#article_img ul li .xxx span{float:right;}

.comment{position:relative;margin:20px 0}
.ind_bt{height:28px; line-height:28px;font-size:15px;font-weight:normal;width:auto;margin:15px 0;color:#777;}
.com_form{width:100%; position:relative}
.textarea{width:98%; height:78px; border:1px solid #ccc;padding:5px 5px;outline:none;color:#333;line-height: 20px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;}
.textarea2{width:calc(100% - 12px);margin-top:8px;}
span.emotion{width:42px; height:20px; background:url(../images/icon.gif) no-repeat 2px 2px; padding-left:20px; cursor:pointer;color:#999;-webkit-tap-highlight-color: transparent;}
span.emotion:hover{background-position:2px -28px;color:#666}
.qqFace{background:#fff;padding:2px;border:1px #dfe6f6 solid;}
.qqFace table td{padding:0px;}
.qqFace table td img{cursor:pointer;border:1px #fff solid;}
.qqFace table td img:hover{border:1px #0066cc solid;}
.sub_btn{background-color:#5fbaac;color:#fff;border-radius:3px;font-size: 14px;height:28px;line-height:28px;text-align: center;width:80px;float:right;cursor:pointer;margin-top:5px;outline:none;border:none;}
.static{position:static;float:right;}
.comment_list{border:1px solid #ccc;margin:40px 0;overflow:hidden;}
.comment_list_top{background:#fbfbfb;color:#555;font-size:14px;padding:0 12px;font-weight:bold;height:30px;line-height: 30px;border-bottom: 1px dotted #ddd;}
.comment_list_body ul{padding:0 8px;}
.comment_list_body ul li{padding:8px 0;border-bottom: 1px dotted #ddd;overflow:hidden;}
.comment_list_body ul li:last-child{border-bottom:none;color:#666;}
.user_name{color:#017cb9;font-size:15px;padding-left:5px;}
.user_name:hover{color:#2a6496;text-decoration:none;transition: all 0.15s linear 0s;}
.original_comment {display: block;margin: 5px 0;}
.comm_right p{font-size: 14px;line-height: 1.5em;color:#666;margin:6px 0;padding-left:30px;}
.comm_right .fa-hf{width:18px;height:18px;background:url(../images/pl.png) no-repeat 0 1px;background-size:18px 18px;}
.picname{width:100%;height:25px;line-height:25px;}
.picname img{width:25px;height:25px;border-radius:50%;margin-bottom:-8px;}
.comm_time{font-size:12px;color:#999;margin-left:30px;}
.comm_a{font-size:12px;color:#999;margin:0 5px;transition: all 0.15s linear 0s;float:right;}
.comm_a:hover{color:#555}
.none{display:none;}
.replys{padding-left:30px;margin-top:10px;}
.replys p{word-wrap: break-word}
.fa-clock{background:url(../images/sj.png) no-repeat 0 2px;background-size:13px 13px;}
.fa-eye{background:url(../images/yd.png) no-repeat 0 2px;background-size:13px 13px;}
.fa-comments{background:url(../images/pl.png) no-repeat 0 1px;background-size:13px 13px;}
.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
    width: 15px;height:15px;margin-bottom:-2px;font-size:.875rem;
}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img{max-width: 100%;max-height: 90%;margin:0 auto;}
.big_img .swiper-pagination2{position: absolute; bottom:0.5rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{margin:0 0.05rem;}

.operate{width:100%;height:auto;padding:25px 0;}
.Smohan_Layer_Shade {
    position: fixed;
    _position: absolute;
    zoom: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(../images/hei.png) repeat;
    z-index: 99900;
}
/* 分享 */
#favorite,#download,#share{width:75px;height:28px;line-height:28px;text-align:center;float:left;color: #fff;border-radius: 5px;font-size: 15px;}
#favorite{background: rgba(241,112,103,0.8);margin:0 20px;}
#download{background: rgba(0,166,124,0.8);float:right;width:130px;}
#share{background: rgba(189,189,189,0.8);}
#favorite img,#download img,#share img{width:18px;height:18px;margin-bottom:-3px;}
/*微信二维码*/
.none{display: none;}
.qrcode{width:180px;height:180px;margin:20px auto;}
.qrcode img{width:180px;height:180px;}
.share_txt{width:90px;height:30px;line-height:30px;margin:0 auto;font-size:14px;text-align:center;border-radius:5px;background:rgba(189,189,189,0.8);color:#808080;float:right;margin-right:20px;}
.share_download{width:90px;height:30px;line-height:30px;margin:0 auto;font-size:14px;text-align:center;border-radius:5px;background:rgba(189,189,189,0.8);color:#808080;float:left;margin-left:20px;display:block;}
.d_info{width:100%;height:auto;clear: both;padding-top:15px;font-size:14px;}
.d_info div{color:#666;}

/*会员中心*/
.main_book,.main_mem{width:80%;height:auto;min-height:100px;margin:0 auto;padding:10px 0;overflow: hidden;}
.main_book>form>input{width:calc(100% - 24px);height:35px;line-height:35px;margin:10px auto;padding:0 10px;}
.main_book>form>div{width:100%;height:120px;line-height:60px;margin:10px auto;}
.main_book .userimgs{width:100%;height:150px;margin:10px auto;}
.main_book .userimgs img{width:60px;height:60px;}
.main_book .userimgs p{height:90px;line-height:35px;}
.main_book label{display:block;width:100%;height:60px;line-height:60px;margin-right:30px;}
.main_book .laydate-icon{height:33px;width:calc(100% - 110px);}
.main_book select{height:35px;margin-right:5px;}
.main_book textarea{width:calc(100% - 14px);}
.main_book #sub{width:100%;}
.main_book .charge{height:80px;}
.main_book .charge input{width:calc(100% - 120px);height:35px;}
.main_book .charge p{text-align:right;color:red;}
.main_book .label_img img{height:35px;}
.main_book .codes input{width:calc(100% - 200px);height:30px;}
.main_book .charge,.main_book .label_img,.main_book .codes,.main_book #codes{margin-top:20px;}

.main_mem>div{height:35px;line-height:35px;}
.main_mem>div .pas{float:right;color:#999;}

.change_password{position:fixed;width:300px;height:235px;left:0;right:0;top:30%;margin:auto;padding:30px;background:#fff;border: 1px solid #999;display:none;}
.change_password tr:last-child td{padding-top:10px;}
.change_password tr td:first-child{width:100px;}
.change_password tr input{width:200px;height:30px;line-height:30px;margin:5px 0;}
.change_password tr .submit{float:right;width:100px!important;}
.change_password tr .dis{width:100px!important;}

.bottom_check{width:100%;height:65px;}
.bottom_check>a{display:block;width:49%;height:64px;line-height:64px;float:left;background:#efefef;text-align: center;color:#666;}
.bottom_check>a:last-child{float:right;}

.tablelist{width:96%;height:auto;margin:0 auto;padding:0 0 10px 0;}
.tablelist .list_one{width:calc(100% - 20px);height:90px;line-height:30px;margin-bottom:10px;padding:10px;background:#f2f2f2;}
.tablelist .list_one p{width:100%;height:30px;line-height:30px;}
.favorites tr{width:100%;height:60px;}
.favorites tr td:first-child{width:60px;}
.favorites tr td:last-child{width:calc(100% - 40px);overflow: hidden;}

#page{margin:10px 0;font-size:14px;line-height:30px;text-align:center}
#page .pageinfo{display:none}
#page  a{border:1px solid #aaa;background:#fff;color:#808080;padding:4px 10px;margin-left:5px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#f2f2f2;color:#808080;text-decoration:none;border:1px solid #aaa;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #aaa;}

.x_info{padding:20px;}
/* 返回顶部 */
.fan{position: fixed;width:30px;height:30px;text-align: center;right:20px;bottom:100px;border-radius:50%;background:rgba(192,192,192,0.5);display:none;}
.fan img{width:20px;height:20px;margin-top:5.5px;}

/* 网站底部 */
#footer{background:#efefef;text-align:center;color:#333;line-height:20px;padding:15px 0 10px 0;}
#footer p{font-size:13px;color:#999}