body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
        margin:0;
        padding:0;
}
p{
line-height:0.5rem !important;font-size:0.3rem !important;
}
p span{
line-height:0.5rem !important;font-size:0.3rem !important;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;
font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
input:focus{outline:none;}
body{
	height: 100%;
}
*{font-family: 'Helvetica Neue','microsoft yahei';font-size:0.25rem;color: rgba(0,0,0,.7); box-sizing: border-box;}
a{text-decoration:none;}
*:focus{
	outline:none;
}
sup{
	font-size: .5em;
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url("MaterialIcons-Regular.eot")/*tpa=http://www.zxdpm.com/Public/web/fonts/MaterialIcons-Regular.eot*/; /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url("MaterialIcons-Regular.woff2")/*tpa=http://www.zxdpm.com/Public/web/fonts/MaterialIcons-Regular.woff2*/ format('woff2'),
url("MaterialIcons-Regular.woff")/*tpa=http://www.zxdpm.com/Public/web/fonts/MaterialIcons-Regular.woff*/ format('woff'),
url("MaterialIcons-Regular.ttf")/*tpa=http://www.zxdpm.com/Public/web/fonts/MaterialIcons-Regular.ttf*/ format('truetype');
}

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 0.38rem; /* Preferred icon size */
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
text-transform: none;
color: rgba(0,0,0,.6);
vertical-align: middle;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;

/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;

/* Support for IE. */
font-feature-settings: 'liga';
line-height: 25px;
}

/********************public css********************/
.container{
	width:100%;
	margin:0 auto;
}
.p-0{padding:0!important; } 
.p-t-5{padding-top: 5px; } .p-t-6{padding-top: 6px; } .p-t-7{padding-top: 7px; } .p-t-8{padding-top: 8px; } .p-t-9{padding-top: 9px; } .p-t-10{padding-top: 10px; } .p-t-11{padding-top: 11px; } .p-t-12{padding-top: 12px; } .p-t-13{padding-top: 13px; } .p-t-14{padding-top: 14px; } .p-t-15{padding-top: 15px; } .p-t-16{padding-top: 16px; } .p-t-17{padding-top: 17px; } .p-t-18{padding-top: 18px; } .p-t-19{padding-top: 19px; } .p-t-20{padding-top: 20px; } .p-t-21{padding-top: 21px; } .p-t-22{padding-top: 22px; } .p-t-23{padding-top: 23px; } .p-t-24{padding-top: 24px; } .p-t-25{padding-top: 25px; } .p-t-26{padding-top: 26px; } .p-t-27{padding-top: 27px; } .p-t-28{padding-top: 28px; } .p-t-29{padding-top: 29px; } .p-t-30{padding-top: 30px; } .p-t-35{padding-top: 35px; } .p-t-40{padding-top: 40px; } .p-t-45{padding-top: 45px; } .p-t-50{padding-top: 50px; } .p-t-55{padding-top: 55px; } .p-t-60{padding-top: 60px; } .p-t-65{padding-top: 65px; } .p-t-70{padding-top: 70px; }.p-t-100{padding-top: 100px;}.p-t-150{padding-top: 150px;}.p-t-180{padding-top: 180px;}.p-t-200{padding-top: 200px;}
.p-l-5{padding-left: 5px; } .p-l-6{padding-left: 6px; } .p-l-7{padding-left: 7px; } .p-l-8{padding-left: 8px; } .p-l-9{padding-left: 9px; } .p-l-10{padding-left: 10px; } .p-l-11{padding-left: 11px; } .p-l-12{padding-left: 12px; } .p-l-13{padding-left: 13px; } .p-l-14{padding-left: 14px; } .p-l-15{padding-left: 15px; } .p-l-16{padding-left: 16px; } .p-l-17{padding-left: 17px; } .p-l-18{padding-left: 18px; } .p-l-19{padding-left: 19px; } .p-l-20{padding-left: 20px; } .p-l-21{padding-left: 21px; } .p-l-22{padding-left: 22px; } .p-l-23{padding-left: 23px; } .p-l-24{padding-left: 24px; } .p-l-25{padding-left: 25px; } .p-l-26{padding-left: 26px; } .p-l-27{padding-left: 27px; } .p-l-28{padding-left: 28px; } .p-l-29{padding-left: 29px; } .p-l-30{padding-left: 30px; } .p-l-35{padding-left: 35px; } .p-l-40{padding-left: 40px; } .p-l-45{padding-left: 45px; } .p-l-50{padding-left: 50px; } .p-l-55{padding-left: 55px; } .p-l-60{padding-left: 60px; } .p-l-65{padding-left: 65px; } .p-l-70{padding-left: 70px; } 
.p-r-5{padding-right: 5px; } .p-r-6{padding-right: 6px; } .p-r-7{padding-right: 7px; } .p-r-8{padding-right: 8px; } .p-r-9{padding-right: 9px; } .p-r-10{padding-right: 10px; } .p-r-11{padding-right: 11px; } .p-r-12{padding-right: 12px; } .p-r-13{padding-right: 13px; } .p-r-14{padding-right: 14px; } .p-r-15{padding-right: 15px; } .p-r-16{padding-right: 16px; } .p-r-17{padding-right: 17px; } .p-r-18{padding-right: 18px; } .p-r-19{padding-right: 19px; } .p-r-20{padding-right: 20px; } .p-r-21{padding-right: 21px; } .p-r-22{padding-right: 22px; } .p-r-23{padding-right: 23px; } .p-r-24{padding-right: 24px; } .p-r-25{padding-right: 25px; } .p-r-26{padding-right: 26px; } .p-r-27{padding-right: 27px; } .p-r-28{padding-right: 28px; } .p-r-29{padding-right: 29px; } .p-r-30{padding-right: 30px; } .p-r-35{padding-right: 35px; } .p-r-40{padding-right: 40px; } .p-r-45{padding-right: 45px; } .p-r-50{padding-right: 50px; } .p-r-55{padding-right: 55px; } .p-r-60{padding-right: 60px; } .p-r-65{padding-right: 65px; } .p-r-70{padding-right: 70px; } 
.p-b-5{padding-bottom: 5px; } .p-b-6{padding-bottom: 6px; } .p-b-7{padding-bottom: 7px; } .p-b-8{padding-bottom: 8px; } .p-b-9{padding-bottom: 9px; } .p-b-10{padding-bottom: 10px; } .p-b-11{padding-bottom: 11px; } .p-b-12{padding-bottom: 12px; } .p-b-13{padding-bottom: 13px; } .p-b-14{padding-bottom: 14px; } .p-b-15{padding-bottom: 15px; } .p-b-16{padding-bottom: 16px; } .p-b-17{padding-bottom: 17px; } .p-b-18{padding-bottom: 18px; } .p-b-19{padding-bottom: 19px; } .p-b-20{padding-bottom: 20px; } .p-b-21{padding-bottom: 21px; } .p-b-22{padding-bottom: 22px; } .p-b-23{padding-bottom: 23px; } .p-b-24{padding-bottom: 24px; } .p-b-25{padding-bottom: 25px; } .p-b-26{padding-bottom: 26px; } .p-b-27{padding-bottom: 27px; } .p-b-28{padding-bottom: 28px; } .p-b-29{padding-bottom: 29px; } .p-b-30{padding-bottom: 30px; } .p-b-35{padding-bottom: 35px; } .p-b-40{padding-bottom: 40px; } .p-b-45{padding-bottom: 45px; } .p-b-50{padding-bottom: 50px; } .p-b-55{padding-bottom: 55px; } .p-b-60{padding-bottom: 60px; } .p-b-65{padding-bottom: 65px; } .p-b-70{padding-bottom: 70px; } .p-b-100{padding-bottom: 100px;}.p-b-150{padding-bottom: 150px;}
.m-l-5{margin-left: 5px; } .m-l-6{margin-left: 6px; } .m-l-7{margin-left: 7px; } .m-l-8{margin-left: 8px; } .m-l-9{margin-left: 9px; } .m-l-10{margin-left: 0px; } .m-l-11{margin-left: 11px; } .m-l-12{margin-left: 12px; } .m-l-13{margin-left: 13px; } .m-l-14{margin-left: 14px; } .m-l-15{margin-left: 15px; } .m-l-16{margin-left: 16px; } .m-l-17{margin-left: 17px; } .m-l-18{margin-left: 18px; } .m-l-19{margin-left: 19px; } .m-l-20{margin-left: 20px; } .m-l-21{margin-left: 21px; } .m-l-22{margin-left: 22px; } .m-l-23{margin-left: 23px; } .m-l-24{margin-left: 24px; } .m-l-25{margin-left: 25px; } .m-l-26{margin-left: 26px; } .m-l-27{margin-left: 27px; } .m-l-28{margin-left: 28px; } .m-l-29{margin-left: 29px; } .m-l-30{margin-left: 30px; } .m-l-35{margin-left: 35px; } .m-l-40{margin-left: 40px; } .m-l-45{margin-left: 45px; } .m-l-50{margin-left: 50px; } .m-l-55{margin-left: 55px; } .m-l-60{margin-left: 60px; } .m-l-65{margin-left: 65px; } .m-l-70{margin-left: 70px; } 
.m-r-0{margin-right: 0px; }.m-r-5{margin-right: 5px; } .m-r-6{margin-right: 6px; } .m-r-7{margin-right: 7px; } .m-r-8{margin-right: 8px; } .m-r-9{margin-right: 9px; } .m-r-10{margin-right: 10px; } .m-r-11{margin-right: 11px; } .m-r-12{margin-right: 12px; } .m-r-13{margin-right: 13px; } .m-r-14{margin-right: 14px; } .m-r-15{margin-right: 15px; } .m-r-16{margin-right: 16px; } .m-r-17{margin-right: 17px; } .m-r-18{margin-right: 18px; } .m-r-19{margin-right: 19px; } .m-r-20{margin-right: 20px; } .m-r-21{margin-right: 21px; } .m-r-22{margin-right: 22px; } .m-r-23{margin-right: 23px; } .m-r-24{margin-right: 24px; } .m-r-25{margin-right: 25px; } .m-r-26{margin-right: 26px; } .m-r-27{margin-right: 27px; } .m-r-28{margin-right: 28px; } .m-r-29{margin-right: 29px; } .m-r-30{margin-right: 30px; } .m-r-35{margin-right: 35px; } .m-r-40{margin-right: 40px; } .m-r-45{margin-right: 45px; } .m-r-50{margin-right: 50px; } .m-r-55{margin-right: 55px; } .m-r-60{margin-right: 60px; } .m-r-65{margin-right: 65px; } .m-r-70{margin-right: 70px; } 
.m-b-0{margin-bottom: 0px!important}.m-b-5{margin-bottom: 5px; } .m-b-6{margin-bottom: 6px; } .m-b-7{margin-bottom: 7px; } .m-b-8{margin-bottom: 8px; } .m-b-9{margin-bottom: 9px; } .m-b-10{margin-bottom: 10px; } .m-b-11{margin-bottom: 11px; } .m-b-12{margin-bottom: 12px; } .m-b-13{margin-bottom: 13px; } .m-b-14{margin-bottom: 14px; } .m-b-15{margin-bottom: 15px; } .m-b-16{margin-bottom: 16px; } .m-b-17{margin-bottom: 17px; } .m-b-18{margin-bottom: 18px; } .m-b-19{margin-bottom: 19px; } .m-b-20{margin-bottom: 20px; } .m-b-21{margin-bottom: 21px; } .m-b-22{margin-bottom: 22px; } .m-b-23{margin-bottom: 23px; } .m-b-24{margin-bottom: 24px; } .m-b-25{margin-bottom: 25px; } .m-b-26{margin-bottom: 26px; } .m-b-27{margin-bottom: 27px; } .m-b-28{margin-bottom: 28px; } .m-b-29{margin-bottom: 29px; } .m-b-30{margin-bottom: 30px; } .m-b-35{margin-bottom: 35px; } .m-b-40{margin-bottom: 40px; } .m-b-45{margin-bottom: 45px; } .m-b-50{margin-bottom: 50px; } .m-b-55{margin-bottom: 55px; } .m-b-60{margin-bottom: 60px; } .m-b-65{margin-bottom: 65px; } .m-b-70{margin-bottom: 70px; } 
.m-t-5{margin-top: 30px; } .m-t-6{margin-top: 6px; } .m-t-7{margin-top: 7px; } .m-t-8{margin-top: 8px; } .m-t-9{margin-top: 9px; } .m-t-10{margin-top: 10px; } .m-t-11{margin-top: 11px; } .m-t-12{margin-top: 12px; } .m-t-13{margin-top: 13px; } .m-t-14{margin-top: 14px; } .m-t-15{margin-top: 15px; } .m-t-16{margin-top: 16px; } .m-t-17{margin-top: 17px; } .m-t-18{margin-top: 18px; } .m-t-19{margin-top: 19px; } .m-t-20{margin-top: 20px; } .m-t-21{margin-top: 21px; } .m-t-22{margin-top: 22px; } .m-t-23{margin-top: 23px; } .m-t-24{margin-top: 24px; } .m-t-25{margin-top: 25px; } .m-t-26{margin-top: 26px; } .m-t-27{margin-top: 27px; } .m-t-28{margin-top: 28px; } .m-t-29{margin-top: 29px; } .m-t-30{margin-top: 30px; } .m-t-35{margin-top: 35px; } .m-t-40{margin-top: 40px; } .m-t-45{margin-top: 45px; } .m-t-50{margin-top: 50px; } .m-t-55{margin-top: 55px; } .m-t-60{margin-top: 60px; } .m-t-65{margin-top: 65px; } .m-t-70{margin-top: 70px; } 

.clear-both:after{
	content:'.';
	display: block;
	height: 0px;
	width:0px;
	clear: both;
	visibility: hidden;
}
.display-none{
	display: none;
}
.display-block{
	display: block;
}
.position-relative{
	position: relative;
}
.hide{
	opacity: 0;
}
.show{
	opacity: 1;
}
.grey-container{
	background-color: rgba(0,0,0,.03);
	position: relative;
}
.inline-block{
	display: inline-block;
	vertical-align: top;
}
.float-block{
	float: left;
}
.float-right{
	float: right;
}
.clear-float{
	content:'.';
	height: 0px;
	width:0px;
	visibility: visible;
	display: block;
}
.center-block{
	margin:0 auto;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.cursor-pointer{
	cursor: pointer;
}
.cursor-default{
	cursor: default!important;
}
.text-shadow{
	text-shadow: 0 0 5px white;
}
.color-grey{
	color: rgba(0,0,0,.5);
}
.color-green{
	color:#34a853;
}
.color-red{
	color:#f00;
}
.color-yellow{
	color: #F8A724;
}
.color-orange{
	color: #FF7F24;
}
.color-bit-white{
	color:rgba(255,255,255,.5);
}
.color-more-white{
	color:rgba(255,255,255,.9);
}
.color-white{
	color: white;
}
.color-grey-more{
	color: rgba(0,0,0,.7);
}
.bg-red{
	background-color: #389;
}
.bg-grey{
	background-color: rgba(0,0,0,.04);
}
.bg-black{
	background-color: rgb(23,24,26);
}
.bg-white{
	background-color: rgb(255,255,255);
}
.bg-green{
	background-color: #34a853;
}
.bg-orange{
	background-color: #FF7F24;
}
.item-2{
	width: 50%;
	float: left;
	display: inline-block;
}
.item-3{
	width:33.33%;
	float: left;
	display: inline-block;
}
.item-4{
	width:25%;
	float: left;
	display: inline-block;	
}
.item-5{
	width: 20%;
	float: left;
	display: inline-block;	
}
.item-6{
	width:16.66%;
	float: left;
	display: inline-block;	
}
.bg{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.size_7em{
	font-size:.7em;
}
.size_9em{
	font-size:.9em;
}
.size1em{
	font-size:0.38rem;
}
.size1_1em{
	font-size:1.1em;
}
.size1_2em{
	font-size:1.2em;
}
.size1_3em{
	font-size:1.3em;
}
.size1_4em{
	font-size:0.24rem;
}
.size1_5em{
	font-size:0.34rem;
}
.size1_6em{
	font-size:0.38rem;
}
.size1_7em{
	font-size:0.42em;
}
.size1_8em{
	font-size:0.44em;
}
.size1_9em{
	font-size:0.48em;
}
.size2em{
	font-size:2em;
}
.size3em{
	font-size:3em;
}
.size4em{
	font-size:4em;
}
.size5em{
	font-size:5em;
}
.space2to4{
	letter-spacing: 2em;
}
.left-part{
	float: left;
	width:46%;
	padding:0 2%;
}
.right-part{
	float: left;
	width: 46%;
	padding:0 2%;
}
.left-part-40{
	width: 40%;
}
.left-part-60{
	width: 60%;
}
.divide-line{
	width:100%;
	height: 8px;
	background-color: rgba(0,0,0,.1);
	margin-top:20px;
}
.response-img{
	width:100%;
	margin:1% 0;
}
table{
	width:100%;
	font-size:1em;
	border-right:1px solid rgba(0,0,0,.2);
	border-bottom:1px solid rgba(0,0,0,.2);
	box-sizing: border-box;
	text-align: left;
}
table td{

	padding:15px 10px;
}
.inside-table{
	width:100%;
	height: 100%;
	border:0px;
	margin:0;
	font-size:1em;
}
.inside-table td{
	border-left:0px;
	border-right:1px solid rgba(0,0,0,.2);
}
.vertical-top{
	vertical-align: top;
}
.vertical-middle{
	vertical-align: middle;
}
.vertical-bottom{
	vertical-align: bottom;
}
.border-no-left{
	border-left:0!important;
}
.border-no-right{
	border-right: 0!important;
}
.border-no-top{
	border-top:0!important;
}
.border-no-bottom{
	border-bottom: 0!important;
}
.table-ul li{
	border-bottom:1px solid rgba(0,0,0,.2);
	padding:5px;
	font-size:1em;
}
.table-ul li:last-child{
	border-bottom:0px;
}
.p-indent{
	text-indent: 2em;
	font-size: .9em;
	line-height: 1.8em;
	color: rgba(0,0,0,.8);
}
.btn{
	width: 100%;
	padding:10px 0px;
	text-align: center;
	border-radius: 3px;
	display: block;
}
.btn-red{
	background-color: #389;
	color: white;
}
.input-border{
	border:1px solid rgba(0,0,0,.3);
	border-radius: 3px;
	height: 35px;
	line-height: 35px;
	width: 100%;
	text-indent: .7em;
	font-size: 1em;
}
.info{
	width:90%;
	margin:10px auto 30px;
}
.fixed-position{
	position: fixed!important;
	left:0px;
	top:40px;
	z-index: 9999;
}
.white-board{
	position: fixed;
	top:40px;
	width:100%;
	height: 100%;
	left:0;
	right:0;
	margin:auto;
	background-color: white;
	border-radius: 3px;
}
.white-board .border-close{
	border:1px solid rgba(0,0,0,.5);
	border-right:0;
	border-top:0;
	padding:2px;
	top:0;
	right:0;
	background-color: white;
}
.border-close{
	position: absolute;
	right: 5px;
	top:5px;
}
.board-wrap{
	height: 100%;
	overflow:auto;
}
.board-container{
	height: 105%;
	padding:35px 15px;
}
.w90{
	width: 90%;
	margin:0 auto;
}
.shadow{
	box-shadow: 0 0 1px 1px rgba(0,0,0,.08);
}
.flex{
        display: -webkit-flex;
  -webkit-flex-flow: row;
  -webkit-align-items: stretch;
  -webkit-justify-content:space-between;
  
  /*IE10还不支持*/
  display: -ms-flex;
  -ms-flex-flow: row wrap;
  -ms-align-items: stretch;
  -ms-justify-content:space-between;
	
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content:space-between;
}
.checkbox{
	height: 13px;
	width: 13px;
	border:1px solid rgba(0,0,0,.3);
	background-color: white;
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
}
.checkbox-active{
	background-image: url("tick-icon.png")/*tpa=http://www.zxdpm.com/Public/web/images/tick-icon.png*/;
	background-size: cover;
	background-repeat: no-repeat;
}
.text-overflow{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.click-btn-active{
	color: #389;
}
.w3em{
	display: inline-block;
	width: 3em;
}
.w2_5em{
	display: inline-block;
	width: 2.5em;
}
.w2em{
	display: inline-block;
	width: 2em;
}
.w_9em{
	display: inline-block;
	width: .9em;	
}
.w_5em{
	display: inline-block;
	width: .5em;	
}
.w_33em{
	display: inline-block;
	width: .33em;
}
.shadow-line{
	height: 1px;
	width: 100%;
	box-shadow: 0px 1px 2px rgba(0,0,0,.2);
}
.no-border{
	border:0px;
}
.select{
	width: 100%;
	height: 37px;
	line-height: 37px;
	background-color: white;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 3px;
	position: relative;
	box-sizing: border-box;
}
.select-txt{
	text-indent: 1em;
}
.select-icon{
	position: absolute;
	right:10px;
	top:8px;
}
.select-item-box{
	display: none;
	position: absolute;
	top:99%;
	background-color: white;
	border:1px solid rgba(0,0,0,.2);
	width:100%;
	z-index:99;
	max-height:260px;
	overflow: auto;
	overflow-x:hidden;
	box-sizing: border-box;
}
.select-item{
	text-indent: 1em;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.select-item:hover{
	background-color: rgba(0,0,0,.05);
}
#wrap-fuben,
#wrap{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: fixed;
	top:0;
	left:0;
	z-index: 999999;
}
#wrap-fuben{
	display: none;
}

.ab-center{
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
}
.common-tab-btn{
	cursor: pointer;
}
.common-tab-item{
	display: none;
}
.login-wrap{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: fixed;
	top:0;
	left:0;
	z-index: 999999;
	display: none;
}
.login-window{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width: 350px;
	height: 400px;
	background-color: white;
	padding:15px 10px;
	box-sizing: border-box;
}
.sign-login-btn{
	display: inline-block;
	float: left;
	width: 50%;
	box-sizing: border-box;
	border:1px solid #389;
	text-align: center;
	padding:10px 0px;
	margin-bottom: 20px;
}
.sign-login-btn:first-child{
	border-right: 0px;
}
.login-sign-active{
	background-color: #389;
	color: white;
}
.get-phone-code-btn{
	line-height: 37px;
	font-size:.9em;
	padding:0px 20px;
	position: absolute;
	top:20px;
	right:-2px;
	text-align: center;
	border-radius: 3px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	transition: all .5s;
}
.get-phone-code-btn-disable{
	color: grey;
	background-color: white;
	border-left:1px solid rgba(0,0,0,.3);
	box-sizing: border-box;
}
.button{
	display: blcok;
	width:100%;
	padding:10px 0px;
	text-align: center;
	cursor: pointer;
}
.button-red{
	background-color: #389;
	color: white;
}
/********************public css end********************/



/********************index page************************/
.header-image{
	height:131px;
	width:100%;
	background-image: url("index-head-banner.jpg")/*tpa=http://www.zxdpm.com/Public/web/images/index-head-banner.jpg*/;display: none;
}
.index-nav{
	position: relative!important;
}
.index-for-nav{
	height:0px!important;
}
.header-slider{
	height:380px;
}
.header-slider-left{
	float: left;
	width:25%;
	height: 100%;
	border:2px solid #abc;
	box-sizing: border-box;
}
.header-slider-right{
	float: right;
	width:74%;
	height:100%;
	overflow: hidden;
	position: relative;
}
.header-slider-left{
	padding:20px 0px 20px 8px;
	box-sizing: border-box;
}
.header-slide-left-ul li{
	display: inline-block;
	float: left;
	width:25%;
	margin-top: 10px;
}
.header-slider-left-title{
	font-size: 1.2em;
}
.header-slider-left-title i{
	margin-right: 10px;
}
.index-step-bar{
	width:100%;
	height:100px;
	border:2px solid #389;
	box-sizing: border-box;
	margin-top: 15px;
}
.index-step-bar-left{
	width:15%;
	float: left;
	height: 100%;
	line-height: 100px;
	background-color: #389;
	color: white;
	text-align: center;
	font-size: 1.4em;
}
.index-step-bar-right{
	width:85%;
	float: left;
}
.index-step-bar-right-ul li{
	float: left;
	width:25%;
	padding:0px 40px;
	box-sizing: border-box;
	position: relative;
}
.index-step-bar-right-ul li a{
	height: 100%;
	display: block;
	padding-top: 12px;
	font-size: 1.2em;
}
.index-step-bar-right-ul li a p:first-child{
	margin-bottom: 8px;
}
.index-step-bar-right-ul li a p:nth-child(2){
	font-size:.9em;
	color:#999;
}
.index-step-bar-right-ul li i{
	vertical-align: top;
	margin-right: 4px;
}
.index-part{
	margin-top: 15px;
}
.index-part-head{
	width:100%;
	height:35px;
	line-height: 35px;
	border-bottom: 2px solid #389;
	margin-bottom: 20px;
}
.index-part-head-title{
	font-size: 1.4em;
}
.index-part-head-more{
	float: right;
}
.index-part-body li{
	float: left;
	width:24%;
	margin:0px .5% 15px;
	background-color: white;
	transition:all .3s;/*transform:translateY(-2px);*/
}
.index-part-body li:hover{
	box-shadow: 2px  2px 5px  #f90;
	transform:translateY(-2px);
}
.index-part-body li:hover .index-part-item-image-text{
	bottom:0px;
	padding:15px;
}
.index-part-body li:nth-of-type(1),
.index-part-body li:nth-of-type(5){
	margin-left:0px;
}
.index-part-body li:nth-of-type(4),
.index-part-body li:nth-of-type(8){
	margin-right:0px;
}
.index-part-item-image{
	width:100%;
	height:200px;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
.index-part-item-image-text{
	position: absolute;
	display: block;
	bottom:-170px;
	left:0px;
	height:200px;
	line-height: 1.7em;
	width:100%;
	color:white;
	background-color: rgba(0,0,0,.5);
	font-size: 1.1em;
	padding:2px 15px;
	box-sizing: border-box;
	transition: all .3s;
}
.index-part-item-image-text p{
	color:white;
}
.index-part-item-image-text-right,
.index-part-item-image-text-left{
	float: left;
	color:white;
	margin-top: 10px;
}

.index-part-item-text{
	padding:15px;
	box-sizing: border-box;
}
.index-part-item-text p{
	font-size: 1.1em;
}
.index-part-item-text small{
	font-size:.8em;
	text-align: center;
	display: block;
	width:100%;
}
.index-part-item-btn{
	margin:8px 0px;
}
.index-part-message{
	margin-top: 20px;
}
.index-part-message-left{
	width:19%;
	float: left;
	margin-right: 1%;
}
.index-part-message-left-image{
	width:100%;
	height:180px;
	position: relative;
	margin-bottom: 10px;
	display: block;
}
.index-part-message-left-image span{
	position: absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height: 30px;
	line-height: 30px;
	font-size: 1.1em;
	text-indent: .5em;
	background-color: rgba(0,0,0,.5);
	color: white;
}
.index-part-message-middle{
	width:39%;
	margin-right: 1%;
	float: left;
}
.index-part-message-middle-top{
	width:100%;
	height:220px;
	margin-bottom: 10px;
	position: relative;
	display: block;
}
.index-part-message-middle-top span{
	width:100%;
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	background-color: rgba(0,0,0,.5);
	height: 30px;
	line-height: 30px;
	font-size: 1.1em;
	text-indent: .5em;
	color: white;
}
.index-part-message-middle-bottom{
	width:100%;
	height:140px;
}
.index-part-message-middle-bottom-image{
	width:49%;
	height:100%;
	float: left;
	position: relative;
	display: block;
}
.index-part-message-middle-bottom-image:first-child{
	margin-right: 1%;
}
.index-part-message-middle-bottom-image:last-child{
	margin-left: 1%;
}
.index-part-message-middle-bottom-image span{
	display: block;
	position: absolute;
	left:0;
	bottom:0;
	background-color: rgba(0,0,0,.5);
	height: 30px;
	line-height: 30px;
	font-size: 1.1em;
	text-indent: .5em;
	color: white;
	width:100%;
}
.index-part-message-list{
	width:40%;
	float: left;
	padding:20px 15px;
	box-sizing: border-box;
	height:370px;
	background-color: white;
}
.index-part-message-list p{
	font-size: 1.4em;
}
.index-part-message-list ul{
	margin-top: 15px;
}
.index-part-message-list ul li{
	margin-bottom: 10px;
	font-size: 1.1em;
}
.index-part-message-list ul li a{
	color: #999999;
}
.index-focus-font{
	width:100%;
	margin-top: 30px;
	background-color: white;
	padding:25px 0px;
}
.index-focus-font .container{
	width:1200px;
	margin:o auto;
}
.index-focus-font-item{
	float: left;
	width:25%;
}
.index-focus-font-item-head{
	width:90px;
	height:90px;
	line-height: 90px;
	text-align: center;
	border-radius: 50%;
	border:3px solid rgba(0,0,0,.7);
	font-size:2.5em;
	margin:0 auto;
}
.index-focus-font-item p{
	text-align: center;
	margin:8px 0px;
	font-size: 1.2em;
}
.index-focus-font-item small{
	color: #999999;
	width:65%;
	text-align: justify;
	margin:0 auto;
	display: block;
}
.next-step-icon{
	position: absolute;
	right:-25px;
	top:18px;
	font-size: 4em;
	color: #389;
}
.index-slug{
	color#999999;
	margin:-10px 0 10px;
	font-size: 1.2em;
	color: #666;
}
.index-slug i{
	margin-right: 8px;
}
/********************index page end************************/


/********************list page************************/


.nav{
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);
	width:100%;
	padding:10px 0px;
	position: absolute;
	top:0;
	left:0;
	z-index: 1000;
	background-color: white;
}
.for-nav{
	height: 65px;
}
.nav-left{
	float: left;
	width: 80%;
}
.nav-list-item{
	border-right: 1px solid rgba(0,0,0,.4);
	height: 35px;
	line-height: 35px;
	padding:0px 19px;
	font-size:1.1em;
}
.nav-list-item:last-child{
	border-right: 0px;
}
.nav-right{
	float: right;
	width: 20%;
}
.nav-appdownload{
	padding:8px 17px;
	display: inline-block;
	float: right;
	color: white;
	cursor: pointer;
}
.logo-main{
	height: 65px;
}
.logo-main img{
	height: 100%;
}
.center-search{
	padding:15px;
	background-color: rgba(0,0,0,.06);
	box-shadow: 0 -1px 1px 1px rgba(0,0,0,.1) inset;
	box-sizing: border-box;
}
.center-search-body{
	height: 40px;
	width:600px;
	background-color: white;
	border-radius: 3px;
	margin:0 auto;
	position: relative;
}
.center-search-input{
	height: 40px;
	background-color: transparent;
	width: 100%;
	border:0px;
	text-indent: 1em;
}
.center-search-btn{
	position: absolute;
	right:10px;
	top:6px;
}
.multipe-selection{
	background-color: white;
	padding:10px 0px;
	position: relative;
}
.multipe-selection-line{
	width:96%;
	margin: 0 auto;
	padding:12px 0px;
	border-bottom: 1px dotted rgba(0,0,0,.3);
	position: relative;
}
.multipe-selection-line a{
	cursor: pointer;
	margin-right: 3px;
}
.multipe-selection-active{
	color: #389!important;
}
.multipe-selection-selected{
	border:1px solid rgba(0,0,0,.4);
	padding:4px 25px 4px 10px;
	position: relative;
	margin-right: 10px;
}
.multipe-selection-close{
	position: absolute;
	right:2px;
	top:4px;
	font-size: 1.2em;
}
.multipe-selection-close:hover{
	color: #389;
}
.multipe-selection-saveoptions:hover.multipe-selection-saveoptions span,
.multipe-selection-saveoptions:hover.multipe-selection-saveoptions i{
	color: #389;
}
.multipe-selection-deleteall{
	right:25px;
	bottom:15px;
	border:1px solid rgba(0,0,0,.4);
	padding: 3px 10px;
	cursor: pointer;
}
.list-sort{
	background-color: white;
	padding:7px 0px;
}
.left-list{
	width: 100%;
	float: left;padding: 10px;
}
.sort-item-container{
	float: right;
	margin-top: 7px;
	margin-right: 20px;
}
.sort-item-container span{
	margin-left:15px;
	cursor: pointer;
}
.production-list li{
	background-color: white;
	position: relative;
	margin-top:15px;
	transition:all .4s;
}
.production-list li:hover{
	box-shadow: 1px 3px 15px rgba(0,0,0,.15);
	transform: translateY(-3px);
}
.production-list li:hover .add2compare{
	opacity: 1;
}
.production-list-img{
	width: 250px;
	height: 100%;
	float: left;
	position: relative;
}
.production-list-img img{
	width: 100%;
	height: 100%;
}
.production-list-discount{
	position: absolute;
	right: -1px;
	top:-1px;
	background-color: #f90;
	color: white;
	padding:5px 15px;
}
.production-list-body{
	padding:7px;
	width: 5rem;
	float: right;
	box-sizing: border-box;
	position: relative;
	height: 100%;
}
.production-list-name{
	font-size: 1.3em;
	width: 90%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.production-list-parameter{
	margin-top: 10px;
	margin-bottom: 15px;
}
.production-list-parameter span{
	margin-right: 20px;
}
.production-list-tag{
	display: inline-block;
	margin-top: 15px;
	padding:3px 10px;
	color: white; 
}
.production-list-footer{
	bottom:10px;
	left:0px;
	width: 100%;
}
.production-list-footer-left{
	width: 50%;
	float: left;
	text-align: left;
	box-sizing: border-box;
	padding-left: 15px;
}
.production-list-footer-right{
	width: 50%;
	float: right;
	text-align: right;
	box-sizing: border-box;
	padding-right: 15px;
    font-size: 16px;
    font-weight: bold;
}
.production-list-price{
	position: absolute;
	top:50px;
	right: 15px;
	text-align: right;
}
.paimaijieshu:before,
.liupai:before{
	content:'';
	width: 75%;
	height: 75%;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	display: block;
	z-index: 19;
}	
.paimaijieshu:after,
.liupai:after{
	content:'';
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	display: block;
	position: absolute;
	left: 0px;
	top:0px;
	z-index: 18;
}
.liupai:before{
	background-image:url("liupai.png")/*tpa=http://www.zxdpm.com/Public/web/images/liupai.png*/;	
}
.paimaijieshu:before{
	background-image:url("paimaijieshu.png")/*tpa=http://www.zxdpm.com/Public/web/images/paimaijieshu.png*/;
}
.widget{
	width: 26%;
	float: right;
	margin-left: 2%;
}
.widget-head{
	border-bottom:1px solid rgba(0,0,0,.1);
	font-size: 1.1em;
	padding:15px 20px;
}
.widget-news{
	background-color: white;
	box-sizing: border-box;
}
.widget-ul{
	padding:5px 20px 10px;
}
.widget-ul li{
	padding: 10px 0px;
}
.widget-ul li a{
	font-size: 1em;
	color: rgba(0,0,0,.7);
}
.widget-comment-title{
	width: 100%;
	font-size: 1.2em!important;
	display: block;
	margin-bottom: 10px;
}
.widget-comment{
	background-color: white;
}
.widget-comment li{
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.widget-comment li:last-child{
	border-bottom: 0px;
}
.widget-comment-like{
	cursor: pointer;
}
.widget-comment-like-active i,
.widget-comment-like-active span{
	color: #389
}

/********************list page end*******************/
/********************detail page*******************/
.head-map{
	margin-bottom: 15px;
}
.production-detail-top{
	margin-bottom: 15px;
}
.production-detail-slider{
	background-color: white;
	width: 42%;
	float: left;
	overflow: hidden;
}
.bigImg{
	position: relative;
	width:504px;
	height:382px;
	overflow: hidden;
}
.production-detail-slider .bigImg img{
	width: 100%;
}
.production-detail-slider .smallImg ul {
	position: relative;
	overflow: hidden;
	height: 87px;
	width: 504px;
}
.production-detail-slider .smallImg ul li{
	display: inline-block;
	width: 126px;
	height: 87px;
	transition: all .4s;
	box-sizing: border-box;
	border:2px solid white;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
}
.production-detail-slider .smallImg img{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.smallImg-active{
	border:2px solid #f90!important;
}
.production-name{
	font-size: 1.3em;
	margin-bottom: 10px;
}
.production-detail-txt{
	background-color: white;
	width: 100%;
	float: left;

	font-size: 1.1em;
	box-sizing: border-box;
	padding:16px 20px 20px;
    line-height: 25px;
}
.production-detail-txt-left div{
	margin-bottom: 4px;
}
.production-detail-txt-left div:first-child{
	margin-bottom: 12px;
}
.production-detail-txt-left{
	width: 67%;
	float: left;
	box-sizing: border-box;
}
.production-detail-txt-right{
	width: 99%;
	height: 30px;
	box-sizing: border-box;
	margin-top: 15px;
	position: relative;
}
.production-detail-txt-right-item{
	font-size: 3.5em;
}
.loan-apply{
	width: 67%;
	float: left;
	padding:15px;
	box-sizing: border-box;
	position: relative;
}
.loan-apply-faq{
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 10px;
	padding-top: 10px;
	font-size: .9em;
	color: rgba(0,0,0,.4);
}
.bank-partner{
	width: 40%;
	float: left;
	box-sizing: border-box;
	padding:15px;
}
.loan-apply-btn{
	border:1px solid #71AD00;
	border-radius: 3px;
	padding:9px 10px;
	margin-top: 10px;
	color: #71AD00;
	display: block;
	cursor: pointer;
}
.loan-apply-btn:hover{
	color: white;
	background-color: #71AD00;
}
.loan-counter{
	position: absolute;
	top:18px;
	right:15px;
	cursor: pointer;
}
.production-detail-parameter{
	margin-top: 25px;
}
.production-detail-parameter li{
	float: left;
	width: 25%;
	border-right: 1px solid rgba(0,0,0,.1);
	box-sizing: border-box;
	text-align: center;
}
.production-detail-parameter li:last-child{
	border:0px;
}
.production-detail-parameter li p:first-child{
	color: rgba(0,0,0,.6);
	margin-bottom: 10px;
}
.production-order{
	background-color: white;
	margin-top: 10px;
	box-sizing: border-box;
	padding:10px 15px;
	margin-bottom: 20px;
}
.inside-nav{
	height: 50px;
	background-color: white;
	position: relative;
	z-index: 999;
	box-shadow: 0 1px 2px rgba(0,0,0,.15)
}
.for-inside-nav{
	height: 50px;
	display: none;
}
.inside-nav-fixed{
	position: fixed;
	top:0px;
	left:0;
	right:0;
	margin:auto;
	width: 1200px;
}
.production-order-left-title{
	height: 86px;
	line-height: 86px;
	display: inline-block;
	vertical-align: top;
}
.production-order-item{
	display: inline-block;
	border:3px solid rgba(0,0,0,.3);
	padding:20px 20px;
	border-radius: 5px;
	margin-left: 10px;
	color: rgba(0,0,0,.5);
	cursor: pointer;
}
.production-order-btn{
	display: inline-block;
}
.inside-nav a{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding:0px 26px;
	cursor: pointer;
}
.inside-nav-active{
	background-color: #389;
	color: white;
}
.production-widget-btns{
	float: left;
	width: 33%;
	padding:17px;
	box-sizing: border-box;
	position: relative;
}
.production-widget-btns .btn{
	transition:all .5s;
	border:1px solid rgba(0,0,0,.2);
	margin-bottom: 11px;
}
.production-widget-btns a:last-child{
	margin-bottom: 0px;
}
.inside-nav-part{
	background-color: white;
	margin-top: 10px;
	box-sizing: border-box;
	padding:20px;
	box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.phone400{
	position: fixed;
	bottom: 0px;background: #f30;
	font-size: 1.3em;
    width: 100%;
    z-index: 99999;
    line-height:35px;
    border-top: 1px #f1f1f1 solid;
}
.paimai-detail{
	margin-top: 15px;
}
.paimai-detail li{
	margin-bottom: 10px;
}
.diaocha-table{
	width: 65%;
	float: left;
}

.diaocha-table tr td:first-child{
	width: 20%;
	box-sizing: border-box;
}
.diaochabaogao-download{
	width: 35%;
	float: left;
	text-align: center;
	position: relative;
}
.diaochabaogao-img{
	width: 50%;
	margin:0 auto;
}
.diaochabaogao-img img{
	width: 100%;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
}
.diaochabaogao-download-btn{
	background-color: #389;
	border-radius: 3px;
	color: white;
	padding:5px 20px;
	display: inline-block;
	margin:10px auto;
	cursor: pointer;
}
.xiangqing-box,
.xiaoqu-box{
	padding:0px 10px;
	box-sizing: border-box;
}
.xiangqing-box table tr td:first-child,
.xiaoqu-box table tr td:first-child{
	width: 20%;
	text-align: center;
}
#map{
	width: 100%;
	height: 300px;
	margin-top: 15px;
	transition: height .2s;
}
.map-expand-btn{
	position: absolute;
	bottom:-15px;
	background-color: white;
	height: 35px;
	line-height: 35px;
	width: 120px;
	border-radius: 3px;
	display: inline-block;
	left:0;
	right:0;
	margin:auto;
	text-align: center;
	box-shadow: 2px -.5px 2px rgba(0,0,0,.2);
}
.map-expand-size{
	height: 600px!important;
}
.map-expand-icon{
	transition: transform .3s;
}
.map-expand-icon-active{
	transform: rotate(180deg);
}
.comment-box{
	height: 50px;
	border:1px solid rgba(0,0,0,.2);
	border-radius: 3px;
}
.comment-input{
	height: 50px;
	line-height: 50px;
	font-size: 1.3em;
	border:0px;
	text-indent: 1em;
	width: 90%;
	float: left;
}
.comment-btn{
	width: 10%;
	float: left;
	border-left: 1px solid rgba(0,0,0,.2);
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	text-align: center;
	margin-top: 5px;
	cursor: pointer;
}
.cost-counter{
	width: 100%;
	float: left;
	display: inline-block;
}
.cost-counter-left{
	width: 100%;
	float: left;
	padding:10px;
	box-sizing: border-box;
}
.cost-counter-right tr td:first-child,
.cost-counter-left tr td:first-child{
	text-align: right;
	padding-right: 5%
}
.cost-counter-right{
	width: 40%;
	float: left;
	padding:10px;
	box-sizing: border-box;
}
.cost-counter-right td{
	width: 50%;
}
.cost-counter-left tr td:last-child{
	padding-left: 5%;
}
.cost-counter-right tr td:last-child{
	padding-left: 5%;
}
.alert-menu{
	position: absolute;
	background-color: white;
	padding:10px;
	box-sizing: border-box;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
	display: none;
}
.alert-menu-arrow{
	position: absolute;
	top:-20px;
	left:0;
	right:0;
	margin:auto;
	height: 0px;
	width: 0px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid transparent;
	border-bottom: 10px solid rgba(0,0,0,.1);
}
.alert-menu-arrow:before{
	content:'';
	position: absolute;
	top:-7px;
	left:-10px;
	height: 0px;
	width: 0px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid transparent;
	border-bottom: 10px solid white;	
}
.yuyue-alert-menu{
	padding:60px 10px 0px;
	width: 200px;
	height: 260px;
	top:90px;
	right:0px;
	font-size: .9em;
}
.alert-menu-btns{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom:0px;
	left:0px;
}
.alert-menu-btns-cancel,
.alert-menu-btns-ok{
	padding:10px;
	box-sizing: border-box;
	border-top: 1px solid rgba(0,0,0,.2);
	cursor: pointer;
}
.alert-menu-btns-ok{
	border-left: 1px solid rgba(0,0,0,.2);
	background-color: #389;
	color: white;
}
.yuyue-window{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color: white;
	width: 300px;
	height: 340px;
	padding:20px;border-radius: 10px;
}
.yuyue-firstname{
	width: 74%;
	margin-right: 4%;
}
.yuyue-phonecode-btn{
	position: absolute;
	top:0px;
	right:-2px;
	height: 37px;
	line-height: 37px;
	padding:0 20px;
	background-color: #389;
	color: white;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	cursor: pointer;
}
.yuyue-window-left{
	width: 390px;
	float: left;
	border-right: 1px solid rgba(0,0,0,.2);
	box-sizing: border-box;
	padding-right: 20px;
	margin-right: 20px;
}
.yuyue-window-right{
	width: 390px;
	float: right;
}
.yuyue-fuwu-window{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color: white;
	width: 400px;
	height: 340px;
	padding:20px;
}
.yuyue-service-item{
	border:1.5px solid rgba(0,0,0,.2);
	border-radius: 3px;
	padding:7px ;
	box-sizing: border-box;
	margin-bottom: 7px;
	cursor: pointer;
}
.yuyue-service-item-active{
	border-color: #389;
}
.yuyue-service-item:last-child{
	margin-bottom: 0px;
}
.alert{
	width: 400px;
	height: 300px;
	background-color: white;
}

.alert-icon{
	font-size: 7em;
	text-align: center;
	width: 100%;
	margin-top: 30px;
}
.alert-head{
	font-size: 1.5em;
	font-weight: 2;
	text-align: center;
	margin-bottom: 20px;
}
.alert-btn{
	width: 100px;
	padding: 10px 0px;
	color: white;
	display: block;
	text-align: center;
	margin: 30px auto 0px;
	cursor: pointer;
}
.get-phone-code-btn-disable{
	background-color: rgba(0,0,0,.03);
	border-left:1px solid rgba(0,0,0,.2);
	color: rgba(0,0,0,.7);
}
.yuyue-wrap{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: fixed;
	top:0;
	left:0;
	z-index: 999999;
	display: none;
}
.comment-list{
	margin-top: 10px;
	border-top:1px solid rgba(0,0,0,.3);
}
.comment-list li{
	margin-top:10px;
}
.comment-list-left{
	width: 150px;
	float: left;
	display: inline-block;
}
.comment-list-right{
	float: left;
	display: inline-block;
}
.slide_arrow{
	position: absolute;
	top:170px;
	background-color: rgba(255,255,255,.8);
	color: rgba(0,0,0,.8);
	opacity: 0;
	transition: all .3s;
	cursor: pointer;
}
.slide-left-arrow{
	left:-30px;
}
.slide-right-arrow{
	right:-30px;
}
.bigImg:hover .slide_arrow{
	opacity: 1;
}
.bigImg:hover .slide-left-arrow{
	left:0;
}
.bigImg:hover .slide-right-arrow{
	right:0;
}
.slide_arrow:hover{
	padding:0px 10px;
}
.index-show{
	position: absolute;
	right:5px;
	bottom:5px;
	color: white;
	font-size: 1.1em;
}
.now-index,
.total-index{
	color: white;
}
.now-index{
	padding-right: 5px;
}
.total-index{
	padding-left: 5px;
}
.big-slide-btn{
	position: absolute;
	left:0;
	right:0;	
	bottom: -30px;
	margin:auto;
	width: 120px;
	height: 28px;
	line-height: 28px;
	background-color: rgba(255,255,255,.9);
	font-size: 1em;
	text-align: center;
	cursor: pointer;
	transition: all .3s;
}
.big-slide-btn i{
	margin-right: 2px;
}
.bigImg:hover .big-slide-btn{
	transform: translateY(-50px);
	-ms-transform:translateY(-50px); 	/* IE 9 */
	-moz-transform:translateY(-50px); 	/* Firefox */
	-webkit-transform:translateY(-50px); /* Safari 和 Chrome */
	-o-transform:translateY(-50px); 	/* Opera */
}
.production-detail-slider-magnify{
	width: 600px;
	margin:60px auto 0px;
	padding:10px;
	background-color: white;
	overflow: hidden;
	display: none;
}
.bigImg-magnify{
	position: relative;
}
.production-detail-slider-magnify .bigImg-magnify img{
	width: 100%;
}
.production-detail-slider-magnify .smallImg-magnify ul {
	position: relative;
	overflow: hidden;
	height: 87px;
}
.production-detail-slider-magnify .smallImg-magnify ul li{
	display: inline-block;
	width: 133.3px;
	transition: all .4s;
	box-sizing: border-box;
	border:2px solid transparent;
	float: left;
	box-sizing: border-box;
}
.production-detail-slider-magnify .smallImg-magnify img{
	width: 100%;
	cursor: pointer;
}
.smallImg-active-magnify{
	border:2px solid #389!important;
}
.slide_arrow-magnify{
	position: absolute;
	top:300px;
	background-color: rgba(255,255,255,.8);
	color: rgba(0,0,0,.8);
	opacity: 0;
	transition: all .3s;
	cursor: pointer;
}
.slide-left-arrow-magnify{
	left:-30px;
}
.slide-right-arrow-magnify{
	right:-30px;
}
.bigImg-magnify:hover .slide_arrow-magnify{
	opacity: 1;
}
.bigImg-magnify:hover .slide-left-arrow-magnify{
	left:0;
}
.bigImg-magnify:hover .slide-right-arrow-magnify{
	right:0;
}
.slide_arrow-magnify:hover{
	padding:0px 20px;
}
.smallImg-magnify {
	overflow: hidden;
}
.month-pay{
	display: none;
	width:350px;
	position: absolute;
	top:40px;
	left:-130px;
	background-color: white;
	z-index: 1000;
	padding: 15px;
	box-shadow: 0 0 3px 2px rgba(0,0,0,.2);
}
.month-pay td{
	padding:8px;
}
.month-pay td:first-child{
	text-align: right;
}
.month-pay-close{
	position: absolute;
	top:6px;
	right: 6px;
	border-radius: 50%;
	background-color: rgba(0,0,0,.4);
	color: white;
}
.warming-text{
	margin-bottom: 5px;
}
#panel {
    position: absolute;
    background-color: white;
    max-height: 90%;
    overflow-y: auto;
    top: 10px;
    right: 10px;
    width: 280px;
    border-bottom: solid 1px silver;
    z-index: 99;
    display: none;
}
.around-list li{
	display: inline-block;
	padding:6px 0;
	border:1.5px solid #389;
	float: left;
	width: 11.1%;
	text-align: center;
	box-sizing:border-box;
	border-right:0px;
	cursor: pointer;
}
.around-list li:last-child{
	border: 1.5px solid #389;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.around-list li:first-child{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.around-list-active{
	background-color: #389;
	color: white;
}
.detail-video{
	width:100%;
	height:100%;
}
.detail-video-images{
	width:100%;
}
.detail-video-images li{
	margin:3px;
	overflow: hidden;
}
.detail-video-images li img
{margin: 0 auto;}
.detail-images{
	height:100%;
}
.jiathis_style_32x32{
	opacity: 0;
	position: absolute;
	top:6px;
	left:10px;
	transition:all .5s;
}
.jiathis_style_32x32 a{
	border:none!important;
}
.jiathis_style_32x32 .jtico_qzone,
.jiathis_style_32x32 .jtico_tsina,
.jiathis_style_32x32 .jtico_weixin,
.jiathis_style_32x32 .jtico_cqq{
	background-size:contain!important;
	background-position: center!important;
	height: 36px!important;
	margin-right: 5px;
}
.production-widget-btn-share:hover .production-widget-btn-share-icon,
.production-widget-btn-share:hover .production-widget-btn-share-text{
	opacity: 0;
}
.production-widget-btn-share:hover .jiathis_style_32x32{
	opacity:1;
}
.detail-important-warming p{
	line-height: 2em;
}


/********************detail page end*******************/
/********************orderstate page end*******************/
.order-statement-banner{
	width:100%;
	height:350px;
}
.order-statement-banner-title{
	text-align: center;
	color:white;
	font-size:35px;
	padding-top: 150px;
	letter-spacing:.1em;
}
.order-statement-container{
	margin-top: -90px;
	background-color: white;
	box-shadow: 0 0 30px  rgba(0,0,0,.1);
}
.order-statement-text{
	padding:35px;
	font-size:1.1em;
	line-height: 2.5em;
}

/********************orderstate page end*******************/




/********************footer page start*******************/
footer{
	background-color: rgba(0,0,0,.7);
	padding:20px 0px;
}
footer p,
footer a,
footer span{
	color: white;
}
.footer-head{
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,.3);	
}
.footer-head a{
	margin-right: 30px;
}
.footer-body{
	margin-top: 20px;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
.footer-footer{
	margin-top: 15px;
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding-bottom: 15px;
}
.footer-footer a{
	margin-right: 40px;
}
.copyright{
	margin-top: 10px;
	font-size: .9em;
}
.footer-tab-btn{
	background-color: rgba(255,255,255,.1);
	padding:6px 15px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 15px;
}
.footer-tab-btn-active{
	background-color: rgba(0,0,0,.3);
}
.footer-tab-item{
	margin-bottom: 10px;
}
.footer-tab-item a{
	margin-right: 25px;
	margin-bottom: 10px;
	display: inline-block;
}
.footer-widge{
	position: fixed;
	bottom:20px;
	left:50%;
	margin-left: 620px;
	display: none;
}
.back-top-btn{
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: white;
	border:1px solid rgba(0,0,0,.1);
	cursor: pointer;
}
.back-top-btn i{
	font-size: 3em;
}
/********************footer page end*******************/

/**************************widget start*********************/

.widget-qrcode{
	display: block;
	width:90%;
	margin:0 auto
}

/**************************widget end*********************/

/**************************news start*********************/
.news-page-detail{
	background-color: white;
	box-shadow: 0 0 1px 1px rgba(0,0,0,.08);
	padding:15px;
}
.news-title{
	font-size: 1.6em;
	margin-bottom: 12px;
	border-left:4px solid #389;
	padding-left: 15px;
}
.news-subhead{
	margin-bottom: 12px;
	color: #999;
}
/**************************news end*********************/

/**************************connect start*********************/
.connect-block{
	padding:20px;
	box-sizing: border-box;
	float:left;
	width:50%;
	margin-bottom: 15px;
}
.connect-block:nth-child(odd){
	padding-left: 0px;
}
.connect-block:nth-child(even){
	padding-right:0px;
}
.connect-block-title{
	font-size: 1.5em;
	font-weight: bold;
}
.connect-block-txt{
	font-size: 1em;
	margin-top: 15px;
}
.connect-image{
	width:1200px;
	height:450px;
	background: center no-repeat ;
	background-size: cover;
    margin: 0 auto;
    margin-top: 10px;
}
.connect-block-qrcode{
	width:200px;
	margin-left: -10px;
}
/**************************connect start*********************/

/*20170504 21:25*/
.link-disabled{
	cursor: not-allowed;
	opacity: .4;
}
.share-disabled{
	cursor: not-allowed;
	opacity: .5;
}


/*@media screen and (max-width: 1200px){
	.nav,.center-search,footer,.grey-container{width: 1200px;}
}*/
.index-part-item-mark-success {
    background-color: #11b95c;
}
.index-part-item-mark-danger {
    background-color: #e53935;
}
.index-part-item-mark-warming {
    background-color: #dea726;
}
.index-part-item-mark {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 3px 12px;
}
.clear-both
{
    clear: both;
}
.infotbl table
{
    border: 0 !important;
}
.page
{
    
}
.page a
{
    display: inline-block; 
    height: 22px;line-height: 22px;
    padding: 2px 5px 2px 5px;margin: 3px;
    border: 1px #ccc solid;
    background: #fff;color: #555;border-radius: 3px;
}
.page .active
{
    display: inline-block; 
    height: 22px;
    border: 1px #ccc solid;
    background: #446699;color: #fff;
}
.page a:hover
{
    display: inline-block; 
    height: 22px;
    border: 1px #ccc solid;
    background: #446699;color: #fff;
}
.page .disabled
{
    display: inline-block; 
    height: 22px;
    border: 1px #ddd solid;
    background: #ddd;color: #fff;
}
.page .disabled:hover
{
    display: inline-block; 
    height: 22px;
    border: 1px #ddd solid;
    background: #ddd;color: #fff;
}
.mm-list > li > a{color:#fff !important;}