@import url(reset.min.css);
@import url(base.min.css);
a { text-decoration: none; color: #000; }

.wrap { width: 100%; min-width: 1260px; max-width: 1920px; margin: 0 auto; background-color: #fff; }

.w1260 { position: relative; width: 1410px; margin: 0 auto; }

.w100 { width: 100%; }

.header { width: 100%; height: 100px; font: 14px/1 "Microsoft Yahei",arial; border-top: 1px solid #2b3237; border-bottom: 1px solid #2b3237; background-color: #272e33; *position: relative; *z-index: 100; }
.header .top-logo { position: absolute; left: 0; top: 0; z-index: 100; }
.header a { color: #fff; }

.top-nav { margin-left: 278px; }
.top-nav li { float: left; height: 100px; margin-right: 30px; }
.top-nav .syzx{background: url(/images/sy_logo.png) no-repeat bottom;background-size: 150px 36px;width: 150px;text-align: center;margin-top: -15px;}
.top-nav li:last-child { margin-right: 0; }
.top-nav a { position: relative; display: block; height: 100px; line-height: 84px; color: #fff; font-size: 15px; }
.top-nav a:hover { color: #e43828; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s; }
.top-nav a:hover span { width: 100%; background: #e43828; }
.top-nav span { position: absolute; left: 0; top: 70px; width: 8px; height: 7px; background: url("../images/public_top_sprite.png") no-repeat 0 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

.header .top-menu { float: right; }
.header .top-menu a { position: relative; float: left; width: 100px; height: 36px; padding-top: 64px; color: #959595; text-align: center; }
.header .top-menu a:hover { color: #e43828; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s; }
.header .top-menu span { position: absolute; left: 50%; top: 33px; width: 32px; height: 22px; margin-left: -16px; background-image: url("../images/public_top_sprite.png"); background-repeat: no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.header .login, .header .pay, .header .myHead { background-color: #151a1d; }
.header .register, .header .exit { background-color: #08090a; }
.header .login span { background-position: 0 -9px; }
.header .login:hover span { background-position: 0 -32px; }
.header .register span { background-position: 0 -55px; }
.header .register:hover span { background-position: 0 -77px; }
.header .pay { overflow: hidden; color: #e43828 !important; }
.header .pay span { width: 24px; height: 24px; margin-left: -12px; background: url("../images/pay_ico.png") no-repeat; }
.header .pay:before { content: ""; position: absolute; left: 0px; top: 0; width: 70px; height: 100px; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); -webkit-animation: anBlink 5s linear infinite; -moz-animation: anBlink 5s linear infinite; -ms-animation: anBlink 5s linear infinite; -o-animation: anBlink 5s linear infinite; animation: anBlink 5s linar infinite; }
@-webkit-keyframes anBlink { 0%,75% { -webkit-transform: skewX(-20deg) translateX(-100px); }
  100% { -webkit-transform: skewX(-20deg) translateX(100px); } }
@-moz-keyframes anBlink { 0%,75% { -moz-transform: skewX(-20deg) translateX(-100px); }
  100% { -moz-transofmr: skewX(-20deg) translateX(100px); } }
@-ms-keyframes anBlink { 0%,75% { -ms-transform: skewX(-20deg) translateX(-100px); }
  100% { -ms-transform: skewX(-20deg) translateX(100px); } }
@-o-keyframes anBlink { 0%,75% { -o-transform: skewX(-20deg) translateX(-100px); }
  100% { -o-transform: skewX(-20deg) translateX(100px); } }
@keyframes anBlink { 0%,75% { transform: skewX(-20deg) translateX(-100px); }
  100% { transform: skewX(-20deg) translateX(100px); } }
.header .top-menu .myHead { height: 28px; padding-top: 72px; overflow: hidden; text-overflow: ellipsis; white-space: normal; color: #fff; }
.header .top-menu .myHead img { position: absolute; left: 50%; top: 14px; width: 48px; height: 48px; border: 2px solid #e43828; margin-left: -25px; border-radius: 50%; }
.header .exit span { background-position: 0 -147px; }
.header .exit:hover span { background-position: 0 -170px; }

.footer { padding: 15px 0; background-color: #272a2c; font-family: "\5b8b\4f53"; line-height: 24px; font-size: 12px; text-align: center; }
.footer, .footer a { color: #d8d8d8; }
.footer a:hover { color: #fff; }
.footer .about { text-align: center; color: #e43927; }
.footer .about a { color: #e43927; margin: 0 10px 0 12px; }
.footer .about a:hover { color: #fff; text-decoration: underline; }
.footer .copyright a:hover { color: #fff; text-decoration: underline; }
.footer .safety { overflow: hidden; text-align: center; }
.footer .safety a { display: inline-block; margin-left: 10px; margin-right: 10px; }
.footer .safety span, .footer .safety i { vertical-align: middle; }
.footer .safety span { display: inline-block; line-height: 20px; }
.footer .safety i { display: inline-block; width: 42px; height: 38px; background: url("../images/auth.png"); }
.footer .safety .p1 { background-position: 0 -0px; }
.footer .safety .p2 { background-position: 0 -38px; }
.footer .safety .p3 { background-position: 0 -76px; }
.footer .safety .p4 { background-position: 0 -114px; }

/*# sourceMappingURL=GlobalStyle.min.css.map