@charset "utf-8";
html, body {
  height: 100vh;
  width: 100vw;
}

* {
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar{
  width:2px;
  height:4px;
}
::-webkit-scrollbar-track{
  background: #f6f6f6;
  border-radius:2px;
}
::-webkit-scrollbar-thumb{
  background: #FFFFCC;
  border-radius:2px;
}
::-webkit-scrollbar-thumb:hover{
    background: #747474;
}
::-webkit-scrollbar-corner{
  background: #f6f6f6;
}

img {
  max-width: 100%;
  display: block;
}

ul, li {
  list-style: none;
}

body {
 overflow-x: hidden;
  margin-right: auto;
  margin-left: auto;
  max-width: 640px;
  font-family: "microsoft yahei",Verdana,Arial,Helvetica,sans-serif;
  background: #008267;
  background-image: linear-gradient(to bottom, #0bb789, #028b6c, #008267);
	background-repeat: no-repeat;
  
}

.logo {
  text-align: center;
  margin: 10px 0 10px 0
}

.logo img {
  display: inline-block;
  width: 100%;
}

.notice {
  text-align: center;
  color: #fff;
  font-size: 13px;
}





.content-part {
  width: 88%;
  margin: 0 auto;
  background-color: #fff;
  margin-top: -16px;
}
.content-line img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


.sidebar-menu {
  margin: 1rem .5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sidebar-menu_tab {
  padding: .24rem .9rem;
  margin: .25rem 0;
  border: 1px solid #ccc;
  border-radius: 6px;
  color: #999
}

.tab_notice {
  text-align: center;
  font-size: 20px;
  color: #007e64;
}

.sidebar-part {
  padding: 15px 0 0px 0;
}

.sidebar-part ul li {
  float: left;
  width: 43%;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #007e64;
  color: #007e64;
  border-radius: 8px;
  margin-left: 4.5%;
  margin-bottom: 10px;
  cursor: pointer;
}

.active {
  background: linear-gradient(to bottom, #ffe357 0%,#f8c715 100%);
  color: #fff !important;
  border: 1px solid #f8c715 !important;
}


.sidebar-part1 ul li {
  float: left;
  width: 43%;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #29cccc;
  color: #29cccc;
  border-radius: 8px;
  margin-left: 4.5%;
  margin-bottom: 10px;
  cursor: pointer;
}

.active {
  background: linear-gradient(to bottom, #ffe357 0%,#f8c715 100%);
  color: #fff !important;
  border: 1px solid #f8c715 !important;
}


.define-main1 {
  text-align: center;
  padding-top: 16.76%;
  padding-bottom: 5%;
}

.small-code {
  text-align: center;
  padding: 20px 0 5px 0;
}

.small-code img {
  display: inline-block;
  width: 50%;
}

.select-notice {
  text-align: center;
}

.select-notice h2 {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.define-main img {
  display: inline-block;
  width: 70%;
  margin-left:auto;
  margin-right:auto;
}

.footer {
  position: relative;
}

.footer p {
  text-align: center;
  color: #fff;
  font-size: 13px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 15px;
}


.share{
  position: fixed;
  top:0;
  display:none;
  width: 100%;
  height: 100%;
  max-width:750px;
  margin: 0 auto;
  background-color: rgba(0,0,0,.5);
  z-index: 999;
}
.share img{
  width: 100%;
  height:5.29rem;
  max-height: 750px;
}

#wechatcbimg{
  width:100%;
  height:100%;
  position:fixed;
  background-color: rgba(0,0,0,.5);
  z-index: 9999;
  max-width: 750px;
}
.last-img{
  width: 5.56rem;
  height: 5.56rem;
  margin: 0 auto; 
  padding-top:40%;
}
#wechatcbimg img{
  width:100%;
  height: auto;
  display: block;
}