.background,.mask{left:0;right:0;top:0;bottom:0;position:absolute}.background,.container,.mask{position:absolute}body{margin:0;padding:0;font-family:"Avenir Next",Helvetica,Arial,"Lantinghei SC","Microsoft YaHei",sans-serif}.background{background-image:-webkit-gradient(linear,left top,right bottom,from(#f76b1d),to(#fad961));background-image:-webkit-linear-gradient(left top,#f76b1d,#fad961);background-image:linear-gradient(left top,#f76b1d,#fad961)}.mask{background:#000;opacity:.7}.container{width:620px;height:540px;top:50%;margin-top:-270px;left:50%;margin-left:-310px;background:#fff;-webkit-border-radius:4px;border-radius:4px}.container .head{position:relative;width:100%;height:70%;background:url(../img/bg-banner.jpg) center no-repeat;background-size:auto 100%;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;text-align:center;-webkit-box-shadow:inset 0 -70px 100px -50px rgba(0,0,0,.5);box-shadow:inset 0 -70px 100px -50px rgba(0,0,0,.5)}.container .head .head-container{widtH:100%;position:absolute;bottom:10px}.container .head .head-container h1{margin:0;font-size:20px;letter-spacing:.5px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.7);font-weight:700}.container .head .head-container h1 span{opacity:.2}.container .body{width:100%;height:30%;text-align:center;padding:10px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.container .body p{font-size:14px}.container .body a{display:inline-block;margin:7px;text-decoration:none}.container .body i{display:inline-block;font-size:16px;width:42px;height:42px;line-height:42px;-webkit-border-radius:42px;border-radius:42px;color:rgba(0,0,0,.5);background-color:rgba(0,0,0,.1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-style:normal}.container .body i:hover{background-color:#f76b1d;color:#fff}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation:shake .7s ease-out;animation:shake .7s ease-out}