body{font-family:microsoft yahei;background-color:#f7f7f7}input::-webkit-input-placeholder{color:#b6b6b6!important}input::-moz-placeholder{color:#b6b6b6!important}input:-moz-placeholder{color:#b6b6b6!important}input:-ms-input-placeholder{color:#b6b6b6!important}.btn-new{display:block;width:92%;height:50px;line-height:50px;margin:25px auto;font-size:15px;color:#fff;text-align:center;background-color:#ff5455;border-radius:25px;text-decoration:none}.main-list{background-color:#fff;width:100%}.main-list-item{height:70px;line-height:70px;border-top:1px solid #eee;padding-left:80px;padding-right:90px;position:relative;display:block;text-decoration:none}.main-list-item:first-child{border-top:none}.main-list-item-avatar{width:50px;height:50px;border-radius:25px;position:absolute;left:20px;top:10px}.main-list-item-username{font-size:15px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-list-item-username-1{line-height:20px;margin-top:15px}.main-list-item-username-2{line-height:20px;color:#ff5455;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-list-item-date{font-size:13px;color:#b6b6b6;position:absolute;right:20px;top:0;line-height:70px}.class-list{padding:10px 2%;overflow:hidden}.class-list-item{margin:5px 2%;width:46%;height:30px;line-height:30px;font-size:14px;color:#999;text-align:center;background-color:#fff;display:block;text-decoration:none;float:left}.bottom-bar{height:60px;background-color:#fff;border-top:1px solid #e8e8e8;position:fixed;bottom:0;left:0;width:100%}.bottom-bar-con{padding-right:36px}.bottom-bar-input{height:38px;line-height:38px;border:1px solid #e8e8e8;outline:none;border-radius:19px;background-color:#f7f7f7;padding:0 15px;width:92%;margin:0 4%;margin-top:10px;box-sizing:border-box}.bottom-bar-btn{position:absolute;top:0;right:0;width:22px;padding:19px 14px}.content-list{padding-bottom:60px}.content-list-item{padding:15px 0;padding-left:70px;padding-right:90px;position:relative;overflow:hidden}.content-list-item.left{padding-left:90px;padding-right:70px}.content-list-item-avatar{width:50px;height:50px;border-radius:25px;position:absolute;left:10px;top:10px}.content-list-item-date{font-size:13px;color:#b6b6b6;position:absolute;right:10px;top:20px}.content-list-item-value{border:1px solid #e1e1e1;color:#333;background-color:#fff;padding:10px;display:inline-block;border-radius:15px;font-size:13px;float:left}.content-list-item.left .content-list-item-avatar{left:auto;right:10px}.content-list-item.left .content-list-item-date{left:10px}.content-list-item.left .content-list-item-value{float:right;border:none;background-color:#ff5455;color:#fff}