@charset "gb2312";
[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-weight:500;font-size:1.05em;-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;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-size:100;}
.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;}
span,strong{text-transform:uppercase;}
p{display:block;text-justify:kashida;padding:0;margin:0;font-weight:300;font-size:16px;line-height:32px;}
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;}
img{display:block; margin:0 auto;}
h1,h2,h3,h4{letter-spacing:.05em;font-weight:300;}


.tc-white{color:#fff;}
.tc-7f{color:#7f7f7f;}
.tc-fe{color:#d32f2f;}
.tc-bb{color:#bbb;}

.bg-11{background-color:#11151b;}
.bg-14{background-color:#141414;}
.bg-26{background-color:#26272b;}


/*header*/
.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%);}

nav.navbar.bootsnav{width:100%;margin:0 auto;z-index:999;position:fixed;-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);}
nav.navbar.bootsnav .nav-tips{padding:7.5px 0;font-size:12px;}
nav.navbar.bootsnav .nav-tips span{float:right;margin-right:1%;}
nav.navbar.tips-hidden .nav-tips{display:none;}
nav.navbar.bootsnav .navbar-brand img.logo{margin-top: -20px;}
nav.navbar.bootsnav .container .attr-nav ul li a{font-size:15px;padding:8px 20px;margin:20px auto 0 15px;border-color:#585858;background:none;}
nav.navbar.bootsnav .container .attr-nav ul li:last-of-type a{background-color:#c62828;border-color:#c62828;}
nav.navbar.bootsnav .container .attr-nav ul li a.glow:hover{background-color:#d32f2f;border-color:#d32f2f;color:#fff; box-shadow:0 0 10px rgba(211,47,47, .5)}
nav.navbar.bootsnav .container .collapse ul.nav li a{display:inline-block;text-decoration:none;text-transform:uppercase;font-size:15px;position:relative;font-weight:500;letter-spacing:.05em;}
nav.navbar.bootsnav .container .collapse ul.nav li a:hover{color:#d32f2f;}
nav.navbar.bootsnav .container .collapse ul.nav li a:before{position:absolute;bottom:0;left:0;visibility:hidden;width:100%;height:2px;background-color:#d32f2f;content:"";-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(0);-ms-transition:all .2s ease-in-out 0s}
nav.navbar.bootsnav .container .collapse ul.nav li a:hover:before{visibility:visible;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);}
@media only screen and (max-width:970px) and (min-width:768px){
	nav.navbar.bootsnav .navbar-toggle{background-color:#2c2d30 !important;}
	nav.navbar.bootsnav .navbar-toggle i{color:#fff;}
	nav.navbar.bootsnav .navbar-brand{display: inline-block;float:none !important;margin:0 !important;padding:8px 0 5px;}
	nav.navbar.bootsnav .navbar-brand img.logo{ height:36px}	
}
@media only screen and (max-width:768px) and (min-width:640px){
	nav.navbar.bootsnav .navbar-toggle{background-color:#2c2d30 !important;}
	nav.navbar.bootsnav .navbar-toggle i{color:#fff;}
	nav.navbar.bootsnav .navbar-brand{display: inline-block;float:none !important;margin:0 !important;padding:8px 0 5px;}
	nav.navbar.bootsnav .navbar-brand img.logo{ height:36px}
}
@media only screen and (max-width:640px) and (min-width:480px){
	nav.navbar.bootsnav .navbar-toggle{background-color:#2c2d30 !important;}
	nav.navbar.bootsnav .navbar-toggle i{color:#fff;}
	nav.navbar.bootsnav .navbar-brand{display: inline-block;float:none !important;margin:0 !important;padding:8px 0 5px;}
	nav.navbar.bootsnav .navbar-brand img.logo{ height:36px}
}
@media only screen and (max-width:480px) and (min-width:320px){
	nav.navbar.bootsnav .navbar-toggle{background-color:#2c2d30 !important;}
	nav.navbar.bootsnav .navbar-toggle i{color:#fff;}
	nav.navbar.bootsnav .navbar-brand{display: inline-block;float:none !important;margin:0 !important;padding:8px 0 5px;}
	nav.navbar.bootsnav .navbar-brand img.logo{ height:36px}
}

.panel-grid{background-image:url("../images/warthunder-xlarge.jpg");background-position:top center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;}
@media only screen and (max-width: 1660px) and (min-width:1024px){.panel-grid{background-image:url("../images/warthunder-large.jpg");}}
@media only screen and (max-width: 1024px) and (min-width:640px){.panel-grid{background-image:url("../images/warthunder-medium.jpg");}}
@media only screen and (max-width: 640px) and (min-width:320px){.panel-grid{background-image:url("../images/warthunder-small.jpg");}}

/*section*/
section{background-position:top center;background-repeat:no-repeat;background-size:cover;margin:0 auto;clear:both;}
section.BoxTarget{ position:static;}
section .related{position:relative;}
section .related{z-index:2;}
section .related h1{font-size:48px !important; text-shadow:0 2px 2px rgba(0,0,0,.25);}
section .related h2{font-size:36px !important;}
section .related p{display:inline-block;}
section .related p a{font-size:14px;}
section .related p strong{font-size:20px;vertical-align:-1.5px;margin:0 3px;}
section .related figure.fig-image{display:block;width:100%;margin:30px 0;min-height:80px;position:relative;}
section .related figure.fig-image .fig-pro{position:absolute;}
section .related .badge{margin:30px 0 auto; display:block;vertical-align:middle;background:none;}
section .related .badge figure.badge-center{display:inline-block;height:auto;margin:0 1.5%;width:100px;overflow:hidden;}
section .related .badge figure.badge-center img{display:block;}
section .related .badge figure.badge-center span{font-size:13px;display:block;line-height:26px;max-height:36px;font-weight:400;letter-spacing:0.2px;overflow:hidden;text-overflow:ellipsis;}
@media only screen and (max-width:768px) and (min-width:640px){
	section .related h1{font-size:36px !important; text-shadow:0 2px 2px rgba(0,0,0,.25);}
	section .related h2{font-size:24px !important;}
	section .related .badge figure.badge-center{min-width:20%;max-width:30%;margin:0;}
}
@media only screen and (max-width:640px) and (min-width:480px){
	section .related h1{font-size:36px !important; text-shadow:0 2px 2px rgba(0,0,0,.25);}
	section .related h2{font-size:24px !important;}
	section .related p{margin-top:8px;font-size:14px;line-height:28px;}
	section .related .badge figure.badge-center{width:25%;margin:0;}	
}
@media only screen and (max-width:480px) and (min-width:320px){
	section .related h1{font-size:30px !important; text-shadow:0 2px 2px rgba(0,0,0,.25);}
	section .related h2{font-size:18px !important;}
	section .related p{margin-top:8px;font-size:12px;line-height:24px;}
	section .related .badge figure.badge-center{width:25%;margin:0;}
}


/*banner*/
section.banner{background-image:url("../images/warthunder-rendition.jpg");max-height:1080px;}
section.banner .container{padding:17% 0 12%;}
section.banner .container h1 sup{font-size:20px;margin:0 2px;vertical-align:10px;}
section.banner .container a.glow{font-size:24px;font-weight:300;letter-spacing:.05em;margin-top:3.5%;padding:1% 3.5%;color:#fff; background-color:rgba(198,40,40,.85);}
section.banner .container a.glow strong{font-size:30px; vertical-align:-2.5px;margin:0 2px;}
section.banner .container a.glow:hover{background-color:#d32f2f;box-shadow:0 0 10px rgba(211,47,47, .5);}
@media only screen and (max-width:768px) and (min-width:640px){
	section.banner .container img{ width:80%;}
	section.banner .container h1 sup{font-size:18px;margin:0 2px;vertical-align:5px;}
}
@media only screen and (max-width:640px) and (min-width:480px){
	section.banner .container img{ width:80%;}
	section.banner .container h1 sup{font-size:18px;margin:0 2px;vertical-align:5px;}
}

/*compare*/
section.compare{padding:2.5% 0; background-image:url("../images/body_background_dark.jpg");background-size:8px 8px;background-repeat:repeat;}
section.compare .container{}
section.compare .container p.delay img{margin:3% 0;}
section.compare .container h2.top-lisd{margin-top:5%;}
section.compare .container .row{padding:2.5% 0;margin:2.5% 0;border-top:1px solid #303030; border-bottom:1px solid #303030;}
section.compare .container .row h2{margin-bottom:5%;}
section.compare .container .row img{width:90%;}
section.compare .container .row p{margin:5% 0;}

/*pdinka*/
section.pdinka{max-height:550px;overflow:hidden;padding:7.5% 0;}
section.pdinka .container a.glow{font-size:24px;font-weight:300;letter-spacing:.05em;margin-top:1.5%;padding:1% 3.5%;color:#fff;background-color:rgba(198,40,40,.85);}
section.pdinka .container a.glow:hover{background-color:#d32f2f;box-shadow:0 0 10px rgba(211,47,47, .5);}

/*footer*/
.main-footer{width:100%;}
.main-footer .list-service{padding:30px 0;}
.main-footer .list-service .row .revealator{border-right:1px solid #303030;}
.main-footer .list-service .row .revealator:last-of-type{border:none;}
.main-footer .list-service .row .revealator a{font-size:16px;-webkit-transition:.2s;}
.main-footer .list-service .row .revealator a i{vertical-align:middle;font-size:24px;}
.main-footer .list-service .row .revealator a strong{font-size:20px; vertical-align:-2px; margin-right:3px;}
.main-footer .copyright{padding:0;}
.main-footer .copyright p{margin:0;font-size:12px;line-height:48px;}
.main-footer .copyright p a{margin:0 5px;}
@media only screen and (max-width:1024px) and (min-width:960px){
.main-footer .fast-menu .row .col-contact{border:none;}
.main-footer .copyright{padding:10px 0;}	
.main-footer .copyright p{float:none !important; display:block; text-align:center; line-height:24px;}
}
@media only screen and (max-width:960px) and (min-width:768px){
.main-footer .fast-menu .row .col-contact{border:none;}
.main-footer .copyright{padding:10px 0;}	
.main-footer .copyright p{float:none !important; display:block; text-align:center; line-height:24px;}
}
@media only screen and (max-width:768px) and (min-width:640px){
.main-footer .fast-menu .row .col-contact{border:none;}
.main-footer .copyright{padding:10px 0;}	
.main-footer .copyright p{float:none !important; display:block; text-align:center; line-height:24px;}
}
@media only screen and (max-width:640px) and (min-width:480px){
.main-footer .list-service .row .revealator:nth-child(1),.main-footer .list-service .row .revealator:nth-child(2){margin-bottom:15px;}
.main-footer .fast-menu .row .col-contact,.main-footer .list-service .row .revealator{border:none;}
.main-footer .fast-menu .row .col-contact p{margin:8px auto 0;}
.main-footer .copyright{padding:10px 0;}	
.main-footer .copyright p{float:none !important; display:block; text-align:center; line-height:24px;}
}
@media only screen and (max-width:480px) and (min-width:320px){
.revealator:nth-child(2){margin-bottom:15px;}
.main-footer .fast-menu .row .col-contact,.main-footer .list-service .row .revealator{border:none;}
.main-footer .copyright{padding:10px 0;}	
.main-footer .copyright p{float:none !important; display:block; text-align:center  !important; line-height:24px;}
}
@media only screen and (max-width:320px) and (min-width:240px){
.main-footer .list-service .row .revealator:nth-child(1),.main-footer .list-service .row .revealator:nth-child(2){margin-bottom:15px;}
.main-footer .fast-menu .row .col-contact,.main-footer .list-service .row .revealator{border:none;}
.main-footer .list-service .row .revealator a i{display:none;}
.main-footer .copyright{padding:10px 0;}	
.main-footer .copyright p{float:none !important; display:block; text-align:center  !important; line-height:24px;}
}


/*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;height:48px;width:48px;background:url("../images/icon-social-toolbar.png") no-repeat #aaa;border-radius:3px 0 0 3px;position:relative;z-index:2;text-indent:-999em;}
.social-toolbar .toolbar-tab:nth-child(1) a.tab-icon{background-position:-48px 0;}
.social-toolbar .toolbar-tab:nth-child(2) a.tab-icon{background-position:-48px -48px;}
.social-toolbar .toolbar-tab:nth-child(3) a.tab-icon{background-position:-48px -96px;}
.social-toolbar .toolbar-tab:nth-child(4) a.tab-icon{background-position:-48px -144px;}
.social-toolbar .toolbar-tab a.tab-icon:hover{ background-color:#d32f2f;}
.social-toolbar .toolbar-tab:nth-child(1) a.tab-icon:hover{background-position:0 0;}
.social-toolbar .toolbar-tab:nth-child(2) a.tab-icon:hover{background-position:0 -48px;}
.social-toolbar .toolbar-tab:nth-child(3) a.tab-icon:hover{background-position:0 -96px;}
.social-toolbar .toolbar-tab:nth-child(4) a.tab-icon:hover{background-position:0 -144px;}
.main-weixin a:hover .show-main-weixin {display:block;}
.main-weixin .show-main-weixin{position:absolute;display:none;right:50px;top:-60px;width:183px;height:170px;-webkit-animation:fadeInLeft .1s;}
.cd-top{display:inline-block;visibility:hidden;overflow:hidden;text-indent:100%;white-space:nowrap;opacity:0;}
.cd-top.cd-is-visible{visibility:visible;opacity:1;}