@charset "utf-8";
html, body {font-family: Microsoft Yahei;font-size:20px;color: #666; }
html{ height: auto !important; }
body, div, form, ul, ol, p, th, td, dt, dd, em {padding:0; margin:0; vertical-align:baseline;}
ul {list-style:none;}
ol {padding-left:20px;}
ol li {line-height:150%}
h1, h2, h3 {font-size:100%;font-weight:normal;}
:focus {outline:0;}
img {border:0;}
li{list-style:none;}
a:link,a:visited,a:active{font-family: Microsoft Yahei;color: #565656;text-decoration: none;cursor: pointer;	}
a:hover{color: #2D9FEC;text-decoration: none;}

/*index*/

.main{ width: 96%; margin-left: 2%; padding-bottom: 3rem; }
.backHome{ position: absolute; left: 0.43rem; top: 0.5rem; color: #fff;  }
.backHome i{font-size: 1.2rem;}

.miniTop .Sosuo{ width: 64%; float: right; margin: 0 2% 0 0; position: relative;}
.miniTop .Sosuo .sosuo_ipt{ width: 100%; height: 1.8rem; line-height: 1.4rem; text-align: center; border-radius: 0.1rem;  border: 1px #F3F3F3 solid; background: #FBFBFB; /*-moz-box-shadow:2px 2px 5px #ECECEC; -webkit-box-shadow:2px 2px 5px #ECECEC; box-shadow:2px 2px 5px #ECECEC;*/}
.miniTop .Sosuo .sosuo_ipt::placeholder{ color: #AAAAAA; font-size: 0.6rem; }
.miniTop .Sosuo .soubtn{ width: 2rem; position: absolute; top: 0; right: 0; display: block; display: none;  height: 1.4rem; line-height: 1.5rem;  text-align: center;  color: #999;}
.miniTop .Sosuo .soubtn i{ font-size: 1rem; color: #999;}
.clear{ clear: both;}
.bannerBox{ position: relative; margin:0.5rem 0 0 0;  }
.bannerBox .swiper-container{ width: 100%;}
.bannerBox .swiper-container img{ width: 100%;}

.classMenu{ width: 100%; margin-top: 0.3rem; margin-bottom: 0.3rem;}
.classMenu .weui-grid__icon{ width: 30px; height: 30px;}
.classMenu .weui-grid{ width: 20%; padding: 5px 5px !important; }
.classMenu .weui-grids:before,.classMenu .weui-grids:after,.classMenu .weui-grid:before,.classMenu .weui-grid:after, .weui-grid:before{ border: 0 !important;}

.hotCase .Tie{ text-indent: 1rem;  font-size: 0.8rem; color: #212121;font-weight: bold; height: 2rem; line-height: 2rem; }
.hotCase .CaseBox{ position: relative; width: calc(89% - 1rem); margin: 0 5% 0 5%; padding: 0.5rem; background: #fff; border-radius: 0.3rem; -moz-box-shadow:2px 2px 3px #f5de69; -webkit-box-shadow:2px 2px 3px #f5de69; box-shadow:2px 2px 3px #f5de69; }
.hotCase .CaseBox .Img{ width: 30%; height: 4.5rem; float: left; display: block; background: #f1f1f1;  border-radius:0.4rem;  overflow: hidden;}
.hotCase .CaseBox .Img img{ width: 100%; height: 100%;}
.hotCase .CaseBox .infoBox{ width: 66%; float: right; display: block;}
.hotCase .CaseBox .infoBox span{ width: 100%; display: block;}
.hotCase .CaseBox .infoBox span:first-child{ font-size: 0.8rem; font-weight: bold; color: #000; }
.hotCase .CaseBox .infoBox span:nth-child(2){ font-size: 0.7rem; color: #959595;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;}
.hotCase .CaseBox .infoBox span:nth-child(3){ font-size: 0.55rem; color: #959595;}


.hotCase .CaseBox .btntxt{position: absolute;  right: 0.2rem; bottom: 0.8rem; font-size: 0.55rem; color: #959595;}

.forMe{ width: 100%; height: auto; margin-top: 1rem;}
.forMe .Tie{ width: 100%; height: 1.4rem; margin: 0.5rem 0;}
.forMe .Tie span{ display: block; text-indent: 1rem; width: 4.65rem;  font-size: 0.8rem; background: url("../images/dian.png") no-repeat top right; background-size: 0.7rem; color: #212121;font-weight: bold; height: 1.4rem; line-height: 1.4rem;}
.forMe .Select{ width: 100%; height: 2rem; line-height: 2rem; margin-bottom: 0.3rem;}
.forMe .forMeBox{ width: 100%;}
.forMe .forMeBox .listbox{ width: calc(99% - 1rem); margin-bottom: 0.5rem; padding: 0.5rem; position: relative; border: 1px #F5F5F5 solid; background: #FDFDFD; -moz-box-shadow:2px 2px 3px #f1f1f1; -webkit-box-shadow:2px 2px 3px #f1f1f1; box-shadow:2px 2px 3px #f1f1f1;  border-radius: 0.5rem;}
.forMe .forMeBox .listbox .Img{ width: 30%; height: 4.5rem; float: left; display: block; background: #f1f1f1; border-radius:0.4rem; overflow: hidden; }
.forMe .forMeBox .listbox .Img img{ width: 100%; height: 100%; }
.forMe .forMeBox .listbox .infoBox{ width: 66%; float: right; display: block;}
.forMe .forMeBox .infoBox span{ width: 100%; display: block;}

.forMe .forMeBox .infoBox span:nth-child(3){ font-size: 0.55rem; color: #959595;}
.forMe .forMeBox .infoBox span:nth-child(3) i{ font-size: 0.5rem; color: #959595;}
.forMe .forMeBox .infoBox span:last-child {width: 100%; margin-top: 0.25rem;}
.forMe .forMeBox .infoBox span:last-child label{ display: block; border-radius: 0.1rem; font-size: 0.7rem;  float: left; margin-right:0.3rem;  padding-left:4px;padding-right: 4px;height: 1rem; line-height: 1rem; background: #f1f1f1; text-align: center; }

.forMe .forMeBox .btntxt{position: absolute;  right: 0.7rem; bottom: 1.8rem; font-size: 0.55rem; color: #959595;}
.forMe .noShop{ width: 100%; height: auto; text-align: center; padding: 1rem 0;}
.forMe .noShop i{ font-size: 2rem; color: #dcdcdc;}
.forMe .noShop span{ width: 100%; display: block; height: 1rem; line-height: 1rem; text-align: center; color: #dcdcdc;}

.forMe .weui-select{ width: 100%; }
.forMe .weui-flex__item{ position: relative;}
.forMe .weui-flex__item i{position: absolute; right: 0.3rem; top: 0; font-size: 0.6rem;  color: #ADADAD;}