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

.magazine {
    width: 100%;
    height: auto;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}.magazine .magazine-left{width:830px; float:left; border-top:1px solid #fafafa; position:relative;}
    .magazine .magazine-info {
        /*height: 360px;*/
        width: 770px;
        background: #FFF;
        margin-top: 20px;
        padding: 20px 30px;
        border-radius: 6px;
        height: auto;
        overflow: hidden;
    }

    .magazine .magazine-info-img {
        width: 270px;
        height: 360px;
        border-radius: 4px;
        float: left;
        position: relative;
        margin-right: 30px;
    }

        .magazine .magazine-info-img img {
            width: 270px;
            height: 360px;
            border-radius: 4px;
        }
.magazine .magazine-info-ymb{display:block; width:132px; height:37px; position:absolute; top:248px; right:7px; background:url("https://www.alwayslookgood.com/images/magazine/ymb.png") no-repeat; font-size:16px; color:#FFF; text-align:center; font-weight:bold; line-height:44px;}
    .magazine .magazine-info-sps {
        width: 470px;
        /*height: 300px;*/
        height: auto;
        overflow: hidden;
        float: right;
        position: relative;
        padding-top: 15px;
    }
    .magazine .magazine-info-title h1{width:100%;float:left;font-size:24px; font-weight:bold; line-height:30px;}
    .magazine .magazine-info-title {
        overflow: hidden;
        margin-bottom: 10px;
    }
    /*.magazine .magazine-info-title h1{float:left; max-width:35px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:24px; font-weight:bold; line-height:30px;}*/

/*.magazine .magazine-info-fenlei{width:100%; top:44px; position:absolute; padding-left:1px; font-size:14px; color:#797979;}*/
.magazine .magazine-info-fenlei {
    width: 100%;
    padding-left: 1px;
    font-size: 14px;
    color: #797979;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.magazine .magazine-info-fenlei span{padding-right:15px;}
/*.magazine .magazine-info-jieshao{width:101px;font-size:14px;margin-top:5px; color:#999; max-height:44px; line-height:22px; overflow:hidden;}
*/    
.magazine .magazine-info-jieshao {
        width: 101%;
        font-size: 14px;
        margin-top: 5px;
        color: #9A9A9A;
        max-height: 44px;
        line-height: 22px;
        overflow: hidden;
        margin-bottom: 20px;
    }

.magazine-info .classIfy {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

    .magazine-info .classIfy div {
        width: 193px;
        padding: 15px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid rgba(0,0,0,0.1);
    }

        .magazine-info .classIfy div p {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

            .magazine-info .classIfy div p img {
                width: 24px;
                height: 24px;
            }

            .magazine-info .classIfy div p span {
                font-family: PingFangSC, PingFang SC;
                font-weight: 600;
                font-size: 12px;
                color: #999;
            }

        .magazine-info .classIfy div span {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 14px;
            color: #333333;
        }
/*.magazine .magazine-info-jieshao{width:100%; position:absolute; top:75px; font-size:14px; color:#999; max-height:44px; line-height:22px; overflow:hidden;}*/
.magazine .magazine-info-jiage{width:100%; position:absolute; top:150px; font-size:20px; color:#c4c4c4; *line-height:32px;}/*font-family: -webkit-pictograph;*/

.magazine .magazine-info-jiage span{padding-right:10px; color:#999;}
.magazine .magazine-info-jiage i{font-style:normal; font-size:40px;}
.magazine .magazine-info-cuxiao{width:100%; position:absolute; top:200px; font-family:'微软雅黑';}
.magazine .magazine-info-cuxiao ul{overflow:hidden;}
.magazine .magazine-info-cuxiao .cuxiao-left{float:left; width:70px; height:20px; background:#ff3232; font-size:12px; color:#FFF; text-align:center; line-height:20px;}
.magazine .magazine-info-cuxiao .cuxiao-right{float:left; padding-left:10px; width:420px; font-size:14px; color:#ff3232; line-height:24px;}
.magazine .magazine-info .buy{ display:block; position:absolute; bottom:0; width:408px; height:48px; border:1px solid #e74742; color:#e74742; font-size:20px; text-align:center; border-radius:2px; font-weight:bold; line-height:48px;}
.magazine .magazine-info .buy:hover{background:#e74742; color:#FFF;}

    .magazine .magazine-button .yuanmao {
        display: block;
        width: 190px;
        float: left;
        background: #FFF;
        border: 1px solid #CCCCCC;
        margin-right: 85px;
        font-size: 14px;
        font-weight: 600;
        color: #333333;
        text-align: center;
        line-height: 40px;
        border-radius: 4px;
    }

    .magazine .magazine-button .wenben {
        display: block;
        width: 190px;
        float: left;
        background: linear-gradient(135deg, #F86A83 0%, #F4434A 100%);
       
        font-size: 14px;
        font-weight: 600;
        color: #FFF;
        text-align: center;
        line-height: 40px;
        border-radius: 4px;
    }
.magazine .magazine-button a{-moz-transition:all ease .3s; -o-transition:all ease .3s; -transition:all ease .3s; transition:all ease .3s;}
.magazine .magazine-button a:hover{ background:#d95022;}
.magazine .main {
    width: 830px;
    position: relative;
    margin-top: 15px;
}

.magazine .main-left{width:165px; padding:26px 15px; background:#FFF; float:left;}

    .magazine .main-left-tools {
        margin: 6px;
    }
.magazine .main-left .m-ewm{height:35px; margin-bottom:15px; background:url("https://www.alwayslookgood.com/images/magazine/icon-ewm.png") no-repeat; font-size:16px; padding-left:50px; line-height:35px; position:relative; z-index:2;}
.magazine .main-left .m-ewm-big{position:absolute; top:-22px; left:0; padding:10px; width:175px; height:207px; box-shadow:0 0 5px #666; opacity:0;filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#70000000',endColorstr = '#70000000') \9 opacity:0; filter:alpha(opacity=0); z-index:1; text-align:center; font-size:10px; background:#FFF url("https://www.alwayslookgood.com/images/magazine/xcx-logo.gif") 8px 198px no-repeat; background-size:14px;}
.magazine .main-left .m-ewm-big img {width:175px; height:175px; padding-bottom:10px;}
.magazine .main-left .m-ewm:hover{cursor:default;}

.magazine .m-sc {
    background: url("https://www.alwayslookgood.com/images/magazine/sc.png") no-repeat;
    background-position: 0 1px;
    font-size: 16px;
    line-height: 35px;
    position: relative;
    z-index: 2;
    background-position: 0 0;
    font-size: 16px;
    padding-left: 30px;
    line-height: 24px;
    position: relative;
    z-index: 2;
    background-size: 24px !important;
    margin-left: 20px;
    cursor: pointer;
}
.m-scc {
    cursor: pointer;
    background-position: 0px -24px !important;
}
.magazine .main-left .m-sc:hover{cursor:pointer;}

.magazine .main-middle {
    float: right;
}

    .magazine .main-middle .catalog2 {
        background: #FFF;
        padding: 40px 30px;
        border-radius: 6px;
    }

    .magazine .main-middle strong {
        height: 20px ;
        display: block;
        /* background: #FFF; */
        font-size: 24px;
        font-weight: bold;
        color: #333;
        border-left: 4px solid #ff6632;
        line-height: 20px;
        margin: 0 0 40px 20px;
        padding-left: 8px;
    }ssss

    .magazine .main-middle .catalog2 h2 {
        font-family: STZhongsong;
        font-size: 16px;
        color: #333333;
        padding-bottom: 10px;
        box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.1);
        border-bottom: 1px solid #F1F1F1;
        margin-bottom: 10px;
        font-weight: 400;
    }

    .magazine .main-middle .catalog2 dl {
        margin: 30px 0;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
    }


        .magazine .main-middle .catalog2 dl div {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 10px;
        }

    .magazine .main-middle .catalog2 dd {
        flex-shrink: 0;
    }

        .magazine .main-middle .catalog2 dd img {
            width: 80px !important;
            /*height: 80px !important;*/
            background: #B3B3B3;
            border-radius: 6px;
            margin-right: 20px;
            display: block;
            flex-shrink: 0;
        }

    .magazine .main-middle .catalog2 dt {
        font-size: 14px;
        color: #999;
        padding-top: 12px;
        font-weight: 600;
        overflow: hidden;
        line-height: 22px;
    }

        .magazine .main-middle .catalog2 dt a {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 16px;
            color: #333333;
        }

.magazine .magazine-right {
    width: 340px;
    float: right;
    border-top: 1px solid #fafafa;
}
.magazine .magazine-right-con{}
.magazine .magazine-right-order {
    padding: 20px;
    margin-top: 20px;
    background: #FFF;
    position: relative;
    border-radius: 6px;
}

    .magazine .magazine-right-order .poster {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        margin-bottom: 10px;
    }

        .magazine .magazine-right-order .poster img {
            width: 120px;
            border-radius: 4px;
        }

            .magazine .magazine-right-order .poster img:nth-of-type(1) {
                height: 150px;
            }

            .magazine .magazine-right-order .poster img:nth-of-type(2) {
                height: 130px;
                margin-left: -40px;
            }

            .magazine .magazine-right-order .poster img:nth-of-type(3) {
                height: 110px;
                margin-left: -40px;
            }

    .magazine .magazine-right-order a {
        width: 100%;
        display: block;
        line-height: 40px;
        background: #333333;
        border-radius: 4px;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 14px;
        color: #FFFFFF;
        text-align: center;
        cursor: pointer;
        margin-top: 20px;
    }

        .magazine .magazine-right-order a:hover {
            box-shadow: 0 0 4px #eb7c79;
        }

    .magazine .magazine-right-order dl dd {
        font-size: 22px;
        width: 155px;
        line-height: 28px;
    }

    .magazine .magazine-right-order dl dt {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 14px;
        color: #999;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .magazine .magazine-right-order p {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 14px;
        color: #333333;
    }

        .magazine .magazine-right-order p span {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 30px;
            color: #F46B00;
            margin-left: 75px;
        }

.magazine .magazine-right-magazin {
    /* margin-top: 15px; */
    background: #FFF;
    border-radius: 6px;
    padding: 20px;
    position: relative;
}
.magazine .magazine-right-magazin p{height:20px; overflow:hidden; line-height:20px;}
.magazine .magazine-right-magazin p strong{float:left; display:block; font-size:18px; color:#333; font-weight:bold;}
.magazine .magazine-right-magazin p a{float:right; display:block; font-size:14px; color:#bbb;}
.magazine .magazine-right-magazin p a:hover{text-decoration:underline;}
    .magazine .magazine-right-magazin ul {
        overflow: hidden;
        margin-top: 20px;
        /* margin-left: -16px; */
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
        .magazine .magazine-right-magazin ul li {
            margin-bottom: 20px;
        }

    .magazine .magazine-right-magazin ul li img {
        border-radius: 2px;
        width: 120px;
        height: 160px;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
    }

    .magazine .magazine-right-magazin ul li span {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 12px;
        color: #999;
    }
.magazine .magazine-right .ad{margin-top:15px;}
.magazine .magazine-right .ad img{width:100%; border-radius:2px;}

/*杂志*/

.publicWrap {
    width: 144%;
    margin-top: 15px;
}
    .publicWrap ul {
        margin: 20px 0 0 -4px;
        display: flex;
        flex-wrap: wrap;
    }
        .publicWrap ul li {
            margin: 0 30px 40px 0;
            padding-left: 5px;
        }
        .publicWrap ul li:nth-of-type(4n) {
            margin-right: 0;
        }

        .publicWrap ul li p { /*position:absolute;*/
            border-radius: 4px;
            /*height: 129px;*/
            /*width: 97px;*/
            box-shadow: 0 0 10px #b2b2b2;
            margin-top: 5px;
            background: -moz-linear-gradient(45deg, rgba(232, 232, 232, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(232, 232, 232, 0.65)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(45deg, rgba(232, 232, 232, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(45deg, rgba(232, 232, 232, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(45deg, rgba(232, 232, 232, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
            background: linear-gradient(45deg, rgba(232, 232, 232, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6e8e8e8', endColorstr='#00000000', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        }

    .publicWrap p img {
        width: 270px;
        height: 360px;
        border-radius: 8px;
        border: 1px solid #F1F1F1;
        margin-bottom: 10px;
    }

    .publicWrap h3 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 16px;
        color: #333333;
        margin-bottom: 10px;
    }

    .publicWrap dl {
        font-size: 12px;
        margin-top: 10px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

        .publicWrap dl dd {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 14px;
            color: #999;
        }

        .publicWrap dl dt {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 18px;
            color: #A33F3F;
        }

.commend {
    padding: 20px 20px 0 0;
    overflow: hidden;
}
    .commend strong {
        height: 21px !important;
        display: block;
        font-size: 24px;
        font-weight: bold;
        color: #333;
        border-left: 4px solid #ff6632;
        line-height: 20px;
        margin: 0 !important;
        padding-left: 8px !important;
    }

.commend span{display:block; float:right; text-align:right; padding-right:4px; padding-top:5px;}

/*分享*/
.shareWrap{ position: relative; z-index:3;}
.shareWrap strong{display:block; font-size:14px; background:url("https://www.alwayslookgood.com/images/magazine/maga-line.png") 40px center no-repeat;}
.bdsharebuttonbox {
    width: 320px !important;
    display: flex;
    justify-content: flex-end;
}

    .bdsharebuttonbox span {
        display: block;
        float: left;
        color: #a9a9a9;
        padding-right: 10px;
        line-height: 15px;
        *line-height: 18px;
        line-height: 18px \0;
    }

    .bdsharebuttonbox a {
        display: block !important;
        float: none !important;
        height: 35px !important;
        background-size: 100%;
        text-indent: 0 !important;
        padding-left: 30px !important;
        font-size: 16px !important;
        line-height: 25px !important;
        color: #797979 !important;
    }
.bds_weixin {
    background: url("https://www.alwayslookgood.com/images/magazine/weix.png") no-repeat !important;
    background-size: 24px !important;
}
.bds_tsina {
    background: url("https://www.alwayslookgood.com/images/magazine/weibo.png") no-repeat !important;
    background-size: 24px !important;
}
.bds_qzone {
    background: url("https://www.alwayslookgood.com/images/magazine/q-zone.png") no-repeat !important;
    background-size: 24px !important;
}

/*
 * tools
 */
.tools{margin:3px 0 0 10px; float:left; overflow:hidden; position:relative;}
.tools-stow{width:25px; height:23px; *height:23px !important; float:left !important; background:url("https://www.alwayslookgood.com/images/article/stow.png") 0 0 no-repeat; *background:url("https://www.alwayslookgood.com/images/article/stow.png") 0 0 no-repeat; cursor:pointer;}
.tools-cancel{background:url("https://www.alwayslookgood.com/images/article/stow.png") 0 -23px no-repeat;*background:url("https://www.alwayslookgood.com/images/article/stow.png") 0 -23px no-repeat;}

.tools-share{width:20px; height:21px; margin-top:4px;*margin-top:-6px; *height:34px !important; float:left !important; *float:none !important; margin-left:20px;*margin-left:40px; background:url("https://www.alwayslookgood.com/images/article/shareBtn.png") no-repeat; *background:url("https://www.alwayslookgood.com/images/article/shareBtn.png") 0 11px no-repeat; cursor:pointer;}
.shareBtn{width:99px; height:81px; background:url("https://www.alwayslookgood.com/images/article/tipbg.png") no-repeat; float:left; margin:4px 0 0 3px; position:relative; z-index:2000; display:none;}
.shareCon{width:90px; height:79px; margin:1px 0 0 9px; border-radius:2px;}
.shareCon a{display:block; height:40px; font-size:12px; color:#2b6dad; padding-left:35px; line-height:40px;}
.qzone{border-top-left-radius:2px; border-top-right-radius:2px;background:url("https://www.alwayslookgood.com/images/article/qzone1.png") 8px center no-repeat;*background:url("https://www.alwayslookgood.com/images/article/ie/qzone1.png") 8px center no-repeat;background:url("https://www.alwayslookgood.com/images/article/ie/qzone1.png") 8px center no-repeat\0; background-size:22%;}
.qzone:hover{background:#bfdffe url("https://www.alwayslookgood.com/images/article/qzone2.png") 8px center no-repeat;*background:#bfdffe url("https://www.alwayslookgood.com/images/article/ie/qzone2.png") 8px center no-repeat;background:#bfdffe url("https://www.alwayslookgood.com/images/article/ie/qzone2.png") 8px center no-repeat\0; color:#FFF; background-size:22%;}
.weibo{border-bottom-left-radius:2px; border-bottom-right-radius:2px;background:url("https://www.alwayslookgood.com/images/article/weibo1.png") 8px center no-repeat;*background:url("https://www.alwayslookgood.com/images/article/ie/weibo1.png") 8px center no-repeat;background:url("https://www.alwayslookgood.com/images/article/ie/weibo1.png") 8px center no-repeat\0; background-size:22%;}
.weibo:hover{background:#bfdffe url("https://www.alwayslookgood.com/images/article/weibo2.png") 8px center no-repeat;*background:#bfdffe url("https://www.alwayslookgood.com/images/article/ie/weibo2.png") 8px center no-repeat;background:#bfdffe url("https://www.alwayslookgood.com/images/article/ie/weibo2.png") 8px center no-repeat\0; background-size:22%; color:#FFF;}
.sharecover{width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; display:none;}

.xcx-ewm{width:96px; position:absolute; top:130px; right:10px; text-align:center; font-size:10px; color:#999; background:url("https://www.alwayslookgood.com/images/magazine/xcx-logo.gif") 1px 98px no-repeat; background-size:14px;}
.xcx-ewm img{width:100%;}
.xcx-loading{width:50px; height:50px; margin-top:-100px;}

.tip-msg{width: 100px; height: 40px;border-radius: 4px;position: fixed;left: 50%;top: 50%;z-index: 10000;background:RGBa(0,0,0,0.7);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#70000000',endColorstr = '#70000000') \9 opacity:0.7; filter:alpha(opacity=70);color:#FFF;text-align: center;line-height: 40px;font-size: 14px;display:none;}