@CHARSET "UTF-8";

body {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	/*overflow:hidden;*/
	font-family: 微软雅黑;
}

/*header**/
.ywdj-title{
	width:100%;
	height:36px;
	background-color:#dfe2e9;
	text-align:center;
	z-index: 2;
}

.ywdj-title .name{
	font-size:16px;
	color:#323232;
	line-height:36px;
}

/*main content*/
body .main-content{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	padding:16px 24px 16px 16px;
	background-color: #edf5fe;
	overflow-x:hidden;
	overflow-y:auto;
}
.main-content .order-form{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.main-content .ywdj-tip{
	font-size:14px;
	color:#323232;
	text-indent:2em;
	margin-bottom:20px;
}

.main-content #ywdj-ques{
	font-size:14px;
	line-height:1.5;
	margin-top:20px;
	width:100%;
}

.main-content .order-form{
	width:100%;
}

/*footer**/
.ywdj-footer{
	width:100%;
	height:46px;
	z-index: 2;
}

.ywdj-footer .ngbtn{
	width:50%;
	background-color:#dfe2e9;
	font-size:16px;
	color:#323232;
	line-height:46px;
	text-align:center;
}

#cz_button:hover{
	background-color:#fc5837;
	color:#fff;
}

#tj_button:hover{
	background-color:#3e94fe;
	color:#fff;
}

#cz_button{
	border-right:1px solid #d2d2d2;
}

/*commons*/
.ngbtn{
	cursor:pointer;
}

/*icons**/
.ngicon {
   	display: inline-block;
   	vertical-align:middle;
   	background-repeat: no-repeat;
}

.ngicon-close {
	background-image:url(../../../img/assist/order/erjicloseButton.png);
  	height:32px;
  	width: 32px;
  	position:absolute;
  	right:6px;
  	z-index:99;
}

.neegle-tip{
	position:absolute;
	top:50%;
	left:50%;
	z-index:999;
}

.erroricon-fork{
	background-image:url(../../../img/assist/order/error-tip.png);
  	height:17px;
  	width: 17px;
  	position: absolute;
}
.erroricon-length{
	background-image:url(../../../img/assist/order/error-length.png);
  	height:35px;
  	width: 83px;
  	position: absolute;
  	left: -60px;
    top: 16;
}
.erroricon-is{
	background-image:url(../../../img/assist/order/error-is.png);
  	height:35px;
  	width: 107px;
  	position: absolute;
  	left: -84px;
    top: 16;
}

.erroricon-xym{
	background-image:url(../../../img/assist/order/error-xym.png);
  	height:35px;
  	width: 107px;
  	position: absolute;
  	left: -84px;
    top: 16;
}
.erroricon-xlh{
	background-image:url(../../../img/assist/order/error-xlh.png);
  	height:35px;
  	width: 95px;
  	position: absolute;
  	left: -72px;
    top: 16;
}

.erroricon-format{
	background-image:url(../../../img/assist/order/error-format.png);
  	height:35px;
  	width: 83px;
  	position: absolute;
  	left: -60px;
    top: 16;
}

.erroricon-tj{
	background-image:url(../../../img/assist/order/tj-error.png);
  	height:56px;
  	width: 300px;
  	position: absolute;
}

.neegle-mask{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:100;
}

.result-tip{
	position:absolute;
	top:50%;
	left:50%;
	border:1px solid #c9c9c9;
	border-radius:4px;
	background:#fff;
	width:300px;
	height:250px;
	margin-top:-125px;
	margin-left:-150px;
	z-index:999;
}

.result-tip-success{
	background-image:url(../../../img/assist/order/result-success.png);
  	height:60px;
  	width: 60px;
}

.result-tip-error{
	background-image:url(../../../img/assist/order/result-error.png);
  	height:60px;
  	width: 60px;
}

.result-tip-close{
	background-image:url(../../../img/assist/order/result-tip-close.png);
  	height:32px;
  	width: 80px;
}
.result-tip-close:hover{
	background-image:url(../../../img/assist/order/result-tip-close-hover.png);
  	height:32px;
  	width: 80px;
}

.result-tip-close-btn{
	background-image:url(../../../img/assist/order/tip-close-btn.png);
  	height:30px;
  	width: 30px;
  	position:absolute;
  	top: 6px;
    right: 6px;
}

.tip_header{
	width:100%;
	margin-top:12px;
	margin-left:14px;
	font-size:14px;
	color:#000;
}

.tip_body{
	line-height:1.5;
	font-size:14px;
	color:#000;
	text-indent:2em
}

.tip_footer{
	position:absolute;
	right:0px;
}

.tip_footer .ngbtn{
	line-height:32px;
	display: inline-block;
	margin-bottom:14px;
	margin-right:14px;
}

/*loading*/
.loading-tip{
	position:absolute;
	background: rgb(0, 0, 0);
    width: 200px;
    height: 130px;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -100px;
    border-radius:8px;
    text-align:center;
}

.loading{
	width:100%;
	height:100%;
}
.loading img{
	margin-top:20px;
}
.loading p{
	margin-top:10px;
	color:#fff;
	font-size: 14px;
}

/**scrollbar overwrite*/
html {
    overflow: auto;
}

::-webkit-scrollbar {
    width: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:vertical  {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(207,207,207,1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0; 
}