﻿.orderWindow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

    .orderWindow .ow-back {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: 0.4;
    }

    .orderWindow .ow-closeWin {
        width: 0.5rem;
        height: 0.5rem;
        position: absolute;
        top: -0.4rem;
        right: -0.5rem;
        background: url(/Content/ChooseCourse/winClose.png) no-repeat center;
    }

    .orderWindow .ow-winBody {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -3.5rem 0 0 -3rem;
        width: 6rem;
        height: auto;
        background-color: #fff;
        border-radius: 0.1rem;
        box-shadow: 0 0 0.04rem 0.01rem rgba(0,0,0,0.1);
    }

    .orderWindow .cw-winBody {
        position: absolute;
        left: 0.75rem;
        top: 3rem;
        width: 6rem;
        height: auto;
        background-color: #fff;
        border-radius: 0.1rem;
        box-shadow: 0 0 0.04rem 0.01rem rgba(0,0,0,0.1);
    }

    .orderWindow .ow-winBody .ow-head {
        width: 100%;
        height: 2.4rem;
        background-image: linear-gradient(#fb8b72, #fe5c52);
        border-top-left-radius: 0.1rem;
        border-top-right-radius: 0.1rem;
    }

    .orderWindow .cw-winBody .cw-head {
        width: 5rem;
        height: auto;
        margin-top: 0.2rem;
        margin-left: 0.5rem;
    }

        .orderWindow .cw-winBody .cw-head .cw-title {
            width: 100%;
            height: 0.4rem;
            line-height: 0.4rem;
            font-size: 0.26rem;
            color: #383838;
        }

        .orderWindow .cw-winBody .cw-head .cw-content {
            height: 0.4rem;
            line-height: 0.4rem;
            font-size: 0.26rem;
            margin-top:0.2rem;
        }
            .orderWindow .cw-winBody .cw-head .cw-content .itemTitle {
                float: left;
                height: 0.4rem;
                line-height: 0.4rem;
                font-size: 0.28rem;
                margin-left: 0.2rem;
            }
            .orderWindow .cw-winBody .cw-head .cw-content .starType {
                float: left;
                height: 0.4rem;
                line-height: 0.4rem;
                margin-left: 0.1rem;
            }
            .orderWindow .cw-winBody .cw-head .cw-content .evalWord {
                float: left;
                height: 0.4rem;
                line-height: 0.4rem;
                font-size: 0.28rem;
                margin-left: 0.1rem;
            }

            .orderWindow .cw-winBody .cw-head .cw-content .cw-score {
                height: 0.4rem;
            }

                .orderWindow .cw-winBody .cw-head .cw-content .cw-score li {
                    margin-right: 0.15rem;
                    float: left;
                    width: 0.4rem;
                    height: 0.4rem;
                    background: url(/Content/ChooseCourse/defaultstar.png) no-repeat center;
                    background-size: 0.4rem;
                }

    .orderWindow .ow-winBody .ow-head .ow-winTitle {
        width: 100%;
        height: 0.3rem;
        line-height: 0.3rem;
        font-size: 0.28rem;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin-top: 0.5rem;
    }

    .orderWindow .ow-winBody .ow-head .ow-teacherImg {
        width: 1.6rem;
        height: 1.6rem;
        overflow: hidden;
        border-radius: 0.8rem;
        margin: 0.4rem auto 0;
    }

        .orderWindow .ow-winBody .ow-head .ow-teacherImg img {
            width: 100%;
            height: 100%;
        }

    .orderWindow .ow-winBody .ow-info {
        width: 5.2rem;
        margin-top: 0.3rem;
        margin-left: 0.4rem;
        height: auto;
        font-size: 0.22rem;
        color: #383838;
    }

    .orderWindow .cw-winBody .cw-info {
        width: 5rem;
        height: 3.9rem;
        margin-top: 0.3rem;
        margin-left: 0.5rem;
        font-size: 0.24rem;
        color: #383838;
        overflow: hidden;
    }
        .orderWindow .cw-winBody .cw-info .teacherWishes {
            height:0.6rem;
            line-height:0.6rem;
            font-size:0.3rem;
            color:black;
            text-align:start;
            font-weight:bold;
        }

        .orderWindow .cw-winBody .cw-info span {
            display: inline-block;
            width: 5rem;
            height: 0.5rem;
            color: #383838;
            border: 0.01rem solid #bfbfbf;
            background-color: #f4f4f4;
            line-height: 0.5rem;
        }

        .orderWindow .cw-winBody .cw-info textarea {
            display: inline-block;
            width: 5rem;
            height: 3rem;
            color: #383838;
            background-color: #fff;
            border-left: 0.01rem solid #bfbfbf;
            border-right: 0.01rem solid #bfbfbf;
            border-bottom: 0.01rem solid #bfbfbf;
            overflow: scroll;
            resize: none;
            text-indent: 0.2rem;
            padding: 0.2rem;
        }

    .orderWindow .ow-winBody .ow-info p {
        height: 0.5rem;
        line-height: 0.5rem;
    }

        .orderWindow .ow-winBody .ow-info p span:nth-child(2) {
            color: #ee2c2a;
        }

    .orderWindow .ow-winBody .ow-tips {
        width: 5rem;
        margin-left: 0.5rem;
        font-size: 0.2rem;
        color: #aaaaaa;
        /* height: 1rem; */
        line-height: 0.3rem;
        padding: 0.1rem 0.2rem;
        background-color: #f4f4f4;
        border-radius: 0.1rem;
        margin-top: 0.1rem;
    }

        .orderWindow .ow-winBody .ow-tips span:nth-child(1) {
            width: 0.2rem;
            height: 0.2rem;
            display: inline-block;
            margin-right: 0.1rem;
            vertical-align: middle;
            background: url(/Content/ChooseCourse/takecare.png) no-repeat center;
        }

    .orderWindow .ow-winBody .ow-option {
        height: 0.8rem;
        width: 4rem;
        margin-left: 1rem;
        margin-top: 0.3rem;
        margin-bottom: 0.5rem;
    }

        .orderWindow .ow-winBody .ow-option button {
            height: 0.7rem;
            width: 1.8rem;
            border-radius: 0.1rem;
            margin: 0;
            padding: 0;
        }

    .orderWindow .cw-winBody .ow-option button {
        height: 0.6rem;
        width: 3rem;
        border-radius: 0.1rem;
        margin: 0;
        padding: 0;
        background: linear-gradient(#fb8b72, #fe5c52);
        color: #fff;
        margin-left: 1.5rem;
        margin-bottom: 0.5rem;
    }

    .orderWindow .ow-winBody .ow-option button:nth-child(1) {
        float: left;
        background-color: #f65f5b;
        color: #fff;
    }

    .orderWindow .ow-winBody .ow-option button:nth-child(2) {
        float: right;
        border: 0.01rem solid #aaa;
        color: #aaa;
    }


    .orderWindow .ow-winBody .ow-head .ow-successIcon {
        width: 1.2rem;
        height: 1rem;
        margin: 0.4rem auto 0;
    }

        .orderWindow .ow-winBody .ow-head .ow-successIcon img {
            width: 100%;
            height: 100%;
        }

    .orderWindow .ow-winBody .ow-head .ow-successTitle {
        width: 100%;
        height: 0.3rem;
        line-height: 0.3rem;
        font-size: 0.26rem;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin-top: 0.3rem;
    }
