@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'miui_exlight';
    src: url('../images/miuiex-light-webfont.eot');
    src: url('../images/miuiex-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/miuiex-light-webfont.woff2') format('woff2'),
         url('../images/miuiex-light-webfont.woff') format('woff'),
         url('../images/miuiex-light-webfont.ttf') format('truetype'),
         url('../images/miuiex-light-webfont.svg#miui_exlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.pr{ float:right;}
#muw{ clear:both; display:block; width:100%; font-size:10px; line-height:18px; padding:2px; text-align:center; color:#000; padding:10px 0; font-style:normal; border-radius:0 0 5px 5px;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);}
.button{
	font:15px Calibri, Arial, sans-serif;

	/* A semi-transparent text shadow */
	text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	
	/* Overriding the default underline styling of the links */
	text-decoration:none !important;
	white-space:nowrap;
	
	display:inline-block;
	vertical-align:baseline;
	position:relative;
	cursor:pointer;
	padding:7px 20px;
	
	background-repeat:no-repeat;

	/* The following two rules are fallbacks, in case
	   the browser does not support multiple backgrounds. */

	background-position:bottom left;
	background-image:url('../images/button_bg.png');
	
	/* Multiple backgrounds version. The background images
	   are defined individually in color classes */
	
	background-position:bottom left, top right, 0 0, 0 0;
	background-clip:border-box;
	
	/* Applying a default border raidus of 8px */
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	/* A 1px highlight inside of the button */
	
	-moz-box-shadow:0 0 1px #fff inset;
	-webkit-box-shadow:0 0 1px #fff inset;
	box-shadow:0 0 1px #fff inset;
	
	/* Animating the background positions with CSS3 */
	/* Currently works only in Safari/Chrome */
	
	-webkit-transition:background-position 1s;
	-moz-transition:background-position 1s;
	transition:background-position 1s;
}

.button:hover{
	
	/* The first rule is a fallback, in case the browser
	   does not support multiple backgrounds
	*/
	
	background-position:top left;
	background-position:top left, bottom right, 0 0, 0 0;
}

.button:active{
	/* Moving the button 1px to the bottom when clicked */
	bottom:-1px;
}

/* The three buttons sizes */

.button.big		{ font-size:30px;}
.button.medium	{ font-size:18px;}
.button.small	{ font-size:13px;}

/* A more rounded button */

.button.rounded{
	-moz-border-radius:4em;
	-webkit-border-radius:4em;
	border-radius:4em;
}


/* Defining four button colors */


/* BlueButton */

.blue.button{
	color:#0f4b6d !important;
	
	border:1px solid #84acc3 !important;
	
	/* A fallback background color */
	background-color: #48b5f2;
	
	/* Specifying a version with gradients according to */
	
	background-image:	/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/
						-moz-radial-gradient(	center bottom, circle,
												rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
						-moz-linear-gradient(#4fbbf7, #3faeeb);

	background-image:	/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}

.blue.button:hover{
	background-color:#63c7fe;
	
	background-image:	/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/
						-moz-radial-gradient(	center bottom, circle,
												rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
						-moz-linear-gradient(#63c7fe, #58bef7);
						
	background-image:	/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}

.button:disabled{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	filter: gray;
}
/* Green Button */

.green.button{
	color:#345903 !important;
	border:1px solid #96a37b !important;	
	background-color: #79be1e;

	background-image:/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/ -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
	background-image:/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/ -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}

.green.button:hover{
	background-color:#89d228;

	background-image:/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/ -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
	background-image:/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/ -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}

/* Orange Button */

.orange.button {
    color: #ffffff !important;
    border: 1px solid #007d76 !important;
    background-color: #ffffff;
    background-image: /*url(../images/button_bg.png), url(../images/button_bg.png),*/ -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
    background-image: /*url(../images/button_bg.png), url(../images/button_bg.png),*/ -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(15, 142, 134)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#50d4cc), to(#4a827f));
}

.orange.button:hover{
	background-color: #ffffff;
	
	background-image:/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/ -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
    background-image: /*url(../images/button_bg.png), url(../images/button_bg.png),*/ -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgb(47, 162, 156)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#17fff1), to(#10e0d5));
}

.gray.button{
	color:#525252 !important;
	border:1px solid #a5a5a5 !important;	
	background-color: #a9adb1;
	
	background-image:/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/ -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/ -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.gray.button:hover{
	background-color:#b6bbc0;

	background-image:/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/ -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
	background-image:/*url('../images/button_bg.png'), url('../images/button_bg.png'),*/ -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

#caseBlanche {
  background-color : rgba(255,255,255,1);
  height : 100%;
  width : 100%;
  position:fixed;
  top:0;
  left:0;
  z-index:99999999999999;
}
#test {
  height : 10px;
  width : 10px;
  position : absolute;
  background-color:rgba(0, 183, 229, 1);
  border-radius : 100%;
  overflow:hidden;
  top : 15px;
  left : 15px;
}
#rond {
  height  : 100px;
  width : 100px;
  border : 2px solid rgba(0, 183, 229, 0.3);
  border-radius : 100%;
  overflow:hidden;
  position :absolute;
  top : 50%;
  left : 50%;
  margin-top:-50px;
  margin-left:-50px;
  animation : rond 2s infinite;
  -webkit-animation : rond 2s infinite;
}
#caseBlanche #load {
  color : #000;
  font-family : calibri;
  text-align : center;
  position : absolute;
  top : 50%;
  left : 50%;
  height  : 100px;
  width : 100px;
  
  margin-top:-50px;
  margin-left:-50px;
}
#caseBlanche #load p{
	margin:0;line-height:100px;
}
@keyframes rond {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}

@-webkit-keyframes rond {
  0% {-webkit-transform : rotate(0deg);}
  100% {-webkit-transform : rotate(360deg);}
}

.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}
.pagination {
    margin: 10px auto;
    padding: 0;
    text-align: center;
}
.pagination li {
    
    background-color: #efefef;
    border-color: #ccc ;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    display: inline-block;
}
.pagination a, .pagination strong {
    color: #333;
    display: block;
    font-weight: normal;
    padding: 4px 0.8em;
    text-decoration: none;
}
.pagination .active {
    background-color: #fff;
}
.pagination li:first-child {
    border-radius: 5px 0 0 5px;
}
.pagination li:last-child {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #ccc;
}
label {
	display: inline;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: -3px;
	left: 3px;
	color: #99a1a7;
}


.big-checkbox + label {
	padding: 18px;
}

.big-checkbox:checked + label:after {
	font-size: 28px;
	left: 6px;
}

.tag {
	font-family: Arial, sans-serif;
	width: 200px;
	position: relative;
	top: 5px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
}

.radio-1 {
	width: 193px;
}

.button-holder {
	float: left;
}

/* RADIO */

.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	top:5px;
	margin-right:10px;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
	padding: 16px;
}

.big-radio:checked + label:after {
	width: 24px;
	height: 24px;
	left: 4px;
	top: 4px;
}
i.ico{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url('../images/ico.png');
	background-size:20px auto;
	width:20px; height:20px;
	margin-right:5px;
	opacity:1;
	-webkit-transition:background-position 1s;
	-moz-transition:background-position 1s;
	transition:background-position 1s;
}
i.c1{background-image:url('../images/ico_c1.png')}
i.c21{background-image:url('../images/ico_c2.png')}
i.c31{background-image:url('../images/ico_c3.png')}
i.c4{background-image:url('../images/ico_c4.png')}
i.c5{background-image:url('../images/ico_c5.png')}
i.c6{background-image:url('../images/ico_c6.png')}
i.c7{background-image:url('../images/ico_c7.png')}
i.c8{background-image:url('../images/ico_c8.png')}
i.c9{background-image:url('../images/ico_c9.png')}
i.c10{background-image:url('../images/ico_c10.png')}
i.search_ico{ background-position:0 -20px;}
i.wuliu_ico{ background-position:0 -40px;}
i.zuanshi_ico{ background-position:0 -60px;}
i.qq_ico{ background-position:0 -80px;}
i.feedback_ico{ background-position:0 -100px;}
i.home_ico{ background-position:0 -120px;}
i.setting_ico{ background-position:0 -140px;}
i.mobile_ico{ background-position:0 -160px;}
i.faxian_ico{ background-position:0 -180px;}
i.skin_ico{ background-position:0 -200px;}
i.pro_ico{ background-position:0 -220px;}
i.honnr_ico{ background-position:0 -240px;}
i.money_ico{ background-position:0 -260px;}
i.cart_ico{ background-position:0 -280px;}
i.order_ico{ background-position:0 -300px;}
i.safe_ico{ background-position:0 -320px;}
i.msg_ico{ background-position:0 -340px;}
i.weixin_ico{ background-position:0 -360px;}
i.right_ico{ background-position:0 -380px;}
i.gright{ float:right; background-position:0 -380px; margin-right:0;}
.chk_1 { 
    display: none !important;
} 
 
.chk_1 + label { 
    background-color: #FFF; 
    border: 1px solid #C1CACA; 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); 
	width:16px; height:16px; vertical-align:middle;
    border-radius: 5px; 
    display: inline-block; 
    position: relative; 
    margin-right: 10px; 
} 
.chk_1 + label:active { 
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); 
} 
 
.chk_1:checked + label { 
    background-color: #ECF2F7; 
    border: 1px solid #92A1AC; 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); 
    color: #243441; 
} 
 
.chk_1:checked + label:after { 
    content: '\2714'; 
    position: absolute; 
    top: -8px; 
    left: 0px; 
    color: #758794; 
    width: 100%;
	font-size:14px;
    text-align: center; 
    padding: 1px 0 0 0; 
    vertical-align: text-top; 
}
.miui{
	font-family:"miui_exlight";	
}
form{
	display:block;
}
form .formcontent{
	margin:0.5em 0; 
	position: relative;
	padding: 0;
	background: #fff;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
form .buttonbox{
	margin:0.5em 0;
	text-align:center;
}
.buttonbox .button{
	width:100%;
	margin:0 auto;
}
form .formitem {
margin:0;
align-items: center;
box-sizing: border-box;
justify-content: space-between;
box-sizing: border-box;
position: relative;
width:100%;
padding:6px 0;
border-bottom:1px #eee solid;
line-height:26px; 
overflow:hidden;
}
form .formitem:last-child{
	border:0;	
}
.formitem input[type="text"],
.formitem input[type="password"],
.formitem input[type="search"],
.formitem input[type="email"],
.formitem input[type="tel"],
.formitem input[type="url"],
.formitem input[type="date"],
.formitem input[type="datetime-local"],
.formitem input[type="time"],
.formitem input[type="number"],
.formitem select,
.formitem textarea {
display: block;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
padding: 0;
margin: 0;
font-family: inherit;
font-size:1em;
color: #3d4145;
background: none;
border: none;
line-height:26px; 
border-radius: 0 0 0 0;
box-shadow: none;
-moz-appearance: none;
line-height:26px; 
-ms-appearance: none;
appearance: none;
}
.formitem textarea{
	height: 5em;
	resize: none
}
.formitem .icon{
display:flex;
-moz-box-flex: 1; 
-webkit-box-flex: 1; 
box-flex: 1;
overflow:hidden;
max-width:50px;
min-width:5px;
}
.formitem .textlabel{
float:left;
width:28%;
min-width:40px;

line-height:26px; 
text-indent:15px;
}
.formitem .forminputbox{
	float:left;
	width:72%;
overflow:hidden;
}