.c-dropdown__list {
	margin: 5px 0 0 0;
	padding: 10px 0;
	list-style: none;
	position: absolute;
	top: 125%;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	border-radius: 3px;
	background: #fff;
	-webkit-transition: opacity 0.25s linear, top 0.25s linear;
	transition: opacity 0.25s linear, top 0.25s linear;
	padding-left: 0.24rem;
}

.c-dropdown.is-open .c-dropdown__list {
	opacity: 1;
	visibility: visible;
	top: 100%;
	z-index: 99;
	height: 2rem;
	overflow: auto;
}

.c-dropdown {
	text-align: left;
	position: relative;
	justify-content: flex-start;
	flex: 0 0 auto !important;
	margin-right: 0.3rem;
}

.c-button::after {
	content: "";
	background-image: url('../img/ziyuan/z3.png');
	position: absolute;
	right: 10px;
	width: 0.1rem;
	height: 0.06rem;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.c-button:hover::after {
	background-image: url('../img/ziyuan/z2.png');
}

.c-button {
	position: relative;
	width: 100%;
	display: block;
	border-radius: 0.08rem;
	border: 1px solid #C2C2C2;
	padding-left: 0.17rem;
	line-height: 0.39rem;
	font-size: 0.14rem;
	color: #686868;
}

.c-dropdown__list {
	background: #FFFFFF;
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
	border-radius: 4px 4px 4px 4px;
}

.c-dropdown__item {
	padding: 9px 0px;
	font-size: 14px;
	color: rgba(104, 104, 104, 1);
	font-size: 0.14rem;
}

.c-dropdown__item:hover {
	cursor: pointer;
}

.c-dropdown__item:hover {
	color: var(--c);
}
.box {
	position: relative;
	flex: 0 0 2.13rem;
}
.mess_form {
	justify-content: center;
}
.p_lable {
	white-space: nowrap;
}

.case {
	padding-top: 0.6rem;
	padding-bottom: 0.85rem;
}

.case .t_head {
        background: rgba(245, 245, 245, 1);
	text-align: center;
	margin-top: 0.4rem;
}
.case .list_flex .item {
	flex: 0 0 100%;
}

.case .t_head div {
	/*flex: 0 0 25%;*/
	flex: 0 0 15%;
	line-height: 0.5rem;
	text-align: center;
	/*background: rgba(245, 245, 245, 1);*/
	font-size: 0.2rem;
}

.case .t_head div:nth-child(1){
    flex: 0 0 40%;
}

.case .list_flex .container div {
	/*flex: 0 0 25%;*/
	flex: 0 0 15%;
	font-size: 0.16rem;
	color: #333333;
	line-height: 0.5rem;
	text-align: center;
}

.case .list_flex .container div:nth-child(1){
    flex: 0 0 40%;
}
.case .list_flex .container {
	border-bottom: 0.01rem solid rgba(238, 238, 238, 1);
}
.case .list_flex .container .flex_box1 {
	transition: var(--s_tran);
}
.case .list_flex .container:hover .flex_box1 {
	color: var(--c);
}
.case .list_flex .item:nth-child(even) .container div {
	background: rgba(242, 252, 250, 1);
}

@media(max-width: 768px) {
    .p_lable,
    .c-button,
    .c-dropdown__item {
        font-size: 12px;
    }
    .p_lable {
        flex: 0 0 20%;
        text-align: right;
    }
    .mess_form {
        flex-wrap: wrap;
    }
    .flex_box4{
        flex: 20% !important;
    }
    .mess_form > div {
        flex: 0 0 100% !important;
    }
    .c-dropdown {
        justify-content: flex-start;
        margin-top: 10px;
    }
    .c-button::after {
        width: 10px;
        height: 6px;
    }
    .box {
        flex: 0 0 80%;
    }
    .case .t_head div {
        font-size: 12px;
    }
    .case .list_flex .container div{
        padding: 0 0.05rem;
    }
    .case .list_flex .container div {
        font-size: 11px;
    }
}
    .btn {
                                position: relative;
                                width: 100%;
                                padding: 0;
                                display: block;
                                border-radius: 0.08rem;
                                border: 1px solid #C2C2C2;
                                padding-left: 0.17rem;
                                line-height: 0.39rem;
                                font-size: 0.14rem;
                                color: #686868;
                                flex: 0 0 2.13rem;
                                background: none;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                padding-right: 0.1rem;
                            }
                            .btn-secondary.focus, .btn-secondary:focus,
                            .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus,
                            .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
                                box-shadow: none;
                                color: #686868;
                                background: none;
                            }
                            .btn-secondary:hover {
                                color: #686868;
                                background: none;
                            }
                            #example,
                            #example1 {
                                min-width: 0 !important;
                                width: 2.13rem;
                                flex: 0 0 2.13rem;
                            }
                            .dropdown-menu {
                                min-width: 0;
                                transform: none !important;
                                padding-top: 0.05rem;
                                padding-bottom: 0.05rem;
                                top: 0.41rem !important;
                                width: 100%;
                                border-radius: 0.05rem;
                            }
                            .form-control {
                                font-size: 0.16rem;
                                height: 0.4rem;
                                padding: 0.1rem;
                                border-radius: 0.08rem;
                            }
                            .form-control:focus,
                            .form-control {
                                padding: 0.1rem;
                                box-shadow: none;
                                border-color: #C2C2C2;
                            }
                            .dropdown-item.active, .dropdown-item:active {
                                background: var(--c);
                            }
                            .dropdown-item {
                                padding: 0.1rem;
                                font-size: 0.14rem;
                            }
.dropdown-toggle::after {
	content: "";
	background-image: url('../img/ziyuan/z3.png');
	position: absolute;
	right: 10px;
	width: 0.1rem;
	height: 0.06rem;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	border: none;
}
.dropdown-toggle:hover::after {
	background-image: url('../img/ziyuan/z2.png');
}
.btn:hover,
.btn:active {
    border-color: #C2C2C2 !important;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    border-color: #C2C2C2 !important;
}