/* 针对宽度小于等于768px的设备（如平板和手机） */
@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }

    .container {
        padding: 10px;
    }
}

/* 针对宽度小于等于480px的设备（如手机） */
@media screen and (max-width: 480px) {
    body {
        font-size: 12px;
    }

    .container {
        padding: 5px;
    }
}



.basic-button {
    background-color: #71d5a1; /* 绿色 */
    border: none;
    color: white;
    padding: 15px 50px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
    bottom: 0;
    position: absolute;
    margin: auto;
}


* {
    font-family: '微软雅黑';
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* 提示文本的颜色，也就是未输入之前的placeholder属性的颜色 */
::placeholder {
    color: #986ef4; /* 这里是为了方便看出来设置为紫色，通常为黑灰色，浅灰色一类 */
}

div[class^='box'] {
    margin-top:50px;
    width: 100%;
    /*margin: 20px 0px 10px 20px;*/
}

h4 {
    line-height: 40px;
}

.box1-element input,
.box1-element select,
.box1-element textarea {
    width: 100%; /* 设置宽度 */
}

.box1 input,
.box1 select,
.box1 textarea {
    height: 30px; /* 设置高度 */
    /*padding: 0px 15px;*/ /* 设置内边距 */
    margin-bottom: 18px; /* 设置外边距 */
    border: 2px #ffff99 solid;
    border-radius: 3px; /* 设置边框圆角 */
    font-size: 14px; /* 设置字体大小 */
    color: slateblue; /* 设置字体颜色为灰蓝色 */
    line-height: 30px; /* 设置行高 */
    background: rgba(51, 209, 130, 0.1); /* 设置背景颜色为浅绿色 */
}

    .box1 input:focus,
    .box1 textarea:focus {
        outline: 2px #33d182 solid; /* 光标聚焦input的时候，改变输入框的外边为绿色 */
        background: rgba(51, 209, 130, 0.3); /* 设置背景颜色为浅绿色 */
    }

.box1 textarea {
    height: 180px; /* 设置高度 */
    resize: none; /* 在长文本框的右下角，禁止让用户拖动改变大小 */
}

.box1-1-element input,
.box1-1-element select,
.box1-1-element textarea {
    width: 100%; /* 设置宽度 */
}

.box1-1 label {
    display: block;
    float: left;
    width: 80px;
    font-size: 16px;
    line-height: 20px;
    /*text-align: right;*/
}

.topselect {
    height: 4vh;
    width: 30%;
    text-align: center;
    text-align-last: center;
    border: 1px #33d182 solid;
    border-radius: 3px;
    font-size: 14px;
    color: orangered;
    line-height: 100%;
    background: rgba(51, 209, 130, 0.1);
}