/*首页*/
.index{
padding:0 0 60px 0;
background:#ffffff;
}

/*菜单*/
.index .menu {background-color:#FFF; padding:5px 0; color:#003755; overflow:hidden; font-size:16px;}
.index .menu li{ float:left; padding:2px 5px;margin:0 5px;border-bottom:2px solid #fff;}
.index .menu .active{ color:#f39700; border-bottom:2px solid #f39700;}

/*文章列表*/
.news-list ul{ overflow:hidden; width:96%; margin:0 auto;}
.news-list ul li{ background-color:#FFF; overflow:hidden; padding:12px 10px;margin-top: 8px;text-align: left;}
.news-list ul li a{ display:block; overflow:hidden;}
.news-list ul li .title{ color:#000; font-size:16px;}
.news-list ul li .gray{ color:#888; margin-top:8px;}
.news-list ul li .gray span{margin-right:10px;}

.news-list ul li .gray .time{ float:right;}
.news-list ul .onepic .word{ width:65%; float:left;}
.news-list ul .onepic .pic{ width:30%; float:right; overflow:hidden;max-height:75px;}
.news-list .adpic{}
.news-list .adpic .pic{margin-top:10px;}
.news-list .adpic i{ font-size:12px; color:#888; border:1px solid #888; line-height:14px; padding:0 2px; float:right; border-radius:5px; margin-top:6px;}

/*站点列表*/
.station-list ul{overflow:hidden; width:96%; margin:0 auto;}
.station-list ul li{ border-bottom:1px solid #eee;overflow:hidden; padding:8px 6px;text-align: left;}
.station-list ul li a{ display:block; overflow:hidden; color:#000;}
.station-list ul li .pic{ width:35px; height:35px; border-radius:100%; overflow:hidden;}
.station-list ul li .pic img{height:100%;}
.station-list ul li .info{line-height:35px;width:78%;font-size:16px;overflow:hidden;margin-left:2%;white-space: nowrap;text-overflow: ellipsis;}
.station-list ul li i{background-color:#999; width:22px; height:22px; line-height:22px; color:#FFF;text-align: center;border-radius: 50%;float: right;margin-top: 8px;}

/*周刊列表*/
.maga li{ padding:6px !important;}
.maga .f-right{margin-top: 8px; color:#888;}

/*文章详细*/
.article{ padding:15px;overflow:hidden; color:#3e3e3e;}
.article .title{ font-size:1.36rem;}
.article .gray{ margin-top:5px; color:#888;}
.article .gray span {
    margin-right: 8px;
    vertical-align: middle;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
}
.article .gray .sitecss {
    color: #68b82e;
    border: 1px solid #68b82e;
    border-radius: 10px;
    font-size: 12px;
    padding: 0 6px;
    height: 16px;
    line-height: 16px;
}
.article .cont{ text-align:left; font-size:17px;margin-top:10px;}
.article .cont img{width:100% !important;height:auto !important; vertical-align:middle;}
.article .cont p{ line-height:29px;letter-spacing: -0.5px;margin: 0 0 13px;}
.article .cont h1{ text-align:justify; line-height:29px;letter-spacing: -0.5px;margin: 0 0 13px;font-size:24px;}


/*设置*/
.set li{position:relative;}
.set .info{width:inherit !important;}
.set .f-right{margin-right:20px;}
.set li:after{border: solid #272636;border-width: 2px 0px 0px 2px;content: "";display: block;height: 8px;width: 8px;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);position: absolute;right: 12px;top:18px;}
.set .noarr:after{ display:none}
.set .ico-close{background:url(../images/ico-close.png) no-repeat; background-size:100%; width:40px;display:inline-block; height:23px; float:right; margin:8px 2px 0 0 }
.set .open{background:url(../images/ico-open.png) no-repeat; background-size:100%;}

/*清除缓存弹出框*/
.tip-bg .box{font-size:18px; color:#333;}
.tip-bg .box .title{padding:30px 0}
.tip-bg .box .btns{border-top:1px solid #ccc;}
.tip-bg .box .btns span{ cursor:pointer; width:49%; float:left; padding:10px 0;}
.tip-bg .box .btns .color{ float:right;color:#68b82e; border-left:1px solid #ccc;}
.tip-bg .box .btns span:hover{ color:#666;}

/*编辑信息*/
.edit .tx{width:35px; height:35px; float:right; margin-right:5px;}
.email .title1{ padding:15px 0}
.email .color{color:#333 !important;}
.email .inptbox{background-color:#dedede; border-radius:2px;width: 90%;margin: 0 auto; margin-top:10px;}
.email .inptbox input{line-height:24px; padding:8px 0;width: 90%;margin: 0 auto;text-align: center;font-size: 16px;}

/*个人中心*/
.member{ width:96%; margin:0 auto;}
.member li{background-color:#FFF;}
.member .person{ position:relative; padding:25px 0; width:96%;background-color:#FFF; margin:10px auto; overflow:hidden;}
.member .person a{color:#000; overflow:hidden; display:block;}
.member .person .tx{ width:54px; height:54px; float:left; margin-left:20px;}
.member .person:after{border: solid #272636;border-width: 2px 0px 0px 2px;content: "";display: block;height: 8px;width: 8px;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);position: absolute;right: 25px;top:44px;}
.member .person .nickname{float:left;margin-left:15px;font-size:18px;max-width: 60%;text-align: left;margin-top: 15px;}
.member li .icons{display:inline-block;background-size:100% !important; float:left;margin: 6px 6px 0 5px;width:24px; height:24px;}
.member li .m1{background:url(../images/m1.png) no-repeat;}
.member li .m2{background:url(../images/m2.png) no-repeat;}
.member li .m3{background:url(../images/m3.png) no-repeat;}
.member li .m4{background:url(../images/m4.png) no-repeat;}
.member li .m5{background:url(../images/m5.png) no-repeat;}

/*站点订阅分享*/
.logotitle{ color:#FFF; font-size:16px; padding:10px 0; background:url(../images/tit-bg.jpg) no-repeat center; background-size:cover;}
.logotitle .logo{width:26%; margin:0 auto;}
.dybtns{ background-color:#003755; color:#FFF; overflow:hidden; padding:6px 0}
.dybtns li{float:left; width:48%; font-size:16px;}
.dybtns .bor{border-right:1px solid #FFF;}
.dybtns li i{width:17px; height:17px; display:inline-block; vertical-align:middle; margin-right:5px;}
.dybtns li a{color:#FFF;}
.dybtns .ico1{background:url(../images/m8.png) no-repeat;background-size:100%;}
.dybtns .ico2{background:url(../images/m9.png) no-repeat;background-size:100%;}
.dybtns li:hover{background-color:#0d5379;}

/*订阅站点*/
.dingyue{width: 75%;float: right;position: absolute;right: 0;    padding-bottom: 60px;}
.dingyue ul li{border-bottom: 1px solid #ccc;    padding: 8px 10px;}
.dingyue ul{width:100%;}
.dingyue ul li .info{ width:72%;}
.dingyue ul li .add{background:url(../images/m7.png) no-repeat;background-size:100%;width:17px; height:17px; display:inline-block; vertical-align:middle;}
.dingyue ul li .added{background:url(../images/m6.png) no-repeat;background-size:100%;}

.dyleft{ width:25%; float:left;position: fixed;left: 0;border-right: 1px solid #ccc;height: 100%;}
.dyleft li{border-bottom:1px solid #ccc; padding:12px 0; font-size:16px;}
.dyleft .on{ background-color:#ddd; color:#68b82e; border-left:3px solid #f39813;}

/*视频*/
.video{}
.video li{ background-color:#FFF; margin-top:12px; border-bottom:1px solid #eee;}
.video li .pic{ position:relative; overflow:hidden; display:block;}
.video li .pic .icoplay{background:url(../images/play.png) no-repeat;background-size:100%;width:56px; height:56px; display:inline-block; vertical-align:middle;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);-o-transform: translate3d(-50%,-50%,0);}
.video li .title{ background:rgba(0,0,0,.4); padding:10px 5%; width:90%; position:absolute; top:0px; color:#FFF; left:0px; font-size:16px; text-align:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video li .time{position:absolute; bottom:10px; right:15px; color:#FFF;}
.video li .author{width:24px; height:24px; display:inline-block; border-radius:50%; vertical-align:middle; overflow:hidden;}
.video li .author img{ height:100%;}
.video li .info{color:#555; overflow:hidden; padding:10px; position:relative}
.video li .name{text-align: left;}
.video li .info .style2{width: 50%;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video li .info span{float:left}
.video li .info .num{position: absolute;right: 100px;background:url(../images/playnum.png) no-repeat left; background-size:15px 15px; padding-left:20px;}
.video li .info .message{position: absolute;right: 50px;background:url(../images/icomess.png) no-repeat left; background-size:15px 15px; padding-left:20px;}
.video li .info .share{ float:right; margin-left:20px;background:url(../images/share.png) no-repeat center; background-size:18px 16px; width:22px; height:22px;}

/*新详细*/
.new-detail{}
.new-detail .title{ text-align:left; font-weight:400;font-size:24px;line-height: 1.4;margin-bottom:10px;}
.new-detail .gray{ text-align:left;font-size:17px;}
.new-detail .gray .from{ text-align:left; color:#68b82e; }


/*文章详细加关注*/
.concern {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    margin-top: 10px;
}

    .concern a {
        color: #333;
    }

    .concern .btn, .check {
        border: 1px solid #68b82e;
        color: #68b82e;
        padding: 2px 60px;
        border-radius: 3px;
        display: inline-block;
    }
.check {
    margin: 15px 0;
}
    .concern .author {
        overflow: hidden;
    }

    .concern .logo {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: inline-block;
        overflow: hidden;
        float: left;
        margin-left: 5px;
    }

        .concern .logo img {
            height: 100%;
        }

    .concern .info {
        float: left;
        margin-left: 15px;
        width: 45%;
    }

        .concern .info span {
            margin-top: 3px;
            display: block;
            text-align: left;
            font-size: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
                color:#000;
        }
        .concern .info span i{
            color:#68b82e;
            border:1px solid #68b82e;
            border-radius:10px;
            font-size:12px;
            line-height:14px;
            padding:0 6px;
            margin-left:10px;
        }
        .concern .info .gray {
            color: #888;
            font-size:14px;
        }
    .concern .atten {
        float: right;
        padding: 1px 0;
        font-size: 16px;
        margin-top: 10px;
        border: 1px solid #999;
    color: #000;
    width:64px;
    line-height:22px;
    }

.check:hover {
        background-color: #68b82e;
        color: #FFF;
    }
    .concerned {
        background-color: #bbb;
        color: #FFF !important;
        border-color: #bbb !important;
    }

    /*详细页底部 相关阅读*/
.abreading{color:#000; text-align:left;padding-bottom: 20px}
.abreading h2{background-color:#f2f2f0; width:100%;padding:8px 0;text-indent:15px; font-size:16px;}
.abreading .list ul{overflow:hidden;} 
.abreading .list ul li{border-bottom:1px solid #f2f2f0;} 
.abreading .list ul li a{color:#333; padding:10px 20px;display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.abreading .list ul li a i{width:4px;height:4px;background:#68b82e;display: inline-block;border-radius: 100%;margin-right:5px;vertical-align:middle;}
.abreading .aboutlist li .gray{font-size:14px;}
.abreading .aboutlist li {border-bottom:1px solid #f2f2f0;}

/*详细页底部 最新评论*/
.comment{ padding-bottom: 30px;}
.comment ul{overflow:hidden;width:90%;margin:0 auto;}
.comment ul li{overflow:hidden;padding:10px 0}
.comment ul li .toux{float:left;border-radius:50%;width:12%;overflow:hidden;padding-bottom: 12%;height: 0;position: relative;}
.comment ul li .toux img{    height: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);border-radius: 50%;}
.comment ul li .right{float:right;width:82%; border-bottom:1px solid #f2f2f0; padding-bottom:15px;position:relative}
.comment ul li .right .name{color:#065898; font-size:14px;}
.comment ul li .right .place{color:#aaa; font-size:12px;}
.comment ul li .right .cont{color:#666;}
.comment ul li .right .zan{position:absolute;right:0;top:10px;background: url(/Content/images/icozan.png) no-repeat right;
    padding-right: 30px;text-align: left;line-height: 28px;height: 22px;color:#aaa;}
.comment ul li .right .color{background: url(/Content/images/colorzan.png) no-repeat right;}

/*列表 已订阅按钮*/
.have-dy{background:rgba(0,0,0,.25);line-height:20px; color:#FFF;padding:1px 10px;position:absolute;right:15px;top:15px;border-radius:20px;}

.dynum{margin-top:5px; font-size:14px;}

/*旅游号修改*/
.stanum{    width: 30%;font-size: 14px;text-align: right;color:#666;line-height: 45px;}
.station-list ul li .info .intro {color:#666;line-height:18px; font-size:14px;}
.station-list ul li .title{line-height:22px!important;}
.station-list .concernmore{width:92%;display:block;margin:0 auto;border:1px solid #68b82e;color:#68b82e;line-height:32px;margin-top:15px;border-radius:20px;}
.station-list .concernmore:hover{background-color:#68b82e;color:#FFF;}
.noinfo ul{display:none;}
.noinfopic{display:none;}
.noinfo .noinfopic{display:block;}
.noinfo .concernmore{display:none;}
.noinfopic {  width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  -ms-transform: translate3d(-50%,-50%,0);
  -moz-transform: translate3d(-50%,-50%,0);
  -webkit-transform: translate3d(-50%,-50%,0);
  -o-transform: translate3d(-50%,-50%,0);}
.noinfopic img{width:22%;margin:0 auto;}
.noinfopic .concernmore{width:45%;display:block;}

/*文章底部加关注*/
.bottip{color:#888;font-size:16px;text-align:left;margin-top:15px;}
.concernbox{border:1px solid #ccc;}
.concernbox .atten{margin-right:10px;}

/*文章底部阅读量*/
.readnum{margin-top:10px;color:#888;text-align:left;font-size:14px}
.readnum span{margin:0 0 0 5px;}
.readnum .zan{    background: url(/Content/images/icozan.png) no-repeat left;
    height: 18px;
    color: #aaa;
    width: 18px;
    display: inline-block;
    margin: 2px 0 0 25px;
    padding-left: 22px;
    background-size: auto 100%;
}
.readnum .color{    background: url(/Content/images/colorzan.png) no-repeat left;background-size: auto 100%;}

/*文章详细-展开全文*/
    .closed .cont{
     max-height:1136px;
     overflow:hidden;
    
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal;
    -webkit-line-clamp: 8;/*截字8行*/

    }
    .article-btn{
        color:#68b82e;
        display:block;
        margin:0 auto;
        text-align:center;
        padding:15px 0 5px 0;
    }
    .article-btn:hover{
        color:#55ad15;
        cursor:pointer;
    }
    .article-btn .icon{
        background:#eaeaea url(../images/article-open.png) no-repeat center;
        background-size: 12px 12px;
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin: -2px 5px 0;
        border-radius: 50%;
    }
    .closed .article-btn .icon{
     -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    }
    .textopen{
        display:none;
    }
    .closed .textopen{
        display:block;
    }
     .closed .textkeep{
        display:none;
    }

     /*底部打开app的按钮*/
.appbtn{
    background:#68b82e;
    color:#FFF;
    text-align:center;
    display:block;
    margin:0 auto;
    width:90%;
    border-radius: 3px;
}
.appbtn a{
    display:block;
    color:#FFF;
    padding: 12px 0;
    font-size: 16px;
    margin-top:10px;
}
.appbtn:hover{
    background:#55ad15;
}
/*没有评论时显示*/
.nocompic img{
    width:40%;
    margin:12px auto;
}
.nocompic{
    padding:20px 0;
    text-align:center;
    color:#999;
}

/*详细页底部 评论弹出框*/
.commbox{
    border-radius:5px;
    width:70%;
    margin:0 auto;
    position:absolute;
    left:10%;
    padding:15px 5%;
    background:#f7f7f7;
    top:40%;
}
.commbox .textbox{
    background:#FFF;
    border:1px solid #ddd;
    border-radius:5px;
}
.commbox .textbox textarea{
    width: 96%;
    padding: 6px 0;
    margin: 0 auto;
    display: block;
    height: 56px;
    color:#333;
    font-size:14px;
}
.commbox .subtn{
    background-color:#2786ef;
    color:#FFF;
    margin-top:10px;
    float:right;
    display:inline-block;
    padding:3px 12px;
    font-size:14px;
    border-radius:5px;
}
.commclose {
        color: #fff;
    background-color: rgba(0,0,0,.3);
        display: inline-block;
        position: absolute;
        width: 25px;
        height: 25px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 50%;
        left: 50%;
        bottom: 28%;
        padding: 8px;
        
    margin-left: -26px;
    }

.commclose:before {
            width: 30px;
            height: 2px;
        }   

.commclose:after {
            height: 30px;
            width: 2px;
        }

.commclose:before,.commclose:after {
            content: '';
            pointer-events: none;
            box-shadow: inset 0 0 0 32px;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

/*弹出框 红包领取提示*/

.redwindow .redbg{
width: 100%;
max-height: 100%;
position: absolute;
top: 0%;
left:0%;
z-index:10;
}
.redwindow .bgbox {
    position: fixed;
    top: 15%;
    width: 80%;
    height: 70%;
    background-color: #fff;
    z-index: -1;
    left: 10%;
    overflow: hidden;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    max-width: 580px;
}
.redwindow .btn {
    position: absolute;
    top: 73%;
    width: 76%;
    left: 12%;
    z-index: 999;
    scrollbar-3dlight-color;
}
.redwindow .bg-bott {
    position: absolute;
    bottom: 0;
    z-index: 10;
}

.shopcar{
    width: 60%;
    padding: 6px 0 6px 6px ;
    font-size: 14px;
    border: 1px solid #939091;
    background-color: #fff;
    border-radius: 50px;
    position: fixed;
    bottom: 4%;
    left: -7%;
    z-index: 2;
    box-sizing: border-box;
}



.shopcar .up{
    width: 20px;
    height: 20px;
    font-size: 15px;
    text-align: center;
    display: inline-block;
    transform: rotate(270deg);
    -o-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -moz-transform:rotate(270deg);

}

.shopcar img{
    width:14%;
    margin-right: 6%;
}

/*.shopcar .liuyan{*/
    /*width: 5%;*/
    /*margin-left: 10px;*/
    /*margin-right: 2px;*/
/*}*/

/*.shopcar .dianzan{*/
    /*width: 5%;*/
    /*margin-right:2px;*/
    /*margin-left: 13px;*/
/*}*/
.shopcar .arror{
    width: 3%;
    position: relative;
    top: -5px;
}


/*.shopcar i{*/
    /*position: absolute;*/
    /*overflow: hidden;*/
    /*top: 33%;*/
    /*right: 10%;*/
    /*width: 30px;*/
    /*height: 8px;*/
    /*line-height: 15px;*/
    /*font-weight: 400;*/
    /*font-size: 16px;*/
/*}*/
 /*.shopcar s{*/
    /*position: absolute;*/
    /*top: 2px;*/
     /*right: 0px;*/
     /*font-size: 18px;*/
/*}*/



.shopcar span{
    color:#939091 ;
    /*font-family: 微软雅黑;*/
}

.shopcar strong{
  font-weight: normal;
    font-size:14px;
    margin: 0;
    padding: 0;
}
.shopcar  .s2{
    position: relative;
    top: 2px;
}
.shopcar  .s3{
    position: relative;
    top: 2px;
}

.shopcar .arrow{
    font-size: 20px;
}


.mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    position:fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.mask ul{

}
 .bottom li img{
    width: 100%;
    float: left;
}

.bottom .word{
    width:68%;
    height: 46px;
    font-size: 10pt;
    float: right;
}
.bottom .word_bottom{
    width: 100%;
    height: 50%;
    margin-top: 10px;
}
.bottom .word_top{
    width: 100%;
    height: 90%;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


 .bottom{
    width: 100%;
    height:450px;
    position:fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background-color: white;
    padding-left: 0;
    display: none;
}

.bottom .contaner{
    width: 94%;
    margin: 0 auto;
}
.bottom .bottom_head {
    width: 100%;
    height: 20px;
    font-size: 10pt;
    text-align: left;
    border-left: 2px solid black;
    box-sizing: border-box;
    margin: 5px 0 0 0 ;
    font-weight: 600;
   letter-spacing: 2px;
    padding-left: 3px;
}
.bottom .bottom_body .price{
     float: left;
    color: #ff5000;
}

 .bottom .bottom_body .buy{
    width: 35%;
    height: 20px;
     line-height: 20px;
    color: white;
    background-color:#ff5000 ;
    float: right;
    border-radius: 5px;
    margin-top: 0px;
}

 .bottom .bottom_body li{
    border-bottom: 1px solid #cac7c7;
    padding: 8px 0 10px 8px;
}

 .bottom .bottom_body img{
    width:30%;
    height:70px;
    display: block;
}

 .bottom .bottom_more{
    width: 21%;
    margin: 20px auto;
    color: #a7a6a6;
    font-size: 10pt;
    border: 1px solid #a7a6a6;
    border-radius: 5px;
}




.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}