.wrap{
  margin: 0 auto;
  padding: 0 6px;
  max-width: 980px;
  box-sizing: border-box;
}
#wrapper {
  /* margin: 10px auto; */
  /* margin: 0 auto; */
  /* max-width: 980px; */
  /* padding: 0 6px;
  padding-top: 10px; */
  /* box-sizing: border-box; */
}
#wrapper .wrap{
  position: relative;
  margin: 0 auto;
}
#wrapper .header {
  /* height: 45px; */
  /* padding: 4px; */
  /* background-image: url(../img/titlebg.png?v=20210703); */
  /* background-image: url(../../theme/green/titlebg.png); */
  /* background-color: #FF9900; */
  padding: 0;
}
#wrapper .header >.t-content{
  padding-top: 10px;
}

#wrapper .header h1,
#wrapper .header h2 {
  display: inline-block;
  margin: 0;
  padding: 0.3em 0;
  padding-right: 0.6em;
  /* padding-bottom: 15px; */
  font-size: 14pt;
  color: var(--main-color);
  font-weight: normal;
  border-bottom: solid 2px var(--main-color);
}
#wrapper .header h1 a{
  color: inherit;
  text-decoration: none;
  /* padding: 0 0.2em; */
  padding-left: 0.2em;
  font-size: 15pt;
  font-weight: bold;
  /* line-height: 1.5em; */
  line-height: 1em;
  color: var(--main-color);
}
#wrapper .header h1{
  line-height: 32px;
}
#wrapper .header h1 a{
  display: inline-block;
  /* width: 119px; */
  width: 151px;
  height: 32px;
  margin-right: 5px;
  line-height: 32px;
  vertical-align: bottom;
  background: url(../logo/title@2x.png) left center no-repeat;
  background-size: contain;
}
#wrapper.mobile .header{
  /* margin-left: -6px;
  margin-right: -6px; */
  /* margin-top: -10px; */
  /* padding: 6px; */
  padding-top: 0;
}
#wrapper.mobile .header >.t-content{

}
#wrapper.mobile .header h1 >span{
  display: none;
}
#wrapper.mobile .header h1 a{
  display: inline-block;
  /* width: 119px; */
  width: 151px;
  /* height: 32px; */
  height: 28px;
  margin-right: 5px;
  /* line-height: 32px; */
  line-height: 28px;
  vertical-align: bottom;
  background: url(../logo/title@2x.png) left center no-repeat;
  background-size: contain;
}
#wrapper .header h1 a em{
  padding: 0 0.2em;
  font-style: normal;
  color: white;
  background-color: var(--main-color);
}
#wrapper .header h1 a span{
  /* color: #769DE2; */
  color: #D66D00;
}
#wrapper .header h1 a:link,
#wrapper .header h1 a:visited{
  color: inherit;
}
#wrapper.mobile .header h1,
#wrapper.mobile .header h2{
  display: block;
  padding-top: 0;
  font-size: 1.17rem;
  /* font-size: 17px; */
}
#wrapper.mobile .header h1 a{
  padding-left:0;
  font-size: inherit;
  /* font-weight: normal; */
}
#wrapper.mobile #main{
  /* padding: 0px 0px; */
  padding-top: 5px;
}
#wrapper.mobile .footer{
  /* margin-left: -6px;
  margin-right: -6px; */

}

.border-left {
  border-left: #ddd solid 1px;
}
.border-right {
  border-right: #ddd solid 1px;
}
.border-top {
  *border-top: #ddd solid 1px;
}
.border-bottom {
  border-bottom: #ddd solid 1px;
}
.border-lt {
  border-left: #ddd solid 1px;
  *border-top: #ddd solid 1px;
}
.border-rb {
  border-right: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
}

#main{
  padding-bottom: 12px;
}
#main >.t-content{
  padding: 15px;
  padding-top: 10px;
}

/* empty */

.main .empty{
	/*min-height: 300px;*/
	padding-top: 150px;
	padding-bottom: 200px;
	text-align: center;
	font-size: 18px;
}

/* 页脚 */

.footer {
  position: relative;
  /* background: #efefef; */
  background-color: rgb(var(--main-color-rgb)/0.1);
  padding: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
}
.footer .divider{
  position: absolute;
  top: 0;
  width: 100%;
  /* border-top:1px solid #ccc;
  border-bottom:1px solid #F4FDEE; */
  border-top:1px solid rgb(var(--main-color-rgb)/0.4);
  border-bottom:1px solid #F4FDEE;
  line-height:0;
  height:0;
}
.footer .links {
  margin: 7px 0;
  font-size: 10pt;
}
.footer .links a,
.footer .links span {
  margin: 0 3px;
}
.footer .links a,
.footer .links a:link,
.footer .links a:visited {
  color: #000;
  text-decoration: none;
}
.footer .links a:hover{
  color: var(--main-color);
  text-decoration: underline;
}
.footer .links span {
  color: gray;
}
.footer .copyright {
  margin: 7px 0;
  color: #858585;
  font-size: 12px;
}
.footer .copyright a,
.footer .copyright a:link,
.footer .copyright a:visited{
  color: inherit;
  text-decoration: none;
}
.footer .copyright a:hover{
  color: var(--main-color);
  text-decoration: underline;
}
.footer .declare{
  margin: 7px 0;
  color: #858585;
  font-size: 12px;
}
.footer .form {
  display: flex;
  width: 80%;
  height: 30px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.footer .text {
  flex: 1;
  height: 29px;
  padding: 1px 6px;
  line-height: 25px;
  /* border: 1px solid #6e6e6e; */
  border: 1px solid rgb(var(--main-color-rgb)/0.3);
  border-radius: 0;
  -webkit-appearance: none;
  vertical-align: middle;
  box-sizing: border-box;
  outline: none;
}
.footer .text:focus{
  border-color: rgb(var(--main-color-rgb)/0.9);
}
.footer .submit {
  flex: none;
  margin-left: 3px;
  height: 29px;
  padding: 1px 6px;
  min-width: 65px;
  line-height: 25px;
  /* color: dimgray; */
  color: rgb(var(--main-color-rgb)/0.9);
  font-size: 14px;
  background-image: url(../img/searchbg.png?v=20210703);
  /* border: 1px solid #6e6e6e; */
  border: 1px solid rgb(var(--main-color-rgb)/0.4);
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  vertical-align: middle;
  box-sizing: border-box;
}

#wrapper.default {
  margin: 0 auto;
  max-width: 480px;
  height: 100%;
  min-height: 100%;
  padding-top: 45px;
  padding-bottom: 78px;
  box-sizing: border-box;
}
#wrapper.default .header{
  /* position: absolute;
  top: 0;
  width: 100%; */
  position: relative;
  margin-top: -45px;
  box-sizing: border-box;
}
#wrapper.default .main{
  height: auto;
  min-height: 100% !important;
  clear: both;
  box-sizing: border-box;
}
#wrapper.default .footer{
  /* position: absolute;
  bottom: 0;
  width: 100%; */
  position: relative;
  margin-bottom: -78px;
  box-sizing: border-box;
}

.t-btn.t--default{
  color: var(--main-color);
  background-color: rgb(var(--main-color-rgb)/0.2);
  border: solid 1px rgb(var(--main-color-rgb)/0.7);
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
}
.t-btn.t--default:hover{
  border-color: var(--main-color);
  opacity: 0.9;
}
.t-btn.t--primary{
  color: white;
  background-color: rgb(var(--main-color-rgb)/1);
  border: solid 1px rgb(var(--main-color-rgb)/1);
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
}
.t-btn.t--primary:hover{
  /* background-color: rgb(var(--main-color-rgb)/0.9);
  border: solid 1px rgb(var(--main-color-rgb)/0.9); */
  opacity: 0.9;
}