html, body { background-color: #ededed; }

header p { font-size: 0.90667rem; height: 2.88rem; background-color: #EFEFF4; color: #888889; }
header p a { display: block; height: 100%; position: relative; text-align: center; line-height: 2.88rem; }
header p a em { display: block; width: 0.69333rem; height: 0.69333rem; border-left: 2px solid #b3b3b3; border-bottom: 2px solid #b3b3b3; border-top: 2px solid transparent; border-right: 2px solid transparent; position: absolute; top: 0.8rem; left: 0.53333rem; -webkit-transform: rotate(-315deg); -ms-transform: rotate(-315deg); transform: rotate(-315deg); font-weight: 600; }

.big-banner a { display: block; }
.big-banner a img { display: block; width: 100%; height: 5.33333rem; }

.select { margin-top: 0.53333rem; margin-bottom: 0.53333rem; padding-left: 0.8rem; padding-right: 0.8rem; background-color: #fff; height: 2.42667rem; border: 1px solid #e5e5e5; }
.select .left { box-sizing: border-box; border-right: 1px solid #e5e5e5; width: 33%; float: left; position: relative; }
.select .left input { height: 2.32rem; width: 100%; color: #cf4d42; outline: none; border-color: transparent; font-size: 0.8rem; text-align: center; }
.select .left span { width: 0.61333rem; height: 0.53333rem; background: url("../images/red-down-select_06.jpg") no-repeat; background-size: 0.61333rem 0.53333rem; position: absolute; top: 0.93333rem; right: 0.53333rem; margin-left: 0.4rem; }
.select .left ul { display: none; position: absolute; z-index: 999; width: 99%; margin-top: 3px; background-color: white; }
.select .left ul li { border-bottom: 1px solid #cccccc; font-size: 0.64rem; text-align: center; height: 1.6rem; line-height: 1.6rem; cursor: pointer; color: #999999; }
.select .left ul li:hover { background-color: #ff5454; color: #fff; }
.select .right { box-sizing: border-box; border-left: 1px solid #e5e5e5; width: 33%; float: left; position: relative; }
.select .right input { height: 2.32rem; width: 100%; outline: none; border-color: transparent; font-size: 0.8rem; color: #999999; text-align: center; }
.select .right span { width: 0.61333rem; height: 0.53333rem; background: url("../images/deep-down-select_06.jpg") no-repeat; background-size: 0.61333rem 0.53333rem; position: absolute; top: 0.93333rem; right: 0.53333rem; }
.select .right ul { display: none; position: absolute; z-index: 999; width: 100%; margin-top: 2px; background-color: white; }
.select .right ul li { border-bottom: 1px solid #cccccc; font-size: 0.64rem; text-align: center; height: 1.6rem; line-height: 1.6rem; cursor: pointer; color: #999999; }
.select .right ul li:hover { background-color: #ff5454; color: #fff; }
.select .center { width: 33%; float: left; position: relative; box-sizing: border-box; }
.select .center input { height: 2.32rem; width: 100%; outline: none; border-color: transparent; font-size: 0.8rem; color: #999999; text-align: center; }
.select .center span { width: 0.61333rem; height: 0.53333rem; background: url("../images/deep-down-select_06.jpg") no-repeat; background-size: 0.61333rem 0.53333rem; position: absolute; top: 0.93333rem; right: 0.53333rem; }
.select .center ul { display: none; position: absolute; z-index: 999; width: 100%; margin-top: 2px; background-color: white; }
.select .center ul li { border-bottom: 1px solid #cccccc; border-top: 0; font-size: 0.64rem; text-align: center; height: 1.6rem; line-height: 1.6rem; cursor: pointer; color: #999999; }
.select .center ul li:hover { background-color: #ff5454; color: #fff; }

.contern { background-color: #fff; padding-bottom: 2.18667rem; padding-left: 0.8rem; padding-right: 0.8rem; z-index: 1; }
.contern ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; position: relative; padding-top: 0.96rem; }
.contern ul li a:nth-child(2) { padding: 0 0.72rem; }
.contern ul li a:nth-child(2) p:last-child { padding-top: 0.61333rem; }
.contern ul li a { display: block; height: 100%; background-color: transparent; -webkit-tap-highlight-color: transparent; cursor: pointer; }
.contern ul li a p:first-child { font-size: 0.8rem; color: #4d4d4d; }
.contern ul li a p:last-child { font-size: 0.8rem; color: #999999; font-size: 0.69333rem; }
.contern ul li a img { background-color: #fff; width: 2.66667rem; height: 2.66667reem; border: 1px solid #ffc000; border-radius: 7px; }
.contern ul li a:last-child em { width: 0.53333rem; height: 0.53333rem; border-left: 2px solid #b3b3b3; border-bottom: 2px solid #b3b3b3; border-top: 2px solid transparent; border-right: 2px solid transparent; position: absolute; top: 1.84rem; right: 2px; -webkit-transform: rotate(-130deg); -ms-transform: rotate(-130deg); transform: rotate(-130deg); }
.contern ul li::before { content: ""; width: 100%; border-bottom: 1px solid #e5e5e5; position: absolute; bottom: -0.48rem; left: 0; }
.contern ul:nth-child(2), .contern ul:nth-child(3) { display: none; }

.active-style { color: #cf4d42; border-bottom: 0.05333rem solid #cf4d42; }

#title-color { color: #888889; }
