@charset 'gb2312';
body,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,tr,th,img,input,select,a,section,figure,figcaption,span,button{
margin: 0;padding: 0;border: 0;font-family: "FZLTXHK--GBK1-0";}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;-o-box-sizing:inherit;box-sizing:inherit;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-family: "FZLTZHUNHK--GBK1-0";}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,video{display:block;max-width: 100%;}
div{font-size: 0;}
a{text-decoration: none;}
*,:focus,:hover,:active{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);outline:0;}
ul li{list-style: none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea ,button{
    -webkit-appearance: none;appearance: none;outline: none;
}
.clear{clear: both;height: 0;overflow: hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.flexbox{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.cell{display: table-cell; width: 9999px;}
.dis{display: block;}
.undis{display: none;}
.wrapper{width: 100%;max-width: 750px;margin: 0 auto;overflow-x: hidden;}
/*start*/

/*header*/
.mod_header{height: 0.96rem;background-color: #f8f8f8;padding: 0.12rem;}
.mod_header h1{float: left;height: 0.72rem;font-size: 0.3rem;line-height: 0.72rem;padding-left: 0.9rem;background: url(images/logo.png) 0 center no-repeat;background-size: contain;}
.mod_header a{float: right;font-size: 0.3rem;line-height: 0.58rem;color: #fff;background-color: #33a4de;padding: 0 0.26rem;margin: 0.07rem 0 0 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

/*branch_title*/
.mod_title{height: 0.86rem;line-height: 0.86rem;color: #333;background-color: #ececec;padding-left: 0.3rem;}
.mod_title h2{font-size: 0.3rem;}

.article_body{font-size: 0.36rem;}


/*LIGHTBOX NEW 20170828*/
.lb-nav a.lb-prev{width: 50%;}
.lb-nav a.lb-next{width: 50%;}
.lb-data .lb-number{font-size: 0.3rem;margin-top: 0.15rem;}
.lb-data .lb-close{width: 0.34rem;height: 0.34rem;background-size: 100%;}

/*user information with list 20170829*/
.user_info{height: 0.4rem;line-height: 0.4rem;padding: 0 0.3rem;margin-top: 0.25rem;}
.user_info img{width: 0.4rem;height: 0.4rem;float: left;vertical-align: middle;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;margin-right: 0.22rem;}
.user_info .username{font-size: 0.24rem;color: #c3c3c3;float: left;}
.user_info .thumbup{font-size: 0.24rem;height: 100%;color: #c3c3c3;float: right;background: url(../images/thumbup.png) 0 center no-repeat;background-size: 0.26rem;padding: 0 0 0 0.45rem;}

/*video*/
.mod_video video{display: block;max-width: 100%;margin: 0 auto;}

/*loadmore*/
.load_more{width: 90%;height: 0.8rem;line-height: 0.8rem;display: block;margin: 0 auto;font-size: 0.32rem;text-align: center;letter-spacing: 1px;background-color: #33a4de;color: #fff;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;margin-top: 0.5rem;}
.load_more.loading{color: #33a4de;background-color: #fff}
.load_more img{animation: rotating 1.5s linear infinite;vertical-align: middle;margin-right: 0.2rem;width: 0.8rem;height: 0.8rem;}
@-webkit-keyframes rotating{
    0%{transform: rotateZ(0);}
    100%{transform: rotateZ(360deg);}
}
@keyframes rotating{
    0%{transform: rotateZ(0);}
    100%{transform: rotateZ(360deg);}
}
@-webkit-keyframes fade_in{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes fade_in{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
/*footer*/
.mod_footer a{width: 90%;line-height: 0.82rem;display: block;margin: 0.32rem auto;background-color: #33a4de;color: #fff;text-align: center;font-size: 0.36rem;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

/*iPhone4*/
@media screen and (max-width: 320px;){

}
/*iPhone6*/
@media screen and (max-width: 375px;){

}