.business-cooperation-page {
    max-width: 10rem;
    width: 100%;
    margin: 0 auto
}

    .business-cooperation-page .logo {
        height: 100%;
        width:98%;
        margin: 0 auto;
        /*margin: 0.8rem auto 0;
        width: 9.08rem;
        height: 56.96rem;
        background: url(../imgs/business-cooperation/logox.jpg) no-repeat center;
        border: 0px;
        background-size: 9.08rem 56.96rem*/
    }
    .business-cooperation-page .brand {
        margin: 0.8rem auto 0;
        width: 100%;
        height: 28.96rem;
        background: url(http://img.joyincake.com/UpImages/hd/xxx.jpg) no-repeat center;
        border: 0px;
        /*margin-left:-2rem;*/
        background-size: 100% 28.96rem
    }
    .business-cooperation-page .content {
        width: 8.933333rem;
        box-sizing: border-box
    }

        .business-cooperation-page .content ul {
            list-style: none;
            margin-bottom: 1.2rem
        }

            .business-cooperation-page .content ul li {
                height: .933333rem;
                line-height: .933333rem;
                margin-bottom: .666667rem
            }

                .business-cooperation-page .content ul li span {
                    margin-left: .4rem;
                    /*margin-right: .533333rem;*/
                    font-size: .346667rem;
                    float:left;
                    display:block;
                    width:1.8rem;
                    color: #606060;
                }

                .business-cooperation-page .content ul li input {
                    padding-left: .2rem;
                    width: 5.866667rem;
                    height: .933333rem;
                    border-radius: .133333rem;
                    color: #a4a4a4;
                    border: .033333rem solid #999;
                    box-shadow: .026667rem -.026667rem .026667rem #f0efef;
                    box-sizing: border-box
                }

                .business-cooperation-page .content ul li.cooperation {
                    height: 4rem;
                    margin-top: -.266667rem;
                    position: relative
                }

                    .business-cooperation-page .content ul li.cooperation span {
                        vertical-align: top
                    }

                    .business-cooperation-page .content ul li.cooperation textarea {
                        box-sizing: border-box;
                        margin-top: .266667rem;
                        padding: .133333rem .2rem;
                        width: 6.266667rem;
                        height: 4rem;
                        border-radius: .133333rem;
                        border: .013333rem solid #999;
                        box-shadow: .026667rem -.026667rem .026667rem #f0efef;
                        line-height: .586667rem;
                        font-size: .32rem;
                        color: #a4a4a4
                    }

                    .business-cooperation-page .content ul li.cooperation .maxlength-feedback {
                        position: absolute;
                        width: 2.666667rem;
                        font-size: .293333rem;
                        color: #cdcdcd;
                        bottom: -1.066667rem;
                        right: -.266667rem;
                        text-align: center
                    }

        .business-cooperation-page .content p {
            text-align: center;
            color: #9e9e9e;
            font-size: .42rem
        }

    .business-cooperation-page .submit {
        display: block;
        margin: 0 auto;
        width: 4rem;
        height: .866667rem;
        line-height: .866667rem;
        border-radius: .133333rem;
        font-size: .373333rem;
        color: #fff;
        background: #e33325;
        text-align: center;
        margin-bottom: .666667rem
    }
    .business-cooperation-page image {
        width: 100%;
        margin: 0 auto;
        border: 0px;
    }

    .business-cooperation-page .t1 {
        display: block;
        position: relative;
        content: "";
        width: 100%;
        height: 11.8rem;
        background-image: url(http://img.joyincake.com/UpImages/max/t01.jpg?ver=100);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
    }

    .business-cooperation-page .t2 {
        display: block;
        position: relative;
        content: "";
        width: 100%;
        height: 11.1rem;
        background-image: url(http://img.joyincake.com/UpImages/max/t02.jpg?ver=100);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
    }

    .business-cooperation-page .t3 {
        display: block;
        position: relative;
        content: "";
        width: 100%;
        height: 9.5rem;
        background-image: url(http://img.joyincake.com/UpImages/max/t03.jpg?ver=100);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
    }
/* ------------- */
.content-wrap {
    width: 100%;
    position: absolute;
    z-index: 999;
    margin: 0 auto
}

.form-wrap {
    width: 90%;
}



.form-body {
    width: 100%;
    margin:2.1rem auto 0
}

    .form-body li {
        width: 100%;
        height: .9rem;
        margin-bottom: .333rem;
        /*background:#069;*/
        display: block;
    }

        .form-body li.operate {
            width: 100%;
            height: .88rem;
            line-height: .88rem;
            margin-left: 50px;
        }

    .form-body .title {
        float: left;
        width: 35%;
        height: .88rem;
        line-height: .88rem;
        color: #505050;
        text-align: right;
        padding-right: 10px;
        font-size: .383rem;
    }

        .form-body .title font {
            color: red
        }

    .form-body .content {
        float: right;
        width: 60%;
        height: .88rem;
    }

        .form-body .content input {
            width: 100%;
            height: .88rem;
            padding: 0 20px;
            background-color: #fff;
            border: 1px solid #d2d2d2;
            border-radius: 2px;
            height: .88rem;
            outline: none;
            -webkit-appearance: none
        }

    .form-body .btns {
        display: block;
        width: 3.2rem;
        height: .888rem;
        line-height: .888rem;
        text-align: center;
        color: #000;
        background-color: #ffe400;
        border-radius: 20px;
        margin: 0 auto;
        font-size: .433rem;
        font-weight: bold;
    }