@charset "utf-8";
/* CSS Document */

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; behavior:url("csshover.htc"); border-collapse: collapse}
img { border: 0 none; vertical-align:middle; }
ul, li { list-style-type: none; margin:0px; padding:0px;}
body, input, select, button, textarea { font-size: 12px; PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;; vertical-align:middle;}
.button { cursor: pointer;}
*{ border:none;}
i, em, cite { font-style: normal; }
aside section,.body{display:block; width:1000px; margin:0 auto;}
a, a:link { color: #454545; text-decoration:none; cursor:pointer; }
a:visited {}
a:active, a:hover { text-decoration:underline;  }
a:focus { outline: none; }
.clear {clear:both;}

.l{ float:left;}
.r{ float:right;}
.left{ float:left;}
.right{ float:right;}

/*卫浴新闻红色：#F54343*/

.wyn-global-fix-guider {position:fixed;right:0;top:180px;z-index:99;}
.wyn-global-fix-guider .center-guider:hover{cursor:pointer;}
.wyn-global-fix-guider .center-guider{display:block;margin-bottom:1px;width:30px;height:30px;text-align:center;background-color:#000000;}
.wyn-global-fix-guider .center-guider img{width:15px;height:15px;margin-top:7px;}
.wyn-global-fix-guider .publish-guider{
    display:block;margin-bottom:1px;width:30px;
    background-color:#000000;color:#ffffff;font-size:12px;
    text-align:center;line-height:17px;padding:8px 0;text-decoration: none;
}
.wyn-global-fix-guider .publish-guider:hover{background-color:#F54343}
.wyn-global-fix-guider .publish-guider:hover a{text-decoration: none}

.wyn-global-fix-tool {position:fixed;right:0;bottom:100px;z-index:99;}
.wyn-global-fix-tool .tool-item:hover{cursor:pointer;}
.wyn-global-fix-tool .tool-item{margin-bottom:1px;width:30px;height:30px;text-align:center;background-color:#000000;}
.wyn-global-fix-tool .tool-item img{width:15px;height:15px;margin-top:7px;}

.wyn-header{height:145px;}
.wyn-header .top-root-bar{line-height:34px;font-size:12px;height:34px;background-color:#f5f5f5;border-bottom:1px solid #dedede;}
.wyn-header .top-root-bar .bar-content{width:1200px;margin:0 auto;}
.wyn-header .top-root-bar .bar-content .left-block{float:left;color:#828282}
.wyn-header .top-root-bar .bar-content .right-block{float:right;color:#767676;}
.wyn-header .top-root-bar .bar-content .right-block .info-block:hover{cursor:pointer;}
.wyn-header .top-root-bar .bar-content .right-block .sept-block{
    float:left;height:13px;border-right:1px solid #999999;margin:0 15px;margin-top:10px;
}
.wyn-header .top-root-bar .bar-content .right-block .info-block{
    display:block;float:left;
}
.wyn-header .top-root-bar .bar-content .right-block .mp-qrcode{
    position:relative;
}
.wyn-header .top-root-bar .bar-content .right-block .mp-qrcode .mp-qrcode-container{
    position:absolute;top:34px;right:-30px;border:1px solid #dbdbdb;z-index:1;
    padding:10px;background-color:#f5f5f5;
}
.wyn-header .top-root-bar .bar-content .right-block .mp-qrcode .mp-qrcode-container .mp-qrcode{
    width:100px;
}
.wyn-header .top-root-bar .bar-content .right-block .mp-qrcode .mp-qrcode-container .top-pointer{
    position: absolute;
    right: 53px;
    top: -7px;
    width: 13px;
    z-index: 10;
}
.wyn-header .top-root-bar .bar-content .right-block .site-map{
    position:relative;
}
.wyn-header .top-root-bar .bar-content .right-block .site-map-container{
    position:absolute;top:34px;right:-10px;width:743px;height:330px;background-color:#f5f5f5;
    border:1px solid #dbdbdb;z-index:1;display:none;
}
.wyn-header .top-root-bar .bar-content .right-block .site-map-container .top-pointer{
    position: absolute;
    right: 28px;
    top: -7px;
    width: 13px;
    z-index: 10;
}

.wyn-header .top-root-bar .bar-content .right-block .site-map-container .left-block{
    float:left;width:370px;height:270px;border-right:1px solid #dbdbdb;margin-top:30px;
}
.wyn-header .top-root-bar .bar-content .right-block .site-map-container .block-title{
    font-size:18px;color:#F54343;font-weight:bold;margin-left:50px;
}
.wyn-header .top-root-bar .bar-content .right-block .site-map-container .item-block{
    float:left;margin-left:45px;height:40px;line-height:40px;color:#1b1b1b;
    text-decoration: none;width:60px;
}
.wyn-header .top-root-bar .bar-content .right-block .site-map-container .right-block{
    float:left;width:370px;height:270px;margin-top:30px;
}
.wyn-header .top-root-bar .member-container{float:right;height:34px;position:relative}
.wyn-header .top-root-bar .member-container .top-pointer{
    position: absolute;
    left: 60px;
    top: -7px;
    width: 13px;
    z-index: 10;
}
.wyn-header .top-root-bar .member-container:hover{cursor: pointer}
.wyn-header .top-root-bar .member-container .avatar{float:left;height:20px;width:20px;margin-top:7px;}
.wyn-header .top-root-bar .member-container .member-name{
    float:left;height:38px;line-height:38px;width:100px;
    overflow: hidden;margin-left:5px;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.wyn-header .top-root-bar .member-menu{
    width:130px;
    color:#767676;
    display: block;
    height: auto;
    position:absolute;
    top:34px;left:-58px;
    z-index:5;
    border:1px solid #dedede;
    background-color: #f5f5f5;

}
.wyn-header .top-root-bar .member-container .member-menu li{
    float: none;
    text-align:center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width:85%;border-bottom:1px solid #dedede;margin:0 auto;
}
.wyn-header .top-root-bar .member-container .member-menu a {
    text-align: center;
    display: block;
    color: #767676;
    position: relative;
    line-height: 40px;
    text-decoration: none;

}

.wyn-header .content{width:1200px;margin:0 auto;}
.wyn-header .content .logo{float:left;margin-top:22.5px;height:55px;}
.wyn-header .content .logo img{height:100%;}
.wyn-header .content .search-container .input-content{
    float:left;height:34px;
    border:1px solid #F54343;width:230px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.wyn-header .content .search-container{
    float:right;margin-top:38px;height:36px;
    border-radius:5px;width:300px;
}
.wyn-header .content .search-container .search-input{float:left;height:25px;border:0;margin-top:5px;width:225px;}
.wyn-header .content .search-container .search-btn{
    width:57px;height:100%;background-color:#F54343;
    float:left;line-height:35px;color:#ffffff;text-align:center;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.wyn-header .content .search-container .search-btn:hover{cursor:pointer}


/*顶部菜单栏*/
.wyn-top-menu{height:50px;background-color:#000000;}
.wyn-top-menu .content{width:1200px;margin:0 auto;}
.wyn-top-menu .content .menu-list{}
.wyn-top-menu .content .menu-list .menu-block{text-decoration:none;float:left;height:50px;color:#ffffff;font-size:14px;line-height:50px;width:80px;text-align:center;}
.wyn-top-menu .content .menu-list .menu-block.active{background-color:#F54343}
.wyn-top-menu .content .menu-list .menu-block:hover{background-color:#F54343}
.wyn-top-menu .content .mobile-tips{
    position:relative;float:right;color:#ffffff;line-height:1.4;
    padding-top:5px;text-align:center;
}
.wyn-top-menu .content .mobile-tips:hover{cursor:pointer}
.wyn-top-menu .content .mobile-tips:hover .mobile-qrcode{
    display:block;
}
.wyn-top-menu .content .mobile-tips .mobile-qrcode{
    display:none;
    position:absolute;top:50px;left:-30px;padding-bottom:15px;width:130px;background-color:#f1f1f1;z-index:999;
}
.wyn-top-menu .content .mobile-tips .mobile-qrcode img{
    margin-top:15px;
}

.wyn-page-content{width:1200px;margin:0 auto;}
.wyn-page-content{margin-top:25px;overflow:hidden;}

.wyn-page-wide-banner .layui-carousel a { display: block; width: 100%; height: 100%; background-size: auto 450px !important }

#wyn-left-side-bar{background-color:#F5F5F5;}
.wyn-left-side-bar{float:left;width:200px;height:600px;}
.wyn-left-side-bar .channel-list{height:650px;position:relative;}
.wyn-left-side-bar .channel-list .channel-block{
    display:block;text-decoration:none;font-size:16px;height:50px;
    line-height:50px;overflow:hidden;text-align:center;color:#000000;
    width:200px;
}
.wyn-left-side-bar .channel-list .channel-block:hover{color:#ffffff;background-color:#F54343}
.wyn-left-side-bar .channel-list .channel-block.active{color:#ffffff;background-color:#F54343}
.wyn-left-side-bar .channel-list .channel-block.more-block:hover .more-channel-block{display:block;}
.wyn-left-side-bar .channel-list .more-channel-block{
    z-index:999;background-color:#F5F5F5;position:absolute;bottom:0;left:200px;
    display:none;
}
/*.wyn-left-side-bar .channel-list .more-channel-block .channel-block{
    display:block;text-decoration:none;font-size:16px;height:50px;
    line-height:50px;overflow:hidden;text-align:center;color:#000000;
    width:200px;
}*/
.wyn-left-side-bar .copy-right{line-height:1.5;margin-top:100px;padding:15px;text-align:center;font-size:12px;color:#555555;}
.wyn-left-side-bar .copy-right .red{color:#F54343;font-size:14px;font-weight:bold;}

.wyn-page-wide-banner{height:450px;}
.layui-carousel-ind{text-align:right;z-index:10}
.layui-carousel-ind ul{margin-right:20px;}

.wyn-main-content{float:left;margin-left:20px;width:660px;}
.wyn-main-content .wyn-middle-banner{height:300px;}
.wyn-main-content .wyn-middle-banner .banner-container{height:300px;width:600px;float:left;}
.wyn-main-content .wyn-middle-banner .banner-container .banner-block{position:relative;}
.wyn-main-content .wyn-middle-banner .banner-container .banner-block .banner-title{
    width:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;
    line-height:45px;padding-left:10px;
    font-size:16px;z-index:5;color:#ffffff;position:absolute;
    bottom:0;left:0;height:45px;font-weight:bold;
}
.wyn-main-content .wyn-middle-banner .banner-container .banner-block .banner-title-filter{z-index:3;position:absolute;bottom:0;left:0;height:45px;width:100%;background-color:#000000;opacity:0.5;}
.wyn-main-content .wyn-middle-banner .banner-cat-list{float:left;width:60px;background-color:#000000;}
.wyn-main-content .wyn-middle-banner .banner-cat-list .banner-cat-block{height:50px;line-height:50px;overflow:hidden;width:100%;text-align:center;font-size:14px;color:#ffffff;}
.wyn-main-content .wyn-middle-banner .banner-cat-list .banner-cat-block.active{background-color:#F54343;}
.wyn-main-content .wyn-middle-banner .banner-cat-list .banner-cat-block:hover{cursor:pointer;background-color:#F54343;}
.wyn-main-content .wyn-middle-banner .banner-box{display:none;}
.wyn-main-content .wyn-middle-banner .banner-box.show{display:block;}

/*文章列表*/
.wyn-main-content .wyn-article-list{}

.wyn-right-side-bar{width:300px;float:left;margin-left:20px;}
.wyn-right-side-bar .banner{width:100%;overflow:hidden;background-color:#f5f5f5;margin-bottom:15px;padding-top:15px;}
.wyn-right-side-bar .banner .large_box{margin:0 auto;margin-bottom:10px;width:270px;height:200px;overflow:hidden;position:relative;}
.wyn-right-side-bar .banner .large_box img{display:block;width:100%;height:100%;}
.wyn-right-side-bar .banner .large_box .ad-tips{position:absolute;left:4px;bottom:4px;width:37px;height:17px;background-color:#192033;color:#ffffff;font-size:12px;text-align:center;line-height:17px;}
.wyn-right-side-bar .banner .small_box{width:300px;height:50px;overflow:hidden;}
.wyn-right-side-bar .banner .small_list{position:relative;float:left;width:270px;height:50px;overflow:hidden;}
.wyn-right-side-bar .banner .small_list ul{height:50px;overflow:hidden;}
.wyn-right-side-bar .banner .small_list ul li{position:relative;float:left;margin-right:4px;width:55px;height:40px;}
.wyn-right-side-bar .banner .small_list ul li img{display:block;width:100%;height:100%;}
.wyn-right-side-bar .banner .small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:51px;height:36px;border:2px solid #F54343;}
.wyn-right-side-bar .banner .small_list ul li.on .bun_bg{display:block;}
.wyn-right-side-bar .banner .btn{display:block;width:15px;height:40px;background-repeat:no-repeat;background-size:15px 15px;background-position:center center;cursor:pointer;}
.wyn-right-side-bar .banner .btn:hover{}
.wyn-right-side-bar .banner .left_btn{float:left;background-image:url(../../images/pc/global/left_btn.png);}
.wyn-right-side-bar .banner .right_btn{float:right;background-image:url(../../images/pc/global/right_btn.png);}

.wyn-right-side-bar .hot-articles{width:300px;overflow:hidden;padding:15px 0;background-color:#f5f5f5;}
.wyn-right-side-bar .hot-articles .main-content{width:270px;margin:0 auto;}
.wyn-right-side-bar .hot-articles .title-block{margin-bottom:15px;font-size:18px;font-weight:bold;color:#000000;overflow:hidden;}
.wyn-right-side-bar .hot-articles .title-block img{float:left;width:20px;height:20px;margin-right:5px;margin-top:5px;}
.wyn-right-side-bar .hot-articles .title-block .title-text{float:left;height:30px;line-height:30px;}
.wyn-right-side-bar .hot-articles .article-list{}
.wyn-right-side-bar .hot-articles .article-list .article-block{display:block;overflow:hidden;cursor:pointer;padding:7px 0;border-bottom:1px solid #ebebeb;}
.wyn-right-side-bar .hot-articles .article-list .article-image{width:80px;height:60px;float:left;margin-right:10px;}
.wyn-right-side-bar .hot-articles .article-list .article-image img{width:80px;height:60px;}
.wyn-right-side-bar .hot-articles .article-list .article-title{font-size:14px;height:50px;margin-top:5px;line-height:24px;overflow:hidden;width:175px;}


#global-login-box{display:none;overflow:hidden;}
#right-bar-login-box{margin-bottom:17px;overflow:hidden;}
.login-box{width:300px;height:245px;background-color:#f5f5f5;overflow:hidden;}
.login-box .mobile-block{height:38px;width:250px;margin:0 auto;border:1px solid #cccccc;border-radius:5px;overflow:hidden;margin-top:25px;}
.login-box .mobile-block input{height:38px;width:250px;background-color:#ffffff;color:#000000;font-size:12px;padding:0 12px;}
.login-box .verify-code-block{height:38px;width:250px;font-size:12px;margin:0 auto;margin-top:12px;overflow:hidden;border:1px solid #cccccc;border-radius:5px;}
.login-box .verify-code-block .code-input{color:#000000;height:38px;width:102px;background-color:#ffffff;font-size:12px;padding:0 12px;float:left;}
.login-box .verify-code-block .code-input input{width:100%;height:100%;}
.login-box .verify-code-block .get-code-btn{height:38px;width:124px;background-color:#cccccc;font-size:12px;text-align:center;line-height:38px;float:left;}
.login-box .verify-code-block .get-code-btn.disabled{background-color:#cccccc;color:#ffffff;}
.login-box .mobile-login-btn:hover{cursor: pointer}
.login-box .mobile-login-btn{height:38px;width:250px;margin:0 auto;border:1px solid #cccccc;
    background-color:#F54343;color:#ffffff;font-weight:bold;font-size:14px;border-radius:5px;
    overflow:hidden;margin-top:15px;text-align:center;line-height:38px;
}
.login-box .wechat-login-btn:hover{cursor: pointer}
.login-box .wechat-login-btn{
    display:block;
    font-size:14px;color:#000000;height:38px;width:250px;line-height:38px;margin:0 auto;margin-top:20px;
}
.login-box .wechat-login-btn .login-text{
    font-size:14px;color:#000000;height:38px;float:left;width:140px;text-align:right;margin-right:10px;
}
.login-box .wechat-login-btn img{
    height:38px;width:38px;float:left;
}

/*分享微信弹框*/
.bd_weixin_popup_bg{
    position:absolute;
    left:-400px;
    top:-400px;
    width:260px;
    height:320px;
    border:0;
    padding:0;
    margin:0;
    opacity:0;
    filter:alpha(opacity=0);
    z-index:11000
}
.bd_weixin_popup{
    position:absolute;
    /*left:-400px;*/
    /*top:-400px;*/
    padding:10px;
    width:210px;
    height:240px;
    background:#fff;
    border:solid 1px #d8d8d8;
    z-index:11001;
    font-size:12px
}
.bd_weixin_popup .bd_weixin_popup_head{
    font-size:12px;
    font-weight:bold;
    text-align:left;
    line-height:16px;
    height:16px;
    position:relative;
    color:#000
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close{
    width:16px;
    height:16px;
    position:absolute;
    right:0;
    top:0;
    color:#999;
    text-decoration:none;
    font-size:16px
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover{
    text-decoration:none
}
.bd_weixin_popup .bd_weixin_popup_main{
    padding: 20px 10px 10px;
    width: 185px;
    margin: 0 auto;
    min-height:150px;
    _height:150px
}
.bd_weixin_popup .bd_weixin_popup_foot{
    font-size:12px;
    text-align:left;
    line-height:22px;
    color:#666
}

/*友情链接*/
.friend-link{
    margin-top:15px;
    width: 270px;
    overflow: hidden;
    padding: 15px 15px;
    background-color:#f5f5f5;
}
.friend-link .title{font-size:17px;font-weight:bold;color:#555555;}
.friend-link .content{margin-top:10px;}

/*copyright*/
.wyn-right-side-bar .copy-right{
    text-align:center;
    margin-top:15px;
    width: 270px;
    overflow: hidden;
    padding: 15px 15px;
    background-color:#f5f5f5;
    font-size:12px;
}
.wyn-right-side-bar .copy-right .red{
    color:#F54343;font-size:12px;font-weight:bold;
}