/* 基本 */
html { font-size:20px; font-family:"Microsoft YaHei",微软雅黑,黑体,宋体,arial,tahoma,verdana,sans-serif;} 
/*@media only screen and (min-width:401px){ html { font-size:25px !important; } } 
@media only screen and (min-width:428px){ html { font-size:26.75px !important; } } 
@media only screen and (min-width:481px){ html { font-size:30px !important; } } 
@media only screen and (min-width:569px){ html { font-size:35px !important; } } 
@media only screen and (min-width:641px){ html { font-size:40px !important; } }*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, rem, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, rembed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0 auto; padding:0; border:0;}
html { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -o-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* 禁用iPhone中Safari的字号自动调整 */ 
body { color:#333;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;} /* 设置HTML5元素为块 */ 
ol, ul, li { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
    text-decoration:none;
}
a,a:visited { text-decoration:none; color:#333;}
a:hover, a:active { color:#c00;}
a:active, a:focus { -moz-outline:none; outline:none; ie-dummy:expression(this.hideFocus=true);}/*清除a链接过后的虚线*/
.clr { display:block; content:""; visibility:hidden; font-size:0px; width:0px; height:0px; clear:both;}
.clearfix:after { display:block; content:""; visibility:hidden; height:0; clear:both;}
.clearfix {*zoom:1;}
/*.clearfix:before,.clearfix:after { content:""; display:table; } 
.clearfix:after { clear:both;} 
.clearfix { *zoom:1;}*/

/* 嵌入内容 */
/*img { width:100%; height:auto; width:auto\9; border:0;}*/ /* 设置图片视频等自适应调整 */ 
svg:not(:root) { overflow:hidden;}
figure { margin:0;}

/* 表单 */
/*input,button,textarea{ border:0; -webkit-appearance:none;}*/
fieldset { border:0.1rem solid #c0c0c0;}
button[disabled], input[disabled] { background:#ccc; cursor:default; -webkit-appearance:none;}
input { border:none; font-family:"Microsoft YaHei",微软雅黑,黑体,宋体,arial,tahoma,verdana,sans-serif; font-size:0.7rem;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="date"], input[type="datetime-local"], textarea { -webkit-appearance:none;}
textarea { resize:none;} /* 禁止多行文本框textarea拖拽 */
input:focus, textarea:focus, select:focus { outline:none;}  /* 去除Chrome等浏览器文本框默认发光边框 */ 
input:focus {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
} /* 去掉高光样式 */ 
input, button, textarea, select { font-family:"Microsoft YaHei",微软雅黑,黑体,宋体,arial,tahoma,verdana,sans-serif;}

/* 表格 */
table { border-collapse:0; border-spacing:0; border-collapse:collapse;}

/* 媒体 */
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display:none; height:0;}

/* 公共样式 */
.slh { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fl { float:left;}
.fr { float:right;}
.hand { cursor:pointer;}
.show { display:block;}
.hide { display:none;}
.jc { font-weight:bold;}
.tc { text-align:center;}
.more { font-family:Arial, Helvetica, sans-serif; font-size:0.6rem; line-height:2rem; padding-right:1rem; float:right; color:#999;}
.more a { color:#999;}
.more a:hover { color:#f00;}
.time { font-family:Arial, Helvetica, sans-serif; font-size:0.6rem; float:right; color:#999;}
.mt { margin-top:0.5rem;}
.mt1 { margin-top:1rem;}
.mt2 { margin-top:2rem;}
.mt22 { margin-top:2.2rem;}
.mt25 { margin-top:2.5rem;}
.ml { margin-left:0.5rem;}
.pl { padding-left:0.5rem;}
.pl1 { padding-left:1rem;}
.pb { padding-bottom:0.5rem;}
.mb { margin-bottom:0.5rem;}
.mb1 { margin-bottom:1rem;}
.mb2 { margin-bottom:2rem;}
.mb25 { margin-bottom:2.5rem;}
.mb3 { margin-bottom:3rem;}
.mb4 { margin-bottom:4rem;}
.mr { margin-right:1rem;}
.mr15 { margin-right:1.5rem;}
.mr2 { margin-right:2rem;}
.pos-fixed { position:fixed;}
.shadow {
	-moz-box-shadow:0px 2px 3px #dadada;
	-webkit-box-shadow:0px 2px 3px #dadada;
	box-shadow:0px 2px 3px #dadada;
}

/* 字体大小 文字颜色 */
.yahei,.yahei12,.yahei14,.yahei16,.yahei18,.yahei20,.yahei22,.yahei24,yahei26 { font-family:"Microsoft YaHei",微软雅黑,黑体,宋体,SimSun,Arial;}
.yahei12 { font-size:0.6rem;}
.yahei14 { font-size:0.7rem;}
.yahei16 { font-size:0.8rem;}
.yahei18 { font-size:0.9rem;}
.yahei20 { font-size:1rem;}
.yahei22 { font-size:1.1rem;}
.yahei24 { font-size:1.2rem;}
.yahei26 { font-size:1.2rem;}
.white { color:#fff;}
.white a { color:#fff;}
.white a:hover { color:#fff;}
.red { color:#c00}
.red2 { color:#f00}
.red2 a { color:#f00;}
.red2 a:hover { color:#f60;}
.orange { color:#f60;}
.orange a { color:#f60;}
.orange a:hover { color:#f00;}
.black { color:#2f4056;}
.black a { color:#2f4056;}
.black a:hover { color:#f00;}
.blue { color:#1e9fff;}
.blue a { color:#1e9fff;}
.blue a:hover { color:#f00;}
.green { color:#090;}
.green a { color:#090;}
.green a:hover { color:#f00;}
.gray { color:#ccc;}
.gray2 { color:#999;}
.yellow { color:#ffb800;}
.yellow a { color:#ffb800;}
.yellow a:hover{ color:#f00;}
.cyan { color:#009688;}
.cyan a { color:#009688;}
.cyan a:hover { color:#f00;}
.cyan2 { color:#21d59b;}
.cyan2 a { color:#21d59b;}
.cyan2 a:hover { color:#f00;}
.pink { color:#ff3c50;}
.pink a { color:#ff3c50;}
.pink a:hover { color:#f00;}
.jc { font-weight:bold;}
.normal { font-weight:normal;}
.nowrap { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.no-data { text-align:center; font-size:0.7rem;}

/* 公共输入框 按钮 */
.input { width:100%; padding:0 10px; color:#333; border:#dcdcdc 1px solid; box-sizing:border-box;
	transition:all 0.4s;
}
.input:focus { outline:none;
	border-color:rgba(28, 153, 239, 0.8); 
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(28, 153, 239, 0.6);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(28, 153, 239, 0.6);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(28, 153, 239, 0.6)
}
.input::-webkit-input-placeholder { color:#999;}
.input::-moz-placeholder { color:#999;}
.input:-ms-input-placeholder { color:#999;}
.btn { width:100%; background:#15a871; border:none; color:#fff; text-align:center; cursor:pointer;
	transition:all 0.4s;
}
.select { width:100%; border:#dcdcdc 1px solid; box-sizing:border-box; outline:none; /*padding-left:5px;background:url(../images/pro_tab_icon_arrow.png) 65px 10px no-repeat;*/
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	transition:all 0.4s;
	/*很关键：将默认的select选择框样式清除*/ 
	/*appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;*/
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/  
.select::-ms-expand { display:none;}
.select option { font-size:0.7rem;}

/*加载页面*/
.page-loader { position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:9999;}
.page-loader-con { width:10rem; height:10rem; background:url(../images/load-page.gif) center 1rem no-repeat; background-size:3.2rem 3.2rem; margin:-5rem 0 0 -5rem; position:absolute; left:50%; top:50%; z-index:99999;}
.page-loader-con .loader-text { text-align:center;}

/* 表单样式一 */
.form-list { width:96%; font-size:0.7rem;}
.form-list li { width:100%; min-height:2rem; line-height:1.9rem; background:#fff; margin-top:0.5rem; border:#dcdcdc 1px solid; box-sizing:border-box; position:relative;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}
.form-list li input[disabled] { background:#fff !important;}
.form-list-btn { width:100%; line-height:2rem; border:none; box-sizing:border-box;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}
.form-text { width:25%; text-align:right; line-height:2rem; float:left;}
.form-input,.form-input2,.form-label { width:72%; height:1.9rem; line-height:1.9rem; font-size:0.7rem; padding:0 0.25rem; border:none; box-sizing:border-box; float:left;}
.form-label { color:#666;}
.form-textarea { width:96%; line-height:1rem !important; padding:2%; background:none; border:none; font-size:0.7rem; display:block;}
.form-input2 { width:100%; border:#f2f2f2 1px solid;}
.form-input-disabled { ime-mode:disabled}
.form-list input::-webkit-input-placeholder, .form-list textarea::-webkit-input-placeholder,.form-two-list input::-webkit-input-placeholder, .form-two-list textarea::-webkit-input-placeholder { color:#999;} 
.form-list input::-moz-placeholder, .form-two-list input::-moz-placeholder, .form-two-list textarea::-moz-placeholder  { color:#999;}
.form-list input:-ms-input-placeholder, .form-two-list input:-ms-input-placeholder, .form-two-list textarea:-ms-input-placeholder { color:#999;}

/*表单样式二*/
.form-two-list { font-size:0.7rem;}
.form-two-list li { width:100%; min-height:2rem; line-height:1.9rem; background:#fff; border-bottom:#f2f2f2 1px solid; box-sizing:border-box; position:relative;}
.form-two-text { width:25%; height:2rem; float:left; padding-left:0.5rem; box-sizing:border-box;}
.form-two-input,.form-two-input2,.form-two-input3,.form-two-user-input,.form-two-label { width:75%; height:1.9rem; line-height:1.9rem; color:#888; font-size:0.7rem; text-align:right; padding-right:0.5rem; border:none; box-sizing:border-box; float:left;}
.form-two-label { color:#888;}
.form-two-textarea { width:96%; line-height:1rem !important; padding:2%; border:none; font-size:0.7rem; display:block;}
.form-two-input2 { width:100% !important; border:#f2f2f2 1px solid;}
.form-two-input3 { width:100% !important; padding:0 0.5rem;}
.form-two-user-input { background:transparent; background:url(../images/user_book.png) center right no-repeat; background-size:20px 20px;}

.form-arrow-down { width:0; height:0; position:absolute; top:0.8rem; right:0.6rem;
	border-left:0.3rem solid transparent;
    border-right:0.3rem solid transparent;
    border-top:0.3rem solid #bebebe;
}
.form-arrow-down2 { width:0.3rem; height:0.3rem; border-top:0.1rem solid #bebebe; border-right:0.1rem solid #ccc; display:block; position:absolute; top:0.5rem; right:0.5rem;
	transform:rotate(135deg);
	-ms-transform:rotate(135deg); /* Internet Explorer */
	-moz-transform:rotate(135deg); /* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
	-o-transform:rotate(135deg); /* Opera */
}
.form-select,.form-select2,.form-select-list,.form-select-two-list,.form-pop-select-list { height:1.9rem; line-height:1.9rem; font-size:0.7rem; color:#333; border:none; box-sizing:border-box;}
.form-select-list,.form-select-two-list,.form-pop-select-list { color:#888; background:transparent; background:url(../images/arrow_dowon.png) center right no-repeat; background-size:12px 12px; -webkit-appearance:none; padding-right:1rem;}
.form-select { width:75%; padding-right:0.5rem; float:left; overflow:hidden; box-sizing:border-box;}
.form-select2 { width:100%; padding:0 0.5rem; overflow:hidden; box-sizing:border-box;}
.form-select-list,.form-select-two-list { width:100%;}
.form-select-two-list { direction:rtl;}
.form-select-two-list option { direction:ltr;}
.form-pop-select-list { width:100%; border:#f2f2f2 1px solid;}
.form-add-btn,.form-add2-btn,.form-del-btn,.form-del2-btn { width:1.3rem; height:auto; position:absolute; top:0.3rem; right:0.5rem; cursor:pointer;}
.form-add-img-btn, .form-del-img-btn  { width:1.3rem; height:auto; margin:0.3rem 0.5rem 0 0; cursor:pointer;}
.form-add-img-btn img, .form-del-img-btn img { width:1.3rem; height:auto;}
.form-title { width:100%; height:2rem; background:#fff; line-height:2rem; border-bottom:#f2f2f2 1px solid; color:#6faefe; padding:0 0 0 1rem; box-sizing:border-box; position:relative;}
.form-choose label,.form-choose2 label { display:block;} 
.form-choose input,.form-choose2 input { position:absolute; top:-9999px;}
.form-choose i { width:1.2rem; height:1.2rem; background:url(../images/choose.png) no-repeat; background-size:1.2rem; height:1.2rem; vertical-align:middle; margin-right:10px; display:inline-block;}
.form-choose input:checked+i { background: url(../images/choose_selected.png) no-repeat; background-size:1.2rem; height:1.2rem;}
.form-choose2 i { width:1.2rem; height:1.2rem; background:url(../images/choose2.png) no-repeat; background-size:1.2rem; height:1.2rem; vertical-align:middle; margin-right:10px; display:inline-block;}
.form-choose2 input:checked+i { background: url(../images/choose2_selected.png) no-repeat; background-size:1.2rem; height:1.2rem;}
.click-more { width:100%; height:2rem; font-size:0.8rem; text-align:center; line-height:2rem; color:#666;}

.form-list-show { width:100%; font-size:0.7rem; box-sizing:border-box; overflow:hidden;}
.form-list-show li { width:100%; min-height:2rem; line-height:1.9rem; background:#fff; border-bottom:#f2f2f2 1px solid; box-sizing:border-box; position:relative;}
.form-list-show .form-text { width:25%; text-align:right; line-height:2rem; float:left; box-sizing:border-box;}
.form-list-show .form-label { width:65%; height:1.9rem; line-height:1.9rem; font-size:0.7rem; color:#ccc; text-align:right; padding:0 0.25rem; border:none; box-sizing:border-box; float:left;}
.form-list-show .tip-no-input { color:#f00;}
.form-arrow-right { position:absolute; top:0.15rem; right:0rem;}
.form-arrow-right img { width:50%; height:50%;}
.form-user-pic img { width:1.5rem; height:1.5rem; margin-top:0.2rem;
	-moz-border-radius:0.75rem; 
	-webkit-border-radius:0.75rem;
	-o-border-radius:0.75rem;
	border-radius:0.75rem;
}
.form-ewm img { width:1.5rem; height:1.5rem; margin-top:0.2rem;}
.yzm-code { position:absolute; right:4px; top:3px;}
.yzm-code img { width:3.5rem; height:1.6rem;}
.yzm-input-pd { padding-right:26%;}
.yzm-sms-btn {  width:3.5rem; height:1.6rem; background:#1c99ef; color:#fff; text-align:center; font-size:0.6rem; padding:0 !important; border:none !important; position:absolute; right:4px; top:3px;}

/* 按钮 */
.btn-pos-bottom { position:fixed; bottom:0; left:0;}
.btn-pos-top { position:fixed; top:0; left:0; z-index:10;}
.form-yes-btn, .form-save-btn, .form-edit-btn, .form-quit-btn { width:100%; height:2rem; line-height:2rem; color:#fff; text-align:center; font-size:0.8rem; text-align:center; border:none !important;}
.form-yes-btn { background:#15a871;}
.form-save-btn { background:#1aad19;}
.form-edit-btn { background:#ff9c00;}
.form-quit-btn { background:#ff3b30;}
.form-yzm-btn { width:28%; height:1.9rem; background:#ee1a30; color:#fff; text-align:center; font-size:0.6rem; border:none;
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
}
.form-edit-con-btn,.form-del-con-btn,.form-pop-yes-btn { height:1.2rem; color:#fff; text-align:center; font-size:0.6rem; border:none; padding:0 0.5rem; line-height:1.2rem;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}
.form-edit-con-btn { background:#4ea3e9;}
.form-del-con-btn { background:#ff3b30;}
.form-pop-yes-btn { width:94%; height:2rem; background:#45c018;}

/*图形上传*/
.form-photo { width:96%; height:auto; font-size:0.7rem; margin:0.5rem auto 0;}
.form-photo li { width:4rem; height:6rem; background:#ccc; float:left; margin:0 0 0.5rem 0.5rem;}
.form-photo-text { height:3rem; background:#fff; line-height:3rem; text-align:right; border:1px solid #dcdcdc; border-width:1px 1px 0 1px;
	-moz-border-radius:0.25rem 0.25rem 0 0;
	-webkit-border-radius:0.25rem 0.25rem 0 0;
	border-radius:0.25rem 0.25rem 0 0;
}
.form-photo-text label { width:25%; text-align:right; padding:0 0.5rem; box-sizing:border-box; border-right:1px solid #dcdcdc; float:left;}
.form-photo-pic { margin-left:12rem; position:relative;}
#choose { display:none;}
/*canvas{ width:100%; border:1px solid #000000;}*/
#upload { height:3rem; text-align:right; display:block; cursor:pointer;}
#upload img { width:1.6rem; height:1.6rem; margin:0 0.5rem 0 0 !important; position:absolute; right:0; top:0.8rem;}
.touch { background-color:#ddd;}
.img-list { background:#fff; box-sizing:border-box; border:1px solid #dcdcdc; border-width:1px; padding:0.5rem 0 0 0;
	-moz-border-radius:0 0 0.25rem 0.25rem;
	-webkit-border-radius:0 0 0.25rem 0.25rem;
	}
.img-list li { width:3.9rem; height:3rem; background:#fff no-repeat center; background-size:100% 100%; float:left; margin:0 0 2rem 0.5rem; box-sizing:border-box; position:relative;}
.progress { position:absolute; width:100%; height:20px; line-height:20px; bottom:0; left:0; background-color:rgba(100,149,198,.5);}
.progress span {display:block; width:0; height:100%; background-color:rgb(100,149,198); text-align:center; color:#FFF; font-size:13px;}
.size { position:absolute; width:100%; height:15px; line-height:15px; bottom:-18px; text-align:center; font-size:13px; color:#666;}
.pic-list { margin:10px; line-height:18px; font-size:13px;}
.pic-list a { display:block; float:left;  margin:10px 5px;}
.pic-list a img {
	vertical-align:middle;
	max-width:3rem;
	max-height:3rem;
	margin:0.4rem 0 0 1rem;
}

/*加载页面*/
.page-loader { position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:9999;}
.page-loader-con { width:10rem; height:10rem; background:url(../images/load-page.gif) center 1rem no-repeat; background-size:3.2rem 3.2rem; margin:-5rem 0 0 -5rem; position:absolute; left:50%; top:50%; z-index:99999;}
.page-loader-con .loader-text { text-align:center;}

/*banner*/
.banner { width:100%; height:10rem; background:#f0f0f0; overflow:hidden; box-sizing:border-box;}
.banner h2 { font-size:0.7rem; text-align:left; padding:0 0.5rem;}
.banner .swiper-container { width:100%; height:100%;}
.banner .swiper-wrapper { }
.banner .swiper-pagination { text-align:center; bottom:0rem;} /* 圆点位置 可以在swiper.min.cs第六排调整上下 */
.banner .swiper-slide {
	text-align:center;
	font-size:0.8rem;
	background:#fff;
	/* Center slide text vertically */
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}
.banner .swiper-slide img { width:100%; height:auto;}

.gallerytitle { text-align:center; font-size:0.8rem; height:1.5rem; line-height:1.5rem; color:#fafafa; position:absolute; left:0; bottom:0; right:0; font-weight:normal;
	/* background-color:rgba(21,20,20,0.5); */
	background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/
}

/*首页菜单导航*/
.menu { width:100%; height:2rem; position:fixed; right:0; bottom:0; z-index:4;}
.menu li { width:33.333%; height:2rem; line-height:2rem; background:#f1f1f1; font-size:0.8rem; text-align:center; border:#cbcbcb 1px solid; border-width:1px 1px 0px 0px; float:left; position:relative; box-sizing:border-box;}
.menu:last-child { border-right:0px;}
.sub { width:100%; border:#cbcbcb 1px solid; border-width:1px 1px 0px 1px; font-size:0.7rem; position:absolute; bottom:2rem; z-index:-1; box-sizing:border-box; display:none;
	-moz-box-shadow:0px -2px 10px #ccc;
	-webkit-box-shadow:0px -2px 10px #ccc;
	box-shadow:0px -2px 10px #ccc;
}
.sub li { width:100%; background:#f1f1f1; font-size:0.7rem; border:#cbcbcb 1px solid; border-width:0px 0px 1px 0px !important; box-sizing:border-box;}
.sub li:last-child { border-bottom:0px;}
.sanjiao { width:0; height:0; position:absolute; bottom:5px; right:5px; opacity:.5;
	border:5px solid transparent;
	border-right:5px solid #000;
	border-bottom:5px solid #000;
}

/*页面背景*/
.zy-bg, .zy-body-bg { background:#f2f2f2;}

/*子页头部、导航*/
.list-header { height:2rem; line-height:2rem; background:#15a871; color:#fff; position:fixed; top:0px; left:0px; right:0px; z-index:9;}
.list-header .list-title { height:2rem; line-height:2rem; overflow:hidden; font-size:0.9rem; text-align:center;}
.back, .home, .set, .head-more, .search { text-align:center; font-size:1rem; position:absolute;}
.back a, .home a, .set a, .head-more a, .search a { color:#fff;}
.back { left:0.5rem; top:-0.1rem; font-size:1.5rem;}
.home { right:0.5rem; top:0rem;}
.set { right:0.5rem; top:0rem;}
.search { right:0.5rem; top:0rem;}
.head-more { right:0.5rem; top:0rem;}
.list-head-nav { width:100%; background:#f8f8f8; font-size:0.7rem; border-bottom:#ececec 1px solid; position:relative; top:0rem; left:0px; z-index:99999;
	/* 投影偏移3px，宽6px，颜色#666 */
	-webkit-box-shadow:0px 3px 5px #888;
	-moz-box-shadow:0px 3px 5px #888;
	box-shadow:0px 3px 5px #888;
}
.list-head-nav ul { padding:0.5rem;}
.list-head-nav ul li { width:33.33333333%; height:1.5rem; line-height:1.5rem; text-align:center; float:left; overflow:hidden;}
.list-head-nav ul li a { color:#1f1f1f;}
.list-head-nav ul li a:hover { color:#f00;}
.list-head-nav .on { background:#6dd066; color:#fff; font-weight:bold;}
.list-head-nav .on a { color:#fff;}
.list-head-nav .on a:hover { color:#ff0;}

/* 卡片列表 */
.card-list { width:100%; padding:0 2% 0% 2%; box-sizing:border-box;}
.card-list .card-con { width:100%; background:#fff; font-size:0.7rem; border:1px solid #dcdcdc; box-sizing:border-box; padding:1% 2% 2% 2%; margin:0.5rem 0 0 0; position:relative;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
	/* 投影偏移3px，宽6px，颜色#666 */
	-webkit-box-shadow:0px 1px 2px #d4d4d4;
	-moz-box-shadow:0px 1px 2px #d4d4d4;
	box-shadow:0px 1px 2px #d4d4d4;	
}
.card-list .card-list-tilte { height:1.5rem; line-height:1.5rem; border-bottom:1px solid #dcdcdc; display:block; margin:0.1rem 0 0.3rem 0; font-size:0.8rem; overflow:hidden;}
.card-list .card-title { line-height:1rem; border-bottom:1px solid #dcdcdc; font-size:0.6rem; position:relative; overflow:hidden;}
.card-list .card-title a { color:#333;}
.card-list .card-title a:hover { color:#c00;}
.card-list .card-title .title-text { height:1rem; line-height:1rem; display:block; margin:0.3rem 0; overflow:hidden;}
.card-list .card-title .title-text2 {line-height:1rem; display:block; margin:0.3rem 0;}
.card-list .card-number { margin-top:0.2rem;}
.card-list-con { color:#999; font-size:0.7rem; line-height:1.2rem;}
.card-list-con a { color:#999;}
.card-list-con a:hover { color:#c00;}
.card-list-des { border-top:1px solid #dcdcdc; color:#999; font-size:0.6rem; line-height:1.2rem; padding:0.2rem 0 0.5rem 0;}

/* 状态 */
.state { color:#fff; text-align:center; font-size:0.6rem; padding:0.1rem 0.3rem;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}
.state-right { position:absolute; top:0.1rem; right:0;}
.state-right2 { position:absolute; top:0.2rem; right:0;}
.state-right3 { height:1rem; line-height:1rem; position:absolute; top:0.5rem; right:0.5rem;}
.state-dsh { background:#00df9f;}  /* 待审核 */
.state-dfs { background:#49bff5;}  /* 待发送 */
.state-wtg { background:#ff0000;}  /* 未通过 */
.state-ytg { background:#009933;}  /* 已通过 */
.state-qx { background:#ff6600;}  /* 取消 */

/* 子页Tab */
.head-list-tab { width:100%; height:2rem; line-height:2rem; font-size:0.7rem; /*margin-top:2rem !important;*/}
.head-list-tab .swiper-wrapper .swiper-slide { background:#fff; text-align:center; color:#333; border-bottom:#ddd 1px solid; box-sizing:border-box;}
.head-list-tab .swiper-wrapper .swiper-slide.on { background:#fff; border-bottom:#18b4ed 2px solid; color:#18b4ed; font-weight:bold;}
.head-list-tab .swiper-wrapper .swiper-slide a { color:#333;}
.head-list-tab .swiper-wrapper .swiper-slide.on a { color:#18b4ed;}
.head-list-tab-tilte { height:1rem; line-height:1rem; display:block; margin:0.1rem 0 0.3rem 0; font-size:0.8rem; overflow:hidden;}

/*子页新闻列表一*/
.zy-news-list { width:96%; font-size:0.7rem; /*margin-top:2rem;*/}
.zy-news-list ul {}
.zy-news-list li { width:92%; height:2rem; background:url(../images/news_dot.png) 0px 5px no-repeat; line-height:2rem; padding-left:4%; border-bottom:#cecece 1px dotted; overflow:hidden;}

/*子页新闻列表二*/
.zy-news-list2 { width:100%; font-size:0.7rem; /*padding:0.25rem;*/ box-sizing:border-box;}
.zy-news-list2 dl { background:#fff; padding:0.25rem; margin-bottom:0.4rem; position:relative;
	-moz-box-shadow:0px 2px 2px rgba(185,185,185,0.5);  
	-webkit-box-shadow:0px 2px 2px rgba(185,185,185,0.5);
	box-shadow:0px 2px 2px rgba(185,185,185,0.5);
}
/*.zy-news-list2 dl:hover { background:#f8f8f8; display:block;}*/
.zy-news-list2 dl dt { width:38%; height:5rem; background:#f0f0f0; float:left; position:relative; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.zy-news-list2 dl dt img { width:100%; height:auto; border:0;}
.zy-news-list2 dl dt .name { width:100%; height:1.5rem; line-height:1.5rem; text-align:center; color:#fff; font-size:0.6rem; position:absolute; bottom:0; z-index:1;
	background:rgba(0,0,0,0.5);
}
.zy-news-list2 dl dd { width:58%; height:5rem; margin-left:0.5rem; float:left; box-sizing:border-box; overflow:hidden;}
.zy-news-list2 dl dd h3 { font-size:0.7rem; height:1rem; line-height:1rem; overflow:hidden;}
.zy-news-list2 dl dd h3 a { color:#333;}
.zy-news-list2 dl dd h3 a:hover { color:#c00;}
.zy-news-list2 dl dd .news-list-con { height:2.2rem; font-size:0.6rem; line-height:1.1rem; color:#999; text-indent:1.2rem; margin-bottom:0.1rem; overflow:hidden;}
.zy-news-list2 dl dd .news-list-con a { color:#999;}
.zy-news-list2 dl dd .news-list-con a:hover { color:#c00;}
.zy-news-list2 dl dd .source { height:1.5rem; line-height:1.5rem; font-size:0.6rem; color:#d2d2d2; border-top:#ededed 1px dotted; padding-top:0.2rem; box-sizing:border-box;}
.zy-news-list2 .send-btn { min-width:2.5rem; height:1.3rem; line-height:1.3rem !important; color:#fff;}
.zy-news-list2 .send-btn a { color:#fff;}

/*产品列表*/
.pro-list { width:100%; font-size:0.7rem; padding:0.5rem 2% 0 2%; box-sizing:border-box;}
.pro-list dl { border:#fff 2px solid; margin-bottom:0.8rem; background:#fff; /*background:url(../images/pro_bg.png) no-repeat;background-size:cover;*/  text-align:center; position:relative;
	-moz-box-shadow:0px 2px 2px rgba(185,185,185,0.8);  
	-webkit-box-shadow:0px 2px 2px rgba(185,185,185,0.8);
	box-shadow:0px 2px 3px rgba(185,185,185,0.8);
}
.pro-list dt { width:100%; height:7rem; overflow:hidden;}
.pro-list dt img { width:100%; height:100%; border:0;}
.pro-list .pro-name { width:100%; height:1.5rem; line-height:1.5rem; text-align:center; color:#fff; overflow:hidden; position:absolute; bottom:0;
	background:rgba(0,0,0,0.5);
	}
.pro-list dd { height:2rem; background:#ededed; line-height:2rem; text-align:center; overflow:hidden; position:relative;}
.pro-list a { color:#fff;}
.pro-list2 { width:100%; font-size:0.7rem; padding:2% 2% 0 2%; box-sizing:border-box;}
.pro-list2 dl { width:49%; background:#7f7f7f url(../images/no_pic.png) center center no-repeat; background-size:160px 100px; text-align:center; border:#fff 2px solid; margin: 0 2% 2% 0; float:left; position:relative; box-sizing:border-box;
	-moz-box-shadow:0px 2px 2px rgba(185,185,185,0.8);  
	-webkit-box-shadow:0px 2px 2px rgba(185,185,185,0.8);
	box-shadow:0px 2px 3px rgba(185,185,185,0.8);
}
.pro-list2 dl:nth-of-type(2n+0) { margin-right:0;} 
.pro-list2 dt { width:100%; height:5.5rem; overflow:hidden;}
.pro-list2 dt img { width:100%; height:100%; border:0;}
.pro-list2 .pro-name { width:100%; height:1.5rem; line-height:1.5rem; text-align:center; color:#fff; overflow:hidden; position:absolute; bottom:0;
	background:rgba(0,0,0,0.5);
}
.pro-list2 dd { height:2rem; background:#ededed; line-height:2rem; text-align:center; overflow:hidden; position:relative;}
.pro-list2 a { color:#fff;}
.pro-state { color:#fff; text-align:center; font-size:0.6rem; padding:0.1rem 0.3rem;}
.pro-state-right { position:absolute; top:0rem; right:0; z-index:9;}

/*产品分类*/
.pro-item { width:100%; margin:2.5rem 0 1rem 0; line-height:1.5rem; font-size:0.6rem; padding:0 0.5rem; position:relative; box-sizing:border-box;}
.pro-item dl { width:33.333333%; text-align:center; float:left;}
.pro-item dt { width:3rem; height:3rem; background:#f9f9f9; text-align:center; border:1px solid #e3e3e4; margin-top:0.5rem; line-height:3rem; display:inline-block; position:relative;
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
    -webkit-transition:-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
.pro-item dt img { display:inline-block; max-width:100%; vertical-align:middle;}
.pro-item dd { width:100%; font-size:0.7rem; height:1.5rem; line-height:1.5rem; overflow:hidden;}
.pro-item dt:hover{ box-shadow:0 7px 20px #e6e6e6; -webkit-transform:translateY(-3px); transform:translateY(-3px);}
.pro-item h3 { font-size:0.9rem; color:#00ace9; border-left:4px solid #00ace9; padding-left:0.5rem; line-height:0.9rem;  margin-top:1rem; margin-bottom:0.5rem;}

/* 产品详细展示页 */
.proshow-big-pic { width:100%; height:12rem; background:#fff; padding:1rem; box-sizing:border-box;}
.proshow-big-pic .pic { width:18rem; height:10rem; text-align:center; display:table-cell; vertical-align:middle;}
.proshow-big-pic .pic img { max-width:100%; max-height:10rem; overflow:hidden;}
.proshow-price { width:100%; background:#fff; padding:0 1rem 0.5rem 1rem; box-sizing:border-box;}
.proshow-price p { line-height:1.5rem; font-size:0.8rem;}
.proshow-introduce { width:100%; background:#fff; font-size:0.7rem;}
.proshow-title-bar { width:100%; color:#15a871; font-weight:bold; font-size:0.8rem; border-bottom:#f0f0f0 1px solid; padding:0.4rem 0.5rem; box-sizing:border-box;}
.proshow-title-bar .title-line { width:0.2rem; height:1rem; background:#15a871; margin-right:0.5rem; display:block; float:left;}
.proshow-introduce-con { padding:0.5rem; line-height:1.5rem; color:#555;}
.proshow-introduce-con img { width:100%; height:auto;}
.proshow-introduce-info { width:100%; padding:0.5rem; line-height:1.5rem; color:#555; box-sizing:border-box;}
.proshow-introduce-info li { border-bottom:#f0f0f0 1px solid;}
.proshow-introduce-info img { width:100%; height:auto;}
.proshow-ewm { }
.proshow-ewm img { width:60%; height:auto; margin:0 auto; vertical-align:middle; display:block;}
.proshow-sum { width:100%; background:#fff; padding:0.5rem 0;}
.proshow-sum dl { width:50%; text-align:center; float:left; box-sizing:border-box;}
.proshow-sum dt { color:#999; font-size:0.7rem;} 
.proshow-sum dd { color:#333; font-size:0.8rem; font-weight:bold;} 
.proshow-user-list { width:100%; background:#fff; box-sizing:border-box; position:relative;}
.proshow-user-list ul { position:relative;}
.proshow-user-list li { width:2rem; height:2rem; margin:0 0 0.5rem 0.5rem; float:left;}
.proshow-user-list li img { width:2rem; height:2rem; border-radius:100%;}
.proshow-user-list .proshow-user-text { padding:0 0.5rem; font-size:0.7rem; line-height:1.5rem;}
.proshow-user-list .form-arrow-right { top:0.3rem; right:0rem;}

/*项目底部按钮 */
.pro-bottom { width:100%; height:3rem; background:#fff; border-top:1px #f5f5f5 solid; box-sizing:border-box; box-shadow:0px 0px 0px 0px #abcdef; box-sizing:border-box;}
.pro-bottom li { text-align:center; font-size:0.7rem; padding:0.5rem 0 0 0; float:left;}
.pro-bottom li i { font-size:0.9rem;}
.pro-bottom li:nth-child(1) { width:25%;}
.pro-bottom li:nth-child(2) { width:25%;}
.pro-bottom li:nth-child(3) { width:50%;}
.pro-bottom li:nth-child(1) i { color:#f00;}
.pro-bottom li:nth-child(2) i { color:#093;}
.pro-bottom .invite-btn { width:95%; height:2rem; background:#f60; line-height:2rem; font-size:0.8rem; color:#fff; margin-bottom:0.5rem; display:block;
	-moz-border-radius:0.25rem;
	-webkit-border-radius:0.25rem;
	border-radius:0.25rem;
}
.pro-view-btn { text-align:center; padding:0.5rem 0; font-size:0.7rem;}
.pro-login-btn, .resume-reg-btn { width:auto; height:35px; padding:0px 15px; border:1px #ccc solid;
	-moz-border-radius:0.25rem;
	-webkit-border-radius:0.25rem;
	border-radius:0.25rem;
}
.pro-login-btn { background:#090; border-color:#090; color:#fff;}
.pro-reg-btn { background:#fff;}

/*爱心捐赠列表 */
.love-user-wrap { width:100%; font-size:0.7rem; text-align:center; box-sizing:border-box;}
.love-user-wrap img { width:100%; height:auto; padding:0.5rem 0; margin:0 auto; vertical-align:middle; display:block;}
.love-user-wrap .love-user-des { text-align:center; line-height:1.2rem; border-bottom:#e8e8e8 1px solid; padding-bottom:0.5rem;}
.love-title { color:#ed1350; font-size:0.8rem; font-weight:bold;}
.love-user-list-info { background:#15a871; color:#fff; font-size:0.8rem; text-align:center; line-height:2rem;}
.love-user-list { width:100%; box-sizing:border-box;}
.love-user-list dl { width:100%; height:3rem; padding-top:0.5rem; border-bottom:#f0f0f0 1px solid; box-sizing:border-box; clear:both; position:relative;}
.love-user-list dt { width:2rem; height:2rem; margin:0 0 0.5rem 0.5rem; float:left;}
.love-user-list dt img { width:2rem; height:2rem; border-radius:100%;}
.love-user-list dd { padding:0.1rem 0 0 0.25rem; float:left;}
.love-user-list .money { color:#3ebb2b; position:absolute; right:0.5rem; top:1rem;}
.love-user-list .money2 { color:#3ebb2b; margin-left:0.5rem;}
.love-user-list .love-time { font-family:Arial, Helvetica, sans-serif; font-size:0.6rem; color:#999;}
.love-user-list li { width:100%; font-size:0.7rem; line-height:1.2rem; padding:0.25rem 2%; border-bottom:#f0f0f0 1px solid; box-sizing:border-box; clear:both; position:relative; overflow:hidden;}
.love-user-list li span { font-size:0.6rem;}

/*捐款项目*/
.pay-project { width:100%; font-size:0.7rem; padding:0.25rem; box-sizing:border-box;}
.pay-project dl { margin-bottom:0.5rem;}
.pay-project dt { width:100%; height:10rem; background:#e5e5e5 url(../images/no-pic2.jpg) center center no-repeat; overflow:hidden; position:relative;}
.pay-project dt img { width:100%; height:100%; border:0;}
.pay-project dd { height:2rem; background:#ededed; line-height:2rem; padding:0.2rem 0.5rem 0 0.5rem; overflow:hidden; position:relative;}
.pay-project .pay-btn { width:5rem; height:1.5rem; background:#3ebb2b; text-align:center; line-height:1.5rem; position:absolute; right:0.25rem; bottom:0.35rem;}
.pay-project .pay-btn a { color:#fff;}
.pay-project .pay-btn a:hover { color:#fc3;}
.pay-project-show { width:96%; font-size:0.7rem; padding:0.25rem; margin-bottom:13rem;}
.pay-project-show-pic { width:100%; height:6rem; overflow:hidden;}
.pay-project-show-pic img { width:100%; height:100%; border:0;}
.pay-project-show-con { line-height:1.5rem; font-size:0.8rem; padding:0 0.5rem;}

/*捐款*/
.pay-project-desc { width:100%; background:#f9f9f9; font-size:0.7rem; line-height:1.2rem;  padding:0.5rem; box-sizing:border-box;}
.pay-project-login { color:#f00;}
.pay-project-login a { color:#f00;}
.pay-agreement { width:96%; font-size:0.7rem; line-height:1.2rem; padding:0.5rem 0; box-sizing:border-box;}
.pay-agreement span { padding-left:0.5rem; color:#f00;}

/*新闻详情*/
.newsshow { width:100%; position:relative;}
.newsshow h1 { text-align:center; line-height:1.2rem; font-size:1rem; font-weight:bold; padding:0.5rem; border-bottom:1px solid #E8E8E8;}
.newsshow .line { width:100%; text-align:center; border-bottom:#E8E8E8 1px solid; line-height:1.5rem; font-size:0.6rem; color:#999;}
.newsshow .line a { color:#5da8af;}
.newsshow .content { line-height:1.5rem; font-size:0.8rem; padding:0 0.5rem;}
.newsshow img { max-width:100%; height:auto; padding:0.5rem 0; margin:0 auto; vertical-align:middle; display:block;}
.newsshow table { width:100%; font-size:0.7rem;}
.newsshow table th { background:#cfe4ed; color:#15a871; padding:0 5px; border:#cfe4ed 1px solid;}
.newsshow table td { height:1.5rem; border:#e8e8e8 1px solid; padding:0 5px;}
.newsshow-table-bg { background:#f0f0f0; padding:0.25rem 0.25rem 0.5rem 0.25rem;}
.newsshow-table-bg table { width:98%; margin-top:0.5rem; font-size:0.7rem;}
.newsshow-table-bg table td { height:25px; border:#ccc 1px solid; padding:0 5px;}
.newsshow .tag { font-size:0.7rem; padding-top:0.5rem; line-height:1.5rem; border-bottom:#ededed 1px solid; font-weight:bold;}
.wx-ewm-gz { font-size:0.7rem; border-top:#E8E8E8 1px solid; line-height:1.2rem; padding:0.5rem;}
.wx-ewm-gz img { width:100%; height:auto; margin:0 auto; vertical-align:middle; display:block;}
.wx-phone { padding:0.2rem 0.5rem; font-size:0.7rem; line-height:1.5rem; border-top:#E8E8E8 1px solid; box-sizing:border-box;}

/*捐款记录*/
.love-history { width:100%; padding:0 1%; box-sizing:border-box; position:relative;}
.love-history .line { width:100%; text-align:center; border-bottom:#E8E8E8 1px solid; line-height:1.5rem; font-size:0.6rem; color:#999;}
.love-history .line a { color:#5da8af;}
.love-history .content { line-height:1.5rem; font-size:0.8rem; padding:0 0.5rem;}
.love-history .content h1 { text-align:center; line-height:1.5rem; font-size:1rem; font-weight:bold; padding:0.5rem; border-bottom:1px solid #E8E8E8;}
.love-history img { width:100%; height:auto; padding:0.5rem 0; margin:0 auto; vertical-align:middle; display:block;}
.love-history table { width:100%; font-size:0.7rem;}
.love-history table th { height:1.5rem; background:#cfe4ed; color:#15a871; padding:0 5px; border:#cfe4ed 1px solid;}
.love-history table td { height:1.5rem; border:#e8e8e8 1px solid; padding:0 5px;}
.love-history .pay-time { font-family:Arial, Helvetica, sans-serif; font-size:0.6rem; color:#999;}
.love-history .about-con {}
.love-history .about-txt { background:#dcdcdc; padding:0.25rem 0.5rem; margin-bottom:0.5rem; font-weight:bold;}

/*分页样式*/
.page { height:1.5rem; font-size:0.7rem; position:relative;}
.page .page-left, .page .page-right { height:1.5rem; line-height:1.5rem; background:#15a871; color:#fff; padding:0 0.25rem; position:absolute; top:0px;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}
.page .page-left { left:0.5rem;}
.page .page-right { right:0.5rem;}
.page .page-mid { margin:auto; width:4rem; height:1.5rem;}
.page .page-option { height:1.5rem; line-height:1.5rem; font-size:0.7rem; position:relative; overflow:hidden;}
.page .page-option:after { content:' ';position:absolute;top:9px;right:10px;width:6px;height:6px;border:#aaa solid;-webkit-transform: rotate(135deg);border-width: 2px 2px 0 0;}
.page .page-option select { float:left;position:absolute;top:0;right:0;z-index:2;padding:0;border:0;-webkit-appearance:none;width:100%;background:transparent;height:30px;text-indent:5px;font-size:14px;color:#333;}
.page .page-option select option { }
.page a  { color:#fff; }
.page-disabled { background:#ccc !important; cursor:not-allowed; -webkit-appearance:none;}

/*分享遮罩*/
.layer { width:100%; height:100%; background-color:rgba(0,0,0,.8); position:absolute; display:none; left:0; top:0;z-index:999;}
.layers { width:100%; height:100%; background:url(../images/wzp_layer.png) center no-repeat; background-size:320px auto;}
.wx_layer { width:100%; height:100%; background-color:rgba(0,0,0,.8); position:absolute; left:0; top:0; z-index:1000; display:none;}
.wx_layers { width:100%; height:100%; background:url(../images/wx_layer.png) center top no-repeat; background-size:contain;}

/*弹出层--点击出现浮层并开启阻止容器滚动*/
.pop-wrap,.pop-overlay { position:fixed; top:0; right:0; bottom:0; left:0;}
.pop-wrap { z-index:300; visibility:hidden; overflow:hidden; -webkit-transition: visibility .25s; transition: visibility .25s;}
.pop-wrap.active { -webkit-transition:none; transition:none; visibility:visible;}
.pop-overlay { background:#000; opacity:0; -webkit-transition:opacity .25s; transition:opacity .25s;}
.pop-wrap.active > .pop-overlay { opacity:.6;}
.pop-wrap .pop-main { font-size:0.8rem; line-height:1.5rem; padding:0 0.5rem; position:absolute; left:0; right:0; top:2.2rem; bottom:2.2rem; overflow:auto; -webkit-overflow-scrolling:touch;}
.pop-wrap .scrollable { overflow:auto; -webkit-overflow-scrolling:touch;}
.pop-content { background:#fff; position:absolute; bottom:0rem; right:0rem; left:0rem; top:0rem;
	-webkit-transition:transform .15s; 
	transition:transform .15s;
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
}
.pop-wrap.active > .pop-content { -webkit-transform:translate(0%, 0%); transform:translate(0%, 0%);}
.pop-content h3 { width:100%; height:1.3rem; line-height:1.3rem; color:#333; text-align:center; border-bottom:1px solid #f2f2f2; /*padding-bottom:0.5rem;*/ padding:0.3rem 0; overflow:hidden;}
.pop-content h2 { width:100%; height:2rem; background:#3c0; text-align:center; line-height:2rem; color:#fff; font-size:0.8rem; font-weight:bold; overflow:hidden;}
.pop-content .head-title { width:100%; height:1.3rem; line-height:1.3rem; background:#f6f6f6; color:#333; text-align:center; font-size:0.8rem; border-bottom:1px solid #f2f2f2; font-weight:bold; padding:0.3rem 0; overflow:hidden;}
.pop-footer { width:100%; display:table; position:absolute; left:0; right:0; bottom:0;}
.pop-btn-group { display:table-cell; cursor:pointer;}
.pop-btn-group .item-bg1, .pop-btn-group .item-bg2, .pop-btn-group .item-bg3, .pop-btn-group .item-bg4, .pop-btn-group .item-bg5 { color:#fff; font-size:0.8rem; text-align:center; line-height:2rem; border-right:#eff3f7 1px solid; display:block;}

/*底部固定操作栏*/
.bottom-flex { width:100%; background:#4ea3e9; overflow:hidden; font-size:0.8rem; position:fixed; bottom:0;
	display:-moz-box;  
	display:-webkit-box;  
	display:-o-box;  
	display:box;
}
.bottom-flex .item { height:2rem; background:#4ea3e9; color:#fff; line-height:2rem; text-align:center; cursor:pointer; border-right:#eff3f7 1px solid; margin:0; padding:0;
	-webkit-box-flex:1;
}
.bottom-flex .item:last-child { border-right:0px;}
.bottom-flex .item-bg1 { background:#ff9c00;}
.bottom-flex .item-bg2 { background:#ff3b30;}
.bottom-flex .item-bg3 { background:#c7c7cc; color:#333;}
.bottom-flex .item-bg4 { background:#7db6ef;}
.bottom-flex .item-bg5 { background:#00cc33;}
.bottom-flex .item-bg6 { background:#33cc00;}
.bottom-flex .item-bg7 { background:#49bff5;}
.pop-btn-group .item-bg1 { background:#ff9c00;}
.pop-btn-group .item-bg2 { background:#ff3b30;}
.pop-btn-group .item-bg3 { background:#c7c7cc; color:#333;}
.pop-btn-group .item-bg4 { background:#4ea3e9;}
.pop-btn-group .item-bg5 { background:#00cc33;}
.noscroll,.noscroll body { overflow:hidden;}
.noscroll body { position:relative;}
.tip-pop { width:10rem; height:2rem; margin:-1rem 0 0 -5rem; text-align:center; color:#fff; font-size:0.7rem; overflow:hidden; outline:0;
	position:fixed; left:50%; top:40%; z-index:9999; padding:5% 0 0 0; display:none;
    -webkit-overflow-scrolling:touch;
    background:rgb(0, 0, 0);  
    filter:alpha(opacity=50);  
    background:rgba(0, 0, 0, 0.5);
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}

/*顶部搜索*/
.head-search { width:96%; height:1.7rem; background:#fff url(../images/job_search.png) no-repeat 0.4rem 0.4rem; background-size:0.8rem; font-size:0.7rem; border:#dcdcdc 1px solid; margin-left:2%; padding:0 0 0 1.5rem; box-sizing:border-box; overflow:hidden; position:relative;
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
}
.head-search-input { height:1.7rem; line-height:1.5rem; border:none; box-sizing:border-box; font-size:0.7rem;}
.head-search-input { width:90%;}

.head-advanced-search { width:68%; height:1.7rem; background:#fff url(../images/job_search.png) no-repeat 0.4rem 0.4rem; background-size:0.8rem; font-size:0.7rem; border:#dcdcdc 1px solid; margin-left:2%; padding:0 0 0 1.5rem; box-sizing:border-box; overflow:hidden; position:relative;
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
}
.head-advanced-input { height:1.7rem; line-height:1.7rem; border:none; box-sizing:border-box; font-size:0.7rem;}
.head-advanced-input { width:90%;}
.head-advanced-text { width:26%; height:1.7rem; background:#fff; line-height:1.5rem; color:#666; text-align:center; font-size:0.7rem; border:#dcdcdc 1px solid; padding:0 0.5rem; margin-left:2%; box-sizing:border-box;
	-moz-border-radius:0.5rem; 
	-webkit-border-radius:0.5rem;
	-o-border-radius:0.5rem;
	border-radius:0.5rem;
}
.head-advanced-con { width:100%; background:#fff; padding:2% 0; font-size:0.7rem; box-sizing:border-box; display:none; position:absolute; top:2rem; left:0; z-index:10;}
.head-advanced-con h2 { line-height:1.5rem; font-size:0.8rem; padding:0 4%; border-bottom:1px solid #dcdcdc;}
.close-head-advanced-con { font-size:0.7rem; color:#999; font-weight:normal;}
.head-advanced-con label { width:28%; line-height:1.5rem; text-align:right; float:left;}
.head-advanced-con ul { padding-top:0.5rem;}
.head-advanced-con li { margin-bottom:0.5rem; position:relative;}
.head-advanced-con input { width:100%; color:#a9a9a9;}
.head-advanced-con input[type=button], .head-advanced-con input[type=submit] { color:#fff;}
.head-advanced-con input::-webkit-input-placeholder { color:#a9a9a9;}
.head-advanced-con input:-moz-placeholder { color:#a9a9a9;}
.head-advanced-con input::-moz-placeholder { color:#a9a9a9;}
.head-advanced-con input:-ms-input-placeholder { color:#a9a9a9;}
.head-select-group, .head-advanced-input2 { width:68%; height:1.5rem;}
.head-select-group, .head-advanced-input2 { box-sizing:border-box; border:1px solid #dcdcdc; padding:0 0.5rem; position:relative;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
	}
.head-advanced-input2 { height:1.5rem !important; line-height:1.3rem;}
.head-select-group::after { width:0.6rem; height:0.6rem; content:""; position:absolute; top:0.25rem; right:0.5rem;
	 border-top:solid 0.01rem #c4c4c4;
	 border-right:solid 0.01rem #c4c4c4;
	 -webkit-transform:rotate(135deg);
	 -ms-transform:rotate(135deg);
	 transform:rotate(135deg);
	}
.head-select-group select { width:100%; height:1.5rem; line-height:1.5rem; color:#a9a9a9; box-sizing:border-box; border:0; outline:none; background:transparent; -webkit-appearance:none;}
.head-select-group select [disabled] { color:#ccc;}
.head-advanced-btn { width:96%; height:1.5rem; background:#4ea3e9; line-height:1.5rem; text-align:center; color:#fff; margin-left:2%; padding:0 0.5rem;
	-moz-border-radius:0.25rem; 
	-webkit-border-radius:0.25rem;
	-o-border-radius:0.25rem;
	border-radius:0.25rem;
}
.disable { background:#ccc !important; cursor:not-allowed; -webkit-appearance:none; cursor:not-allowed;}
.contact-tip { width:100%; text-align:center; padding:0 2%; box-sizing:;}

/*在线留言*/
.msg-list { width:100%; font-size:0.7rem; box-sizing:border-box;}
.msg-list li { width:100%; height:auto; background:#fff; line-height:1.2rem; font-size:0.7rem; margin-bottom:2%; box-sizing:border-box; padding:0.5rem; position:relative;}
.msg-list dl { background:#fff; padding:0.25rem 0.5rem; border-bottom:0px #E6E6E6 solid; text-align:left; line-height:1.2rem; margin-bottom:0.4rem; position:relative;}
.msg-list dt { width:10%; margin-top:0.5rem; float:left;}
.msg-list dd { width:90%; float:left;}
.msg-list .form-arrow-right { top:1rem; right:0rem;}
.msg-list .company-name { font-size:0.8rem; color:#1596f5;}
.msg-list .view-time { color:#999; font-size:0.6rem;}
.msg-tool-tab { box-shadow:0px 0px 5px 0px #abcdef;}
.msg-tool-tab .mui-tab-item .mui-btn{ width:90%; margin:0px 5%; margin-bottom:10px; font-size:0.7remn;}
.msg-list-show { width:100%; font-size:0.7rem; box-sizing:border-box;}
.msg-list-show li { width:100%; height:auto; background:#fff; line-height:2rem; font-size:0.7rem; border-bottom:#f2f2f2 1px solid; padding:0 0.5rem; box-sizing:border-box; position:relative;}
.msg-list-show dl { background:#fff; padding:0.25rem 0.5rem; border-bottom:#f2f2f2 1px solid; text-align:left; line-height:1.2rem; position:relative;}
.msg-list-show dt { width:10%; margin-top:0.5rem; float:left;}
.msg-list-show dd { width:90%; float:left;}
.msg-list-show .vip-name { font-size:0.8rem; color:#15a871;}
.msg-list-show .view-time { color:#999; font-size:0.6rem;}
.msg-list-show .pay-con { padding:0.3rem 0; line-height:1.5rem;}