body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }

body { background:#fff; font-size:14px; font-family:"微软雅黑"; -webkit-overflow-scrolling: touch;overflow-x: hidden;}



.hide{display: none;}
.height88{height:88px}
.text-center{text-align: center;}
.colorg{color:gray;}

a { color:#555; text-decoration:none; }

a:hover { text-decoration:none; }

img { border:none; }

ol,ul,li { list-style:none; }

input, textarea, select, button { font:14px 微软雅黑; }

table { border-collapse:collapse; }



body,html{width: 100%;height:100%;}



.right{float: right;}

.left{float: left;}

.clearfix:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

.clearfix{

    zoom: 1;

}

.spanPicTitle{

    font-size: 14px;

    display: block;

    color: #999;

    width:100%;

    margin:0 auto;
    text-indent: 0em !important;
    margin-top: 10px;

}
center{
    width: 100%;
    text-align: justify !important;
    color: #666 !important;
    margin: 4.5% auto;
}



/*看见详情分享页面样式*/

.usr-attachmentsinfo img{

    width:100%

}



.sh-det-share .banner{

    width: 100%;

    height: auto;

    position: relative;

    height: 31%;

    overflow: hidden;

}

.sh-det-share .banner img{

    width: 100%;

    margin: 0 auto;

    /*position: absolute;

    z-index: -2;*/

}

.header-img{

    width: 40px !important;

    height: 40px !important;

    border-radius: 50% !important;

}

.sh-det-share .mark{

    background: rgba(0,0,0,0.6);

    position: absolute;

    z-index: -1;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

/*.sh-det-share .banner{

	background: url(../img/001.png) no-repeat;

	height: 30%;

}*/





.sh-det-share .open{

    font-size: 16px;

    color: #999;

    width: 100%;

    margin: 0 auto;

}

.sh-det-share .top-icon{

    width: 0;

    height: 0;

    border: 7px solid transparent;



    display: inline-block;

    border-bottom-color: #333;

    float: right;

    margin-top: 3%;

    margin-right: 14%;

}

.sh-det-share .bottom-icon{

    width: 0;

    height: 0;

    border: 7px solid transparent;



    display: inline-block;

    border-top-color: #333;

    float: right;

    margin-top: 14%;

    margin-right: 14%;





}

.showarticle{

    float: right;

    width: 16%;

}

.sh-det-share .context{

    border-top: 6px solid #ededed;

    border-right: 6px solid #ededed;

    display: table;

    margin: 0 auto;

    width: 98%;



}

.sh-det-share .title .right img{

    width: 50%;

}

.sh-det-share .img{

    width: 60px;

    height: 60px;

    border-radius: 50%;

}

.sh-det-share .headerpic img{

    margin-top:5%;

    width:40px;

    height:40px;

    overflow: hidden;

    border-radius:50%;

}

#showdiv p{

    text-align: justify;

    line-height: 1.5;

    font-size: 18px;

    width: 95%;

    margin: 0 auto;

}

#mainimgdata img{

    width: 100%;



}



.sh-det-share .usrname{

    font-size: 17px;

    color: #333;

    float: right;

    width: 77%;

    height:98%;

    background: #fff;

    padding: 3%;

    line-height:1.5;



}

.sh-det-share .usrname div:nth-of-type(2) a{



    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;



}

.userpic{

    width: 100%;

    position: relative;

}

.container{

    background-color: #ededed;

    padding-bottom:3%;

}

.sh-det-share .hoster .traigle{

    width:0;

    height:0;

    border:10px solid transparent;

    border-right-color: #fff;

    position: absolute;

    right: -4%;

    top: 50%;

    margin-top: -10%;

}

.editor{

    width:95%;

    text-align:right;

    font-size:16px;

    margin:0 auto;

    color:#333;



}

.sh-det-share .hoster{

    width:17%;

    text-align: center;

    float: left;



}

.sh-det-share .more img{

    width: 10%;

    margin-top: 2%;

    float: left;

    margin-right: 5%;





}

.sh-det-share .more{

    width: 50%;

    display: BLOCK;

    margin: 0 auto;

    font-size: 20px;



}

.sh-det-share .contextwrap{

    width:98%;

    background: #ededed;

}



.sh-det-share .time{

    font-size: 14px;

    color: #999;

    display: inline-block;

    margin-left: 3%;





}

.sh-det-share .num{

    font-size: 16px;

    color: #999;

}



.sh-det-share .usrname div:nth-of-type(3){
    text-align: justify;

}

.sh-det-share .usrname div{

    color: #333;
}

.sh-det-share .usrname ul li{

    float: left;

    margin: 0 1% 1% 0;

    width: 32%;



}



.sh-det-share .usrname ul li img{

    width:100%;

    max-height:60px;

}

.sh-det-share .usrname ul {

    width: 100%;



}

.sh-det-share .title{

    height:7%;

}

.sh-det-share .title .left{

    width:80%;



}

.uploadtip{

    background: rgba(0,0,0,0.8);

    position: fixed;

    top: 0;

    width: 100%;

    text-align: center;

    padding: 2% 0;
   z-index:1001;
}

.uploadtip span{

    color: #fff;

    font-size: 20px;

}

.uploadtip .logo{

    float: left;

    margin-right: 2%;

    width: 10%;

}

.aboutword{

    width: 95%;

    margin: 0 auto;



}

.uploadtip .close{

    color: #fff;

    font-size: 25px;

    outline: none;

}



.uploadtip	.upload{

    margin: 0 1%;

    background-color: #12adff;

    border: none;

    color: #fff;

    padding: 1% 2%;

    font-size: 18px;

    border-radius: 3px;

    outline: none;

    font-family: "microsoft yahei";

}

.img002{

    width: 16% !important;

    border-radius: 50%;

    z-index: 1 !important;

    left: 4%;

    top: 10px;

}

.user-infor{

    position: relative;

    /*top: 10px;

    left: 2%;*/

    color: #fff;

    font-size: 16px;

    width: 100%;

    height: 100%;

}

.user-infor-name{

    position: absolute;

    top: 2px;

    left: 12%;

}

#mainimgdata{

    width:95%;

    margin:0 auto;

    display: table;



}

.user-infor-name span{

    color:#fff;

}

/*快点新闻生产后分享页面*/

.newshare{

    width: 100%;

    height: 100%;



}

.newshare h2{

    font-size: 24px;

    line-height:1.5;

    width: 95%;

    margin: 3% auto;

    color:#333;



}

.newshare .p-information{



    font-size: 16px;

    padding: 1% 0;

    width: 95%;

    margin: 0 auto;

    color:#999;

    text-indent: 0 !important;



}

.newshare .article{

    font-size: 18px;

    line-height: 30px;

    width: 95%;

    margin: 0 auto;

}

.newshare .article h3{

    color: #999;

    font-size: 16px;

    margin-bottom: 4%;

    margin-top: -3%;

}

.newshare .article img,.newshare .article video,.newshare .article audio,.newshare .article embed{
    width: 100% !important;

    margin: 0 auto !important;

    display:block;

}

.newshare .order img{

    border-radius: 50%;

}

.newshare .order{

    border-top: 1px solid #ededed;

    padding-top: 3%;

    margin-left: 2%;

    text-align: right;

    font-size: 20px;

    color: #666;

    margin-right: 2%;



}

.img005{

    width: 12%;

    margin-top: 1.1%;

    float: left;

    margin-right: 1%;

}

/*论坛详情分享页面1*/

.deta-share{

    width: 100%;

    height:100%;

}

.deta-share .header{

    width: 95%;

    height: 12%;

    margin: 0 auto;

}

.deta-share .header img{

    width:40px;

    height: 40px;

    border-radius: 50%;

    float: left;

    margin-top:4.5%;

}

.deta-share .user-name{

    font-size: 18px;

    color: #666;

    display: inline-block;

    margin: 3% 0 0 2%;

    width: 77%;

}

.deta-share .time{

    font-size: 18px;

    color: #999;

    margin-top: 2%;

    display: inline-block;

}

.deta-share .develop{

    border: 1px solid #999;

    border-radius: 49%;

    padding:1% 3%;

    font-size: 16px;

}

.deta-share h2{

    font-size:1.6em;

    width: 95%;

    margin: 0 auto;

}

.deta-share .news p{

    text-indent: 2em;

    line-height:1.5;

    font-size: 17px;

    margin-bottom: 16px;

    color: #333;

    width: 95%;

    margin: 0 auto;

}

/*论坛详情分享页面2*/

.deta-share .usr-say{

    background-color: #f8f8f8;

    width: 100%;

    margin-top: 10%;

    border-top: 1px solid #ddd;

    display: table;

}

.deta-share .usr-say .floor{

    border-bottom: 1px solid #ddd;

}

.deta-share .usr-pic{

    width:40px;

    height: 40px;

    border-radius:50%;

    float: left;

    margin-right: 3%;

}

.deta-share .usr-info{

    font-size: 18px;

    width:100%

display: inline-block;

}

.deta-share .usr-info span:first-child{

    color: #147be3;

    font-size: 18px;

}

.deta-share .usr-info span{

    color: #b3b3b3;

    font-size: 15px;

}

.deta-share  .floor{

    padding: 3%;

    display: block;

}

.deta-share .more{

    color: #147be3;

    font-size: 18px;

    display: block;

    margin-top: 6%;

    text-align: right;

}

.usr-comment{

    line-height: 1.5;

    font-size: 14px;

    margin-top: 2%;

    display: inline-block;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    color: #999;

}

.usrwrap{

    width: 84%;

}

/*新闻详情分享页面2*/

.newshare p{
    width: 95%;
    font-size: 18px;

    line-height: 1.5;

    color:#333;

    text-align: justify !important;

    text-indent:2em !important;

    font-family:"microsoft yahei";
    margin:4.5% auto;



}

.newshare p span{

    color:#999;



}

.newstitle a{

    font-size: 20px;

    line-height: 1.5;

    color: #000;

}

.newslist .time{

    color: #999;

    font-size: 15px;

    margin-top: 1%;

}

.newslist ul{

    /*border-bottom:1px solid #ddd;*/

    padding-bottom: 1%;

    width: 95%;

    margin: 0 auto;

    margin-top: 5%;

}

.img006{

    width: 100%;

    margin: 3% 0;

}

.newslist h3{

    background:#13affd;

    color: #fff;

    font-size: 18px;

    width: 30%;

    text-align: center;

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

    margin: 3% 0;

}





    .more1{

        width: 36%;

        display: BLOCK;

        margin: 0 auto;

        font-size: 16px;

        margin-top: 4%;



    }

    .more1 .send{

        width: 10%;

        margin-top:3.5%;

        float: left;

        margin-right: 3%;

    }



    .uploadtip .slogan{

        width: 52%;

        display: block;

        float: left;

        line-height: 1;

        text-align: left;

        margin-top: 0.7%;

        margin-left: 1.5%;

    }

    .uploadtip .slogan span:first-child{

        font-size:21px;

        color: #fff;



    }

    .uploadtip .slogan span:nth-of-type(2){

        font-size: 13px;

        color: #aaa;

    }

    .uploadtip .slogan span:first-child{

        color: #fff;

        font-size: 18px;

    }

    .uploadtip .logo{

        float: left;

        margin-right:1%;

        width: 12%;

        border-radius: 10px;

    }



    .aboutword{

        width: 96%;

        margin: 0 auto;



    }

    .uploadtip .close{

        color: #fff;

        font-size: 25px;

        float: right;

        margin-top: 2%;

        outline: 0;

    }



    .uploadtip  .upload{

        margin: 0 1%;

        background-color: #12adff;

        border: none;

        color: #fff;

        padding: 1% 2%;

        font-size: 16px;

        font-family: "microsoft yahei";

        outline: none;

        margin-top: 2.5%;

        display: inline-block;

    }

    .deta-share .news p{

        text-indent: 2em;

        line-height: 1.6;

        font-size: 25px;

        color: #333;

        text-align: justify;

        width: 95%;

        margin: 5% auto;

    }

    .deta-share .user-name{

        font-size: 22px;

        color: #666;

        display: inline-block;

        margin: 3% 0 0 2%;

        width: 77%;

    }

    .deta-share .develop{

        border: 1px solid #999;

        border-radius: 49%;

        padding:1% 3%;

        font-size: 18px;

    }

    .deta-share .time{

        font-size: 22px;

        color: #999;

        margin-top: 2%;

        display: inline-block;

    }

    .deta-share h2{

        font-size: 30px;

        margin: 5% 0;

        line-height: 1.5;





    }

    .deta-share .usr-info span:first-child{

        color: #147be3;

        font-size: 30px;

    }

    .deta-share .usr-info span{

        color: #b3b3b3;

        font-size: 24px;

    }

    .usr-comment{

        line-height: 1.5;

        font-size: 24px;

        margin-top: 2%;

        display: inline-block;

        text-align: justify;

        display: -webkit-box;

        overflow: hidden;

        text-overflow: ellipsis;

        word-break: break-all;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

    }

    .deta-share .more{

        color: #147be3;

        font-size: 24px;

        display: block;

        margin-top: 6%;

        text-align: right;

    }

    .good{

        width: 28%;

    }

    .good .img003{

        width: 40%;

    }

    .good span{

        font-size: 23px;

    }



    .sh-det-share h2{

        font-size: 22px;

        color:#333;

        line-height: 35px;


        margin: 3% auto;
        text-align:center;
    }

    .articleOpen{

        cursor: pointer;

    }

    .sh-det-share .say{

        font-size: 25px;

        display: block;

        text-align: justify;

        line-height: 1.5;

    }

    .Name{

        font-size: 21px;

    }

    .user-infor-name{

        position: absolute;

        top:5%;

        left: 8%;

        width: 40%;

    }



    .userinfo{

        color: rgb(255, 255, 255);

        width: 100%;

        display: inline-block;

        position: absolute;

        left: 30%;

    }

    #mainimgdata li{

        width: 30%;

        float: left;

        margin: 1.5%;

    }

    #mainimgdata li img{

        width: 100%;

        height:70px;

        overflow:hidden;

    }



    #publishtime{

        color: rgb(255, 255, 255);

        margin-left: 10%;

        display: inline-block;

        font-size:12px;

    }

    .img002{

        width: 16% !important;

        border-radius: 50%;

        z-index: 1 !important;

        left: 4%;

        top: 1px;

    }

    .deta-share .more img{

        width: 10%;

        margin-top: 4%;

        float: left;

        margin-right: 5%;





    }



    .timekeeper{

        width: 8% !important;

        margin-top:1.5%  !important;

    }

    .deta-share .user-name{

        font-size: 18px;

        color:#333;

    }

    .deta-share .time,.deta-share .develop{

        font-size: 16px;

        color: #999;

    }

    .deta-share h2{

        font-size: 23px;

        color: #333;

        width: 95%;

        margin: 5% auto;

    }

    .deta-share .news p{

        font-size: 18px;

        color: #333;

        width: 95%;

        margin: 2% auto;

    }

    .deta-share .usr-info span:first-child{

        font-size: 18px;

        color: #333;

        display: block;

    }

    .deta-share .usr-info span {

        color: #999;

        font-size: 16px;

        margin-right: 3%;

    }

    .usr-comment{

        font-size: 16px;

        color: #999;

    }










#modal-overlay{
    width:100%;
    height:40%;
    position:absolute;
    display:none;
    overflow: hidden;
}

#modal-overlay img{
    position:absolute;
    width:100%;
    z-index:999;
}

#screen{
    position:absolute;
    top:0;
    left:0;
    display:none;
    background: rgba(0,0,0,1);
    z-index:998;
}
.main_content .jieshao_content {
    text-indent: 0rem !important;
}
.hot_more{
    margin: 10px 0 30px 0;
    width: 100%;
    background: #971d34;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    font-size: 16px;
}
.hot_comment_name{
    width: 100%;
    background: #ececec;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #000;
    float: left;
    font-size: 16px;
    text-indent:10px;
}
.hot_list{
    width: 100%;
    border-bottom: 1px solid #dedede;
    float: left;
}
.hot_head{
    width: 100%;
    float: left;
    margin: 5px 0;

}
.hot_img{
    float: left;
    width: 23px;
    height: 23px;
    border-radius: 15px;
    margin: 5px;
}
.hot_title{
    float: left;
    font-size: 13px;
    margin: 5px;
    line-height:23px;
    color: #33a4de;
}
.hot_replay{
    float: right;
    font-size: 13px;
    margin: 5px;
}
.hot_content{
    width: 100%;
    line-height: 25px;
    font-size: 14px;
    color: #666666;
    float: left;
    margin: 0 0 10px 0;
    text-indent: 35px;
}


.relate_list {
    height: 60px;
    width: 90%;
    display: inline-block;
    border-bottom: 1px solid #ececec;
    padding: 10px 5%;
}

img.relate_img {
    width: 100%;
    float: right;
}


a.relate_link {
    width: 68%;
    font-size: 14px;
    height: 46px;
    line-height: 23px;
    float: left;
    color: #333;
    font-family:"Microsoft YaHei";
    font-weight: normal;
    margin-right:2%;
    overflow: hidden;
}
.relate_a_link{
    width: 30%;
    height: 60px;
    overflow: hidden;
    float: right;
}
.relate_date{
    color: #bbb;
    font-size:12px;
}