.online-box {
    width: 100vw;
    height: 100vh;
    text-align: center;
    background: #F5F5F5;
}
.online-box .top-title {
    padding: 10px 8px;
    margin-bottom: 0;
    font-size: 1rem;
    color: #2B323A;
    text-align: left;
    background: #ffffff;
}
.online-box p {
    margin-bottom: 6px;
}
.online-box h5 {
    font-size: 0.8rem;
    color: #686868;
    text-align: left;
    margin-bottom: 3px;
}
.online-box .tips {
    padding: 0 8px;
    font-size: 0.9rem;
    height: 48px;
    line-height: 58px;
    margin-bottom: 0px;
    color: #939597;
    text-align: left;
}
.online-box .ly-box {
    width: 100%;
}
.online-box .ly-box .ly-title {
    position: relative;
    padding: 0 8px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 1rem;
    color: #939597;
    background: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.online-box .ly-box .ly-title::after {
    position: absolute;
    left: 4px;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 734px;
    height: 2px;
    background:  #D8D8D8;
    content: "";
    transform: scale(.5);
    transform-origin: left top;
}

.online-box .ly-box .ly-area {
    padding: 6px 8px;
    width: 100%;
    height: 200px;
    font-size: 1rem;
    color: #2B323A;
    background: #ffffff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    resize: none;
    border: none;
    outline: none;
    margin-bottom: 12px;
}
.online-box .ly-box .ly-area::-webkit-input-placeholder {
	color: #B8B8B8;
}
.online-box .ly-box .input-2 {
    padding: 0 12px;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: left;
    background: #ffffff;
}

/* icon */
.online-box .ly-box .input-2 i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 20px;
}
.online-box .ly-box .input-2 .icon-01 {
    /* onlie_user */
    background: url(./../image/icon/onlie_user.png) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}
.online-box .ly-box .input-2 .icon-02 {
    background: url(./../image/icon/onlie_phone.png) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}
.online-box .ly-box .input-2 input {
    margin-left: 8px;
    width: 280px;
    height: inherit;
    color: #2B323A;
    border: none;
    outline: none;
}
.online-box .ly-box .input-2 input::-webkit-input-placeholder {
	color: #B8B8B8;
}
.online-box .ly-box .text-line {
    position: relative;
}
.online-box .ly-box .text-line::after {
    position: absolute;
    left: 8px;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 734px;
    height: 2px;
    background:  #D8D8D8;
    content: "";
    transform: scale(.5);
    transform-origin: left top;
}

.online-box .ly-box .ly-btn {
    margin-top: 56px;
    padding: 0 146px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 1rem;
    color: #ffffff;
    background: #3D86FF;
    border-radius: 40px;
    border: none;
    outline: none;
}