/*index.html 样式表*/
.content {
    width: 50%;
    border: 2px solid #36B7B0;
    text-align: left;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.flex_head {
    display: -webkit-flex;
    display: flex || inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
    background-color: #36B7B0;
}

.flex_item_logo {
    order: 1;
    flex-grow: 5;
    flex-shrink: 0;
}

.flex_item_menu {
    order: 2;
    flex-grow: 5;
    color: #FFFFFF;
    font-size: 24px;
    text-align: right;
}

.a {
    margin: 6px;
    color: #FFFFFF;
    font-size: 20px;
    margin-right: 10px;
    text-decoration: none;
}

.a:hover {
    color: #FFFFFF;
    font-size: 20px;
    text-decoration: none;
}

.flex_content {
    display: -webkit-flex;
    display: flex || inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0px;
    background-image: url(../images/sources1.png);
    background-repeat: no-repeat;
    /* 如果图片比较小,框比他大的时候,设置的显示方式,repeat-x沿x轴显示,repeat-y沿y轴显示 */
    background-position: 80% 100%;
    /* 设置图片的位置,left top左上,center center居中..... */
}

.flex_message {
    display: -webkit-flex;
    display: flex || inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0px;
    background-image: url(../images/sources2.png);
    background-repeat: no-repeat;
    /* 如果图片比较小,框比他大的时候,设置的显示方式,repeat-x沿x轴显示,repeat-y沿y轴显示 */
    background-position: 50% 100%;
    /* 设置图片的位置,left top左上,center center居中..... */
    height: 500px;
    font-size: 24px;
}

.flex_item {
    text-align: left;
    width: 80%;
}

.flex_item h1 {
    margin-bottom: 30px;
}

.flex_foot {
    display: -webkit-flex;
    display: flex || inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0px;
    color: #808080;
}

.flex_foot_item {
    width: 90%;
}

.flex_foot_item .line {
    border-top: 1px solid #808080;
}

.flex_foot_item span {
    color: #009797;
}

.btn_custom {
    border: none;
    border-radius: 30px;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    background-color: #36B7B0;
    border-color: #36B7B0;
}

.btn_custom:hover {
    color: #fff;
    background-color: #109d91;
    text-decoration: none;
}

/*demand.html 样式表*/
.sld_flex_row {
    width: 100%;
    display: -webkit-flex;
    display: flex || inline-flex;
    flex-direction: column;
    align-items: center;
}

.sld_row_title {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #00999D;
    margin-top: 20px;
}

.sld_row_des {
    width: 90%;
    color: #373737;
    padding: 5px 10px;
    text-align: left;
    line-height: 20px;
}

.sld_row_text {
    width: 100%;
    text-align: center;
}

.sld_row_text input[type='text'] {
    width: 90%;
    padding: 0.7em 1em;
    color: #333333;
    font-size: 15px;
    outline: none;
    border: 1px solid #00999D;
    border-radius: 0.3em;
}

.sld_row_radio {
    width: 90%;
    padding: 0.7em 1em;
    border-radius: 0.3em;
    border: 1px solid #00999D;
}

.radio {
    text-align: left;
    padding: 0.5em;
    margin: 10px;
    border-radius: 0.3em;
    border: 1px solid #00999D;
}

.sld_row_checkbox {
    display: -webkit-flex;
    display: flex || inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-start;
    width: 90%;
    padding: 0.7em 1em;
    border-radius: 0.3em;
    border: 1px solid #00999D;
}

.checkbox_item {
    width: 135px;
    height: 190px;
    text-align: center;
    margin: 0.7em 1em;
    border: 1px solid #00999D;
    border-radius: 0.3em;
    position: relative;
}

.checkbox_item input[type='checkbox'] {
    position: absolute;
    top: 0;
    right: 0;
}

.sld_row_file {
    width: 90%;
    padding: 0.7em 1em;
    border-radius: 0.3em;
    border: 1px solid #00999D;
}

.fileup {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    color: #4D4949;
    border: 1px solid #00999D;
    border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    margin: 0.5em 1.25em;
    padding: 1em 1.25em;
    align-items: center;
    background: rgb(242, 247, 249);
    border-style: dashed;
}

.fileup_des {
    margin: 0em 1.25em;
    padding: 0em 1.25em;
    color: #808080;
    font-size: 13px;
}

.fileuplogo {
    width: 10%;
}

.fileupdes {
    width: 70%;
    display: flex;
    flex-direction: column;
}

.fileupdes_title {
    font-size: 17px;
    font-weight: 600;
    color: #00999D;
    margin-bottom: 5px;
}

.filedes {
    width: 60%;
    display: flex;
    flex-direction: column;
}

.filestatus {
    width: 30%;
    text-align: left;
}

.filestatus_remove {
    width: 10%;
    text-align: center;
}

input[type=submit] {
    padding: 2%;
    border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    color: #FFFFFF;
    background: #00999D;
    font-weight: bold;
    font-size: 0.9375em;
    outline: none;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    margin: auto auto auto auto;
    cursor: pointer;
    border: none;
}

input[type=submit]:hover {
    background: #2E2D2D;
    color: #fff;
}

.sld_flex_row .submit {
    width: 90%;
    height: 80px;
    text-align: center;
    margin-top: 10px;
}

.fileupbuttom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
}

.fileupbuttom input[type=submit] {
    float: left;
    padding: 10px 20px;
    text-align: center;
}

.sld_row_textarea {
    width: 100%;
    text-align: center;
}

.sld_row_textarea textarea {
    width: 90%;
    height: 100px;
    padding: 0.5em 1em;
    border-radius: 0.3em;
    border: 1px solid #00999D;
}

.sld_row_textarea p {
    color: #333333;
    padding: 0.5em 1em;
}

p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}