html {font-size:20px;}
body{padding:0;margin:0;font:12px/18px microsoft yahei,arial;overflow:hidden;}
div, dl, dt, dd, ul, h1, h2, h3, h4, p{padding:0;margin:0;}
li{list-style:none;}
img{border:0;}
a{color:#519BD8;text-decoration:none;cursor:pointer; font-family:microsoft yahei,arial;}
a:hover{color:#519BD8;text-decoration:none;}
textarea{  font-family:microsoft yahei,arial;}
th,h1, h2, h3{color:#5F5F5F}
a,input,button{outline:none; -webkit-highlight-color:rgba(0,0,0,0);}

.body--ready .overlay{-webkit-transition:-webkit-transform .7s cubic-bezier(.694,.0482,.335,1),opacity .7s cubic-bezier(.694,.0482,.335,1);-moz-transition:-moz-transform .7s cubic-bezier(.694,.0482,.335,1),opacity .7s cubic-bezier(.694,.0482,.335,1);-ms-transition:-ms-transform .7s cubic-bezier(.694,.0482,.335,1),opacity .7s cubic-bezier(.694,.0482,.335,1);-o-transition:-o-transform .7s cubic-bezier(.694,.0482,.335,1),opacity .7s cubic-bezier(.694,.0482,.335,1);transition:transform .7s cubic-bezier(.694,.0482,.335,1),opacity .7s cubic-bezier(.694,.0482,.335,1)}
.ui{position:absolute;left:50%;bottom:100px;width:300px;margin-left:-150px}
.ui-input{width:100%;height:50px;background:0 0;font-size:24px;font-weight:700;color:#fff;text-align:center;border:none;border-bottom:2px solid #fff}
.ui-input:focus{outline:0;border:none;border-bottom:2px solid #fff}
.ui-return{display:none;position:absolute;top:20px;right:0;padding:3px 2px 0 2px;font-size:10px;line-height:10px;color:#fff;border:1px solid #fff}
.ui--enter .ui-return{display:block}
.ui--wide{width:76%;margin-left:12%;left:0}
.ui--wide .ui-return{right:-20px}

.signBox {padding:5px;background:#fff;border-radius:100px;position:absolute;z-index:10;opacity:0;-webkit-opacity:0;transform:scale(0.07,1);-webkit-transform:scale(0.07,1);min-width:500px;max-width:40%;}
.signBox.leftTop{left:20px;top:20px;}
.signBox.leftBottom{left:20px;bottom:20px;}
.signBox.rightTop{right:20px;top:20px;}
.signBox.rightBottom{right:20px;bottom:20px;}
.signBox.center{left:50%;top:50%;transform:translate(-50%,-50%);}
.signBox p {display:inline-block;padding:0 50px 0 20px;font-size:32px;line-height:40px;position:relative;overflow:hidden;width:calc(100% - 270px);text-overflow:ellipsis;white-space:nowrap;color:#666;}
.signBox p.nameLine{height:60px;}
.signBox p .name {font-size:40px;color:#f97237;display:inline-block;max-width:275px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:15px;}
.signBox p .job {font-size:24px;color:#666;margin-left:10px;max-width:100px;display:inline-block;}
.signBox p.companyBox{height:70px;line-height:26px;margin-top:5px;}
.signBox p .company{color:#555;display:inline-block;max-width:calc(100% - 122px);font-size:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;top:4px;border-right:2px solid #999;height:25px;padding-right:10px;}
.signBox p .textLine {padding:8px 16px;border-radius:50px;box-sizing:border-box;background:#f97237;color:#fff;position:relative;display:block;margin-left:6px;max-width:100%;}
.signBox p .textLine i {width:46px;height:27px;position:absolute;top:30px;left:-15px;display:block;background-image:url(../images/signin/arrow.png);background-size:100%;}
.signBox p .textLine .text_scrool {max-width:100%;height:40px;display:inline-block;vertical-align:top;overflow-y:hidden;white-space:normal;}
.signBox p .textLine u {word-break:break-all;text-decoration:none;display:inline-block;animation-delay:2s;-webkit-animation-delay:2s;padding-left:10px;word-wrap:break-word;}
.imgShow {width:200px;height:200px;border-radius:100%;overflow:hidden;display:block;float:left;position:relative;}

.signBox::before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100px;/*background: -webkit-gradient(radial,55% center,10,60% center,300,from(rgba(255, 255, 255, 0.45)),to(rgba(255, 255, 255, 0)));*/background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.2) 30%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.2) 80%,rgba(255,255,255,0));}
.signBox.style_1 {background:#ff0606;}
.signBox.style_2 {background:#f4a743;}
.signBox.style_3 {background:#d9a44d;}
.signBox.style_4 {background:#2daa58;}
.signBox.style_5 {background:#006af3;}
.signBox.style_1 p .name,.signBox.style_1 p .job,.signBox.style_1 p .company,.signBox.style_4 p .name,.signBox.style_4 p .job,.signBox.style_4 p .company,.signBox.style_5 p .name,.signBox.style_5 p .job,.signBox.style_5 p .company {color:#fff;}
.signBox.style_2 p .name,.signBox.style_2 p .job,.signBox.style_2 p .company,.signBox.style_3 p .name,.signBox.style_3 p .job,.signBox.style_3 p .company {color:#000;}
.signBox.style_1 .textLine,.signBox.style_3 .textLine,.signBox.style_4 .textLine,.signBox.style_5 .textLine {background:#fff;color:#000;}
.signBox.style_1 p .textLine i,.signBox.style_3 p .textLine i,.signBox.style_4 p .textLine i,.signBox.style_5 p .textLine i {background-image:url(../images/signin/arrow_w.png);}
/* 名片 */
.signAlert{padding:5px;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);width:60%;padding:35px 40px;background:#42A6E2;}
/*.signAlert:before{content:"";display:block;width:100%;height:60%;background:transparent;position:absolute;top:0;right:0;z-index:11;}*/
.signAlert .signImg{width:110px;height:110px;border-radius: 50%;overflow:hidden;position:absolute;top:-60px;right:60px;padding:5px;background:#fff;z-index:12;}
.signAlert .signImg img{width:105px;height:105px;border-radius: 50%;margin:3px 2px;}
.signAlert .signTitle{font-size:36px;color:#fff;width:calc(100% - 150px);font-weight:900;position:relative;z-index:12;}
.signAlert .signContent{background:#fff;margin-top:35px;padding:45px 35px;font-size:32px;max-height:426px;color:#333;text-indent:80px;line-height:1.3;position:relative;z-index:12;}
.signAlert .signContent:before{content:"";position:absolute;border:20px solid transparent;border-bottom:20px solid #fff;top:-39px;right:55px;}

/* 签到二维码 */
.signin_ecode{position:absolute;top:20px;left:20px;z-index:99;}
.signin_ecode .ecode_img{width:80px; height:80px; display:block;filter:alpha(opacity=0.5);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}


/* 轮播消息 */
.text_bottom {width:100%;height:68px;position:fixed;left:0;bottom:0;background:rgba(0,0,0,0.7);color:#fff;display:none;}
.text_bottom.t_hide {display:none !important;}
.tb_center {width:1024px;height:68px;margin:0 auto;position:relative;overflow:hidden;}
.text_bottom ul {position:absolute;width:8000%;left:0;top:0}
.text_bottom ul li {width:1024px;height:68px;line-height:68px;float:left;font-size:30px;text-shadow:3px 3px 0 rgba(0,0,0,0.3);text-align:center;display:inline;}


/* 底部 */
.s_bottom {width:100%;/*height:68px;*/height:12px;position:fixed;left:0;bottom:0;text-align:center;z-index:20;}
.s_bottom.s_hide {opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;-ms-opacity:0;bottom:-68px;}
.s_bottom .s_bottom_line {width:100%;height:12px;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.7);z-index:9;}
.s_bottom .s_bottom_line.s_hide {opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;-ms-opacity:0;}
.s_bottom_link {height:56px;display:inline-block;margin-top:-56px;}
.s_bottom_link.s_hide {opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;-ms-opacity:0;}
.s_bottom_link .bottom_radius {width:34px;height:56px;display:block;background-image:url(/static/screen/images/bottom_radius.png);position:absolute;top:0;}
.s_bottom_link .bottom_radius.bottom_radius_left {background-position:0 0;left:-34px;}
.s_bottom_link .bottom_radius.bottom_radius_right {background-position:-34px 0;right:-34px;}
.s_bottom_link ul {background:rgba(0,0,0,0.7);display:inline-block;position:relative;}
.s_bottom_link ul li {width:50px;height:56px;margin:0 8px;display:block;float:left;position:relative;}
.s_bottom_link ul li a.s_b_icon {width:100%;height:32px;display:block;margin-top:12px;background-image:url(/static/screen/images/screen_icon.png);}
.s_bottom_link ul li a.s_b_icon.home {background-position:0 0;}
.s_bottom_link ul li a.s_b_icon.weixin {background-position:-50px 0;}
.s_bottom_link ul li a.s_b_icon.prize {background-position:-100px 0;}
.s_bottom_link ul li a.s_b_icon.vote {background-position:-150px 0;}
.s_bottom_link ul li a.s_b_icon.running {background-position:-200px 0;}
.s_bottom_link ul li a.s_b_icon.tug {background-position:-250px 0;}
.s_bottom_link ul li a.s_b_icon.activity {background-position:-600px 0;}
.s_bottom_link ul li a.s_b_icon.rhythm {background-position:-300px 0;}
.s_bottom_link ul li a.s_b_icon.set {background-position:-350px 0;}
.s_bottom_link ul li a.s_b_icon.fullscreen {background-position:-400px 0;}
.s_bottom_link ul li a.s_b_icon.sound {background-position:-450px 0;}
.s_bottom_link ul li a.s_b_icon.rewards {background-position:-500px 0;}
.s_bottom_link ul li a.s_b_icon.sign_wall {background-position:-550px 0;}
.s_bottom_link ul li a.s_b_icon.home.hover {background-position:0 -32px;}
.s_bottom_link ul li a.s_b_icon.weixin.hover {background-position:-50px -32px;}
.s_bottom_link ul li a.s_b_icon.prize.hover {background-position:-100px -32px;}
.s_bottom_link ul li a.s_b_icon.vote.hover {background-position:-150px -32px;}
.s_bottom_link ul li a.s_b_icon.running.hover {background-position:-200px -32px;}
.s_bottom_link ul li a.s_b_icon.tug.hover {background-position:-250px -32px;}
.s_bottom_link ul li a.s_b_icon.activity.hover {background-position:-600px -32px;}
.s_bottom_link ul li a.s_b_icon.rhythm.hover {background-position:-300px -32px;}
.s_bottom_link ul li a.s_b_icon.set.hover {background-position:-350px -32px;}
.s_bottom_link ul li a.s_b_icon.fullscreen.hover {background-position:-400px -32px;}
.s_bottom_link ul li a.s_b_icon.sound.hover {background-position:-450px -32px;}
.s_bottom_link ul li a.s_b_icon.rewards.hover {background-position:-500px -32px;}
.s_bottom_link ul li a.s_b_icon.sign_wall.hover {background-position:-550px -32px;}
.s_bottom_link ul li span {position:absolute;top:-35px;left:50%;width:70px;margin-left:-40px;color:#fff;background:rgba(0,0,0,0.44);padding:5px;display:none;border-radius:4px;}
.s_bottom_link ul li span i {width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,0.44);position:absolute;left:50%;margin-left:-5px;bottom:-5px;}
.s_bottom_link ul li:nth-child(1) .shortline {width:1px;height:16px;position:absolute;right:-3px;top:24px;background:rgba(255,255,255,0.2);}
.s_bottom_link ul li:nth-child(8) .shortline {width:1px;height:16px;position:absolute;left:-5px;top:24px;background:rgba(255,255,255,0.2);}

.imgAnimate {-webkit-animation:imgAnimate 6s ease-in-out;animation:imgAnimate 6s ease-in-out;}
@-webkit-keyframes imgAnimate{
    0%{-webkit-transform:scale(1,0.05);-webkit-opacity:0.5;}
    5%{-webkit-transform:scale(1,1);-webkit-opacity:1;}
    95%{-webkit-transform:scale(1,1);-webkit-opacity:1;}
    100%{-webkit-transform:scale(1,0.07) translate(0,0);}
}
@keyframes imgAnimate{
    0%{transform:scale(1,0.05);opacity:0.5;}
    5%{transform:scale(1,1);opacity:1;}
    95%{transform:scale(1,1);opacity:1;}
    100%{transform:scale(1,0.07) translate(0,0);}
}
.scrollAnitame {-webkit-animation:scrollAnitame 4s ease-in-out;animation:scrollAnitame 4s ease-in-out;}
@-webkit-keyframes scrollAnitame{
    0%{-webkit-transform:none;}
    30%{-webkit-transform:translate(0,-40px);}
    100%{-webkit-transform:translate(0,-40px);}
}
@keyframes scrollAnitame{
    0%{transform:none;}
    30%{transform:translate(0,-40px);}
    100%{transform:translate(0,-40px);}
}