.container .main{overflow:hidden;padding-top:25px}.container .main .content .detail{width:760px;background:#EEE;padding:0 50px 50px;overflow:hidden;position:relative}.container .main .content .detail>.title{font-size:24px;font-family: PingFangSC-Medium;color:#333;margin-top:30px}.container .main .content .detail>.remark{margin-top:30px;font-size:14px;font-weight:700}.container .main .content .detail>.remark .left{color:#999;margin-right:15px;font-family: PingFangSC-Medium;}.container .main .content .detail>.remark .left b{color:#589DFF;font-family: PingFangSC-Medium;text-decoration:underline;cursor:pointer}.container .main .content .detail>.remark .right{color:#999;font-family: PingFangSC-Medium;}.container .main .content .detail .center{background:#fff;padding:30px 40px 40px;margin-top:25px}.container .main .content .detail .center .remark{color:#bbb;font-size:14px;line-height:19px;overflow:hidden;padding:20px 20px}.container .main .content .detail .center .remark .dot{-webkit-box-flex:0;flex:none;width:5px;height:5px;border-radius:5px;background:#ccc;margin:5px 10px 0 0}.container .main .content .detail .center .img{width:400px;display:block;margin:0 auto}.container .main .content .detail .qrcode{width:190px;height:240px;background:#19d9d2;position:absolute;z-index:1;top:100px;left:50%;margin-left:-95px;display:none}.container .main .content .detail .qrcode .text{margin-top:20px;font-size:16px;font-weight:700;color:#fff}.container .main .content .detail .qrcode .closeImg{width:30px;height:30px;display:block;position:absolute;z-index:1;left:50%;bottom:-50px;margin-left:-15px;cursor:pointer}.container .main .content .boardQrcode{width:300px;border:1px solid #eee}.container .main .content .boardQrcode .title{height:50px;line-height:50px;padding-left:15px;background:#eee;font-size:14px;font-family: PingFangSC-Semibold;}.container .main .content .boardQrcode .items{flex-wrap:wrap;padding:20px 3px 0}.container .main .content .boardQrcode .items .item{padding:0 9px;margin:0 10px 20px 10px;height:30px;border-radius:6px;font-size:14px;color:#888;background:#f4f5f7}.container .main .content .boardQrcode .descItems{padding:18px 20px;overflow:hidden}.container .main .content .boardQrcode .descItems .item .dot{width:6px;height:6px;border-radius:3px;background:#D8D8D8;margin:6px 10px 0 0;-webkit-box-flex:0;flex:none}.container .main .content .boardQrcode .descItems .item .text{color:#333;font-family: PingFangSC-Medium;font-size:14px;line-height: 16px; margin-bottom: 10px;}.container .main .content .boardQrcode .qrcode{margin:20px 0 40px 0}.container .main .content .boardQrcode .qrcode .text{font-size:19px;color:#333;margin-top:20px}.container .main .content .boardRecommend{width:300px;border:1px solid #eee;margin-bottom:20px}.container .main .content .boardRecommend .title{height:50px;line-height:50px;padding-left:15px;background:#eee;font-size:14px;font-family: PingFangSC-Semibold;}.container .main .content .boardRecommend .descItems{overflow:hidden}.container .main .content .boardRecommend .descItems .item{min-height:50px;padding:0 15px;overflow:hidden}.container .main .content .boardRecommend .descItems .item:not(:last-child){border-bottom:1px solid #eee}.container .main .content .boardRecommend .descItems .item:hover .dot{background:#FD3D44;}.container .main .content .boardRecommend .descItems .item:hover .text{color:#FD3D44}.container .main .content .boardRecommend .descItems .item .dot{width:6px;height:6px;border-radius:3px;background:#eee;margin:18px 10px 0 0;-webkit-box-flex:0;flex:none}.container .main .content .boardRecommend .descItems .item .text{color:#333;font-size:14px;line-height:20px;margin-top:12px;font-family: PingFangSC-Medium;}.container .main .recommend{padding:0 40px}.container .main .recommend .title{padding:40px 0 20px}.container .main .recommend .title h2{font-size:16px;font-weight:700;color:#333}.container .main .recommend .list a{color:#333;font-size:14px;font-weight:700;padding-left:20px;margin-bottom:20px;position:relative}.container .main .recommend .list a:before{content:"";width:10px;height:10px;border-radius:10px;background:#eee;position:absolute;left:0;top:1px}.container .main .recommend .list a:last-child{margin-bottom:0}.container .main .recommend .list a:hover{color:#19d9d2}.container .main .recommend .list a:hover:before{background:#19d9d2}.container .main .recommend .list a:hover .red{color:#19d9d2}.container .main .recommend .list a .red{color:#fd3d44}.container .main .recommendNav{padding:0 40px 40px}.container .main .recommendNav .title{padding:50px 0 20px}.container .main .recommendNav .title h2{font-size:16px;font-family: PingFangSC-Medium;color:#333}.container .main .recommendNav .list{flex-wrap:wrap}.container .main .recommendNav .list a{color:#589DFF;font-size:14px;font-family: PingFangSC-Medium;text-decoration:underline;margin:0 40px 20px 0}
.container .main .content .boardQrcode .qrcode img{width:140px;display:block}
.container .main .content .detail .qrcode .qrcodeImg{width:140px;height:140px;display:block}
.container .main .recommendNav .list a{font-weight:normal;}
.container .main .content .detail>.remark{font-weight:normal;}
.container .main .content .detail>.remark .right{color:#888888;}
.container .main .content .detail .center .remark{color:#888888;}
.container .main{padding-top:0;}
.container .main .content .detail .center .img{width:375px;}

table.table, table.table tr td, table.table tr th {
     border: 1px solid #eee;
}
table.table tr {
    height: 50px !important;
}
.popQrcode .wrap {width: 200px;height: 250px;background: #FC3D44;border-radius: 10px;}
.popQrcode .wrap img:first-of-type {width: 140px; height: 140px;margin-top: -10px;}
