* {
	box-sizing: border-box;
}
a{text-decoration: none;}

body{font-family: Microsoft YaHei;margin:0; padding:0;background:#f0f5fb;}
.wt_body h1, .wt_body h2, .wt_body h3, .wt_body h4, .wt_body h5, .wt_body h6 {
	margin: 0;
}
.wt_body p { 
	margin: 0;
}
.wt_body ul {
	margin: 0;
	padding: 0;

}
.wt_body {margin: 0;
	font-family: Microsoft YaHei;
	color: #334151;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.wt_row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	
}
.wt_col_1, .wt_col_2, .wt_col_3, .wt_col_4, .wt_col_5, .wt_col_6, .wt_col_7, .wt_col_8, .wt_col_9, .wt_col_10, .wt_col_11, .wt_col_12, .wt_col, .wt_col_auto, .col-md, .col-md-auto, .wt_col_lg_1, .wt_col_lg_2, .wt_col_lg_3, .wt_col_lg_4, .wt_col_lg_5, .wt_col_lg_6, .wt_col_lg_7, .wt_col_lg_8, .wt_col_lg_9, .wt_col_lg_10, .wt_col_lg_11, .wt_col_lg_12, .col-lg, .wt_col_lg_auto, .wt_col_xl_1, .wt_col_xl_2, .wt_col_xl_3, .wt_col_xl_4, .wt_col_xl_5, .wt_col_xl_6, .wt_col_xl_7, .wt_col_xl_8, .wt_col_xl_9, .wt_col_xl_10, .wt_col_xl_11, .wt_col_xl_12, .col-xl, .wt_col_xl_auto {
	position: relative;
	width: 100%;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.wt_col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.wt_col_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.wt_col_1 {
	flex: 0 0 16.6666%;
	max-width: 16.66663%;
}
.wt_col_2 {
	flex: 0 0 20%;
	max-width: 20%;
}
.wt_col_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.wt_col_4 {
	flex: 0 0 33.333%;
	max-width: 33.333%;
}
.wt_col_5 {
	flex: 0 0 40%;
	max-width: 40%;
}
.wt_col_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.wt_col_7 {
	flex: 0 0 60%;
	max-width: 60%;
}
.wt_col_8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.wt_col_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.wt_col_10 {
	flex: 0 0 80%;
	max-width: 80%;
}
.wt_col_11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.wt_col_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
ul li{list-style: none;}
.gradient-branding {
	background: #6a11cb;
	background: -webkit-linear-gradient(180deg, #727cf5, #8e75dc) !important;
	background: linear-gradient(180deg, #727cf5, #8e75dc) !important;
}
.align-items-center {
	align-items: center !important;
}
.font18{ font-size:16px; font-weight:bold; color:#333; margin-left:1rem}

.text-center {
	text-align: center!important;
}
.m-0 {
	margin: 0!important;
}
.mt-3{ margin-top:10px}
.mt-5{ margin-top:.6rem}


.p-0{padding: 0!important;}
.border-bottom {
	border-bottom: 1px solid #e1e6f1!important;
}
.wt_body .wt_card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box; 
    border-radius: 3px;
    box-shadow: 0 1px 5px 0px rgba(115, 108, 203, 0.23);
	
}
.height30{ height: 30vh; overflow: auto;}
.height36{ height: 40vh; overflow: auto;}
.height86{ height: 85.3vh; overflow: auto;}

.height22{ height: 22vh; overflow: auto;}
.height50{ height: 62vh; overflow: auto;}



.w-img{ float:left; margin-right: 5px;}
.w-img img{ width: 19px;}
.ml-2{ margin-left:3rem}
.ml-1{ margin-right:1rem}

.wt_body .wt_card-body {
	flex: 1 1 auto;
 padding:10px;
}

.wt_body .wt_card-title {
	font-size:15px;
	color: #334151;
	border-bottom: 1px solid #f2f2f2;
	flex: 1 1 auto; padding: 0 .5rem;
	line-height: 36px;
}
.wt_body .wt_card-title  .more{ color:#999; font-size:12px; font-weight:normal}
.wt_body .wt_card-title  span{color:#333; padding:0 10px;  position:relative; }
.wt_body .wt_card-title  span::before {
    position: absolute; width: 3px;
    background: #229ff3;
    height: 14px;
    border-radius: 6px;
    left:2px;
    top:4px;
    content: '';
}
.xm_terms{background: #fbfcfc; border: 1px solid #e8e8e8; border-radius: 5px; padding: 10px;text-align: center;}
.xm_terms p{font-size: 13px; padding: 2px; }
.text-b{color: #2fa5f4 !important; }
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
.m-0 {
	margin: 0 !important;
}
.p-0 {
	padding: 0 !important;
}

.text-center {
	text-align: center !important;
}

 *::-webkit-scrollbar {
 width: 4px;
 height: 4px;
 transition: .3s background;
}
::-webkit-scrollbar-thumb {
 background: #e1e6f1;
}
*:hover::-webkit-scrollbar-thumb {
 background: #adb5bd;
}
/*-----Br Themes-----*/
h6, .h6 {
	font-size:14px;
	font-weight: normal;
}
.float-right {
	float: right !important;
}

.xmbox{background: url(../img/wxm_bg.png); background-size: 100% 100%; height: 110px; color: #fff; padding: 10px; border-radius: 5px; }
.xmbox h2{ display: flex;align-items: center; font-size: 15px; font-weight: normal; border-bottom: 1px solid #58aaf2; padding: 10px; padding-top: 0;}
.xmbox h3{font-size: 13px; font-weight: normal; padding: 5px; padding-top: 10px;}
.xmform-control {
	border-radius: 3px;
	background-clip: padding-box;
	border-color: #e7ebee;
	box-shadow: none;
	font-size: 13px;
	padding: 6px 12px;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	line-height: 22px;
	color: #35415a;
	background: none !important;
	border: none !important;
  }
  .xminput-group {
	  position: relative;
	  display: table;
	  background: #fff; border:1px solid #e3e5e9;
	  border-collapse: separate;
	  border-radius: 5px;
	  margin: 10px 10px 2px 10px;
	  padding: 0 5px;
  }
  .xminput-group-btn {
	  position: relative;
	  top: 0px;
	  font-size: 0;
	  white-space: nowrap;
	  width: 5%;
	  z-index: 3;
	  padding-right: 6px;
	  display: table-cell;
	  vertical-align: middle;
  }
  
.bx-chevron-right{ position: absolute; right: 5px; height: 20px; width: 20px; background: url(../img/jt_icon.png) no-repeat center center; background-size:80% 80%; }
  .wt_menu{  width: 100%; height: 100%;  margin: 0 auto; }
  .wt_menu ul li{ cursor: pointer; border-bottom: 1px solid #eee; margin-bottom: 6px; font-size: 14px; border-radius: 5px; padding: 7px 10px;  background: #fbfcfc;  border:1px solid #f1f2f2; }
  .wt_flxe{display: flex; align-items: center; position: relative;}
  .wt_menu ul li span{  position: relative; padding: 0 3px;  }



.img_box img{width: 100%;  height: 19vh; margin-bottom: 5px;}
.img_box { background: #eff4f7; border: 1px solid #dee0e0; padding: 6px; text-align: center; margin-bottom: 8px;}
.img_box p{ padding: 2px; font-size: 13px;}
.pagination { width: 100%;text-align: center;
    display: flex; justify-content: center;
    padding-left: 10px;
    list-style: none;
    margin: 0;
}
.pagination .active{ background:#03a9f4; color:#fff}
.page-link:hover{ background:#03a9f4; color:#fff}
.page-link {
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px 6px;
	border-width: 0;
	border: 1px solid #e6e8ec;
	font-weight: 400;
	margin: 5px 1px;
		font-size: 12px;
	text-decoration: none;
	border-radius:3px
}
.page-link img{ width:100%;}


  .accordion {
    width: 100%;
}

.accordion .link {
    cursor: pointer;
    display: flex; align-items: center;
    color: #4D4D4D;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
}
.accordion li{
    cursor: pointer; list-style: none;
}
.accordion li i {
    position: absolute;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.bx-chevron-right {
    right: 12px; 
    left: auto;
    font-size: 16px;
}

.accordion li.open  {
	background: #fbf7ef !important; border:1px solid #f6e2bf !important
}

.accordion li.open i {
    color: #f39800;
}

.accordion li.open i.bx-chevron-right {
 
    transform: rotateZ(90deg);
}

/**
 * Submenu
 -----------------------------*/
.submenu {
    display: none;
    background: none;
    font-size: 14px;
}

.submenu li { padding: 5px !important; padding-bottom: 0 !important; background: none !important; border: none !important;
    border-bottom: 1px dashed #d6d7dc ; margin-bottom: 0 !important; 
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: 5px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu a:hover ,.submenu li.current a{
    background: #e1ecf8;border: 1px solid #a6cef8 ;
  
}

.wt_details{display: flex;}
.bigImgBox{text-align: center;}
.wt_details_right h3{ font-size: 16px; background: #f5f8f9; border: 1px solid #e9f0fc; padding: 10px; border-radius: 5px;}
.datu img {
    width: 80%;
    
}
.wt_details_p{font-size: 13px; font-weight: normal; padding: 5px 0;}
.grid_box1{position: relative;}
.grid_box1 h2{position: relative; width: 8%; text-align: center; background: #fff;  font-size: 16px; font-weight: normal; margin: 10px 0;}
.grid_box1 h2::before {
    position: absolute;
    width: 3px;
    background: #229ff3;
    height: 14px;
    border-radius: 6px;
    left: 2px;
    top: 4px;
    content: '';
}
.question-all-answers-line {
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f3f3f3;
}
.pull-right {
    float: right!important;
}
.singleSelect a.active {
    border: 1px solid #2fa5f4;
    color: #fff; 
    background: url(../img/ico_checkon.png) no-repeat right bottom #2fa5f4;
    background-size: 22px;
    -webkit-transition: 0s;
    transition: 0s;
}
.singleSelect a {
    background-color: #fbfcfc;
    text-align: center;
    color: #666666;
    padding: 6px;
	display: inline-block;
	text-decoration: none;
    margin: 5px 3px;
    min-width: 140px;
    font-size: 12px;
    border-radius: 2px;
    line-height: 16px;
    border: 1px solid #f1f1f2;
    height: 30px;
}
.wt_btn{ padding: 5px 10px; background: #2fa5f4; border-radius: 5px; color: #fff; border: none; text-decoration: none; font-size: 13px;}
.wt_btn_warning{ background: #f39800 !important;}
.wt_btn_group{position: relative;
    z-index: 1; margin-top: 5px;}
.wt_table {
    width: 100%;
    border-collapse: collapse;
}
.wt_table tr:nth-child(2n) {
    background: #f4f5f8;
}
.wt_table td {
    padding: 8px 3px;font-size: 13px; text-align: center;
    border: 1px solid #e3e4e4;
}
.wt_table th {padding: 8px 3px; border: 1px solid #e3e4e4; font-size: 13px;background: #f4f5f8;}
.wt_table .td-img img{width: 16px;}
.fixed-table-container {height: 36vh; overflow: auto;}
.flex-end{justify-content: flex-end !important;}
.car_box img{ position: relative; top:3px; margin-right: 3px;}

.sidecar{position: fixed;text-align: center; font-size: 12px; padding: 10px 3px; top:45%; right: 0; background: #31a1f7; width: 28px; border-radius: 5px 0 0 5px;  color: #fff;}
.side-car-number {
    display: inline-block;
    border-radius: 15px;
    padding: 6px 5px;
    color: #7BC6E7;
    background: #eef6fd;
    font-size: 12px;
    /* position: absolute; */
    line-height: 5px; margin-top: 3px;
}
.side-one {padding-top: 30px;
    background: url(../img/car_icon.png) no-repeat  top 10px center #31a1f7 !important;
}
input[type="checkbox"]{width: auto !important}
.wt_card  input,.wt_card  select{padding: 8px; width: 90%;
    color: #808080;
    border: 1px solid #ddd;}
.multiSelect a {
    width: auto !important;
    display: inline-block;
    border: 1px solid #d1d2d3;
    min-width: 140px;
    margin: 5px 3px;
    font-size: 12px;
    background-color: #fff;
    text-align: center;
    line-height: 16px;
    color: #666666;
    padding: 6px;
    min-height: 30px;
}
.grid_box1 .wt_col_1 {
    flex: 0 0 8%;
    max-width: 8%; font-size: 13px;
}
.grid_box1 .wt_col_1 label{display: flex;
    align-items: center;  color: #4D4D4D; margin-top: 2px;}
.grid_box1 .wt_col_11 {
    flex: 0 0 92%;font-size: 13px;
    max-width: 92%;
}
.checkParamBox{border: 1px solid #ddd;margin-right: 3px;width: 15px; height: 15px;vertical-align: sub;}
.specifications input ,.specifications select{
	display: inline-block;
   width: 100%;
    font-size: 13px; padding: 10px;
    color: #808080;
    border: 1px solid #ddd;
}
.star {
    color: red;
    font-size: 16px;
    vertical-align: top;
    margin-right: 2px;
}
.specifications label {
    color: #444444;display: inline-block;
    max-width: 100%;
    font-weight: 100;
    padding-top: 2px;
    font-size: 12px;
    vertical-align: top;
    margin: 10px 0 0 5;
}
input:focus ,.wt_btn,select:focus{ outline: none; }
.wt_from_table{width: 100%;}
.wt_from_table td{padding: 5px;}
.margin-top15{margin-top: 15px;}
.car_box a{ padding: 8px 15px;}
.multiSelect a.active_Ca {
    border: 1px solid #2fa5f4;
    color: #fff;
    background: url(../img/ico_checkon.png) no-repeat right bottom #2fa5f4;
    background-size: 22px;
    -webkit-transition: 0s;
    transition: 0s;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.specifications_car{ display: flex;
	flex-wrap: wrap;}
	.attribute {
		flex: 0 0 20%;
		max-width: 20%;
		display: flex;
		align-items: center;
		padding: 5px;
	}
	.attribute.general label {
		width: 80px;
		 font-size: 12px;
	}

	.brick-title-buy img {
		width: 80px;
		height: 80px;
	}
	.goods-detail {
		float: left;
		width: 220px;
		margin: 0 8px 4px 20px;
	}
	.brick-title-buy {
		/* margin-left: 20px; */
		font-size: 1.5em;
		color: #16a4fa;
		font-weight: 500;
		padding: 0;
		text-align: center;
		height: 80px;
		width: 80px;
		/* border: 1px solid #d1d2d3; */
		background-color: #fff;
		float: left;
	}
	.account_table{width: 100%; }
	.account_table th{background: #f4f5f8; padding: 10px; font-size: 14px;}
	.account_table tr{border:1px solid #f6f6f6}
	.account_table td{padding: 6px; font-size: 13px; text-align: center;}
	.account_table .goods{display: flex; align-items: center;}
.wt_delete	.wt_btn  img {
		position: relative;
		top: 2px; width: 14px;
		margin-right: 3px;
	}
	.wt_delete	.wt_btn{display: inline-block; padding: 5px; font-size: 12px;}
	.tab-list{background: #32d4ab; padding:3px 5px;
		border-radius: 5px;
		color: #fff;
		border: none;
		text-decoration: none;}
		.tab-list a{color: #fff;}
		.wt_checked{background: #f4fafe; border: 1px solid #58aaf2 !important;}


		.stepPage{
			display:none;
			height:100%;
		  }
		  .stepCont{
			width:100%;
		  }
		  .ystep-container {
			font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Wenquanyi Micro Hei","Microsoft Yahei",Arial,sans-serif;
			display: inline-block;
			position: relative;
			color: #000;
		  
			margin: 20px;
		  }
		  .ystep-container ul {
			list-style: none;
		  }
		  .ystep-container ul,.ystep-container li,.ystep-container p {
			margin: 0;
			padding: 0;
		  }
		  
		  /*size css*/
		  .ystep-lg {
			/*width: 700px;*/
			width:100%;
			height: 60px;
			font-size: 18px;
			/*left: 15%;*/
			line-height: .3;
		  }
		  
		  /*large size css*/
		  .ystep-lg .ystep-container-steps {
			position: absolute;
			top: 2px;
			cursor: pointer;
			z-index: 10;
		  }
		  .ystep-lg li {
			float: left;
			width: 100px;
			height: 85px;
			margin-right: 100px;
		  }
		  .ystep-lg .ystep-step-done {
			background-position: -278px -132px;
		  }
		  .ystep-lg .ystep-step-undone {
			background-position: -137px -131px;
		  }
		  .ystep-lg .ystep-step-active {
			background-position: -414px -131px;
		  }
		  .ystep-lg .ystep-progress {
			width: 400px;
			height: 10px;
			position: absolute;
			top: 30px;
			left: 15px;
			float: left;
			margin-right: 10px;
			overflow: hidden;
		  }
		  .ystep-lg .ystep-progress-bar {
			width: 400px;
			height: 20px;
			background: #e4e4e4;
			display: inline-block;
			float: left;
		  }
		  .ystep-lg .ystep-progress-highlight {
			height: 20px;
			  display: block;
		  }
		  
		  /*blue css*/
		  .ystep-blue .ystep-step-done {
			background-image: url("./images/pointes_blue.png");
			background-repeat: no-repeat;
		  }
		  .ystep-blue .ystep-step-undone {
			background-image: url("./images/pointes_blue.png");
			background-repeat: no-repeat;
			color: #9c9a9b;
		  }
		  .ystep-blue .ystep-step-active {
			background-image: url("./images/pointes_blue.png");
			background-repeat: no-repeat;
			color: #3276b1;
		  }
		  .ystep-blue .ystep-progress-highlight {
			background: #60baff;
		  }
		  /*按钮样式*/
		  .ystep {
			padding: 20px;
			/*min-width: 1114px;*/
		  }
		  .step-button{
			position: relative;
			/*top: -85px;*/
		  }
		  .step-button button{
			margin: 15px;
		  }
		  
		
@media (max-width:1800px){.wt_body .wt_card-title {	font-size: 14px;line-height: 32px;}
.xmbox h2 {
    display: flex;
	font-size: 12px; padding: 5px ;}
	.w-img img {
		width: 16px;
	}
	.xmbox {
		height: 90px;
	 padding:5px;
	}
	.xm_terms {padding:5px;}
	.xm_terms p {
		font-size: 12px;
		padding: 2px;
	}.xmbox h3 {
		font-size: 12px;}
		.xmbox h3 {
			font-size: 12px;
			font-weight: normal;
			padding: 3px;
			padding-top: 6px;
		}
		.wt_menu ul li {
			margin-bottom: 5px;
			font-size: 13px;
			padding: 6px 10px;}
			.wt_menu ul li img{width: 32px;}
			.height50 {
				height: 60.5vh;
				overflow: auto;
			}.img_box img {
				width: 100%;
				height: 17vh;
				margin-bottom: 5px;
			}
			.account_table th {
				padding: 6px 0;
				font-size: 12px;
			
			}
			.account_table td {
				padding: 4px 3px;
				font-size: 12px;
			}
			.wt_card input, .wt_card select {
				padding: 6px;
				
			}.car_box a {
				padding: 6px 10px;
			}
			.grid_box1 h2 {
				width: 8%;
				padding-left: 5px;
				font-size: 14px;
				margin: 10px 0;
			}
			.wt_table td {
				padding: 6px 3px;
				font-size: 12px;
				
			}.wt_table th {
				font-size: 12px;
			}
			.grid_box1 .wt_col_1 {
				flex: 0 0 10%;
				max-width: 10%;
				font-size: 12px;
			}
			.grid_box1 .wt_col_11 {
				flex: 0 0 90%;
				max-width: 90%;
				font-size: 12px;
			}
			.specifications label{   min-width:90px;}
			.img_box p {
				padding: 2px;
				font-size: 12px;
			}
}