/* // banner */

.banner {
    width: 100%;
    height: 3.6rem;
    overflow: hidden;
}

.banner img {
    width: 100%;
    height: 100%;
}


/* // 留言 */

.msg-wrap {
    width: 100%;
    min-height: 4.7rem;
    overflow: hidden;
    margin: .2rem 0;
}

.msg {
    width: 11rem;
    height: 100%;
    margin: 0 auto;
}


/* // 左侧 */

.left {
    width: 2.7rem;
    min-height: 5.5rem;
    background: #fff;
}


/* // 左侧上 */

.left-t {
    width: 100%;
    height: 1rem;
    background: #1155AF;
    text-align: center;
    color: #fff;
    position: relative;
}

.left-t:after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 1.2rem;
    border: 15px solid #1155AF;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.left-t p:first-child {
    font-size: .2rem;
    padding-top: .15rem;
}

.left-t p:nth-child(2) {
    font-size: .18rem;
}

.left-t p:nth-child(3) {
    width: 2.5rem;
    height: 1px;
    background: #fff;
    margin: 0 auto;
    margin-top: .1rem;
}

.left-t p:last-child {
    width: 2.5rem;
    height: 1px;
    background: #fff;
    margin: 0 auto;
    margin-top: 2px;
}


/* // 左侧中 */

.left-b {
    width: 100%;
    min-height: 2.5rem;
    margin: .3rem 0;
}

.left-b a {
    display: block;
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    background: #f1f1f1;
    text-align: center;
    color: #444;
    font-size: .16rem;
    margin-top: .05rem;
}

.left-b .newsIndex {
    color: #fff;
    background: #1155AF;
}


/* // 左侧下 */

.left-m {
    width: 100%;
}

.left-m a {
    display: block;
}

.left-m a img {
    width: 100%;
}


/* // 右侧上 */

.right-top {
    height: .5rem;
    line-height: .5rem;
    color: #666;
    font-size: .14rem;
}

.right-top a {
    color: #666;
}

.right-top img {
    width: .2rem;
    display: inline;
    margin-right: .1rem;
    vertical-align: middle;
}


/* // msg右侧 */

.msg-right {
    width: 8rem;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.msg-cont {
    margin-left: .2rem;
    width: 8rem;
    min-height: 1rem;
}

.msg-cont .us-title {
    text-align: left;
    color: #fff;
}

.msg-cont .us-title:after {
    content: '';
    position: absolute;
    bottom: 0rem;
    left: .38rem;
    height: 2px;
    width: .5rem;
    background: #fff;
}

.msg-cont table {
    height: 3.7rem;
    width: 7.7rem;
    margin-top: .2rem;
    color: #222;
    font-size: .14rem;
}

.msg-cont table tr td label {
    display: block;
    margin-bottom: .05rem;
    width: .7rem;
    text-align: center;
}

.msg-cont table tr td:first-child {
    width: .4rem;
}

.msg-cont input,
.msg-cont textarea {
    height: .4rem;
    width: 4rem;
    font-size: .16rem;
    outline: none;
    border: none;
    border: 1px solid #999;
}

.msg-cont input {
    padding: 0 .1rem;
}

.msg-cont textarea {
    height: 1rem;
    resize: none;
    padding: .1rem;
}

.msg-cont tr:last-child input {
    width: 4.2rem;
}


/* // 移动端 */

@media screen and (max-width:1200px) {
    .wrap .banner {
        height: auto;
    }
    /* // 留言 */
    .wrap .msg-wrap {
        height: auto;
        min-height: 4.7rem;
        width: 100%;
        overflow: hidden;
    }
    .wrap .msg {
        width: 100%;
    }
    .wrap .left {
        width: 6rem;
        margin-left: .2rem;
    }
    .wrap .left-t:after {
        left: 50%;
    }
    .wrap .left-t p:first-child {
        padding-top: .05rem;
    }
    .wrap .left-t p:nth-child(3) {
        margin-top: 0;
    }
    .wrap .right-top {
        margin-right: .2rem;
    }
    .wrap .msg-right {
        width: 100%;
        float: none;
    }
    .wrap .msg-cont {
        padding-bottom: .2rem;
        width: 6rem;
    }
    .wrap .msg-cont table {
        width: 100%;
        height: auto;
    }
    .wrap .msg-cont table tr td label {
        width: 5rem;
        line-height: .4rem;
        height: .4rem;
        text-align: left;
    }
    .wrap table td {
        display: block;
    }
    .wrap .msg-cont input {
        height: .6rem;
        width: 5.8rem;
    }
    .wrap .msg-cont textarea {
        width: 5.8rem;
        height: 1rem;
    }
    .wrap .msg-cont tr:last-child input {
        width: 100%;
    }
}