/*初始样式*/

html {font-size: 18px; font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, "Microsoft YaHei", Heiti, SimSun, sans-serif;
-webkit-font-smoothing: antialiased;}
body,
ul,
ol,
li,
p,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
dl,
dt,
dd {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;}
body {background: #F6F6F9;color: #333;margin: 0 auto;font-size: 18px;font-weight: normal;}
a,
a:link {color: #333;text-decoration: none;}
a:active,
a:hover{text-decoration: underline;}

* {-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
input:required,
input:valid,
input:invalid {border: 0 none;outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;}/* 重置文本格式元素 */


input[type="number" ]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}

input[type="number"]{-moz-appearance:textfield;}

address,
cite,
dfn,
em,
var {font-style: normal;}/* 将斜体扶正 */

code,
kbd,
pre,
samp {}/* 统一等宽字体 */
del {color: #aaa; font-size:1.2rem;}

@media only screen and (max-width: 310px) and (min-width: 300px) {html {font-size: 9px}}
@media only screen and (max-width: 320px) and (min-width: 310px) {html {font-size: 9px}}
@media only screen and (max-width: 360px) and (min-width: 320px) {html {font-size: 9px} .filter-menu-list ul{margin-top:.12rem;}.filter-menu-list ul li i{font-size:2.2rem !important;}}
@media only screen and (max-width: 360px) and (min-width: 350px) {html {font-size: 10px} .filter-menu-list ul{margin-top:.1rem;}.filter-menu-list ul li i{font-size:2.2rem !important;}}
@media only screen and (max-width: 480px) and (min-width: 360px) {html {font-size: 10px} .filter-menu-list ul{margin-top:.1rem;}.filter-menu-list ul li i{font-size:2.2rem !important;}}
@media only screen and (max-width: 480px) and (min-width: 470px) {html {font-size: 13.33333px}}
@media only screen and (max-width: 560px) and (min-width: 480px) {html {font-size: 13.33333px}}
@media only screen and (max-width: 570px) and (min-width: 560px) {html {font-size: 15.83333px}}
@media only screen and (max-width: 640px) and (min-width: 570px) {html {font-size: 15.83333px}}
@media only screen and (max-width: 640px) and (min-width: 630px) {html {font-size: 17.77778px}}
@media only screen and (max-width: 710px) and (min-width: 640px) {html {font-size: 17.77778px}}


body{
	width: 100%;
	background-color: #ebebeb;
}
.head{
	width: 100%;
	/*height: 150px;*/
	margin-bottom: 20px;
	/*background-color: #3895BE;*/
}
.head img{
	width: 100%;
}
@media(max-width: 600px){
	.big_head{
		display: none;
	}
}

.left{
	float: left;
	width: 300px;
	height: auto;
	/*background-color: black;*/
}
.left_head{
	width: 90%;
	height: 40px;
	line-height: 40px;
	margin: 5%;
	text-align: center;
	
	background-color: #3895BE;
	color: #fff;
}
.fuzzy_search{
	width: auto;
    margin: 15px;
    margin-left: 16px;
}
.fuzzy_search input{
	height: 24px;
	width: 180px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
button{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #3895BE;
	color:	#eee;
}
.classified_search{
	width: auto;
	height: 90%;
	margin: 5%;
	text-align: center;
}
.classified_search select{
	display: inline-block;
	width: 220px;
	height: 35px;
	line-height: 25px;
	margin-bottom: 15px;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}
.classified_search button{
	width: 90%;
}
.feature_search{
	width: auto;
	height: 90%;
	margin: 5%;
	text-align: center;
}
.feature_search_block{

	margin-bottom: 10px;
}
.block_head{
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin-top: 10px;
	background-color: #DCEFD1;
	color: #7E997A;
}
.block_body{
	border: 1px solid #DCEFD1; 

}
.block_body_div{
	display: inline-block;
	width: 70px;
	height: 100px;
	margin: 10px 5px;
	cursor:pointer;
}
.block_body_div img{
	width: 70px;
	height: 70px;
}
.block_body_div p{
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.block_body_div span{
	font-size: 15px;

}
.feature_search button{
	width: 90%;
}
.right{
	width: 100%;
	height: 1000px;
	/*background-color: #ffffff;*/
}

.right_block{
	display: inline-block;
	width: 200px;
	height: 240px;
	/*border: 1px solid #3895BE;*/
	background-color:#ffffff; 
	margin: 10px;
	padding: 10px;
}
.right_block img{
	width: 200px;
	height: 128px;
}
.right_block .describe h4{
	margin: 5px 10px;
	color: red;
}
.right_block .describe p{
	padding: 2px 10px;
	font-size: 12px;
}

.right_head{
	width: 600px;
	margin: 10px 0 10px 330px;
	border: 1px solid #32A600; 
}
.rh_head{
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	color: #32A600;
	background-color: #F0FFE9;
}
.rh_body{
	padding: 5px 15px;
}
.rh_body div{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	cursor: pointer;
	margin: 5px 0 5px 10px;
	padding: 0 10px;

	color: black;
	background-color: #69E862;

}

.rh_body div span {
  position: relative;
  display: inline-block;
  top: 5px;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.rh_body div span:hover::before, .rh_body div span:hover::after {
  background: #1ebcc5;
}
.rh_body div span::before, .rh_body div span::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: red;
}
.rh_body div span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rh_body div span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.body{
	width: 1100px;
	margin: auto;
}
@media(max-width: 1100px;){
	.body{
		width: 100%;
	}
}