@import url(reset.min.css);
@import url(base.min.css);

body, button, input, select, textarea {
font: 12px/1 "Microsoft Yahei",SimSun,Arial,"\5b8b\4f53",sans-serif;
}

a { text-decoration: none; color: #fff; }

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

.w1260 { position: relative; width: 1260px; 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;box-shadow: 0 4px 4px rgba(0,0,0,.2);position: fixed;top: 0;left: 0;z-index: 9999; }
.header .top-logo { position: absolute; left: 0; top: 0; z-index: 100; width: 250px; height: 101px; display: block; background: #fff url(../images/logo1.png) no-repeat center center;}
.header a { color: #fff; }

.top-nav { margin-left: 278px;* }
.top-nav li { float: left; height: 100px; margin-right: 27px; }
.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: #EFAB18; -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: #EFAB18; }
.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: #fff; text-align: center; }
.header .top-menu a:hover { color: #FFA80D; -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: 15px; width: 33px; height: 35px; margin-left: -16px; background-image: url("../images/header-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 0px; }
.header .login:hover span { background-position: 0 -38px; }
.header .register span { background-position: 0 -77px; }
.header .register:hover span { background-position: 0 -116px; }
.header .pay { overflow: hidden; }
.header .pay span { width: 33px; height: 34px; margin-left: -12px; background: url("../images/header-sprite.png") no-repeat 0 -154px; }
.header .pay:hover span { background-position: 0 -191px; }
/* .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 {width: 100%;margin-top: 20px;height: 200px; padding: 15px 0; background-color: #272a2c;line-height: 24px; text-align: center; clear:both;}
.footer .footer_cont{margin-top:56px;}
.footer, .footer a { color: #B4B3AE;font-size: 16px;font-family: '΢���ź�'; }
.footer a:hover { color: #fff; }
.footer .about { text-align: center;}
.footer .about a { color: #e43927; margin: 0 10px 0 12px; }
.footer .about a:hover { color: #fff; text-decoration: underline; }
.footer .copyright,.footer .copyright a{color:#666;}
.footer .copyright a:hover { color: #fff; text-decoration: underline; }

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