body{
    background: #353f42;
}
 
*{
    padding: 0;
    margin: 0;
}
 
.main {
    margin: 0 auto;
    margin-top:20px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    width:80%;
    height: 350px;
    background: #FFFFFF;
    box-sizing:border-box;
}
 
.title {
    width: 100%;
    height: 30px;
    line-height: 40px;
}
 
.title span {
    font-size: 18px;
    color: #353f42;
}
 
.title-msg {
    width: 100%;
    height: 64px;
    line-height: 64px;
}
 
.title:hover{
    cursor: default	;
}
 
.title-msg:hover{
    cursor: default	;
}
 
.title-msg span {
    font-size: 12px;
    color: #707472;
}
 
.input-content {
    width: 100%;
    height: 120px;
}
 
.input-content input {
    width: 100%;
    height: 40px;
    border: 1px solid #dad9d6;
    background: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}
 
.enter-btn {
    width: 100%;
    height: 40px;
    color: #fff;
    background: #0bc5de;
    line-height: 40px;
    text-align: center;
    border: 0px;
}
 
.foor{
    width: 100%;
    height: auto;
    color: #9b9c98;
    font-size: 12px;
    margin-top: 20px;
}
 
.enter-btn:hover {
    cursor:pointer;
    background: #1db5c9;
}
 
.foor div:hover {
    cursor:pointer;
    color: #484847;
    font-weight: 600;
}
 
.left{
    float: left;
}
.right{
    float: right;
}