.w-1000{width: 1000px;margin: 0 auto;}
.bg-f0{background: #f0f0f0;}
.bg-fa{background: #fafafa;}
.bg-red{background: #de3425;}
.text-red{color: #de3425;}
.text-32{color: #323232;}
.text-99{color: #999;}
.ml-20{margin-left: 20px;}
.b-1{border: 1px solid #E5E5E5;}
.br-1{border-right:1px solid #e5e5e5;}
.text-blue{color:#0d6ea1;}
.bg-blue{background:#0d6ea1;}
.line-h-30{line-height:30px;}
.npp-top{z-index: 102;}
.npp-top .logo{float: left;margin-right: 20px;height: 48px;padding: 6px 0px;display: block;}
.npp-top .logo img{    display: inline-block;
    height: 100%;
    vertical-align: middle; color: black; padding-right: 10px;}
.w-1000 a {
    color: #f83434;font-weight: bold;
}
.npp-top .nav{height: 60px;float: left;}
.npp-top .nav a{height: 60px;display: block;float: left;padding: 0 15px;line-height: 60px;font-size: 18px;color: #323232;border-right:1px solid #fafafa;}
.npp-top .nav a.active{color: #ff0000;
    background: #ffffff; font-weight: bold;}
.npp-top .nav a:hover{color: #fff;background:#549fdf;}
.npp-top .right{float: right;line-height: 60px;font-size: 14px;}
.npp-top .right a{line-height: 60px;}
.npp-top .right a:hover{text-decoration:underline;}
.body{padding-top: 80px;}
.body .left{width: 680px;float: left;}
body{color:#323232;}
/*banner*/
.adbox{width: 100%;height: 300px; display: block;overflow: hidden;position: relative;}
.adbox ul.imgbox{width: 100%;height: 100%;position:relative;}
.adbox ul.imgbox li{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;-ms-transition: all 0.8s;}
.adbox ul.imgbox li.active{z-index: 2;opacity: 1;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;-ms-transition: all 0.8s;}
.adbox ul.imgbox li a{display: block;width: 100%;height: 100%;}
.adbox ul.imgbox li a img{width: 100%;height: 100%;}
.adbox ul.imgbox li a:hover{opacity:1;}
.adbox ul.listNum{z-index: 10; position: absolute;bottom: 5px;right: 5px;border-radius: 5px;background: rgba(0,0,0,0.5);display: inline-block;_zoom:1;_display:inline;*zoom:1;*display:inline;padding: 5px;}
.adbox ul.listNum li{width: 12px;height: 12px;background: #ccc;border-radius: 50%;margin: 0px 3px;display: inline-block;_zoom:1;_display:inline;*zoom:1;*display:inline;overflow: hidden;cursor:pointer;}
.adbox ul.listNum li.active{background: #fff;}
/*列表*/
.topicList{padding: 0px 4px;}
.topicList a.topic{padding: 0px 20px;display: block;}
.topicList a.topic .content{padding: 30px 0px;border-bottom: 1px solid #e5e5e5;}
.topicList a.topic:last-child .content{border-bottom: none;}
.topicList a.topic:hover{background: #F0F0F0;}
.hit{border: 1px solid #DE3425;color: #DE3425;padding: 0 10px;line-height: 26px;font-size: 14px;display: inline-block;border-radius: 3px;}
.avatar50{width: 50px;height: 50px;border-radius: 50%;}
.avatar56{width: 56px;height: 56px;border-radius: 50%;}
.topicList .right{float: right;width: 160px;}
.topicList .right img{width: 160px;height: 96px;}
.topicList .left{width: 450px;float: left;}
.mb-20{margin-bottom: 20px;}
.m-lr-20{margin-left: 20px;margin-right: 20px;}
/*右侧*/
.bodyRight{width: 305px;float: right;}
.bodyRight .xcxCode{text-align: center;padding: 20px;}
.bodyRight .xcxCode .xcxPic{width: 200px;height: 200px;}

.title .tit{border-bottom: 3px solid #DE3425;font-size: 18px;font-weight: bold;display: inline-block;padding: 10px 0px;}
.avatar30{width: 30px;height: 30px;border-radius: 50%;border: 1px solid #e5e5e5;}
.subList{padding: 0px 4px;}
.subList a.topic{padding: 0px 20px;display: block;}
.subList a.topic .content{padding: 30px 0px;border-bottom: 1px solid #e5e5e5;}
.subList a.topic:last-child .content{border-bottom: none;}
.subList a.topic:hover{background: #F0F0F0;}
.subList a.topic .content .left{float: left;}
.subList a.topic .content .middle{float: right;}
.subList a.topic .content .right{float: right;line-height: 60px;}
/*图标*/
.icon{display:inline-block;_display:inline;*display: inline;padding: 11px;vertical-align: middle;line-height: 0px;cursor: pointer;}
.icon.arrow{background: url(../images/icon.gif) -9px -321px no-repeat;}
.icon.wechat{background: url(../images/icon.gif) -7px -357px no-repeat;padding: 14px;*background: url(../images/icon.gif) -7px -348px no-repeat;_background: url(../images/icon.gif) -7px -348px no-repeat;}
.icon.share{background: url(../images/icon.gif) -10px -85px no-repeat;*background:url(../images/icon.gif) -10px -74px no-repeat ;_background:url(../images/icon.gif) -10px -74px no-repeat;}
.icon.tozan{background: url(../images/icon.gif) -10px -7px no-repeat;*background:url(../images/icon.gif) -10px 4px no-repeat;_background:url(../images/icon.gif) -10px 4px no-repeat;}
.icon.zan{background: url(../images/icon.gif) -10px -46px no-repeat;*background:url(../images/icon.gif) -10px -45px no-repeat ;_background:url(../images/icon.gif) -10px -45px no-repeat;}
.icon.attent{background: url(../images/icon.gif) -10px -122px no-repeat;*background:url(../images/icon.gif) -10px -111px no-repeat;_background:url(../images/icon.gif) -10px -111px no-repeat}
.icon.replay{background: url(../images/icon.gif) -10px -160px no-repeat;*background:url(../images/icon.gif) url(../images/icon.gif) -10px -149px no-repeat;_background:url(../images/icon.gif) -10px -149px no-repeat ;}
.icon.icon-exit{background: url(../images/icon.gif) -10px -408px no-repeat;*background:url(../images/icon.gif) url(../images/icon.gif) -10px -399px no-repeat;_background:url(../images/icon.gif) -10px -399px no-repeat ;}
.icon.icon-1{background: url(../images/icon.gif) -14px -546px no-repeat;*background:url(../images/icon.gif) url(../images/icon.gif) -14px -540px no-repeat;_background:url(../images/icon.gif) -14px -540px no-repeat ; width:3px;padding:10px 3px;}
.p-5{padding:5px;}
/*彩种*/
.czBox{margin: 0px -10px;}
.czBox .con{width: 235px;padding:0px 10px;float: left;}
.czBox .con .cz{padding: 20px 30px;background: #fff;display: block;}
.czBox .con .cz .czIcon{width: 64px;height: 64px;border-radius: 50%;}
.czBox .con .cz:hover{box-shadow:0px 6px 12px #ddd;}
    /*footer*/
.footer {color: #adadad;background: #323232;line-height: 22px; width: 100%;margin:0 auto;}
.footer a{color: #adadad;}
.footer a:hover{color:#fff;}
.footer .bot{font-size: 14px;text-align: center;border-top: 1px solid #1f1f1f;padding: 20px 0px; background: #323232;}
.footer .top{padding: 20px 0px;}
.footer .top .code{float: left;}
.footer .top .code .codepic{width: 160px;height: 160px;}
.footer .top .CustomerService{padding: 30px 80px;border-left: 1px solid #1f1f1f;border-right: 1px solid #1f1f1f;}
.footer .top .righ{padding: 30px 0 0 100px;}
/*分页*/
.pagebox{}
.pagebox .page{cursor: pointer; border: 1px solid #e5e5e5;background: #fff;font-size: 14px;/*padding: 10px 15px;*/border-radius: 4px;margin: 0px 3px;float: left;line-height: 14px;}
.pagebox .page.active{background: #DE3425;color: #fff;}
.br-4{border-radius: 4px;}
.avatar80{width: 80px;height: 80px;border-radius: 50%;}
.userInfo{}
.userInfo .col{width: 150px;float: left;}
.p-lr-30{padding-left: 30px;padding-right: 30px;}
.commentList .comment{padding: 30px 0px;border-bottom: 1px solid #e5e5e5;}
.commentList a:last-child .comment {border-bottom: none;}
.commentList .comment .content{width: 560px;float: right;}
.avatar36{border-radius: 50%;width: 36px;height: 36px;}
.p-tb-30{padding-bottom: 30px;padding-top: 30px;}
.article img{max-width: 500px;padding: 10px 0;}
.toZan{width: 210px;text-align: center;border: 1px solid #bfbfbf;border-radius: 25px;height: 50px;line-height: 50px;margin:0 auto;cursor:pointer}
.toZan:hover{background:#de3425;color:#fff;border:1px solid #de3425;}
.toZan:hover .tozan {
    background: url(../images/icon.gif) -10px -583px no-repeat;
        *background: url(../images/icon.gif) -10px -571px no-repeat;
        _background: url(../images/icon.gif) -10px -571px no-repeat;
    }
.mt-15{margin-top:15px;}
.pt-15{padding-top:15px;}
.zanList .lists{width: 560px;}
.zanList .lists  .avatar36{padding:5px 0px;}
.do{padding: 15px 0px;background: #f0f0f0;}
.do .co{width: 204px;float: left;cursor: pointer;}
.do .co:hover{color:#0d6ea1;}
.do .co:hover .share {
    background: url(../images/icon.gif) -10px -621px no-repeat;
    *background: url(../images/icon.gif) -10px -610px no-repeat;
    _background: url(../images/icon.gif) -10px -610px no-repeat;
}
.do .co:hover .attent {
    background: url(../images/icon.gif) -10px -658px no-repeat;
    *background: url(../images/icon.gif) -10px -647px no-repeat;
    _background: url(../images/icon.gif) -10px -647px no-repeat;
}
.do .co:hover .replay {
    background: url(../images/icon.gif) -10px -698px no-repeat;
    *background: url(../images/icon.gif) -10px -687px no-repeat;
    _background: url(../images/icon.gif) -10px -687px no-repeat;
}
    /*弹框*/
.myModa {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 200;display: none;}
.myModa .modCon{width: 100%;height: 100%;}
.myModa .modCon .cont{position: relative; margin: 0 auto; padding: 60px 80px;background: #fff;border: 1px solid #e5e5e5;width: 260px;margin-top: 200px;}
.myModa .modCon .cont .codepic{width: 200px;height: 200px;display: block;margin: 0 auto;}
.myModa .exit{position: absolute;right: 15px;top: 15px;}
.cur-p{cursor: pointer;}
.myModa .shareBox{width: 340px;border-radius: 8px;background: #fff;margin: 0 auto;margin-top:280px;padding: 20px;position: relative; border:1px solid #e6e6e6;}
.myModa .shareBox .shareIcon{width:40px;height:40px;display:block;float:left;margin:10px;}
.myModa .shareBox .shareIcon.xinlang{background:url(../images/shareIcons.gif) no-repeat 0px 0px;}
.myModa .shareBox .shareIcon.qZone{background:url(../images/shareIcons.gif) no-repeat -60px 0px;}
.myModa .shareBox .shareIcon.tieba{background:url(../images/shareIcons.gif) no-repeat -120px 0px;}
.myModa .shareBox .shareIcon.wechat{background:url(../images/shareIcons.gif) no-repeat -180px 0px;}
.myModa .shareBox .shareIcon.douban{background:url(../images/shareIcons.gif) no-repeat -240px 0px;}
.myModa .shareBox .shareIcon.pengyou{background:url(../images/shareIcons.gif) no-repeat -300px 0px;}
.myModa .shareBox .shareIcon.qq{background:url(../images/shareIcons.gif) no-repeat -360px 0px;}
.myModa .shareBox #shareInfo p{display:none;font-size:14px;line-height:28px;padding:10px 0px 0px;color:#808080;}
.myModa .shareBox #shareInfo p.active{display:block;}
.margin-auto{margin: 0 auto;}
.scrollTop{width: 40px;height: 40px;position: fixed;z-index: 150;right: calc(50% - 560px);bottom: 100px;background: url(../images/icon.gif) 0px -200px no-repeat;cursor:pointer;}
.scrollTop:hover{background: url(../images/icon.gif) 0px -260px no-repeat;}
.appBtn{width: 40px;height: 40px;position: fixed;z-index: 150;right: calc(50% - 560px);bottom: 50px;background: url(../images/icon.gif) 0px -736px no-repeat;cursor:pointer;}
.appBtn:hover{background: url(../images/icon.gif) 0px -796px no-repeat;}
/*app页面添加样式*/
.appbg {
    background-color: #253b60;
    background-image: url(../images/bg_1.jpg);
    background-position: center;
    background-size: auto;
    padding: 150px 0;
}

.icon.hot {
    background: url(../images/icon.gif) -10px -445px no-repeat;
    *background: url(../images/icon.gif) url(../images/icon.gif) -10px -436px no-repeat;
    _background: url(../images/icon.gif) -10px -436px no-repeat;
}

.npp-top .nav a.active i.icon {
    background: url(../images/icon.gif) -10px -481px no-repeat;
    *background: url(../images/icon.gif) url(../images/icon.gif) -10px -471px no-repeat;
    _background: url(../images/icon.gif) -10px -471px no-repeat;
}
.npp-top .nav a.text-red{color:#de3425;}
.npp-top .nav a.text-red:hover{color:#fff;}

.npp-top .nav a:hover i.icon {
    background: url(../images/icon.gif) -10px -481px no-repeat;
    *background: url(../images/icon.gif) url(../images/icon.gif) -10px -471px no-repeat;
    _background: url(../images/icon.gif) -10px -471px no-repeat;
}