/*!
 * PhotoGrid push Liveme
 * 
 * @author: Leo <liyang5@cmcm.com>
 * @date: 2016-08-23 18:41:50
 */

@charset 'utf-8';a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}body,button,html,input,select,textarea{font-family:Helvetica,HelveticaNeue,'Droid Sans',Arial,Verdana,serif,'Heiti SC',Droidsansfallback,'微软雅黑'}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;color:#83d9e2;background:#eee}.text,.title{background:#0b0843}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}sup{vertical-align:text-top}sub{vertical-align:text-bottom}.list a img,.top{vertical-align:top}button,input,select,textarea{font-size:inherit;font-weight:inherit;overflow:visible;width:auto;*font-size:100%}.list a,.none,.wrap{overflow:hidden}.title img,.top,.wrap,body,html{width:100%}legend{color:#000}.text span,a{color:#fe41fe}h1,h2,h3,h4,h5,h6{font-weight:400}a{text-decoration:none;outline:0}a:active,a:focus,a:hover{color:#fe41fe}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.pull-left{display:inline;float:left}.pull-right{display:inline;float:right}.clearfix{font-size:0;display:block;clear:both;height:0;content:'\200c'}.clear{zoom:1}.clear:after{font-size:0;display:block;clear:both;height:0;content:'\200c'}.none{display:none}.wrap{position:relative;max-width:640px;margin:0 auto;padding-bottom:100px}@media (max-width:749px){.wrap{padding-bottom:65px}}@media (max-width:413px){.wrap{padding-bottom:59px}}@media (max-width:374px){.wrap{padding-bottom:50px}}.title{padding:43px 0 58px}@media (max-width:749px){.title{padding:28px 0 38px}}@media (max-width:413px){.title{padding:25px 0 34px}}@media (max-width:374px){.title{padding:22px 0 29px}}.text{font-size:30px;padding:38px 0 38px 34px}@media (max-width:749px){.text{padding:25px 0 25px 22px;font-size:19px}}@media (max-width:413px){.text{padding:22px 0 22px 20px;font-size:18px}}@media (max-width:374px){.text{padding:19px 0 19px 17px;font-size:15px}}.anchor-title{font-size:28px;line-height:62px;position:relative;text-align:center;color:#c1c1c1;background:#eee}.anchor-title:before{position:absolute;z-index:1;top:50%;left:3.125%;width:93.75%;content:'';border-top:1px solid #c1c1c1}.list a,.list li{position:relative}.anchor-title span{position:relative;z-index:2;display:inline-block;padding:0 15px;background:#eee}.list li{margin-bottom:4px;background:url(../images/bg.png);-o-background-size:498px auto;background-size:498px auto}@media (max-width:749px){.anchor-title{line-height:40px;font-size:18px}.anchor-title span{padding:0 10px}.list li{margin-bottom:3px;-o-background-size:322px auto;background-size:322px auto}}@media (max-width:413px){.anchor-title{line-height:36px;font-size:16px}.anchor-title span{padding:0 9px}.list li{margin-bottom:2px;-o-background-size:292px auto;background-size:292px auto}}@media (max-width:374px){.anchor-title{line-height:31px;font-size:14px}.anchor-title span{padding:0 8px}.list li{margin-bottom:2px;-o-background-size:249px auto;background-size:249px auto}}.list li.show-video a{display:none}.list li video{height:100%}.list a{display:block;width:100%;height:0;padding-top:100%}.list a img{position:absolute;bottom:0;display:block;height:100%}.list a:after{position:absolute;top:50%;left:50%;width:216px;height:216px;margin:-108px 0 0 -108px;content:'';background:url(../images/play.png) center center no-repeat;-o-background-size:contain;background-size:contain}.list .label{position:absolute;top:14px;left:23px}@media (max-width:749px){.list a:after{width:140px;height:140px;margin:-70px 0 0 -70px}.list .label{top:9px;left:15px}}@media (max-width:413px){.list a:after{width:127px;height:127px;margin:-63px 0 0 -63px}.list .label{top:8px;left:13px}}@media (max-width:374px){.list a:after{width:108px;height:108px;margin:-54px 0 0 -54px}.list .label{top:7px;left:12px}}.list .label .state{font-size:18px;line-height:32px;position:relative;float:left;height:32px;padding:0 4px 0 18px;color:#fff;border-radius:30px 0 0 30px;background:#fe44ff}@media (max-width:749px){.list .label .state{padding:0 3px 0 12px;height:21px;line-height:21px;font-size:12px}}@media (max-width:413px){.list .label .state{padding:0 2px 0 11px;height:19px;line-height:19px;font-size:11px}}@media (max-width:374px){.list .label .state{padding:0 2px 0 9px;height:16px;line-height:16px;font-size:9px}}.list .label .state:after{position:absolute;right:-14px;width:14px;height:32px;content:'';background:-webkit-gradient(linear,100% 58.875%,0 40.125%,color-stop(0,rgba(204,94,246,0)),color-stop(48%,rgba(204,94,246,0)),color-stop(52%,#fe44ff),color-stop(100%,#fe44ff))}@media (max-width:749px){.list .label .state:after{width:9px;height:21px;right:-9px}}@media (max-width:413px){.list .label .state:after{width:8px;height:19px;right:-8px}}@media (max-width:374px){.list .label .state:after{width:7px;height:16px;right:-7px}}.list .label .state.state-yellow{color:#452c28;background:#fed52f}.list .label .state.state-yellow:after{background:-webkit-gradient(linear,100% 58.875%,0 40.125%,color-stop(0,rgba(204,94,246,0)),color-stop(48%,rgba(204,94,246,0)),color-stop(52%,#fed52f),color-stop(100%,#fed52f))}.list .label .label-right{font-size:18px;line-height:32px;position:relative;float:left;height:32px;margin:6px 0 0 16px;padding:0 18px 0 4px;color:#230908;border-radius:0 30px 30px 0;background:#01ffff}@media (max-width:749px){.list .label .label-right{padding:0 12px 0 3px;height:21px;line-height:21px;font-size:12px;margin:4px 0 0 10px}}@media (max-width:413px){.list .label .label-right{padding:0 11px 0 2px;height:19px;line-height:19px;font-size:11px;margin:4px 0 0 9px}}@media (max-width:374px){.list .label .label-right{padding:0 9px 0 2px;height:16px;line-height:16px;font-size:9px;margin:3px 0 0 8px}}.list .label .label-right:after{position:absolute;left:-14px;width:14px;height:32px;content:'';background:-webkit-gradient(linear,100% 58.875%,0 40.125%,color-stop(0,#01ffff),color-stop(48%,#01ffff),color-stop(52%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)))}@media (max-width:749px){.list .label .label-right:after{width:9px;height:21px;left:-9px}}@media (max-width:413px){.list .label .label-right:after{width:8px;height:19px;left:-8px}}@media (max-width:374px){.list .label .label-right:after{width:7px;height:16px;left:-7px}}.list .label .label-right .icon-eye{display:inline-block;width:22px;height:22px;margin-top:-4px;margin-right:10px;vertical-align:middle;background:url(../images/eye.png) center center no-repeat;-o-background-size:contain;background-size:contain}@media (max-width:749px){.list .label .label-right .icon-eye{width:14px;height:14px;margin-right:6px;margin-top:-3px}}@media (max-width:413px){.list .label .label-right .icon-eye{width:13px;height:13px;margin-right:6px;margin-top:-2px}}@media (max-width:374px){.list .label .label-right .icon-eye{width:11px;height:11px;margin-right:5px;margin-top:-2px}}.list .img-layer{position:absolute;bottom:0;width:100%;padding:66px 0 36px;text-align:center;color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(204,94,246,0)),to(rgba(204,94,246,.8)))}.list .img-layer .img-layer-title{font-size:66px}@media (max-width:749px){.list .img-layer{padding:43px 0 23px}.list .img-layer .img-layer-title{font-size:43px}}@media (max-width:413px){.list .img-layer{padding:39px 0 21px}.list .img-layer .img-layer-title{font-size:39px}}@media (max-width:374px){.list .img-layer{padding:33px 0 18px}.list .img-layer .img-layer-title{font-size:33px}}.list .img-layer .img-layer-desc{font-size:28px}#tipWrap{display:none}.showTip #tipWrap{display:block}.showTip #main{display:none}.banner{position:fixed;z-index:999;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100px;padding:14px 20px 0;background:#fff}@media (max-width:749px){.list .img-layer .img-layer-desc{font-size:18px}.banner{height:65px;padding:9px 13px 0}}@media (max-width:413px){.list .img-layer .img-layer-desc{font-size:16px}.banner{height:59px;padding:8px 12px 0}}@media (max-width:374px){.list .img-layer .img-layer-desc{font-size:14px}.banner{height:50px;padding:7px 10px 0}}@media (min-width:640px){.banner{left:50%;width:640px;margin-left:-320px}}.banner .logo{float:left;width:340px;height:72px;background:url(../images/logo-n1.png) center center no-repeat;-o-background-size:contain;background-size:contain}@media (max-width:749px){.banner .logo{width:220px;height:47px}}@media (max-width:413px){.banner .logo{width:199px;height:42px}}@media (max-width:374px){.banner .logo{width:170px;height:36px}}.banner .download{font-size:28px;line-height:64px;float:right;height:64px;margin-top:4px;padding:0 46px;color:#fff;border-radius:32px;background:#17c740}@media (max-width:749px){.banner .download{height:41px;line-height:41px;font-size:18px;padding:0 30px;margin-top:3px}}@media (max-width:413px){.banner .download{height:38px;line-height:38px;font-size:16px;padding:0 27px;margin-top:2px}}@media (max-width:374px){.banner .download{height:32px;line-height:32px;font-size:14px;padding:0 23px;margin-top:2px}}