.footer,.main,body{background:#000}.header .header-left .title{border-left:1px solid #000;color:#000}.header .header-right .icon{color:#333}.header .header-right .icon:first-child{color:#FA6E28}.header .header-right .icon:hover{color:#F4017B}.footer{border-top:1px solid #fff}.footer .nav{border-bottom:1px solid #fff}.footer .left,.footer .nav-right,.footer a{color:#fff!important}.main{position:relative;min-height:700px;margin:0 auto;width:1160px}.main .left{padding-top:55px;width:717px;min-height:600px}.main .right{position:absolute;top:0;right:-228px;width:624px;height:613px;background:url(../imgs/gif.gif) center no-repeat;background-size:cover}.desktop .message{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:0;overflow:hidden;opacity:0;-webkit-transform:translate(-.5px,-.5px);transform:translate(-.5px,-.5px);-webkit-transition:opacity .8s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .8s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .8s ease-in-out,transform .4s ease-in-out;transition:opacity .8s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.desktop .message.in{display:flex;height:auto;margin:25px 0 0;overflow:visible;opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.desktop .message .avator,.desktop .message .user-avator{display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;margin-right:.5px;width:60px;height:60px;border-radius:50%;background:url(../imgs/work-avator.png) center no-repeat;vertical-align:middle;background-size:cover}.desktop .message .text{position:relative;padding:10px 20px;display:inline-block;margin-left:38px;box-sizing:border-box;background-color:#fff;color:#000;font-family:PingFangSC-Regular;font-size:18px;line-height:35px;border-radius:8px}.desktop .message .text::before{display:block;content:'';position:absolute;z-index:-1;left:-18px;top:15px;width:20px;height:20px;background:url(../imgs/left.png) center no-repeat;background-size:cover}.desktop .message .code{padding:10px;height:150px}.desktop .message .img{width:9.6px;height:9.6px}.tips{text-align:right;margin:25px 0 2.1px;opacity:0;-webkit-transform:translate(.5px,-.5px);transform:translate(.5px,-.5px);-webkit-transition:opacity .8s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .8s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .8s ease-in-out,transform .4s ease-in-out;transition:opacity .8s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.tips.in{opacity:1}.tips .avator,.tips .user-avator{display:inline-block;width:60px;height:60px;border-radius:50%;background:url(../imgs/work-avator.png) center no-repeat;vertical-align:middle;background-size:cover}.tips .user-avator{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;margin-left:.5px;vertical-align:middle;background-image:url(../imgs/user-avator.png)}.desktop .last div,.tips .btn-wrap,.tips .img-wrap{vertical-align:top}.tips .btn-wrap::before,.tips .img-wrap::before{display:block;content:'';position:absolute;right:-19px;z-index:-1;top:16px;width:20px;height:20px;-webkit-transform:rotate(180deg);transform:rotate(180deg);background:url(../imgs/left.png) center no-repeat;background-size:cover}.btn-wrap,.img-wrap{position:relative;display:inline-block;margin-right:36px;padding:10px 12px;line-height:35px;font-size:18px;color:#000;border-radius:8px;width:514px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#F6F6F6;text-align:left}.btn-wrap .pic,.img-wrap .pic{width:287px}.img-wrap{width:auto}.btn{display:inline-block;margin-right:6px;width:97px;height:40px;border:1px solid #979797;color:#979797;background-color:#F6F6F6;border-radius:8px;font-size:16px;line-height:40px;text-align:center;cursor:pointer}.btn.active{border:none;color:#fff;background-color:#F4017B}.btn:first-child{margin-left:0}.desktop .last{font-size:0;padding:16px;opacity:0;text-align:center}.desktop .last.in{opacity:1}.desktop .last div{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 6px;background:#fff}.desktop .last div:nth-child(1){-webkit-animation:waiting 1.2s ease-in-out infinite;animation:waiting 1.2s ease-in-out infinite}.desktop .last div:nth-child(2){-webkit-animation:waiting 1.2s .4s ease-in-out infinite;animation:waiting 1.2s .4s ease-in-out infinite}.desktop .last .last div:nth-child(3){-webkit-animation:waiting 1.2s .8s ease-in-out infinite;animation:waiting 1.2s .8s ease-in-out infinite}@-webkit-keyframes waiting{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes waiting{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes circleShadow{0%,100%{-webkit-box-shadow:0 0 60px 0 rgba(255,255,255,.8),inset 0 0 60px 0 rgba(255,255,255,.8);box-shadow:0 0 60px 0 rgba(255,255,255,.8),inset 0 0 60px 0 rgba(255,255,255,.8);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.49),inset 0 0 0 0 rgba(255,255,255,.49);box-shadow:0 0 0 0 rgba(255,255,255,.49),inset 0 0 0 0 rgba(255,255,255,.49);-webkit-transform:scale(.98);transform:scale(.98)}}@keyframes circleShadow{0%,100%{-webkit-box-shadow:0 0 60px 0 rgba(255,255,255,.8),inset 0 0 60px 0 rgba(255,255,255,.8);box-shadow:0 0 60px 0 rgba(255,255,255,.8),inset 0 0 60px 0 rgba(255,255,255,.8);-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.49),inset 0 0 0 0 rgba(255,255,255,.49);box-shadow:0 0 0 0 rgba(255,255,255,.49),inset 0 0 0 0 rgba(255,255,255,.49);-webkit-transform:scale(.98);transform:scale(.98)}}