@charset "utf-8";
/* CSS Document */
html,body {	min-height: 100vh;	padding: 0;	margin: 0;	font-size: 16px;
font-family:PingFangSC-Regular, sans-serif,"microsoft yahei", "arial", "Helvetica", "Helvetica Neue";
color: #333; line-height: 150%;	text-align: center; 
-webkit-tap-highlight-color:rgba(0,0,0,0);}
input,textarea {font-family:PingFangSC-Regular, sans-serif,"microsoft yahei", "arial", "Helvetica", "Helvetica Neue";color: #000;
outline:none;}
input:focus,textarea:focus { outline: none; }
ul,li {	list-style: none;
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a img {	border: 0;}

input::-webkit-input-placeholder{
            color:#666;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#666;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#666;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
            color:#666;
        }

.wrap { overflow: hidden; width: 100%; max-width: 828px; margin: 0 auto; padding-bottom: 3rem;}
.detailTop { display: flex; justify-content: flex-start; align-items: flex-start; margin: 0 1.5em; padding: 1.8em 0 2em;}
.detailTop .pic { position: relative; z-index: 0; width: 4.3em; height: 4.3em;} 
.detailTop .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;}
.detailTop .txt { flex: 1; margin-left: 1.5em; text-align: left;}
.detailTop .name { font-weight: bold; color: #121212; font-size: 1.3em; line-height: 1.4;}
.detailTop .intro {font-weight: bold;  font-size: 0.75em; color: #176e53;}

.detailInfo { margin: 0; width: 100%; overflow: hidden;}
.detailInfo ul { overflow-x: auto; white-space:nowrap; *white-space:nowrap; 
	
}
.detailInfo ul::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
.detailInfo li { position: relative; z-index: 0; padding: 0 1.12em; display: inline-block;}
.detailInfo li::after { display: block; content: ""; position: absolute; margin-top: -0.7em; right: -1px; top: 50%;
 height: 1.4em; width: 1px; background-color: #D9D9D9;}
.detailInfo li:last-child::after { display: none;}
.detailInfo .t1 { font-weight: bold; color: #1e1e1e; font-size: 0.9em;}
.detailInfo .t2 { color: #3d3d3d; font-size: 0.75em;}
.detailInfo span { vertical-align: middle;}
.detailInfo .star { display: inline-block; width: 1em; height: 1em; vertical-align: middle; 
background: url(../imgs/star.png) center center no-repeat;
background-size:contain;}

.detailInfo .down { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; 
background: url(../imgs/download.png) center center no-repeat;
background-size:contain;}

.detailInfo .add { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; 
background: url(../imgs/add.png) center center no-repeat;
background-size:contain;}

.detailInfo .info { display: inline-block; width: 0.9em; height: 0.9em; vertical-align: middle; 
background: url(../imgs/info.png) center center no-repeat;
background-size:contain;}

.btnGreen { display: block; cursor: pointer; margin: 1.6em 1.5em 0; line-height: 2.6; padding-top: 0.1em; color: #fff; 
background-color: #00875f; font-size: 0.9em;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.btnGreen:hover { color: #fff;}

.swiper_pic_w {  width: 100%; margin-top: 1.9em; margin-left: 1.2em;
 overflow: hidden;}
.swiper_pic_w .swiper-container { position: relative;  z-index: 0; width:100%; height: 100%;	margin:0;}
.swiper_pic .swiper-slide {width:100%; height: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
align-items: center; justify-content: center;}
.swiper_pic .swiper-slide .item { margin: 0.5em 0.3em 1em; width: 100%;}
.swiper_pic .swiper-slide .pic { width: 100%; position: relative; z-index: 0; padding-top: 200%;}
.swiper_pic .swiper-slide .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0;
object-fit: cover; overflow: hidden;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
-moz-box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, .08);
-webkit-box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, .08);
box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, .08);
}

.title { display: flex; justify-content: space-between; align-items: center;}
.title .name { font-weight: bold; color: #000; font-size: 1.1em;}
.title .arr { width: 1em; height: 1em; 
background: url(../imgs/arr.png) center center no-repeat;
background-size:contain;}
.title .arrUp { width: 1em; height: 1em; 
background: url(../imgs/arr_up.png) center center no-repeat;
background-size:contain;}
.title span { vertical-align: middle;}
.title .info { margin-left:0.6em; display: inline-block; width: 0.9em; height: 0.9em; vertical-align: middle; 
background: url(../imgs/info.png) center center no-repeat;
background-size:contain;}

.aboutBox { margin: 2.4em 1.5em 0;}
.aboutBox .txt { margin-top: 1.5em; line-height: 1.8em; color: #434343; font-size: 0.75em; text-align: left;}
.aboutBox .txt2 { margin-top: 1.5em;
	-moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;height: 2.2em;  border: 1px solid #c3c3c3;
	
		
}
.aboutBox .txt2c {line-height: 1.5em; color: #434343; padding: 0.4em 1em 0;   font-size: 0.9em;
	text-align: left;
	overflow-x: auto;
	white-space:nowrap; *white-space:nowrap;}
.aboutBox .txt2c::-webkit-scrollbar {
	    width: 0px;  /* remove scrollbar space */
	    background: transparent;  /* optional: just make scrollbar invisible */
	}
	
.evalBox {margin: 2.4em 1.5em 0;}
.evalBox .con { margin-top: 1.1em; display: flex; justify-content: flex-start; align-items: flex-start; color: #222;}
.evalBox  .eval_1 { text-align: left;}
.evalBox  .eval_1 .num{ line-height: 1.1em; font-size: 3.6em;}
.evalBox  .eval_1 .star { position: relative;  z-index: 0; width: 4.5em; padding-top: 0.8em; 
 background: url(../imgs/star2.png) 0 0 no-repeat;
 background-size:4.5em auto ;
  margin: 0.4em auto 0 0;}
  .evalBox  .eval_1 .star span { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; 
  background: url(../imgs/star3.png) 0 0 no-repeat;
 background-size:4.5em auto;}
.evalBox  .eval_1 .nums { font-size: 0.75em; color: #484848;}

.evalBox  .eval_2 { margin-top: 0.5em; flex: 1; margin-left: 1.6em;}	
.evalBox  .eval_2 dl{line-height: 1.16em; width: 100%; display: flex; justify-content: flex-start; align-items: center;}
.evalBox  .eval_2 dt{ font-size: 0.75em;}
.evalBox  .eval_2 dd { margin-left: 0.6em; flex:1;}
.evalBox  .eval_2 dd .bar { width: 100%; height: 0.58em; background-color: #e5e5e5;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; overflow: hidden;}
.evalBox  .eval_2 dd .bar span { display: block; margin: 0 auto 0 0; width: 0%; height: 100%; background-color: #059067;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}

.evalList { margin: 0 1.5em;}
.evalList li { margin-top: 2.6em; text-align: left;color: #2E2E2E;
}
.evalList .about { margin-top: 0.6em;}
.evalList .about .star { vertical-align: middle; display: inline-block; position: relative;  z-index: 0; width: 4.5em; padding-top: 0.8em; 
 background: url(../imgs/star2.png) 0 0 no-repeat;
 background-size:4.5em auto ;
  margin: 0 auto 0 0;}
.evalList .about .star span { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; 
  background: url(../imgs/star3.png) 0 0 no-repeat;
 background-size:4.5em auto;}
 .evalList .about .date { margin-left: 0.4em; vertical-align: middle; font-size: 0.85em;  display: inline-block;}
.evalList .user { display: flex; justify-content: space-between; align-items: center;
}
.evalList .user .pic { width: 2.2em; height: 2.2em; position: relative; z-index: 0;}
.evalList .user .pic img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
overflow: hidden;}
.evalList .user .name { color: #1E1E1E; margin-left: 1em; flex: 1;}
.evalList .user .dot { display: block; cursor: pointer; width: 1.1em; height: 1.1em; 
background: url(../imgs/dot.png) center center no-repeat;
background-size:contain;}
.evalList .txt { margin-top: 0.5em; font-size: 0.9em; line-height: 1.7em;
}
.evalList .op { margin-top: 1.3em; display: flex; justify-content: space-between; align-items: center;	
}
.evalList .op .opTxt { font-size: 0.75em;	
}
.evalList .op .btnW{ font-size: 0.8em;}
.evalList .op .btnW .btn { margin-left: 0.3em; padding: 0.1em 1.5em 0; line-height: 1.8em;
 display: inline-block; border: 1px solid #bdbdbd;
 -moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;}

.evalList .op .btnW .btn.cur { background-color: #098761; border: 1px solid #098761; color: #fff;}
.evalList .more {  margin-top: 1.3em; text-align: left;}
.evalList .more  a { font-size: 0.9em; color: #098761;}
 
.contactBox { margin: 2.4em 1.5em 0;}
.contactBox .list { color: #000; font-size: 0.9em; text-align: left;}
.contactBox .list dl { margin-top: 1.1em;}
.contactBox .list dl:first-child { margin-top: 1.5em;}
.contactBox .list dt {}
.contactBox .list dd { padding-left: 1.9em; margin-top: 0.2em; color: #525252;}
.contactBox .list span {vertical-align: middle;}
.contactBox .list .icon { margin-right: 0.5em; display: inline-block; vertical-align: middle; width: 1em; height: 1em;
background: center center no-repeat;
background-size:contain ;}
.contactBox .list .web { background-image: url(../imgs/earth.png);}
.contactBox .list .email { background-image: url(../imgs/email.png);}
.contactBox .list .policy { background-image: url(../imgs/policy.png);}