/*reset Start*/
ul,li,dl,dt,dd{
	display:block;
	list-style:none;
}
img{
	display:block;
	max-width:100%;
	border:0;
}
.auto{ margin:auto} 
.clear{
	display:block;
	float:none;
	width:0;
	height:0;
	border:0;
	background:none;
	font-size:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
.clear-fix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
a{
	text-decoration:none;
	outline:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.w_700{
	width:700%;
}
.t_cen{
	text-align:center;
}
.t_cen94375{
	text-align:center;
	width:94.375%;
	margin:0 auto;
}
.mb_2em{
	margin-bottom:2em;
}
.mb_1em{
	margin-bottom:1em!important;
}
.mt_2em{
	margin-top:2em !important;
}
.mt_6em{
	margin-top:6em;
}
.mt_5em{
	margin-top:5em;
}
.mt_4em{
	margin-top:4em;
}
.mt_1em{
	margin-top:1em;
}
.pt_1em{
	padding-top:1em;
}
.pb_1em{
	padding-bottom:1em;
}
.all{
	width:100%;
	overflow:hidden;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:    #bcbcbc;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color:    #bcbcbc;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color:    #bcbcbc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:    #bcbcbc;
}

.panel{
	padding:0;
	background:#fff;
}

/*reset End*/
/*common splash Start*/
#afui > #splashscreen{
	background:#ff6e7e;
}
.splash-logo{
	width:75.625%;
	margin:25% auto 5%;
}
.cloading{
	width:30%;
	margin:0 auto;
	font:0.5em/2 "Microsoft Yahei";
	color:rgba(255,255,255,1);
}
/*common splash End*/
/*Typing Loader Start*/
.typing_loader{
	width:6px;
	height:6px;
	border-radius: 50%;
	-webkit-animation: typing 1s linear infinite alternate;
	-moz-animation: Typing 1s linear infinite alternate;
	animation: typing 1s linear infinite alternate;
	margin:0 auto; /* Not necessary- its only for layouting*/  
	position: relative;
	left: -12px;
}
@-webkit-keyframes typing{
	0%{
		background-color:rgba(255,255,255, 1);
		box-shadow:12px 0px 0px 0px rgba(255,255,255,0.2),24px 0px 0px 0px rgba(255,255,255,0.2);
	}
	25%{ 
		background-color:rgba(255,255,255, 0.4);
		box-shadow:12px 0px 0px 0px rgba(255,255,255,2),24px 0px 0px 0px rgba(255,255,255,0.2);
	}
	75%{ 
		background-color:rgba(255,255,255, 0.4);
		box-shadow:12px 0px 0px 0px rgba(255,255,255,0.2),24px 0px 0px 0px rgba(255,255,255,1);
	}
}
@keyframes typing{
   0%{
        background-color:rgba(255,255,255, 1);
        box-shadow:12px 0px 0px 0px rgba(255,255,255,0.2),24px 0px 0px 0px rgba(255,255,255,0.2);
      }
    25%{ 
        background-color:rgba(255,255,255, 0.4);
        box-shadow:12px 0px 0px 0px rgba(255,255,255,2),24px 0px 0px 0px rgba(255,255,255,0.2);
    }
    75%{
		background-color:rgba(255,255,255, 0.4);
        box-shadow:12px 0px 0px 0px rgba(255,255,255,0.2),24px 0px 0px 0px rgba(255,255,255,1);
      }
}
/*Typing Loader End*/

/*common header Start*/
header,footer{
	position:relative;
}
#afui #header{
	background:#2596ff;
	overflow:visible;
}
.top{
	position:relative;
}
.logo{
	width:40.625%;
	margin-left:auto;
	margin-right:auto;
}
.cbtn-isrh,.pbtn-back{
	position:absolute;
	top:0%;
	left:0%;
	width:15.625%;
	height:100%;
	cursor:pointer;
	font:1.4em/3.3 "Microsoft Yahei";
}
.pbtn-back{
	padding-left:4.21875%; 
	padding-top:1%
}
.pbtn-back .arrow{
	width:1.1em;
	height:1.1em;
	display:inline-block;
	border-bottom:0.2em solid #fff;
	border-left:0.2em solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg); 
	vertical-align:middle;
}
.cbtn-inav,.pbtn-nav{
	position:absolute;
	top:0%;
	right:0%;
	width:15.625%;
	height:100%;
	cursor:pointer;
	color:#fff;
	font:1.6em/3 "Microsoft Yahei";
	padding-left:1%;
	padding-right:3.5%; 
}
/*trangle 三角形*/
.cbtn-inav span.trangle,.pbtn-nav span.trangle{ 
	width:0;
	height:0; 
	border-bottom:0.4em solid transparent;
	border-top:0.4em solid transparent;
	border-left:0.4em solid #fff;
	display:block;
	float:right;
	margin-top:45%;
}
.si-tl{
	position:relative;
	width:85.625%;
	margin:0 auto;
	padding-top:14.0625%;
}
.si-tl > h1{
	position:absolute;
	top:50% !important;
	left:0 !important;
	width:100% !important;
	height:auto !important;
	margin-top:-0.5em;
	margin-bottom:0 !important;
	padding:0 !important;
	font:1.2em/1 "Microsoft Yahei" !important;
	font-weight:bold;
	color:#fff !important;
	text-align:center;
}
/*srch*/
.srch-wrap{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	background:#177ddd;
}

.srch{
	width:84.375%;
	margin:0 auto;
	padding:0.8% 0;
}
.srch input{ vertical-align:middle;}
.srch-txt{
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	width:80%;
	padding:2% 4% 1% 4%;
	font:normal 1.25em/1 "Microsoft YaHei";
	cursor:pointer;
	border:none;
	border-radius:45px !important;
}
.srch-txt::-webkit-input-placeholder{
	color:#999;
}
.srch-sub{
	width:9.63%;
	margin-left:1.5%;
	font:normal 1.25em/2.45 "Microsoft YaHei";
	border:none;
	background:url(../images/search_bn.png) right center no-repeat;
	background-size:100%;
	border:none;
	cursor:pointer;
}
/*common header End*/
/*footer Start*/
.back-top{
  	position:absolute;
	top:-120%;
	right:3.28125%;
	cursor:pointer;
	border-radius:50%;
    width:4.25em;
	height:4.25em;
	background:url(../images/top.png) center 55% no-repeat #46a4fc;
	background-size:58.823%;
	font:1.125em/5.5 "Microsoft Yahei";
	text-align:center;
	color:#d14747;
}
.navbar{
	width:100%;background:#46a4fc
}
.navbar-list{
	position:relative;
	width:25%;
	float:left;
	font:1.25em/2 "Microsoft Yahei";
	text-align:center;
	padding-top:8%;
	border-left:1px solid #58aefe;
	border-right:1px solid #005aaf;
}
.navbar-list:first-child{ border-left:none}
.navbar-list:last-child{border-right:none}
.navbar-list:nth-child(1){ background:url(../images/tel.png)  center 20% no-repeat; background-size:25%;}
.navbar-list:nth-child(2){ background:url(../images/msm.png)  center 20% no-repeat; background-size:25%;}
.navbar-list:nth-child(3){ background:url(../images/map.png)  center 20% no-repeat; background-size:25%;}
.navbar-list:nth-child(4){ background:url(../images/share.png)  center 20% no-repeat; background-size:25%;}
.navbar-list a{ position:absolute;top:0%; left:0%; padding:30% 38% 5% 0%; color:#fff; text-align:right; width:100%}
/*footer End*/


/*common sidermenu  Start*/
/*左导航**/
#afui > #menu.tabletMenu{
	background:#FFF;
	width:27.5em;
	-webkit-backface-visibility:hidden;
}
/*common asidemenu 右导航*/
#afui>#aside_menu{
	width:27.5em;
	color:#FFF;
	background:#fffde4;
	box-shadow:10px 0 10px rgba(0, 0, 0, 0.1) inset;
}
.main-nav{
	padding-top:12%;
}
.nav-son > a{
	display:block;
	padding:10% 0 10% 14.5%;
	font:1.5em/0.1 "Microsoft YaHei";
	color:#e41a30;
	border-bottom:1px solid #ece9bf;
	text-align:left;
	background:url(../images/tab_leftnav.png) 90% center no-repeat;
	background-size:2.045%;
}
.nav-son  > a:visited{
	color:#e41a30;
}
/*common sidermenu  End*/

/*inavgrp index 导航组 Start*/
.inavgrp{
	position:relative;
	width:100%;
	padding:0% 2.8125%;
    background:url(../images/img35_04.png) center top no-repeat;
	background-size:100%;
	margin-bottom:3%;
}
/*inavgrp-son*/
.inavgrp-son{
	float:left;
	position:relative;
	width:25%;
	padding-top:2%;
	text-align:center;
}
.inavgrp-son a{
	display:block;
	color:#000;
	cursor:pointer;
	text-align:center;
}
.inavgrp-son a:visited{
	color:#000;
}
.inavgrp-son .bg1,.inavgrp-son .bg2,.inavgrp-son .bg3,.inavgrp-son .bg4{
	display:block;
	width:3.375em;
	height:3.375em;
	border-radius:50%;
	margin: auto;
	border:0.25em solid #177ddd;
}
.inavgrp-son .bg1 {
	background:url(../images/inavgoup1.png)  center center  no-repeat;
	background-size:50% auto;
}
.inavgrp-son .bg2{
	background:url(../images/inavgoup2.png) center center  no-repeat ;
	background-size:50% auto;
}
.inavgrp-son .bg3{
	background:url(../images/inavgoup3.png) center center  no-repeat ;
	background-size:50% auto;
}
.inavgrp-son .bg4{
	background:url(../images/inavgoup4.png) center center  no-repeat ;
	background-size:50% auto;
}
.inavgrp-son span.font{
	font:normal 1.0em/1.4 "Microsoft Yahei";
}
/*inavgrp index 导航组 End*/


/* notice*/
.notice{ 
     height:2.8em;
	 background:#772005;
	 overflow:hidden;
	 margin-top:1% !important;
}
.notice span{ 
    font:1.375em/2 "Microsoft Yahei";
	color:#e8deb1;
	padding-left:2%;
	padding-right:3%;
	float:left;
	background:url(../images/img35_03.jpg) right center no-repeat #a62f0d;
	background-size:24% ;
}
.n_con{
	font:1.25em/2 "Microsoft Yahei";
	float:left;
	width:70%;
	color:#d77658;
	overflow:hidden;
	cursor:pointer;
}
.n_c_in{
	padding-top:0.2em;
	height:2.5em;
	color:#d77658;
	word-wrap:break-word;
}
/* banner Start*/
.cslide{
	position:relative;
	overflow:hidden;
	visibility:hidden;
}
.cslide-in{
	position:relative;
	overflow:hidden;
}
.cslide-in > div{
	position:relative;
	width:100%;
	float:left;
	font-size:0;
}
.cslide-in > div img{
	display:inline-block;
}
.cslide-pos{
	position:absolute;
	z-index:9999;
	left:0;
	top:75%;
	width:100%;
	text-align:center;
	padding:1% 0;
	padding-bottom:1em;

}
.cslide-pos li{
	display:inline-block;
	width:0.75em;
	height:0.75em;
	margin:0 0.4em;
	background:#fff;
	border-radius:50%;
	box-shadow:rgba(0,0,0,1) 1px 2px 2px;
}
.cslide-pos li.on{
	background:#ca0217;
}
/* banner End*/


/*common content*/
/*itl*/
.itl{
	position:relative;
	padding:0 2.8125% 0 2.8125%;
	background:#46a4fc;
}
.itl-tl{    
	position:relative;
	font:1em/2 "Microsoft Yahei";
	color:#fff;
	width:69.07%;
	display:inline-block;
}
.itl-tl .bg_pro{
	width:19.05%;
	display:inline-block;
	background:url(../images/inavgoup2.png) center center no-repeat #fff;
	background-size:75%;
}
.itl-tl .bg_news{
	width:19.05%;
	display:inline-block;
	background:url(../images/inavgoup1.png) center center no-repeat #fff;
	background-size:75%;
}
.itl-more{margin-right:2.8125%;}
.itl-more a{
	font:1em/1.25 "Microsoft Yahei";
	color:#fff;
	display:block;

}
.itl-more a:visited{
	color:#fff;
}
.itl-more-pro{
	width:27.96%;
	display:inline-block;
	font:1em/1.8 "Microsoft Yahei";border:none;
	border-radius:5px;
	background:url(../images/tag_pc.png) 10% center no-repeat #177ddd;
	background-size:13.01%;
}
.itl-more-pro a{
	color:#fff;
	white-space:nowrap;
	display:block;
	padding-left:30%;
	text-align:left;
}
.itl-more-pro a:visited{
	color:#fff;
}
/*ipro,prolist,caselist*/
/*ipro,prolist,caselist*/
.ipro,.prolist,.caselist{
	width:94.375%;
	margin:0 auto;
	padding-bottom:1em;
	padding-top:1em;
}
.ipro .metro-b,.prolist .metro-b,.caselist .metro-b{
	float:left;
	position:relative;
	width:48.5%;
	margin-right:3%;
}
.ipro .metro-b .pic,.prolist .metro-b .pic,.caselist .metro-b .pic{
	display:block;
	border:1px solid #b1b1b1;	
	display:block;
	padding:1.5%
}
.ipro .metro-b .text,.prolist .metro-b .text,.caselist .metro-b .text{
	width:100%;
	display:block;
	margin:3% 0% 3% 0%;
	overflow:hidden;
	padding:0 0.175em;
	font:1.0em/2 "Microsoft Yahei";
	text-overflow:ellipsis;
	text-align:center;
	white-space:nowrap;
	color:#000;
	display:block;
}
.ipro .metro-b .order,.prolist .metro-b .order,.caselist .metro-b .order{
	 width:100%;
	 text-align:center;
	 background:#c41416;
	 border-radius:30px;
	 display:block;
	 font:1.375em/1.8 "Microsoft Yahei";
     color:#fff;
}
.ipro .metro-b:nth-child(2n),.prolist .metro-b:nth-child(2n),.caselist .metro-b:nth-child(2n){
	margin-right:0;
}
/*inews*/
.inews,.newslist,.knowledge{
	width:100%;
	padding:0 2.8125%;
	margin:2% auto;
}
.inews li,.newslist li,.knowledge li{
	position:relative;
	font:normal 1.0em/1.55 "Microsoft YaHei";
	color:#333;
	padding:0.5em 1em 0.5em 1em;
	border-bottom:1px dotted #cbcbcb;
	background:url(../images/arrow.png) 98% center no-repeat;
	background-size:2.483%
}
.inews li a,.newslist li a,.knowledge li a{
	display:block;
	color:#666666;
	padding-right:6%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.inews li a:visited,.newslist li a:visited,.knowledge li a:visited{
	color:#666666;
}
/*iabout*/
.iabout{
	width:95%;
	margin:2.5% auto;
	font:1.25em/1.5 "Microsoft Yahei";
	color: #666
}
/*itel*/
.itel{ width:95%;
	font:normal 1.25em/2.5 "Microsoft YaHei";
	color:#666666;
	padding: 0 0 0 25%;
	margin:1em auto;
	border:1px solid #a9acac;
	border-radius:8px;
	background:url(../images/img_42.jpg) 20% center no-repeat #FFF;
	background-size:6.579%;
	font-weight:bold
}
.itel span{
	color:#ff6600;
    font-size:1.2em;
}	   
/*iad*/
.iad{
	width:100%;
	position:relative;
	background:url(../images/down.png) 15.625% center no-repeat #ff6e7e;
	background-size:5.625%;
	font:1.75em/3.10 "Microsoft Yahei";
	text-align:left;
	padding-left:18%;
	margin:1em 0 auto;
	border-top: 0.125em solid #46a4fc;
}
.iad a{
	color:#fff;
	display:block;
}
.iad a:visited{
	color:#ffffff;
}
/*.copyright*/
.copyright{
	  font:1em/3 "Microsoft YaHei";
	  color:#666666;
	  text-align:center;
	}
.copyright a{ color:#666666}	
.copyright a:visited{ color:#666666}	
/*common content End */
/*page down*/
.down-son{
	position:relative;
	width:64.0625%;
	margin:3.75% auto;
	background:#ffa500;
}
.down-son a{
	display:block;
	padding:5% 0;
	font:1.625em/1 "Microsoft Yahei";
	color:#FFF;
	text-align:center;
}
.down-son .in{
	display:inline-block;
	vertical-align:middle;
	width:10%;
	margin-right:2%;
}


/*common button Start*/
/*btn-a*/
.btn-a{
	background:#ffa500;
	font:1.375em/2 "Microsoft YaHei";
    text-align:center;
	color:#FFF;
	cursor:pointer;
	padding:0 1.5em;
	width:38%;
	border-radius:5px;
}
.btn-a a{
	display:block;
	color:#FFF;
}
.btn-a a:visited{
	color:#fffffe;
}
/*btn-b*/
.btn-b{
	background:#215e3c;
	font:1.375em/2.5 "Microsoft YaHei";
    text-align:center;
	color:#FFF;
	cursor:pointer;
	padding:0 2em;
}
.btn-b a{
	display:block;
	color:#FFF;
}
.btn-b a:visited{
	color:#fffffe;
}
/*btn-back*/
.btn-back{
	display:inline-block;
}
/*btn-vpay btn-vcart*/
.btn-vpay,.btn-vcart{
	display:inline-block;
	margin:0 1em;
	width:28.75%;
}
/*common button End*/



/*paging module*/
/*module cdtl*/
.cdtl-tl{
	font:normal 1.5em/2 "Microsoft YaHei";
	text-align:center;
	margin:1em 0 auto;
	color:#e1172d;
	padding:0 1em;
}
.cdtl-tl-time{
	font:normal 1em/0.875 "Microsoft YaHei";
	text-align:center;
	margin:0.875em auto 0;
	color:#999;
	padding-bottom:1.5em;
	border-bottom:1px solid #d4d4d4;
}
.cdtl-tl-time-noline{
	font:normal 1em/0.875 "Microsoft YaHei";
	text-align:center;
	margin:0.875em auto 0;
	color:#999;
	padding-bottom:1em;
}
.cdtl-txt{
	width:94.375%;
	margin:1em auto;
	font:normal 1.25em/1.8 "Microsoft YaHei";
	color:#666;
}
.cdtl-txt img{
	display:inline-block;
}
.cdtl-pic{
	margin:2em 0;
	text-align:center;
}
.cdtl_pic-in{
	display:inline-block;
	max-width:90%;
}
.cdtl-order{
	position:relative;
	width:94.375%;
	background:#8ea54a;
	margin:auto;
	color:#FFF;
	padding: 0% 2.8125%;
	font:1.2em/3.125 "Microsoft Yahei";
}
.cdtl-order span{
	font:1.6em "Microsoft Yahei";
	vertical-align:middle;
}
.cdtl-order .cdtl-order-font{
	float:right;
	width:30%;
	border:1px solid #ff5402;
	background:#ff7900;
	color:#fff;
	text-align:center;
	border-radius:20px;
	font:1.3em/1.8 "Microsoft Yahei";
	margin-top:1%;
	margin-right:4%;
}
/*module pg-a*/
/*pg-a*/
.pg-a{ 
	padding:3.4375% 2.8125% 0 2.8125%;
	border-top:1px dotted #cbcfd5;
	width:100%;
}
.pg_a-son{
	margin-top:2.5%;
	padding:0.875em 0;
	font:1.2em/0.7 "Microsoft YaHei";
	color:#e1172d;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-indent:1em;
	cursor:pointer;
	border:1px solid #cbcfd5;
	border-radius:5px;
	background:#fff;
}
.pg_a-son a{
	color:#e1172d;
}
.pg_a-son a:visited{
	color:#e1172d;
}
/*page map*/
.allmap{
	width:100%;
	overflow:hidden;
	margin:0;
}
.mapinfo{
	width:75%;
	margin:0 auto;
	
}
/* product Start*/
.proclass{
	padding-top:1.8em;
}
.proclass hr{ height:1px;border:none;border-top:1px solid #8ea54a; }
.proclass a{
	color:#587501;
	background:#f5f5f5;
	padding: 0% 3% 0% 3%;
	font:1.5em/2 "Microsoft Yahei";
	margin-top:-1em;
	float:left;
	margin-left:35%;
}
.proclass a:visited{
	color:#587501
}
/*module slide  productview  Start*/
/*幻灯片 Start*/
.mod-slide{
	visibility:hidden;
	position:relative;
	overflow:hidden;
}
.mod-slide .slide-in{
	position:relative;
	overflow:hidden;
}
.mod-slide .slide-in > div{
	float:left;
	position:relative;
	width:100%;
	font-size:0;
	text-align:center;
}
.mod-slide .slide-in > div img{
	display:inline-block;
}
.mod-slide .slide-pos{
	position:absolute;
	left:0;
	bottom:0;
	z-index:9999;
	width:100%;
	padding:1% 0;
	text-align:center;
	background:none;
}
.mod-slide .slide-pos li{
	display:inline-block;
	width:0.75em;
	height:0.75em;
	margin:0 0.4em;
	background:#fff;
	border-radius:50%;
	box-shadow:rgba(0,0,0,1) 1px 2px 2px;
}
.mod-slide .slide-pos li.on{
	background:#ca0217;
}
.pslide{
	width:99.010%;
	margin-left:auto;
	margin-right:auto;
}
/*幻灯片 End*/
/* module slide  productview  End*/
/*page pro_cla*/
.pro_cla-con{
	width:94.375%;
	margin: 0 auto;
    padding:1em 0;
}
.pro_cla-son{
	margin-bottom:0.875em;
	border-bottom:1px solid  #d5d5d5;
}
.pro_cla-yj{
	width:100%;
	font:1.0em/1.375 "Microsoft Yahei";
	color:#570011;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0 15% 0 1em;
}
.pro_cla-yj a{
	display:block;
	color:#570011;
}
.pro_cla-yj a:visited{
	color:#570011;
}
.pro_cla-ej{
	padding:0.5em 0;
}
.pro_cla-ej .a{
	width:100%;
	display:block;
	font:1.375em/2.5 "Microsoft Yahei";
	height:2.5em;
	padding:0 15% 0 2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#c31315;
	cursor:pointer;
}
.pro_cla-ej .a a{
	color:#c31315;
}
.pro_cla-ej .a a:visited{
	color:#c31315;
}


/*fenye*/
.fenye{padding-top:10px; width:100%; overflow:hidden; text-align:left;}
/*page message*/
/*message*/
.message-tl{ 
	width:100%;
	font:1.5em/2.8 "Microsoft Yahei";
	margin-bottom:1%;
	margin-top:3%;
	color:#e1172d;
}
.message-tl a{color:#e1172d;}
.message-tl a:visited{color:#e1172d;}
.message-back{
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#3381b8), to(#fff))
}
.m-btn{
	width:94.375%;
	margin-left:auto;
	margin-right:auto;
}
.m-son{
	margin:0 auto;
	font:1.2em/3 "Microsoft YaHei";
	width:90%;
}
.m-son label{
	float:left;
	text-align:right;
	width:20.5%;
	font:1em/3 "Microsoft YaHei";
	color:#e1172d;
	margin-right:2.5%;
}
.m-son .star{
	padding-left:0.5em;
	color:#c80203;
}
.m-tl,.m-tl2{
	float:left;
	font:1em "Microsoft YaHei";
	padding:1em 1em;
	height:3em;
	color:#3333;
	background:#fff;
	border:1px solid #cbcbcb;
	margin:1% auto;
}
.m-tl{
	width:50.5%;
}
.m-tl2{	
	width:70.5%;
}
.m-con{
	margin:3% 0;
	float:left;
	width:70.5%;
	font:1em/3 "Microsoft YaHei";
	height:10em;
	padding:0 1em;
	border:1px solid #cbcbcb;
	background:#fff;
	color:#550012;
}
.m-addr{
	height:6em;
}
.m-yzm{
	float:left;
	width:35.9375%;
	border:1px solid #cbcbcb;
	background:#fff;
	color:#333;
	font:1em "Microsoft YaHei";
	text-align:center;
	height:3em;
	padding:1em 0;
}
.m_yzm-pic{
	width:23%;
	float:left;
	margin-left:5%;
	height:3em;
	text-align:center;
}
.m_yzm-pic img{
	display:inline-block;
	vertical-align:middle;
}
.m-submit,.m-reset{
	display:inline-block;
	margin:0 0.2%;
	width:27.75%;
	padding: 0 1.5%;
	cursor:pointer;
	border-radius:0;
	border:none;
	font-size:1.5em;
}
.m-submit{ background:#e1172d}
.m-reset{ background:#ffa500}
.select{ 
	float:left;
	color:#550012;
	background:#fff;
	border:1px solid #cbcbcb;
	margin:1% auto;
	clip:rect(0px,179px,16px,0px);
	overflow:hidden
}
.select select{
	font:1em "Microsoft YaHei";
	border:none;
	padding:0 3em;
	height:3em;
	background:url(../images/triangle.png)  92% center no-repeat;
	background-size:7.9%;
}
/*messageview*/
.message-list{
	width:94.375%;
	margin:2em auto;
	border-bottom:1px solid #d2d2d2;
}
.message-list:last-child{
	border-bottom:0;
}
.message-say{
	margin:1em 0;
}
.message_say-tl{
	font:normal 1.375em/2 "Microsoft Yahei";
}
.message_say-time{
	float:right;
	color:#333;
}
.message_say-yy{
	display:block;
	color:#e1172d;
	width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.message_say-yy-repay{
	display:block;
	color:#df5161;
	width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.message_say-con{
	width:100%;
	font:normal 1.2em/2 "Microsoft Yahei";
	padding:0 1em;
	color:#333;
}

/*media query*/
@media screen and (min-width:640px){
	.all{
		width:640px;
		margin:0 auto;
	}
	.inavgrp-son span{
		width:102px;
		height:102px;
	}
	.back-top{
		width:68px;
		height:68px;
		top:-120%;
	}
	.srch{
		width:540px;
	}
}
@media screen and (max-width:540px){
	body,html{font-size:14.5px;}
}
@media screen and (max-width:480px){
	body,html{font-size:13px;}
}
@media screen and (max-width:420px){
	body,html{font-size:11.5px;}
}
@media screen and (max-width:360px){
	body,html{font-size:10px;}
}
@media screen and (max-width:320px) {
	body,html{font-size:9px;}
}