html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }	
body { margin: 0px; font: 14px/1.6 -apple-system,BlinkSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helevetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans CN",sans-serif;-webkit-font-smoothing: subpixel-antialiased;  color: #333; outline: 0; padding: 0; background: #FAFAFA;  }
h1, h2, h3, h4, h5, h6, small,li,ul { list-style-type: none; }
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fn-clear { zoom: 1; /* for IE6 IE7 */ }
a{color: #576B94}
.body_box,.cd-main-content{max-width: 700px;margin: 0 auto;position: relative;}
/*top-toolbar*/
#top-toolbar { height: 48px; width: 100%; position: relative; background:rgba(17,17,17,0.99); position: fixed; top: 0px; z-index: 999;  }
#top-toolbar ul.left-box { position: absolute; right: 0px; margin: 0px; padding: 0px; }
#top-toolbar ul.left-box li { height: 48px; width: 60px; float: left; }
#top-toolbar ul.left-box li a { height: 48px; line-height: 48px; width: 68px; display: block; background: url(../setting/toolbar_fanhui.png) no-repeat 20px; background-size:20px; text-indent: -9999px; }
#top-toolbar .left-box { position: absolute; left: 0px; width: 140px; z-index:100 }
#top-toolbar .title { font-size: 16px; color: #fff; height: 48px; line-height: 48px; width: 100%; text-align: center; position: absolute; top: 0px; left: 0px; z-index: 99;  font-weight: bold;}

#top-toolbar span.menu{ position:absolute; right:0px; width:68px; text-align:center; height:48px; line-height:48px; display: block; color: #999; z-index:100;background: url(../setting/toolbar_menu.png) no-repeat 30px;background-size:20px; text-indent: -999px;  } 
#top-toolbar span.active{ background: url(../setting/toolbar_guanbi.png) no-repeat 30px;background-size:20px; } 
	

.ui-settings-box{ padding: 16px;}
.ui-settings-box h1{ font-size: 28px; font-weight: bold !important; margin: 20px 0 25px;}	
.ui-settings-box h1 span{font-size: 16px; color: #666;font-weight:normal; margin-left: 8px;}
.ui-settings-box .item{padding-bottom: 25px;} 
.ui-settings-box .item h3{ font-size: 20px; font-weight: bold !important; margin: 0 0 15px;}
.ui-settings-box .item h4{ font-size: 16px; font-weight: bold !important; margin: 0px;}
.ui-settings-box .item p{ font-size: 16px; color: #000; }
.ui-settings-box .item .ui-remarks{font-size: 14px; color: #666;margin-bottom: 25px;}
.ui-settings-box .item .ui-phone{font-size: 14px; color: #666;}
.ui-settings-box .item .number-item{font-size: 14px;  margin: 15px 0; color: #666;}
.ui-settings-box .item .number-item label{ margin:0 8px; float: left;}
.ui-settings-box .item .number-item span{ vertical-align: top; display: block;padding-left: 20px;}
.ui-settings-box .item img{ margin:0 0 0;}
.item img{ width: 100%;}
.contact{ color: #666;padding: 20px 0 80px } 
.contact-tel{ font-weight: bold; }
.contact img{ margin-bottom: 15px;    width: 100%;}
.other-content{ font-size: 12px; color: #bbb;}
.other-content a{ text-decoration: underline;}

.list1{ display: block}
.nav-iphone-menu{
 top: 88px; z-index: 22;
 position: fixed;
transition: all .5s;
}

.nav-iphone-menu.active{
	transform:translate(0,0) scale(1) !important;
}
.reveal-modal-bg.active{
	display: block !important;
}
.nav-box{ 
 background: rgba(255,255,255,1);margin: 0 24px;font-size: 16px;text-align: center;height: 414px;
 box-sizing: border-box;box-shadow: 0 2px 20px rgba(0,0,0,0.4);position: relative; z-index: 92;border-radius:4px;
}
.nav-box h3{ color: #333;  padding: 20px 0 ;font-size: 20px; text-align: center}

.nav-list li{ border-right:1px solid #F2F2F2;border-top:1px solid #F2F2F2;box-sizing: border-box;font-size:16px;width: 33.33%; float: left;text-align: center; font-size: 12px; display: block; color: #888; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.1);}
.nav-list li:nth-child(3n+0){border-right: none;}
.nav-list li img{ width: 28px; }
 .nav-list li.pic_2 img{ width: 34px; }
.nav-list li span{vertical-align: middle;}
.nav-list li a{ color: #888; text-decoration: none; display: block; padding: 30px 0;}
.nav-list li.pic_2 a{padding: 24px 0 30px;}

.pop_menu { width:32px;height: 32px;display: block; position:fixed; right:20px; bottom: 20px; background: #4A83F7; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.10);border-radius: 30px; text-align: center;line-height: 60px; color: #fff; z-index: 23;color: #fff; padding: 14px;}
	.pop_menu i{ background: url(../setting/caidan_menu.png); background-size: 32px; width: 32px;height: 32px; text-indent: -9999px; display: block;transition: all .2s;}
	.pop_menu.close i{background: url(../setting/caidan_guanbi.png); background-size: 32px;transition: all .2s; }

/*=====Reveal Modals=====*/
	.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.55); z-index: 22; top: 0; left: 0; }
	.reveal-modal { visibility: hidden; top: 200px; width: 85%; background: #fff; position: absolute; z-index: 101; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 15px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); -box-shadow: 0 0 15px rgba(0,0,0,.3); }

	.reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 125%; left: 50%; margin-left: -24px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); font-weight: bold; cursor: pointer; }
	.reveal-modal .close-reveal-modal img{ width: 48px;height: 48px; background: #000;-moz-box-shadow: 0 0 15px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); -box-shadow: 0 0 15px rgba(0,0,0,.3); border-radius: 24px;}
	.wpa-qq{ padding: 0px 0 0 0; text-align: center; color: #666; font-size: 14px;position: relative;}
	.wpa-qq-photo{ text-align: center; margin-top: -40px; margin-bottom: 24px;}
	.wpa-qq-photo img { width: 80px; height: 80px;} 
	.multi-btn{ height: 64px; line-height: 64px; border-top:0.5px solid #f0f0f0;margin-top: 24px;position: relative}
	.multi-btn .line{ background: #f0f0f0; width:0.5px; height: 30px;position: absolute;left: 50%; top: 50%; margin-top: -15px;}
	.multi-btn .btn{ width: 50%; float: left; font-size: 14px; color: #4a4a4a; font-weight: bold}
	.multi-btn .btn img{ width: 32px; height: 32px;  display: inline-block; vertical-align: middle; margin-right: 5px;}
	.nav-iphone-menu { display:none; }
	.nav-iphone-menu.display{display: block;}
	
/*=====Reveal Modals=====*/
@media (min-width: 310px) and (max-width: 321px) {
	#top-toolbar .nav-iphone-menu{ top: 68px; }
	#top-toolbar .nav-box h3{padding: 25px 0;font-size: 18px; }
	#top-toolbar .nav-list li a{padding: 20px 0 20px;}
	#top-toolbar .nav-list li.pic_2 a {
		padding: 14px 0 20px;}
}