@charset "utf-8";
/* CSS Document */
ul:after,.row:after{content: "";clear: both;display: table;line-height: 0;height: 0;}
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;  }
body{color:#666; font-family:"微软雅黑, Microsoft yahei"; background:#f5f5f5; margin: 0 auto; width: 100%; max-width: 640px;}

a{outline:none;cursor:pointer;color:#666;}
a:link,a:visited{text-decoration:none;}
a:hover{ text-decoration:none;}
li{ list-style:none;}
img{max-width:100%; height:auto;}
ul{margin:0; padding: 0;}
h1, h2, h3, h4, h5, h6{color:#fff; padding: 0; margin: 0; font-weight: 500;}
*{ margin:0; padding:0;}
input, textarea{-webkit-appearance:none; /*去除input默认样式*/}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
/**********上方是基本样式  不能更改 ***********/
.img_bg_01{ position: fixed; left:50%; top: 0; width: 100%; max-width: 640px; height: 100vh; transform: translateX(-50%); }
.index_text{ position: fixed; left:50%; top: 0; padding:90px 12px 12px 12px; z-index: 1; width: 100%; height: 100%; max-width: 640px;transform: translateX(-50%);}
.index_text .logo{ width: 150px; margin: 0 auto; display: block;}
.index_text .logo img{ width: 100%;}
.index_text .form{ position: relative; margin-top: 100px;box-shadow:2px 2px 5px #eae5df; background: #fff; border-radius: 23px; overflow: hidden;}
.index_text .form .text{ width: 100%; height: 46px; border: transparent; background: transparent; padding-left: 18px; padding-right: 78px; color: #000; font-size: 14px;}
.index_text .form .butt{ position: absolute; right:18px; top: 0; width: 46px; height: 46px; border-radius: 50%; background: #007dff; border: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.index_text .form .butt img{ max-width: 100%; max-height: 100%;}
.fenlei{ border: 1px solid #dedddb; width: 150px; height: 40px; display: flex; align-items: center; justify-content: center; color: #000; font-size: 14px; border-radius:6px; margin: 0 auto; margin-top:144px;}
.copyright{ position: fixed; left: 0; bottom: 20px; font-size: 14px; color: #000; line-height: 24px; text-align: center; width: 100%;}

.list_box{ padding:8px; display: flex; flex-wrap: wrap;}
.list_box li{ padding:8px; width:50%;}
.list_box li .item{ width: 100%; background: #fff;box-shadow:2px 2px 5px #eae5df; display: block; border-radius: 8px; overflow: hidden;}
.list_box li .item img{ width: 100%; height: 140px; display: block;}
.list_box li .item .txt{ padding:3px 8px;}
.list_box li .item .txt span{ color: #000; font-size: 14px; line-height: 35px; display: block; text-align: center;}

.banner img{ width: 100%;}
.detail{ padding: 16px;}
.detail .title{ font-size: 20px; font-weight: bold; color: #000; line-height: 30px; flex: 1; width: 100%;}
.detail .btn,.shai_btn{ font-size: 12px; padding:4px 8px; color: #000; border: 1px solid #a0a0a0; margin-left: 8px; border-radius: 4px;}
.detail_item{ margin-top: 24px;}
.detail_item h4{font-size: 16px; font-weight: bold; color: #000; line-height: 36px; }
.detail_item p{ margin-left: 36px; color: #000; font-size: 14px; line-height: 28px;}
.detail_item p b{ font-weight: 400; color: #000;}

.filtrate_box{ padding: 0px 16px;}
.filtrate{ border-bottom:1px solid #a0a0a0; padding:8px 0px;}
.filtrate_item{ display: flex; flex-wrap: wrap; padding:4px 0px;}
.filtrate_title{ font-size: 14px; line-height: 26px; color: #424242;}
.filtrate_choose{ display: flex; flex-wrap: wrap;}
.filtrate_choose li{font-size: 14px; line-height: 26px; color: #424242; margin-left: 12px; cursor: pointer;}
.filtrate_choose li.active{ color: #d8290a;}



@media screen and (max-width:640px) {
	.list_box li{ padding:8px; width: 50%;}
	
}