a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
 padding:0;
 margin:0;
 border:0;
 outline:0;
 font-weight:inherit;
 font-style:inherit;
 font-family:inherit;
 font-size:100%;
 vertical-align:baseline
}
ol,
ul {
 list-style:none
}
table {
 border-collapse:separate;
 border-spacing:0;
 vertical-align:middle
}
caption,
td,
th {
 text-align:left;
 font-weight:400;
 vertical-align:middle
}
a img {
 border:none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display:block;
 padding:0;
 margin:0;
 border:0;
 outline:0;
 font-weight:inherit;
 font-style:inherit;
 font-family:inherit;
 font-size:100%;
 vertical-align:baseline
}
audio,
canvas,
video {
 display:inline-block;
 *display:inline;
 *zoom:1
}
[hidden],
audio:not([controls]) {
 display:none
}
article,
aside,
details,
figcaption,
figure,
header,
summary {
 display:block;
 padding:0;
 margin:0;
 border:0;
 outline:0;
 font-weight:inherit;
 font-style:inherit;
 font-family:inherit;
 font-size:100%;
 vertical-align:baseline
}
audio,
canvas,
video {
 display:inline-block;
 *display:inline;
 *zoom:1
}
[hidden],
audio:not([controls]) {
 display:none
}
a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
 padding:0;
 margin:0;
 border:0;
 outline:0;
 font-weight:inherit;
 font-style:inherit;
 font-family:inherit;
 font-size:100%;
 vertical-align:baseline
}
body {
 line-height:1
}
ol,
ul {
 list-style:none
}
table {
 border-collapse:separate;
 border-spacing:0;
 vertical-align:middle
}
caption,
td,
th {
 text-align:left;
 font-weight:400;
 vertical-align:middle
}
a img {
 border:none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display:block;
 padding:0;
 margin:0;
 border:0;
 outline:0;
 font-weight:inherit;
 font-style:inherit;
 font-family:inherit;
 font-size:100%;
 vertical-align:baseline
}
audio,
canvas,
video {
 display:inline-block;
 *display:inline;
 *zoom:1
}
[hidden],
audio:not([controls]) {
 display:none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display:block;
 padding:0;
 margin:0;
 border:0;
 outline:0;
 font-weight:inherit;
 font-style:inherit;
 font-family:inherit;
 font-size:100%;
 vertical-align:baseline
}
audio,
canvas,
video {
 display:inline-block;
 *display:inline;
 *zoom:1
}
[hidden],
audio:not([controls]) {
 display:none
}
* {
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 -webkit-font-smoothing:antialiased
}
body {
 -webkit-font-smoothing:auto;
 font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","，"Source Han Sans CN",sans-serif;"Microsoft YaHei UI","Microsoft YaHei","system-ui；
 background-color:#fff;
 padding-top:72px;
 min-height:100%;
 position:relative
}
@media (max-width:1279px) {
 body {
  padding-top:58px
 }
}
@media (max-width:1023px) {
 body {
  padding-top:62px
 }
}
a {
 color:#008de8;
 text-decoration:none;
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
a:hover {
 color:#006eb5
}
.fr,
.pull-right {
 float:right
}
.fl,
.pull-left {
 float:left
}
.wrapper {
 background-color:#f5f9ff
}
html {
 width:100%;
 height:100%
}
select option {
 background-color:#276bef
}
.row {
 *zoom:1;
 margin-right:-15px;
 margin-left:-15px
}
.row:after,
.row:before {
 display:table;
 content:""
}
.row:after {
 clear:both
}
.row:after,
.row:before {
 display:table;
 content:""
}
.row:after {
 clear:both
}
.row .col-1,
.row .col-10,
.row .col-11,
.row .col-12,
.row .col-2,
.row .col-3,
.row .col-4,
.row .col-5,
.row .col-6,
.row .col-7,
.row .col-8,
.row .col-9 {
 box-sizing:border-box;
 padding-right:15px;
 padding-left:15px;
 float:left;
 *padding-right:0;
 *padding-left:0
}
.row .col-10>div,
.row .col-11>div,
.row .col-12>div,
.row .col-1>div,
.row .col-2>div,
.row .col-3>div,
.row .col-4>div,
.row .col-5>div,
.row .col-6>div,
.row .col-7>div,
.row .col-8>div,
.row .col-9>div {
 *margin-right:15px;
 *margin-left:15px
}
.row .col-12 {
 width:100%
}
.row .col-11 {
 width:91.66666667%
}
.row .col-10 {
 width:83.33333333%
}
.row .col-9 {
 width:75%
}
.row .col-8 {
 width:66.66666667%
}
.row .col-7 {
 width:58.33333333%
}
.row .col-6 {
 width:50%
}
.row .col-5 {
 width:41.66666667%
}
.row .col-4 {
 width:33.33333333%
}
.row .col-3 {
 width:25%
}
.row .col-2 {
 width:16.66666667%
}
.row .col-1 {
 width:8.33333333%
}
.btn {
 display:inline-block;
 *display:inline;
 *zoom:1;
 border:1px solid #3da8ee;
 border-radius:2px;
 cursor:pointer;
 color:#008de8;
 font-size:14px;
 padding:3px 20px;
 line-height:24px;
 text-align:center;
 text-decoration:none;
 outline:0;
 transition:all .4s ease
}
.btn-default {
 color:#008de8;
 border-color:#3da8ee;
 background-color:transparent
}
.btn-default:hover {
 color:#fff;
 border-color:#008de8;
 background-color:#008de8
}
.btn-default.btn-disabled,
.btn-default.btn-disabled:hover,
.btn-default[disabled],
.btn-default[disabled]:hover {
 cursor:not-allowed;
 color:#888;
 border-color:#ddd;
 background-color:transparent
}
.btn-primary {
 color:#fff;
 border-color:#008de8;
 background-color:#008de8
}
.btn-primary:hover {
 color:#fff;
 border-color:#006eb5;
 background-color:#006eb5
}
.btn-primary.btn-disabled,
.btn-primary.btn-disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled]:hover {
 cursor:not-allowed;
 color:#fff;
 border-color:#bdcccf;
 background-color:#bdcccf
}
.btn-link {
 color:#008de8;
 border-color:transparent;
 background-color:transparent
}
.btn-link:hover {
 color:#006eb5;
 text-decoration:underline
}
.btn-link.btn-disabled,
.btn-link.btn-disabled:hover,
.btn-link[disabled],
.btn-link[disabled]:hover {
 cursor:not-allowed;
 color:#888;
 text-decoration:none;
 border-color:transparent;
 background-color:transparent
}
.btn-xlg {
 padding:12px 40px;
 font-size:18px
}
.btn-lg {
 padding:6px 30px;
 font-size:16px
}
.btn-md {
 padding:3px 20px;
 font-size:14px
}
.btn-sm {
 padding:0 10px;
 font-size:12px
}
.btn-block {
 display:block
}
.btn-disabled:hover,
button.btn[disabled]:hover,
input.btn[disabled]:hover {
 color:#c4c7cc;
 cursor:no-drop
}
.new-btn {
 display:inline-block;
 *display:inline;
 *zoom:1;
 box-sizing:border-box;
 border-radius:29px;
 background-color:#296bef;
 box-shadow:0 1px 0 rgba(44,114,255,.08),0 6px 12px rgba(44,114,255,.18);
 cursor:pointer;
 color:#fff;
 font-size:16px;
 padding:0 32px;
 height:48px;
 line-height:48px;
 text-align:center;
 text-decoration:none;
 outline:0;
 transition:all .4s ease
}
.new-btn:hover {
 color:#fff;
 background-color:#165be0;
 box-shadow:none
}
.new-btn.btn-lg {
 height:58px!important;
 line-height:58px!important;
 font-size:18px
}
.new-btn.disabled {
 background-color:#ebf1fa;
 color:#c2c7d3;
 box-shadow:none
}
.btn-white {
 display:inline-block;
 *display:inline;
 *zoom:1;
 box-sizing:border-box;
 border-radius:29px;
 background-color:#296bef;
 box-shadow:0 1px 0 rgba(44,114,255,.08),0 6px 12px rgba(44,114,255,.18);
 cursor:pointer;
 color:#fff;
 font-size:16px;
 padding:0 32px;
 height:48px;
 line-height:48px;
 text-align:center;
 text-decoration:none;
 outline:0;
 transition:all .4s ease;
 color:#296bef;
 background-color:rgba(255,255,255,.8)
}
.btn-white:hover {
 color:#fff;
 background-color:#165be0;
 box-shadow:none
}
.btn-white.btn-lg {
 height:58px!important;
 line-height:58px!important;
 font-size:18px
}
.btn-white.disabled {
 background-color:#ebf1fa;
 color:#c2c7d3;
 box-shadow:none
}
.btn-white:hover {
 color:#296bef;
 background-color:#fff
}
.btn-white.btn-lg {
 height:56px;
 line-height:56px;
 border-radius:29px
}
.btn-whiteborder {
 display:inline-block;
 *display:inline;
 *zoom:1;
 box-sizing:border-box;
 border-radius:29px;
 background-color:#296bef;
 box-shadow:0 1px 0 rgba(44,114,255,.08),0 6px 12px rgba(44,114,255,.18);
 cursor:pointer;
 color:#fff;
 font-size:16px;
 padding:0 32px;
 height:48px;
 line-height:48px;
 text-align:center;
 text-decoration:none;
 outline:0;
 transition:all .4s ease;
 color:#6b7799;
 background-color:transparent;
 border:2px solid #e0eaff;
 box-shadow:none;
 line-height:46px
}
.btn-whiteborder:hover {
 color:#fff;
 background-color:#165be0;
 box-shadow:none
}
.btn-whiteborder.btn-lg {
 height:58px!important;
 line-height:58px!important;
 font-size:18px
}
.btn-whiteborder.disabled {
 background-color:#ebf1fa;
 color:#c2c7d3;
 box-shadow:none
}
.btn-whiteborder:hover {
 color:#296bef;
 border:2px solid #296bef;
 background-color:transparent
}
.btn-whiteborder.btn-lg {
 height:56px;
 line-height:56px;
 border-radius:29px
}
.btn-border {
 display:inline-block;
 *display:inline;
 *zoom:1;
 box-sizing:border-box;
 border-radius:29px;
 background-color:#296bef;
 box-shadow:0 1px 0 rgba(44,114,255,.08),0 6px 12px rgba(44,114,255,.18);
 cursor:pointer;
 color:#fff;
 font-size:16px;
 padding:0 32px;
 height:48px;
 line-height:48px;
 text-align:center;
 text-decoration:none;
 outline:0;
 transition:all .4s ease;
 box-shadow:none;
 border:2px solid #296bef;
 color:#296bef;
 background-color:transparent
}
.btn-border:hover {
 color:#fff;
 background-color:#165be0;
 box-shadow:none
}
.btn-border.btn-lg {
 height:58px!important;
 line-height:58px!important;
 font-size:18px
}
.btn-border.disabled {
 background-color:#ebf1fa;
 color:#c2c7d3;
 box-shadow:none
}
.btn-border:hover {
 color:#fff;
 background-color:#296bef
}
.btn-border.btn-lg {
 height:56px;
 line-height:56px;
 border-radius:29px
}
.nav {
 margin-bottom:0;
 padding-left:0;
 list-style:none
}
.nav>li {
 position:relative;
 display:block
}
.nav>li>a {
 position:relative;
 display:block;
 padding:12px 15px;
 min-width:52px;
 text-align:center;
 font-size:18px
}
.nav>li>a:focus,
.nav>li>a:hover {
 text-decoration:none;
 background-color:#eee
}
.nav>li.disabled>a {
 color:#777
}
.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
 color:#777;
 text-decoration:none;
 background-color:transparent;
 cursor:not-allowed
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
 background-color:#eee;
 border-color:#337ab7
}
.nav .nav-divider {
 height:1px;
 margin:9px 0;
 overflow:hidden;
 background-color:#e5e5e5
}
.nav>li>a>img {
 max-width:none
}
.nav-tabs {
 border-bottom:1px solid #ddd
}
.nav-tabs>li {
 float:left;
 margin-bottom:-1px
}
.nav-tabs>li>a {
 margin-right:2px;
 line-height:1.42857143;
 border:1px solid transparent;
 border-radius:4px 4px 0 0
}
.nav-tabs>li>a:hover {
 border-color:#eee #eee #ddd
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
 color:#555;
 background-color:#fff;
 border:1px solid #ddd;
 border-bottom-color:transparent;
 cursor:default
}
.tab-content>.tab-pane {
 display:none
}
.tab-content>.active {
 display:block
}
.nav-tabs .dropdown-menu {
 margin-top:-1px;
 border-top-right-radius:0;
 border-top-left-radius:0
}
.nav-stacked.slider,
.nav-tabs.scale,
.nav-tabs.scale-top,
.nav-tabs.slider {
 position:relative;
 border-bottom:none
}
.nav-stacked.slider>li,
.nav-tabs.scale-top>li,
.nav-tabs.scale>li,
.nav-tabs.slider>li {
 float:left
}
.nav-stacked.slider>li.slider,
.nav-tabs.scale-top>li.slider,
.nav-tabs.scale>li.slider,
.nav-tabs.slider>li.slider {
 position:absolute;
 height:2px;
 bottom:0;
 left:0;
 border-bottom:2px solid #008de8;
 font-size:0;
 line-height:0
}
.nav-stacked.slider>li>a,
.nav-tabs.scale-top>li>a,
.nav-tabs.scale>li>a,
.nav-tabs.slider>li>a {
 margin-right:0;
 line-height:1.4;
 border:none;
 border-radius:0;
 outline:0;
 outline:0;
 color:#555
}
.nav-stacked.slider>li>a:hover,
.nav-tabs.scale-top>li>a:hover,
.nav-tabs.scale>li>a:hover,
.nav-tabs.slider>li>a:hover {
 background-color:#008de8;
 color:#fff
}
.nav-stacked.slider>li:hover,
.nav-tabs.scale-top>li:hover,
.nav-tabs.scale>li:hover,
.nav-tabs.slider>li:hover {
 border-top-color:#008de8!important;
 border-bottom-color:#008de8!important;
 border-right-color:#008de8!important
}
.nav-stacked.slider>li.active,
.nav-tabs.scale-top>li.active,
.nav-tabs.scale>li.active,
.nav-tabs.slider>li.active {
 border-top-color:#008de8!important;
 border-bottom-color:#008de8!important;
 border-right-color:#008de8!important
}
.nav-stacked.slider>li.active>a,
.nav-stacked.slider>li.active>a:focus,
.nav-stacked.slider>li.active>a:hover,
.nav-tabs.scale-top>li.active>a,
.nav-tabs.scale-top>li.active>a:focus,
.nav-tabs.scale-top>li.active>a:hover,
.nav-tabs.scale>li.active>a,
.nav-tabs.scale>li.active>a:focus,
.nav-tabs.scale>li.active>a:hover,
.nav-tabs.slider>li.active>a,
.nav-tabs.slider>li.active>a:focus,
.nav-tabs.slider>li.active>a:hover {
 border:none;
 background-color:#008de8;
 cursor:default;
 color:#fff
}
.nav-tabs.scale-top>li:after,
.nav-tabs.scale>li:after,
.scale-top-tab>li:after {
 display:none;
 display:none\9;
 position:absolute;
 content:'';
 right:2px;
 height:2px;
 bottom:0;
 left:0;
 border-bottom:2px solid #008de8;
 font-size:0;
 line-height:0;
 -webkit-transform:scale3d(0,1,1);
 transform:scale3d(0,1,1);
 transition:-webkit-transform .4s;
 transition:transform .4s;
 transition:transform .4s,-webkit-transform .4s
}
.nav-tabs.scale-top>li.active:after,
.nav-tabs.scale>li.active:after,
.scale-top-tab>li.active:after {
 display:block;
 -webkit-transform:scale3d(1,1,1);
 transform:scale3d(1,1,1)
}
.nav-tabs.scale-top-tab>li:after,
.nav-tabs.scale-top>li:after {
 top:0;
 bottom:auto
}
.nav-tabs.scale-top-tab>li>a {
 outline:0;
 outline:0;
 border-radius:0
}
.nav-stacked.slider {
 position:relative
}
.nav-stacked.slider>li {
 float:none
}
.nav-stacked.slider>li.slider {
 position:absolute;
 width:2px;
 height:auto;
 top:0;
 bottom:auto;
 border-bottom:none;
 border-left:2px solid #008de8;
 font-size:0
}
.nav-stacked.slider>li>a {
 margin-right:0
}
.modal-open {
 overflow:hidden
}
.modal {
 display:none;
 overflow:hidden;
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1050;
 -webkit-overflow-scrolling:touch;
 outline:0
}
.modal.fade .modal-dialog {
 -webkit-transform:translate(0,-25%);
 -ms-transform:translate(0,-25%);
 transform:translate(0,-25%);
 transition:-webkit-transform .3s ease-out;
 transition:transform .3s ease-out;
 transition:transform .3s ease-out,-webkit-transform .3s ease-out
}
.modal.in .modal-dialog {
 -webkit-transform:translate(0,0);
 -ms-transform:translate(0,0);
 transform:translate(0,0)
}
.modal-open .modal {
 display:block;
 overflow-x:hidden;
 overflow-y:auto
}
.modal-open .modal-backdrop {
 display:block
}
.modal-dialog {
 position:absolute;
 width:430px;
 top:50%;
 left:50%;
 margin:-158px 0 0 -215px;
 box-shadow:0 1px 6px rgba(73,75,82,.2)
}
.modal-content {
 position:relative;
 background-color:#fff;
 background-clip:padding-box;
 outline:0
}
.modal-backdrop {
 display:none;
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1040;
 background-color:#000
}
.modal-backdrop.fade {
 opacity:0;
 filter:alpha(opacity=0)
}
.modal-backdrop.in {
 opacity:.5;
 filter:alpha(opacity=50)
}
.modal-header {
 position:relative;
 padding:15px;
 text-align:center
}
.modal-title {
 margin:0;
 line-height:1;
 font-size:16px
}
.modal-body {
 position:relative;
 padding:0 15px 15px
}
.reg-sp .modal-body {
 position:relative;
 padding:30px 0;
 line-height:1.5
}
.reg-sp .modal-body .pop-summ-info {
 text-align:center
}
.reg-sp .modal-body .pop-summ-info .txt {
 line-height:1;
 font-size:16px;
 margin-top:15px
}
.reg-sp .modal-body .pop-desc,
.reg-sp .modal-body .pop-desc-sub {
 text-align:center;
 font-size:14px;
 margin-top:30px
}
.reg-sp .modal-body .pop-desc-sub {
 margin-top:10px;
 font-size:12px;
 color:#999
}
.join-us {
 width:724px;
 margin:-245px 0 0 -362px
}
.join-us .modal-header {
 box-sizing:border-box;
 height:50px;
 padding:20px 20px 0 20px;
 background:#fff;
 border-bottom:none
}
.join-us .modal-header .close {
 float:right;
 width:19px;
 height:19px;
 padding:0;
 border:none;
 background:0 0;
 box-shadow:none;
 outline:0;
 cursor:pointer
}
.join-us .modal-header .close:before {
 left:0
}
.join-us .modal-body {
 line-height:1;
 padding:0 65px
}
.join-us .modal-body .pop-tit {
 font-size:20px
}
.join-us .modal-body .pop-desc {
 margin-top:20px;
 margin-bottom:30px;
 font-size:14px;
 color:#666
}
.join-us .modal-body .pop-desc>li {
 position:relative;
 padding-left:80px;
 line-height:25px;
 margin-top:5px
}
.join-us .modal-body .pop-desc>li>span {
 position:absolute;
 width:80px;
 left:0;
 top:0;
 bottom:0;
 color:#333
}
.join-us .modal-footer {
 padding:25px 0 50px
}
.join-us .modal-footer .btn {
 box-sizing:border-box;
 width:400px;
 height:60px;
 line-height:36px
}
.modal-footer {
 padding:0 0 30px;
 text-align:center
}
.breadcrumn {
 list-style:none
}
.breadcrumn li {
 display:inline-block;
 *display:inline;
 *zoom:1;
 position:relative;
 padding-right:25px
}
.breadcrumn li:after {
 position:absolute;
 color:#666;
 content:'>';
 right:8px
}
.breadcrumn li.active,
.breadcrumn li:last-child {
 color:#666
}
.breadcrumn li.active:after,
.breadcrumn li:last-child:after {
 display:none
}
.breadcrumn li.active a,
.breadcrumn li:last-child a {
 color:#666
}
.breadcrumn li a {
 text-decoration:none
}
.
a {
 color:#296bef
}
a:hover {
 color:#0045cc
}
.new-navbar {
 position:fixed;
 top:0;
 right:0;
 left:0;
 transition:top .4s cubic-bezier(.19,1,.22,1);
 z-index:98;
 text-align:center;
 font-size:0;
 background-color:#fff;
 box-shadow:0 4px 20px rgba(44,114,255,.05)
}
@media (max-width:1023px) {
 .new-navbar {
  display:none
 }
}
.new-navbar .navbar-body {
 position:relative;
 display:inline-block;
 box-sizing:border-box;
 padding:0 40px;
 width:100%;
 min-width:1024px;
 font-size:0;
 border-bottom:1px solid #e0eaff
}
@media (max-width:1279px) {
 .new-navbar .navbar-body {
  padding:0 20px
 }
}
.new-navbar .navbar-hd {
 float:left;
 height:72px;
 background-color:#fff
}
@media (max-width:1279px) {
 .new-navbar .navbar-hd {
  height:52px
 }
}
.new-navbar .navbar-brand {
 float:left;
 display:flex;
 align-items:center;
 font-size:18px;
 opacity:1;
 padding:0;
 height:72px;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 transition:all .4s cubic-bezier(.19,1,.22,1)
}
@media (max-width:1279px) {
 .new-navbar .navbar-brand {
  height:58px
 }
}
.new-navbar .navbar-brand .navbar-brand-logo {
 display:inline-block;
 width:155px;
 height:28px;
 background-image:url(https://www.gztenwin.com/skin/images/logo.png);
 background-repeat:no-repeat;
 background-position:0 center;
 background-size:155px 28px
}
@media (max-width:1279px) {
 .new-navbar .navbar-brand .navbar-brand-logo {
  width:133px;
  height:24px;
  background-image:url(https://www.gztenwin.com/skin/images/logo_xs.png);
  background-size:133px 24px
 }
}
.new-navbar .navbar-bd {
 float:right;
 position:relative;
 background-color:#fff;
 background-color:rgba(255,255,255,.98)
}
.new-navbar .navbar-bd .container {
 position:relative
}
.new-navbar .navbar-navigation {
 *zoom:1;
 display:inline-block;
 list-style:none;
 overflow:hidden;
 padding:0 10px
}
.new-navbar .navbar-navigation:after,
.new-navbar .navbar-navigation:before {
 display:table;
 content:""
}
.new-navbar .navbar-navigation:after {
 clear:both
}
.new-navbar .navbar-navigation:after,
.new-navbar .navbar-navigation:before {
 display:table;
 content:""
}
.new-navbar .navbar-navigation:after {
 clear:both
}
.new-navbar .navbar-navigation li {
 float:left;
 margin-right:32px;
 height:72px;
 line-height:72px;
 text-align:center;
 position:relative;
 font-size:16px;
 cursor:pointer
}
.new-navbar .navbar-navigation li:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:0;
 left:50%;
 height:6px;
 width:0;
 z-index:10;
 border-radius:3px;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
.new-navbar .navbar-navigation li.active a {
 color:#296bef;
 font-weight:500
}
.new-navbar .navbar-navigation li:hover a {
 color:#296bef
}
.new-navbar .navbar-navigation li.active:after {
 width:32px;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 background-color:#296bef
}
@media (max-width:1279px) {
 .new-navbar .navbar-navigation li.active:after {
  height:4px;
  width:28px
 }
}
.new-navbar .navbar-navigation li:last-child {
 margin-right:0
}
@media (max-width:1279px) {
 .new-navbar .navbar-navigation li {
  margin-right:20px;
  height:58px;
  line-height:58px;
  font-size:14px
 }
}
.new-navbar .navbar-navigation li a {
 display:block;
 color:#68779c;
 text-decoration:none
}
.new-navbar .navbar-navigation li a .nav-arrow {
 display:inline-block;
 vertical-align:middle;
 margin-left:5px;
 width:16px;
 height:8px;
 background:url(https://www.gztenwin.com/skin/images/new/arrow-down.png) no-repeat center center;
 background-size:12px auto;
 transition:.3s
}
.new-navbar .navbar-navigation li a.open .nav-arrow {
 display:inline-block;
 vertical-align:middle;
 margin-left:5px;
 width:16px;
 height:8px;
 background:url(https://www.gztenwin.com/skin/images/new/arrow-down-on.png) no-repeat center center;
 background-size:12px auto;
 transition:.3s;
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.new-navbar .navbar-navigation li .navbar-pop {
 display:none;
 position:absolute;
 left:50%;
 margin-left:-57px;
 top:70px;
 width:114px;
 border:1px solid #d4d4d4;
 background-color:#fff;
 line-height:35px;
 padding:18px 0;
 box-shadow:2px 2px 8px rgba(0,0,0,.08);
 border-radius:2px
}
.new-navbar .navbar-navigation li .navbar-pop>a {
 color:#666
}
.new-navbar .navbar-navigation li .navbar-pop>a:hover {
 color:#296bef
}
.new-navbar .navbar-navigation li .resources {
 width:150px;
 margin-left:-75px
}
.new-navbar .navbar-panel {
 *zoom:1;
 list-style:none
}
.new-navbar .navbar-panel:after,
.new-navbar .navbar-panel:before {
 display:table;
 content:""
}
.new-navbar .navbar-panel:after {
 clear:both
}
.new-navbar .navbar-panel:after,
.new-navbar .navbar-panel:before {
 display:table;
 content:""
}
.new-navbar .navbar-panel:after {
 clear:both
}
.new-navbar .navbar-panel li {
 display:inline-block
}
.new-navbar .navbar-panel li .btn {
 padding:7px 20px
}
.new-navbar .navbar-panel li .btn-register {
 width:80px;
 height:40px;
 line-height:40px;
 margin:16px 0 0 15px;
 padding:0 20px
}
@media (max-width:1279px) {
 .new-navbar .navbar-panel li .btn-register {
  width:68px;
  height:34px;
  line-height:34px;
  margin:12px 0 0 8px;
  padding:0 10px;
  font-size:14px
 }
}
.new-navbar .navbar-panel .panel-contact {
 font-size:16px;
 padding-left:25px;
 background-image:url(https://www.gztenwin.com/skin/images/icon-tel.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon-tel.png) 1x,url(../images/icon-tel@2x.png) 2x);
 background-repeat:no-repeat;
 background-position:0 center
}
.new-navbar .navbar-panel .panel-action {
 margin-top:0;
 height:72px;
 line-height:72px
}
@media (max-width:1279px) {
 .new-navbar .navbar-panel {
  height:58px;
  line-height:58px
 }
 .new-navbar .navbar-panel .panel-action {
  margin-top:1px;
  height:58px;
  line-height:58px
 }
}
.userarea {
 position:relative;
 right:16px
}
@media (max-width:1279px) {
 .userarea {
  margin-top:0
 }
}
.new-navbar .userpanel {
 position:relative
}
.new-navbar .userpanel .user-infor {
 height:72px;
 padding-left:16px;
 padding-right:14px
}
.new-navbar .userpanel .user-infor .user-block:after {
 display:inline-block;
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 border-radius:100%;
 background:rgba(11,21,49,.2);
 z-index:1;
 transition:all .4s;
 opacity:0
}
.new-navbar .userpanel.active .user-exit,
.new-navbar .userpanel:hover .user-exit {
 opacity:1;
 visibility:visible;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 transform:translateY(0)
}
.new-navbar .userpanel:hover .user-infor .user-block:after {
 opacity:1
}
.new-navbar .userpanel .user-block {
 position:relative;
 line-height:normal
}
.new-navbar .userpanel .red-pot i {
 position:absolute;
 top:0;
 right:0;
 display:inline-block;
 box-sizing:border-box;
 width:12px;
 height:12px;
 background-color:#ff5601;
 border:2px solid #fff;
 border-radius:100%;
 z-index:2
}
.new-navbar .userpanel .user-avater {
 position:relative;
 width:40px;
 height:40px;
 vertical-align:middle;
 display:inline-block;
 border-radius:100%;
 border:1px solid #d6e1fa
}
@media (max-width:1279px) {
 .new-navbar .userpanel .user-avater {
  width:36px;
  height:36px
 }
}
.new-navbar .userpanel .user-name {
 font-size:14px;
 color:#000;
 display:inline-block;
 vertical-align:middle;
 margin-left:0;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 width:100%
}
.new-navbar .userpanel .user-icon {
 width:0;
 height:0;
 border-color:#000 transparent transparent transparent;
 border-style:solid;
 border-width:4px;
 position:absolute;
 right:0;
 top:50%;
 margin-top:-2px
}
.new-navbar .userpanel .user-exit {
 visibility:hidden;
 opacity:0;
 position:absolute;
 top:53px;
 right:-66%;
 width:190px;
 line-height:normal;
 -webkit-transform:translate(-30%,4px);
 -ms-transform:translate(-30%,4px);
 transform:translate(-30%,4px);
 transition:opacity .2s,visibility .2s,-webkit-transform .3s;
 transition:opacity .2s,transform .3s,visibility .2s;
 transition:opacity .2s,transform .3s,visibility .2s,-webkit-transform .3s;
 -webkit-transform:translateY(5px);
 -ms-transform:translateY(5px);
 transform:translateY(5px);
 z-index:100
}
@media (max-width:1279px) {
 .new-navbar .userpanel .user-exit {
  top:43px;
  -webkit-transform:translate(-50%,4px);
  -ms-transform:translate(-50%,4px);
  transform:translate(-50%,4px)
 }
}
.new-navbar .userpanel .user-exit .user-block {
 display:block;
 padding-bottom:12px;
 transition:color .6s;
 font-size:14px;
 background-color:#fff;
 border:1px solid rgba(44,114,255,.1);
 border-bottom-left-radius:8px;
 border-bottom-right-radius:8px;
 text-align:left;
 color:#296bef;
 box-shadow:0 4px 20px rgba(44,114,255,.05);
 overflow:hidden
}
.new-navbar .userpanel .user-exit .user-block .user-info {
 padding:0 24px;
 border-bottom:1px solid #e0eaff;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.new-navbar .userpanel .user-exit .user-block .user-name {
 margin:20px 0;
 font-size:16px;
 color:#0b1531
}
.new-navbar .userpanel .user-exit .user-block .user-qq {
 margin-bottom:12px;
 font-size:12px;
 color:#6b7799
}
.new-navbar .userpanel .user-exit .user-block .user-infobutton,
.new-navbar .userpanel .user-exit .user-block .user-infocontent {
 display:block;
 margin-bottom:16px;
 height:34px;
 line-height:34px;
 background-color:#f2f5fa;
 border-radius:8px;
 text-align:center;
 cursor:pointer
}
.new-navbar .userpanel .user-exit .user-block .user-infobutton i,
.new-navbar .userpanel .user-exit .user-block .user-infocontent i {
 display:inline-block;
 position:relative;
 top:-1px;
 margin-right:4px;
 height:8px;
 width:8px;
 background-color:#ff5601;
 border-radius:100%
}
.new-navbar .userpanel .user-exit .user-block .user-infocontent {
 color:#6b7799
}
.new-navbar .userpanel .user-exit .user-block .user-control {
 padding:10px 0;
 line-height:1
}
.new-navbar .userpanel .user-exit .user-block .user-control a {
 display:block;
 padding:10px 24px
}
.new-navbar .userpanel .user-exit .user-block .user-control a:hover {
 background-color:#f5f8fc;
 color:#296bef
}
.new-navbar .userpanel .user-exit .user-block .link-out {
 width:100%;
 display:inline-block;
 padding:10px 24px;
 border-top:1px solid #e0eaff
}
.new-navbar .userpanel .user-exit .user-block .link-out:hover {
 background-color:#f5f8fc;
 color:#296bef
}
.new-navbar li.login {
 position:relative;
 height:72px;
 vertical-align:middle
}
@media (max-width:1279px) {
 .new-navbar li.login {
  height:58px
 }
}
.new-navbar li.login.active .login-account,
.new-navbar li.login:hover .login-account {
 opacity:1;
 visibility:visible;
 -webkit-transform:translate(0,0);
 -ms-transform:translate(0,0);
 transform:translate(0,0)
}
.new-navbar li.login .btn-login {
 display:inline-block;
 box-sizing:border-box;
 border-radius:29px;
 cursor:pointer;
 color:#006df8;
 font-size:16px;
 padding:0 32px;
 height:48px;
 line-height:48px;
 text-align:center;
 text-decoration:none;
 outline:0;
 transition:all .4s ease;
 width:80px;
 height:40px;
 line-height:40px;
 margin:16px 0 0 0;
 padding:0 20px
}
.new-navbar li.login .btn-login:active,
.new-navbar li.login .btn-login:focus {
 box-shadow:0 0 0 1px #d2e6ff
}
.new-navbar li.login .btn-login:hover {
 background-color:#f5f9ff
}
@media (max-width:1279px) {
 .new-navbar li.login .btn-login {
  width:68px;
  height:34px;
  line-height:34px;
  margin:12px 0 0 0;
  padding:0 10px;
  font-size:14px
 }
}
.new-navbar li.login .hover-tip {
 display:none;
 position:absolute;
 left:0;
 bottom:0;
 -webkit-transform:translateX(-10%) translateY(73%);
 -ms-transform:translateX(-10%) translateY(73%);
 transform:translateX(-10%) translateY(73%);
 z-index:50
}
@media (max-width:1279px) {
 .new-navbar li.login .hover-tip {
  -webkit-transform:translateX(-16%) translateY(84%);
  -ms-transform:translateX(-16%) translateY(84%);
  transform:translateX(-16%) translateY(84%)
 }
}
.new-navbar li.login .hover-tip .tip-block {
 position:relative;
 padding:8px 20px;
 background-color:#0b1531;
 font-size:14px;
 white-space:nowrap;
 color:#e1e5eb;
 border-radius:8px;
 line-height:normal
}
.new-navbar li.login .hover-tip .tip-block:after {
 content:'';
 position:absolute;
 right:50%;
 top:0;
 -webkit-transform:translate3d(50%,-40%,0) rotate(135deg);
 transform:translate3d(50%,-40%,0) rotate(135deg);
 height:0;
 border-style:solid;
 border-width:5px 5px 5px 5px;
 border-radius:3px;
 border-color:transparent transparent #0b1531 #0b1531
}
.new-navbar li.login .login-account {
 opacity:0;
 visibility:hidden;
 padding-top:10px;
 position:absolute;
 left:0;
 top:40px;
 -webkit-transform:translate(0,4px);
 -ms-transform:translate(0,4px);
 transform:translate(0,4px);
 transition:opacity .2s,visibility .2s,-webkit-transform .2s;
 transition:opacity .2s,transform .2s,visibility .2s;
 transition:opacity .2s,transform .2s,visibility .2s,-webkit-transform .2s
}
.new-navbar li.login .login-account .login-btn {
 width:120px;
 padding:12px 25px;
 background-color:#fff;
 border:1px solid #e5e5e5;
 box-shadow:2px 1px 4px rgba(0,0,0,.1);
 border-radius:2px
}
.new-navbar li.login .login-account .login-btn>a {
 display:block;
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 line-height:36px;
 color:#666;
 transition:color .4s
}
.new-navbar li.login .login-account .login-btn>a:hover {
 color:#296bef
}
.new-navbar li.login .login-account .account-attention {
 display:block;
 width:150px;
 padding:9px 30px;
 background-color:#296bef;
 color:#fff;
 border-radius:2px
}
.new-navbar li.login .login-account .account-attention>span {
 display:inline-block;
 vertical-align:middle;
 margin-left:6px;
 position:relative;
 line-height:1.3
}
.new-navbar li.login .login-account .account-attention>span:before {
 content:"";
 width:100%;
 height:1px;
 background-color:#fff;
 position:absolute;
 left:0;
 bottom:0
}
.new-navbar .flow-pop,
.new-navbar .navkonw-pop,
.new-navbar .orientation-pop,
.new-navbar .source-pop,
.new-navbar .uni-pop {
 visibility:hidden;
 opacity:0;
 position:fixed;
 left:0;
 top:72px;
 width:100%;
 text-align:center;
 background-color:#fff;
 border-top:1px solid rgba(44,114,255,.1);
 box-shadow:0 1px 0 0 rgba(44,114,255,.1),0 4px 20px 0 rgba(44,114,255,.05);
 transition:all .6s
}
@media (max-width:1279px) {
 .new-navbar .flow-pop,
 .new-navbar .navkonw-pop,
 .new-navbar .orientation-pop,
 .new-navbar .source-pop,
 .new-navbar .uni-pop {
  top:58px
 }
}
.new-navbar .flow-pop .source-body,
.new-navbar .navkonw-pop .source-body,
.new-navbar .orientation-pop .source-body,
.new-navbar .source-pop .source-body,
.new-navbar .uni-pop .source-body {
 display:inline-block
}
.new-navbar .flow-pop .pop-body,
.new-navbar .navkonw-pop .pop-body,
.new-navbar .orientation-pop .pop-body,
.new-navbar .source-pop .pop-body,
.new-navbar .uni-pop .pop-body {
 width:1050px
}
@media (max-width:1279px) {
 .new-navbar .flow-pop .pop-body,
 .new-navbar .navkonw-pop .pop-body,
 .new-navbar .orientation-pop .pop-body,
 .new-navbar .source-pop .pop-body,
 .new-navbar .uni-pop .pop-body {
  font-size:14px
 }
}
.new-navbar .flow-pop .pop-body .source-wechat,
.new-navbar .navkonw-pop .pop-body .source-wechat,
.new-navbar .orientation-pop .pop-body .source-wechat,
.new-navbar .source-pop .pop-body .source-wechat,
.new-navbar .uni-pop .pop-body .source-wechat {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/source_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 0
}
.new-navbar .flow-pop .pop-body .source-qq,
.new-navbar .navkonw-pop .pop-body .source-qq,
.new-navbar .orientation-pop .pop-body .source-qq,
.new-navbar .source-pop .pop-body .source-qq,
.new-navbar .uni-pop .pop-body .source-qq {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/source_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -40px
}
.new-navbar .flow-pop .pop-body .source-video,
.new-navbar .navkonw-pop .pop-body .source-video,
.new-navbar .orientation-pop .pop-body .source-video,
.new-navbar .source-pop .pop-body .source-video,
.new-navbar .uni-pop .pop-body .source-video {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/source_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -80px
}
.new-navbar .flow-pop .pop-body .source-news,
.new-navbar .navkonw-pop .pop-body .source-news,
.new-navbar .orientation-pop .pop-body .source-news,
.new-navbar .source-pop .pop-body .source-news,
.new-navbar .uni-pop .pop-body .source-news {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/source_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -120px
}
.new-navbar .flow-pop .pop-body .source-feed,
.new-navbar .navkonw-pop .pop-body .source-feed,
.new-navbar .orientation-pop .pop-body .source-feed,
.new-navbar .source-pop .pop-body .source-feed,
.new-navbar .uni-pop .pop-body .source-feed {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/source_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -360px
}
.new-navbar .flow-pop .pop-body .source-youliang,
.new-navbar .navkonw-pop .pop-body .source-youliang,
.new-navbar .orientation-pop .pop-body .source-youliang,
.new-navbar .source-pop .pop-body .source-youliang,
.new-navbar .uni-pop .pop-body .source-youliang {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/source_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -200px
}
.new-navbar .flow-pop .pop-body .source-music,
.new-navbar .navkonw-pop .pop-body .source-music,
.new-navbar .orientation-pop .pop-body .source-music,
.new-navbar .source-pop .pop-body .source-music,
.new-navbar .uni-pop .pop-body .source-music {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/source_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -240px
}
.new-navbar .flow-pop .pop-body .source-all,
.new-navbar .navkonw-pop .pop-body .source-all,
.new-navbar .orientation-pop .pop-body .source-all,
.new-navbar .source-pop .pop-body .source-all,
.new-navbar .uni-pop .pop-body .source-all {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/source_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -280px
}
.new-navbar .flow-pop .pop-body .tech-dmp,
.new-navbar .navkonw-pop .pop-body .tech-dmp,
.new-navbar .orientation-pop .pop-body .tech-dmp,
.new-navbar .source-pop .pop-body .tech-dmp,
.new-navbar .uni-pop .pop-body .tech-dmp {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/tech_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 0
}
.new-navbar .flow-pop .pop-body .tech-ocpa,
.new-navbar .navkonw-pop .pop-body .tech-ocpa,
.new-navbar .orientation-pop .pop-body .tech-ocpa,
.new-navbar .source-pop .pop-body .tech-ocpa,
.new-navbar .uni-pop .pop-body .tech-ocpa {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/tech_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -40px
}
.new-navbar .flow-pop .pop-body .tech-pro,
.new-navbar .navkonw-pop .pop-body .tech-pro,
.new-navbar .orientation-pop .pop-body .tech-pro,
.new-navbar .source-pop .pop-body .tech-pro,
.new-navbar .uni-pop .pop-body .tech-pro {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/tech_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -80px
}
.new-navbar .flow-pop .pop-body .tech-tag,
.new-navbar .navkonw-pop .pop-body .tech-tag,
.new-navbar .orientation-pop .pop-body .tech-tag,
.new-navbar .source-pop .pop-body .tech-tag,
.new-navbar .uni-pop .pop-body .tech-tag {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/tech_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -120px
}
.new-navbar .flow-pop .pop-body .tech-all,
.new-navbar .navkonw-pop .pop-body .tech-all,
.new-navbar .orientation-pop .pop-body .tech-all,
.new-navbar .source-pop .pop-body .tech-all,
.new-navbar .uni-pop .pop-body .tech-all {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/tech_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -160px
}
.new-navbar .flow-pop .pop-body .know-registed,
.new-navbar .navkonw-pop .pop-body .know-registed,
.new-navbar .orientation-pop .pop-body .know-registed,
.new-navbar .source-pop .pop-body .know-registed,
.new-navbar .uni-pop .pop-body .know-registed {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/know_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 0
}
.new-navbar .flow-pop .pop-body .know-qa,
.new-navbar .navkonw-pop .pop-body .know-qa,
.new-navbar .orientation-pop .pop-body .know-qa,
.new-navbar .source-pop .pop-body .know-qa,
.new-navbar .uni-pop .pop-body .know-qa {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/know_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -40px
}
.new-navbar .flow-pop .pop-body .know-open,
.new-navbar .navkonw-pop .pop-body .know-open,
.new-navbar .orientation-pop .pop-body .know-open,
.new-navbar .source-pop .pop-body .know-open,
.new-navbar .uni-pop .pop-body .know-open {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/know_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -80px
}
.new-navbar .flow-pop .pop-body .know-teg,
.new-navbar .navkonw-pop .pop-body .know-teg,
.new-navbar .orientation-pop .pop-body .know-teg,
.new-navbar .source-pop .pop-body .know-teg,
.new-navbar .uni-pop .pop-body .know-teg {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/know_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -120px
}
.new-navbar .flow-pop .pop-body .know-aco,
.new-navbar .navkonw-pop .pop-body .know-aco,
.new-navbar .orientation-pop .pop-body .know-aco,
.new-navbar .source-pop .pop-body .know-aco,
.new-navbar .uni-pop .pop-body .know-aco {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/know_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 0
}
.new-navbar .flow-pop .pop-body .know-test,
.new-navbar .navkonw-pop .pop-body .know-test,
.new-navbar .orientation-pop .pop-body .know-test,
.new-navbar .source-pop .pop-body .know-test,
.new-navbar .uni-pop .pop-body .know-test {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/know_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -40px
}
.new-navbar .flow-pop .pop-body .know-grow,
.new-navbar .navkonw-pop .pop-body .know-grow,
.new-navbar .orientation-pop .pop-body .know-grow,
.new-navbar .source-pop .pop-body .know-grow,
.new-navbar .uni-pop .pop-body .know-grow {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/know_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -80px
}
.new-navbar .flow-pop .pop-body .flow_ylh,
.new-navbar .navkonw-pop .pop-body .flow_ylh,
.new-navbar .orientation-pop .pop-body .flow_ylh,
.new-navbar .source-pop .pop-body .flow_ylh,
.new-navbar .uni-pop .pop-body .flow_ylh {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/flow_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 0
}
.new-navbar .flow-pop .pop-body .flow_owner,
.new-navbar .navkonw-pop .pop-body .flow_owner,
.new-navbar .orientation-pop .pop-body .flow_owner,
.new-navbar .source-pop .pop-body .flow_owner,
.new-navbar .uni-pop .pop-body .flow_owner {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new/flow_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -40px
}
.new-navbar .flow-pop .pop-body a,
.new-navbar .navkonw-pop .pop-body a,
.new-navbar .orientation-pop .pop-body a,
.new-navbar .source-pop .pop-body a,
.new-navbar .uni-pop .pop-body a {
 display:inline-block;
 box-sizing:border-box;
 padding:40px 0;
 width:122px;
 height:160px;
 font-size:14px;
 line-height:normal
}
.new-navbar .flow-pop .pop-body a p,
.new-navbar .navkonw-pop .pop-body a p,
.new-navbar .orientation-pop .pop-body a p,
.new-navbar .source-pop .pop-body a p,
.new-navbar .uni-pop .pop-body a p {
 margin-top:20px;
 color:#6b7799;
 font-weight:400;
 line-height:1
}
.new-navbar .flow-pop .pop-body a:hover,
.new-navbar .navkonw-pop .pop-body a:hover,
.new-navbar .orientation-pop .pop-body a:hover,
.new-navbar .source-pop .pop-body a:hover,
.new-navbar .uni-pop .pop-body a:hover {
 background-color:#f5f8fc
}
.new-navbar .flow-pop a,
.new-navbar .navkonw-pop a,
.new-navbar .orientation-pop a,
.new-navbar .source-pop a,
.new-navbar .uni-pop a {
 display:inline-block
}
.new-navbar .open {
 position:relative
}
.new-navbar .open+.flow-pop,
.new-navbar .open+.navkonw-pop,
.new-navbar .open+.orientation-pop,
.new-navbar .open+.source-pop,
.new-navbar .open+.uni-pop {
 visibility:initial;
 opacity:1
}
.g-header {
 display:none;
 position:absolute;
 z-index:100
}
@media (max-width:1023px) {
 .g-header {
  display:block
 }
}
.g-header .header-section {
 width:100%;
 height:64px;
 padding:20px;
 box-sizing:border-box;
 background-color:#fff;
 position:fixed;
 left:0;
 top:0;
 z-index:10000
}
.g-header .header-section:before {
 content:"";
 width:100%;
 height:1px;
 background-color:#d1d1d1;
 position:absolute;
 left:0;
 top:0;
 -webkit-transform:scaleY(.5);
 -ms-transform:scaleY(.5);
 transform:scaleY(.5)
}
.g-header .header-section:after {
 content:"";
 width:100%;
 height:1px;
 background-color:#d1d1d1;
 position:absolute;
 left:0;
 bottom:0;
 -webkit-transform:scaleY(.5);
 -ms-transform:scaleY(.5);
 transform:scaleY(.5)
}
.g-header .registered-navbar {
 position:relative
}
.g-header .logo {
 float:left
}
.g-header .logo>a:nth-child(1) {
 display:block;
 width:122px;
 height:22px;
 background:url(https://www.gztenwin.com/skin/images/logo_xs.png) no-repeat center;
 background-size:contain
}
.g-header .nav-icon {
 float:right;
 width:24px;
 height:24px;
 position:relative;
 z-index:1000;
 font-size:0;
 text-align:right;
 cursor:pointer
}
.g-header .nav-icon i {
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0
}
.g-header .nav-icon i span {
 display:inline-block;
 width:70%;
 height:2px;
 background-color:#9babcc;
 position:relative;
 border-radius:2px
}
.g-header .nav-icon i:nth-of-type(1) span {
 top:20%
}
.g-header .nav-icon i:nth-of-type(2) span {
 top:45%;
 width:55%
}
.g-header .nav-icon i:nth-of-type(3) span {
 top:70%
}
.g-header .m-navbar {
 background-color:#f5f9ff;
 position:fixed;
 width:100%;
 height:100%;
 z-index:99999;
 right:-100%;
 top:0;
 padding-bottom:.6rem;
 box-sizing:border-box;
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 transform:translateX(0);
 transition:all .4s cubic-bezier(.4,0,0,1);
 overflow-y:auto;
 -webkit-overflow-scrolling:touch
}
.g-header .m-navbar .logo {
 background-color:#fff;
 float:inherit;
 padding:20px;
 border-bottom:1px solid rgba(44,114,255,.1)
}
.g-header .m-navbar .logo a {
 display:inline-block;
 height:22px
}
.g-header .m-navbar ul {
 background-color:#fff;
 padding:0 20px
}
.g-header .m-navbar li {
 position:relative;
 border-bottom:1px solid rgba(44,114,255,.1)
}
.g-header .m-navbar li:last-child {
 border-bottom:none
}
.g-header .m-navbar li:first-child:after {
 display:none
}
.g-header .m-navbar li:last-of-type:after {
 display:none
}
.g-header .m-navbar li a {
 display:block;
 overflow:hidden;
 color:#6b7799
}
.g-header .m-navbar li>a {
 position:relative;
 font-size:14px;
 line-height:54px;
 height:54px
}
.g-header .m-navbar li.active>a {
 background-color:#f6f6f6
}
.g-header .m-navbar li.active>a:before {
 display:block;
 content:'';
 width:.06rem;
 height:1.2rem;
 background-color:#008de8;
 position:absolute;
 top:0;
 left:0;
 z-index:1
}
.g-header .m-navbar li .nav-drop i {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/source_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 margin-right:12px;
 background-size:28px;
 width:28px;
 height:28px;
 vertical-align:middle
}
.g-header .m-navbar li .nav-drop .source-wechat {
 background-position:0 0
}
.g-header .m-navbar li .nav-drop .source-qq {
 background-position:0 -28px
}
.g-header .m-navbar li .nav-drop .source-video {
 background-position:0 -56px
}
.g-header .m-navbar li .nav-drop .source-news {
 background-position:0 -84px
}
.g-header .m-navbar li .nav-drop .source-feed {
 background-position:0 -224px
}
.g-header .m-navbar li .nav-drop .source-youliang {
 background-position:0 -140px
}
.g-header .m-navbar li .nav-drop .source-music {
 background-position:0 -168px
}
.g-header .m-navbar li .nav-drop .source-info {
 background-position:0 -196px
}
.g-header .m-navbar li .nav-drop>a {
 padding:13px 12px;
 color:#6b7799;
 font-size:14px
}
.g-header .m-navbar li .nav-drop>a:active {
 background-color:#f5f8fc;
 border-radius:16px;
 font-size:14px;
 color:#296bef
}
.g-header .m-navbar li .nav-drop a:last-child {
 margin-bottom:12px
}
.g-header.white-header .header-section {
 position:absolute
}
.g-header.white-header .header-section:after,
.g-header.white-header .header-section:before {
 display:none
}
.g-header.show-nav .nav-icon {
 position:fixed;
 top:20px;
 right:20px;
 width:22px;
 z-index:100000;
 background:url(https://www.gztenwin.com/skin/images/mobile/m_close.png) no-repeat center;
 background-size:16px auto
}
.g-header.show-nav .nav-icon i {
 opacity:0
}
.g-header.show-nav .m-navbar {
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%)
}
.g-header .header-section {
 -webkit-animation:showHeader .4s both;
 animation:showHeader .4s both
}
.g-header.hide .header-section {
 -webkit-animation:hideHeader .4s both;
 animation:hideHeader .4s both
}
@-webkit-keyframes hideHeader {
 0% {
  -webkit-transform:translate(0,0);
  transform:translate(0,0)
 }
 100% {
  -webkit-transform:translate(0,-2rem);
  transform:translate(0,-2rem)
 }
}
@keyframes hideHeader {
 0% {
  -webkit-transform:translate(0,0);
  transform:translate(0,0)
 }
 100% {
  -webkit-transform:translate(0,-2rem);
  transform:translate(0,-2rem)
 }
}
.show-cross {
 display:inline-block!important
}
.m-login {
 padding:24px 32px;
 background-color:#f5f9ff
}
.m-login .login-block {
 margin-top:4px;
 text-align:center
}
.m-login .login-block a {
 display:inline-block;
 height:42px;
 line-height:42px;
 width:92px;
 border-radius:40px;
 color:#fff;
 text-align:center;
 font-size:14px;
 background-color:#296bef
}
.m-login .after-login .login-top {
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding-bottom:20px;
 border-bottom:1px solid #e0eaff
}
.m-login .after-login .user-info,
.m-login .after-login .user-state {
 display:flex;
 align-items:center
}
.m-login .after-login .user-avater {
 position:relative;
 width:40px;
 height:40px;
 vertical-align:middle;
 display:inline-block;
 border-radius:100%;
 border:1px solid #d6e1fa
}
.m-login .after-login .user-block {
 display:inline-block
}
.m-login .after-login .user-name {
 color:#0b1531;
 font-size:16px;
 margin-left:12px;
 display:inline-block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 max-width:160px
}
.m-login .after-login .user-infobutton,
.m-login .after-login .user-infocontent {
 width:124px;
 display:block;
 height:34px;
 line-height:34px;
 background-color:#e9f0ff;
 border-radius:8px;
 text-align:center;
 cursor:pointer
}
.m-login .after-login .user-infobutton i,
.m-login .after-login .user-infocontent i {
 display:inline-block;
 position:relative;
 top:-1px;
 margin-right:4px;
 height:8px;
 width:8px;
 background-color:#ff5601;
 border-radius:100%
}
.m-login .after-login .user-infocontent {
 color:#6b7799;
 background-color:#e9f0ff
}
.m-login .login-bottom {
 padding-bottom:16px
}
.m-login .login-bottom a {
 display:inline-block;
 margin:20px 40px 0 0;
 color:#296bef;
 font-size:14px
}
.m-login .login-bottom a:last-child {
 margin-right:0
}
.mCompanyInfo {
 margin-right:40px;
 display:inline-block
}
.navbar-login {
 display:inline-block
}
.search-block {
 float:right
}
.search-block .search-body {
 height:72px;
 display:flex;
 align-items:center;
 justify-content:center
}
.search-block .main-search {
 position:relative;
 padding-right:8px;
 margin-right:8px;
 border-right:1px solid #e0eaff
}
.search-block .search-icon {
 display:inline-block;
 width:16px;
 height:16px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/icon-search02.png);
 background-size:16px auto;
 background-repeat:no-repeat;
 transition:all .2s;
 cursor:pointer
}
@media (max-width:1279px) {
 .search-block .search-icon {
  width:20px;
  height:20px;
  background-size:20px auto
 }
}
.search-block .search-cross {
 position:absolute;
 display:inline-block;
 width:24px;
 height:24px;
 background-image:url(https://www.gztenwin.com/skin/images/search/sprite_search.png);
 background-size:24px auto;
 background-repeat:no-repeat;
 background-position:0 -48px;
 top:6px;
 right:14px;
 cursor:pointer;
 display:none
}
.search-block input {
 display:none
}
.search-block.searching {
 position:absolute;
 left:50%;
 top:0;
 width:850px;
 background-color:#fff;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 z-index:50
}
.search-block.searching .search-body {
 border-bottom:1px solid #e0eaff
}
.search-block.searching .main-search {
 display:inline-block;
 box-sizing:border-box;
 width:600px;
 margin:0;
 padding:0;
 border:none;
 border-radius:24px;
 overflow:hidden;
 text-align:left;
 top:0
}
.search-block.searching input {
 box-sizing:border-box;
 margin:0;
 width:100%;
 display:inline-block;
 font-size:16px;
 color:#313233;
 padding:9px 12px 9px 44px;
 border-radius:24px;
 line-height:18px
}
.search-block.searching input:focus+.search-cross:hover {
 background-position:0 -72px
}
.search-block.searching input::-webkit-input-placeholder {
 color:#939599
}
.search-block.searching input:-moz-placeholder {
 color:#939599
}
.search-block.searching input::-moz-placeholder {
 color:#939599
}
.search-block.searching input:-ms-input-placeholder {
 color:#939599
}
.search-block.searching .search-icon {
 position:absolute;
 top:7px;
 left:16px
}
.search-block.searching+.search-bgc {
 position:fixed;
 top:73px;
 left:0;
 bottom:0;
 right:0;
 background-color:rgba(11,21,49,.6)
}
@media (max-width:1279px) {
 .search-block.searching+.search-bgc {
  top:59px
 }
}
.search-block .search-resultblock {
 display:none;
 position:absolute;
 bottom:1px;
 width:600px;
 left:50%;
 border-bottom-left-radius:12px;
 border-bottom-right-radius:12px;
 background-color:#fff;
 font-size:14px;
 -webkit-transform:translate3d(-50%,100%,0);
 transform:translate3d(-50%,100%,0);
 border:1px solid rgba(44,114,255,.1);
 box-shadow:0 4px 20px rgba(44,114,255,.05)
}
.search-block .search-resultblock .result-block {
 text-align:left;
 padding:20px 16px;
 border-bottom:1px solid #e0eaff
}
.search-block .search-resultblock .result-block:last-child {
 border-bottom:none
}
.search-block .search-resultblock .result-title {
 margin-bottom:10px;
 color:#a3aecc
}
.search-block .search-resultblock .result-more {
 text-align:center
}
.search-block .search-resultblock .result-more a {
 color:#296bef
}
.search-block .search-resultblock .no-result {
 padding:10px 0;
 font-size:14px;
 color:#a3aecc;
 text-align:center
}
.search-block .search-resultblock .result-content li a {
 display:block;
 padding:10px 14px;
 color:#6b7799;
 border-radius:4px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 cursor:pointer
}
.search-block .search-resultblock .result-content li a:hover {
 color:#296bef;
 background-color:#f5f9ff
}
.search-block .search-resultblock .result-content li .high-light,
.search-block .search-resultblock .result-content li em {
 color:#296bef
}
@media (max-width:1279px) {
 .search-block .search-resultblock {
  width:480px;
  left:50%;
  -webkit-transform:translate3d(-50%,100%,0);
  transform:translate3d(-50%,100%,0)
 }
 .search-block .search-body {
  height:58px
 }
 .search-block .main-search {
  top:0;
  padding-right:12px;
  margin-right:12px
 }
 .search-block.searching {
  width:650px
 }
 .search-block.searching .main-search {
  width:480px;
  top:0;
  padding-right:0;
  margin-right:0
 }
 .search-block.searching input {
  font-size:14px;
  padding:6px 12px 6px 36px
 }
 .search-block.searching input:focus+.search-cross {
  top:7px;
  right:14px;
  width:12px;
  width:20px;
  height:20px;
  background-size:20px;
  background-position:0 -40px
 }
 .search-block.searching input:focus+.search-cross:hover {
  background-position:0 -60px
 }
 .search-block.searching .search-icon {
  top:6px;
  left:14px;
  width:20px;
  height:20px;
  background-size:20px;
  cursor:inherit
 }
 .search-block.searching .search-icon:hover {
  background-position:0 0
 }
 .search-block .search-resultblock .result-block {
  padding:16px
 }
 .search-block .search-resultblock .no-result {
  padding:8px 0
 }
 .search-block .search-resultblock .result-title {
  margin-bottom:8px
 }
 .search-block .search-resultblock .result-content li a {
  padding:8px 14px
 }
}
.navbar-v2 {
 display:inline-block;
 position:absolute;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 white-space:nowrap
}
.navbar-v2 .navbar-v2list {
 list-style:none;
 padding:0 10px;
 color:#68779c
}
.navbar-v2 .navbar-v2list li {
 display:inline-block;
 position:relative
}
.navbar-v2 .navbar-v2list li .link-list {
 visibility:hidden;
 position:absolute;
 bottom:-1px;
 left:-1px;
 -webkit-transform:translateY(100%);
 -ms-transform:translateY(100%);
 transform:translateY(100%);
 padding-bottom:12px;
 width:178px;
 font-size:16px;
 background-color:#fff;
 border:1px solid #e0eaff;
 border-bottom-left-radius:12px;
 border-bottom-right-radius:12px;
 box-shadow:0 4px 20px rgba(0,116,255,.05);
 text-align:left;
 overflow:hidden;
 opacity:0;
 z-index:1;
 transition:all .1s
}
.navbar-v2 .navbar-v2list li .link-list .link-body {
 display:inline-block;
 padding:10px 18px;
 width:100%;
 font-size:15px;
 color:#6b7799;
 border-top:1px solid transparent;
 border-bottom:1px solid transparent
}
.navbar-v2 .navbar-v2list li .link-list .link-body:hover {
 color:#68779c;
 font-weight:700;
 background-color:#f5f9ff
}
.navbar-v2 .navbar-v2list li .link-list .link-body:active,
.navbar-v2 .navbar-v2list li .link-list .link-body:focus {
 font-weight:700;
 background-color:#f5f9ff;
 border-top:1px solid #d2e6ff;
 border-bottom:1px solid #d2e6ff
}
.navbar-v2 .navbar-v2list li .main-link,
.navbar-v2 .navbar-v2list li .navbar-home {
 display:inline-block;
 height:72px;
 line-height:72px;
 padding:0 18px;
 text-align:center;
 position:relative;
 font-size:16px;
 cursor:pointer;
 color:#68779c;
 z-index:20;
 background-color:#fff
}
.navbar-v2 .navbar-v2list li .main-link.active,
.navbar-v2 .navbar-v2list li .navbar-home.active {
 font-weight:700
}
.navbar-v2 .navbar-v2list li .main-link.active:after,
.navbar-v2 .navbar-v2list li .navbar-home.active:after {
 content:'';
 position:absolute;
 bottom:-1px;
 display:inline-block;
 width:64px;
 height:4px;
 background-color:#296bef;
 border-radius:3px;
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%)
}
.navbar-v2 .navbar-v2list li .main-link:hover,
.navbar-v2 .navbar-v2list li .navbar-home:hover {
 font-weight:700
}
.navbar-v2 .navbar-v2list li .main-link:active,
.navbar-v2 .navbar-v2list li .main-link:focus,
.navbar-v2 .navbar-v2list li .navbar-home:active,
.navbar-v2 .navbar-v2list li .navbar-home:focus {
 font-weight:700;
 background-color:#f5f9ff
}
.navbar-v2 .navbar-v2list li .navbar-home.active {
 font-weight:700
}
.navbar-v2 .navbar-v2list li .navbar-home.active:after {
 content:'';
 position:absolute;
 bottom:-1px;
 display:inline-block;
 width:34px;
 height:4px;
 background-color:#296bef;
 border-radius:3px;
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%)
}
.navbar-v2 .navbar-v2list li.main-linkblock:hover .link-list {
 visibility:inherit;
 opacity:1
}
.navbar-v2 .navbar-v2list li .nav_active_third:after {
 width:45px!important
}
@media (max-width:1279px) {
 .navbar-v2 .navbar-v2list li .main-link,
 .navbar-v2 .navbar-v2list li .navbar-home {
  height:58px;
  line-height:58px;
  padding:0 8px;
  font-size:14px
 }
 .navbar-v2 .navbar-v2list li .main-link.active:after,
 .navbar-v2 .navbar-v2list li .navbar-home.active:after {
  content:'';
  width:56px
 }
 .navbar-v2 .navbar-v2list li .navbar-home.active:after {
  content:'';
  width:28px
 }
 .navbar-v2 .navbar-v2list li .link-list {
  width:140px;
  padding-bottom:8px;
  left:-8px
 }
 .navbar-v2 .navbar-v2list li .link-list .link-body {
  padding:10px 14px;
  font-size:14px
 }
}
.form-qq {
 display:inline-block;
 margin-right:8px;
 width:20px;
 height:20px;
 background-image:url(https://www.gztenwin.com/skin/images/login/login_qq.png);
 background-size:20px auto;
 background-repeat:no-repeat;
 vertical-align:sub
}
.form-wechat {
 display:inline-block;
 margin-right:8px;
 width:20px;
 height:20px;
 background-image:url(https://www.gztenwin.com/skin/images/login/login_wechat.png);
 background-size:20px auto;
 background-repeat:no-repeat;
 vertical-align:sub
}
.user-bind {
 width:100%;
 display:inline-block;
 padding:10px 24px;
 border-top:1px solid #e0eaff
}
.user-bind a {
 color:#7d8bb3;
 font-size:12px
}
.user-bind a:hover {
 color:#296bef
}
.footer {
 background-color:#282828
}
.footer .footer-bd {
 padding:90px 0 50px
}
.footer .footer-bd .mp {
 padding-left:100px;
 *zoom:1
}
.footer .footer-bd .mp:after,
.footer .footer-bd .mp:before {
 display:table;
 content:""
}
.footer .footer-bd .mp:after {
 clear:both
}
.footer .footer-bd .mp:after,
.footer .footer-bd .mp:before {
 display:table;
 content:""
}
.footer .footer-bd .mp:after {
 clear:both
}
.footer .footer-bd .mp.fr {
 float:right
}
.footer .footer-bd .mp .mp-qrcode {
 margin-top:16px
}
.footer .footer-bd .mp .mp-qrcode img {
 width:122px;
 height:122px
}
.footer .footer-bd .mp .mp-title {
 color:#bdbdbd;
 font-size:16px;
 margin-bottom:20px
}
.footer .footer-bd .mp .fnav-list {
 margin-top:-3px;
 line-height:2
}
.footer .footer-bd .mp .fnav-list li a,
.footer .footer-bd .mp .mp-desc {
 color:#666;
 font-size:14px;
 max-width:188px
}
.footer .footer-bd .mp .fnav-list li a:hover {
 color:#888
}
.footer .footer-ft {
 *zoom:1;
 color:#666;
 padding:20px 0;
 font-size:12px;
 border-top:1px solid #464646
}
.footer .footer-ft:after,
.footer .footer-ft:before {
 display:table;
 content:""
}
.footer .footer-ft:after {
 clear:both
}
.footer .footer-ft:after,
.footer .footer-ft:before {
 display:table;
 content:""
}
.footer .footer-ft:after {
 clear:both
}
.footer .footer-ft a {
 color:#666
}
.footer .footer-ft a:hover {
 color:#fff
}
.footer .footer-logo>a {
 display:block;
 width:198px;
 height:57px;
 background-image:url(https://www.gztenwin.com/skin/images/footer-logo.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/footer-logo.png) 1x,url(../images/footer-logo@2x.png) 2x);
 background-repeat:no-repeat;
 background-position:center
}
.footer .footer-nav {
 *zoom:1;
 float:left
}
.footer .footer-nav:after,
.footer .footer-nav:before {
 display:table;
 content:""
}
.footer .footer-nav:after {
 clear:both
}
.footer .footer-nav:after,
.footer .footer-nav:before {
 display:table;
 content:""
}
.footer .footer-nav:after {
 clear:both
}
.footer .footer-nav li {
 float:left;
 margin-right:20px
}
.footer .footer-copyright {
 float:right
}
.footer .footer-copyright>span {
 margin-right:18px
}
.new-footer {
 background-color:#0b1531
}
.new-footer .container .footer-bd {
 padding:80px 0 40px
}
.new-footer .container .footer-bd .mp {
 *zoom:1
}
.new-footer .container .footer-bd .mp:after,
.new-footer .container .footer-bd .mp:before {
 display:table;
 content:""
}
.new-footer .container .footer-bd .mp:after {
 clear:both
}
.new-footer .container .footer-bd .mp:after,
.new-footer .container .footer-bd .mp:before {
 display:table;
 content:""
}
.new-footer .container .footer-bd .mp:after {
 clear:both
}
.new-footer .container .footer-bd .mp.fr {
 float:right
}
.new-footer .container .footer-bd .mp .mp-qrcode {
 margin-top:28px
}
.new-footer .container .footer-bd .mp .mp-qrcode img {
 width:144px;
 height:144px
}
.new-footer .container .footer-bd .mp .mp-title {
 font-size:16px;
 margin-bottom:20px;
 color:#8f9fcc;
 font-weight:500
}
.new-footer .container .footer-bd .mp .mp-title a {
 color:#8f9fcc
}
.new-footer .container .footer-bd .mp .mp-title a:hover {
 color:#296bef
}
.new-footer .container .footer-bd .mp .fnav-list {
 margin-top:-3px
}
.new-footer .container .footer-bd .mp .fnav-list li a,
.new-footer .container .footer-bd .mp .mp-desc {
 color:#6b7799;
 font-size:16px;
 max-width:188px;
 line-height:40px
}
.new-footer .container .footer-bd .mp .fnav-list li a:hover,
.new-footer .container .footer-bd .mp .mp-desc:hover {
 color:#296bef
}
.new-footer .container .footer-bd .new-sqrcode {
 text-align:center
}
.new-footer .container .footer-bd .new-sqrcode .mp .mp-qrcode {
 margin-top:20px
}
.new-footer .container .footer-bd .new-sqrcode .mp .mp-qrcode img {
 width:100px;
 height:100px
}
.new-footer .container .footer-bd .new-sqrcode .mp .mp-qrcode .qrcode-stitle {
 margin-top:12px;
 font-size:14px;
 color:#6b7799
}
@media (max-width:1279px) {
 .new-footer .container .footer-bd .new-sqrcode .mp .mp-qrcode {
  margin-top:16px
 }
 .new-footer .container .footer-bd .new-sqrcode .mp .mp-qrcode img {
  width:84px;
  height:84px
 }
 .new-footer .container .footer-bd .new-sqrcode .mp .mp-qrcode .qrcode-stitle {
  margin-top:8px;
  font-size:12px
 }
}
.new-footer .container .footer-ft {
 *zoom:1;
 color:#6b7799;
 padding:32px 0;
 font-size:14px;
 line-height:1;
 border-top:1px solid #1c2338
}
.new-footer .container .footer-ft:after,
.new-footer .container .footer-ft:before {
 display:table;
 content:""
}
.new-footer .container .footer-ft:after {
 clear:both
}
.new-footer .container .footer-ft:after,
.new-footer .container .footer-ft:before {
 display:table;
 content:""
}
.new-footer .container .footer-ft:after {
 clear:both
}
.new-footer .container .footer-ft a {
 color:#6b7799;
 height:18px;
 line-height:18px
}
.new-footer .container .footer-ft a:hover {
 color:#fff
}
.new-footer .container .footer-logo>a {
 display:block;
 width:80px;
 height:80px;
 background-image:url(https://www.gztenwin.com/skin/images/new/logo-footer.png);
 background-size:80px auto;
 background-repeat:no-repeat;
 background-position:center
}
.new-footer .container .footer-nav {
 *zoom:1;
 float:left
}
.new-footer .container .footer-nav:after,
.new-footer .container .footer-nav:before {
 display:table;
 content:""
}
.new-footer .container .footer-nav:after {
 clear:both
}
.new-footer .container .footer-nav:after,
.new-footer .container .footer-nav:before {
 display:table;
 content:""
}
.new-footer .container .footer-nav:after {
 clear:both
}
.new-footer .container .footer-nav li {
 float:left;
 margin-right:20px
}
.new-footer .container .footer-copyright {
 float:right
}
.new-footer .container .footer-copyright>span {
 margin-right:6px
}
@media (max-width:1279px) {
 .new-footer .container {
  width:1024px
 }
 .new-footer .container .footer-bd {
  padding:80px 24px 40px
 }
}
@media (max-width:1023px) {
 .new-footer .container {
  display:none
 }
}
.new-footer .mbottom_sprite {
 display:inline-block;
 width:32px;
 height:32px;
 background-image:url(https://www.gztenwin.com/skin/images/new/m_bottomsprite.png);
 background-size:126px auto;
 background-repeat:no-repeat
}
.new-footer .m-container {
 display:none;
 padding:50px 0 80px;
 text-align:center
}
@media (max-width:1023px) {
 .new-footer .m-container {
  display:block
 }
}
.new-footer .m-container ul {
 display:flex;
 margin:0 auto;
 flex-wrap:wrap;
 justify-content:flex-start;
 width:335px;
 font-size:0
}
.new-footer .m-container ul li {
 display:inline-block;
 box-sizing:border-box;
 margin:0 10px 10px 0;
 width:105px;
 height:105px;
 background-color:#1b2542;
 font-size:12px;
 text-align:center;
 border-radius:8px
}
.new-footer .m-container ul li.out {
 background-color:#0b1531
}
.new-footer .m-container ul li:nth-child(3n) {
 margin-right:0
}
.new-footer .m-container ul li a {
 display:block;
 height:100%;
 box-sizing:border-box;
 padding:22px 0;
 color:#6b7799;
 border:1px solid #1b2542;
 border-radius:8px
}
.new-footer .m-container ul li a:active {
 background-color:#111b38;
 border:1px solid #111b38
}
.new-footer .m-container ul li i {
 margin-bottom:10px
}
.new-footer .m-container ul li .m-wechat {
 display:inline-block;
 width:32px;
 height:32px;
 background-image:url(https://www.gztenwin.com/skin/images/new/m_bottomsprite.png);
 background-size:126px auto;
 background-repeat:no-repeat;
 width:31px;
 background-position:0 0
}
.new-footer .m-container ul li .m-qq {
 display:inline-block;
 width:32px;
 height:32px;
 background-image:url(https://www.gztenwin.com/skin/images/new/m_bottomsprite.png);
 background-size:126px auto;
 background-repeat:no-repeat;
 background-position:-32px -32px
}
.new-footer .m-container ul li .m-video {
 display:inline-block;
 width:32px;
 height:32px;
 background-image:url(https://www.gztenwin.com/skin/images/new/m_bottomsprite.png);
 background-size:126px auto;
 background-repeat:no-repeat;
 background-position:-32px 0
}
.new-footer .m-container ul li .m-info {
 display:inline-block;
 width:32px;
 height:32px;
 background-image:url(https://www.gztenwin.com/skin/images/new/m_bottomsprite.png);
 background-size:126px auto;
 background-repeat:no-repeat;
 background-position:-94px 0
}
.new-footer .m-container ul li .m-youliang {
 display:inline-block;
 width:32px;
 height:32px;
 background-image:url(https://www.gztenwin.com/skin/images/new/m_bottomsprite.png);
 background-size:126px auto;
 background-repeat:no-repeat;
 background-position:0 -32px
}
.new-footer .m-container ul li .m-music {
 display:inline-block;
 width:32px;
 height:32px;
 background-image:url(https://www.gztenwin.com/skin/images/new/m_bottomsprite.png);
 background-size:126px auto;
 background-repeat:no-repeat;
 background-position:-64px -32px
}
.new-footer .m-container ul li .m-news {
 display:inline-block;
 width:32px;
 height:32px;
 background-image:url(https://www.gztenwin.com/skin/images/new/m_bottomsprite.png);
 background-size:126px auto;
 background-repeat:no-repeat;
 width:31px;
 background-position:-64px 0
}
.new-footer .m-container ul li .m-back {
 display:inline-block;
 width:32px;
 height:32px;
 background-image:url(https://www.gztenwin.com/skin/images/new/m_bottomsprite.png);
 background-size:126px auto;
 background-repeat:no-repeat;
 background-position:-32px -64px
}
@media (max-width:480px) {
 .new-footer .m-container ul {
  width:290px
 }
 .new-footer .m-container ul li {
  width:90px;
  height:90px
 }
}
.new-footer .m-container .m-bqrcode {
 margin:50px 0 40px
}
.new-footer .m-container .m-bqrcode p {
 margin-bottom:28px;
 color:#7d8bb3;
 font-weight:700
}
.new-footer .m-container .m-bqrcode img {
 width:150px;
 z-index:50
}
.new-footer .m-container .m-bottom {
 text-align:center;
 font-size:10px;
 color:#6b7799
}
.new-footer .m-container .m-bottom i {
 margin-bottom:20px;
 display:inline-block;
 width:111px;
 height:20px;
 background-image:url(https://www.gztenwin.com/skin/images/new/m_logo.png);
 background-size:111px auto;
 background-repeat:no-repeat
}
@media (max-width:1023px) {
 .wechat-footer {
  display:none
 }
}
.m-mbqrcodeblock {
 margin:0 auto;
 width:335px;
 display:flex;
 justify-content:space-around
}
.m-mbqrcodeblock .m-mcblock img {
 width:100px!important;
 height:100px!important
}
.m-mbqrcodeblock .m-mcblock .m-mctitle {
 margin-top:15px;
 font-size:12px;
 font-weight:400
}
@media (max-width:480px) {
 .m-mbqrcodeblock {
  width:290px
 }
}
.advisory-block {
 position:fixed;
 right:4px;
 bottom:24px;
 z-index:50
}
@media (max-width:1023px) {
 .advisory-block {
  display:none!important
 }
}
.advisory-block .advisory {
 position:relative
}
.advisory-block .advisory .adv-num {
 font-size:28px;
 color:#296bef;
 font-family:roboto;
 position:absolute;
 top:90px;
 left:0;
 width:100%;
 text-align:center
}
.advisory-block a {
 position:absolute;
 display:inline-block;
 width:80%;
 -webkit-transform:translateX(26px);
 -ms-transform:translateX(26px);
 transform:translateX(26px);
 height:52px;
 top:134px
}
.advisory-block a:hover+.advisory-img {
 background-position:0 -226px
}
.advisory-block .advisory-img {
 display:inline-block;
 height:226px;
 width:254px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_adv.png);
 background-size:254px auto;
 background-repeat:no-repeat;
 transition:none
}
@media (max-width:1279px) {
 .advisory-block .advisory-img {
  display:inline-block;
  height:194px;
  width:218px;
  background-image:url(https://www.gztenwin.com/skin/images/new/sprite_adv.png);
  background-size:218px auto;
  background-repeat:no-repeat;
  transition:none
 }
 .advisory-block a {
  right:4px;
  top:121px
 }
 .advisory-block a:hover+.advisory-img {
  background-position:0 -194px
 }
 .advisory-block .advisory .adv-num {
  font-size:24px;
  top:78px
 }
}
.share-float-container {
 position:fixed;
 right:24px;
 bottom:26px;
 width:180px;
 height:56px;
 z-index:9999
}
.share-float-container:hover .share-float-btn {
 border-top-left-radius:0;
 border-top-right-radius:0
}
.share-float-container:hover .share-float-box {
 opacity:1;
 visibility:visible;
 border-bottom:transparent;
 border-bottom-left-radius:0;
 border-bottom-right-radius:0
}
.share-float-box {
 opacity:0;
 visibility:hidden;
 transition:all .2s linear;
 position:absolute;
 bottom:56px;
 border:2px solid #eaf0fe;
 box-sizing:border-box;
 box-shadow:0 1px 2px rgba(234,240,254,.5);
 border-radius:3px;
 display:flex;
 flex-direction:column;
 align-items:center;
 background:#fff;
 padding:23px;
 padding-bottom:29px;
 z-index:11;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%)
}
.share-float-box .qr-box {
 width:130px;
 height:130px;
 margin-top:12px
}
.share-float-box .qr-box img {
 width:100%
}
.share-float-box .share-float-title {
 font-weight:500;
 font-size:14px;
 line-height:14px;
 margin-top:9px;
 margin-bottom:6px
}
.share-float-box .share-float-desc {
 font-weight:500;
 font-size:12px;
 line-height:16px;
 color:#939599
}
.share-float-btn {
 width:180px;
 height:56px;
 background:#fff;
 border:2px solid #eaf0fe;
 box-sizing:border-box;
 box-shadow:0 2px 4px rgba(234,240,254,.5);
 border-radius:8px;
 display:flex;
 justify-content:center;
 align-items:center
}
.share-float-btn span {
 font-weight:500;
 font-size:18px;
 line-height:1
}
.share-float-icon {
 width:16px;
 height:16px;
 background:url(https://www.gztenwin.com/skin/images/icon-share.svg) no-repeat;
 background-size:16px;
 margin-right:10px
}
@media (max-width:1023px) {
 .share-float-container {
  display:none
 }
}
.share-float-share {
 font-size:14px;
 line-height:22px;
 position:absolute;
 bottom:-27px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 white-space:nowrap
}
.m-footer {
 box-sizing:border-box;
 position:fixed;
 bottom:0;
 left:0;
 height:56px;
 width:100%;
 background-color:#fff;
 border-top:1px solid #e2ebff;
 z-index:10
}
@media (min-width:1023px) {
 .m-footer {
  display:none
 }
}
.m-footer ul {
 height:100%;
 display:flex;
 justify-content:space-around;
 align-items:center;
 padding:0 20px
}
.m-footer ul li {
 display:inline-block
}
.m-footer ul li a {
 display:inline-block;
 height:24px;
 line-height:24px
}
.m-footer .m-bres,
.m-footer .m-mphone {
 height:40px;
 line-height:40px;
 width:50%;
 border-radius:40px;
 color:#fff;
 text-align:center
}
.m-footer .m-bres i,
.m-footer .m-mphone i {
 margin-right:8px;
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_mbottom.png);
 background-size:48px auto;
 height:24px;
 width:24px;
 vertical-align:bottom
}
.m-footer .m-bres a,
.m-footer .m-mphone a {
 color:#fff
}
.m-footer .m-bres {
 margin-right:20px;
 background-color:#8ed2ff
}
.m-footer .m-bres i {
 background-position:0 0
}
.m-footer .m-mphone {
 background-color:#296bef
}
.m-footer .m-mphone i {
 background-position:-24px 0
}
@media (min-width:1023px) {
 .business-card-bottom,
 .share-btn-bottom {
  display:none
 }
}
@media (max-width:1023px) {
 .share-btn-bottom {
  width:100%;
  height:48px;
  background:#296bef;
  position:fixed;
  bottom:0;
  font-size:16px;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  z-index:11
 }
 .business-card-bottom {
  width:100%;
  height:54px;
  background:#296bef;
  position:fixed;
  bottom:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#fff;
  z-index:111
 }
 .business-card-headimg {
  width:36px;
  height:36px;
  border-radius:50%;
  margin-left:13px;
  margin-right:9px
 }
 .business-card-name {
  font-size:16px;
  line-height:1;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  position:relative
 }
 .business-card-name::after {
  content:"";
  width:6px;
  height:12px;
  position:absolute;
  right:-13px;
  top:50%;
  background:url(https://www.gztenwin.com/skin/images/icon/arrow-line.svg) no-repeat center;
  background-size:100%;
  -webkit-transform:translateY(-46%);
  -ms-transform:translateY(-46%);
  transform:translateY(-46%)
 }
 .business-card-desc {
  font-size:11px;
  color:#fff;
  opacity:.8;
  margin-top:6px;
  line-height:1
 }
 .business-card-call {
  font-size:14px;
  height:54px;
  width:90px;
  align-items:center;
  display:flex;
  justify-content:center;
  color:#fff
 }
 .business-card-call.active {
  background:#4080ff
 }
 .business-card-register {
  font-size:14px;
  color:#fff;
  width:54px;
  height:54px
 }
 .business-card-register.active {
  background:#4080ff
 }
 .business-card-left,
 .business-card-register,
 .business-card-right {
  display:flex;
  align-items:center
 }
 .business-card-register {
  justify-content:center
 }
 .business-card-right {
  position:relative
 }
 .business-card-right a:active,
 .business-card-right a:hover {
  color:#fff
 }
 .business-card-qrcode {
  position:absolute;
  top:0;
  left:0;
  -webkit-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  transform:translateY(-100%);
  width:90px;
  display:flex;
  flex-direction:column;
  align-items:center;
  background:#fff;
  border:1px solid #6e9dfc;
  box-sizing:border-box;
  padding:12px 7px;
  border-radius:2px 2px 0 0
 }
 .business-card-qrcode img {
  width:66px;
  height:66px
 }
 .business-card-qrcode div {
  font-size:8px;
  line-height:10px;
  color:#939599;
  margin-top:4px;
  margin-bottom:8px;
  text-align:center
 }
 .business-card-qrcode a {
  width:100%;
  height:24px;
  background:#296bef;
  border-radius:24px;
  border:unset;
  color:#fff;
  font-weight:500;
  font-size:10px;
  display:flex;
  align-items:center;
  justify-content:center
 }
}
.notgood {
 position:fixed;
 z-index:10001
}
.notgood .not-bgc {
 display:block;
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background-color:rgba(11,21,49,.6)
}
.notgood .good-box {
 display:block;
 box-sizing:border-box;
 position:fixed;
 width:235px;
 top:50%;
 left:50%;
 -webkit-transform:translate3d(-50%,-50%,0);
 transform:translate3d(-50%,-50%,0);
 padding:24px 24px 28px;
 background-color:#fff;
 border-radius:10px;
 z-index:10002;
 text-align:center;
 box-shadow:0 4px 10px rgba(0,0,0,.2)
}
.notgood .good-img {
 margin-bottom:20px;
 display:inline-block;
 width:43px;
 height:43px;
 background-image:url(https://www.gztenwin.com/skin/images/new/notgood.png);
 background-size:43px auto;
 background-repeat:no-repeat
}
.notgood .good-content {
 color:#0b1531;
 font-size:16px;
 line-height:1.5
}
.notgood .good-btn {
 margin-top:20px;
 display:inline-block;
 width:110px;
 height:37px;
 line-height:37px;
 border-radius:20px;
 border:2px solid #e0eaff;
 color:#7d8bb3;
 font-size:13px
}
@-webkit-keyframes toastInOut {
 0% {
  top:80px;
  opacity:.5
 }
 10% {
  top:104px;
  opacity:1
 }
 97% {
  top:104px;
  opacity:1;
  -webkit-filter:blur(0);
  filter:blur(0)
 }
 100% {
  opacity:0;
  display:none;
  -webkit-filter:blur(.5px);
  filter:blur(.5px)
 }
}
.toast-tip {
 position:fixed;
 left:50%;
 top:104px;
 padding:20px 30px;
 font-size:16px;
 color:#0b1531;
 border-radius:12px;
 background-color:#fff;
 z-index:100;
 line-height:1;
 opacity:0;
 white-space:nowrap;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 box-shadow:0 8px 30px 0 rgba(0,60,179,.16)
}
.toast-tip .toast-icon {
 margin-right:6px;
 display:inline-block;
 width:20px;
 height:20px;
 background:url(https://www.gztenwin.com/skin/images/notice@2x.png) no-repeat center;
 background-size:20px;
 vertical-align:sub
}
@media (max-width:1279px) {
 .toast-tip {
  top:78px;
  padding:9px 30px;
  font-size:14px;
  border-radius:10px
 }
 .toast-tip .toast-icon {
  width:18px;
  height:18px;
  background-size:18px
 }
}
.layback-toast {
 -webkit-animation:toastInOut 5s both;
 animation:toastInOut 5s both
}
@media (max-width:1279px) {
 .layback-toast {
  -webkit-animation:toastInOut 7s both;
  animation:toastInOut 7s both
 }
 @-webkit-keyframes toastInOut {
  0% {
   top:60px;
   opacity:.8
  }
  10% {
   top:78px;
   opacity:1
  }
  96% {
   top:78px;
   opacity:1;
   -webkit-filter:blur(0);
   filter:blur(0)
  }
  100% {
   opacity:0;
   display:none;
   -webkit-filter:blur(.5px);
   filter:blur(.5px)
  }
 }
}
.help-demo {
 display:flex;
 justify-content:center;
 align-items:center
}
@-webkit-keyframes helpBg {
 0% {
  -webkit-transform:scale(.7);
  transform:scale(.7);
  opacity:.8
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@keyframes helpBg {
 0% {
  -webkit-transform:scale(.7);
  transform:scale(.7);
  opacity:.8
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@-webkit-keyframes helpBg01 {
 0% {
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px);
  opacity:0
 }
 100% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@keyframes helpBg01 {
 0% {
  -webkit-transform:translateY(-20px);
  transform:translateY(-20px);
  opacity:0
 }
 100% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@-webkit-keyframes helpBg02 {
 0% {
  -webkit-transform:translateX(20px);
  transform:translateX(20px);
  opacity:0
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@keyframes helpBg02 {
 0% {
  -webkit-transform:translateX(20px);
  transform:translateX(20px);
  opacity:0
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@-webkit-keyframes helpBg03 {
 0% {
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px);
  opacity:0
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@keyframes helpBg03 {
 0% {
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px);
  opacity:0
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@-webkit-keyframes helpBg04 {
 0% {
  -webkit-transform:translateY(20px);
  transform:translateY(20px);
  opacity:0
 }
 100% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@keyframes helpBg04 {
 0% {
  -webkit-transform:translateY(20px);
  transform:translateY(20px);
  opacity:0
 }
 100% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@-webkit-keyframes gear {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0);
  opacity:0
 }
 100% {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:1
 }
}
@keyframes gear {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0);
  opacity:0
 }
 100% {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  opacity:1
 }
}
@-webkit-keyframes leftCard {
 0% {
  -webkit-transform:translateX(10px);
  transform:translateX(10px);
  opacity:.5
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@keyframes leftCard {
 0% {
  -webkit-transform:translateX(10px);
  transform:translateX(10px);
  opacity:.5
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@-webkit-keyframes rightCard {
 0% {
  -webkit-transform:translateX(-5px);
  transform:translateX(-5px);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:.5
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:1
 }
}
@keyframes rightCard {
 0% {
  -webkit-transform:translateX(-5px);
  transform:translateX(-5px);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:.5
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:1
 }
}
@-webkit-keyframes helpMan {
 0% {
  -webkit-transform:translateX(-5px);
  transform:translateX(-5px);
  opacity:0
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@keyframes helpMan {
 0% {
  -webkit-transform:translateX(-5px);
  transform:translateX(-5px);
  opacity:0
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@-webkit-keyframes helpGirl {
 0% {
  -webkit-transform:translateX(5px);
  transform:translateX(5px);
  opacity:0
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@keyframes helpGirl {
 0% {
  -webkit-transform:translateX(5px);
  transform:translateX(5px);
  opacity:0
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@-webkit-keyframes helpMeInner {
 0% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(2);
  transform:translate3d(-50%,-50%,0) scale(2);
  opacity:0
 }
 100% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(1);
  transform:translate3d(-50%,-50%,0) scale(1);
  opacity:1
 }
}
@keyframes helpMeInner {
 0% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(2);
  transform:translate3d(-50%,-50%,0) scale(2);
  opacity:0
 }
 100% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(1);
  transform:translate3d(-50%,-50%,0) scale(1);
  opacity:1
 }
}
@-webkit-keyframes helpMeOuter {
 0% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(0);
  transform:translate3d(-50%,-50%,0) scale(0);
  opacity:0
 }
 100% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(1);
  transform:translate3d(-50%,-50%,0) scale(1);
  opacity:1
 }
}
@keyframes helpMeOuter {
 0% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(0);
  transform:translate3d(-50%,-50%,0) scale(0);
  opacity:0
 }
 100% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(1);
  transform:translate3d(-50%,-50%,0) scale(1);
  opacity:1
 }
}
@-webkit-keyframes helpIdCard {
 0% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(.95);
  transform:translate3d(-50%,-50%,0) scale(.95);
  opacity:0
 }
 100% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(1);
  transform:translate3d(-50%,-50%,0) scale(1);
  opacity:1
 }
}
@keyframes helpIdCard {
 0% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(.95);
  transform:translate3d(-50%,-50%,0) scale(.95);
  opacity:0
 }
 100% {
  -webkit-transform:translate3d(-50%,-50%,0) scale(1);
  transform:translate3d(-50%,-50%,0) scale(1);
  opacity:1
 }
}
.help-cartoon {
 position:relative;
 display:inline-block;
 width:100%;
 height:100%;
 -webkit-transform:scale(.9);
 -ms-transform:scale(.9);
 transform:scale(.9);
 left:-25px
}
.help-bg {
 position:absolute;
 top:16px;
 left:86px;
 display:inline-block;
 width:355px;
 height:248px;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/help_bg.png);
 background-size:355px auto;
 -webkit-animation:helpBg 1s ease;
 animation:helpBg 1s ease;
 z-index:20;
 border-radius:9px;
 box-shadow:0 3px 11px rgba(41,107,239,.16)
}
.help-bg01 {
 position:absolute;
 top:61px;
 left:116px;
 display:inline-block;
 width:80px;
 height:93px;
 opacity:0;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/bg_01.png);
 background-size:80px auto;
 -webkit-animation:helpBg01 .5s ease;
 animation:helpBg01 .5s ease;
 -webkit-animation-delay:.5s;
 animation-delay:.5s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 z-index:30
}
.help-bg02 {
 position:absolute;
 top:66px;
 left:219px;
 display:inline-block;
 width:191px;
 height:82px;
 opacity:0;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/bg_02.png);
 background-size:191px auto;
 -webkit-animation:helpBg02 .5s ease;
 animation:helpBg02 .5s ease;
 -webkit-animation-delay:.5s;
 animation-delay:.5s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 z-index:30
}
.help-bg03 {
 position:absolute;
 top:180px;
 left:116px;
 display:inline-block;
 width:109px;
 height:46px;
 opacity:0;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/bg_03.png);
 background-size:109px auto;
 -webkit-animation:helpBg03 .5s ease;
 animation:helpBg03 .5s ease;
 -webkit-animation-delay:.5s;
 animation-delay:.5s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 z-index:30
}
.help-bg04 {
 position:absolute;
 top:171px;
 left:242px;
 display:inline-block;
 width:160px;
 height:55px;
 opacity:0;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/bg_04.png);
 background-size:160px auto;
 -webkit-animation:helpBg04 .5s ease;
 animation:helpBg04 .5s ease;
 -webkit-animation-delay:.5s;
 animation-delay:.5s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 z-index:30
}
.help-gear {
 position:absolute;
 top:0;
 left:32px;
 display:inline-block;
 width:29px;
 height:29px;
 opacity:0;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/gear.png);
 background-size:29px auto;
 -webkit-animation:gear .5s ease;
 animation:gear .5s ease;
 -webkit-animation-delay:1.5s;
 animation-delay:1.5s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 z-index:30
}
.left-card {
 position:absolute;
 top:63px;
 left:0;
 display:inline-block;
 width:103px;
 height:43px;
 opacity:0;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/left_card.png);
 background-size:103px auto;
 -webkit-animation:leftCard .5s ease;
 animation:leftCard .5s ease;
 -webkit-animation-delay:1.5s;
 animation-delay:1.5s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 z-index:10;
 box-shadow:0 3px 11px rgba(41,107,239,.16)
}
.right-card {
 position:absolute;
 top:10px;
 left:405px;
 display:inline-block;
 width:94px;
 height:109px;
 opacity:0;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/right_card.png);
 background-size:94px auto;
 -webkit-animation:rightCard .5s ease;
 animation:rightCard .5s ease;
 -webkit-animation-delay:1.5s;
 animation-delay:1.5s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 z-index:30;
 box-shadow:0 3px 11px rgba(41,107,239,.16)
}
.help-man {
 position:absolute;
 top:42px;
 left:20px;
 display:inline-block;
 width:211px;
 height:271px;
 opacity:0;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/help_man.png);
 background-size:211px auto;
 -webkit-animation:helpMan .5s ease;
 animation:helpMan .5s ease;
 -webkit-animation-delay:1s;
 animation-delay:1s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 z-index:40
}
.help-girl {
 position:absolute;
 top:154px;
 left:231px;
 display:inline-block;
 width:275px;
 height:141px;
 opacity:0;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/help_girl.png);
 background-size:275px auto;
 -webkit-animation:helpGirl .5s ease;
 animation:helpGirl .5s ease;
 -webkit-animation-delay:1s;
 animation-delay:1s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 z-index:40
}
.help-me {
 position:absolute;
 top:172px;
 left:485px;
 display:inline-block;
 width:15px;
 height:15px;
 z-index:40
}
.help-me i {
 display:inline-block;
 position:relative;
 width:15px;
 height:15px
}
.help-me i:after {
 content:'';
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate3d(-50%,-50%,0);
 transform:translate3d(-50%,-50%,0);
 display:inline-block;
 width:15px;
 height:15px;
 border:2px solid #cfe7ff;
 border-radius:15px;
 opacity:0;
 -webkit-animation:helpMeOuter .5s ease;
 animation:helpMeOuter .5s ease;
 -webkit-animation-delay:1.5s;
 animation-delay:1.5s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}
.help-me i:before {
 content:'';
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate3d(-50%,-50%,0);
 transform:translate3d(-50%,-50%,0);
 display:inline-block;
 width:5px;
 height:5px;
 background-color:#cfe7ff;
 border-radius:50%;
 opacity:0;
 -webkit-animation:helpMeInner .5s ease;
 animation:helpMeInner .5s ease;
 -webkit-animation-delay:1.5s;
 animation-delay:1.5s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}
.help-idcard {
 position:absolute;
 top:97px;
 left:164px;
 display:inline-block;
 width:83px;
 height:90px;
 opacity:0;
 background-image:url(https://www.gztenwin.com/skin/images/help-cartoon/id_card.png);
 background-size:83px auto;
 -webkit-animation:helpIdCard .5s ease;
 animation:helpIdCard .5s ease;
 -webkit-animation-delay:1.05s;
 animation-delay:1.05s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 z-index:30
}
@font-face {
 font-family:dsp;
 src:url(https://www.gztenwin.com/skin/fonts/dsp.eot);
 src:url(https://www.gztenwin.com/skin/fonts/dsp.eot?) format('embedded-opentype'),
 url(https://www.gztenwin.com/skin/fonts/dsp.woff2) format('woff2'),
 url(https://www.gztenwin.com/skin/fonts/dsp.woff) format('woff'),
 url(https://www.gztenwin.com/skin/fonts/dsp.ttf) format('truetype'),
 url(https://www.gztenwin.com/skin/fonts/dsp.svg) format('svg');
 font-weight:400;
 font-style:normal
}
h2.title-big,
h3.title-big {
 font-size:36px;
 line-height:1;
 color:#000;
 text-align:center
}
h2.title-big span,
h3.title-big span {
 display:block
}
h4.title-small {
 font-size:16px;
 color:#999;
 text-align:center;
 margin-bottom:30px
}
.g-content {
 background-color:#fff
}
.text-overflow {
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
.cat-navigation {
 font-size:14px;
 color:#000
}
.cat-navigation .container {
 border-bottom:1px solid #d9d9d9;
 padding:50px 0 25px;
 position:relative
}
.cat-navigation.no-border .container {
 border-bottom:none;
 padding:40px 0 0 0
}
.slide-item {
 display:none
}
.swiper-slide {
 display:block
}
.swiper-slide-active {
 display:block
}
input,
textarea {
 font-family:'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;
 font-size:14px;
 outline:0;
 border:none 0;
 background-color:transparent
}
a {
 *cursor:pointer
}
.hero {
 width:100%;
 height:350px;
 margin-top:-66px;
 *overflow:hidden;
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.hero .container {
 display:table;
 height:100%;
 padding-top:66px;
 *padding-top:0;
 box-sizing:border-box
}
.hero .hero-content {
 display:table-cell;
 vertical-align:middle
}
.hero .hero-title {
 display:table-cell;
 vertical-align:middle;
 font-size:36px;
 color:#fff;
 line-height:1.5;
 font-family:dsp,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","，"Source Han Sans CN",sans-serif;
 *font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","，"Source Han Sans CN",sans-serif;
 *padding-top:120px
}
.hero .hero-title span {
 display:block
}
.hero-index {
 position:relative;
 height:600px;
 background:0 0
}
.hero-index .hero-index-bg {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:url(https://www.gztenwin.com/skin/images/hero/hero_index.jpg) no-repeat center center #f7f8f9;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/hero/hero_index.jpg) 1x,url(../images/hero/hero_index@2x.jpg) 2x);
 z-index:1
}
.hero-index .container {
 position:relative;
 z-index:2
}
.hero-index .hero-title {
 display:block;
 color:#000
}
.hero-index .hero-text {
 font-size:16px;
 line-height:2;
 color:#333;
 padding:20px 0 30px;
 word-spacing:6px
}
.hero-index .btn-primary {
 line-height:34px
}
.hero-index .phone {
 color:#333;
 margin-top:20px;
 font-size:16px
}
.hero-index .phone b {
 font-weight:400;
 color:#008de8
}
.hero-case {
 background-image:url(https://www.gztenwin.com/skin/images/hero/hero_case.jpg);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/hero/hero_case.jpg) 1x,url(../images/hero/hero_case@2x.jpg) 2x)
}
.hero-source {
 background-image:url(https://www.gztenwin.com/skin/images/hero/hero_source.jpg);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/hero/hero_source.jpg) 1x,url(../images/hero/hero_source@2x.jpg) 2x)
}
.hero-orientation {
 background-image:url(https://www.gztenwin.com/skin/images/hero/hero_orientation.jpg);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/hero/hero_orientation.jpg) 1x,url(../images/hero/hero_orientation@2x.jpg) 2x)
}
.hero-technology {
 background-image:url(https://www.gztenwin.com/skin/images/hero/hero_technology.jpg);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/hero/hero_technology.jpg) 1x,url(../images/hero/hero_technology@2x.jpg) 2x)
}
.hero-join {
 background-image:url(https://www.gztenwin.com/skin/images/hero/hero_join_us.jpg);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/hero/hero_join_us.jpg) 1x,url(../images/hero/hero_join_us@2x.jpg) 2x);
 background-color:#262046;
 background-size:auto 100%
}
.reservation {
 background:#eaeaea;
 padding:105px 0 40px
}
.reservation .btn {
 padding:17px 0
}
.reservation .reservation-word {
 padding:20px 0 45px;
 font-size:16px;
 color:#666;
 text-align:center
}
.reservation .reservation-form {
 width:870px;
 margin:0 auto;
 margin-bottom:70px
}
.reservation .reservation-form>ul {
 *zoom:1;
 zoom:1;
 margin-right:-30px
}
.reservation .reservation-form>ul:after,
.reservation .reservation-form>ul:before {
 display:table;
 content:""
}
.reservation .reservation-form>ul:after {
 clear:both
}
.reservation .reservation-form>ul:after,
.reservation .reservation-form>ul:before {
 display:table;
 content:""
}
.reservation .reservation-form>ul:after {
 clear:both
}
.reservation .reservation-form li {
 float:left;
 *width:420px;
 margin-right:30px;
 height:95px;
 position:relative
}
.reservation .reservation-form li.item-disabled input.res-inp {
 color:#ccc;
 cursor:not-allowed;
 background-color:#eee;
 pointer-events:none
}
.reservation .reservation-form li.item-disabled .res-error-text {
 display:none
}
.reservation .reservation-form li .res-error-text {
 position:absolute;
 top:40px;
 right:10px;
 color:red;
 font-size:14px;
 line-height:48px;
 display:none
}
.reservation .reservation-form li.item-error .res-error-text {
 display:block
}
.reservation .reservation-form li.item-error input.res-inp {
 border-color:red
}
.reservation .reservation-form li input.res-inp {
 width:360px;
 height:48px;
 line-height:48px;
 border-radius:2px;
 background-color:#fff;
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-reservation.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-reservation.png) 1x,url(../images/icon/icon-reservation@2x.png) 2x);
 background-repeat:no-repeat;
 border:1px solid #e1e0e0;
 padding:0 10px 0 48px;
 transition:border-color .4s
}
.reservation .reservation-form li input.res-inp::-webkit-input-placeholder {
 color:#c9caca
}
.reservation .reservation-form li input.res-inp:-moz-placeholder {
 color:#c9caca
}
.reservation .reservation-form li input.res-inp::-moz-placeholder {
 color:#c9caca
}
.reservation .reservation-form li input.res-inp:-ms-input-placeholder {
 color:#c9caca
}
.reservation .reservation-form li input.res-inp.company {
 background-position:11px -391px
}
.reservation .reservation-form li input.res-inp.name {
 background-position:11px -444px
}
.reservation .reservation-form li input.res-inp.tel {
 background-position:11px -496px
}
.reservation .reservation-form li input.res-inp.mail {
 background-position:11px -544px
}
.reservation .reservation-form li input.res-inp:focus {
 color:#008de8;
 border-color:#008de8
}
.reservation .reservation-form li input.res-inp:focus::-webkit-input-placeholder {
 color:transparent
}
.reservation .reservation-form li input.res-inp:focus:-ms-input-placeholder {
 color:transparent
}
.reservation .reservation-form li input.res-inp:focus:-moz-placeholder {
 color:transparent
}
.reservation .reservation-form li input.res-inp:focus::-moz-placeholder {
 color:transparent
}
.reservation .reservation-form li input.res-inp:focus.company {
 background-position:11px -189px
}
.reservation .reservation-form li input.res-inp:focus.name {
 background-position:11px -242px
}
.reservation .reservation-form li input.res-inp:focus.tel {
 background-position:11px -294px
}
.reservation .reservation-form li input.res-inp:focus.mail {
 background-position:11px -342px
}
.reservation .reservation-form li input.res-inp.warning {
 color:#f0614e;
 border-color:#f0614e
}
.reservation .reservation-form li input.res-inp.warning.company {
 background-position:11px 13px
}
.reservation .reservation-form li input.res-inp.warning.name {
 background-position:11px -40px
}
.reservation .reservation-form li input.res-inp.warning.tel {
 background-position:11px -92px
}
.reservation .reservation-form li input.res-inp.warning.mail {
 background-position:11px -140px
}
.reservation .reservation-form li .checkbox {
 color:#666;
 padding:12px 0
}
.reservation .reservation-form li .checkbox input.check-personal {
 display:inline-block;
 vertical-align:middle;
 cursor:pointer;
 margin:0 5px 0 0;
 width:20px;
 height:20px;
 background:url(https://www.gztenwin.com/skin/images/checkbox.png);
 background:-webkit-image-set(url(https://www.gztenwin.com/skin/images/checkbox.png) 1x,url(../images/checkbox@2x.png) 2x);
 background-repeat:no-repeat;
 background-position:0 0;
 background:0 0\9;
 -webkit-appearance:none;
 border:none
}
.reservation .reservation-form li .checkbox input.check-personal:checked {
 background-position:0 -20px
}
.reservation .reservation-form li .checkbox label {
 cursor:pointer
}
.reservation .reservation-form li.item-error .item-required input.res-inp {
 border-color:red
}
.reservation .reservation-form li.readonly .item-required .tc-btn {
 background:#f9f9f9!important;
 color:#999
}
.reservation .reservation-form li .item-required {
 position:relative;
 border:1px solid #e1e0e0;
 font-size:0
}
.reservation .reservation-form li .item-required input.res-inp {
 background-image:none;
 padding-left:14px;
 width:225px!important;
 border:1px solid transparent
}
.reservation .reservation-form li .item-required input.res-inp:focus {
 color:#008de8;
 border:1px solid #008de8
}
.reservation .reservation-form li .item-required .tc-btn {
 box-sizing:border-box;
 width:105px;
 height:50px;
 line-height:50px;
 font-size:14px;
 vertical-align:top;
 border:1px solid transparent
}
.reservation .reservation-form li .item-required .error-info {
 font-size:14px
}
.reservation .reservation-form li.item-loc {
 border-radius:2px
}
.reservation .reservation-form li select {
 font-size:14px;
 outline:0;
 border-radius:0!important;
 appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;
 color:#cbcbcb
}
.reservation .reservation-form li select.res-inp {
 width:360px;
 height:48px;
 line-height:48px;
 border-radius:2px;
 background-color:#fff;
 border:1px solid #e1e0e0;
 padding:0 10px 0 14px;
 transition:border-color .4s
}
.reservation .btn-erea {
 width:510px;
 margin:0 auto
}
.reservation .open-account {
 border-top:1px solid #c9caca;
 padding-top:55px
}
.reservation .open-account .open-con {
 width:510px;
 margin:0 auto
}
.reservation .open-account .title {
 margin-bottom:40px
}
.reservation .open-account .invite-agency {
 text-align:center;
 margin:30px 0 0
}
.reservation .open-account .invite-agency .btn {
 padding:6px 30px
}
.reservation_400 {
 padding-bottom:40px
}
.reservation_400 .reservation-con {
 *zoom:1;
 width:880px;
 margin:0 auto
}
.reservation_400 .reservation-con:after,
.reservation_400 .reservation-con:before {
 display:table;
 content:""
}
.reservation_400 .reservation-con:after {
 clear:both
}
.reservation_400 .reservation-con:after,
.reservation_400 .reservation-con:before {
 display:table;
 content:""
}
.reservation_400 .reservation-con:after {
 clear:both
}
.reservation_400 .reservation-con .reservation-fill {
 float:left;
 width:370px
}
.reservation_400 .reservation-con .reservation-form {
 width:360px
}
.reservation_400 .reservation-con .reservation-form li {
 height:auto;
 margin-bottom:30px
}
.reservation_400 .reservation-con .reservation-form li input.res-inp {
 width:300px
}
.reservation_400 .reservation-con .reservation-form li.item-company {
 margin-bottom:0
}
.reservation_400 .reservation-con .reservation-form li .res-error-text {
 top:38px
}
.reservation_400 .reservation-con .reservation-form .btn-erea {
 width:226px;
 margin:0 auto;
 padding-top:15px
}
.reservation_400 .reservation-con .rereservation-phone {
 float:right;
 width:380px;
 text-align:center
}
.reservation_400 .reservation-con .rereservation-phone .icon-phone {
 display:inline-block;
 margin-top:25px;
 width:80px;
 height:82px;
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-all.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);
 background-repeat:no-repeat;
 background-position:0 -380px
}
.reservation_400 .reservation-con .rereservation-phone .phone-number {
 font-size:42px;
 color:#008de8;
 font-weight:700;
 margin:20px 0
}
.reservation_400 .reservation-con .rereservation-phone .time {
 color:#000;
 font-size:14px
}
.reservation_400 .reservation-con h3.title {
 font-size:26px;
 line-height:1;
 font-family:dsp,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","，"Source Han Sans CN",sans-serif
}
.reservation_400 .reservation-con .reservation-word {
 font-size:14px;
 color:#666
}
.reservation_400 .open-account .invite-agency {
 text-align:center;
 margin:30px 0 0
}
.reservation_400 .open-account .invite-agency .btn {
 padding:6px 30px
}
.reservation-pop {
 display:none;
 width:100%;
 height:100%;
 left:0;
 top:0;
 position:fixed;
 z-index:99999;
 background:#666;
 background:rgba(0,0,0,.7)
}
.reservation-pop .pop-wrap {
 overflow-y:scroll;
 padding:0 75px;
 width:450px;
 height:690px
}
.reservation-pop .pop-con {
 padding:45px 0;
 text-align:center;
 position:absolute;
 left:50%;
 margin-left:-300px;
 top:50%;
 margin-top:-390px;
 background-color:#fff;
 color:#000;
 border-radius:3px;
 box-shadow:2px 5px 12px rgba(0,0,0,.1)
}
.reservation-pop .pop-con .reservation-points {
 padding-bottom:30px;
 margin-bottom:35px;
 border-bottom:1px solid #e9e9e9
}
.reservation-pop .pop-con h4 {
 font-size:24px;
 margin:20px 0
}
.reservation-pop .pop-con p {
 font-size:16px;
 line-height:2;
 color:#000
}
.reservation-pop .pop-con p>span {
 color:#008de8
}
.reservation-pop .pop-con .btn {
 width:160px;
 padding:12px 0
}
.reservation-pop .pop-con .reservation-research {
 text-align:left
}
.reservation-pop .pop-con .research-list {
 font-size:14px;
 padding:30px 0 0
}
.reservation-pop .pop-con .research-list li {
 padding-bottom:20px
}
.reservation-pop .pop-con .research-list li h5 {
 font-size:14px;
 padding-bottom:10px
}
.reservation-pop .pop-con .research-list li label {
 font-size:14px;
 vertical-align:middle;
 padding-left:8px;
 cursor:pointer
}
.reservation-pop .pop-con .research-list li input {
 margin:0;
 vertical-align:middle
}
.reservation-pop .pop-con .research-list li input[type=radio] {
 cursor:pointer;
 -webkit-appearance:none;
 width:16px;
 height:16px;
 background:url(https://www.gztenwin.com/skin/images/icon/icon-all.png) no-repeat;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);
 background-position:-660px -618px
}
.reservation-pop .pop-con .research-list li input[type=radio]:checked {
 background-position:-640px -618px
}
.reservation-pop .pop-con .research-list li input[type=checkbox] {
 cursor:pointer;
 -webkit-appearance:none;
 width:15px;
 height:15px;
 background:url(https://www.gztenwin.com/skin/images/icon/icon-all.png) no-repeat;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);
 background-position:-620px -618px
}
.reservation-pop .pop-con .research-list li input[type=checkbox]:checked {
 background-position:-600px -618px
}
.reservation-pop .pop-con .research-list li p {
 padding:5px 0
}
.reservation-pop .pop-con .research-list .research-inp {
 border:1px solid #88c1d9;
 box-sizing:border-box;
 padding:0 14px;
 width:100%;
 display:block;
 line-height:36px;
 height:36px
}
.reservation-pop .pop-con .research-list .research-inp.error-inp {
 border-color:#f0614e;
 color:#f0614e
}
.reservation-pop .pop-con .research-list .research-select {
 border:1px solid #88c1d9;
 box-sizing:border-box;
 padding:0 14px;
 width:100%;
 display:block;
 line-height:36px;
 height:36px;
 border-radius:0!important;
 outline:0;
 -webkit-appearance:none
}
.reservation-pop .pop-con .research-list .research-select.error-inp {
 border-color:#f0614e;
 color:#f0614e
}
.reservation-pop .pop-con .research-list .inp-wrap {
 margin-left:22px;
 margin-top:4px;
 display:block
}
.reservation-pop .pop-con .btn-area {
 text-align:center;
 padding-top:20px
}
.reservation-pop .pop-con .btn.submit-seccess span {
 display:inline-block;
 vertical-align:middle
}
.reservation-pop .pop-con .btn.submit-seccess .icon-ok {
 margin-right:6px;
 display:inline-block
}
.reservation-pop .pop-con span.error-text {
 color:red;
 font-size:14px
}
.reservation-pop .btn-close {
 position:absolute;
 right:-42px;
 top:0
}
.reservation-pop2 .pop-con .reservation-points {
 display:none;
 padding-bottom:0;
 margin-bottom:0;
 border-bottom:none
}
.reservation-pop2.finished .pop-con {
 margin-top:-191px!important
}
.reservation-pop2.finished .pop-wrap {
 overflow:auto!important;
 height:auto!important
}
.reservation-pop-origin .pop-con {
 padding:0;
 display:table;
 width:600px;
 height:414px;
 text-align:center;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-300px;
 margin-top:-207px;
 background:#fff;
 color:#000;
 border-radius:3px;
 box-shadow:2px 5px 12px rgba(0,0,0,.1)
}
.reservation-pop-origin .pop-con>div {
 display:table-cell;
 vertical-align:middle
}
.reservation-pop-origin .pop-con p {
 padding-bottom:20px;
 font-size:18px
}
.reservation-pop-origin .pop-wrap {
 height:auto;
 overflow-y:visible;
 padding-top:58px
}
.reservation-pop-origin .reservation-research {
 display:none
}
.reservation-pop-origin .btn-area {
 display:none
}
.new-reservation {
 position:relative;
 background:#276bef;
 padding:80px 0 0
}
@media (max-width:1023px) {
 .new-reservation {
  padding:35px 0 0
 }
}
.new-reservation .reservation-radius {
 position:absolute;
 top:-56px;
 left:0;
 height:60px;
 width:100%;
 overflow:hidden;
 z-index:10
}
.new-reservation .reservation-radius .radius-pr {
 position:relative;
 height:100%
}
.new-reservation .reservation-radius .radius-block {
 position:absolute;
 bottom:-74px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 width:160%;
 height:600%;
 border:80px solid #276bef;
 border-radius:96%
}
@media (max-width:1023px) {
 .new-reservation .reservation-radius .radius-block {
  width:240%
 }
}
.new-reservation .reservation-body {
 margin:0 auto
}
.new-reservation .btn {
 padding:17px 0
}
.new-reservation .reservation-word {
 padding:16px 0 52px;
 font-size:16px;
 color:rgba(255,255,255,.6);
 text-align:center
}
.new-reservation .reservation-form {
 width:870px;
 margin:0 auto;
 padding:0
}
.new-reservation .reservation-form>ul {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-around
}
.new-reservation .reservation-form li {
 height:95px;
 position:relative
}
.new-reservation .reservation-form li .res-error-text {
 position:absolute;
 top:60px;
 left:0;
 color:#ff887f;
 font-size:14px;
 display:none
}
.new-reservation .reservation-form li select.res-inp {
 font-size:16px;
 width:242px;
 height:48px;
 line-height:48px;
 color:#fff;
 border-radius:30px;
 border:2px solid #6b9bff;
 padding:0 10px 0 16px;
 transition:border-color .4s;
 appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;
 background:0 0;
 outline:0
}
.new-reservation .reservation-form li input.res-inp {
 font-size:16px;
 color:#fff;
 width:240px;
 height:48px;
 line-height:48px;
 box-sizing:border-box;
 border-radius:30px;
 border:2px solid #6b9bff;
 padding:0 10px 0 16px;
 transition:border-color .4s
}
.new-reservation .reservation-form li input.res-inp::-webkit-input-placeholder {
 color:#fff
}
.new-reservation .reservation-form li input.res-inp:-moz-placeholder {
 color:#fff
}
.new-reservation .reservation-form li input.res-inp::-moz-placeholder {
 color:#fff
}
.new-reservation .reservation-form li input.res-inp:-ms-input-placeholder {
 color:#fff
}
.new-reservation .reservation-form li input.res-inp.company {
 background-position:11px -391px
}
.new-reservation .reservation-form li input.res-inp.name {
 background-position:11px -444px
}
.new-reservation .reservation-form li input.res-inp.tel {
 background-position:11px -496px
}
.new-reservation .reservation-form li input.res-inp.mail {
 background-position:11px -544px
}
.new-reservation .reservation-form li input.res-inp:focus {
 color:#fff;
 border-color:#fff
}
.new-reservation .reservation-form li input.res-inp:focus::-webkit-input-placeholder {
 color:transparent
}
.new-reservation .reservation-form li input.res-inp:focus:-ms-input-placeholder {
 color:transparent
}
.new-reservation .reservation-form li input.res-inp:focus:-moz-placeholder {
 color:transparent
}
.new-reservation .reservation-form li input.res-inp:focus::-moz-placeholder {
 color:transparent
}
.new-reservation .reservation-form li input.res-inp.warning {
 color:#f0614e;
 border-color:#f0614e
}
.new-reservation .reservation-form li input.res-inp.warning.company {
 background-position:11px 13px
}
.new-reservation .reservation-form li input.res-inp.warning.name {
 background-position:11px -40px
}
.new-reservation .reservation-form li input.res-inp.warning.tel {
 background-position:11px -92px
}
.new-reservation .reservation-form li input.res-inp.warning.mail {
 background-position:11px -140px
}
.new-reservation .reservation-form li.item-disabled {
 cursor:not-allowed
}
.new-reservation .reservation-form li.item-disabled input.res-inp {
 color:#89b8ff;
 cursor:not-allowed;
 pointer-events:none;
 border:2px solid #6b9bff;
 background-color:#4c89ff
}
.new-reservation .reservation-form li.item-disabled input.res-inp::-webkit-input-placeholder {
 color:#89b8ff
}
.new-reservation .reservation-form li.item-disabled input.res-inp:-moz-placeholder {
 color:#89b8ff
}
.new-reservation .reservation-form li.item-disabled input.res-inp::-moz-placeholder {
 color:#89b8ff
}
.new-reservation .reservation-form li.item-disabled input.res-inp:-ms-input-placeholder {
 color:#89b8ff
}
.new-reservation .reservation-form li.item-disabled .res-error-text {
 display:none
}
.new-reservation .reservation-form li .checkbox {
 color:#666;
 padding:12px 0
}
.new-reservation .reservation-form li .checkbox input.check-personal {
 display:inline-block;
 vertical-align:middle;
 cursor:pointer;
 margin:0 5px 0 0;
 width:20px;
 height:20px;
 background:url(https://www.gztenwin.com/skin/images/checkbox.png);
 background:-webkit-image-set(url(https://www.gztenwin.com/skin/images/checkbox.png) 1x,url(../images/checkbox@2x.png) 2x);
 background-repeat:no-repeat;
 background-position:0 0;
 background:0 0\9;
 -webkit-appearance:none;
 border:none
}
.new-reservation .reservation-form li .checkbox input.check-personal:checked {
 background-position:0 -20px
}
.new-reservation .reservation-form li .checkbox label {
 cursor:pointer
}
.new-reservation .reservation-form li.item-ver {
 position:relative;
 width:242px
}
.new-reservation .reservation-form li.item-ver .tc-btn {
 position:absolute;
 right:4px;
 top:18px;
 padding-left:10px;
 width:100px;
 height:unset;
 line-height:1;
 text-align:left;
 border-left:2px solid #e0eaff;
 font-size:14px;
 color:#fff
}
.new-reservation .reservation-form li.item-ver .tc-btn.blue {
 color:#89b8ff!important;
 border-left:2px solid #89b8ff;
 background:unset
}
.new-reservation .reservation-form li.item-ver .tc-btn.disabled {
 color:#89b8ff!important;
 border:2px solid #6b9bff!important;
 background-color:#4c89ff!important
}
.new-reservation .btn-erea {
 width:510px;
 margin:0 auto
}
.new-reservation .two-select {
 display:inline-block;
 width:241px
}
.new-reservation li.item-city {
 margin-left:26px
}
.new-reservation li.item-city,
.new-reservation li.item-loc {
 position:relative;
 display:inline-block
}
.new-reservation li.item-city select.res-inp,
.new-reservation li.item-loc select.res-inp {
 width:105px!important;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 padding-right:30px
}
@media (max-width:1023px) {
 .new-reservation li.item-city,
 .new-reservation li.item-loc {
  display:block
 }
 .new-reservation li.item-city select.res-inp,
 .new-reservation li.item-loc select.res-inp {
  width:100%!important
 }
}
.new-reservation .arrow-down:after {
 display:inline-block;
 content:" ";
 height:2px;
 width:8px;
 background-color:#6b9bff;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg);
 -webkit-transform-origin:center;
 -ms-transform-origin:center;
 transform-origin:center;
 position:absolute;
 top:24px;
 right:22px;
 border-radius:4px
}
.new-reservation .arrow-down:before {
 display:inline-block;
 content:" ";
 height:2px;
 width:10px;
 background-color:#6b9bff;
 -webkit-transform-origin:center;
 -ms-transform-origin:center;
 transform-origin:center;
 position:absolute;
 top:24px;
 right:26px;
 border-radius:4px;
 -webkit-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.new-reservation .item-city:before {
 content:"";
 display:inline-block;
 position:absolute;
 left:-20px;
 top:25px;
 width:12px;
 height:2px;
 background-color:#6b9bff;
 border-radius:4px
}
.new-reservation .open-account {
 height:330px;
 background-image:url(https://www.gztenwin.com/skin/images/new/reservation_bgc.jpg);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
@media (max-width:1023px) {
 .new-reservation .open-account {
  display:none
 }
}
.new-reservation .open-account .open-con {
 width:500px;
 margin:0 auto;
 padding-top:80px;
 text-align:center
}
.new-reservation .open-account .title {
 margin-bottom:40px;
 font-size:32px;
 color:#fff;
 font-weight:500;
 line-height:1;
 letter-spacing:1.5px
}
.new-reservation .open-account .invite-agency {
 text-align:center;
 margin:20px 0 0
}
.new-reservation .open-account .invite-agency a {
 color:#8f9fcc;
 line-height:1;
 font-size:16px
}
.new-reservation .icon-arrow-right {
 position:relative;
 display:inline-block;
 vertical-align:middle;
 box-sizing:border-box;
 left:3px;
 top:-2px;
 width:19px;
 height:11px;
 background-image:url(https://www.gztenwin.com/skin/images/new/arrow_right.png);
 background-size:19px;
 background-repeat:no-repeat
}
.new-reservation .radio {
 position:relative;
 display:inline-block;
 margin:0 24px
}
.new-reservation .radio input[type=radio] {
 position:absolute;
 opacity:0
}
.new-reservation .radio input[type=radio]+.radio-label {
 color:#fff
}
.new-reservation .radio input[type=radio]+.radio-label:before {
 content:'';
 border-radius:100%;
 border:2px solid #6b9bff;
 box-sizing:border-box;
 display:inline-block;
 width:20px;
 height:20px;
 position:relative;
 margin-right:12px;
 vertical-align:top;
 cursor:pointer;
 text-align:center;
 transition:all 250ms ease;
 color:#89b8ff
}
.new-reservation .radio input[type=radio]+.radio-label:after {
 content:'';
 display:none;
 position:absolute;
 top:4px;
 left:4px;
 width:12px;
 height:12px;
 border-radius:50%;
 background-color:#ffa601
}
.new-reservation .radio input[type=radio]:checked+.radio-label {
 color:#fff
}
.new-reservation .radio input[type=radio]:checked+.radio-label:before {
 color:#fff;
 border:2px solid #fff
}
.new-reservation .radio input[type=radio]:checked+.radio-label:after {
 display:inline-block
}
.new-reservation .radio input[type=radio]:focus+.radio-label:before {
 outline:0;
 border-color:#fff
}
.new-reservation .radio input[type=radio]:disabled+.radio-label:before {
 box-shadow:inset 0 0 0 4px #fff;
 border-color:#bfbfbf;
 background:#bfbfbf
}
.new-reservation .radio input[type=radio]+.radio-label:empty:before {
 margin-right:0
}
.new-reservation .radio-block {
 margin-bottom:24px;
 color:#fff;
 text-align:center;
 font-size:16px
}
.new-reservation_400 .reservation-con {
 *zoom:1;
 width:1190px;
 margin:0 auto;
 padding-bottom:80px
}
.new-reservation_400 .reservation-con:after,
.new-reservation_400 .reservation-con:before {
 display:table;
 content:""
}
.new-reservation_400 .reservation-con:after {
 clear:both
}
.new-reservation_400 .reservation-con:after,
.new-reservation_400 .reservation-con:before {
 display:table;
 content:""
}
.new-reservation_400 .reservation-con:after {
 clear:both
}
.new-reservation_400 .reservation-con .reservation-fill {
 float:left;
 width:650px;
 padding-right:80px;
 border-right:1px solid rgba(255,255,255,.1)
}
.new-reservation_400 .reservation-con .reservation-form {
 width:530px
}
.new-reservation_400 .reservation-con .reservation-form li {
 height:auto;
 margin-bottom:20px
}
.new-reservation_400 .reservation-con .reservation-form li.item-error {
 position:relative;
 margin-bottom:40px
}
.new-reservation_400 .reservation-con .reservation-form li.item-error .res-error-text {
 display:block
}
.new-reservation_400 .reservation-con .reservation-form li.item-error input.res-inp {
 border-color:#ff887f
}
.new-reservation_400 .reservation-con .reservation-form .btn-erea {
 width:100%;
 margin:0 auto;
 padding-top:10px;
 text-align:center
}
.new-reservation_400 .reservation-con .reservation-form .btn-erea .btn-reservation {
 width:506px;
 height:48px!important;
 line-height:48px!important;
 font-size:16px
}
.new-reservation_400 .reservation-con .reservation-form .btn-erea .btn-reservation.disabled {
 background-color:#4c89ff;
 color:#89b8ff
}
.new-reservation_400 .reservation-con .rereservation-phone {
 float:right;
 width:380px;
 text-align:center
}
.new-reservation_400 .reservation-con .rereservation-phone .icon-hi {
 display:inline-block;
 width:165px;
 height:170px;
 background-image:url(https://www.gztenwin.com/skin/images/new/hi.png);
 background-repeat:no-repeat;
 background-size:165px auto
}
.new-reservation_400 .reservation-con .rereservation-phone .phone-number {
 font-size:40px;
 color:#fff;
 margin:52px 0 15px 0;
 font-family:Roboto;
 line-height:1
}
.new-reservation_400 .reservation-con .rereservation-phone .time {
 color:rgba(239,241,243,.6);
 font-size:16px
}
.new-reservation_400 .reservation-con h3.title {
 font-size:32px;
 line-height:1;
 color:#fff;
 font-weight:500;
 letter-spacing:1.5px
}
.new-reservation_400 .reservation-con .reservation-word {
 font-size:16px;
 color:rgba(255,255,255,.6)
}
.new-reservation_400 .open-account .invite-agency {
 text-align:center;
 margin:24px 0 0
}
.new-reservation_400 .open-account .invite-agency .btn {
 padding:6px 30px
}
@media (max-width:1279px) {
 .new-reservation_400 .reservation-con {
  width:1000px
 }
 .new-reservation_400 .reservation-con .reservation-fill {
  padding-right:0
 }
 .new-reservation_400 .reservation-con .rereservation-phone {
  width:300px
 }
 .new-reservation_400 .reservation-con h3.title {
  font-size:28px
 }
 .new-reservation_400 .reservation-con .reservation-word {
  font-size:14px
 }
}
@media (max-width:1023px) {
 .new-reservation_400 .reservation-con {
  width:auto;
  padding-bottom:50px
 }
 .new-reservation_400 .reservation-con .rereservation-phone {
  display:none
 }
 .new-reservation_400 .reservation-con .reservation-fill {
  border:none;
  width:100%
 }
 .new-reservation_400 .reservation-con h3.title {
  font-size:24px
 }
 .new-reservation_400 .reservation-con .reservation-word {
  font-size:12px;
  padding-bottom:40px
 }
 .new-reservation_400 .reservation-con .reservation-form {
  box-sizing:border-box;
  padding:0 20px;
  width:100%
 }
 .new-reservation_400 .reservation-con .reservation-form li {
  width:100%
 }
 .new-reservation_400 .reservation-con .reservation-form li input.res-inp {
  width:100%;
  box-sizing:border-box
 }
}
.reservation-pop {
 display:none;
 width:100%;
 height:100%;
 left:0;
 top:0;
 position:fixed;
 z-index:99999;
 background:#666;
 background:rgba(0,0,0,.7)
}
.reservation-pop .pop-wrap {
 overflow-y:scroll;
 padding:0 75px 45px;
 width:450px;
 height:690px
}
.reservation-pop .pop-success {
 height:auto;
 padding:0 75px 75px
}
.reservation-pop .pop-con {
 padding:45px 0 0;
 text-align:center;
 position:absolute;
 left:50%;
 margin-left:-300px;
 top:50%;
 margin-top:-390px;
 background-color:#fff;
 color:#000;
 border-radius:12px;
 box-shadow:2px 5px 12px rgba(0,0,0,.1)
}
.reservation-pop .pop-con .reservation-points {
 margin-bottom:0;
 border-bottom:1px solid #e9e9e9
}
.reservation-pop .pop-con .reservation-points .registered-success {
 width:165px
}
.reservation-pop .pop-con h4 {
 font-size:32px;
 margin:20px 0;
 color:#ffa601;
 font-weight:500
}
.reservation-pop .pop-con p {
 font-size:16px;
 line-height:1.5;
 color:#0b1531
}
.reservation-pop .pop-con p>span {
 color:#008de8
}
.reservation-pop .pop-con .btn {
 width:160px;
 padding:12px 0
}
.reservation-pop .pop-con .reservation-research {
 text-align:left
}
.reservation-pop .pop-con .research-list {
 font-size:14px;
 padding:30px 0 0
}
.reservation-pop .pop-con .research-list li {
 padding-bottom:20px
}
.reservation-pop .pop-con .research-list li h5 {
 font-size:14px;
 padding-bottom:10px
}
.reservation-pop .pop-con .research-list li label {
 font-size:14px;
 vertical-align:middle;
 padding-left:8px;
 cursor:pointer;
 color:#28292b
}
.reservation-pop .pop-con .research-list li input {
 margin:0;
 vertical-align:middle
}
.reservation-pop .pop-con .research-list li input[type=radio] {
 cursor:pointer;
 -webkit-appearance:none;
 width:20px;
 height:20px;
 background:0 0;
 position:relative;
 display:inline-block;
 border:2px solid #e0eaff;
 border-radius:100%;
 box-sizing:border-box;
 background:#fff
}
.reservation-pop .pop-con .research-list li input[type=radio]:checked {
 border:2px solid #296bef
}
.reservation-pop .pop-con .research-list li input[type=radio]:checked:after {
 content:'';
 display:inline-block;
 position:absolute;
 top:2px;
 left:2px;
 width:12px;
 height:12px;
 border-radius:50%;
 background-color:#296bef
}
.reservation-pop .pop-con .research-list li input[type=radio]:checked+.label {
 color:#28292b
}
.reservation-pop .pop-con .research-list li input[type=checkbox] {
 cursor:pointer;
 -webkit-appearance:none;
 position:relative;
 display:inline-block;
 width:20px;
 height:20px;
 border:2px solid #e0eaff;
 border-radius:4px;
 box-sizing:border-box;
 background:#fff
}
.reservation-pop .pop-con .research-list li input[type=checkbox]:checked {
 border:2px solid #1890cc
}
.reservation-pop .pop-con .research-list li input[type=checkbox]:checked:after {
 content:'';
 display:inline-block;
 position:absolute;
 top:2px;
 left:2px;
 width:12px;
 height:12px;
 border-radius:2px;
 background-color:#1890cc
}
.reservation-pop .pop-con .research-list li p {
 padding:5px 0
}
.reservation-pop .pop-con .research-list .research-inp {
 display:block;
 width:100%;
 background:#fff;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 box-sizing:border-box;
 outline:0;
 font-family:inherit;
 padding:0 20px;
 font-size:14px;
 color:#dadfe6;
 height:42px;
 border-radius:30px;
 color:#0b1531;
 border:2px solid #e0eaff
}
.reservation-pop .pop-con .research-list .research-inp.error-inp {
 border-color:#ff7566;
 color:#ff7566
}
.reservation-pop .pop-con .research-list .error-qq {
 position:relative;
 padding-left:20px;
 left:22px;
 top:4px;
 font-size:14px;
 color:#ff7566
}
.reservation-pop .pop-con .research-list .error-qq:after {
 display:inline-block;
 content:'';
 width:16px;
 height:16px;
 margin-top:-2px;
 margin-right:5px;
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translate3d(0,-40%,0);
 transform:translate3d(0,-40%,0);
 background-image:url(https://www.gztenwin.com/skin/images/new/cross.png);
 background-position:center;
 background-size:16px auto;
 background-repeat:no-repeat
}
.reservation-pop .pop-con .research-list .research-select {
 resize:none;
 display:block;
 width:100%;
 background:#fff;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 box-sizing:border-box;
 outline:0;
 font-family:inherit;
 padding:0 20px;
 font-size:14px;
 color:#dadfe6;
 height:42px;
 border-radius:30px!important;
 color:#0b1531;
 border:2px solid #e0eaff
}
.reservation-pop .pop-con .research-list .select-block {
 position:relative
}
.reservation-pop .pop-con .research-list .select-block:after {
 display:inline-block;
 content:" ";
 height:8px;
 width:8px;
 border-width:0 2px 2px 0;
 border-color:#6b9bff;
 border-style:solid;
 -webkit-transform:translateY(-80%) rotate(45deg);
 -ms-transform:translateY(-80%) rotate(45deg);
 transform:translateY(-80%) rotate(45deg);
 -webkit-transform-origin:center;
 -ms-transform-origin:center;
 transform-origin:center;
 position:absolute;
 top:50%;
 right:25px
}
.reservation-pop .pop-con .research-list .inp-wrap {
 margin-left:22px;
 margin-top:4px;
 display:block
}
.reservation-pop .pop-con .btn-area {
 text-align:center;
 padding-top:0
}
.reservation-pop .pop-con .btn-area .new-btn {
 display:block
}
.reservation-pop .pop-con .btn.submit-seccess span {
 display:inline-block;
 vertical-align:middle
}
.reservation-pop .pop-con .btn.submit-seccess .icon-ok {
 margin-right:6px;
 display:inline-block
}
.reservation-pop .pop-con span.error-text {
 color:#ff7566;
 font-size:14px
}
.reservation-pop .btn-close {
 position:absolute;
 right:-42px;
 top:0
}
.reservation-pop2 .pop-con .reservation-points {
 display:none;
 padding-bottom:0;
 margin-bottom:30px;
 border-bottom:none
}
.reservation-pop2.finished .pop-con {
 margin-top:-191px!important
}
.reservation-pop2.finished .pop-wrap {
 overflow:auto!important;
 height:auto!important
}
.reservation-pop-origin .pop-con {
 padding:0;
 display:table;
 width:600px;
 height:414px;
 text-align:center;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-300px;
 margin-top:-207px;
 background:#fff;
 color:#000;
 border-radius:3px;
 box-shadow:2px 5px 12px rgba(0,0,0,.1)
}
.reservation-pop-origin .pop-con>div {
 display:table-cell;
 vertical-align:middle
}
.reservation-pop-origin .pop-con p {
 padding-bottom:20px;
 font-size:18px
}
.reservation-pop-origin .pop-wrap {
 height:auto;
 overflow-y:visible;
 padding-top:58px
}
.reservation-pop-origin .reservation-research {
 display:none
}
.reservation-pop-origin .btn-area {
 display:none
}
.pc-fill {
 display:block
}
@media (max-width:1023px) {
 .pc-fill {
  display:none
 }
}
.m-fill {
 display:none
}
@media (max-width:1023px) {
 .m-fill {
  display:block
 }
}
.m-fill ul li .choose-select {
 position:relative;
 display:inline-block;
 width:46%
}
.m-fill ul li .choose-select:after {
 display:inline-block;
 content:" ";
 height:8px;
 width:8px;
 border-width:0 2px 2px 0;
 border-color:#c4d4f5;
 border-style:solid;
 -webkit-transform:translateY(-80%) rotate(45deg);
 -ms-transform:translateY(-80%) rotate(45deg);
 transform:translateY(-80%) rotate(45deg);
 -webkit-transform-origin:center;
 -ms-transform-origin:center;
 transform-origin:center;
 position:absolute;
 top:50%;
 right:25px
}
.m-fill ul li.choose-dust,
.m-fill ul li.choose-loc {
 position:relative;
 border:0;
 font-size:0;
 display:flex;
 justify-content:space-between
}
.m-fill ul li.choose-dust .form-error,
.m-fill ul li.choose-loc .form-error {
 border:0
}
.m-fill ul li.choose-dust select,
.m-fill ul li.choose-loc select {
 font-size:16px;
 height:48px;
 line-height:48px;
 width:100%;
 color:#fff;
 border-radius:30px;
 border:2px solid #6b9bff;
 padding:0 10px 0 26px;
 transition:border-color .4s;
 appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;
 background:0 0;
 outline:0
}
.m-fill ul li.choose-dust select:nth-child(2),
.m-fill ul li.choose-loc select:nth-child(2) {
 margin-right:0
}
.m-fill ul li.choose-dust i,
.m-fill ul li.choose-loc i {
 position:absolute;
 left:49.5%;
 top:50%;
 display:inline-block;
 height:2px;
 width:12px;
 background-color:#e0eaff;
 border-radius:1px;
 -webkit-transform:translate3d(-50%,-50%,0);
 transform:translate3d(-50%,-50%,0)
}
@media (max-width:1279px) {
 .m-fill ul li.choose-dust i,
 .m-fill ul li.choose-loc i {
  left:50.5%
 }
}
.m-fill ul li.choose-dust {
 width:100%
}
.m-fill ul li.choose-dust .choose-select {
 width:100%!important
}
.m-fill .btn-reservation {
 width:100%!important;
 height:48px!important;
 line-height:48px!important;
 font-size:16px
}
.m-fill .btn-reservation.disabled {
 background-color:#4c89ff;
 color:#89b8ff
}
.icon-all {
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-all.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);
 background-repeat:no-repeat
}
i.icon {
 display:inline-block;
 vertical-align:middle;
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-all.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);
 background-repeat:no-repeat
}
i.icon.icon-registration-notice {
 background-position:-511px -618px;
 width:24px;
 height:28px
}
i.icon.icon-learning-center {
 background-position:-372px -618px;
 width:24px;
 height:28px
}
i.icon.icon-ads-faq {
 background-position:-402px -618px;
 width:24px;
 height:28px
}
i.icon.icon-activity-announce {
 background-position:-432px -618px;
 width:24px;
 height:28px
}
i.icon.icon-play {
 background-position:-541px -618px;
 width:20px;
 height:20px
}
i.icon.icon-open-account {
 background-position:0 -618px;
 width:42px;
 height:32px
}
i.icon.icon-new-ads {
 background-position:-48px -618px;
 width:42px;
 height:32px
}
i.icon.icon-effect-evaluation {
 background-position:-96px -618px;
 width:34px;
 height:34px
}
i.icon.icon-effect-optimization {
 background-position:-136px -618px;
 width:34px;
 height:34px
}
i.icon.icon-assist-tools {
 background-position:-176px -618px;
 width:29px;
 height:32px
}
i.icon.icon-pro-illustration {
 background-position:-211px -618px;
 width:30px;
 height:35px
}
i.icon.icon-latest-update {
 background-position:-247px -618px;
 width:34px;
 height:34px
}
i.icon.icon-optimization-guide {
 background-position:-287px -618px;
 width:30px;
 height:33px
}
i.icon.icon-industry-solution {
 background-position:-323px -618px;
 width:43px;
 height:36px
}
i.icon.icon-video {
 background-position:-462px 0;
 width:43px;
 height:25px
}
i.icon.icon-attention {
 background-position:-567px -618px;
 width:23px;
 height:23px
}
i.icon.icon-success {
 background-position:-460px -265px;
 width:80px;
 height:80px
}
i.icon.icon-creative-guide {
 background-position:0 -660px;
 width:31px;
 height:33px
}
i.icon.icon-schedule {
 background-position:0 -468px;
 width:122px;
 height:138px
}
i.icon.icon-bid {
 background-position:-128px -468px;
 width:171px;
 height:138px
}
i.icon.icon-price {
 background-position:-720px -468px;
 width:171px;
 height:138px
}
i.icon.icon-accurate {
 background-position:-304px -467px;
 width:138px;
 height:138px
}
i.icon.icon-experience {
 background-position:-448px -468px;
 width:110px;
 height:138px
}
i.icon.icon-recognition {
 background-position:-563px -467px;
 width:145px;
 height:138px
}
i.icon.icon-ok {
 background-position:-680px -618px;
 width:22px;
 height:22px
}
i.icon.icon-close {
 background-position:-710px -618px;
 width:32px;
 height:32px
}
i.icon.icon-success-lg {
 width:46px;
 height:46px;
 background:no-repeat;
 background-position:0 0
}
i.icon.icon-warning-lg {
 width:46px;
 height:46px;
 background:no-repeat;
 background-position:0 -50px
}
i.icon.icon-error-lg {
 width:46px;
 height:46px;
 background:no-repeat;
 background-position:-50px 0
}
.reservation-pop i.icon.icon-close {
 background-image:url(https://www.gztenwin.com/skin/images/new/close_form.png);
 width:30px;
 height:30px;
 background-position:0 0;
 background-size:30px auto
}
i.icon.icon-error-lg,
i.icon.icon-success-lg,
i.icon.icon-warning-lg {
 background-image:url(https://www.gztenwin.com/skin/images/sprites/main.png?20170419105225);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/sprites/main.png?20170419105225) 1x,url(https://www.gztenwin.com/skin/images/sprites/main@2x.png?20170419105225) 2x)
}
@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:2.5),only screen and (min-resolution:240dpi),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) {
 i.icon.icon-error-lg,
 i.icon.icon-success-lg,
 i.icon.icon-warning-lg {
  background-image:url(https://www.gztenwin.com/skin/images/sprites/main@2x.png?20170419105225);
  background-size:124px auto
 }
 i.icon.icon-success-lg {
  background-position:0 0
 }
 i.icon.icon-warning-lg {
  background-position:0 -48px
 }
 i.icon.icon-error-lg {
  background-position:-48px 0
 }
}
.source-description {
 padding:90px 0
}
.source-description .description-word {
 padding-top:15px;
 line-height:2;
 font-size:16px;
 color:#000;
 text-align:center
}
.show-position {
 background:#fff;
 padding:90px 0 0
}
.show-position h3.title {
 margin-bottom:85px
}
.show-list {
 text-align:center;
 margin-top:50px;
 font-size:0
}
.show-list>a {
 height:50px;
 line-height:50px;
 padding:0 20px;
 display:inline-block;
 color:#7c7c7c;
 font-size:18px;
 border-radius:2px;
 position:relative
}
.show-list>a:after {
 content:"";
 width:1px;
 height:18px;
 line-height:1;
 display:inline-block;
 overflow:hidden;
 background-color:#d1d1d1;
 position:absolute;
 left:0;
 top:50%;
 margin-top:-9px
}
.show-list>a.active {
 background:#008de8;
 color:#fff;
 margin-right:-1px;
 z-index:10
}
.show-list>a.active:after {
 opacity:0
}
.show-list>a:first-child:after {
 opacity:0
}
.scene {
 width:100%;
 overflow:hidden;
 background:#fff
}
.scene .container {
 width:1274px
}
.scene .scene-text {
 height:521px
}
.scene .scene-item {
 margin-top:90px;
 padding:0 172px 0;
 border-bottom:1px solid #e9e9e9;
 background-repeat:no-repeat;
 *zoom:1;
 background-position:right bottom;
 overflow:hidden;
 position:relative
}
.scene .scene-item:after,
.scene .scene-item:before {
 display:table;
 content:""
}
.scene .scene-item:after {
 clear:both
}
.scene .scene-item:after,
.scene .scene-item:before {
 display:table;
 content:""
}
.scene .scene-item:after {
 clear:both
}
.scene .scene-item.section-active .bg-decor:after,
.scene .scene-item.section-active .bg-decor:before {
 opacity:1
}
.scene .scene-item.section-active .bg-capt {
 box-shadow:1px 0 8px rgba(0,0,0,.3)
}
.scene .scene-item .nav {
 border-radius:3px;
 position:absolute;
 left:172px;
 bottom:100px
}
.scene .scene-item .nav li {
 border:1px solid #dadada;
 border-left-width:0;
 text-align:center
}
.scene .scene-item .nav li:first-child {
 border-left-width:1px;
 border-radius:3px 0 0 3px
}
.scene .scene-item .nav li:first-child.active,
.scene .scene-item .nav li:first-child:hover {
 border-left-color:#008de8
}
.scene .scene-item .nav li:last-child {
 border-radius:0 3px 3px 0
}
.scene .scene-item .nav li:last-child.active,
.scene .scene-item .nav li:last-child:hover {
 border-right-color:#008de8
}
.scene .scene-item .nav.nav-word2 li {
 width:85px
}
.scene .scene-item .nav.nav-word4 li {
 width:105px
}
.scene .scene-item .nav.nav-word6 li {
 width:145px
}
.scene .scene-text {
 float:left;
 width:390px;
 display:table
}
.scene .scene-text .text-erea {
 display:table-cell;
 vertical-align:middle;
 *padding-top:160px
}
.scene .scene-text .sub-tit {
 margin-bottom:8px;
 font-size:18px;
 color:#a8a8a8
}
.scene .scene-text h4 {
 font-size:26px;
 color:#333;
 margin-bottom:30px
}
.scene .scene-text p {
 font-size:16px;
 line-height:2;
 color:#000
}
.scene .scene-text .h-line3 {
 height:160px;
 color:#909090;
 margin-top:10px
}
.scene .scene-text .h-line5 {
 height:200px;
 margin-top:10px
}
.scene .scene-pic {
 float:right;
 background-repeat:no-repeat;
 background-position:center;
 text-align:center
}
.scene .scene-pic .scene-paper {
 display:inline-block;
 background-repeat:no-repeat;
 background-position:center;
 background-size:100% 100%;
 position:relative;
 border:1px solid #dedede;
 border-bottom:none;
 border-radius:4px
}
.scene .scene-pic .bg-decor {
 position:absolute
}
.scene .scene-pic .bg-decor:after,
.scene .scene-pic .bg-decor:before {
 content:"‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧";
 position:absolute;
 overflow:hidden;
 line-height:1;
 transition:all .6s .6s;
 opacity:0
}
.scene .scene-pic .bg-capt {
 position:relative;
 z-index:2;
 transition:all .8s
}
.scene .scene-pic .bg-capt>img {
 display:block
}
.scene .scene-pic .bg-shade {
 width:100%;
 height:100%;
 position:absolute
}
.scene.scene-phone .scene-pic {
 background-image:url(https://www.gztenwin.com/skin/images/source/bg-phone.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/source/bg-phone.png) 1x,url(../images/source/bg-phone@2x.png) 2x);
 width:323px;
 height:521px
}
.scene.scene-phone .scene-pic .scene-paper {
 width:285px;
 height:446px;
 margin-top:75px
}
.scene.scene-phone.app-scene .scene-pic,
.scene.scene-phone.browser-scene-new .scene-pic,
.scene.scene-phone.qq-mobile-scene-new .scene-pic,
.scene.scene-phone.qzone-mobile-scene .scene-pic {
 width:301px;
 height:538px;
 background-image:url(https://www.gztenwin.com/skin/images/source/bg-phone-b.png)
}
.scene.scene-phone.app-scene .scene-pic .scene-paper,
.scene.scene-phone.browser-scene-new .scene-pic .scene-paper,
.scene.scene-phone.qq-mobile-scene-new .scene-pic .scene-paper,
.scene.scene-phone.qzone-mobile-scene .scene-pic .scene-paper {
 width:267px;
 height:471px;
 margin-top:66px
}
.scene.scene-desktop .scene-item {
 padding:0 100px
}
.scene.scene-desktop .scene-item .nav {
 left:100px;
 bottom:90px
}
.scene.scene-desktop .scene-item.left-pic .nav {
 left:784px
}
.scene.scene-desktop .scene-item .scene-pic {
 background-image:url(https://www.gztenwin.com/skin/images/source/bg-desktop.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/source/bg-desktop.png) 1x,url(../images/source/bg-desktop@2x.png) 2x);
 width:506px;
 height:318px
}
.scene.scene-desktop .scene-item .scene-pic .scene-paper {
 width:386px;
 height:218px;
 background-size:100% 100%;
 margin-top:48px;
 border-bottom:1px solid #dedede
}
.scene-item.left-pic {
 background-position:0 bottom
}
.scene-item.left-pic .scene-pic {
 float:left
}
.scene-item.left-pic .scene-text {
 float:right
}
.scene-item.left-pic .nav {
 left:712px
}
.scene .scene-item .bg-shade:after,
.scene .scene-item .bg-shade:before {
 display:none\9
}
:root .scene .scene-item .bg-shade:after,
:root .scene .scene-item .bg-shade:before {
 display:block\9
}
.description-digital {
 padding:60px 0;
 width:1050px;
 margin:0 auto
}
.description-digital li {
 text-align:center
}
.description-digital li b {
 display:block;
 font-size:36px;
 color:#008de8;
 margin-bottom:10px;
 font-weight:400
}
.description-digital li span {
 display:block;
 font-size:16px;
 color:#000
}
.diversity {
 padding:90px 0
}
.diversity .container {
 width:930px;
 overflow:hidden
}
.diversity-tabs {
 margin:60px 0;
 text-align:center;
 overflow:hidden;
 position:relative
}
.diversity-tabs:before {
 content:"";
 width:100%;
 height:2px;
 background:#dfe0e0;
 position:absolute;
 left:0;
 bottom:0
}
.diversity-tabs>a {
 display:inline-block;
 font-size:18px;
 color:#000;
 padding:0 0 12px;
 position:relative
}
.diversity-tabs>a:after {
 position:absolute;
 left:0;
 bottom:-1px;
 height:4px;
 width:100%;
 content:' ';
 background-color:#008de8;
 background-color:transparent\9;
 -webkit-transform:scaleX(0);
 -ms-transform:scaleX(0);
 transform:scaleX(0);
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
.diversity-tabs>a.active,
.diversity-tabs>a:hover {
 color:#008de8
}
.diversity-tabs>a.active:after,
.diversity-tabs>a:hover:after {
 -webkit-transform:scaleX(1);
 -ms-transform:scaleX(1);
 transform:scaleX(1);
 background-color:#008de8
}
.diversity-tabs.tabs-4>a {
 margin:0 35px
}
.diversity-tabs.tabs-3>a {
 margin:0 80px
}
.diversity-con .diversity-desc {
 text-align:center;
 font-size:16px;
 margin-bottom:60px;
 color:#000
}
.diversity-con .pic {
 text-align:center
}
.diversity-con img {
 max-width:100%;
 max-height:415px
}
.sticker {
 z-index:97;
 position:fixed;
 bottom:100px;
 right:100px
}
.sticker.fixed-bottom {
 position:absolute;
 margin-bottom:0;
 bottom:421px
}
.sticker.show-roll li.roll-top {
 opacity:1;
 height:53px;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
.sticker.mini-screen {
 right:10px
}
.sticker.hidden {
 display:none
}
.sticker li {
 position:relative
}
.sticker li>a {
 display:block;
 width:53px;
 height:53px;
 background-image:url(https://www.gztenwin.com/skin/images/icon/side-bar.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/side-bar.png) 1x,url(../images/icon/side-bar@2x.png) 2x);
 background-repeat:no-repeat
}
.sticker li.consultation {
 padding-left:30px
}
.sticker li.consultation a {
 background-position:0 0
}
.sticker li.roll-top {
 margin-top:10px;
 height:0;
 opacity:0;
 overflow:hidden;
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0);
 transition:all .3s ease
}
.sticker li.roll-top a {
 background-position:0 bottom
}
.sticker .side-pop {
 display:none;
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-46px
}
.sticker .side-pop>a {
 display:block;
 width:90px;
 height:40px;
 text-align:center;
 line-height:40px;
 border:1px solid #008de8;
 background-color:#fff
}
.sticker .side-pop>a.open-account {
 border-bottom:none;
 border-radius:3px 3px 0 0
}
.sticker .side-pop>a.after-sale {
 border-radius:0 0 3px 3px
}
.new-sticker {
 z-index:97;
 position:fixed;
 bottom:100px;
 right:24px
}
@media (max-width:1023px) {
 .new-sticker {
  display:none!important
 }
}
.new-sticker.fixed-bottom {
 position:absolute;
 margin-bottom:0;
 bottom:421px
}
.new-sticker.show-roll li.roll-top {
 opacity:1;
 height:65px;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
.new-sticker.mini-screen {
 right:10px
}
.new-sticker.hidden {
 display:none
}
.new-sticker li {
 position:relative
}
.new-sticker li>a {
 display:inline-block;
 width:65px;
 height:65px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_right.png);
 background-repeat:no-repeat;
 background-size:102px auto;
 transition:none
}
.new-sticker li.consultation {
 padding-left:30px
}
.new-sticker li.consultation a {
 background-position:-18px -16px
}
.new-sticker li.consultation a:hover {
 background-position:-18px -120px
}
.new-sticker li.roll-top {
 padding-left:30px;
 margin-top:10px;
 height:0;
 opacity:0;
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0);
 transition:all .3s ease
}
.new-sticker li.roll-top a {
 background-position:-18px -223px
}
.new-sticker li.roll-top a:hover {
 background-position:-18px -327px
}
.new-sticker li .hover-tip {
 display:none;
 position:absolute;
 left:26px;
 top:50%;
 -webkit-transform:translateX(-108%) translateY(-50%);
 -ms-transform:translateX(-108%) translateY(-50%);
 transform:translateX(-108%) translateY(-50%)
}
@media (max-width:1279px) {
 .new-sticker li .hover-tip {
  -webkit-transform:translateX(-108%) translateY(-55%);
  -ms-transform:translateX(-108%) translateY(-55%);
  transform:translateX(-108%) translateY(-55%)
 }
}
.new-sticker li .hover-tip .tip-block {
 position:relative;
 padding:12px 20px;
 background-color:#fff;
 font-size:14px;
 white-space:nowrap;
 color:#313233;
 border-radius:8px;
 border:1px solid #d2d4d9;
 box-shadow:0 3px 5px 0 rgba(0,0,0,.05),0 6px 15px 0 rgba(0,0,0,.05);
 cursor:pointer
}
.new-sticker li .hover-tip .tip-block:hover {
 color:#296bef
}
.new-sticker li .hover-tip .tip-block:after {
 content:"";
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translate(50%,-50%) rotate(225deg);
 -ms-transform:translate(50%,-50%) rotate(225deg);
 transform:translate(50%,-50%) rotate(225deg);
 background-color:#fff;
 width:14px;
 height:14px;
 border:1px solid #d2d4d9;
 border-color:transparent transparent #d2d4d9 #d2d4d9;
 box-sizing:border-box;
 border-radius:2px
}
.new-sticker li .hover-tip .tip-block a {
 background-image:none;
 height:auto;
 width:auto;
 font-size:14px;
 line-height:1;
 color:#313233
}
.new-sticker li .hover-tip .tip-block a:hover {
 color:#296bef
}
.new-sticker li .hover-tip .tip-block ul li {
 margin-bottom:12px
}
.new-sticker li .hover-tip .tip-block ul li:last-child {
 margin-bottom:0
}
.new-sticker li:hover .hover-tip {
 display:block
}
.new-sticker .side-pop {
 display:none;
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-46px
}
.new-sticker .side-pop>a {
 display:block;
 width:90px;
 height:40px;
 text-align:center;
 line-height:40px;
 border:1px solid #008de8;
 background-color:#fff
}
.new-sticker .side-pop>a.open-account {
 border-bottom:none;
 border-radius:3px 3px 0 0
}
.new-sticker .side-pop>a.after-sale {
 border-radius:0 0 3px 3px
}
@media (max-width:1279px) {
 .new-sticker li>a {
  width:56px;
  height:56px;
  background-size:80px auto
 }
 .new-sticker li.consultation {
  padding-left:30px
 }
 .new-sticker li.consultation a {
  background-position:-13px -11px
 }
 .new-sticker li.consultation a:hover {
  background-position:-13px -93px
 }
 .new-sticker li.roll-top {
  margin-top:5px;
  padding-left:30px
 }
 .new-sticker li.roll-top a {
  background-position:-13px -172px
 }
 .new-sticker li.roll-top a:hover {
  background-position:-13px -254px
 }
}
.overview .dsp-source {
 position:relative;
 height:700px;
 color:#fff;
 background:url(https://www.gztenwin.com/skin/images/index/overview_bg.jpg) no-repeat left center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/overview_bg.jpg) 1x,url(../images/index/overview_bg@2x.jpg) 2x)
}
.overview .dsp-source .container {
 height:100%;
 text-align:right;
 position:relative
}
.overview .dsp-source .container:before {
 width:0;
 height:100%;
 display:inline-block;
 *display:inline;
 *zoom:1;
 content:' ';
 vertical-align:middle
}
.overview .dsp-source .dsp-source-light {
 position:absolute;
 right:50%;
 bottom:0;
 width:856px;
 height:414px;
 margin-right:-228px;
 background:url(https://www.gztenwin.com/skin/images/index/overview_light.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/overview_light.png) 1x,url(../images/index/overview_light@2x.png) 2x)
}
.overview .dsp-source .dsp-source-text {
 text-align:left;
 width:352px;
 display:inline-block;
 *display:inline;
 *zoom:1;
 vertical-align:middle
}
.overview .dsp-source .dsp-source-text h3.title {
 font-family:dsp,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","，"Source Han Sans CN",sans-serif;
 text-align:left;
 color:#fff;
 line-height:1.5;
 margin-bottom:20px;
 *padding-top:150px
}
.overview .dsp-source .dsp-source-text p {
 font-size:16px;
 line-height:2;
 margin-bottom:20px
}
.overview .dsp-source .dsp-source-text .btn-more-source {
 font-size:16px;
 color:#fff
}
.overview .dsp-source .dsp-source-text .btn-more-source:hover {
 opacity:.8
}
.overview .dsp-source .dsp-source-text .content {
 margin-bottom:35px
}
.overview .dsp-source .dsp-source-text .btn {
 line-height:38px
}
.overview .dsp-source .dsp-source-list {
 position:absolute;
 left:0;
 top:174px
}
.overview .dsp-source .dsp-source-list li {
 float:left;
 margin-right:18px
}
.overview .dsp-source .dsp-source-list li.ads,
.overview .dsp-source .dsp-source-list li.app {
 margin-top:9px
}
.overview .dsp-source .dsp-source-list li.video,
.overview .dsp-source .dsp-source-list li.wechat {
 margin-top:30px
}
.overview .dsp-source .dsp-source-list li.news,
.overview .dsp-source .dsp-source-list li.qq {
 margin-top:68px
}
.overview .dsp-source .dsp-source-list li.kuaibao,
.overview .dsp-source .dsp-source-list li.qzone {
 margin-top:128px
}
.overview .dsp-source .dsp-source-list li .icon {
 display:block;
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-all.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);
 background-repeat:no-repeat;
 width:67px;
 height:67px
}
.overview .dsp-source .dsp-source-list li .icon.icon-wechat {
 background-position:0 -152px
}
.overview .dsp-source .dsp-source-list li .icon.icon-ads {
 background-position:-658px -152px
}
.overview .dsp-source .dsp-source-list li .icon.icon-app {
 background-position:-146px -152px
}
.overview .dsp-source .dsp-source-list li .icon.icon-browser {
 background-position:-219px -152px
}
.overview .dsp-source .dsp-source-list li .icon.icon-qq {
 background-position:-292px -152px
}
.overview .dsp-source .dsp-source-list li .icon.icon-qzone {
 background-position:-365px -152px
}
.overview .dsp-source .dsp-source-list li .icon.icon-video {
 background-position:-439px -152px
}
.overview .dsp-source .dsp-source-list li .icon.icon-news {
 background-position:-513px -152px
}
.overview .dsp-source .dsp-source-list li .icon.icon-kuaibao {
 background-position:-585px -152px
}
.overview .dsp-source .dsp-source-list li span {
 display:block;
 font-size:12px;
 color:#dadada;
 text-align:center;
 margin-top:6px
}
.overview .orientation-ability {
 padding:110px 0 10px;
 background:#f0f3f6;
 background:linear-gradient(to bottom,#f0f3f6 0,#e9edf0 82%,#e8ebf0 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f3f6', endColorstr='#e8ebf0', GradientType=0)
}
.overview .orientation-ability .orientation-ability-text {
 width:352px;
 float:left;
 padding-top:50px
}
.overview .orientation-ability .orientation-ability-text h3.title {
 font-family:dsp,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","，"Source Han Sans CN",sans-serif;
 text-align:left;
 line-height:1.5;
 margin-bottom:20px
}
.overview .orientation-ability .orientation-ability-text .content {
 margin-bottom:35px
}
.overview .orientation-ability .orientation-ability-text p {
 font-size:16px;
 line-height:2;
 margin-bottom:20px
}
.overview .orientation-ability .orientation-ability-text .btn-more-orientation {
 font-size:16px
}
.overview .orientation-ability .orientation-ability-text .btn {
 line-height:38px
}
.overview .orientation-ability .orientation-ability-example {
 position:relative;
 float:right;
 width:544px;
 height:345px
}
.overview .orientation-ability .orientation-ability-tab {
 float:right;
 width:410px;
 margin:60px 80px 0 0;
 overflow:hidden;
 *position:relative;
 *height:130px
}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs {
 position:relative;
 overflow:hidden;
 margin-right:-20px
}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a {
 display:block;
 float:left;
 font-size:18px;
 color:#000;
 padding:0 7px 12px;
 position:relative;
 margin-right:20px
}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a:after {
 position:absolute;
 left:0;
 bottom:-1px;
 height:4px;
 width:100%;
 content:' ';
 background-color:#008de8;
 background-color:transparent\9;
 -webkit-transform:scaleX(0);
 -ms-transform:scaleX(0);
 transform:scaleX(0);
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a.active,
.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a:hover {
 color:#008de8
}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a.active:after,
.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a:hover:after {
 -webkit-transform:scaleX(1);
 -ms-transform:scaleX(1);
 transform:scaleX(1);
 background-color:#008de8
}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs:before {
 content:"";
 width:100%;
 height:2px;
 background:#dfe0e0;
 position:absolute;
 left:0;
 bottom:0
}
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container {
 text-align:center;
 font-size:16px;
 color:#666;
 margin-top:15px;
 *zoom:1
}
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:after,
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:before {
 display:table;
 content:""
}
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:after {
 clear:both
}
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:after,
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:before {
 display:table;
 content:""
}
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:after {
 clear:both
}
.overview .management {
 padding:100px 0;
 background:#f7f9fb
}
.overview .management .title {
 line-height:1.5;
 margin-bottom:60px;
 font-family:dsp,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","，"Source Han Sans CN",sans-serif
}
.overview .management .management-list {
 text-align:center;
 color:#000
}
.overview .management .management-list li .icon {
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-all.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);
 background-repeat:no-repeat
}
.overview .management .management-list li .icon.icon-free {
 background-position:0 -231px;
 width:171px;
 height:143px
}
.overview .management .management-list li .icon.icon-cost {
 background-position:-177px -231px;
 width:122px;
 height:143px
}
.overview .management .management-list li .icon.icon-count {
 background-position:-305px -231px;
 width:144px;
 height:143px
}
.overview .management .management-list li h4 {
 font-size:26px;
 margin:30px 0 10px
}
.overview .management .management-list li p {
 font-size:16px;
 line-height:2;
 display:inline-block;
 max-width:300px
}
.overview .effect {
 background-color:#fff;
 padding:110px 0 80px
}
.overview .effect h3.title {
 margin-bottom:90px;
 font-family:dsp,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","，"Source Han Sans CN",sans-serif
}
.overview .effect .effect-container {
 width:100%;
 height:520px;
 overflow:hidden;
 *position:relative
}
.overview .effect .effect-container .swiper-slide {
 position:relative
}
.overview .effect .effect-container .effect-slide1,
.overview .effect .effect-container .effect-slide3 {
 background-image:url(https://www.gztenwin.com/skin/images/index/bg-effect.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/bg-effect.png) 1x,url(../images/index/bg-effect@2x.png) 2x);
 background-repeat:no-repeat;
 background-position:center bottom
}
.overview .effect .effect-container .effect-text {
 width:480px;
 position:absolute;
 left:50%;
 margin-left:40px;
 margin-top:72px
}
.overview .effect .effect-container .effect-text .effect-brand {
 color:#999;
 font-size:18px
}
.overview .effect .effect-container .effect-text .effect-title {
 font-family:dsp,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","，"Source Han Sans CN",sans-serif;
 font-size:32px;
 line-height:1.56;
 color:#000;
 margin:28px 0
}
.overview .effect .effect-container .effect-text .effect-title>em {
 color:#008de8;
 font-style:normal
}
.overview .effect .effect-container .effect-text .effect-description {
 font-size:16px;
 color:#333;
 line-height:2;
 margin-bottom:30px
}
.overview .effect .effect-container .effect-text .effect-description p:before {
 display:inline-block;
 *display:inline;
 *zoom:1;
 content:'|';
 margin-right:8px
}
.overview .effect .effect-container .effect-text .btn-primary {
 line-height:36px
}
.overview .effect .effect-container .effect-pic {
 position:absolute;
 right:50%;
 margin-right:40px
}
.overview .effect .effect-container .effect-pic.pic1 {
 width:327px;
 height:522px;
 background-image:url(https://www.gztenwin.com/skin/images/index/effect1.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/effect1.png) 1x,url(../images/index/effect1@2x.png) 2x);
 background-repeat:no-repeat
}
.overview .effect .effect-container .effect-pic.pic2 {
 width:546px;
 height:515px;
 background-image:url(https://www.gztenwin.com/skin/images/index/effect2.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/effect2.png) 1x,url(../images/index/effect2@2x.png) 2x);
 background-repeat:no-repeat
}
.overview .effect .effect-container .effect-pic.pic3 {
 width:327px;
 height:522px;
 background-image:url(https://www.gztenwin.com/skin/images/index/effect3.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/effect3.png) 1x,url(../images/index/effect3@2x.png) 2x);
 background-repeat:no-repeat
}
.overview .effect .pagination {
 text-align:center;
 margin:30px 0 10px
}
.overview .effect .pagination>span {
 cursor:pointer;
 display:inline-block;
 background:#8e9ea6;
 width:10px;
 height:10px;
 border-radius:100%;
 margin:0 6px;
 border:1px solid #fff;
 transition:all .4s
}
.overview .effect .pagination>span.swiper-active-switch {
 border-color:#008de8;
 background:#fff
}
.overview .effect .btn-erea {
 text-align:center
}
.figure-car1 {
 position:absolute;
 top:138px;
 left:105px;
 width:76px;
 height:197px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car1.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car1.png) 1x,url(../images/index/figure/figure-car1@2x.png) 2x);
 z-index:2
}
.figure-car1 i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car1-active.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car1-active.png) 1x,url(../images/index/figure/figure-car1-active@2x.png) 2x)
}
.figure-car2 {
 position:absolute;
 top:33px;
 left:341px;
 width:58px;
 height:176px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car2.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car2.png) 1x,url(../images/index/figure/figure-car2@2x.png) 2x);
 z-index:2
}
.figure-car2 i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car2-active.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car2-active.png) 1x,url(../images/index/figure/figure-car2-active@2x.png) 2x)
}
.figure-car3 {
 position:absolute;
 top:130px;
 left:412px;
 width:62px;
 height:189px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car3.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car3.png) 1x,url(../images/index/figure/figure-car3@2x.png) 2x);
 z-index:2
}
.figure-car3 i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car3-active.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car3-active.png) 1x,url(../images/index/figure/figure-car3-active@2x.png) 2x)
}
.figure-car3-active {
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car3-active.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car3-active.png) 1x,url(../images/index/figure/figure-car3-active@2x.png) 2x)
}
.figure-car1-shape {
 position:absolute;
 top:324px;
 left:108px;
 width:61px;
 height:17px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car1-shape.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car1-shape.png) 1x,url(../images/index/figure/figure-car1-shape@2x.png) 2x);
 z-index:1
}
.figure-car2-shape {
 position:absolute;
 top:200px;
 left:344px;
 width:54px;
 height:15px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car2-shape.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car2-shape.png) 1x,url(../images/index/figure/figure-car2-shape@2x.png) 2x);
 z-index:1
}
.figure-car3-shape {
 position:absolute;
 top:309px;
 left:414px;
 width:57px;
 height:16px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car3-shape.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car3-shape.png) 1x,url(../images/index/figure/figure-car3-shape@2x.png) 2x);
 z-index:1
}
.figure-car1-line {
 position:absolute;
 top:210px;
 left:141px;
 width:219px;
 height:119px;
 z-index:0
}
.figure-car1-line i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car1-line.png) no-repeat 0 0 transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car1-line.png) 1x,url(../images/index/figure/figure-car1-line@2x.png) 2x)
}
.figure-car2-line {
 position:absolute;
 top:208px;
 left:375px;
 width:63px;
 height:140px;
 z-index:0
}
.figure-car2-line i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car2-line.png) no-repeat 0 0 transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car2-line.png) 1x,url(../images/index/figure/figure-car2-line@2x.png) 2x)
}
.figure-car3-line {
 position:absolute;
 top:316px;
 left:160px;
 width:265px;
 height:18px;
 z-index:0
}
.figure-car3-line i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-car3-line.png) no-repeat right top transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-car3-line.png) 1x,url(../images/index/figure/figure-car3-line@2x.png) 2x)
}
.figure-shop1 {
 position:absolute;
 top:25px;
 left:173px;
 width:67px;
 height:165px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop1.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop1.png) 1x,url(../images/index/figure/figure-shop1@2x.png) 2x);
 z-index:2
}
.figure-shop1 i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop1-active.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop1-active.png) 1x,url(../images/index/figure/figure-shop1-active@2x.png) 2x)
}
.figure-shop3 {
 position:absolute;
 top:147px;
 left:245px;
 width:78px;
 height:197px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop2.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop2.png) 1x,url(../images/index/figure/figure-shop2@2x.png) 2x);
 z-index:2
}
.figure-shop3 i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop2-active.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop2-active.png) 1x,url(../images/index/figure/figure-shop2-active@2x.png) 2x)
}
.figure-shop2 {
 position:absolute;
 top:64px;
 left:488px;
 width:53px;
 height:173px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop3.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop3.png) 1x,url(../images/index/figure/figure-shop3@2x.png) 2x);
 z-index:2
}
.figure-shop2 i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop3-active.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop3-active.png) 1x,url(../images/index/figure/figure-shop3-active@2x.png) 2x)
}
.figure-shop1-shape {
 position:absolute;
 top:183px;
 left:194px;
 width:47px;
 height:13px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop1-shape.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop1-shape.png) 1x,url(../images/index/figure/figure-shop1-shape@2x.png) 2x);
 z-index:1
}
.figure-shop2-shape {
 position:absolute;
 top:231px;
 left:489px;
 width:49px;
 height:14px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop2-shape.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop2-shape.png) 1x,url(../images/index/figure/figure-shop2-shape@2x.png) 2x);
 z-index:1
}
.figure-shop3-shape {
 position:absolute;
 top:332px;
 left:258px;
 width:73px;
 height:20px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop3-shape.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop3-shape.png) 1x,url(../images/index/figure/figure-shop3-shape@2x.png) 2x);
 z-index:1
}
.figure-shop1-line {
 position:absolute;
 top:189px;
 left:218px;
 width:292px;
 height:53px;
 z-index:0
}
.figure-shop1-line i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop1-line.png) no-repeat 0 0 transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop1-line.png) 1x,url(../images/index/figure/figure-shop1-line@2x.png) 2x)
}
.figure-shop2-line {
 position:absolute;
 top:243px;
 left:306px;
 width:210px;
 height:98px;
 z-index:0
}
.figure-shop2-line i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop2-line.png) no-repeat right top transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop2-line.png) 1x,url(../images/index/figure/figure-shop2-line@2x.png) 2x)
}
.figure-shop3-line {
 position:absolute;
 top:190px;
 left:218px;
 width:63px;
 height:146px;
 z-index:0
}
.figure-shop3-line i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-shop3-line.png) no-repeat right bottom transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-shop3-line.png) 1x,url(../images/index/figure/figure-shop3-line@2x.png) 2x)
}
.figure-app1 {
 position:absolute;
 top:141px;
 left:0;
 width:48px;
 height:162px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app1.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app1.png) 1x,url(../images/index/figure/figure-app1@2x.png) 2x);
 z-index:2
}
.figure-app1 i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app1-active.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app1-active.png) 1x,url(../images/index/figure/figure-app1-active@2x.png) 2x)
}
.figure-app2 {
 position:absolute;
 top:14px;
 left:69px;
 width:41px;
 height:137px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app2.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app2.png) 1x,url(../images/index/figure/figure-app2@2x.png) 2x);
 z-index:2
}
.figure-app2 i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app2-active.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app2-active.png) 1x,url(../images/index/figure/figure-app2-active@2x.png) 2x)
}
.figure-app3 {
 position:absolute;
 top:0;
 left:273px;
 width:37px;
 height:120px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app3.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app3.png) 1x,url(../images/index/figure/figure-app3@2x.png) 2x);
 z-index:2
}
.figure-app3 i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app3-active.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app3-active.png) 1x,url(../images/index/figure/figure-app3-active@2x.png) 2x)
}
.figure-app1-shape {
 position:absolute;
 top:295px;
 left:0;
 width:53px;
 height:15px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app1-shape.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app1-shape.png) 1x,url(../images/index/figure/figure-app1-shape@2x.png) 2x);
 z-index:1
}
.figure-app2-shape {
 position:absolute;
 top:144px;
 left:68px;
 width:42px;
 height:12px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app2-shape.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app2-shape.png) 1x,url(../images/index/figure/figure-app2-shape@2x.png) 2x);
 z-index:1
}
.figure-app3-shape {
 position:absolute;
 top:114px;
 left:274px;
 width:37px;
 height:11px;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app3-shape.png) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app3-shape.png) 1x,url(../images/index/figure/figure-app3-shape@2x.png) 2x);
 z-index:1
}
.figure-app1-line {
 position:absolute;
 top:150px;
 left:20px;
 width:71px;
 height:150px;
 z-index:0
}
.figure-app1-line i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app1-line.png) no-repeat 0 0 transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app1-line.png) 1x,url(../images/index/figure/figure-app1-line@2x.png) 2x)
}
.figure-app2-line {
 position:absolute;
 top:120px;
 left:88px;
 width:205px;
 height:33px;
 z-index:0
}
.figure-app2-line i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app2-line.png) no-repeat 0 0 transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app2-line.png) 1x,url(../images/index/figure/figure-app2-line@2x.png) 2x)
}
.figure-app3-line {
 position:absolute;
 top:123px;
 left:30px;
 width:265px;
 height:180px;
 z-index:0
}
.figure-app3-line i {
 width:100%;
 height:100%;
 display:block;
 background:url(https://www.gztenwin.com/skin/images/index/figure/figure-app3-line.png) no-repeat right top transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/index/figure/figure-app3-line.png) 1x,url(../images/index/figure/figure-app3-line@2x.png) 2x)
}
.no-cssanimations .orientation-ability-example .figure i,
.no-cssanimations .orientation-ability-example .line i,
.no-cssanimations .orientation-ability-example .shape {
 display:none;
 opacity:0
}
.no-cssanimations .orientation-ability-example.status0 .figure-car1 i,
.no-cssanimations .orientation-ability-example.status0 .figure-car1-line i,
.no-cssanimations .orientation-ability-example.status0 .figure-car1-shape,
.no-cssanimations .orientation-ability-example.status0 .figure-car2 i,
.no-cssanimations .orientation-ability-example.status0 .figure-car2-line i,
.no-cssanimations .orientation-ability-example.status0 .figure-car2-shape,
.no-cssanimations .orientation-ability-example.status0 .figure-car3 i,
.no-cssanimations .orientation-ability-example.status0 .figure-car3-line i,
.no-cssanimations .orientation-ability-example.status0 .figure-car3-shape {
 opacity:1;
 display:block
}
.no-cssanimations .orientation-ability-example.status1 .figure-shop1 i,
.no-cssanimations .orientation-ability-example.status1 .figure-shop1-line i,
.no-cssanimations .orientation-ability-example.status1 .figure-shop1-shape,
.no-cssanimations .orientation-ability-example.status1 .figure-shop2 i,
.no-cssanimations .orientation-ability-example.status1 .figure-shop2-line i,
.no-cssanimations .orientation-ability-example.status1 .figure-shop2-shape,
.no-cssanimations .orientation-ability-example.status1 .figure-shop3 i,
.no-cssanimations .orientation-ability-example.status1 .figure-shop3-line i,
.no-cssanimations .orientation-ability-example.status1 .figure-shop3-shape {
 opacity:1;
 display:block
}
.no-cssanimations .orientation-ability-example.status2 .figure-app1 i,
.no-cssanimations .orientation-ability-example.status2 .figure-app1-line i,
.no-cssanimations .orientation-ability-example.status2 .figure-app1-shape,
.no-cssanimations .orientation-ability-example.status2 .figure-app2 i,
.no-cssanimations .orientation-ability-example.status2 .figure-app2-line i,
.no-cssanimations .orientation-ability-example.status2 .figure-app2-shape,
.no-cssanimations .orientation-ability-example.status2 .figure-app3 i,
.no-cssanimations .orientation-ability-example.status2 .figure-app3-line i,
.no-cssanimations .orientation-ability-example.status2 .figure-app3-shape {
 opacity:1;
 display:block
}
.cssanimations .orientation-ability-example .figure i,
.cssanimations .orientation-ability-example .line i,
.cssanimations .orientation-ability-example .shape {
 opacity:0
}
.cssanimations .orientation-ability-example .line i {
 position:absolute;
 top:0;
 height:100%;
 width:0%
}
.cssanimations .orientation-ability-example.status0 .figure-car1 i {
 -webkit-animation:fadeIn .4s ease both;
 animation:fadeIn .4s ease both
}
.cssanimations .orientation-ability-example.status0 .figure-car1-shape {
 -webkit-animation:fadeIn .6s ease both .2s;
 animation:fadeIn .6s ease both .2s
}
.cssanimations .orientation-ability-example.status0 .figure-car1-line i {
 -webkit-animation:lineRight .4s ease both .4s;
 animation:lineRight .4s ease both .4s
}
.cssanimations .orientation-ability-example.status0 .figure-car2 i {
 -webkit-animation:fadeIn .6s ease both .4s;
 animation:fadeIn .6s ease both .4s
}
.cssanimations .orientation-ability-example.status0 .figure-car2-shape {
 -webkit-animation:fadeIn .4s ease both .6s;
 animation:fadeIn .4s ease both .6s
}
.cssanimations .orientation-ability-example.status0 .figure-car2-line i {
 -webkit-animation:lineRight .4s ease both .8s;
 animation:lineRight .4s ease both .8s
}
.cssanimations .orientation-ability-example.status0 .figure-car3 i {
 -webkit-animation:fadeIn .6s ease both .8s;
 animation:fadeIn .6s ease both .8s
}
.cssanimations .orientation-ability-example.status0 .figure-car3-shape {
 -webkit-animation:fadeIn .4s ease both 1s;
 animation:fadeIn .4s ease both 1s
}
.cssanimations .orientation-ability-example.status0 .figure-car3-line i {
 -webkit-animation:lineLeft .4s ease both 1.2s;
 animation:lineLeft .4s ease both 1.2s
}
.cssanimations .orientation-ability-example.status1 .figure-shop1 i {
 -webkit-animation:fadeIn .6s ease both;
 animation:fadeIn .6s ease both
}
.cssanimations .orientation-ability-example.status1 .figure-shop2 i {
 -webkit-animation:fadeIn .6s ease both .4s;
 animation:fadeIn .6s ease both .4s
}
.cssanimations .orientation-ability-example.status1 .figure-shop3 i {
 -webkit-animation:fadeIn .6s ease both .8s;
 animation:fadeIn .6s ease both .8s
}
.cssanimations .orientation-ability-example.status1 .figure-shop1-shape {
 -webkit-animation:fadeIn .4s ease both .2s;
 animation:fadeIn .4s ease both .2s
}
.cssanimations .orientation-ability-example.status1 .figure-shop1-line i {
 -webkit-animation:lineRight .4s ease both .4s;
 animation:lineRight .4s ease both .4s
}
.cssanimations .orientation-ability-example.status1 .figure-shop2-shape {
 -webkit-animation:fadeIn .4s ease both .6s;
 animation:fadeIn .4s ease both .6s
}
.cssanimations .orientation-ability-example.status1 .figure-shop2-line i {
 -webkit-animation:lineLeft .4s ease both .8s;
 animation:lineLeft .4s ease both .8s
}
.cssanimations .orientation-ability-example.status1 .figure-shop3-shape {
 -webkit-animation:fadeIn .4s ease both 1s;
 animation:fadeIn .4s ease both 1s
}
.cssanimations .orientation-ability-example.status1 .figure-shop3-line i {
 -webkit-animation:lineLeft .4s ease both 1.2s;
 animation:lineLeft .4s ease both 1.2s
}
.cssanimations .orientation-ability-example.status2 .figure-app1 i {
 -webkit-animation:fadeIn .6s ease both;
 animation:fadeIn .6s ease both
}
.cssanimations .orientation-ability-example.status2 .figure-app2 i {
 -webkit-animation:fadeIn .6s ease both .4s;
 animation:fadeIn .6s ease both .4s
}
.cssanimations .orientation-ability-example.status2 .figure-app3 i {
 -webkit-animation:fadeIn .6s ease both .8s;
 animation:fadeIn .6s ease both .8s
}
.cssanimations .orientation-ability-example.status2 .figure-app1-shape {
 -webkit-animation:fadeIn .4s ease both .2s;
 animation:fadeIn .4s ease both .2s
}
.cssanimations .orientation-ability-example.status2 .figure-app1-line i {
 -webkit-animation:lineRight .4s ease both .4s;
 animation:lineRight .4s ease both .4s
}
.cssanimations .orientation-ability-example.status2 .figure-app2-shape {
 -webkit-animation:fadeIn .4s ease both .6s;
 animation:fadeIn .4s ease both .6s
}
.cssanimations .orientation-ability-example.status2 .figure-app2-line i {
 -webkit-animation:lineRight .4s ease both .8s;
 animation:lineRight .4s ease both .8s
}
.cssanimations .orientation-ability-example.status2 .figure-app3-shape {
 -webkit-animation:fadeIn .4s ease both 1s;
 animation:fadeIn .4s ease both 1s
}
.cssanimations .orientation-ability-example.status2 .figure-app3-line i {
 -webkit-animation:lineLeft .4s ease both 1.2s;
 animation:lineLeft .4s ease both 1.2s
}
.cssanimations .hero-index .hero-content .btn,
.cssanimations .hero-index .hero-index-bg,
.cssanimations .hero-index .hero-text,
.cssanimations .hero-index .hero-title,
.cssanimations .hero-index .phone {
 opacity:0
}
.cssanimations .hero-index.sec-active .hero-index-bg {
 -webkit-animation:fadeIn .6s linear both;
 animation:fadeIn .6s linear both
}
.cssanimations .hero-index.sec-active .hero-title {
 -webkit-animation:fadeInTop .4s ease-in-out both .5s;
 animation:fadeInTop .4s ease-in-out both .5s
}
.cssanimations .hero-index.sec-active .hero-text {
 -webkit-animation:fadeInTop .4s ease-in-out both .5s;
 animation:fadeInTop .4s ease-in-out both .5s
}
.cssanimations .hero-index.sec-active .hero-content .btn {
 -webkit-animation:fadeIn .4s ease-in-out both .8s;
 animation:fadeIn .4s ease-in-out both .8s
}
.cssanimations .hero-index.sec-active .phone {
 -webkit-animation:fadeIn .4s ease-in-out both .8s;
 animation:fadeIn .4s ease-in-out both .8s
}
.cssanimations .dsp-source .dsp-source-light,
.cssanimations .dsp-source .dsp-source-list ul li,
.cssanimations .dsp-source .dsp-source-text .btn,
.cssanimations .dsp-source .dsp-source-text .content,
.cssanimations .dsp-source .dsp-source-text .title {
 opacity:0
}
.cssanimations .dsp-source.sec-active .dsp-source-text .title {
 -webkit-animation:fadeInTop .4s ease-in-out both;
 animation:fadeInTop .4s ease-in-out both
}
.cssanimations .dsp-source.sec-active .dsp-source-text .content {
 -webkit-animation:fadeInTop .4s ease-in-out both;
 animation:fadeInTop .4s ease-in-out both
}
.cssanimations .dsp-source.sec-active .dsp-source-text .btn {
 -webkit-animation:fadeIn .4s ease-in-out both .3s;
 animation:fadeIn .4s ease-in-out both .3s
}
.cssanimations .dsp-source.sec-active .dsp-source-light {
 -webkit-animation:fadeIn .4s ease-in-out both .7s;
 animation:fadeIn .4s ease-in-out both .7s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li {
 -webkit-animation:zoomIn .4s ease-in-out both;
 animation:zoomIn .4s ease-in-out both
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(1) {
 -webkit-animation-delay:.8s;
 animation-delay:.8s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(2) {
 -webkit-animation-delay:.9s;
 animation-delay:.9s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(3) {
 -webkit-animation-delay:1s;
 animation-delay:1s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(4) {
 -webkit-animation-delay:1.1s;
 animation-delay:1.1s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(5) {
 -webkit-animation-delay:1.2s;
 animation-delay:1.2s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(6) {
 -webkit-animation-delay:1.3s;
 animation-delay:1.3s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(7) {
 -webkit-animation-delay:1.4s;
 animation-delay:1.4s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(8) {
 -webkit-animation-delay:1.5s;
 animation-delay:1.5s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(9) {
 -webkit-animation-delay:1.6s;
 animation-delay:1.6s
}
.cssanimations .orientation-ability .orientation-ability-example,
.cssanimations .orientation-ability .orientation-ability-tab,
.cssanimations .orientation-ability .orientation-ability-text .btn,
.cssanimations .orientation-ability .orientation-ability-text .content,
.cssanimations .orientation-ability .orientation-ability-text .title {
 opacity:0
}
.cssanimations .orientation-ability.sec-active .orientation-ability-text .title {
 -webkit-animation:fadeInTop .4s ease-in-out both;
 animation:fadeInTop .4s ease-in-out both
}
.cssanimations .orientation-ability.sec-active .orientation-ability-text .content {
 -webkit-animation:fadeInTop .4s ease-in-out both;
 animation:fadeInTop .4s ease-in-out both
}
.cssanimations .orientation-ability.sec-active .orientation-ability-text .btn {
 -webkit-animation:fadeInTop .4s ease-in-out both .3s;
 animation:fadeInTop .4s ease-in-out both .3s
}
.cssanimations .orientation-ability.sec-active .orientation-ability-example {
 -webkit-animation:fadeIn .4s ease-in-out both .6s;
 animation:fadeIn .4s ease-in-out both .6s
}
.cssanimations .orientation-ability.sec-active .orientation-ability-tab {
 -webkit-animation:fadeIn .4s ease-in-out both .9s;
 animation:fadeIn .4s ease-in-out both .9s
}
.cssanimations .management .management-item .icon,
.cssanimations .management .management-item h4,
.cssanimations .management .management-item p,
.cssanimations .management .title-big {
 opacity:0
}
.cssanimations .management.sec-active .title-big {
 -webkit-animation:fadeInTop .4s ease-in-out both;
 animation:fadeInTop .4s ease-in-out both
}
.cssanimations .management.sec-active .management-item:nth-child(1) .icon {
 -webkit-animation:zoomIn .4s ease-in-out both .2s;
 animation:zoomIn .4s ease-in-out both .2s
}
.cssanimations .management.sec-active .management-item:nth-child(1) h4 {
 -webkit-animation:fadeInTop .4s ease-in-out both .3s;
 animation:fadeInTop .4s ease-in-out both .3s
}
.cssanimations .management.sec-active .management-item:nth-child(1) p {
 -webkit-animation:fadeInTop .4s ease-in-out both .4s;
 animation:fadeInTop .4s ease-in-out both .4s
}
.cssanimations .management.sec-active .management-item:nth-child(2) .icon {
 -webkit-animation:zoomIn .4s ease-in-out both .4s;
 animation:zoomIn .4s ease-in-out both .4s
}
.cssanimations .management.sec-active .management-item:nth-child(2) h4 {
 -webkit-animation:fadeInTop .4s ease-in-out both .5s;
 animation:fadeInTop .4s ease-in-out both .5s
}
.cssanimations .management.sec-active .management-item:nth-child(2) p {
 -webkit-animation:fadeInTop .4s ease-in-out both .6s;
 animation:fadeInTop .4s ease-in-out both .6s
}
.cssanimations .management.sec-active .management-item:nth-child(3) .icon {
 -webkit-animation:zoomIn .4s ease-in-out both .6s;
 animation:zoomIn .4s ease-in-out both .6s
}
.cssanimations .management.sec-active .management-item:nth-child(3) h4 {
 -webkit-animation:fadeInTop .4s ease-in-out both .7s;
 animation:fadeInTop .4s ease-in-out both .7s
}
.cssanimations .management.sec-active .management-item:nth-child(3) p {
 -webkit-animation:fadeInTop .4s ease-in-out both .8s;
 animation:fadeInTop .4s ease-in-out both .8s
}
.cssanimations .effect .title-big {
 opacity:0
}
.cssanimations .effect .swiper-slide-active .effect-brand,
.cssanimations .effect .swiper-slide-active .effect-description,
.cssanimations .effect .swiper-slide-active .effect-pic,
.cssanimations .effect .swiper-slide-active .effect-text .btn,
.cssanimations .effect .swiper-slide-active .effect-title {
 opacity:0
}
.cssanimations .effect.sec-active .title-big {
 -webkit-animation:fadeIn .4s ease-in-out both;
 animation:fadeIn .4s ease-in-out both
}
.cssanimations .effect.sec-active .swiper-slide-active .effect-pic {
 -webkit-animation:fadeInRight .4s ease-in-out both .3s;
 animation:fadeInRight .4s ease-in-out both .3s
}
.cssanimations .effect.sec-active .swiper-slide-active .effect-brand {
 -webkit-animation:fadeInTop .4s ease-in-out both .5s;
 animation:fadeInTop .4s ease-in-out both .5s
}
.cssanimations .effect.sec-active .swiper-slide-active .effect-title {
 -webkit-animation:fadeInTop .4s ease-in-out both .5s;
 animation:fadeInTop .4s ease-in-out both .5s
}
.cssanimations .effect.sec-active .swiper-slide-active .effect-description {
 -webkit-animation:fadeInTop .4s ease-in-out both .5s;
 animation:fadeInTop .4s ease-in-out both .5s
}
.cssanimations .effect.sec-active .swiper-slide-active .effect-text .btn {
 -webkit-animation:fadeIn .4s ease-in-out both .8s;
 animation:fadeIn .4s ease-in-out both .8s
}
.orientation {
 background-color:#f5f9ff
}
.orientation .title {
 line-height:1.75;
 margin-bottom:60px
}
.orientation .source-description .title {
 margin-bottom:15px
}
.orientation .btn-panle {
 margin-top:50px;
 text-align:center
}
.orientation .btn-panle .btn {
 line-height:34px
}
.orientation .btn-panle .btn-primary {
 width:210px;
 padding:12px 0;
 background-color:#296bef;
 border-radius:45px
}
.orientation .btn-panle .btn-primary:hover {
 background-color:#165be0
}
.orientation .orientation-base {
 padding-bottom:70px;
 padding-top:110px
}
.orientation .orientation-base h4 {
 font-size:26px;
 color:#000
}
.orientation .orientation-base .base-description {
 font-size:16px;
 color:#000;
 margin:15px 0 60px
}
.orientation .orientation-base .base-list {
 padding:0 5.8%;
 *zoom:1
}
.orientation .orientation-base .base-list:after,
.orientation .orientation-base .base-list:before {
 display:table;
 content:""
}
.orientation .orientation-base .base-list:after {
 clear:both
}
.orientation .orientation-base .base-list:after,
.orientation .orientation-base .base-list:before {
 display:table;
 content:""
}
.orientation .orientation-base .base-list:after {
 clear:both
}
.orientation .orientation-base .base-list .base-item {
 width:340px;
 padding-left:65px;
 margin-bottom:18px;
 float:left;
 position:relative
}
.orientation .orientation-base .base-list .base-item .icon {
 position:absolute;
 left:0;
 top:0;
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-all.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);
 background-repeat:no-repeat;
 width:42px
}
.orientation .orientation-base .base-list .base-item .icon.icon-location {
 background-position:0 -107px;
 height:33px
}
.orientation .orientation-base .base-list .base-item .icon.icon-information {
 background-position:-42px -107px;
 height:32px
}
.orientation .orientation-base .base-list .base-item .icon.icon-status {
 background-position:-84px -107px;
 height:33px
}
.orientation .orientation-base .base-list .base-item .icon.icon-behavior {
 background-position:-126px -107px;
 height:32px
}
.orientation .orientation-base .base-list .base-item .icon.icon-consumption {
 background-position:-168px -107px;
 height:33px
}
.orientation .orientation-base .base-list .base-item .icon.icon-weather {
 background-position:-210px -107px;
 height:32px
}
.orientation .orientation-base .base-list .base-item .icon.icon-mobile {
 background-position:-252px -107px;
 height:33px
}
.orientation .orientation-base .base-list .base-item .icon.icon-custom {
 background-position:-294px -107px;
 height:32px
}
.orientation .orientation-base .base-list .base-item .icon.icon-tag01 {
 background-position:-340px -95px;
 height:41px;
 width:51px
}
.orientation .orientation-base .base-list .base-item .icon.icon-tag02 {
 background-position:-398px -95px;
 height:46px;
 width:46px;
 left:2px
}
.orientation .orientation-base .base-list .base-item .icon.icon-tag03 {
 background-position:-450px -95px;
 height:38px;
 width:45px;
 left:3px
}
.orientation .orientation-base .base-list .base-item .icon.icon-tag04 {
 background-position:-500px -95px;
 height:43px;
 width:39px;
 left:6px
}
.orientation .orientation-base .base-list .base-item .icon.icon-tag05 {
 background-position:-545px -95px;
 height:39px;
 width:41px;
 left:5px
}
.orientation .orientation-base .base-list .base-item .icon.icon-tag06 {
 background-position:-590px -95px;
 height:40px;
 width:40px;
 left:5px
}
.orientation .orientation-base .base-list .base-item b {
 font-size:20px
}
.orientation .orientation-base .base-list .base-item p {
 font-size:14px;
 line-height:2;
 color:#666;
 padding-top:16px;
 height:8em
}
.orientation .orientation-base .base-list .base-item.base-item-fr {
 float:right
}
.orientation .orientation-base .btn-eara {
 text-align:center
}
.orientation .orientation-base {
 background-color:#fff
}
.orientation .orientation-item {
 *zoom:1;
 color:#000
}
.orientation .orientation-item .container {
 width:1000px
}
.orientation .orientation-item:after,
.orientation .orientation-item:before {
 display:table;
 content:""
}
.orientation .orientation-item:after {
 clear:both
}
.orientation .orientation-item:after,
.orientation .orientation-item:before {
 display:table;
 content:""
}
.orientation .orientation-item:after {
 clear:both
}
.orientation .orientation-item .text-area {
 width:450px;
 height:468px;
 float:left;
 display:table
}
.orientation .orientation-item .text-area .box {
 display:table-cell;
 vertical-align:middle
}
.orientation .orientation-item .text-area .remark {
 display:block;
 color:#999
}
.orientation .orientation-item .text-area h3 {
 font-size:26px;
 line-height:1;
 margin-bottom:35px
}
.orientation .orientation-item .text-area p {
 font-size:16px;
 line-height:2
}
.orientation .orientation-item .pic-area {
 width:400px;
 float:right;
 height:468px;
 position:relative
}
.orientation .orientation-item .pic-area div {
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translateX(-50%) translateY(-50%);
 -ms-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%)
}
.orientation .orientation-item .pic-area .dmp-pic01 {
 width:286px;
 height:293px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-dmp01.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-dmp01.png) 1x,url(../images/technology/technology-dmp01@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-item .pic-area .dmp-pic02 {
 width:363px;
 height:332px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-dmp02.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-dmp02.png) 1x,url(../images/technology/technology-dmp02@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-item .pic-area .dmp-pic03 {
 width:276px;
 height:256px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-dmp03.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-dmp03.png) 1x,url(../images/technology/technology-dmp03@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-item .pic-area .dmp-pic04 {
 width:285px;
 height:302px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-dmp04.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-dmp04.png) 1x,url(../images/technology/technology-dmp04@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-item .pic-area .ocpa-pic01 {
 width:264px;
 height:235px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-ocpa01.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-ocpa01.png) 1x,url(../images/technology/technology-ocpa01@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-item .pic-area .ocpa-pic02 {
 width:311px;
 height:308px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-ocpa02.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-ocpa02.png) 1x,url(../images/technology/technology-ocpa02@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-item .pic-area .ocpa-pic03 {
 width:333px;
 height:318px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-ocpa03.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-ocpa03.png) 1x,url(../images/technology/technology-ocpa03@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-item .pic-area .tag-pic01 {
 width:276px;
 height:192px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-tag01.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-tag01.png) 1x,url(../images/technology/technology-tag01@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-item .pic-area .tag-pic02 {
 width:293px;
 height:262px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-tag02.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-tag02.png) 1x,url(../images/technology/technology-tag02@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-item .pic-area .tag-pic03 {
 width:310px;
 height:229px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-tag03.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-tag03.png) 1x,url(../images/technology/technology-tag03@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-item .pic-area .commodity-pic01 {
 width:326px;
 height:209px;
 background-image:url(https://www.gztenwin.com/skin/images/technology/technology-commodity01.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/technology/technology-commodity01.png) 1x,url(../images/technology/technology-commodity01@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .item-bg-white {
 background-color:#fff
}
.orientation .left-pic .text-area {
 float:right
}
.orientation .left-pic .pic-area {
 float:left
}
.orientation .orientation-vertical .vertical-pic {
 width:311px;
 height:312px;
 float:left;
 margin-right:100px;
 background-image:url(https://www.gztenwin.com/skin/images/orientation/bg-orientation-vertical.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/orientation/bg-orientation-vertical.png) 1x,url(../images/orientation/bg-orientation-vertical@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .orientation-people .people-pic {
 float:right;
 width:322px;
 height:321px;
 margin-left:90px;
 background-image:url(https://www.gztenwin.com/skin/images/orientation/bg-orientation-people.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/orientation/bg-orientation-people.png) 1x,url(../images/orientation/bg-orientation-people@2x.png) 2x);
 background-repeat:no-repeat
}
.orientation .effect {
 background-color:#fff;
 text-align:center
}
.orientation .effect .title {
 font-size:30px;
 margin-top:70px
}
.orientation .effect .effect-list {
 margin-bottom:55px
}
.orientation .effect li {
 line-height:40px;
 padding:0 10px
}
.orientation .effect li h4 {
 margin-top:15px;
 font-size:18px;
 font-weight:700
}
.orientation .effect li p {
 font-size:24px
}
.orientation .effect li .icon-effect01 {
 width:120px;
 height:120px;
 background-position:-547px -251px
}
.orientation .effect li .icon-effect02 {
 width:120px;
 height:120px;
 background-position:-673px -251px
}
.orientation .effect li .icon-effect03 {
 width:120px;
 height:120px;
 background-position:-798px -251px
}
.orientation .case {
 background-color:#f5f5f5;
 margin-top:0
}
.orientation .case .case-bd {
 width:1200px;
 margin:0 auto
}
.orientation .case .title {
 margin-top:40px;
 font-size:36px;
 text-align:center
}
.orientation .guide {
 line-height:30px;
 padding:60px 0;
 background-color:#fff;
 text-align:center
}
.orientation .guide .source-hd p {
 padding:15px 0 60px 0;
 font-size:20px
}
.orientation .guide ul {
 margin-bottom:50px;
 margin-left:-100px
}
.orientation .guide li {
 padding-left:100px;
 display:inline-block;
 position:relative
}
.orientation .guide li span {
 padding-top:10px;
 display:block;
 font-size:16px;
 color:#6d6d6d
}
.orientation .guide li .icon-guide01 {
 width:47px;
 height:47px;
 background-position:-635px -95px
}
.orientation .guide li .icon-guide02 {
 width:47px;
 height:46px;
 background-position:-687px -95px
}
.orientation .guide li .icon-guide03 {
 width:59px;
 height:50px;
 background-position:-739px -95px
}
.orientation .guide li .icon-guide04 {
 width:51px;
 height:58px;
 background-position:-803px -95px
}
.orientation .guide li .icon-guide05 {
 width:52px;
 height:52px;
 background-position:-1175px -95px
}
.orientation .guide li .icon-guide06 {
 width:52px;
 height:52px;
 background-position:-1232px -95px
}
.orientation .guide li .icon-guide07 {
 width:46px;
 height:52px;
 background-position:-1290px -95px
}
.orientation .guide li .icon-guide08 {
 width:46px;
 height:50px;
 background-position:-1342px -95px
}
.orientation .guide li:before {
 content:"";
 display:inline-block;
 width:80px;
 height:1px;
 border-bottom:1px dotted #0088e5;
 position:absolute;
 left:10px;
 top:40%
}
.orientation .guide li:first-child:before {
 display:none
}
.orientation .guide .btn-down {
 padding-top:30px
}
.orientation .guide .btn-down .icon-pdf {
 width:30px;
 height:34px;
 margin-right:20px;
 background-position:-371px -660px
}
.orientation .guide .btn-down .btn-default:hover .icon-pdf {
 background-position:-411px -660px
}
.orientation .advantage .title {
 font-size:36px;
 text-align:center
}
.orientation .advantage.effect {
 background-color:#f7f9fb
}
.orientation .advantage.effect .effect-list {
 margin-bottom:90px
}
.orientation .advantage.effect .effect-list li h4 {
 line-height:30px;
 font-size:20px;
 font-weight:400
}
.orientation .advantage.effect .effect-list .icon-advantage01 {
 width:120px;
 height:120px;
 background-position:-925px -251px
}
.orientation .advantage.effect .effect-list .icon-advantage02 {
 width:120px;
 height:120px;
 background-position:-1050px -251px
}
.orientation .advantage.effect .effect-list .icon-advantage03 {
 width:120px;
 height:120px;
 background-position:-1175px -251px
}
.orientation .advantage.orientation-base {
 padding-top:60px;
 background-color:#fff
}
.orientation .advantage.orientation-base .base-list .base-item .icon.icon-tag01 {
 background-position:-860px -95px;
 height:47px;
 width:47px;
 left:2px
}
.orientation .advantage.orientation-base .base-list .base-item .icon.icon-tag02 {
 background-position:-912px -95px;
 height:50px;
 width:52px
}
.orientation .advantage.orientation-base .base-list .base-item .icon.icon-tag03 {
 background-position:-970px -95px;
 height:52px;
 width:44px;
 left:4px
}
.orientation .advantage.orientation-base .base-list .base-item .icon.icon-tag04 {
 background-position:-1020px -95px;
 height:47px;
 width:47px;
 left:2px
}
.orientation .advantage.orientation-base .base-list .base-item .icon.icon-tag05 {
 background-position:-1072px -95px;
 height:38px;
 width:46px;
 left:3px
}
.orientation .advantage.orientation-base .base-list .base-item .icon.icon-tag06 {
 background-position:-1123px -95px;
 height:45px;
 width:47px;
 left:2px
}
.steward-body {
 padding-bottom:150px
}
#newcase {
 width:1135px
}
.main {
 padding-bottom:80px
}
.case {
 margin-top:50px;
 padding-bottom:100px
}
.case .case-title {
 font-size:45px;
 text-align:center;
 color:#333;
 margin:60px 0 30px
}
.case .case-title.case-title-small {
 font-size:20px;
 text-align:left;
 margin:0 0 30px 0;
 color:#000
}
.case .case-filter {
 position:relative;
 z-index:15;
 *zoom:1;
 margin-bottom:50px;
 *margin:0 -16px 50px
}
.case .case-filter:after,
.case .case-filter:before {
 display:table;
 content:""
}
.case .case-filter:after {
 clear:both
}
.case .case-filter:after,
.case .case-filter:before {
 display:table;
 content:""
}
.case .case-filter:after {
 clear:both
}
.case .case-filter-item {
 cursor:pointer
}
.case .case-filter-item .column {
 line-height:54px;
 height:54px;
 position:relative;
 background:#fff;
 border:1px solid #efefef;
 border-radius:2px
}
.case .case-filter-item .case-filter-title {
 display:block;
 line-height:54px;
 color:#666;
 -webkit-appearance:none;
 background-color:#fff;
 border:none;
 font-size:16px;
 padding:0 20px;
 outline:0;
 position:relative
}
.case .case-filter-item .case-filter-title:after {
 position:absolute;
 top:28px;
 right:20px;
 content:"";
 transition:all .4s linear;
 -webkit-transform-origin:center 3px;
 -ms-transform-origin:center 3px;
 transform-origin:center 3px;
 border:5px solid #999;
 border-color:#999 transparent transparent transparent
}
.case .case-filter-item .case-filter-title:hover {
 color:#008de8
}
.case .case-filter-item.case-filter-active .column {
 box-shadow:0 3px 5px rgba(0,0,0,.1)
}
.case .case-filter-item.case-filter-active .case-filter-title {
 color:#008de8
}
.case .case-filter-item.case-filter-active .case-filter-title:after {
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.case .case-filter-item.case-filter-active .case-filter-dropdown {
 display:block
}
.case .case-filter-dropdown {
 position:absolute;
 top:100%;
 right:0;
 left:0;
 display:none;
 background-color:#fff;
 box-shadow:0 3px 5px rgba(0,0,0,.1);
 z-index:9
}
.case .case-filter-dropdown a {
 color:#333;
 display:block;
 line-height:45px;
 padding:0 20px;
 transition:padding .4s linear
}
.case .case-filter-dropdown .case-filter-item-active a,
.case .case-filter-dropdown li a:hover {
 padding-left:25px;
 color:#fff;
 background-color:#23a8ee
}
.case .case-bd {
 *zoom:1
}
.case .case-bd:after,
.case .case-bd:before {
 display:table;
 content:""
}
.case .case-bd:after {
 clear:both
}
.case .case-bd:after,
.case .case-bd:before {
 display:table;
 content:""
}
.case .case-bd:after {
 clear:both
}
.case .case-bd:after,
.case .case-bd:before {
 display:table;
 content:""
}
.case .case-bd:after {
 clear:both
}
.case .case-bd:after,
.case .case-bd:before {
 display:table;
 content:""
}
.case .case-bd:after {
 clear:both
}
.case .case-item {
 cursor:pointer;
 display:block;
 background-color:#fff;
 border-radius:2px;
 overflow:hidden;
 margin-bottom:35px;
 border:1px solid #efefef;
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
.case .case-item:nth-child(3n+1) {
 margin-left:0
}
.case .case-item:hover {
 border-color:#007fcb
}
.case .case-item:hover .case-cover {
 -webkit-transform:scale(1.08);
 -ms-transform:scale(1.08);
 transform:scale(1.08)
}
.case .case-item-hd {
 position:relative;
 height:0;
 padding-bottom:54%;
 overflow:hidden
}
.case .case-item-hd:after {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:130px;
 content:" ";
 background:url(https://www.gztenwin.com/skin/images/new_case/case_cover.png) repeat-x 0 0 transparent;
 z-index:1
}
.case .case-cover {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background-size:cover;
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
.case .case-brand {
 position:absolute;
 bottom:20px;
 left:20px;
 color:#fff;
 z-index:3
}
.case .case-brand-logo {
 display:inline-block;
 *display:inline;
 *zoom:1;
 vertical-align:bottom;
 line-height:0
}
.case .case-brand-logo img {
 width:56px;
 height:56px
}
.case .case-brand-title {
 display:inline-block;
 *display:inline;
 *zoom:1;
 margin-left:5px;
 font-size:18px;
 vertical-align:bottom
}
.case .case-item-bd {
 position:relative;
 padding:25px 20px 20px
}
.case .case-item-bd h2 {
 font-size:20px;
 line-height:1;
 color:#000;
 margin:12px 0 15px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.case .case-item-bd p {
 font-size:14px;
 color:#666
}
.case .case-item-ft {
 border-top:1px solid #eee;
 *zoom:1;
 padding:15px 25px;
 font-size:14px;
 position:relative
}
.case .case-item-ft:after,
.case .case-item-ft:before {
 display:table;
 content:""
}
.case .case-item-ft:after {
 clear:both
}
.case .case-item-ft:after,
.case .case-item-ft:before {
 display:table;
 content:""
}
.case .case-item-ft:after {
 clear:both
}
.case .case-item-ft:after,
.case .case-item-ft:before {
 display:table;
 content:""
}
.case .case-item-ft:after {
 clear:both
}
.case .case-item-ft:after,
.case .case-item-ft:before {
 display:table;
 content:""
}
.case .case-item-ft:after {
 clear:both
}
.case .case-meta {
 display:block;
 float:left;
 width:31.33333333%;
 margin-left:3%
}
.case .case-meta:first-child {
 margin-left:0
}
.case .case-meta:first-child {
 margin-left:0
}
.case .case-meta:nth-child(1) {
 text-align:left
}
.case .case-meta:nth-child(2) {
 text-align:center
}
.case .case-meta:nth-child(3) {
 text-align:right
}
.case .case-column-1 .case-meta {
 display:block;
 float:left;
 width:100%;
 margin-left:3%;
 text-align:center
}
.case .case-column-1 .case-meta:first-child {
 margin-left:0
}
.case .case-column-1 .case-meta:first-child {
 margin-left:0
}
.case .case-column-2 .case-meta {
 display:block;
 float:left;
 width:48.5%;
 margin-left:3%;
 text-align:center
}
.case .case-column-2 .case-meta:first-child {
 margin-left:0
}
.case .case-column-2 .case-meta:first-child {
 margin-left:0
}
.case .case-meta-data {
 height:22px;
 color:#008de8;
 font-size:16px
}
.case .case-meta-title {
 color:#747474
}
.case .case-ft {
 text-align:center
}
.case .case-more {
 padding:12px 26px
}
.page-navgation.case-page-navgation {
 font-size:16px;
 margin-bottom:35px;
 padding-left:30px;
 border:1px solid #efefef;
 border-radius:2px
}
.page-navgation.case-page-navgation>a {
 line-height:35px
}
.selectblock {
 padding-bottom:15px;
 border-bottom:1px solid #e7e9ed
}
.selectmainbody {
 margin-bottom:45px
}
.selectbody {
 position:relative;
 display:inline-block;
 margin-right:32px;
 padding-right:20px;
 cursor:pointer
}
.selectbody .arrow-down {
 position:absolute;
 top:3px;
 right:0;
 display:inline-block;
 width:16px;
 height:16px;
 background:url(https://www.gztenwin.com/skin/images/new_case/select_down.png);
 background-size:16px;
 background-repeat:no-repeat
}
.selectbody .arrow-up {
 position:absolute;
 top:3px;
 right:0;
 display:inline-block;
 width:16px;
 height:16px;
 background:url(https://www.gztenwin.com/skin/images/new_case/select_up.png);
 background-size:16px;
 background-repeat:no-repeat
}
.selectbody .select-bottom {
 display:none;
 position:absolute;
 top:42px;
 left:0;
 width:176px;
 max-height:390px;
 border:1px solid #dfe1e6;
 border-radius:6px;
 box-shadow:0 3px 5px 0 rgba(0,0,0,.05),0 6px 15px 0 rgba(0,0,0,.05);
 overflow:hidden;
 z-index:20;
 font-size:0
}
.selectbody .select-bottom .select-list {
 overflow-y:auto;
 display:inline-block;
 width:100%;
 max-height:335px
}
.selectbody .select-bottom .select-list li {
 display:block;
 box-sizing:border-box;
 position:relative;
 width:100%;
 padding:6px 33px 6px 33px;
 font-size:14px;
 color:#313233;
 background-color:#fff;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.selectbody .select-bottom .select-list li:hover {
 background-color:#f2f4f7
}
.selectbody .select-bottom .select-list li.choosed {
 color:#296bef
}
.selectbody .select-bottom .select-list li.choosed:before {
 content:"";
 position:absolute;
 top:8px;
 left:10px;
 display:inline-block;
 width:16px;
 height:16px;
 background:url(https://www.gztenwin.com/skin/images/new_case/select_tick.png);
 background-size:16px;
 background-repeat:no-repeat
}
.selectbody .selected {
 color:#296bef
}
.selectbody .selected .arrow-down {
 position:absolute;
 top:3px;
 right:0;
 display:inline-block;
 width:16px;
 height:16px;
 background:url(https://www.gztenwin.com/skin/images/new_case/select_up.png);
 background-size:16px;
 background-repeat:no-repeat
}
.selectbody .selected+.select-bottom {
 display:block
}
.choose-tagblock {
 margin-top:15px;
 display:flex;
 align-items:flex-start
}
.choose-tagblock .choosetag-title {
 padding:7px 0;
 margin-right:16px;
 color:#939599;
 font-size:14px;
 width:50px
}
.choose-tagblock .selected-tag {
 display:inline-block;
 position:relative;
 margin-right:10px;
 margin-bottom:10px;
 padding:6px 20px;
 font-size:14px;
 color:#313233;
 background-color:#fafafb;
 border:1px solid #e6e8ed;
 border-radius:20px;
 transition:all .5s
}
.choose-tagblock .selected-tag i {
 position:absolute;
 top:8px;
 right:10px;
 display:none;
 width:16px;
 height:16px;
 background:url(https://www.gztenwin.com/skin/images/new_case/select_cross.png);
 background-size:16px;
 background-repeat:no-repeat;
 cursor:pointer
}
.choose-tagblock .selected-tag:hover {
 padding:6px 30px 6px 10px;
 background-color:#fff
}
.choose-tagblock .selected-tag:hover i {
 display:inline-block
}
.choose-tagblock .clear-all {
 margin-left:20px
}
.newcase-title {
 margin-bottom:8px;
 font-size:20px;
 line-height:28px;
 font-weight:700;
 color:#313233
}
.newsList-title {
 margin-bottom:36px;
 font-size:20px;
 line-height:28px;
 font-weight:700;
 color:#313233
}
.newcase-body {
 font-size:0;
 width:1135px;
 display:flex;
 flex-wrap:wrap
}
.newcase-body .newcase-card {
 margin-bottom:30px;
 margin-right:30px;
 overflow:hidden;
 display:inline-block;
 width:358px;
 position:relative;
 box-sizing:border-box;
 border:1px solid #e6e8ed;
 border-radius:8px;
 cursor:pointer;
 transition:all .5s;
 background-color:#fff
}
.newcase-body .newcase-card:nth-child(3n) {
 margin-right:0
}
.newcase-body .newcase-card:hover {
 box-shadow:0 3px 5px 0 rgba(49,50,51,.05),0 6px 15px rgba(49,50,51,.05)
}
.newcase-body .newcase-card:hover .newcase-img img {
 -webkit-transform:scale(1.02);
 -ms-transform:scale(1.02);
 transform:scale(1.02)
}
.newcase-body .newcase-card:active {
 background-color:#fafbfc;
 box-shadow:0 3px 6px 0 rgba(0,0,0,.04)
}
.newcase-body .newcase-card .newcase-img {
 margin-bottom:24px;
 width:100%;
 overflow:hidden;
 height:200px;
 border-top-left-radius:8px;
 border-top-right-radius:8px;
 -webkit-transform:translateZ(1px);
 transform:translateZ(1px)
}
.newcase-body .newcase-card .newcase-img img {
 width:100%;
 min-height:200px;
 -o-object-fit:cover;
 object-fit:cover;
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .2s linear 0s
}
.newcase-body .newcase-card .newcase-bottom {
 padding:0 24px 24px 24px;
 color:#313233
}
.newcase-body .newcase-card .newcase-bottom .newcase-content {
 margin-bottom:36px;
 font-size:16px;
 line-height:24px;
 display:-webkit-box;
 -webkit-line-clamp:2;
 overflow:hidden;
 color:#313233;
 -webkit-box-orient:vertical;
 word-break:break-all
}
.newcase-body .newcase-card .newcase-bottom .newcase-tag {
 font-size:14px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 position:absolute;
 left:24px;
 right:24px;
 bottom:24px;
 color:#939599
}
.newcase-body .newcase-card .newcase-bottom .newcase-tag .newcase-tagname {
 display:inline;
 margin-right:6px;
 padding-right:6px;
 line-height:1;
 height:14px;
 position:relative
}
.newcase-body .newcase-card .newcase-bottom .newcase-tag .newcase-tagname:after {
 content:"";
 position:absolute;
 height:12px;
 width:1px;
 background:#edeff2;
 right:0;
 top:50%;
 -webkit-transform:translate(0,-50%);
 -ms-transform:translate(0,-50%);
 transform:translate(0,-50%)
}
.newcase-body .newcase-card .newcase-bottom .newcase-tag .newcase-tagname+.newcase-tagname {
 margin-left:-1px
}
.newcase-body .newcase-card .newcase-bottom .newcase-tag .newcase-tagname:last-of-type {
 padding-right:0;
 border:none
}
.newcase-body .newcase-card .newcase-bottom .newcase-tag .newcase-tagname:last-of-type:after {
 display:none
}
.case_header {
 width:1135px;
 margin:0 auto;
 padding-top:80px;
 display:flex;
 justify-content:space-between
}
.case_header .case_header_title h3 {
 font-size:46px;
 line-height:65px;
 color:#313233;
 font-weight:700
}
.case_header .case_header_title span {
 display:inline-block;
 margin-top:16px;
 font-size:16px;
 line-height:29px;
 color:#626366
}
.case_header .case_header_bg {
 width:223px;
 height:93px;
 background:url(https://www.gztenwin.com/skin/images/new_case/case_header_bg.svg) right center no-repeat
}
.addmore-newcase {
 margin-top:20px;
 text-align:center
}
.addmore-newcase a {
 display:inline-block;
 position:relative;
 width:176px;
 padding:16px;
 font-size:16px;
 border:1px solid #296bef;
 border-radius:30px;
 color:#296bef;
 text-align:center;
 transition:all .2s
}
.addmore-newcase:hover a {
 color:#fff;
 border:1px solid #fff;
 background-color:#296bef
}
.m-menu-select {
 position:relative;
 z-index:2;
 height:56px;
 border-bottom:1px solid #e7e9ed
}
.m-menu-select .r-select {
 float:right;
 height:56px;
 line-height:56px;
 font-size:16px;
 color:#626366
}
.m-menu-select .r-select .r-title {
 cursor:pointer;
 padding-left:24px;
 background:url(https://www.gztenwin.com/skin/images/new_case/case_sort.png) no-repeat left center/16px auto
}
.m-menu-select .r-select .child {
 position:absolute;
 top:99%;
 left:0;
 width:100%;
 visibility:hidden;
 -webkit-transform:translateY(5px);
 -ms-transform:translateY(5px);
 transform:translateY(5px);
 padding-top:10px
}
.m-menu-select .r-select .child .child-body {
 max-height:700px;
 overflow-y:auto;
 background:#fff;
 border:1px solid #dfe1e6;
 box-shadow:0 6px 15px 0 rgba(49,50,51,.05),0 3px 5px 0 rgba(49,50,51,.05);
 border-radius:6px;
 padding:26px 12px 27px 40px;
 box-sizing:border-box
}
.m-menu-select .r-select .child .child-body span {
 float:left;
 width:71px;
 font-size:14px;
 color:#626366;
 line-height:40px
}
.m-menu-select .r-select .child .child-body .item {
 overflow:hidden;
 margin-bottom:10px
}
.m-menu-select .r-select .child .child-body .r-con {
 overflow:hidden
}
.m-menu-select .r-select .child .child-body .r-con .item-check {
 float:left;
 width:50%;
 padding:0 15px;
 box-sizing:border-box
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con {
 border-bottom:1px solid #f2f4f7;
 height:40px;
 line-height:40px
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con label {
 display:inline-block;
 vertical-align:middle;
 width:16px;
 height:16px;
 border:1px solid #dfe1e6;
 border-radius:4px;
 margin-right:8px
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con.checked label {
 background:#fff url(https://www.gztenwin.com/skin/images/new_case/zp3.png) center center no-repeat;
 background-size:18px auto;
 border-color:#296bef
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con .js-checkall {
 float:left;
 font-size:14px;
 width:113px;
 color:#313233;
 position:relative;
 display:inline-flex;
 align-items:center
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con .js-checkall label {
 display:inline-block;
 vertical-align:middle;
 width:14px;
 height:14px;
 border:1px solid #d2d4d9;
 border-radius:4px;
 margin-right:5px;
 cursor:pointer
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con .js-checkall.checked label {
 background:#fff url(https://www.gztenwin.com/skin/images/new_case/zp3.png) center center no-repeat;
 background-size:18px auto;
 border-color:#296bef
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con .js-checkall:after {
 content:"";
 width:1px;
 height:16px;
 background:#f2f4f7;
 position:absolute;
 top:50%;
 margin-top:-8px;
 right:15px
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con .r-con-check {
 overflow:hidden
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con .r-con-check .js-checksingle {
 float:left;
 line-height:40px;
 font-size:12px;
 margin-right:15px;
 color:#626366;
 display:inline-flex;
 align-items:center
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con .r-con-check .js-checksingle label {
 display:block;
 width:12px;
 height:12px;
 border:1px solid #d2d4d9;
 border-radius:4px;
 margin-right:3px;
 cursor:pointer;
 margin-right:5px
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con .r-con-check .js-checksingle text {
 display:block
}
.m-menu-select .r-select .child .child-body .r-con .item-check .con .r-con-check .js-checksingle.checked label {
 background:#fff url(https://www.gztenwin.com/skin/images/new_case/zp3.png) center center no-repeat;
 background-size:18px auto;
 border-color:#296bef
}
.m-menu-select .r-select .child .child-body .r-con .item-check.item-checkv2 {
 width:auto;
 margin:0;
 padding-right:0;
 width:16.6%
}
.m-menu-select .r-select .child .child-body .r-con .item-check.item-checkv2 .con {
 border:none
}
.m-menu-select .r-select .child .child-body .r-con .item-check.item-checkv2 .con .js-checkall {
 width:auto;
 margin-right:5px
}
.m-menu-select .r-select .child .child-body .r-con .item-check.item-checkv2 .con .js-checkall:after {
 display:none
}
.m-menu-select .r-select .child .child-body::-webkit-scrollbar {
 width:15px
}
.m-menu-select .r-select .child .child-body::-webkit-scrollbar-track {
 background:#fff
}
.m-menu-select .r-select .child .child-body::-webkit-scrollbar-thumb {
 background:#c4c7cc;
 border-radius:9px;
 border:5px solid transparent;
 background-clip:content-box
}
.m-menu-select .r-select .child .child-body::-webkit-scrollbar-thumb:window-inactive {
 background:#fff
}
.m-menu-select .r-select:hover .child {
 visibility:visible;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 transform:translateY(0);
 transition:all .3s ease
}
.m-menu-select .r-select:hover .r-title {
 color:#296bef;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/case_sort_on.png)
}
.m-menu-select .l-con {
 float:left
}
.m-menu-select .l-con .ul-select {
 height:56px
}
.m-menu-select .l-con .ul-select li {
 float:left;
 line-height:54px;
 margin-right:32px;
 position:relative
}
.m-menu-select .l-con .ul-select li a {
 font-size:16px;
 color:#626366;
 display:inline-block;
 padding-right:18px;
 background-size:16px auto
}
.m-menu-select .l-con .ul-select li a:after {
 content:"";
 width:17px;
 height:17px;
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 background:url(https://www.gztenwin.com/skin/images/new_case/zp1.png) no-repeat center center/contain;
 transition:all .3s
}
.m-menu-select .l-con .ul-select li:hover a {
 color:#296bef
}
.m-menu-select .l-con .ul-select li:hover a:after {
 -webkit-transform:translateY(-50%) rotate(180deg);
 -ms-transform:translateY(-50%) rotate(180deg);
 transform:translateY(-50%) rotate(180deg);
 background-image:url(https://www.gztenwin.com/skin/images/new_case/zp1h.png)
}
.m-menu-select .l-con .ul-select li .child {
 position:absolute;
 top:99%;
 left:0;
 width:auto;
 padding-top:10px;
 visibility:hidden;
 -webkit-transform:translateY(5px);
 -ms-transform:translateY(5px);
 transform:translateY(5px)
}
.m-menu-select .l-con .ul-select li .child .child-body {
 max-height:398px;
 overflow-y:auto;
 overflow-x:hidden;
 width:175px;
 background:#fff;
 box-shadow:0 3px 5px 0 rgba(84,85,88,.1);
 border-radius:6px;
 border:1px solid #dfe1e6;
 padding:8px 0;
 box-sizing:border-box
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall-table:hover .js-checkall {
 background-color:#f2f4f7
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall {
 font-size:0;
 padding:0 16px;
 height:38px;
 line-height:38px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 background-color:#fff;
 width:175px;
 box-sizing:border-box
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall text {
 font-size:14px;
 color:#313233;
 display:inline-block;
 vertical-align:middle
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall label {
 display:inline-block;
 vertical-align:middle;
 width:16px;
 height:16px;
 border:1px solid #dfe1e6;
 border-radius:4px;
 margin-right:8px;
 cursor:pointer
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall.checked label {
 background:#fff url(https://www.gztenwin.com/skin/images/new_case/zp3.png) center center no-repeat;
 background-size:18px auto;
 border-color:#296bef
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checkall:hover {
 background-color:#f2f4f7
}
.m-menu-select .l-con .ul-select li .child .child-body .r-con {
 min-height:398px;
 position:absolute;
 left:175px;
 top:10px;
 display:none;
 float:left;
 width:175px;
 background-color:#fff;
 border-radius:0 6px 6px 0;
 border:1px solid #dfe1e6;
 box-shadow:3px 3px 5px 0 rgba(84,85,88,.1);
 padding:8px 0;
 box-sizing:border-box
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checksingle {
 height:38px;
 line-height:38px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 padding:0 16px
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checksingle label {
 display:inline-block;
 vertical-align:middle;
 width:16px;
 height:16px;
 border:1px solid #dfe1e6;
 border-radius:3px;
 margin-right:8px;
 cursor:pointer
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checksingle.checked label {
 background:#fff url(https://www.gztenwin.com/skin/images/new_case/zp3.png) center center no-repeat;
 background-size:18px auto;
 border-color:#296bef
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checksingle text {
 font-size:14px;
 color:#313233;
 display:inline-block;
 vertical-align:middle
}
.m-menu-select .l-con .ul-select li .child .child-body .js-checksingle:hover {
 background-color:#f2f4f7
}
.m-menu-select .l-con .ul-select li .child .child-body::-webkit-scrollbar {
 width:15px;
 border-radius:9px
}
.m-menu-select .l-con .ul-select li .child .child-body::-webkit-scrollbar-track {
 background:#fff;
 border-radius:9px
}
.m-menu-select .l-con .ul-select li .child .child-body::-webkit-scrollbar-thumb {
 background:#c4c7cc;
 border-radius:9px;
 border:5px solid transparent;
 background-clip:content-box
}
.m-menu-select .l-con .ul-select li .child .child-body::-webkit-scrollbar-thumb:window-inactive {
 background:#fff
}
.m-menu-select .l-con .ul-select li .child:after,
.m-menu-select .l-con .ul-select li .child:before {
 content:"";
 width:155px;
 height:8px;
 position:absolute;
 bottom:1px;
 left:7px;
 background-color:#fff;
 z-index:5
}
.m-menu-select .l-con .ul-select li .child:before {
 bottom:auto;
 top:11px
}
.m-menu-select .l-con .ul-select li:hover .child {
 visibility:visible;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 transform:translateY(0);
 transition:all .3s ease
}
.selectedList {
 display:none;
 overflow:hidden;
 margin-top:20px
}
.selectedList .label {
 float:left;
 color:#939599;
 font-size:14px;
 line-height:32px;
 height:32px;
 margin-right:16px
}
.selectedList .list {
 overflow:hidden
}
.selectedList .list .item {
 float:left;
 padding:0 19px;
 height:30px;
 line-height:28px;
 border-radius:100px;
 border:1px solid #e6e8ed;
 background-color:#fafafb;
 margin-bottom:10px;
 margin-right:10px;
 position:relative
}
.selectedList .list .item i {
 width:16px;
 height:16px;
 vertical-align:middle;
 background:url(https://www.gztenwin.com/skin/images/new_case/case_close.png) no-repeat center center/contain;
 cursor:pointer;
 position:absolute;
 right:10px;
 top:50%;
 margin-top:-8px;
 opacity:0;
 transition:all .3s
}
.selectedList .list .item span {
 position:relative;
 left:0;
 transition:all .3s
}
.selectedList .list .item:hover span {
 position:relative;
 left:-10px
}
.selectedList .list .item:hover i {
 opacity:1
}
.selectedList .list .js-resetSelected {
 border:none;
 color:#296bef;
 cursor:pointer;
 background:0 0
}
@-webkit-keyframes loadrotate {
 to {
  -webkit-transform:rotate(2turn);
  transform:rotate(2turn)
 }
}
@keyframes loadrotate {
 to {
  -webkit-transform:rotate(2turn);
  transform:rotate(2turn)
 }
}
.loading {
 margin-bottom:24px
}
.loading img {
 display:block;
 margin:0 auto;
 width:16px;
 height:16px;
 -webkit-animation:loadrotate 2s linear infinite;
 animation:loadrotate 2s linear infinite
}
.noData {
 text-align:center;
 font-size:16px;
 color:#939599;
 margin-bottom:20px
}
@media (max-width:480px) {
 .case_pc {
  display:none
 }
}
.case_mobile {
 display:none
}
@media (max-width:480px) {
 .case_mobile {
  display:block
 }
}
*,
:after,
:before {
 margin:0;
 padding:0;
 box-sizing:border-box;
 outline:0!important;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 -webkit-font-smoothing:antialiased
}
.false:focus {
 border:2px solid #ff1531;
 background:#fff
}
::-webkit-input-placeholder {
 color:#999
}
::-moz-placeholder {
 color:#999
}
:-ms-input-placeholder {
 color:#999
}
::-ms-clear,
::-ms-reveal {
 display:none
}
.fix {
 *zoom:1
}
.fix:after,
.fix:before {
 display:block;
 content:"";
 height:0;
 clear:both
}
.c {
 clear:both
}
.col-l,
.l {
 float:left
}
.col-r,
.r {
 float:right
}
.ani {
 transition:.3s
}
.unselect {
 -ms-user-select:none;
 -moz-user-select:none;
 -webkit-user-select:none;
 -o-user-select:none;
 user-select:none
}
.wp {
 width:100%;
 padding:0 20px
}
.h50 {
 height:50px;
 clear:both;
 overflow:hidden
}
.h100 {
 height:100px;
 clear:both;
 overflow:hidden
}

.success-title {
 height:46px;
 left:46px;
 font-size:32px;
 font-weight:400;
 margin-top:50px;
 margin-bottom:44px;
 font-weight:700
}
.btn-select {
 font-size:14px;
 color:#313233;
 padding-left:20px;
 background:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp2.jpg) left center no-repeat;
 background-size:13px auto;
 margin-bottom:25px;
 display:inline-block
}
.btn-select.active {
 color:#296bef;
 background-image:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp3.png)
}
.ul-case li {
 border-radius:8px;
 overflow:hidden;
 border:1px solid #e6e8ed;
 margin-bottom:21px;
 position:relative
}
.case_mobile .ul-case.list-column {
 padding-top:16px;
 border-top:1px solid #f2f4f7
}
.case_mobile .ul-case.list-column li {
 display:flex;
 border:none;
 padding-bottom:16px;
 margin-bottom:16px;
 border-bottom:1px solid #f2f4f7
}
.case_mobile .ul-case.list-column .pic {
 padding-top:0;
 margin-bottom:0
}
.case_mobile .ul-case.list-column h3 {
 margin-bottom:0;
 padding-bottom:16px
}
.case_mobile .ul-case.list-column .txt {
 padding:0;
 position:relative
}
.case_mobile .ul-case.list-column .txt a {
 -webkit-line-clamp:3
}
.case_mobile .ul-case.list-column .info-tag {
 position:static
}
.case_mobile .list-column .pic {
 width:112px;
 height:112px;
 margin-right:19px;
 border-radius:6px
}
.case_mobile .list-column .txt {
 flex:1
}
.ul-case li .pic {
 margin-bottom:20px;
 position:relative;
 padding-top:50%;
 overflow:hidden
}
.ul-case li .pic img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 position:absolute;
 top:0;
 left:0
}
.ul-case li .mask {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:70px;
 background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%);
 color:#fff;
 padding:0 20px;
 font-size:19px;
 line-height:90px;
 text-shadow:0 1px 2px rgba(49,50,51,.5);
 font-family:Medium;
 font-weight:500;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.ul-case li .txt {
 padding:0 20px;
 padding-bottom:20px
}
.ul-case li .txt h3 {
 font-weight:400;
 margin-bottom:12px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 padding-bottom:20px;
 word-break:break-all
}
.ul-case li .txt .tag {
 font-size:12px;
 color:#939599;
 line-height:1.5;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 position:absolute;
 left:20px;
 bottom:20px;
 right:20px
}
.ul-case li .txt .tag em {
 font-size:12px;
 display:inline-block;
 margin:0 3px;
 color:#edeff2
}
.ul-casev2 li .txt .tag {
 height:18px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.index-more1 {
 display:block;
 margin:0 auto;
 width:176px;
 height:44px;
 line-height:42px;
 text-align:center;
 border:1px solid #296bef;
 border-radius:31px;
 color:#296bef;
 font:16px;
 margin:80px auto 80px
}
.m-form-appointment {
 background:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp5.png) center center no-repeat;
 background-size:cover;
 padding:50px 0
}
.m-form-appointment .lab {
 margin-bottom:24px
}
.m-form-appointment .lab label {
 background:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp6.png) left center no-repeat;
 background-size:18px;
 padding-left:30px;
 position:relative;
 line-height:20px;
 color:#fff;
 font-size:16px;
 margin-right:40px
}
.m-form-appointment .lab label.checked {
 background-image:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp7.png)
}
.m-form-appointment .lab label input {
 position:absolute;
 left:-9999px
}
.m-form-appointment .title {
 color:#fff;
 margin-bottom:36px
}
.m-form-appointment .title h4 {
 font-size:22px;
 line-height:1.1;
 font-weight:400;
 margin-bottom:12px
}
.m-form-appointment .title p {
 font-size:12px
}
.m-form-appointment .item-form input {
 display:none
}
.m-form-appointment .dropmenurel01-options {
 display:none
}
.m-form-appointment .item-form {
 display:block;
 width:100%;
 height:44px;
 line-height:42px;
 border-radius:8px;
 border:1px solid #fff;
 margin-bottom:16px;
 background:rgba(255,255,255,.05);
 position:relative;
 padding:0 16px
}
.m-form-appointment .item-form .dropmenurel01-tit {
 display:block;
 width:100%;
 height:100%;
 font-size:16px;
 color:#fff;
 background:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp19.png) right center no-repeat;
 background-size:20px auto
}
.m-form-appointment .item-form .dropmenurel01-options {
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 border:1px solid #fff;
 background:#4682f8;
 border-radius:8px;
 z-index:19
}
.m-form-appointment .item-form .dropmenurel01-options li {
 padding:0 16px;
 color:#fff
}
.m-form-appointment .item-form input {
 display:block;
 width:100%;
 height:100%;
 border:none;
 background:0 0;
 font-size:16px;
 color:#fff
}
.m-form-appointment .item-form input::-webkit-input-placeholder {
 color:#fff
}
.m-form-appointment .item-form input::-moz-placeholder {
 color:#fff
}
.m-form-appointment .item-form input:-ms-input-placeholder {
 color:#fff
}
.m-form-appointment .item-form .form1-vcodebtn {
 position:absolute;
 right:16px;
 top:50%;
 border:none;
 background:0 0;
 color:#fff;
 font-size:16px;
 padding-left:8px;
 height:15px;
 line-height:15px;
 border-left:1px solid #fff;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.m-form-appointment .submit {
 display:block;
 width:100%;
 height:44px;
 line-height:44px;
 border:none;
 background:#fff;
 border-radius:22px;
 font-size:16px;
 color:#296bef;
 margin-top:32px
}
.m-contant {
 background:#f9fafc;
 overflow:hidden;
 padding:24px 0
}
.m-contant .item {
 float:left;
 width:40%;
 padding-left:16px;
 color:#313233;
 font-size:14px;
 line-height:2;
 position:relative
}
.m-contant .item .tel {
 font-family:Helvetica
}
.m-contant .item:last-child {
 width:60%;
 padding-left:40px;
 padding-right:16px
}
.m-contant .item:last-child::after {
 position:absolute;
 content:"";
 left:0;
 top:50%;
 width:1px;
 height:42px;
 background:#edeff2;
 margin-top:-21px
}
.footer {
 padding-bottom:100px
}
.footer .ft-menu {
 margin-bottom:20px
}
.footer .ft-menu .menu-item {
 border-bottom:1px solid #eee
}
.footer .ft-menu .title {
 height:45px;
 line-height:45px;
 font-size:14px;
 color:#626366;
 background:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp9.png) right center no-repeat;
 background-size:12px auto
}
.footer .ft-menu .title.on {
 background-image:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp8.png)
}
.footer .ft-menu .link {
 padding:0 20px;
 display:none
}
.footer .ft-menu .link a {
 display:block;
 line-height:45px;
 color:#939599
}
.footer .ft-link {
 display:flex;
 justify-content:space-around;
 margin-bottom:12px
}
.footer .ft-link a {
 font-size:12px;
 color:#939599;
 line-height:28px
}
.footer .copy {
 text-align:center;
 font-size:12px;
 color:#939599
}
.a-top {
 position:fixed;
 right:20px;
 bottom:84px;
 width:40px;
 height:40px;
 background:rgba(255,255,255,.9) url(https://www.gztenwin.com/skin/images/new_case_mobile/zp10.png) center center no-repeat;
 background-size:20px auto;
 border-radius:50%;
 z-index:10;
 display:none;
 box-shadow:0 12px 24px 0 rgba(0,0,0,.08),0 4px 10px 0 rgba(0,0,0,.07);
 border:1px solid #d2d4d9
}
.a-tel {
 position:fixed;
 right:20px;
 bottom:20px;
 width:126px;
 height:44px;
 line-height:44px;
 font-size:0;
 text-align:center;
 background:#296bef;
 border-radius:22px;
 box-shadow:0 12px 24px 0 rgba(0,0,0,.08),0 4px 10px 0 rgba(0,0,0,.07);
 z-index:10
}
.a-tel span {
 display:inline-block;
 vertical-align:middle;
 font-size:16px;
 color:#fff;
 padding-left:32px;
 background:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp11.png) left center no-repeat;
 background-size:16px auto
}
.mask-pop {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,.5);
 z-index:11;
 display:none
}
.menu-wrap {
 position:absolute;
 top:0;
 padding-bottom:100px;
 right:-100%;
 bottom:0;
 width:84%;
 overflow-y:auto;
 background-color:#fff;
 padding:24px 20px 0;
 height:100%;
 z-index:12;
 padding-bottom:60px;
 transition:.3s
}
.menu-wrap.show {
 right:0
}
.menu-wrap .menu-option {
 position:fixed;
 bottom:0;
 right:-100%;
 width:84%;
 height:50px;
 display:flex;
 justify-content:space-between;
 padding:0 20px;
 align-items:center;
 background-color:#fafbfc;
 border-top:1px solid #e7e9ed;
 transition:.3s
}
.menu-wrap .menu-option.show {
 right:0
}
.menu-wrap .menu-option input {
 display:inline-block;
 width:68px;
 height:29px;
 line-height:29px;
 border:none;
 background:#296bef;
 border-radius:19px;
 color:#fff;
 font-size:14px
}
.menu-wrap .menu-option p {
 font-size:14px;
 color:#939599
}
.menu-wrap .menu-option p em {
 color:#296bef
}
.menu-wrap .menu-check .check-title {
 font-size:14px;
 color:#626366;
 margin-bottom:12px;
 line-height:1.1
}
.ul-check {
 margin:0 -5px 24px;
 overflow:hidden
}
.ul-check li {
 float:left;
 width:33.33%;
 padding:0 5px;
 margin-bottom:8px;
 text-align:center;
 font-size:12px;
 color:#626366
}
.ul-check li label {
 position:relative;
 display:block;
 width:100%;
 height:40px;
 line-height:38px;
 border-radius:4px;
 border:1px solid #e6e8ed;
 background-color:#fafbfc;
 transition:.3s
}
.ul-check li label.checked {
 color:#296bef;
 border-color:#296bef;
 background:#fafcff
}
.ul-check li label input {
 position:absolute;
 left:-9999px
}
.m-artile {
 padding-top:40px;
 margin-bottom:50px
}
.m-artile .artile-title {
 margin-bottom:40px
}
.m-artile .artile-title h2 {
 font-size:28px;
 color:#313233;
 font-weight:400;
 line-height:1.5;
 margin-bottom:12px;
 font-family:Medium;
 font-weight:700
}
.m-artile .artile-title span {
 font-size:16px;
 color:#626366
}
.m-artile .info img {
 display:block;
 width:100%;
 border-radius:8px
}
.m-artile .info h3 {
 font-size:22px;
 color:#313233;
 margin-bottom:36px;
 line-height:1.1;
 margin:48px 0 20px;
 font-weight:700
}
.m-artile .info h4 {
 font-size:18px;
 color:#313233;
 margin-bottom:15px;
 line-height:1.1;
 margin:40px 0 16px;
 font-weight:700
}
.m-artile .info {
 font-size:16px;
 color:#626366;
 line-height:1.81
}
.m-artile .info p {
 margin-bottom:12px
}
.m-about-txt {
 margin-bottom:40px
}
.m-about-txt .item {
 background:#fafbfc;
 border:1px solid #eee;
 border-radius:8px;
 padding:20px;
 overflow:hidden;
 margin-bottom:16px
}
.m-about-txt .item a.link,
.m-about-txt .item a.pdf {
 float:right;
 width:40px;
 height:45px;
 background:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp14.png) right center no-repeat;
 background-size:20px auto;
 border-left:1px solid #e6e8ed
}
.m-about-txt .item a.pdf {
 background-image:url(https://www.gztenwin.com/skin/images/new_case_mobile/zp15.png)
}
.m-about-txt .item .l-con {
 overflow:hidden
}
.m-about-txt .item .l-con .pic {
 float:left;
 width:40px;
 margin-right:12px
}
.m-about-txt .item .l-con .pic img {
 display:block;
 width:100%
}
.m-about-txt .item .l-con .txt {
 overflow:hidden
}
.m-about-txt .item .l-con .txt h4 {
 font-size:16px;
 color:#313233;
 font-weight:400
}
.m-about-txt .item .l-con .txt p {
 font-size:12px;
 color:#939599
}
.g-tit01 {
 font-size:22px;
 color:#313233;
 margin-bottom:24px
}
.m-about-ad {
 margin-bottom:40px
}
.m-about-ad .item {
 overflow:hidden;
 margin-bottom:16px
}
.m-about-ad .item a {
 display:block;
 width:100%;
 height:80px;
 background:#fafbfc url(https://www.gztenwin.com/skin/images/new_case_mobile/zp18.png) right 20px center no-repeat;
 background-size:20px auto;
 border:1px solid #eee;
 border-radius:8px;
 padding:0 20px
}
.m-about-ad .item img {
 float:left;
 width:40px;
 margin-right:12px;
 margin-top:20px
}
.m-about-ad .item .r-con {
 overflow:hidden;
 display:block;
 padding-right:32px;
 height:80px;
 position:relative
}
.m-about-ad .item .r-con h4 {
 line-height:1.5;
 display:inline-block;
 vertical-align:middle;
 font-size:16px;
 color:#313233;
 font-weight:400;
 max-height:3em;
 overflow:hidden;
 position:absolute;
 top:50%;
 left:0;
 width:100%;
 padding-right:32px;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.ul-tag {
 margin:0 -6px
}
.ul-tag li {
 padding:0 6px;
 display:inline-block;
 margin-bottom:12px
}
.ul-tag li .con {
 height:39px;
 line-height:37px;
 background:#f9fafc;
 border:1px solid #e6e8ed;
 border-radius:20px;
 padding:0 20px;
 font-size:16px;
 color:#313233
}
.m-about-tag {
 margin-bottom:40px
}
.m-about-case {
 background:linear-gradient(180deg,#f9fafc 0,#fff 100%);
 padding:40px 0 20px
}
.ul-casev2 {
 font-size:0;
 padding-left:20px;
 display:inline-flex
}
.ul-casev2 li {
 width:298px;
 display:inline-block;
 margin-right:17px;
 background:#fff;
 vertical-align:top
}
.ul-casev2 li:last-child {
 margin-right:20px
}
.ul-case li .txt h3 {
 display:block;
 line-height:24px;
 font-size:16px;
 white-space:normal
}
.ul-case li .txt h3 a {
 color:#313233;
 font-size:16px;
 display:-webkit-box;
 -webkit-line-clamp:2;
 box-orient:vertical;
 -webkit-box-orient:vertical;
 overflow:hidden
}
body.noScroll {
 position:fixed;
 overflow-y:hidden;
 overflow-x:hidden
}
.no-result {
 text-align:center;
 font-size:16px;
 color:#999;
 height:200px;
 line-height:200px
}
.m-select-pop {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:200;
 overflow:hidden;
 display:none;
 transition:.1s
}
.slick-slider {
 position:relative;
 display:block;
 box-sizing:border-box;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-touch-callout:none;
 -khtml-user-select:none;
 -webkit-tap-highlight-color:transparent
}
.slick-list {
 position:relative;
 display:block;
 overflow:hidden;
 margin:0;
 padding:0
}
.slick-list:focus {
 outline:0
}
.slick-list.dragging {
 cursor:pointer;
 cursor:hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
 -webkit-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.slick-track {
 position:relative;
 top:0;
 left:0;
 display:block
}
.slick-track:after,
.slick-track:before {
 display:table;
 content:""
}
.slick-track:after {
 clear:both
}
.slick-loading .slick-track {
 visibility:hidden
}
.slick-slide {
 display:none;
 float:left;
 height:100%;
 min-height:1px
}
[dir=rtl] .slick-slide {
 float:right
}
.slick-slide img {
 display:block
}
.slick-slide.slick-loading img {
 display:none
}
.slick-slide.dragging img {
 pointer-events:none
}
.slick-initialized .slick-slide {
 display:block
}
.slick-loading .slick-slide {
 visibility:hidden
}
.slick-vertical .slick-slide {
 display:block;
 height:auto;
 border:1px solid transparent
}
.slick-arrow.slick-hidden {
 display:none
}
.info-tag {
 position:absolute;
 font-size:14px;
 left:24px;
 right:24px;
 bottom:24px;
 color:#939599;
 display:flex;
 justify-content:space-between
}
.audio {
 border:1px solid #e6e8ed;
 border-radius:4px;
 overflow:hidden;
 background:#fafbfc;
 padding:22px 24px;
 margin-bottom:24px
}
.audio .audio-title {
 font-size:16px;
 color:#313233;
 line-height:1.1;
 margin-bottom:18px
}
.audio audio {
 display:block;
 width:100%;
 background:0 0;
 height:40px;
 background:#fafbfc!important
}
.ul-news-m {
 padding-top:16px;
 border-top:1px solid #f2f4f7
}
.ul-news-m li {
 overflow:hidden;
 padding-bottom:16px;
 margin-bottom:16px;
 border-bottom:1px solid #f2f4f7
}
.ul-news-m li:last-child {
 margin-bottom:0
}
.ul-news-m li .pic {
 float:left;
 width:112px;
 margin-right:19px;
 border-radius:6px;
 overflow:hidden
}
.ul-news-m li .pic img {
 display:block;
 width:100%
}
.ul-news-m li .txt {
 overflow:hidden;
 font-family:Medium
}
.ul-news-m li .txt h3 {
 font-weight:400;
 margin-bottom:15px;
 text-align:justify
}
.ul-news-m li .txt h3 a {
 font-size:16px;
 color:#313233;
 line-height:1.5;
 max-height:4.5em;
 overflow:hidden
}
.ul-news-m li .txt .bom {
 overflow:hidden
}
.ul-news-m li .txt .bom a {
 float:left;
 font-size:12px;
 color:#939599;
 margin-right:16px
}
.ul-news-m li .txt .bom span {
 float:left;
 font-size:12px;
 color:#939599;
 margin-right:16px
}
.news-title-m {
 margin:55px 0 44px
}
.news-title-m h3 {
 font-size:32px;
 color:#313233;
 line-height:1.1;
 margin-bottom:21px;
 font-family:Medium;
 text-align:justify
}
.news-title-m p {
 font-size:16px;
 color:#626366;
 line-height:1.1
}
.m-about-txt .item .l-con .txt h4 a {
 color:#333
}
.m-news-info-mobile {
 padding-top:48px
}
.m-news-info-mobile .news-info-title {
 margin-bottom:42px
}
.m-news-info-mobile .news-info-title h2 {
 text-align:justify;
 font-size:28px;
 color:#313233;
 line-height:1.5;
 margin-bottom:15px;
 font-family:Medium;
 font-weight:700
}
.m-news-info-mobile .news-info-title span {
 font-size:16px;
 color:#626366
}
.m-news-info-mobile .news-txt {
 font-family:Medium
}
.m-news-info-mobile .news-desc {
 font-size:16px;
 color:#626366;
 line-height:1.85;
 margin-bottom:41px
}
.m-news-info-mobile .news-info {
 font-size:16px;
 color:#626366;
 line-height:1.85;
 margin-bottom:39px;
 text-align:justify
}
.m-news-info-mobile .news-info h4 {
 font-size:22px;
 color:#313233;
 line-height:1.5;
 margin-bottom:19px;
 text-align:justify
}
.m-news-info-mobile .news-info img {
 display:block;
 width:100%;
 border:1px solid #def1e7;
 border-radius:3px
}
.m-news-info-mobile .news-info strong {
 color:#000
}
.m-news-info-mobile .news-info h5 {
 font-size:18px;
 color:#313233;
 line-height:1.5;
 margin-bottom:20px
}
.m-news-info-mobile audio {
 display:block;
 width:100%;
 background:0 0;
 height:40px;
 background:#fafbfc!important
}
.m-news-info-mobile .audio {
 border:1px solid #e6e8ed;
 border-radius:4px;
 overflow:hidden;
 background:#fafbfc;
 padding:25px 20px;
 margin-bottom:24px
}
.m-news-info-mobile .audio-title {
 font-size:16px;
 color:#313233;
 line-height:1.1;
 margin-bottom:18px
}
.case_mobile .index-more1 {
 margin-bottom:0;
 margin-top:30px
}
.list-column .info-tag div:first-child {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.aboutcase-bottom .info-tag div:first-child {
 width:120px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.ul-case.ul-casev2 .info-tag div:first-child {
 width:160px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.newcase-bottom .info-tag div:first-child {
 width:200px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.search-top {
 height:182px;
 background-color:#fafbfc;
 padding-top:48px;
 border-bottom:1px solid #e7e9ed;
 margin-bottom:52px
}
.search-wrap {
 width:784px;
 margin:0 auto
}
.search-top .search-form {
 position:relative
}
.search-top .search-form input {
 display:block;
 width:100%;
 height:42px;
 line-height:40px;
 border:1px solid #dfe1e6;
 border-radius:21px;
 font-size:16px;
 padding-left:48px;
 background:url(https://www.gztenwin.com/skin/images/search/search-p1.png) left 24px center no-repeat;
 background-size:16px;
 color:#313233
}
.search-top .search-form input::-webkit-input-placeholder {
 color:#939599
}
.search-top .search-form input::-moz-placeholder {
 color:#939599
}
.search-top .search-form input:-ms-input-placeholder {
 color:#939599
}
.search-top .search-form .em-del {
 position:absolute;
 right:24px;
 top:13px;
 background:url(https://www.gztenwin.com/skin/images/search/search-p2.png) center no-repeat;
 background-size:16px;
 width:16px;
 height:16px;
 cursor:pointer;
 display:none
}
.search-link {
 font-size:0;
 margin-top:50px
}
.search-link a {
 display:inline-block;
 font-size:16px;
 color:#626366;
 padding-bottom:21px;
 position:relative;
 margin-right:30px
}
.search-link a:hover {
 color:#007fcb
}
.search-link a::after {
 position:absolute;
 bottom:0;
 left:50%;
 width:32px;
 height:4px;
 background-color:#296bef;
 border-radius:2px;
 content:"";
 display:none;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%)
}
.search-link a.on {
 font-weight:700;
 color:#313233
}
.search-link a.on::after {
 display:block
}
.search-result-body {
 margin-bottom:100px
}
.search-result-list {
 margin-bottom:80px
}
.search-result-list li {
 margin-bottom:44px
}
.search-result-list li:last-child {
 margin-bottom:0
}
.search-result-list li .result-tag {
 font-size:14px;
 color:#939599;
 line-height:1.1;
 margin-bottom:22px
}
.search-result-list li h3 {
 font-weight:700;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 line-height:1.1;
 margin-bottom:12px
}
.search-result-list li h3 a {
 font-size:20px;
 color:#313233;
 font-weight:700
}
.search-result-list li h3 a:hover {
 text-decoration:underline
}
.search-result-list li .infos {
 font-size:14px;
 color:#626366;
 line-height:1.786
}
.search-result-list li em {
 color:#296bef
}
.search-result-more {
 display:block;
 margin:0 auto;
 width:144px;
 height:48px;
 line-height:46px;
 border:1px solid #296bef;
 border-radius:29px;
 text-align:center;
 font-size:16px
}
.search-page.search-page-reesult .not-reuslt .none-content {
 margin-bottom:90px
}
.search-fix {
 *zoom:1
}
.search-fix:after,
.search-fix:before {
 display:block;
 content:"";
 height:0;
 clear:both
}
.footer-search .footer-search-wrap {
 width:1136px;
 margin:0 auto
}
.footer-search .fs-link {
 margin:0 -25px 27px;
 position:relative
}
.footer-search .fs-link .item {
 float:left;
 width:20%;
 padding:0 25px
}
.footer-search .fs-link .title {
 font-size:14px;
 color:#626366;
 border-bottom:1px solid #edeff2;
 font-weight:700;
 padding-bottom:10px;
 margin-bottom:19px
}
.footer-search .fs-link .link a {
 display:block;
 font-size:14px;
 color:#939599;
 margin-bottom:10px;
 transition:.3s;
 cursor:default
}
.footer-search .fs-link .code-link a {
 display:inline-block
}
.footer-search .fs-link .link a:hover {
 color:#296bef
}
.footer-search .fs-copy {
 overflow:hidden;
 border-top:1px solid #edeff2;
 padding-top:34px;
 padding-bottom:70px
}
.footer-search .fs-copy p {
 float:right;
 font-size:14px;
 color:#939599
}
.footer-search .fs-copy .l-link {
 float:left
}
.footer-search .fs-copy .l-link a {
 font-size:14px;
 display:inline-block;
 color:#999;
 margin-right:30px;
 transition:.3s
}
.footer-search .fs-copy .l-link a:hover {
 color:#296bef
}
.footer-search .fs-link .link a:nth-child(1) .qr:after {
 top:12px
}
.footer-search .fs-link .link a:nth-child(2) .qr:after {
 top:41px
}
.footer-search .fs-link .link a:nth-child(3) .qr:after {
 top:73px
}
.footer-search .fs-link .link a:nth-child(4) .qr:after {
 top:105px
}
.footer-search .fs-link .link .qr {
 position:absolute;
 top:40px;
 right:-30px;
 width:134px;
 padding:10px;
 background-color:#fff;
 border:1px solid #dfe1e6;
 -webkit-transform:translate(40px,0);
 -ms-transform:translate(40px,0);
 transform:translate(40px,0);
 box-shadow:0 6px 15px 0 rgba(49,50,51,.05),0 3px 5px 0 rgba(49,50,51,.05);
 border-radius:5px;
 opacity:0;
 visibility:hidden;
 transition:all .3s linear 0s
}
.footer-search .fs-link .link .qr img {
 display:block;
 width:100%
}
.footer-search .fs-link .link .qr p {
 font-size:12px;
 color:#313233;
 text-align:center
}
.footer-search .fs-link .link a:hover .qr {
 -webkit-transform:translate(20px,0);
 -ms-transform:translate(20px,0);
 transform:translate(20px,0);
 opacity:1;
 visibility:visible
}
.footer-search .fs-link .link .qr::after {
 position:absolute;
 width:20px;
 height:20px;
 content:"";
 left:-14px;
 background:url(https://www.gztenwin.com/skin/images/search/arrow.jpg)
}
.search-page.search-page-reesult .not-reuslt .search-none {
 width:64px;
 height:64px
}
.ul-ftlink {
 overflow:hidden;
 margin:0 -8px;
 display:none
}
.ul-ftlink li {
 float:left;
 width:50%;
 padding:0 8px;
 margin-bottom:16px
}
.ul-ftlink li .con-wrap {
 background-color:#fff;
 border-radius:6px;
 border:1px solid #e6e8ed;
 padding:16px 0
}
.ul-ftlink li i {
 display:block;
 width:60px;
 height:60px;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
 margin:0 auto 8px
}
.ul-ftlink li p {
 text-align:center;
 font-size:12px;
 color:#939599;
 line-height:1.1
}
.search-calcle-m {
 display:none
}
.search-hot {
 display:none
}
@media only screen and (max-width:1140px) {
 .footer-search .footer-search-wrap {
  width:100%;
  padding:0 15px
 }
 .footer-search .fs-link .item {
  padding:0 10px
 }
 .footer-search .fs-link {
  margin:0 -10px 30px
 }
}
@media only screen and (max-width:784px) {
 .search-hot {
  position:fixed;
  background-color:#fff;
  bottom:0;
  left:0;
  right:0;
  top:174px;
  overflow-y:auto;
  display:none
 }
 .search-hot .link {
  padding:0 15px
 }
 .search-hot .link a {
  display:block;
  height:56px;
  line-height:56px;
  font-size:16px;
  color:#313233;
  border-bottom:1px solid #f2f4f7
 }
 .search-hot .link a em {
  font-weight:700
 }
 .search-hot .more a {
  padding:0 15px;
  height:56px;
  line-height:56px;
  font-size:16px;
  color:#296bef;
  display:flex;
  justify-content:space-between
 }
 .search-link {
  overflow:hidden;
  white-space:nowrap;
  overflow-x:auto
 }
 .search-link a {
  padding-bottom:14px
 }
 .search-link {
  margin-top:25px
 }
 .search-calcle-m {
  float:right;
  display:block;
  font-size:16px;
  color:#296bef;
  margin-left:16px;
  margin-top:8px
 }
 .search-top .search-form {
  overflow:hidden
 }
 .search-top {
  padding-top:12px;
  height:auto;
  margin-bottom:16px
 }
 .search-top .search-wrap-top {
  display:block
 }
 .search-top .search-form .em-del {
  right:16px
 }
 .search-top .search-form input {
  background-color:#fff;
  color:#313233;
  font-size:16px;
  height:38px;
  line-height:38px;
  background-position:left 16px center;
  padding-left:44px
 }
 .footer-search {
  background-color:#fafbfc;
  padding-top:40px
 }
 .footer-search .fs-copy .l-link a {
  margin-right:0;
  font-size:12px;
  color:#939599
 }
 .footer-search .fs-copy .l-link {
  float:none;
  width:auto;
  display:flex;
  justify-content:space-between;
  margin-bottom:14px
 }
 .footer-search .fs-copy p {
  float:none;
  width:auto;
  font-size:12px;
  color:#939599;
  text-align:center
 }
 .footer-search .fs-copy {
  padding-top:0;
  padding-bottom:40px
 }
 .case_pc_rel .search-wrap {
  width:100%;
  padding:0 15px
 }
 .footer-search .fs-link .item {
  float:none;
  width:auto
 }
 .footer-search .fs-link .item .title {
  font-size:12px;
  color:#626366;
  padding-bottom:0;
  height:50px;
  line-height:50px;
  border:none;
  border-top:1px solid #e7e9ed;
  margin-bottom:0;
  background:url(https://www.gztenwin.com/skin/images/search/ftlink-show.jpg) right center no-repeat;
  background-size:10px auto
 }
 .footer-search .fs-link .item .title.active {
  background-image:url(https://www.gztenwin.com/skin/images/search/ftlink-hide.jpg)
 }
 .footer-search .fs-link .item:last-child .con {
  border-bottom:1px solid #e7e9ed
 }
 .footer-search .fs-link .item:last-child .link {
  display:none!important
 }
 .footer-search .fs-link .link {
  display:none
 }
 .footer-search .fs-copy {
  border:none
 }
 .footer-search .fs-link .link a {
  font-size:12px;
  color:#939599;
  margin-bottom:17px
 }
 .search-result-list li h3 a {
  font-size:16px;
  font-weight:400
 }
 .search-result-list li .infos {
  height:3.572em;
  overflow:hidden;
  font-size:12px
 }
 .search-result-list li {
  padding-bottom:18px;
  margin-bottom:16px;
  border-bottom:1px solid #f2f4f7
 }
 .search-result-list li h3 {
  margin-bottom:17px
 }
 .search-result-more {
  height:40px;
  line-height:38px;
  font-size:16px
 }
 .search-result-body {
  margin-bottom:40px
 }
 .search-result-list {
  margin-bottom:40px
 }
}
.Search_Btn_hd {
 width:28px;
 height:72px;
 background:url(https://www.gztenwin.com/skin/images/search/Search-btn-hd.png) center no-repeat;
 float:right;
 cursor:pointer;
 background-size:22px auto
}
.search-block.searching {
 width:867px;
 display:none
}
.search-block.searching .main-search {
 width:100%
}
.search-top-close {
 position:absolute;
 width:16px;
 height:16px;
 background:url(https://www.gztenwin.com/skin/images/search/new_close.svg) center no-repeat;
 background-size:cover;
 top:50%;
 margin-top:-6px;
 right:0;
 cursor:pointer
}
.search-block .search-body {
 position:relative
}
.Search_retult_top {
 position:absolute;
 top:100%;
 left:0;
 right:0;
 background-color:#fff;
 border-bottom-left-radius:8px;
 border-bottom-right-radius:8px;
 font-size:14px;
 color:#333;
 border:1px solid #e6e8ed;
 padding:0 0 0;
 text-align:left;
 display:none
}
.Search_retult_top .result_hot {
 padding-top:24px
}
.Search_retult_top .result_hot .title {
 font-size:12px;
 color:#939599;
 margin-bottom:15px;
 padding:0 24px
}
.Search_retult_top .result_hot .result a {
 display:block;
 height:38px;
 line-height:38px;
 color:#313233;
 padding:0 24px;
 transition:.5s
}
.Search_retult_top .result_hot .result a:hover {
 background-color:#f2f4f7
}
.resut_imp {
 display:none
}
.resut_imp .title {
 background-color:#fafbfc;
 border-bottom:1px solid #ddd;
 font-size:0;
 padding:0 24px;
 margin-bottom:10px
}
.resut_imp .title a {
 display:inline-block;
 height:55px;
 line-height:65px;
 position:relative;
 margin-right:24px;
 font-size:14px;
 color:#626366
}
.resut_imp .title a:hover {
 color:#296bef
}
.resut_imp .title a::after {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:2px;
 background-color:#296bef;
 border-radius:2px;
 content:"";
 display:none
}
.resut_imp .title a.on {
 font-weight:700;
 color:#313233
}
.resut_imp .title a.on::after {
 display:block
}
.resut_imp .result a {
 display:block;
 padding:0 24px;
 height:38px;
 color:#313233;
 line-height:38px
}
.resut_imp .result a:hover {
 background-color:#f2f4f7
}
.resut_imp .all {
 display:flex;
 justify-content:space-between;
 padding:0 24px;
 margin-top:10px;
 padding-bottom:24px
}
.search-btn-m {
 position:absolute;
 width:20px;
 height:20px;
 background:url(https://www.gztenwin.com/skin/images/search/Search-btn-hd.png) center no-repeat;
 right:60px;
 top:50%;
 margin-top:-10px;
 background-size:cover
}
.select-result-m {
 position:fixed;
 top:0;
 left:0;
 right:0;
 height:64px;
 background-color:#fafbfc;
 border-top:1px solid #e7e9ed;
 border-bottom:1px solid #e7e9ed;
 z-index:100001;
 padding:12px 12px 0;
 display:none
}
.select-result-m a {
 float:right;
 font-size:16px;
 color:#296bef;
 margin-left:16px;
 margin-top:8px
}
.select-result-m .l-con {
 overflow:hidden;
 position:relative
}
.select-result-m .l-con input {
 display:block;
 width:100%;
 height:39px;
 border:1px solid #dfe1e6;
 border-radius:19px;
 padding-left:44px;
 padding-right:20px;
 background:#fff url(https://www.gztenwin.com/skin/images/search/Search-btn-hd.png) 16px center no-repeat;
 background-size:20px auto
}
.result-hot-m {
 position:fixed;
 top:64px;
 left:0;
 right:0;
 bottom:0;
 background-color:#fff;
 z-index:99;
 overflow-y:auto;
 padding:0 16px;
 display:none
}
.result-hot-m .title {
 line-height:53px;
 font-size:14px;
 color:#939599;
 border-bottom:1px solid #f2f4f7
}
.result-hot-m .link a {
 display:block;
 border-bottom:1px solid #f2f4f7;
 font-size:16px;
 color:#313233;
 line-height:56px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.restut-list-m {
 position:fixed;
 top:62px;
 left:0;
 right:0;
 bottom:0;
 overflow-y:auto;
 background-color:#fff;
 z-index:100002;
 display:none;
 padding-bottom:15px
}
.restut-list-m .search-lik-m {
 background-color:#fafbfc;
 white-space:nowrap;
 overflow-x:auto;
 padding:0 16px;
 border-bottom:1px solid #e7e9ed;
 display:none
}
.restut-list-m .search-lik-m a {
 display:inline-block;
 height:50px;
 line-height:50px;
 font-size:16px;
 color:#626366;
 margin-right:24px;
 position:relative
}
.restut-list-m .search-lik-m a::after {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 content:"";
 height:4px;
 background-color:#296bef;
 border-radius:2px;
 display:none
}
.restut-list-m .search-lik-m a.on::after {
 display:block
}
.restut-list-m .search-list {
 padding:0 16px
}
.restut-list-m .search-list a {
 display:block;
 height:56px;
 line-height:56px;
 border-bottom:1px solid #e7e9ed;
 color:#333
}
.restut-list-m .search-list a em {
 font-weight:700
}
.restut-list-m .all {
 padding:0 16px;
 overflow:hidden;
 display:block;
 margin-top:10px
}
.restut-list-m .all span {
 font-size:16px;
 color:#296bef;
 float:left
}
.restut-list-m .all span.r {
 float:right
}
.select-result-m .l-con .em-del2 {
 position:absolute;
 right:15px;
 top:13px;
 background:url(https://www.gztenwin.com/skin/images/search/search-p2.png) center no-repeat;
 background-size:16px;
 width:16px;
 height:16px;
 cursor:pointer;
 display:none
}
.footer-search .fs-copy {
 padding-bottom:70px
}
.footer-search {
 padding-top:30px
}
.Search_retult_null {
 position:absolute;
 height:220px;
 top:100%;
 left:0;
 right:0;
 background-color:#fff;
 border-bottom-left-radius:8px;
 border-bottom-right-radius:8px;
 font-size:14px;
 color:#333;
 border:1px solid #e6e8ed;
 padding:0 0 0;
 text-align:left;
 display:block
}
.Search_retult_null .txt,
.result-hot-m-null .txt {
 position:absolute;
 top:50%;
 left:0;
 width:100%;
 text-align:center;
 font-size:16px;
 color:#ccc;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.result-hot-m-null {
 position:fixed;
 top:64px;
 left:0;
 right:0;
 bottom:0;
 background-color:#fff;
 z-index:99;
 overflow-y:auto;
 padding:0 16px;
 display:block
}
.phone-link {
 pointer-events:none
}
@media (max-width:1023px) {
 .phone-link {
  pointer-events:auto
 }
}
.case-detail .case-detail-hd {
 height:450px;
 position:relative;
 text-align:center;
 background:url(https://www.gztenwin.com/skin/images/hero/hero_case_detail.jpg) no-repeat center center transparent;
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/hero/hero_case_detail.jpg) 1x,url(../images/hero/hero_case_detail@2x.jpg) 2x);
 background-size:cover;
 color:#fff;
 line-height:1;
 z-index:1
}
.case-detail .case-detail-hd:before {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 content:" ";
 background:url(https://www.gztenwin.com/skin/images/mask.png);
 z-index:1
}
.case-detail .case-detail-hd .container {
 position:relative;
 padding:154px 0 0;
 z-index:3
}
.case-detail .case-detail-hd .case-brand {
 font-size:26px;
 margin-bottom:30px
}
.case-detail .case-detail-hd .case-title {
 font-size:36px;
 margin-bottom:35px
}
.case-detail .case-detail-hd .case-tag-item {
 display:inline-block;
 *display:inline;
 *zoom:1;
 font-size:14px;
 color:#fff;
 background-color:#008de8;
 line-height:30px;
 padding:0 18px;
 margin-right:5px;
 border-radius:2px
}
.case-detail .case-detail-bd .container {
 background-color:#fff
}
.case-detail .case-detail-bd .case-summary {
 margin-top:-50px;
 position:relative;
 z-index:3
}
.case-detail .case-detail-bd .case-summary .container {
 width:auto;
 max-width:none;
 margin:0 8%;
 padding:42px 0
}
.case-detail .case-detail-bd .case-summary .case-summary-hd {
 background-color:#008de8;
 color:#fff;
 line-height:1
}
.case-detail .case-detail-bd .case-summary .case-summary-hd .container {
 background-color:#008de8
}
.case-detail .case-detail-bd .case-summary .case-summary-bd {
 background-color:#fff;
 min-width:1200px
}
@media (max-width:1023px) {
 .case-detail .case-detail-bd .case-summary .case-summary-bd {
  min-width:unset
 }
}
.case-detail .case-detail-bd .case-summary .case-meta {
 display:block;
 float:left;
 width:45%;
 margin-left:10%;
 text-align:center
}
.case-detail .case-detail-bd .case-summary .case-meta:first-child {
 margin-left:0
}
.case-detail .case-detail-bd .case-summary .case-meta:first-child {
 margin-left:0
}
.case-detail .case-detail-bd .case-summary .case-column-3 .case-meta {
 display:block;
 float:left;
 width:32%;
 margin-left:2%;
 *width:31%
}
.case-detail .case-detail-bd .case-summary .case-column-3 .case-meta:first-child {
 margin-left:0
}
.case-detail .case-detail-bd .case-summary .case-column-3 .case-meta:first-child {
 margin-left:0
}
.case-detail .case-detail-bd .case-summary .case-intro {
 margin-bottom:35px
}
.case-detail .case-detail-bd .case-summary .case-intro:last-of-type {
 margin-bottom:0
}
.case-detail .case-detail-bd .case-summary .case-meta-data {
 font-size:50px;
 margin-bottom:25px
}
.case-detail .case-detail-bd .case-summary .case-meta-data .has-arrow {
 position:relative;
 display:inline-block
}
.case-detail .case-detail-bd .case-summary .case-meta-data .has-arrow i {
 font-style:normal;
 font-size:40px;
 position:absolute;
 right:-35px;
 top:5px;
 *right:-25px
}
.case-detail .case-detail-bd .case-summary .case-meta-title {
 font-size:18px
}
.case-detail .case-detail-bd .case-summary .case-intro-title {
 font-size:20px;
 padding-bottom:10px
}
.case-detail .case-detail-bd .case-summary .case-intro-data {
 font-size:14px;
 line-height:2;
 color:#000
}
.case-detail .case-detail-bd .case-summary .case-intro-data h2 {
 font-size:32px;
 color:#000;
 line-height:1;
 padding:10px 0 20px
}
.case-detail .case-detail-bd .case-summary .case-intro-data p {
 padding-bottom:10px
}
.case-detail .case-detail-bd .case-summary .case-intro-data p img {
 margin:10px 0;
 width:100%
}
.case-detail .case-detail-bd .case-content {
 background-color:#fff;
 width:auto;
 max-width:none;
 padding:0 8% 42px 8%;
 line-height:2;
 font-size:14px;
 color:#000
}
.case-detail .case-detail-bd .case-content h2 {
 font-size:32px;
 color:#000;
 line-height:1;
 padding:10px 0 20px
}
.case-detail .case-detail-bd .case-content h3 {
 font-size:20px;
 padding-bottom:10px
}
.case-detail .case-detail-bd .case-content p {
 margin:15px 0
}
.case-detail .case-detail-bd .case-content p img {
 display:block;
 margin:30px auto;
 max-width:100%;
 text-align:center
}
.case-detail .case-detail-bd .case-content ol {
 list-style:decimal outside;
 padding:0 25px 0 45px;
 margin:25px 0
}
.case-detail .case-detail-bd .case-content ol li {
 margin:15px 0
}
.case-detail .case-detail-bd .case-content hr {
 width:100%;
 height:1px;
 margin:30px 0;
 background-color:#ededed;
 border:none
}
.case-detail .case-detail-bd .case-content a {
 text-decoration:underline
}
.case-detail .case-detail-bd .case-content a:hover {
 text-decoration:none
}
.case-detail .case-detail-bd .case-content .case-usage a {
 font-size:14px;
 margin-right:30px
}
.case-detail .case-detail-bd .case-navigation {
 background:#fff;
 *zoom:1;
 margin:0 8%;
 padding:20px 0 45px;
 border-top:1px solid #ededed
}
.case-detail .case-detail-bd .case-navigation:after,
.case-detail .case-detail-bd .case-navigation:before {
 display:table;
 content:""
}
.case-detail .case-detail-bd .case-navigation:after {
 clear:both
}
.case-detail .case-detail-bd .case-navigation:after,
.case-detail .case-detail-bd .case-navigation:before {
 display:table;
 content:""
}
.case-detail .case-detail-bd .case-navigation:after {
 clear:both
}
.case-detail .case-detail-bd .case-navigation a {
 font-size:16px;
 color:#8f8f8f
}
.case-detail .case-detail-bd .case-navigation a:hover {
 color:#008de8
}
.case-detail .case-detail-bd .case-navigation-prev {
 float:left
}
.case-detail .case-detail-bd .case-navigation-next {
 float:right
}
.case-detail .case_article .case_article_title h2 {
 font-size:36px;
 line-height:1.5;
 color:#313233;
 font-weight:700
}
.case-detail .case_article .case_article_title span {
 display:inline-block;
 font-size:16px;
 color:#626366;
 line-height:24px
}
.case-detail .case_article .case_article_title img {
 width:100%;
 margin-top:48px;
 border-radius:8px;
 border:1px solid #e6e8ed
}
.case-detail .case_article .case_article_title .pic img {
 margin:0;
 border:none;
 border-radius:0
}
.case-detail .case_article .case_article_content {
 margin-top:48px
}
.case-detail .case_article .case_article_content h3 {
 font-weight:700;
 font-size:24px;
 line-height:36px;
 color:#313233;
 margin-bottom:20px;
 margin-top:48px;
 text-align:justify
}
.case-detail .case_article .case_article_content h3:first-child {
 margin-top:0
}
.case-detail .case_article .case_article_content p {
 font-size:16px;
 line-height:29px;
 color:#626366;
 text-align:justify
}
.case-detail .case_article .case_article_content h4 {
 font-weight:700;
 color:#0b1531;
 font-size:20px;
 line-height:30px;
 margin:40px 0 16px 0
}
.case-detail .case_article .case_article_content img {
 max-width:100%
}
.case-detail .case_article .case_article_content strong {
 font-weight:700;
 color:#313233
}
.case-relative {
 background:#fff
}
.case-relative .case-relative-hd {
 padding:60px 0 50px
}
.newcase-wrapper {
 background-color:#fff
}
.newcase-detail {
 padding-top:80px;
 width:785px;
 text-align:left;
 margin:0 auto
}
.down_sprite {
 display:inline-block;
 width:40px;
 height:46px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/down_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat
}
.re-link {
 display:inline-block;
 width:40px;
 height:46px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/down_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 0
}
.re-pdf {
 display:inline-block;
 width:40px;
 height:46px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/down_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -46px
}
.re-ppt {
 display:inline-block;
 width:40px;
 height:46px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/down_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -92px
}
.re-word {
 display:inline-block;
 width:40px;
 height:46px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/down_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -138px
}
.re-excel {
 display:inline-block;
 width:40px;
 height:46px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/down_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -184px
}
.re-media {
 display:inline-block;
 width:40px;
 height:46px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/down_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -230px
}
.re-pic {
 display:inline-block;
 width:40px;
 height:46px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/down_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -276px
}
.ad_sprite {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat
}
.re-wechat {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 0
}
.re-qq {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -40px
}
.re-video {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -80px
}
.re-new {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -120px
}
.re-kandian {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -160px
}
.re-music {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -200px
}
.re-tiyu {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -240px
}
.re-ylh {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -360px
}
.re-yx {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_sprite.png);
 background-size:40px auto;
 background-repeat:no-repeat;
 background-position:0 -320px
}
.re-other {
 display:inline-block;
 width:40px;
 height:40px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/ad_case_other.png);
 background-size:40px auto;
 background-repeat:no-repeat
}
.recase-linkicon {
 vertical-align:text-bottom;
 margin-right:6px;
 display:inline-block;
 width:16px;
 height:16px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/re_link.png);
 background-size:16px auto;
 background-repeat:no-repeat
}
.recase-downicon {
 vertical-align:text-bottom;
 margin-right:4px;
 display:inline-block;
 width:16px;
 height:16px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/re_down.png);
 background-size:16px auto;
 background-repeat:no-repeat
}
.cre-arrow {
 margin-right:6px;
 display:inline-block;
 width:6px;
 height:11px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/caseresource_arrow.png);
 background-size:6px auto;
 background-repeat:no-repeat
}
.re-information {
 margin-top:48px
}
.re-information .re-title {
 margin-bottom:24px;
 font-size:24px;
 color:#313233;
 font-weight:700
}
.re-information .recase-card {
 display:inline-block;
 width:100%;
 height:94px;
 margin-bottom:16px
}
.re-information .recase-card a {
 height:100%;
 padding:0 24px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 background-color:#fafbfc;
 border-radius:8px;
 border:1px solid #e6e8ed;
 transition:all .5s;
 font-size:16px
}
.re-information .recase-card a:hover {
 box-shadow:0 3px 5px 0 rgba(49,50,51,.05),0 6px 15px rgba(49,50,51,.05)
}
.re-information .recase-card a:active {
 background-color:#f5f6f7;
 box-shadow:0 3px 6px 0 rgba(0,0,0,.04)
}
.re-information .recase-card .recase-info .recase-right {
 vertical-align:super;
 display:inline-block;
 margin-left:16px
}
.re-information .recase-card .recase-info .recase-right .recase-title {
 margin-bottom:2px;
 color:#313233;
 font-size:16px
}
.re-information .recase-card .recase-info .recase-right .recase-content {
 font-size:14px;
 color:#939599
}
.re-information .recase-card .recase-control {
 font-size:16px;
 color:#626366
}
.casead-resource {
 margin-top:48px
}
.casead-resource .casead-title {
 margin-bottom:24px;
 font-size:24px;
 color:#313233;
 font-weight:700
}
.casead-resource .casource-body {
 position:relative
}
.casead-resource .casource-body .casource-card {
 display:inline-block;
 width:380px;
 height:88px;
 margin:0 16px 16px 0
}
.casead-resource .casource-body .casource-card:nth-child(2n) {
 margin:0 0 16px 0
}
.casead-resource .casource-body .casource-card a {
 height:100%;
 padding:0 24px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 background-color:#fafbfc;
 border-radius:8px;
 border:1px solid #e6e8ed;
 transition:all .5s;
 font-size:16px
}
.casead-resource .casource-body .casource-card a:hover {
 box-shadow:0 3px 5px 0 rgba(49,50,51,.05),0 6px 15px rgba(49,50,51,.05);
 border-color:#dfe1e6
}
.casead-resource .casource-body .casource-card a:active {
 background-color:#f5f6f7
}
.casead-resource .casource-body .casource-card .cresource-info {
 color:#313233;
 display:flex;
 align-items:center
}
.casead-resource .casource-body .casource-card .cresource-info .recase-right {
 display:inline-block;
 margin-left:16px
}
.casead-resource .casource-body .casource-card .cresource-info .recase-right .recase-title {
 width:230px;
 line-height:1.5;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.casead-resource {
 margin-top:48px;
 margin-bottom:80px
}
.casead-resource .casead-title {
 margin-bottom:24px;
 font-size:24px;
 color:#313233;
 font-weight:700
}
.casead-resource .casead-tagblock {
 position:relative;
 font-size:0
}
.casead-resource .casead-tagblock .casead-tag {
 display:inline-block;
 position:relative;
 margin-right:16px;
 margin-bottom:16px;
 padding:8px 20px;
 font-size:16px;
 color:#313233;
 background-color:#fafafb;
 border:1px solid #e6e8ed;
 border-radius:20px;
 transition:all .5s
}
.casead-resource .casead-tagblock .casead-tag:hover {
 box-shadow:0 3px 5px 0 rgba(49,50,51,.05),0 6px 15px rgba(49,50,51,.05)
}
.casead-resource .casead-tagblock .casead-tag:active {
 background-color:#f5f6f7;
 box-shadow:0 3px 6px 0 rgba(0,0,0,.04)
}
.aboutnewcase-block {
 padding:80px 0;
 text-align:center;
 background-color:#fafbfc
}
.aboutnewcase-block .aboutnewcase-main {
 display:inline-block;
 width:1168px;
 text-align:left
}
.aboutnewcase-block .aboutnewcase-main .about-title {
 margin-bottom:24px;
 font-size:24px;
 padding-left:17px;
 color:#313233;
 font-weight:700
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock {
 position:relative;
 display:flex;
 justify-content:left;
 width:1168px
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-pre {
 position:absolute;
 left:-56px;
 top:50%;
 z-index:50;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-pre a {
 display:inline-block;
 width:48px;
 height:48px;
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-pre a i {
 border-radius:50%;
 display:inline-block;
 width:48px;
 height:48px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/select_next.png);
 background-size:48px auto;
 background-repeat:no-repeat
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-pre a:hover i {
 box-shadow:0 -3px 6px 0 rgba(0,0,0,.04);
 background-image:url(https://www.gztenwin.com/skin/images/new_case/select_nexthover.png)
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-pre a:active i {
 box-shadow:0 3px 6px 0 rgba(0,0,0,.04);
 background-image:url(https://www.gztenwin.com/skin/images/new_case/select_nextactive.png)
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-next {
 position:absolute;
 right:-56px;
 top:50%;
 z-index:50;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-next a {
 display:inline-block;
 width:48px;
 height:48px
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-next a i {
 border-radius:50%;
 display:inline-block;
 width:48px;
 height:48px;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/select_next.png);
 background-size:48px auto;
 background-repeat:no-repeat
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-next a:hover i {
 box-shadow:0 3px 6px 0 rgba(0,0,0,.04);
 background-image:url(https://www.gztenwin.com/skin/images/new_case/select_nexthover.png)
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-next a:active i {
 box-shadow:0 3px 6px 0 rgba(0,0,0,.04);
 background-image:url(https://www.gztenwin.com/skin/images/new_case/select_nextactive.png)
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card {
 display:inline-block;
 width:258px;
 box-sizing:border-box;
 border:1px solid #e6e8ed;
 border-radius:8px;
 cursor:pointer;
 transition:all .5s;
 overflow:hidden;
 background-color:#fff;
 margin:0 16px;
 position:relative
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card:hover {
 box-shadow:0 3px 5px 0 rgba(49,50,51,.05),0 6px 15px rgba(49,50,51,.05)
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card:active {
 background-color:#fafbfc;
 box-shadow:0 3px 6px 0 rgba(0,0,0,.04)
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-top {
 position:relative;
 overflow:hidden;
 width:258px;
 height:145px
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-top img {
 width:100%
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-top .casetop-name {
 position:absolute;
 right:22px;
 left:22px;
 bottom:16px;
 color:#fff;
 font-size:20px;
 font-weight:700;
 z-index:10;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-top:before {
 content:"";
 width:100%;
 height:70px;
 position:absolute;
 bottom:0;
 left:0;
 background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));
 z-index:5
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-bottom {
 padding:24px
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-bottom .casebottom-name {
 margin-bottom:34px;
 line-height:1.5;
 font-size:16px;
 color:#313233;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 word-break:break-all
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-bottom .casebottom-tagblock {
 font-size:12px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 position:absolute;
 left:24px;
 bottom:24px;
 right:24px
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-bottom .casebottom-tagblock .casebttom-tag {
 display:inline;
 margin-right:6px;
 margin-bottom:6px;
 padding-right:6px;
 font-size:12px;
 color:#939599;
 position:relative
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-bottom .casebottom-tagblock .casebttom-tag:after {
 content:"";
 position:absolute;
 height:12px;
 width:1px;
 background:#edeff2;
 right:0;
 top:56%;
 -webkit-transform:translate(0,-50%);
 -ms-transform:translate(0,-50%);
 transform:translate(0,-50%)
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-bottom .casebottom-tagblock .casebttom-tag+.casebttom-tag {
 margin-left:-1px
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-bottom .casebottom-tagblock .casebttom-tag:last-of-type {
 padding-right:0;
 border:none
}
.aboutnewcase-block .aboutnewcase-main .aboutcase-cardblock .aboutcase-card .aboutcase-bottom .casebottom-tagblock .casebttom-tag:last-of-type:after {
 display:none
}
.list-paddingleft-2 {
 padding-left:16px
}
.info strong {
 font-weight:700
}
.m-ul-case-layout {
 overflow-y:auto
}
.case_article_content img {
 border-radius:8px
}
ul[style="list-style-type: disc;"] li {
 position:relative
}
ul[style="list-style-type: disc;"] li:before {
 content:"";
 height:7px;
 width:7px;
 background:#626366;
 position:absolute;
 border-radius:50%;
 left:-17px;
 top:12px
}
.bom span {
 font-size:12px;
 color:#939599
}
.bom span:last-child {
 float:right
}
.source {
 padding-top:90px;
 color:#000;
 padding-bottom:75px
}
.source .source-hd {
 text-align:center
}
.source .source-hd p {
 font-size:16px;
 line-height:2;
 padding:15px 22% 80px
}
.source .source-bd .source-item {
 margin-bottom:30px
}
.source .source-bd .source-item .column {
 background:#fff;
 border:1px solid #efefef;
 position:relative;
 transition:border-color .6s;
 border-radius:2px
}
.source .source-bd .source-item .column>a {
 color:#000;
 display:block;
 position:relative;
 padding:128px 38px 40px
}
.source .source-bd .source-item .column:before {
 content:"";
 width:29px;
 height:27px;
 position:absolute;
 right:40px;
 bottom:40px;
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-all.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);
 background-repeat:no-repeat;
 background-position:-35px -74px
}
.source .source-bd .source-item .column:hover {
 border-color:#008de8
}
.source .source-bd .source-item .column:hover:before {
 background-position:0 -74px
}
.source .source-bd .source-item .column .icon {
 position:absolute;
 left:38px;
 top:34px;
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-all.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);
 background-repeat:no-repeat
}
.source .source-bd .source-item .column .icon.icon-wechat {
 background-position:-1070px 0;
 width:68px;
 height:56px
}
.source .source-bd .source-item .column .icon.icon-ad {
 background-position:-1225px 0;
 width:65px;
 height:58px;
 top:42px
}
.source .source-bd .source-item .column .icon.icon-app {
 background-position:-221px 0;
 width:53px;
 height:53px
}
.source .source-bd .source-item .column .icon.icon-browser {
 background-position:-280px 0;
 width:84px;
 height:68px
}
.source .source-bd .source-item .column .icon.icon-qq {
 background-position:-1008px 0;
 width:54px;
 height:58px
}
.source .source-bd .source-item .column .icon.icon-qzone {
 background-position:-941px 0;
 width:59px;
 height:57px
}
.source .source-bd .source-item .column .icon.icon-news {
 width:54px;
 height:54px;
 background-position:-1150px 0
}
.source .source-bd .source-item .column .icon.icon-video {
 width:54px;
 height:50px;
 background-position:-547px 0
}
.source .source-bd .source-item .column .icon.icon-ttkb {
 width:50px;
 height:50px;
 background-position:-606px 0
}
.source .source-bd .source-item .column .icon.icon-DMP {
 width:56px;
 height:56px;
 background-position:-661px 0
}
.source .source-bd .source-item .column .icon.icon-ocpa {
 width:60px;
 height:61px;
 background-position:-722px 0
}
.source .source-bd .source-item .column .icon.icon-commodity {
 width:62px;
 height:64px;
 background-position:-788px 0
}
.source .source-bd .source-item .column .icon.icon-tag {
 width:77px;
 height:62px;
 background-position:-855px 0
}
.source .source-bd .source-item .source-title {
 font-size:26px;
 line-height:1;
 margin-bottom:20px
}
.source .source-bd .source-item .source-text {
 font-size:14px;
 line-height:2;
 min-height:10em;
 padding-bottom:10px
}
.icon-steward {
 position:absolute;
 left:38px;
 top:34px;
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/icon/steward.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/steward.png) 1x);
 background-repeat:no-repeat;
 background-size:64px;
 width:64px;
 height:64px
}
.icon-chart {
 position:absolute;
 left:38px;
 top:34px;
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/icon/cps.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/icon/cps.png) 1x);
 background-repeat:no-repeat;
 background-size:64px;
 width:64px;
 height:60px
}
.qq-mobile-scene .scene-shopping .bg-decor {
 right:6px;
 top:60px
}
.qq-mobile-scene .scene-shopping .bg-decor:after,
.qq-mobile-scene .scene-shopping .bg-decor:before {
 right:0;
 color:#008de8;
 width:100px
}
.qq-mobile-scene .scene-shopping .bg-decor:before {
 top:0;
 -webkit-transform:rotate(8deg);
 -ms-transform:rotate(8deg);
 transform:rotate(8deg)
}
.qq-mobile-scene .scene-shopping .bg-decor:after {
 bottom:2px;
 -webkit-transform:rotate(-8deg);
 -ms-transform:rotate(-8deg);
 transform:rotate(-8deg)
}
.qq-mobile-scene .scene-shopping .bg-capt {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 -webkit-transform:translateX(0) scale(.82);
 -ms-transform:translateX(0) scale(.82);
 transform:translateX(0) scale(.82)
}
.qq-mobile-scene .scene-shopping.section-active .bg-capt {
 -webkit-transform:translateX(-94px) scale(1);
 -ms-transform:translateX(-94px) scale(1);
 transform:translateX(-94px) scale(1)
}
.qq-mobile-scene .scene-shopping .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.82);
 -ms-transform:scale(.82);
 transform:scale(.82);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qq-mobile-scene .scene-bag .bg-decor {
 left:15px;
 top:342px
}
.qq-mobile-scene .scene-bag .bg-decor:after,
.qq-mobile-scene .scene-bag .bg-decor:before {
 left:0;
 color:#e72431;
 width:90px
}
.qq-mobile-scene .scene-bag .bg-decor:before {
 top:-2px;
 -webkit-transform:rotate(-6deg);
 -ms-transform:rotate(-6deg);
 transform:rotate(-6deg)
}
.qq-mobile-scene .scene-bag .bg-decor:after {
 bottom:0;
 -webkit-transform:rotate(6deg);
 -ms-transform:rotate(6deg);
 transform:rotate(6deg)
}
.qq-mobile-scene .scene-bag .bg-capt {
 -webkit-transform:translateX(0) scale(.78);
 -ms-transform:translateX(0) scale(.78);
 transform:translateX(0) scale(.78);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qq-mobile-scene .scene-bag.section-active .bg-capt {
 -webkit-transform:translateX(88px) scale(1);
 -ms-transform:translateX(88px) scale(1);
 transform:translateX(88px) scale(1)
}
.qq-mobile-scene .scene-bag .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.77);
 -ms-transform:scale(.77);
 transform:scale(.77);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qq-mobile-scene .scene-hot .bg-decor {
 right:16px;
 top:143px
}
.qq-mobile-scene .scene-hot .bg-decor:after,
.qq-mobile-scene .scene-hot .bg-decor:before {
 right:0;
 color:#fbc422;
 width:90px
}
.qq-mobile-scene .scene-hot .bg-decor:before {
 top:-3px;
 -webkit-transform:rotate(4deg);
 -ms-transform:rotate(4deg);
 transform:rotate(4deg)
}
.qq-mobile-scene .scene-hot .bg-decor:after {
 bottom:-2px;
 -webkit-transform:rotate(-4deg);
 -ms-transform:rotate(-4deg);
 transform:rotate(-4deg)
}
.qq-mobile-scene .scene-hot .bg-capt {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 -webkit-transform:translateX(0) scale(.8);
 -ms-transform:translateX(0) scale(.8);
 transform:translateX(0) scale(.8)
}
.qq-mobile-scene .scene-hot.section-active .bg-capt {
 -webkit-transform:translateX(-88px) scale(1);
 -ms-transform:translateX(-88px) scale(1);
 transform:translateX(-88px) scale(1)
}
.qq-mobile-scene .scene-hot .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.79);
 -ms-transform:scale(.79);
 transform:scale(.79);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qq-mobile-scene .scene-banner .bg-decor {
 left:10px;
 top:286px
}
.qq-mobile-scene .scene-banner .bg-decor:after,
.qq-mobile-scene .scene-banner .bg-decor:before {
 left:0;
 color:#0ea74a;
 width:90px
}
.qq-mobile-scene .scene-banner .bg-decor:before {
 top:-1px;
 -webkit-transform:rotate(-8deg);
 -ms-transform:rotate(-8deg);
 transform:rotate(-8deg)
}
.qq-mobile-scene .scene-banner .bg-decor:after {
 bottom:1px;
 -webkit-transform:rotate(8deg);
 -ms-transform:rotate(8deg);
 transform:rotate(8deg)
}
.qq-mobile-scene .scene-banner .bg-capt {
 -webkit-transform:translateX(0) scale(.8);
 -ms-transform:translateX(0) scale(.8);
 transform:translateX(0) scale(.8);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qq-mobile-scene .scene-banner.section-active .bg-capt {
 -webkit-transform:translateX(88px) scale(1);
 -ms-transform:translateX(88px) scale(1);
 transform:translateX(88px) scale(1)
}
.qq-mobile-scene .scene-banner .bg-shade {
 background:#0ea74a;
 -webkit-transform:scale(.79);
 -ms-transform:scale(.79);
 transform:scale(.79);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qq-mobile-scene .scene-weather .bg-decor {
 right:10px;
 top:318px
}
.qq-mobile-scene .scene-weather .bg-decor:after,
.qq-mobile-scene .scene-weather .bg-decor:before {
 right:0;
 color:#008de8;
 width:90px
}
.qq-mobile-scene .scene-weather .bg-decor:before {
 top:-3px;
 -webkit-transform:rotate(5deg);
 -ms-transform:rotate(5deg);
 transform:rotate(5deg)
}
.qq-mobile-scene .scene-weather .bg-decor:after {
 bottom:-1px;
 -webkit-transform:rotate(-5deg);
 -ms-transform:rotate(-5deg);
 transform:rotate(-5deg)
}
.qq-mobile-scene .scene-weather .bg-capt {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 -webkit-transform:translateX(0) scale(.8);
 -ms-transform:translateX(0) scale(.8);
 transform:translateX(0) scale(.8)
}
.qq-mobile-scene .scene-weather.section-active .bg-capt {
 -webkit-transform:translateX(-88px) scale(1);
 -ms-transform:translateX(-88px) scale(1);
 transform:translateX(-88px) scale(1)
}
.qq-mobile-scene .scene-weather .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.8);
 -ms-transform:scale(.8);
 transform:scale(.8);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qq-mobile-scene .scene-interest .bg-decor {
 left:12px;
 top:205px
}
.qq-mobile-scene .scene-interest .bg-decor:after,
.qq-mobile-scene .scene-interest .bg-decor:before {
 left:0;
 color:#e72431;
 width:95px;
 left:-2px
}
.qq-mobile-scene .scene-interest .bg-decor:before {
 top:12px;
 -webkit-transform:rotate(-24deg);
 -ms-transform:rotate(-24deg);
 transform:rotate(-24deg)
}
.qq-mobile-scene .scene-interest .bg-decor:after {
 bottom:14px;
 -webkit-transform:rotate(23deg);
 -ms-transform:rotate(23deg);
 transform:rotate(23deg)
}
.qq-mobile-scene .scene-interest .bg-capt {
 -webkit-transform:translateX(0) scale(.78);
 -ms-transform:translateX(0) scale(.78);
 transform:translateX(0) scale(.78);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qq-mobile-scene .scene-interest.section-active .bg-capt {
 -webkit-transform:translateX(88px) scale(1);
 -ms-transform:translateX(88px) scale(1);
 transform:translateX(88px) scale(1)
}
.qq-mobile-scene .scene-interest .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.497);
 -ms-transform:scale(.497);
 transform:scale(.497);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qq-mobile-scene .scene-nearby .bg-decor {
 right:7px;
 top:210px
}
.qq-mobile-scene .scene-nearby .bg-decor:after,
.qq-mobile-scene .scene-nearby .bg-decor:before {
 right:0;
 color:#fbc422;
 width:100px
}
.qq-mobile-scene .scene-nearby .bg-decor:before {
 top:-4px;
 -webkit-transform:rotate(4deg);
 -ms-transform:rotate(4deg);
 transform:rotate(4deg)
}
.qq-mobile-scene .scene-nearby .bg-decor:after {
 bottom:-2px;
 -webkit-transform:rotate(-4deg);
 -ms-transform:rotate(-4deg);
 transform:rotate(-4deg)
}
.qq-mobile-scene .scene-nearby .bg-capt {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 -webkit-transform:translateX(0) scale(.82);
 -ms-transform:translateX(0) scale(.82);
 transform:translateX(0) scale(.82)
}
.qq-mobile-scene .scene-nearby.section-active .bg-capt {
 -webkit-transform:translateX(-94px) scale(1);
 -ms-transform:translateX(-94px) scale(1);
 transform:translateX(-94px) scale(1)
}
.qq-mobile-scene .scene-nearby .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.81);
 -ms-transform:scale(.81);
 transform:scale(.81);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qq-pc-scene {
 padding-bottom:90px
}
.qq-pc-scene .scene-item {
 padding:90px 110px 0
}
.qq-pc-scene .scene-text {
 height:318px;
 padding-left:60px
}
.qq-pc-scene .scene-text .text-erea {
 *padding-top:116px
}
.qq-pc-scene .scene-banner .bg-decor {
 left:238px;
 top:6px
}
.qq-pc-scene .scene-banner .bg-decor:after,
.qq-pc-scene .scene-banner .bg-decor:before {
 left:-2px;
 width:46px;
 color:#008de8
}
.qq-pc-scene .scene-banner .bg-decor:before {
 top:4px;
 -webkit-transform:rotate(-30deg);
 -ms-transform:rotate(-30deg);
 transform:rotate(-30deg)
}
.qq-pc-scene .scene-banner .bg-decor:after {
 bottom:4px;
 -webkit-transform:rotate(30deg);
 -ms-transform:rotate(30deg);
 transform:rotate(30deg)
}
.qq-pc-scene .scene-banner .bg-capt {
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center;
 -webkit-transform:translateX(0) scale(.817);
 -ms-transform:translateX(0) scale(.817);
 transform:translateX(0) scale(.817)
}
.qq-pc-scene .scene-banner.section-active .bg-capt {
 -webkit-transform:translateX(40px) scale(1);
 -ms-transform:translateX(40px) scale(1);
 transform:translateX(40px) scale(1)
}
.qq-pc-scene .scene-banner .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.81);
 -ms-transform:scale(.81);
 transform:scale(.81);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qq-pc-scene .scene-window .bg-decor {
 left:96px;
 top:198px
}
.qq-pc-scene .scene-window .bg-decor:after,
.qq-pc-scene .scene-window .bg-decor:before {
 left:0;
 width:44px;
 color:#e72431
}
.qq-pc-scene .scene-window .bg-decor:before {
 top:-1px;
 -webkit-transform:rotate(-15deg);
 -ms-transform:rotate(-15deg);
 transform:rotate(-15deg)
}
.qq-pc-scene .scene-window .bg-decor:after {
 bottom:0;
 -webkit-transform:rotate(15deg);
 -ms-transform:rotate(15deg);
 transform:rotate(15deg)
}
.qq-pc-scene .scene-window .bg-capt {
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center;
 -webkit-transform:translateX(0) scale(.4);
 -ms-transform:translateX(0) scale(.4);
 transform:translateX(0) scale(.4)
}
.qq-pc-scene .scene-window.section-active .bg-capt {
 -webkit-transform:translateX(40px) scale(1);
 -ms-transform:translateX(40px) scale(1);
 transform:translateX(40px) scale(1)
}
.qq-pc-scene .scene-window .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.36);
 -ms-transform:scale(.36);
 transform:scale(.36);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qq-pc-scene .scene-tips .bg-decor {
 right:0;
 bottom:-14px
}
.qq-pc-scene .scene-tips .bg-decor:after,
.qq-pc-scene .scene-tips .bg-decor:before {
 width:50px;
 color:#fbc422;
 right:0
}
.qq-pc-scene .scene-tips .bg-decor:before {
 top:-1px;
 -webkit-transform:rotate(16deg);
 -ms-transform:rotate(16deg);
 transform:rotate(16deg)
}
.qq-pc-scene .scene-tips .bg-decor:after {
 bottom:1px;
 -webkit-transform:rotate(-16deg);
 -ms-transform:rotate(-16deg);
 transform:rotate(-16deg)
}
.qq-pc-scene .scene-tips .bg-capt {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 -webkit-transform:translateX(0) scale(.6);
 -ms-transform:translateX(0) scale(.6);
 transform:translateX(0) scale(.6)
}
.qq-pc-scene .scene-tips.section-active .bg-capt {
 -webkit-transform:translateX(-48px) scale(1);
 -ms-transform:translateX(-48px) scale(1);
 transform:translateX(-48px) scale(1)
}
.qq-pc-scene .scene-tips .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.6);
 -ms-transform:scale(.6);
 transform:scale(.6);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qq-pc-scene .scene-announce .bg-decor {
 left:284px;
 top:48px
}
.qq-pc-scene .scene-announce .bg-decor:after,
.qq-pc-scene .scene-announce .bg-decor:before {
 left:0;
 width:42px;
 color:#0ea74a
}
.qq-pc-scene .scene-announce .bg-decor:before {
 top:-1px;
 -webkit-transform:rotate(-16deg);
 -ms-transform:rotate(-16deg);
 transform:rotate(-16deg)
}
.qq-pc-scene .scene-announce .bg-decor:after {
 bottom:1px;
 -webkit-transform:rotate(16deg);
 -ms-transform:rotate(16deg);
 transform:rotate(16deg)
}
.qq-pc-scene .scene-announce .bg-capt {
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center;
 -webkit-transform:translateX(0) scale(.6);
 -ms-transform:translateX(0) scale(.6);
 transform:translateX(0) scale(.6)
}
.qq-pc-scene .scene-announce.section-active .bg-capt {
 -webkit-transform:translateX(40px) scale(1);
 -ms-transform:translateX(40px) scale(1);
 transform:translateX(40px) scale(1)
}
.qq-pc-scene .scene-announce .bg-shade {
 background:#0ea74a;
 -webkit-transform:scale(.6);
 -ms-transform:scale(.6);
 transform:scale(.6);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qq-pc-scene .scene-qun .bg-decor {
 right:54px;
 bottom:136px
}
.qq-pc-scene .scene-qun .bg-decor:after,
.qq-pc-scene .scene-qun .bg-decor:before {
 bottom:2px;
 width:58px;
 color:#008de8
}
.qq-pc-scene .scene-qun .bg-decor:before {
 right:-2px;
 -webkit-transform:rotate(-16deg);
 -ms-transform:rotate(-16deg);
 transform:rotate(-16deg)
}
.qq-pc-scene .scene-qun .bg-decor:after {
 left:-1px;
 -webkit-transform:rotate(16deg);
 -ms-transform:rotate(16deg);
 transform:rotate(16deg)
}
.qq-pc-scene .scene-qun .bg-capt {
 -webkit-transform-origin:center bottom;
 -ms-transform-origin:center bottom;
 transform-origin:center bottom;
 -webkit-transform:translateY(0) scale(.36);
 -ms-transform:translateY(0) scale(.36);
 transform:translateY(0) scale(.36)
}
.qq-pc-scene .scene-qun.section-active .bg-capt {
 -webkit-transform:translateY(-14px) scale(1);
 -ms-transform:translateY(-14px) scale(1);
 transform:translateY(-14px) scale(1)
}
.qq-pc-scene .scene-qun .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.36);
 -ms-transform:scale(.36);
 transform:scale(.36);
 -webkit-transform-origin:center bottom;
 -ms-transform-origin:center bottom;
 transform-origin:center bottom
}
.qq-pc-scene .scene-qqshow .bg-decor {
 left:268px;
 top:42px
}
.qq-pc-scene .scene-qqshow .bg-decor:after,
.qq-pc-scene .scene-qqshow .bg-decor:before {
 left:0;
 width:48px;
 color:#e72431
}
.qq-pc-scene .scene-qqshow .bg-decor:before {
 top:-2px;
 -webkit-transform:rotate(-14deg);
 -ms-transform:rotate(-14deg);
 transform:rotate(-14deg)
}
.qq-pc-scene .scene-qqshow .bg-decor:after {
 bottom:-1px;
 -webkit-transform:rotate(14deg);
 -ms-transform:rotate(14deg);
 transform:rotate(14deg)
}
.qq-pc-scene .scene-qqshow .bg-capt {
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center;
 -webkit-transform:translateX(0) scale(.88);
 -ms-transform:translateX(0) scale(.88);
 transform:translateX(0) scale(.88)
}
.qq-pc-scene .scene-qqshow.section-active .bg-capt {
 -webkit-transform:translateX(40px) scale(1);
 -ms-transform:translateX(40px) scale(1);
 transform:translateX(40px) scale(1)
}
.qq-pc-scene .scene-qqshow .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.88);
 -ms-transform:scale(.88);
 transform:scale(.88);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qq-mobile-scene-new .scene-pic {
 overflow:hidden
}
.qzone-mobile-scene .scene-text .most {
 font-size:16px;
 color:#999;
 margin-bottom:12px
}
.qzone-mobile-scene .scene-mix .bg-decor {
 right:0;
 top:84px
}
.qzone-mobile-scene .scene-mix .bg-decor:after,
.qzone-mobile-scene .scene-mix .bg-decor:before {
 right:0;
 color:#008de8;
 width:100px
}
.qzone-mobile-scene .scene-mix .bg-decor:before {
 top:4px;
 -webkit-transform:rotate(12deg);
 -ms-transform:rotate(12deg);
 transform:rotate(12deg)
}
.qzone-mobile-scene .scene-mix .bg-decor:after {
 bottom:5px;
 -webkit-transform:rotate(-12deg);
 -ms-transform:rotate(-12deg);
 transform:rotate(-12deg)
}
.qzone-mobile-scene .scene-mix .bg-capt {
 -webkit-transform:translateX(0) scale(.865);
 -ms-transform:translateX(0) scale(.865);
 transform:translateX(0) scale(.865);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qzone-mobile-scene .scene-mix.section-active .bg-capt {
 -webkit-transform:translateX(-100px) scale(1);
 -ms-transform:translateX(-100px) scale(1);
 transform:translateX(-100px) scale(1)
}
.qzone-mobile-scene .scene-mix .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.86);
 -ms-transform:scale(.86);
 transform:scale(.86);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qzone-mobile-scene .scene-video .bg-decor {
 left:0;
 top:65px
}
.qzone-mobile-scene .scene-video .bg-decor:after,
.qzone-mobile-scene .scene-video .bg-decor:before {
 left:0;
 color:#e72431;
 width:100px
}
.qzone-mobile-scene .scene-video .bg-decor:before {
 top:5px;
 -webkit-transform:rotate(-14deg);
 -ms-transform:rotate(-14deg);
 transform:rotate(-14deg)
}
.qzone-mobile-scene .scene-video .bg-decor:after {
 bottom:8px;
 -webkit-transform:rotate(14deg);
 -ms-transform:rotate(14deg);
 transform:rotate(14deg)
}
.qzone-mobile-scene .scene-video .bg-capt {
 -webkit-transform:translateX(0) scale(.862);
 -ms-transform:translateX(0) scale(.862);
 transform:translateX(0) scale(.862);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qzone-mobile-scene .scene-video.section-active .bg-capt {
 -webkit-transform:translateX(100px) scale(1);
 -ms-transform:translateX(100px) scale(1);
 transform:translateX(100px) scale(1)
}
.qzone-mobile-scene .scene-video .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.85);
 -ms-transform:scale(.85);
 transform:scale(.85);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qzone-mobile-scene .scene-pop .bg-decor {
 right:0;
 top:84px
}
.qzone-mobile-scene .scene-pop .bg-decor:after,
.qzone-mobile-scene .scene-pop .bg-decor:before {
 right:0;
 color:#fbc422;
 width:100px
}
.qzone-mobile-scene .scene-pop .bg-decor:before {
 top:5px;
 -webkit-transform:rotate(13deg);
 -ms-transform:rotate(13deg);
 transform:rotate(13deg)
}
.qzone-mobile-scene .scene-pop .bg-decor:after {
 bottom:8px;
 -webkit-transform:rotate(-13deg);
 -ms-transform:rotate(-13deg);
 transform:rotate(-13deg)
}
.qzone-mobile-scene .scene-pop .bg-capt {
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qzone-mobile-scene .scene-pop.section-active .bg-capt {
 -webkit-transform:translateX(-100px) scale(1);
 -ms-transform:translateX(-100px) scale(1);
 transform:translateX(-100px) scale(1)
}
.qzone-mobile-scene .scene-pop .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.85);
 -ms-transform:scale(.85);
 transform:scale(.85);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qzone-mobile-scene .scene-tab .bg-decor {
 left:0;
 top:65px
}
.qzone-mobile-scene .scene-tab .bg-decor:after,
.qzone-mobile-scene .scene-tab .bg-decor:before {
 left:0;
 color:#0ea74a;
 width:100px
}
.qzone-mobile-scene .scene-tab .bg-decor:before {
 top:6px;
 -webkit-transform:rotate(-14deg);
 -ms-transform:rotate(-14deg);
 transform:rotate(-14deg)
}
.qzone-mobile-scene .scene-tab .bg-decor:after {
 bottom:8px;
 -webkit-transform:rotate(14deg);
 -ms-transform:rotate(14deg);
 transform:rotate(14deg)
}
.qzone-mobile-scene .scene-tab .bg-capt {
 -webkit-transform:translateX(0) scale(.862);
 -ms-transform:translateX(0) scale(.862);
 transform:translateX(0) scale(.862);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qzone-mobile-scene .scene-tab.section-active .bg-capt {
 -webkit-transform:translateX(100px) scale(1);
 -ms-transform:translateX(100px) scale(1);
 transform:translateX(100px) scale(1)
}
.qzone-mobile-scene .scene-tab .bg-shade {
 background:#0ea74a;
 -webkit-transform:scale(.85);
 -ms-transform:scale(.85);
 transform:scale(.85);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qzone-mobile-scene .scene-brand .bg-decor {
 right:0;
 top:84px
}
.qzone-mobile-scene .scene-brand .bg-decor:after,
.qzone-mobile-scene .scene-brand .bg-decor:before {
 right:-3px;
 color:#008de8;
 width:106px
}
.qzone-mobile-scene .scene-brand .bg-decor:before {
 top:8px;
 -webkit-transform:rotate(16deg);
 -ms-transform:rotate(16deg);
 transform:rotate(16deg)
}
.qzone-mobile-scene .scene-brand .bg-decor:after {
 bottom:10px;
 -webkit-transform:rotate(-16deg);
 -ms-transform:rotate(-16deg);
 transform:rotate(-16deg)
}
.qzone-mobile-scene .scene-brand .bg-capt {
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qzone-mobile-scene .scene-brand.section-active .bg-capt {
 -webkit-transform:translateX(-100px) scale(1);
 -ms-transform:translateX(-100px) scale(1);
 transform:translateX(-100px) scale(1)
}
.qzone-mobile-scene .scene-brand .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.85);
 -ms-transform:scale(.85);
 transform:scale(.85);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qzone-mobile-scene .scene-micro .bg-decor {
 left:0;
 top:65px
}
.qzone-mobile-scene .scene-micro .bg-decor:after,
.qzone-mobile-scene .scene-micro .bg-decor:before {
 left:-2px;
 color:#e72431;
 width:106px
}
.qzone-mobile-scene .scene-micro .bg-decor:before {
 top:10px;
 -webkit-transform:rotate(-20deg);
 -ms-transform:rotate(-20deg);
 transform:rotate(-20deg)
}
.qzone-mobile-scene .scene-micro .bg-decor:after {
 bottom:12px;
 -webkit-transform:rotate(20deg);
 -ms-transform:rotate(20deg);
 transform:rotate(20deg)
}
.qzone-mobile-scene .scene-micro .bg-capt {
 -webkit-transform:translateX(0) scale(.862);
 -ms-transform:translateX(0) scale(.862);
 transform:translateX(0) scale(.862);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qzone-mobile-scene .scene-micro.section-active .bg-capt {
 -webkit-transform:translateX(100px) scale(1);
 -ms-transform:translateX(100px) scale(1);
 transform:translateX(100px) scale(1)
}
.qzone-mobile-scene .scene-micro .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.8);
 -ms-transform:scale(.8);
 transform:scale(.8);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qzone-pc-scene {
 padding-bottom:90px
}
.qzone-pc-scene .scene-item {
 padding:90px 110px 0
}
.qzone-pc-scene .scene-text {
 height:318px;
 padding-left:60px
}
.qzone-pc-scene .scene-text .text-erea {
 *padding-top:116px
}
.qzone-pc-scene .scene-dynamics .decor1 {
 right:148px;
 top:140px
}
.qzone-pc-scene .scene-dynamics .decor1:after,
.qzone-pc-scene .scene-dynamics .decor1:before {
 right:0;
 color:#008de8;
 width:45px;
 transition:all .8s 1.8s
}
.qzone-pc-scene .scene-dynamics .decor1:before {
 top:-1px;
 -webkit-transform:rotate(16deg);
 -ms-transform:rotate(16deg);
 transform:rotate(16deg)
}
.qzone-pc-scene .scene-dynamics .decor1:after {
 bottom:1px;
 -webkit-transform:rotate(-16deg);
 -ms-transform:rotate(-16deg);
 transform:rotate(-16deg)
}
.qzone-pc-scene .scene-dynamics .decor1 .bg-capt {
 -webkit-transform:translateX(0) scale(.6);
 -ms-transform:translateX(0) scale(.6);
 transform:translateX(0) scale(.6);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 transition:all .8s 1.2s
}
.qzone-pc-scene .scene-dynamics .decor1 .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.6);
 -ms-transform:scale(.6);
 transform:scale(.6);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qzone-pc-scene .scene-dynamics.section-active .decor1 .bg-capt {
 -webkit-transform:translateX(-42px) scale(1);
 -ms-transform:translateX(-42px) scale(1);
 transform:translateX(-42px) scale(1)
}
.qzone-pc-scene .scene-dynamics .decor2 {
 left:272px;
 top:152px
}
.qzone-pc-scene .scene-dynamics .decor2:after,
.qzone-pc-scene .scene-dynamics .decor2:before {
 left:0;
 color:#e72431;
 width:24px;
 font-size:12px
}
.qzone-pc-scene .scene-dynamics .decor2:before {
 top:-3px;
 -webkit-transform:rotate(-18deg);
 -ms-transform:rotate(-18deg);
 transform:rotate(-18deg)
}
.qzone-pc-scene .scene-dynamics .decor2:after {
 left:0;
 bottom:-2px;
 -webkit-transform:rotate(18deg);
 -ms-transform:rotate(18deg);
 transform:rotate(18deg)
}
.qzone-pc-scene .scene-dynamics .decor2 .bg-capt {
 -webkit-transform:translateX(0) scale(.6);
 -ms-transform:translateX(0) scale(.6);
 transform:translateX(0) scale(.6);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qzone-pc-scene .scene-dynamics .decor2 .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.56);
 -ms-transform:scale(.56);
 transform:scale(.56);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qzone-pc-scene .scene-dynamics.section-active .decor2 .bg-capt {
 -webkit-transform:translateX(20px) scale(1);
 -ms-transform:translateX(20px) scale(1);
 transform:translateX(20px) scale(1)
}
.qzone-pc-scene .scene-personal .decor1 {
 right:288px;
 top:74px
}
.qzone-pc-scene .scene-personal .decor1:after,
.qzone-pc-scene .scene-personal .decor1:before {
 right:-8px;
 color:#0ea74a;
 width:45px;
 transition:all .8s 1.8s
}
.qzone-pc-scene .scene-personal .decor1:before {
 top:10px;
 -webkit-transform:rotate(50deg);
 -ms-transform:rotate(50deg);
 transform:rotate(50deg)
}
.qzone-pc-scene .scene-personal .decor1:after {
 bottom:10px;
 -webkit-transform:rotate(-50deg);
 -ms-transform:rotate(-50deg);
 transform:rotate(-50deg)
}
.qzone-pc-scene .scene-personal .decor1 .bg-capt {
 -webkit-transform:translateX(0) scale(.7);
 -ms-transform:translateX(0) scale(.7);
 transform:translateX(0) scale(.7);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 transition:all .8s 1.2s
}
.qzone-pc-scene .scene-personal .decor1 .bg-shade {
 background:#0ea74a;
 -webkit-transform:scale(.6);
 -ms-transform:scale(.6);
 transform:scale(.6);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.qzone-pc-scene .scene-personal.section-active .decor1 .bg-capt {
 -webkit-transform:translateX(-28px) scale(1);
 -ms-transform:translateX(-28px) scale(1);
 transform:translateX(-28px) scale(1)
}
.qzone-pc-scene .scene-personal .decor2 {
 left:270px;
 top:2px
}
.qzone-pc-scene .scene-personal .decor2:after,
.qzone-pc-scene .scene-personal .decor2:before {
 left:-2px;
 color:#fbc422;
 width:26px;
 font-size:12px
}
.qzone-pc-scene .scene-personal .decor2:before {
 top:0;
 -webkit-transform:rotate(-30deg);
 -ms-transform:rotate(-30deg);
 transform:rotate(-30deg)
}
.qzone-pc-scene .scene-personal .decor2:after {
 left:0;
 bottom:1px;
 -webkit-transform:rotate(30deg);
 -ms-transform:rotate(30deg);
 transform:rotate(30deg)
}
.qzone-pc-scene .scene-personal .decor2 .bg-capt {
 -webkit-transform:translateX(0) scale(.6);
 -ms-transform:translateX(0) scale(.6);
 transform:translateX(0) scale(.6);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qzone-pc-scene .scene-personal .decor2 .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.54);
 -ms-transform:scale(.54);
 transform:scale(.54);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.qzone-pc-scene .scene-personal.section-active .decor2 .bg-capt {
 -webkit-transform:translateX(20px) scale(1);
 -ms-transform:translateX(20px) scale(1);
 transform:translateX(20px) scale(1)
}
.scene.scene-desktop .scene-pic {
 width:504px;
 height:278px
}
.scene.scene-desktop .scene-text {
 height:400px
}
.scene.scene-desktop .scene-text h4 {
 margin-top:-80px
}
.title-tab {
 margin-bottom:80px
}
.ad-shape {
 background:#fff;
 padding:85px 0 70px;
 width:100%;
 overflow:hidden
}
.shape-con {
 width:930px;
 margin:0 auto;
 padding-top:150px;
 position:relative
}
.shape-list {
 position:relative;
 z-index:3
}
.shape-list li {
 *zoom:1;
 margin-bottom:40px
}
.shape-list li:after,
.shape-list li:before {
 display:table;
 content:""
}
.shape-list li:after {
 clear:both
}
.shape-list li:after,
.shape-list li:before {
 display:table;
 content:""
}
.shape-list li:after {
 clear:both
}
.shape-list li .shape-pic {
 display:block;
 float:left;
 margin-left:150px;
 box-shadow:1px 0 8px rgba(0,0,0,.3)
}
.shape-list li .shape-pic img {
 display:block;
 width:420px;
 height:113px
}
.shape-list li .shape-text {
 width:300px;
 float:right
}
.shape-list li .shape-text h4 {
 font-size:26px;
 color:#333;
 margin:10px 0
}
.shape-list li .shape-text>p {
 font-size:16px;
 color:#000
}
.shape-phone {
 position:absolute;
 left:50%;
 margin-left:-698px;
 top:60px;
 width:321px;
 height:465px;
 background:url(https://www.gztenwin.com/skin/images/source/weixin/shape-phone.jpg) no-repeat
}
.shape-line {
 position:absolute;
 left:50%;
 margin-left:-408px;
 top:206px;
 width:122px;
 height:309px;
 background:url(https://www.gztenwin.com/skin/images/source/weixin/shape-line.png) no-repeat
}
.description-list {
 margin-top:65px;
 text-align:center;
 color:#000
}
.description-list li h4 {
 font-size:26px;
 margin:30px 0 10px
}
.description-list li p {
 font-size:16px;
 line-height:2
}
.moments-description {
 width:930px;
 margin-left:auto;
 margin-right:auto
}
.moments-scene {
 padding:90px 0 0;
 background-color:transparent
}
.moments-scene .scene-text {
 height:521px
}
.moments-scene .scene-bendi .bg-decor:after,
.moments-scene .scene-bendi .bg-decor:before {
 display:none
}
.moments-scene .scene-bendi .scene-pic {
 overflow:hidden
}
.moments-scene .scene-tgy .bg-decor {
 left:53px;
 top:110px
}
.moments-scene .scene-tgy .bg-decor:after,
.moments-scene .scene-tgy .bg-decor:before {
 color:#e72431
}
.moments-scene .scene-tgy .bg-decor:before {
 width:170px;
 left:-31px;
 top:-75px;
 -webkit-transform:rotate(-52deg);
 -ms-transform:rotate(-52deg);
 transform:rotate(-52deg)
}
.moments-scene .scene-tgy .bg-decor:after {
 left:-46px;
 width:200px;
 bottom:214px;
 -webkit-transform:rotate(59deg);
 -ms-transform:rotate(59deg);
 transform:rotate(59deg)
}
.moments-scene .scene-tgy .bg-capt {
 height:260.19417476px;
 overflow:hidden;
 transition:all .8s;
 -webkit-transform:scale(.515);
 -ms-transform:scale(.515);
 transform:scale(.515);
 -webkit-transform-origin:0 0;
 -ms-transform-origin:0 0;
 transform-origin:0 0
}
.moments-scene .scene-tgy .bg-shade {
 background:#e72431;
 width:134px;
 height:134px
}
.moments-scene .scene-tgy.section-active .bg-capt {
 height:440px;
 -webkit-transform:scale(1) translate(105px,-135px);
 -ms-transform:scale(1) translate(105px,-135px);
 transform:scale(1) translate(105px,-135px)
}
.moments-scene .scene-sp .bg-decor {
 right:0;
 top:120px
}
.moments-scene .scene-sp .bg-decor:after,
.moments-scene .scene-sp .bg-decor:before {
 right:0;
 color:#fbc422;
 width:100px
}
.moments-scene .scene-sp .bg-decor:before {
 top:6px;
 -webkit-transform:rotate(14deg);
 -ms-transform:rotate(14deg);
 transform:rotate(14deg)
}
.moments-scene .scene-sp .bg-decor:after {
 bottom:8px;
 -webkit-transform:rotate(-14deg);
 -ms-transform:rotate(-14deg);
 transform:rotate(-14deg)
}
.moments-scene .scene-sp .bg-capt {
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.moments-scene .scene-sp.section-active .bg-capt {
 -webkit-transform:translateX(-100px) scale(1);
 -ms-transform:translateX(-100px) scale(1);
 transform:translateX(-100px) scale(1)
}
.moments-scene .scene-sp .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.8);
 -ms-transform:scale(.8);
 transform:scale(.8);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.moments-scene .scene-tw .bg-decor {
 left:0;
 top:120px
}
.moments-scene .scene-tw .bg-decor:after,
.moments-scene .scene-tw .bg-decor:before {
 left:0;
 color:#0ea74a;
 width:100px
}
.moments-scene .scene-tw .bg-decor:before {
 top:6px;
 -webkit-transform:rotate(-14deg);
 -ms-transform:rotate(-14deg);
 transform:rotate(-14deg)
}
.moments-scene .scene-tw .bg-decor:after {
 bottom:8px;
 -webkit-transform:rotate(14deg);
 -ms-transform:rotate(14deg);
 transform:rotate(14deg)
}
.moments-scene .scene-tw .bg-capt {
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.moments-scene .scene-tw.section-active .bg-capt {
 -webkit-transform:translateX(100px) scale(1);
 -ms-transform:translateX(100px) scale(1);
 transform:translateX(100px) scale(1)
}
.moments-scene .scene-tw .bg-shade {
 background:#0ea74a;
 -webkit-transform:scale(.8);
 -ms-transform:scale(.8);
 transform:scale(.8);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.purchase-way {
 padding-top:55px
}
.purchase-content {
 width:1065px;
 margin:0 auto;
 padding-top:108px;
 padding-bottom:150px
}
.description-banner {
 text-align:center
}
.tsa-description {
 padding:90px 0;
 background-color:#fff;
 margin-top:0
}
.tsa-description h3.title {
 text-align:center;
 font-size:38px;
 color:#000;
 margin-bottom:60px
}
.tsa-description li p {
 display:inline-block;
 width:270px;
 text-align:left
}
.tsa-scene {
 background-color:transparent;
 padding-top:90px
}
.tsa-scene .tsa-here-word {
 font-size:16px;
 color:#000;
 text-align:center;
 margin-top:35px
}
.tsa-scene .scene-orignal .bg-decor {
 right:0;
 top:84px
}
.tsa-scene .scene-orignal .bg-decor:after,
.tsa-scene .scene-orignal .bg-decor:before {
 right:0;
 color:#008de8;
 width:100px
}
.tsa-scene .scene-orignal .bg-decor:before {
 top:8px;
 -webkit-transform:rotate(16deg);
 -ms-transform:rotate(16deg);
 transform:rotate(16deg)
}
.tsa-scene .scene-orignal .bg-decor:after {
 bottom:10px;
 -webkit-transform:rotate(-16deg);
 -ms-transform:rotate(-16deg);
 transform:rotate(-16deg)
}
.tsa-scene .scene-orignal .bg-capt {
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.tsa-scene .scene-orignal.section-active .bg-capt {
 -webkit-transform:translateX(-100px) scale(1);
 -ms-transform:translateX(-100px) scale(1);
 transform:translateX(-100px) scale(1)
}
.tsa-scene .scene-orignal .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.77);
 -ms-transform:scale(.77);
 transform:scale(.77);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.tsa-scene .scene-open .bg-decor {
 left:0;
 top:-10px
}
.tsa-scene .scene-open .bg-decor:after,
.tsa-scene .scene-open .bg-decor:before {
 left:-2px;
 color:#e72431;
 width:105px
}
.tsa-scene .scene-open .bg-decor:before {
 top:10px;
 -webkit-transform:rotate(-18deg);
 -ms-transform:rotate(-18deg);
 transform:rotate(-18deg)
}
.tsa-scene .scene-open .bg-decor:after {
 bottom:12px;
 -webkit-transform:rotate(18deg);
 -ms-transform:rotate(18deg);
 transform:rotate(18deg)
}
.tsa-scene .scene-open .bg-capt {
 -webkit-transform:translateX(0) scale(.862);
 -ms-transform:translateX(0) scale(.862);
 transform:translateX(0) scale(.862);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.tsa-scene .scene-open.section-active .bg-capt {
 -webkit-transform:translateX(100px) scale(1);
 -ms-transform:translateX(100px) scale(1);
 transform:translateX(100px) scale(1)
}
.tsa-scene .scene-open .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.86);
 -ms-transform:scale(.86);
 transform:scale(.86);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.tsa-scene .scene-insert .bg-decor {
 right:11px;
 top:109px
}
.tsa-scene .scene-insert .bg-decor:after,
.tsa-scene .scene-insert .bg-decor:before {
 right:0;
 color:#fbc422;
 width:104px
}
.tsa-scene .scene-insert .bg-decor:before {
 top:7px;
 -webkit-transform:rotate(14deg);
 -ms-transform:rotate(14deg);
 transform:rotate(14deg)
}
.tsa-scene .scene-insert .bg-decor:after {
 bottom:7px;
 -webkit-transform:rotate(-14deg);
 -ms-transform:rotate(-14deg);
 transform:rotate(-14deg)
}
.tsa-scene .scene-insert .bg-capt {
 -webkit-transform:translateX(0) scale(.8);
 -ms-transform:translateX(0) scale(.8);
 transform:translateX(0) scale(.8);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.tsa-scene .scene-insert.section-active .bg-capt {
 -webkit-transform:translateX(-100px) scale(1);
 -ms-transform:translateX(-100px) scale(1);
 transform:translateX(-100px) scale(1)
}
.tsa-scene .scene-insert .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.8);
 -ms-transform:scale(.8);
 transform:scale(.8);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.tsa-scene .scene-banner .bg-decor {
 left:0;
 top:190px
}
.tsa-scene .scene-banner .bg-decor:after,
.tsa-scene .scene-banner .bg-decor:before {
 left:0;
 color:#0ea74a;
 width:105px
}
.tsa-scene .scene-banner .bg-decor:before {
 top:-3px;
 -webkit-transform:rotate(-5deg);
 -ms-transform:rotate(-5deg);
 transform:rotate(-5deg)
}
.tsa-scene .scene-banner .bg-decor:after {
 bottom:-1px;
 -webkit-transform:rotate(5deg);
 -ms-transform:rotate(5deg);
 transform:rotate(5deg)
}
.tsa-scene .scene-banner .bg-capt {
 -webkit-transform:translateX(0) scale(.862);
 -ms-transform:translateX(0) scale(.862);
 transform:translateX(0) scale(.862);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.tsa-scene .scene-banner.section-active .bg-capt {
 -webkit-transform:translateX(100px) scale(1);
 -ms-transform:translateX(100px) scale(1);
 transform:translateX(100px) scale(1)
}
.tsa-scene .scene-banner .bg-shade {
 background:#0ea74a;
 -webkit-transform:scale(.7);
 -ms-transform:scale(.7);
 transform:scale(.7);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.digital-browser {
 padding-bottom:0
}
.browser-scene {
 padding:90px 0 0
}
.browser-scene .scene-item .scene-text .intr {
 font-size:16px;
 color:#909090
}
.browser-scene .scene-item.left-pic .nav {
 left:712px
}
.browser-scene .scene-shanping .bg-decor {
 right:0;
 top:-24px
}
.browser-scene .scene-shanping .bg-decor:after,
.browser-scene .scene-shanping .bg-decor:before {
 right:0;
 color:#008de8;
 width:100px
}
.browser-scene .scene-shanping .bg-decor:before {
 top:3px;
 -webkit-transform:rotate(11deg);
 -ms-transform:rotate(11deg);
 transform:rotate(11deg)
}
.browser-scene .scene-shanping .bg-decor:after {
 bottom:5px;
 -webkit-transform:rotate(-12deg);
 -ms-transform:rotate(-12deg);
 transform:rotate(-12deg)
}
.browser-scene .scene-shanping .bg-capt {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 -webkit-transform:translateX(0) scale(.908);
 -ms-transform:translateX(0) scale(.908);
 transform:translateX(0) scale(.908)
}
.browser-scene .scene-shanping.section-active .bg-capt {
 -webkit-transform:translateX(-100px) scale(1);
 -ms-transform:translateX(-100px) scale(1);
 transform:translateX(-100px) scale(1)
}
.browser-scene .scene-shanping .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.908);
 -ms-transform:scale(.908);
 transform:scale(.908);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.browser-scene .scene-news .bg-decor {
 left:0;
 top:180px
}
.browser-scene .scene-news .bg-decor:after,
.browser-scene .scene-news .bg-decor:before {
 left:0;
 color:#e72431;
 width:105px
}
.browser-scene .scene-news .bg-decor:before {
 top:0;
 -webkit-transform:rotate(-8deg);
 -ms-transform:rotate(-8deg);
 transform:rotate(-8deg)
}
.browser-scene .scene-news .bg-decor:after {
 bottom:2px;
 -webkit-transform:rotate(8deg);
 -ms-transform:rotate(8deg);
 transform:rotate(8deg)
}
.browser-scene .scene-news .bg-capt {
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center;
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86)
}
.browser-scene .scene-news.section-active .bg-capt {
 -webkit-transform:translateX(100px) scale(1);
 -ms-transform:translateX(100px) scale(1);
 transform:translateX(100px) scale(1)
}
.browser-scene .scene-news .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.85);
 -ms-transform:scale(.85);
 transform:scale(.85);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.browser-scene .scene-haowen .bg-decor {
 right:10px;
 top:190px
}
.browser-scene .scene-haowen .bg-decor:after,
.browser-scene .scene-haowen .bg-decor:before {
 right:0;
 color:#fbc422;
 width:90px
}
.browser-scene .scene-haowen .bg-decor:before {
 top:0;
 -webkit-transform:rotate(9deg);
 -ms-transform:rotate(9deg);
 transform:rotate(9deg)
}
.browser-scene .scene-haowen .bg-decor:after {
 bottom:2px;
 -webkit-transform:rotate(-9deg);
 -ms-transform:rotate(-9deg);
 transform:rotate(-9deg)
}
.browser-scene .scene-haowen .bg-capt {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 -webkit-transform:translateX(0) scale(.8);
 -ms-transform:translateX(0) scale(.8);
 transform:translateX(0) scale(.8)
}
.browser-scene .scene-haowen.section-active .bg-capt {
 -webkit-transform:translateX(-90px) scale(1);
 -ms-transform:translateX(-90px) scale(1);
 transform:translateX(-90px) scale(1)
}
.browser-scene .scene-haowen .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.79);
 -ms-transform:scale(.79);
 transform:scale(.79);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.browser-scene .scene-pause .bg-decor {
 left:33px;
 top:26px
}
.browser-scene .scene-pause .bg-decor:after,
.browser-scene .scene-pause .bg-decor:before {
 left:-4px;
 color:#e72431;
 width:63px
}
.browser-scene .scene-pause .bg-decor:before {
 top:10px;
 -webkit-transform:rotate(-33deg);
 -ms-transform:rotate(-33deg);
 transform:rotate(-33deg)
}
.browser-scene .scene-pause .bg-decor:after {
 bottom:12px;
 -webkit-transform:rotate(33deg);
 -ms-transform:rotate(33deg);
 transform:rotate(33deg)
}
.browser-scene .scene-pause .bg-capt {
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center;
 -webkit-transform:translateX(0) scale(.62);
 -ms-transform:translateX(0) scale(.62);
 transform:translateX(0) scale(.62)
}
.browser-scene .scene-pause.section-active .bg-capt {
 -webkit-transform:translateX(55px) scale(1);
 -ms-transform:translateX(55px) scale(1);
 transform:translateX(55px) scale(1)
}
.browser-scene .scene-pause .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.62);
 -ms-transform:scale(.62);
 transform:scale(.62);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.browser-scene .scene-cont .bg-decor {
 right:0;
 top:190px
}
.browser-scene .scene-cont .bg-decor:after,
.browser-scene .scene-cont .bg-decor:before {
 right:0;
 color:#fbc422;
 width:90px
}
.browser-scene .scene-cont .bg-decor:before {
 top:-2px;
 -webkit-transform:rotate(6deg);
 -ms-transform:rotate(6deg);
 transform:rotate(6deg)
}
.browser-scene .scene-cont .bg-decor:after {
 bottom:-1px;
 -webkit-transform:rotate(-6deg);
 -ms-transform:rotate(-6deg);
 transform:rotate(-6deg)
}
.browser-scene .scene-cont .bg-capt {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86)
}
.browser-scene .scene-cont.section-active .bg-capt {
 -webkit-transform:translateX(-90px) scale(1);
 -ms-transform:translateX(-90px) scale(1);
 transform:translateX(-90px) scale(1)
}
.browser-scene .scene-cont .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.86);
 -ms-transform:scale(.86);
 transform:scale(.86);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.browser-scene .scene-sear .bg-decor {
 left:0;
 top:150px
}
.browser-scene .scene-sear .bg-decor:after,
.browser-scene .scene-sear .bg-decor:before {
 left:0;
 color:#008de8;
 width:58px
}
.browser-scene .scene-sear .bg-decor:before {
 top:-1px;
 -webkit-transform:rotate(-12deg);
 -ms-transform:rotate(-12deg);
 transform:rotate(-12deg)
}
.browser-scene .scene-sear .bg-decor:after {
 bottom:1px;
 -webkit-transform:rotate(12deg);
 -ms-transform:rotate(12deg);
 transform:rotate(12deg)
}
.browser-scene .scene-sear .bg-capt {
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center;
 -webkit-transform:translateX(0) scale(.7);
 -ms-transform:translateX(0) scale(.7);
 transform:translateX(0) scale(.7)
}
.browser-scene .scene-sear.section-active .bg-capt {
 -webkit-transform:translateX(55px) scale(1);
 -ms-transform:translateX(55px) scale(1);
 transform:translateX(55px) scale(1)
}
.browser-scene .scene-sear .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.68);
 -ms-transform:scale(.68);
 transform:scale(.68);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.browser-scene-new {
 padding:90px 0 0
}
.browser-scene-new .scene-pic {
 overflow:hidden
}
.app-scene {
 background-color:#fff;
 padding-top:90px
}
.app-scene .app-here-word {
 font-size:16px;
 color:#000;
 text-align:center;
 margin-top:35px
}
.app-scene .scene-block .bg-decor {
 right:9px;
 top:96px
}
.app-scene .scene-block .bg-decor:after,
.app-scene .scene-block .bg-decor:before {
 right:0;
 color:#008de8;
 width:90px
}
.app-scene .scene-block .bg-decor:before {
 top:-3px;
 -webkit-transform:rotate(6deg);
 -ms-transform:rotate(6deg);
 transform:rotate(6deg)
}
.app-scene .scene-block .bg-decor:after {
 bottom:-1px;
 -webkit-transform:rotate(-7deg);
 -ms-transform:rotate(-7deg);
 transform:rotate(-7deg)
}
.app-scene .scene-block .bg-capt {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 -webkit-transform:translateX(0) scale(.81);
 -ms-transform:translateX(0) scale(.81);
 transform:translateX(0) scale(.81)
}
.app-scene .scene-block.section-active .bg-capt {
 -webkit-transform:translateX(-90px) scale(1);
 -ms-transform:translateX(-90px) scale(1);
 transform:translateX(-90px) scale(1)
}
.app-scene .scene-block .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.79);
 -ms-transform:scale(.79);
 transform:scale(.79);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.app-scene .scene-search .bg-decor {
 left:0;
 top:260px
}
.app-scene .scene-search .bg-decor:after,
.app-scene .scene-search .bg-decor:before {
 left:0;
 color:#e72431;
 width:100px
}
.app-scene .scene-search .bg-decor:before {
 top:-4px;
 -webkit-transform:rotate(-4deg);
 -ms-transform:rotate(-4deg);
 transform:rotate(-4deg)
}
.app-scene .scene-search .bg-decor:after {
 bottom:-3px;
 -webkit-transform:rotate(4deg);
 -ms-transform:rotate(4deg);
 transform:rotate(4deg)
}
.app-scene .scene-search .bg-capt {
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center;
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86)
}
.app-scene .scene-search.section-active .bg-capt {
 -webkit-transform:translateX(100px) scale(1);
 -ms-transform:translateX(100px) scale(1);
 transform:translateX(100px) scale(1)
}
.app-scene .scene-search .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.85);
 -ms-transform:scale(.85);
 transform:scale(.85);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.app-scene .scene-relat .bg-decor {
 right:188px;
 top:248px
}
.app-scene .scene-relat .bg-decor:after,
.app-scene .scene-relat .bg-decor:before {
 right:0;
 color:#fbc422;
 width:58px
}
.app-scene .scene-relat .bg-decor:before {
 top:0;
 -webkit-transform:rotate(14deg);
 -ms-transform:rotate(14deg);
 transform:rotate(14deg)
}
.app-scene .scene-relat .bg-decor:after {
 bottom:1px;
 -webkit-transform:rotate(-14deg);
 -ms-transform:rotate(-14deg);
 transform:rotate(-14deg)
}
.app-scene .scene-relat .bg-capt {
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center;
 -webkit-transform:translateX(0) scale(.84);
 -ms-transform:translateX(0) scale(.84);
 transform:translateX(0) scale(.84)
}
.app-scene .scene-relat.section-active .bg-capt {
 -webkit-transform:translateX(-56px) scale(1);
 -ms-transform:translateX(-56px) scale(1);
 transform:translateX(-56px) scale(1)
}
.app-scene .scene-relat .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.8);
 -ms-transform:scale(.8);
 transform:scale(.8);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.news-scene {
 padding:90px 0 0;
 background-color:#fff
}
.news-scene .scene-text {
 height:521px
}
.news-scene .scene-pic .bg-capt>img {
 width:330px
}
.news-scene .scene-small .bg-decor {
 right:0;
 top:224px
}
.news-scene .scene-small .bg-decor:after,
.news-scene .scene-small .bg-decor:before {
 color:#008de8;
 right:0;
 width:90px
}
.news-scene .scene-small .bg-decor:before {
 top:-3px;
 -webkit-transform:rotate(4deg);
 -ms-transform:rotate(4deg);
 transform:rotate(4deg)
}
.news-scene .scene-small .bg-decor:after {
 bottom:-2px;
 -webkit-transform:rotate(-4deg);
 -ms-transform:rotate(-4deg);
 transform:rotate(-4deg)
}
.news-scene .scene-small .bg-capt {
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.news-scene .scene-small .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.83);
 -ms-transform:scale(.83);
 transform:scale(.83);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.news-scene .scene-small.section-active .bg-capt {
 -webkit-transform:translateX(-90px) scale(1);
 -ms-transform:translateX(-90px) scale(1);
 transform:translateX(-90px) scale(1)
}
.news-scene .scene-big-video .bg-decor,
.news-scene .scene-multi .bg-decor {
 left:0;
 top:168px
}
.news-scene .scene-big-video .bg-decor:after,
.news-scene .scene-big-video .bg-decor:before,
.news-scene .scene-multi .bg-decor:after,
.news-scene .scene-multi .bg-decor:before {
 left:0;
 color:#e72431;
 width:90px
}
.news-scene .scene-big-video .bg-decor:before,
.news-scene .scene-multi .bg-decor:before {
 top:0;
 -webkit-transform:rotate(-9deg);
 -ms-transform:rotate(-9deg);
 transform:rotate(-9deg)
}
.news-scene .scene-big-video .bg-decor:after,
.news-scene .scene-multi .bg-decor:after {
 bottom:2px;
 -webkit-transform:rotate(9deg);
 -ms-transform:rotate(9deg);
 transform:rotate(9deg)
}
.news-scene .scene-big-video .bg-capt,
.news-scene .scene-multi .bg-capt {
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.news-scene .scene-big-video.section-active .bg-capt,
.news-scene .scene-multi.section-active .bg-capt {
 -webkit-transform:translateX(88px) scale(1);
 -ms-transform:translateX(88px) scale(1);
 transform:translateX(88px) scale(1)
}
.news-scene .scene-big-video .bg-shade,
.news-scene .scene-multi .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.77);
 -ms-transform:scale(.77);
 transform:scale(.77);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.news-scene .scene-big-video .scene-text,
.news-scene .scene-multi .scene-text {
 width:290px
}
.news-scene .scene-big-video .bg-decor {
 left:0;
 top:182px
}
.news-scene .scene-big .bg-decor {
 right:0;
 top:223px
}
.news-scene .scene-big .bg-decor:after,
.news-scene .scene-big .bg-decor:before {
 color:#fbc422;
 right:0;
 width:90px
}
.news-scene .scene-big .bg-decor:before {
 top:0;
 -webkit-transform:rotate(9deg);
 -ms-transform:rotate(9deg);
 transform:rotate(9deg)
}
.news-scene .scene-big .bg-decor:after {
 bottom:1px;
 -webkit-transform:rotate(-9deg);
 -ms-transform:rotate(-9deg);
 transform:rotate(-9deg)
}
.news-scene .scene-big .bg-capt {
 -webkit-transform:translateX(0) scale(.86);
 -ms-transform:translateX(0) scale(.86);
 transform:translateX(0) scale(.86);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.news-scene .scene-big .bg-shade {
 background:#fbc422;
 -webkit-transform:scale(.83);
 -ms-transform:scale(.83);
 transform:scale(.83);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.news-scene .scene-big.section-active .bg-capt {
 -webkit-transform:translateX(-90px) scale(1);
 -ms-transform:translateX(-90px) scale(1);
 transform:translateX(-90px) scale(1)
}
.news-scene .kkt-top .bg-decor {
 top:136px
}
.news-scene .scene-shake .scene-pic .bg-capt {
 box-shadow:none
}
.news-scene .scene-shake .scene-pic .bg-capt>img {
 width:100%
}
.news-scene .scene-shake .bg-shade {
 display:none
}
.news-scene .scene-shake .bg-decor:after,
.news-scene .scene-shake .bg-decor:before {
 display:none
}
.video-scene {
 padding:90px 0 0;
 background-color:#fff
}
.video-scene .scene-text {
 height:521px
}
.video-scene .scene-pic .bg-capt>img {
 width:330px
}
.video-scene .scene-small .bg-decor {
 right:0;
 top:165px
}
.video-scene .scene-small .bg-decor:after,
.video-scene .scene-small .bg-decor:before {
 color:#008de8;
 right:0;
 width:142px
}
.video-scene .scene-small .bg-decor:before {
 top:-1px;
 -webkit-transform:rotate(5deg);
 -ms-transform:rotate(5deg);
 transform:rotate(5deg)
}
.video-scene .scene-small .bg-decor:after {
 bottom:1px;
 -webkit-transform:rotate(-5deg);
 -ms-transform:rotate(-5deg);
 transform:rotate(-5deg)
}
.video-scene .scene-small .bg-capt {
 -webkit-transform:translateX(0) scale(.865);
 -ms-transform:translateX(0) scale(.865);
 transform:translateX(0) scale(.865);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.video-scene .scene-small .bg-shade {
 background:#008de8;
 -webkit-transform:scale(.83);
 -ms-transform:scale(.83);
 transform:scale(.83);
 -webkit-transform-origin:right center;
 -ms-transform-origin:right center;
 transform-origin:right center
}
.video-scene .scene-small.section-active .bg-capt {
 -webkit-transform:translateX(-142px) scale(1);
 -ms-transform:translateX(-142px) scale(1);
 transform:translateX(-142px) scale(1)
}
.video-scene .scene-small.section-active .bg-capt>img {
 border-bottom:10px solid #fff
}
.video-scene .scene-big .bg-decor,
.video-scene .scene-big-video .bg-decor {
 left:0;
 top:153px
}
.video-scene .scene-big .bg-decor:after,
.video-scene .scene-big .bg-decor:before,
.video-scene .scene-big-video .bg-decor:after,
.video-scene .scene-big-video .bg-decor:before {
 left:0;
 color:#e72431;
 width:90px
}
.video-scene .scene-big .bg-decor:before,
.video-scene .scene-big-video .bg-decor:before {
 top:6px;
 -webkit-transform:rotate(-16deg);
 -ms-transform:rotate(-16deg);
 transform:rotate(-16deg);
 left:-1px
}
.video-scene .scene-big .bg-decor:after,
.video-scene .scene-big-video .bg-decor:after {
 bottom:8px;
 -webkit-transform:rotate(16deg);
 -ms-transform:rotate(16deg);
 transform:rotate(16deg);
 left:-2px
}
.video-scene .scene-big .bg-capt,
.video-scene .scene-big-video .bg-capt {
 -webkit-transform:translateX(0) scale(.865);
 -ms-transform:translateX(0) scale(.865);
 transform:translateX(0) scale(.865);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.video-scene .scene-big-video.section-active .bg-capt,
.video-scene .scene-big.section-active .bg-capt {
 -webkit-transform:translateX(88px) scale(1);
 -ms-transform:translateX(88px) scale(1);
 transform:translateX(88px) scale(1)
}
.video-scene .scene-big .bg-shade,
.video-scene .scene-big-video .bg-shade {
 background:#e72431;
 -webkit-transform:scale(.77);
 -ms-transform:scale(.77);
 transform:scale(.77);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.video-scene .scene-big-video .bg-decor {
 left:0;
 top:182px
}
.video-scene .scene-shake .scene-pic .bg-capt {
 box-shadow:none
}
.video-scene .scene-shake .scene-pic .bg-capt>img {
 width:100%
}
.video-scene .scene-shake .bg-shade {
 display:none
}
.video-scene .scene-shake .bg-decor:after,
.video-scene .scene-shake .bg-decor:before {
 display:none
}
.video-scene .scene-focus .scene-pic .bg-capt {
 top:155px;
 -webkit-transform:scale(.865);
 -ms-transform:scale(.865);
 transform:scale(.865);
 -webkit-transform-origin:0 center;
 -ms-transform-origin:0 center;
 transform-origin:0 center
}
.video-scene .scene-focus.section-active .bg-capt {
 -webkit-transform:translateY(-50px) translateX(-45px) scale(1.1);
 -ms-transform:translateY(-50px) translateX(-45px) scale(1.1);
 transform:translateY(-50px) translateX(-45px) scale(1.1)
}
.video-scene .scene-focus .bg-shade {
 display:none
}
.video-scene .scene-focus .bg-decor:after,
.video-scene .scene-focus .bg-decor:before {
 display:none
}
@-webkit-keyframes slideInRight {
 0% {
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:right 0;
  transform-origin:right 0
 }
 100% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:right 0;
  transform-origin:right 0
 }
}
@keyframes slideInRight {
 0% {
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:right 0;
  transform-origin:right 0
 }
 100% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:right 0;
  transform-origin:right 0
 }
}
@-webkit-keyframes slideInLeft {
 0% {
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
 }
 100% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
 }
}
@keyframes slideInLeft {
 0% {
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
 }
 100% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
 }
}
@-webkit-keyframes slideInUp {
 0% {
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:0 bottom;
  transform-origin:0 bottom
 }
 100% {
  -webkit-transform:scaleY(1);
  transform:scaleY(1);
  -webkit-transform-origin:0 bottom;
  transform-origin:0 bottom
 }
}
@keyframes slideInUp {
 0% {
  -webkit-transform:scaleY(0);
  transform:scaleY(0);
  -webkit-transform-origin:0 bottom;
  transform-origin:0 bottom
 }
 100% {
  -webkit-transform:scaleY(1);
  transform:scaleY(1);
  -webkit-transform-origin:0 bottom;
  transform-origin:0 bottom
 }
}
@-webkit-keyframes lineRight {
 0% {
  width:0%;
  left:0;
  opacity:1
 }
 100% {
  width:100%;
  left:0;
  opacity:1
 }
}
@keyframes lineRight {
 0% {
  width:0%;
  left:0;
  opacity:1
 }
 100% {
  width:100%;
  left:0;
  opacity:1
 }
}
@-webkit-keyframes lineLeft {
 0% {
  width:0%;
  right:0;
  opacity:1
 }
 100% {
  width:100%;
  right:0;
  opacity:1
 }
}
@keyframes lineLeft {
 0% {
  width:0%;
  right:0;
  opacity:1
 }
 100% {
  width:100%;
  right:0;
  opacity:1
 }
}
@-webkit-keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-webkit-keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translate3d(80px,0,0);
  transform:translate3d(80px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translate3d(80px,0,0);
  transform:translate3d(80px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-webkit-keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-80px,0,0);
  transform:translate3d(-80px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes fadeInRight {
 0% {
  opacity:0;
  -webkit-transform:translate3d(-80px,0,0);
  transform:translate3d(-80px,0,0)
 }
 100% {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-webkit-keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-50px,0);
  transform:translate3d(0,-50px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes fadeInDown {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,-50px,0);
  transform:translate3d(0,-50px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-webkit-keyframes fadeInTop {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,50px,0);
  transform:translate3d(0,50px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes fadeInTop {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,50px,0);
  transform:translate3d(0,50px,0)
 }
 100% {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-webkit-keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes zoomIn {
 0% {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
.faq {
 padding-top:40px;
 margin-bottom:100px
}
.faq.register-notice {
 margin-top:30px
}
.faq .container {
 background-color:#fff;
 border:1px solid #efefef;
 border-radius:2px
}
.faq .faq-title {
 font-size:23px;
 line-height:90px;
 padding-left:24px;
 border-bottom:1px solid #efefef;
 position:relative;
 height:90px
}
.faq .faq-title .icon {
 margin-right:12px;
 position:relative;
 top:-2px
}
.faq .faq-bd {
 height:100%
}
.faq .faq-list {
 width:32%;
 border-right:1px solid #efefef;
 margin-right:-1px
}
.faq .faq-list ul:last-of-type li:last-of-type {
 border-bottom:none
}
.faq .faq-list li.faq-cats {
 border-bottom:1px solid #efefef
}
.faq .faq-list li.faq-cats>h4>a {
 display:block;
 font-size:16px;
 padding:0 24px;
 line-height:60px;
 height:60px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 color:#000;
 position:relative
}
.faq .faq-list li.faq-cats>h4>a i.icon-arrow {
 width:7px;
 height:14px;
 position:absolute;
 right:16px;
 top:50%;
 margin-top:-7px;
 transition:all .6s
}
.faq .faq-list li.faq-cats>h4>a i.icon-arrow:after,
.faq .faq-list li.faq-cats>h4>a i.icon-arrow:before {
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-width:7px;
 position:absolute;
 top:0;
 transition:all .6s
}
.faq .faq-list li.faq-cats>h4>a i.icon-arrow:before {
 border-color:transparent transparent transparent #ddd;
 left:3px
}
.faq .faq-list li.faq-cats>h4>a i.icon-arrow:after {
 border-color:transparent transparent transparent #fff;
 left:0
}
.faq .faq-list li.faq-cats.active>h4>a {
 color:#008de8
}
.faq .faq-list li.faq-cats.active>h4>a i.icon-arrow {
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 transform:rotate(90deg)
}
.faq .faq-list li.faq-cats.active>h4>a i.icon-arrow:before {
 border-color:transparent transparent transparent #008de8
}
.faq .faq-list .faq-submenu {
 display:none;
 background:#efefef;
 padding:25px 0 10px
}
.faq .faq-list .faq-submenu>li {
 margin-bottom:15px;
 padding:0 50px
}
.faq .faq-list .faq-submenu>li a {
 display:block;
 color:#666
}
.faq .faq-list .faq-submenu>li a:hover {
 color:#008de8
}
.faq .faq-list .faq-submenu>li.active a {
 color:#008de8
}
.faq .faq-bd {
 width:68%;
 color:#000
}
.faq .faq-bd .content {
 border-left:1px solid #efefef;
 padding:45px
}
.faq .faq-bd .content>h3.title {
 font-size:20px;
 margin-bottom:35px
}
.faq .faq-bd .faq-text {
 font-size:14px;
 line-height:2
}
.faq .faq-bd .faq-text h4.blue-bar {
 font-size:16px;
 position:relative;
 padding-left:.9em;
 *padding-left:0;
 margin-bottom:10px
}
.faq .faq-bd .faq-text h4.blue-bar:before {
 content:"";
 width:3px;
 height:1em;
 background-color:#008de8;
 position:absolute;
 left:0;
 top:.5em
}
.faq .faq-bd .faq-text p {
 margin-bottom:1em
}
.faq .faq-bd .faq-text img {
 max-width:100%
}
.entrance {
 display:none;
 margin-bottom:120px
}
.entrance li {
 font-size:14px
}
.entrance li .con {
 background-color:#fff;
 border:1px solid #efefef;
 border-radius:2px;
 overflow:hidden;
 transition:all .6s
}
.entrance li .con:hover {
 box-shadow:0 2px 10px rgba(0,0,0,.1)
}
.entrance li .entrance-pic {
 padding-bottom:53%;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
 height:1px
}
.entrance li .entrance-text {
 padding:35px
}
.entrance li .entrance-text h3.title {
 line-height:1;
 font-size:23px;
 color:#000;
 padding-left:36px;
 position:relative
}
.entrance li .entrance-text h3.title .icon {
 position:absolute;
 left:0;
 top:50%;
 margin-top:-14px
}
.entrance li .entrance-text p {
 line-height:2;
 color:#000;
 margin:20px 0
}
.search-result {
 padding-bottom:50px
}
.search-result .container {
 border:1px solid #efefef;
 box-sizing:border-box
}
.search-result .result-index {
 background:#efefef;
 padding:40px 60px 20px
}
.search-result .result-index h3 {
 font-size:23px;
 color:#000;
 margin-bottom:22px
}
.search-result .result-index h3>em {
 font-style:normal;
 color:#008de8
}
.search-result .result-index .result-cat>a {
 display:inline-block;
 color:#000;
 font-size:14px;
 line-height:31px;
 height:31px;
 padding:0 16px
}
.search-result .result-index .result-cat>a.active,
.search-result .result-index .result-cat>a:hover {
 background-color:#008de8;
 color:#fff
}
.search-result .result-list {
 padding:0 60px;
 background:#fff
}
.search-result .result-list li {
 padding:35px 0 40px;
 border-bottom:1px solid #f1f1f1
}
.search-result .result-list li h4 {
 font-size:20px;
 margin-bottom:10px
}
.search-result .result-list li h4 a {
 color:#000
}
.search-result .result-list li p {
 font-size:14px;
 line-height:2;
 color:#666
}
.search-result .result-list li em {
 font-style:normal;
 color:#008de8
}
.page-navgation {
 padding:30px 60px;
 background:#fff
}
.page-navgation>a {
 display:inline-block;
 line-height:31px;
 padding:0 12px;
 border-radius:2px
}
.page-navgation>a.active,
.page-navgation>a:hover {
 background-color:#008de8;
 color:#fff
}
.feedback {
 margin-top:30px;
 padding-top:30px;
 border-top:1px solid #efefef
}
.feedback h5 {
 font-size:14px;
 color:#000;
 margin-bottom:15px
}
.feedback .btn-erea a.btn {
 line-height:35px;
 padding:0 18px;
 margin-right:10px
}
.recommend h3.title {
 font-size:20px;
 color:#000;
 line-height:64px;
 padding-left:20px;
 border-bottom:1px solid #efefef
}
.recommend .content {
 border:1px solid #efefef;
 box-sizing:border-box;
 background:#fff;
 border-radius:2px;
 overflow:hidden
}
.recommend .recommend-hot {
 width:62%
}
.recommend .recommend-hot .content {
 margin-right:15px
}
.recommend .recommend-hot .hot-content {
 width:100%;
 overflow:hidden;
 *position:relative
}
.recommend .recommend-hot .hot-content .hot-pic a {
 display:block;
 height:364px;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center
}
.recommend .recommend-hot .hot-tabs {
 *zoom:1
}
.recommend .recommend-hot .hot-tabs:after,
.recommend .recommend-hot .hot-tabs:before {
 display:table;
 content:""
}
.recommend .recommend-hot .hot-tabs:after {
 clear:both
}
.recommend .recommend-hot .hot-tabs:after,
.recommend .recommend-hot .hot-tabs:before {
 display:table;
 content:""
}
.recommend .recommend-hot .hot-tabs:after {
 clear:both
}
.recommend .recommend-hot .hot-tabs a {
 float:left;
 width:33.33333333%;
 text-align:center;
 line-height:60px;
 color:#000;
 font-size:16px
}
.recommend .recommend-hot .hot-tabs a.active,
.recommend .recommend-hot .hot-tabs a:hover {
 background-color:#008de8;
 color:#fff
}
.recommend .recommend-last {
 width:38%
}
.recommend .recommend-last .content {
 margin-left:15px;
 padding:0 20px
}
.recommend .recommend-last h3.title {
 padding-left:0
}
.recommend .recommend-last .last-list li {
 line-height:2;
 padding:15px 0;
 border-bottom:1px solid #efefef;
 position:relative
}
.recommend .recommend-last .last-list li h4 {
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 width:80%
}
.recommend .recommend-last .last-list li h4 a {
 color:#000;
 font-size:16px
}
.recommend .recommend-last .last-list li h4 a:hover {
 color:#008de8
}
.recommend .recommend-last .last-list li>p {
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 width:80%;
 font-size:14px;
 color:#666
}
.recommend .recommend-last .last-list li>p .icon {
 margin-right:8px
}
.recommend .recommend-last .last-list li a.btn {
 opacity:0;
 visibility:hidden;
 padding:0 6px;
 line-height:30px;
 position:absolute;
 right:4px;
 top:50%;
 margin-top:-16px;
 -webkit-transform:translateX(-20px);
 -ms-transform:translateX(-20px);
 transform:translateX(-20px);
 transition:all .6s
}
.recommend .recommend-last .last-list li.active a.btn {
 opacity:1;
 visibility:visible;
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 transform:translateX(0)
}
.recommend .recommend-last .btn-all {
 text-align:center;
 padding:14px 0
}
.step {
 margin-top:40px
}
.step .container .step-con {
 padding:60px;
 border:1px solid #efefef;
 background:#fff;
 border-radius:2px
}
.step h3.title {
 font-size:20px;
 line-height:2
}
.step p.desc {
 font-size:14px;
 color:#666;
 line-height:2
}
.step .step-list li {
 color:#000;
 margin-top:40px
}
.step .step-list li h4.step-title {
 font-size:18px;
 margin-bottom:25px;
 position:relative;
 line-height:2
}
.step .step-list li h4.step-title a {
 color:#000
}
.step .step-list li h4.step-title a:hover {
 color:#008de8
}
.step .step-list li h4.step-title .icon {
 margin-right:8px;
 position:relative;
 top:-2px
}
.step .step-list li p {
 font-size:16px
}
.step .step-list li p span {
 line-height:2;
 display:block;
 position:relative;
 padding-left:8px;
 margin-bottom:8px;
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
.step .step-list li p span a {
 color:#000
}
.step .step-list li p span a:hover {
 color:#008de8
}
.step .step-list li p span:before {
 content:"";
 width:2px;
 height:1em;
 background-color:#008de8;
 position:absolute;
 left:0;
 top:.5em
}
.download-data {
 margin:40px 0
}
.download-data .container .download-con {
 padding:60px;
 border:1px solid #efefef;
 background:#fff;
 border-radius:2px
}
.download-data h3.title {
 font-size:20px;
 line-height:2
}
.download-data p.desc {
 font-size:14px;
 color:#666;
 line-height:2
}
.download-data .download-list li {
 color:#000;
 margin-top:40px
}
.download-data .download-list li h4.download-title {
 font-size:18px;
 margin-bottom:25px
}
.download-data .download-list li h4.download-title a {
 color:#000
}
.download-data .download-list li h4.download-title a:hover {
 color:#008de8
}
.download-data .download-list li h4.download-title .icon {
 margin-right:10px;
 position:relative;
 top:-2px
}
.download-data .download-list li p {
 font-size:16px
}
.download-data .download-list li p span {
 line-height:2;
 display:block;
 position:relative;
 padding-left:8px;
 margin-bottom:8px;
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
.download-data .download-list li p span a {
 color:#000;
 position:relative
}
.download-data .download-list li p span a:after {
 content:"";
 width:100%;
 height:1px;
 background-color:transparent;
 position:absolute;
 bottom:0;
 left:0;
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
.download-data .download-list li p span a:hover {
 color:#008de8
}
.download-data .download-list li p span a:hover:after {
 background-color:#008de8
}
.download-data .download-list li p span:before {
 content:"";
 width:2px;
 height:1em;
 background-color:#008de8;
 position:absolute;
 left:0;
 top:.5em
}
.enter-bbs {
 margin-bottom:40px
}
.enter-bbs .container {
 border:1px solid #efefef;
 box-sizing:border-box;
 background-color:#fff;
 border-radius:2px
}
.enter-bbs .container>a {
 display:table;
 *display:block;
 width:100%;
 height:170px;
 background-image:url(https://www.gztenwin.com/skin/images/more/enter-bbs.jpg);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/more/enter-bbs.jpg) 1x,url(../images/more/enter-bbs@2x.jpg) 2x);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
.enter-bbs .container p {
 display:table-cell;
 vertical-align:middle;
 font-size:20px;
 color:#000;
 padding-left:60px;
 *padding-top:60px
}
.btn_download {
 line-height:1;
 border-bottom:1px solid #008de8
}
.download-area h3.faq-title {
 padding-left:0
}
.download-area h3.faq-title a {
 display:block;
 color:#000;
 padding-left:24px
}
.download-area h3.faq-title.active {
 background:#efefef
}
.download-area .download-cats {
 width:26%
}
.download-area .download-bd {
 width:74%
}
.download-area .download-table {
 width:100%;
 color:#000;
 table-layout:fixed;
 border-collapse:collapse
}
.download-area .download-table tr {
 border-bottom:1px solid #efefef
}
.download-area .download-table thead th {
 font-size:18px;
 line-height:60px;
 padding-bottom:10px;
 padding-left:12px
}
.download-area .download-table thead th.th-name {
 width:40%
}
.download-area .download-table thead th.th-time {
 width:32%
}
.download-area .download-table thead th.th-operation {
 width:28%
}
.download-area .download-table tbody td {
 font-size:16px;
 line-height:65px;
 padding-left:12px
}
.download-area .download-table tbody td.data-link {
 color:#008de8;
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden
}
.download-area .download-table tbody td.data-link a {
 color:#000;
 position:relative
}
.download-area .download-table tbody td.data-link a:after {
 content:"";
 width:100%;
 height:1px;
 background-color:transparent;
 position:absolute;
 bottom:0;
 left:0;
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
.download-area .download-table tbody td.data-link a:hover {
 color:#008de8
}
.download-area .download-table tbody td.data-link a:hover:after {
 background-color:#008de8
}
.download-area .download-table tbody td.td-operation a.btn {
 padding:3px 8px;
 margin-right:10px
}
.download-page-navgation {
 padding:30px 0 30px 12px
}
.course-preview {
 margin-bottom:50px
}
.course-preview .container {
 background-color:#fff;
 border:1px solid #efefef
}
.course-preview .preview-cats {
 *zoom:1;
 position:relative
}
.course-preview .preview-cats:after,
.course-preview .preview-cats:before {
 display:table;
 content:""
}
.course-preview .preview-cats:after {
 clear:both
}
.course-preview .preview-cats:after,
.course-preview .preview-cats:before {
 display:table;
 content:""
}
.course-preview .preview-cats:after {
 clear:both
}
.course-preview .preview-cats li {
 line-height:60px;
 float:left;
 width:17%
}
.course-preview .preview-cats li>a {
 display:block;
 font-size:20px;
 color:#000;
 text-align:center;
 border-right:1px solid #efefef;
 border-bottom:1px solid #efefef
}
.course-preview .preview-cats li>a:hover {
 color:#008de8
}
.course-preview .preview-cats li.active>a {
 color:#008de8;
 border-bottom-color:#fff
}
.course-preview .preview-section {
 border-top:1px solid #efefef;
 margin-top:-1px;
 padding:0 5.8%
}
.course-preview .preview-section li {
 overflow:hidden;
 position:relative
}
.course-preview .preview-section li:last-child:before {
 display:none
}
.course-preview .preview-section li:before {
 content:"";
 width:100%;
 height:1px;
 background:#efefef;
 position:absolute;
 right:0;
 bottom:0
}
.course-preview .preview-section li .course-time {
 position:absolute;
 left:0;
 top:50%;
 margin-top:-32px;
 height:64px;
 font-size:14px;
 color:#666
}
.course-preview .preview-section li .course-time span {
 display:block;
 font-size:26px;
 color:#000
}
.course-preview .preview-section li .course-content {
 float:right;
 width:81%
}
.course-preview .preview-section li .course-content .course-item {
 padding:20px 0;
 position:relative;
 *overflow:hidden
}
.course-preview .preview-section li .course-content .course-item>div {
 display:inline-block;
 vertical-align:middle;
 *float:left
}
.course-preview .preview-section li .course-content .course-item:before {
 content:"";
 width:100%;
 height:1px;
 background:#efefef;
 position:absolute;
 right:0;
 top:0
}
.course-preview .preview-section li .course-content .course-item:first-of-type:before {
 display:none
}
.course-preview .preview-section li .course-content .cource-pic>a {
 display:block;
 width:150px;
 height:86px
}
.course-preview .preview-section li .course-content .course-text {
 *padding-top:14px;
 width:56%;
 overflow:hidden;
 margin-left:20px
}
.course-preview .preview-section li .course-content .course-text .cource-tit {
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 font-size:18px;
 margin-bottom:6px
}
.course-preview .preview-section li .course-content .course-text .cource-tit a {
 color:#000
}
.course-preview .preview-section li .course-content .course-text>p {
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 font-size:14px;
 color:#666
}
.course-preview .preview-section li .course-content .course-text>p b {
 font-weight:400;
 color:#008de8
}
.course-preview .preview-section li .course-btn {
 position:absolute;
 right:0;
 top:50%;
 margin-top:-16px
}
.course-preview .preview-section li .course-btn .btn {
 padding:0;
 line-height:32px;
 width:95px
}
.course-preview .preview-section li .course-btn .btn-disabled {
 color:#c9caca
}
.course-preview .preview-section li .activity-details {
 display:none;
 width:56%;
 margin-left:175px;
 font-size:14px;
 color:#000;
 line-height:2;
 margin-bottom:2em
}
.course-preview .preview-section li .activity-details h5 {
 font-size:16px
}
.course-preview .preview-section li .activity-details p {
 margin-bottom:1em
}
.join_us {
 margin:92px 0
}
.join_us * {
 box-sizing:border-box
}
.join_block {
 border:1px solid #efefef;
 border-radius:2px;
 background-color:#fff;
 padding:64px 55px;
 margin-top:30px;
 overflow:hidden;
 line-height:1
}
.join_block:first-of-type {
 margin-top:0
}
.join_block .row {
 margin:0
}
.join_block .col-12,
.join_block .col-6 {
 padding:0 40px
}
.join_block .join_block_hd {
 font-size:26px;
 padding-left:40px
}
.join_block .join_block_bd {
 margin-top:50px
}
.join_block .join_block_ft {
 margin-top:40px
}
.join_block .join_block_ft .btn {
 width:230px;
 height:60px;
 line-height:36px
}
.join_desc {
 color:#666;
 line-height:2
}
.join_desc .desc-tit {
 font-size:20px;
 line-height:1;
 color:#000;
 margin-bottom:24px
}
.join_desc .desc-define {
 font-size:14px;
 margin-bottom:14px
}
.join_desc .desc-list>li {
 position:relative;
 padding-left:14px
}
.join_desc .desc-list>li:before {
 position:absolute;
 display:block;
 content:'';
 width:4px;
 height:4px;
 top:12px;
 left:0;
 border-radius:50%;
 background-color:#666;
 vertical-align:middle;
 margin-right:10px
}
.tc-reg-form>ul>li .form-inline {
 font-size:0;
 white-space:nowrap
}
.tc-reg-form>ul>li .chosen-model .chosen-search input {
 position:static
}
.tc-reg-form>ul>li .chosen-model .chosen-results .active-result {
 height:40px;
 padding:0 0 0 40px;
 line-height:40px
}
.tc-reg-form>ul>li .chosen-model .chosen-results .active-result:hover {
 background-color:#3e8edd;
 color:#fff
}
.tc-reg-form>ul>li .chosen-model .chosen-results .highlighted {
 background-color:#3e8edd;
 color:#fff
}
.tc-reg-form>ul>li .chosen-model .chosen-container-single .chosen-single {
 height:38px;
 border:none;
 border-radius:0;
 padding:0 10px 0 40px;
 font-size:14px;
 color:#a9a9a9;
 line-height:38px
}
.tc-reg-form>ul>li .chosen-model .chosen-container-single .chosen-single div b {
 background-position:0 10px
}
.tc-reg-form>ul>li .chosen-model .chosen-container-active .chosen-single {
 color:#333
}
.tc-reg-form>ul>li .chosen-model .chosen-container-active .chosen-single div b {
 background-position:-18px 10px
}
.tc-reg-form.has-icons>ul>li input {
 padding-left:40px
}
.tc-reg-form.has-icons>ul>li.pic-verifi input,
.tc-reg-form.has-icons>ul>li.verifi input {
 padding-left:10px
}
.tc-btn,
.tc-btn:active,
.tc-btn:hover,
.tc-btn:link,
.tc-btn:visited {
 display:inline-block;
 text-align:center;
 text-decoration:none;
 color:#fff;
 vertical-align:middle
}
.tc-btn.blue {
 background:#008de8
}
.tc-btn.disabled,
.tc-btn.disabled.focus,
.tc-btn.disabled:focus,
.tc-btn.disabled:hover {
 background:#f9f9f9!important;
 border-color:#c3c3c3;
 color:#8e929b!important;
 cursor:default
}
.tc-reg-form {
 margin:0 auto;
 font-size:14px
}
.tc-reg-form>ul>li {
 position:relative;
 height:40px;
 border:1px solid #e0e0e0;
 margin-bottom:15px;
 text-align:left;
 box-sizing:border-box;
 transition:height .4s,margin-bottom .4s
}
.tc-reg-form>ul>li>i {
 position:absolute;
 width:26px;
 height:26px;
 top:6px;
 left:10px;
 overflow:hidden;
 background:no-repeat;
 z-index:1
}
.tc-reg-form>ul>li>i.icons-cpname {
 background-position:-50px -50px
}
.tc-reg-form>ul>li>i.icons-mail {
 background-position:-78px -50px
}
.tc-reg-form>ul>li>i.icons-phonenum {
 background-position:-50px -78px
}
.tc-reg-form>ul>li>i.icons-username {
 background-position:0 -100px
}
.tc-reg-form>ul>li>i.icons-years {
 background-position:-100px 0
}
.tc-reg-form>ul>li>i.icons-post {
 background-position:-106px -28px
}
.tc-reg-form>ul>li>i.icons-location {
 background-position:-28px -106px
}
.tc-reg-form>ul>li input,
.tc-reg-form>ul>li select {
 box-sizing:border-box;
 position:absolute;
 width:100%;
 padding:10px;
 top:0;
 bottom:0;
 font-size:14px;
 border:none;
 border-radius:0;
 line-height:18px
}
.tc-reg-form>ul>li input::-webkit-input-placeholder {
 font-size:14px
}
.tc-reg-form>ul>li input.placeholder {
 color:#999
}
.tc-reg-form>ul>li.hide {
 height:0;
 margin-bottom:0!important;
 border-color:#fff!important;
 overflow:hidden
}
.tc-reg-form>ul>li .help-info {
 position:absolute;
 top:-22px;
 right:-225px;
 width:182px;
 height:60px;
 padding:10px 15px;
 border-radius:3px;
 background-color:#f3f3f3;
 font-size:12px;
 line-height:20px
}
.tc-reg-form>ul>li .help-info:before {
 display:block;
 position:absolute;
 content:'';
 width:8px;
 height:16px;
 top:50%;
 left:-8px;
 margin-top:-8px
}
.tc-reg-form .error-info {
 display:none;
 position:absolute;
 bottom:-26px;
 left:0;
 height:24px;
 line-height:24px;
 color:#e33244;
 font-size:14px
}
.tc-reg-form .error-info:before {
 display:inline-block;
 content:'';
 width:12px;
 height:12px;
 margin-top:-2px;
 margin-right:5px;
 background:no-repeat;
 background-position:-78px -78px;
 overflow:hidden;
 vertical-align:middle
}
.tc-reg-form>ul>li.verifi.form-error {
 border:0
}
.tc-reg-form>ul>li.verifi.form-error input {
 border:1px solid #e33244
}
.tc-reg-form>ul>li.verifi input {
 width:174px;
 left:0;
 right:106px
}
.tc-reg-form>ul>li.verifi .tc-btn {
 box-sizing:border-box;
 position:absolute;
 width:105px;
 height:38px;
 top:0;
 right:0;
 line-height:38px;
 font-size:14px;
 border:1px solid transparent
}
.tc-reg-form>ul>li.verifi .tc-btn.disabled {
 border-left:1px solid #dedede
}
.tc-reg-form>ul>li.verifi.readonly input {
 background:#f9f9f9
}
.tc-reg-form>ul>li.verifi.readonly .tc-btn {
 height:36px;
 background:#f9f9f9!important;
 border-left:1px solid #dedede;
 color:#999
}
.tc-reg-form>ul>li.verifi .tc-btn.disable {
 border-left:1px solid #dedede
}
.tc-reg-form>ul>li.pic-verifi {
 border:0;
 font-size:0
}
.tc-reg-form>ul>li.pic-verifi.form-error {
 border:0
}
.tc-reg-form>ul>li.pic-verifi.form-error input {
 border:1px solid #e33244
}
.tc-reg-form>ul>li.pic-verifi input {
 width:130px;
 margin-right:8px;
 border:1px solid #e0e0e0;
 position:static;
 vertical-align:middle
}
.tc-reg-form>ul>li.pic-verifi img {
 width:103px;
 height:41px;
 vertical-align:middle
}
.tc-reg-form>ul>li.pic-verifi .change {
 margin-left:8px;
 vertical-align:middle;
 color:#008fe4;
 font-size:12px
}
.tc-reg-form>ul>li.form-error {
 border:1px solid #e33244;
 margin-bottom:34px
}
.tc-reg-form>ul>li.form-error input {
 color:#e33244
}
.tc-reg-form>ul>li.form-error .error-info {
 display:block
}
.tc-reg-form .reg-protocol {
 line-height:20px;
 margin-top:15px;
 margin-bottom:23px
}
.tc-reg-form .form-error~.reg-protocol {
 margin-top:0
}
.tc-reg-form .reg-protocol .m-checkbox .ico {
 box-sizing:border-box
}
.tc-reg-form .reg-protocol input {
 -webkit-appearance:checkbox;
 -moz-appearance:checkbox;
 appearance:checkbox;
 cursor:pointer;
 vertical-align:middle
}
.tc-reg-form .reg-protocol label {
 vertical-align:middle
}
.reg-protocol a {
 color:#008fe4
}
.tc-reg-form .tc-btn {
 width:100%
}
.tc-reg-form .error-info:before,
.tc-reg-form>ul>li>i.icons-cpname,
.tc-reg-form>ul>li>i.icons-location,
.tc-reg-form>ul>li>i.icons-mail,
.tc-reg-form>ul>li>i.icons-phonenum,
.tc-reg-form>ul>li>i.icons-post,
.tc-reg-form>ul>li>i.icons-username,
.tc-reg-form>ul>li>i.icons-years {
 background-image:url(https://www.gztenwin.com/skin/images/sprites/main.png?20170419105225)
}
@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:2.5),only screen and (min-resolution:240dpi),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) {
 .tc-reg-form .error-info:before,
 .tc-reg-form>ul>li>i.icons-cpname,
 .tc-reg-form>ul>li>i.icons-location,
 .tc-reg-form>ul>li>i.icons-mail,
 .tc-reg-form>ul>li>i.icons-phonenum,
 .tc-reg-form>ul>li>i.icons-post,
 .tc-reg-form>ul>li>i.icons-username,
 .tc-reg-form>ul>li>i.icons-years {
  background-image:url(https://www.gztenwin.com/skin/images/sprites/main@2x.png?20170419105225);
  background-size:124px auto
 }
 .tc-reg-form>ul>li>i.icons-cpname {
  background-position:-48px -48px
 }
 .tc-reg-form>ul>li>i.icons-mail {
  background-position:-74px -48px
 }
 .tc-reg-form>ul>li>i.icons-phonenum {
  background-position:-48px -74px
 }
 .tc-reg-form>ul>li>i.icons-username {
  background-position:0 -96px
 }
 .tc-reg-form>ul>li>i.icons-years {
  background-position:-96px 0
 }
 .tc-reg-form>ul>li>i.icons-post {
  background-position:-100px -26px
 }
 .tc-reg-form>ul>li>i.icons-location {
  background-position:-26px -100px
 }
 .tc-reg-form .error-info:before {
  background-position:-74px -74px
 }
}
.sitemap-wrap {
 padding:60px 50px;
 background:#fff;
 border:1px solid #efefef;
 margin-bottom:50px
}
.sitemap-list {
 *zoom:1;
 margin-bottom:50px
}
.sitemap-list:after,
.sitemap-list:before {
 display:table;
 content:""
}
.sitemap-list:after {
 clear:both
}
.sitemap-list:after,
.sitemap-list:before {
 display:table;
 content:""
}
.sitemap-list:after {
 clear:both
}
.sitemap-list:last-of-type {
 margin-bottom:0
}
.sitemap-list h3 {
 font-size:18px;
 color:#222;
 font-weight:700;
 margin-bottom:20px
}
.sitemap-list li {
 float:left;
 line-height:36px;
 font-size:14px;
 width:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 width:20%
}
.sitemap-list li a {
 color:#333;
 padding-left:10px;
 position:relative;
 transiton:color .2s
}
.sitemap-list li a:hover {
 color:#008de8;
 text-decoration:underline
}
.sitemap-list li a:before {
 content:"";
 width:2px;
 height:13px;
 background:#008de8;
 position:absolute;
 left:0;
 top:50%;
 margin-top:-7px
}
.no-bd {
 border:none!important
}
.sp_search {
 margin:45px 0;
 background-color:#fff;
 border:1px solid #efefef;
 border-radius:3px
}
.sp_search * {
 box-sizing:border-box
}
.sp_search .form-wrap {
 width:720px;
 margin:80px auto;
 overflow:hidden
}
.sp_search .form-wrap .form-title {
 font-size:30px;
 line-height:1;
 text-align:center
}
.sp_search .form-wrap .form-subtitle {
 margin-top:12px;
 font-size:14px;
 line-height:1;
 text-align:center;
 color:#999
}
.sp_search .form-wrap .form-input {
 margin-top:42px;
 font-size:0
}
.sp_search .form-wrap .form-input .form-control {
 display:inline-block;
 width:534px;
 height:38px;
 padding:10px 15px;
 border:1px solid #d5d5d5;
 border-radius:0;
 box-shadow:none;
 font-size:16px;
 line-height:1;
 color:#333
}
.sp_search .form-wrap .form-input .form-control:focus {
 border-color:#008de8
}
.sp_search .form-wrap .form-input .btn {
 float:right;
 width:168px;
 border-radius:0;
 vertical-align:middle
}
.sp_search .form-wrap .form-input .help-block {
 height:35px;
 margin:0;
 padding:0;
 line-height:35px;
 font-size:14px
}
.sp_search .form-wrap .form-input.has-error .help-block {
 color:#c80e13
}
.sp_search .form-wrap .result-wrap {
 margin-top:40px
}
.sp_search .form-wrap .table {
 width:100%;
 margin-bottom:0
}
.sp_search .form-wrap .table>thead>tr>td,
.sp_search .form-wrap .table>thead>tr>th {
 height:50px;
 background-color:#fafafa;
 border-bottom:1px solid #dcdee3;
 color:#999;
 vertical-align:middle
}
.sp_search .form-wrap .table>tbody>tr>td,
.sp_search .form-wrap .table>tbody>tr>th,
.sp_search .form-wrap .table>thead>tr>td,
.sp_search .form-wrap .table>thead>tr>th {
 height:50px;
 border-bottom:1px solid #dcdee3;
 border-top:none;
 vertical-align:middle
}
.sp_search .form-wrap .table>tbody>tr>td:first-of-type,
.sp_search .form-wrap .table>tbody>tr>th:first-of-type,
.sp_search .form-wrap .table>thead>tr>td:first-of-type,
.sp_search .form-wrap .table>thead>tr>th:first-of-type {
 padding-left:20px
}
.sp_search .form-wrap .table>tbody>tr>td:nth-child(2),
.sp_search .form-wrap .table>tbody>tr>th:nth-child(2),
.sp_search .form-wrap .table>thead>tr>td:nth-child(2),
.sp_search .form-wrap .table>thead>tr>th:nth-child(2) {
 width:110px;
 text-align:right;
 padding-right:20px
}
.sp_search .form-wrap .table>tbody>tr>td:last-of-type,
.sp_search .form-wrap .table>tbody>tr>th:last-of-type,
.sp_search .form-wrap .table>thead>tr>td:last-of-type,
.sp_search .form-wrap .table>thead>tr>th:last-of-type {
 width:140px;
 text-align:right;
 padding-right:20px
}
.sp_search .form-wrap .table>tbody>tr>td,
.sp_search .form-wrap .table>tbody>tr>th {
 color:#666
}
.sp_search .form-wrap .table>tbody>tr>td:first-of-type,
.sp_search .form-wrap .table>tbody>tr>th:first-of-type {
 padding-left:20px;
 color:#333
}
.sp_search .form-wrap .pagebar {
 padding:0 11px 0 20px
}
.sp_search .form-wrap .pagebar .page-info {
 line-height:46px;
 float:left;
 color:#999
}
.sp_search .form-wrap .pagebar .pagination {
 line-height:25px;
 margin:15px 0;
 float:right;
 font-size:0
}
.sp_search .form-wrap .pagination>li {
 padding:0 1px;
 display:inline-block;
 font-size:14px
}
.sp_search .form-wrap .pagination>li>a,
.sp_search .form-wrap .pagination>li>span {
 border:0;
 color:#404040
}
.sp_search .form-wrap .pagination>li:first-child>a,
.sp_search .form-wrap .pagination>li:first-child>span {
 border-radius:2px
}
.sp_search .form-wrap .pagination>.active>a,
.sp_search .form-wrap .pagination>.active>a:focus,
.sp_search .form-wrap .pagination>.active>a:hover {
 border-radius:2px;
 background-color:#008de8;
 color:#fff
}
.sp_search .form-wrap .pagination>li>a,
.sp_search .form-wrap .pagination>li>span {
 padding:3px 9px 2px 8px
}
.sp_search .form-wrap .pagination li>span,
.sp_search .form-wrap .pagination li>span:focus,
.sp_search .form-wrap .pagination li>span:hover {
 border-radius:2px;
 background-color:#fff
}
@media (max-width:1279px) {
 .container {
  width:auto!important
 }
}
@media (max-width:1023px) {
 .container {
  width:auto!important
 }
}
.new-proxy .swiper-proxy {
 width:100%;
 height:500px;
 overflow:hidden;
 position:relative
}
.new-proxy .swiper-proxy .swiper-wrapper {
 height:500px
}
.new-proxy .pagination {
 position:absolute;
 z-index:20;
 bottom:10px;
 width:100%;
 text-align:center
}
.new-proxy .swiper-pagination-switch {
 display:inline-block;
 width:8px;
 height:8px;
 border-radius:8px;
 background:#555;
 margin:0 5px;
 opacity:.8;
 border:1px solid #fff;
 cursor:pointer
}
.new-proxy .swiper-active-switch {
 background:red
}
.new-proxy .tol-proxy {
 margin-bottom:10px;
 color:#666;
 font-size:14px
}
.new-proxy .tol-proxy span {
 color:#007fcb
}
.new-proxy .case {
 margin-top:0
}
.new-proxy .case .case-title {
 font-size:45px;
 text-align:center;
 color:#333;
 margin:60px 0 30px
}
.new-proxy .case .case-title.case-title-small {
 font-size:20px;
 text-align:left;
 margin:0 0 30px 0;
 color:#000
}
.new-proxy .case .case-filter {
 position:relative;
 z-index:15;
 *zoom:1;
 margin-bottom:35px;
 *margin:0 -16px 50px
}
.new-proxy .case .case-filter:after,
.new-proxy .case .case-filter:before {
 display:table;
 content:""
}
.new-proxy .case .case-filter:after {
 clear:both
}
.new-proxy .case .case-filter:after,
.new-proxy .case .case-filter:before {
 display:table;
 content:""
}
.new-proxy .case .case-filter:after {
 clear:both
}
.new-proxy .case .case-filter-item {
 cursor:pointer
}
.new-proxy .case .case-filter-item .column {
 line-height:54px;
 height:54px;
 position:relative;
 background:#fff;
 border:1px solid #efefef;
 border-radius:2px
}
.new-proxy .case .case-filter-item .case-filter-title {
 display:block;
 line-height:54px;
 color:#666;
 -webkit-appearance:none;
 background-color:#fff;
 border:none;
 font-size:16px;
 padding:0 20px;
 outline:0;
 position:relative
}
.new-proxy .case .case-filter-item .case-filter-title:after {
 position:absolute;
 top:28px;
 right:20px;
 content:'';
 transition:all .4s linear;
 -webkit-transform-origin:center 3px;
 -ms-transform-origin:center 3px;
 transform-origin:center 3px;
 border:5px solid #999;
 border-color:#999 transparent transparent transparent
}
.new-proxy .case .case-filter-item .case-filter-title:hover {
 color:#008de8
}
.new-proxy .case .case-filter-item.case-filter-active .column {
 box-shadow:0 3px 5px rgba(0,0,0,.1)
}
.new-proxy .case .case-filter-item.case-filter-active .case-filter-title {
 color:#008de8
}
.new-proxy .case .case-filter-item.case-filter-active .case-filter-title:after {
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.new-proxy .case .case-filter-item.case-filter-active .case-filter-dropdown {
 display:block
}
.new-proxy .case .case-filter-dropdown {
 position:absolute;
 top:100%;
 right:0;
 left:0;
 display:none;
 background-color:#fff;
 box-shadow:0 3px 5px rgba(0,0,0,.1);
 z-index:9
}
.new-proxy .case .case-filter-dropdown a {
 color:#333;
 display:block;
 line-height:45px;
 padding:0 20px;
 transition:padding .4s linear
}
.new-proxy .case .case-filter-dropdown .case-filter-item-active a,
.new-proxy .case .case-filter-dropdown li a:hover {
 padding-left:25px;
 color:#fff;
 background-color:#23a8ee
}
.new-proxy .sp_search {
 margin:0;
 background-color:#fff;
 border:none
}
.proxy-list .proxy-part {
 padding:24px 0;
 display:flex;
 position:relative;
 box-sizing:border-box;
 border-bottom:1px solid #efefef
}
.proxy-list .proxy-part:hover:after {
 content:'';
 border:1px solid #007fcb;
 border-radius:2px;
 display:block;
 position:absolute;
 top:-1px;
 left:0;
 height:100%;
 width:100%;
 -webkit-transform:scaleX(1.05);
 -ms-transform:scaleX(1.05);
 transform:scaleX(1.05)
}
.proxy-list .proxy-part .proxy-img {
 width:85px
}
.proxy-list .proxy-part .proxy-img .img-block {
 width:85px;
 height:85px;
 border:1px solid #d9d9d9;
 border-radius:2px;
 display:flex;
 justify-content:center;
 align-items:center
}
.proxy-list .proxy-part .proxy-info {
 padding-left:30px
}
.proxy-list .proxy-part .proxy-info .proxy-title {
 margin-bottom:20px;
 font-size:18px;
 color:#000
}
.proxy-list .proxy-part .proxy-info .info-block {
 margin-bottom:10px
}
.proxy-list .proxy-part .proxy-info .info-block:last-child {
 margin-bottom:15px
}
.proxy-list .proxy-part .info {
 display:inline-block;
 font-size:0;
 vertical-align:middle;
 color:#666
}
.proxy-list .proxy-part .info span {
 font-size:14px
}
.proxy-list .proxy-part .info .info-num {
 display:inline-block;
 width:18px;
 text-align:left;
 color:#296bef
}
.proxy-list .proxy-part .info .loc {
 display:inline-block;
 max-width:380px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 vertical-align:bottom
}
.proxy-list .proxy-part .contact {
 font-size:14px;
 color:#666
}
.proxy-list .proxy-part .contact .name {
 display:inline-block;
 width:80px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#000;
 vertical-align:top
}
.proxy-list .proxy-part .contact .phone {
 display:inline-block;
 color:#007fcb
}
.proxy-more {
 display:none;
 margin-top:40px;
 text-align:center
}
.proxy-more .proxy-button {
 padding:12px 22px;
 color:#007fcb;
 border:1px solid #007fcb;
 border-radius:2px;
 cursor:pointer
}
.proxy-more .proxy-button:hover {
 background-color:#007fcb;
 color:#fff
}
.mb15 {
 margin-bottom:15px
}
.mb30 {
 margin-bottom:30px
}
.mb60 {
 margin-bottom:60px
}
.proxy-detail {
 background-color:#fff;
 padding-bottom:120px
}
.proxy-detail .case-detail-bd .case-summary {
 margin-top:0
}
.proxy-detail .case-detail-bd .case-summary .case-intro {
 margin-bottom:48px
}
@media (max-width:1279px) {
 .proxy-detail .case-detail-bd .case-summary .case-intro {
  margin-bottom:40px
 }
}
.proxy-detail .case-detail-bd .case-summary .container {
 border-radius:2px;
 margin:0 50px
}
@media (max-width:1023px) {
 .proxy-detail .case-detail-bd .case-summary .container {
  margin:0 20px
 }
}
.proxy-detail .case-detail-hd {
 height:322px;
 background-image:none;
 background-color:#f5f9ff;
 color:#0b1531
}
.proxy-detail .case-detail-hd:before {
 display:none
}
@media (max-width:1279px) {
 .proxy-detail .case-detail-hd {
  height:272px
 }
}
@media (max-width:1023px) {
 .proxy-detail .case-detail-hd {
  height:164px
 }
}
.proxy-detail .case-detail-hd .container {
 display:block!important;
 padding:126px 50px 0 50px
}
.proxy-detail .case-detail-hd .container:after {
 content:"";
 display:block;
 width:40px;
 height:4px;
 background-color:#a3adcd;
 border-radius:4px
}
@media (max-width:1023px) {
 .proxy-detail .case-detail-hd .container:after {
  width:30px;
  height:3px;
  border-radius:3px
 }
}
.proxy-detail .case-detail-hd .container .case-title {
 font-size:40px;
 font-weight:700;
 line-height:40px;
 text-align:left;
 margin-bottom:24px
}
@media (max-width:1279px) {
 .proxy-detail .case-detail-hd .container .case-title {
  font-size:32px;
  margin-bottom:14px;
  line-height:48px
 }
}
@media (max-width:1023px) {
 .proxy-detail .case-detail-hd .container .case-title {
  font-size:24px;
  line-height:42px;
  margin-bottom:12px
 }
}
.proxy-detail .case-detail-hd .container .case-brand {
 font-size:24px;
 line-height:28px;
 text-align:left;
 margin-bottom:32px
}
@media (max-width:1279px) {
 .proxy-detail .case-detail-hd .container .case-brand {
  font-size:20px;
  line-height:24px;
  margin-bottom:24px
 }
}
@media (max-width:1023px) {
 .proxy-detail .case-detail-hd .container .case-brand {
  font-size:16px;
  line-height:16px;
  margin-bottom:22px
 }
}
@media (max-width:1279px) {
 .proxy-detail .case-detail-hd .container {
  padding:100px 50px 0 50px
 }
}
@media (max-width:1023px) {
 .proxy-detail .case-detail-hd .container {
  padding:32px 20px 0 20px
 }
}
.proxy-detail .proxy-title {
 margin-bottom:30px;
 height:20px;
 line-height:20px;
 font-size:28px;
 font-weight:700
}
@media (max-width:1023px) {
 .proxy-detail .proxy-title {
  font-size:22px
 }
}
.proxy-detail .proxy-content {
 margin-bottom:30px;
 line-height:25px
}
.proxy-detail .proxy-content .proxy-name {
 margin-right:35px
}
.proxy-detail .proxy-content .proxy-phone {
 color:#296bef
}
.proxy-detail .info-block {
 display:inline-block;
 font-size:0;
 vertical-align:sub;
 font-weight:700;
 color:#000
}
.proxy-detail .info-block span {
 display:inline-block;
 font-size:18px
}
@media (max-width:1023px) {
 .proxy-detail .info-block span {
  font-size:16px
 }
}
.proxy-detail .info-block .info-num {
 font-size:18px;
 color:#0b1531
}
@media (max-width:1023px) {
 .proxy-detail .info-block .info-num {
  font-size:16px
 }
}
.proxy-detail .proxy-infocontent {
 line-height:25px
}
.proxy-detail .qua {
 margin-bottom:95px;
 padding:0 135px
}
@media (max-width:1023px) {
 .proxy-detail .qua {
  padding:0;
  margin-bottom:80px
 }
}
.proxy-detail .qua .big-proxy {
 position:relative;
 width:100%;
 height:595px;
 border:1px solid #e7e7e7;
 display:flex;
 justify-content:center;
 align-items:center;
 overflow:hidden
}
.proxy-detail .qua .big-proxy img {
 max-width:100%;
 max-height:100%
}
@media (max-width:1023px) {
 .proxy-detail .qua .big-proxy {
  height:auto
 }
}
.proxy-detail .qua .big-proxy .num-block {
 position:absolute;
 display:inline-block;
 width:53px;
 height:40px;
 line-height:40px;
 right:19px;
 top:11px;
 color:#fff;
 font-size:14px;
 text-align:center;
 background-color:#a3adcd;
 z-index:1;
 border-radius:7px
}
@media (max-width:1279px) {
 .proxy-detail .qua .big-proxy .num-block {
  width:45px;
  height:37px;
  font-size:12px;
  top:20px;
  right:16px
 }
}
.proxy-detail .qua .proxy-choosen {
 position:relative;
 padding:20px 56px
}
.proxy-detail .qua .proxy-choosen .choosen-block {
 width:100%;
 box-sizing:border-box;
 white-space:nowrap;
 overflow:hidden;
 display:inline-block;
 font-size:0
}
.proxy-detail .qua .proxy-choosen .choose {
 display:inline-block;
 margin-right:10px;
 width:135px;
 height:100px;
 border:1px solid #e7e7e7;
 box-sizing:border-box;
 cursor:pointer;
 overflow:hidden
}
@media (max-width:1279px) {
 .proxy-detail .qua .proxy-choosen .choose {
  width:120px;
  height:85px
 }
}
.proxy-detail .qua .proxy-choosen .choose:hover {
 border-color:#296aef
}
.proxy-detail .qua .proxy-choosen .choose:last-child {
 margin-right:0
}
.proxy-detail .qua .proxy-choosen .choose img {
 width:100%
}
.proxy-detail .qua .proxy-choosen .choose.choosen {
 border-color:#296aef
}
.proxy-detail .qua .proxy-choosen .left-choose,
.proxy-detail .qua .proxy-choosen .right-choose {
 position:absolute;
 top:50px;
 box-sizing:border-box;
 display:flex;
 justify-content:center;
 align-items:center;
 width:40px;
 height:40px;
 border-radius:50%;
 border:2px solid rgba(44,144,255,.1);
 cursor:pointer;
 transition:all .2s linear
}
.proxy-detail .qua .proxy-choosen .left-choose img,
.proxy-detail .qua .proxy-choosen .right-choose img {
 content:url(https://www.gztenwin.com/skin/images/service/swiper_arr_default.png)
}
.proxy-detail .qua .proxy-choosen .left-choose:hover,
.proxy-detail .qua .proxy-choosen .right-choose:hover {
 border-color:#296aef
}
.proxy-detail .qua .proxy-choosen .left-choose:hover img,
.proxy-detail .qua .proxy-choosen .right-choose:hover img {
 content:url(https://www.gztenwin.com/skin/images/service/swiper_arr_active.png)
}
.proxy-detail .qua .proxy-choosen .left-choose img,
.proxy-detail .qua .proxy-choosen .right-choose img {
 display:inline-block;
 width:40%;
 height:40%;
 transition:all .2s linear
}
.proxy-detail .qua .proxy-choosen .left-choose.disabled,
.proxy-detail .qua .proxy-choosen .right-choose.disabled {
 opacity:.5;
 cursor:default
}
.proxy-detail .qua .proxy-choosen .left-choose.disabled:hover,
.proxy-detail .qua .proxy-choosen .right-choose.disabled:hover {
 border-color:rgba(44,144,255,.1)
}
.proxy-detail .qua .proxy-choosen .left-choose.disabled:hover img,
.proxy-detail .qua .proxy-choosen .right-choose.disabled:hover img {
 content:normal
}
@media (max-width:1279px) {
 .proxy-detail .qua .proxy-choosen .left-choose,
 .proxy-detail .qua .proxy-choosen .right-choose {
  width:32px;
  height:32px
 }
}
.proxy-detail .qua .proxy-choosen .left-choose {
 left:0;
 -webkit-transform:rotateZ(180deg);
 -ms-transform:rotate(180deg);
 transform:rotateZ(180deg)
}
.proxy-detail .qua .proxy-choosen .right-choose {
 right:0
}
.proxy-detail .proxy-code {
 font-weight:700;
 margin-bottom:15px
}
@media (max-width:1023px) {
 .proxy-detail .proxy-code {
  text-align:center
 }
}
.proxy-detail .code-block {
 display:inline-block;
 width:160px;
 height:160px;
 padding:10px;
 border:1px solid #e7e7e7
}
@media (max-width:1023px) {
 .proxy-detail .code-block {
  margin:0 auto;
  display:block
 }
}
.proxy-detail .code-block img {
 width:100%
}
.scroll-height {
 max-height:300px;
 overflow-y:scroll
}
@media (max-width:1023px) {
 .service_hide .wrapper {
  background-color:#fff;
  margin-top:64px
 }
}
.proxy_guide_xs {
 visibility:hidden;
 margin-top:56px
}
@media (max-width:1279px) {
 .proxy_guide_xs {
  margin-top:48px
 }
}
@media (max-width:1023px) {
 .proxy_guide_xs {
  margin-top:68px;
  visibility:visible
 }
}
.proxy_nav {
 z-index:2;
 position:relative;
 width:1200px;
 margin:0 auto;
 top:20px
}
@media (max-width:1279px) {
 .proxy_nav {
  width:100%;
  top:0
 }
}
@media (max-width:1023px) {
 .proxy_nav {
  width:100%
 }
}
.proxy_nav>div {
 display:flex;
 align-items:center;
 padding-left:50px
}
@media (max-width:1279px) {
 .proxy_nav>div {
  padding-left:50px
 }
}
.proxy_nav>div>span {
 display:block;
 padding:8px 12px;
 background-color:#e5f0ff;
 border-radius:4px;
 color:#296bef;
 font-size:14px;
 position:relative;
 margin-right:28px;
 line-height:14px;
 transition:all .2s linear;
 cursor:pointer
}
.proxy_nav>div>span:hover {
 background-color:#296bef;
 color:#fff
}
@media (max-width:1279px) {
 .proxy_nav>div>span {
  padding:6px 10px;
  font-size:12px;
  line-height:12px
 }
}
.proxy_nav>div>span:not(:last-of-type):after {
 content:"";
 display:block;
 width:6px;
 height:10px;
 background:url(https://www.gztenwin.com/skin/images/service/arr_right.png) no-repeat center/contain;
 position:absolute;
 right:-18px;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
@media (max-width:1023px) {
 .proxy_nav {
  display:none
 }
}
.wechat-new .solution-hd {
 width:100%;
 height:0;
 position:relative;
 color:#fff;
 line-height:1
}
.wechat-new .solution-hd .solution-title {
 position:absolute;
 top:0;
 right:0;
 height:150px;
 left:0;
 bottom:0;
 margin:auto;
 text-align:center
}
.wechat-new .solution-hd .solution-title h1 {
 font-size:40px;
 letter-spacing:.1em;
 margin-bottom:40px
}
.wechat-new .solution-hd .solution-title a {
 font-size:18px;
 width:-webkit-max-content;
 width:-moz-max-content;
 width:max-content;
 line-height:45px;
 height:45px;
 border-radius:2px;
 background-color:#0088e5
}
.wechat-new .solution-hd .solution-title a:hover {
 color:#fff;
 border-color:#006eb5!important;
 background-color:#006eb5!important
}
.wechat-new .solution-hd .wechat-button {
 margin-top:40px
}
.wechat-new .solution-showList {
 width:1200px;
 margin:0 auto
}
.wechat-new .solution-showList a {
 cursor:pointer
}
.wechat-new .solution-showTabs {
 text-align:center;
 overflow:hidden;
 position:relative
}
.wechat-new .solution-showTabs:before {
 content:"";
 width:100%;
 height:1px;
 background:#ebe9e9;
 position:absolute;
 left:0;
 bottom:0
}
.wechat-new .solution-showTabs.tabs-4>a {
 display:inline-block;
 margin:0 60px;
 color:#000;
 font-size:18px;
 margin-bottom:15px;
 position:relative
}
.wechat-new .solution-showTabs>a.active,
.wechat-new .solution-showTabs>a:hover {
 color:#008de8
}
.wechat-new .solution-showTabs>a.active:after,
.wechat-new .solution-showTabs>a:hover:after {
 -webkit-transform:scaleX(1);
 -ms-transform:scaleX(1);
 transform:scaleX(1);
 background-color:#008de8
}
.wechat-new .solution-showTabs>a.active:after,
.wechat-new .solution-showTabs>a:hover:after {
 -webkit-transform:scaleX(1);
 -ms-transform:scaleX(1);
 transform:scaleX(1);
 background-color:#008de8
}
.wechat-new .solution-showTabs>a:after {
 position:absolute;
 left:0;
 bottom:-15px;
 height:3px;
 width:100%;
 content:" ";
 background-color:#008de8;
 background-color:transparent\9;
 -webkit-transform:scaleX(0);
 -ms-transform:scaleX(0);
 transform:scaleX(0);
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
.wechat-new .choose-business {
 padding-top:60px;
 background-color:#fff
}
.wechat-new .source-description {
 padding:60px 0
}
.wechat-new .source-description .description-word {
 padding-top:24px
}
.wechat-new .wechat-business-info {
 background-color:#f9f9f9
}
.wechat-new .scene-phone .scene-pic {
 background-image:url(https://www.gztenwin.com/skin/images/source/bg-phoneall.png);
 background-image:-webkit-image-set(url(https://www.gztenwin.com/skin/images/source/bg-phoneall.png) 1x,url(../images/source/bg-phoneall@2x.png) 2x);
 width:292px;
 height:596px
}
.wechat-new .scene-phone .scene-pic .scene-paper {
 width:260px;
 height:461px;
 margin-top:60px
}
.wechat-new .news-scene {
 padding:60px 0
}
.wechat-new .scene .scene-item {
 margin-top:60px;
 border:0
}
.wechat-new .purchase-way {
 padding-top:50px
}
.wechat-new .purchase-content,
.wechat-new .purchase-contentmore {
 width:900px;
 margin:0 auto;
 padding-top:60px;
 padding-bottom:50px
}
.wechat-new .purchase-contentmore {
 width:1200px
}
.wechat-new .description-list ul {
 overflow:hidden
}
.wechat-new .wechat-buyway {
 text-align:center
}
.wechat-new .wechat-buyway .buyway-border {
 margin:0 120px;
 opacity:.2;
 display:inline-block;
 height:256px;
 width:1px;
 background-color:#979797
}
.wechat-new .wechat-buyway .buyway-list {
 padding-left:20px
}
.wechat-new .wechat-buyway .buyway-list li {
 margin-bottom:10px;
 list-style-type:disc
}
.wechat-new .description-list li h4 {
 margin:20px 0
}
.wechat-new .wechat-icon {
 display:inline-block;
 background:url(https://www.gztenwin.com/skin/images/wechat/wechat_sprites.png) no-repeat;
 height:48px;
 width:48px
}
.wechat-new .brand-icon {
 background-position:-96px -48px
}
.wechat-new .shop-icon {
 background-position:0 -48px
}
.wechat-new .info-icon {
 background-position:0 0
}
.wechat-new .product-icon {
 background-position:0 -96px
}
.wechat-new .app-icon {
 background-position:-144px -96px
}
.wechat-new .coupon-icon {
 background-position:0 -144px
}
.wechat-new .public-icon {
 background-position:-96px 0
}
.wechat-new .game-icon {
 background-position:-96px -144px
}
.wechat-new .choosecsae-block {
 margin-top:40px
}
.wechat-new .choosecsae-block .choose-list {
 width:1200px;
 margin:0 auto;
 display:flex;
 justify-content:center
}
.wechat-new .choosecsae-block .choose-list li {
 position:relative;
 display:inline-block;
 margin-right:12px;
 width:140px;
 padding:20px 0;
 border:1px solid #e0e0e0;
 text-align:center;
 box-sizing:border-box;
 font-size:18px;
 cursor:pointer
}
.wechat-new .choosecsae-block .choose-list li:last-child {
 margin-right:0
}
.wechat-new .choosecsae-block .choose-list li::after {
 display:none;
 content:'';
 position:absolute;
 bottom:-6px;
 left:50%;
 -webkit-transform:translateX(-50%) rotate(-45deg);
 -ms-transform:translateX(-50%) rotate(-45deg);
 transform:translateX(-50%) rotate(-45deg);
 width:8px;
 height:8px;
 border-left:2px solid #008de8;
 border-bottom:2px solid #008de8;
 background-color:#f9f9f9
}
.wechat-new .choosecsae-block .choose-list li.active,
.wechat-new .choosecsae-block .choose-list li:hover {
 border:2px solid #008de8;
 color:#008de8
}
.wechat-new .choosecsae-block .choose-list li.active::after,
.wechat-new .choosecsae-block .choose-list li:hover::after {
 display:inline-block
}
.wechat-new .choosecsae-block .choose-list li.active .brand-icon,
.wechat-new .choosecsae-block .choose-list li:hover .brand-icon {
 background-position:-144px -48px
}
.wechat-new .choosecsae-block .choose-list li.active .shop-icon,
.wechat-new .choosecsae-block .choose-list li:hover .shop-icon {
 background-position:-48px -48px
}
.wechat-new .choosecsae-block .choose-list li.active .info-icon,
.wechat-new .choosecsae-block .choose-list li:hover .info-icon {
 background-position:-48px 0
}
.wechat-new .choosecsae-block .choose-list li.active .product-icon,
.wechat-new .choosecsae-block .choose-list li:hover .product-icon {
 background-position:-48px -96px
}
.wechat-new .choosecsae-block .choose-list li.active .app-icon,
.wechat-new .choosecsae-block .choose-list li:hover .app-icon {
 background-position:-96px -96px
}
.wechat-new .choosecsae-block .choose-list li.active .coupon-icon,
.wechat-new .choosecsae-block .choose-list li:hover .coupon-icon {
 background-position:-48px -144px
}
.wechat-new .choosecsae-block .choose-list li.active .public-icon,
.wechat-new .choosecsae-block .choose-list li:hover .public-icon {
 background-position:-144px 0
}
.wechat-new .choosecsae-block .choose-list li.active .game-icon,
.wechat-new .choosecsae-block .choose-list li:hover .game-icon {
 background-position:-144px -144px
}
.wechat-new .description-item {
 display:inline-block;
 text-align:left;
 vertical-align:top
}
.noshow {
 display:none
}
.solution-fixed {
 background:#fff;
 width:240px;
 z-index:9999;
 position:fixed;
 right:0;
 bottom:0;
 border:1px #dcdcdc solid
}
.solution-fixed .solution-fixedTitle {
 transition:all .5s linear;
 background:#f1f1f1;
 cursor:pointer;
 border-bottom:1px #dcdcdc solid;
 height:60px;
 font-size:14px;
 letter-spacing:.05em;
 line-height:60px;
 text-align:center;
 position:relative
}
.solution-fixed .solution-fixedTitle span {
 display:block;
 position:absolute;
 top:50%;
 right:7%;
 margin-top:-15px;
 width:30px;
 height:30px
}
.solution-fixed .solution-fixedTitle .solution-fixedUp {
 background:url(https://www.gztenwin.com/skin/images/solution/fixed_up.png) center no-repeat
}
.solution-fixed .solution-fixedTitle .solution-fixedDown {
 background:url(https://www.gztenwin.com/skin/images/solution/fixed_down.png) center no-repeat
}
.solution-fixed .solution-fixedBox {
 height:180px;
 padding:20px;
 box-sizing:border-box;
 position:relative
}
.solution-fixed .solution-fixedBox a {
 position:absolute;
 margin:0 auto;
 left:0;
 right:0;
 width:200px;
 height:50px;
 padding:0 15px;
 text-align:center;
 box-sizing:border-box;
 font-size:16px;
 line-height:50px;
 border-radius:5px
}
.solution-fixed .solution-fixedBox a:hover {
 color:#fff;
 border-color:#006eb5!important;
 background-color:#006eb5!important
}
.solution-fixed .solution-fixedBox .solution-fixedText {
 width:100%;
 color:#666;
 text-align:center;
 margin-bottom:5px;
 font-size:14px;
 letter-spacing:.05em;
 padding-top:75px
}
.solution-fixed .solution-fixedBox .solution-fixedNum {
 width:100%;
 font-size:28px;
 font-weight:100;
 color:#3c8de1;
 text-align:center
}
.pcbanner-block {
 position:relative;
 height:600px;
 background-image:url(https://www.gztenwin.com/skin/images/new/pc_bgc.jpg);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 overflow:hidden
}
.pcbanner-block .video-block {
 position:relative;
 height:100%
}
.pcbanner-block .covervid-video {
 position:absolute;
 background:#0b1531;
 height:100%;
 width:100%;
 z-index:1;
 top:0
}
.pcbanner-block .covervid-video .video {
 height:177.77777778vh;
 left:50%;
 min-height:100%;
 min-width:100%;
 -webkit-transform:translate(-50%);
 -ms-transform:translate(-50%);
 transform:translate(-50%);
 position:absolute;
 top:-200px;
 width:177.77777778vh;
 z-index:1;
 pointer-events:none
}
.pcbanner-block video {
 -o-object-fit:cover;
 object-fit:cover
}
.pcbanner-block .banner-content {
 text-align:center;
 position:absolute;
 top:150px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 z-index:10
}
.pcbanner-block .banner-content .title {
 position:relative;
 margin-bottom:30px;
 padding-bottom:24px;
 font-size:48px;
 color:#fff;
 font-weight:500;
 line-height:1;
 letter-spacing:2px
}
@media (max-width:1279px) {
 .pcbanner-block .banner-content .title {
  margin-bottom:18px;
  padding-bottom:16px
 }
}
.pcbanner-block .banner-content .title:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:-6px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 height:6px;
 width:40px;
 background-color:#ffa601;
 border-radius:3px
}
@media (max-width:1279px) {
 .pcbanner-block .banner-content .title:after {
  height:4px;
  width:32px
 }
}
.pcbanner-block .banner-content .small-title {
 font-size:18px;
 color:#fff;
 line-height:1;
 letter-spacing:2px;
 margin:0 auto 24px
}
@media (max-width:1279px) {
 .pcbanner-block .banner-content .small-title {
  margin:0 auto 18px
 }
}
.pcbanner-block .banner-content .sub-title {
 margin:0 auto 40px;
 width:470px;
 color:#fff;
 line-height:1.5;
 letter-spacing:1px;
 font-size:16px
}
.pcbanner-block .banner-content .pre-button {
 box-sizing:border-box;
 display:inline-block;
 height:58px;
 line-height:58px;
 border-radius:29px;
 padding:0 40px;
 color:#fff;
 font-size:18px;
 background:#ffa601
}
.pcbanner-block .banner-content .pre-button:hover {
 background-color:#fa8d01
}
@media (max-width:1279px) {
 .pcbanner-block {
  height:450px
 }
 .pcbanner-block .banner-content {
  top:95px
 }
 .pcbanner-block .banner-content .title {
  font-size:40px
 }
 .pcbanner-block .banner-content .small-title {
  font-size:16px
 }
 .pcbanner-block .banner-content .sub-title {
  font-size:14px
 }
 .pcbanner-block .banner-content .pre-button {
  height:52px;
  line-height:52px;
  font-size:14px
 }
}
@media (max-width:1023px) {
 .pcbanner-block {
  display:none
 }
}
.index-block {
 position:relative
}
.index-block .index-radius {
 position:absolute;
 top:-60px;
 left:0;
 height:60px;
 width:100%;
 overflow:hidden;
 z-index:10
}
.index-block .index-radius .radius-pr {
 position:relative;
 height:100%
}
.index-block .index-radius .radius-block {
 position:absolute;
 bottom:-80px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 width:160%;
 height:600%;
 border:80px solid #f5f9ff;
 border-radius:96%
}
@media (max-width:1023px) {
 .index-block .index-radius .radius-block {
  width:240%
 }
}
.new-index .index-part {
 box-sizing:border-box;
 height:600px;
 text-align:center
}
@media (max-width:1279px) {
 .new-index .index-part {
  height:450px
 }
}
.new-index .index-part .part-body {
 display:flex;
 box-sizing:border-box;
 width:1200px;
 height:100%;
 margin:0 auto;
 justify-content:space-between;
 align-items:center
}
.new-index .index-part .part-body .part-img {
 order:1;
 width:684px
}
.new-index .index-part .part-body .part-img img {
 width:100%
}
.new-index .index-part .part-body .part-content {
 order:0;
 text-align:left
}
.new-index .index-part .part-body .part-content .part-target {
 margin-bottom:16px;
 font-size:16px;
 color:#ffa601;
 line-height:1
}
@media (max-width:1279px) {
 .new-index .index-part .part-body .part-content .part-target {
  margin-bottom:14px;
  font-size:14px
 }
}
.new-index .index-part .part-body .part-content .part-title {
 position:relative;
 margin-bottom:28px;
 padding-bottom:30px;
 font-size:36px;
 color:#0b1531;
 font-weight:500;
 letter-spacing:1.5px
}
.new-index .index-part .part-body .part-content .part-title:after {
 content:'';
 display:inline-block;
 position:absolute;
 left:0;
 bottom:0;
 width:40px;
 height:6px;
 background-color:#ffa601;
 border-radius:3px
}
@media (max-width:1279px) {
 .new-index .index-part .part-body .part-content .part-title {
  margin-bottom:20px;
  padding-bottom:20px;
  font-size:32px
 }
 .new-index .index-part .part-body .part-content .part-title:after {
  width:32px;
  height:4px
 }
}
.new-index .index-part .part-body .part-content .part-content {
 display:inline-block;
 width:470px;
 margin-bottom:32px;
 font-size:16px;
 line-height:2;
 color:#6b7799
}
@media (max-width:1279px) {
 .new-index .index-part .part-body .part-content .part-content {
  font-size:14px;
  margin-bottom:24px
 }
}
.new-index .index-part:nth-child(odd) {
 background-color:#f5f9ff
}
.new-index .index-part:nth-child(even) {
 background-color:#fff
}
.new-index .index-part:nth-child(even) .part-body .part-img {
 order:0
}
.new-index .index-part:nth-child(even) .part-body .part-content {
 order:1
}
.new-index .part-list li {
 margin-bottom:20px
}
.new-index .part-list li:last-child {
 margin-bottom:0
}
.new-index .part-list p {
 margin-bottom:10px;
 font-weight:500;
 font-size:18px;
 color:#0b1531
}
.new-index .part-list div {
 font-size:16px;
 color:#6b7799
}
@media (max-width:1279px) {
 .new-index .index-part .part-body {
  width:1000px
 }
 .new-index .index-part .part-body .part-img {
  width:513px
 }
}
@media (max-width:1023px) {
 .pc-part {
  display:none
 }
}
.m-part {
 display:none
}
@media (max-width:1023px) {
 .m-part {
  display:block
 }
}
.m-part .index-part {
 box-sizing:border-box;
 text-align:center;
 padding:50px 20px 0;
 height:inherit
}
.m-part .index-part .part-body {
 display:block;
 box-sizing:border-box;
 height:100%;
 width:auto;
 margin:0 auto
}
.m-part .index-part .part-body .part-img {
 width:100%;
 max-width:430px;
 margin:0 auto;
 box-sizing:border-box
}
.m-part .index-part .part-body .part-img img {
 width:100%
}
.m-part .index-part .part-body .part-content {
 text-align:left
}
.m-part .index-part .part-body .part-content .part-target {
 margin-bottom:12px;
 font-size:16px;
 color:#ffa601
}
.m-part .index-part .part-body .part-content .part-title {
 position:relative;
 margin-bottom:16px;
 padding-bottom:16px;
 font-size:22px;
 color:#0b1531;
 font-weight:500;
 letter-spacing:1.5px
}
.m-part .index-part .part-body .part-content .part-title:after {
 content:'';
 display:inline-block;
 position:absolute;
 left:0;
 bottom:0;
 height:4px;
 width:24px;
 background-color:#ffa601;
 border-radius:3px
}
.m-part .index-part .part-body .part-content .part-content {
 display:inline-block;
 width:100%;
 margin-bottom:24px;
 font-size:12px;
 line-height:2;
 color:#6b7799
}
.m-part .index-part:nth-child(odd) {
 background-color:#f5f9ff
}
.m-part .index-part:nth-child(even) {
 background-color:#fff
}
.m-part .part-list li {
 margin-bottom:20px
}
.m-part .part-list li:last-child {
 margin-bottom:0
}
.m-part .part-list p {
 margin-bottom:10px;
 font-weight:500;
 font-size:18px;
 color:#0b1531
}
.m-part .part-list div {
 font-size:16px;
 color:#6b7799
}
.btn-erea {
 padding-top:30px;
 text-align:center
}
.pcswiper-part {
 position:relative;
 height:1000px;
 box-sizing:border-box;
 background-color:#f5f9ff
}
@media (max-width:1023px) {
 .pcswiper-part {
  display:none
 }
}
.pcswiper-part .swiper-radius {
 position:absolute;
 top:-60px;
 left:0;
 height:60px;
 width:100%;
 overflow:hidden
}
.pcswiper-part .swiper-radius .radius-pr {
 position:relative;
 height:100%
}
.pcswiper-part .swiper-radius .radius-block {
 position:absolute;
 top:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 width:160%;
 height:600%;
 border:80px solid #f5f9ff;
 border-radius:96%
}
@media (max-width:1023px) {
 .pcswiper-part .swiper-radius .radius-block {
  width:190%
 }
}
.pcswiper-part .swiper-indexcontain {
 position:relative
}
.pcswiper-part .swiper-body {
 position:relative;
 width:1280px;
 margin:0 auto;
 padding:16px 0 0
}
.pcswiper-part .swiper-body .case-tolTittle {
 margin-bottom:16px;
 font-size:16px;
 color:#ffa601;
 text-align:center
}
.pcswiper-part .swiper-body .case-tolContent {
 margin-bottom:56px;
 position:relative;
 padding-bottom:28px;
 font-size:36px;
 color:#0b1531;
 text-align:center;
 font-weight:500
}
.pcswiper-part .swiper-body .case-tolContent:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 height:6px;
 width:40px;
 background-color:#ffa601;
 border-radius:3px
}
@media (max-width:1279px) {
 .pcswiper-part .swiper-body .case-tolContent:after {
  height:4px;
  width:32px
 }
}
.pcswiper-part .swiper-body .swiper-one {
 background-image:url(https://www.gztenwin.com/skin/images/new/swiper-bg.png);
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat
}
.pcswiper-part .swiper-index {
 position:relative;
 width:1280px;
 margin:0 auto;
 height:550px;
 overflow:hidden
}
.pcswiper-part .swiper-index .swiper-slide .case-swiper {
 margin:0 auto;
 width:1200px;
 height:468px;
 background-color:#fff;
 border-radius:12px;
 border:1px solid rgba(44,114,255,.1);
 box-shadow:0 4px 20px rgba(44,114,255,.08);
 overflow:hidden
}
.pcswiper-part .swiper-index .swiper-slide .case-body {
 display:block;
 font-size:0
}
.pcswiper-part .swiper-index .swiper-slide .case-body .case-img {
 height:468px;
 width:528px;
 display:inline-block
}
.pcswiper-part .swiper-index .swiper-slide .case-body .case-main {
 padding:56px;
 display:inline-block;
 width:650px;
 height:468px;
 vertical-align:top;
 box-sizing:border-box
}
@media (max-width:1279px) {
 .pcswiper-part .swiper-index .swiper-slide .case-body .case-main .new-btn {
  height:42px;
  line-height:42px;
  padding:0 24px
 }
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-img {
 margin-bottom:48px
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-img img {
 width:317px
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-title {
 margin-bottom:14px;
 font-size:24px;
 font-weight:500;
 color:#0b1531;
 letter-spacing:1.5;
 line-height:1
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-content {
 margin-bottom:24px;
 font-size:16px;
 color:#6b7799;
 letter-spacing:1
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-data {
 margin-bottom:40px
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-data .data-left {
 margin-right:32px;
 display:inline-block;
 font-size:16px
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-data .data-right {
 font-size:16px;
 display:inline-block;
 padding-left:32px;
 border-left:1px solid #e0eaff
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-data .data-title {
 margin-bottom:12px;
 display:flex;
 justify-content:center;
 align-items:baseline;
 color:#296bef;
 font-weight:500
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-data .data-title p {
 margin-right:4px;
 font-size:32px;
 color:#296bef
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-data .data-title i {
 font-size:16px;
 font-style:normal
}
.pcswiper-part .swiper-index .swiper-slide .case-body .brand-data p {
 color:#6b7799;
 text-align:center
}
.pcswiper-part .swiper-index .swiper-button-next,
.pcswiper-part .swiper-index .swiper-button-prev,
.pcswiper-part .swiper-index .swiper-container-rtl .swiper-button-next,
.pcswiper-part .swiper-index .swiper-container-rtl .swiper-button-prev {
 background-image:url(https://www.gztenwin.com/skin/images/new/swiper-button.png);
 background-size:102px auto;
 width:102px;
 height:104px;
 margin-top:0;
 top:30%;
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%)
}
.pcswiper-part .swiper-index .swiper-button-next,
.pcswiper-part .swiper-index .swiper-container-rtl .swiper-button-prev {
 -webkit-transform:rotate(180deg) translateX(-100%);
 -ms-transform:rotate(180deg) translateX(-100%);
 transform:rotate(180deg) translateX(-100%)
}
.pcswiper-part .swiper-index .swiper-pagination-bullet {
 opacity:1
}
.pcswiper-part .swiper-pagination {
 text-align:center
}
.pcswiper-part .swiper-pagination>span {
 cursor:pointer;
 display:inline-block;
 background:#c4d4f5;
 width:14px;
 height:8px;
 border-radius:12px;
 margin:0 4px;
 transition:all .4s
}
.pcswiper-part .swiper-pagination>span.swiper-pagination-bullet-active {
 width:28px;
 background:#ffa601
}
@media (max-width:1279px) {
 .pcswiper-part {
  height:760px
 }
 .pcswiper-part .swiper-body {
  width:980px
 }
 .pcswiper-part .swiper-body .swiper-slide .case-swiper {
  width:830px;
  height:334px
 }
 .pcswiper-part .swiper-index {
  width:1000px;
  height:410px
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body {
  display:block;
  font-size:0
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .case-img {
  height:334px;
  width:346px;
  display:inline-block
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .case-img img {
  width:100%
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .case-main {
  padding:32px;
  display:inline-block;
  width:482px;
  height:334px;
  vertical-align:top;
  box-sizing:border-box
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-img {
  margin-bottom:24px
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-img img {
  width:238px
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-title {
  margin-bottom:8px;
  font-size:20px;
  font-weight:500;
  color:#0b1531
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-content {
  margin-bottom:12px;
  font-size:14px;
  color:#6b7799;
  height:60px
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-data {
  margin-bottom:24px
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-data .data-left {
  margin-right:24px;
  display:inline-block;
  font-size:14px
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-data .data-right {
  font-size:14px;
  padding-left:24px;
  border-left:1px solid #e0eaff
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-data .data-title {
  margin-bottom:10px;
  display:flex;
  justify-content:center;
  align-items:baseline;
  color:#296bef;
  font-weight:500
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-data .data-title p {
  margin-right:4px;
  font-size:28px;
  color:#296bef
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-data .data-title i {
  font-size:14px;
  font-style:normal
 }
 .pcswiper-part .swiper-index .swiper-slide .case-body .brand-data p {
  color:#6b7799
 }
}
.mswiper-part {
 display:none;
 position:relative;
 height:auto;
 padding-bottom:40px;
 box-sizing:border-box;
 background-color:#f5f9ff
}
@media (max-width:1023px) {
 .mswiper-part {
  display:block
 }
}
.mswiper-part .swiper-radius {
 position:absolute;
 top:-60px;
 left:0;
 height:60px;
 width:100%;
 overflow:hidden
}
.mswiper-part .swiper-radius .radius-pr {
 position:relative;
 height:100%
}
.mswiper-part .swiper-radius .radius-block {
 position:absolute;
 top:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 width:150%;
 height:600%;
 border:80px solid #f5f9ff;
 border-radius:96%
}
@media (max-width:1023px) {
 .mswiper-part .swiper-radius .radius-block {
  width:240%
 }
}
.mswiper-part .swiper-indexcontain {
 position:relative
}
.mswiper-part .swiper-wrapper {
 padding:0 20px
}
.mswiper-part .swiper-body {
 position:relative;
 top:-20px;
 width:auto;
 margin:0 auto;
 padding:0
}
.mswiper-part .swiper-body .case-tolTittle {
 margin-bottom:12px;
 font-size:12px;
 color:#ffa601;
 text-align:center
}
.mswiper-part .swiper-body .case-tolContent {
 margin-bottom:32px;
 position:relative;
 padding-bottom:16px;
 font-size:22px;
 color:#0b1531;
 text-align:center;
 font-weight:500
}
.mswiper-part .swiper-body .case-tolContent:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 height:4px;
 width:24px;
 background-color:#ffa601;
 border-radius:3px
}
.mswiper-part .mswiper-index {
 position:relative;
 width:100%;
 margin:0 auto;
 height:auto;
 overflow:hidden
}
.mswiper-part .mswiper-index .m-img {
 width:100%;
 height:180px
}
.mswiper-part .mswiper-index .swiper-slide .case-swiper {
 margin:0 auto;
 width:auto;
 height:auto;
 background-color:#fff;
 border-radius:12px;
 border:1px solid rgba(44,114,255,.1);
 box-shadow:0 4px 20px rgba(44,114,255,.08);
 overflow:hidden
}
.mswiper-part .mswiper-index .swiper-slide .case-body {
 display:block
}
.mswiper-part .mswiper-index .swiper-slide .case-body .mswiper-one {
 background-image:url(https://www.gztenwin.com/skin/images/new/swiper-bg.png);
 background-position:top;
 background-size:cover;
 background-repeat:no-repeat;
 width:100%;
 height:180px
}
.mswiper-part .mswiper-index .swiper-slide .case-body .case-main {
 padding:24px 20px 0
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-img {
 margin-bottom:20px
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-img img {
 width:100%
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-title {
 margin-bottom:14px;
 font-size:16px;
 font-weight:500;
 color:#0b1531;
 letter-spacing:1px;
 height:44px
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-content {
 margin-bottom:24px;
 font-size:15px;
 color:#6b7799
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-data {
 margin-bottom:25px;
 text-align:center
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-data .data-left {
 display:inline-block
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-data .data-left p {
 font-size:12px
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-data .data-right {
 display:inline-block;
 margin-left:16px;
 padding-left:16px;
 border-left:1px solid #e0eaff
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-data .data-right p {
 font-size:12px
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-data .data-title {
 margin-bottom:4px;
 display:flex;
 justify-content:center;
 align-items:baseline;
 color:#296bef;
 font-weight:500
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-data .data-title p {
 margin-right:2px;
 font-size:28px;
 color:#296bef
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-data .data-title i {
 font-size:12px;
 font-style:normal
}
.mswiper-part .mswiper-index .swiper-slide .case-body .brand-data p {
 color:#6b7799
}
.mswiper-part .mswiper-index .swiper-button-next,
.mswiper-part .mswiper-index .swiper-button-prev,
.mswiper-part .mswiper-index .swiper-container-rtl .swiper-button-next,
.mswiper-part .mswiper-index .swiper-container-rtl .swiper-button-prev {
 background-image:url(https://www.gztenwin.com/skin/images/new/swiper-button.png);
 background-size:102px auto;
 width:102px;
 height:104px;
 margin-top:0;
 top:30%;
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%)
}
.mswiper-part .mswiper-index .swiper-button-next,
.mswiper-part .mswiper-index .swiper-container-rtl .swiper-button-prev {
 -webkit-transform:rotate(180deg) translateX(-100%);
 -ms-transform:rotate(180deg) translateX(-100%);
 transform:rotate(180deg) translateX(-100%)
}
.mswiper-part .mswiper-index .swiper-pagination-bullet {
 opacity:1
}
.mswiper-part .swiper-pagination {
 text-align:center
}
.mswiper-part .swiper-pagination>span {
 cursor:pointer;
 display:inline-block;
 background:#c4d4f5;
 width:14px;
 height:8px;
 border-radius:12px;
 margin:0 4px;
 transition:all .4s
}
.mswiper-part .swiper-pagination>span.swiper-pagination-bullet-active {
 width:28px;
 background:#ffa601
}
.sprite_cost {
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_cost.png);
 background-size:190px auto;
 width:190px;
 height:150px
}
.pccost-manage {
 padding:80px 0 140px;
 background-color:#fff
}
@media (max-width:1023px) {
 .pccost-manage {
  display:none
 }
}
.pccost-manage .cost-title {
 text-align:center;
 margin-bottom:90px
}
.pccost-manage .cost-title .pre-title {
 margin-bottom:16px;
 font-size:16px;
 color:#ffa601;
 line-height:1
}
.pccost-manage .cost-title .title {
 position:relative;
 font-size:36px;
 color:#0b1531;
 font-weight:500;
 letter-spacing:1.5px
}
.pccost-manage .cost-title .title:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:-20px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 height:6px;
 width:40px;
 background-color:#ffa601;
 border-radius:3px
}
@media (max-width:1279px) {
 .pccost-manage .cost-title .title:after {
  height:4px;
  width:32px
 }
}
.pccost-manage .cost-info {
 margin:0 auto;
 width:1200px;
 display:flex;
 justify-content:space-between
}
.pccost-manage .cost-info .info-block {
 text-align:center
}
.pccost-manage .cost-info .info-block .info-content i {
 margin-bottom:30px
}
.pccost-manage .cost-info .info-block .info-content .title {
 margin-bottom:16px;
 font-weight:500;
 font-size:24px;
 color:#0b1531;
 letter-spacing:1.5px;
 line-height:1
}
.pccost-manage .cost-info .info-block .info-content .content {
 width:310px;
 display:inline-block;
 font-size:16px;
 line-height:1.8;
 letter-spacing:1px;
 color:#6b7799
}
.pccost-manage .cost-info .info-block .registered {
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_cost.png);
 background-size:190px auto;
 width:190px;
 height:150px;
 background-position:0 0;
 margin-bottom:32px
}
.pccost-manage .cost-info .info-block .cost {
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_cost.png);
 background-size:190px auto;
 width:190px;
 height:150px;
 background-position:0 -150px;
 margin-bottom:32px
}
.pccost-manage .cost-info .info-block .different {
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_cost.png);
 background-size:190px auto;
 width:190px;
 height:150px;
 background-position:0 -300px;
 margin-bottom:32px
}
@media (max-width:1279px) {
 .pccost-manage .cost-info {
  width:980px
 }
}
.mcost-manage {
 display:none;
 padding:50px 20px;
 background-color:#fff
}
@media (max-width:1023px) {
 .mcost-manage {
  display:block
 }
}
.mcost-manage .cost-title {
 text-align:left
}
.mcost-manage .cost-title .pre-title {
 margin-bottom:12px;
 font-size:12px;
 color:#ffa601
}
.mcost-manage .cost-title .title {
 position:relative;
 font-size:22px;
 color:#0b1531;
 font-weight:500;
 margin-bottom:16px;
 padding-bottom:16px
}
.mcost-manage .cost-title .title:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:0;
 left:0;
 height:4px;
 width:24px;
 background-color:#ffa601;
 border-radius:3px
}
.mcost-manage .cost-info {
 margin:0 auto;
 width:auto
}
.mcost-manage .cost-info .info-block {
 margin-bottom:20px;
 display:flex;
 justify-content:flex-start;
 align-items:center
}
.mcost-manage .cost-info .info-block .info-content {
 text-align:left;
 flex:1
}
.mcost-manage .cost-info .info-block .info-content .title {
 margin-bottom:6px;
 font-weight:500;
 font-size:16px;
 color:#0b1531
}
.mcost-manage .cost-info .info-block .info-content .content {
 width:auto;
 display:inline-block;
 font-size:12px;
 line-height:inherit;
 letter-spacing:inherit;
 color:#6b7799
}
.mcost-manage .cost-info .info-block .registered {
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_cost.png);
 background-size:190px auto;
 width:190px;
 height:150px;
 background-position:0 0
}
.mcost-manage .cost-info .info-block .cost {
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_cost.png);
 background-size:190px auto;
 width:190px;
 height:150px;
 background-position:0 -75px
}
.mcost-manage .cost-info .info-block .different {
 display:inline-block;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_cost.png);
 background-size:190px auto;
 width:190px;
 height:150px;
 background-position:0 -150px
}
.mcost-manage .cost-info .info-block .cost,
.mcost-manage .cost-info .info-block .different,
.mcost-manage .cost-info .info-block .registered {
 margin-right:10px;
 background-size:95px auto;
 width:95px;
 height:75px
}
.mbanner-block {
 display:none;
 height:310px;
 background-image:url(https://www.gztenwin.com/skin/images/new/pc_bgc.jpg);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
.mbanner-block .banner-content {
 padding-top:60px;
 text-align:center
}
.mbanner-block .banner-content .title {
 position:relative;
 margin-bottom:20px;
 padding-bottom:12px;
 font-size:28px;
 color:#fff;
 font-weight:500
}
.mbanner-block .banner-content .title:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:-4px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 height:4px;
 width:24px;
 background-color:#ffa601;
 border-radius:3px
}
.mbanner-block .banner-content .small-title {
 font-size:14px;
 color:#fff;
 line-height:1;
 letter-spacing:2px;
 margin:0 auto 12px
}
.mbanner-block .banner-content .sub-title {
 margin:0 auto 26px;
 padding:0 56px;
 color:#fff;
 line-height:1.5;
 letter-spacing:1px;
 font-size:12px
}
.mbanner-block .banner-content .pre-button {
 box-sizing:border-box;
 display:inline-block;
 width:140px;
 height:42px;
 line-height:42px;
 border-radius:29px;
 padding:0 14px;
 color:#fff;
 font-size:14px;
 background:#ffa601
}
.mbanner-block .banner-content .pre-button:hover {
 background-color:#fa8d01
}
@media (max-width:1023px) {
 .mbanner-block {
  display:block
 }
}
.svideo-block {
 position:relative;
 height:100%;
 overflow:hidden
}
.scovervid-video {
 display:inline-block;
 height:468px;
 width:528px
}
.scovervid-video .svideo {
 pointer-events:none;
 min-height:100%;
 min-width:100%
}
.scovervid-video .img-big,
.scovervid-video .video-big {
 display:inline-block
}
.scovervid-video .img-small,
.scovervid-video .video-small {
 display:none
}
@media (max-width:1279px) {
 .scovervid-video {
  height:334px;
  width:346px
 }
 .scovervid-video .img-big,
 .scovervid-video .video-big {
  display:none
 }
 .scovervid-video .img-small,
 .scovervid-video .video-small {
  display:inline-block
 }
}
video {
 -o-object-fit:cover;
 object-fit:cover
}
.img-big {
 display:inline-block;
 width:100%
}
@media (max-width:1279px) {
 .img-big {
  display:none
 }
}
.img-small {
 display:none;
 width:100%
}
@media (max-width:1279px) {
 .img-small {
  display:inline-block
 }
}
.new-source .source-banner {
 height:420px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_banner.png);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
@media (max-width:1279px) {
 .new-source .source-banner {
  height:330px
 }
}
@media (max-width:1023px) {
 .new-source .source-banner {
  height:200px
 }
}
.new-source .index-block {
 background-color:#f5f7fa
}
.new-source .index-block .index-radius .radius-block {
 border:90px solid #f5f7fa
}
.new-source .title-block {
 padding-top:100px;
 text-align:center;
 color:#fff
}
.new-source .title-block .title {
 margin-bottom:20px;
 font-size:18px
}
.new-source .title-block .source-content {
 position:relative;
 font-size:40px;
 font-weight:500
}
.new-source .title-block .source-content:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:-20px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 height:6px;
 width:40px;
 background-color:#ffa601;
 border-radius:3px
}
@media (max-width:1279px) {
 .new-source .title-block .source-content:after {
  bottom:-15px;
  height:4px;
  width:32px
 }
}
@media (max-width:1279px) {
 .new-source .title-block {
  padding-top:70px
 }
 .new-source .title-block .source-content {
  font-size:36px
 }
 .new-source .title-block .title {
  font-size:16px
 }
}
@media (max-width:1023px) {
 .new-source .title-block {
  padding-top:30px
 }
 .new-source .title-block .source-content {
  font-size:26px
 }
 .new-source .title-block .source-content:after {
  height:5px;
  width:32px
 }
 .new-source .title-block .title {
  font-size:14px
 }
}
.new-source .source-body {
 width:1200px;
 margin:0 auto;
 padding:74px 0 80px
}
.new-source .source-body .source-list {
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap
}
.new-source .source-body .source-list li {
 margin-bottom:48px;
 width:576px;
 background:#fff;
 border-radius:12px;
 box-shadow:0 3px 16px rgba(0,116,255,.05);
 transition:all .3s;
 overflow:hidden
}
.new-source .source-body .source-list li a {
 display:inline-block;
 color:#596380
}
.new-source .source-body .source-list li .source-main {
 display:flex;
 align-items:center;
 padding:40px 52px;
 box-sizing:border-box;
 height:225px
}
.new-source .source-body .source-list li:hover {
 box-shadow:0 3px 16px rgba(0,116,255,.18)
}
.new-source .source-body .source-content {
 flex:1
}
.new-source .source-body .source-content p {
 margin-bottom:16px;
 font-size:24px;
 color:#0b1531;
 letter-spacing:1.5px;
 font-weight:500
}
.new-source .source-body .source-content div {
 font-size:16px;
 color:#596380;
 line-height:1.5;
 letter-spacing:1px
}
.new-source .source-body .source-allscript {
 display:inline-block;
 margin-right:30px;
 width:80px;
 height:80px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:80px auto;
 background-repeat:no-repeat
}
.new-source .source-body .source-wechat {
 display:inline-block;
 margin-right:30px;
 width:80px;
 height:80px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:80px auto;
 background-repeat:no-repeat;
 background-position:0 -80px
}
.new-source .source-body .source-qq {
 display:inline-block;
 margin-right:30px;
 width:80px;
 height:80px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:80px auto;
 background-repeat:no-repeat;
 background-position:0 -240px
}
.new-source .source-body .source-video {
 display:inline-block;
 margin-right:30px;
 width:80px;
 height:80px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:80px auto;
 background-repeat:no-repeat;
 background-position:0 -160px
}
.new-source .source-body .source-new {
 display:inline-block;
 margin-right:30px;
 width:80px;
 height:80px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:80px auto;
 background-repeat:no-repeat;
 background-position:0 -320px
}
.new-source .source-body .source-feeds {
 display:inline-block;
 margin-right:30px;
 width:80px;
 height:80px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:80px auto;
 background-repeat:no-repeat;
 background-position:0 -640px
}
.new-source .source-body .source-youliang {
 display:inline-block;
 margin-right:30px;
 width:80px;
 height:80px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:80px auto;
 background-repeat:no-repeat;
 background-position:0 0
}
.new-source .source-body .source-music {
 display:inline-block;
 margin-right:30px;
 width:80px;
 height:80px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:80px auto;
 background-repeat:no-repeat;
 background-position:0 -400px
}
@media (max-width:1279px) {
 .new-source .source-body {
  width:980px
 }
 .new-source .source-body .source-list li {
  width:468px
 }
 .new-source .source-body .source-list li .source-main {
  padding:32px;
  height:190px
 }
 .new-source .source-body .source-content p {
  font-size:20px;
  margin-bottom:16px
 }
 .new-source .source-body .source-content div {
  font-size:14px
 }
}
@media (max-width:1023px) {
 .new-source .pc-source {
  display:none
 }
}
.new-source .m-source {
 display:none
}
@media (max-width:1023px) {
 .new-source .m-source {
  display:block;
  padding:30px 20px 80px;
  box-sizing:border-box;
  width:inherit
 }
 .new-source .m-source .source-list {
  display:block
 }
 .new-source .m-source .source-list li {
  margin-bottom:20px;
  width:100%
 }
 .new-source .m-source .source-list li a {
  display:inline-block;
  color:#596380
 }
 .new-source .m-source .source-list li .source-main {
  display:flex;
  align-items:center;
  padding:30px 20px
 }
 .new-source .m-source .source-content p {
  font-size:16px;
  margin-bottom:14px
 }
 .new-source .m-source .source-content div {
  font-size:14px
 }
 .new-source .m-source .source-allscript {
  display:inline-block;
  margin-right:12px;
  width:50px;
  height:50px;
  background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
  background-size:50px auto;
  background-repeat:no-repeat
 }
 .new-source .m-source .source-wechat {
  display:inline-block;
  margin-right:12px;
  width:50px;
  height:50px;
  background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
  background-size:50px auto;
  background-repeat:no-repeat;
  background-position:0 -50px
 }
 .new-source .m-source .source-qq {
  display:inline-block;
  margin-right:12px;
  width:50px;
  height:50px;
  background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
  background-size:50px auto;
  background-repeat:no-repeat;
  background-position:0 -150px
 }
 .new-source .m-source .source-video {
  display:inline-block;
  margin-right:12px;
  width:50px;
  height:50px;
  background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
  background-size:50px auto;
  background-repeat:no-repeat;
  background-position:0 -100px
 }
 .new-source .m-source .source-new {
  display:inline-block;
  margin-right:12px;
  width:50px;
  height:50px;
  background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
  background-size:50px auto;
  background-repeat:no-repeat;
  background-position:0 -200px
 }
 .new-source .m-source .source-feeds {
  display:inline-block;
  margin-right:12px;
  width:50px;
  height:50px;
  background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
  background-size:50px auto;
  background-repeat:no-repeat;
  background-position:0 -400px
 }
 .new-source .m-source .source-youliang {
  display:inline-block;
  margin-right:12px;
  width:50px;
  height:50px;
  background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
  background-size:50px auto;
  background-repeat:no-repeat;
  background-position:0 0
 }
 .new-source .m-source .source-music {
  display:inline-block;
  margin-right:12px;
  width:50px;
  height:50px;
  background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
  background-size:50px auto;
  background-repeat:no-repeat;
  background-position:0 -250px
 }
}
.new-sourceinfo {
 overflow:hidden
}
.new-sourceinfo .source-bg {
 height:486px;
 background-color:#fff
}
.new-sourceinfo .source-bg .sourceinfo-body {
 display:flex;
 justify-content:space-between;
 width:1200px;
 margin:0 auto;
 padding-top:32px
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body {
 padding-top:32px;
 color:#333
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .btn-info {
 height:58px;
 line-height:58px;
 border-radius:29px;
 width:150px;
 font-size:18px;
 font-weight:400
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .info-title {
 margin-bottom:16px;
 font-size:40px;
 font-weight:500;
 letter-spacing:2px;
 color:#0b1531
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .info-content {
 display:inline-block;
 width:470px;
 margin-bottom:45px;
 font-size:16px;
 line-height:1.8;
 color:#6b7799;
 letter-spacing:1px
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .info-mcontent {
 display:none
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .source-allscript {
 display:inline-block;
 margin-bottom:5px;
 width:68px;
 height:68px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:68px auto;
 background-repeat:no-repeat
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .info-youliang {
 display:inline-block;
 margin-bottom:5px;
 width:68px;
 height:68px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:68px auto;
 background-repeat:no-repeat;
 background-position:0 0
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .info-wechat {
 display:inline-block;
 margin-bottom:5px;
 width:68px;
 height:68px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:68px auto;
 background-repeat:no-repeat;
 background-position:0 -68px
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .info-video {
 display:inline-block;
 margin-bottom:5px;
 width:68px;
 height:68px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:68px auto;
 background-repeat:no-repeat;
 background-position:0 -136px
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .info-qq {
 display:inline-block;
 margin-bottom:5px;
 width:68px;
 height:68px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:68px auto;
 background-repeat:no-repeat;
 background-position:0 -204px
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .info-news {
 display:inline-block;
 margin-bottom:5px;
 width:68px;
 height:68px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:68px auto;
 background-repeat:no-repeat;
 background-position:0 -272px
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .info-music {
 display:inline-block;
 margin-bottom:5px;
 width:68px;
 height:68px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:68px auto;
 background-repeat:no-repeat;
 background-position:0 -340px
}
.new-sourceinfo .source-bg .sourceinfo-body .info-body .info-liquid {
 display:inline-block;
 margin-bottom:5px;
 width:68px;
 height:68px;
 background-image:url(https://www.gztenwin.com/skin/images/new/sprite_newsource.png);
 background-size:68px auto;
 background-repeat:no-repeat;
 background-position:0 -540px
}
.new-sourceinfo .source-bg .sourceinfo-body .wechat-infobody {
 padding-top:114px
}
.new-sourceinfo .source-bg img {
 width:578px
}
@media (max-width:1279px) {
 .new-sourceinfo .source-bg {
  height:404px
 }
 .new-sourceinfo .source-bg .sourceinfo-body {
  width:1024px;
  padding-top:24px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body {
  padding-top:20px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-title {
  font-size:36px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-content {
  width:410px;
  font-size:14px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .btn-info {
  height:52px;
  line-height:52px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .source-allscript {
  margin-bottom:0;
  width:52px;
  height:52px;
  background-size:52px auto
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-youliang {
  margin-bottom:0;
  width:52px;
  height:52px;
  background-size:52px auto;
  background-position:0 0
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-wechat {
  margin-bottom:0;
  width:52px;
  height:52px;
  background-size:52px auto;
  background-position:0 -52px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-video {
  margin-bottom:0;
  width:52px;
  height:52px;
  background-size:52px auto;
  background-position:0 -104px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-qq {
  margin-bottom:0;
  width:52px;
  height:52px;
  background-size:52px auto;
  background-position:0 -156px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-news {
  margin-bottom:0;
  width:52px;
  height:52px;
  background-size:52px auto;
  background-position:0 -208px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-music {
  margin-bottom:0;
  width:52px;
  height:52px;
  background-size:52px auto;
  background-position:0 -260px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-liquid {
  margin-bottom:0;
  width:52px;
  height:52px;
  background-size:52px auto;
  background-position:0 -420px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .wechat-infobody {
  padding-top:104px
 }
 .new-sourceinfo .source-bg img {
  width:484px
 }
}
@media (max-width:1023px) {
 .new-sourceinfo .source-bg {
  height:auto
 }
 .new-sourceinfo .source-bg .sourceinfo-body {
  padding-top:22px;
  width:inherit;
  display:block;
  font-size:0
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body {
  padding-top:0;
  text-align:center
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-title {
  font-size:22px;
  margin-bottom:10px
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-content {
  display:none
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .info-mcontent {
  display:inline-block;
  width:auto;
  margin-bottom:24px;
  font-size:14px;
  padding:0 28px;
  line-height:1.8;
  letter-spacing:.5px;
  text-align:left
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-body .btn-info {
  display:none
 }
 .new-sourceinfo .source-bg .sourceinfo-body .info-bgc {
  display:block;
  text-align:center
 }
 .new-sourceinfo .source-bg .sourceinfo-body img {
  width:226px
 }
}
.new-sourceinfo .source-adnav {
 display:flex;
 align-items:flex-end;
 height:82px;
 box-sizing:border-box;
 background-color:#fff;
 border-top:1px solid #e0eaff;
 border-bottom:1px solid #e0eaff;
 position:relative;
 z-index:1;
 box-shadow:0 3px 16px rgba(0,116,255,.05)
}
.new-sourceinfo .source-adnav .adnav-block {
 margin:0 auto;
 width:1200px;
 display:flex;
 justify-content:center
}
.new-sourceinfo .source-adnav .adnav-block a {
 position:relative;
 margin-right:120px;
 padding-bottom:26px;
 display:inline-block;
 font-size:18px;
 color:#68779c;
 font-weight:400
}
.new-sourceinfo .source-adnav .adnav-block a:last-child {
 margin-right:0
}
.new-sourceinfo .source-adnav .adnav-block a:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:0;
 left:50%;
 height:6px;
 width:40px;
 border-radius:3px;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
@media (max-width:1279px) {
 .new-sourceinfo .source-adnav .adnav-block a:after {
  height:4px;
  width:32px
 }
}
.new-sourceinfo .source-adnav .adnav-block a.active {
 color:#296bef;
 font-weight:700
}
.new-sourceinfo .source-adnav .adnav-block a.active:after {
 background-color:#296bef
}
.new-sourceinfo .source-adnav .adnav-block a:hover {
 color:#296bef;
 font-weight:700
}
@media (max-width:1279px) {
 .new-sourceinfo .source-adnav {
  height:64px
 }
 .new-sourceinfo .source-adnav .adnav-block a {
  font-size:16px;
  margin-right:100px;
  padding-bottom:20px
 }
 .new-sourceinfo .source-adnav .adnav-block a:last-child {
  margin-right:0
 }
}
@media (max-width:1023px) {
 .new-sourceinfo .source-adnav {
  display:none
 }
}
.new-sourceinfo .msource-adnav {
 display:none;
 height:50px;
 background-color:#fff;
 border-top:1px solid #e0eaff;
 border-bottom:1px solid #e0eaff;
 overflow:hidden;
 position:relative;
 box-sizing:border-box;
 z-index:1;
 box-shadow:0 3px 16px rgba(0,116,255,.05)
}
@media (max-width:1023px) {
 .new-sourceinfo .msource-adnav {
  display:block
 }
}
.new-sourceinfo .msource-adnav .adnav-block {
 white-space:nowrap;
 overflow-x:auto;
 box-sizing:border-box;
 padding:14px 16px 0
}
.new-sourceinfo .msource-adnav .adnav-block::-webkit-scrollbar {
 width:0!important
}
.new-sourceinfo .msource-adnav .adnav-block a {
 position:relative;
 margin-right:24px;
 padding-bottom:15px;
 display:inline-block;
 font-size:14px;
 color:#68779c;
 font-weight:400
}
.new-sourceinfo .msource-adnav .adnav-block a:last-child {
 margin-right:0
}
.new-sourceinfo .msource-adnav .adnav-block a:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:1px;
 left:50%;
 height:4px;
 width:40px;
 border-radius:10px;
 -webkit-transform:translateX(-50%) scaleX(0);
 -ms-transform:translateX(-50%) scaleX(0);
 transform:translateX(-50%) scaleX(0);
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
.new-sourceinfo .msource-adnav .adnav-block a.active,
.new-sourceinfo .msource-adnav .adnav-block a:hover {
 color:#296bef;
 font-weight:700
}
.new-sourceinfo .msource-adnav .adnav-block a.active:after,
.new-sourceinfo .msource-adnav .adnav-block a:hover:after {
 -webkit-transform:translateX(-50%) scaleX(1);
 -ms-transform:translateX(-50%) scaleX(1);
 transform:translateX(-50%) scaleX(1);
 background-color:#296bef
}
.new-sourceinfo .msource-adnav.less-item .adnav-block {
 display:flex;
 justify-content:space-around
}
.new-sourceinfo .sourceinfo-detail {
 padding:80px 0 140px;
 background-color:#f5f9ff
}
.new-sourceinfo .sourceinfo-detail .detail-body {
 width:1200px;
 margin:0 auto 64px
}
.new-sourceinfo .sourceinfo-detail .detail-info {
 text-align:center;
 color:#0b1531
}
.new-sourceinfo .sourceinfo-detail .detail-info p {
 position:relative;
 padding-bottom:24px;
 margin-bottom:32px;
 font-size:36px;
 font-weight:500
}
@media (max-width:1279px) {
 .new-sourceinfo .sourceinfo-detail .detail-info p {
  padding-bottom:18px;
  margin-bottom:24px;
  font-size:32px
 }
}
.new-sourceinfo .sourceinfo-detail .detail-info p:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 height:6px;
 width:40px;
 background-color:#ffa601;
 border-radius:3px
}
@media (max-width:1279px) {
 .new-sourceinfo .sourceinfo-detail .detail-info p:after {
  height:4px;
  width:32px
 }
}
.new-sourceinfo .sourceinfo-detail .detail-info .detail-content {
 display:inline-block;
 width:764px;
 font-size:16px;
 line-height:1.5;
 letter-spacing:1px;
 text-align:center;
 color:#0b1531
}
@media (max-width:1279px) {
 .new-sourceinfo .sourceinfo-detail {
  padding:56px 0 100px
 }
 .new-sourceinfo .sourceinfo-detail .detail-body {
  width:auto;
  margin-bottom:56px
 }
 .new-sourceinfo .sourceinfo-detail .detail-body .detail-info p {
  font-size:32px
 }
 .new-sourceinfo .sourceinfo-detail .detail-body .detail-info .detail-content {
  font-size:14px
 }
}
@media (max-width:1023px) {
 .new-sourceinfo .sourceinfo-detail {
  padding:40px 0 80px
 }
 .new-sourceinfo .sourceinfo-detail .detail-body {
  width:auto;
  margin-bottom:32px
 }
 .new-sourceinfo .sourceinfo-detail .detail-body .detail-info p {
  font-size:18px;
  padding-bottom:12px;
  margin-bottom:20px
 }
 .new-sourceinfo .sourceinfo-detail .detail-body .detail-info p:after {
  height:4px;
  width:36px
 }
 .new-sourceinfo .sourceinfo-detail .detail-body .detail-info .detail-content {
  width:auto;
  padding:0 28px;
  font-size:14px
 }
}
.new-sourceinfo .purpose-nav {
 margin-bottom:80px
}
.new-sourceinfo .purpose-nav .purpose-block {
 width:1200px;
 margin:0 auto
}
.new-sourceinfo .purpose-nav .purpose-block ul {
 display:flex;
 justify-content:center
}
.new-sourceinfo .purpose-nav .purpose-block ul li {
 position:relative;
 margin-right:20px;
 display:inline-block;
 font-size:0
}
.new-sourceinfo .purpose-nav .purpose-block ul li:last-child {
 margin-right:0
}
.new-sourceinfo .purpose-nav .purpose-block ul li:after {
 display:none;
 content:'';
 position:absolute;
 left:50%;
 bottom:0;
 box-sizing:border-box;
 width:18px;
 height:18px;
 background-color:#fff;
 -webkit-transform:translate3d(-50%,50%,0) rotate(-45deg);
 transform:translate3d(-50%,50%,0) rotate(-45deg);
 border-left:2px solid #296bef;
 border-bottom:2px solid #296bef;
 border-bottom-left-radius:4px;
 z-index:1
}
.new-sourceinfo .purpose-nav .purpose-block ul li a {
 display:inline-block;
 box-sizing:border-box;
 width:132px;
 height:132px;
 padding:24px 0;
 color:#68779c;
 background-color:#fff;
 text-align:center;
 overflow:hidden;
 border-radius:8px;
 transition:none;
 border:2px solid rgba(44,114,255,.1);
 box-shadow:0 3px 16px rgba(0,116,255,.05);
 font-size:16px
}
.new-sourceinfo .purpose-nav .purpose-block ul li .source_sprite {
 margin-bottom:8px;
 display:inline-block;
 width:52px;
 height:52px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:204px auto;
 background-repeat:no-repeat
}
.new-sourceinfo .purpose-nav .purpose-block ul li .f-brand {
 margin-bottom:8px;
 display:inline-block;
 width:52px;
 height:52px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:204px auto;
 background-repeat:no-repeat
}
.new-sourceinfo .purpose-nav .purpose-block ul li .f-shop {
 margin-bottom:8px;
 display:inline-block;
 width:52px;
 height:52px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:204px auto;
 background-repeat:no-repeat;
 background-position:-50px 0
}
.new-sourceinfo .purpose-nav .purpose-block ul li .f-info {
 margin-bottom:8px;
 display:inline-block;
 width:52px;
 height:52px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:204px auto;
 background-repeat:no-repeat;
 background-position:-102px 0
}
.new-sourceinfo .purpose-nav .purpose-block ul li .f-product {
 margin-bottom:8px;
 display:inline-block;
 width:52px;
 height:52px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:204px auto;
 background-repeat:no-repeat;
 background-position:-154px 0
}
.new-sourceinfo .purpose-nav .purpose-block ul li .f-app {
 margin-bottom:8px;
 display:inline-block;
 width:52px;
 height:52px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:204px auto;
 background-repeat:no-repeat;
 background-position:0 -52px
}
.new-sourceinfo .purpose-nav .purpose-block ul li .f-coupon {
 margin-bottom:8px;
 display:inline-block;
 width:52px;
 height:52px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:204px auto;
 background-repeat:no-repeat;
 background-position:-50px -52px
}
.new-sourceinfo .purpose-nav .purpose-block ul li .f-gzh {
 margin-bottom:8px;
 display:inline-block;
 width:52px;
 height:52px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:204px auto;
 background-repeat:no-repeat;
 background-position:-102px -52px
}
.new-sourceinfo .purpose-nav .purpose-block ul li .f-game {
 margin-bottom:8px;
 display:inline-block;
 width:52px;
 height:52px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:204px auto;
 background-repeat:no-repeat;
 background-position:-154px -52px
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover {
 font-weight:500
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active:after,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover:after {
 display:inline-block
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active a,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover a {
 border:2px solid #296bef;
 color:#081533
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active .f-brand,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-brand {
 background-position:0 -102px
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active .f-shop,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-shop {
 background-position:-50px -102px
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active .f-info,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-info {
 background-position:-102px -102px
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active .f-product,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-product {
 background-position:-154px -102px
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active .f-app,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-app {
 background-position:0 -154px
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active .f-coupon,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-coupon {
 background-position:-50px -154px
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active .f-gzh,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-gzh {
 background-position:-102px -154px
}
.new-sourceinfo .purpose-nav .purpose-block ul li.active .f-game,
.new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-game {
 background-position:-154px -154px
}
@media (max-width:1279px) {
 .new-sourceinfo .purpose-nav {
  margin-bottom:60px
 }
 .new-sourceinfo .purpose-nav .purpose-block {
  width:1024px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li a {
  width:108px;
  height:108px;
  padding:18px 0;
  font-size:14px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li .source_sprite {
  margin-bottom:8px;
  display:inline-block;
  width:40px;
  height:40px;
  background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
  background-size:156px auto;
  background-repeat:no-repeat
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li .f-brand {
  margin-bottom:8px;
  display:inline-block;
  width:40px;
  height:40px;
  background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
  background-size:156px auto;
  background-repeat:no-repeat
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li .f-shop {
  margin-bottom:8px;
  display:inline-block;
  width:40px;
  height:40px;
  background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
  background-size:156px auto;
  background-repeat:no-repeat;
  background-position:-38px 0
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li .f-info {
  margin-bottom:8px;
  display:inline-block;
  width:40px;
  height:40px;
  background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
  background-size:156px auto;
  background-repeat:no-repeat;
  background-position:-78px 0
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li .f-product {
  margin-bottom:8px;
  display:inline-block;
  width:40px;
  height:40px;
  background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
  background-size:156px auto;
  background-repeat:no-repeat;
  background-position:-116px 0
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li .f-app {
  margin-bottom:8px;
  display:inline-block;
  width:40px;
  height:40px;
  background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
  background-size:156px auto;
  background-repeat:no-repeat;
  background-position:0 -38px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li .f-coupon {
  margin-bottom:8px;
  display:inline-block;
  width:40px;
  height:40px;
  background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
  background-size:156px auto;
  background-repeat:no-repeat;
  background-position:-38px -38px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li .f-gzh {
  margin-bottom:8px;
  display:inline-block;
  width:40px;
  height:40px;
  background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
  background-size:156px auto;
  background-repeat:no-repeat;
  background-position:-78px -38px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li .f-game {
  margin-bottom:8px;
  display:inline-block;
  width:40px;
  height:40px;
  background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
  background-size:156px auto;
  background-repeat:no-repeat;
  background-position:-116px -38px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover {
  font-weight:700;
  color:#0b1531
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active:after,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover:after {
  display:inline-block
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active a,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover a {
  border:2px solid #296bef
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active .f-brand,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-brand {
  background-position:0 -78px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active .f-shop,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-shop {
  background-position:-38px -78px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active .f-info,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-info {
  background-position:-78px -78px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active .f-product,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-product {
  background-position:-116px -78px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active .f-app,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-app {
  background-position:0 -116px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active .f-coupon,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-coupon {
  background-position:-38px -116px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active .f-gzh,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-gzh {
  background-position:-78px -116px
 }
 .new-sourceinfo .purpose-nav .purpose-block ul li.active .f-game,
 .new-sourceinfo .purpose-nav .purpose-block ul li:hover .f-game {
  background-position:-116px -116px
 }
}
@media (max-width:1023px) {
 .new-sourceinfo .purpose-nav {
  display:none
 }
}
.new-sourceinfo .purpose-mnav {
 display:none;
 margin-bottom:36px
}
.new-sourceinfo .purpose-mnav .purpose-block {
 margin:0 auto;
 white-space:nowrap;
 overflow-x:auto;
 padding-bottom:16px
}
.new-sourceinfo .purpose-mnav .purpose-block::-webkit-scrollbar {
 width:0!important
}
.new-sourceinfo .purpose-mnav .purpose-block ul {
 padding:0 14px;
 font-size:0
}
.new-sourceinfo .purpose-mnav .purpose-block ul li {
 position:relative;
 margin-right:12px;
 display:inline-block
}
.new-sourceinfo .purpose-mnav .purpose-block ul li:after {
 display:none;
 content:'';
 position:absolute;
 left:50%;
 bottom:-7.5px;
 box-sizing:border-box;
 width:16px;
 height:16px;
 background-color:#fff;
 -webkit-transform:translateX(-50%) rotate(-45deg);
 -ms-transform:translateX(-50%) rotate(-45deg);
 transform:translateX(-50%) rotate(-45deg);
 border-left:2px solid #296bef;
 border-bottom:2px solid #296bef;
 border-radius:2px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li a {
 display:inline-block;
 box-sizing:border-box;
 width:86px;
 height:86px;
 padding:15px 0;
 color:#68779c;
 background-color:#fff;
 text-align:center;
 overflow:hidden;
 font-size:11px;
 border-radius:8px;
 border:2px solid rgba(44,114,255,.1);
 box-shadow:0 3px 16px rgba(0,116,255,.05)
}
.new-sourceinfo .purpose-mnav .purpose-block ul li .source_sprite {
 margin-bottom:6px;
 display:inline-block;
 width:31px;
 height:31px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:122px auto;
 background-repeat:no-repeat
}
.new-sourceinfo .purpose-mnav .purpose-block ul li .f-brand {
 margin-bottom:6px;
 display:inline-block;
 width:31px;
 height:31px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:122px auto;
 background-repeat:no-repeat
}
.new-sourceinfo .purpose-mnav .purpose-block ul li .f-shop {
 margin-bottom:6px;
 display:inline-block;
 width:31px;
 height:31px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:122px auto;
 background-repeat:no-repeat;
 background-position:-31px 0
}
.new-sourceinfo .purpose-mnav .purpose-block ul li .f-info {
 margin-bottom:6px;
 display:inline-block;
 width:31px;
 height:31px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:122px auto;
 background-repeat:no-repeat;
 background-position:-62px 0
}
.new-sourceinfo .purpose-mnav .purpose-block ul li .f-product {
 margin-bottom:6px;
 display:inline-block;
 width:31px;
 height:31px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:122px auto;
 background-repeat:no-repeat;
 background-position:-93px 0
}
.new-sourceinfo .purpose-mnav .purpose-block ul li .f-app {
 margin-bottom:6px;
 display:inline-block;
 width:31px;
 height:31px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:122px auto;
 background-repeat:no-repeat;
 background-position:0 -31px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li .f-coupon {
 margin-bottom:6px;
 display:inline-block;
 width:31px;
 height:31px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:122px auto;
 background-repeat:no-repeat;
 background-position:-31px -31px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li .f-gzh {
 margin-bottom:6px;
 display:inline-block;
 width:31px;
 height:31px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:122px auto;
 background-repeat:no-repeat;
 background-position:-62px -31px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li .f-game {
 margin-bottom:6px;
 display:inline-block;
 width:31px;
 height:31px;
 background-image:url(https://www.gztenwin.com/skin/images/new/source_sprite.png);
 background-size:122px auto;
 background-repeat:no-repeat;
 background-position:-93px -31px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover {
 font-weight:500
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active:after,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover:after {
 display:inline-block
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active a,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover a {
 border:2px solid #296bef;
 color:#081533
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active .f-brand,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover .f-brand {
 background-position:0 -61px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active .f-shop,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover .f-shop {
 background-position:-31px -61px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active .f-info,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover .f-info {
 background-position:-62px -61px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active .f-product,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover .f-product {
 background-position:-93px -61px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active .f-app,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover .f-app {
 background-position:0 -92px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active .f-coupon,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover .f-coupon {
 background-position:-31px -92px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active .f-gzh,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover .f-gzh {
 background-position:-62px -92px
}
.new-sourceinfo .purpose-mnav .purpose-block ul li.active .f-game,
.new-sourceinfo .purpose-mnav .purpose-block ul li:hover .f-game {
 background-position:-93px -92px
}
.new-sourceinfo .purpose-mnav .purpose-block.less-item ul {
 display:flex;
 justify-content:space-between
}
@media (max-width:1023px) {
 .new-sourceinfo .purpose-mnav {
  display:block
 }
}
.new-sourceinfo .promotion-pcarea {
 position:relative;
 text-align:center
}
@media (max-width:1279px) {
 .new-sourceinfo .promotion-pcarea {
  margin-top:40px
 }
}
@media (max-width:1023px) {
 .new-sourceinfo .promotion-pcarea {
  display:none
 }
}
.new-sourceinfo .promotion-pcarea .show-more {
 display:inline-block;
 box-sizing:border-box;
 width:760px;
 margin-top:80px;
 padding:26px 148px;
 border-radius:9px;
 background-color:#ebf3ff;
 text-align:center;
 font-size:16px;
 color:#a1aecf;
 letter-spacing:1px
}
.new-sourceinfo .promotion-pcarea .show-more .btn-border {
 margin-left:38px
}
.new-sourceinfo .promotion-pcarea .show-more a {
 color:#296bef;
 margin-left:10px
}
.new-sourceinfo .promotion-pcarea .show-more a:hover {
 color:#0045cc!important
}
.new-sourceinfo .promotion-pcarea .promotion-body {
 width:auto;
 margin:0 auto;
 display:flex;
 justify-content:center;
 align-items:center
}
.new-sourceinfo .promotion-pcarea .promotion-body .show-block {
 display:inline-block;
 position:relative;
 width:280px;
 height:570px;
 border-radius:38px;
 background-image:url(https://www.gztenwin.com/skin/images/new/new_iphone.png);
 background-size:280px auto;
 box-shadow:0 3px 16px rgba(0,116,255,.05)
}
.new-sourceinfo .promotion-pcarea .promotion-body .show-block .preshow-img,
.new-sourceinfo .promotion-pcarea .promotion-body .show-block .show-video {
 position:absolute;
 display:inline-block;
 overflow:hidden;
 width:248px;
 height:438px;
 top:65px;
 left:16px;
 z-index:2
}
.new-sourceinfo .promotion-pcarea .promotion-body .show-block .preshow-img .video-img,
.new-sourceinfo .promotion-pcarea .promotion-body .show-block .show-video .video-img {
 width:100%
}
.new-sourceinfo .promotion-pcarea .promotion-body .show-block .preshow-img {
 z-index:1
}
.new-sourceinfo .promotion-pcarea .promotion-body .show-pccontent {
 margin-left:84px;
 text-align:left
}
.new-sourceinfo .promotion-pcarea .promotion-body .show-pccontent .scontent-title {
 margin-bottom:24px;
 font-size:24px;
 color:#0b1531;
 font-weight:500
}
.new-sourceinfo .promotion-pcarea .promotion-body .show-pccontent .scontent-detail {
 display:inline-block;
 width:390px;
 font-size:16px;
 color:#68779c;
 line-height:1.8;
 letter-spacing:1px
}
@-webkit-keyframes adBgc {
 0% {
  opacity:1
 }
 100% {
  opacity:.5
 }
}
@keyframes adBgc {
 0% {
  opacity:1
 }
 100% {
  opacity:.5
 }
}
@-webkit-keyframes proBanner {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  -webkit-transform:translateY(-95px) translateX(-70px);
  transform:translateY(-95px) translateX(-70px);
  width:328px;
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@keyframes proBanner {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  -webkit-transform:translateY(-95px) translateX(-70px);
  transform:translateY(-95px) translateX(-70px);
  width:328px;
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@-webkit-keyframes proJili {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0);
  z-index:1
 }
 20% {
  z-index:5
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  -webkit-transform:scale(1) translateY(-36px) translateX(-36px);
  transform:scale(1) translateY(-36px) translateX(-36px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1);
  z-index:5
 }
}
@keyframes proJili {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0);
  z-index:1
 }
 20% {
  z-index:5
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  -webkit-transform:scale(1) translateY(-36px) translateX(-36px);
  transform:scale(1) translateY(-36px) translateX(-36px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1);
  z-index:5
 }
}
@-webkit-keyframes proChapin {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  -webkit-transform:translateY(-50px) translateX(-50px);
  transform:translateY(-50px) translateX(-50px);
  width:274px;
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@keyframes proChapin {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  -webkit-transform:translateY(-50px) translateX(-50px);
  transform:translateY(-50px) translateX(-50px);
  width:274px;
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@-webkit-keyframes proVideo {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  -webkit-transform:translateY(-110px) translateX(-70px);
  transform:translateY(-110px) translateX(-70px);
  width:328px;
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@keyframes proVideo {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  -webkit-transform:translateY(-110px) translateX(-70px);
  transform:translateY(-110px) translateX(-70px);
  width:328px;
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@-webkit-keyframes proQiantie {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  width:328px;
  -webkit-transform:translateY(70px) translateX(-70px);
  transform:translateY(70px) translateX(-70px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@keyframes proQiantie {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  width:328px;
  -webkit-transform:translateY(70px) translateX(-70px);
  transform:translateY(70px) translateX(-70px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@-webkit-keyframes proChoose {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0);
  z-index:1
 }
 20% {
  z-index:5
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  -webkit-transform:scale(1) translateY(-36px) translateX(-36px);
  transform:scale(1) translateY(-36px) translateX(-36px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1);
  z-index:5
 }
}
@keyframes proChoose {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0);
  z-index:1
 }
 20% {
  z-index:5
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  -webkit-transform:scale(1) translateY(-36px) translateX(-36px);
  transform:scale(1) translateY(-36px) translateX(-36px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1);
  z-index:5
 }
}
@-webkit-keyframes gzhBottom {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  width:328px;
  -webkit-transform:translateY(-150px) translateX(-70px);
  transform:translateY(-150px) translateX(-70px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@keyframes gzhBottom {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  width:328px;
  -webkit-transform:translateY(-150px) translateX(-70px);
  transform:translateY(-150px) translateX(-70px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@-webkit-keyframes gzhMiddle {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  width:328px;
  -webkit-transform:translateY(-150px) translateX(-70px);
  transform:translateY(-150px) translateX(-70px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@keyframes gzhMiddle {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  width:328px;
  -webkit-transform:translateY(-150px) translateX(-70px);
  transform:translateY(-150px) translateX(-70px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@-webkit-keyframes gzhChoose {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  width:328px;
  -webkit-transform:translateY(-150px) translateX(-70px);
  transform:translateY(-150px) translateX(-70px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@keyframes gzhChoose {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  width:328px;
  -webkit-transform:translateY(-150px) translateX(-70px);
  transform:translateY(-150px) translateX(-70px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@-webkit-keyframes gzhCps {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  width:274px;
  -webkit-transform:translateY(-130px) translateX(-45px);
  transform:translateY(-130px) translateX(-45px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
@keyframes gzhCps {
 0% {
  padding:0;
  background-color:rgba(255,255,255,0);
  -webkit-transform:scale(1) translateY(0);
  transform:scale(1) translateY(0);
  border:1px solid rgba(44,114,255,0);
  box-shadow:0 1px 2px 0 rgba(0,60,179,0),0 6px 12px 0 rgba(44,114,255,0)
 }
 99% {
  border:1px solid rgba(44,114,255,0)
 }
 100% {
  padding:8px;
  background-color:#fff;
  width:274px;
  -webkit-transform:translateY(-130px) translateX(-45px);
  transform:translateY(-130px) translateX(-45px);
  border:1px solid rgba(44,114,255,.1);
  border-radius:6px;
  box-shadow:0 1px 2px 0 rgba(0,60,179,.08),0 6px 12px 0 rgba(44,114,255,.1)
 }
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .ani-bgc {
 -webkit-animation:adBgc 1.5s ease forwards;
 animation:adBgc 1.5s ease forwards
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .adcase-probanner {
 -webkit-animation:proBanner 1.5s ease-out .5s forwards;
 animation:proBanner 1.5s ease-out .5s forwards
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .adcase-projili {
 -webkit-animation:proJili 1.5s ease-out .5s forwards;
 animation:proJili 1.5s ease-out .5s forwards
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .adcase-prochapin {
 -webkit-animation:proChapin 1.2s ease-out .5s forwards;
 animation:proChapin 1.2s ease-out .5s forwards
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .adcase-provideo {
 -webkit-animation:proVideo 1.2s ease-out .5s forwards;
 animation:proVideo 1.2s ease-out .5s forwards
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .adcase-proqiantie {
 -webkit-animation:proQiantie 1.5s ease-out .5s forwards;
 animation:proQiantie 1.5s ease-out .5s forwards
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .adcase-gzhmiddle {
 -webkit-animation:gzhMiddle 1.6s ease-out .5s forwards;
 animation:gzhMiddle 1.6s ease-out .5s forwards
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .adcase-prochoose {
 -webkit-animation:proChoose 1.5s ease-out .5s forwards;
 animation:proChoose 1.5s ease-out .5s forwards
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .adcase-gzhbottom {
 -webkit-animation:gzhBottom 1.8s ease-out .5s forwards;
 animation:gzhBottom 1.8s ease-out .5s forwards
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .adcase-gzhchoose {
 -webkit-animation:gzhChoose 1.5s ease-out .5s forwards;
 animation:gzhChoose 1.5s ease-out .5s forwards
}
.new-sourceinfo .promotion-pcarea .preshow-img.active .adcase-gzhcps {
 -webkit-animation:gzhCps 1.5s ease-out .5s forwards;
 animation:gzhCps 1.5s ease-out .5s forwards
}
.new-sourceinfo .promotion-pcarea [class*=adcase-] {
 position:absolute;
 z-index:5
}
.new-sourceinfo .promotion-pcarea [class*=adcase-] img {
 width:100%
}
.new-sourceinfo .promotion-pcarea .ani-bgc {
 position:relative;
 z-index:2
}
.new-sourceinfo .promotion-pcarea .adcase-probanner {
 left:18px;
 top:292px;
 width:211px
}
.new-sourceinfo .promotion-pcarea .adcase-projili {
 left:11px;
 top:15px;
 width:227px;
 z-index:1
}
.new-sourceinfo .promotion-pcarea .adcase-prochapin {
 left:26px;
 top:115px;
 width:197px
}
.new-sourceinfo .promotion-pcarea .adcase-provideo {
 left:10px;
 top:261px;
 width:228px
}
.new-sourceinfo .promotion-pcarea .adcase-proqiantie {
 left:9px;
 top:67px;
 width:231px
}
.new-sourceinfo .promotion-pcarea .adcase-prochoose {
 left:11px;
 top:15px;
 width:227px;
 z-index:1
}
.new-sourceinfo .promotion-pcarea .adcase-gzhbottom {
 left:20px;
 top:367px;
 width:208px
}
.new-sourceinfo .promotion-pcarea .adcase-gzhmiddle {
 left:20px;
 top:262px;
 width:208px
}
.new-sourceinfo .promotion-pcarea .adcase-gzhchoose {
 left:20px;
 top:283px;
 width:208px
}
.new-sourceinfo .promotion-pcarea .adcase-gzhcps {
 left:20px;
 top:237px;
 width:208px
}
.new-sourceinfo .wechatshow-more {
 display:inline-block;
 box-sizing:border-box;
 width:100%;
 padding:24px 0;
 border-radius:9px;
 background-color:#ebf3ff;
 text-align:center;
 font-size:16px;
 color:#a1aecf;
 letter-spacing:1px
}
.new-sourceinfo .wechatshow-more .btn-border {
 margin-left:38px
}
.new-sourceinfo .wechatshow-more a {
 color:#296bef;
 margin-left:10px
}
.new-sourceinfo .wechatshow-more a:hover {
 color:#0045cc!important
}
@media (max-width:1023px) {
 .new-sourceinfo .wechatshow-more {
  font-size:12px
 }
}
.new-sourceinfo .promotion-marea {
 position:relative;
 display:none
}
@media (max-width:1023px) {
 .new-sourceinfo .promotion-marea {
  display:block
 }
}
.new-sourceinfo .promotion-marea .promotion-body {
 margin:0 auto;
 text-align:center
}
.new-sourceinfo .promotion-marea .promotion-body .show-block {
 display:inline-block;
 position:relative;
 width:177px;
 height:360px;
 border-radius:38px;
 background-image:url(https://www.gztenwin.com/skin/images/new/new_iphone.png);
 background-size:177px auto;
 box-shadow:4px 8px 35px rgba(101,109,121,.25)
}
.new-sourceinfo .promotion-marea .promotion-body .show-block .preshow-img,
.new-sourceinfo .promotion-marea .promotion-body .show-block .show-video {
 position:absolute;
 display:inline-block;
 overflow:hidden;
 width:155px;
 height:276px;
 top:42px;
 left:11px;
 z-index:2
}
.new-sourceinfo .promotion-marea .promotion-body .show-block .preshow-img .video-img,
.new-sourceinfo .promotion-marea .promotion-body .show-block .show-video .video-img {
 width:100%
}
.new-sourceinfo .promotion-marea .promotion-body .show-block .preshow-img {
 z-index:1
}
.new-sourceinfo .promotion-marea .promotion-body .show-pccontent {
 margin-bottom:40px
}
.new-sourceinfo .promotion-marea .promotion-body .show-pccontent .scontent-title {
 position:relative;
 margin-bottom:20px;
 padding-bottom:12px;
 font-size:18px;
 color:#0b1531;
 text-align:center;
 font-weight:500
}
.new-sourceinfo .promotion-marea .promotion-body .show-pccontent .scontent-title:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 height:4px;
 width:36px;
 background-color:#296bef;
 border-radius:3px
}
.new-sourceinfo .promotion-marea .promotion-body .show-pccontent .scontent-detail {
 display:inline-block;
 padding:0 28px;
 font-size:14px;
 color:#68779c;
 line-height:1.8;
 letter-spacing:1px;
 text-align:left
}
.new-sourceinfo .promotion-marea .show-more {
 margin-top:40px;
 font-size:14px;
 color:#596380;
 text-align:center;
 letter-spacing:1px
}
.new-sourceinfo .promotion-marea .show-more p {
 margin-bottom:12px
}
.new-sourceinfo .promotion-marea .show-more .btn-border {
 border:1px solid #296bef
}
.wechat-sourceinfo .access-block .detail-info p,
.wechat-sourceinfo .advertisers-block .detail-info p {
 position:relative;
 padding-bottom:24px;
 margin-bottom:32px;
 font-size:36px;
 font-weight:500
}
@media (max-width:1279px) {
 .wechat-sourceinfo .access-block .detail-info p,
 .wechat-sourceinfo .advertisers-block .detail-info p {
  padding-bottom:18px;
  margin-bottom:24px;
  font-size:28px
 }
}
.wechat-sourceinfo .access-block .detail-info p:after,
.wechat-sourceinfo .advertisers-block .detail-info p:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 height:6px;
 width:40px;
 background-color:#ffa601;
 border-radius:3px
}
@media (max-width:1279px) {
 .wechat-sourceinfo .access-block .detail-info p:after,
 .wechat-sourceinfo .advertisers-block .detail-info p:after {
  height:4px;
  width:32px
 }
}
.wechat-sourceinfo .access-block .detail-info .detail-secinfo,
.wechat-sourceinfo .advertisers-block .detail-info .detail-secinfo {
 color:#6b7799;
 font-size:16px
}
@media (max-width:1279px) {
 .wechat-sourceinfo .access-block,
 .wechat-sourceinfo .advertisers-block {
  padding:64px 0
 }
 .wechat-sourceinfo .access-block .detail-secinfo,
 .wechat-sourceinfo .advertisers-block .detail-secinfo {
  font-size:14px!important
 }
}
.wechat-sourceinfo .access-block {
 padding:80px 0;
 background-color:#f5f9ff;
 text-align:center
}
@media (max-width:1279px) {
 .wechat-sourceinfo .access-block {
  padding:64px 0
 }
}
.wechat-sourceinfo .access-detail {
 margin-top:46px;
 display:flex;
 justify-content:center
}
.wechat-sourceinfo .access-detail .access-part {
 width:360px
}
.wechat-sourceinfo .access-detail .access-part .part-title {
 margin-bottom:12px;
 color:#0b1531;
 font-weight:700;
 font-size:24px
}
.wechat-sourceinfo .access-detail .access-part .part-content {
 font-size:16px;
 color:#6b7799;
 line-height:1.8;
 width:370px
}
.wechat-sourceinfo .access-detail .access-part:first-child {
 margin-right:104px
}
@media (max-width:1279px) {
 .wechat-sourceinfo .access-detail {
  margin-top:32px
 }
 .wechat-sourceinfo .access-detail .access-part {
  width:320px
 }
 .wechat-sourceinfo .access-detail .access-part .part-title {
  font-size:22px;
  margin-bottom:8px
 }
 .wechat-sourceinfo .access-detail .access-part:first-child {
  margin-right:80px
 }
 .wechat-sourceinfo .access-detail .access-part .part-content {
  font-size:14px;
  width:300px
 }
}
.wechat-sourceinfo .advertisers-block {
 padding:80px 0;
 background-color:#fff;
 text-align:center
}
.wechat-sourceinfo .accessbgc {
 margin-bottom:10px;
 display:inline-block;
 width:176px;
 height:140px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/access_bgc.png);
 background-size:176px auto;
 background-repeat:no-repeat
}
@media (max-width:1279px) {
 .wechat-sourceinfo .accessbgc {
  margin-bottom:6px;
  width:150px;
  height:120px;
  background-size:150px auto
 }
}
.wechat-sourceinfo .accessbgc-pro {
 margin-bottom:10px;
 display:inline-block;
 width:176px;
 height:140px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/access_bgc.png);
 background-size:176px auto;
 background-repeat:no-repeat;
 background-position:0 -140px
}
@media (max-width:1279px) {
 .wechat-sourceinfo .accessbgc-pro {
  margin-bottom:6px;
  width:150px;
  height:120px;
  background-size:150px auto
 }
}
@media (max-width:1279px) {
 .wechat-sourceinfo .accessbgc-pro {
  background-position:0 -120px
 }
}
.wechat-sourceinfo .accessbgc-gzh {
 margin-bottom:10px;
 display:inline-block;
 width:176px;
 height:140px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/access_bgc.png);
 background-size:176px auto;
 background-repeat:no-repeat
}
@media (max-width:1279px) {
 .wechat-sourceinfo .accessbgc-gzh {
  margin-bottom:6px;
  width:150px;
  height:120px;
  background-size:150px auto
 }
}
.wechat-sourceinfo .accessbgc-process {
 margin-bottom:10px;
 display:inline-block;
 width:176px;
 height:140px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/access_bgc.png);
 background-size:176px auto;
 background-repeat:no-repeat;
 background-position:0 -280px
}
@media (max-width:1279px) {
 .wechat-sourceinfo .accessbgc-process {
  margin-bottom:6px;
  width:150px;
  height:120px;
  background-size:150px auto
 }
}
@media (max-width:1279px) {
 .wechat-sourceinfo .accessbgc-process {
  background-position:0 -240px
 }
}
.wechat-sourceinfo .advertisers-garlly {
 margin:26px auto 0;
 position:relative;
 display:inline-block;
 width:980px;
 height:500px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_main.png);
 background-size:980px auto;
 background-repeat:no-repeat;
 background-position:top center
}
@media (max-width:1279px) {
 .wechat-sourceinfo .advertisers-garlly {
  -webkit-transform:scale(.85);
  -ms-transform:scale(.85);
  transform:scale(.85);
  margin:-18px 0
 }
}
.wechat-sourceinfo .advertisers-garlly .profile {
 position:absolute;
 left:50%;
 top:101px;
 display:inline-block;
 width:50px;
 height:50px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/profile.png);
 background-size:50px auto;
 background-repeat:no-repeat;
 z-index:10
}
.wechat-sourceinfo .advertisers-garlly .advertisers-sprites {
 display:inline-block;
 width:108px;
 height:108px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
 background-size:108px auto;
 background-repeat:no-repeat
}
.wechat-sourceinfo .advertisers-garlly [class*=pos-garlly] {
 position:absolute;
 left:45%;
 top:80px;
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0)
}
@-webkit-keyframes floatShop {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 60% {
  -webkit-transform:scale(.9);
  transform:scale(.9);
  opacity:.95
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@keyframes floatShop {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 60% {
  -webkit-transform:scale(.9);
  transform:scale(.9);
  opacity:.95
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@-webkit-keyframes floatSec {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 60% {
  -webkit-transform:scale(.8);
  transform:scale(.8);
  opacity:.7
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@keyframes floatSec {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 60% {
  -webkit-transform:scale(.8);
  transform:scale(.8);
  opacity:.7
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@-webkit-keyframes floatThr {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 60% {
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@keyframes floatThr {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 60% {
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@-webkit-keyframes floatIcon {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 60% {
  -webkit-transform:scale(.7);
  transform:scale(.7);
  opacity:.8
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@keyframes floatIcon {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 60% {
  -webkit-transform:scale(.7);
  transform:scale(.7);
  opacity:.8
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@-webkit-keyframes SlideInAirbnb {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:12.8%;
  top:3.2%;
  opacity:1;
  -webkit-transform:scale(.8);
  transform:scale(.8)
 }
}
@keyframes SlideInAirbnb {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:12.8%;
  top:3.2%;
  opacity:1;
  -webkit-transform:scale(.8);
  transform:scale(.8)
 }
}
@-webkit-keyframes SlideInPiguet {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:71.8%;
  top:68.5%;
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes SlideInPiguet {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:71.8%;
  top:68.5%;
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@-webkit-keyframes SlideInLancome {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:9.69%;
  top:67.1%;
  opacity:1;
  -webkit-transform:scale(.81);
  transform:scale(.81)
 }
}
@keyframes SlideInLancome {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:9.69%;
  top:67.1%;
  opacity:1;
  -webkit-transform:scale(.81);
  transform:scale(.81)
 }
}
@-webkit-keyframes SlideInCadillac {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:0;
  top:33.2%;
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes SlideInCadillac {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:0;
  top:33.2%;
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@-webkit-keyframes SlideInDyson {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:25%;
  top:82.2%;
  -webkit-transform:scale(.81);
  transform:scale(.81);
  opacity:1
 }
}
@keyframes SlideInDyson {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:25%;
  top:82.2%;
  -webkit-transform:scale(.81);
  transform:scale(.81);
  opacity:1
 }
}
@-webkit-keyframes SlideInJd {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:54.2%;
  top:82.2%;
  -webkit-transform:scale(.81);
  transform:scale(.81);
  opacity:1
 }
}
@keyframes SlideInJd {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:54.2%;
  top:82.2%;
  -webkit-transform:scale(.81);
  transform:scale(.81);
  opacity:1
 }
}
@-webkit-keyframes SlideInMad {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:81.7%;
  top:39.6%;
  -webkit-transform:scale(.72);
  transform:scale(.72);
  opacity:1
 }
}
@keyframes SlideInMad {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:81.7%;
  top:39.6%;
  -webkit-transform:scale(.72);
  transform:scale(.72);
  opacity:1
 }
}
@-webkit-keyframes SlideInShui {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:81.7%;
  top:3%;
  -webkit-transform:scale(.73);
  transform:scale(.73);
  opacity:1
 }
}
@keyframes SlideInShui {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:81.7%;
  top:3%;
  -webkit-transform:scale(.73);
  transform:scale(.73);
  opacity:1
 }
}
@-webkit-keyframes SlideInMakeup {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:26.3%;
  top:43.6%;
  -webkit-transform:scale(.95);
  transform:scale(.95);
  opacity:1
 }
}
@keyframes SlideInMakeup {
 0% {
  left:47%;
  top:65px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:26.3%;
  top:43.6%;
  -webkit-transform:scale(.95);
  transform:scale(.95);
  opacity:1
 }
}
@-webkit-keyframes SlideInCar {
 0% {
  left:50%;
  top:105px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:15.4%;
  top:45.1%;
  -webkit-transform:scale(.59);
  transform:scale(.59);
  opacity:1
 }
}
@keyframes SlideInCar {
 0% {
  left:50%;
  top:105px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:15.4%;
  top:45.1%;
  -webkit-transform:scale(.59);
  transform:scale(.59);
  opacity:1
 }
}
@-webkit-keyframes SlideInCake {
 0% {
  left:50%;
  top:106px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:72.3%;
  top:33.1%;
  -webkit-transform:scale(.68);
  transform:scale(.68);
  opacity:1
 }
}
@keyframes SlideInCake {
 0% {
  left:50%;
  top:106px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:72.3%;
  top:33.1%;
  -webkit-transform:scale(.68);
  transform:scale(.68);
  opacity:1
 }
}
@-webkit-keyframes SlideInEdu {
 0% {
  left:50%;
  top:106px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:65.3%;
  top:6%;
  opacity:1
 }
}
@keyframes SlideInEdu {
 0% {
  left:50%;
  top:106px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:65.3%;
  top:6%;
  opacity:1
 }
}
@-webkit-keyframes SlideInShop {
 0% {
  left:50%;
  top:106px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:37.5%;
  top:75%;
  -webkit-transform:scale(.72);
  transform:scale(.72);
  opacity:1
 }
}
@keyframes SlideInShop {
 0% {
  left:50%;
  top:106px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:37.5%;
  top:75%;
  -webkit-transform:scale(.72);
  transform:scale(.72);
  opacity:1
 }
}
@-webkit-keyframes SlideInGift {
 0% {
  left:50%;
  top:106px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:21.6%;
  top:24.6%;
  -webkit-transform:scale(.556);
  transform:scale(.556);
  opacity:1
 }
}
@keyframes SlideInGift {
 0% {
  left:50%;
  top:106px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:21.6%;
  top:24.6%;
  -webkit-transform:scale(.556);
  transform:scale(.556);
  opacity:1
 }
}
@-webkit-keyframes SlideInWatch {
 0% {
  left:50%;
  top:106px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:59.1%;
  top:47.4%;
  -webkit-transform:scale(.795);
  transform:scale(.795);
  opacity:1
 }
}
@keyframes SlideInWatch {
 0% {
  left:50%;
  top:106px;
  opacity:.8;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 100% {
  left:59.1%;
  top:47.4%;
  -webkit-transform:scale(.795);
  transform:scale(.795);
  opacity:1
 }
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-airbnb {
 -webkit-animation:SlideInAirbnb 1.4s ease forwards;
 animation:SlideInAirbnb 1.4s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-piguet {
 -webkit-animation:SlideInPiguet 1.4s ease forwards;
 animation:SlideInPiguet 1.4s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-lancome {
 -webkit-animation:SlideInLancome 1.4s ease forwards;
 animation:SlideInLancome 1.4s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-cadillac {
 -webkit-animation:SlideInCadillac 1.4s ease forwards;
 animation:SlideInCadillac 1.4s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-dyson {
 -webkit-animation:SlideInDyson 1.4s ease forwards;
 animation:SlideInDyson 1.4s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-jd {
 -webkit-animation:SlideInJd 1.4s ease forwards;
 animation:SlideInJd 1.4s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-mad {
 -webkit-animation:SlideInMad 1.4s ease forwards;
 animation:SlideInMad 1.4s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-shui {
 -webkit-animation:SlideInShui 1.4s ease forwards;
 animation:SlideInShui 1.4s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-makeup {
 -webkit-animation:SlideInMakeup 1s ease forwards;
 animation:SlideInMakeup 1s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-car {
 -webkit-animation:SlideInCar 1s ease forwards;
 animation:SlideInCar 1s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-cake {
 -webkit-animation:SlideInCake 1s ease forwards;
 animation:SlideInCake 1s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-edu {
 -webkit-animation:SlideInEdu 1s ease forwards;
 animation:SlideInEdu 1s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-shop {
 -webkit-animation:SlideInShop 1s ease forwards;
 animation:SlideInShop 1s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-gift {
 -webkit-animation:SlideInGift 1s ease forwards;
 animation:SlideInGift 1s ease forwards
}
.wechat-sourceinfo .advertisers-garlly.active .pos-garlly-watch {
 -webkit-animation:SlideInWatch 1s ease forwards;
 animation:SlideInWatch 1s ease forwards
}
.wechat-sourceinfo .advertisers-garlly .airbnb {
 display:inline-block;
 width:108px;
 height:108px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
 background-size:108px auto;
 background-repeat:no-repeat;
 -webkit-animation:floatIcon 7s ease alternate infinite;
 animation:floatIcon 7s ease alternate infinite;
 -webkit-animation-delay:1.5s;
 animation-delay:1.5s
}
.wechat-sourceinfo .advertisers-garlly .piguet {
 display:inline-block;
 width:108px;
 height:108px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
 background-size:108px auto;
 background-repeat:no-repeat;
 background-position:0 -108px;
 -webkit-animation:floatIcon 10s ease alternate infinite;
 animation:floatIcon 10s ease alternate infinite;
 -webkit-animation-delay:1s;
 animation-delay:1s
}
.wechat-sourceinfo .advertisers-garlly .lancome {
 display:inline-block;
 width:108px;
 height:108px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
 background-size:108px auto;
 background-repeat:no-repeat;
 background-position:0 -216px;
 -webkit-animation:floatIcon 7s ease alternate infinite;
 animation:floatIcon 7s ease alternate infinite;
 -webkit-animation-delay:1s;
 animation-delay:1s
}
.wechat-sourceinfo .advertisers-garlly .cadillac {
 display:inline-block;
 width:108px;
 height:108px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
 background-size:108px auto;
 background-repeat:no-repeat;
 background-position:0 -324px;
 -webkit-animation:floatIcon 10s ease alternate infinite;
 animation:floatIcon 10s ease alternate infinite;
 -webkit-animation-delay:4s;
 animation-delay:4s
}
.wechat-sourceinfo .advertisers-garlly .dyson {
 display:inline-block;
 width:108px;
 height:108px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
 background-size:108px auto;
 background-repeat:no-repeat;
 background-position:0 -432px;
 -webkit-animation:floatIcon 10s ease alternate infinite;
 animation:floatIcon 10s ease alternate infinite;
 -webkit-animation-delay:2.5s;
 animation-delay:2.5s
}
.wechat-sourceinfo .advertisers-garlly .jd {
 display:inline-block;
 width:108px;
 height:108px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
 background-size:108px auto;
 background-repeat:no-repeat;
 background-position:0 -540px;
 -webkit-animation:floatIcon 8s ease alternate infinite;
 animation:floatIcon 8s ease alternate infinite;
 -webkit-animation-delay:4s;
 animation-delay:4s
}
.wechat-sourceinfo .advertisers-garlly .mad {
 display:inline-block;
 width:108px;
 height:108px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
 background-size:108px auto;
 background-repeat:no-repeat;
 background-position:0 -756px;
 -webkit-animation:floatIcon 8s ease alternate infinite;
 animation:floatIcon 8s ease alternate infinite;
 -webkit-animation-delay:6s;
 animation-delay:6s
}
.wechat-sourceinfo .advertisers-garlly .shui {
 display:inline-block;
 width:108px;
 height:108px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
 background-size:108px auto;
 background-repeat:no-repeat;
 background-position:0 -972px;
 left:81.7%;
 top:3%;
 -webkit-animation:floatIcon 7s ease alternate infinite;
 animation:floatIcon 7s ease alternate infinite;
 -webkit-animation-delay:1s;
 animation-delay:1s
}
.wechat-sourceinfo .advertisers-garlly .advertisers-icon {
 position:absolute;
 display:inline-block;
 width:88px;
 height:88px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_icon_sprites.png);
 background-size:88px auto;
 background-repeat:no-repeat
}
.wechat-sourceinfo .advertisers-garlly .makeup {
 position:absolute;
 display:inline-block;
 width:88px;
 height:88px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_icon_sprites.png);
 background-size:88px auto;
 background-repeat:no-repeat;
 -webkit-animation:floatThr 7s ease alternate infinite;
 animation:floatThr 7s ease alternate infinite;
 -webkit-animation-delay:4s;
 animation-delay:4s
}
.wechat-sourceinfo .advertisers-garlly .car {
 position:absolute;
 display:inline-block;
 width:88px;
 height:88px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_icon_sprites.png);
 background-size:88px auto;
 background-repeat:no-repeat;
 background-position:0 -88px;
 -webkit-animation:floatSec 10s ease alternate infinite;
 animation:floatSec 10s ease alternate infinite;
 -webkit-animation-delay:3s;
 animation-delay:3s
}
.wechat-sourceinfo .advertisers-garlly .cake {
 position:absolute;
 display:inline-block;
 width:88px;
 height:88px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_icon_sprites.png);
 background-size:88px auto;
 background-repeat:no-repeat;
 background-position:0 -176px;
 -webkit-animation:floatSec 10s ease alternate infinite;
 animation:floatSec 10s ease alternate infinite;
 -webkit-animation-delay:1s;
 animation-delay:1s
}
.wechat-sourceinfo .advertisers-garlly .edu {
 position:absolute;
 display:inline-block;
 width:88px;
 height:88px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_icon_sprites.png);
 background-size:88px auto;
 background-repeat:no-repeat;
 background-position:0 -264px;
 -webkit-animation:floatThr 7s ease alternate infinite;
 animation:floatThr 7s ease alternate infinite;
 -webkit-animation-delay:2s;
 animation-delay:2s
}
.wechat-sourceinfo .advertisers-garlly .shop {
 position:absolute;
 display:inline-block;
 width:88px;
 height:88px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_icon_sprites.png);
 background-size:88px auto;
 background-repeat:no-repeat;
 background-position:0 -352px;
 -webkit-animation:floatShop 10s ease alternate infinite;
 animation:floatShop 10s ease alternate infinite;
 -webkit-animation-delay:1s;
 animation-delay:1s
}
.wechat-sourceinfo .advertisers-garlly .gift {
 position:absolute;
 display:inline-block;
 width:88px;
 height:88px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_icon_sprites.png);
 background-size:88px auto;
 background-repeat:no-repeat;
 background-position:0 -440px;
 -webkit-animation:floatSec 10s ease alternate infinite;
 animation:floatSec 10s ease alternate infinite;
 -webkit-animation-delay:1s;
 animation-delay:1s
}
.wechat-sourceinfo .advertisers-garlly .watch {
 position:absolute;
 display:inline-block;
 width:88px;
 height:88px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_icon_sprites.png);
 background-size:88px auto;
 background-repeat:no-repeat;
 background-position:0 -528px;
 -webkit-animation:floatThr 7s ease alternate infinite;
 animation:floatThr 7s ease alternate infinite;
 -webkit-animation-delay:3s;
 animation-delay:3s
}
.wechat-sourceinfo .showcase-body {
 width:auto;
 margin:0 auto;
 display:flex;
 justify-content:center;
 align-items:center
}
.wechat-sourceinfo .showcase-body .show-body {
 display:inline-block;
 position:relative;
 width:248px;
 height:520px;
 margin-left:52px
}
@media (max-width:1279px) {
 .wechat-sourceinfo .showcase-body .show-body {
  -webkit-transform:scale(.9);
  -ms-transform:scale(.9);
  transform:scale(.9)
 }
}
.wechat-sourceinfo .showcase-body .show-body .case-img,
.wechat-sourceinfo .showcase-body .show-body .mobile-video {
 position:absolute;
 display:inline-block;
 overflow:hidden;
 width:228px;
 height:494px;
 top:13px;
 left:10px
}
.wechat-sourceinfo .showcase-body .show-body .case-img .video-img,
.wechat-sourceinfo .showcase-body .show-body .mobile-video .video-img {
 width:100%
}
.wechat-sourceinfo .showcase-body .show-body .mobile-video {
 position:absolute;
 width:248px;
 height:520px;
 border-radius:28px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/mobile_phone.png);
 background-size:248px auto;
 box-shadow:0 3px 16px rgba(0,116,255,.05);
 z-index:3
}
.wechat-sourceinfo .showcase-body .show-body .mobile-video {
 top:0;
 left:0;
 z-index:2
}
.wechat-sourceinfo .showcase-body .show-body .preshow-img {
 z-index:1
}
.wechat-sourceinfo .showcase-body .show-choose {
 margin-left:108px
}
.wechat-sourceinfo .showcase-body .show-choose .choosecase-list {
 width:625px;
 font-size:0
}
.wechat-sourceinfo .showcase-body .show-choose .choosecase-list .choose-block {
 display:inline-block;
 margin:0 22px 22px 0;
 padding:36px 26px;
 width:300px;
 height:158px;
 color:#6b7799;
 background-color:#fff;
 border-radius:12px;
 box-shadow:0 0 0 1px rgba(0,116,255,.1),0 3px 16px 0 rgba(0,116,255,.05);
 box-sizing:border-box;
 text-align:left;
 vertical-align:top;
 cursor:pointer;
 transition:all .3s ease
}
.wechat-sourceinfo .showcase-body .show-choose .choosecase-list .choose-block:nth-child(even) {
 margin-right:0
}
.wechat-sourceinfo .showcase-body .show-choose .choosecase-list .choose-block .block-title {
 margin-bottom:12px;
 font-size:22px;
 font-weight:700
}
.wechat-sourceinfo .showcase-body .show-choose .choosecase-list .choose-block .block-content {
 font-size:16px;
 line-height:1.5
}
.wechat-sourceinfo .showcase-body .show-choose .choosecase-list .choose-block:hover {
 color:#0b1531;
 box-shadow:0 0 0 1px rgba(0,116,255,.1),2px 2px 24px 0 rgba(0,60,179,.12)
}
.wechat-sourceinfo .showcase-body .show-choose .choosecase-list .choose-block.active {
 color:#0b1531;
 box-shadow:0 0 0 2.5px #006df8,0 3px 16px 0 rgba(0,116,255,.05)
}
@media (max-width:1279px) {
 .wechat-sourceinfo .showcase-body .show-choose {
  margin-left:76px
 }
 .wechat-sourceinfo .showcase-body .show-choose .choosecase-list {
  width:570px
 }
 .wechat-sourceinfo .showcase-body .show-choose .choosecase-list .choose-block {
  width:270px;
  height:138px;
  padding:28px 24px
 }
 .wechat-sourceinfo .showcase-body .show-choose .choosecase-list .choose-block .block-title {
  font-size:18px;
  margin-bottom:8px
 }
 .wechat-sourceinfo .showcase-body .show-choose .choosecase-list .choose-block .block-content {
  font-size:14px
 }
}
.wechat-sourceinfo .rich-return .part-content {
 text-align:left
}
.wechat-sourceinfo .rich-return .gzh-content {
 margin:0 auto;
 width:675px;
 font-size:16px;
 color:#6b7799;
 text-align:center;
 line-height:1.8
}
@media (max-width:1279px) {
 .wechat-sourceinfo .rich-return .gzh-content {
  font-size:14px
 }
}
.wechat-sourceinfo .rich-return .access-detail {
 margin-top:44px
}
.wechat-sourceinfo .return-icon {
 margin-top:50px;
 display:inline-block;
 width:490px;
 height:248px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/revenue.png);
 background-size:490px auto;
 background-repeat:no-repeat
}
@media (max-width:1279px) {
 .wechat-sourceinfo .return-icon {
  width:425px;
  height:220px;
  background-size:425px auto
 }
}
.wechat-sourceinfo .open-adblock {
 height:290px;
 background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/open_ad.png);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
.wechat-sourceinfo .open-adblock .open-title {
 padding-top:80px;
 font-size:32px;
 color:#eff1f4;
 text-align:center;
 font-weight:700
}
.wechat-sourceinfo .open-adblock .open-con {
 margin:0 auto;
 padding-top:40px;
 text-align:center
}
.wechat-sourceinfo .open-adblock .open-button {
 color:#296bef;
 background-color:#fff
}
.wechat-sourceinfo .open-adblock .invite-agency {
 text-align:center;
 margin:24px 0 0
}
.wechat-sourceinfo .open-adblock .invite-agency a {
 color:#fff
}
.wechat-sourceinfo .open-adblock .icon-arrow-right {
 position:relative;
 display:inline-block;
 vertical-align:middle;
 box-sizing:border-box;
 left:3px;
 top:-2px;
 width:16px;
 height:11px;
 background-image:url(https://www.gztenwin.com/skin/images/new/arrow_right_white.png);
 background-size:16px;
 background-repeat:no-repeat
}
@media (max-width:1279px) {
 .wechat-sourceinfo .open-adblock {
  height:240px
 }
 .wechat-sourceinfo .open-adblock .open-con {
  margin:0 auto;
  padding-top:32px;
  text-align:center
 }
 .wechat-sourceinfo .open-adblock .open-title {
  padding-top:64px;
  font-size:28px
 }
 .wechat-sourceinfo .open-adblock .open-button {
  width:160px;
  height:42px!important;
  line-height:42px!important;
  font-size:14px;
  padding:0 28px
 }
}
.wechat-sourceinfo .advertisers-mgarlly,
.wechat-sourceinfo .maccess-block,
.wechat-sourceinfo .mgzh-content,
.wechat-sourceinfo .promotion-marea {
 display:none
}
@media (max-width:1023px) {
 .wechat-sourceinfo .access-block,
 .wechat-sourceinfo .advertisers-garlly,
 .wechat-sourceinfo .gzh-content,
 .wechat-sourceinfo .promotion-pcarea {
  display:none
 }
 .wechat-sourceinfo .access-detail {
  margin-top:44px
 }
 .wechat-sourceinfo .access-detail .access-part .part-title {
  font-size:22px
 }
 .wechat-sourceinfo .access-detail .access-part .part-content {
  font-size:14px
 }
 .wechat-sourceinfo .access-detail .access-part:first-child {
  margin-right:60px;
  padding-right:60px
 }
 .wechat-sourceinfo .access-block {
  padding:64px 0
 }
 .wechat-sourceinfo .advertisers-block {
  padding:64px 0 58px
 }
 .wechat-sourceinfo .sourceinfo-detail {
  padding:64px 0
 }
 .wechat-sourceinfo .sourceinfo-detail .showcase-body {
  margin:46px auto 0
 }
 .wechat-sourceinfo .sourceinfo-detail .show-choose {
  margin-left:70px
 }
 .wechat-sourceinfo .sourceinfo-detail .show-choose .choosecase-list {
  width:366px
 }
 .wechat-sourceinfo .sourceinfo-detail .show-choose .choosecase-list .choose-block {
  align-items:center;
  width:100%;
  height:90px;
  margin-right:0!important;
  padding:0 24px
 }
 .wechat-sourceinfo .sourceinfo-detail .show-choose .choosecase-list .choose-block .block-title {
  margin-bottom:8px;
  font-size:16px
 }
 .wechat-sourceinfo .sourceinfo-detail .show-choose .choosecase-list .choose-block .block-content {
  font-size:14px
 }
 .wechat-sourceinfo .gzh-content {
  width:650px;
  font-size:14px
 }
 .wechat-sourceinfo .return-icon {
  margin-top:32px
 }
 .wechat-sourceinfo .open-button {
  padding:0 22px;
  width:150px;
  height:42px!important;
  line-height:42px!important;
  font-size:14px
 }
 .wechat-sourceinfo .advertisers-block,
 .wechat-sourceinfo .maccess-block,
 .wechat-sourceinfo .sourceinfo-detail {
  padding:50px 0
 }
 .wechat-sourceinfo .advertisers-block .detail-info,
 .wechat-sourceinfo .maccess-block .detail-info,
 .wechat-sourceinfo .sourceinfo-detail .detail-info {
  text-align:center
 }
 .wechat-sourceinfo .advertisers-block .detail-info p,
 .wechat-sourceinfo .maccess-block .detail-info p,
 .wechat-sourceinfo .sourceinfo-detail .detail-info p {
  position:relative;
  font-weight:500;
  padding-bottom:16px;
  margin-bottom:22px;
  font-size:20px
 }
 .wechat-sourceinfo .advertisers-block .detail-info p:after,
 .wechat-sourceinfo .maccess-block .detail-info p:after,
 .wechat-sourceinfo .sourceinfo-detail .detail-info p:after {
  content:'';
  display:inline-block;
  position:absolute;
  bottom:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  height:6px;
  width:40px;
  background-color:#ffa601;
  border-radius:3px
 }
 .wechat-sourceinfo .advertisers-block .detail-info .detail-secinfo,
 .wechat-sourceinfo .maccess-block .detail-info .detail-secinfo,
 .wechat-sourceinfo .sourceinfo-detail .detail-info .detail-secinfo {
  color:#6b7799;
  font-size:14px
 }
 .wechat-sourceinfo .maccess-block {
  display:block;
  padding:50px 0;
  background-color:#f5f9ff
 }
 .wechat-sourceinfo .maccess-detail {
  margin:0 auto;
  text-align:center;
  width:290px
 }
 .wechat-sourceinfo .maccess-detail .maccess-part {
  margin-bottom:32px
 }
 .wechat-sourceinfo .maccess-detail .maccess-part:last-child {
  margin-bottom:0
 }
 .wechat-sourceinfo .maccess-detail .accessbgc-gzh,
 .wechat-sourceinfo .maccess-detail .accessbgc-pro,
 .wechat-sourceinfo .maccess-detail .accessbgc-process {
  width:105px;
  height:84px;
  background-size:105px auto
 }
 .wechat-sourceinfo .maccess-detail .accessbgc-pro {
  background-position:0 -82px
 }
 .wechat-sourceinfo .maccess-detail .accessbgc-process {
  background-position:0 -164px
 }
 .wechat-sourceinfo .maccess-detail .part-title {
  margin-bottom:8px;
  color:#0b1531;
  font-size:16px;
  font-weight:700
 }
 .wechat-sourceinfo .maccess-detail .part-content {
  color:#6b7799;
  font-size:14px;
  line-height:1.8
 }
 .wechat-sourceinfo .btn-infowechat {
  margin-bottom:20px;
  width:154px;
  height:42px;
  line-height:42px;
  padding:0 14px;
  font-size:14px
 }
 .wechat-sourceinfo .open-adblock {
  margin-bottom:50px;
  height:178px
 }
 .wechat-sourceinfo .open-adblock .open-title {
  padding-top:50px;
  font-size:18px
 }
 .wechat-sourceinfo .open-adblock .open-con {
  padding-top:16px
 }
 .wechat-sourceinfo .return-icon {
  width:260px;
  height:135px;
  background-size:260px auto
 }
 .wechat-sourceinfo .mgzh-content {
  display:block;
  width:320px;
  margin:28px auto 0
 }
 .wechat-sourceinfo .mgzh-content .mgzh-contentpart {
  text-align:left;
  color:#6b7799;
  line-height:1.8;
  margin-bottom:4px
 }
 .wechat-sourceinfo .advertisers-mgarlly {
  margin:26px auto 0;
  position:relative;
  display:inline-block
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly {
  margin:0 auto;
  width:290px;
  height:225px;
  background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/madvertisers_main.png);
  background-size:290px auto;
  background-repeat:no-repeat;
  background-position:top center
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly-icon {
  margin-top:6px;
  width:310px;
  display:flex;
  justify-content:space-between
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly-icon .advertisers-sprites {
  display:inline-block;
  width:60px;
  height:60px;
  background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
  background-size:60px auto;
  background-repeat:no-repeat
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly-icon .airbnb {
  display:inline-block;
  width:60px;
  height:60px;
  background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
  background-size:60px auto;
  background-repeat:no-repeat
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly-icon .piguet {
  display:inline-block;
  width:60px;
  height:60px;
  background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
  background-size:60px auto;
  background-repeat:no-repeat;
  background-position:0 -60px
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly-icon .lancome {
  display:inline-block;
  width:60px;
  height:60px;
  background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
  background-size:60px auto;
  background-repeat:no-repeat;
  background-position:0 -120px
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly-icon .cadillac {
  display:inline-block;
  width:60px;
  height:60px;
  background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
  background-size:60px auto;
  background-repeat:no-repeat;
  background-position:0 -180px
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly-icon .dyson {
  display:inline-block;
  width:60px;
  height:60px;
  background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
  background-size:60px auto;
  background-repeat:no-repeat;
  background-position:0 -240px
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly-icon .jd {
  display:inline-block;
  width:60px;
  height:60px;
  background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
  background-size:60px auto;
  background-repeat:no-repeat;
  background-position:0 -300px
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly-icon .mad {
  display:inline-block;
  width:60px;
  height:60px;
  background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
  background-size:60px auto;
  background-repeat:no-repeat;
  background-position:0 -420px
 }
 .wechat-sourceinfo .advertisers-mgarlly .magrlly-icon .shui {
  display:inline-block;
  width:60px;
  height:60px;
  background-image:url(https://www.gztenwin.com/skin/images/wechat_detail/advertisers_sprites.png);
  background-size:60px auto;
  background-repeat:no-repeat;
  background-position:0 -540px
 }
 .wechat-sourceinfo .promotion-marea {
  margin:0 auto;
  width:320px;
  display:block;
  position:relative;
  overflow:hidden
 }
 .wechat-sourceinfo .promotion-marea .wechatswiper-index,
 .wechat-sourceinfo .promotion-marea .wechatswiper-indexsec {
  margin-bottom:30px
 }
 .wechat-sourceinfo .promotion-marea .wechatswiper-index .swiper-pagination,
 .wechat-sourceinfo .promotion-marea .wechatswiper-indexsec .swiper-pagination {
  position:relative;
  margin-top:10px;
  bottom:0;
  text-align:center
 }
 .wechat-sourceinfo .promotion-marea .wechatswiper-index .swiper-pagination>span,
 .wechat-sourceinfo .promotion-marea .wechatswiper-indexsec .swiper-pagination>span {
  cursor:pointer;
  display:inline-block;
  background:#c4d4f5;
  width:7px;
  height:4px;
  border-radius:12px;
  margin:0 4px;
  transition:all .4s
 }
 .wechat-sourceinfo .promotion-marea .wechatswiper-index .swiper-pagination>span.swiper-pagination-bullet-active,
 .wechat-sourceinfo .promotion-marea .wechatswiper-indexsec .swiper-pagination>span.swiper-pagination-bullet-active {
  width:14px;
  background:#ffa601
 }
 .wechat-sourceinfo .promotion-marea .wswiper-title {
  margin-bottom:8px;
  color:#6b7799;
  font-size:16px;
  font-weight:700;
  text-align:center
 }
 .wechat-sourceinfo .promotion-marea .wswiper-content {
  height:40px;
  line-height:1.8;
  font-size:14px;
  color:#6b7799;
  text-align:center
 }
 .wechat-sourceinfo .promotion-marea .wswiper-adblock {
  position:relative;
  margin:20px auto 0;
  width:160px;
  height:335px
 }
 .wechat-sourceinfo .promotion-marea .wswiper-adblock .mobile-video {
  position:absolute;
  top:0;
  left:0;
  width:160px;
  height:335px;
  background-size:160px auto;
  z-index:2
 }
 .wechat-sourceinfo .promotion-marea .wswiper-adblock .case-img {
  position:absolute;
  top:6px;
  left:5px;
  width:151px;
  height:326px;
  background-size:158px auto;
  border-radius:18px;
  z-index:1
 }
}
@media (max-width:1023px) and (max-width:1023px) {
 .wechat-sourceinfo .advertisers-block .detail-info p:after,
 .wechat-sourceinfo .maccess-block .detail-info p:after,
 .wechat-sourceinfo .sourceinfo-detail .detail-info p:after {
  height:4px;
  width:32px
 }
}
.search_sprite {
 display:inline-block;
 width:24px;
 height:24px;
 background-image:url(https://www.gztenwin.com/skin/images/search/sprite_search.png);
 background-size:24px auto;
 background-repeat:no-repeat
}
.show-cross {
 display:inline-block!important
}
.search-page {
 padding-top:80px
}
.search-page .result-body {
 margin:0 auto;
 width:720px
}
.search-page .result-body .result-search {
 text-align:center
}
.search-page .result-body .search-cross {
 position:absolute;
 display:inline-block;
 width:24px;
 height:24px;
 background-image:url(https://www.gztenwin.com/skin/images/search/sprite_search.png);
 background-size:24px auto;
 background-repeat:no-repeat;
 background-position:0 -48px;
 top:8px;
 right:14px;
 cursor:pointer;
 display:none
}
.search-page .result-body .main-search {
 position:relative;
 display:inline-block;
 box-sizing:border-box;
 width:600px;
 margin:0 0 40px 0;
 padding:0;
 border:none;
 border-radius:24px;
 overflow:hidden;
 text-align:left;
 top:0
}
.search-page .result-body input {
 box-sizing:border-box;
 margin:0;
 width:100%;
 display:inline-block;
 font-size:16px;
 color:#0b1531;
 padding:9px 12px 9px 44px;
 border:2px solid #e0eaff;
 border-radius:24px;
 line-height:18px
}
.search-page .result-body input:focus {
 border:2px solid #296bef
}
.search-page .result-body input:focus+.search-cross:hover {
 background-position:0 -72px
}
.search-page .result-body input::-webkit-input-placeholder {
 color:#a3aecc
}
.search-page .result-body input:-moz-placeholder {
 color:#a3aecc
}
.search-page .result-body input::-moz-placeholder {
 color:#a3aecc
}
.search-page .result-body input:-ms-input-placeholder {
 color:#a3aecc
}
.search-page .result-body .search-icon {
 position:absolute;
 top:7px;
 left:16px;
 display:inline-block;
 width:24px;
 height:24px;
 background-image:url(https://www.gztenwin.com/skin/images/search/sprite_search.png);
 background-size:24px auto;
 background-repeat:no-repeat;
 cursor:pointer
}
.search-page .result-total {
 margin-bottom:20px;
 font-size:14px;
 text-align:center;
 color:#6b7799
}
.search-page .total-list {
 font-weight:400
}
.search-page .total-list li a {
 display:block;
 line-height:1;
 padding:32px 0;
 border-top:1px solid #e0eaff
}
.search-page .total-list li a .list-title {
 margin-bottom:10px;
 color:#0b1531;
 font-size:18px
}
.search-page .total-list li a .list-content {
 font-size:16px;
 line-height:1.5;
 color:#6b7799
}
.search-page .total-list li a .high-light,
.search-page .total-list li a em {
 color:#296bef
}
.search-page .total-list li a:hover .list-title {
 color:#296bef
}
.search-page .showmore-block {
 padding-bottom:80px
}
.search-page .showmore-block .more-block {
 padding:32px 0;
 border-top:1px solid #e0eaff;
 text-align:center
}
.search-page .showmore-block .more-block a {
 display:inline-block;
 width:128px;
 height:48px;
 line-height:44px;
 font-size:16px;
 border:2px solid #e0eaff;
 border-radius:25px;
 color:#6b7799;
 box-sizing:border-box
}
.search-page .showmore-block .more-block a:hover {
 color:#296bef;
 border:2px solid #296bef
}
.search-page .not-reuslt {
 text-align:center
}
.search-page .not-reuslt .search-none {
 width:32px
}
.search-page .not-reuslt .none-content {
 margin:20px 0 420px;
 line-height:1.5;
 font-size:16px;
 color:#a3aecc
}
@media (max-width:1279px) {
 .search-page {
  padding-top:64px
 }
 .search-page .showmore-block {
  margin-bottom:60px
 }
 .search-page .showmore-block .more-block {
  padding:28px 0
 }
 .search-page .showmore-block .more-block a {
  width:104px;
  height:42px;
  line-height:42px;
  font-size:14px
 }
 .search-page .result-body input {
  font-size:14px;
  padding:6px 12px 6px 36px
 }
 .search-page .result-body input:focus+.search-cross {
  top:7px;
  right:14px;
  width:12px;
  width:20px;
  height:20px;
  background-size:20px;
  background-position:0 -40px
 }
 .search-page .result-body input:focus+.search-cross:hover {
  background-position:0 -60px
 }
 .search-page .result-body .search-icon {
  top:6px;
  left:14px;
  width:20px;
  height:20px;
  background-size:20px;
  cursor:inherit
 }
 .search-page .total-list li a {
  padding:28px 0
 }
 .search-page .total-list li a .list-title {
  font-size:16px
 }
 .search-page .total-list li a .list-content {
  font-size:14px
 }
}
@-webkit-keyframes preferredBanner {
 from {
  background-position:50% 100px
 }
 to {
  background-position:50% 0
 }
}
@keyframes preferredBanner {
 from {
  background-position:50% 100px
 }
 to {
  background-position:50% 0
 }
}
.preferred_banner {
 height:485px;
 background:#e9f1ff url(https://www.gztenwin.com/skin/images/preferred/banner_bg.png) no-repeat center/contain;
 -webkit-animation:preferredBanner .6s .3s linear;
 animation:preferredBanner .6s .3s linear
}
@media (max-width:1279px) {
 .preferred_banner {
  height:400px
 }
}
@media (max-width:1023px) {
 .preferred_banner {
  height:489px;
  background:#e9f1ff url(https://www.gztenwin.com/skin/images/preferred/banner_bg_xs.png) no-repeat center/contain
 }
}
.preferred_banner .preferred_banner_container {
 box-sizing:border-box;
 width:1200px;
 margin:0 auto;
 display:flex;
 justify-content:space-between;
 padding:0 120px
}
@media (max-width:1279px) {
 .preferred_banner .preferred_banner_container {
  padding:0 80px;
  width:935px
 }
}
@media (max-width:1023px) {
 .preferred_banner .preferred_banner_container {
  width:335px;
  flex-direction:column;
  padding:0 12px
 }
}
.preferred_banner .preferred_banner_des {
 padding-top:100px;
 -webkit-animation:bannerTrans .5s linear forwards;
 animation:bannerTrans .5s linear forwards
}
@media (max-width:1279px) {
 .preferred_banner .preferred_banner_des {
  padding-top:88px
 }
}
@media (max-width:1023px) {
 .preferred_banner .preferred_banner_des {
  padding-top:50px
 }
}
.preferred_banner .preferred_banner_msg {
 margin-bottom:64px
}
@media (max-width:1279px) {
 .preferred_banner .preferred_banner_msg {
  margin-bottom:44px
 }
}
@media (max-width:1279px) {
 .preferred_banner .preferred_banner_msg {
  margin-bottom:24px
 }
}
.preferred_banner .preferred_banner_msg>p {
 font-size:40px;
 line-height:60px;
 font-weight:700;
 color:#0b1531;
 letter-spacing:1.8px
}
@media (max-width:1279px) {
 .preferred_banner .preferred_banner_msg>p {
  font-size:32px;
  line-height:48px;
  letter-spacing:1.5px
 }
}
@media (max-width:1023px) {
 .preferred_banner .preferred_banner_msg>p {
  font-size:22px;
  line-height:33px;
  text-align:center;
  letter-spacing:1.8px
 }
 .preferred_banner .preferred_banner_msg>p:last-of-type {
  margin-bottom:14px
 }
}
.preferred_banner .preferred_banner_msg>span {
 color:#6b7799;
 line-height:28px;
 font-size:16px;
 margin-top:6px
}
@media (max-width:1279px) {
 .preferred_banner .preferred_banner_msg>span {
  font-size:14px;
  margin-top:15px;
  line-height:21px
 }
}
@media (max-width:1023px) {
 .preferred_banner .preferred_banner_msg>span {
  text-align:left
 }
}
.preferred_banner .preferred_banner_ani {
 width:400px;
 height:400px;
 margin-top:41px;
 position:relative;
 opacity:0;
 -webkit-transform:translateY(20px);
 -ms-transform:translateY(20px);
 transform:translateY(20px);
 -webkit-animation:bannerTrans .5s linear forwards;
 animation:bannerTrans .5s linear forwards
}
@media (max-width:1279px) {
 .preferred_banner .preferred_banner_ani {
  width:320px;
  height:320px;
  margin-top:37px
 }
}
@media (max-width:1023px) {
 .preferred_banner .preferred_banner_ani {
  width:180px;
  height:180px;
  margin:32px auto 0 auto;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0);
  -webkit-animation:bannerTransPhone .5s .2s linear forwards;
  animation:bannerTransPhone .5s .2s linear forwards
 }
}
@media (max-width:1023px) {
 .preferred_banner .preferred_banner_btn {
  text-align:center;
  font-size:14px
 }
}
.preferred_banner .preferred_banner_btn a {
 height:58px;
 line-height:58px;
 padding:0 40px;
 font-size:18px
}
@media (max-width:1279px) {
 .preferred_banner .preferred_banner_btn a {
  padding:0 32px;
  height:52px;
  line-height:52px;
  font-size:16px
 }
}
@media (max-width:1023px) {
 .preferred_banner .preferred_banner_btn a {
  height:42px;
  padding:0 24px;
  line-height:42px;
  font-size:14px
 }
}
.preferred_tips {
 background-color:#fff;
 padding-top:64px
}
@media (max-width:1279px) {
 .preferred_tips {
  padding-top:55px
 }
}
@media (max-width:1023px) {
 .preferred_tips {
  padding-top:50px
 }
}
.preferred_tips .preferred_tips_list {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between;
 width:1000px;
 margin:0 auto;
 opacity:0;
 -webkit-transform:translateY(20px);
 -ms-transform:translateY(20px);
 transform:translateY(20px);
 -webkit-animation:bannerTrans .5s 1s linear forwards;
 animation:bannerTrans .5s 1s linear forwards
}
@media (max-width:1279px) {
 .preferred_tips .preferred_tips_list {
  width:810px
 }
}
@media (max-width:1023px) {
 .preferred_tips .preferred_tips_list {
  width:320px;
  padding-bottom:18px
 }
}
.preferred_tips .preferred_tips_list>div {
 width:400px;
 text-align:center;
 margin-bottom:64px
}
@media (max-width:1279px) {
 .preferred_tips .preferred_tips_list>div {
  width:335px;
  margin-bottom:55px
 }
}
@media (max-width:1023px) {
 .preferred_tips .preferred_tips_list>div {
  width:100%;
  margin-bottom:32px
 }
}
.preferred_tips .preferred_tips_list>div i {
 display:inline-block;
 width:300px;
 height:205px;
 margin-bottom:24px
}
@media (max-width:1279px) {
 .preferred_tips .preferred_tips_list>div i {
  width:264px;
  height:180px;
  margin-bottom:20px
 }
}
@media (max-width:1023px) {
 .preferred_tips .preferred_tips_list>div i {
  width:180px;
  height:123px;
  margin-bottom:14px
 }
}
.preferred_tips .preferred_tips_list>div p {
 font-size:24px;
 line-height:24px;
 color:#0b1531;
 font-weight:700;
 margin-bottom:16px
}
@media (max-width:1279px) {
 .preferred_tips .preferred_tips_list>div p {
  font-size:22px;
  line-height:22px;
  margin-bottom:14px
 }
}
@media (max-width:1023px) {
 .preferred_tips .preferred_tips_list>div p {
  font-size:16px;
  line-height:20px;
  margin-bottom:8px
 }
}
.preferred_tips .preferred_tips_list>div>div span {
 line-height:29px;
 font-size:16px;
 color:#6b7799
}
@media (max-width:1279px) {
 .preferred_tips .preferred_tips_list>div>div span {
  line-height:24px;
  font-size:14px
 }
}
@media (max-width:1023px) {
 .preferred_tips .preferred_tips_list>div>div span {
  font-size:14px;
  line-height:22px
 }
}
@media (max-width:1023px) {
 .preferred_tips .preferred_tips_list .preferred_tips_sec {
  display:none
 }
}
.preferred_tips .preferred_tips_list .preferred_tips_sec_xs {
 display:none
}
@media (max-width:1023px) {
 .preferred_tips .preferred_tips_list .preferred_tips_sec_xs {
  display:block
 }
}
.preferred_tips .preferred_tips_list .preferred_tips_list_app {
 background:url(https://www.gztenwin.com/skin/images/preferred/tips_app.png) no-repeat center/contain
}
.preferred_tips .preferred_tips_list .preferred_tips_list_income {
 background:url(https://www.gztenwin.com/skin/images/preferred/tips_income.png) no-repeat center/contain
}
.preferred_tips .preferred_tips_list .preferred_tips_list_service {
 background:url(https://www.gztenwin.com/skin/images/preferred/tips_service.png) no-repeat center/contain
}
.preferred_tips .preferred_tips_list .preferred_tips_list_test {
 background:url(https://www.gztenwin.com/skin/images/preferred/tips_test.png) no-repeat center/contain
}
.preferred_swiper {
 position:relative;
 box-sizing:border-box;
 background-color:#f5f9ff
}
.preferred_swiper .case_container {
 height:594px;
 display:flex;
 justify-content:center
}
@media (max-width:1279px) {
 .preferred_swiper .case_container {
  height:438px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .case_container {
  height:786px
 }
}
.preferred_swiper .swiper-indexcontain {
 position:relative;
 padding-bottom:74px
}
@media (max-width:1279px) {
 .preferred_swiper .swiper-indexcontain {
  padding-bottom:56px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .swiper-indexcontain {
  padding-bottom:50px;
  width:100%
 }
}
.preferred_swiper .swiper-body {
 position:relative;
 width:1280px;
 margin:0 auto;
 padding:64px 0 0
}
@media (max-width:1279px) {
 .preferred_swiper .swiper-body {
  width:980px;
  padding:50px 0 0
 }
}
@media (max-width:1023px) {
 .preferred_swiper .swiper-body {
  width:92%
 }
}
.preferred_swiper .swiper-body .case-tolTittle {
 margin-bottom:16px;
 font-size:16px;
 color:#ffa601;
 text-align:center
}
.preferred_swiper .swiper-body .case-tolContent {
 margin-bottom:36px;
 position:relative;
 padding-bottom:24px;
 font-size:36px;
 color:#0b1531;
 text-align:center;
 font-weight:500
}
@media (max-width:1279px) {
 .preferred_swiper .swiper-body .case-tolContent {
  font-size:28px;
  padding-bottom:12px;
  margin-bottom:32px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .swiper-body .case-tolContent {
  font-size:20px;
  line-height:20px;
  margin-bottom:20px
 }
}
.preferred_swiper .swiper-body .case-tolContent:after {
 content:'';
 display:inline-block;
 position:absolute;
 bottom:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 height:6px;
 width:40px;
 background-color:#ffa601;
 border-radius:3px
}
@media (max-width:1279px) {
 .preferred_swiper .swiper-body .case-tolContent:after {
  height:4px;
  width:32px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .swiper-body .case-tolContent:after {
  width:24px
 }
}
.preferred_swiper .swiper-body .swiper-one {
 background-image:url(https://www.gztenwin.com/skin/images/new/swiper-bg.png);
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat
}
.preferred_swiper .preferred-swiper-index {
 position:relative;
 width:1280px;
 margin:0 auto;
 height:640px;
 overflow:hidden
}
@media (max-width:1279px) {
 .preferred_swiper .preferred-swiper-index {
  width:1000px;
  height:465px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred-swiper-index {
  width:100%;
  height:810px
 }
}
.preferred_swiper .preferred-swiper-index .swiper-button-next,
.preferred_swiper .preferred-swiper-index .swiper-button-prev,
.preferred_swiper .preferred-swiper-index .swiper-container-rtl .swiper-button-next,
.preferred_swiper .preferred-swiper-index .swiper-container-rtl .swiper-button-prev {
 background-image:url(https://www.gztenwin.com/skin/images/new/swiper-button.png);
 background-size:102px auto;
 width:102px;
 height:104px;
 margin-top:0;
 top:30%;
 -webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%)
}
.preferred_swiper .preferred-swiper-index .swiper-button-next,
.preferred_swiper .preferred-swiper-index .swiper-container-rtl .swiper-button-prev {
 -webkit-transform:rotate(180deg) translateX(-100%);
 -ms-transform:rotate(180deg) translateX(-100%);
 transform:rotate(180deg) translateX(-100%)
}
.preferred_swiper .preferred-swiper-index .swiper-pagination-bullet {
 opacity:1
}
.preferred_swiper .case-swiper {
 margin:0 auto;
 width:1036px;
 height:520px;
 background-color:#fff;
 border-radius:12px;
 border:1px solid rgba(44,114,255,.1);
 box-shadow:0 4px 20px rgba(44,114,255,.08);
 -webkit-transform:translateY(30px);
 -ms-transform:translateY(30px);
 transform:translateY(30px)
}
@media (max-width:1279px) {
 .preferred_swiper .case-swiper {
  width:754px;
  height:368px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .case-swiper {
  width:100%;
  height:786px;
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
 }
}
.preferred_swiper .swiper-pagination {
 text-align:center;
 bottom:0
}
.preferred_swiper .swiper-pagination>span {
 cursor:pointer;
 display:inline-block;
 background:#c4d4f5;
 width:14px;
 height:8px;
 border-radius:12px;
 margin:0 4px;
 transition:all .4s
}
@media (max-width:1279px) {
 .preferred_swiper .swiper-pagination>span {
  width:10.5px;
  height:6px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .swiper-pagination>span {
  width:7px;
  height:4px
 }
}
.preferred_swiper .swiper-pagination>span.swiper-pagination-bullet-active {
 width:28px;
 background:#ffa601
}
@media (max-width:1279px) {
 .preferred_swiper .swiper-pagination>span.swiper-pagination-bullet-active {
  width:21px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .swiper-pagination>span.swiper-pagination-bullet-active {
  width:14px
 }
}
.preferred_swiper .preferred_case_container {
 display:flex;
 padding:64px 64px 0 0
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container {
  padding:44px 56px 0 0
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container {
  flex-wrap:wrap;
  flex-direction:column-reverse;
  padding:30px 20px 0;
  max-width:375px;
  margin:0 auto
 }
}
.preferred_swiper .preferred_case_container>div:first-of-type {
 width:288px;
 height:594px;
 margin-right:64px;
 flex-shrink:0;
 background-color:#fff;
 border:1px solid rgba(0,116,255,.1);
 box-shadow:2px 2px 12px 0 rgba(0,116,255,.08),0 3px 11px 0 rgba(0,116,255,.08);
 border-radius:30px;
 display:flex;
 align-items:center;
 justify-content:center;
 -webkit-transform:translateY(-94px);
 -ms-transform:translateY(-94px);
 transform:translateY(-94px)
}
.preferred_swiper .preferred_case_container>div:first-of-type>div {
 width:257px;
 height:557px;
 border-radius:14px;
 box-shadow:0 3px 11px 0 rgba(0,116,255,.08);
 overflow:hidden
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container>div:first-of-type>div {
  width:189px;
  height:410px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container>div:first-of-type>div {
  width:163px;
  height:350px
 }
}
.preferred_swiper .preferred_case_container>div:first-of-type>div video {
 display:block;
 width:100%;
 height:100%
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container>div:first-of-type {
  width:212px;
  height:438px;
  margin-right:56px;
  -webkit-transform:translateY(-72px);
  -ms-transform:translateY(-72px);
  transform:translateY(-72px)
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container>div:first-of-type {
  width:182px;
  height:375px;
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  margin:28px auto 0
 }
}
.preferred_swiper .preferred_case_container .preferred_case_title {
 display:flex;
 align-items:center;
 margin-bottom:14px
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_title {
  margin-bottom:8px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_title {
  margin-bottom:14px
 }
}
.preferred_swiper .preferred_case_container .preferred_case_title i {
 display:inline-block;
 width:53px;
 height:53px;
 margin-right:23px
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_title i {
  width:36px;
  height:36px;
  margin-right:16px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_title i {
  width:30px;
  height:30px;
  margin-right:14px
 }
}
.preferred_swiper .preferred_case_container .preferred_case_title span {
 font-size:28px;
 line-height:52px;
 letter-spacing:1.2px;
 font-weight:700;
 color:#0b1531
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_title span {
  font-size:22px;
  line-height:33px;
  letter-spacing:0
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_title span {
  font-size:16px;
  line-height:27px;
  letter-spacing:1.5px
 }
}
.preferred_swiper .preferred_case_container .preferred_case_desc {
 font-size:16px;
 line-height:24px;
 letter-spacing:1.14px;
 margin-bottom:36px;
 color:#6b7799
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_desc {
  font-size:14px;
  line-height:24px;
  letter-spacing:1px;
  margin-bottom:30px
 }
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_desc {
  font-size:14px;
  line-height:22px;
  letter-spacing:1px;
  margin-bottom:28px
 }
}
.preferred_swiper .preferred_case_container .preferred_case_data {
 display:flex;
 margin-bottom:86px
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_data {
  margin-bottom:40px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_data {
  margin-bottom:28px;
  display:flex;
  align-items:center;
  justify-content:center
 }
}
.preferred_swiper .preferred_case_container .preferred_case_data>div {
 position:relative
}
.preferred_swiper .preferred_case_container .preferred_case_data>div:first-of-type {
 padding-right:24px
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div:first-of-type {
  padding-right:36px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div:first-of-type {
  padding-right:36px;
  text-align:center
 }
}
.preferred_swiper .preferred_case_container .preferred_case_data>div:nth-of-type(2) {
 padding-left:40px
}
.preferred_swiper .preferred_case_container .preferred_case_data>div:nth-of-type(2):before {
 position:absolute;
 left:0;
 top:0;
 content:"";
 display:block;
 width:2px;
 height:100%;
 background-color:#e0eaff
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div:nth-of-type(2) {
  padding-left:36px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div:nth-of-type(2) {
  padding-left:24px;
  text-align:center
 }
}
.preferred_swiper .preferred_case_container .preferred_case_data>div>div:first-of-type {
 margin-bottom:12px
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div>div:first-of-type {
  margin-bottom:10px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div>div:first-of-type {
  margin-bottom:12px;
  text-align:center
 }
}
.preferred_swiper .preferred_case_container .preferred_case_data>div>div:first-of-type>span {
 color:#296bef;
 font-weight:700
}
.preferred_swiper .preferred_case_container .preferred_case_data>div>div:first-of-type>span:first-of-type {
 font-size:32px;
 line-height:28px
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div>div:first-of-type>span:first-of-type {
  font-size:28px;
  line-height:28px
 }
}
.preferred_swiper .preferred_case_container .preferred_case_data>div>div:first-of-type>span:nth-of-type(2) {
 font-size:16px;
 line-height:16px
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div>div:first-of-type>span:nth-of-type(2) {
  font-size:14px;
  line-height:14px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div>div:first-of-type>span:nth-of-type(2) {
  font-size:12px;
  line-height:16px
 }
}
.preferred_swiper .preferred_case_container .preferred_case_data>div>div:nth-of-type(2) {
 color:#6b7799;
 font-size:16px;
 line-height:24px;
 letter-spacing:1.14px
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div>div:nth-of-type(2) {
  font-size:14px;
  line-height:14px;
  letter-spacing:1px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_data>div>div:nth-of-type(2) {
  font-size:12px;
  line-height:12px;
  letter-spacing:1px
 }
}
.preferred_swiper .preferred_case_container .preferred_case_detail {
 width:600px;
 position:relative
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_detail {
  width:415px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_detail {
  width:100%
 }
}
.preferred_swiper .preferred_case_container .preferred_case_detail i {
 width:15px;
 height:16px;
 display:inline-block;
 position:absolute
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_detail i {
  width:12px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_detail i {
  width:8px
 }
}
.preferred_swiper .preferred_case_container .preferred_case_detail i:first-of-type {
 background:url(https://www.gztenwin.com/skin/images/preferred/case_des_icon.png) no-repeat center/contain;
 top:0
}
.preferred_swiper .preferred_case_container .preferred_case_detail i:nth-of-type(2) {
 background:url(https://www.gztenwin.com/skin/images/preferred/case_des_icon_end.png) no-repeat center/contain;
 bottom:12px;
 right:16px
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_detail i:nth-of-type(2) {
  display:inline;
  right:auto;
  bottom:auto
 }
}
.preferred_swiper .preferred_case_container .preferred_case_detail span {
 display:inline-block;
 width:528px;
 font-weight:700;
 font-size:20px;
 line-height:36px;
 margin-left:32px;
 color:#6b7799
}
@media (max-width:1279px) {
 .preferred_swiper .preferred_case_container .preferred_case_detail span {
  width:375px;
  font-size:16px;
  line-height:30px;
  margin-left:24px
 }
}
@media (max-width:1023px) {
 .preferred_swiper .preferred_case_container .preferred_case_detail span {
  width:295px;
  font-size:16px;
  line-height:28px;
  margin-left:10px;
  display:inline
 }
}
.preferred_swiper .preferred_case_container .preferred_case_am_logo {
 background:url(https://www.gztenwin.com/skin/images/preferred/case_am_logo.png) no-repeat center/contain
}
.preferred_swiper .preferred_case_container .preferred_case_40cm_logo {
 background:url(https://www.gztenwin.com/skin/images/preferred/case_40cm_logo.png) no-repeat center/contain
}
.preferred_swiper .preferred_case_container .preferred_case_teacher_logo {
 background:url(https://www.gztenwin.com/skin/images/preferred/case_teacher_logo.png) no-repeat center/contain
}
.preferred_bottom {
 width:100%;
 height:322px;
 background-color:#296bef;
 position:relative;
 overflow:hidden
}
.preferred_bottom:before {
 content:"";
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 width:465px;
 height:265px;
 background:url(https://www.gztenwin.com/skin/images/preferred/bottom_left.png) no-repeat center/contain
}
@media (max-width:1279px) {
 .preferred_bottom:before {
  width:335px;
  height:210px;
  bottom:-10px
 }
}
@media (max-width:1023px) {
 .preferred_bottom:before {
  width:240px;
  height:190px;
  bottom:-27px;
  left:-40px
 }
}
.preferred_bottom:after {
 content:"";
 display:block;
 position:absolute;
 top:-15px;
 right:0;
 width:465px;
 height:265px;
 background:url(https://www.gztenwin.com/skin/images/preferred/bottom_right.png) no-repeat center/contain
}
@media (max-width:1279px) {
 .preferred_bottom:after {
  width:335px;
  height:210px;
  top:-20px
 }
}
@media (max-width:1023px) {
 .preferred_bottom:after {
  width:240px;
  height:190px;
  right:-30px;
  top:-35px
 }
}
@media (max-width:1279px) {
 .preferred_bottom {
  height:258px
 }
}
@media (max-width:1023px) {
 .preferred_bottom {
  height:254px
 }
}
.preferred_bottom .preferred_bottom_des {
 font-size:28px;
 line-height:50px;
 padding-top:64px;
 color:#fff;
 z-index:1;
 position:relative;
 font-weight:700
}
@media (max-width:1279px) {
 .preferred_bottom .preferred_bottom_des {
  font-size:24px;
  line-height:42px;
  letter-spacing:.86px;
  padding-top:56px
 }
}
@media (max-width:1023px) {
 .preferred_bottom .preferred_bottom_des {
  font-size:18px;
  line-height:32px;
  letter-spacing:1px;
  padding-top:50px
 }
 .preferred_bottom .preferred_bottom_des>div:nth-of-type(2) span {
  display:block
 }
}
.preferred_bottom .preferred_bottom_des>div {
 text-align:center
}
.preferred_bottom .preferred_bottom_btn {
 text-align:center;
 padding-top:36px;
 position:relative;
 z-index:9
}
@media (max-width:1279px) {
 .preferred_bottom .preferred_bottom_btn {
  padding-top:20px
 }
}
@media (max-width:1023px) {
 .preferred_bottom .preferred_bottom_btn {
  padding-top:16px
 }
}
.preferred_bottom .preferred_bottom_btn .new-btn {
 color:#296bef;
 font-weight:700;
 background-color:#fff;
 font-size:18px;
 height:58px;
 line-height:58px;
 padding:0 40px
}
.preferred_bottom .preferred_bottom_btn .new-btn:hover {
 background-color:rgba(255,255,255,.8)
}
@media (max-width:1279px) {
 .preferred_bottom .preferred_bottom_btn .new-btn {
  font-size:16px;
  height:42px;
  line-height:42px;
  padding:0 36px
 }
}
@media (max-width:1023px) {
 .preferred_bottom .preferred_bottom_btn .new-btn {
  font-size:14px;
  height:42px;
  line-height:42px;
  padding:0 28px
 }
}
.preferred_wj {
 height:calc(100vh - 64px)
}
#container {
 width:100%;
 height:100%
}
@media (max-width:1023px) {
 #container {
  background:url(https://www.gztenwin.com/skin/images/preferred/game_finish.png) no-repeat center/contain
 }
}
.animation {
 width:100%;
 height:0;
 padding-bottom:96.42857142857143%;
 background-image:url(https://www.gztenwin.com/skin/images/preferred/sprites.png);
 background-size:3000% 100.0925925925926%;
 background-repeat:no-repeat;
 -webkit-animation-name:keyframes-img;
 animation-name:keyframes-img;
 -webkit-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-delay:.8s;
 animation-delay:.8s;
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards;
 -webkit-animation-timing-function:steps(1);
 animation-timing-function:steps(1)
}
@media (max-width:1023px) {
 .animation {
  display:none
 }
}
@-webkit-keyframes bannerTrans {
 from {
  opacity:0;
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
 }
 to {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes bannerTrans {
 from {
  opacity:0;
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
 }
 to {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@-webkit-keyframes bannerTransPhone {
 from {
  opacity:0;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes bannerTransPhone {
 from {
  opacity:0;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
 to {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-webkit-keyframes keyframes-img {
 0% {
  width:100%;
  height:0;
  padding-bottom:96.42857142857143%;
  background-image:url(https://www.gztenwin.com/skin/images/preferred/sprites.png);
  background-size:3000% 100.0925925925926%
 }
 3.33% {
  background-position:3.4482758620689653% 0
 }
 6.67% {
  background-position:6.896551724137931% 0
 }
 10.00% {
  background-position:10.344827586206897% 0
 }
 13.33% {
  background-position:13.793103448275861% 0
 }
 16.67% {
  background-position:17.24137931034483% 0
 }
 20.00% {
  background-position:20.689655172413794% 0
 }
 23.33% {
  background-position:24.137931034482758% 0
 }
 26.67% {
  background-position:27.586206896551722% 0
 }
 30.00% {
  background-position:31.03448275862069% 0
 }
 33.33% {
  background-position:34.48275862068966% 0
 }
 36.67% {
  background-position:37.93103448275862% 0
 }
 40.00% {
  background-position:41.37931034482759% 0
 }
 43.33% {
  background-position:44.827586206896555% 0
 }
 46.67% {
  background-position:48.275862068965516% 0
 }
 50.00% {
  background-position:51.724137931034484% 0
 }
 53.33% {
  background-position:55.172413793103445% 0
 }
 56.67% {
  background-position:58.620689655172406% 0
 }
 60.00% {
  background-position:62.06896551724138% 0
 }
 63.33% {
  background-position:65.51724137931035% 0
 }
 66.67% {
  background-position:68.96551724137932% 0
 }
 70.00% {
  background-position:72.41379310344827% 0
 }
 73.33% {
  padding-bottom:96.51785714285714%;
  background-position:75.86206896551724% 0;
  background-size:3000% 100%
 }
 76.67% {
  padding-bottom:96.42857142857143%;
  background-position:79.3103448275862% 0;
  background-size:3000% 100.0925925925926%
 }
 80.00% {
  background-position:82.75862068965517% 0
 }
 83.33% {
  background-position:86.20689655172413% 0
 }
 86.67% {
  background-position:89.65517241379311% 0
 }
 90.00% {
  background-position:93.10344827586206% 0
 }
 93.33% {
  background-position:96.55172413793103% 0
 }
 100%,
 96.67% {
  background-position:100% 0
 }
}
@keyframes keyframes-img {
 0% {
  width:100%;
  height:0;
  padding-bottom:96.42857142857143%;
  background-image:url(https://www.gztenwin.com/skin/images/preferred/sprites.png);
  background-size:3000% 100.0925925925926%
 }
 3.33% {
  background-position:3.4482758620689653% 0
 }
 6.67% {
  background-position:6.896551724137931% 0
 }
 10.00% {
  background-position:10.344827586206897% 0
 }
 13.33% {
  background-position:13.793103448275861% 0
 }
 16.67% {
  background-position:17.24137931034483% 0
 }
 20.00% {
  background-position:20.689655172413794% 0
 }
 23.33% {
  background-position:24.137931034482758% 0
 }
 26.67% {
  background-position:27.586206896551722% 0
 }
 30.00% {
  background-position:31.03448275862069% 0
 }
 33.33% {
  background-position:34.48275862068966% 0
 }
 36.67% {
  background-position:37.93103448275862% 0
 }
 40.00% {
  background-position:41.37931034482759% 0
 }
 43.33% {
  background-position:44.827586206896555% 0
 }
 46.67% {
  background-position:48.275862068965516% 0
 }
 50.00% {
  background-position:51.724137931034484% 0
 }
 53.33% {
  background-position:55.172413793103445% 0
 }
 56.67% {
  background-position:58.620689655172406% 0
 }
 60.00% {
  background-position:62.06896551724138% 0
 }
 63.33% {
  background-position:65.51724137931035% 0
 }
 66.67% {
  background-position:68.96551724137932% 0
 }
 70.00% {
  background-position:72.41379310344827% 0
 }
 73.33% {
  padding-bottom:96.51785714285714%;
  background-position:75.86206896551724% 0;
  background-size:3000% 100%
 }
 76.67% {
  padding-bottom:96.42857142857143%;
  background-position:79.3103448275862% 0;
  background-size:3000% 100.0925925925926%
 }
 80.00% {
  background-position:82.75862068965517% 0
 }
 83.33% {
  background-position:86.20689655172413% 0
 }
 86.67% {
  background-position:89.65517241379311% 0
 }
 90.00% {
  background-position:93.10344827586206% 0
 }
 93.33% {
  background-position:96.55172413793103% 0
 }
 100%,
 96.67% {
  background-position:100% 0
 }
}
.share {
 float:right;
 position:relative
}
.share .qr-btn {
 display:block;
 padding-left:22px;
 background:url(https://www.gztenwin.com/skin/images/new_case/zp4.png) left center no-repeat;
 cursor:pointer;
 background-size:16px auto;
 font-size:14px;
 color:#939599
}
.share:hover .qr-btn {
 color:#296bef;
 background-image:url(https://www.gztenwin.com/skin/images/new_case/zp4h.png)
}
.share .qr {
 position:absolute;
 width:136px;
 background-color:#fff;
 padding:15px 15px 13px;
 top:30px;
 left:50%;
 display:none;
 z-index:29;
 box-shadow:0 6px 15px 0 rgba(49,50,51,.05),0 3px 5px 0 rgba(49,50,51,.05);
 border-radius:6px;
 border:1px solid #dfe1e6;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%)
}
.share:hover .qr {
 display:block
}
.share .pic img {
 display:block;
 width:100%;
 margin:0
}
.share p {
 font-size:14px;
 color:#313233;
 line-height:1.51;
 text-align:center
}
.title-option {
 height:24px;
 margin-top:25px
}
.newcase-body2 .info-tag div:first-child {
 flex:1;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
@media (max-width:1023px) {
 .service-card {
  margin-top:-62px;
  margin-bottom:-50px
 }
}
@media (min-width:1023px) {
 div.guide-share-mask {
  display:none
 }
}
.service-card-background {
 width:100%;
 height:160px;
 background:url(https://www.gztenwin.com/skin/images/service-card-img.png) no-repeat;
 background-size:100%
}
.service-card-people-name {
 font-weight:500;
 font-size:24px;
 line-height:34px;
 color:#000;
 padding-top:47px;
 margin-bottom:-2px
}
.service-card-people-company {
 font-size:14px;
 line-height:17px;
 color:#313233;
 opacity:.6;
 margin-top:8px
}
.service-card-people {
 height:147px;
 border-bottom:1px solid #edeff2;
 position:relative
}
.service-card-info,
.service-card-people {
 margin:0 21px
}
.service-card-info {
 padding-top:20px
}
.service-card-info-single {
 font-size:14px;
 line-height:20px;
 color:#000;
 display:grid;
 grid-template-columns:54px 1fr;
 margin-bottom:16px
}
.service-card-label {
 opacity:.5;
 width:36px
}
.service-card-img {
 width:75px
}
.service-card-people-head {
 width:68px;
 height:68px;
 position:absolute;
 top:0;
 border-radius:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 left:0;
 border:1px solid #e4e6e9
}
.service-card-btns {
 position:absolute;
 display:flex;
 top:21px;
 right:0
}
.service-card-btns a {
 display:block;
 width:36px;
 height:36px;
 background:#296bef;
 box-shadow:2px 2px 12px rgba(41,107,239,.5);
 border-radius:50%;
 background-size:15px;
 background-repeat:no-repeat;
 background-position:center center
}
.service-card-btns .service-card-tel {
 margin-right:12px;
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-telephone.svg)
}
.service-card-btns .service-card-pen {
 background-image:url(https://www.gztenwin.com/skin/images/icon/icon-pen.svg)
}
.service-card-content-reward {
 width:16px;
 height:16px;
 border-radius:50%;
 background:url(https://www.gztenwin.com/skin/images/icon/icon-reward.svg) no-repeat center;
 background-size:100%;
 margin-right:4px
}
.service-card-reward-box {
 display:flex;
 margin-bottom:16px
}
.service-card-content-box {
 margin-bottom:-16px
}
.guide-share-mask {
 width:100vw;
 height:100vh;
 position:fixed;
 top:0;
 left:0;
 z-index:1111;
 display:flex;
 justify-content:center;
 align-items:center;
 padding:0 15px;
 background:rgba(0,0,0,.5)
}
.guide-share-arrow {
 width:100px;
 height:100%;
 background-size:100%;
 background-repeat:no-repeat
}
.guide-share-arrow1 {
 background-image:url(https://www.gztenwin.com/skin/images/guide-share-arrow.svg)
}
.guide-share-arrow2 {
 background-image:url(https://www.gztenwin.com/skin/images/guide-share-arrow.svg);
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.guide-share-tip {
 width:240px;
 height:132px;
 background-image:url(https://www.gztenwin.com/skin/images/guide-share-tip.svg);
 background-size:100%;
 background-repeat:no-repeat
}
.guide-share-arrow-box {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 display:flex;
 justify-content:space-between;
 align-items:center
}
.guide-share-content {
 position:relative;
 width:100%;
 height:324px;
 display:flex;
 justify-content:center;
 align-items:center
}
.guide-share-img-2 {
 margin-top:63px;
 width:285px;
 height:200px;
 background-size:100%;
 background-repeat:no-repeat;
 background-image:url(https://www.gztenwin.com/skin/images/share-img-2.png)
}
.guide-share-mask-2 {
 align-items:unset;
 background:rgba(0,0,0,.7)
}
.guide-share-normal {
 width:343px;
 height:225px;
 background:#fff;
 box-shadow:0 4px 16px rgba(0,0,0,.04);
 border-radius:16px;
 display:flex;
 flex-direction:column;
 align-items:center
}
.guide-share-normal-title {
 color:#313233;
 font-size:16px;
 line-height:25px;
 margin:20px 0
}
.guide-share-img-blueback {
 width:70px;
 height:70px;
 background-size:100%;
 background-repeat:no-repeat;
 background-image:url(https://www.gztenwin.com/skin/images/icon-share-blueback.svg)
}
.guide-share-normal-tip1 {
 font-size:14px;
 line-height:20px;
 color:#626366;
 margin-top:21px;
 margin-bottom:4px
}
.guide-share-normal-tip2 {
 font-size:12px;
 line-height:14px;
 text-align:center;
 color:#939599
}
.newcase-body .newcase-img-preset .newcase-content,
.newcase-body .newcase-img-preset .newcase-img,
.newcase-body .newcase-img-preset .newcase-tagname,
.newcase-body .newcase-img-preset .newcase-title {
 background-image:linear-gradient(to right,#edeff2 0,#f7f7f7 50%,#edeff2);
 -webkit-animation-name:preset-animation-img;
 animation-name:preset-animation-img;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 transition:.3s;
 -webkit-animation-duration:.6s;
 animation-duration:.6s;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.newcase-body .newcase-img-preset .newcase-title {
 width:80px;
 height:20px;
 -webkit-animation-name:preset-animation-title;
 animation-name:preset-animation-title;
 border-radius:4px
}
.newcase-body .newcase-img-preset .newcase-content {
 width:309px;
 height:16px;
 -webkit-animation-name:preset-animation-content;
 animation-name:preset-animation-content;
 border-radius:4px
}
.newcase-body .newcase-img-preset .newcase-tagname {
 width:56px;
 height:14px;
 -webkit-animation-name:preset-animation-tag;
 animation-name:preset-animation-tag;
 border-radius:4px
}
.newcase-body .newcase-img-preset .newcase-bottom .newcase-tag {
 display:flex
}
.newcase-body .newcase-img-preset .newcase-bottom .newcase-tag div.newcase-tagname {
 margin-right:17px
}
.newcase-body .newcase-img-preset .newcase-bottom .newcase-tag div.newcase-tagname::after {
 right:-8px
}
.newcase-body .newcase-img-preset .newcase-content {
 margin-top:16px;
 margin-bottom:24px
}
@-webkit-keyframes preset-animation-img {
 0% {
  background-position:-180px 0
 }
 100% {
  background-position:180px 0
 }
}
@keyframes preset-animation-img {
 0% {
  background-position:-180px 0
 }
 100% {
  background-position:180px 0
 }
}
@-webkit-keyframes preset-animation-title {
 0% {
  background-position:-40px 0
 }
 100% {
  background-position:40px 0
 }
}
@keyframes preset-animation-title {
 0% {
  background-position:-40px 0
 }
 100% {
  background-position:40px 0
 }
}
@-webkit-keyframes preset-animation-content {
 0% {
  background-position:-105px 0
 }
 100% {
  background-position:105px 0
 }
}
@keyframes preset-animation-content {
 0% {
  background-position:-105px 0
 }
 100% {
  background-position:105px 0
 }
}
@-webkit-keyframes preset-animation-tag {
 0% {
  background-position:-28px 0
 }
 100% {
  background-position:28px 0
 }
}
@keyframes preset-animation-tag {
 0% {
  background-position:-28px 0
 }
 100% {
  background-position:28px 0
 }
}
*,
:after,
:before {
 box-sizing:border-box;
 outline:0!important
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
html {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 -webkit-font-smoothing:antialiased;
 height:100%
}
ol,
ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
 content:""
}
a {
 color:inherit;
 text-decoration:none
}
img {
 max-width:100%;
 border:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
button,
input,
select {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
a {
 transition:.3s
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
 cursor:pointer
}
::-ms-clear,
::-ms-reveal,
select::-ms-expand {
 display:none
}
::-webkit-input-placeholder {
 color:#939599
}
::-moz-placeholder {
 color:#939599
}
:-ms-input-placeholder {
 color:#939599
}
body,
button,
input,
select,
textarea {
 font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","，"Source Han Sans CN",sans-serif
}
body {
 -webkit-font-smoothing:antialiased;
 background-color:#fff;
 min-height:100%
}
.wp {
 max-width:1176px;
 padding:0 20px;
 margin:0 auto
}
.model-dn {
 display:none
}
.fix,
.wp {
 *zoom:1
}
.fix:after,
.fix:before,
.wp:after,
.wp:before {
 display:block;
 content:"";
 height:0;
 clear:both
}
@font-face {
 font-family:new-font;
 src:url(https://www.gztenwin.com/skin/fonts/Montserrat-SemiBold-Num.ttf),
 url(https://www.gztenwin.com/skin/fonts/NewFont-Regular.woff),
 url(https://www.gztenwin.com/skin/fonts/NewFont-Regular.eot)
}
.page-hd {
 position:fixed;
 top:0;
 left:0;
 z-index:1000;
 width:100%;
 height:72px;
 padding:0 40px;
 background-color:rgba(255,255,255,0);
 border-bottom:1px solid rgba(231,233,237,0);
 line-height:72px;
 color:#fff;
 transition:all .6s linear 0s
}
.page-logo {
 float:left;
 font-size:0;
 margin-right:40px;
 position:relative;
 z-index:51
}
.page-logo .icon {
 display:inline-block;
 vertical-align:middle;
 width:155px;
 height:30px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/logo-white.png) no-repeat center center/contain;
 transition:all .3s linear 0s
}
.page-nav {
 float:left;
 font-size:16px
}
.page-nav dl {
 float:left;
 padding:0 12px;
 cursor:pointer
}
.page-nav dl:first-child {
 padding-left:0
}
.page-nav dd {
 opacity:0;
 visibility:hidden;
 transition:all .3s linear 0s
}
@media (max-width:1023px) {
 .page-nav dd {
  display:none;
  opacity:1;
  visibility:visible
 }
 .flex-col .form-code .btn {
  border-left:none
 }
}
.page-nav dt>a {
 position:relative;
 display:block;
 transition:all .3s linear 0s
}
.page-nav dt>a::after {
 display:none;
 content:"";
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-16px;
 width:32px;
 height:4px;
 border-radius:2px;
 background-color:#fff
}
.page-nav dl:hover dd {
 opacity:1;
 visibility:visible;
 pointer-events:auto
}
.page-nav dt.active>a {
 font-weight:500
}
.page-nav dt.active>a::after {
 display:block;
 background-color:#fff
}
.sub-nav1 {
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 border-top:1px solid #e7e9ed;
 background-color:#fff;
 padding-left:235px;
 font-size:14px;
 line-height:22px;
 box-shadow:0 3px 5px 0 rgba(49,50,51,.05);
 pointer-events:none
}
.sub-nav1 li {
 float:left;
 padding:20px 0 20px 0;
 margin-right:36px;
 min-width:84px;
 text-align:center
}
.sub-nav1 a {
 padding-bottom:10px;
 transition:all 0s linear 0s
}
.sub-nav1 a:hover {
 color:#296bef
}
.sub-nav1 .icon {
 display:block;
 height:40px;
 margin:0 auto 10px
}
.page-hd-right {
 float:right;
 position:relative;
 z-index:51
}
.sign-btns {
 float:left
}
.sign-btns li {
 float:left;
 margin-left:16px
}
.sign-btns a {
 display:inline-block;
 border:1px solid #fff;
 border-radius:20px;
 text-align:center;
 color:#fff;
 font-size:16px;
 line-height:38px;
 width:80px;
 transition:all .3s linear 0s
}
.sign-btns.sign-btns .up {
 color:#fff;
 border-color:#296bef;
 background-color:#296bef
}
.user-bar {
 float:right;
 position:relative;
 margin-left:20px
}
.user-bar dt {
 display:flex;
 align-items:center
}
.user-bar .head {
 width:40px;
 height:40px;
 border-radius:50%;
 box-shadow:0 0 1px #dfe1e6
}
.user-bar .head img {
 display:block;
 width:100%;
 height:100%;
 border-radius:50%
}
.user-bar .name {
 max-width:114px;
 margin:0 8px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 transition:all .6s linear 0s
}
.user-bar .icon {
 width:16px;
 height:16px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/icon-arrow03.png) no-repeat center center/contain
}
.user-bar dt {
 cursor:pointer
}
.user-bar dd {
 position:absolute;
 top:100%;
 right:0
}
.user-bar dd a {
 display:block;
 padding:0 16px;
 font-size:14px;
 color:#313233;
 line-height:38px;
 word-break:keep-all
}
.user-bar dd a:hover {
 background-color:#f7f9fc
}
.so-bar {
 float:left;
 position:relative;
 font-size:0
}
.so-bar .icon {
 display:inline-block;
 vertical-align:middle;
 width:40px;
 height:40px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/icon-search01.png) no-repeat center center/16px auto;
 cursor:pointer;
 float:none;
 transition:all .3s linear 0s
}
.so-bar .icon-m {
 display:none;
 vertical-align:middle;
 width:40px;
 height:40px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/icon-search01.png) no-repeat center center/16px auto;
 cursor:pointer;
 float:none
}
.so-bar .bar {
 display:none;
 position:absolute;
 right:0;
 top:50%;
 margin-top:-20px;
 border-radius:20px;
 background-color:#fff;
 border:1px solid #296bef;
 width:300px;
 padding-right:38px;
 overflow:hidden
}
.so-bar .bar .inp {
 display:block;
 width:100%;
 padding:10px 0 10px 15px;
 line-height:18px;
 border:none;
 background-color:transparent
}
.so-bar .bar .submit {
 position:absolute;
 top:0;
 right:0;
 width:38px;
 height:38px;
 border:none;
 background:url(https://www.gztenwin.com/skin/images/index_yc/icon-search02.png) no-repeat center center/16px auto;
 cursor:pointer
}
.page-hd .search-block.searching {
 width:100%
}
.page-hd .search-block.searching>div {
 width:875px;
 margin:0 auto
}
.page-hd .search-block.searching .search-icon {
 top:28px
}
.hd-highlight .page-hd {
 background-color:#fff;
 box-shadow:0 0 40px 0 rgba(174,185,195,.1);
 color:#626366;
 transition:all .3s linear 0s;
 border-bottom:1px solid #e7e9ed
}
.hd-highlight .page-hd dt.active>a {
 color:#000
}
.hd-highlight .page-nav dt>a::after {
 background-color:#296bef
}
.hd-highlight .page-logo .icon {
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/logo-black.png);
 transition:all .3s linear
}
.hd-highlight .sign-btns a {
 color:#296bef;
 border-color:#296bef
}
.hd-highlight .so-bar .icon {
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/icon-search02.png)
}
.hd-highlight .so-bar .icon-m {
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/icon-search02.png)
}
.hd-highlight .user-bar .icon {
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/icon-arrow02.png)
}
.banner {
 position:relative;
 color:#fff;
 margin-top:-72px
}
.ban-add {
 margin-top:-72px
}
.banner-bg {
 position:relative;
 height:640px;
 background:no-repeat center center/cover
}
.banner-video {
 height:100%;
 width:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.banner-bg.mobile {
 display:none
}
.banner-txt {
 position:absolute;
 top:50%;
 left:0;
 width:100%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 z-index:1
}
.banner-txt .title {
 font-size:56px;
 line-height:64px;
 font-weight:600
}
.banner-txt .sub {
 line-height:25px;
 font-size:18px;
 margin-top:24px
}
.banner-txt .btn {
 display:block;
 text-align:center;
 border-radius:28px;
 margin-top:40px;
 width:188px;
 line-height:56px;
 background-color:#296bef;
 color:#fff;
 font-size:18px;
 padding:0;
 border:none
}
.g-tit1 {
 text-align:center
}
.g-tit1 .title {
 font-size:48px;
 line-height:56px;
 font-weight:500;
 color:#313233
}
.g-tit1 .sub {
 font-size:16px;
 line-height:29px;
 color:#626366
}
.g-tit1 .title+.sub {
 margin-top:24px
}
.g-tit1 .link {
 font-size:16px;
 color:#296bef;
 font-weight:500;
 display:inline-block;
 margin-top:24px;
 line-height:29px;
 padding-right:24px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/icon-arrow01.png) no-repeat right center/16px auto
}
.g-btn {
 display:block;
 margin:0 auto;
 text-align:center;
 font-size:18px;
 font-weight:500;
 border-radius:28px;
 width:188px;
 line-height:56px;
 background-color:#296bef;
 color:#fff
}
.banner-txt .btn:hover,
.form-btn:hover,
.g-btn:hover,
.popup-result-btn:hover {
 background-color:#0b4fd9;
 color:#fff
}
.banner-txt .btn:active,
.form-btn:active,
.g-btn:active,
.popup-result-btn:active {
 background-color:#0941b3;
 color:#fff
}
.row-2 {
 padding:40px 32px 120px;
 background:linear-gradient(180deg,#fff 0,#f7f9fc 100%),linear-gradient(180deg,#fff 0,#f7f9fc 100%)
}
.pic-list {
 overflow:hidden;
 margin:50px 0;
 border-radius:8px
}
.pic-list li {
 float:left;
 width:25%;
 pointer-events:none
}
.pic-list li:first-child .filter {
 display:none
}
.pic-list li:first-child .filter {
 background:#f2f7ff
}
.pic-list .item {
 display:block;
 position:relative;
 overflow:hidden;
 height:0;
 background:no-repeat center center/cover;
 height:300px
}
.pic-list .mask {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:32.7%;
 font-size:0;
 padding-left:10%;
 overflow:hidden
}
.pic-list .mask::before {
 content:"";
 display:inline-block;
 vertical-align:middle;
 width:0;
 height:100%
}
.pic-list .icon {
 display:inline-block;
 vertical-align:middle;
 width:32px;
 margin-right:16px
}
.pic-list .box {
 position:relative;
 bottom:-20px;
 transition:.5s;
 opacity:0;
 display:inline-block;
 vertical-align:middle;
 z-index:3
}
.pic-list .label {
 display:inline-block;
 vertical-align:middle;
 font-size:24px;
 color:#313233
}
.row-3 {
 position:relative
}
.row3-txt {
 padding:244px 0
}
.mobile {
 display:none
}
.row3-txt .g-tit1 {
 text-align:left
}
.row3-txt .g-btn {
 margin:40px 0 0
}
.row-4 {
 padding:120px 0;
 position:relative
}
.card-list {
 overflow:hidden;
 margin:64px -16px
}
.card-list li {
 float:left;
 width:33.32%;
 padding:16px
}
.card-list .item {
 display:block;
 border:1px solid #dfe1e6;
 border-radius:8px;
 background-color:#fff;
 padding:40px;
 transition:.3s;
 pointer-events:none
}
.card-list .label {
 line-height:32px
}
.card-list .label .icon {
 float:left;
 margin-right:16px;
 width:32px
}
.card-list .label .tit {
 color:#313233;
 font-size:24px;
 font-weight:500
}
.card-list .value {
 padding-left:48px;
 color:#626366;
 line-height:29px;
 font-size:16px;
 margin-top:16px;
 overflow:hidden;
 display:-webkit-box;
 -webkit-line-clamp:3;
 height:87px
}
.row-5 {
 padding:120px 0
}
.row5-swiper {
 margin:80px -16px 0
}
.row5-swiper .swiper-pics {
 margin:16px 16px 0
}
.row5-item {
 overflow:hidden;
 border-radius:8px;
 border:1px solid #dfe1e6;
 background-color:#fff;
 height:387px
}
.mo .row5-item {
 height:unset
}
.mo .row1-item .desc {
 min-height:100px
}
.row5-item .pic {
 float:right;
 width:551px;
 height:100%
}
.row5-item .pic img {
 display:block;
 height:100%
}
.row5-item .txt {
 overflow:hidden;
 padding:38px 40px
}
.row5-item .tit {
 font-size:24px;
 font-weight:500;
 color:#313233;
 line-height:36px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.row5-item .desc {
 font-size:16px;
 line-height:29px;
 color:#626366;
 margin-top:16px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2
}
.row5-item .count {
 color:#313233;
 overflow:hidden;
 margin-top:32px
}
.row5-item .count .item {
 float:left;
 margin-right:40px
}
.row5-item .count .val {
 font-size:16px;
 font-weight:500
}
.row5-item .count .val span {
 font-size:32px;
 line-height:40px;
 font-family:new-font;
 margin-right:5px
}
.row5-item .count sup {
 font-size:1.2em
}
.row5-item .count .lab {
 line-height:29px;
 font-size:16px
}
.row5-item .g-btn {
 margin:40px 0 0
}
.row5-item2 {
 margin:16px;
 border:1px solid #dfe1e6;
 border-radius:8px;
 transition:.3s;
 cursor:pointer
}
.row5-item2 img {
 display:block;
 width:100%
}
.swiper-slide-thumb-active .row5-item2 {
 box-shadow:0 3px 10px 0 rgba(49,50,51,.05),0 6px 20px 0 rgba(49,50,51,.05)
}
.notice {
 background-color:#f7f9fc;
 overflow:hidden
}
.notice ul {
 overflow:hidden;
 margin:0 -32px
}
.notice li {
 position:relative;
 float:left;
 width:33.32%;
 padding:48px 32px
}
.notice li+li::before {
 content:"";
 position:absolute;
 left:0;
 top:50%;
 margin-top:-30px;
 width:1px;
 height:60px;
 background-color:#dfe1e6
}
.notice-item .title {
 position:relative;
 font-weight:500;
 font-size:18px;
 line-height:26px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 padding-right:34px
}
.notice-item .ell {
 display:inline-block;
 vertical-align:middle;
 color:#333
}
.notice-item .tag {
 margin-left:8px;
 display:inline-block;
 vertical-align:middle;
 width:34px
}
.notice-item .desc {
 margin-top:8px;
 font-size:16px;
 line-height:24px;
 color:#626366;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.row-6 {
 padding-top:120px
}
.row-6 .g-tit1 {
 text-align:left
}
.row-6 .bg {
 margin:64px 0 80px;
 height:339px;
 background:#f2f7ff no-repeat center center/auto 100%
}
.row-6 .form-wrap {
 position:relative
}
.form-card {
 position:absolute;
 top:-117px;
 right:20px;
 width:553px
}
.row-1 {
 overflow:hidden;
 padding:120px 0 80px
}
.row1-swiper .pc .swiper-wrapper {
 justify-content:center;
 position:relative
}
.row1-swiper .mo .swiper-wrapper {
 margin-left:-9px
}
.row1-swiper .swiper-pics {
 height:560px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/bg-row-1.png) no-repeat center center/100% 100% fixed;
 overflow:visible;
 background:linear-gradient(360deg,#f2f7ff 0,#ecf4ff 100%)
}
.row1-swiper .swiper-thumbs {
 width:900px;
 margin:48px auto;
 height:72px
}
.row1-swiper .swiper-thumbs .swiper-slide {
 position:unset;
 overflow:visible;
 width:100px;
 transition:all .15s linear 0s
}
.row1-swiper .mo .swiper-slide {
 position:relative
}
.row1-swiper .swiper-pics .swiper-slide .row1-item {
 opacity:0;
 transition:.15s
}
.row1-swiper .swiper-pics .swiper-slide.swiper-slide-active .row1-item {
 opacity:1
}
.row1-swiper .swiper-thumbs .swiper-slide-thumb-active::after {
 content:"";
 position:absolute;
 width:32px;
 height:4px;
 background-color:#296bef;
 border-radius:2px;
 left:50%;
 margin-left:-16px;
 bottom:21%;
 display:none
}
.row1-swiper .swiper-pics .pics .img3 {
 width:670px;
 height:auto;
 box-shadow:none;
 margin-right:-190px
}
.row1-swiper .wp {
 height:100%
}
.row1-item2 {
 height:100%;
 display:flex;
 align-items:center;
 justify-content:center
}
.row1-item2 img {
 display:block;
 height:68px;
 margin:0 auto;
 transition:.3s;
 cursor:pointer;
 -webkit-transform-origin:center 80%;
 -ms-transform-origin:center 80%;
 transform-origin:center 80%;
 transition:all .15s linear 0s
}
.row1-item {
 height:100%;
 display:flex;
 justify-content:space-between;
 align-items:center
}
.row1-item .pics {
 flex-shrink:0;
 display:flex
}
.row1-item .pics img {
 width:264px;
 margin-left:24px;
 box-shadow:0 10px 30px 0 rgba(41,107,239,.2);
 border-radius:40px;
 border:8px solid #313233
}
.row1-item .pics video {
 width:264px;
 margin-left:24px;
 box-shadow:0 10px 30px 0 rgba(41,107,239,.2);
 border-radius:40px;
 border:8px solid #313233
}
.row1-item .pics .img2 {
 align-self:flex-start;
 position:relative
}
.row1-item .pics .img1 {
 align-self:flex-end;
 position:relative
}
.row1-item .pics .img3 {
 align-self:flex-start;
 position:relative
}
.row1-item .pics .img4 {
 align-self:flex-start;
 position:absolute;
 top:58px;
 width:600px;
 left:50%;
 margin-left:10px;
 z-index:1;
 box-shadow:none
}
.row1-item .pics .img5 {
 align-self:flex-end;
 position:absolute;
 top:240px;
 width:556px;
 left:50%;
 margin-left:155px;
 box-shadow:none
}
.row1-item .txt {
 width:520px;
 z-index:10
}
.row1-item .tit {
 font-size:32px;
 color:#313233;
 font-weight:600;
 line-height:40px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.row1-item .desc {
 margin-top:24px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:3;
 font-size:16px;
 color:#626366;
 line-height:29px
}
.row1-item .count {
 color:#313233;
 overflow:hidden;
 margin-top:32px
}
.row1-item .count .item {
 float:left;
 margin-right:40px
}
.row1-item .count .item :last-child {
 margin-right:0
}
.row1-item .count .val {
 font-size:16px;
 font-weight:500
}
.row1-item .count .val span {
 font-size:32px;
 line-height:40px;
 font-family:new-font;
 margin-right:5px
}
.row1-item .count sup {
 font-size:1.2em
}
.row1-item .count .lab {
 line-height:29px;
 font-size:16px
}
.row1-item .link {
 font-size:16px;
 color:#296bef;
 font-weight:500;
 display:inline-block;
 margin-top:32px;
 line-height:29px;
 padding-right:24px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/icon-arrow01.png) no-repeat right center/16px auto
}
.row1-item .g-btn {
 margin:40px 0 0
}
.form-card {
 border:1px solid #dfe1e6;
 background-color:#fff;
 border-radius:8px
}
.form-card .tab {
 overflow:hidden;
 border-top-right-radius:8px;
 border-top-left-radius:8px;
 background-color:#fafbfc;
 display:flex
}
.form-card .tab li {
 position:relative;
 float:left;
 font-size:18px;
 color:#626366;
 line-height:72px;
 text-align:center;
 cursor:pointer;
 border-bottom:1px solid #dfe1e6;
 flex-shrink:0;
 width:50%
}
.form-card .tab li:first-child {
 margin-right:20px
}
.form-card .tab span {
 position:relative
}
.form-card .tab li:first-child span {
 margin-left:20px
}
.form-card .tab li:last-child span {
 margin-left:-20px
}
.form-card .tab li::before {
 content:"";
 position:absolute;
 top:0;
 bottom:-1px;
 left:0;
 width:100%
}
.form-card .tab .active {
 background-color:#fff;
 border-color:#fff
}
.form-card .tab .active span {
 font-weight:600;
 color:#313233
}
.form-card .tab li:first-child.active::before {
 background-color:#fff;
 -webkit-transform:skewX(18deg) translateX(9px);
 -ms-transform:skewX(18deg) translateX(9px);
 transform:skewX(18deg) translateX(9px);
 border-top-right-radius:4px;
 border-right:1px solid #dfe1e6
}
.form-card .tab li:last-child.active::before {
 background-color:#fff;
 -webkit-transform:skewX(-18deg) translateX(-9px);
 -ms-transform:skewX(-18deg) translateX(-9px);
 transform:skewX(-18deg) translateX(-9px);
 border-top-left-radius:4px;
 border-left:1px solid #dfe1e6
}
.form-body {
 padding:0 40px
}
.form-item {
 margin:24px 0
}
.error.form-inp,
.form-select.error .form-inp {
 border-color:#e63d2e
}
.error-tip {
 color:#e63d2e;
 font-size:12px;
 line-height:1;
 margin-top:8px
}
.form-inp {
 display:block;
 width:100%;
 border:1px solid #d2d4d9;
 height:48px;
 padding:10px;
 line-height:28px;
 border-radius:8px;
 font-size:16px
}
.flex-row {
 display:flex;
 justify-content:space-between
}
.flex-col {
 width:228px
}
.form-select {
 position:relative
}
.form-select .form-inp {
 cursor:pointer;
 background:#fff url(https://www.gztenwin.com/skin/images/index_yc/icon-select.png) no-repeat right 16px top 50%;
 background-size:16px auto
}
.form-select.open .select-options {
 display:block
}
.select-options {
 display:none;
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 margin-top:5px;
 border:1px solid #d2d4d9;
 background-color:#fff;
 z-index:8;
 border-radius:6px;
 max-height:382px;
 overflow:scroll;
 box-shadow:0 0 40px 0 rgba(174,185,195,.1)
}
.select-options.col2 .select-list {
 float:left;
 width:50%
}
.select-list {
 height:100%;
 overflow-x:hidden;
 line-height:38px;
 font-size:14px;
 color:#313233;
 border-right:1px solid #d2d4d9
}
.select-list li {
 padding:0 10px 0 15px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 cursor:pointer
}
.select-list li.active,
.select-list li:hover {
 background-color:#f2f4f7
}
.form-inp:disabled {
 background-color:#fafbfc;
 color:#c4c8cc;
 cursor:no-drop
}
.form-code {
 border:1px solid #d2d4d9;
 border-radius:8px;
 background-color:#fff;
 display:flex;
 align-items:center;
 overflow:hidden
}
.form-code .inp {
 flex-grow:1;
 min-width:0;
 padding:9px 24px;
 line-height:28px
}
.red-error .inp {
 color:#e63d2e
}
.form-code .verify-btn {
 flex-shrink:0;
 width:102px;
 height:16px;
 text-align:center;
 line-height:16px;
 border:none;
 background-color:transparent;
 border-left:1px solid #dfe1e6;
 color:#c4c7cc;
 padding:0
}
.form-code .verify-btn .active {
 color:#313233
}
.form-btn {
 display:block;
 width:100%;
 height:56px;
 border-radius:28px;
 border:none;
 background-color:#2a6bef;
 font-weight:500;
 font-size:18px;
 color:#fff;
 margin-bottom:40px;
 transition:all .3s linear 0s
}
.form-ft {
 border-top:1px solid #dfe1e6;
 background-color:#fafbfc;
 border-bottom-left-radius:8px;
 border-bottom-right-radius:8px;
 height:116px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:0 40px
}
.form-ft .tel {
 font-size:24px;
 color:#626366;
 padding-left:32px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/icon-tel01.png) no-repeat;
 margin-right:40px;
 background-size:24px;
 background-position:center left;
 line-height:36px
}
.form-ft .time {
 font-size:16px;
 color:#939599
}
.popup-mask {
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:100;
 background-color:rgba(0,0,0,.5)
}
.popup-mask.open,
.popup-modal.open {
 display:block;
 z-index:2000
}
.popup-modal {
 display:none;
 position:fixed;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 z-index:2000
}
.popup-modal-wrap {
 position:relative;
 background-color:#fff;
 margin:0 auto;
 top:100px;
 box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 6px 15px 0 rgba(0,0,0,.07);
 border-radius:8px
}
.popup-close {
 position:absolute;
 right:10px;
 top:10px;
 width:24px;
 height:24px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/icon-close-01.png) no-repeat center center/16px auto
}
.popup-modal-ft {
 border-top:1px solid #edeff2;
 height:70px;
 padding:0 24px;
 display:flex;
 align-items:center;
 flex-direction:row-reverse
}
.popup-btn {
 width:100px;
 height:36px;
 border:1px solid #296bef;
 background-color:#296bef;
 border-radius:6px;
 color:#fff;
 font-size:14px
}
.popup-btn:disabled {
 border-color:#dfe1e6;
 background-color:#f2f4f7;
 color:#c4c8cc;
 cursor:no-drop
}
.popup-modal-hd {
 height:80px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/bg-popup-01.png) no-repeat center center/cover;
 display:flex;
 align-items:center;
 padding:0 32px
}
.popup-modal-title {
 font-size:16px;
 color:#313233;
 font-weight:600
}
.form-modal {
 padding:0 32px
}
.form-modal .item {
 margin:24px 0
}
.form-modal .item+.item {
 margin-top:27px
}
.form-modal .label {
 font-weight:600;
 font-size:14px;
 color:#313233;
 line-height:22px
}
.form-modal .label .imp {
 color:#e63d2e
}
.form-modal .value {
 margin-top:5px
}
.form-radio-group {
 overflow:hidden
}
.form-radio {
 float:left;
 position:relative;
 display:flex;
 height:28px;
 align-items:center;
 font-size:14px;
 color:#313233
}
.form-radio input {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 margin:0
}
.form-radio .icon {
 width:16px;
 height:16px;
 margin-right:8px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/icon-radio-01.png) no-repeat center center/contain
}
.form-radio input:checked+.icon {
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/icon-radio-02.png)
}
.form-modal .form-radio {
 width:33.332%
}
.form-modal .form-radio.w-50 {
 width:50%
}
.form-modal .inp {
 display:block;
 width:100%;
 border:1px solid #dfe1e6;
 height:36px;
 padding:6px 12px;
 line-height:24px;
 font-size:14px;
 border-radius:6px
}
.popup-result {
 padding:24px;
 text-align:center
}
.popup-result-pic {
 width:200px;
 margin:0 auto
}
.popup-result-pic img {
 display:block;
 width:100%
}
.popup-result-title {
 font-size:16px;
 font-weight:500;
 color:#313233;
 line-height:1;
 margin-top:24px
}
.popup-result-desc {
 font-size:14px;
 font-weight:400;
 color:#313233;
 line-height:22px;
 margin-top:20px
}
.popup-result-btn {
 display:block;
 width:136px;
 margin:36px auto 0;
 height:36px;
 border-radius:18px;
 border:1px solid #296bef;
 background-color:#296bef;
 color:#fff;
 font-size:14px
}
.form-ft2,
.mobile-block,
.popup-picker,
.row-1 .g-btn.mobile,
.row5-item .pic .label,
.row5-swiper .g-btn.mobile {
 display:none
}
.mo-serve {
 display:none;
 position:relative;
 padding-top:100%;
 overflow:hidden
}
.swiper-pics.mo {
 display:none
}
.row-3 {
 position:relative;
 overflow:hidden;
 height:804px
}
.row3-imgs img {
 position:absolute;
 opacity:0;
 -ms-transform:scale(0);
 transform:scale(0);
 -webkit-transform:scale(0)
}
.row3-imgs .img1 {
 left:50%;
 margin-left:394px;
 top:152px;
 width:165px
}
.row3-imgs .img2 {
 left:50%;
 margin-left:-140px;
 top:343px;
 width:154px
}
.row3-imgs .img3 {
 left:50%;
 margin-left:243px;
 top:517px;
 width:160px
}
.row3-imgs .img4 {
 left:50%;
 margin-left:26px;
 top:140px;
 width:129px
}
.row3-imgs .img5 {
 left:50%;
 margin-left:96px;
 top:286px;
 width:216px
}
.row3-imgs .word1 {
 left:50%;
 margin-left:43px;
 top:558px;
 width:71px
}
.row3-imgs .word2 {
 left:50%;
 margin-left:330px;
 top:368px;
 width:54px
}
.row3-imgs .word3 {
 left:50%;
 margin-left:412px;
 top:507px;
 width:54px
}
.row3-imgs .word4 {
 left:50%;
 margin-left:-174px;
 top:568px;
 width:54px
}
.row3-imgs .word5 {
 left:50%;
 margin-left:277px;
 top:160px;
 width:75px
}
.row3-imgs .word6 {
 left:50%;
 margin-left:-52px;
 top:251px;
 width:54px
}
.row-3.ani:after {
 opacity:1
}
.row-3.ani .row3-imgs img {
 transform:scale(1);
 -ms-transform:scale(1);
 -moz-transform:scale(1);
 -webkit-transform:scale(1);
 -o-transform:scale(1);
 z-index:10
}
.man-blue-line {
 height:2000px;
 position:absolute;
 left:50%;
 top:800px;
 -webkit-transform:rotate(-120deg) scale(0);
 -ms-transform:rotate(-120deg) scale(0);
 transform:rotate(-120deg) scale(0);
 opacity:0;
 z-index:1;
 margin-left:-486px;
 width:1px;
 -webkit-transform-origin:left top;
 -ms-transform-origin:left top;
 transform-origin:left top;
 background:linear-gradient(rgba(72,131,250,0),#4883fa,rgba(72,131,250,0))
}
.man-green-line {
 height:400px;
 position:absolute;
 left:50%;
 top:80px;
 -webkit-transform:rotate(-60deg) scale(0);
 -ms-transform:rotate(-60deg) scale(0);
 transform:rotate(-60deg) scale(0);
 opacity:0;
 z-index:1;
 margin-left:730px;
 width:1px;
 -webkit-transform-origin:left top;
 -ms-transform-origin:left top;
 transform-origin:left top;
 background:linear-gradient(#b7efc1 80%,rgba(183,239,193,0))
}
.man-yellow-green-line {
 height:800px;
 position:absolute;
 left:50%;
 top:0;
 z-index:1;
 margin-left:747px;
 width:1px;
 -webkit-transform-origin:center;
 -ms-transform-origin:center;
 transform-origin:center;
 opacity:0;
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0);
 -webkit-transform-origin:left top;
 -ms-transform-origin:left top;
 transform-origin:left top;
 background:linear-gradient(#b7ffc1,#ffe8a2)
}
.man-blue-yellow-line {
 height:800px;
 position:absolute;
 left:50%;
 top:406px;
 z-index:1;
 margin-left:210px;
 -webkit-transform:rotate(-60deg) scale(0);
 -ms-transform:rotate(-60deg) scale(0);
 transform:rotate(-60deg) scale(0);
 width:1px;
 opacity:0;
 -webkit-transform-origin:left top;
 -ms-transform-origin:left top;
 transform-origin:left top;
 background:linear-gradient(#4883fa,#ffe8a2)
}
.man-yellow-line {
 height:400px;
 position:absolute;
 left:50%;
 top:715px;
 z-index:1;
 opacity:0;
 margin-left:747px;
 -webkit-transform:rotate(60deg) scale(0);
 -ms-transform:rotate(60deg) scale(0);
 transform:rotate(60deg) scale(0);
 width:1px;
 -webkit-transform-origin:right top;
 -ms-transform-origin:right top;
 transform-origin:right top;
 background:#ffe8a2
}
.man-mid-line {
 height:900px;
 position:absolute;
 left:50%;
 top:0;
 z-index:1;
 margin-left:203px;
 opacity:0;
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0);
 width:1px;
 -webkit-transform-origin:left top;
 -ms-transform-origin:left top;
 transform-origin:left top;
 background:linear-gradient(rgba(183,239,193,.6),#b7efc1)
}
.row-3.ani .row3-imgs .img1 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .4s;
 opacity:1
}
.row-3.ani .row3-imgs .img2 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .3s;
 opacity:1
}
.row-3.ani .row3-imgs .img3 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .2s;
 opacity:1
}
.row-3.ani .row3-imgs .img4 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .5s;
 opacity:1
}
.row-3.ani .row3-imgs .img5 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .1s;
 opacity:1
}
.row-3.ani .row3-imgs .word1 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .6s;
 opacity:1
}
.row-3.ani .row3-imgs .word2 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .3s;
 opacity:1
}
.row-3.ani .row3-imgs .word3 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .5s;
 opacity:1
}
.row-3.ani .row3-imgs .word4 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .8s;
 opacity:1
}
.row-3.ani .row3-imgs .word5 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .4s;
 opacity:1
}
.row-3.ani .row3-imgs .word6 {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all .5s ease-in-out .7s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-blue-1 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 opacity:1;
 transition:all .3s ease-in-out .1s
}
.row-3.ani .row3-imgs .man-bg-blue-2 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .15s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-blue-3 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .2s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-blue-4 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .25s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-blue-5 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .3s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-green-1 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .3s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-green-2 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .35s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-green-3 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .4s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-green-4 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .45s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-green-5 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .5s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-yellow-1 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .35s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-yellow-2 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .4s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-yellow-3 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .45s;
 opacity:1
}
.row-3.ani .row3-imgs .man-bg-yellow-4 {
 -webkit-transform:translate(-50%,-50%) scale(1);
 -ms-transform:translate(-50%,-50%) scale(1);
 transform:translate(-50%,-50%) scale(1);
 transition:all .3s ease-in-out .5s;
 opacity:1
}
.row-3.ani .row3-imgs .man-blue-line {
 -webkit-transform:rotate(-120deg) scale(1);
 -ms-transform:rotate(-120deg) scale(1);
 transform:rotate(-120deg) scale(1);
 transition:all 1s ease-in-out 0s;
 opacity:1
}
.row-3.ani .row3-imgs .man-blue-yellow-line {
 -webkit-transform:rotate(-60deg) scale(1);
 -ms-transform:rotate(-60deg) scale(1);
 transform:rotate(-60deg) scale(1);
 transition:all 1s ease-in-out 0s;
 opacity:1
}
.row-3.ani .row3-imgs .man-yellow-green-line {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all 1s ease-in-out 0s;
 opacity:1
}
.row-3.ani .row3-imgs .man-yellow-line {
 -webkit-transform:rotate(60deg) scale(1);
 -ms-transform:rotate(60deg) scale(1);
 transform:rotate(60deg) scale(1);
 transition:all 1s ease-in-out 0s;
 opacity:1
}
.row-3.ani .row3-imgs .man-green-line {
 -webkit-transform:rotate(-60deg) scale(1);
 -ms-transform:rotate(-60deg) scale(1);
 transform:rotate(-60deg) scale(1);
 transition:all 1s ease-in-out 0s;
 opacity:1
}
.row-3.ani .row3-imgs .man-mid-line {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 transition:all 1s ease-in-out 0s;
 opacity:1
}
@-webkit-keyframes lvdong {
 40% {
  opacity:1
 }
 70% {
  -webkit-transform:translate(-50%,-50%) scale(1.3);
  transform:translate(-50%,-50%) scale(1.3)
 }
 100% {
  -webkit-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1);
  opacity:1
 }
}
@keyframes lvdong {
 40% {
  opacity:1
 }
 70% {
  -webkit-transform:translate(-50%,-50%) scale(1.3);
  transform:translate(-50%,-50%) scale(1.3)
 }
 100% {
  -webkit-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1);
  opacity:1
 }
}
.row1-swiper .swiper-pics.mo {
 display:none
}
.row1-swiper .swiper-pics.mo,
.row1-swiper .swiper-thumbs.mo {
 display:none
}
.yc-line {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background-color:linear-gradient(360deg,#f2f7ff 0,#ecf4ff 100%);
 overflow:hidden;
 right:0;
 bottom:0
}
.yc-line .line1 {
 margin-left:-109px;
 bottom:-100px
}
.yc-line .line2 {
 margin-left:260px;
 bottom:-300px
}
.yc-line i {
 position:absolute;
 left:50%;
 width:478px;
 height:926px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/line-bg.png) no-repeat center;
 background-size:cover;
 display:block
}
.yc-line2 {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background-color:#f7f9fc;
 overflow:hidden;
 right:0;
 bottom:0;
 z-index:-1
}
.yc-line2 .line1 {
 margin-left:-500px;
 top:100px
}
.yc-line2 .line2 {
 margin-left:-65px;
 bottom:385px
}
.yc-line2 i {
 position:absolute;
 left:50%;
 width:568px;
 height:1200px;
 background:url(https://www.gztenwin.com/skin/images/index_yc/line-bg.png) no-repeat center;
 background-size:100% 100%;
 display:block
}
.mo-index-select {
 display:none
}
.form-inp {
 color:#313233
}
.form-inp::-webkit-input-placeholder {
 color:#939599
}
.form-inp::-moz-placeholder {
 color:#939599
}
.form-inp::-ms-input-placeholder {
 color:#939599
}
.form-inp::placeholder {
 color:#939599
}
.error.form-inp,
.form-select.error .form-inp {
 color:#e63d2e
}
@media only screen and (min-width:1921px) {
 .pic-list {
  max-width:1856px;
  margin:50px auto
 }
 .page-hd .box {
  margin:0 auto
 }
}
@media only screen and (max-width:1366px) {
 .page-hd .search-block .search-body {
  height:56px
 }
 .page-hd .search-block.searching .search-icon {
  top:14px
 }
 .page-hd {
  height:56px;
  line-height:56px
 }
 .page-logo {
  margin-right:24px
 }
 .page-logo .icon {
  width:42px;
  height:23px;
  background-image:url(https://www.gztenwin.com/skin/images/index_yc/logo-white-2.png)
 }
 .hd-highlight .page-logo .icon {
  background-image:url(https://www.gztenwin.com/skin/images/index_yc/logo-black-2.png)
 }
 .page-nav {
  font-size:14px
 }
 .page-nav dt>a::after {
  width:28px;
  height:4px;
  margin-left:-14px
 }
 .page-nav dl dd {
  transition:all .6s linear 0s
 }
 .user-bar {
  margin-left:5px
 }
 .user-bar .head {
  width:32px;
  height:32px
 }
 .user-bar .name {
  font-size:12px;
  width:80px;
  margin:0 5px
 }
 .user-bar dd a {
  font-size:12px;
  padding:0 12px;
  line-height:32px
 }
 .so-bar .icon {
  display:none
 }
 .sign-btns a {
  width:68px;
  height:34px;
  line-height:32px;
  font-size:14px
 }
 .banner-bg {
  height:500px
 }
}
@media only screen and (max-width:1279px) {
 .ban-add,
 .banner {
  margin-top:-58px
 }
}
@media only screen and (max-width:1180px) {
 .sign-btns li {
  margin-left:8px
 }
 .page-hd .search-block.searching>div {
  width:626px
 }
 .banner-bg {
  height:500px
 }
 .banner-txt {
  top:50%;
  margin-top:28px
 }
 .banner-txt .title {
  font-size:46px;
  line-height:54px
 }
 .banner-txt .sub {
  font-size:14px;
  margin-top:16px
 }
 .banner-txt .btn {
  width:160px;
  line-height:52px;
  font-size:16px
 }
 .notice li {
  padding:28px 23px 34px
 }
 .notice-item .title {
  font-size:18px;
  line-height:26px
 }
 .notice-item .desc {
  font-size:14px;
  line-height:25px
 }
 .g-tit1 .title {
  font-size:46px;
  line-height:54px
 }
 .g-tit1 .title+.sub {
  font-size:14px;
  line-height:25px
 }
 .g-tit1 .title+.sub {
  margin-top:16px
 }
 .row-1 {
  padding:100px 40px 60px
 }
 .row1-item2 img {
  height:60px
 }
 .row1-swiper .swiper-thumbs {
  width:820px;
  margin:26px auto 12px
 }
 .row1-swiper .swiper-pics {
  height:472px
 }
 .row1-item .pics img {
  width:224px;
  margin-left:16px
 }
 .row1-item .pics .img1 {
  top:32px
 }
 .row1-item .pics .img2 {
  top:-32px
 }
 .row1-item .tit {
  font-size:24px;
  line-height:36px
 }
 .row1-item .desc {
  font-size:14px;
  line-height:25px;
  margin-top:16px
 }
 .row1-item .count .lab {
  font-size:14px;
  line-height:21px
 }
 .row1-item .count .val {
  font-size:14px;
  line-height:25px;
  font-weight:500
 }
 .row1-item .count .val span {
  font-size:24px;
  line-height:36px
 }
 .row1-item .link {
  font-size:14px;
  line-height:25px;
  background-size:14px auto;
  padding-right:22px
 }
 .g-btn {
  width:160px;
  line-height:52px;
  font-size:16px
 }
 .row1-item .g-btn {
  margin-top:32px
 }
 .row1-item .txt {
  width:376px;
  z-index:10
 }
 .row1-item .count .item {
  margin-right:32px
 }
 .row1-item .count .item :last-child {
  margin-right:0
 }
 .pic-list {
  margin:64px 0
 }
 .pic-list .mask {
  padding:32px
 }
 .pic-list .mask::before {
  display:none
 }
 .pic-list .icon {
  width:24px
 }
 .pic-list .label {
  font-size:18px
 }
 .row-2 {
  padding:40px 40px 100px
 }
 .row3-bg {
  height:600px
 }
 .g-tit1 .link {
  margin-top:16px
 }
 .row3-txt .g-btn {
  margin-top:32px
 }
 .row-4 {
  padding:100px 0
 }
 .card-list {
  margin:54px -8px
 }
 .card-list li {
  padding:8px
 }
 .card-list .item {
  padding:32px
 }
 .card-list .label {
  line-height:24px
 }
 .card-list .label .icon {
  width:24px;
  margin-right:12px
 }
 .card-list .label .tit {
  font-size:18px
 }
 .card-list .value {
  padding-left:36px;
  font-size:14px;
  line-height:25px;
  margin-top:12px;
  height:75px
 }
 .row-5 {
  padding:100px 0
 }
 .row5-swiper {
  margin:56px -8px 0
 }
 .row5-item2 {
  margin:8px
 }
 .row-4 .wp,
 .row-5 .wp,
 .row1-swiper .wp {
  padding:0 40px
 }
 .row5-item .pic {
  width:463px
 }
 .row5-item .tit {
  font-size:20px;
  line-height:28px
 }
 .row5-item .desc {
  font-size:14px;
  line-height:25px
 }
 .row5-item .count {
  margin-top:26px
 }
 .row5-item .count .item {
  margin-right:32px
 }
 .row5-item .count .lab {
  font-size:14px;
  line-height:21px
 }
 .row5-item .count .val {
  font-size:14px;
  line-height:25px;
  font-weight:500
 }
 .row5-item .count .val span {
  font-size:24px;
  line-height:36px
 }
 .row5-item .g-btn {
  margin-top:32px
 }
 .row5-item .txt {
  padding:30px 32px
 }
 .row5-swiper .swiper-pics {
  margin:16px 8px 0
 }
 .row-6 {
  padding-top:100px
 }
 .row-6 .bg {
  margin:48px 0 80px;
  height:311px
 }
 .form-card {
  width:462px
 }
 .form-card .tab li {
  line-height:60px;
  font-size:16px
 }
 .form-body {
  padding:0 32px
 }
 .form-item {
  margin:20px 0
 }
 .form-inp {
  height:40px;
  padding:6px 16px;
  font-size:14px
 }
 .flex-col .form-code .btn {
  padding:5px 0
 }
 .form-code .inp {
  padding:5px 16px
 }
 .flex-col {
  width:192px
 }
 .form-btn {
  height:52px;
  font-size:16px;
  margin-bottom:32px
 }
 .form-code .verify-btn {
  width:94px;
  padding:0
 }
 .form-ft {
  height:94px;
  padding:0 32px
 }
 .form-ft .tel {
  font-size:20px;
  margin-right:32px;
  padding-left:27px
 }
 .form-ft .time {
  font-size:14px
 }
 .row1-item .pics .img4 {
  width:440px;
  margin-left:0
 }
 .row1-item .pics .img5 {
  top:244px;
  width:350px;
  margin-left:125px
 }
 .pic-list .item {
  height:260px
 }
 .row1-swiper .swiper-pics {
  height:auto;
  margin:0 -16px;
  overflow:hidden
 }
}
@media only screen and (max-width:1023px) {
 .ban-add,
 .banner {
  margin-top:-64px
 }
 .so-bar .icon.Search_Btn_hd {
  display:none
 }
 .so-bar .icon.search-btn-m {
  display:inline-block
 }
 .so-bar .icon {
  position:static;
  margin-top:0;
  display:none!important
 }
 .so-bar .icon-m {
  display:block;
  margin-top:12px
 }
 .page-hd {
  height:62px;
  line-height:62px;
  padding:0 6px 0 10px;
  background-color:rgba(0,0,0,.4)
 }
 .hd-highlight .page-hd::after {
  opacity:0
 }
 .page-logo .icon {
  width:122px;
  height:22px;
  background-image:url(https://www.gztenwin.com/skin/images/index_yc/logo-white.png)
 }
 .sign-btns,
 .user-bar {
  display:none
 }
 .page-nav dl:hover dd {
  display:none
 }
 .menuBtn {
  float:right;
  margin:11px 0 0 5px;
  width:40px;
  height:40px;
  background:url(https://www.gztenwin.com/skin/images/index_yc/icon-menu-01.png) no-repeat center center/20px auto
 }
 .so-bar {
  position:static;
  display:block
 }
 .so-bar .icon {
  width:40px;
  height:40px;
  background-size:20px auto
 }
 .so-bar .bar {
  position:fixed;
  top:10px;
  right:12px;
  left:12px;
  margin:0;
  width:auto;
  height:42px
 }
 .popup-nav-mask {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:500;
  background-color:rgba(0,0,0,.5)
 }
 .hd-highlight .page-nav-bgBlur:before {
  display:none
 }
 .page-nav-bgBlur {
  height:62px;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  width:100%
 }
 .page-nav-bgBlur:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:-1;
  background:url(https://www.gztenwin.com/skin/images/index_yc/index-mo-ban.jpg) no-repeat center top/auto 100% fixed;
  -webkit-filter:blur(20px);
  filter:blur(20px);
  margin:-30px;
  transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  -o-transition:.3s
 }
 .page-nav {
  z-index:1100;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  padding:20px;
  width:285px;
  background-color:#fff;
  overflow-y:auto;
  color:#313233!important;
  line-height:48px;
  -webkit-transform:translateX(100%);
  -ms-transform:translateX(100%);
  transform:translateX(100%);
  transition:.3s;
  height:100%
 }
 .page-nav dl {
  float:none;
  margin:0;
  border-bottom:1px solid #edeff2
 }
 .page-nav dt {
  font-size:16px;
  font-weight:400;
  position:relative
 }
 .page-nav dt>a::after {
  display:none!important
 }
 .page-nav a.arrow+i {
  position:absolute;
  top:50%;
  right:0;
  margin-top:-10px;
  width:20px;
  height:20px;
  background:url(https://www.gztenwin.com/skin/images/index_yc/icon-arrow02.png) no-repeat center center/20px auto;
  -webkit-transform:rotate(0);
  -ms-transform:rotate(0);
  transform:rotate(0);
  transition:.3s
 }
 .page-nav dd a {
  font-size:14px;
  color:#626366
 }
 .sub-nav1 {
  position:static;
  padding:0;
  line-height:inherit;
  border:none
 }
 .sub-nav1 li {
  float:none;
  padding:0;
  width:auto
 }
 .sub-nav1 a {
  display:flex;
  align-items:center;
  padding:0 0 0 20px
 }
 .sub-nav1 .icon {
  width:26px;
  height:26px;
  margin:0 8px 0 0
 }
 .hd-highlight .page-hd::before {
  display:none
 }
 .hd-highlight .page-logo .icon {
  background-image:url(https://www.gztenwin.com/skin/images/index_yc/logo-black.png)
 }
 .hd-highlight .menuBtn {
  background-image:url(https://www.gztenwin.com/skin/images/index_yc/icon-menu-02.png)
 }
 .page-hd.open-nav .page-nav {
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0)
 }
 .page-hd.open-nav .popup-nav-mask {
  display:block
 }
 .banner-bg {
  display:none;
  height:0;
  padding-top:100%
 }
 .banner-bg.mobile {
  display:block
 }
 .banner-txt {
  text-align:center
 }
 .banner-txt .title {
  font-size:24px;
  line-height:32px
 }
 .banner-txt .sub {
  margin-top:12px
 }
 .banner-txt .btn {
  line-height:42px;
  margin:25px auto 0;
  font-size:14px
 }
 .notice {
  display:none!important
 }
 .g-tit1 .title {
  font-size:28px;
  line-height:32px
 }
 .g-tit1 .title+.sub {
  margin-top:12px
 }
 .row-1 {
  padding:60px 16px 30px
 }
 .row1-item .pics {
  display:none
 }
 .row1-swiper .swiper-thumbs {
  width:auto;
  margin:18px -16px 0;
  padding:0 16px;
  height:90px
 }
 .row1-swiper .swiper-thumbs .swiper-slide-thumb-active img {
  -webkit-transform:scale(1.3);
  -ms-transform:scale(1.3);
  transform:scale(1.3)
 }
 .row1-swiper .swiper-thumbs .swiper-slide-thumb-active::after {
  bottom:0;
  width:24px;
  height:3px;
  margin-left:-12px
 }
 .row1-swiper .swiper-thumbs .swiper-slide {
  width:60px;
  margin:0
 }
 .row1-swiper .wp {
  padding:0
 }
 .row1-swiper .swiper-pics .swiper-slide {
  margin:16px 8px;
  border:1px solid #dfe1e6;
  background-color:#fff;
  padding:20px;
  border-radius:8px;
  width:79.2vw
 }
 .row1-item .tit {
  font-size:20px
 }
 .row1-item .desc {
  margin-top:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:4
 }
 .row1-item .count {
  border-top:1px solid #dfe1e6;
  margin:20px -20px -20px;
  padding:16px 0
 }
 .row1-item .count .item {
  width:50%;
  margin:0;
  padding:0 20px
 }
 .row1-item .count .item:nth-child(2n) {
  border-left:1px solid #dfe1e6
 }
 .row1-item .count .lab {
  font-size:12px;
  line-height:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
 }
 .row1-item .count .item:nth-child(3) {
  display:none
 }
 .row1-item .g-btn,
 .row1-item .link {
  display:none
 }
 .row-1 .g-btn.mobile {
  display:block;
  margin:20px auto 60px
 }
 .g-btn {
  width:152px;
  line-height:44px
 }
 .row-2 {
  padding:30px 16px 60px
 }
 .pic-list {
  border-radius:8px;
  overflow:hidden;
  margin:40px 0
 }
 .pic-list li {
  width:50%
 }
 .pic-list .icon {
  display:inline-block;
  vertical-align:middle;
  margin-right:6px;
  margin-bottom:0;
  width:20px
 }
 .pic-list .mask {
  height:auto;
  padding:14px
 }
 .pic-list .label {
  line-height:24px;
  font-size:16px
 }
 .row-3 {
  padding:60px 0;
  background:no-repeat center bottom/100% auto
 }
 .row3-txt {
  position:static;
  -webkit-transform:none;
  -ms-transform:none;
  transform:none
 }
 .row3-bg {
  height:0;
  padding-top:100%;
  opacity:0;
  visibility:hidden;
  margin-bottom:30px;
  display:none
 }
 .row3-txt {
  padding:0
 }
 .row3-txt .g-tit1 {
  text-align:center;
  margin-bottom:50px
 }
 .row3-txt .link {
  display:none
 }
 .row3-txt .g-btn {
  position:absolute;
  bottom:60px;
  left:50%;
  margin-left:-76px
 }
 .row-4 {
  padding:60px 0
 }
 .g-tit1 .link {
  display:none
 }
 .card-list {
  margin:36px -4px
 }
 .card-list li {
  width:50%;
  padding:4px
 }
 .row-4 .wp,
 .row-5 .wp {
  padding:0 16px
 }
 .card-list .item {
  padding:23px
 }
 .card-list .value {
  display:none!important
 }
 .card-list .label .icon {
  display:block;
  margin:0 auto 12px;
  float:none
 }
 .card-list .label .tit {
  text-align:center;
  font-size:16px
 }
 .row-5 {
  padding:60px 0
 }
 .row5-swiper {
  margin:40px -16px 0
 }
 .row5-swiper .swiper-pics {
  margin:0;
  padding:0 7px
 }
 .row5-swiper .swiper-thumbs {
  display:none!important
 }
 .row5-swiper .swiper-pics .swiper-slide {
  width:78.667vw;
  margin:0 9px
 }
 .row5-item .pic {
  float:none;
  position:relative;
  width:auto;
  padding-top:50%;
  height:0;
  background:no-repeat center center/cover
 }
 .row5-item .pic img {
  display:none
 }
 .row5-item .pic .label {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  color:#fff;
  font-size:20px;
  line-height:30px;
  padding:24px 19px;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%);
  display:block
 }
 .row5-item .txt {
  padding:0
 }
 .row5-item .desc {
  display:none
 }
 .row5-item .tit {
  padding:20px;
  font-size:14px;
  line-height:25px;
  font-weight:400
 }
 .row5-item .count {
  border-top:1px solid #dfe1e6;
  margin:0;
  padding:16px 0
 }
 .row5-item .count .item {
  width:50%;
  margin:0;
  padding:0 20px
 }
 .row5-item .count .item:nth-child(2n) {
  border-left:1px solid #dfe1e6
 }
 .row5-item .count .lab {
  font-size:12px;
  line-height:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
 }
 .row5-item .count .item:nth-child(3) {
  display:none
 }
 .row5-item .g-btn {
  display:none
 }
 .row5-swiper .g-btn.mobile {
  display:block;
  margin-top:40px
 }
 .row-6 {
  padding-top:60px;
  background:linear-gradient(360deg,#f2f7ff 0,#ecf4ff 100%)
 }
 .row-6 .g-tit1 {
  text-align:center;
  margin-bottom:33px
 }
 .row-6 .bg {
  display:none!important
 }
 .row-6 .form-wrap,
 .row-6 .wp.form-wrap {
  padding:0
 }
 .row-6 .form-wrap .form-card {
  position:relative;
  top:initial;
  right:initial
 }
 .form-card {
  width:auto;
  border:none;
  border-radius:0;
  background-color:transparent
 }
 .form-card .tab {
  background-color:transparent;
  border-radius:0;
  text-align:center;
  display:block
 }
 .form-card .tab li {
  float:none;
  display:inline-block;
  vertical-align:middle;
  margin:0 10px;
  width:auto;
  font-size:16px;
  line-height:38px;
  border:none;
  background-color:transparent!important
 }
 .form-card .tab li::before {
  display:none
 }
 .form-card .tab span {
  margin:0!important
 }
 .form-card .tab .active::after {
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-12px;
  width:24px;
  height:3px;
  background-color:#296bef
 }
 .form-body {
  padding:0 16px
 }
 .form-item {
  margin:16px 0
 }
 .form-inp {
  height:49px;
  padding:10px 12px
 }
 .form-options {
  display:none!important
 }
 .form-code .inp {
  padding:0 12px
 }
 .flex-row {
  flex-wrap:wrap
 }
 .flex-col {
  width:100%
 }
 .flex-row .flex-col+.flex-col {
  margin-top:16px
 }
 .form-code {
  height:49px
 }
 .form-btn {
  height:49px;
  margin-bottom:40px
 }
 .form-ft {
  display:none
 }
 .form-ft2 {
  display:block;
  background-color:#fff;
  overflow:hidden;
  padding:20px 0;
  font-size:12px;
  line-height:1.5;
  color:#626366
 }
 .form-ft2 .item {
  float:left;
  width:50%;
  padding:0 16px
 }
 .form-ft2 .item+.item {
  border-left:1px solid #dfe1e6
 }
 .form-ft2 .label {
  margin-bottom:8px
 }
 .form-ft2 .value span {
  font-family:new-font
 }
 .form-ft2 .btn {
  display:inline-block;
  width:58px;
  line-height:18px;
  border-radius:10px;
  border:1px solid #dfe1e6;
  background-color:#fafbfc;
  text-align:center;
  font-size:12px;
  margin-left:5px;
  padding:0;
  color:#626366
 }
 .mobile-block {
  display:block
 }
 .goTop {
  position:fixed;
  z-index:90;
  right:20px;
  bottom:69px;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#fff url(https://www.gztenwin.com/skin/images/index_yc/cc-top.png) no-repeat center center/20px auto;
  box-shadow:0 6px 15px 0 rgba(49,50,51,.05),0 3px 5px 0 rgba(49,50,51,.05);
  border:1px solid #d2d4d9
 }
 .ft-btns {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  z-index:90;
  box-shadow:0 0 10px rgba(0,0,0,.1)
 }
 .ft-btns .btn {
  float:left;
  width:50%;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#fff;
  font-size:16px;
  color:#313233;
  padding:0;
  border:none
 }
 .ft-btns .icon {
  width:18px;
  margin-right:8px
 }
 .ft-btns .tel {
  background-color:#296bef;
  color:#fff
 }
 .popup-modal {
  display:block;
  -webkit-transform:translateY(100%);
  -ms-transform:translateY(100%);
  transform:translateY(100%);
  transition:.3s;
  z-index:-1
 }
 .popup-modal-wrap {
  position:absolute;
  bottom:0;
  left:0;
  top:auto;
  padding-bottom:60px;
  width:100vw!important;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
 }
 .form-modal-bd {
  max-height:75vh;
  overflow-y:auto
 }
 .popup-modal-ft {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background-color:#fff;
  justify-content:center;
  height:60px;
  box-shadow:0 -1px 0 0 #e7e9ed,0 -6px 15px 0 rgba(49,50,51,.05),0 -3px 5px 0 rgba(49,50,51,.05)
 }
 .popup-btn {
  width:186px;
  height:44px;
  border-radius:22px;
  font-size:16px
 }
 .popup-modal-hd {
  font-size:16px;
  line-height:24px;
  background:0 0;
  height:auto;
  padding:40px 0 6px
 }
 .popup-modal-title {
  flex:1;
  text-align:center
 }
 .form-modal .form-radio {
  width:50%
 }
 .popup-picker {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  z-index:102;
  background-color:#fff;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  -webkit-transform:translateY(100%);
  -ms-transform:translateY(100%);
  transform:translateY(100%);
  transition:.3s
 }
 .popup-picker-hd {
  height:46px;
  line-height:46px
 }
 .popup-picker-hd .left {
  position:absolute;
  left:0;
  top:0
 }
 .popup-picker-hd .right {
  position:absolute;
  right:0;
  top:0
 }
 .popup-picker-hd .title {
  text-align:center;
  font-size:14px;
  color:#3f3f40
 }
 .popup-picker-hd .btn {
  padding:0 15px
 }
 .popup-picker-hd .cancel {
  opacity:.6
 }
 .popup-picker-hd .confirm {
  color:#2a6bef
 }
 .popup-picker-bd {
  font-size:16px;
  height:15em;
  display:flex;
  justify-content:center;
  text-align:center
 }
 .popup-picker-bd .list {
  position:relative;
  height:100%;
  padding-top:34px
 }
 .popup-picker-bd .caption {
  position:absolute;
  top:0;
  width:100%;
  text-align:center;
  opacity:.6
 }
 .popup-picker-bd .content {
  height:100%;
  overflow-y:auto
 }
 .popup-picker-indicator {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-17px;
  height:34px;
  margin-left:-40px;
  width:80px;
  border-top:1px solid #296bef;
  border-bottom:1px solid #296bef
 }
 .popup-picker-bd .list {
  flex:1;
  color:#3f3f40;
  line-height:34px
 }
 .popup-picker-bd .content li {
  opacity:.6
 }
 .popup-picker-bd .content .active {
  opacity:1;
  font-weight:500
 }
 .popup-modal.open,
 .popup-picker.open {
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
 }
 .form-select .select-options {
  display:none!important
 }
 .row1-swiper .line {
  display:none
 }
 .row1-swiper .swiper-thumbs .swiper-slide-thumb-active::after {
  display:block
 }
 .row5-swiper .swiper-pics.mo {
  display:block
 }
 .row5-swiper .swiper-pics.pc {
  display:none
 }
 .mo-serve {
  display:block
 }
 .mobile {
  display:block
 }
 .g-btn {
  z-index:10
 }
 .man-yellow-line {
  display:none
 }
 .popup-picker {
  display:block
 }
 .row3-imgs {
  margin-top:-50px;
  -webkit-transform:scale(.55) translate(-50%,0);
  -ms-transform:scale(.55) translate(-50%,0);
  transform:scale(.55) translate(-50%,0)
 }
 .man-mid-line {
  height:900px;
  background:linear-gradient(rgba(183,239,193,0) 0,#b7efc1 40%,#b7efc1 85%,rgba(183,239,193,0) 95%)
 }
 .row1-swiper .swiper-pics .swiper-slide .row1-item {
  opacity:1
 }
 .row1-swiper .swiper-pics,
 .row1-swiper .swiper-thumbs {
  display:none
 }
 .row1-swiper .swiper-pics.mo,
 .row1-swiper .swiper-thumbs.mo {
  display:block
 }
 .pic-list .item {
  height:180px
 }
 .yc-line2 i {
  width:435px
 }
 .row-3.ani:after {
  opacity:0
 }
 .register-form li .inp1 {
  border-width:2px
 }
 .form-inp {
  background-color:#fff
 }
 .mo-index-select {
  display:block;
  width:100%
 }
 .mo-index-select select {
  cursor:pointer;
  background:#fff url(https://www.gztenwin.com/skin/images/index_yc/icon-select.png) no-repeat right 24px top 50%;
  background-size:16px auto;
  height:49px;
  padding:10px 12px;
  font-size:14px;
  display:block;
  width:100%;
  border:1px solid #d2d4d9;
  border-radius:8px;
  line-height:28px;
  color:#939599
 }
 .form-select {
  display:none
 }
 .mo-index-select+.mo-index-select select {
  margin-top:16px
 }
 .mo-index-select select option {
  background-color:#fff;
  color:#7d8bb3
 }
 .red-error .inp {
  color:#e63d2e
 }
}
@media only screen and (max-width:359px) {
 .pic-list .label {
  font-size:14px
 }
}
.row1-item .pics .img4 {
 top:650px
}
.row1-item .pics .img5 {
 top:720px
}
.swiper-pics .swiper-slide-active .pics .img4 {
 top:630px
}
.swiper-pics .swiper-slide-active .pics .img5 {
 top:740px
}
.swiper-slide-active .box-1 {
 -webkit-animation:boxImageUp .6s linear 0s forwards;
 animation:boxImageUp .6s linear 0s forwards
}
.swiper-slide-active .box-2 {
 -webkit-animation:boxImageDown .6s linear 0s forwards;
 animation:boxImageDown .6s linear 0s forwards
}
@-webkit-keyframes boxImageUp {
 50% {
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
}
@keyframes boxImageUp {
 50% {
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0)
 }
}
@-webkit-keyframes boxImageDown {
 50% {
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
}
@keyframes boxImageDown {
 50% {
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0)
 }
}
.row1-item {
 position:relative
}
.row1-item .pics {
 position:absolute;
 top:0;
 right:0;
 width:100%;
 height:100%
}
.row1-item .box-1 {
 top:350px;
 left:50%;
 position:absolute
}
.row1-item .box-2 {
 top:394px;
 position:absolute;
 left:50%;
 margin-left:300px
}
.row-1 {
 padding-bottom:0
}
.row-2 {
 padding-top:80px
}
.yc-line2 .line1 {
 bottom:385px;
 top:auto
}
.yc-line2 .line2 {
 top:40%;
 bottom:auto
}
.row-3.ani .row3-imgs img {
 -webkit-animation-iteration-count:1;
 animation-iteration-count:1
}
.row5-item .txt {
 transition:.8s
}
.row5-item .pic {
 transition:.8s!important;
 opacity:.5
}
.row5-item .pic {
 background-size:0
}
.swiper-pics.pc .swiper-slide-next .row5-item .txt {
 -webkit-transform:translateX(40px);
 -ms-transform:translateX(40px);
 transform:translateX(40px);
 opacity:0
}
.swiper-pics.pc .swiper-slide-prev .row5-item .txt {
 -webkit-transform:translateX(-40px);
 -ms-transform:translateX(-40px);
 transform:translateX(-40px);
 opacity:0
}
.swiper-pics.pc .swiper-slide-next .row5-item .pic {
 -webkit-transform:translateX(40px);
 -ms-transform:translateX(40px);
 transform:translateX(40px);
 opacity:.5
}
.swiper-pics.pc .swiper-slide-prev .row5-item .pic {
 -webkit-transform:translateX(-40px);
 -ms-transform:translateX(-40px);
 transform:translateX(-40px);
 opacity:.5
}
.swiper-pics.pc .swiper-slide-active .row5-item .txt {
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 transform:translateX(0);
 opacity:1;
 transition-delay:.2s
}
.swiper-pics.pc .swiper-slide-active .row5-item .pic {
 -webkit-transform:translateX(0);
 -ms-transform:translateX(0);
 transform:translateX(0);
 opacity:1;
 transition-delay:.2s
}
.sub-nav1 li {
 min-width:0
}
@-webkit-keyframes topanddown {
 from {
  top:500px
 }
 50% {
  top:480px
 }
 to {
  top:500px
 }
}
@keyframes topanddown {
 from {
  top:500px
 }
 50% {
  top:480px
 }
 to {
  top:500px
 }
}
@-webkit-keyframes downandtop {
 from {
  top:600px
 }
 50% {
  top:620px
 }
 to {
  top:600px
 }
}
@keyframes downandtop {
 from {
  top:600px
 }
 50% {
  top:620px
 }
 to {
  top:600px
 }
}
.row-6 .bg {
 height:360px
}
.row-6 {
 padding-bottom:50px
}
.pic-list .mask::after {
 content:"";
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:#f2f7ff;
 z-index:1
}
.pic-list .mask .filter {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 -webkit-filter:blur(120px) brightness(120%);
 filter:blur(120px) brightness(120%);
 background-position:bottom center;
 background-repeat:no-repeat;
 background-size:100% auto;
 z-index:2;
 margin:-30px;
 transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -webkit-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0)
}
.search-result-list li .tag {
 font-size:14px;
 font-weight:400;
 color:#939599;
 line-height:22px;
 margin-bottom:16px;
 display:block
}
.mo-nav-bot {
 display:none
}
.mo-nav-bot {
 overflow:hidden;
 background:#f7f9fc;
 margin:0 -20px -20px
}
.mo-nav-bot .login {
 display:block;
 width:152px;
 line-height:44px;
 border-radius:44px;
 background-color:#296bef;
 color:#fff;
 font-size:16px;
 margin:20px auto;
 text-align:center
}
.mo-nav-bot .login-now {
 margin:20px 0
}
.mo-nav-bot .login-now .img {
 width:44px;
 height:44px;
 border-radius:50%;
 overflow:hidden;
 margin:0 auto
}
.mo-nav-bot .login-now .img img {
 display:block;
 width:100%;
 height:100%
}
.mo-nav-bot .login-now .name {
 text-align:center;
 font-size:16px;
 color:#313233;
 line-height:24px;
 margin:16px 10px 24px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 font-weight:500
}
.mo-nav-bot .login-now .admin {
 display:block;
 width:140px;
 line-height:32px;
 text-align:center;
 border:1px solid #296bef;
 font-size:14px;
 color:#296bef;
 margin:0 auto 16px;
 border-radius:32px
}
.mo-nav-bot .login-now .edit {
 display:block;
 text-align:center;
 font-size:14px;
 line-height:18px;
 color:#e63d2e
}
@media only screen and (max-width:1180px) {
 .row-1 {
  padding:100px 16px 0
 }
 .row1-item .pics .img4 {
  top:540px
 }
 .row1-item .pics .img5 {
  top:590px
 }
 .swiper-pics .swiper-slide-active .pics .img4 {
  top:520px
 }
 .swiper-pics .swiper-slide-active .pics .img5 {
  top:610px
 }
 .row-6 {
  padding-bottom:0
 }
}
@media only screen and (max-width:1023px) {
 .mo-nav-bot {
  display:block
 }
 .row1-swiper .swiper-pics .swiper-slide {
  width:320px
 }
 .mo-serve {
  padding-top:110%
 }
 .row5-item .pic {
  background-size:cover;
  opacity:1!important
 }
 .yc-line2 .line1 {
  margin-left:-18px;
  bottom:-120px
 }
 .yc-line2 .line2 {
  margin-left:-386px;
  top:100px
 }
 .search-result-list li .tag {
  font-size:12px;
  margin-bottom:12px
 }
 .select-result-m a {
  line-height:39px;
  margin-top:0
 }
 .sub-nav1 {
  box-shadow:none
 }
 .page-nav .open a.arrow+i {
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg)
 }
}
.man-bg-yellow {
 height:530px;
 width:530px;
 left:50%;
 top:450px;
 margin-left:483px
}
.man-bg-blue {
 width:1252px;
 height:1255px;
 left:50%;
 top:-224px;
 margin-left:-422px
}
.man-bg-green {
 height:960px;
 width:962px;
 top:-389px;
 left:50%;
 margin-left:266px
}
.man-bg-section {
 position:absolute
}
.man-bg-items {
 position:absolute;
 background-size:cover;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%) scale(0);
 -ms-transform:translate(-50%,-50%) scale(0);
 transform:translate(-50%,-50%) scale(0);
 opacity:0;
 background-repeat:no-repeat
}
.man-bg-blue-1 {
 width:356px;
 height:396px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/d-1.svg)
}
.man-bg-blue-2 {
 width:461px;
 height:528px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/d-2.svg)
}
.man-bg-blue-3 {
 width:626px;
 height:718px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/d-3.svg)
}
.man-bg-blue-4 {
 width:834px;
 height:959px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/d-4.svg)
}
.man-bg-blue-5 {
 width:1087px;
 height:1252px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/d-5.svg)
}
.man-bg-yellow-1 {
 width:79px;
 height:87px;
 z-index:11;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/y-1.svg)
}
.man-bg-yellow-2 {
 width:173px;
 height:195px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/y-2.svg)
}
.man-bg-yellow-3 {
 width:298px;
 height:341px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/y-3.svg)
}
.man-bg-yellow-4 {
 width:461px;
 height:529px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/y-4.svg)
}
.man-bg-green-1 {
 width:79px;
 height:87px;
 z-index:11;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/g-1.svg)
}
.man-bg-green-2 {
 width:173px;
 height:195px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/g-2.svg)
}
.man-bg-green-3 {
 width:298px;
 height:339px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/g-3.svg)
}
.man-bg-green-4 {
 width:461px;
 height:529px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/g-4.svg)
}
.man-bg-green-5 {
 width:461px;
 height:528px;
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/g-5.svg)
}
.row1-item .pics .box-2-vertical {
 top:140px;
 margin-left:-50px
}
.row1-item .pics .img-1,
.row1-item .pics .img-2,
.row1-item .pics .img-game {
 width:568px;
 box-shadow:none;
 max-width:none
}
.row1-item .pics .img-2 {
 top:310px
}
.row1-item .pics .img-game {
 top:-74px;
 position:absolute
}
.row1-item .pics .img-1 {
 top:310px;
 margin-left:43%
}
.form-code .text {
 font-size:16px
}
@media (min-width:1023px) {
 .row-6 .form-item {
  opacity:1;
  transition:all .3s linear
 }
 .row-6 .form-item.disable {
  height:0;
  overflow:hidden;
  transition:all .3s linear;
  margin-bottom:0;
  opacity:0
 }
 .page-hd:hover {
  background:#fff;
  border-bottom:1px solid #e7e9ed
 }
 .page-hd:hover .page-nav dt>a::after {
  background-color:#296bef
 }
 .page-hd:hover .page-logo .icon {
  background-image:url(https://www.gztenwin.com/skin/images/index_yc/logo-black.png);
  transition:all .3s linear
 }
 .page-hd:hover .page-nav dt>a {
  color:#626366
 }
 .page-hd:hover .page-nav dt>a:hover {
  color:#000;
  font-weight:700
 }
 .page-hd:hover .page-nav dt.active a {
  color:#000
 }
 .page-hd:hover .sign-btns li .up {
  color:#fff
 }
 .page-hd:hover .user-bar .icon,
 .page-hd:hover .user-bar .name {
  color:#626366
 }
 .page-hd:hover .sign-btns a {
  color:#296bef;
  border-color:#296bef
 }
 .page-hd:hover .so-bar .icon {
  background-image:url(https://www.gztenwin.com/skin/images/index_yc/icon-search02.png)
 }
 .page-hd:hover .so-bar .icon-m {
  background-image:url(https://www.gztenwin.com/skin/images/index_yc/icon-search02.png)
 }
 .page-hd:hover .user-bar .icon {
  background-image:url(https://www.gztenwin.com/skin/images/index_yc/icon-arrow02.png)
 }
 .page-nav dl:hover ul {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0)
 }
 .a-name {
  font-size:14px;
  color:#626366
 }
 .row1-item .desc {
  width:504px
 }
 .page-nav dl {
  position:relative
 }
 .sub-nav1 {
  position:absolute;
  top:100%;
  left:50%;
  -webkit-transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
  transform:translate(-50%,0);
  border:1px solid rgba(0,0,0,.1);
  box-shadow:0 0 40px 0 rgba(174,185,195,.1);
  border-radius:0 0 6px 6px;
  background:#fff;
  padding:16px 0;
  width:auto
 }
 .sub-nav1 ul {
  width:100%;
  display:flex;
  justify-content:space-between;
  -webkit-transform:translate(0,-10%);
  -ms-transform:translate(0,-10%);
  transform:translate(0,-10%);
  flex-wrap:wrap;
  transition:all .3s linear 0s
 }
 .sub-nav1 li {
  display:flex;
  justify-content:center;
  margin-right:0;
  width:100%;
  padding:8px 25px
 }
 .sub-nav1 li:hover {
  background:#f7f9fc
 }
 .sub-nav1 a {
  margin-bottom:0;
  color:#626366;
  padding-bottom:0;
  white-space:nowrap
 }
 .icon-hover-box .sub-nav1 {
  padding:0;
  background:0 0;
  width:340px;
  border-top:0;
  overflow:hidden
 }
 .icon-hover-box .sub-nav1 ul {
  justify-content:space-between;
  padding:16px;
  background-color:#fff
 }
 .icon-hover-box .sub-nav1 li {
  width:100px;
  height:100px;
  padding:15px 0
 }
 .icon-hover-box .sub-nav1 li:hover {
  background:#f7f9fc;
  border-radius:6px
 }
 .icon-hover-box .sub-nav1 li:hover .a-name {
  color:#296bef
 }
 .icon-hover-box .sub-nav1 li a {
  display:block;
  height:40px;
  position:absolute
 }
 .icon-hover-box .icon {
  display:block;
  height:40px;
  margin:0 auto 8px;
  margin-bottom:8px
 }
 .row1-swiper .swiper-container-thumbs .swiper-wrapper {
  display:flex;
  justify-content:space-between
 }
 .row1-swiper .swiper-container-thumbs .swiper-slide {
  width:unset;
  height:unset
 }
 .row1-swiper .swiper-container-thumbs .row1-item2 img {
  height:56px
 }
 .row-1 .row1-item {
  align-items:unset
 }
 .row-1 .row1-item .txt {
  margin-top:64px
 }
 .row5-item2:hover {
  background:#fafbfc;
  border:1px solid #dfe1e6;
  border-radius:8px
 }
 .row-6 .form-item {
  margin:0;
  margin-bottom:16px
 }
 .flex-col .form-code .inp {
  width:50%;
  padding-left:16px;
  font-size:16px
 }
 .flex-col .form-code .btn {
  width:50%;
  line-height:1;
  height:100%;
  padding:0;
  font-size:16px;
  border:none
 }
 .flex-col .form-code .btn[disabled] {
  background:#fafbfc;
  color:#c4c8cc
 }
 .form-ft {
  height:80px
 }
 .form-body {
  padding:39px 40px
 }
 .form-btn {
  margin-top:40px;
  margin-bottom:0
 }
 .input-disabled {
  background:#fafbfc;
  color:#c4c8cc;
  cursor:no-drop
 }
 .form-code .inp {
  color:#313233
 }
 .form-code .inp::-webkit-input-placeholder {
  color:#c4c8cc
 }
 .form-code .inp::-moz-placeholder {
  color:#c4c8cc
 }
 .form-code .inp::-ms-input-placeholder {
  color:#c4c8cc
 }
 .form-code .inp::placeholder {
  color:#c4c8cc
 }
 .form-code .inp[disabled]::-webkit-input-placeholder {
  color:#c4c8cc;
  cursor:no-drop;
  background:#fafbfc
 }
 .form-code .inp[disabled]::-moz-placeholder {
  color:#c4c8cc;
  cursor:no-drop;
  background:#fafbfc
 }
 .form-code .inp[disabled]::-ms-input-placeholder {
  color:#c4c8cc;
  cursor:no-drop;
  background:#fafbfc
 }
 .form-code .inp[disabled]::placeholder {
  color:#c4c8cc;
  cursor:no-drop;
  background:#fafbfc
 }
 .flex-col,
 .form-inp {
  transition:all linear .2s
 }
 .flex-col:hover,
 .form-inp:hover {
  border-color:#2a6bef
 }
 .flex-col:hover .form-code,
 .flex-col:hover .form-inp,
 .form-inp:hover .form-code,
 .form-inp:hover .form-inp {
  border-color:#2a6bef
 }
 .flex-col:hover .input-disabled,
 .form-inp:hover .input-disabled {
  border-color:#d2d4d9
 }
 .user-bar dd {
  background:0 0;
  overflow:hidden
 }
 .user-bar dd div {
  border:1px solid rgba(0,0,0,.1);
  box-shadow:0 0 40px 0 rgba(174,185,195,.1);
  border-radius:0 0 6px 6px;
  transition:all .3s linear 0s;
  -webkit-transform:translateY(-10%);
  -ms-transform:translateY(-10%);
  transform:translateY(-10%);
  z-index:0;
  opacity:0;
  visibility:hidden;
  background:#fff
 }
 .user-bar:hover dd div {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
 }
 .form-inp {
  padding:10px 16px
 }
 .sign-btns .up:hover {
  background-color:#0b4fd9
 }
}
.split-line {
 height:16px;
 width:1px;
 background-color:#e1e1e5
}
.ban-add {
 position:relative
}
.ban-add img {
 display:block;
 width:100%
}
.ban-add .pc {
 display:block
}
.ban-add .mo {
 display:none
}
.ban-add .txt {
 position:absolute;
 top:210px;
 left:0;
 width:100%
}
.ban-add .txt h1 {
 font-size:56px;
 color:#fff;
 line-height:64px;
 margin-bottom:40px;
 font-weight:530
}
.ban-add .txt a {
 display:block;
 width:188px;
 line-height:56px;
 background-color:#296bef;
 border-radius:56px;
 text-align:center;
 color:#fff;
 font-size:18px
}
.ban-add .txt p {
 font-size:16px;
 line-height:22px;
 color:#f0f6ff
}
.advantage-box {
 height:102px
}
.advantage-box.fixed {
 margin-top:-52px
}
.advantage-box.fixed .box {
 position:fixed;
 left:0;
 top:72px;
 background-color:#fff;
 right:0;
 box-shadow:0 3px 6px 0 rgba(0,0,0,.04);
 z-index:9;
 width:100%
}
.advantage-box .box {
 transition:.5s;
 position:relative;
 top:0
}
.advantage-box.fixed .y-advantage {
 margin-top:0;
 box-shadow:none
}
.y-advantage {
 overflow:hidden;
 font-size:0;
 background-color:#fff;
 border-radius:8px;
 position:relative;
 margin-top:-52px;
 box-shadow:0 3px 6px 0 rgba(0,0,0,.04);
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:0 56px
}
.y-advantage li {
 transition:.3s;
 -ms-transition:.3s;
 -moz-transition:.3s;
 -webkit-transition:.3s;
 -o-transition:.3s;
 display:flex;
 align-items:center;
 flex-grow:1;
 justify-content:center
}
.y-advantage li:last-child {
 flex-grow:1
}
.y-advantage li span {
 font-size:72px;
 line-height:84px;
 color:#f2f4f7;
 margin-right:16px;
 transition:.3s;
 -ms-transition:.3s;
 -moz-transition:.3s;
 -webkit-transition:.3s;
 -o-transition:.3s;
 font-family:Helvetica
}
.y-advantage li .txt {
 display:inline-block;
 vertical-align:middle;
 padding:24px 0 22px;
 position:relative
}
.y-advantage li .txt em:after {
 content:"";
 position:absolute;
 left:0;
 bottom:-22px;
 width:0;
 height:4px;
 background-color:#3170ef;
 border-radius:3px;
 overflow:hidden;
 transition:.5s
}
.y-advantage li .txt em:hover:after {
 width:100%
}
.y-advantage li .txt p {
 font-size:14px;
 line-height:22px;
 margin-bottom:4px;
 color:#c4c7cc;
 transition:.3s;
 -ms-transition:.3s;
 -moz-transition:.3s;
 -webkit-transition:.3s;
 -o-transition:.3s
}
.y-advantage li .txt em {
 display:inline-block;
 font-size:18px;
 color:#313233;
 line-height:26px;
 margin-right:24px;
 position:relative;
 cursor:pointer
}
.y-advantage li:hover .txt {
 border-color:#296bef
}
.y-advantage li .txt em:hover {
 font-weight:700
}
em {
 font-style:normal
}
.ad-tit {
 padding:80px 0 22px;
 text-align:center
}
.ad-tit h3 {
 color:#313233;
 font-weight:530;
 font-size:36px;
 line-height:54px
}
.ad-tit p {
 display:none
}
.ad-imgtxt .img {
 position:relative;
 width:552px
}
.ad-imgtxt .img img {
 display:block;
 max-width:100%
}
.ad-imgtxt ul {
 float:left;
 width:552px
}
.ad-imgtxt:after {
 content:" ";
 display:block;
 height:0;
 line-height:0;
 clear:both;
 visibility:hidden
}
.ad-imgtxt {
 zoom:1
}
.ad-imgtxt li {
 margin-bottom:16px
}
.ad-imgtxt .txt {
 padding:31px 40px;
 background:#fff;
 border-radius:8px;
 border:1px solid #dfe1e6
}
.ad-imgtxt .txt img {
 float:left;
 margin-right:24px;
 width:32px
}
.ad-imgtxt .txt .con {
 overflow:hidden;
 font-size:16px;
 color:#626366;
 line-height:24px;
 -moz-user-select:none;
 -webkit-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.ad-imgtxt .txt .con p {
 font-size:24px;
 line-height:32px;
 color:#313233;
 margin-bottom:8px;
 font-weight:440
}
.ad-imgtxt .txt .con span {
 display:block
}
.ad-imgtxt {
 margin-bottom:46px;
 display:flex;
 align-items:center
}
.ad-part2 {
 background-color:#FBFBFB
}
.ad-part2 .ad-imgtxt ul {
 float:right
}
.ad-part2 .ad-imgtxt .img {
 float:left
}
.ad-imgtxt .img3 {
 margin-top:-40px
}
.ad-imgtxt.other {
 margin-bottom:0
}
.ad-imgtxt .img6 {
 margin-top:-64px
}
.ad-imgtxt .img7 {
 margin-top:-40px
}
.ad-imgtxt .img8 {
 margin-top:-75px
}
.ad-imgtxt.another {
 margin-bottom:0
}
.ad-imgtxt .img.other {
 margin-right:-36px
}
.banner:after {
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 right:0;
 bottom:0;
 background:url(https://www.gztenwin.com/skin/images/index_yc/video-bg.png) no-repeat left center/cover
}
.row1-swiper .line {
 position:absolute;
 bottom:21%;
 width:32px;
 height:4px;
 background-color:#296bef;
 border-radius:2px;
 transition:.5s;
 margin-left:-16px;
 left:0;
 bottom:0
}
.pic-list li .box.ani {
 opacity:1;
 bottom:0
}
.pic-list li:nth-child(1) .box.ani {
 transition-delay:.1s
}
.pic-list li:nth-child(2) .box.ani {
 transition-delay:.2s
}
.pic-list li:nth-child(3) .box.ani {
 transition-delay:.3s
}
.pic-list li:nth-child(4) .box.ani {
 transition-delay:.4s
}
.pic-list li:nth-child(5) .box.ani {
 transition-delay:.5s
}
.pic-list li:nth-child(6) .box.ani {
 transition-delay:.6s
}
.pic-list li:nth-child(7) .box.ani {
 transition-delay:.7s
}
.pic-list li:nth-child(8) .box.ani {
 transition-delay:.8s
}
.ban-add .txt a:hover {
 background-color:#0b4fd9
}
.ban-add .txt a:focus {
 background-color:#0941b3
}
.form-code .btn {
 flex-shrink:0;
 width:102px;
 text-align:center;
 border:none;
 background-color:transparent;
 border-left:1px solid #dfe1e6;
 color:#313233;
 padding:9px 0;
 line-height:28px
}
.form-code .btn[disabled] {
 color:#c4c7cc;
 cursor:no-drop
}
@media (max-width:1023px) {
 .form-code .btn {
  height:48px;
  line-height:1
 }
}
.form-code .btn.active {
 color:#313233
}
.form-code .btn.active:hover {
 color:#313233
}
.form-code .inp:disabled {
 cursor:no-drop
}
.gzh-inp.hide {
 display:none
}
.gzh-inp {
 clear:both;
 padding:6px 0 10px
}
.gzh-inp .inp.error {
 color:#e63d2e;
 border-color:#e63d2e
}
.form-checkbox {
 float:left;
 position:relative;
 display:flex;
 height:28px;
 align-items:center;
 font-size:14px;
 color:#313233
}
.form-checkbox input {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 margin:0
}
.form-checkbox .icon {
 width:16px;
 height:16px;
 margin-right:8px;
 border:1px solid #d1d1d1;
 background-repeat:no-repeat;
 background-position:center;
 background-size:10px;
 background-image:none;
 border-radius:2px
}
.form-checkbox input:checked+.icon {
 background-image:url(https://www.gztenwin.com/skin/images/index_yc/tick.png);
 border-color:#2a6bef;
 background-color:#2a6bef
}
.form-modal .form-checkbox {
 width:33.332%
}
.form-modal .form-checkbox.w-50 {
 width:50%
}
@media only screen and (max-width:1366px) {
 .advantage-box.fixed .box {
  top:56px
 }
}
@media only screen and (max-width:1180px) {
 .ad-imgtxt .img2 {
  margin-top:50px
 }
 .ad-imgtxt .img4 {
  margin-top:50px
 }
 .ad-imgtxt .img5 {
  margin-top:50px
 }
 .ad-imgtxt .img7 {
  margin-top:-70px
 }
 .ad-imgtxt .img3 {
  margin-top:0
 }
 .ad-imgtxt ul {
  width:470px
 }
 .advantage-box.fixed .box {
  top:56px
 }
 .y-advantage li .txt em {
  font-size:16px;
  line-height:24px
 }
 .y-advantage li .txt p {
  font-size:14px;
  line-height:22px
 }
 .y-advantage li span {
  font-size:60px
 }
 .y-advantage li .txt {
  padding:15px 0
 }
 .y-advantage li .txt em:after {
  bottom:-17px
 }
 .y-advantage {
  margin-top:-41px
 }
 .advantage-box.fixed {
  margin-top:-41px
 }
 .ad-imgtxt .img1,
 .ad-imgtxt .img3 {
  margin-right:0
 }
 .advantage-box {
  height:84px
 }
 .ad-imgtxt .img {
  width:510px
 }
 .ad-imgtxt .img1 {
  margin-top:-10px
 }
}
@media only screen and (max-width:1023px) {
 .y-advantage {
  display:none
 }
 .ban-add .pc {
  display:none
 }
 .ban-add .mo {
  display:block;
  min-height:0
 }
 .ban-add .txt {
  text-align:center
 }
 .ban-add .txt h1 {
  font-size:20px;
  line-height:28px
 }
 .ban-add .txt p {
  font-size:14px;
  line-height:24px;
  margin-top:12px;
  display:none
 }
 .ad-tit h3 {
  font-size:28px;
  line-height:38px;
  margin-bottom:8px
 }
 .ad-tit {
  padding:30px 0 20px
 }
 .ad-tit p {
  display:block;
  text-align:center;
  font-size:14px;
  line-height:24px
 }
 .ad-imgtxt .img {
  display:none
 }
 .ad-imgtxt ul {
  float:none;
  width:auto
 }
 .ad-imgtxt .txt {
  padding:15px
 }
 .ad-imgtxt .txt img {
  width:22px;
  margin-right:10px
 }
 .ad-imgtxt .txt .con p {
  font-size:18px;
  line-height:28px
 }
 .ad-imgtxt .txt .con {
  font-size:14px;
  line-height:22px;
  margin-top:-4px
 }
 .ad-part2 {
  background:linear-gradient(360deg,#f6f9ff 0,#efeff0 100%)
 }
 .ad-imgtxt {
  margin-bottom:0;
  padding-bottom:15px
 }
 .ad-imgtxt li {
  margin-bottom:15px
 }
 .row-6.white {
  background:#fff
 }
 .ad-imgtxt .txt1 {
  margin-top:0
 }
 .ad-part2 .ad-imgtxt ul {
  float:none;
  width:auto
 }
 .row1-swiper .line {
  bottom:15%
 }
 .pic-list .box {
  opacity:1;
  bottom:0
 }
 .page-nav dt.active>a {
  color:#296bef
 }
 body {
  padding-bottom:50px
 }
 .advantage-box,
 .ban-add .txt a {
  display:none
 }
 .form-modal .form-checkbox,
 .form-modal .form-radio {
  height:auto
 }
}
.ban-add-check {
 margin-top:unset
}
.ban-add-check .txt {
 width:100%;
 height:100%;
 display:flex;
 align-items:center;
 bottom:0;
 top:unset
}
@media (min-width:1023px) {
 .ad-imgtxt .txt {
  border:none
 }
 .ad-part1,
 .ad-part2 {
  padding-top:80px
 }
 .ad-part1 ul {
  margin-left:56px
 }
 .ad-tit {
  padding:0
 }
 .ad-imgtxt {
  height:unset;
  margin-bottom:0
 }
 .ad-part2 .ad-imgtxt .img2 {
  width:480px;
  margin-top:48px
 }
 .ad-imgtxt .txt {
  background-color:unset;
  padding:0;
  width:520px
 }
 .ad-imgtxt .txt img {
  width:40px;
  height:40px;
  margin-right:16px;
  margin-top:4px
 }
 .ad-imgtxt li {
  margin-bottom:48px
 }
 .ad-imgtxt ul {
  margin-bottom:32px;
  width:520px;
  margin-top:48px
 }
 .ad-imgtxt1 {
  align-items:flex-start
 }
 .ad-imgtxt1 .img1 {
  margin-top:22px
 }
 .ad-imgtxt1 .txt {
  margin-top:32px
 }
 .ad-imgtxt2 {
  align-items:flex-start
 }
 .ad-imgtxt2 ul {
  margin-left:80px
 }
 .ad-imgtxt .img3 {
  margin-top:0
 }
 .ad-imgtxt5 {
  align-items:flex-start
 }
 .ad-imgtxt .img5 {
  margin-right:8px;
  margin-top:14px
 }
 .ad-imgtxt .img6 {
  margin-top:0
 }
 .ad-imgtxt6,
 .ad-imgtxt8 {
  align-items:flex-start;
  padding-bottom:10px
 }
 .ad-imgtxt .img7 {
  margin-top:unset;
  margin-left:8px
 }
 .ad-imgtxt .img8 {
  margin-top:28px;
  margin-right:8px
 }
 .ad-imgtxt .txt .con p {
  font-weight:500
 }
 .ad-imgtxt .img3 {
  width:553px;
  margin-top:unset
 }
 .ad-imgtxt4 {
  align-items:flex-start
 }
 .ad-imgtxt .img4 {
  margin-top:58px
 }
}
::-webkit-input-placeholder {
 color:#7d8bb3
}
::-moz-placeholder {
 color:#7d8bb3
}
::-ms-input-placeholder {
 color:#7d8bb3
}
::placeholder {
 color:#7d8bb3
}
.bb-login {
 background-color:#f5f9ff
}
.login-hd {
 box-shadow:0 1px 0 0 rgba(44,114,255,.1),0 4px 20px 0 rgba(44,114,255,.05);
 position:fixed;
 top:0;
 left:0;
 z-index:999;
 width:100%;
 background-color:#fff;
 padding:0 40px
}
.login-hd .logo {
 float:left
}
.login-hd .logo img {
 margin-top:23px;
 width:177px;
 display:block
}
.login-hd .tel {
 position:relative;
 float:right;
 padding-left:30px;
 height:80px;
 line-height:78px;
 color:#6b7799;
 font-size:16px;
 background:url(https://www.gztenwin.com/skin/images/login_yc/login-tel.png) no-repeat center left
}
.login-tips {
 position:relative;
 display:inline-block;
 vertical-align:middle;
 cursor:pointer
}
.login-tips:hover p:after {
 content:"";
 position:absolute;
 left:59px;
 bottom:-8px;
 display:inline-block;
 width:0;
 height:0;
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 border-top:10px solid #fff
}
.login-tips p {
 position:absolute;
 display:none;
 top:-7px;
 left:-54.5px;
 -webkit-transform:translateY(-100%);
 -ms-transform:translateY(-100%);
 transform:translateY(-100%);
 z-index:10;
 background:#fff;
 border-radius:8px;
 box-shadow:0 4px 16px rgba(0,60,179,.12);
 padding:10px;
 width:140px;
 font-size:12px;
 color:#0b1531;
 line-height:22px
}
.login-tips p a {
 display:inline-block;
 font-size:12px;
 top:0
}
.login-tips:hover p {
 display:block
}
.ico-tip {
 width:28px;
 height:28px;
 background-repeat:no-repeat;
 background-position:center;
 background-image:url(https://www.gztenwin.com/skin/images/login_yc/login-tip1.png);
 display:block
}
.login-tips:hover .ico-tip {
 background-image:url(https://www.gztenwin.com/skin/images/login_yc/login-tip2.png)
}
.login-hd .tel p span {
 color:#276bef;
 font-family:roboto;
 font-weight:700
}
.m-register {
 padding-top:136px;
 padding-bottom:108px
}
.register-tit {
 margin-bottom:64px;
 background-image:none;
 font-size:32px;
 letter-spacing:1px;
 color:#0b1531;
 text-align:center
}
.register-tab {
 margin-bottom:56px;
 border-bottom:1px solid #e0eaff;
 display:flex;
 justify-content:center
}
.register-tab li {
 position:relative;
 margin-left:56px;
 padding-bottom:22px;
 font-size:16px;
 color:#7d8bb3;
 font-weight:400
}
.register-tab li:first-child {
 margin-left:0
}
.register-tab li p span {
 margin-right:8px;
 box-sizing:border-box;
 display:inline-block;
 position:relative;
 height:28px;
 width:28px;
 line-height:28px;
 font-size:16px;
 text-align:center;
 border-radius:50%;
 color:#fff;
 background-color:#c4d4f5
}
.register-tab li.active p span {
 color:#fff;
 background-color:#296bef
}
.register-tab li:after {
 display:none;
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:28px;
 height:6px;
 border-radius:3px;
 background-color:#296bef
}
.register-tab li.active {
 color:#296bef
}
.register-tab li.active:after {
 display:inline-block
}
.m-register .register {
 width:520px;
 padding:48px;
 box-sizing:border-box;
 background-color:#fff;
 margin:0 auto;
 font-size:14px;
 box-shadow:0 4px 16px 0 rgba(0,60,179,.12);
 border-radius:12px
}
.register-form .tab {
 text-align:center;
 margin-bottom:32px
}
.register-form .tab li {
 display:inline-block;
 margin:0 20px;
 -webkit-tap-highlight-color:transparent;
 cursor:pointer;
 line-height:24px
}
.register-form .tab li.active i {
 background-color:#296bef;
 box-shadow:inset 0 0 0 2px #fff;
 border:2px solid #296bef
}
.register-form .tab li.active {
 color:#0b1531;
 font-weight:600
}
.register-form .tab li i {
 display:inline-block;
 width:20px;
 height:20px;
 position:relative;
 margin-right:12px;
 vertical-align:top;
 top:2px;
 border-radius:100%;
 cursor:pointer;
 text-align:center;
 transition:all 250ms ease;
 border:2px solid #e0eaff
}
.register-form li {
 margin-bottom:20px;
 color:#7d8bb3;
 position:relative;
 font-size:16px
}
.register-form li .flex {
 display:flex;
 align-items:center;
 justify-content:space-between
}
.register-form li .inp1 {
 padding:0 28px;
 border:2px solid #e0eaff;
 border-radius:30px;
 transition:all .6s cubic-bezier(.19,1,.22,1);
 height:48px;
 line-height:48px;
 width:100%;
 font-size:16px;
 color:#7d8bb3
}
.register-form li .inp1.error {
 border-color:#e63d2e;
 color:#e63d2e
}
.red-error {
 border-color:#e63d2e!important;
 color:#e63d2e!important
}
.new-select {
 padding:10px 30px 10px 24px;
 border:2px solid #e0eaff;
 border-radius:30px;
 position:relative;
 vertical-align:middle;
 background-color:transparent;
 height:46px;
 font-size:16px;
 color:#7d8bb3;
 transition:all .6s cubic-bezier(.19,1,.22,1);
 cursor:pointer;
 flex-grow:1
}
.new-select .word {
 overflow-x:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 display:block;
 line-height:26px
}
.new-select .list {
 position:absolute;
 width:100%;
 left:-2px;
 top:44px;
 z-index:10;
 background-color:#fff;
 border:2px solid #e0eaff;
 border-radius:8px;
 max-height:200px;
 overflow-y:auto;
 box-shadow:0 4px 20px rgba(44,114,255,.08);
 display:none
}
.new-select .list span {
 position:relative;
 padding:8px 9px 8px 30px;
 line-height:21px;
 color:rgba(11,21,49,.8);
 font-size:14px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 display:block
}
.new-select .list span:hover {
 background-color:#f2f5fa;
 color:#296bef
}
.new-select:hover {
 border-color:#296bef
}
.new-select:hover:after {
 border-color:#296bef
}
.register-form li .line {
 height:2px;
 width:12px;
 flex-shrink:0;
 background-color:#e0eaff;
 border-radius:1px;
 margin:0 4px
}
.new-select.mo {
 display:none
}
.new-select:after {
 display:inline-block;
 content:" ";
 height:8px;
 width:8px;
 border-width:0 2px 2px 0;
 border-color:#c4d4f5;
 border-style:solid;
 -webkit-transform:translateY(-80%) rotate(45deg);
 -ms-transform:translateY(-80%) rotate(45deg);
 transform:translateY(-80%) rotate(45deg);
 -webkit-transform-origin:center;
 -ms-transform-origin:center;
 transform-origin:center;
 position:absolute;
 top:50%;
 right:20px;
 transition:all .6s cubic-bezier(.19,1,.22,1);
 z-index:1
}
.mo-new-select {
 display:none;
 position:relative
}
.mo-new-select+.mo-new-select {
 margin-top:16px
}
.mo-new-select select {
 padding:10px 30px 10px 24px;
 border:2px solid #e0eaff;
 border-radius:30px;
 position:relative;
 vertical-align:middle;
 background-color:transparent;
 height:48px;
 font-size:16px;
 color:#7d8bb3;
 transition:all .6s cubic-bezier(.19,1,.22,1);
 cursor:pointer;
 display:block;
 width:100%
}
.mo-new-select select option {
 background-color:#fff;
 color:#7d8bb3
}
.mo-new-select:after {
 display:inline-block;
 content:" ";
 height:8px;
 width:8px;
 border-width:0 2px 2px 0;
 border-color:#c4d4f5;
 border-style:solid;
 -webkit-transform:translateY(-80%) rotate(45deg);
 -ms-transform:translateY(-80%) rotate(45deg);
 transform:translateY(-80%) rotate(45deg);
 -webkit-transform-origin:center;
 -ms-transform-origin:center;
 transform-origin:center;
 position:absolute;
 top:50%;
 right:20px;
 transition:all .6s cubic-bezier(.19,1,.22,1);
 z-index:1
}
.new-select .list span:after {
 display:none;
 content:"";
 position:absolute;
 z-index:1;
 left:9px;
 top:10px;
 width:16px;
 height:16px;
 background-image:url(https://www.gztenwin.com/skin/images/login_yc/select_tick.png);
 background-position:center;
 background-size:16px auto;
 background-repeat:no-repeat
}
.new-select .list span.active:after {
 display:inline-block
}
.qq-select {
 padding:10px 30px 10px 24px;
 border:2px solid #e0eaff;
 border-radius:30px;
 position:relative;
 vertical-align:middle;
 background-color:transparent;
 height:48px;
 font-size:16px;
 color:#6b7799;
 transition:all .6s cubic-bezier(.19,1,.22,1);
 cursor:pointer;
 flex-grow:1;
 display:flex;
 align-items:center;
 justify-content:space-between
}
.qq-select .choice {
 margin-right:5px;
 display:flex;
 align-items:center
}
.new-select.other {
 width:65px;
 padding-right:10px;
 border:none;
 padding-left:0
}
.new-select.other:after {
 right:10px
}
.new-select.other .word {
 margin-right:5px;
 color:#7d8bb3
}
.new-select.other .list {
 left:-26px;
 right:0;
 width:auto
}
.mo-new-select.other {
 width:65px
}
.mo-new-select.other select {
 padding-right:10px;
 border:none;
 padding-left:0;
 margin-right:5px
}
.mo-new-select.other:after {
 right:10px
}
.register-form .break {
 flex-wrap:wrap
}
.qq-inp {
 flex-grow:1;
 border:none;
 line-height:40px;
 height:40px;
 padding:0;
 margin-top:-2px;
 font-size:16px
}
.qq-notice {
 position:relative;
 margin:8px 0 0 0;
 color:#7d8bb3;
 font-size:14px;
 left:30px;
 font-weight:250
}
.register-form li .inp1:disabled {
 background-color:#f5f8fc
}
.register-form li .get-yzm {
 position:absolute;
 right:4px;
 top:15px;
 padding-left:10px;
 width:130px;
 line-height:1;
 text-align:left;
 border-left:2px solid #e0eaff;
 font-size:16px;
 cursor:not-allowed;
 color:#a3aecc
}
.register-form li .yzm input {
 margin-right:26px;
 padding:0 20px 0 24px;
 box-sizing:border-box;
 width:200px;
 height:48px;
 font-size:16px;
 line-height:18px;
 border:2px solid #e0eaff;
 border-radius:30px;
 vertical-align:middle
}
.register-form li .yzm img {
 width:103px;
 height:41px;
 vertical-align:middle;
 cursor:pointer
}
.register-form li .yzm span {
 color:#276bef;
 font-size:14px;
 margin-left:8px;
 vertical-align:middle;
 cursor:pointer;
 flex-shrink:0
}
.error-info {
 position:relative;
 color:#e63d2e;
 font-size:12px;
 line-height:1;
 margin-top:8px;
 display:none
}
.error-info.show {
 display:block;
 flex-grow:1
}
.reg-protocol {
 position:relative;
 margin-bottom:14px;
 font-size:14px;
 color:#0b1531;
 padding-left:30px
}
.reg-protocol a {
 color:#296bef;
 position:relative;
 top:2px
}
.reg-protocol a:hover {
 color:#0045cc
}
.reg-protocol input {
 opacity:0;
 vertical-align:middle;
 display:none
}
.reg-protocol label:after {
 position:absolute;
 left:5px;
 top:5px;
 content:"";
 box-sizing:border-box;
 border:2px solid #e0eaff;
 display:inline-block;
 vertical-align:middle;
 width:18px;
 height:18px;
 text-align:center;
 border-radius:5px;
 cursor:pointer;
 transition:all .6s cubic-bezier(.19,1,.22,1)
}
.reg-protocol input:checked+label:after {
 content:"";
 background:#296bef;
 border:2px solid #296bef
}
.reg-protocol input:checked+label:before {
 display:inline-block
}
.reg-protocol label:before {
 display:none;
 content:"";
 position:absolute;
 z-index:1;
 left:9px;
 top:10px;
 width:10px;
 height:8px;
 background-image:url(https://www.gztenwin.com/skin/images/login_yc/tick.png);
 background-position:center;
 background-size:10px auto;
 background-repeat:no-repeat
}
.reg-protocol label {
 cursor:pointer;
 vertical-align:middle
}
.regist-login {
 font-size:16px;
 line-height:1;
 color:#296bef;
 text-align:center;
 display:block;
 margin-top:24px
}
.login-next {
 background:#f2f5fa;
 border-radius:25px;
 font-size:16px;
 font-weight:400;
 color:#c2c7d3;
 line-height:48px;
 text-align:center;
 display:block;
 margin-top:32px
}
.login-next.active:hover {
 color:#fff;
 background-color:#0b4fd9;
 box-shadow:none
}
.login-next.active {
 background-color:#2a6bef;
 box-shadow:0 1px 0 rgba(44,114,255,.08),0 6px 12px rgba(44,114,255,.18);
 color:#fff
}
.login-next.active:active {
 background-color:#0941b3;
 color:#fff;
 box-shadow:none
}
.regist-login a:hover {
 color:#0045cc
}
.login-wechat {
 text-align:center;
 width:308px;
 margin:0 auto
}
.login-wechat .success {
 display:block;
 width:312px;
 margin:0 auto 40px
}
.login-wechat h3 {
 font-size:20px;
 font-weight:500;
 color:#0b1531;
 line-height:28px;
 margin-bottom:13px
}
.login-wechat p {
 font-size:16px;
 font-weight:400;
 color:#0b1531;
 line-height:24px;
 margin-bottom:24px
}
.login-wechat h3.error {
 font-size:28px;
 font-weight:600;
 color:#ff7566;
 line-height:28px
}
.login-wechat h3.max {
 font-size:28px;
 font-weight:600;
 color:#0b1531;
 line-height:28px
}
.login-wechat h3.max.error {
 color:#ffa64d
}
.login-wechat h3.success {
 color:#35c950;
 margin-bottom:12px
}
.login-wechat .tx {
 margin:36px 0
}
.login-wechat .tx img {
 display:block;
 margin:0 auto;
 border:1px solid #d5e2ff;
 border-radius:50%;
 width:90px;
 height:90px
}
.login-wechat .tx span {
 display:block;
 font-size:16px;
 font-weight:400;
 color:#0b1531;
 line-height:24px;
 margin-top:16px
}
.login-wechat .ewm img {
 display:block;
 margin:0 auto 24px;
 padding:10px;
 border:1px solid #d8d8d8
}
.login-wechat .link {
 font-size:16px;
 font-weight:400;
 color:#296bef;
 line-height:16px;
 display:inline-block;
 margin:0 18px
}
.login-wechat .link:hover {
 color:#0045cc
}
.login-btn {
 background:#296bef;
 box-shadow:0 6px 12px 0 rgba(44,114,255,.18);
 border-radius:24px;
 line-height:48px;
 display:block;
 width:192px;
 margin:36px auto 24px;
 color:#fff;
 font-size:16px
}
.login-btn:hover {
 background-color:#0b4fd9;
 color:#fff
}
.login-btn:active {
 background-color:#0941b3;
 color:#fff
}
.login-ewm {
 display:flex;
 align-items:center;
 padding:48px 94px;
 background:#f9fbff;
 border-radius:0 0 12px 12px;
 margin:48px -48px -48px -48px
}
.login-ewm img {
 display:block;
 width:100px;
 height:100px;
 border-radius:10px;
 margin-right:28px;
 flex-shrink:0;
 border:1px solid #bfcdeb
}
.login-ewm p {
 font-size:14px;
 font-weight:400;
 color:#9aa9d3;
 line-height:21px;
 flex-grow:1;
 font-weight:200
}
.popup-picker {
 position:fixed;
 bottom:0;
 left:0;
 width:100%;
 z-index:102;
 background-color:#fff;
 border-top-left-radius:8px;
 border-top-right-radius:8px;
 -webkit-transform:translateY(100%);
 -ms-transform:translateY(100%);
 transform:translateY(100%);
 transition:.3s
}
.popup-picker-hd {
 height:46px;
 line-height:46px
}
.popup-picker-hd .left {
 position:absolute;
 left:0;
 top:0
}
.popup-picker-hd .right {
 position:absolute;
 right:0;
 top:0
}
.popup-picker-hd .title {
 text-align:center;
 font-size:14px;
 color:#3f3f40
}
.popup-picker-hd .btn {
 padding:0 15px;
 border:none;
 color:#7d8bb3
}
.popup-picker-hd .cancel {
 opacity:.6
}
.popup-picker-hd .confirm {
 color:#2a6bef
}
.popup-picker-bd {
 font-size:16px;
 height:15em;
 display:flex;
 justify-content:center;
 text-align:center
}
.popup-picker-bd .list {
 position:relative;
 height:100%;
 padding-top:34px
}
.popup-picker-bd .caption {
 position:absolute;
 top:0;
 width:100%;
 text-align:center;
 opacity:.6
}
.popup-picker-bd .content {
 height:100%;
 overflow-y:auto
}
.popup-picker-indicator {
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-17px;
 height:34px;
 margin-left:-40px;
 width:80px;
 border-top:1px solid #296bef;
 border-bottom:1px solid #296bef
}
.popup-picker-bd .list {
 flex:1;
 color:#3f3f40;
 line-height:34px
}
.popup-picker-bd .content li {
 opacity:.6
}
.popup-picker-bd .content .active {
 opacity:1;
 font-weight:500
}
.popup-modal.open,
.popup-picker.open {
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 transform:translateY(0)
}
.popup-mask {
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:100;
 background-color:rgba(0,0,0,.5)
}
.popup-mask.open,
.popup-modal.open {
 display:block
}
@media screen and (max-width:1023px) {
 .login-hd .logo img {
  width:100px;
  margin-top:15px
 }
 .login-hd .tel {
  height:50px;
  line-height:50px;
  font-size:14px;
  padding-left:20px;
  background-size:15px
 }
 .login-hd {
  padding:0 10px;
  display:none
 }
 .m-register {
  padding:80px 0
 }
 .register-tit {
  font-size:28px;
  line-height:32px;
  margin-bottom:40px;
  font-weight:600
 }
 body {
  font-weight:400
 }
 .register-tab {
  margin-bottom:0
 }
 .register-tab li {
  font-size:16px;
  line-height:24px;
  padding-bottom:10px
 }
 .register-tab li p span {
  width:20px;
  height:20px;
  line-height:20px;
  background-color:#c4c7cc
 }
 .register-tab li:after {
  width:20px;
  height:2px
 }
 .m-register .register {
  width:100%;
  padding:28px 16px;
  border-radius:0;
  box-shadow:none;
  overflow:hidden
 }
 .register-form .tab,
 .register-form li {
  margin-bottom:16px;
  font-size:16px;
  line-height:24px
 }
 .register-form li.active {
  font-weight:600
 }
 .new-select {
  font-size:14px
 }
 .qq-inp {
  margin-top:0
 }
 .new-select.mo {
  display:block
 }
 .m-register .register .line,
 .new-select {
  display:none
 }
 .new-select {
  display:none
 }
 .new-select.mo {
  display:block
 }
 .mo-new-select {
  display:block;
  flex-grow:1
 }
 .mo-new-select select {
  flex-grow:1
 }
 .register-form li .yzm input {
  margin-right:0;
  width:150px
 }
 .register-form li .yzm {
  display:flex;
  align-items:center;
  flex-grow:1
 }
 .register-form li .yzm img {
  margin:0 10px
 }
 .mo-new-select.other {
  width:55px
 }
 .reg-protocol {
  margin-bottom:10px;
  font-size:12px;
  line-height:18px;
  color:#313233;
  font-weight:400
 }
 .login-next {
  border:1px solid #dfe1e6;
  background-color:#f2f4f7;
  color:#c4c8cc
 }
 .qq-notice {
  left:0;
  padding-left:20px;
  background:url(https://www.gztenwin.com/skin/images/login_yc/login-ico2.png) no-repeat left center;
  background-size:15px
 }
 .login-next.active {
  border-color:#296bef
 }
 .login-btn {
  line-height:48px;
  width:100%;
  font-size:16px;
  font-weight:500
 }
 .login-wechat {
  width:auto;
  max-width:500px
 }
 .login-wechat h3.error,
 .login-wechat h3.max {
  font-size:24px
 }
 .login-wechat p {
  font-size:16px;
  line-height:24px;
  color:#313233
 }
 .login-wechat .tx span {
  color:#313233;
  margin-top:12px
 }
 .login-wechat .tx {
  margin:32px 0
 }
 .login-ewm {
  margin:20px -20px -30px;
  padding:20px;
  background-color:#f5f9ff
 }
 .login-ewm img {
  margin-right:16px
 }
 .m-register {
  padding:40px 0 30px
 }
 .m-register.success {
  padding-top:0
 }
 .login-wechat .link::after {
  content:"";
  position:absolute;
  right:-18.5px;
  top:50%;
  width:1px;
  height:16px;
  background:#d2d4d9;
  margin-top:-8px
 }
 .login-wechat .link {
  position:relative;
  font-weight:500
 }
 .login-wechat .link:last-child::after {
  display:none
 }
 .register-tab {
  justify-content:space-evenly
 }
 .register-tab li {
  margin-left:0
 }
 .register-form li .inp1 {
  font-size:14px
 }
 .qq-notice {
  color:#939599;
  font-size:12px
 }
 .reg-protocol label:after {
  width:16px;
  height:16px;
  top:4px
 }
 .reg-protocol label:before {
  left:8px;
  top:8px
 }
 .ico-tip {
  width:16px;
  height:16px
 }
 .login-tips p {
  left:-60px;
  top:-10px
 }
 .register-form li .get-yzm {
  font-size:14px;
  top:18px
 }
 .regist-login {
  font-size:14px
 }
 .regist-login a {
  font-weight:400
 }
 .mo-new-select select {
  font-size:14px
 }
 .qq-inp,
 .qq-select {
  font-size:14px
 }
 .register-form li .yzm input {
  font-size:14px
 }
 .login-wechat h3.error {
  color:#e63d2e
 }
 .register-tab li {
  font-weight:600;
  color:#c4c7cc
 }
 .login-wechat .success {
  width:90%;
  max-width:400px
 }
 .login-wechat .tx img {
  width:78px;
  height:78px
 }
 .login-tips:hover p:after {
  left:86px
 }
 .login-tips p {
  left:-90px
 }
}
@media screen and (max-width:359px) {
 .register-form li .yzm input {
  width:115px
 }
}
.prebody {
 background-color:#f5f9ff;
 padding-bottom:0!important
}
@font-face {
 font-family:new-font;
 src:url(https://www.gztenwin.com/skin/fonts/Montserrat-SemiBold-Num.ttf),
 url(https://www.gztenwin.com/skin/fonts/NewFont-Regular.woff),
 url(https://www.gztenwin.com/skin/fonts/NewFont-Regular.eot)
}
.prebody *,
.prebody ::after,
.prebody ::before {
 box-sizing:border-box
}
.prebody :root {
 -moz-tab-size:4;
 -o-tab-size:4;
 tab-size:4
}
.prebody html {
 line-height:1.15;
 -webkit-text-size-adjust:100%
}
.prebody body {
 margin:0
}
.prebody body {
 font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'
}
.prebody hr {
 height:0;
 color:inherit
}
.prebody abbr[title] {
 -webkit-text-decoration:underline dotted;
 text-decoration:underline dotted
}
.prebody b,
.prebody strong {
 font-weight:bolder
}
.prebody code,
.prebody kbd,
.prebody pre,
.prebody samp {
 font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;
 font-size:1em
}
.prebody small {
 font-size:80%
}
.prebody sub,
.prebody sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
.prebody sub {
 bottom:-.25em
}
.prebody sup {
 top:-.5em
}
.prebody table {
 text-indent:0;
 border-color:inherit
}
.prebody button,
.prebody input,
.prebody optgroup,
.prebody select,
.prebody textarea {
 font-family:inherit;
 font-size:100%;
 line-height:1.15;
 margin:0
}
.prebody button,
.prebody select {
 text-transform:none
}
.prebody [type=button],
.prebody [type=submit],
.prebody button {
 -webkit-appearance:button
}
.prebody legend {
 padding:0
}
.prebody progress {
 vertical-align:baseline
}
.prebody summary {
 display:list-item
}
.prebody blockquote,
.prebody dd,
.prebody figure,
.prebody h2,
.prebody h3,
.prebody h4,
.prebody h5,
.prebody h6,
.prebody hr,
.prebody p,
.prebody pre {
 margin:0
}
.prebody button {
 background-color:transparent;
 background-image:none
}
.prebody button:focus {
 outline:1px dotted;
 outline:5px auto -webkit-focus-ring-color
}
.prebody fieldset {
 margin:0;
 padding:0
}
.prebody ol,
.prebody ul {
 list-style:none;
 margin:0;
 padding:0
}
.prebody body {
 font-family:inherit;
 line-height:inherit
}
.prebody *,
.prebody ::after,
.prebody ::before {
 box-sizing:border-box;
 border-width:0;
 border-style:solid;
 border-color:#e5e7eb
}
.prebody hr {
 border-top-width:1px
}
.prebody img {
 border-style:solid
}
.prebody textarea {
 resize:vertical
}
.prebody input::-moz-placeholder,
.prebody textarea::-moz-placeholder {
 opacity:1;
 color:#9ca3af
}
.prebody input:-ms-input-placeholder,
.prebody textarea:-ms-input-placeholder {
 opacity:1;
 color:#9ca3af
}
.prebody input::-webkit-input-placeholder,
.prebody textarea::-webkit-input-placeholder {
 opacity:1;
 color:#9ca3af
}
.prebody input::-ms-input-placeholder,
.prebody textarea::-ms-input-placeholder {
 opacity:1;
 color:#9ca3af
}
.prebody input::placeholder,
.prebody textarea::placeholder {
 opacity:1;
 color:#9ca3af
}
.prebody input::-webkit-inner-spin-button,
.prebody input::-webkit-outer-spin-button {
 -webkit-appearance:none
}
.prebody input[type=number] {
 -moz-appearance:textfield
}
.prebody button {
 cursor:pointer
}
.prebody table {
 border-collapse:collapse
}
.prebody h1,
.prebody h2,
.prebody h3,
.prebody h4,
.prebody h5,
.prebody h6 {
 font-size:inherit;
 font-weight:inherit
}
.prebody a {
 color:inherit;
 text-decoration:inherit
}
.prebody button,
.prebody input,
.prebody optgroup,
.prebody select,
.prebody textarea {
 padding:0;
 line-height:inherit;
 color:inherit
}
.prebody code,
.prebody kbd,
.prebody pre,
.prebody samp {
 font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
.prebody audio,
.prebody canvas,
.prebody embed,
.prebody iframe,
.prebody img,
.prebody object,
.prebody svg,
.prebody video {
 display:block;
 vertical-align:middle
}
.prebody img,
.prebody video {
 max-width:100%;
 height:auto
}
.prebody .cursor-pointer {
 cursor:pointer
}
.prebody .block {
 display:block
}
.prebody .inline-block {
 display:inline-block
}
.prebody .inline {
 display:inline
}
.prebody .flex {
 display:flex
}
.prebody .table {
 display:table
}
.prebody .hidden {
 display:none
}
.prebody .flex-col {
 flex-direction:column!important;
 width:inherit
}
.prebody .flex-wrap {
 flex-wrap:wrap
}
.prebody .items-center {
 align-items:center
}
.prebody .justify-center {
 justify-content:center
}
.prebody .justify-between {
 justify-content:space-between
}
.prebody .flex-grow {
 flex-grow:1
}
.prebody .flex-shrink-0 {
 flex-shrink:0
}
.prebody .font-normal {
 font-weight:400
}
.prebody .font-bold {
 font-weight:700
}
.prebody .h-full {
 height:100%
}
.prebody .m-auto {
 margin:auto
}
.prebody .opacity-0 {
 opacity:0
}
.prebody .overflow-hidden {
 overflow:hidden
}
.prebody .fixed {
 position:fixed
}
.prebody .absolute {
 position:absolute
}
.prebody .relative {
 position:relative
}
.prebody .top-0 {
 top:0
}
.prebody .right-0 {
 right:0
}
.prebody .bottom-0 {
 bottom:0
}
.prebody .left-0 {
 left:0
}
.prebody * {
 --tw-shadow:0 0 #0000
}
.prebody * {
 --tw-ring-inset:var(--tw-empty,  );
 /*!*//*!*/--tw-ring-offset-width:0px;
 --tw-ring-offset-color:#fff;
 --tw-ring-color:rgba(59, 130, 246, 0.5);
 --tw-ring-offset-shadow:0 0 #0000;
 --tw-ring-shadow:0 0 #0000
}
.prebody .text-left {
 text-align:left
}
.prebody .text-center {
 text-align:center
}
.prebody .w-full {
 width:100%
}
.prebody .w-max {
 width:-webkit-max-content;
 width:-moz-max-content;
 width:max-content
}
.prebody .z-10 {
 z-index:10
}
.prebody .z-50 {
 z-index:50
}
@-webkit-keyframes spin {
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes spin {
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes ping {
 100%,
 75% {
  -webkit-transform:scale(2);
  transform:scale(2);
  opacity:0
 }
}
@keyframes ping {
 100%,
 75% {
  -webkit-transform:scale(2);
  transform:scale(2);
  opacity:0
 }
}
@-webkit-keyframes pulse {
 50% {
  opacity:.5
 }
}
@keyframes pulse {
 50% {
  opacity:.5
 }
}
@-webkit-keyframes bounce {
 0%,
 100% {
  -webkit-transform:translateY(-25%);
  transform:translateY(-25%);
  -webkit-animation-timing-function:cubic-bezier(.8,0,1,1);
  animation-timing-function:cubic-bezier(.8,0,1,1)
 }
 50% {
  -webkit-transform:none;
  transform:none;
  -webkit-animation-timing-function:cubic-bezier(0,0,.2,1);
  animation-timing-function:cubic-bezier(0,0,.2,1)
 }
}
@keyframes bounce {
 0%,
 100% {
  -webkit-transform:translateY(-25%);
  transform:translateY(-25%);
  -webkit-animation-timing-function:cubic-bezier(.8,0,1,1);
  animation-timing-function:cubic-bezier(.8,0,1,1)
 }
 50% {
  -webkit-transform:none;
  transform:none;
  -webkit-animation-timing-function:cubic-bezier(0,0,.2,1);
  animation-timing-function:cubic-bezier(0,0,.2,1)
 }
}
@-webkit-keyframes showHeader {
 from {
  opacity:0;
  -webkit-transform:translateY(30px);
  transform:translateY(30px)
 }
 to {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes showHeader {
 from {
  opacity:0;
  -webkit-transform:translateY(30px);
  transform:translateY(30px)
 }
 to {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
.prebody .jump_num {
 overflow:hidden;
 display:inline-block;
 position:relative
}
.prebody .jump_num .jump_num_scroll {
 top:0;
 left:0;
 position:absolute;
 transition:all .5s linear;
 display:inline-block
}
.prebody .jump_num .jump_num_scroll>span {
 display:inline-block
}
.prebody .number_ani_animal,
.prebody .number_ani_sg,
.prebody .number_ani_wb,
.prebody .number_ani_wc,
.prebody .number_ani_xy {
 display:flex;
 font-family:new-font;
 -webkit-transform:translateY(-1px);
 -ms-transform:translateY(-1px);
 transform:translateY(-1px)
}
@media only screen and (max-width:1023px) {
 .prebody .number_ani_animal>.jump_num,
 .prebody .number_ani_sg>.jump_num,
 .prebody .number_ani_wb>.jump_num,
 .prebody .number_ani_wc>.jump_num,
 .prebody .number_ani_xy>.jump_num {
  margin-left:-3px
 }
}
.prebody .number_ani_source {
 display:inline-block;
 -webkit-transform:translateY(2px);
 -ms-transform:translateY(2px);
 transform:translateY(2px);
 font-family:new-font
}
@media only screen and (max-width:1023px) {
 .prebody .number_ani_source>.jump_num {
  margin-left:-3px
 }
}
.prebody .scroll_ani {
 -webkit-animation:showHeader 1s cubic-bezier(.17,.17,.4,1) forwards;
 animation:showHeader 1s cubic-bezier(.17,.17,.4,1) forwards
}
@media only screen and (max-width:1366px) {
 .prebody .prebody {
  padding-top:56px
 }
}
@media only screen and (max-width:1023px) {
 .prebody .prebody {
  padding-top:62px
 }
}
.prebody .pre_header:after {
 content:"";
 display:block;
 position:absolute;
 top:0;
 width:100%;
 height:662.5px;
 background-image:url(https://www.gztenwin.com/skin/images/preferred_v2/mobile_bg_center.png);
 background-size:1125px 1987.5px;
 background-position:50% 100%;
 background-repeat:no-repeat
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header:after {
  height:621px;
  background-image:url(https://www.gztenwin.com/skin/images/preferred_v2/md_bg_center.png);
  background-size:2880px 1242px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header:after {
  height:873px;
  background-image:url(https://www.gztenwin.com/skin/images/preferred_v2/lg_bg_center.png);
  background-size:2880px 1746px
 }
}
.prebody .pre_header_content {
 height:813.5px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header_content {
  width:960px;
  height:695px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_content {
  width:1200px;
  height:975px
 }
}
.prebody .pre_header_ani {
 width:960px
}
.prebody .pre_header_ani_block_left {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/header_ani_block_left.png) no-repeat center/contain;
 width:128px;
 height:128px;
 top:50px!important;
 left:367px!important;
 opacity:0;
 -webkit-animation:showHeader .5s cubic-bezier(.17,.17,.4,1) forwards;
 animation:showHeader .5s cubic-bezier(.17,.17,.4,1) forwards
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_ani_block_left {
  width:184px;
  height:184px;
  top:80px!important;
  left:395px!important
 }
}
.prebody .pre_header_ani_block_bottom {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/header_ani_block_bottom.png) no-repeat center/contain;
 width:216px;
 height:216px;
 top:200px!important;
 left:618px!important;
 opacity:0;
 -webkit-animation:showHeader .5s cubic-bezier(.17,.17,.4,1) .1s forwards;
 animation:showHeader .5s cubic-bezier(.17,.17,.4,1) .1s forwards
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_ani_block_bottom {
  width:308px;
  height:308px;
  top:310px!important;
  left:763px!important
 }
}
.prebody .pre_header_ani_block_top {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/header_ani_block_top.png) no-repeat center/contain;
 width:184px;
 height:184px;
 top:-25px!important;
 left:692px!important;
 opacity:0;
 -webkit-animation:showHeader .5s cubic-bezier(.17,.17,.4,1) .2s forwards;
 animation:showHeader .5s cubic-bezier(.17,.17,.4,1) .2s forwards
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_ani_block_top {
  width:262px;
  height:262px;
  left:868px!important
 }
}
.prebody .pre_header_ani_main {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/header_ani_main.png) no-repeat center/contain;
 width:380px;
 height:280px;
 top:33px!important;
 left:417px!important;
 opacity:0;
 -webkit-animation:showHeader .7s cubic-bezier(.17,.17,.4,1) .3s forwards;
 animation:showHeader .7s cubic-bezier(.17,.17,.4,1) .3s forwards
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_ani_main {
  width:544px;
  height:400px;
  top:57px!important;
  left:475px!important
 }
}
.prebody .icon-left-sm {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/mobile_bg_left.png) no-repeat center/contain;
 width:114px;
 height:204.5px;
 top:105px;
 -webkit-animation:showHeader .5s cubic-bezier(.17,.17,.4,1) forwards;
 animation:showHeader .5s cubic-bezier(.17,.17,.4,1) forwards
}
.prebody .icon-right-sm {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/mobile_bg_right.png) no-repeat center/contain;
 width:114px;
 height:202px;
 top:-11px;
 right:-17px;
 -webkit-animation:showHeader .5s cubic-bezier(.17,.17,.4,1) .3s forwards;
 animation:showHeader .5s cubic-bezier(.17,.17,.4,1) .3s forwards
}
.prebody .icon-bottom-sm {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/mobile_bg_bottom.png) no-repeat center/contain;
 width:227.5px;
 height:297px;
 bottom:145px;
 -webkit-animation:showHeader .5s cubic-bezier(.17,.17,.4,1) .5s forwards;
 animation:showHeader .5s cubic-bezier(.17,.17,.4,1) .5s forwards
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header_content_top {
  padding-left:50px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_content_top {
  padding-left:100px
 }
}
.prebody .pre_header_title {
 width:281px;
 padding-top:80px;
 margin:0 auto
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header_title {
  padding-top:88px;
  -webkit-animation:showHeader .5s cubic-bezier(.17,.17,.4,1) forwards;
  animation:showHeader .5s cubic-bezier(.17,.17,.4,1) forwards
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_title {
  padding-top:95px;
  -webkit-animation:showHeader linear .3s forwards;
  animation:showHeader linear .3s forwards
 }
}
.prebody .pre_header_title>i {
 width:120px;
 height:36px;
 margin-bottom:12px;
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/logo.png) no-repeat center/contain
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_title>i {
  width:166px;
  height:50px;
  margin-bottom:8px
 }
}
.prebody .pre_header_title>p {
 font-size:27px;
 line-height:37.5px;
 color:#0b1531;
 margin-bottom:8px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header_title>p {
  font-size:32px;
  line-height:48px;
  margin-bottom:10px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_title>p {
  font-size:40px;
  line-height:60px;
  letter-spacing:1.8px;
  margin-bottom:10px;
  color:#292929
 }
}
.prebody .pre_header_title>span {
 color:#6b7799;
 font-size:14px;
 line-height:22px;
 letter-spacing:1px;
 margin-bottom:40px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header_title>span {
  font-size:14px;
  line-height:21px;
  letter-spacing:.8px;
  margin-bottom:40px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_title>span {
  font-size:18px;
  line-height:28px;
  letter-spacing:1px;
  color:#6e7a9b;
  margin-bottom:48px
 }
}
.prebody .pre_button {
 background:#3a7bff;
 box-shadow:0 8px 24px #b1d0ff;
 border-radius:44px;
 padding:13px 20px;
 color:#fff;
 font-size:16px;
 line-height:16px;
 transition:all .2s cubic-bezier(.17,.17,.4,1)
}
.prebody .pre_button:hover {
 background:#1c63c9
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_button {
  border-radius:26px;
  padding:14px 32px;
  font-size:16px;
  line-height:16px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_button {
  border-radius:29px;
  padding:20px 40px;
  font-size:18px;
  line-height:18px
 }
}
.prebody .pre_header_content_footer {
 min-width:345px;
 max-width:92%;
 height:338px;
 background-color:#fff;
 box-shadow:0 9px 20px 2px rgba(103,163,248,.1);
 border-radius:20px;
 margin-top:122.5px;
 padding:60px 20px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header_content_footer {
  min-width:960px;
  max-width:100%;
  height:330px;
  padding:64px 24px;
  margin-top:62px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_content_footer {
  min-width:1200px;
  max-width:100%;
  height:440px;
  padding:96px 48px;
  margin-top:116px
 }
}
.prebody .pre_header_content_footer_title>p {
 font-size:27px;
 line-height:27px;
 margin-bottom:12px;
 color:#0b1531
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header_content_footer_title>p {
  font-size:32px;
  line-height:32px;
  margin-bottom:16px;
  color:#2b2b2b
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_content_footer_title>p {
  font-size:42px;
  line-height:42px;
  margin-bottom:16px;
  color:#2b2b2b
 }
}
.prebody .pre_header_content_footer_title>span {
 font-size:13px;
 line-height:13px;
 color:#6b7799
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header_content_footer_title>span {
  font-size:16px;
  line-height:16px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_content_footer_title>span {
  font-size:18px;
  line-height:18px
 }
}
.prebody .pre_header_content_footer_icon {
 width:314px;
 margin-top:30px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header_content_footer_icon {
  width:912px;
  margin-top:50px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_content_footer_icon {
  width:1104px;
  margin-top:85px
 }
}
.prebody .pre_header_content_footer_icon i {
 display:block;
 background-color:rgba(255,255,255,.907916);
 box-shadow:0 2px 15px #f2f2f2,inset 0 1px 3px #fff;
 border-radius:16px;
 flex-shrink:0;
 width:50px;
 height:50px;
 background-position-y:6px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_header_content_footer_icon i {
  width:80px;
  height:80px;
  background-position-y:9px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_header_content_footer_icon i {
  width:80px;
  height:80px;
  background-position-y:9px
 }
}
.prebody .pre_header_content_footer_icon>div:first-of-type {
 margin-bottom:28px
}
.prebody .pre_header_content_footer_icon>div:nth-of-type(2) {
 width:248px
}
.prebody .icon-wechat {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_wechat.png) no-repeat center/contain
}
.prebody .icon-qq {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_qq.png) no-repeat center/contain
}
.prebody .icon-video {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_video.png) no-repeat center/contain;
 background-position-y:8px!important
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .icon-video {
  background-size:90px 90px;
  background-position-y:6px!important
 }
}
@media only screen and (min-width:1440px) {
 .prebody .icon-video {
  background-size:90px 90px;
  background-position-y:8px!important
 }
}
.prebody .icon-news {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_news.png) no-repeat center/contain
}
.prebody .icon-kd {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_kd.png) no-repeat center/contain;
 background-position-y:8px!important
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .icon-kd {
  background-size:90px 90px;
  background-position-y:6px!important
 }
}
@media only screen and (min-width:1440px) {
 .prebody .icon-kd {
  background-size:90px 90px;
  background-position-y:8px!important
 }
}
.prebody .icon-tme {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_tme.png) no-repeat center;
 background-position-y:3px!important;
 background-size:42px 42px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .icon-tme {
  background-size:68px 68px;
  background-position-y:6px!important
 }
}
@media only screen and (min-width:1440px) {
 .prebody .icon-tme {
  background-size:68px 68px;
  background-position-y:6px!important
 }
}
.prebody .icon-weishi {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_weishi.png) no-repeat center;
 background-position-y:3px!important;
 background-size:42px 42px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .icon-weishi {
  background-size:68px 68px;
  background-position-y:6px!important
 }
}
@media only screen and (min-width:1440px) {
 .prebody .icon-weishi {
  background-size:68px 68px;
  background-position-y:6px!important
 }
}
.prebody .icon-game {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_game.png) no-repeat center;
 background-position-y:3px!important;
 background-size:42px 42px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .icon-game {
  background-size:68px 68px;
  background-position-y:6px!important
 }
}
@media only screen and (min-width:1440px) {
 .prebody .icon-game {
  background-size:68px 68px;
  background-position-y:6px!important
 }
}
.prebody .icon-ylh {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_ylh.png) no-repeat center/contain
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .icon-ylh {
  background-size:100px 100px;
  background-position-y:4px!important
 }
}
@media only screen and (min-width:1440px) {
 .prebody .icon-ylh {
  background-size:100px 100px;
  background-position-y:4px!important
 }
}
.prebody .pre_advantage {
 margin-top:60px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_advantage {
  margin-top:80px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_advantage {
  margin-top:120px
 }
}
.prebody .pre_advantage>p {
 color:#0b1531;
 font-size:27px;
 line-height:27px;
 margin-bottom:40px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_advantage>p {
  font-size:32px;
  line-height:38px;
  margin-bottom:60px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_advantage>p {
  font-size:42px;
  line-height:38px;
  margin-bottom:80px
 }
}
.prebody .pre_advantage_container {
 min-width:345px;
 max-width:92%;
 background:#fff;
 box-shadow:0 3px 20px rgba(0,116,255,.1);
 border-radius:20px;
 padding-bottom:60px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_advantage_container {
  min-width:960px;
  max-width:960px;
  background:initial;
  box-shadow:none;
  border-radius:0;
  padding-bottom:0
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_advantage_container {
  min-width:1200px;
  max-width:1200px;
  background:initial;
  box-shadow:none;
  border-radius:0;
  padding-bottom:0
 }
}
.prebody .pre_advantage_container>div:first-of-type {
 margin-bottom:10px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_advantage_container>div:first-of-type {
  margin-bottom:32px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_advantage_container>div:first-of-type {
  margin-bottom:40px
 }
}
.prebody .pre_advantage_items {
 background:#fff;
 padding-top:52px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_advantage_items {
  transition:all .4s cubic-bezier(.17,.17,.4,1)
 }
 .prebody .pre_advantage_items:hover {
  -webkit-transform:translateY(-20px);
  -ms-transform:translateY(-20px);
  transform:translateY(-20px)
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_advantage_items {
  transition:all .4s cubic-bezier(.17,.17,.4,1)
 }
 .prebody .pre_advantage_items:hover {
  -webkit-transform:translateY(-20px);
  -ms-transform:translateY(-20px);
  transform:translateY(-20px)
 }
}
.prebody .pre_advantage_items:first-of-type {
 padding-top:60px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_advantage_items {
  min-width:464px;
  max-width:464px;
  height:224px;
  padding:32px 25px;
  box-shadow:0 3px 20px rgba(0,116,255,.1);
  border-radius:20px
 }
 .prebody .pre_advantage_items:first-of-type {
  padding-top:32px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_advantage_items {
  min-width:580px;
  max-width:580px;
  height:280px;
  padding:40px;
  box-shadow:0 3px 20px rgba(0,116,255,.1);
  border-radius:20px
 }
 .prebody .pre_advantage_items:first-of-type {
  padding-top:40px
 }
}
.prebody .pre_advantage_items>div>p {
 color:#2b2b2b;
 font-size:20px;
 line-height:20px;
 margin-bottom:16px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_advantage_items>div>p {
  font-size:22px;
  line-height:22px;
  margin-bottom:41px;
  position:relative
 }
 .prebody .pre_advantage_items>div>p:after {
  display:block;
  position:absolute;
  content:"";
  width:16px;
  height:2px;
  background-color:#2b2b2b;
  border-radius:10px;
  top:38px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_advantage_items>div>p {
  font-size:26px;
  line-height:26px;
  margin-bottom:41px;
  position:relative
 }
 .prebody .pre_advantage_items>div>p:after {
  display:block;
  position:absolute;
  content:"";
  width:16px;
  height:2px;
  background-color:#2b2b2b;
  border-radius:10px;
  top:42px
 }
}
.prebody .pre_advantage_items>div>div {
 color:#6b7799;
 margin-bottom:16px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_advantage_items>div>div {
  margin-bottom:0
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_advantage_items>div>div {
  margin-bottom:0
 }
}
.prebody .pre_advantage_items>div>div>span {
 display:block;
 font-size:14px;
 line-height:14px;
 margin-bottom:12px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_advantage_items>div>div>span {
  font-size:14px;
  line-height:12px;
  margin-bottom:16px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_advantage_items>div>div>span {
  font-size:16px;
  line-height:16px;
  margin-bottom:16px
 }
}
.prebody .pre_advantage_items>i {
 width:139px;
 height:139px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_advantage_items>i {
  width:186px;
  height:186px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_advantage_items>i {
  width:232px;
  height:232px
 }
}
.prebody .icon-advantage-serve {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_advantage_serve.png) no-repeat center/contain
}
.prebody .icon-advantage-increase {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_advantage_increase.png) no-repeat center/contain
}
.prebody .icon-advantage-scale {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_advantage_scale.png) no-repeat center/contain
}
.prebody .icon-advantage-link {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_advantage_link.png) no-repeat center/contain
}
.prebody .pre_source {
 background:#3a7bff;
 height:388px;
 margin-top:21.5px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_source {
  height:318px;
  margin-top:80px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_source {
  height:458px;
  margin-top:120px
 }
}
.prebody .pre_source>p {
 color:#fff;
 padding-top:60px;
 font-size:27px;
 line-height:27px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_source>p {
  padding-top:64px;
  font-size:30px;
  line-height:30px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_source>p {
  padding-top:96px;
  font-size:42px;
  line-height:42px
 }
}
.prebody .pre_source_items {
 margin-top:40px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_source_items {
  width:641px;
  margin:64px auto auto auto
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_source_items {
  width:765px;
  margin:96px auto auto auto
 }
}
.prebody .pre_source_items>div:first-of-type {
 margin-bottom:37px
}
.prebody .pre_source_items>div>p {
 color:#fff;
 font-size:28px;
 line-height:28px;
 margin-bottom:17px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_source_items>div>p {
  font-size:32px;
  line-height:27px;
  margin-bottom:16px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_source_items>div>p {
  font-size:44px;
  line-height:34px;
  margin-bottom:26px
 }
}
.prebody .pre_source_items>div>p>span {
 font-weight:400;
 top:-2px;
 font-size:14px;
 line-height:14px;
 margin-left:3px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_source_items>div>p>span {
  font-size:20px;
  line-height:20px;
  margin-left:6px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_source_items>div>p>span {
  font-size:24px;
  line-height:26px;
  margin-left:6px
 }
}
.prebody .pre_source_items>div>span {
 color:#fff;
 font-size:17px;
 line-height:17px;
 margin-bottom:12px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_source_items>div>span {
  font-size:22px;
  line-height:22px;
  margin-bottom:16px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_source_items>div>span {
  font-size:26px;
  line-height:26px;
  margin-bottom:25px
 }
}
.prebody .pre_source_items>div>span:last-of-type {
 font-size:13px;
 line-height:13px;
 opacity:.7;
 margin-bottom:0
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_source_items>div>span:last-of-type {
  font-size:14px;
  line-height:14px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_source_items>div>span:last-of-type {
  font-size:18px;
  line-height:18px
 }
}
.prebody .pre_case {
 margin-top:60px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_case {
  margin-top:80px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_case {
  margin-top:116px
 }
}
.prebody .pre_case>p {
 color:#0b1531;
 font-size:27px;
 line-height:27px;
 margin-bottom:40px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_case>p {
  font-size:30px;
  line-height:30px;
  margin-bottom:80px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_case>p {
  font-size:42px;
  line-height:38px;
  margin-bottom:99px
 }
}
.prebody .pre_swiper {
 width:335px;
 margin-bottom:46px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper {
  width:773px;
  margin-bottom:60px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper {
  width:992px;
  margin-bottom:60px
 }
}
.prebody .pre_swiper .swiper-wrapper {
 height:717px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper .swiper-wrapper {
  height:367px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper .swiper-wrapper {
  height:520px
 }
}
.prebody .pre_swiper .swiper-wrapper .swiper-slide {
 background:#fff;
 box-shadow:0 3px 30px rgba(0,116,255,.1);
 border-radius:20px
}
.prebody .swiper-pagination {
 text-align:center;
 bottom:-46px!important
}
@media only screen and (min-width:1440px) {
 .prebody .swiper-pagination {
  bottom:-65px!important
 }
}
.prebody .swiper-pagination>span {
 cursor:pointer;
 display:inline-block;
 background:#c4d4f5;
 width:12px;
 height:4px;
 border-radius:12px;
 margin:0 4px;
 transition:all .4s
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .swiper-pagination>span {
  width:16px;
  height:4px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .swiper-pagination>span {
  width:16px;
  height:4px
 }
}
.prebody .swiper-pagination>span.swiper-pagination-bullet-active {
 width:20px;
 background:#3a7bff
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .swiper-pagination>span.swiper-pagination-bullet-active {
  width:24px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .swiper-pagination>span.swiper-pagination-bullet-active {
  width:24px
 }
}
.prebody .pre_swiper_items {
 padding:40px 20px 20px 20px;
 cursor:inherit
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper_items {
  padding:43px 61px 43px 0
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items {
  padding:64px 39px 64px 0
 }
}
.prebody .pre_swiper_items_title {
 margin-bottom:20px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper_items_title {
  margin-bottom:8px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_title {
  margin-bottom:14px
 }
}
.prebody .pre_swiper_items_title>i {
 width:40px;
 height:40px;
 margin-right:9px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper_items_title>i {
  width:36px;
  height:36px;
  margin-right:16px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_title>i {
  width:53px;
  height:53px;
  margin-right:23px
 }
}
.prebody .pre_swiper_items_title>span {
 color:#0b1531;
 font-size:19px;
 line-height:27px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper_items_title>span {
  font-size:22px;
  line-height:33px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_title>span {
  font-size:28px;
  line-height:52px
 }
}
.prebody .pre_swiper_items_des {
 font-size:14px;
 line-height:24px;
 letter-spacing:1px;
 color:#6b7799;
 margin-bottom:30px
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_des {
  font-size:16px;
  line-height:24px;
  margin-bottom:36px
 }
}
.prebody .pre_swiper_items_content {
 margin-bottom:20px
}
.prebody .pre_swiper_items_content>div>p {
 display:flex;
 align-items:flex-end;
 justify-content:center;
 color:#3a7bff;
 font-size:28px;
 line-height:28px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper_items_content>div>p {
  font-size:28px;
  line-height:28px;
  margin-bottom:5px;
  justify-content:left
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_content>div>p {
  font-size:34px;
  line-height:28px;
  margin-bottom:10px;
  justify-content:left
 }
}
.prebody .pre_swiper_items_content>div>p>span {
 display:block;
 -webkit-transform:translateY(-2px);
 -ms-transform:translateY(-2px);
 transform:translateY(-2px);
 font-size:14px;
 line-height:14px;
 margin-left:2px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper_items_content>div>p>span {
  font-size:14.32px;
  line-height:14px;
  margin-left:4px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_content>div>p>span {
  font-size:16px;
  line-height:16px;
  margin-left:4px
 }
}
.prebody .pre_swiper_items_content>div>span {
 letter-spacing:1px;
 color:#6b7799;
 font-size:12px;
 line-height:12px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper_items_content>div>span {
  font-size:14px;
  line-height:14px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_content>div>span {
  font-size:16px;
  line-height:24px
 }
}
.prebody .pre_swiper_items_content>div:not(:last-of-type) {
 margin-right:50px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper_items_content>div:not(:last-of-type) {
  margin-right:74px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_content>div:not(:last-of-type) {
  margin-right:67px
 }
}
.prebody .pre_swiper_items_content>div:not(:last-of-type):after {
 content:"";
 display:block;
 position:absolute;
 right:-24.5px;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 width:1px;
 height:52px;
 background:#e0eaff
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper_items_content>div:not(:last-of-type):after {
  right:-36.5px;
  height:52px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_content>div:not(:last-of-type):after {
  right:-33px;
  height:64px
 }
}
.prebody .pre_swiper_items_img {
 border-radius:10px;
 width:295px;
 height:525px
}
.prebody .pre_swiper_items_img>img {
 width:100%;
 height:100%
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_swiper_items_img {
  width:224px;
  height:398px;
  margin-right:68px;
  top:-60px;
  border-radius:10px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_img {
  width:312px;
  height:558px;
  margin-right:41px;
  top:-85px;
  border-radius:10px
 }
}
.prebody .pre_swiper_items_detail {
 width:416px;
 margin-top:40px
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_detail {
  width:600px;
  margin-top:86px
 }
}
.prebody .pre_swiper_items_detail>i {
 width:15px;
 height:16px;
 display:block;
 position:absolute
}
.prebody .pre_swiper_items_detail>i:first-of-type {
 left:0;
 top:0;
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/case_des_icon.png) no-repeat center/contain
}
.prebody .pre_swiper_items_detail>i:last-of-type {
 right:0;
 bottom:0;
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/case_des_icon_end.png) no-repeat center/contain
}
.prebody .pre_swiper_items_detail>span {
 display:inline-block;
 width:376px;
 font-size:15px;
 line-height:30px;
 color:#6b7799;
 margin-left:22px
}
@media only screen and (min-width:1440px) {
 .prebody .pre_swiper_items_detail>span {
  width:528px;
  font-size:21px;
  line-height:36px;
  margin-left:36px
 }
}
.prebody .case_img_animal_icon {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/case_img_animal_icon.png) no-repeat center/contain
}
.prebody .case_img_sg_icon {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/case_img_sg_icon.png) no-repeat center/contain
}
.prebody .case_img_wc_icon {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/case_img_wc_icon.png) no-repeat center/contain
}
.prebody .case_img_wb_icon {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/case_img_wb_icon.png) no-repeat center/contain
}
.prebody .case_img_xy_icon {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/case_img_xy_icon.png) no-repeat center/contain
}
.prebody .pre_footer {
 background:#fff;
 box-shadow:0 3px 30px rgba(0,116,255,.1);
 border-radius:20px;
 margin-top:40px;
 min-width:345px;
 max-width:92%;
 margin-bottom:40px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_footer {
  margin-top:78px;
  min-width:960px;
  max-width:960px;
  margin-bottom:80px;
  height:264px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_footer {
  margin-top:124px;
  min-width:1200px;
  max-width:1200px;
  margin-bottom:86px;
  height:334px
 }
}
.prebody .pre_footer_container {
 width:345px;
 height:401px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_footer_container {
  padding:40px 80px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_footer_container {
  padding:40px 80px
 }
}
.prebody .pre_footer_bg {
 border-radius:20px
}
.prebody .pre_footer_left {
 color:#0c0c0c;
 padding-top:41px;
 margin-bottom:59px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_footer_left {
  padding-top:0;
  margin-bottom:0;
  font-size:30px;
  line-height:40px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_footer_left {
  padding:40px 80px
 }
}
.prebody .pre_footer_left>p {
 color:#0c0c0c;
 font-size:27px;
 line-height:37px
}
.prebody .pre_footer_left>p:last-of-type {
 margin-bottom:20px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_footer_left>p:last-of-type {
  margin-bottom:40px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_footer_left>p:last-of-type {
  margin-bottom:40px
 }
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_footer_left>p {
  font-size:30px;
  line-height:40px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_footer_left>p {
  font-size:36px;
  line-height:50px
 }
}
.prebody .pre_footer_right {
 width:220px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_footer_right {
  width:264px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_footer_right {
  width:320px
 }
}
.prebody .pre_footer_right>div>i {
 background-color:#fff;
 box-shadow:0 0 13px rgba(0,0,0,.1);
 border-radius:12px;
 width:100px;
 height:100px;
 background-size:84px 84px;
 margin-bottom:12px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_footer_right>div>i {
  width:112px;
  height:112px;
  background-size:94px 94px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_footer_right>div>i {
  width:140px;
  height:140px;
  background-size:118px 118px
 }
}
.prebody .pre_footer_right>div>span {
 color:#6b7799;
 font-size:13px;
 line-height:13px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_footer_right>div>span {
  font-size:12px;
  line-height:12px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_footer_right>div>span {
  font-size:16px;
  line-height:24px;
  letter-spacing:1.14286px
 }
}
.prebody .footer_bg_left {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/footer_bg_left.png) no-repeat center/contain;
 width:90px;
 height:127px;
 top:71px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .footer_bg_left {
  background:url(https://www.gztenwin.com/skin/images/preferred_v2/footer_bg_left_pc.png) no-repeat center/contain;
  width:138px;
  height:144px;
  top:0
 }
}
@media only screen and (min-width:1440px) {
 .prebody .footer_bg_left {
  background:url(https://www.gztenwin.com/skin/images/preferred_v2/footer_bg_left_pc.png) no-repeat center/contain;
  width:138px;
  height:144px;
  top:0
 }
}
.prebody .footer_bg_right {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/footer_bg_right.png) no-repeat center/contain;
 width:106px;
 height:118px;
 top:-10px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .footer_bg_right {
  background:url(https://www.gztenwin.com/skin/images/preferred_v2/footer_bg_right_pc.png) no-repeat center/contain;
  width:103px;
  height:178px;
  top:0;
  right:-1px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .footer_bg_right {
  background:url(https://www.gztenwin.com/skin/images/preferred_v2/footer_bg_right_pc.png) no-repeat center/contain;
  width:103px;
  height:178px;
  top:0;
  right:-1px
 }
}
.prebody .footer_bg_bottom {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/footer_bg_bottom.png) no-repeat center/contain;
 width:122px;
 height:112px;
 bottom:0
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .footer_bg_bottom {
  background:url(https://www.gztenwin.com/skin/images/preferred_v2/footer_bg_bottom_pc.png) no-repeat center/contain;
  width:191px;
  height:65px;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%)
 }
}
@media only screen and (min-width:1440px) {
 .prebody .footer_bg_bottom {
  background:url(https://www.gztenwin.com/skin/images/preferred_v2/footer_bg_bottom_pc.png) no-repeat center/contain;
  width:191px;
  height:65px;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%)
 }
}
.prebody .qrcode_gzh {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/qrcode_gzh.png) no-repeat center
}
.prebody .qrcode_xzs {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/qrcode_xzs.png) no-repeat center/contain
}
.prebody .pre_form_pc {
 transition:all .2s linear
}
.prebody .pre_form {
 min-width:345px;
 max-width:92%;
 height:calc(100vh - 62px)
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form {
  min-width:100vw;
  max-width:100vh;
  height:100vh;
  background-color:rgba(0,0,0,.5)
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form {
  min-width:100vw;
  max-width:100vh;
  height:100vh;
  background-color:rgba(0,0,0,.5)
 }
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_pc {
  width:800px;
  height:600px;
  background-color:#fff;
  border-radius:20px;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-40%);
  -ms-transform:translate(-50%,-40%);
  transform:translate(-50%,-40%)
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_pc {
  width:1024px;
  height:752px;
  background-color:#fff;
  border-radius:20px;
  top:53%;
  left:50%;
  -webkit-transform:translate(-50%,-40%);
  -ms-transform:translate(-50%,-40%);
  transform:translate(-50%,-40%)
 }
}
.prebody .pre_form_title {
 color:#0b1531;
 padding-top:47.5px;
 width:291px;
 margin-bottom:50px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_title {
  width:386px;
  height:100%;
  background:url(https://www.gztenwin.com/skin/images/preferred_v2/dialog_bg.png) no-repeat center/contain;
  padding:54px 38px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_title {
  width:494px;
  height:100%;
  background:url(https://www.gztenwin.com/skin/images/preferred_v2/dialog_bg.png) no-repeat center/contain;
  padding:70px 48px
 }
}
.prebody .pre_form_title>p {
 font-size:27px;
 line-height:27px;
 margin-bottom:12px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_title>p {
  font-size:32px;
  line-height:32px;
  margin-bottom:16px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_title>p {
  font-size:40px;
  line-height:40px;
  margin-bottom:16px
 }
}
.prebody .pre_form_title>span {
 font-size:13px;
 line-height:19px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_title>span {
  font-size:12px;
  line-height:22px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_title>span {
  font-size:16px;
  line-height:28px
 }
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_right {
  padding:56px 32px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_right {
  padding:56px 48px
 }
}
.prebody .pre_form_right_close {
 width:20px;
 height:20px;
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_close_pc.png) no-repeat center/contain;
 top:16px;
 right:16px
}
.prebody .pre_form_error>span {
 display:block;
 color:#e63d2e
}
.prebody .pre_form_error>input {
 border-color:#e63d2e!important
}
.prebody .pre_form_items {
 margin-bottom:24px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_items {
  margin-bottom:24px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_items {
  margin-bottom:32px
 }
}
.prebody .pre_form_items>div textarea,
.prebody .pre_form_items>div>input {
 width:100%;
 border-radius:8px;
 border:1px solid #d2d4d9;
 font-size:14px;
 line-height:14px;
 height:42px;
 padding:14px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_items>div textarea,
 .prebody .pre_form_items>div>input {
  font-size:12px;
  line-height:12px;
  height:36px;
  padding:10px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_items>div textarea,
 .prebody .pre_form_items>div>input {
  font-size:16px;
  line-height:24px;
  height:48px;
  padding:12px 16px
 }
}
.prebody .pre_form_items>div>span {
 font-size:12px;
 line-height:12px;
 margin-top:3px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_items>div>span {
  margin-top:4px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_items>div>span {
  margin-top:8px
 }
}
.prebody .pre_form_items>div>textarea {
 resize:none;
 height:75px
}
.prebody .pre_form_items_t {
 margin-right:7px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_items_t {
  margin-right:14px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_items_t {
  margin-right:14px
 }
}
.prebody .pre_form_items_check {
 position:relative
}
.prebody .pre_form_items_check:after {
 content:"";
 display:block;
 position:absolute;
 right:12px;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 width:17.5px;
 height:17.5px;
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_select.png) no-repeat center/contain
}
.prebody .pre_form_items_check_pc {
 bottom:-8px;
 -webkit-transform:translateY(100%);
 -ms-transform:translateY(100%);
 transform:translateY(100%);
 background:#fff;
 border:1px solid #d2d4d9;
 box-sizing:border-box;
 box-shadow:0 3px 5px rgba(49,50,51,.05),0 6px 15px rgba(49,50,51,.05);
 border-radius:6px;
 padding:16px
}
.prebody .pre_form_items_check_pc>div:not(:last-of-type) {
 margin-bottom:10px
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_items_check_pc>div:not(:last-of-type) {
  margin-bottom:14px
 }
}
.prebody .pre_form_items_check_pc .checked {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_checkbox.png) no-repeat center/contain;
 border:none
}
.prebody .pre_form_items_check_pc_item:hover {
 cursor:pointer
}
.prebody .pre_form_items_check_pc_item>div {
 width:12px;
 height:12px;
 border:1px solid #dfe1e6;
 border-radius:2px;
 margin-right:8px
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_items_check_pc_item>div {
  width:16px;
  height:16px
 }
}
.prebody .pre_form_items_check_pc_item>div input {
 border:none!important;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
.prebody .pre_form_items_check_pc_item>text {
 font-size:12px;
 line-height:12px;
 color:#313233
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_items_check_pc_item>text {
  font-size:14px;
  line-height:14px
 }
}
.prebody .pre_form_items_check_sm {
 box-shadow:0 2.33333px 3.88889px rgba(49,50,51,.05);
 padding:20px;
 background:#fff;
 border-top-left-radius:8px;
 border-top-right-radius:8px
}
.prebody .pre_form_items_check_sm>i {
 content:"";
 right:15px;
 top:15px;
 width:20px;
 height:20px;
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_close_pc.png) no-repeat center/contain
}
.prebody .pre_form_items_check_sm>p {
 color:#939599;
 font-size:14px;
 line-height:14px;
 margin-bottom:25px
}
.prebody .pre_form_items_check_container {
 -webkit-transform:translateY(100%);
 -ms-transform:translateY(100%);
 transform:translateY(100%);
 transition:all .2s linear
}
.prebody .shadow_none {
 box-shadow:none!important
}
.prebody .pre_form_items_check_list {
 margin-bottom:25px
}
.prebody .pre_form_items_check_list>div:not(:last-of-type) {
 margin-bottom:20px
}
.prebody .pre_form_items_check_list>div>span {
 width:98px;
 height:40px;
 background:rgba(208,220,238,.2);
 border-radius:3px;
 color:#939599;
 font-size:13px;
 line-height:13px
}
.prebody .pre_form_items_check_list>div>span:not(:last-of-type) {
 margin-right:20.5px
}
.prebody .pre_form_items_check_list_active {
 border:1px solid #3a7bff;
 background:rgba(58,123,255,.1)!important;
 color:#3a7bff!important
}
.prebody #pre_check {
 background:rgba(0,0,0,.5)
}
.prebody .pre_form_submit {
 width:100%;
 height:calc(100vh - 70px)
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_submit {
  height:100%
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_submit {
  height:100%
 }
}
.prebody .pre_form_submit>div:first-of-type {
 margin:0 auto
}
.prebody .pre_form_submit_success>i {
 width:56px;
 height:56px;
 margin-bottom:16px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_submit_success>i {
  width:56px;
  height:56px;
  margin-bottom:24px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_submit_success>i {
  width:80px;
  height:80px;
  margin-bottom:24px
 }
}
.prebody .pre_form_submit_success>p {
 color:#0b1531;
 font-size:27px;
 line-height:27px;
 margin-bottom:20px
}
@media only screen and (min-width:1024px) and (max-width:1439px) {
 .prebody .pre_form_submit_success>p {
  font-size:32px;
  line-height:32px;
  margin-bottom:24px
 }
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_submit_success>p {
  font-size:40px;
  line-height:40px;
  margin-bottom:32px
 }
}
.prebody .pre_form_submit_content {
 margin-bottom:41px
}
.prebody .pre_form_submit_content>p {
 color:#0b1531;
 font-size:13px;
 line-height:19px
}
.prebody .pre_form_submit_footer {
 margin-top:56px
}
@media only screen and (min-width:1440px) {
 .prebody .pre_form_submit_footer {
  margin-top:76px
 }
}
.prebody .icon_submit_success {
 background:url(https://www.gztenwin.com/skin/images/preferred_v2/icon_submit_success.png) no-repeat center/contain
}
@media (max-width:1023px) {
 .prebody .sm\:hidden {
  display:none
 }
 .prebody .sm\:text-center {
  text-align:center
 }
}
@media (min-width:1024px) and (max-width:1439px) {
 .prebody .md\:block {
  display:block
 }
 .prebody .md\:flex {
  display:flex
 }
 .prebody .md\:hidden {
  display:none
 }
 .prebody .md\:flex-row {
  flex-direction:row!important
 }
 .prebody .md\:flex-row-reverse {
  flex-direction:row-reverse!important
 }
 .prebody .md\:items-start {
  align-items:flex-start
 }
 .prebody .md\:justify-start {
  justify-content:flex-start
 }
 .prebody .md\:justify-end {
  justify-content:flex-end
 }
 .prebody .md\:justify-between {
  justify-content:space-between
 }
 .prebody .md\:h-full {
  height:100%
 }
 .prebody .md\:m-0 {
  margin:0
 }
 .prebody .md\:mb-0 {
  margin-bottom:0
 }
 .prebody .md\:overflow-hidden {
  overflow:hidden
 }
 .prebody .md\:fixed {
  position:fixed
 }
 .prebody .md\:absolute {
  position:absolute
 }
 .prebody .md\:top-0 {
  top:0
 }
 .prebody .md\:left-0 {
  left:0
 }
 .prebody .md\:text-left {
  text-align:left
 }
 .prebody .md\:w-full {
  width:100%
 }
 .prebody .md\:z-50 {
  z-index:50
 }
}
@media (min-width:1440px) {
 .prebody .lg\:block {
  display:block
 }
 .prebody .lg\:flex {
  display:flex
 }
 .prebody .lg\:hidden {
  display:none
 }
 .prebody .lg\:flex-row {
  flex-direction:row!important
 }
 .prebody .lg\:flex-row-reverse {
  flex-direction:row-reverse!important
 }
 .prebody .lg\:items-start {
  align-items:flex-start
 }
 .prebody .lg\:justify-start {
  justify-content:flex-start
 }
 .prebody .lg\:justify-end {
  justify-content:flex-end
 }
 .prebody .lg\:justify-between {
  justify-content:space-between
 }
 .prebody .lg\:h-full {
  height:100%
 }
 .prebody .lg\:m-0 {
  margin:0
 }
 .prebody .lg\:mb-0 {
  margin-bottom:0
 }
 .prebody .lg\:overflow-hidden {
  overflow:hidden
 }
 .prebody .lg\:fixed {
  position:fixed
 }
 .prebody .lg\:absolute {
  position:absolute
 }
 .prebody .lg\:top-0 {
  top:0
 }
 .prebody .lg\:left-0 {
  left:0
 }
 .prebody .lg\:text-left {
  text-align:left
 }
 .prebody .lg\:w-full {
  width:100%
 }
 .prebody .lg\:z-50 {
  z-index:50
 }
}
.prebody .pre_form_iframe {
 height:calc(100vh - 72px);
 overflow:hidden
}
.prebody .pre_form_iframe iframe {
 width:100%;
 height:100%
}
.docs-block {
 margin:30px 0
}
.docs-title {
 font-size:18px;
 font-weight:700
}
.docs-intro {
 margin:20px 0
}
.docs-intro p {
 margin:10px 0
}
.docs-showcase {
 margin:20px 0
}
.docs-showcase p {
 margin:15px 0
}
code {
 font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;
 background-color:#fdf6e3;
 color:#657b83;
 display:inline-block;
 padding:0 2px;
 margin:0 5px
}
.docs-source {
 margin:20px 0;
 font-size:12px;
 font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace
}
.docs-source .hljs {
 border-radius:5px;
 padding:.5em 1em;
 margin:0
}
.docs-column {
 height:40px;
 color:#666;
 line-height:40px;
 text-align:center;
 background-color:#eee
}
::-moz-selection {
 background:#FBFBFB
}
::selection {
 background:#FBFBFB
}
::-moz-selection {
 background:#FBFBFB
}
::-webkit-selection {
 background:#FBFBFB
}
input,
textarea {
 -webkit-appearance:none
}