@charset "UTF-8";
@font-face { font-family: 'icomoon'; src: url("/Assets/fonts/icomoon.eot?2ohgpu"); src: url("/Assets/fonts/icomoon.eot?2ohgpu#iefix") format("embedded-opentype"), url("/Assets/fonts/icomoon.ttf?2ohgpu") format("truetype"), url("/Assets/fonts/icomoon.woff?2ohgpu") format("woff"), url("/Assets/fonts/icomoon.svg?2ohgpu#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] {  font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-maximize:before { content: "\e942"; color: #777; }
.icon-minimize:before { content: "\e943"; color: #777; }
.icon-audio:before { content: "\e944"; color: #5d5d5d; }
.icon-planning:before { content: "\e945"; }
.icon-texture:before { content: "\e946"; color: #5d5d5d; }
.icon-video:before { content: "\e947"; color: #5d5d5d; }
.icon-drip:before { content: "\e941"; }
.icon-classify:before { content: "\e93c"; }
.icon-money:before { content: "\e93d"; }
.icon-state:before { content: "\e93e"; }
.icon-sort:before { content: "\e940"; }
.icon-bid:before { content: "\e920"; }
.icon-fullscreen:before { content: "\e939"; }
.icon-volume-high:before { content: "\e93a"; }
.icon-volume-mute:before { content: "\e93b"; }
.icon-next:before { content: "\e900"; }
.icon-occupation:before { content: "\e901"; color: #5d5d5d; }
.icon-parameter:before { content: "\e902"; color: #5c5d5d; }
.icon-password:before { content: "\e903"; color: #5c5d5d; }
.icon-pause:before { content: "\e904"; }
.icon-pay:before { content: "\e905"; color: #5d5d5d; }
.icon-phone:before { content: "\e906"; color: #5d5d5d; }
.icon-picture:before { content: "\e907"; color: #5c5d5d; }
.icon-play:before { content: "\e908"; }
.icon-plus:before { content: "\e909"; color: #5c5d5d; }
.icon-positon:before { content: "\e90a"; color: #5c5d5d; }
.icon-praise:before { content: "\e90b"; color: #777; }
.icon-praise2:before { content: "\e90c"; color: #777; }
.icon-previous:before { content: "\e90d"; color: #5d5d5d; }
.icon-redownload:before { content: "\e90e"; }
.icon-refresh:before { content: "\e90f"; color: #5d5d5d; }
.icon-release:before { content: "\e910"; color: #5c5d5d; }
.icon-reply:before { content: "\e911"; color: #5c5d5d; }
.icon-resource:before { content: "\e912"; color: #5c5d5d; }
.icon-search:before { content: "\e913"; color: #5c5d5d; }
.icon-search2:before { content: "\e914"; color: #5c5d5d; }
.icon-sound:before { content: "\e915"; color: #5c5d5d; }
.icon-spinner:before { content: "\e916"; color: #5c5d5d; }
.icon-star-full:before { content: "\e917"; color: #5d5d5d; }
.icon-star-half:before { content: "\e918"; color: #5d5d5d; }
.icon-time:before { content: "\e919"; color: #5c5d5d; }
.icon-time2:before { content: "\e93f"; }
.icon-transaction:before { content: "\e91a"; color: #5c5d5d; }
.icon-upload:before { content: "\e91b"; color: #5d5d5d; }
.icon-user:before { content: "\e91c"; color: #585959; }
.icon-user2:before { content: "\e91d"; color: #5c5d5d; }
.icon-view:before { content: "\e91e"; color: #5c5d5d; }
.icon-view2:before { content: "\e91f"; color: #5d5d5d; }
.icon-wait:before { content: "\e921"; color: #5c5d5d; }
.icon-arrow-down:before { content: "\e922"; color: #5c5d5d; }
.icon-arrow-left:before { content: "\e923"; color: #5c5d5d; }
.icon-arrow-right:before { content: "\e924"; color: #5c5d5d; }
.icon-arrow-up:before { content: "\e925"; color: #5c5d5d; }
.icon-attention:before { content: "\e926"; color: #5d5d5d; }
.icon-authentication:before { content: "\e927"; color: #5c5d5d; }
.icon-calendar:before { content: "\e928"; }
.icon-camera:before { content: "\e929"; }
.icon-cart:before { content: "\e92a"; }
.icon-close:before { content: "\e92b"; color: #5c5d5d; }
.icon-close-eye:before { content: "\e92c"; color: #5d5d5d; }
.icon-comment:before { content: "\e92d"; color: #5c5d5d; }
.icon-company:before { content: "\e92e"; color: #5c5d5d; }
.icon-correct:before { content: "\e92f"; color: #5c5d5d; }
.icon-developer:before { content: "\e930"; color: #5d5d5d; }
.icon-file:before { content: "\e931"; color: #5c5d5d; }
.icon-form:before { content: "\e932"; color: #5d5d5d; }
.icon-home:before { content: "\e933"; color: #5c5d5d; }
.icon-income:before { content: "\e934"; color: #5d5d5d; }
.icon-information:before { content: "\e935"; color: #5d5d5d; }
.icon-menu:before { content: "\e936"; color: #5c5d5d; }
.icon-message:before { content: "\e937"; color: #5c5d5d; }
.icon-message2:before { content: "\e938"; color: #5c5d5d; }
.icon-material:before { content: "\e948"; }
.icon-modal:before { content: "\e949"; }
.icon-plane:before { content: "\e94a"; }
.icon-scene:before { content: "\e94b"; }
.icon-authentication2:before { content: "\e94c"; color: #5d5d5d; }
.icon-safe:before { content: "\e94d"; color: #5d5d5d; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.btn { display: inline-block; height: 40px; text-align: center; font-size: 16px; border-radius: 4px; border: none; cursor: pointer; }
.btn:focus { outline: none; }
.btn-block { display: block; width: 100%; }
.btn-blue { color: #fff; background-color: #17a7ee; }
.btn-gray { color: #fff; background-color: #535950; }
.btn-green { color: #fff; background-color: #41cb56; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.pull-right { float: right; }
.form-group { position: relative; margin-bottom: 10px; }
.form-control { width: 100%; height: 40px; padding: 9px; border-radius: 4px; border: 1px solid #e3e3e3; }
.form-control:focus { border-color: #17a7ee; outline: none; }
.icon-weixin { display: inline-block; width: 26px; height: 26px; background-size: 100% 100%; background-image: url(/Images/skycreative/weixin.png); }
.icon-qq { display: inline-block; width: 26px; height: 26px; background-size: 100% 100%; background-image: url(/Images/skycreative/qq.png); }
.icon-weibo { display: inline-block; width: 26px; height: 26px; background-size: 100% 100%; background-image: url(/Images/skycreative/weibo.png); }
.link { color: #888; text-decoration: none; cursor: pointer; }
.link:hover { color: #17a7ee; }
.link-blue { color: #17a7ee; text-decoration: none; cursor: pointer; }
.link-blue:hover { color: #17a7ee; }
.mt20 { margin-bottom: 20px; }
body { font-family: Microsoft YaHei; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; margin: 0px; }
ul li { list-style: none; }
a { color: #222; text-decoration: none; outline: 0; }
.clearfix:after { content: ''; clear: both; display: block; }
.container { width: 100%; margin: 0 auto; }
.container:after, .container:before { display: table; content: " "; }
.skynet-header { position: absolute; width: 100%; left: 0; top: 0; background-color: #323232; z-index: 1; }
.skynet-header:after, .skynet-header:before { content: " "; display: block; clear: both; }
.skynet-header.sticky { position: -webkit-sticky; position: sticky; top: 0; }
.skynet-header .container { height: 100%; background-color: #323232; }
.skynet-header .navbar-header:after, .skynet-header .navbar-header:before { content: " "; display: block; clear: both; }
.skynet-header .navbar-header .login-header-log { float: left; width: 167px; height: 45px; margin: 7px 10px; background-image: url(/Assets/images/logo-169bfe8be9.png); }
.skynet-header .navbar-header .navbar-toggle { float: right; margin-top: 10px; margin-right: 10px; padding: 5px; font-size: 28px; border: 1px solid #2b2b2b; border-radius: 4px; }
.skynet-header .navbar-header .navbar-toggle:before { color: #fff; }
.skynet-header .skynet-header-logo { float: left; width: 167px; height: 45px; margin: 17px 0; background-image: url(/Assets/images/logo-169bfe8be9.png); }
.skynet-header .navbar-collapse { display: none; height: 100%; border: 1px solid #101010; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
.skynet-header .navbar-collapse:after { content: " "; display: block; clear: both; }
.skynet-header .navbar-collapse .navbar-collapse-mask { display: none; }
.skynet-header .navbar-collapse-mask { position: fixed; background: transparent; width: 100%; height: 100%; left: 0; z-index: -1; }
.skynet-header ul.skynet-header-index li { padding: 10px 15px; }
.skynet-header ul.skynet-header-index li a { margin-right: 50px; color: #fff; font-size: 14px; text-decoration: none; cursor: pointer; }
.skynet-header ul.skynet-header-index li.active a { color: #fff; }
.skynet-header ul.skynet-header-index li:hover a { color: #fff; }
.skynet-header .skynet-header-btn { float: left; padding: 24px 0; }
.skynet-header .skynet-header-btn a { display: inline-block; width: 80px; text-align: center; text-decoration: none; line-height: 32px; color: #fff; background-color: #636363; border-radius: 4px; cursor: pointer; }
.footer { font-size: 14px; background: #252629; color: #bbb; }
.footer .footer-inner { margin: auto; padding: 20px 0px; background: #252629; }
.footer .footer-inner .company-logo { float: left; width: 160px; padding-left: 0px; margin-right: 0px; }
.footer .footer-inner .company-logo img { float: left; width: 40px; height: 40px; padding: 5px; margin-right: 5px; background: rgba(69, 158, 128, 0.7); }
.footer .footer-inner .company-logo .company-logo-rt { overflow: hidden; }
.footer .footer-inner .company-logo .company-logo-rt p { padding-bottom: 5px; font-size: 12px; line-height: 1; color: #f8f8f8; }
.footer .footer-inner .company-logo .company-logo-rt h3 { font-size: 13px; font-weight: normal; font-family: serif; }
.footer .footer-inner .footer-right { float: right; display: table; text-align: right; font-size: 12px; }
.footer .footer-inner .footer-right dl.footer-colum { display: table-cell; padding-right: 8px; }
.footer .footer-inner .footer-right dl.footer-colum dt { font-size: 12px; padding-bottom: 5px; color: #f2f2f2; }
.footer .footer-inner .footer-right dl.footer-colum a { color: #bbb; }
.footer .footer-inner .footer-right dl.footer-colum a:hover { color: #459e80; text-decoration: underline; }
.footer .footer-inner .footer-right dl.footer-colum:last-child dt { margin-top: 10px; }
.footer .footer-inner .footer-right dl.footer-colum:last-child dt:first-child { margin-top: 0px; padding-bottom: 10px; }
.footer .footer-copyrighten { position: relative; width: 100%; bottom: 0; font-size: 12px; background: #000; padding: 0px; line-height: 1; text-align: center; color: #8e8e8e; border-top: 1px solid #323232; z-index: 9999; }
.footer .footer-copyrighten a { color: #8e8e8e; }
.footer .footer-copyrighten .footer-inline { display: inline-block; padding: 0 4px; border-right: 1px solid #323232; height: 30px; line-height: 30px; }
.footer .footer-copyrighten .footer-inline:first-child { display: block; border-right: none; padding: 0; text-indent: -10px; }
.footer .footer-copyrighten .footer-inline:hover a.website-filing { color: #459e80; text-decoration: underline; }
.footer .footer-copyrighten .footer-inline:last-child { border-right: none; }
.footer .footer-copyrighten .footer-rs-icon, .footer .footer-copyrighten .footer-im-icon, .footer .footer-copyrighten .footer-pm-icon, .footer .footer-copyrighten .footer-help-icon { display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: 0 10px; font-weight: bold; font-size: 18px; vertical-align: middle; color: #8e8e8e; }
.footer .footer-copyrighten .footer-rs-icon:hover .footer-tip, .footer .footer-copyrighten .footer-im-icon:hover .footer-tip, .footer .footer-copyrighten .footer-pm-icon:hover .footer-tip, .footer .footer-copyrighten .footer-help-icon:hover .footer-tip { display: block; }
.footer .footer-copyrighten .footer-help-icon .footer-tip { margin-top: -55px; }
.footer .footer-copyrighten .footer-rs-icon { background: url(https://task.v5cg.com/assets/images/footer/RS.png) no-repeat; }
.footer .footer-copyrighten .footer-im-icon { background: url(https://task.v5cg.com/assets/images/footer/IM.png) no-repeat; }
.footer .footer-copyrighten .footer-pm-icon { background: url(https://task.v5cg.com/assets/images/footer/PM.png) no-repeat; }
.footer .footer-copyrighten .footer-tip { display: none; position: absolute; background: #000; padding: 4px 10px; margin-top: -42px; margin-left: -25px; font-size: 13px; color: #dedede; border-radius: 2px; }
.footer .footer-copyrighten .footer-tip .arrow-down { position: absolute; top: 24px; left: 40%; border-top: 5px solid #000; }
@media (min-width: 320px) and (max-width: 360px) { .footer .footer-inner .footer-right dl.footer-colum { padding-right: 8px; } }
@media (min-width: 360px) and (max-width: 414px) { .footer .footer-inner .footer-right dl.footer-colum { padding-right: 20px; }
  .footer .footer-inner .company-logo { padding-left: 20px; } }
@media (min-width: 768px) { .container { max-width: 1250px; }
  .skynet-header { height: 60px; line-height: 60px; }
  .skynet-header .navbar-header { float: left; }
  .skynet-header .navbar-header .navbar-toggle { display: none; }
  .skynet-header .navbar-header .login-header-log { margin-left: 0px; }
  .skynet-header .navbar-collapse { display: block; float: right; height: 60px; line-height: 60px; border: none; -webkit-box-shadow: none; box-shadow: none; }
  .skynet-header ul.skynet-header-index li { float: left; padding: 0px; }
  .footer .footer-inner { max-width: 1250px; padding: 30px 0px 50px; }
  .footer .footer-inner .company-logo { width: 450px; padding-left: 0px; margin-right: 30px; }
  .footer .footer-inner .company-logo .company-logo-rt p { padding-bottom: 6px; padding-top: 6px; font-size: 24px; }
  .footer .footer-inner .company-logo .company-logo-rt h3 { font-size: 24px; }
  .footer .footer-inner .company-logo img { width: 95px; height: 95px; padding: 12px; margin-right: 14px; }
  .footer .footer-inner .footer-right { max-width: 720px; font-size: 14px; }
  .footer .footer-inner .footer-right dl.footer-colum { padding-right: 0px; }
  .footer .footer-inner .footer-right dl.footer-colum dt { font-size: 16px; }
  .footer .footer-copyrighten { position: fixed; max-width: 1200px; padding: 0px 20px; text-align: right; }
  .footer .footer-copyrighten .footer-inline { padding: 0 15px; }
  .footer .footer-copyrighten .footer-inline:first-child { display: inline-block; border-right: 1px solid #323232; }
  .footer .footer-copyrighten .footer-rs-icon, .footer .footer-copyrighten .footer-im-icon, .footer .footer-copyrighten .footer-pm-icon, .footer .footer-copyrighten .footer-help-icon { margin: 0 15px; } }
@media (min-width: 768px) and (max-width: 1200px) { .footer .footer-inner .company-logo { padding-left: 10px; }
  .footer .footer-inner .footer-right { width: 36%; padding-right: 10px; } }
@media (min-width: 1200px) { .footer .footer-inner .footer-right { width: 720px; }
  .footer .footer-copyrighten { max-width: inherit; } }
.skynet-wrap { background-color: #202020; }
.container { height: 100%; }
.skynet-intro-title { margin: 80px 0 24px; font-size: 24px; color: #fff; text-align: center; }
.skynet-intro-content { margin: 0 auto; }
.skynet-intro-content:after { content: ''; display: table; clear: both; }
.skynet-intro-item {  margin: 0 auto 20px; padding: 15px; border: 1px solid #fff; border-radius: 3px; background-color: #fff; }
.skynet-intro-item .skynet-intro-img { position: relative; text-align: center; margin-bottom: 20px; -webkit-transition: transform 0.3s ease-out 0.1s; -webkit-transition: -webkit-transform 0.3s ease-out 0.1s; transition: -webkit-transform 0.3s ease-out 0.1s; -o-transition: transform 0.3s ease-out 0.1s; transition: transform 0.3s ease-out 0.1s; transition: transform 0.3s ease-out 0.1s, -webkit-transform 0.3s ease-out 0.1s; }
.skynet-intro-item .skynet-intro-img img { height: 60px; -webkit-transition: transform 0.1s ease-out 0.3s; -webkit-transition: -webkit-transform 0.1s ease-out 0.3s; transition: -webkit-transform 0.1s ease-out 0.3s; -o-transition: transform 0.1s ease-out 0.3s; transition: transform 0.1s ease-out 0.3s; transition: transform 0.1s ease-out 0.3s, -webkit-transform 0.1s ease-out 0.3s; }
.skynet-intro-item .skynet-intro-desc { margin: 0 auto; margin-bottom: 30px; font-size: 14px; word-break: break-all; -webkit-transition: opacity .1s ease-out, transform .1s ease-out; -webkit-transition: opacity .1s ease-out, -webkit-transform .1s ease-out; transition: opacity .1s ease-out, -webkit-transform .1s ease-out; -o-transition: opacity .1s ease-out, transform .1s ease-out; transition: opacity .1s ease-out, transform .1s ease-out; transition: opacity .1s ease-out, transform .1s ease-out, -webkit-transform .1s ease-out; }
.skynet-intro-item .skynet-intro-desc h3 { margin-bottom: 5px; text-align: center; font-weight: normal; }
.skynet-intro-item .skynet-intro-desc p { margin-bottom: 9px; text-align: center; font-weight: bold; }
.skynet-intro-item .skynet-intro-btns { -webkit-transition: opacity .1s ease-out, transform .1s ease-out; -webkit-transition: opacity .1s ease-out, -webkit-transform .1s ease-out; transition: opacity .1s ease-out, -webkit-transform .1s ease-out; -o-transition: opacity .1s ease-out, transform .1s ease-out; transition: opacity .1s ease-out, transform .1s ease-out; transition: opacity .1s ease-out, transform .1s ease-out, -webkit-transform .1s ease-out; }
.skynet-intro-item .skynet-intro-btns > .btn { height: 40px; margin-bottom: 5px; line-height: 40px; text-decoration: none; }
@media (min-width: 768px) { .skynet-wrap { position: absolute; width: 100%; }
  .skynet-intro-title { margin: 150px 0 60px; font-size: 36px; }
  .skynet-intro-item { float: left;  margin-bottom: 20px; border: none; border-radius: 0px; background-color: transparent; }
 
  .skynet-intro-item:hover .skynet-intro-img { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.3s ease-out 0.1s; -webkit-transition: -webkit-transform 0.3s ease-out 0.1s; transition: -webkit-transform 0.3s ease-out 0.1s; -o-transition: transform 0.3s ease-out 0.1s; transition: transform 0.3s ease-out 0.1s; transition: transform 0.3s ease-out 0.1s, -webkit-transform 0.3s ease-out 0.1s; }
  .skynet-intro-item:hover .skynet-intro-img img { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: transform 0.1s ease-out; -webkit-transition: -webkit-transform 0.1s ease-out; transition: -webkit-transform 0.1s ease-out; -o-transition: transform 0.1s ease-out; transition: transform 0.1s ease-out; transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out; }
  .skynet-intro-item:hover .skynet-intro-img span { bottom: 12px; -webkit-transition: bottom 0.3s ease-out 0.1s; -o-transition: bottom 0.3s ease-out 0.1s; transition: bottom 0.3s ease-out 0.1s; }
  .skynet-intro-item:hover .skynet-intro-desc { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .1s ease-out .3s, transform .1s ease-out .3s; -webkit-transition: opacity .1s ease-out .3s, -webkit-transform .1s ease-out .3s; transition: opacity .1s ease-out .3s, -webkit-transform .1s ease-out .3s; -o-transition: opacity .1s ease-out .3s, transform .1s ease-out .3s; transition: opacity .1s ease-out .3s, transform .1s ease-out .3s; transition: opacity .1s ease-out .3s, transform .1s ease-out .3s, -webkit-transform .1s ease-out .3s; }
  .skynet-intro-item:hover .skynet-intro-btns { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .1s ease-out .5s, transform .1s ease-out .5s; -webkit-transition: opacity .1s ease-out .5s, -webkit-transform .1s ease-out .5s; transition: opacity .1s ease-out .5s, -webkit-transform .1s ease-out .5s; -o-transition: opacity .1s ease-out .5s, transform .1s ease-out .5s; transition: opacity .1s ease-out .5s, transform .1s ease-out .5s; transition: opacity .1s ease-out .5s, transform .1s ease-out .5s, -webkit-transform .1s ease-out .5s; }
  .skynet-intro-item .skynet-intro-img { height: 135px; margin-bottom: 0px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
  .skynet-intro-item .skynet-intro-img img { height: 120px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .skynet-intro-item .skynet-intro-desc { height: 183px; margin-bottom: 0px; color: #666; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
  .skynet-intro-item .skynet-intro-btns { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } }