.regBox {
    width: 700px;
    margin: 0 auto;
    padding-bottom: 30px;
}

h3, h4, p {
    margin: 0;
}

ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.h3-title {
    text-align: left;
    font-size: 24px;
}

.caption {
    height: 36px;
    line-height: 36px;
    margin-top: 20px;
    box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);
}

    .caption h4 {
        font-size: 20px;
        padding-left: 10px;
    }

.content * {
    box-sizing: border-box;
}

.content .list {
    margin-top: 20px;
}

    .content .list li.item {
        margin-top: 10px;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
    }

        .content .list li.item .left {
            width: 140px;
            /*padding-left: 10px;*/
        }

        .content .list li.item .right {
            -moz-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
        }

            .content .list li.item .right input[type="text"] {
                width: 420px;
                height: 30px;
                background: #ebebeb;
                border: none;
                outline: none;
                border-radius: 4px;
                padding: 0 10px;
            }

.content .check-time {
    margin-top: 20px;
}

    .content .check-time .check-time-list {
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .content .check-time .check-time-list div {
            padding-top: 3px;
            width: 260px;
            float: left;
        }
    /*.content .check-time .check-time-list label:nth-of-type(3n) {*/
    /*text-align: right;*/
    /*}*/
    /*.content .check-time .check-time-list label:nth-of-type(3n+2) {*/
    /*text-align: center;*/
    /*}*/
    .content .check-time label {
        margin-left:140px;
        display: inline-block;
        width: 80%;
        /*padding-left: 10px;*/
        margin-top: 10px;
        font-weight: normal;
        font-size: 16px;
    }

    .content .check-time input[type="checkbox"] {
        width: 20px;
        height: 20px;
        float: left;
    }

    .content .check-time input {
        margin: 2px 10px 0 0;
    }

.content .choose-child .list {
    /*padding-left: 10px;*/
    margin-top: 10px;
}

.choose-child {
    margin-top: 20px;
}

    .choose-child .head select {
        outline: none;
    }

    .choose-child .list li.item .left {
        padding-left: 0;
        font-size:16px;
    }

.num-title {
    font-weight: bold;
    font-size: 16px;
}

.bottom-btn {
    margin-top: 20px;
    text-align: center;
}

    .bottom-btn .btnx {
        display: inline-block;
        width: 140px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        border-radius: 4px;
        outline: none;
        border: 0;
    }

    .bottom-btn .cancel-btn {
        color: #2DA1AF;
    }

    .bottom-btn .submit-btn {
        background: #2DA1AF;
        border: 1px solid #008D9E;
        color: #fff;
    }
      #title1
    {
        display:block;
    }
     #title2
    {
        display:none;
    }
@media screen and ( max-width: 500px ) {
          #title2
    {
        display:block;
    }
     #title1
    {
        display:none;
    }
}
@media screen and ( max-width: 768px ) {
 
    .regBox {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .content .check-time label {
   
        margin-left:0px;

    
        display: inline-block;
        width: 100%;
        /*padding-left: 10px;*/
        margin-top: 10px;
        font-weight: normal;
        font-size: 16px;
    }

    .bottom-btn {
 
        margin-top: 20px;
        text-align: center;
        padding-top:20px;
    }

    .content .list li.item {
        width: 100%;
        margin-top: 10px;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        float: left;
        flex-direction: column;
    }

        .content .list li.item .left {
            width: 100%;
 font-size:16px;
            /*padding-left: 10px;*/
        }

        .content .list li.item .right {
          width:100%;

            -moz-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
        }

            .content .list li.item .right input[type="text"] {
                width: 100%;
                height: 30px;
                background: #ebebeb;
                border: none;
                outline: none;
                border-radius: 4px;
                padding: 0 10px;
            }
            .hrcls{
               width:100%; line-height:30px;
            }
            .num-title {
                
                width:100%;
    font-weight: bold;
    font-size: 16px;
    padding-top:15px;
    line-height:30px;
}
}