body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none}
a,a:hover{text-decoration:none;color:#522e47}
body{line-height:1.5;font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1","hiragino sans gb",Arial;background:url(//imgcache.gtimg.cn/mediastyle/mobile/event/20150320_yuren_madi/img/bg.jpg) no-repeat center top;-webkit-tap-highlight-color:rgba(0,0,0,0);background-size:cover}
.hide{display:none}
html,body{height:100%}
.logo{position:absolute;z-index:10;left:20px;top:17px}
.logo img{display:block;width:113px;height:30px}
.item_header{background-image:url(//imgcache.gtimg.cn/mediastyle/mobile/event/20150320_yuren_madi/img/bg.png);background-repeat:no-repeat;background-size:cover;position:absolute;width:100%;height:0;padding-top:15.625%;left:0;top:0;z-index:3}
.item_footer{position:absolute;left:0;bottom:0;width:100%;height:46px}
.mod_share{position:fixed;z-index:10;height:32px;line-height:32px;padding:0 10px;font-size:18px;color:#fff;border:1px solid #3e3e3e;-webkit-border-radius:2px;border-radius:2px;box-shadow:0 0 10px 1px rgba(0,0,0,.8);background:#383838;z-index:1000}
.mod_share i{position:absolute;width:8px;height:8px;background:#383838;right:25px}
.mod_share .bottom{border-right:1px solid #3e3e3e;border-bottom:1px solid #3e3e3e;-webkit-transform:rotate(45deg);bottom:-5px}
.mod_share .top{border-left:1px solid #3e3e3e;border-top:1px solid #3e3e3e;-webkit-transform:rotate(-45deg);top:-5px}
.mod_loading{position:absolute;height:100%;left:0;top:0;width:100%;z-index:100;background-color:#0b2b4f;display:-webkit-box;-webkit-box-align:center}
.mod_loading .content{text-align:center;-webkit-box-flex:1;margin:0 80px}
.mod_loading .content .progress{height:13px;padding:2px;-webkit-border-radius:17px;border-radius:17px;background-color:#164880}
.mod_loading .content .progress span{display:block;height:13px;-webkit-border-radius:13px;border-radius:13px;background-color:#2387a7}
.mod_loading .content p{line-height:34px;color:#3f9acf}
.icon_sound{display:block;position:relative;width:8.125%;padding-top:8.125%;overflow:hidden;text-indent:-999px;z-index:10;background-clip:padding-box;font-size:0;margin:-10.765% 0 0 85%}
.icon_sound::before{content:'';position:absolute;width:13px;height:11px;left:50%;top:50%;margin:-5px 0 0 -6px;background-size:0}
.icon_sound::after{content:'';position:absolute;width:20px;height:1px;overflow:hidden;background:#b13a00;left:50%;top:50%;margin-left:-10px;-webkit-transform:rotate(-45deg);display:none}
.off::after{display:block;content:"";background:#1f8bc3;-webkit-transform:rotate(45deg);position:absolute;top:13.385%;left:87.615%;width:3.85%;height:76.923%}
.off::before{opacity:.6}
.btn_share{position:absolute;right:20px;top:12px;padding-left:16px;font-size:13px;z-index:10;color:#1f8bc3}
.btn_favorite{position:absolute;left:20px;top:12px;padding-left:18px;font-size:13px;z-index:10;color:#1f8bc3}
.btn_share::before,.btn_favorite::before,.mod_start span,.item .box .mod_header .icon_play::after{background-image:url(//imgcache.gtimg.cn/mediastyle/mobile/event/20150320_yuren_madi/img/icon.png);background-size:21px 100px;background-repeat:no-repeat;z-index:10}
.btn_share::before,.btn_favorite::before{content:'';position:absolute;left:0}
.btn_share::before{width:13px;height:12px;background-position:0 -24px;top:50%;margin-top:-6px}
.btn_favorite::before{width:14px;height:12px;background-position:0 -12px;top:50%;margin-top:-6px}
.number{position:absolute;right:58px;top:15px;line-height:28px;font-size:13px;color:#b13a00;font-weight:bold;z-index:10}
.mod_start{position:absolute;z-index:4;left:50%;margin-left:-18px;top:2px;width:36px;height:36px;overflow:hidden;text-align:center;background:#1f8bc3;-webkit-border-radius:20px;border-radius:20px}
.mod_start span{position:absolute;width:21px;height:20px;background-position:0 -54px;left:50%;top:50%;margin:-10px 0 0 -10px;-webkit-animation:start 1.8s infinite ease-in-out;background-image:url(//imgcache.gtimg.cn/mediastyle/mobile/event/20150320_yuren_madi/img/icon.png)}
@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,10px)}
60%{opacity:1;-webkit-transform:translate(0,0)}
100%{opacity:0;-webkit-transform:translate(0,-8px)}}
.mod_tag{position:absolute;z-index:4;left:5px;top:50%;margin-top:-73px}
.mod_tag li{width:6px;height:6px;-webkit-border-radius:3px;border-radius:3px;background-color:#1f8bc3;margin-bottom:7px}
.mod_tag .current{width:10px;height:10px;-webkit-border-radius:5px;border-radius:5px;background-color:#fff;margin-left:-2px}
.mod_tag span{display:none}
.wrap{position:relative;overflow:hidden;height:100%}
.item,.item-9::after{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:-webkit-transform .5s ease-out;overflow:hidden;background-position:center center}
.item-0{background-image:url(//imgcache.gtimg.cn/mediastyle/mobile/event/20150320_yuren_madi/img/bg1.jpg);background-size:cover;z-index:2}
.item .item_cont{display:-webkit-box;-webkit-box-align:center;width:100%;height:100%}
.item .box{margin:0 20px;-webkit-box-flex:1}
.item .box .content{position:relative;overflow:hidden}
.item .box .content .picture{padding-bottom:112.746858%;width:100%}
.item .box .content img{display:block;width:100%}
.item .box .content .picture img{position:absolute;left:0;top:0}
.item .box .mod_header{position:relative;height:35px;background-repeat:no-repeat;background-size:180px 35px;background:#62c9fe;overflow:hidden;clear:both}
.item .box .mod_header h2{float:left;text-indent:14px;line-height:35px;color:#1a212d;font-weight:normal}
.item .box .mod_header .icon_play{float:right;position:relative;width:21px;height:21px;border:2px solid #002c42;background-color:#002c42;-webkit-border-radius:999px;border-radius:999px;top:5px;right:10px;text-indent:-99px;overflow:hidden}
.item .box .mod_header .icon_play::after{content:'';position:absolute;left:50%;top:50%;margin:-8px 0 0 -4px;width:11px;height:16px;background-position:0 -37px}
.item .box .mod_header .playin::after{width:7px;height:9px;margin:-5px 0 0 -4px;background-position:0 -75px}
.item .box .content .intro{position:absolute;left:0;right:0;top:-4px;padding:15px 10px 8px;font-size:14px;background-color:rgba(27,23,17,0);opacity:0;-webkit-transition:ease-in .5s .3s;-webkit-transform:translateY(20px)}
.play .box .content .intro{opacity:1;-webkit-transform:translateY(0)}
.item .box .content .intro h2{font-size:14px;font-weight:normal;color:#fff}
.item .box .content .intro p{color:#fff}
.item .box .content .intro p strong{font-weight:normal}
.touchmove{-webkit-transition:none}
.item-1 .box .content .intro{top:0}
.item-2 .box .content .intro,.item-3 .box .content .intro,.item-4 .box .content .intro,.item-5 .box .content .intro,.item-6 .box .content .intro,.item-7 .box .content .intro{bottom:0}
.item-8 .box .content .intro{position:relative;margin-top:130px;background:none}
.item-6 .intro h3{font-weight:normal;font-size:12px;color:#775144}
.item-7 .content{background:#2a6e91}
.item .songs{padding:10px 13px}
.item .songs h3{font-size:16px;color:#3b5a66;font-weight:normal;padding-top:10px;text-indent:3px;line-height:1}
.item .songs li{position:relative;padding:10px;min-height:20px;color:#b6e6ff;padding-left:2em}
.item .songs li .btn_mplay,.item .songs li .btn_mpause{position:relative;text-indent:-999em;float:right;border-radius:100%;border:1px solid #a82522;width:30px;height:30px;-webkit-transform:scale(.8);webkit-transform:scale(.8);margin-top:-17px}
.item .songs li .btn_mplay::after{position:absolute;content:"";display:block;position:absolute;left:10px;top:5px;width:0;height:0;border-top:10px solid transparent;border-left:15px solid #a82522;border-bottom:10px solid transparent}
.item .songs li .btn_mpause::before,.item .songs li .btn_mpause::after{position:absolute;width:4px;height:13px;background:#a82522;left:10px;top:9px;content:"";display:block}
.item .songs li .btn_mpause::after{left:17px}
.item .songs li span{color:#fff;font-weight:bold;overflow:hidden;display:block;margin-left:-2em;padding-left:10px}
.item .songs li span strong{padding-right:10px}
.item .songs .btn_more{position:relative;display:block;width:102px;height:21px;line-height:21px;border-radius:20px;border:1px solid #c7ecff;color:#c7ecff;padding-left:25px;margin:10px auto 0}
.item .songs .btn_more:before{position:absolute;left:8px;top:3px;content:"";width:20px;height:20px;background:url(//imgcache.gtimg.cn/mediastyle/mobile/event/20150320_yuren_madi/img/icon.png) no-repeat 0 -86px;background-size:21px 100px}
.item .songs li::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;overflow:hidden;background:#31799e}
.item .worker h3{font-size:16px;font-weight:normal;padding:5px 10px;text-indent:3px;background:#62c9fe;color:#1a212d;margin:10px 0}
.item .worker li{position:relative;padding:5px 0 5px 88px;min-height:24px;color:#b6e6ff}
.item .worker li span{position:absolute;width:71px;height:20px;text-align:center;line-height:20px;left:3px;top:3px;border:1px solid #3294c6;color:#fff;overflow:hidden}
.item .content .old{margin:10px 0}
.item .content .old ul{padding-left:2px;overflow:hidden;background:#208ec7}
.item .content .old ul li{float:left;width:33.3%;padding:2px;padding-left:0;-webkit-box-sizing:border-box}
@media only screen and (-webkit-min-device-pixel-ratio :1.5),(min-resolution:120dpi){.item .worker li::after{-webkit-transform:sacleY(0.5)}}
@media only screen and (max-height:399px){.item .box .content{height:210px}
.item .box .content .intro p{font-size:12px;line-height:1.4}
.item-7 .songs{-webkit-transform:scale(.85);margin:-20px 0 0}
.item-7 .songs li{padding:2px 10px}
.item .worker ul{-webkit-transform:scale(.9);margin-top:-15px;margin-left:-48px}
.item .worker li{padding:5px 0 0 88px;-webkit-transform:scale(.8)}
.item-8 .box .content img{width:auto;height:60px}
.item-8 .content .old ul{-webkit-justify-content:space-around}
.item-8 .worker h3{padding:1px 10px;font-size:14px}
.item .box .mod_header{height:24px}
.item .box .mod_header h2{line-height:24px}
.item .box .mod_header .icon_play{top:2px;width:16px;height:16px}
.item .box .mod_header .icon_play::after{-webkit-transform:scale(.7)}}
@media only screen and (min-height:400px) and (max-height:418px){.item .box .content{max-height:275px}
.item-7.item .box .content{overflow:visible}
.item .box .content .intro{font-size:12px}
.logo{top:10px}
.btn_favorite,.btn_share{bottom:10px}
.item .content .old{margin:6px 0}
.item .worker li{position:relative;padding:2px 0 2px 88px}
.number{top:5px}
.item .songs li{padding:4px 10px}
.item .worker h3{font-size:16px;font-weight:normal;padding:0 10px;text-indent:3px;background:#3a4a71;color:#fff;margin:2px 0}}
@media only screen and (min-height:570px){.item .box .content .intro{padding-bottom:30px}}
#CssGaga{content:"150330161329,juu,333"}/*  |xGv00|793e3209ac52428a61e62b9b30aebb90 */