header {
    height: .666667rem /* 80/120 */;
    width: 100%;
    background-color: #3A3230;
    display: flex;
    font-size: .083333rem/* 10/120 */;
    top: 0;  
}

header .title .logobox {
    height: .25rem/* 30/120 */;
    width: .25rem/* 30/120 */;
    border: .008333rem 1/120 solid #eee;
    display: inline-block;
    margin-left: .833333rem/* 100/120 */;
    margin-right: .166667rem/* 20/120 */;
}

header .title .logobox img {
    width: 100%;
    height: 100%;
}

header .title .logobox .name {
    flex: 1;
}

header .title {
    flex: 1;
    display: flex;
    align-items: center;
    color: #ccc;
}

header .title .name h1:nth-child(1) {
    font-size: .133333rem/* 16/120 */;
}

header .title .name h1:nth-child(2) {
    font-size: .1rem;/* 12/120 */
}

header .nav {
    flex: 1;
}

header .nav ul li {
    margin: .166667rem/* 20/120 */
}

header .nav ul li a {
    color: #ccc;
    font-size: .141667rem/* 17/120 */
}

header .nav ul li a:hover{
    opacity: .8;
}

header .nav ul {
    height: 100%;
    display: flex;
    align-items: center;
}

main .msg {
    width: 6.666667rem/* 800/120 */;
    height: 5rem /* 600/120 */;
    border: .008333rem /* 1/120 */
    solid #3A3230;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: .133333rem/* 16/120 */;
    display: flex;
}

main .msg .img_panel {
    flex: 1;
    /* 占位显示 */
    border-radius: .133333rem 0 0 .133333rem;
    /* 16/120 */
    display: flex;
    justify-content: center;
    align-items: center;
    color: red;
    font-size: .166667rem
        /* 20/120 */
    ;
}

main .msg .msg_panel {
    flex: 1;
}

main .msg .img_panel img {
    width: 100%;
    height: 100%;
    border-radius: .133333rem 0 0 .133333rem;/* 16/120 */
}

main .msg .msg_panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    border-radius: 0 .133333rem .133333rem /* 16/120 */ 0;
}

main .msg .msg_panel .contact_info {
    flex: 1;
    padding: .083333rem/* 10/120 */.25rem/* 30/120 */;
}

main .msg .msg_panel .contact_info h1 {
    font-size: .166667rem/* 20/120 */;
}

main .msg .msg_panel .contact_info p {
    font-size: .133333rem/* 16/120 */;
    margin-top: .083333rem/* 10/120 */;
}

main .msg .msg_panel .send_msg {
    flex: 2;/* text-align: center; */
    display: flex;
    justify-content: center;
}

main .msg .msg_panel .send_msg p{
    text-align: center;
}

main .msg .msg_panel .send_msg .wrap {
    width: 3.166667rem/* 380/120 */;
}

main .msg .msg_panel .send_msg span{
    margin: .083333rem 0 /* 10/120 */;
    display: inline-block;
    font-size: .116667rem /* 14/120 */;
}

main .msg .msg_panel .send_msg input {
    width: 3.166667rem/* 380/120 */;
    height: .208333rem /* 25/120 */;
    border: .008333rem /* 1/120 */ solid #ccc;
    outline: none;
    border-radius: .133333rem /* 16/120 */;
    margin: .083333rem 0 /* 10/120 */ ;
    text-indent: 1em;
    font-size: .1rem /* 12/120 */;
}
main .msg .msg_panel .send_msg textarea {
    width: 3.083333rem /* 370/120 */;
    height:1.833333rem /* 220/120 */;
    overflow: hidden;
    border-radius: .133333rem .133333rem 0 0 /* 16/120 */;
    resize: none;
    /* text-indent: 1em; */
    font-size: .108333rem /* 13/120 */;
    padding: .083333rem /* 10/120 */;
}

main .msg .msg_panel .send_msg .wrap .btn{
    margin: 0 .041667rem /* 5/120 */ /* 10/120 */;
    width: 3.083333rem /* 370/120 */;     
    height: .208333rem /* 25/120 */;
    background-color: #534B4A;
    text-align: right;
    border-radius: 0 0 .133333rem .133333rem /* 16/120 */;
    display: flex;
    justify-content: flex-end;
    outline: none;
    padding: .025rem /* 3/120 */;
}

main .msg .msg_panel .send_msg .wrap .btn button{
    border-radius: .133333rem;
    background-color: #BE5B1A;
    color: #fff;
    width: .5rem /* 60/120 */;
    font-size: .1rem /* 12/120 */;
}

main{
    height: 100%;
    background:linear-gradient(to bottom, #38231E,#938D8B);  
}