/*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: #fff; 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;}

/*public*/
.tmt-boxTit{width:100%; height:auto;overflow: hidden; display:flex; justify-content: center; align-items: center;}
.tmt-boxTit h1{color: #5b5863; font-size:1.1rem; font-weight: bold;}
.tmt-boxCon{ height: auto; overflow: hidden; margin-top:0.75rem;}
a.tmt-boxbtn{ display: inline-block; height:1.6rem; line-height:1.6rem; overflow:hidden; padding:0 0.75rem; background:#c2b23f; color: #fff; font-size:0.7rem; }
a.tmt-boxbtn:hover{background:#33c8c6;}
a.tmt-boxbtn1{ display: inline-block; height:1.6rem; line-height:1.6rem; overflow:hidden; padding:0 0.75rem; border:1px #c2b23f solid; color: #c2b23f; font-size:0.7rem; }
a.tmt-boxbtn1:hover{background:#c2b23f;  border:1px #c2b23f solid;  color:#fff;}
.tmt-arrow_left{width:1.5rem; height:1.5rem; left:0; top:65%; outline:none; background:url(../img/arrow_left.png) no-repeat center center; background-size:35% auto; }
.tmt-arrow_right{width:1.5rem; height:1.5rem; right:0; top:65%; outline:none; background:url(../img/arrow_right.png) no-repeat center center; background-size:35% auto;}

/*banner*/
.tmt-banner{width:100%; height:auto;min-height:190px; 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; 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.4rem; color: #fff; font-weight: bold; }
.tmt-bannercon p{font-size:0.65rem; color: #fff; margin:0.5rem 0; }

/*pagebox1*/
.tmt-pagebox1{ height: auto; overflow: hidden; margin:1.5rem 0 0rem 0; }
.tmt-pagebox1 ul{height: auto; overflow: hidden; text-align: center; margin:0 0.75rem; }
.tmt-pagebox1 li{width:100%; height:auto; overflow:hidden; display:block; border:1px #e6e6e6 solid; padding:0.75rem; margin:0 0px 0.75rem 0;}
.tmt-pagebox1 li .tmt-listimg{width:4.5rem; height:4.5rem; overflow:hidden; display: flex; align-items:center; justify-content:center; float: left; margin:0px 0.5rem 0.5rem 0; border:1px #e6e6e6 solid;}
.tmt-pagebox1 li .tmt-listimg img{width:80%; margin:0.5rem auto;}
.tmt-pagebox1 li .tmt-listcon{height:auto; overflow:hidden; text-align: left; }
.tmt-pagebox1 li .tmt-listcon h3{font-size:0.8rem; color:#262626; font-weight: bold;}
.tmt-pagebox1 li .tmt-listcon p{ height:1rem; line-height:1rem; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; font-size:0.7rem; color:#666; margin:0.3rem 0;}
.tmt-pagebox1 li .tmt-listcon strong{font-size:0.75rem; display: block; color:#c2b23f;}
.tmt-pagebox1 li .tmt-listtxt{height:auto; overflow:hidden; background:#eee; clear: both; margin:0.5rem 0;}
.tmt-pagebox1 li .tmt-listtxt p{ height:1rem; line-height:1rem; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; font-size:0.7rem; color:#666; margin:0.3rem 0;}
.tmt-pagebox1 li .tmt-listbtn{display: flex; justify-content: space-between;}
.tmt-pagebox1 li .tmt-listbtn a{width:48%;}

/*pagebox2*/
.tmt-pagebox2{height:auto; overflow: hidden; padding:1rem 0 0 0; }
.tmt-pagebox2 ul{height: auto; overflow: hidden; text-align: center; }
.tmt-pagebox2 li{height:auto; overflow:hidden; margin:0 0.75rem 0.75rem 0.75rem;}
.tmt-pagebox2 li .tmt-listtit{height:auto; overflow:hidden; padding-bottom:0.5rem; text-align: left; background:url(../img/line.png) no-repeat 1.5rem bottom; background-size:100% auto; display:flex; align-items:center; justify-content:space-between;}
.tmt-pagebox2 li .tmt-listtit span{width:1rem; height:1rem; line-height:1rem; overflow:hidden; text-align:center; display:block; font-size:0.7rem; color:#c2b23f;  border:1px #c2b23f solid; border-radius:2rem; float: left; margin-right:0.5rem;}
.tmt-pagebox2 li .tmt-listtit h3{flex:1; font-size:0.8rem; color:#c2b23f; font-weight: bold; }
.tmt-pagebox2 li .tmt-listcon{height:auto; overflow:hidden; text-align: left; margin:0.5rem 0 0 1.5rem; }
.tmt-pagebox2 li .tmt-listcon p{font-size:0.7rem; color:#666; line-height:1.8; }

/*pagebox3*/
.tmt-pagebox3{height:auto; overflow: hidden; padding:1rem 0 0px 0; }
.tmt-pagebox3 ul{padding:0.75rem;}
.tmt-pagebox3 li{height:auto; background:#fff; box-shadow:0 0 0.5rem rgba(0,0,0,0.1); display:flex; align-items:flex-start; justify-content:space-between; padding:0.75rem; margin:0 0 0.75rem 0;}
.tmt-pagebox3 li .tmt-listimg{width:40%; height:auto; overflow:hidden; margin-right:0.75rem;}
.tmt-pagebox3 li .tmt-listimg img{width:100%; display: block;}
.tmt-pagebox3 li .tmt-listcon{flex:1; height:auto; overflow:hidden; text-align: left; }
.tmt-pagebox3 li h3{font-size:0.8rem; color:#333; margin-bottom:0.5rem; }
.tmt-pagebox3 li p{font-size:0.7rem; color:#333; margin:0.5rem 0;}
.tmt-pagebox3 li a.tmt-boxbtn{}

/*pagebox4*/
.tmt-pagebox4{height:auto; overflow: hidden; padding:0; }
.tmt-pagebox4 ul{height: auto; overflow: hidden; margin:0 0.75rem;}
.tmt-pagebox4 li{ height:auto; overflow: hidden; display:block; padding:0.75rem; margin-bottom:0.75rem; background:#f7f7f7; }
.tmt-pagebox4 li .tmt-listcon{height:auto; overflow:hidden; text-align: left; padding-bottom:0.75rem; margin-bottom:0.5rem; border-bottom:1px #c2b23f solid; }
.tmt-pagebox4 li .tmt-listcon img{width:30%; height:auto; overflow:hidden; float: left; margin:0px 0.75rem 0 0; }
.tmt-pagebox4 li .tmt-listcon h3{font-size:0.8rem; color:#262626; font-weight: bold; height:2rem; }
.tmt-pagebox4 li .tmt-listcon span{font-size:0.65rem; color:#999;}
.tmt-pagebox4 li .tmt-listbt p{font-size:0.7rem; color:#808080; line-height:1.8; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.tmt-pagebox4 li a:hover h3{color:#33c8c6;}

/*pagebox5*/
.tmt-pagebox5{height:auto; overflow: hidden;padding:1rem 0;}
.tmt-pagebox5 ul{height: auto; overflow: hidden; text-align: center; display: flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between; background:#fff; margin:0 0.75rem; }
.tmt-pagebox5 li{width:48%; height: auto; overflow: hidden; margin:0.3rem 0;}
.tmt-pagebox5 li a{ height:2rem; line-height:2rem; overflow:hidden; text-align: center; display: block; padding:0 1rem; font-size:0.7rem; border:1px #eee solid; background:#fff; color:#333; white-space: nowrap; text-overflow: ellipsis; }
.tmt-pagebox5 li a:hover{color: #ce900d;}

/*pagebox5*/
.tmt-tips{height:auto; overflow: hidden; text-align: left; padding:0.5rem 0.75rem;}
.tmt-tips .tmt-container{padding:0.75rem; background:#f5f5f5;}
.tmt-tips h3{font-size:0.8rem; font-weight: bold; color:#333; margin-bottom:0.5rem; }
.tmt-tips p{font-size:0.7rem; color:#666; line-height:1.2rem; }