@charset "utf-8";
[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,html{font-size:100%;padding:0;margin:0;overflow-x:hidden;}
body{font:14px/1.5 "Open Sans","Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out; background-color: #fff;}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
a{display:inline-block;text-decoration:none !important;outline:0;cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;font-weight:400;color:inherit;}
button{border:none;outline:none;cursor:pointer; background-color:none!important;}
p{display:block;text-justify:kashida;padding:0;margin:0;font-weight:400;font-size:100%;line-height:30px;}
dl{display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
ul,li{list-style: none;margin:0;padding: 0}
dd{display: block;-webkit-margin-start:40px;}
dt{display: block;}
i{font-style:normal;background-repeat:no-repeat;margin:0 3px;}
figuer{outline:none;overflow:hidden;display:inline-block;}
img{display:block;margin:0 auto;height:auto;}
/*h1,h2,h3,h4{letter-spacing:.05em;font-weight:100;margin:5px auto; line-height:2;}*/
h1{font-size:48px;font-weight:700; line-height:60px;}
h2{font-size:30px;font-weight:700; line-height:48px;}
h3{font-size:24px;font-weight:500; line-height:32px;}
input:not([type="image" i]), textarea {
    box-sizing: content-box !important;
}
/*color*/
.tc-c1{color:#ffffff;}
.tc-c2{color:#c8b528;}
.tc-c3{color:#888888;}
.tc-cb{color:#222222;}
.tc-cr{color:#9f912a;}

/*position*/
.text-left{text-align: left;}
.text-center{text-align:center}
.text-right{text-align:right;}

/*container*/
.container{width:1160px;margin:0 auto;}
@media only screen and (max-width:1024px){
.container{width:100%;padding-left:15px;padding-right:15px;}
}
@media only screen and (max-width:360px){
.container{padding-left:5px;padding-right:5px;}
}

/*header*/
.header{position:fixed;top:0px;width:100%;height:auto;overflow:visible;-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.1);-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.1);box-shadow:0px 0px 2px rgba(0,0,0,0.1);z-index:999; background-color: #fff;}
.header .nav-tips{font-size:12px;background-color:#333;}
.header .nav-tips p{line-height:2.5;color:#b0b0b0;}
.header .nav-tips span{float:right;margin-right:1%;}
.header .tips-hidden{ display:none;}
.menu-dropdown-icon:before{float:right;display:none;padding:1.5em 2em;background:#fff;color:#333;cursor:pointer}

.header .navbar-menu a.navbar-brand{padding:0;display:block;float:left}
.header .navbar-menu a.navbar-brand img{width:150px;} 
.header .navbar-menu{width:100%;position:relative; height:auto;}

.cd-auto-hide-header {/* 强制硬件加速 */-webkit-transform:translateZ(0);transform: translateZ(0);will-change:transform;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition: transform .5s;transition: transform .5s, -webkit-transform .5s;}
.cd-auto-hide-header::after {clear:both;content:"";display: block;}
.cd-auto-hide-header.is-hidden {-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}


.menu-mobile{display:none; position:absolute;left:0px; top:0px;cursor:pointer;width:46px;height:46px;}
.menu-mobile:after{float:right;padding:0;font-size:2.5rem;-webkit-transform:translateY(-28%);transform:translateY(-28%)}
.mobile-inner-header-icon{font-size:28px;text-align:center;-webkit-transition:background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon span{position: absolute;left:calc((100% - 28px) / 2);top:calc((100% - 1px) / 2);width:28px;height:2px;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){display:none;}
.mobile-inner-header-icon-click span,.mobile-inner-header-icon-out span{background-color:#1b1b1b;}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst{0%{transform: translateY(4px) rotate(0deg);} 100%{transform: translateY(0) rotate(45deg);}}
@keyframes clicksecond{0%{transform: translateY(-4px) rotate(0deg);} 100%{transform: translateY(0) rotate(-45deg);}}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst{0%{transform: translateY(0) rotate(-45deg);} 100%{transform: translateY(-4px) rotate(0deg);}}
@keyframes outsecond{0%{transform: translateY(0) rotate(45deg);} 100%{transform: translateY(4px) rotate(0deg);}}

.header .navbar-menu>ul{box-sizing:border-box;table-layout:fixed;margin:0 auto 0 200px;width:100%;}
.header .navbar-menu>ul:after,.navbar-menu>ul:before{display:table;content:""}
.header .navbar-menu>ul:after{clear:both}
.header .navbar-menu>ul>li{float:left;margin:0;padding:0;}
.header .navbar-menu>ul>li a{display:block;padding:1.8em 1.5em;text-transform:uppercase;color:#6a6a6a;position:relative;font-size:15px;}
.header .navbar-menu>ul>li a:hover{color:#009863; }

.header .navbar-menu .atter-nav{ position:absolute;right:0px;top:0px;animation:none;}
.header .navbar-menu .atter-nav ul.uesr-events{line-height:74px;clear:both;}
.header .navbar-menu .atter-nav ul.uesr-events li{float:right;}
.header .navbar-menu .atter-nav ul.uesr-events li:first-of-type{margin-left:10px;}
.header .navbar-menu .atter-nav ul.uesr-events li a{border:1px solid rgba(1,1,1,.15);letter-spacing:0.5px;font-size:15px;padding:0 20px;height:38px;line-height:36px;border-radius:2px;color:#6a6a6a;}
.header .navbar-menu .atter-nav ul.uesr-events li:first-of-type a{border-color:#00b374;background-color:#00b374;color:#fff;}
.header .navbar-menu .atter-nav ul.uesr-events li a:hover{background-color:#009863;border-color:#009863;color:#fff;}


@media only screen and (max-width:1024px){
.header .navbar-menu a.navbar-brand{background-image:url("../images/nav-logo.svg");background-repeat:no-repeat;background-position:center;background-size:cover;width:46px;height:46px;float:none;margin:10px auto;}
.header .navbar-menu a.navbar-brand img{display:none;} 	
	
.header .navbar-menu .menu-dropdown-icon:before,.menu-mobile{display:block}

.header .navbar-menu>ul{display:none;margin:20px 0;}
.header .navbar-menu>ul>li{float:none;display:block;width:100%;border-bottom:1px solid #efefef;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;font-weight:100;text-indent:.5em;}
.header .navbar-menu>ul>li:first-of-type{border-top:1px solid #efefef;}
.header .navbar-menu>ul>li a{display:block;padding:1em;width:100%;}
.header .navbar-menu ul.show-on-mobile{display:block;}
.header .navbar-menu ul.show-on-mobile li{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name: returnToNormal;}
.header .navbar-menu ul.show-on-mobile li:nth-child(1){-webkit-animation-delay:.1s;}
.header .navbar-menu ul.show-on-mobile li:nth-child(2){-webkit-animation-delay:.2s;}
.header .navbar-menu ul.show-on-mobile li:nth-child(3){-webkit-animation-delay:.3s;}
.header .navbar-menu ul.show-on-mobile li:nth-child(4){-webkit-animation-delay:.4s;}
.header .navbar-menu ul.show-on-mobile li:nth-child(5){-webkit-animation-delay:.5s;}
.header .navbar-menu ul.show-on-mobile li:nth-child(6){-webkit-animation-delay:.6s;} 

.header .navbar-menu .atter-nav{width:100%;position:static;height:auto;display:none;}
.header .navbar-menu .atter-nav ul.uesr-events{text-align:center;line-height:normal;padding:5px 0 25px;}
.header .navbar-menu .atter-nav ul.uesr-events li{float:none;display:inline-block;margin:auto 5px !important;}
.header .navbar-menu .atter-nav ul.uesr-events li a{width:130px;}
.header .navbar-menu .show-atter-nav{display:block;-webkit-animation:fadeInDown 0.3s;animation:fadeInDown 0.3s;}
}

@media only screen and (max-width:360px) and (min-width:300px){
.header .nav-tips span{display:none;}
}

@-webkit-keyframes returnToNormal{
	0%{opacity:0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} 
	100%{opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes returnToNormal{
	0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} 
	100%{opacity: 1; -webkit-transform: none; transform: none;}
}


/* section-wrap */
.special-main{ background:url(../images/game20170826CALLOFDUTY_bg.jpg) top center; background-size: cover;}
/*section*/
.banner{width:100%;height:827px;overflow:hidden;;margin-top:90px; background-image:url(../images/game20170826CALLOFDUTY_banner.jpg) ;background-repeat: no-repeat; background-position:top center; background-size: cover; z-index:-3;}
.banner .container .title{padding-top:35%; padding-bottom:50%;}
.banner .container .title p{font-size:24px;font-weight:600;text-shadow:0px 2px 5px #000000;}
.banner .container .title h1{font-size:60px;text-shadow:1px 2px 5px #000000;}
.banner .container .title a{font-size:30px; background-color:#9f912a; display:inline-block;font-weight:400; padding:12px 5%; margin-top:30px; color:#ffffff; margin-left: 30px; margin-right: 30px;}
.banner .container .title a:hover{background-color:#000000; color:#ffffff;}

.mian1{width:100%; height:auto; background:url(../images/game20170826CALLOFDUTY_mian2_bg.jpg) no-repeat center; background-size: cover; border-top:6px solid #9f912a;overflow: hidden;}
.mian1 .container h2{font-size:36px; margin-top:80px;}
.mian1 .container .contrast{width:100%; height: auto; margin-bottom: 100px; margin-top:50px;}
.mian1 .container .contrast .luolian{display:inline-block; width:540px; height:562px; background: url(../images/game20170826CALLOFDUTY_luolian.png) no-repeat center; margin-right:35px;}
.mian1 .container .contrast .qeeyou{display:inline-block; width:540px; height:562px; background: url(../images/game20170826CALLOFDUTY_qeeyou.png) no-repeat center; margin-left:38px;}

.mian2 .container h2{ margin-top: 80px;}
.mian2 .container .lianjibao{ height: auto; margin-top:50px;}
.mian2 .container .lianjibao img{ width: 524px; height: 415px; float:left; margin-left: 10%;}
.mian2 .container .lianjibao .text{display:inline-block; margin-top:150px;}
.mian2 .container .lianjibao .text p{background-color:#000; text-align: left;padding-left:30px; padding-right:20px; position: relative;}
.mian2 .container .lianjibao .text p::before{content:""; width: 18px; height:20px; background: url(../images/game20170826CALLOFDUTY_arrow.png) no-repeat center; position: absolute;top:5px;left:10px;}


.mian3{width:100%; height: auto; overflow:hidden;}
.mian3 .container h2{ margin-top:150px;}
.mian3 .container .advantage{padding-top:2%;margin-bottom:460px;}
.mian3 .container img{ float: left;}
.mian3 .container img:nth-child(2){ margin-left: 85px; margin-right: 85px;}

.mian4{width:100%; height:auto; background:url(../images/game20170826CALLOFDUTY_mian4_bg.jpg) no-repeat center; background-size: cover; border-top:6px solid #9f912a;overflow: hidden;}
.mian4 .container{position: relative;}
.mian4 .container h2{margin-top: 50px;}
.mian4 .container .evaluate{padding-top:2%;padding-bottom:10%;}
.mian4 .container .evaluate .section h3{animation:fadeInDown 0.5s;-webkit-animation:fadeInDown 0.5s;}
.mian4 .container .evaluate .section p{animation:fadeInDown 0.7s;-webkit-animation:fadeInDown 0.7s;}
.mian4 .container ul{position:absolute;left:45%;bottom:10%;}
.mian4 .container ul li{float:left;width:10px; height:10px;border-radius:50%; margin:10px; background-color:#222222; cursor:pointer;}
.mian4 .container .currentli{background-color:#9f912a;}
.mian4 .container .arrow .left{ float: left; width:43px; height: 85px; background-image:url(../images/game20170826CALLOFDUTY_left.png); background-position:left; position:absolute; top:45%;left:0px;}
.mian4 .container .arrow .right{float:right; width:43px; height: 85px; background-image:url(../images/game20170826CALLOFDUTY_right.png); background-position:center;position:absolute; top:45%;right:0px;}


.mian5{width: 100%; height:329px; overflow: hidden; clear: both; position: relative;}
.mian5 .container h2{margin-top: 50px;}
.mian5 .down{background-image:url(../images/game20170826CALLOFDUTY_splash.png); width:1150px; height:348px;z-index:-1; position: absolute;top:0px;left: 50%; margin-left: -575px;margin-bottom:10%;}
.mian5 .container a{font-size:30px; background-color:#9f912a; display: inline-block; padding:12px 5%; margin-top: 40px; margin-bottom:100px;}
.mian5 .container a:hover{ background-color:#000000; color: #ffffff;}

@media only screen and (max-width:480px){
	.section-wrap .section .container p{font-size:14px;line-height:28px;}
}
@media only screen and (max-width:360px){
	.section-wrap .section .container p{font-size:12px;line-height:24px;}
}



/*footer*/
.footer .container{overflow:visible;}
.footer .container ul.section-intro{display:block;height:auto; padding:10px 0;}
.footer .container ul.section-intro li{display:inline-block;width:33%;}
.footer .container ul.section-intro li figure{display:none;}
.footer .container ul.section-intro li figure i.fa{color:#6f6f6f;}
.footer .container ul.section-intro a{font-size:16px;position:relative;color:#7f7f7f;}
.footer .container ul.section-intro a:hover{color:#00b374;}
.footer .container ul.section-intro a strong{font-size:36px;font-weight:500;vertical-align:-8px;margin-right:3px;}
.footer .container ul.section-intro a small{display:none;width:150px;height:30px;line-height:30px;background-color:#00b374; position:absolute;top:-40px;left:50%;margin-left:-75px;color:#fff;border-radius:2px;-webkit-animation:fadeInUp .1s;}
.footer .container ul.section-intro a:hover small{display:block;}

.footer .fast-menu.container{padding:40px 0; height: auto;overflow:hidden;border-top:1px solid;}
.footer .fast-menu.container .footer-links dl.col-links{margin:0;width:180px;}
.footer .fast-menu.container .footer-links dl.col-links dt{margin: -1px 0 15px;font-size:14px;line-height:1.25;font-weight:500;}
.footer .fast-menu.container .footer-links dl.col-links dd{margin: 10px 0 0;font-size:12px;}
.footer .fast-menu.container .footer-links dl.col-links dd a.weixin-QR{position:relative;display:block;}
.footer .fast-menu.container .footer-links dl.col-links dd a.weixin-QR sup.box-weixin{display:none;width:166px;height:66px;position:absolute;top:-70px;left:35%;z-index:9999; -webkit-animation:fadeInDown 0.1s;}
.footer .fast-menu.container .footer-links dl.col-links dd a.weixin-QR:hover sup.box-weixin{display:block;}
.footer .fast-menu.container .col-contact{border-left:1px solid;width:275px;padding-bottom:15px;}
.footer .fast-menu.container .col-contact p{margin:8px 0 20px;font-size:12px; line-height:1.25;}
.footer .fast-menu.container .col-contact strong.call{margin: 0 0 5px;font-size:24px;line-height:1;font-weight:400;}
.footer .fast-menu.container .col-contact a.btn-line-primary{margin:0 3px;letter-spacing:1px;padding:8px 30px;border-radius:2px;background-color:#00b374;color:#fff;}
.footer .fast-menu.container .col-contact a.btn-line-primary:hover{background-color:#009863;}
.footer .CopyRight .container{padding:10px 0;clear:both; overflow:hidden;}
.footer .CopyRight .container p{font-size:12px;line-height:24px;font-weight:400;}

/*footer-Style-index*/
.footer.index .container ul.section-intro{display:block;height:auto; padding:20px 0;}
.footer.index .CopyRight .container p:nth-child(1){float:left;}
.footer.index .CopyRight .container p:nth-child(2){float:right;}
@media only screen and (max-width:998px){
	.footer .fast-menu.container{ display:none;}
	.footer.index .CopyRight .container p:nth-child(1),.footer.index .CopyRight .container p:nth-child(2){float:none;}
}

/*footer-Color-light浅色*/
.footer.light{background-color:#fff;}
.footer.light .fast-menu.container,.footer.light .fast-menu.container .col-contact{border-color:#e0e0e0;}
.footer.light .fast-menu.container .footer-links dl.col-links dt,.footer.light .fast-menu.container .footer-links dl.col-links dd a:hover{color:#2f2f2f;}
.footer.light .fast-menu.container .footer-links dl.col-links dd a,.footer.light .fast-menu.container .col-contact p{color:#757575;}
.footer.light .fast-menu.container .col-contact strong.call{color:#00b374;}
.footer.light .CopyRight{background-color:#f5f5f5;}
.footer.light .CopyRight .container p{color:#b0b0b0;}

/*footer-Color-dark深色*/
.footer.dark{background-color:#202020;}
.footer.dark .fast-menu.container,.footer.dark .fast-menu.container .col-contact{border-color:#2e2e2e;}
.footer.dark .fast-menu.container .footer-links dl.col-links dt,.footer.dark .fast-menu.container .footer-links dl.col-links dd a:hover{color:#e0e0e0;}
.footer.dark .fast-menu.container .footer-links dl.col-links dd a,.footer.dark .fast-menu.container .col-contact p{color:#707070;}
.footer.dark .fast-menu.container .col-contact strong.call{color:#00b374;}
.footer.dark .CopyRight{background-color:#191919;}
.footer.dark .CopyRight .container p{color:#5f5f5f;}

@media only screen and (max-width:640px) and (min-width:480px){
	.footer .container ul.section-intro{padding:15px 0;}
	.footer .container ul.section-intro li{width:49.5%;margin-bottom:15px;}
	.footer .container ul.section-intro li figure{display:block;}
	.footer .container ul.section-intro li figure i.fa{font-size:36px;}
	.footer .container ul.section-intro a,.footer .container ul.section-intro a strong{font-size:14px; margin:0px;vertical-align:inherit;font-weight:400;}
}
@media only screen and (max-width:480px){
	.footer .container ul.section-intro{padding:15px 0;}
	.footer .container ul.section-intro li{width:48.5%;margin-bottom:15px;}
	.footer .container ul.section-intro li figure{display:block;}
	.footer .container ul.section-intro li figure i.fa{font-size:30px;}
	.footer .container ul.section-intro a,.footer .container ul.section-intro a strong{font-size:12px; margin:0px;vertical-align:inherit;font-weight:400;}
}

/*social-toolbar*/
.social-toolbar{position:fixed;right:0;width:48px;top:45%;z-index:1000;}
.social-toolbar .toolbar-tab{width:100%;margin-bottom:1px;}
.social-toolbar .toolbar-tab a.tab-icon{display:block;width:48px;height:48px;line-height:48px;background-color:#4a4a4a;border-radius:3px 0 0 3px;position:relative;text-align:center; z-index:2;}
.social-toolbar .toolbar-tab a.tab-icon i.fa{ color:#fff;font-size:20px;text-shadow:0px 1px 1px rgba(0,0,0,0.25);}
.social-toolbar .toolbar-tab a.tab-icon:hover{ background-color:#00b374;}
.main-weixin a:hover .show-main-weixin {display:block;}
.main-weixin .show-main-weixin{position:absolute;display:none;right:55px;top:-49px;width:166px;height:166px;-webkit-animation:fadeInLeft .1s;}
.cd-top{display:inline-block;visibility:hidden;overflow:hidden;white-space:nowrap;opacity:0;}
.cd-top.cd-is-visible{visibility:visible;opacity:1;}
@media only screen and (max-width:1024px){
	.social-toolbar{display:none;}
}





