/*首页*/
.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%);
        }

/*商品兑换*/
.shop{text-align:left;}
.shop h1{background:url(/Content/images/tuij.png) no-repeat center left 10px;text-align:left;padding:15px 0 15px 0;font-size:18px;padding-left:40px;color:#68b82e;background-size:22px;}
.shop .shoplist{margin-top:-10px;overflow:hidden;}
.shop .shoplist li{width:48%;margin:10px 1% 0;background-color:#FFF;float:left;}
.shop .shoplist li .pic{height:100px;overflow:hidden;}
.shop .shoplist li .pic img{height:100%;}
.shop .shoplist li a{color:#727272;display:block;overflow:hidden}
.shop .shoplist li .style1{width:90%;margin:0 auto;padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop .shoplist li .style2{width:90%;margin:0 auto;color:#68b82e;padding-bottom:5px;}
.shop .shoplist li .style2 i{background-color:#68b82e;color:#FFF;padding:0 2px;margin-left:5px;}
.shop .history{background-color:#68b82e;color:#FFF;padding:13px 0;margin-top:20px;overflow:hidden;}
.shop .history a{color:#FFF;float:right; margin-right: 10px;letter-spacing:2px;display:block;}

/*积分任务*/
.bg-fa {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 320px;
    max-width: 640px;
    background-color: #fafafa;
    z-index: -1;
}
.scoremission{text-align:left;color:#4d4d4d}
.scoremission .content{width:86%;padding:15px 7%;overflow:hidden;}
.scoremission .fl{float:left;}
.scoremission .fr{float:right;}
.scoremission .line{background-color:#e9e8e8;height:6px; border-top:1px solid #d0cfcf;border-bottom:1px solid #d0cfcf}
.scoremission .num{color:#f54343;font-size:34px;background: url(/Content/images/sign/ico-jinbi.png) no-repeat center right;
    background-size: 20px;padding-right: 25px;}
.scoremission .getscore{color:#61c532;    line-height: 30px;}
.scoremission .icos{background: url(/Content/images/sign/ico1.png) no-repeat center left;
    background-size: 20px !important;padding-left: 28px;}
.scoremission .list{overflow:hidden;}
.scoremission .list li{width:86%;padding:15px 7%;overflow:hidden;border-bottom:1px solid #DDD;}
.scoremission .list li .ico2{background: url(/Content/images/sign/ico2.png) no-repeat center left;}
.scoremission .list li .ico3{background: url(/Content/images/sign/ico3.png) no-repeat center left;}
.scoremission .list li .ico4{background: url(/Content/images/sign/ico4.png) no-repeat center left;}
.scoremission .list li .ico5{background: url(/Content/images/sign/ico5.png) no-repeat center left;}
.scoremission .list li .ico6{background: url(/Content/images/sign/ico6.png) no-repeat center left;}
.scoremission .list li .ico7{background: url(/Content/images/sign/ico7.png) no-repeat center left;}
.scoremission .list li .ico8{background: url(/Content/images/sign/ico8.png) no-repeat center left;}
.scoremission .list li .ico9{background: url(/Content/images/sign/ico9.png) no-repeat center left;}
.scoremission .bold{font-weight:600;}
.scoremission .list li .ico-score{background: url(/Content/images/sign/ico10.png) no-repeat center right;padding-right: 28px;}
.scoremission .list .over{background-color:#e4fbcf;}
.scoremission .list .over .ico-score{color:#f54343; background: url(/Content/images/sign/ico11.png) no-repeat center right;}

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

.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;
}


/*积分商品兑换详细*/
.shopdetail{}
.shopdetail .cont{width:86%;padding:8px 7%;margin:0 auto;text-align:left;}
.shopdetail .title{color:#FFF;font-size:16px; padding:80px 0;width:100%;background-color:#67b82d;}
.shopdetail .bigword{font-size:30px;}
.shopdetail .box{border-top:1px solid #feb659;border-bottom:1px solid #DDD;}
.shopdetail .box .style1{color:#000;font-weight:600;}
.shopdetail .box .style2{color:#67b82d;margin-top:8px;}
.shopdetail .box .style2 .original{text-decoration:line-through;color:#888;font-size:14px;margin-left:10px;}
.shopdetail .time{border-bottom:1px solid #DDD;color:#888;font-size:14px;}
.shopdetail .info h2{border-bottom:1px solid #DDD;font-size:14px;margin:0 auto;padding-bottom:8px;color:#888;}
.shopdetail .info{font-size:14px;border-bottom:2px solid #DDD;}
.shopdetail .info p{margin-top:8px;}
.shopdetail .resttime{padding:20px 0; font-size:14px;text-align:center;}
.shopdetail .gray{color:#888;}
.shopdetail .ebtn{background-color:#68b82e;color:#FFF;width:60%;border-radius:20px; margin:0 auto;margin-top:10px; padding:10px;font-size:20px;display:block;}
.shopdetail .bggray{background-color:#d8d8d8;}

/*页面中错误提示*/
.page_msg {
    padding: 75px 15px 0;
    text-align: center;
}
.icon_area {
    margin-bottom: 19px;
}
.icon_msg.warn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAA51BMVEUAAAD4Y2H4Y2H6Y2L/aGj4YmD/jo74YmD3YmD4Y2H5Y2D/aGj5ZGP3Y2H3Y2D4YmH4YmH4YmH5Y2H4ZGH4Z2L4YmD4Y2D4Y2D3YmH3Y2H4Y2H5Y2H5Y2H5Y2H7ZWL/amr3YmD4Y2D4Y2D4Y2D4YmD3Y2H3ZGL4Y2H3ZGH6ZWL/ZGT3Y2H3YmL3Y2D4YmH4Y2H5Y2P3YmL/amr/cXH3YmD////93t75kY/+9/f95eX7vLz91tX8xcT7s7L6qKb5jYz4iIb4eXf+8PD+/Pz+7ez96ur8zc36np35mZj4goD3cG73amj+8fEx3c3LAAAANHRSTlMA+/U0EvgE38SLWA0s7ejSz7tfSSPx3cqnpJV7d1M4DOza1bCbhYBwQjAX62XHv7pQQRgJr3XL4gAAAwtJREFUaN7t2udSIkEUhuHTE4AhZxQFiQrGVT+CGMCc9v6vZ92uHUFJp2d6fmyVzw281XSgKZp+/L9C8crWZiQVTgj7IJyKbOxGzR29AXP7xMAcUXJyMdLDLNewlMhk/Q/I2m5gDWOz4y/RLoCj9Mt7wjHA1YiSJ9EkVBzHSVk+A0XCUV0CWQPqiiYpOG/BE3tP4aNKw6smd3fGk/AuvU8c1QL8KOYZjZwBf5Lx9eMw4Fdy3VjyB/CvuHpe9ovQIb1qjYUi0KNJy7Why/Jd2RHQxTaXNKwk9CkuOS1b0MmhRUwBncTCPVmCXsc0LwvdovNbpA6O8UOv13sYg6MxF4mC5aL31wVY5u4wabDcycgdWEr0VQ48jzLyCJ4OfbGBAD4ubNKsmA2evoz0wWPseFq/lzJyCaYszcgEFMnQVEyA6UlGnsAkYoprS7qSkStw5aYRJ7CIo7gTpZGMjMBV8jAluJaRa3CJz0VsIrAITLXDUbqRkRuon/e7AUZ21Q4u6VlGnsG24UYiYHuRkRewRdxICmwDGRmALeVGwmAby8gYbGE3UgPbREYmYKu5ERtsrzLyCjbbjQiw3crILdiEG0kEGEl4mPg3GXkDW9jDEn6XkXewpTxsRiEjAlDejJvgu/9o3ENSuxVtgW/4ERmCb8uNVMD3W95S+SpuJA6+C3mB5Iu7kZABtsloNJqAzQgp3+3UndCnbQRlexoxERRzGgklEIxaiKbK4Br0h/0BuMo0owoW5a9fk2bVwaH6I6hBkurJMpSRofLakiwjgJEULPrKCWBO2vTNma19dRkWfVeGbg7NsRLQK2nRvEPoFaVFjqBThhbqCuhj5GmxPeiTpWWa0KVFS1lh6JE+p+W6BShT/9/h1IZ/hTitVhHwy6jSOofCbyNH61Vs+HFQJY7TArwr5omnG4ZXkX3isprwRLRDpGBPQF2yQ2q6R1AkWhYpO0xARckkL6yyDa56lrw6cwxwpKMh8sHaqmMNeyNHvlXLiZXvVmLaXuBkjAWBtJOLBfWWqPbvLVGMfgThDwtsVzmQb2+9AAAAAElFTkSuQmCC);
}
.icon_msg {
    width: 100px;
    height: 100px;
    vertical-align: middle;
    display: inline-block;
}
.text_area {
    margin-bottom: 25px;
}
@media screen and (min-height:416px){.extra_area{position:fixed;left:0;bottom:0;width:100%}}
.extra_area {
    margin-bottom: 20px;
    font-size: 0;
}
.extra_area a {
    position: relative;
    margin: 0 .75em;
    font-size: 14px;
}


/*红包提取*/
.bg-red {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 320px;
    max-width: 640px;
    background-color: #df3031;
    z-index: -1;
}
.bg-red2{
    background-color:#fe3c21;
}
.getredpack{color:#FFF;}
.getredpack .small{padding-top:14%;}
.getredpack .bigprice{font-size:54px;line-height:66px;}
.getredpack .box-bg{position:absolute;bottom:0;width:100%;margin:0 auto;}
.getredpack .box-bg img{max-width:560px;}
.getredpack .inputbox{position:absolute;width:82%;left:9%; text-align:left; margin:0 auto;bottom:12%;}
.getredpack .inputbox label{    border-top: 3px solid #ddd;overflow:hidden; background-color:#FFF;width:100%;display: block;border-radius: 6px;}
.getredpack .inputbox .input{line-height:26px;height:26px;padding:8px 4%;width:92%;font-size:16px;}
.getredpack .inputbox .half{width:67%;float:left;}
.getredpack .clear{overflow:hidden;display:block;}
.getredpack .inputbox .getbtn{float:right;width:23%;height:41px;font-weight: 600; text-align:center;padding:1px 5px;border-radius:5px; background-color:#e6e6e6;color:#969696;border:2px solid #000;}
.getredpack .inputbox .mar5{margin-top:5%;}
.getredpack .inputbox .btn2 img{width:60%;margin:0 auto}
.getredpack .inputbox .btn2{display:block;text-align:center;margin-top:10%;}
.getredpack .word1{position:absolute;top:31%;z-index:100;color:#4e210a;font-size:30px;width:100%;line-height:38px;}
.getredpack .word2{position:absolute;bottom:15%;z-index:100;width:100%;}
.getredpack .word2 img{width:56%;}
.getredpack .word1 span{color:#f73438;font-size:32px;}
.vcimg {float:right;width:27%;height:41px;}
 /*IE/7/6*/

        .shuru div::-webkit-scrollbar {
            width: 0;
            height: 0;
            -webkit-transition: 1s;
        }

        .shuru div::-webkit-scrollbar-thumb {
            background-color: #a7afb4;
            background-clip: padding-box;
            min-height: 28px;
        }

            .shuru div::-webkit-scrollbar-thumb:hover {
                background-color: #525252;
                background-clip: padding-box;
                min-height: 28px;
            }

        .shuru div::-webkit-scrollbar-track-piece {
            background-color: #ccd0d2;
        }

        .wrap {
            position: relative;
            margin: auto;
            max-width: 640px;
            min-width: 320px;
            width: 100%;
            height: 100%;
            background: #F0EFF5;
            overflow: hidden;
        }

        .layer-content {
            position: absolute;
            left: 50%;
            bottom: -200px;
            width: 100%;
            max-width: 640px;
            height: auto;
            z-index: 12;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        /* 输入表单 */

        .edit_cash {
            display: block;
            margin-top: 15px;
            padding: 15px;
            margin: 0 auto;
            width: 100%;
          
            background-color: #fff;
        }

            .edit_cash p {
                font-size: 16px;
                color: red;
                margin-top:15px;
            }

        .shuru {
            position: relative;
            margin-bottom: 10px;
        }

            .shuru div {
                border: none;
                width: 100%;
                height: 50px;
                font-size: 25px;
                line-height: 50px;
                border-bottom: 1px solid #CFCFCF;
                text-indent: 30px;
                outline: none;
                white-space: pre;
                overflow-x: scroll;
            }
          
            .shuru span {
                position: absolute;
                top: 5px;
                font-size: 25px;
            }

        .submit {
            display: block;
            margin: 20px auto 0;
            width: 90%;
            height: 40px;
            font-size: 16px;
            color: #fff;
            background: #80D983;
            border: 1px solid #47D14C;
            border-radius: 3px;
        }


        /* 键盘 */

        .form_edit {
            width: 100%;
            background: #D1D4DD;
        }

            .form_edit > div {
                margin-bottom: 2px;
                margin-right: 0.5%;
                float: left;
                width: 33%;
                height: 45px;
                text-align: center;
                color: #333;
                line-height: 45px;
                font-size: 18px;
                font-weight: 600;
                background-color: #fff;
                border-radius: 5px;
            }
            
                .form_edit > div:nth-child(3n) {
                    margin-right: 0;
                }

                .form_edit > div:last-child {
                    background-color: #DEE1E9;
                }
                .edit_cash  label{    border-top: 3px solid #ddd;overflow:hidden; background-color:#FFF;width:100%;display: block;border-radius: 6px;}
.edit_cash .input{line-height:32px;height:48px;padding:8px 1%;width:100%;font-size:16px;  border-bottom: 1px solid #CFCFCF;}
.edit_cash .mar5{margin-top:5%;}
.Extractbtn {
     margin: 20px auto 0;
           line-height:40px;
            width: 90%;
            height: 40px;
            font-size: 16px;
           color: #fff;
           text-align:center;
            background: #67b82f;
            border: 1px solid #67b82f;
            border-radius: 3px;
}
    .Extractbtn > a {
           padding:10px 40%;
         color: #fff;
    }

    /*如何获得金币*/
.topic{
	border: 0;
}
.top_border{
	border-top: 0.5px solid #D7D7D7;
}
.bottom_border{
	border-bottom: 0.5px solid #D7D7D7;
}
.title{
	width:100%;
	display: inline-block;
	position: relative;
	/*padding: 10px 0;*/
}
.ul_content{
	width:100%;
	display: inline-block;
	position: relative;
	font-size: 10.5pt;
	margin-bottom: 15px;
	margin-top: -3px;
}
.top{
	height: 35px;
	width:100%;
	display: inline-block;
	position: relative;
	padding: 5px 0;
}
.title{
	padding-bottom: 0;
}
/*  .getcoin{
            display: block;
            position: relative;
        }*/
.top_left{
	position: relative;
	float:left;
	width: 17px;
	height: 20px;
	padding-left:13px;
	text-align: center;
	margin-top:7.5px;
}
.title_left{
	position: relative;
	float:left;
	width: 17px;
	height: 20px;
	padding-left:13px;
	text-align: center;
	margin-top:14.5px;
}
.ul_content_left{
	position: relative;
	float:left;
	width: 17px;
	line-height: 20px;
	padding-left:5px;
	text-align: center;
}

.top_left img,.title_left img{
	padding-top: 1.5px;
	width: 100%;
}
.top_right{
	position: relative;
	line-height: 20px;
	margin-top:7.5px;
	padding-left: 35px;
}

.title_right{
	position: relative;
	line-height: 15px;
	margin-top:17px;
	margin-bottom: 17px;
	padding-left: 22px;
}
.ul_content_right{
	position: relative;
	line-height: 20px;
	/*margin-top:15px;*/
	padding-left: 22px;
}
.ul_content_right p{
	font-size: 9pt;
	line-height: 20px;
	margin-top: 0.5px;
}
.top_right p{
	font-size: 12pt;
	font-weight: bold;
	color: #333;
}

.title_right p{
	font-size: 12pt;
	color: #333;
}

.title_left{
	padding-left: 0;
}
.special span{
	padding-left: 5px;
	display: block;
	line-height: 20px;
	font-size: 12pt;
	margin-bottom: 15px;
}

.empty{
	display: block;
	background: #ECECEC;
	height: 5px;
	width: 100%;
}
.foot{
	display: block;
	/*background: #ECECEC;*/
	height: 25px;
	width: 100%;
}
.head{
	position: relative;
	width: 100%;
	height: 44px;
}
.head .title{
	position: absolute;
	top: 13px;
	left: auto;
	text-align: center;
	color: #777a83;
	font-size: 13.5pt;
	line-height: 18px;
}