/*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:41.8rem) {
	html {
		font-size: 25.6px!important
	}
}
*{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing: border-box;}
body{padding: 0; max-width: 640px; min-width: 320px; height:100%; margin: 0 auto; background: #bce1ea; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica,  "Microsoft YaHei", "PingFang SC", 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;height:auto;overflow: hidden; margin-top:1rem;}
.tmt-boxTit h1{background:#56b8c5; font-size:1.2rem;color:#fff; font-weight: bold; float: left; padding:0.2rem 1rem 0.2rem 2rem; }
.tmt-boxCon{ height: auto; overflow: hidden; padding:0.75rem;}
a.tmt-boxbtn{ height:1.6rem; line-height:1.6rem;overflow:hidden; background:#fb881d; font-size:0.8rem; color:#fff; text-align: center; display: block;border-radius:0.3rem;}
a.tmt-boxbtn:hover{background-color: #4eb796; }
a.tmt-boxbtn1{  height:1.6rem; line-height:1.6rem;overflow:hidden; background:#56b8c5; font-size:0.8rem; color:#fff; text-align: center;border-radius:0.3rem; display: block;}
a.tmt-boxbtn1:hover{background-color: #f90;}
a.tmt-boxbtn2{ height:1.6rem; line-height:1.6rem;overflow:hidden;  background:#fff; font-size:0.8rem; color:#009999; border:1px #009999 solid; text-align: center; display: block; border-radius:0.3rem;}
a.tmt-boxbtn2:hover{background:#4a4a4a;}

/*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; text-align:center; background:#fff; border:1px #8e8e8e solid; margin:1rem 0.5rem;}
.tmt-pagebox1 li{height: auto;overflow: hidden;  border:1px #8e8e8e solid; margin:10px 0; padding:0.75rem;}
.tmt-pagebox1 li .tmt-left{width:30%;height: auto;overflow: hidden; float: left; margin-right:0.5rem;}
.tmt-pagebox1 li .tmt-left img{ width:80%; margin:0px auto;display: block;}
.tmt-pagebox1 li .tmt-right{height: auto;overflow: hidden;}
.tmt-pagebox1 li .tmt-right h3{font-size:0.85rem;color:#333;font-weight: bold;text-align: center; margin-bottom:0.5rem;}
.tmt-pagebox1 li p{font-size:0.7rem;color:#999;line-height:1.5; text-align: left; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.tmt-pagebox1 li .tmt-btnbox{height: auto;overflow: hidden;margin-top:0.5rem; display:flex; justify-content:space-between;}
.tmt-pagebox1 li a{ width:48%; }

/*pagebox2*/
.tmt-pagebox2{height:auto; overflow: hidden; background:#fff; border:1px #8e8e8e solid; margin:1rem 0.5rem;}
.tmt-pagebox2 ul{height: auto; overflow:hidden; display: flex; flex-wrap: wrap; align-items:flex-start; justify-content:space-between; }
.tmt-pagebox2 li{width:48%; height:auto; overflow: hidden; padding:0.5rem; border:1px #cdcdcd solid; margin:0.5rem 0; }
.tmt-pagebox2 li img{width:100%; height:4rem; display: block;}
.tmt-pagebox2 li h3{font-size:0.85rem;color:#333;font-weight: bold;text-align: center; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin:0.5rem 0;}
.tmt-pagebox2 li p{font-size:0.65rem;color:#666; line-height:1.8; text-align: center; margin:0.5rem 0;}

/*pagebox3*/
.tmt-pagebox3{height:auto; overflow: hidden;background:#fff; border:1px #8e8e8e solid;  margin:1rem 0.5rem;}
.tmt-pagebox3 ul{}
.tmt-pagebox3 li{height: auto;overflow: hidden; text-align: left; margin:0.75rem 0;  }
.tmt-pagebox3 li h3{font-size:0.85rem;color:#000;margin-bottom:0.5rem; background:url(../img/dot.png) no-repeat left center; text-overflow: ellipsis;overflow: hidden;white-space:nowrap;font-weight: bold; padding-left:1.3rem;}
.tmt-pagebox3 li p{font-size:0.7rem;color:#333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; padding-left:1.3rem;}

/*pagebox4*/
.tmt-pagebox4{height:auto; overflow:hidden;background:#fff; border:1px #8e8e8e solid;  margin:1rem 0.5rem;}
.tmt-pagebox4 li{height:auto; overflow: hidden; text-align:left; padding:0.5rem 0; border-top:2px #56b8c5 solid; position: relative; margin:0.5rem 0; }
.tmt-pagebox4 li span{display:block; width:2rem; height:0.2rem; overflow:hidden; background:#56b8c5; position: absolute; left:0; top:0;}
.tmt-pagebox4 li h3{font-size:0.95rem;color:#333; font-weight: bold; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.tmt-pagebox4 li p{font-size:0.7rem;color:#999; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin:0.5rem 0;}

/*pagebox5*/
.tmt-pagebox5{height:auto; overflow:hidden;background:#fff; border:1px #8e8e8e solid;  margin:1rem 0.5rem;}
.tmt-pagebox5 li{height: auto;overflow: hidden; background:#f9f9f9; padding:0.75rem; margin:0.5rem 0; text-align: left; }
.tmt-pagebox5 li h3{font-size:0.85rem;color:#333;margin-bottom:0.5rem; padding-top:0.5rem; text-overflow: ellipsis;overflow: hidden;white-space:nowrap; font-weight: bold;}
.tmt-pagebox5 li h3 span{width:2rem; height:2rem; line-height:2rem; overflow:hidden; float: left; display: block; border-radius:4rem; text-align:center; font-size:0.9rem; color:#fff; background:#f60; margin:-0.3rem 0.5rem 0 0;}
.tmt-pagebox5 li p{font-size:0.7rem; color:#999;}
.tmt-pagebox5 a.tmt-boxbtn{width:60%; display: block;margin:0.5rem auto;}

/* tmt-pagebox6 */
.tmt-pagebox6{height:auto; overflow: hidden; background:#fff; border:1px #8e8e8e solid;  margin:1rem 0.5rem;}
.tmt-pagebox6 li{ height:auto; overflow: hidden; text-align: center; margin:0.75rem 0;}
.tmt-pagebox6 li .tmt-left{height:auto;overflow:hidden;float:left;margin-right:0.5rem;}
.tmt-pagebox6 li .tmt-left .tmt-tx{width:3rem;height:3rem;overflow: hidden;border-radius:100%;margin-bottom:0.5rem;line-height:3rem;font-size:30px;color:#fff;text-align:center;background:#428af8;}
.tmt-pagebox6 li .tmt-left .tmt-tx img{width:100%;overflow: hidden;margin:0 auto;display: block;}
.tmt-pagebox6 li .tmt-left p{ font-size:0.7rem; color:#00adb5;text-align: center;}
.tmt-pagebox6 li .tmt-left span{font-size:1rem;}
.tmt-pagebox6 li .tmt-right{height: auto;overflow: hidden; text-align: left;}
.tmt-pagebox6 li a.tmt-boxbtn1{float: right; padding:0 1rem;}
.tmt-pagebox6 li .tmt-right h3{font-size:0.85rem;color:#330033;font-weight: bold; float: left; margin-top:0.3rem; }
.tmt-pagebox6 li .tmt-right .tmt-rtop{height: auto;overflow: hidden;margin-bottom:0.5rem;}
.tmt-pagebox6 li p{font-size:0.65rem;color:#999; line-height:1.6; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.tmt-pagebox6 li .tmt-imgbox{height: auto;overflow-x:auto; white-space: nowrap; margin:0.5rem 0 0 0;}
.tmt-pagebox6 li .tmt-imgbox img{display: inline-block;width:5rem;height:3.5rem;margin-right:0.3rem;}

/*tips*/
.tmt-tips{height:auto;overflow: hidden;padding:0 0.7rem 1rem 0.7rem;}
.tmt-tips h1{font-size:1.3rem;color:#333;text-align:center;margin-bottom:0.8rem;}
.tmt-tips p{ font-size:0.7rem; color:#515151;line-height:1.5em;}