html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-size:14px;background-color:white;font-family:"Microsoft YaHei","宋体", Arial, "新宋体";}
*{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;color:inherit;}
/* 修改滚动条轨道的样式 */
::-webkit-scrollbar {
width:5px;
}

/* 修改滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,0.2);
border-radius:10px;
}

/* 修改滚动条轨道的背景色 */
::-webkit-scrollbar-track {
background-color:none;
}

/* 修改滚动条轨道的样式 */
::-ms-scrollbar {
width:10px;
}

/* 修改滚动条滑块的样式 */
::-ms-scrollbar-thumb {
background-color:#333;
border-radius:10px;
}


input:focus,select:focus,textarea:focus{outline:none;outline-offset:0;}

input:hover,textarea:hover,select:hover{box-shadow:0px 0px 2px 1px #20c080;border:1px solid white;}
input{padding:5px 10px;height:25px;line-height:25px;text-align:left;border:1px solid #ccc;border-radius:15px;background:white;}

.indexView{width:100%;height:100%;overflow:hidden;background:white;}
.indexTopView{width:100%;height:40px;line-height:40px;text-align:center;background:white;font-weight:bold;}
/*.indexView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;width:300px;height:auto;text-align:center;background:white;border-radius:15px;}*/
.indexBottomView{width:100%;height:80px;line-height:80px;text-align:center;background:white;font-weight:bold;}

.menuBtn{position:absolute;top:5px;right:5px;width:30px;height:30px;border:1px soild #ccc;border-radius:5px;}
.loginBtn{position:absolute;top:5px;right:5px;padding:0 8px;width:auto;height:30px;line-height:30px;color:white;border:1px soild #ccc;border-radius:10px;background:royalblue;cursor:pointer;user-select:none;font-size:14px;box-shadow:1px 1px 3px 2px rgba(0,0,0,0.1);}
.loginBtn:hover{background:grey;}.loginBtn:hover{background:grey;}

.indexContentView{position:relative;margin:0 10px;height:calc(100% - 80px);overflow-x:hidden;overflow-y:auto;text-align:center;}
.indexContentView2{position:relative;margin:0 10px;height:calc(100% - 120px);overflow-x:hidden;overflow-y:auto;text-align:center;}
.indexContentView3{position:relative;margin:0 10px;height:calc(100% - 110px);overflow-x:hidden;overflow-y:auto;text-align:center;}

.indexContentViewV1{margin:0 20px 5px 20px;height:auto;}


.noItemView{height:30px;line-height:30px;text-align:center;font-size:13px;color:grey;}

.openPublishView{position:absolute;z-index:1;bottom:50px;right:10px;width:40px;height:40px;line-height:40px;overflow:hidden;font-size:13px;font-weight:bold;text-align:center;border-radius:50%;background:linear-gradient(to right bottom,#ff3300,#ff0000);color:white;box-shadow:1px 1px 3px 2px rgba(0,0,0,0.2);cursor:pointer;user-select:none;}
.openPublishView:hover{background:linear-gradient(to right bottom,grey,black);}

.pagerView{width:100%;height:40px;line-height:20px;overflow:hidden;text-align:center;}

.floatView{display:none;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.floatViewV1{width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.1);}

.publishView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;width:280px;height:auto;background:white;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.2);border-radius:15px;text-align:center;overflow:hidden;}
.publishViewTop{width:100%;height:auto;font-weight:bold;font-size:15px;overflow:hidden;}
.publishViewTopV1{height:40px;line-height:40px;text-align:left;}
.publishViewTopV2{height:40px;line-height:40px;cursor:pointer;user-select:none;}
.publishViewTopV3{height:auto;overflow:hidden;}
.publish{float:left;margin:10px 10%;width:30%;height:30px;line-height:30px;background:#00a080;border-radius:10px;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.1);color:white;font-weight:bold;cursor:pointer;user-select:none;}
.comment{float:left;margin:10px 10%;width:30%;height:30px;line-height:30px;background:#6633ff;border-radius:10px;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.1);color:white;font-weight:bold;cursor:pointer;user-select:none;}
.editPublish{float:left;margin:10px 10%;width:30%;height:30px;line-height:30px;background:#2060ff;border-radius:10px;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.1);color:white;font-weight:bold;cursor:pointer;user-select:none;}
.logout{float:left;margin:10px 10%;width:30%;height:30px;line-height:30px;background:black;border-radius:10px;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.1);color:white;font-weight:bold;cursor:pointer;user-select:none;}
.deletePublish{float:left;margin:10px 10%;width:30%;height:30px;line-height:30px;background:black;border-radius:10px;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.1);color:white;font-weight:bold;cursor:pointer;user-select:none;}
.closeFloatView{float:left;margin:10px 10%;width:30%;height:30px;line-height:30px;background:#f4f4f4;border-radius:10px;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.1);color:black;font-weight:bold;cursor:pointer;user-select:none;}
.publish:hover,.comment:hover,.editPublish:hover,.logout:hover,.closeFloatView:hover{background:linear-gradient(to right bottom,grey,black);color:white;}

.labelP{padding:0 10px;width:calc(100% - 20px);height:40px;border:1px solid #ccc;border-radius:5px;}
.contentP{margin-top:2px;padding:10px;width:calc(100% - 22px);height:120px;border:1px solid #ccc;box-sizing:border-box;border-radius:5px;resize:none;}

.menuViewContent{position:absolute;top:0;left:-50%;width:140px;height:100%;background:white;text-align:center;overflow:hidden;}
.menuViewContentItem{height:40px;line-height:40px;cursor:pointer;user-select:none;font-size:13px;border-top:1px solid #f1f1f1;}

.logoutView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;width:280px;height:auto;background:white;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.2);border-radius:15px;text-align:center;overflow:hidden;}
.deletePublishView{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;width:240px;height:auto;background:white;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.2);border-radius:15px;text-align:center;overflow:hidden;}


.editInfo{margin:5px auto;width:150px;height:30px;line-height:30px;background:#2060ff;color:white;font-weight:bold;border-radius:15px;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.1);cursor:pointer;user-select:none;}
.login{margin:5px auto;width:150px;height:30px;line-height:30px;background:#40c080;color:white;font-weight:bold;border-radius:15px;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.1);cursor:pointer;user-select:none;}
.register{margin:5px auto;width:150px;height:30px;line-height:30px;background:#6020a0;color:white;font-weight:bold;border-radius:15px;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.1);cursor:pointer;user-select:none;}
.editInfo:hover{background:linear-gradient(to right bottom,grey,black);}

.backBtn{position:absolute;top:8px;right:8px;width:24px;height:24px;cursor:pointer;}
	        
.inputViewV1{height:40px;line-height:40px;font-size:13px;font-weight:bold;text-align:left;}
.inputViewV2{}
.inputViewV2I{width:calc(100% - 20px);}

.fbk_k1_k2{margin-top:5px;width:100%;height:auto;line-height:20px;font-size:11px;text-align:center;}
.fbk_k1_k3{position:relative;width:100%;height:30px;}
.fbk_k1_k3_k1{display:none;width:0;height:0;overflow:hidden;/*position:absolute;top:0px;left:35%;right:35%;width:30%;height:30px;opacity:0;*/}
.fbk_k1_k3_k2{margin:5px 35% 0 35%;height:30px;line-height:28px;border:1px solid #e6e6e6;box-sizing:border-box;border-radius:10px;background:white;font-size:13px;cursor:pointer;box-shadow:1px 1px 2px 1px rgba(0,0,0,0.1);cursor:pointer;user-select:none;}
.fbk_k1_k3_k2:hover{background:#ff3300;color:white;}
.fbk_k1_k4{display:flex;flex-wrap:wrap;justify-content:center;height:auto;}
.fbk_k1_k5{margin:20px 0 20px 0;width:100%;height:35px;overflow:hidden;font-size:14px;}
.fbk_k1_k5_k1{float:left;margin:0 5% 0 5%;width:40%;border-radius:5px;height:35px;line-height:35px;background:#F7D23C;border:1px solid black;border-radius:10px;box-sizing:border-box;color:white;}
.fbk_k1_k5_k2{float:left;margin:0 5% 0 5%;width:40%;border-radius:5px;height:35px;line-height:35px;background:white;border:1px solid black;border-radius:10px;box-sizing:border-box;color:black;}
	        
	        
.animated-bg {background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 1.5s ease infinite;}
@keyframes gradient {
  0% { background-position:0% 50%; }
  50% { background-position:100% 50%; }
  100% { background-position:0% 50%; }
}