.sub-category {

    background: #fff;

    margin: 0 auto;

    padding: .5% 0;

}

.sub-category>ul {

    display: flex;

    justify-content: space-between;

}

.sub-category li {

    width: 24.5%;

    float: left;

    font-size: .95em;

    color: #666;

    text-align: center;

    height: 30px;

    line-height: 30px;

    background-color: #f0f7fe;

}

.sub-category ul li.on {

    background-color: #ff9d00;

}

.sub-category ul li.on a {

	color: #fff;

}





.page_box {

    width: 80%;

    display: flex;

    justify-content: space-around;

    margin: 0 auto;

    margin-top: 4%;

}

.page_box div {

    list-style: none;

    background-color: #ff9d00;

    width: 33%;

    height: 25px;

    line-height: 25px;

    text-align: center;

    font-size: .85em;

}

.page_box div a {

    color: #fff;

}

.page_box div:nth-child(2) {

    background-color: #fff;

}

.page_box form select {

    font-size: 1.2em;

    width: 100%;

    text-align: center;

    border: 0;

    background-image: url(../images/white.png);

    border-radius: 0;

    padding-left: 25%;

    color: #666;

    text-align: center;

    outline: none;

}





.details>h3 {

    text-align: center;

    font-size: 1.2em;

    padding: 5% 0;

}

.details>h1 {

    text-align: center;

    font-size: 2em;

    padding: 5% 0;

}

.details>p {

	display: flex;

	justify-content: space-between;

	margin-bottom: 3%;

}

.details>p span {

	padding-left: 2%;

	font-size: .9em;

    color: #999;

}

.details>p a {

    font-size: .8em;

    color: #e62929;

    padding: 0 2% 0 4%;

    background: url(../images/m11.png) no-repeat left center;

    background-size: 10%;

}



.details>div {

	line-height: 2em;

    overflow-x: hidden;

}

.details>div h2 {
    border-left: 4px solid #ff9d00;
    padding-left: 8px;
}
.details>div a {
    color: #ff9d00;
}

.details>div img {

    margin: 2% auto;

}

.details>div table {

    margin: 0 auto;

    margin-bottom: 10px;

    border-collapse: collapse;

    display: table;

}

.details>div table td {

    padding: 5px 10px;

    border: 1px solid #DDD;

}

.page_link {

	margin-bottom: 2%;
    margin-top: 2%;
}

.page_link p {

    color: #ff9d00;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: .95em;

    margin-bottom: 4%;

}

.page_link p span {

    color: #333;

}

.page_link p a {

    color: #ff9d00;

}





.the-new {

	margin-top: 2%;

}

.the-new .cont li {

	display: flex;

	justify-content: space-between;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    border-bottom: 1px solid #f2f2f2;

    box-sizing: border-box;

}

.the-new .cont li a {

	display: block;

	position: relative;

    width: 80%;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding-left: 12px;

    box-sizing: border-box;

}

.the-new .cont li a:before {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	margin: auto;

    content: '';

    background: #d1d1d1;

    width: 6px;

    height: 6px;

    border-radius: 50%;

}

.the-new .cont li span {

    width: 20%;

    float: right;

    text-align: right;

    color: #999;

}



.the-soon-sign h3 {

	text-align: center;

	padding: 2% 0;

}

.the-soon-sign form {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	padding: 3% 2% 1% 2%;

}

.the-soon-sign form select,

.the-soon-sign form input {

	width: 49%;

	height: 32px;

	outline: none;

	border: 1px solid #eaeaea;

	border-radius: 5px;

	box-sizing: border-box;

	padding-left: 5px;

	font-size: .8em;

	margin-bottom: 3%;

}

.the-soon-sign form button {

	width: 50%;

	margin: 2% auto 0;

	border: none;

	border-radius: 5px;

	background: #ff9d00;

	color: #fff;

	padding: 6px 0;

	font-size: 1.1em;

}