@charset "utf-8";
@import url(iconfont.css);
*{box-sizing: border-box;}
html{font-size: 1px;}
@media (max-width:1300px){
	html{font-size: 0.13333333vw;}
}

body{padding:0;margin:0;font-family:"微软雅黑","Microsoft Yahei";background-color:#ffffff;font-size:32rem;line-height:1.5}
.app{height:100%;min-height:100vh;margin:auto;background-color:#ffffff}
a{color:#333;text-decoration:none}
img{display:inline-block;vertical-align:baseline;font-size:0;height:auto}
ul,li,dl,dd{margin:0;padding:0;list-style:none}
button,input{outline:none;border:none}
.grid{display:grid}
.g-1{grid-template-columns:1fr}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
.g-5{grid-template-columns:repeat(5,1fr)}
.b{font-weight:bold}
.normal{font-weight:normal}
.hide{overflow:hidden}
.hide-x{overflow-x:hidden}
.scroll{overflow:auto}
.scroll-x{white-space:nowrap}
.scroll-x .scroll-item{display:inline-block;vertical-align:top}
.flex{display:flex}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.flex-center{display:flex;align-items:center;justify-content:center}
.flex-center-x{display:flex;justify-content:center}
.flex-center-y{display:flex;align-items:center}
.flex-center-r{display:flex;align-items:center;justify-content:flex-end}
.flex-column{display:flex;flex-direction:column}
.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}
.flex-col-center-y{display:flex;justify-content:center}
.flex-col-center-x{display:flex;align-items:center}
.flex-col-between{display:flex;flex-direction:column;justify-content:space-between}
.flex-r-center{display:flex;align-items:center;justify-content:flex-end}
.f-1{flex:1;overflow:hidden}
.f-2{flex:2}
.f-3{flex:3}
.fixed{position:fixed}
.abs{position:absolute}
.relative{position:relative}
.round{border-radius:100%;overflow:hidden}
.full{top:0;left:0;width:100%;height:100%}
.wx-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card{background-color:#ffffff;border-radius:15rem}
.button{border-radius:8rem;background-color:#1989fa;color:#ffffff;height:88rem;width:100%}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.container{padding:16rem 16rem 48rem}
html,body{color:#2c3e50;font-size:16px}

.head{height:58px;border-bottom:1px solid #eaecef;padding:0 24px;position:fixed;width:100%;top:0;left:0;z-index:100;background-color:#ffffff}
.head .menubtn{padding:9.6px;position:absolute;top:50%;left:16px;margin-top:-19.6px;display:none;cursor:pointer}
.head .menubtn .box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20px;height:20px;cursor:inherit}
.head .menubtn .box span{display:inline-block;width:100%;height:2px;border-radius:2px;background-color:#2c3e50;transition:transform .3s ease}
.head .menubtn span:nth-child(2){margin:6px 0}
.head .menubtn .box span:nth-child(1),.head .menubtn .box span:nth-child(3){transform-origin:center}
.head .menubtn.active .box span:nth-child(1){transform:rotate(45deg) translate3d(5.5px,5.5px,0)}
.head .menubtn.active .box span:nth-child(2){transform:scale3d(0,1,1)}
.head .menubtn.active .box span:nth-child(3){transform:rotate(-45deg) translate3d(6px,-6px,0)}
.head .logo{font-size:20.8px;font-weight:bold;color:#2c3e50}
.head .logo img{ height: 40px; position: relative; top:5px; }

.menu .search{position:relative;border:1px solid #eaecef; border-radius: 32px; background-color:#ddd; margin:0 15px 5px; }
.menu .search button{ border:none; background:none;}
.menu .search i{ padding-left:10px; font-size: 20px; }
.menu .search input{  background:none; padding:0 8px 0 8px;height:32px;line-height:normal;overflow:visible;transition:all ease .3s;border-radius:32px;box-sizing:border-box;font-size:14px}
.menu .search input:focus{border-color:#3eaf7c}
.menu .buy{ color: #666; margin-bottom:10px; display:block; padding-left: 20px; }
.menu .buy i{margin-left: 5px;}
.menu .buy:hover{ color: #2e8555; }

.menu{width:320px;height:calc(100% - 58px);overflow:auto;overflow-y:scroll;padding:24px 0;position:fixed;top:58px;left:0;background:#ffffff;transition:all .35s}
.menu::-webkit-scrollbar{width:7px}
.menu::-webkit-scrollbar-thumb{background-color:#444}
.menu::-webkit-scrollbar-track{background-color:#999}

.menu ul{ padding-left: 8px; }
.menu li a{display:block; margin-bottom: 8px; color:#606770; padding-left: 10px; border-left: 3px solid #FFF; background-color: #FFF; border-radius: 5px; line-height: 44px;}
.menu li i{ float: right; transition: 0.5s; position: relative;z-index: 100; border-radius: 5px; cursor: pointer; width: 44px; height: 44px;line-height: 44px; text-align: center; font-size: 24px;  font-weight: bold;}
.menu li img{width:25px;height:25px;vertical-align:middle}
.menu li.open>a,.menu li.active>a,.menu li.current-parent>a{border-left: 3px solid #2e8555; color: #2e8555; }
.menu li.current-sort>a{border-left: 3px solid #2e8555; color: #1f6f45;   font-weight:700; }

.menu  li.menu-level-2.active>a{border-left: none !important;  color: #666; background-color:#f2f2f2 !important; font-weight:700; }
.menu li.open>i,.menu li.active>i,.menu li.current-parent>i,.menu li.current-sort>i{ transform: rotate(90deg); }
.menu li a:hover{ background-color: #f2f2f2 }
.menu li i:hover{ background-color: #eee; }
.menu li.menu-sort-item > a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu li ul{ display: none; }
.menu li ul li ul{ display: none; }
.menu li.open>ul,.menu li.active>ul,.menu li.current-parent>ul,.menu li.current-sort>ul{ display: block; }
.menu li ul li.open ul,.menu li ul li.active ul{ display: block; }
.menu li.manual-collapsed > ul{ display:none !important; }
.menu li.manual-collapsed > i{ transform: rotate(0deg) !important; }

.body{padding-left:320px;padding-top:58px}
.body .detail{max-width:1300px;margin:0 auto;padding:32px 40px;padding-top:0}
.body .crumbs{ margin-top: 25px; font-size: 14px; }
.body .crumbs i{  }
.body .crumbs a{ padding:0 10px;}
.body .title{margin-top:15px;margin-bottom:16px;font-size:35.2px;line-height:1.25; display:flex; align-items:center}
.body .title i{ margin-right: 8px;}
.body .title img{ height:38px;}
.body .content{line-height:1.7;margin-top:32px;margin-bottom:16px}
.body .content ul{padding-left:1.2em;list-style-type:disc}
.body .content li{list-style-type:disc}
.body .content img{ max-width:100%;}
.body .content video{ width:100%; height:100%;}

.list{ margin:30px 0 0 -30px; max-width: 950px; }
.list li{ float: left; width: 50%; }
.list li a{ display: block; margin:0 0 30px 30px; padding:15px 33px; border: 1px solid #ebedf0; border-radius: 15px; box-shadow: 0 5px 5px rgba(0,0,0,0.1) }
.list li h2{ font-size: 18px; color: #444950; display: flex; align-items: center; height: 30px; }
.list li h2 i{ margin-right: 8px; }
.list li h2 i img{ height: 30px; }
.list li p{ font-size: 14px; color: #444950; margin-top:-5px; }
.list li a:hover{ border-color: #2e8555; }

.exp{ display: flex; max-width: 950px;}
.exp li{ flex:1; margin-right: 20px; }
.exp li:last-child{ margin-right: 0; text-align: right; }
.exp li h4{ margin:5px 0 0; color: #2e8555;}
.exp li a{ display: block; border: 1px solid #dadde1; color: #666; border-radius: 10px; padding:15px;}
.exp li a:hover{ border-color: #2e8555; }

.pagebar { padding:20px; overflow:hidden; clear:both ;max-width: 950px;}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

@media (max-width:960px){
	body{font-size:15px}
	.menu{width:262px}
	.body{padding-left:262px}
}

@media (max-width:768px){
	.menu{transform:translateX(-100%);-webkit-transform:translateX(-100%)}
	.menu.show{transform:translateX(0);-webkit-transform:translateX(0)}
	.body{padding-left:0px}
	.head{padding-left:64px}
	.head .menubtn{display:block}
	.head .buy{ margin-right: 10px; position:absolute;right:80px; }
	.head .search{position:absolute;right:15px;top:50%;margin-top:-16px}
	.head .search input{width:0px;border-color:transparent;position:relative}
	.head .search.open input{width:128px}
	.body .crumbs{ margin-top: 0; }
	.body .title{font-size:24px}
	.body .detail{padding:24px 24px 60px}

	.list{ margin:10px 0 0 -30px; }
	.list li{ float: none; width: auto; }
}