.module{background:#fff;margin-bottom:20px}.module .hd{min-height:32px;padding:5px 15px;border-bottom:1px solid #f0f0f0}.module .hd .title{display:inline-block;position:relative;height:32px;margin-left:-15px;padding-left:15px;line-height:32px;font-weight:bold;font-size:16px}.module .hd .title::before{position:absolute;left:0;top:6px;content:"";width:4px;height:20px;background:#7b4f9b;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.mod-detail .hd{padding:0;min-height:120px;background:url("/static/www/image/index/bg.jpg") center top repeat;border-radius:6px;overflow:hidden}.mod-detail .hd .avatar{float:left;text-align:center;color:#fff}.mod-detail .hd .avatar span{display:block}.mod-detail .hd .avatar span.date{font-weight:bold;font-size:15px}.mod-detail .hd .avatar .icon{padding:12px;margin-bottom:5px;background:#aad4ed;border-radius:50%}.mod-detail .hd .avatar .icon img{width:90px;height:90px}.mod-detail .hd .info{position:relative;margin-left:132px;color:rgba(255,255,255,.8)}.mod-detail .hd .info p{margin-bottom:4px;line-height:20px}.mod-detail .hd .info p strong{font-weight:bold}.mod-detail .hd .info p span{margin-right:10px}.mod-detail .hd .info .name{font-size:18px;font-weight:bold;color:#fff}.mod-detail .hd .info .btn{position:absolute;right:-10px;top:-10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.3);border-radius:5px}.mod-detail .hd .info .btn:hover{background:rgba(255,255,255,.1)}.mod-detail .hd .info .btn::after{position:relative;top:-1px;display:inline-block;content:"";width:6px;height:6px;margin-left:5px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg)}.mod-detail .hd .index{margin:10px 0;line-height:26px}.mod-detail .hd .index ul{overflow:hidden}.mod-detail .hd .index li{float:left;width:25%}.mod-detail .hd .index .star_m,.mod-detail .hd .index .star_m em{display:inline-block;height:16px;overflow:hidden;background:url("/static/www/image/public/star.png") repeat-x;background-size:16px 32px}.mod-detail .hd .index .star_m{width:80px;vertical-align:text-top}.mod-detail .hd .index .star_m em{background-position:0 -16px;display:block}.mod-detail .hd .index p{line-height:30px;font-size:16px;font-weight:bold;color:#f60}.mod-detail .hd .c-bd{padding:20px 25px;overflow:hidden}.mod-detail .hd .c-ft{background:rgba(0,0,0,.05)}.mod-detail .hd .c-ft ul{overflow:hidden}.mod-detail .hd .c-ft li{float:left;width:20%}.mod-detail .hd .c-ft li a{display:block;padding:0 15px;line-height:40px;text-align:center;color:rgba(255,255,255,.8)}.mod-detail .hd .c-ft li.active a{position:relative;color:#fff}.mod-detail .hd .c-ft li.active a::after{position:absolute;left:50%;bottom:2px;content:"";width:20px;height:4px;margin-left:-10px;background:#fff;border-radius:2px}.mod-detail .bd{padding:20px}.mod-detail .bd h3{display:inline-block;min-width:132px;padding:0 20px;margin-top:8px;margin-bottom:8px;background-color:#80bee4;white-space:nowrap;border-radius:5px;line-height:28px;text-align:center;font-weight:bold;color:#fff}.mod-detail .bd h3.bg-red{background-color:#ea749e}.mod-detail .bd h3.bg-purple{background-color:#ab92dc}.mod-detail .bd h3.bg-orange{background-color:#f39f5b}.mod-detail .bd h3.bg-green{background-color:#7fbe58}.mod-detail .bd h3.bg-darkgreen{background-color:#17a598}.mod-detail .bd p{margin-bottom:12px;line-height:24px;text-indent:2em;color:#666}@media screen and (max-width: 799px){.module{margin-bottom:15px}.mod-head{margin-bottom:0}.mod-detail .hd{border-radius:0}.mod-detail .hd .avatar{float:none;width:auto;margin-bottom:10px;text-align:center}.mod-detail .hd .avatar .icon{display:inline-block}.mod-detail .hd .avatar .icon img{width:65px;height:65px}.mod-detail .hd .info{margin-left:0}.mod-detail .hd .info p .name{font-size:16px}.mod-detail .hd .info .btn{right:0}.mod-detail .hd .index{margin-bottom:0}.mod-detail .hd .index li{width:50%}.mod-detail .hd .c-bd{padding:15px 10px}.mod-detail .hd .c-ft li a{padding:0 10px;font-size:13px}.mod-detail .bd{padding:15px 10px}}