body{margin: 0;background-color: #f0efef;}
.page{display: flex;flex-direction: column;align-items: center;}
.block{width: 673px;}
.block .block-title{color: #d2001d;font-size:30px;border-left: 12px solid #d2001d;padding-left: 17px;margin-bottom: 27px;}
.block .block-content{display: flex;flex-direction: column;align-items: center;}

.list-item{display: flex;background-color: #fff;margin-bottom: 45px;justify-content: space-between;width: 673px;height: 200px;}
.list-item .img{width: 200px;height: 100%;background-position: center;background-size: auto 100%;background-repeat: no-repeat;}
.list-item .main{width: 460px;height: 100%;overflow: hidden;}
.list-item .date{font-size: 24px;color: #737373;margin: 10px 0;}
.list-item .text{font-size: 30px;color: #333333;overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.alist-item{display: flex;flex-direction: column;width: 100%;background-color: #fff;margin-bottom: 45px;}
.alist-item .img{width: 100%;height: 330px;background-position: center;background-size: auto 100%;background-repeat: no-repeat;}
.alist-item .main{width: 633px;padding:20px 20px 24px;}
.alist-item .date{font-size: 24px;color: #737373;}
.alist-item .text{font-size: 36px;color: #333333;font-weight: bold;}

.detail-title{background-color: #fff;border-bottom: 1px solid #cacaca;padding: 22px 20px;width: 629px;}
.detail-title .date{font-size: 24px;color: #737373;}
.detail-title .title{font-size: 36px;color: #333333;font-weight: bold;}
.detail-main{background-color: #fff;padding: 22px 20px;width: 629px;font-size: 36px;color: #333;display: flex;flex-direction: column;align-items: center;}
.detail-main img{max-width: 100%;height: auto;}
.detail-main p{width: 100%;}

.contact-title{font-size: 36px;font-weight: bold;color: #a8011b;background-color: #fff;padding: 22px 20px;width: 629px;border-bottom: 1px solid #cacaca;}
.contact-item{background-color: #fff;padding: 22px 20px;width: 629px;display: flex;justify-content: space-between;border-bottom: 1px solid #cacaca;}
.contact-item .icon{width: 120px;height: 144px;background-image: url('./images/phone-icon.png');}
.contact-item .main{width: 450px;font-size: 30px;}
.contact-item .title{font-weight: bold;color: #333;}

.info-title{font-size: 36px;font-weight: bold;color: #a8011b;background-color: #fff;padding: 22px 20px;width: 629px;border-bottom: 1px solid #cacaca;}
.info-item{background-color: #fff;padding: 22px 20px;width: 629px;display: flex;justify-content: space-between;align-items: center;font-size: 30px;color: #333;}
.info-item .title{font-weight: bold;}
.info-item input{width: 380px;height: 70px;border: 1px solid #333;outline: 0;font-size: 36px;padding: 0 20px;}
.info-submit{background-color: #fff;padding: 22px 20px;width: 629px;border-top: 1px solid #cacaca;}
.info-submit .submit-btn{color: #fff;background-color: #a7001b;display: flex;justify-content: center;align-items: center;width: 375px;height: 80px;font-size: 30px;font-weight: bold;margin-left: 160px;}
.info-submit .help{color: #898888;font-size: 24px;margin-left: 160px;margin-top: 20px;line-height: 48px;}

.chat-title{color: #d2001d;font-size:30px;border-left: 12px solid #d2001d;padding-left: 17px;margin-bottom: 27px;display: flex;justify-content: space-between;align-items: center;}
.chat-title .edit{width: 140px;height: 45px;border: 1px solid #bfbfbf;font-size: 24px;color: #898888;display: flex;justify-content: center;align-items: center;font-weight: normal;background-color: #fff;}
.chat-scroll{display: flex;flex-direction: column;width: 100%;overflow-x: scroll;overflow-y: scroll;padding-bottom: 200px;}
.chat-item{display: flex;margin-bottom: 40px;}
.chat-item .head-pic{width: 110px;height: 110px;border-radius: 60px;background-repeat: no-repeat;background-position: center;background-size: 100% auto;background-color: #fff;}
.chat-item .main .info{display: flex;font-size: 24px;align-items: baseline;margin-bottom: 10px;}
.chat-item .main .title{font-weight: bold;color: #333333;}
.chat-item .main .date{color: #898888;}
.chat-item .main .message{background-color: #fff;padding: 20px;font-size: 30px;color: #333;max-width: 450px;}
.chat-left .head-pic{margin-right: 20px;}
.chat-left .main .title{margin-right: 20px;}
.chat-right{flex-direction: row-reverse;}
.chat-right .head-pic{margin-left: 20px;}
.chat-right .main .info{flex-direction: row-reverse;}
.chat-right .main .title{margin-left: 20px;}
.chat-right .main .message{background-color: #a8011b;color: #fff;}
.chat-input{position: fixed;bottom: 0;left: 0;width: 750px;background-color: #a8011b;display: flex;justify-content: space-around;align-items: center;height: 110px;}
.chat-input .btn{width: 170px;height: 76px;background-color: #fff;color: #a8011b;display: flex;justify-content: center;align-items: center;font-size: 36px;}
.chat-input input{width: 470px;padding: 0 30px;height: 76px;font-size: 36px;outline: 0;}

.fake-list{list-style: none;display: flex;justify-content: flex-start;flex-direction: column;padding: 0;margin-left: -100px;}
.fake-list li{font-size: 30px;margin-bottom: 20px;}