/*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: #d9e0ea; 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{height:2rem;line-height:2rem; overflow: hidden; background: url(../img/tbg.jpg) no-repeat center center; background-size:100% 100%; text-align:center;}
.tmt-boxTit h1{color: #fff;font-size:1rem;}
.tmt-boxTit1{overflow: hidden;text-align: center;}
.tmt-boxTit1 h1{color:#40485f; font-size:1rem;}
.tmt-boxCon{ height: auto; overflow: hidden; margin-top:0.75rem;}
a.tmt-boxbtn{ display:flex; align-items:center; justify-content:center; height:1.8rem; line-height:1.8rem; overflow:hidden;font-size:0.8rem; border:1px #f2304a solid; color: #f2304a; text-align: center;border-radius:50rem;}
a.tmt-boxbtn:hover{background-color: #f2304a; color:#fff;}
a.tmt-boxbtn img{ height:0.8rem; margin-right:0.4rem;}
a.tmt-boxbtn1{display:block;  height:1.8rem; line-height:1.8rem; overflow:hidden; border:1px #f2304a solid; color: #f2304a; font-size:0.75rem;}
a.tmt-boxbtn:hover{background-color: #f2304a; color:#fff;}

/*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; padding:1.5rem 0.75rem 0 0.75rem;}
.tmt-pagebox1 .tmt-boxTit{background: url(../img/tbg1.jpg) no-repeat center top;background-size: 100% 100%;}
.tmt-pagebox1 ul{display: flex; flex-wrap: wrap; justify-content:space-between; align-items:flex-start;}
.tmt-pagebox1 li{width:48%; height:auto; overflow:hidden; text-align:center; padding:0.75rem; margin:0.75rem 0; background:#fff;}
.tmt-pagebox1 li .tmt-listimg{ height:3rem; overflow:hidden; border:1px #e2ebf2 solid; }
.tmt-pagebox1 li .tmt-listimg img{max-height:2rem; display: block; margin:0.5rem auto;}
.tmt-pagebox1 li h3{font-size:0.8rem; color:#40485f;font-weight: bold; margin:0.5rem 0;}
.tmt-pagebox1 li p{font-size:0.65rem; color:#868686; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:0.5rem;}

/*pagebox2*/
.tmt-pagebox2{height:auto; overflow: hidden; padding:1rem 0;}
.tmt-pagebox2 ul{display: flex; justify-content:space-between; flex-wrap: wrap; align-items:flex-start; padding:0 0.75rem 0 0.75rem;}
.tmt-pagebox2 li{width:48%; text-align:center; padding:0.75rem 0.75rem 1rem 0.75rem; margin:0.75rem 0; background:#fff; position: relative;}
.tmt-pagebox2 li h3{font-size:0.8rem; height:2rem; line-height:2rem; background: url(../img/tbg1.jpg) no-repeat center top;background-size: 100% 100%; color:#fff; padding:0 0.75rem;}
.tmt-pagebox2 li p{font-size:0.7rem;color:#959595; margin:0.75rem;}
.tmt-pagebox2 li a{margin:0 0.75rem;}
.tmt-pagebox2 li strong{display: block; width:3.5rem; height:2rem; line-height:2.5rem; font-size:0.65rem;color:#fff; text-align:center; font-weight: normal; background: url(../img/tagbg.png) no-repeat center top;background-size:100% auto;  position: absolute; right:-0.5rem; bottom:-0.85rem;}

/*tmt-rbox*/
.tmt-pagebox3{height:auto; overflow: hidden; text-align: center; padding:1rem 0; }
.tmt-pagebox3 ul{display: flex; justify-content:space-between; flex-wrap: wrap; align-items:flex-start; padding:0 0.75rem 0 0.75rem;}
.tmt-pagebox3 li{width:48%; text-align:center; margin:0.75rem 0;}
.tmt-pagebox3 li img{height:3rem; display: block; margin:0 auto;}
.tmt-pagebox3 li h3{font-size:0.8rem;color:#353535; margin:0.5rem 0;}
.tmt-pagebox3 li p{height:2rem; overflow:hidden; font-size:0.7rem;color:#767676; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.tmt-pagebox3 li span{font-size:0.75rem; color:#a3a2a2;}

/*pagebox4*/
.tmt-pagebox4{height:auto; overflow: hidden; }
.tmt-pagebox4 .tmt-boxCon{background:#fff; padding:0.75rem 1rem;}
.tmt-pagebox4 .tmt-boxCon>ul>li{height: auto;overflow: hidden; background: #fff;text-align: left; padding:0.75rem 0rem;}

.tmt-pagebox4 .tmt-boxCon>ul>li .tmt-top{display: flex;justify-content: flex-start;}
.tmt-pagebox4 .tmt-boxCon>ul>li .tmt-top .tmt-head{width:3rem; height:3rem; float:left; border-radius:100%; margin:-0.3rem 0.5rem 0 0;font-size: 30px;text-align: center;line-height: 3rem;background: #428af8;color: #fff;}
.tmt-pagebox4 .tmt-boxCon>ul>li .tmt-top h3{font-size:0.8rem;color:#353535;}
.tmt-pagebox4 .tmt-boxCon>ul>li .tmt-top span{margin-left:0.3rem;}
.tmt-pagebox4 .tmt-boxCon>ul>li .tmt-top .tmt-star img{width:0.8rem; display: inline-block;}
.tmt-pagebox4 .tmt-boxCon>ul>li .tmt-con{height:auto;overflow: hidden; clear:both; padding:0.5rem 0;}
.tmt-pagebox4 .tmt-boxCon>ul>li .tmt-con p{font-size:0.7rem;color:#4a4a4a;}
.tmt-pagebox4 .tmt-boxCon>ul>li .tmt-imgbox{margin:0.5rem 0; overflow-x: auto; white-space: nowrap; text-align: left;}
.tmt-pagebox4 .tmt-boxCon>ul>li .tmt-imgbox img{width:6rem; height:4.5rem; display: inline-block; margin-right:0.3rem;}
.tmt-pagebox4 .tmt-boxCon>ul>li:last-child{background-image: none;}
.tmt-star{position:relative;margin:5px 0 0;height:19px;line-height:19px;width:108px;}
.tmt-qrate-stars-ul{list-style: none;padding: 0;margin-left:-1px;text-align: left;font-size:0;-webkit-text-size-adjust:none;white-space: nowrap;}
.tmt-qrate-stars-ul li{display:inline-block;padding:0 1px;}
.tmt-qrate-stars-ul li .star-icon{width:20px;height:19px;}
.tmt-qrate-stars-light{width:80%;position:absolute;top:0px;overflow:hidden;}
/*pagebox5*/
.tmt-pagebox5{height:auto; overflow:hidden; margin:1rem 0; background:#fff;  display: flex; justify-content:space-between;}
.tmt-pagebox5 .tmt-boxTit{width:2rem; height:auto; display:flex; align-items: center; justify-content: center;}
.tmt-pagebox5 ul{flex:1; padding:0.75rem 1rem;}
.tmt-pagebox5 li{height:1.8rem; line-height:1.8rem; overflow: hidden; background:url(../img/icon1.png) no-repeat left center; background-size:0.8rem auto; padding-left:1rem; text-overflow: ellipsis;white-space: nowrap;}
.tmt-pagebox5 li a{font-size:0.7rem;color:#797c83;text-align: left;}
.tmt-pagebox5 li a:hover{color:#333;}

/* tmt-pagebox6 */
.tmt-pagebox6{height:auto; overflow: hidden; padding:1rem 0.75rem;}
.tmt-pagebox6 li{height:auto;overflow: hidden; background:#f0f0f0; margin:0.75rem 0;}
.tmt-pagebox6 li .tmt-litit{height:auto;background:#9aacc5; padding:0.5rem 0.75rem; display: flex; align-items:center; justify-content:flex-start;}
.tmt-pagebox6 li .tmt-litit span{width:1.6rem; height:1.6rem; line-height:1.6rem; display:block; text-align: center; background:#f2304a; font-size:0.9rem; color:#fff; float: left; margin-right:0.5rem;}
.tmt-pagebox6 li .tmt-litit h2{font-size:0.9rem;color:#fff; text-align:left;}
.tmt-pagebox6 li .tmt-licon{ height: auto;overflow: hidden; padding:0.75rem;}
.tmt-pagebox6 li .tmt-licon span{width:1.6rem; height:1.6rem; line-height:1.6rem; display:block; text-align: center; background:#ff8a0d; font-size:0.9rem; color:#fff; float: left; margin-right:0.5rem;}
.tmt-pagebox6 li .tmt-licon p{height:auto; overflow:hidden; font-size:0.7rem;color:#444; line-height:1.8;}
.tmt-pagebox6 a.tmt-boxbtn1{display: block;}

/*tips*/
.tmt-tips{height:auto; overflow:hidden; margin:1rem 0; background:#fff;  display: flex; justify-content:space-between;}
.tmt-tips .tmt-boxTit{width:2rem; height:auto; display:flex; align-items: center; justify-content: center;}
.tmt-tips .tmt-con{flex:1; padding:0.75rem 1rem;}
.tmt-tips p{ font-size:0.7rem; color:#9d92a3;line-height:1.8em;}