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: #FFFFFF;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: #333333;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: #999999;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: 0px;right: 0px;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;}