/*08-19字号*/
body{font-size: 16px;font-family: "微软雅黑";}
a{text-decoration: none !important;}
label{font-weight: normal;}
input{outline:none;}
.centerbox{width: 100%;}
.clearfix{clear: both;}
.noborder{border:none!important;}
.mask{position: fixed;width: 100%;height: 100%;z-index: 11;top: 0;left: 0;background: rgba(0,0,0,0.5);display: none;}
.closeframe{font-weight:bold;opacity: 0.5;}
.closeframe:hover{cursor:pointer;}
.line,.line_s{width: 1px;height: 100%;position: fixed;top: 40px;left: 260px;background: #e5e5e5;z-index: 10;}
.nav_icon{position: fixed;width: 40px;height: 40px;background: #f5f5f5;top:0;left: 0px;cursor:pointer;z-index: 20;overflow: hidden;}
/*08-19导航宽度高度*/
.nav{position: fixed;width: 260px;background: #f5f5f5;top: 40px;left: 0px;z-index: 10;}
.nav_icon.on #fold{display: block;}
.nav_icon.on #open{display: none;}
.nav_mian.on .nav{left: 0;}
.nav{overflow-y: auto;height: 100%;}
.nav ul{margin:0;padding-left: 0px;}
.nav ul li a{color: #333;}
.nav ul li img{margin-top:4px;float: left;}
.nav ul li{padding:0 0 0 20px;}
/*左侧导航被选中背景色*/
.graybg{background: #e5e5e5;}
.add{background: url(../img/icon.png) no-repeat -54px 0px;margin-top:4px;display: inline-block;float: right;width: 19px;height: 21px;}
.del div span{color: #ff7e28;padding:0 4px;}
.head{background-color: #f5f5f5;height: 40px;line-height: 40px;width: 100%;position: fixed;z-index: 10;left: 0;top: 0}
.weather,.time,.user{width: 33%;float: left;text-align: center;}
.time{height: 40px;}
/*首页顶部搜索引擎*/
/*.logo img{margin:80px auto 10px auto;display: block;display: none;}*/
.logo img{display: block;display: none;}
.search-t,.search-d{width: 620px;margin-left: auto;margin-right: auto;margin-top:10px;}
.search-t a{background: #fff;border-radius: 2px;padding: 2px 6px;margin:2px 6px;}
.search-t a.selected{background: #64aae8;color: #fff;}
#keyword {font-size: 16px;background: #fff;border-color:1px solid #ababab;cursor: text;height: 40px;width: 500px;
    outline: none;vertical-align: middle;line-height: 38px;padding-left: 10px;}
#s-btn{font-size: 16px;height: 40px;width: 110px;margin-left: -6px;vertical-align: middle;border: 1px solid #3F97E2;
    color: #FFFFFF;background: #3F97E2;margin-top: -1px;}
#s-btn:hover {background: #317EF3;border: 1px solid #317EF3;}
/*08-19首页边距*/
.tit{border-bottom:1px #999 solid;}
.tit a{float: right;color: #333;}
.tit h1{font-size: 16px;}
li{list-style:none;line-height: 40px;position: relative;}
.site ul{width: 100%;padding-left:0;}
/*08-19 宽度826-02*/
.site ul li{float: left;margin-right: 40px;}
.site ul li a{color: #333;}
.site-x,.site-s,.addweb,.zk,.addtypebtn,.sitegro-s,.sitegro-x{background: rgba(0,0,0,0);border:none;}
.site-x,.sitegro-x{background:url(../img/icon.png) no-repeat 0 -19px;width: 15px;height: 15px;float: right;margin: 12px 4px 0 4px;cursor: pointer; padding: 0;}
.site-x:hover,.sitegro-x:hover{background-position:0 1px;}
.site-s:hover,.sitegro-s:hover{background-position:-15px 1px;}
.site-s,.sitegro-s{background:url(../img/icon.png) no-repeat -15px -19px;width: 15px;height: 15px;float: right;margin: 12px 4px 0 4px;cursor: pointer; padding: 0;}
/*分类网址标题颜色*/
.tit-sm{color: #3F97E2 !important;}
.site-x,.site-s,.sitegro-s,.sitegro-x{display: none;}
.collect .sitegro-s a.tit-sm{display:inline-block;}
.collect .site a:hover,.website .site a:hover{color: #3F97E2;}
.coninter{width: 1000px;margin:40px 0 0 260px;}
.friend{margin-bottom:40px;margin-left: 20px;}
.friend p{border-bottom: 1px #999 solid;}
.text{background-color: #f4ebb4;padding:10px 50px 20px 50px;position: relative;margin-bottom: 20px;}
/*08-19h1换成div*/
.text .clearfix{margin-top:24px;font-size: 14px;}
.text .texttop,.text .btnbox{font-size: 14px;line-height: 20px;margin-top:6px;margin-bottom: 14px;}
.texttop span{float: right;margin-left:10px;color: #666;}
.text p{background: url(../img/sbg.png) repeat;line-height: 50px;}
/*08-19控制img最大宽度826-08和边界*/
.text > img{margin-bottom:10px;max-width: 100%;background: #f4ebb4;padding: 10px;}
/*图片加链接时候+a标签float：none*/
.text > a > img{margin-bottom:10px;max-width: 100%;background: #f4ebb4;padding: 10px;}
.text > p > img{margin-bottom:10px;max-width: 100%;background: #f4ebb4;padding: 10px;}
.text a{float: left;color: #333;}
.category{margin:50px 0 10px 0;padding:0 10px;}
.pulldown,.pulldowna{padding-left:16px;display: inline-block;color: #333;background-size: 14px auto;background-position: 0 12px;
    background-repeat:no-repeat;}
.pulldowna{background-image: url(../img/unfolda.png);}
.pulldown{background-image: url(../img/unfold.png);}
/*08-19*/
.aclass,.bclass{line-height: 40px;}
.aclass ul a,.aclass ul li,.bclass ul a,.aclass .group li{display: none;}
.aclass.active .minus,.aclass.active ul a.pulldown,.bclass.active ul a,.aclass.active .ss{display: inline-block;}
.aclass.active .acquiesce li,.aclass.active .acquiesce{display: block;}
.bclass.active .pulldown,.aclass.active .pulldowna{background-position: 0 -14px;}
.group.active li{display: block;}
.group.active .pulldown,.bclass.active .pulldowna{background-position: 0 -14px;}
.result img{margin-right: 4px;}
.result{max-height: 260px;}
.result ul{padding: 0 !important;}
.result ul li a{color: #64aae8;margin-left: 8px;font-size:10px;}
.addfri a{margin-left: 14px;}
.tit span{color:#337ab7;margin-left: 4px;}
.del p span,.delgroup p span{color: #ff7e28;padding:0 4px;}
.savebtn{height: 30px;padding:0 15px;color: #fff;background: #64aae8;margin-top: 10px;border:none;border-radius: 2px;}
/*评论框*/
.comment{border:1px solid #ccc;border-top:4px solid #ccc;padding: 10px 40px;display: none;}
.comment > p,.allcommbox > p{font-size: 18px;}
.zanbox{float: right;}
.zanbox a{color: #333 !important;}
.zan i{background: url(../img/zan.png) no-repeat;padding-left: 16px;background-position:0 -7px;width: 18px;height: 18px;overflow: hidden;display: inline-block;
margin-right: 1px;}
.yizan,.reply,.packup{background: url(../img/zan.png) no-repeat;padding-left: 16px;}
.zanon i{background-position: 0 -47px;}
.reply{background-position: 0 -98px;}
.replyon{background-position: 0 -148px;}
.areabox{width: 100%;}
.areaboxa{width: 100%;margin-top: 4px;margin-bottom: 4px;}
.apphtml{display: none;}
.areabox textarea,.areaboxa textarea{height: 100px;width: 100%;}
.mycomment > div,.allcomm > div{float: left;}
.emojibox > a{background: url(../img/bqb.png) no-repeat;padding-left:30px;height: 30px; line-height: 30px;display: inline-block;color: #333;}
.comsubmit{margin-top: 10px;}
.comsubmit button{float: right;border:none;background: #64aae8;height: 30px;color: #fff;}
.allcommbox{padding: 10px 40px;border:1px solid #ccc;border-top:none;margin-bottom: 40px;}
.allcommbox > p a{float: right;color: #64aae8;font-size: 14px;line-height: 20px;}
.allcomm div > span{color: #999;}
.allcomm{border-bottom: 1px #ccc solid;padding:5px 0;}
/*左侧导航*/
.deletegroup{background: url(../img/setup.png) no-repeat 1px;padding-left: 16px;}
.minus,.addsub{background: url(../img/setup.png) no-repeat;background-size: 12px 12px;display: inline-block;
    width: 12px;height: 12px;margin-left: 10px;}
.addfribtn{margin-left: 6px}
/*08-19搜索好友弹框内容*/
.remark input{line-height: 16px;}
.remark button{border-radius: 2px;padding:4px 10px;background:#64aae8;color: #fff;border:none;}
.frirevise a,.del a.delbtn,.addsubox a{background: url(../img/icon.png) no-repeat -15px 3px;padding-left: 18px;}
/*826-13用户中心上传头像样式*/
#upImg{margin:10px 0 0 42px;}
#upImg input{width: 80px;height: 60px;}
#imgPreview{width: 160px;height: 160px;border-radius:80px;overflow: hidden;}
#cropedBigImg{width: 100%;height: 100%;object-fit:cover;}
.basicinform > div{float: left;margin:10px 20px;}
/*删除好友，分组确认弹框826-07*/
.delfri p span,.delgro p span,.deltype p span,.delwebgro p span{color: #ff7e28;margin:0 2px;}
.delfribox,.delgrobox,.addgrobox,.deltypebox{text-align: center;}
.delfribox button,.delgrobox button,.addgrobox button,.deltypebox button,.delwebgrobox button,.delnotebox button{
    border-radius: 6px;background: #64aae8;border: none;color: #fff;padding: 4px 14px;}
/*评论表情*/
.emojibox{position: relative;display: inline-block;}
.emoji{width: 288px;
    padding: 4px;
    position: absolute;
    top: 40px;
    z-index: 2;
    background: #fff;
    -webkit-box-shadow: 2px 2px 12px #c5c5c5;
    box-shadow: 2px 2px 12px #c5c5c5;
    overflow: hidden;
display: none;}
.emoji ul{width: 280px;margin: 0;padding:0;}
.emoji li{float: left;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #e8e8e8;
    margin: 4px;
    overflow: hidden;
    cursor: pointer;}
.emoji img{width: 30px;height: 30px;}
.emoji a{float: right;color: #999;}
/*二级评论*/
.secondresp{background:#f5f5f5;padding:8px;}
.secondresp b{color: #ff7e28;}
.response > span{color: #333!important;}
.response{margin:10px 0;border-bottom: 1px #ccc solid;}
.secondresp p{color: #999;}
.resptit{color: #656565;margin-left: 4px;}
.hideresp{display: none;}
.showresp{text-align: center;}
.showresp span{color: #ff7e28;padding: 0 2px;}
/*弹框页面样式826-07*/
.allpopbox{width: 100%;height: 100%;display: none;}
.addweb,.addtypebtn{color: #337ab7;}
.outp p,.delweb p,.delwebgro,.delnotebox{text-align: center;}
.comastyle{width: 100%;display: none;}
.combstyle{padding:10px 20px;}
.delfri,.delgro,.addgro,.deltype{z-index: 30;}
.combstyle div{margin:10px 0;}
.okbtn{border-radius: 6px;background: #64aae8;border:none;color: #fff;padding:4px 14px;margin-left: 100px;}
/*笔记编辑删除分享按钮826-07*/
.edit,.delete{height: 20px;display: block;padding-left: 20px;}
.edit{background: url(../img/edit.png) no-repeat;background-position: 0 -18px;}
.edit:hover{background-position: 0 2px;}
.delete{background: url(../img/delete.png) no-repeat;background-position: 0 -19px;}
.delete:hover{background-position: 0 2px;}
.share{background: url(../img/share1.png) no-repeat;padding-left: 20px;}
.look{background: url(../img/look.png) no-repeat;padding-left: 20px;}
.textcomm{margin-top: 60px !important;color: #666;}
.sharebtn{position: absolute;top: -54px;right: -52px;background: url(../img/iconbg.png) no-repeat;padding:1px 10px 7px 10px;display: none;width: 180px;}
/*笔记评论点赞按钮*/
/*.textcomm a{float: right;}*/
em{font-style: normal;}
.bigcommbox{display: none;}
.see{display: block !important;}
.container-fluid{padding: 0 !important;}
.row{margin:0 !important; }
.inputframe{background:#f0f0f0;border:1px #ccc solid;min-height: 60px;width: 100%;}
.emoji_container{top: -290px;left: 20px;}
/*08-19*/
.group{margin-left: 10px !important;}
.text .zanperson,.text .zanperson div{margin-top: 0;}
.text .zanperson div{line-height: 30px;}
.zanperson span{float: left;}
.zanblock{background: url(../img/dianzan.png) no-repeat;width: 18px;height: 18px;display: inline-block;float: left;margin:6px 6px 0 0;}
.nonetit,.addfritext{display: none;}
.group .grayclass,.nav_mian{position: relative;}
.addfritext{width:220px;padding:10px;box-shadow: 4px 4px 4px #ccc;background: #fff;position: fixed;left: 240px;z-index: 40;border-radius: 4px;}
.addfritext ul{float: left;}
.addfritext img{width: 50px;height: 50px;position: absolute;top: 10px;right: 10px;}
.addfritext ul{padding-left: 0;}
.addfritext ul li a{display: block;}
.emailbtn{color: #337ab7 !important;}
.acquiesce{display: none;}
/*奇数行加背景色*/
.classify:nth-child(odd){background: #f5f5f5;}
/*email页面样式*/
.fritalk{color: green;}
.mytalk{color: #64aae8;}
.messagelog,.messagebox{padding: 20px;}
.messagelog > ul{padding: 10px;background: #fafafa;}
.messagelog li{line-height: 30px;}
.messagelog li span{margin-left: 10px;}
.page{text-align: center;}
.page ul{padding: 0;margin-top: 20px;}
.page a{border: 1px solid #ccc;border-radius: 4px;padding: 4px 8px;color: #333;margin:0 4px;}
.page a:hover{background: #64aae8;color: #fff;border:#64aae8 1px solid;}
/*未读消息826-06*/
.unread{color: #A0A0A0;font-size: 14px;margin-left: 8px;}
/*分类网址*/
.swwidth{width: 15%;float: left;padding-right: 20px;}
.bwwidth{width: 85%;float: left;}
/*头像图片控制826-14*/
.headpic{width: 30px;height: 30px;border-radius: 50%;margin-right: 4px;object-fit: cover;}
.noteset div{float: left;margin:20px 10px 10px 20px;}
/*用户昵称*/
.username{color: #333;}
.tentit{font-size: 20px;font-weight: bold;}
/*壮壮*/
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#62c59f;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:15px;border:1px solid #62c59f; border-top:none; text-align:left;}
/*1010郑叶珊*/
.informicon{background: url(../img/inform.png) no-repeat;background-size: 20px 20px;display: inline-block;
    font-style: normal;font-size: 12px;color: red;padding-left: 22px;margin-top: 10px;line-height: 20px;margin-right: 0 !important;}
.sendinform{background: url(../img/inform.png) no-repeat;background-size: 12px 12px;display: inline-block;width: 12px;height: 12px;margin-right: 4px;}
.aclass ul li,.bclass ul li{position: relative;}
.rightpos{position: absolute;right: 20px;top: 0;}
#allcontent img{margin-bottom: 10px;max-width: 100%;background: #f4ebb4;padding: 10px; cursor: zoom-in;}
#allcontent a:hover{text-decoration:underline  !important;}
#allcontent a{color:#337ab7  !important;}
/*手机端遮罩*/
.masking{position: fixed;top: 0;left: 0;z-index: 9;background: rgba(0,0,0,0.4);display: none;}
#navname,#url{width: 210px !important;}
/*朋友圈*/
#allcontent{overflow: hidden;font-size: 16px;word-wrap:break-word;}
.spreadout{display: none;color: #337ab7 !important;float: right !important;}
/*按钮位置*/
.btnbox .floatl{float: left;}
.btnbox .floatr{float: right;}
.floatr a,.spreadout{margin:4px 10px 0 0;}
/*新加好友搜索+复制链接*/
.ss{font-size: 14px;color: #999 !important;float: right;margin: 3px 20px 0 0;display: none;}
.ss i{width: 12px;height: 12px;display: inline-block;background-size: 12px 12px;margin-right: 2px;
    background-repeat: no-repeat;background-image: url(../img/ss.png);}
.link{background-image: url(../img/link.png);background-size: 20px 20px;background-repeat: no-repeat;
margin-right: 2px;display: inline-block;width:20px;height: 20px;background-position: 0 0;}
.linka{background-image: url(../img/link.png);background-size: 20px 20px;background-repeat: no-repeat;
margin-right: 2px;display: inline-block;width:20px;height: 42px;background-position: 0 24px;}
.usercbox{margin:60px 0 0 20px;}
/*回到顶部*/
.backtop{position: fixed;bottom: 50px;right: 400px;width:30px;height: 30px;background: url(../img/backtop.jpg) no-repeat;}
#common_use span{margin-right: 16px;position: relative;float: right;cursor: pointer;display: none;}
.renew{width: 18px;height: 18px;display: inline-block;background: url(../img/renew.png) no-repeat;background-size: 18px 18px;position: absolute;top: 2px;left: -20px;}
.collectbtn i{background:url(../img/collect.png) no-repeat;background-position:-2px -4px;width: 18px;height: 18px;overflow: hidden;display: inline-block;}
.collectbtn.on i{background-position-y:-36px;}
.collectbtn.on{color: red;}
.logo{text-align:center;margin-top: 80px}
.logo>a{display:inline-block;}
.zancollect{width: 90%;float: left;}
.zancollect div{width: 20%;float: left;text-align: center;}
.zancollect div:first-child{margin-left: 30%;}
.zancollect a{float: none;}
.emoji-icons{background: #fff;border: 1px solid #bfbfbf;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.176); z-index: 99;padding: 5px;position: absolute; top: 30px; width: 544px; display: none; left: 0;}
.emoji-icons span{width: 44px;height: 44px;float: left;border: 1px solid #e3e3e3;margin-top: -1px;margin-left: -1px; text-align: center; font-size: 22px; line-height: 44px; cursor: pointer;}
.zancollect i{position: relative;top: 2px;margin-right: 2px;}
@media screen and (max-width:768px){
	.emoji-icons{width: 356px; left: -12px;}
	.comment,.allcommbox{padding: 10px 10px;}
    .zancollect{width: 80%;}
    .zancollect div{width: 30%;}
    #kindeditor #edui1_iframeholder{height: 200px !important;}
}