@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
/* animation */
/* 淡入 */
.a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;}
/* define */
/* 淡入 */
@-webkit-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}

.qrcode_icon{ width:32px; height:32px; display:block; position:fixed; top:20px; right:20px; z-index:1002}
.qrcode_icon img{ width:32px; border-radius:5px;}
.showqrcode{ display:none; height:100%; width:100%; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; z-index:1003; text-align:center; color:#fff;}
.showqrcode .qrimg li{ display:none;color:#fff;}
.showqrcode .qrimg{ margin:35px 0; text-align:center;}
.showqrcode .qrimg p{ line-height:30px; font-size:20px; margin-bottom:20px; }
.showqrcode .qrtab { overflow:hidden;}
.showqrcode .qrtab li{ width:50%; float:left; height:30px; text-align:center; line-height:30px; color:#fff; font-size:16px}
.showqrcode .qrtab li.cur{ color:#05c19b}
.showqrcode .closeqr{ margin:30px 10% 0; background:#05c19b; border-radius:5px; height:30px; line-height:30px;}

#qrcode{ height:200px; text-align:center; width:200px; background:#fff; padding:5px; margin:0 auto 10px;} 
#qrc{ height:200px; text-align:center; width:200px; background:#fff; padding:5px; margin:0 auto 10px;} 
img{ max-width:100%}

/*给我留言*/
 .msg{width:95%; margin-left: 10px; margin-top:10px; -webkit-border-radius: 5px;  float: left}
 .msg .title{ text-align:center;font-size:18px; height:40px; line-height:40px; color:#fff;}
.baoming{background-color:#FFF;}
.baoming p{width:90%;  margin-left:20px; padding:10px 0 2px;}
.baoming p input{width:90%;height:30px;border:solid 1px #ccc; margin:2px 0; font-size:0.8em; line-height:30px; padding:0 5px; color:#000 }
.baoming p textarea{width:90%;height:80px;border:solid 1px #ccc;padding:8px 5px;font-size:0.8em; color:#000; margin-bottom:10px;}
.baoming .btn_bao{margin-top:10px; text-align:center;}
.baoming .btn_bao a,.baoming .btn_bao input{display:block;width:150px;height:32px;text-align:center;font:15px/32px "微软雅黑";color:#fff;margin:0 auto;border-radius:5px;}
.baoming .btn_bao input { border:none; cursor:pointer;}
.baoming .btn_bao span{ color:green; margin:8px 0 0; display:inline-block;}
.baoming .btn_bao .error{ color:red;}
.msg,.baoming .btn_bao a,.baoming .btn_bao input{background-color:#1f3d8d;}