/*reset*/
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-size: 20px
}

@media only screen and (min-width:400px) {
	html {
		font-size: 21.33px!important
	}
}

@media only screen and (min-width:414px) {
	html {
		font-size: 22.08px!important
	}
}

@media only screen and (min-width:480px) {
	html {
		font-size: 25.6px!important
	}
}
*{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{padding: 0; max-width: 640px; min-width: 320px; height:100%; margin: 0 auto; background: #ffffff; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;}
input:focus {outline: none;}a{text-decoration: none;}
a{text-decoration: none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a:link,a:visited{outline:none; border: none; text-decoration: none; blr:expression(this.onFocus=this.blur());color: #323234;}
a:hover{color: #b94dd4; text-decoration: none;}
::-webkit-scrollbar{display:none;}

/*public*/
.tmt-boxTit{text-align:center;}
.tmt-boxTit h1{color: #fff; font-size:1.2rem; font-weight: bold;}
.tmt-boxTit1{height:2rem; line-height:2rem; overflow:hidden; background:url(../img/tbg.png) no-repeat center top; background-size:auto 100%; text-align:center; margin:0 auto; }
.tmt-boxTit1 h1{color: #fff;font-size:1.2rem; font-weight: bold; }
.tmt-boxCon{ height: auto; overflow: hidden; margin-top:0.5rem;}
a.tmt-boxbtn{ display:inline-block; height:1.5rem; line-height:1.5rem; padding:0 0.6rem; overflow:hidden; font-size:0.75rem;  background:#688dff; color: #fff; text-align: center; border-radius:0.2rem;}
a.tmt-boxbtn:hover{opacity:0.8;}
a.tmt-boxbtn1{ display:inline-block; height:1.5rem; line-height:1.5rem; padding:0 1rem; overflow:hidden; font-size:0.7rem;  background:#f9c511; color: #fff; text-align: center; border-radius:2rem; }
a.tmt-boxbtn1:hover{opacity:0.8;}
a.tmt-boxbtn2{display:inline-block; height:1.5rem; line-height:1.5rem; padding:0 0.6rem; overflow:hidden; border:1px #f9c511 solid; color: #f9c511; font-size:0.75rem; border-radius:0.2rem;}
a.tmt-boxbtn2:hover{opacity:0.8;}

/*banner*/
.tmt-banner{height:auto;min-height:260px; overflow:hidden; background:#f3f3f3; position: relative;}
.tmt-banner .tmt-bannerbg{width: 100%; display: block;}
.tmt-bannercon{width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.5); color: #fff; position: absolute; text-align: left; left:0%; top:0; z-index: 10;padding:1rem; display: flex; flex-direction: column; align-items:center; justify-content:center;}
.tmt-bannercon h1{font-size:1.6rem; color: #fff; font-weight: bold; }
.tmt-bannercon p{font-size:0.65rem; color: #fff;text-align:center; margin:0.5rem 0; }

/*pagebox1*/
.tmt-pagebox1{height:auto; overflow: hidden;background:url(../img/cbg.jpg) no-repeat center bottom; background-size:100% auto; padding:1rem 0.75rem 2rem 0.75rem;}
.tmt-pagebox1 ul{text-align:center; display: flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
.tmt-pagebox1 li{width:48%; height:auto; overflow:hidden; background:#fff; padding:0.5rem; border-radius:0.3rem; margin:0.75rem 0; }
.tmt-pagebox1 li h3{font-size:0.85rem; color:#000; font-weight: bold;}
.tmt-pagebox1 li h3 a{font-size:0.85rem; color:#000;}
.tmt-pagebox1 li p{font-size:0.7rem; color:#999; text-align: left; margin:0.5rem;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.tmt-pagebox1 li a{font-size:0.7rem; padding:0 0.3rem;}

/*pagebox2*/
.tmt-pagebox2{height:auto; overflow: hidden; padding:1.5rem 0.75rem 0 0.75rem;}
.tmt-pagebox2 ul{text-align: center; display: flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.tmt-pagebox2 li{width:48%; height:auto; overflow:hidden; background:#f9c511;  padding:0.75rem; margin:0.5rem 0; position: relative;}
.tmt-pagebox2 li h3{font-size:0.85rem; color:#666; font-weight: bold; margin:0 0 0.5rem 0; padding-bottom:0.5rem; border-bottom:1px #999 solid;}
.tmt-pagebox2 li h3 a{background:none;color:#666;}
.tmt-pagebox2 li p{font-size:0.6rem;color:#333; margin:0.5rem 0; text-align: left; line-height:1.8; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow: hidden; }
.tmt-pagebox2 li a{background:#fff; color:#333;}

/*tmt-rbox*/
.tmt-pagebox3{height:auto; overflow: hidden;  padding:1.5rem 0.75rem;}
.tmt-pagebox3 ul{height:auto; overflow:hidden; }
.tmt-pagebox3 li{height:auto; overflow: hidden; background:#fff; text-align:left; margin:0.75rem 0; }
.tmt-pagebox3 li img{width:6rem; height:auto; float: left; display: block; margin-right:0.5rem;}
.tmt-pagebox3 li h3{font-size:0.8rem; color:#333; font-weight: bold; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; margin-bottom:0.3rem; }
.tmt-pagebox3 li p{font-size:0.7rem; color:#a29f9f; overflow:hidden; text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.tmt-pagebox3 li a:hover h3{color:#3366cc;}

/*pagebox4*/
.tmt-pagebox4{height:auto; overflow:hidden; padding:0.5rem 0.75rem;}
.tmt-pagebox4 ul{height:auto; overflow: hidden; }
.tmt-pagebox4 li{ height:auto; overflow: hidden; margin:0.5rem 0; text-align: left; }
.tmt-pagebox4 li span{width:2rem; line-height:2rem; display:block; text-align:center; float: left; border-radius:4rem; background:#f9c511; color:#fff; font-size:1rem; font-weight: bold; margin-right:0.3rem;}
.tmt-pagebox4 li a{height:2rem; line-height:2rem; overflow:hidden; display: block; padding:0px 0.5rem; font-size:0.75rem; color:#333; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; }
.tmt-pagebox4 li a:hover{background-color:#f09716; color:#fff;}

/*pagebox5*/
.tmt-pagebox5{height:auto; overflow:hidden; text-align: center; padding:0.5rem 0.75rem;}
.tmt-pagebox5 li{height:auto; overflow: hidden;  text-align:left; margin:0.75rem 0; }
.tmt-pagebox5 li h3{font-size:0.85rem; color:#fff; background:#fbc809; padding:0.3rem 1rem; margin-bottom:0.75rem; text-align:left; font-weight: bold; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; border-radius:10px; }
.tmt-pagebox5 li p{ font-size:0.7rem;color:#999; overflow:hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; margin:0 0.75rem; }
.tmt-pagebox5 .tmt-boxBt{padding:0.75rem;}
.tmt-pagebox5 .tmt-boxBt a{width:60%; border-radius:4rem;}

/* tmt-pagebox6 */
.tmt-pagebox6{height:auto; overflow: hidden; padding:0.75rem 0.75rem;}
.tmt-pagebox6 ul{text-align:center;  }
.tmt-pagebox6 li{height:auto; overflow: hidden; background:#fff; border:1px #eee solid; text-align: left; padding:0.5rem; margin:0.5rem 0; border-radius:0.3rem;}
.tmt-pagebox6 li .tmt-top{height:auto; overflow:hidden; }
.tmt-avatar{width:3rem; height:3rem; display:block; float: left;  border-radius:100%; margin-right:0.3rem;line-height:3rem;font-size:24px;color:#fff;text-align:center;background:#428af8;}
.tmt-pagebox6 li .tmt-top img{width:3rem; height:3rem; display:block; float: left;  border-radius:100%;}
.tmt-pagebox6 li .tmt-top h3{font-size:0.8rem;color:#333; font-weight: bold; margin:0.3rem 0;}
.tmt-pagebox6 li .tmt-top p{font-size:0.75rem; color:#999;}
.tmt-pagebox6 li .tmt-top a{padding:0 0.75rem; float: right;}
.tmt-pagebox6 li .tmt-con{height:auto; overflow:hidden; padding:0.5rem 0;}
.tmt-pagebox6 li .tmt-con p{ font-size:0.7rem; height:3rem; overflow:hidden; color:#999; overflow:hidden; text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.tmt-pagebox6 li .tmt-imgbox{width:100%; overflow-x: auto; text-align: left; padding-bottom:0.3rem; white-space: nowrap;}
.tmt-pagebox6 li .tmt-imgbox img{width:5rem; height:3.5rem; display:inline-block; margin-right:0.3rem;}


/*tips*/
.tmt-tips{height:auto; overflow:hidden;background:url(../img/cbg1.jpg) no-repeat center top; background-size:100% 100%; padding:2.5rem 0.75rem 1rem 0.75rem;}
.tmt-tips .tmt-con{padding:1rem 1remrem;}
.tmt-tips p{ font-size:0.7rem; color:#fff;line-height:1.8em;}