.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{border-top-left-radius:6px;border-top-right-radius:6px}.mod-detail .hd{position:relative;padding:25px;background:linear-gradient(to right, #e5e6fd,#feebf1);border-radius:6px;line-height:30px;text-align:center;overflow:hidden}.mod-detail .hd h1{margin-bottom:10px;line-height:36px;font-size:16px;font-weight:bold;color:#7b4f9b}.mod-detail .hd .score{position:absolute;right:15px;top:15px;font-size:14px;font-style:italic;color:#999}.mod-detail .hd .score b{font-size:24px;color:#f60}.mod-detail .hd .pair{position:relative;top:-30px;vertical-align:middle}.mod-detail .hd .item{display:inline-block;margin:0 10px;vertical-align:middle}.mod-detail .hd .item .icon{display:block;margin-bottom:15px;overflow:hidden}.mod-detail .hd .item .icon img{width:65px;height:65px;padding:10px;background:rgba(255,255,255,0.75)}.mod-detail .hd .item .name{display:block;font-size:18px;font-weight:bold}.mod-detail .hd .item-male .icon{border:5px solid #90A6F5;border-radius:50%}.mod-detail .hd .item-female .icon{border:5px solid #F7929F;border-radius:50%}.mod-detail .hd .index{max-width:640px;margin:20px auto;line-height:30px;color:#666}.mod-detail .hd .index ul{margin-bottom:10px;overflow:hidden}.mod-detail .hd .index li{float:left;width:33.33%}.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 .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 p{margin-bottom:12px;line-height:24px;text-indent:2em;color:#666}.mod-list .bd{padding:15px;overflow:hidden}.mod-list .box{float:left;width:50%}.mod-list .box .c-hd{line-height:36px;text-align:center;font-size:15px;font-weight:bold}.mod-list .box .c-bd{padding:5px 10px}.mod-list .box .item{position:relative;padding:5px 15px;margin-bottom:2px;background:#f8f8f8;border-radius:4px;line-height:36px}.mod-list .box .item:hover{background:#f5f5f5}.mod-list .box .item img{float:left;margin:0 10px 0 5px}.mod-list .box .item a,.mod-list .box .item span{display:block;line-height:18px}.mod-list .box .item a{font-size:12px;color:#aaa}.mod-list .box .item span.name{font-weight:bold}.mod-list .box .item span.score{position:absolute;right:15px;top:15px;font-size:12px;font-style:italic;color:#aaa}.mod-list .box .item span.score b{font-size:20px;color:#f56954}@media screen and (max-width: 799px){.module{margin-bottom:15px}.mod-head{margin-bottom:0}.mod-detail .hd{padding:25px 10px}.mod-detail .hd .score{right:10px;top:5px;font-size:12px}.mod-detail .hd .score b{font-size:16px}.mod-detail .hd .pair img{width:55px;height:34.5px}.mod-detail .hd .item .icon img{width:43px;height:43px}.mod-detail .hd .item .name{font-size:16px}.mod-detail .hd .item .name img{width:16px;height:16px}.mod-detail .hd .index li{float:none;width:auto;line-height:24px}.mod-detail .hd .index p{font-size:15px}.mod-detail .bd{padding:15px 10px}.mod-list .bd{padding:15px 8px}.mod-list .box .c-bd{padding:1px}.mod-list .box .item{overflow:hidden}.mod-list .box .item a{display:none}.mod-list .box .item span.score{position:static}.mod-list .box .item span.score b{font-size:14px}}