/*main css cmsyou*/
html, body{height: 100%;margin: 0px;padding: 0px;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul,ol,li,dl,dt {list-style:none;margin:0;padding:0;border:0;background:none;outline:0;}
input,textarea,button,button[type=submit]:focus,input[type=button]:focus,input[type=submit]:focus,input[type=button]::-moz-focus-inner{ outline:none;}
input::-moz-focus-inner,button::-moz-focus-inner { border: 0; }
input,textarea,button{font-family:"Microsoft YaHei",Tohoma,Arial;outline:none;}
.bg-blue{ color:#fff; background-color:#70a0fd;}
.bg-green{ color:#fff; background-color:#17cd46;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix{zoom: 1;clear: both;}
.clearfix:before, .clearfix:after{content: ""; display: table;}
.clearfix:after{clear: both;}
.color-red{ color:#F30;}
.color-orange{ color:#F60;}

/*custom of weui*/
.weui-cell_link {color: #e0763d;}
.weui-media-box__title{ font-size:16px; line-height:1.5em; margin-bottom:3px;}
.weui-panel:before{ border-top:none;}

/*main*/
body{background-color:#edeef0;}
.header{ position:relative; height:50px; padding:10px 30px; background-color:#fff; clear:both;}
.header .logo{}
.header .logo img{ width:auto; height:20px;}
.header .btns{ text-align:right;}
.header .btns .btn-icon{ width:20px; height:20px; text-indent:-999em; border:1px solid #999; margin-left:15px; background-position:center center; background-repeat:no-repeat; background-size:12px auto; border-radius:20px; display:inline-block;}
.header .btns .btn-icon:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.header .btns .btn-icon.instagram{ border-color:#d830d8; background-image:url(../images/instagram_single.png);}
.header .btns .btn-icon.twitter{ border-color:#4099ff; background-image:url(../images/twitter_single.png);}
.header .btns .btn-icon.facebook{ border-color:#3b5998; background-image:url(../images/facebook_single.png);}

/*fooer*/
.footer{ background-color:#edeef0; clear:both;}
.footer .inner{ padding:30px 15px; clear:both;}
.footer .logo-bt{ text-align:center;}
.footer .logo-bt a{ display:inline-block;}
.footer .logo-bt a img{ width:100px; height:auto;}
.footer .dlinks{ text-align:center;}
.dlinks{ margin-top:20px; clear:both;}
.dlinks a{margin-left:5px; display:inline-block;}
.dlinks a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.dlinks a img{ width:120px; height:auto;}
.footer .copyright{ color:#333; font-size:13px; line-height:1.5em; text-align:center; padding:10px; background-color:#fff; clear:both;}
.footer .copyright a{ color:#333; font-size:13px; line-height:1.5em; margin:0 20px; display:inline-block;}

/* responsive diy */
@media (min-width:768px){
.header,.banner,.main-container,.footer{margin:0 auto;}
.dlinks a img{ width:160px;}
}
@media (max-width:767px) {
}
@media (max-width:639px) {
}
@media (max-width:539px) {
}
@media (max-width:479px) {
.header{padding:14px 20px;}
.header .btns .btn-icon{margin-left:8px;}
}
@media (max-width:359px) {
.footer .copyright a{margin:0 10px;}
}
@media (min-width:640px) and (max-width:767px) {
}
@media (min-width:480px) and (max-width:639px) {
}
@media (min-width:360px) and (max-width:479px) {
}
@media (min-width:320px) and (max-width:359px) {
}
@media (max-width:319px) {
}