/* Reset */
body,div,section,article,header,nav,footer,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,img,form,fieldset,legend,input,button,textarea,blockquote,th,td,menu,figure,dir,sup{margin: 0;padding: 0;border: 0;outline:0;}h1,h2,h3,h4,h5,h6,th{font-weight:normal}q:before,q:after{content:''}address,cite,dfn,em,var{font-style:normal;}img{border:0; display:block;}input,button,textarea,select{vertical-align:middle;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}textarea{overflow:auto}a{text-decoration:none}:focus{outline:0}a,.hand{cursor:pointer} em,i{ font-style: normal;}
ul li{ list-style-type:none;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
input:focus{ outline:none;}
input[type="button"],
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="time"],
input[type="number"],
button,
select,
textarea{-webkit-appearance:none; appearance:none; background:none;}
input[type="radio"],input[type="checkbox"]{-webkit-appearance:none; appearance:none;}
/* Public */
	html{ min-height:100%;}
	body{
		min-height:100%;
		color:#1a1a1a;
		font-size:12px;
		line-height:1.5;
		-webkit-font-smoothing: antialiased;		/* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;				/* Fix for webkit minFont size */
		-webkit-tap-highlight-color	:rgba(0,0,0,0);	/* Remove highlight on tap event*/
		-moz-tap-highlight-color	:rgba(0,0,0,0);
		-ms-tap-highlight-color		:rgba(0,0,0,0);
		-o-tap-highlight-color		:rgba(0,0,0,0);
		tap-highlight-color			:rgba(0,0,0,0);
		font: 12px/1.5 "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,tahoma,simsun,\5b8b\4f53;
		-webkit-text-size-adjust:none;
		overflow-x:hidden;
		background:#f5f6f7;
		}
	a{color:#1a1a1a;}
/* Font */
	.fsi{font-style:italic}				/*斜体*/
	.fwb{font-weight:bold}				/*加粗*/
	.fs1{font-size:14px !important;}				
	.fs2{font-size:16px !important;}
	.fs3{font-size:18px !important;}
	.fs4{font-size:24px !important;}
	.fs5{font-size:30px !important;}
	.fs{font-size:12px !important}		/*默认大小*/
	.ch{ font-family:"宋体";}			/*宋体*/
	.en{ font-family:Arial;}			/*英文字体*/
	.c1{color:#ccc !important;}			/*浅灰色*/
	.c2{color:#999 !important;}			/*深灰色*/
	.c3{color:#62666d !important;}			/*灰色*/
	.c5{color:#41A4D4 !important;}
	.red{ color:#FF0036 !important;}	/*红色*/
	.white{ color:#FFF;}				/*白色*/
	.black{ color:#000000 !important;}	/*黑色*/
	.green{ color:#2ec225 !important;}	/*绿色*/
	.orange{color:#f60;}				/*橙色*/
	.yellow{ color:#FF0;}				/*黄色*/
	.blue{color:#41A4D4 !important;}	 /*蓝色*/
	.tdu{text-decoration:underline}		/*下划线文字*/
	.tdl{ text-decoration:line-through;}/*中划线文字*/
/* COMMON */
	.fl{float:left}.fr{float:right !important;}
	.pa{position:absolute}.pr{position:relative}.pf{position: fixed !important;}
	.tal{text-align:left !important}.tar{text-align:right !important}.tac{text-align:center !important}.vam{ vertical-align:middle;}
	.clearfix:before, .clearfix:after { content:""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}  
	.clearfix:after {clear:both;}  
	/* IE 6/7 */  
	.clearfix { *zoom: 1; } 
	.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width:0;height:0;}

/*按钮*/
.btn{ height:28px; line-height:26px; padding:0 10px; border:#41A4D4 1px solid; background:#41A4D4; text-align:center; color:#fff; font-size:14px; cursor:pointer; display:inline-block;
-webkit-transition:all 0.4s; transition:all 0.4s; -webkit-border-radius:3px; border-radius:3px;}
.btn:hover{ color:#fff; background:#1d7faf; border-color:#1d7faf;}
.btn-outlined{ border-color:#41A4D4; background:#FFF !important; color:#41A4D4 !important;}
.btn.bbgf{background:#fff; border-color:#e6e6e6; color:#999;}
.btn.bbgf:hover{ background:#fff; border-color:#e6e6e6; color:#999;}
.btn.bred{ background:#f52f3e; border-color:#f52f3e; color:#fff;}
.btn.bred:hover{ background:#e11726; border-color:#e11726; color:#fff;}
.btn.bred-outlined{ background:#fff; border-color:#fe9292; color:#fe9292;}
.btn.bgreen{ background:#2ec225; border-color:#2ec225; color:#fff;}
.btn.bgreen:hover{ background:#1ca614; border-color:#1ca614; color:#fff;}
.btn.bfail{border-color:#e3e4e8; background:#e5e5e5; color:#aaa;}
.btn.bfail:hover{border-color:#e3e4e8; background:#e5e5e5; color:#aaa;}
.btn.breset{border-color:#939498; background:#939498; color:#fff;}
.btn.breset:hover{border-color:#939498; background:#939498; color:#fff;}
.btn.bgrey{border-color:#dfdfdf; background:#dfdfdf; color:#fff;}
.btn.bgrey:hover{border-color:#dfdfdf; background:#dfdfdf; color:#fff;}
.btn.borange{ background:#fdb046; border-color:#fdb046; color:#FFF;}
.btn.borange:hover{ background:#fdb046; border-color:#fdb046;}
.btn-outlined.borange{ background:none !important; color:#ffba34 !important;}
.btn.bcancel{background:#a3a4a8; border-color:#a3a4a8; color:#fff;}
.btn.bcancel:hover{ background:#939498; border-color:#939498; color:#fff;}
.btn.Large{ width:100%; padding:0; height:1.12rem; font-size:.42666666666666664rem; line-height:1rem;}

/*表单*/
.input-txt{
	width:100%;
	height:40px;
	line-height:20px;
	border:#dfdfdf 1px solid;
	padding:10px; 
	background:#FFF;
	font-size:15px;
	color:#333233;
	display:inline-block;
	vertical-align:middle;
	-webkit-border-radius:4px;
	        border-radius:4px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}

/*常用*/
.iconfont{ line-height:1;}
.space{ padding-left:1em;}
.spacep{ padding-left:0.5em;}
.space2{ padding-left:2em;}
.imgbox{ font-size:0; line-height:0; display:block;}
.imgbox img{ width:100%;}
.tap{display:block; position:relative;}
.mt5{ margin-top:6px !important;}
.mt10{ margin-top:12px !important;}
.mt30{ margin-top:30px !important;}
.mb10{ margin-bottom:12px !important;}
.mt15{ margin-top:15px !important;}
.mb15{ margin-bottom:15px !important;}
.m10{ margin:10px !important;}
.mt0{ margin-top:0px !important;}
.mb0{ margin-bottom:0px !important;}
.mr0{ margin-right:0px !important;}
.p10{ padding:10px !important;}
.pl0{ padding-left:0 !important;}
.pb0{ padding-bottom:0 !important;}
.pr0{ padding-right:0 !important;}
.box{ background:#FFF;}
.b-g-n{ background:none !important;}
.btline:before{ content:''; position:absolute; left:0; right:0; top:0; height:1px; background:#e5e6e7; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.bbline:after{ content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#e5e6e7; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}

/*遮罩层*/
.layer-bg{width:100%; height:100%; background:rgba(0,0,0,0.25);  position:fixed; z-index:199; left:0px; top:0px; visibility:hidden; opactiy:0; -webkit-transition:all 0.3s; transition:all 0.3s;}
.layer-bg.active{visibility:visible; opactiy:1;}

/*圆形复选框*/
.rcheck{width:20px; height:20px; display:block; border:#92999d 1px solid; background:#FFF; overflow:hidden; -webkit-border-radius:20px; border-radius:20px;}
.rcheck:checked,.rcheck.active{width:20px; height:20px;  display:block; border:#41A4D4 1px solid; background:#41A4D4; position:relative; -webkit-border-radius:20px; border-radius:20px;}
.rcheck:checked:after,.rcheck.active:after{ content:""; font-size:0px; width:4px; height:9px; display: block; position:absolute; left:5.5px; top:1.5px; border-bottom:#fff 2px solid; border-right:#fff 2px solid; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
/*方形复选框*/
.scheck{width:20px; height:20px; display:block; border:#92999d 1px solid; background:#FFF; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box;}
.scheck:checked,.scheck.active{ width:18px; height:18px; line-height:18px; display:block; border:#41A4D4 1px solid; background:#41A4D4; -webkit-box-sizing:border-box; box-sizing:border-box;}
.scheck:checked:after,.scheck.active:after{content:""; font-size:0px; width:3px; height:7px; display: block; position:absolute; left:5px; top:2px; border-bottom:#fff 2px solid; border-right:#fff 2px solid;-webkit-transform:rotate(45deg); transform:rotate(45deg);}
/*单选框*/
.radio{width:20px; height:20px; display:block; position:relative; background:#fff; border:#92999d 1px solid; -webkit-border-radius:100%; border-radius:100%;}
.radio:checked,.radio.active{width:20px; height:20px; display:block; position:relative; background:#41A4D4; border:#41A4D4 1px solid; -webkit-border-radius:100%; border-radius:100%;}
.radio:checked:after,.radio.active:after{width:8px; height:8px; display:block; position:absolute; left:50%; margin-left:-4px; top:50%; margin-top:-4px; background:#fff; content:''; font-size:0; -webkit-border-radius:100%; border-radius:100%;}

/*开关*/
.switch{width:48px; height:28px; position:relative; display:block; border:#e6e6e6 1.5px solid; background:#FFF; -webkit-border-radius:28px; border-radius:28px; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
.switch.active{ background:#0ba01e; border-color:#0ba01e;}
.switch .bun{width:26px; height:26px; position:absolute; left:0; top:0; display:block; background:#FFF; border:#e1e1e1 1px solid; -webkit-border-radius:100%; border-radius:100%; -webkit-box-shadow:0px 3px 0 rgba(0,0,0,0.1); box-shadow:0px 3px 0 rgba(0,0,0,0.1); -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
.switch.active .bun{ border-color:#fff; -webkit-transform:translate(20px,0); transform:translate(20px,0);}

.exit-opn{ margin:20px;}

/* header & footer start */
.header{width:100%; height:44px; background:#fff; text-align:center; font-size:0px; line-height:0px; position:fixed !important; z-index:100; left:0; top:0; padding:0 !important; -webkit-box-shadow:none !important; box-shadow:none !important; -webkit-transition:all 0.3s; transition:all 0.3s;}
.header:after{ content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#92999d; -webkit-transform:scaleY(0.5); transform:scaleY(0.5); opacity: .5;}
.kh-44{ height:44px;}
.header .fr{ position:relative; z-index:5;}
.edit-text{ padding:0 10px; font-size:15px; height:44px; line-height:44px; display:block; position:absolute; top:0; right:0; color:#535258; z-index:6;}
.edit-text .iconfont{ font-size:16px; display:inline-block; vertical-align:middle; margin:-2px 2px 0 0;}
.header .logo{ width:127px; height:30px; position:absolute; left:0px; top:50%; margin:-15px 0 0 10px;}
.header .mui-title{height:44px; line-height:44px; color:#000; font-weight:bold; font-size:18px;}
.mui-bar-nav.mui-bar .mui-icon{ margin:0; margin-left:-5px; color:#0; font-size:24px; padding:10px;}
.header .close{ width:44px; height:44px; text-align:center; line-height:44px; font-size:24px; color:#333; display:block; text-align:center; position:absolute; left:0; top:0; z-index:3; font-family:"iconfont" !important;}
.header .close:before{content: "\e7cd";}
.header-red .close{ color:#FFF;}
.header .h-srh{width:44px; height:44px; line-height:44px; font-size:24px;  text-align: center; display:block; position:absolute; color:#62666d;  right:0; top:0; z-index:5;}
.header .feilei{width:44px; height:44px; line-height:44px; font-size:24px;  text-align: center; display:block; position:absolute; color:#62666d;  right:0; top:0; z-index:5;}
.header .h-msg{width:44px; height:44px; line-height:44px; font-size:24px; text-align:center; display:block; position:absolute; color:#62666d; left:0; top:0; z-index:5;}
.header .h-msg .num{ background:#f04f45; position:absolute; left:21px; top:6px; min-width:16px; height:16px; padding:0 4px; text-align:center; line-height:16px; font-size:12px; color:#fff;  border-radius:10px;}
.header-red .h-msg{color:#fff;}
.header-red{ background:#41A4D4;}
.header-red:after{ display:none;}
.header-red .mui-title,.header-red .mui-icon,.header-red .mui-icon,.header-red .edit-text,.header-red .h-srh{ color:#FFF !important;}
.header .carts{width:44px; height:44px; font-size:24px; line-height:44px; text-align:center; display:block; position:absolute; color:#62666d; right:0; top:0; z-index:5;}
.carnum{width:18px; height:18px; font-size:12px; line-height:18px; text-align:center; color:#fff; background:#41A4D4; display:block; position:absolute; right:3px; top:3px; -webkit-border-radius:18px; border-radius:18px;}
.kh-49{ width:100%; height:49px;}
.mui-bar-tab~.mui-content{ padding-bottom:49px;}
.footer{width:100%; height:49px; background:#fff; position:fixed; left:0; bottom:0; z-index:90; -webkit-box-shadow:none; box-shadow: none;}
.footer:after{ content:''; position:absolute; left:0; right:0; top:0; height:1px; background:#92999d; -webkit-transform:scaleY(0.5); transform:scaleY(0.5); opacity: .5;}
.mui-off-canvas-wrap .footer{position: absolute!important;}
.footer .tab{ width:25%; height:49px; display:block; text-align:center; float:left; color:#62666d; position:relative;}
.footer .tab i{ width:30px; height:30px; display:block; margin:2px auto 0; background:url(../images/footer-icon.png) no-repeat; -webkit-background-size:120px 60px; background-size:120px 60px;}
.footer .tab .icon-1{ background-position:0 0;}
.footer .tab .icon-2{ background-position:-30px 0;}
.footer .tab .icon-3{ background-position:-60px 0;}
.footer .tab .icon-4{ background-position:-90px 0;}
.footer .tab.active .icon-1,.footer .tab:hover .icon-1{ background-position:0 -30px;}
.footer .tab.active .icon-2,.footer .tab:hover .icon-2{ background-position:-30px -30px;}
.footer .tab.active .icon-3,.footer .tab:hover .icon-3{ background-position:-60px -30px;}
.footer .tab.active .icon-4,.footer .tab:hover .icon-4{ background-position:-90px -30px;}
.footer .active,.footer .tab:hover,.footer .active i{ color:#41A4D4;}
.footer .tab p{ height:14px; line-height:14px; font-size:12px;}
.f-full-btn{width:100%; height:49px; font-size:.4rem; line-height:50px; padding:0; border:none; display:block; position:absolute; right:0; bottom:0; z-index:5; -webkit-border-radius:0; border-radius:0;}
/* header & footer end */
.kh-40{ height:40px;}
.modalScrollBox{width:100%; height:100%; position:relative; left:0; top:0; z-index:1; overflow:hidden;}
.modalScrollBox.w50{ width:50%; float:left;}
.modal-full{position:fixed; z-index:109; left:0; right:0; top:0; bottom:0; background:#FFF; padding:44px 0 0; -webkit-transition: all 0.4s; transition:all 0.4s; -webkit-transform:translateY(100%); transform:translateY(100%);}
.modal-full.active{-webkit-transform:translateY(0); transform:translateY(0);}
.modal-full-grey{ background:#efefef;}

/*表单 start*/
.form-list{ position:relative;}
.form-list:after,.form-list:before{ z-index:3;}
.form-list .item{background:#FFF; position:relative; font-size:14px;}
.form-list .item:after{ content:''; display:block; height:1px; background:#e5e5e5; position:absolute; left:.4rem; right:0; bottom:0; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.form-list .item:last-child:after{ display:none;}
.f-list-pl2{ padding-left:3.5em;}
.f-list-pl4{ padding-left:85px;}
.f-list-pl5{ padding-left:6.5em;}
.f-list-pl6{ padding-left:7.5em;}
.f-list-pl7{ padding-left:8.5em;}
.f-list-icon{ padding-left:44px !important;}
.form-list .arrow{ padding-right:.64rem;}
.form-list .icon-youjiantou{width: 16px; height: 16px; display: block; position: absolute; right:.24rem; top: 50%; margin-top: -8px; color:#b5b5b5; font-size:16px;}
.form-list .icon-iconfontarrows{width: 16px; height: 16px; display: block; position: absolute; right:.24rem; top: 50%; margin-top: -8px; color:#b5b5b5; font-size:16px;}
.form-list .name{ height:44px; line-height:44px; display:block; position:absolute; left:.32rem; top:0; font-size:14px;}
.f-list-mt10 .item{ margin-top:12px;}
.f-list-mt10 .item:after{ display:none;}
.form-list .txt{ width:100%; display:block; height:44px; padding:12px 8px; line-height:20px; font-size:14px; border:none; background:#fff; }
.form-list .txt::-webkit-input-placeholder{ color:#ccc;}
.form-list .txt-half{ width:50%; float:left; padding:13px 0 13px 12px;}
.form-list .tap{ height:44px; padding:12px 8px; line-height:20px; z-index:1; font-size: 14px;}
.form-list .unit{ font-size:14px; display:block; height:20px; line-height:20px; position:absolute; right:15px; top:50%; margin-top:-10px; color:#939498;}
.form-list .img-yzm { width: 108px; height: 44px; padding: 5px; display: block; position: absolute; right: 0; top: 0; border-left: #efefef 1px solid; border-right: #efefef 1px solid;}
.form-list .img-yzm img {width: 98px; height: 34px;}
.form-list textarea.txt{ height:100px;}
.form-list .getyzm {height:30px; line-height:30px; display:block; position:absolute; right:.4rem; top: 50%; margin-top:-15px; font-size:14px; color:#666;}
.form-list .getyzm.fail{ color:#999;}
.form-list .text{ height:46px; line-height:46px; padding:0 12px;}
.form-list .mrdz{ height:36px; line-height:18px; padding:4px 0; font-size:12px; color:#ccc; float:left;}
.id-photo-upload{ width:40px; height:40px; float:left; margin:10px 0 10px 12px;}
.form-list .icon-24{ width:20px; height:20px; position:absolute; left:10px; top:50%; margin-top:-10px; font-size:20px; color:#939498;}
.form-list .yzm{ position:absolute; right:10px; top:50%; margin-top:-16px; height:30px; display:block; border:#e5e5e5 1px solid;}
.form-list .yzm img{ height:100%;}
.form-list .label{ height:46px; line-height:46px; display:inline-block; margin-right:20px;}
.form-list .label input{ display:inline-block; vertical-align:middle; margin:-2px 3px 0 0;}
.title-bt{ font-size:.4rem; color:#939298; line-height:1; margin:.56rem .4rem 0;}
.form-list .mui-switch{ position:absolute; right:12px; top:50%; margin-top:-15px;}
.form-list .mui-switch:before{ height:28px; line-height:28px; top:0;}
.form-list .ico-check{ position:absolute; display:block; right:12px; top:50%; margin-top:-9px;}
.form-list .switch{ height:60px;}
.form-list .names{ line-height:20px; padding-top:4px;}
.form-list .tip{ line-height:18px; font-size:12px; color:#999;}
.form-list .up-thumb{ padding:12px 35px 12px 12px; overflow:hidden;}
.form-list .up-thumb .imgbox{height:60px; float:left;}
.form-list .up-thumb .imgbox img{ width:60px; height:60px; border:#d5d6d7 1px solid; -webkit-border-radius:5px; border-radius:5px;}
.form-list .up-thumb .dsp{ float:right; height:48px; line-height:24px; font-size:12px; color:#999; text-align:right; margin-top:8px;}
/*表单 end*/

/*list-tab start*/
.list-tab{ position:relative;}
.list-tab:before,.list-tab:after{ z-index:2; background:#d5d6d7;}
.list-tab .item{background:#FFF; position:relative;}
.list-tab .tap{ height:44px; line-height:44px; font-size:0.37333333333333335rem; padding:0 .32rem;}
.list-tab .tap:after{ content: ""; height:1px; background:#E5E6E7; position: absolute; z-index:5; bottom:0; left:.4rem; right:0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5);}
.list-tab .item:last-child .tap:after{ display:none;}
.list-tab .pl-24{ padding-left:50px;}
.list-tab .icon-24{ position:absolute; left:15px; top:50%; margin-top:-12px; font-size:24px; color:#5f646e;}
.list-tab .icon-24 img{ width:24px; height:24px;}
.list-tab .name{float:left;}
.list-tab .name .radio{ display:inline-block; vertical-align:middle; margin:-2px 5px 0 0;}
.list-tab .dsp{ float:right;}
.list-tab .arrow{ padding-right:25px;}
.list-tab .icon-youjiantou{ font-family:"iconfont"; width:16px; height:16px; font-size:16px; line-height:16px !important; font-weight: bold; display:block; position:absolute; right:7.5px; top:50%; margin-top:-8px; color:#ccc;}
.list-tab .check{ padding-right:45px;}
.list-tab .check .rcheck{ position:absolute; right:15px; top:50%; margin-top:-10px;}
.list-tab .mui-switch{ position:absolute; right:12px; top:50%; margin-top:-15px;}
.list-tab .mui-switch:before{ height:28px; line-height:28px; top:0;}
.list-tab .active:before{font-family:"iconfont" !important; content: "\e797"; width:16px; height:16px; display:block; font-size:16px; line-height:16px; color:#f45842; position:absolute; right:12px; top:50%; margin-top:-8px; font-weight:bold; z-index:3;}
/* list-tab end */
/*gxr.popups.js弹窗样式开始*/
.popupsBg{
	visibility:hidden;
	opacity:0;
	-webkit-transition:all 350ms cubic-bezier(.165,.84,.44,1);
	        transition:all 350ms cubic-bezier(.165,.84,.44,1);
	}
.popupsBg.active{
	visibility:visible;
	opacity:1;
	}
.popups{
	width:80%;
	position:fixed;
	left:50%;
	top:50%;
	z-index:10000;
	visibility:hidden;
	opacity:0;
	-webkit-transform: translate(-50%,-50%) scale(0.5,0.5);
	        transform:translate(-50%,-50%) scale(0.5,0.5);
	-webkit-transition:all 350ms cubic-bezier(.165,.84,.44,1);
	        transition:all 350ms cubic-bezier(.165,.84,.44,1);
	}
.popups.active{
	visibility:visible;
	opacity:1;
	-webkit-transform:translate(-50%,-50%) scale(1,1);
	        transform:translate(-50%,-50%) scale(1,1);
	}

.popupsClose{ width:32px; height:32px; font-size:24px; text-align:center; color:#FFF; line-height:30px; border:#FFF 1px solid; border-radius:32px; position:absolute; left:50%; bottom:0; transform:translate(-50%,92px); font-family:"iconfont" !important;}
.popupsClose:before{content: "\e7d8";}
/*gxr.popups.js弹窗样式结束*/

/*gxr.sideslip.js弹窗样式开始*/
.sideslipBg{
	visibility:hidden;
	opacity:0;
	-webkit-transition:all 350ms cubic-bezier(.165,.84,.44,1);
	        transition:all 350ms cubic-bezier(.165,.84,.44,1);
	}
.sideslipBg.active{
	visibility:visible;
	opacity:1;}
.sideslip{
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	width:80%;
	opacity:0;
	visibility:hidden;
	background:#FFF;
	-webkit-transform:translate3d(-100%, 0px, 0px);
	        transform:translate3d(-100%, 0px, 0px);
	-webkit-transition:all 350ms cubic-bezier(.165,.84,.44,1);
	        transition:all 350ms cubic-bezier(.165,.84,.44,1);
	}
.sideslip.right{
	left:auto;
	right:0;
	-webkit-transform:translate3d(100%, 0px, 0px);
 	        transform:translate3d(100%, 0px, 0px);
	}
.sideslip.active{
	opacity:1;
	visibility:visible;
	-webkit-transform:translate3d(0px, 0px, 0px);
	        transform:translate3d(0px, 0px, 0px);
	}
.sideslipTop{
	position:fixed;
	top:44px;
	left:0;
	right:0;
	background:#FFF;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 350ms cubic-bezier(.165,.84,.44,1);
	        transition:all 350ms cubic-bezier(.165,.84,.44,1);
	}
.sideslipTop.active{
	visibility:visible;
	opacity:1;
	}
.sideslipBottom{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background:#fff;
	opacity:0;
	visibility:hidden;
	box-shadow: 0 -1px 40px rgba(0,0,0,.3);
	-webkit-transform:translate3d(0px, 100%, 0px);
	        transform:translate3d(0px, 100%, 0px);
	-webkit-transition:all 350ms cubic-bezier(.165,.84,.44,1);
	        transition:all 350ms cubic-bezier(.165,.84,.44,1);
	}
.sideslipBottom.active{
	visibility:visible;
	opacity:1;
	transform:translate3d(0px, 0px, 0px);
	}
/*gxr.sideslip.js弹窗样式结束*/
.tips{ padding:12px; border:#dcf5ff 1px solid; background:#f7fdff; font-size:13px; line-height:1.6; color:#636468; margin:20px; -webkit-border-radius:5px; border-radius:5px;}

.menu-bar{ height:40px; background:#FFF; width:100%; position:relative; z-index:19;}
.menu-bar:after{ content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#d5d5d5; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.menu-bar.active{ position:fixed; top:44px;}
.menu-bar li{ height:40px; width:20%; float:left; text-align:center; position:relative; z-index:2;}
.menu-bar a{ display:block; height:40px; line-height:40px; font-size:15px; color:#535458;} 
.menu-bar .active a{ height:40px; color:#41A4D4; border-bottom:#41A4D4 2px solid;}
.menu-bar-col2 li{ width:50%;}
.menu-bar-col3 li{ width:33.33%;}
.menu-bar-col4 li{ width:25%;}

.idx-title{ height:1.2rem; padding:0 .32rem; background:#FFF; overflow:hidden; position:relative;}
.idx-title h2{ height:.48rem; float:left; .header:afterfont-size:.48rem; line-height:.48rem; font-size:.4rem; font-weight:bold; border-left:#000 3px solid; padding-left:7px; margin:.36rem 0 0 0;}
.idx-title .name{ float:left; line-height:1.2rem; font-size:.4rem;}
.idx-title .img-22{ width:24px; height:24px; display:inline-block; vertical-align:middle; margin:-3px 8px 0 0;} 
.idx-title .more{ float:right; height:1.2rem; line-height:1.2rem; font-size:14px; color:#999; margin-right:-5px;}
.idx-title .dsp{ float:right; height:1.2rem; line-height:1.2rem; font-size:14px; color:#888;}
.idx-title .views{ height:1.2rem; line-height:1.2rem; color:#aaa; float:right; margin-right:-7px; position:relative;}
.idx-title .views .icon-a12r{width:16px; height:16px; line-height:16px; font-size:16px; display:inline-block; vertical-align:middle; margin-top:-3px;}

.navBox{ position:relative; padding-top:48px;}
.navTab{ width:100%; height:48px; font-size:15px; background:#FFF; border-bottom:#dfdfdf 1px solid; position:absolute; left:0; top:0; z-index:5;}
.navTab .line{width:33.33%; left:0; height:2px; background:#41A4D4; position:absolute; bottom:-1px; -webkit-transition:all 0.3s; transition:all 0.3s;}
.navTab.active{ position:fixed; left:0; top:44px; z-index:11;}
.navTab ul li{ float:left; width:33.33%; text-align:center; font-size:14px;}
.navTab ul li a{ display:block;  height:48px; line-height:48px; color:#7f7f7f;}
.navTab ul li.active a{ color:#41A4D4;}
.success{ padding:30px 15px; text-align:center; overflow:hidden;}
.success .text{ text-align:center; margin-top:20px;}
.success .tit{ font-size:20px; line-height:24px; }
.success .dsp{ font-size:18px; line-height:24px; color:#999; margin-top:10px;}
.success .opn{ margin-top:20px; font-size:0; text-align:center; overflow:hidden;}
.success .opn .tab{ display:inline-block; margin:0 10px;}
.success .opn .tab .btn{ width:120px; height:34px; line-height:32px;}
.success .status{ width:72px; margin:0 auto;}
.success .icon-select-fill{ display:inline-block; width:64px; font-size:64px; color:#2ec225;}
.success .pay-ok{ width:80px; height:80px; display:block; margin:0 auto;}
.single-page{ padding:16px; line-height:1.85; font-size:14px;}

.idx-tit{ height:1.6rem; background: #FFF; font-size:0; text-align:center; position:relative;}
.idx-tit .name{ height:1.6rem; line-height:1.6rem; font-size:.48rem; display:inline-block; position:relative; padding:0 20px; }
.idx-tit .name .img-18{ width: .48rem; height: .48rem; display: inline-block;; vertical-align: middle; margin: -2px .16rem 0 0;}
.idx-tit .name:after{ content:''; position:absolute; right:-20px; top:50%; width:20px; height:1px; background:#cccccc; }
.idx-tit .name:before{ content:''; position:absolute; left:-20px; top:50%; width:20px; height:1px; background:#cccccc; }

#modal-select-address{ padding-bottom:49px;}
#modal-add-address{ z-index:110;}
.address-list .item{padding:15px 38px 15px 15px; overflow:hidden; background:#FFF; position:relative; margin-top:12px;}
.address-list .item:after{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#d6d6d6; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.address-list .item:before{content:''; position:absolute; left:0; right:0; top:0; height:1px; background:#d6d6d6; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.address-list .ico-check{ position:absolute; display:block; right:12px; top:50%; margin:0px; margin-top:-9px;}
.address-list .name{ font-size:15px; color:#333; line-height:24px;}
.address-list .info{ line-height:20px; color:#999; font-size:14px; margin-top:5px;}
.address-list .item .link{ width:100%; height:100%; display:block; width:100%; padding-right:24px;}
.address-list .flag{ height:18px; line-height:16px; padding:0 3px; display:inline-block; vertical-align:middle; color:#009b4c;  background:#fff; border:#009b4c 1px solid; margin:-4px 5px 0 0; font-size:12px; -webkit-border-radius:2px;border-radius:2px;}
.address-list.pr10 .item{ padding-right:12px;}
.address-list .opn{ font-size:14px; float:right;}
.address-list .opn .line{ width:1px; height:12px; display:inline-block; vertical-align:middle; margin:-2px 10px 0 10px; background:#CCC;}

/* 导航 */
.menuTit{ height:44px; line-height:44px; color:#FFF; padding:0 0 0 15px; font-size:16px;}
.menuTit .icon-guanbi{ width:36px; height:44px; display:block; float:right; font-size:16px; color:#bbb; text-align:center; line-height:44px;}
.menu{ border-bottom:#2b2b2b 1px solid; border-top:#2b2b2b 1px solid;}
.menu li{padding-left:15px;}
.menu li a{height:42px; line-height:42px; border-bottom:#2b2b2b 1px solid; font-size:14px; color:#eee; display:block; position:relative;}
.menu li:last-child a{ border:none;}
.menu li a:after{ width:12px; height:12px; line-height:12px; display:block; position:absolute; right:10px; top:50%; margin-top:-6px; font-family:"iconfont" !important; content: "\e644"; font-size:12px; color:#bbb;}
.menu li a .iconfont{ width:16px; height:16px; display:block; float:left; margin:11px 10px 0 16px; color:#bbb;}
.menu .active{ background:#242424;}
@media all and (min-width:320px){
	html{ font-size:32px;}
	}
@media all and (min-width:360px){
	html{ font-size:36px;}
	}

@media all and (min-width:375px){
	html{ font-size:37.5px;}
	}
	
@media all and (min-width:384px){
	html{ font-size:38.4px;}
	}
	
@media all and (min-width:412px){
	html{ font-size:41.2px;}
	}
	
@media all and (min-width:414px){
	html{ font-size:41.4px;}
	}

@media all and (min-width:480px){
	html{ font-size:48px;}
	}