/* index */
.wrap{ position:relative; font-family:Microsoft YaHei; background:#fff; min-height:100%; }
.mainbox{padding-bottom:40px;}
.footer{ width:100%; height:40px; line-height:40px; background:#ebebeb; text-align:center; font-size:1.4rem; color:#999; position:absolute; bottom:0;}
h1,h3{font-weight:normal;}

.head{background: #4d7bb9;color:#fff;height:50px;padding-left:15px;line-height:50px; overflow:hidden; }
.head h1{float:left;width:50%;font-size:1.8rem;font-weight:normal; display:block; overflow:hidden; height:50px; line-height:50px;}
.head h1 a{ float:left; padding-left:0;}
.head  a{ height:50px; line-height:50px; color:#fff; }
.topMenu{ float:right; width:48%; padding-right:2%; text-align:right;}
.topMenu a{padding:0 13px;}
.head .iconfont,.searchbar .iconfont{font-size:2.4rem;  }
.head a.back{padding:0 15px 0 0; }

.searchbar{ background:#eee; height:60px; line-height:60px;}
.searchbar a.back{height:50px; line-height:50px; color:#fff;padding-right:25px; float:left; }
.searchbar .serbtn{height:40px; line-height:40px; float:left; background:url("https://www.thaimotorcar.com/images/serbtn.png") center center no-repeat; background-size:26px 26px; display:inline-block;width:12%; max-width:50px;}
.searchbar a.serdel{height:40px; line-height:40px; color:#999;float:right; display:inline-block; width:12%; max-width:50px; text-align:center;}
.search{ border-radius:20px; background:#fff; border:1px solid #ccc; float: left;height:40px;line-height:40px;
 width:92%;margin:9px 4% 0;}
.search input{border: medium none; color:#666;display:inline-block;float: left;font-size:1.2rem;
  width:76%; height:40px; line-height:40px; background:none;}
.serresult{height:40px; line-height:40px; padding:0 15px; font-size:1.4rem; color:#666;}
.serresult span{ color:#ff0000;}


.sortmenu{ position:absolute; top:50px; right:0; width:96%; padding:2%; display:block; background:#f5f9ff; text-align:left;  border-bottom:1px solid #ddd; box-shadow: 2px 2px 3px #ddd; word-break:break-all; word-wrap:break-word; }
.sortmenu a{ font-size:1.4rem; line-height:40px; height:40px; color:#333;padding:0 15px; text-align:left; float:none; display:inline-block;}
.sortmenu li a:hover{  color:#ff0000;}
.hide{ display:none!important;}

	
.topnav{height:40px; line-height:40px; font-size:1.6rem; padding:0 2%; }
.topnav li{float:left; width:32%;}
.topnav li a{ text-align:center; color:#333; display:block; }
.topnav li.current a{ color:#4f9cee; margin:0 20px;  border-bottom:3px solid #4f9cee;  display:block; line-height:37px;}

.comtit{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #d9d9d9; }
.comtit h3{ width:30%; padding-left:25px; line-height:40px; background:url("https://www.thaimotorcar.com/images/inlefticon.jpg") 15px center no-repeat; font-size:1.4rem; color:#ff0000; float:left; background-size:4px 12px;}
.comtit a{ display:block; float:right; width:50px; text-align:center; line-height:40px; color:#999; }
.comtit .iconfont{font-size:2rem;}

.hycon{ padding-bottom:10px; width:100%}
.hycon li{  float:left; width:25%; margin-top:10px; text-align:center;}
.hycon li a{ display:block; width:100%; margin:0 auto;}
.hycon li a:hover span.hytext{ color:#ff0000;}
.hycon li span.hypic{ display:block; width:40px; height:40px; margin:0 auto; }
.hycon li span.hytext{ text-align:center; display:block;  font-size:1.4rem; height:30px; line-height:30px; }
.dqcon{width:100%; padding:5px 0;}
.dqcon li{ height:40px; line-height:40px; width:20%; float:left; text-align:center;}
.dqcon li a{ color:#333; font-size:1.4rem;}
.dqcon li a:hover{ color:#ff0000;}

.hothyrank,.hotdqrank{width:100%;}
.ranksel{width:100%; border-bottom:3px solid #4f9cee; background:#fafafa; }
.ranksel li{height:50px; line-height:50px; width:20%; float:left; text-align:center;}
.ranksel li a{ color:#333; font-size:1.6rem; display:block; width:100%; }
.ranksel li.current a,.ranksel li a:hover{ color:#4e9aec; background:url("https://www.thaimotorcar.com/images/arrow.jpg") center bottom no-repeat; background-size:16px 7px;}

.rankcon{width:100%;}
.rankcon ul{ display:block;}
.rankcon ul li{ display:block; height:50px; line-height:50px; border-bottom:1px solid #d9d9d9; font-size:1.4rem; color:#333; padding-left:10px; overflow:hidden}
.rankcon ul li a{ color:#333;}
.rankcon ul li a:hover{ color:#ff0000;}
.rankcon ul li span{ display:inline-block; float:left;}
.rankcon ul li.lsctit{height:40px;  line-height:40px; color:#999; overflow:hidden;}
.rankcon ul li span.nos{ background:#fe5a5a; width:22px; height:22px; line-height:22px; color:#fff; text-align:center; margin-top:15px; margin-right:10px;}
.rankcon ul li.lsctit span.nos{ background:none; height:40px; line-height:40px;width:34px; margin-right:0; margin-top:0; color:#999; text-align:left;}
.rankcon ul li span.tname{width:48%; overflow:hidden; }
.rankcon ul li span.tscore{width:21%; overflow:hidden; text-align:center; text-align:center; color:#999; }
.rankcon ul li span.trank{width:20%; overflow:hidden; text-align:center;}
.rankcon ul li.lsmore{ border-bottom:none; height:50px;}
.rankcon ul li.lsmore a{ display:block; border:1px solid #d9d9d9; height:36px; line-height:36px; text-align:center; margin:0 auto; width:50%;  border-top:none; color:#999;}
.rankcon ul li.lsmore a:hover{ background:#4f9cee; color:#fff; border:none;}


/* inner */

.wzbox{padding:10px;}
.wzmsg{width:100%}
.imginfo{width:30%; max-width:150px; float:left; border:1px solid #ddd;}
.imginfo img{width:100%; display:block;}
.txtinfo{width:66%; float:left; margin-left:10px;}
.txtinfo p{ height:22px; line-height:22px; color:#999; font-size:1.4rem;}
.txtinfo p.wztit{ font-size:1.8rem; height:28px; line-height:28px; color:#333;}
.txtinfo p.wzlink{height:28px; line-height:28px; }
.txtinfo p.wzlink a{ color:#999; }
.txtinfo p.wzlink a:hover{ color:#ff0000;}
.txtinfo p.wzlink a .iconfont{font-size:1.4rem; margin-left:6px;}


.wzdate{ padding:20px 0; display:block; width:100%;}
.wzdate li{width:33%; display:block; float:left; text-align:center; color:#4d7bb9; font-size:1.4rem; line-height:26px;}
.wzdate li a{ color:#4d7bb9; font-size:1.4rem; line-height:26px;}
.wzdate li a:hover{ color:#ff0000;}
.wzdate .headpoint {font-size:2.4rem; color:#4d7bb9; line-height:26px; }
.wzdate .headpoint a{font-size:2.4rem; color:#4d7bb9; line-height:26px; }

.wzdate .headpoint .point-up,.wzdate .headpoint .point-down{ display: inline-block; height:20px; margin-left:5px; width:13px;}
.wzdate .point-up{ background: url("https://www.thaimotorcar.com/images/upar.jpg") left center no-repeat; background-size:80% 80%;}
.wzdate .point-down{ background: url("https://www.thaimotorcar.com/images/downar.jpg") left center no-repeat; background-size:80% 80%;}
.wzdetail{width:100%; font-size:1.4rem; line-height:25px;  display:block;overflow:hidden; color:#333; height:80px;}

.comtit2{ height:40px; line-height:40px; font-size:1.6rem; color:#333; background:url("https://www.thaimotorcar.com/images/conlefticon.jpg") left center no-repeat; background-size:6px 18px; padding-left:15px;}

.datelist{margin:0 10px 10px 10px; border:1px solid #ddd; border-right:none;}
.datelist dl{width:100%; box-sizing: border-box; }
.datelist dd,.datelist dt{width:25%; text-align:center; font-size:1.2rem; display:inline-block;float:left; height:35px; line-height:35px; border-right:1px solid #ddd; box-sizing: border-box; overflow:hidden; }
.datelist dd img,.datelist dt img{text-align:center; vertical-align:middle;  }
.datelist dd.bdpic img{width:48%; max-width:48px; margin-top:8px;}
.datelist dd.ggpic img{width:55%; max-width:60px;  margin-top:10px;}
.datelist dt{ color:#666; background:#f9f9f9; }
.datelist dd{ color:#333;}


.keylist{ margin:0 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.keylist li{width:100%; }
.keylist li span{width:20%; text-align:center; font-size:1.2rem; display:inline-block; float:left; height:35px; line-height:35px; border-left:1px solid #ddd; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.keylist li span.sp{width:40%; overflow:hidden; }
.keylist li span.tit{ background:#f9f9f9; color:#666;}

.fengxi{ margin:0 10px 10px 10px; border:1px solid #ddd;}
.fengxitit{height:34px; background:#f9f9f9; border-bottom:1px solid #ddd; padding-left:10px; padding-top:5px;}
.fengxitit a{ display:inline-block; float:left; height:34px; line-height:34px; margin-right:5px;  font-size:1.4rem; text-align:center; border-radius:5px 5px 0px 0px;  border:1px solid #dddddd;  border-bottom:none; padding:0 12px; color:#666;}
.fengxitit a.now{ background:#fff; border-bottom:none; color:#ff0000; }
.fengxipic{width:100%; }

.commsg{ margin:15px 10px 10px 10px;}
.commsgtit a{ display:inline-block; float:left; height:34px; line-height:34px; color:#4f9cee; margin-right:8px;  font-size:1.6rem; text-align:center; border-radius:5px;  border:1px solid #4f9cee;  padding:0 15px; }
.commsgtit a.now{ background:#4f9cee; color:#fff;}
.commsg ul{ padding-top:10px;}
.commsg ul li{ line-height:30px; color:#333; font-size:1.4rem; word-break:break-all; }

.sgwzbox{margin:0 5px 10px 5px;}
.sgwzcon{width:46%; padding:0 2%; overflow:hidden; float:left; max-width:200px;}
.sgwzpic{ display:block; border:1px solid #ddd; }
.sgwzpic img{ display:block; width:100%;}
.sgwztxt{ font-size:1.4rem; height:40px; line-height:35px; text-align:center; color:#333; width:100%; display:block;}

.Highlight{color:red;}	
/* list */

.hysort{ background:#f7f7f7; padding:0 5px 15px 10px;}
.hysort p{ font-size:1.4rem; height:20px; line-height:20px; color:#999; padding-top:8px;}
.sortbtn{ width:100%; overflow:hidden; word-wrap:break-word;}
.sortbtn a{ display:inline-block; border-radius:30px; height:28px; line-height:28px; font-size:1.4rem; background-color:#fff; border:1px solid #dddddd;  margin-top:8px; padding:0px 12px; float:left; margin-right:4px; color:#666;}
.sortbtn a.now,.sortbtn a:hover{text-decoration:none; background-color:#4e9def; border:1px solid #4e9def; color:#fff;}


.phbtit{padding:5px 10px;}
.phbtit h3{width:32%; display: inline-block; float:left; font-size:1.6rem; height:26px; line-height:26px; color:#4f7cba;}
.phbtit p{width:67%; display:inline-block; float:right; font-size:1.2rem; height:26px; line-height:26px; text-align:right; }
.phbtit p a{ display:inline-block; padding:0 4px; color:#999;}
.phbtit p a.now,.phbtit p a:hover{ color:#ff0000;}


a.phbcon { display:block; padding:15px 0 15px 0; border-bottom:1px solid #d9d9d9 ; width:98%; padding-left:2%;}
a.phbcon:hover{ background:#fafafa;}
.phbcon .leftimg{width:31%; max-width:150px; float:left; display: inline-block; border:1px solid #ddd; box-sizing:border-box;}
.phbcon .leftimg img{ display:block; width:100%;}
.phbcon .righttxt{width:67%; float:left; margin-left:2%;}
.phbcon h3{ display:block; height:24px; line-height:24px; font-size:1.6rem; color:#333; padding-right:10px; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis; }
.phbcon h3  span{font-size:1.24rem; color:#999; margin-left:5px;} 
.phbcon .righttxt p{ height:24px; line-height:24px; color:#666; font-size:1.2rem; display:block; width:100%;}
.phbcon .righttxt span.pel img{ width:40px;}
.phbcon .righttxt span.per img{ width:46px;}
.phbcon .righttxt p span{float: left;overflow: hidden;}
.phbcon .righttxt p span.pel{width:55%;}
.phbcon .righttxt p span.per{width:45%;}
.phbcon .righttxt p span i{ color:#ff0000;}
.jzmore{height:30px; line-height:30px; text-align:center; font-size:1.4rem; color:#999; }

/* dqhytxt */
h3.comtit3 { background: url("https://www.thaimotorcar.com/images/listlefticon.jpg") center left no-repeat; background-size:6px 18px;  padding-left:15px;height:36px; line-height:36px; font-size:1.8rem; display:block;  }
h3.comtit3 a{color:#3a8ade;}
.fldqcon{ border-bottom:1px solid #d9d9d9;width:100%; word-wrap:break-word; padding-bottom:10px; }
.fldqcon a{ height:40px; line-height:40px; padding:0 14px; font-size:1.6rem; color:#333; display:block; float:left; }
.fldqcon a:hover{ color:#ff0000;}

/* topbtn */
.topicon .iconfont{color: #666;font-size:2.6rem;}	
.topicon{width: 50px;height: 50px;line-height:45px;text-align: center;background: #fff; border:1px solid #ddd;opacity: 0.9;border-radius: 50%;margin-bottom: 10px;position: fixed;right:5px;bottom:6%;  box-shadow: 0px 2px 2px #ccc;}					
.open {
				   /* border-top: 1px solid #c6cede;*/
				}
				.open a.btn {
				    /*border:1px solid #c6cede;*/
				    color: #56688a;
				    display: block;
				    height: 25px;
				    line-height: 25px;
				    margin: 0 auto;
				    text-align: center;
				    width: 120px;
				}
				.open a.btn i {
				    background: rgba(0, 0, 0, 0) url("https://www.thaimotorcar.com/images/open.png") no-repeat scroll 0 0;
				    display: inline-block;
				    height: 9px;
				    margin-left: 5px;
				    width: 9px;
				}
		/*2019-11-27*/
.topcake{width:100%;margin-left:0;}
.topcake p.adress{padding-top:5px;}
.topcake p.adress i{ vertical-align:middle;}
.topcake p.wztit{ display:inline-block; overflow:hidden;  text-overflow:ellipsis;width:100%;height:auto;}
.wztit em{ color:#de2529;}
.topcake p.cpinfo a{padding:0 6px;}
.topcake p.cpinfo a:first-child{padding-left:0;}
.mole{margin:10px auto;}
.mole table.table-mole{ width:100%;border-spacing: 0;border-collapse: collapse;}
.table-mole tr th, .table-mole tr td {font-size: 1.4rem;padding: 10px 6px;border-bottom: solid 1px #ededed;text-align: center;overflow: hidden; white-space:nowrap; }
.table-mole tr th{ font-weight:normal; background-color:f5f5f5; color:#666;}
.colbule{color:#4d7bb9}
.table-mole tr th:last-child, .table-mole tr td:last-child{border-bottom: solid 1px #ededed;}
.table-mole tr td i{ font-size:16px;}
.m-down{ color:#009900;}
.m-up{ color:#fe5a5a;}
.comtit2 h3{ font-size:1.6rem;font-weight:540;}
.comtit2 span a{padding:0px 15px; border-radius:4px; border:solid 1px #ebebeb; text-align:center; display:inline-block;height:34px; color:#999;margin:5px 10px 0 0; line-height:34px; font-size:1.3rem;}
.comtit2 span a:hover,.comtit2 span a.press{ background-color:#4f9cee; border:solid 1px #4f9cee; color:#FFF}
.trendimg{padding:10px; clear:both;}
.keytable{padding:0 10px;}
.cikubar{margin:10px;  }
.cikubar ul{border-top:dashed 1px #dcdcdc;width:100%;font-size: 1.4rem;}
.cikubar ul li{width:20%;text-align: center;overflow: hidden;padding:10px 0;border-right:dashed 1px #dcdcdc; float:left; box-sizing:border-box; cursor:pointer;}
.cikubar ul li:last-child{border-right:none;}
.cikubar ul li p{margin-top:5px;white-space:nowrap;overflow: hidden;}
.cikubar ul li.baidupc{ border-bottom:solid 4px #24b4ff;}
.cikubar ul li.baiduyd{ border-bottom:solid 4px #40cb40;}
.cikubar ul li.sllpc{ border-bottom:solid 4px #e5bc19;}
.cikubar ul li.sllyd{ border-bottom:solid 4px #f82bff;}
.cikubar ul li.shenma{ border-bottom:solid 4px #e65757;}
.cikubar ul li:hover,.cikubar ul li.press{ background-color:#f5f5f5;}	
.cpany p.adress i{width:1.2rem;height:1.2rem; display:inline-block; background:url("https://www.thaimotorcar.com/images/adres.png") no-repeat; background-size:100%; vertical-align:middle;margin-right:2px;}
.cpinfo{padding-top:5px;}
.cpany p.cpinfo span{padding-right:12px; display:block; overflow:hidden; white-space:nowrap }
.cpany p.cpinfo a{color:#999;}
.cpany p.wztit{font-size: 1.8rem; position:relative;margin-bottom:3px;}
.cpany p.wztit a{ ;width:60%; overflow:hidden}
.cpany p.wztit i{font-size: 1.2rem; color:#bfbfbf;padding-left:3px; display:inline-block; vertical-align:middle;}
.cpany p.wztit span{font-size: 1.2rem; position:absolute;right:0;top:0; border:1px solid #4f9cee; border-radius:4px;padding-right:3px;height:26px; display:block}
.cpany p.wztit span em{ background-color:#4f9cee; display:inline-block; color:#FFF;padding:0 2px;margin-right:3px;height:26px;}


.container {
	width: 96%;
	margin-left: auto;
	margin-right: auto; /*background: #f7f8fa;*/
}

.my-biji-view {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	.my-biji-view li {
		margin: 15px 0;
		padding: 11px 15px;
		border-radius: 6px;
		box-shadow: 0px 0px 2px 1px #ddd;
		box-sizing: border-box;
	}

		.my-biji-view li .biji-tit {
			height: 20px;
			line-height: 20px;
			font-size: 14px;
			color: #4d7bb9;
			font-weight: 550;
			margin-bottom: 10px;
			overflow: hidden;
		}

			.my-biji-view li .biji-tit time {
				float: right;
				display: inline-block;
				font-weight: normal;
				color: #999;
			}

			.my-biji-view li .biji-tit em {
				color: #4f9cee;
				display: none;
				transform: rotate(90deg);
				-ms-transform: rotate(90deg); /* IE 9 */
				-moz-transform: rotate(90deg); /* Firefox */
				-webkit-transform: rotate(90deg); /* Safari 和 Chrome */
				-o-transform: rotate(90deg); /* Opera */
				font-size: 10px;
				margin-right: 5px;
			}

			.my-biji-view li .biji-tit span {
				font-weight: normal;
				margin-left: 5px;
			}

		.my-biji-view li .biji-content {
			font-size: 14px;
			color: #000;
			line-height: 20px;
			margin-bottom: 10px;
			background-color: #fafafa;
			padding: 0 10px 10px 10px;
		}

		.my-biji-view li .biji-oth {
			margin: 10px 0 8px 0; /*display: flex;align-items: center;justify-content: space-between;*/
			font-size: 12px;
			color: #999;
			border-bottom: dashed 1px #e5e6ee;
			display: block;
			height: 38px;
			line-height: 38px;
		}

			.my-biji-view li .biji-oth .biji-oleft {
				font-size: 14px;
				color: #444;
				float: left;
				width: 80%;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

				.my-biji-view li .biji-oth .biji-oleft em {
					padding: 0 3px;
				}

				.my-biji-view li .biji-oth .biji-oleft i {
					width: 4px;
					height: 4px;
					border-radius: 50%;
					display: inline-block;
					vertical-align: middle;
					margin-right: 8px;
					background-color: #4f9cee;
				}
/*.biji-oth button{padding: 3px 6px;border: none;outline: none;background-color: #4f9cee;color: #fff;font-size: 12px;border-radius: 4px; float:right}*/
.biji-oth a {
	width: 17px;
	height: 9px;
	display: inline-block;
	background: url("https://www.thaimotorcar.com/images/marrow.gif") no-repeat;
	vertical-align: middle;
	float: right;
	text-indent: -99999px;
	border: 0;
	outline: none;
	color: #FFF;
	margin-top: 15px;
	cursor: pointer;
}

	.biji-oth a.openOn, biji-oth a:hover {
		background: url("https://www.thaimotorcar.com/images/marrow.gif") no-repeat 0 -10px;
		text-indent: -99999px;
	}

.weeknow ul li {
	border: dashed 1px #dfe0eb;
	font-size: 14px;
}

	.weeknow ul li span {
		padding: 10px;
	}

	.weeknow ul li p {
		color: #999;
		font-size: 12px;
		padding: 0 0 10px 10px;
	}

		.weeknow ul li p em {
			padding: 0 3px;
		}

.weeks_h {
	font-weight: bold;
	color: #555;
	line-height: 20px;
}

.wkdate_tul li {
	width: 100%;
	box-shadow: none;
	text-align: center;
	color: #999;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: dashed 1px #dfe0eb;
	background-color: #FFF
}

	.wkdate_tul li .headpoint {
		height: 46px;
		line-height: 46px;
		font-size: 24px;
		color: #4d97e6;
	}

		.wkdate_tul li .headpoint em {
			font-size: 14px;
			vertical-align: middle;
		}

	.wkdate_tul li p {
	}

.point_up {
	color: #F00;
	font-size: 16px;
	vertical-align: bottom;
}

a.weeks_hright {
	float: right;
	font-weight: normal;
	font-size: 14px;
	display: inline-block;
	padding: 0 6px;
	text-decoration: underline;
	color: #999;
	cursor: pointer;
}

.tjconut li {
	float: left;
	width: 25%;
	white-space: nowrap;
	overflow: hidden;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.ptb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.col-gray01 {
	color: #999999;
}

.col-green01 {
	color: #009900 !important;
}

.col-red01 {
	color: #fe5a5a !important;
}

.col-red02 {
	color: #dd2f39 !important;
}

.col-org01 {
	color: #f56620;
}

/*Data monitoring end*/

.pagination .jump {
	float: left; /*height: 24px;line-height: 24px;*/
}

.pagination {
	padding: 0;
	padding-left: 0px;
	border-top: none;
	color: #333;
	float: right;
	border: 1px solid #ddd;
	height: 34px;
	line-height: 32px;
	border-radius: 2px;
}

	.pagination span {
		float: left
	}

	.pagination input {
		padding: 2px;
		border: none;
		height: 32px;
		text-align: center;
		vertical-align: top;
	}

#btngo {
	padding: 0 10px;
	background-color: #f0f0f0;
	border-left: 1px solid #ddd;
}

.pagination a.current:link, .pagination a.current:visited {
	font-weight: normal;
	color: #00a651;
}

.pagination a {
	border-right: 1px solid #ddd;
	padding: 0px 12px;
	margin-right: 0px;
	float: left;
	background-color: #FFF;
	color: #444;
	display: inline-block;
	cursor: pointer;
}

	.pagination a:first-child {
		border-right: none;
	}

	.pagination a b {
		font-weight: normal;
	}

	.pagination a.active {
		color: #fff;
		background: #4f9cee;
		border: none;
		text-decoration: none
	}