/* CSS Document */

html{height:100%;font-size: 62.5%;}
body{
	font-family:Microsoft YaHei;
	height: 100%;
	-webkit-text-size-adjust : none ;
	-moz-text-size-adjust : none ;
	-ms-text-size-adjust : none ;
	text-size-adjust : none; /*解决横屏竖屏改变字号大小问题*/
	}	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe {display:block;}
audio,canvas,video {display: inline-block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;max-width:100%}
blockquote {background:#fff;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;margin-bottom: 10px;padding: 15px;border: 1px solid #ccc;}	
ol,ul {list-style:none;}
em, i{font-style: normal;}	
a{color: #333;text-decoration:none;}				
.clearfix{ *zoom:1;}
.clearfix:before,.clearfix:after {content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}
.clearfix:after{clear: both;}		
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}

.cursor{cursor: pointer;} 					
.fl{float: left;}
.fr{float: right;}											
.sred{ color:#dd2f39;}
.jgreen{color:#159615;}	
.pgray{ color:#666;}
.gray{ color:#999}				

.blank20{ display:block; height:20px; width:100%; background:#ebebeb;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.footer{ width:100%; height:70px; line-height:70px; background:#ebebeb; text-align:center; font-size:2rem; color:#999;}

.com-login-box {
	position: fixed;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	display: none
}

	.com-login-box #my-login {
		width: 100%;
		height: 100%
	}


.toolBar {
	height: 35px;
	width: 1200px;
	margin: 0 auto;
	background-color: #f8f8f8
}

	.toolBar .login-div {
		float: right
	}

		.toolBar .login-div .login-btn {
			color: #000;
			text-decoration: none;
			font-size: 12px;
			margin-right: 50px;
			line-height: 35px
		}

			.toolBar .login-div .login-btn:hover {
				color: #12459c;
				text-decoration: underline
			}

		.toolBar .login-div .user-infor {
			height: 20px;
			margin-top: 7px
		}

			.toolBar .login-div .user-infor .user-name-box {
				float: left;
				position: relative;
				height: 20px
			}

				.toolBar .login-div .user-infor .user-name-box .user-name {
					box-sizing: border-box;
					padding: 0 10px;
					font-size: 12px;
					line-height: 20px;
					max-width: 85px;
					display: inline-block;
					overflow: hidden;
					white-space: nowrap;
					text-decoration: none;
					text-overflow: ellipsis;
					position: relative
				}

					.toolBar .login-div .user-infor .user-name-box .user-name::after {
						content: "";
						display: inline-block;
						background: url("https://www.thaimotorcar.com/images/2.png");
						width: 10px;
						height: 6px;
						vertical-align: middle;
						margin-left: 5px;
						margin-bottom: 2px
					}

				.toolBar .login-div .user-infor .user-name-box .drow {
					position: absolute;
					z-index: 10;
					padding: 10px;
					border: 1px solid #bbb;
					width: 178px;
					left: 0;
					display: none;
					top: 19px;
					background-color: #fff
				}

					.toolBar .login-div .user-infor .user-name-box .drow .drow-top {
						height: 162px;
						text-align: center;
						border-bottom: 1px dashed #bbb
					}

						.toolBar .login-div .user-infor .user-name-box .drow .drow-top img {
							padding: 1px;
							width: 124px;
							height: 124px;
							border: 1px solid #e6e6e6
						}

						.toolBar .login-div .user-infor .user-name-box .drow .drow-top .vip-rank span {
							font-size: 12px
						}

						.toolBar .login-div .user-infor .user-name-box .drow .drow-top .vip-rank a {
							font-size: 12px
						}

							.toolBar .login-div .user-infor .user-name-box .drow .drow-top .vip-rank a:hover {
								text-decoration: underline
							}

					.toolBar .login-div .user-infor .user-name-box .drow .drow-bot {
						margin-top: 10px
					}

						.toolBar .login-div .user-infor .user-name-box .drow .drow-bot a {
							float: left;
							width: 50%;
							text-align: center;
							font-size: 12px;
							color: #000;
							text-decoration: none
						}

							.toolBar .login-div .user-infor .user-name-box .drow .drow-bot a:hoveR {
								text-decoration: underline
							}

				.toolBar .login-div .user-infor .user-name-box:hover .user-name {
					background-color: #fff;
					border: 1px solid #bbb;
					border-bottom: none;
					z-index: 11;
					margin-top: -1px;
					margin-right: -1px
				}

				.toolBar .login-div .user-infor .user-name-box:hover .drow {
					display: block
				}

			.toolBar .login-div .user-infor .logout {
				float: left;
				font-size: 12px;
				color: #000;
				line-height: 20px;
				vertical-align: top;
				text-decoration: none;
				margin-left: 4px
			}