@import url("font-awesome.css");
body{font-family:Arial,Lucida,Verdana,Helvetica,sans-serif;color: #707070;background-color:#fff;min-width:320px;}
body,html,button,input,textarea{font-size:12px;line-height:1.531;margin:0;padding:0;border:0}
blockquote,dd,dl,dt,form,ol,p,ul{margin:0;padding:0}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;margin:0;padding:0}
b,em,i{font-style:normal;font-weight:400}
img{border:0; max-width:100%;}
a{text-decoration:none;color:#333;}
a:hover{}
img,input,select{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
.clearfix{overflow:hidden;zoom:1}
.none{display:none}
.shangxia{ margin:10px 0;}
.ys1{color:#89d616;}
.ys2{color:#ffd239;}
.ys3{color:#f31b62;}
.ys4{color:#624ed4;}
.ys5{color:#fb5b11;}
.ys6{color:#49c2f7;}
.ys7{color:#e5b022;}
.ys8{color:#0ab99c;}
.ys9{color:#fe9e54;}
#captcha{cursor:pointer}
#wrapper{width:100%;min-width:320px;margin:0 auto;max-width:640px;min-height:100vh;background-color:#fff;position:relative;}
#header{ position:relative; background:#fff; text-align:center;}
#header:after,#header:before {display: table;content: " ";clear: both;}
#header .back{ position:absolute;left:10px; top:0; color:#000; line-height:30px; font-size:18px;}
#header .name{ display:inline-block; line-height:30px; color:#000;  font-size:14px;}
#header .menubtn{position:absolute; right:0; top:0;z-index:101;text-decoration:none;background-image:url(../images/hamburger.png);background-position: center center; background-repeat:no-repeat; width:30px; height:30px;margin-right:10px;}
a.fanhui { width:20px; height:30px; float:left; margin-left:10px; background:url(../images/fanhui.png) no-repeat center;}
/* toggle menu */
#pgcontainer{padding:0;margin:0}
.overlay{position:fixed;z-index:99;background-color:rgba(0,0,0,.5);bottom:0;right:0;left:0}
.openmenu .overlay{top:0}
#hamburgermenu{height:100%;width:0;background:#373737;position:fixed;top:0;right:0;z-index:101;overflow:hidden;-webkit-box-shadow:3px 0 7px rgba(0,0,0,.55);-moz-box-shadow:3px 0 7px rgba(0,0,0,.55);box-shadow:3px 0 7px rgba(0,0,0,.55)}
#hamburgermenu ul{margin-top:30px;z-index:101;overflow-y:auto;overflow-x:hidden}
#hamburgermenu ul li{display:block}
#hamburgermenu ul li a{display:block;min-width:130px;padding:10px 8px;color:#cdcdcd;font-size:1.2em;text-decoration:none;text-align:center}
#hamburgermenu li a:hover{color:#fff;background:#2c2c2c}

.wrap{ height:calc(100vh - 60px); width:100%; display: flex;justify-content: center;align-items: center;}
.wrap .initsearch{}
.wrap .initsearch .title{ margin-bottom:10px; color:#000;}
.wrap .initsearch form{ text-align:center;}
.wrap .initsearch form input.keyword{ border:1px #f00 solid;outline:none;min-width:260px;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px; padding:10px 24px;}
.wrap .initsearch form input.submit{ background:#f00; padding:5px 30px; margin-top:20px;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px; color:#fff; border:none; text-align:center;}

.mb{min-height:calc(100vh - 60px);}

.articleList{}
.articleList dl{border-top:solid #EEE 1px;padding:13px; overflow:hidden;}
.articleList dt{width:40%; float:left;}
.articleList dt img{ max-width:90%;}
.articleList dd{width:60%; float:left;}
.articleList dd a{ font-weight:600;}
.articleList dd em{ display:block;}
.articleList dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.single{padding:0 10px}
.single h1.singletitle{ display:none;border-bottom:1px solid #EEE;color:#333;font-size:1.4em; line-height:1.5em;font-weight:700;padding:0; text:center;}
.single .info{padding:10px;color:#999;font-size:13px}
.single .content{color:#878787;line-height:200%; padding:10px;}
.single .content img{max-width:100%}
.article{padding:0 10px}
.article .articletitle{padding:10px 0;}
.article .articletitle h1{border-bottom:1px solid #EEE;color:#333;font-size:14px;font-weight:700;text-align:center}
.article .info{padding:10px;color:#999;font-size:13px;text-align:center; display:none;}
.article .info.productinfo{ display:none;}
.article .content{color:#878787;line-height:200%}
.article .content img{max-width:100%}
.article .producttu{ text-align:center; padding:10px 0;}
.article .producttu img{max-width:100%}

.erweimacontent{ border:1px #000 solid; position:relative;}
.erweimacontent:before{ content:""; height:100%; width:1px; background:#000; left:150px; top:0; position:absolute; z-index:1;}
.erweimacontent dl{ overflow:hidden; border-top:1px #000 solid; position:relative; z-index:2;}
.erweimacontent dl:first-child{border-top:none;}
.erweimacontent .bt{ background:#fff;border-top:1px #000 solid;position:relative; z-index:2; display:block;overflow:hidden;font-weight:600; color:#000;font-size:14px;padding:10px 0 10px 10px;}
.erweimacontent dl .title,.erweimacontent dl .details{ padding:3px; line-height:25px;}
.erweimacontent dl dt{ width:150px; float:left;font-weight:600;  text-align:center; color:#000;}
.erweimacontent dl dt font{font-weight:100; }
.erweimacontent dl dd{ width:calc(100% - 155px); float:right;}

.membertable{}
.membertable .memberlist{ padding:15px;}
.membertable .memberlist dl{ padding:5px 0;}
.membertable .memberlist dl:after,.membertable .memberlist dl:before{display: table;content: " ";clear:both;height:0;line-height:0;font-size:0}
.membertable .memberlist dl dt{ width:80px; float:left; line-height:25px;}
.membertable .memberlist dl dd{ width:calc(100% - 80px); float:left;}
.membertable .memberlist dl dd .txt,.membertable .memberlist dl dd .textarea{ width:90%; border:1px #ddd solid; line-height:25px;}
.membertable .memberlist dl dd .txts{width:90px; border:1px #ddd solid; line-height:25px;}
.membertable .memberlist dl.form-send{ text-align:center;}
.membertable .memberlist dl.form-send .submit{background-color:#000; color:#fff; line-height:25px; display: block; margin:0 auto; width:80px; cursor:pointer;}

#footer{ background-color:#fff; height:30px;}
#footer a{color:#333;}
#footer .copyRight{ padding:0 10px; text-align:center; line-height:25px;}

.pages{PADDING:7px;MARGIN:3px;TEXT-ALIGN:center}
.pages a{BORDER:#ccc 1px solid;MARGIN:2px;COLOR:#9c9c9c;TEXT-DECORATION:none;width:24px;line-height:24px;text-align:center;display:inline-block;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;background-color:#fff;font-size:1em;font-family:Rosario,sans-serif}
.pages a:hover{BORDER:#ccc 1px solid;COLOR:#000}
.pages a:active{BORDER:#ccc 1px solid;COLOR:#000}
.pages span.current{BORDER:#b0985f 1px solid;FONT-WEIGHT:bold;MARGIN:2px;width:24px;line-height:24px;text-align:center;display:inline-block;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;COLOR:#fff;BACKGROUND-COLOR:#b0985f;font-size:1em;font-family:Rosario,sans-serif}
.pages span.disabled{BORDER:#ccc 1px solid;MARGIN:2px;COLOR:#ddd}