body.bw{background-color: #FFFFFF;}
.bw .section, .bw .author_info{border-color: #F0F0F0!important;}

/*文章内容*/
.article_box{/*padding: 55px  28px ;*/background: #fff; position: relative;}
.article_box .article_info_box {position: relative;}
.article_box .article_info_box span {position: relative; display: inline-block;line-height: 18px;color: #9B9B9B;margin-right: 10px;}
.article_box .article_info_box .author{position: relative; padding-left: 38px; }
.article_box .article_info_box .author .cover{width: 26px; height: 26px; position: absolute; left: 0; top: -4px; border-radius: 50%; background-color: #F0F0F0;overflow: hidden;}
.article_box .article_info_box .author .cover img{width: 100%; height: 100%;}
.article_box .article_info_box a{color: #9B9B9B;}
.article_box .article_info_box .share_box{display: inline-block; color: #333; font-size: 14px; margin-right: 40px;position: relative;}
.article_box .article_info_box .share_box .share_item{display: inline;margin-left: 6px;position: relative;line-height: 24px;}
.article_box .article_info_box .share_box .share_item .icon{width: 24px; height: 24px;}
.article_box .article_info_box .share_box .share_item .icon:hover{opacity: .8;}
.article_box .article_info_box .share_box .share_item .qrcode{ width: 211px; height: 211px; position: absolute; left: -95px; top: 56px; z-index: 100; opacity: 0;visibility: hidden; text-align: center; background: url("../images/weixin_share_bg.png") no-repeat left top;}
.article_box .article_info_box .share_box .share_item .qrcode img{width: 111px; height: 111px;}
.article_box .article_info_box .share_box .share_item:hover .qrcode {top:36px; opacity: 1;visibility: visible;transition: all .3s ease;}
.article_box h1{color: rgb(51, 51, 51);font-size: 30px;font-weight: 600;margin: 0px 0px 20px;}
.article_box .content, .article_grid .right .content_box{ font-size: 16px;width: 100%;position: relative; min-height: 400px; padding-top: 20px;line-height: 30px;color: #444444; overflow: hidden;}
.article_box .content p, .article_grid .right .content_box p {margin: 0 0 10px !important;word-break: normal;}
 .article_box .content h1,.article_box .content h2,.article_box .content h3,.article_box .content h4,.article_box .content h5,.article_box .content h6{margin:  10px 0;}
.article_box .content .img_box{text-align: center}
.article_box .content blockquote, .article_grid .right .content_box blockquote{position: relative; padding: 15px; line-height: 22px; border-radius: 0 2px 2px 0;border-style: solid;border-width: 1px 1px 1px 5px;border-color: #e6e6e6; border-left-color: #37C393;}
.article_box .content blockquote.em{border-left-color:#DB4141}
.article_box .content center, .article_grid .right .content_box center{padding:20px 0px ;}
.article_box .content img, .article_grid .right .content_box img{max-width: 716px;height:auto}
.article_box .content *, .article_grid .right .content_box *{line-height: inherit;}
.article_box .content.kuaixun blockquote{line-height: 30px!important;}
#editor{width: 100%; height:630px;}

/*相关标签*/
.related_tags{position: relative; margin: 40px 10px;}
.related_tags .iconfont{font-size: 19px; position: relative; top: 2px; color: #c5c5c5;}
.related_tags a{display: inline-block; margin-left: 10px;    padding: 6px 8px; background-color: #f5f5f5;color: #808080;border-radius: 5px;}
.spanLabel{cursor: pointer;}
.spanLabel:hover{color: #1E9FFF;}
/*相关文章*/
.related_article_box{display: inline-block;padding-top: 40px; position: relative;width: 100%;}
.related_article_box .sub_title{font-size: 20px;position: absolute;top: 13px;left: 0px;height: 26px;line-height: 25px;border-left: 3px solid #37C393;padding-left: 15px;}
.related_article_box .related_article_list{padding: 20px 0 10px;position: relative; margin-right: -33px;}
.related_article_box .related_article_list .item{-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; width: 240px;height: 240px;border: 1px solid #f0f0f0;float: left;margin-right: 33px;margin-bottom: 30px;}
.related_article_box .related_article_list .item:hover{box-shadow: 0 5px 15px rgba(45,50,55,.2);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
.related_article_box .related_article_list .item a{color: #333333;}
.related_article_box .related_article_list .item a:hover{color: #268aee;}
.related_article_box .related_article_list .item img{width: 100%;height: 160px;}
.related_article_box .related_article_list .item .article_title{padding: 10px 15px 0;font-size: 15px;line-height: 24px;}
/*币乎同步操作步骤*/
.content_box .tmap1{font-size: 22px;color: RGBA(255, 101, 1, 1);margin-top: 50px;}
.content_box .tmap1:first-of-type{margin-top: 0;}
.content_box .tmap2{font-size: 16px;color: RGBA(51, 51, 51, 1);}
.content_box .tmap3{font-size: 14px;line-height: 14px; color: RGBA(153, 153, 153, 1);padding-top: 80px;}
.content_box .sycn_img{width: 100%;}
.content_box .sycn_img1{width: 625px;}

/*关于我们*/
.article_grid{position: relative; padding: 15px 0 50px;}

/*左侧导航*/
.article_grid .left{position: relative; width: 280px; border: 1px solid #ebebeb; background-color: #FFFFFF;}
.article_grid .left .sub_nav{position: relative; margin-top: 25px; padding: 10px 0 100px 0; }
.article_grid .left .sub_nav .item{position: relative; padding: 20px 10px; text-align: center;}
.article_grid .left .sub_nav .item:after{content: ""; position: absolute; left: 10px; right: 10px; bottom: 0px; height: 1px; background-color: #F2F2F2;}
.article_grid .left .sub_nav .item a{display: block; text-align: center; font-size: 16px;}
.article_grid .left .sub_nav .item a:hover{opacity: 1; color: #FF6501;}
.article_grid .left .sub_nav .item.active a{font-weight: bold; color: #FF6501;}
.article_grid .left .sub_nav .item .iconfont{margin-right: 8px;}


/*右侧操作区域*/
.article_grid .right{position: relative; width: 840px; background-color: #FFFFFF;border: 1px solid #ebebeb; padding: 50px 30px;}
.article_grid .right .title{position: relative;font-size: 20px;color: #333333;line-height: 20px;padding-left: 14px;padding-bottom: 20px;margin-bottom: 12px;border-bottom: 1px solid #EBEBEB;}
.article_grid .right .title:after{content: " ";position: absolute;left: 0;top: 0;width: 4px;height: 20px;background: #37C393;}
.article_grid .right .content_box{border-width: 0px;}
/*提交文章*/
.add_article_form_box{border: 1px solid #ebebeb; background-color: #FFFFFF; position: relative; margin: 20px 0;}
.add_article_form_box .form_box{position: relative; width:810px; margin: 0 auto;}
.add_article_form_box .form_box{padding: 50px 0;}
.add_article_form_box .form_box .form_item.resetPD{padding-top: 5px!important;}
.add_article_form_box .form_item .layui-form-radio i:hover, .form_item .layui-form-radioed i{color: #37C393!important;}
.add_article_form_box .mandatory{font-weight: bold; color: red;}
.add_article_form_box .filed_text{font-size: 14px; color: #333333;text-align: right; margin-right: 12px;line-height: 28px;}
.editor_box{position: relative; padding-top: 15px;}
.editor_box .e_title{position: relative;font-size: 17px;font-weight: 400;color: #555555; padding-bottom: 6px;}
.editor_box .w-e-text-container{height: 600px!important;}
.editor_box .w-e-text blockquote{padding: 15px; line-height: 22px; border-radius: 0 2px 2px 0;border-style: solid;border-width: 1px 1px 1px 5px;border-color: #e6e6e6; border-left-color: #37C393;}
.article_tag_box .select_tags{position: relative;}
.article_tag_box .select_tags span{display: inline-block; font-size: 12px;color: #fff;line-height: 12px; margin-right: 5px;border-radius: 15px;padding: 9px 10px 9px 13px;background: #37C393; position: relative; top: 18px;}
.article_tag_box .select_tags span .iconfont{cursor: pointer; margin-left: 5px;}
.article_tag_box .add{position: relative; font-size: 28px; top: 12px; margin-left: 10px; color: #b5b5b5;}
.article_tag_box .add:hover{color: #FF6501;}

.add_article_form_box .tags, .article_tag_box .cmt_cnt{position: relative; width: 700px; overflow: hidden;}
.add_article_form_box .tags span{display: inline-block;color: #808080;line-height: 12px;padding: 8px 13px 8px 14px; margin-right: 10px;margin-bottom: 10px;border-radius: 15px; box-sizing: border-box; background: #F5F5F5;border: 1px solid #E8E8E8; cursor: pointer;}
.add_article_form_box .tags span:hover{color: #FF6501; border-color: #FF6501;}

.add_article_form_box .article_cover{width: 300px;height: 200px;margin: 0 auto ;position: relative;border: 1px solid #ebebeb;vertical-align: middle;overflow: hidden;background: #DCDCDC url('../images/defaultbg1.png') no-repeat center; background-size: contain;}
.add_article_form_box .article_cover img{width: 100%; height: 100%; font-size: 0px; line-height: 0px;}
.add_article_form_box .article_cover .layui-btn{width: 100%;min-width: inherit;position: absolute;left: 0px;right: 0px;bottom: 0px; top: 0; margin: 0px;padding: 0px;text-align: center;background-color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height: 100%; height: 100%; opacity: 0; font-size: 20px;}
.add_article_form_box .article_cover:hover .layui-btn{opacity: 1;}
.add_article_form_box .article_cover .layui-btn:hover{opacity: 1; text-decoration: underline;}


/*权利声明*/
.add_article_form_box .statement{position: relative; padding: 30px 0px;}
.add_article_form_box .statement em{display: block; line-height: 25px;}
.prop{font-size: 13px;line-height: 18px;color:grey;padding: 0px 0px 30px;}

/*提交按钮*/
.add_article_form_box .form_item .layui-btn{width: 300px;}
.add_article_form_box .other_btn_box{position: relative; width: 300px; margin: 10px auto 0 auto!important;}
.add_article_form_box .other_btn_box a{display: inline-block; position: relative; text-align: center; width: 140px; border: 1px solid #FF6501; color: #FF6501; border-radius: 5px; height: 35px; line-height: 35px;}

/*rss订阅*/
.rss_box{float: right;margin-top: 15px;}
/*作家二维码*/
 .erweima_box_url{width: 64px;height: 64px;cursor: pointer;}
.layer_erweima_box{background: rgba(0,0,0,.5);position: absolute;height: 100%;width: 100%;top:-412px;right: 0;z-index: 22;display: flex;align-items: center;justify-content: center;color: white;font-size: 18px;line-height: 20px;opacity: 0;transition: all ease 1s;cursor: pointer;}
.layer_erweima_box_url{width: 200px;height: 200px;background: white}
.layer_erweima_title{margin-top: 15px;}
.more_link{display: flex;justify-content: space-between;align-items: center;margin: 0 auto;width: 264px !important;}
.more_link a{width:120px;height:43px !important;background:rgba(55,195,147,1);border-radius:3px;font-size: 14px;}
.follow,.delfollow{width:120px;height:41px;border:1px solid rgba(255,101,1,1);border-radius:3px;font-size: 14px;color: #FF6501;line-height: 41px;text-align: center;margin-left: 24px;cursor: pointer;}
.delfollow{width:122px;height:43px;border: 0;background:rgba(255,101,1,0.14);}
.collection{width: 100px;text-align: right;cursor: pointer;position: relative;left: 670px;top: 28px;display: flex;justify-content: flex-end;align-items: center;z-index: 10;}
.related_tags{margin-top: 0;}
.collection span{margin-right: 10px;}
.collection img{cursor: pointer;}
.related_tags{position: relative;}
.last-next-box{font-size: 16px;margin:0 auto 20px;}
.last-next-box>p{margin-right: 15px;}
.last-next-box>p>a{color: #4285f4!important;text-decoration: underline;}
.layui-breadcrumb .slanting_bar{padding: 0 7px;}
.layui-breadcrumb a,.layui-breadcrumb span{color: #999999}
.layui-breadcrumb a cite{color: #0C0C0C}
.layui-layer-setwin{display: none;}
.standard{position: absolute;right: 0;top: 2px;color: #FF6501;font-size: 14px;}
.standard:hover{color:#FF6501;}
.classify{display: flex;justify-content: flex-start;align-items: center;margin-top: 10px;margin-bottom: 20px;}
.classify .f_tit{margin-right: 20px;}
.classin{color: red;}

/*添加文章上传图片*/
.box_pictrue{padding-top: 10px;padding-left: 40px;}
.btn_pictrue{width: 206px;height: 48px;margin-top: 27px;color: #666666;font-size: 14px;border-radius:5px;border:1px solid rgba(204,204,204,1);}
.box_pictrue .updata_img{border-color:rgba(204,204,204,1);background: white}
.box_pictrue  .selecte_img{background-color: #FAFAFA;border-color:#FAFAFA;}
#article_cover_src{background-color: white;}
.selection_picture_box{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,.4);z-index: 99999;opacity: 0;display: none;}
.selection_picture_box  .selection_picture{background-color: white;padding:32px 60px;border-radius:10px;width: 706px;}
.selection_picture_box .selection_picture .selection_picture_title{font-size: 16px;color: #333333}
.selection_picture_content{margin-top: 30px;width: 100%;height: 366px;overflow-y: scroll;overflow-x: hidden;}
.selection_picture_content .selection_picture_content_li{display: inline-block;position: relative; cursor: pointer; width: 159px;height: 106px;overflow: hidden;margin-right: 20px;margin-bottom: 22px;opacity: 0.6;border-radius:5px;background: #DCDCDC url(../images/defaultbg1.png) no-repeat center;background-size: contain;}
.selection_picture_content .selection_picture_content_li>img{width: 100%;height: auto;}
.selection_picture_content .selection_picture_content_li:nth-of-type(4n){margin-right: 0;}
.selection_picture_bottom{margin-top: 37px;}
.selection_picture_bottom  .selection_btn{width: 160px;height: 54px;border-radius: 27px;font-size: 16px;cursor: pointer;}
.selection_picture_bottom  .selection_btn.confirm{background-color: #FF6501;color: white;margin-right: 11px;}
.selection_picture_bottom  .selection_btn.confirm.active{opacity: .4;}
.selection_picture_bottom  .selection_btn.cancel{background-color: #CCCCCC;color: #666666;margin-left: 11px;}
.selection_picture_content .selection_picture_content_li.active{opacity: 1;}
.selection_picture_content .selection_picture_content_li.active .layer_box{display: inline-block;}
.selection_picture_content .selection_picture_content_li .layer_box{width: 100%;height: 100%;background-color: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;display: none;}
.selection_picture_content .selection_picture_content_li .layer_box .icon_hook{ position: absolute;bottom: 7px;right:8px;z-index: 666; width: 20px;height: 20px;display: inline-block;background-image: url("../images/hook_icon.png");background-position: center;background-size: 20px;background-repeat: no-repeat; }
.selection_picture_content.none_img_box{font-size: 16px;color: #333333;display: none;}