.order-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fbfbfb;
    padding: 49px 79px 61px 75px;
    margin-top: 41px;
    position: relative;
}
.order-container p.form-title {
    font-size: 22px;
    color: #333;
    line-height: 1;
    text-align: center;
}
.order-container span.warn-text {
    position: absolute;
    left: 50%;
    margin-left: -51px;
    bottom: 100px;
    color: #ff565b;
    font-size: 16px;
    line-height: 1;
}
/* 预约报名1 */
.order-container form.step1 {
    height: 456px;
    margin-top: 77px;
    position: relative;
}
.form-group {
    width: 384px;
    height: 56px;
    border: 1px solid #e3e3e3;
    float: left;
    line-height: 56px;
    background-color: #fff;
    margin-bottom: 50px;
    position: relative;
}
.form-group:nth-child(2n) {
    float: right;
}
.form-group label {
    display: block;
    float: left;
    font-size: 18px;
    color: #333;
}
.form-group label i {
    display: inline-block;
    text-align: center;
    width: 20px;
    font-size: 18px;
    color: #ff565b;
}
.form-group input {
    display: block;
    float: left;
    height: 100%;
    font-size: 18px;
}
.form-group input[name='sg-name'] {
    width: 274px;
}
.form-group input[name='sg-add'] {
    width: 278px;
}
.form-group input[name='sg-card'] {
    width: 272px;
}
div.select-main {
    border: none;
}
.form-group label.label-gender {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 19;
}
div.select-block {
    width: 466px;
}
ul.select-list {
    border-color: #e3e3e3;
}
div.radio-tel {
    background-color: transparent;
    border: none;
}
div.radio-tel input {
    display: inline-block;
    float: none;
    margin-left: 34px;
}
p.prompt {
    font-size: 14px;
    color: #ff565b;
    position: absolute;
    left: 17px;
    bottom: 108px;
}
form .form-group span.warm {
    display: block;
    height: 54px;
    color: #ff565b;
    line-height: 54px;
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 0 10px 0 20px;
    background: url('../img/error-icon.png') no-repeat;
    background-position: left center;
    background-color: #fff;
    display: none;
}
div.order-btn {
    position: absolute;
    left: 201px;
    bottom: 75px;
    width: 464px;
    height: 52px;
    border: none;
    background-color: transparent;
    line-height: 1;
    margin: 0;
}
div.order-btn input {
    width: 464px;
    height: 52px;
    background-color: #ff565b;
    line-height: 52px;
    text-align: center;
    cursor: pointer;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.9);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
div.order-btn input:hover {
    -webkit-box-shadow: 0 0 10px #ff565b;
            box-shadow: 0 0 10px #ff565b;
}
.order-pointer {
    position: absolute;
    left: 50%;
    bottom: 61px;
    margin-left: -48px;
}

.order-pointer::before {
    content: '';
    display: block;
    width: 96px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 4px;
    background-color: #ccc;
    visibility: visible;
    z-index: 1;
}
.order-pointer li {
    position: relative;
    z-index: 9;
    float: left;
    margin-right: 20px;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #ccc;
}
.order-pointer li.active {
    -webkit-transform: scale(1.5,1.5);
        -ms-transform: scale(1.5,1.5);
            transform: scale(1.5,1.5);
    background-color: #ff565b;
}
.order-pointer li:last-child {
    margin-right: 0;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* 报名须知 */
.order-note {
    margin-top: 61px;
}
.order-note p {
    font-size: 22px;
    color: #333;
    line-height: 1;
    text-align: center;
}
.order-note ul {
    margin-top: 50px;
}
.order-note ul li {
    margin-right: 165px;
    float: left;
    width: 287px;
    font-size: 14px;
    line-height: 36px;
    color: #333;
}
.order-note ul li:last-child {
    margin-right: 0;
}
.order-note ul li i {
    color: #ff0000;
}
/* 报名流程 */
.order-process {
    margin-top: 122px;
}
.order-process p {
    font-size: 22px;
    color: #333;
    line-height: 1;
    text-align: center;
}
.order-process ul {
    margin-top: 52px;
    margin-bottom: 87px;
}
.order-process li {
    float: left;
    width: 123px;
    height: 119px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(7, 0, 2, 0.12);
            box-shadow: 0px 0px 5px 0px rgba(7, 0, 2, 0.12);
    border-radius: 10px;
    margin-right: 92px;
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.order-process li::after {
    content: '';
    width: 10px;
    height: 21px;
    background: url('../img/process-icon-arrow.png') no-repeat;
    position: absolute;
    left: 167px;
    top: 50px;
}
.order-process li:last-child {
    margin-right: 0;
}
.order-process li:last-child::after {
    display: none;
}
.order-process li a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center 30px;
}
.order-process li:nth-child(1) a {
    background-image: url('../img/process-icon-1.png');
}
.order-process li:nth-child(2) a {
    background-image: url('../img/process-icon-2.png');
}
.order-process li:nth-child(3) a {
    background-image: url('../img/process-icon-3.png');
}
.order-process li:nth-child(4) a {
    background-image: url('../img/process-icon-4.png');
}
.order-process li:nth-child(5) a {
    background-image: url('../img/process-icon-5.png');
}
.order-process li:nth-child(6) a {
    background-image: url('../img/process-icon-6.png');
}

.order-process li:hover {
    -webkit-box-shadow: 0 0 10px #333;
            box-shadow: 0 0 10px #333;
}
.order-process li a span {
    display: block;
    margin-left: 3px;
    margin-top: 3px;
    line-height: 1;
    font-size: 26px;
    color: #ff565b;
}
.order-process li a p {
    font-size: 14px;
    color: #666;
    margin-top: 60px;
}

/* 预约报名2 */
div.step2 {
    margin-top: 73px;
}
div.order-major {
    width: 726px;
    margin: 0 auto;
    overflow: hidden;
}
div.order-major span {
    display: block;
    float: left;
    font-size: 18px;
    color: #333;
    margin-top: 13px;
}
div.order-major ul {
    float: left;
    margin-left: 30px;
}
div.order-major ul li {
    float: left;
    margin-right: 20px;
}
div.order-major ul li a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 132px;
    height: 44px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    line-height: 44px;
    text-align: center;
}
div.order-major ul li.active a {
    background-color: #ff565b;
    color: #fff;
    border-color: #ff565b;
}
div.order-course {
    width: 726px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 54px;
}
div.order-course span {
    display: block;
    float: left;
    font-size: 18px;
    color: #333;
    margin-top: 13px;
}
div.order-course ul {
    float: left;
    width: 606px;
    margin-left: 30px;
}
div.order-course ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}
div.order-course ul li:nth-child(4) {
    margin-right: 0;
}
div.order-course ul li a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 132px;
    height: 44px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    line-height: 44px;
    text-align: center;
}
div.order-course ul li.active a {
    background-color: #ff565b;
    color: #fff;
    border-color: #ff565b;
}
div.step2 a.step2-btn {
    display: block;
    width: 464px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    background-color: #ff565b;
    margin: 50px auto 67px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
div.step2 a.step2-btn:hover {
    -webkit-box-shadow: 0 0 10px #ff565b;
            box-shadow: 0 0 10px #ff565b;
}
/* 预约报名3 */
div.step3 {
    text-align: center;
}
div.step3 a[class^="pay-"] {
    display: inline-block;
    width: 191px;
    height: 188px;
    border-radius: 10px;
    border: solid 1px #ccc;
    margin: 50px 30px;
    overflow: hidden;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
div.step3 a.pay-alipay {
    background: url('../img/pay-alipay.png') no-repeat center 45px;
}
div.step3 a.pay-wechat {
    background: url('../img/pay-wechat.png') no-repeat center 45px;
}
div.step3 a[class^="pay-"] span {
    display: block;
    font-size: 14px;
    color: #333;
    height: 38px;
    line-height: 38px;
    background-color: #eeeff0;
    margin-top: 150px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
div.step3 a[class^="pay-"]:hover {
    border-color: #ff565b;
}
div.step3 a[class^="pay-"]:hover span {
    background-color: #ff565b;
    color: #fff;
}
div.step3 a[class^="pay-"].active {
    border-color: #ff565b;
}
div.step3 a[class^="pay-"].active span {
    background-color: #ff565b;
    color: #fff;
}

div.step3 a.step3-btn {
    display: block;
    width: 464px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    background-color: #ff565b;
    margin: 50px auto 67px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
div.step3 a.step3-btn:hover {
    -webkit-box-shadow: 0 0 10px #ff565b;
            box-shadow: 0 0 10px #ff565b;
}
/* 预约报名4 */
.order-step4 {
    width: 577px;
    height: 335px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(7, 0, 2, 0.08);
            box-shadow: 0px 0px 10px 0px rgba(7, 0, 2, 0.08);
    margin: 68px auto 110px;
    overflow: hidden;
}
.order-step4 p {
    font-size: 32px;
    height: 46px;
    padding-left: 57px;
    background: url('../img/order-success.png') no-repeat;
    margin-left: 191px;
    margin-top: 85px;
}
.order-step4 span {
    display: block;
    margin-left: 248px;
    margin-top: 12px;
    font-size: 16px;
    color: #666;
}
.order-step4 a {
    display: block;
    width: 169px;
    height: 44px;
    background-color: #ff565b;
    margin: 41px auto 0;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 44px;
    text-align: center;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.order-step4 a:hover {
    -webkit-box-shadow: 0 0 10px #ff565b;
            box-shadow: 0 0 10px #ff565b;
}