html, body { color: #555; font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; margin: 0; padding: 0; text-decoration: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
img { border: 0; }
ol, ul { list-style: none outside none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { color: #555; text-decoration: none; }
h2 { font-size: 16px; }
.left { float: left; }
.right { float: right; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size: 100%; }
.btn { display: block; color: #222; text-decoration: none; font-size: 15px; /*font-weight:bold;*/ background-color: #fcfcfc; margin: 15px 0 0 0; padding: 10px; text-align: center; cursor: pointer; }
.icons { position: relative; border-radius: 5px; width: 25px; height: 25px; overflow: hidden; }
.icons.arrow-r { background: url(../images/ico-next2.png) /*tpa=http://www.apiwx.com/index/images/themes/ico-next2.png*/ no-repeat scroll right center transparent; background-size: 12px auto; }

.page-content { margin: 18px 0; display: none; }
.clr { display: block; clear: both; height: 0; overflow: hidden; }
div#content p { line-height: 24px; table-layout: fixed; word-wrap: break-word; /*word-break:break-all;*/ font-size: 14px; }
.copyright { padding: 8px; text-align: center; font-size: 14px; color: #666; }
.copyright a { color: #666; }

.wrap { max-width: 640px; min-width: 320px; margin: 0 auto; position: relative; background: #efefef; }
.foot-text { text-align:center;width:94%;color:#999;font-size:14px;margin:0 auto;border-top:1px dashed #ccc; }
body { background: #ddd; }

.newlist{padding:5px 7px;min-height:500px;width:100%;}
.newlist li { line-height: 30px; border-bottom: 1px dashed #c4c4c4; min-height: 30px; font-size: 14px; word-wrap: break-word; color: #727272;  }
.newlist li p { color:#999;}
.newlist li i{ float:right;width:110px;color:#ccc;}
.newcontent{padding:10px 10px; text-align:center; font-size:14px;}
.newcontent h3{ font-size:16px; color:#555; margin:5px 0}
.newcontent .date_i { color:#555;font-size:14px;}
.newcontent .content{line-height:22px; min-height:350px; text-align:left;border-top:1px dashed #ccc;padding-top:20px;}
.newcontent .p_n_b{ margin-top:10px;text-align:left;}

/*popmenu*/
#popmenu { cursor: pointer; display: block; position: relative; text-align: center; width: 200px; margin: 0 auto; }
#popmenu:after { content: ""; width: 0; height: 0; position: absolute; right: 50px; top: 50%; margin-top: -2px; border-width: 5px 5px 0 5px; border-style: solid; border-color: #9D9D9D transparent; }
#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0; filter: alpha(opacity=0); display: none; z-index: 4; }

#win { position: fixed; top: 55px; left: 50%; width: 200px; margin: 0 0 0 -100px; display: none; z-index: 5; }


.dropdown { /* Size and position */ position: relative; display: block; margin: 0 auto; padding: 5px; /* Styles */ background-color: rgba(47, 47, 47, 1); border-radius: 7px; border: 1px solid rgba(0,0,0,0.15); box-shadow: 0 2px 5px 1px #14191B; -moz-box-shadow: 0 2px 5px 1px #14191B; -webkit-box-shadow: 0 2px 5px 1px #14191B; cursor: pointer; outline: none; list-style: none outside none; }

.dropdown:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 90px; border-width: 0 6px 6px 6px; border-style: solid; border-color: rgba(47, 47, 47, 0.9) transparent; }

.dropdown:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 88px; border-width: 0 8px 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent; }
.dropdown li { background-color: rgba(58, 58, 58, 1); display: block; float: left; line-height: 37px;height: 37px; width: 50%; }
.dropdown li span { border-color: #494949 #181818 #181818 #494949; border-left: 1px solid #494949; border-style: solid; border-width: 1px; color: #FFFFFF; line-height: 37px; display: block; font-size: 15px; height: 37px; text-align: center; text-shadow: 0 2px 2px #000000; width: 100%; }
.dropdown li:hover { background-color: rgba(0, 0, 0, 0.9); }
.dropdown a{color:#fff;font-size:14px;}

.text em { font-style: italic; }
.text img { max-width: 100%; }
.showpic { line-height: 35px; padding:5px;}
.showpic img { width: 100%; margin-top: 5px; }
.page-bizinfo { padding: 20px 10px 0 10px; }
.page-bizinfo .header #post-date, .page-bizinfo .header .commentNum { font-size: 11px; color: #8c8c8c; margin: 0; }
.page-bizinfo .header #post-date { font-size: 11px; color: #696969; margin: 0; }
.page-bizinfo .header .commentNum { font-size: 11px; color: #8c8c8c; margin: 0; display: none; }
.page-bizinfo #biz-link.btn { border: 0; background-color: #222222; height: 42px; position: relative; text-align: left; padding: 12px; padding-left: 62px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.page-bizinfo #biz-link.btn .arrow { position: absolute; top: 22px; right: 15px; }
.page-bizinfo #biz-link.btn .logo { position: absolute; padding: 6px; width: 42px; height: 42px; overflow: hidden; top: 6px; left: 5px; }
.page-bizinfo #biz-link.btn .logo img { width: 42px; height: 42px; position: relative; z-index: 10; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.page-bizinfo #biz-link.btn .logo .circle { position: absolute; top: 0; left: 0; width: 54px; height: 54px; z-index: 100; }
.page-bizinfo #biz-link.btn #nickname { font-size: 15px; color: #7D7D7D; /*text-shadow:0 1px 1px white;*/ }
.page-bizinfo #biz-link.btn #weixinid { font-size: 12px; color: #5C5C5C; line-height: 20px; /*text-shadow:0 1px 1px white;*/ }



/*Listpage*/
.Listpage { position: relative; z-index: 2; }
.fixed { /*position: fixed;*/ }
.top46 { height: 46px; padding: 0; margin: 0; }
#ui-header { width: 100%; height: 46px; line-height: 46px; z-index: 3;  left: 0; top: 0; right: 0; }
#ui-header .fixed { display: block; margin: 0 auto; min-width: 320px; height: 45px; top: 0; border-bottom: 1px solid #000; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); background-image:-webkit-gradient(linear, left top, left bottom, from(#3A3A3D), to(#151516));
	background-image:-webkit-linear-gradient(#3A3A3D, #151516);
	background-image:-moz-linear-gradient(#3A3A3D, #151516);
	background-image:-ms-linear-gradient(#3A3A3D, #151516);
	background-image:-o-linear-gradient(#3A3A3D, #151516);
	background-image:linear-gradient(#3A3A3D, #151516); /*opacity: 0.95;*/ }
.ui-title { min-height: 46px; text-align: center; font-size: 16px; font-weight: normal; display: block; margin: 10px 70px 0; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; display: none; text-indent: -10px; color: #B4B4B4; }
.ui-btn-left { position: absolute; top: 0px; left: 0px; background: url(../images/menu.png)  no-repeat center center; display: block; width: 50px; height: 44px; text-indent: -9999px; margin: 0; padding: 0; background-size: 24px auto; }
.ui-btn-left_pre { position: absolute; top: 0px; left: 0px; background: url(../images/pre.png) no-repeat center center; display: block; width: 50px; height: 44px; text-indent: -9999px; margin: 0; padding: 0; background-size: 24px auto; }
.ui-btn-right { position: absolute; top: 0px; right: 0px; background: url(../images/Refresh.png)  no-repeat center center; display: block; width: 50px; height: 44px; text-indent: -9999px; margin: 0; padding: 0; background-size: 28px auto; }
.ui-btn-right_menu { position: absolute; top: 0px; right: 0px; background: url(../images/menu.png)  no-repeat center center; display: block; width: 50px; height: 44px; text-indent: -9999px; margin: 0; padding: 0; background-size: 24px auto; }
.ui-btn-right_home { position: absolute; top: 0px; right: 0px; background: url(../images/home.png)  no-repeat center center; display: block; width: 50px; height: 44px; text-indent: -9999px; margin: 0; padding: 0; background-size: 24px auto; }


.focus { margin: 0 auto 0px; position: relative; overflow: hidden; }
.focus img { display: block; margin: 0 auto; width: 100%; }
.focus li { min-height: 32px; min-width: 320px; }
.focus li a { color: #FFF; text-decoration: none; }
.focus li span { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; }
.focus li h2 { bottom: 0; color: #fff; font-weight: normal; height: 32px; line-height: 32px; margin: 0; overflow: hidden; position: absolute; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.focus li .opacity { height: 32px; background: #151515; opacity: 0.7; bottom: 0; display: block; font-weight: normal; height: 32px; position: absolute; width: 100%; }
.focus .focusTit { width: 100%; height: 10px; text-align: center; position: absolute; left: 0; bottom: 8px; }
.focus .focusTit span { width: 5px; height: 5px; background: #858585; border-radius: 10px; display: inline-block; margin: 0 5px; }
.focus .focusTit span.on { background: #249bff; }
/*news*/
#news { margin: 0 auto; max-width: 640px; min-width: 320px; overflow-x: hidden; }
#activity-detail { background: #EFEFEF; }
.header { height:40px;line-height:40px;border-bottom:1px dashed #ccc;margin-bottom:10px;}
.products { min-width: 320px; max-width:640px;}
.products ul li { width: 45%; float: left; text-align: center; margin-left:10px;}
.products ul li .pic {width: 150px;border:1px solid #ccc;height:150px; margin:0 auto;}
.products ul li .info {margin:0 auto;width: 150px;}
.products ul li  a { float: left; text-align: center; color: #555; height: 40px; line-height: 40px;  }
.page { width: 360px; height: 50px; line-height: 50px; clear: both; text-align: center; }
.page a { color: #555; }

.text em { font-style: italic; }
.text img { max-width: 100%; }


 .footer { /*box-shadow:0 3px 6px #e2e2e2;*/ -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; cursor: pointer; background: none repeat scroll 0 0 #222222; border: 1px solid #222222; margin: 10px; padding: 15px; text-align: center; display: block; color: #696969; box-shadow: 0 1px 3px 0 #000000; -moz-box-shadow: 0 1px 3px 0 #000000; -webkit-box-shadow: 0 1px 3px 0 #000000; }
.footer .top { display: block; margin: 0 auto; }
/*share*/
#mess_share { margin: 15px 0; display: block; }
#share_1 { float: left; width: 49%; display: block; }
#share_2 { float: right; width: 49%; display: block; }
#mess_share img { width: 22px; height: 22px; vertical-align: top; border: 0; }
.button2 { font-size: 16px; padding: 8px 0; color: #666; background-color: #333; background-image: linear-gradient(to top, #222, #333); border: 1px solid #000; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset,0 -1px 1px rgba(0, 0, 0, 0.5) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset,0 -1px 1px rgba(0, 0, 0, 0.5) inset,0 1px 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1) inset,0 -1px 1px rgba(0, 0, 0, 0.5) inset,0 1px 2px 0 rgba(0, 0, 0, 0.3); text-align: center; border-radius: 6px; width: 100%; cursor: pointer; }
.button2:active { background-image: linear-gradient(to top, #333, #222); }
#mcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#mcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; }

.themeStyle { background: #780707 !important; background-color: #780707 !important; }
.text span { background: none; }



.flo_btn { position: fixed; width: 30px; right: 10px; bottom: 12px; z-index: 999; }
.flo_btn li { margin-bottom: 15px; }
.flo_btn li a { display: block; background-color: #E84507; width: 30px; height: 30px; border-radius: 50px; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); }
.flo_btn li span { display: block; height: 100%; overflow: hidden; text-align: center; vertical-align: middle; width: 100%; }

.formbox{width:100%;padding:30px 2% 150px 2%;box-sizing: border-box;}
.formbox h1{text-align:center;font-size:2em;line-height: 30px;font-weight: normal;border-bottom: 2px solid #ccc;padding-bottom:20px;margin-bottom:30px;}
.formbox .list{font-size:16px;color: #666;}
.formbox .list input{width:100%;height:35px;margin:10px 0 20px 0px;box-sizing: border-box;padding-left:10px;text-transform:uppercase;}
.formbox .buttom{width:45%;margin:20px 1.5%;display: inline-block;border:1px solid #ccc;abckground:#ccc;height:40px;}
.cover{display:none;width:100%;min-height:100%;position: absolute; top:0px;left:0;z-index:999; color:#666;box-sizing: border-box;padding:5% 1%;background:rgba(255,255,255,.8);}
.cover h2{text-align: center;font-size:20px;font-weight: normal;line-height: 50px;border-bottom:2px solid #ddd;margin-bottom:20px;}
.cover .left{background:url(zss.jpg) no-repeat scroll top center;background-size: 100% 100%;color:#666;padding:30px 0px 30px 15%;float:none;}
.cover .left .li2{background:url(jxlogo.png) no-repeat scroll 20px 150px;    background-size: 70%;}
.cover .right {float:none;}
.cover .right ul li{margin:10px 20px;line-height:30px;}
.cover .right ul li img{width:30px;height:30px;display: inline-block;vertical-align:middle;padding-right:10px;}
.cover .right ul li a{color:#666;}
.cover .left li h3{font-size:16px;line-height: 30px;margin-bottom:10px;}
.cover .left li p{font-size:15px;line-height: 30px;padding-bottom:10px;}
.cover .close{width:90%;color:#ffffff; margin:20px auto 50px auto; border-radius: 5px; height:30px;background:#c79e43;line-height: 30px;text-align: center;font-size:16px;}

#bi_iframe{height:3200px;border:0px;overflow-x:hidden;box-sizing:border-box;width:100%;}