body { background-color: #f3f3f3; min-width: 1024px; }

.outlink { width: 100%; height:160px; position: relative; min-width: 1024px; overflow: hidden; }
.outlink a { display: block; width: 1920px; position: absolute; left: 50%; top: 0; margin-left: -960px; }

.gpage { width: 100%; }
.gpagec { max-width: 1200px; min-width: 1024px; margin: 0 auto; }

.placeNav { width:100%; position:relative; height:100px; }
.nav { background-color: #fff; position: absolute; z-index: 101; left:0; top:0; }
.nav.fixed { position:fixed; }
.navc { height: 100px; background-color: #fff; }
.navc .logo { display: block; position: absolute; left: 50%; top: 25px; margin-left: -600px; }
.navc ul { padding: 32px 222px 34px 161px; font-size: 14px; line-height: 34px; color: #323232; overflow: hidden; float: right; }
.navc ul li { float: left; margin: 0 9px; }
.navc ul li b { display: block; width: 100%; height: 100%; position: relative;}
.navc ul li b:after { content: ''; width: 20px; height: 11px; background-image: url(images/triangle.png); background-repeat: no-repeat; position: absolute; left: 50%; margin-left: -10px; top: 57px; transform: translateY(100%); transition-delay: 150ms; transition-duration: 300ms; }
.navc ul li:hover b:after { transform: translateY(0); }
.navc ul li .gNavLink { display: block; font-weight: normal; padding: 0 3px; position: relative; /*overflow: hidden;*/ -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; color: #323232; }
.navc ul li .gNavLink:after { content: ''; width: 0%; height: 1px; background-color: #ec4239; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }

.navc ul li.girlNavLink { /*position: relative;*/ }
.navc ul li.girlNavLink .gNavLink { color: #ec4239; }
.navc ul li.girlNavLink a:before { content: ''; width: 22px; height: 11px; background-image: url(images/flower.png); position: absolute; right: -10px; top: -3px; }
/*.navc ul li.girlNavLink .gNavLink:after { content: none; }*/
.navc ul li .gNavLink:hover, .navc ul li .gNavLink.current { color: #ec4239; }
.navc ul li .gNavLink:hover:after, .navc ul li .gNavLink.current:after { width: 100%; }
.navc ul li .homeNavLink.current { font-weight:bold; font-size:18px; }
.navc form { position: absolute; top: 33px; right: 50%; margin-right: -600px; }
.navc form input[type=text] { width: 202px; height: 34px; padding: 8px 10px 8px 43px; font-size: 14px; border: 1px #ec4239 solid; border-radius: 17px; color: #ec4239; }
.navc form input[type=text]:focus { outline: none; }
.navc form input[type=submit] { width: 43px; height: 34px; border-radius: 17px 0 0 17px; cursor: pointer; border: none; background-color: transparent; background-image: url(images/search.png); background-position: 15px center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; }
.navc form input[type=submit]:focus { outline: none; }
.navc ul li div { width: 100%; position: absolute; background-color: #e24a42; left: 0; top: 100px; text-align: center; height: 60px; padding: 17px 0; visibility: hidden; opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.navc ul li:hover div { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
/*.navc ul li div:before { content: ''; width: 20px; height: 11px; background-image: url(images/triangle.png); background-repeat: no-repeat; position: absolute; left: 50%; top: -11px; }*/
.navc ul li div.navc-1:before { margin-left: -140px; }
.navc ul li div.navc-2:before { margin-left: -57px; }
.navc ul li dl { overflow: hidden; text-align: center; }
.navc ul li dl dt { display: inline-block; font-size: 14px; line-height: 26px; padding: 0 10px; }
.navc ul li dl dt a { display: block; position: relative; padding: 0 2px; color: #fff; overflow: hidden; }
.navc ul li dl dt a:after { content: ''; width: 0%; height: 1px; background-color: #fff; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.navc ul li dl dt a:hover:after { width: 100%; }

.swiper-slide { height: 450px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.swiper-slide:before { content: ''; width: 100%; height: 100%; background-image: url(images/mask-1920-450.png); background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; }
.swiper-link { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; }
.swiper-content { max-width: 1200px; min-width: 1024px; height: 100%; margin: 0 auto; position: relative; }
.swiper-detail { position: absolute; width: 350px; height: 100%; left: 0; top: 0; padding-top: 92px; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); transform: translateX(50px); -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; opacity: 0; }
.swiper-slide-active .swiper-detail { -weibkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); opacity: 1; }
.swiper-icon { width: 60px; margin-bottom: 10px; border-radius: 10px; overflow: hidden; position:absolute; top:92px; left:0; }
.swiper-title { font-size: 28px; font-weight: bold; color: #fff; line-height: 40px; margin-bottom: 5px; padding-top:70px; }
.swiper-desc { font-size: 14px; line-height: 24px; color: rgba(255,255,255,0.5); }
.swiper-page { width: 100%; height: 10px; position: absolute; bottom: 25px; z-index: 9; }
.swiper-pagination { position: static; max-width: 1200px; min-width: 1024px; height: 100%; margin: 0 auto; }
.swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 5px; float: left; background: #8d8a8d; opacity: 1; margin-right: 8px; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.swiper-pagination-bullet-active { background: #ec4239; width: 35px; }

.content { overflow: hidden; margin-top: 20px; padding-bottom: 20px; position: relative; z-index: 10;}
.c-left { padding-right: 320px; }
.c-right { width: 300px; float: right; margin-left: 20px; }

.cblock { box-shadow: 3px 2px 5px rgba(0,0,0,0.1); background-color: #fff; overflow: hidden; }
.g-title { font-size: 20px; color: rgba(0,0,0,0.8); line-height: 34px; background-position: left center; background-repeat: no-repeat; overflow: hidden; }
.g-title strong { display: block; float: left; position: relative; }
.g-title strong:after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; }
.g-title a { font-size:12px; float:right; color:#333; }
.g-title a:hover { color:#3cb3ff; }
.g-1 { padding-left: 27px; background-image: url(images/i-1.png); }
.g-1 strong:after { background-color: #ffb83c; }
.g-2 { padding-left: 33px; background-image: url(images/i-2.png); }
.g-2 strong:after { background-color: #ef89a1; }
.g-3 { padding-left: 28px; background-image: url(images/i-3.png); }
.g-3 strong:after { background-color: #3cb3ff; }
.g-4 { padding-left: 25px; background-image: url(images/i-4.png); }
.g-4 strong:after { background-color: #3cb3ff; }
.g-5 { padding-left: 25px; background-image: url(images/i-5.png); }
.g-5 strong:after { background-color: #3cb3ff; }
.g-6 { padding-left: 25px; background-image: url(images/i-6.png); }
.g-6 strong:after { background-color: #3cb3ff; }
.g-7 { padding-left: 26px; background-image: url(images/i-7.png); }
.g-7 strong:after { background-color: #3cb3ff; }
.g-8 { padding-left: 23px; background-image: url(images/i-8.png); }
.g-8 strong:after { background-color: #3cb3ff; }
.g-9 { padding-left: 19px; background-image: url(images/i-9.png); margin-left: 16px; margin-bottom: 2px; }
.g-9 strong:after { content: none; }



.c1 { padding: 24px 0 25px; margin-bottom: 20px; }
.c1c { width: 50%; float: left; padding: 0 20px; }
.c1c .g-title { margin-bottom: 17px; }
.c1c ul li { font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; }
.c1c ul li span { float: right; color: #999999; font-size: 12px; margin-left: 30px; }
.c1c ul li:hover span { display:none; }
.c1c ul li a { display: block; height:30px; overflow:hidden; color: #333333; position: relative; padding-left: 8px; }
.c1c ul li a:before { content: ''; width: 2px; height: 2px; border-radius: 50%; background-color: #333; position: absolute; top: 50%; left: 0; margin-top: -1px; }
.c1c ul li a:hover { font-weight: bold; }
.c1c ul li a:hover:before { width: 4px; height: 4px; margin-top: -2px; }
.c1c1 ul li a:hover:before { background-color: #e08510; }
.c1c2 ul li a:hover:before { background-color: #df607e; }
.c1c1 ul li a:hover { color: #e08510; }
.c1c2 ul li a:hover { color: #df607e; }

.cquote { height: 250px; overflow: hidden; margin: 20px 0; }
.cquote-image { width: 45.4545%; height: 250px; float: left; overflow: hidden; position: relative; }
.cquote-image:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-right: 12px solid #fff; border-bottom: 10px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -12px; z-index: 2; }
.cquote-image-link { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.cquote-image-link:before { z-index: 1; }
.cquote-image-normal:before { content: ''; width: 100%; height: 100%; background-image: url(images/mask-400-250.png); background-position: right center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.cquote-image-normal:hover:before { background-image: url(images/mask-400-250-hover.png); }
.cquote-image-video:before { content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; }
.cquote-image-video:after { content: ''; width: 100%; height: 100%; background-image: url(images/play-normal.png); background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; z-index: 2; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.cquote-image:hover .cquote-image-video:after { background-image: url(images/play-hover.png); }
.cquote-image i { display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.cquote-image:hover i { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }
.cquote-tag { font-size: 12px; line-height: 2; color: #fff; padding: 0 8px; position: absolute; left: 0; top: 0; background-color: #000; z-index: 2; }
.cquote-detail { float: right; width: 54.5455%; height: 100%; position: relative; padding: 33px 20px 0; position: relative; }
.cquote-title { display: block; color: #333; font-weight: bold; font-size: 20px; line-height: 30px; max-height: 90px; overflow: hidden; margin-bottom: 4px; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.cquote-title:hover { color: #ec4239; }
.cquote-desc { font-size: 12px; line-height: 2; max-height: 72px; overflow: hidden; color: rgba(0,0,0,0.7); }
.cquote-footer { position: absolute; width: 100%; padding: 0 20px; left: 0; bottom: 13px; font-size: 12px; line-height: 2; color: rgba(0,0,0,0.5); }
.cquote-footer time { float: right; }
.cquote-footer a {  -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; color:rgba(0,0,0,0.5); }
.cquote-footer a:hover { color: #ec4239;  }
.cquote-author,.cquote-author a { -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; color:rgba(0,0,0,0.5) }
.cquote-author:hover,.cquote-author a:hover { color: #ec4239; }


.s1 { overflow: hidden; margin-bottom: 20px; }
.s1-tag { width: 90px; height: 100px; background-color: #49c5a4; float: left; text-align: center; padding-top: 12px; }
.s1-tag b { font-weight: normal; font-size: 12px; line-height: 1; color: #fff; display: block; margin-bottom: 3px; }
.s1-tag strong { font-size: 48px; display: block; line-height: 1; color: #fff; }
.s1-tag em { font-size: 12px; display: block; line-height: 1; color: rgba(255,255,255,0.5); }
.s1-main { width: 210px; height: 100px; float: right; }
.s1-main a { display: block; height: 100%; position: relative; overflow: hidden; }
.s1-main a i { display: block; height: 100%; background-size: cover; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.s1-main a:hover i { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }
.s1-main a p { width: 100%; font-size: 12px; color: rgba(255,255,255,0.7); line-height: 24px; height: 24px; overflow: hidden; background-color: rgba(0,0,0,0.8); position: absolute; left: 0; bottom: 0; text-align: center; padding: 0 10px; }
.s1-main .span { display:block; position:absolute; right:0; top:0; color:#333; z-index:2; line-height:24px; height:24px; padding:5px 10px 0 0; font-size:12px; }

.s2 { margin-bottom: 20px; padding: 14px 8px 0; }
.s2 ul { padding-top: 20px; }
.s2 li { position: relative; padding-bottom: 16px; overflow: hidden; }
.s2 img { width: 74px; border-radius: 13px; overflow: hidden; float: left; margin-right: 6px; }
.s2 h3 { font-size: 14px; color: #333; font-weight: bold; padding-right:58px; display:table; line-height:17px; height:34px; }
.s2 h3 a { color: #333; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; display:table-cell; vertical-align:middle; }
.s2 h3 a:hover { color: #e24a42; }
.s2 em { display: block; color: rgba(51,51,51,0.8); font-size: 12px; line-height: 20px; }
.s2 .s2-detail { display: block; font-size:12px; line-height: 22px; color: #fff; padding: 0 12px; position: absolute; top: 11px; right: 0; background-color: #2ed5c3; }
.s2 .s2-detail:hover { background-color: #19c2b0; }
.s2 .s2-book { display: block; font-size:12px; line-height: 22px; color: #fff; padding: 0 12px; position: absolute; top: 39px; right: 0; background-color: #3cb3ff; }
.s2 .s2-book:hover { background-color: #007bc9; }

.s3 { margin-bottom: 20px; }

.s4 { margin-bottom: 20px; padding: 14px 10px 0; }
.s4 ul { overflow: hidden; padding: 30px 4px 10px; }
.s4 ul li { width: 33.3333%; float: left; padding: 0 8px; }
.s4 ul li a { display: block; color: #333; }
.s4 ul li a:hover { color: #44b6ff; }
.s4 ul li a img { border-radius: 13px; overflow: hidden; }
.s4 ul li a p { font-size: 12px; line-height: 18px; height: 36px; margin: 4px 0; overflow: hidden; text-align: center; }


.s5 { padding: 15px 11px 0; margin-bottom: 20px; }
.s5 ul { padding: 15px 0 10px; }
.s5 ul li { font-size: 14px; line-height: 20px; border-bottom: 1px rgba(51,51,51,0.1) solid; }
.s5 ul li:last-child { border-bottom: none; }
.s5 ul li a p { color: #333333; max-height: 40px; max-height: 66px; overflow: hidden; padding: 13px 0; }
.s5 ul li a i { display: block; height: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.s5 ul li.current { border-bottom: none; }
.s5 ul li.current a p { color: #44b6ff; }
.s5 ul li.current a i { height: 125px; }

.s6, .s7 { margin-bottom: 20px; }

.a2 { margin-bottom: 20px; }
.t1 { padding: 15px 10px 5px; }
.t1 ul { padding-top:15px; }
.t1 ul li { overflow: hidden; padding: 10px 0; border-bottom: 1px rgba(0,0,0,0.1) solid; }
.t1 ul li:last-child { border-bottom: none; }
.t1 ul li a { display: block; color: #333; }
.t1 ul li i { display: block; width: 80px; height: 60px; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; margin-right: 10px; position: relative; overflow: hidden; }
.t1 ul li i:before { content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.t1.a2 ul li i:before { content:normal; }
.s8 { margin-bottom:20px; }
.s8 ul li i:after { width: 32px; height: 32px; font-size: 28px; font-weight: bold; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; border-radius: 50%; text-align: center; line-height: 30px; z-index: 2; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.s8 ul li .review-5 i:after { content: '5'; border: 1px #ffcc00 solid; color: #ffcc00; }
.s8 ul li .review-4 i:after { content: '4'; border: 1px #f888ff solid; color: #f888ff; }
.s8 ul li .review-3 i:after { content: '3'; border: 1px #55d9ff solid; color: #55d9ff; }
.s8 ul li .review-2 i:after { content: '2'; border: 1px #a5f75c solid; color: #a5f75c; }
.s8 ul li .review-1 i:after { content: '1'; border: 1px #d9d9d9 solid; color: #d9d9d9; }
.s8 ul li b { display: block; font-size: 14px; line-height: 24px; padding-top: 5px; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.t1 ul li p { font-size: 14px; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.s8 ul li p { height: 24px; line-height: 24px; overflow: hidden; }
.a2 ul { padding-top: 13px; }
.a2 ul li p { height: 60px; line-height: 20px; display: table; }
.a2 ul li p em { display: table-cell; vertical-align: middle; }
.s8 ul li a:hover b, .t1 ul li a:hover p { color: #3cb3ff; }
.s8 ul li a:hover i:before { opacity: 0; }
.s8 ul li a:hover i:after { -webkit-transform: translateY(60px); -moz-transform: translateY(60px); transform: translateY(60px); }

.a1 { margin-bottom: 20px; }
.a1 a { display: block; height: 100px; background-image: url(images/re-book-normal.jpg); -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.a1 a:hover { background-image: url(images/re-book-hover.jpg); }

.a3 { margin-bottom: 20px; padding: 10px 18px 13px; }
.a3 ul { padding-top: 15px; }
.a3 ul li { line-height: 36px; font-size: 12px; border-bottom: 1px #efefef solid; overflow: hidden; }
.a3 ul li:last-child { border-bottom: none; }
.a3 ul li a { font-size: 12px; color: #333; }
.a3 ul li a img { float: left; display: block; vertical-align: middle; margin-top: 10px; margin-right: 7px; }
.a3 ul li span { float: right; }

.a4 { padding: 20px 15px 10px; margin-bottom: 20px; }
.a4 ul { overflow: hidden; margin-left: -10px; }
.a4 ul li { width: 50%; padding-left: 10px; padding-bottom: 10px; float: left; }
.a4 ul li a { display: block; line-height: 44px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; }
.a4 ul li a { -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.a4 ul li.b1 a { background-color: #3cb3ff; }
.a4 ul li.b2 a { background-color: #3cc1ff; }
.a4 ul li.b3 a { background-color: #00d5d2; }
.a4 ul li.b4 a { background-color: #0ac9f9; }
.a4 ul li.b5 a { background-color: #1cdcb6; }
.a4 ul li.b6 a { background-color: #00d4e1; }
.a4 ul li a:hover { background-color: #0196f3; }

.a5 { margin-right:-7px; display:block; }

.gamelist ul { overflow: hidden; }
.gamelist ul li { width: 33.3333%; float: left; background-color: #fff; }
.gamelist ul li.sp { background-color: #f5f5f7; }
.gamelist ul li .gamelist-title { font-size: 16px; font-weight: bold; text-align: center; line-height: 50px; color: #fff; }
.gamelist ul li .gl-1 { background-color: #ff88af; }
.gamelist ul li .gl-2 { background-color: #9494ff; }
.gamelist ul li .gl-3 { background-color: #58aeff; }
.gamelist ul li dl { overflow: hidden; padding: 20px 10px 10px; }
.gamelist ul li dl dt { width: 33.3333%; float: left; text-align: center; }
.gamelist ul li dl dt img { max-width: 64px; }
.gamelist ul li dl dt a { font-size: 12px; line-height: 18px; color: #333; }
.gamelist ul li dl dt a:hover { color: #44b6ff; }
.gamelist ul li dl dt p { padding: 9px 0; height: 54px; line-height:18px; overflow: hidden; }

.strategylist { padding: 0 20px 8px; margin-bottom: 20px; }
.strategylist ul { overflow: hidden; margin-left: -18px; }
.strategylist ul li { width: 33.3333%; float: left; padding-left: 18px; margin-bottom: 18px; }
.strategylist ul li a { display: block; background-color: #f2f2f2; overflow: hidden; }
.strategylist ul li a i { display: block; padding-top: 48.5%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.strategylist ul li a p { float: left; font-size: 14px; line-height: 40px; color: #000; padding-left: 7px; }
.strategylist ul li a b { display: block; width: 92px; line-height: 22px; font-size: 12px; float: right; text-align: center; border-radius: 11px; border: 1px #999 solid; color: #999; margin: 9px 7px 9px 0; font-weight: normal; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.strategylist ul li a:hover b { background-color: #0395f3; border: 1px #0395f3 solid; color: #fff; }


.strategyArticle { padding: 0 20px; }
.strategyArticle ul { margin-top: -20px; }
.strategyArticle li { font-size: 14px; color: #000; line-height: 60px; height: 60px; overflow: hidden; position: relative; }
.strategyArticle li:after { content: ''; width: 100%; border-bottom: 1px rgba(0,0,0,0.1) dashed; position: absolute; left: 0; bottom: 0; }
.strategyArticle li span { float: right; margin-left: 20px; }
.strategyArticle li a { color: #000; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.strategyArticle li a:hover { color: #0395f3; }

.middle-imgs ul { margin-left: -10px; overflow: hidden; }
.middle-imgs ul li { width: 33.33%; float: left; padding-left: 10px; }
.middle-imgs ul li a { display: block; }

.nav-pagination { padding-top: 60px; padding-bottom: 64px; color: #333; font-size: 14px; line-height: 26px; text-align: center; }
.nav-pagination .page-numbers { margin: 0 4px; }
.nav-pagination .current { background-color: #ec4239; color: #fff; padding: 0 7px; }
.nav-pagination a, .nav-pagination span { display: inline-block; color: #333; }
.nav-pagination .prev, .nav-pagination .next { color: rgba(51,51,51,0.3); line-height: 24px; border: 1px rgba(51,51,51,0.3) solid; padding: 0 7px; }
.nav-pagination .prev:hover, .nav-pagination .next:hover { background-color: #ec4239; color: #fff; border: 1px #ec4239 solid; }

.wallpaper { width: 100%; height: 450px; position: absolute; left: 0; top: 140px; z-index: 2; overflow:hidden; }
.wallpaper:after { content: ''; width: 1240px; height: 100%; position: absolute; left: 50%; margin-left: -620px; top: 0; background-color: #f3f3f3; }
.wallpaper a { display: block; width:1920px; position: absolute; left: 50%; margin-left: -960px; top: 0; }

.re-book { background-color: #fff; padding: 0 18px; }
.page-title { font-size: 20px; line-height: 32px; color: rgba(0,0,0,0.8); overflow: hidden; padding-top: 16px; margin-bottom: 29px; }
.page-title strong { display: block; float: left; border-bottom: 1px #3cb3ff solid; }
.cat-title { padding-bottom: 20px; margin-bottom: 0; background-color: #fff; padding-left: 20px; }
.re-book li { border: 1px #ccc solid; padding: 20px; background-color: #fcfcfc; margin-bottom: 20px; overflow: hidden; }
.re-book li dl { overflow: hidden; }
.re-book li dt { float: left; margin-right: 10px; }
.re-book li dt a { display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100px; height: 100px; border-radius: 17px; overflow: hidden; }
.re-book li dt a img { width:100px; border-radius:17px; overflow:hidden; }
.re-book li dd h4 { font-size: 18px; line-height: 34px; padding-top: 4px; }
.re-book li dd h4 a { font-weight: bold; color: #333; }
.re-book li dd div { font-size: 12px; line-height: 20px; color: #333; }
.re-book li .btn-book { float: right; display: block; width: 100px; height: 44px; line-height: 44px; text-align: center; font-size: 18px; letter-spacing: 3px; background-color: #3cb3ff; border-radius: 5px; color: #fff; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; margin: 28px 0 28px 24px; }
.re-book li .btn-book:hover { background-color: #0395f3; font-weight: bold; }

.article-main { padding: 7px 20px 15px; }
.nav-crumbs { color: rgba(0,0,0,0.8); font-size: 12px; line-height: 34px; border-bottom: 1px rgba(0,0,0,0.1) dashed; }
.nav-crumbs a { color: #000; }
.article-title { font-size: 24px; line-height: 30px; color: #000; text-align: center; font-weight: bold; padding-top: 57px; padding-bottom: 10px; }
.article-author { font-size: 12px; color: rgba(0,0,0,0.8); line-height: 30px; text-align: center; }
.article-author a { color: rgba(0,0,0,0.8); }
.article-content { font-size: 16px; line-height: 28px; color: #000; padding: 0 43px; }
.article-content a { color:#f10521; }
.article-content p { margin: 25px 0; }
.article-content img { display: block; margin: 25px auto; }
.article-assistive { clear: both; }
.article-assistive ul { overflow: hidden; }
.article-assistive ul li { width: 50%; float: left; }
.article-assistive ul li:first-child { text-align: left; }
.article-assistive ul li:last-child { text-align: right; }
.article-assistive ul li a { font-size: 12px; line-height: 2; color: #000; }
.article-assistive ul li a:hover { color: #44b6ff; }
.redtitle { border-left: #f10521 6px solid; padding-bottom: 5px; font-size: 20px; line-height: 24px; widows: 2; text-transform: none; text-indent: 0px; padding-left: 8px; padding-right: 10px; white-space: normal; orphans: 2; margin-bottom: 5px; letter-spacing: normal; border-top: #f10521 1px solid; word-spacing: 0px; padding-top: 5px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; text-align: left; margin:30px auto;}

.artcle-about { margin-top: 20px; padding: 0 20px; }
.artcle-about ul { margin-left: -18px; overflow: hidden; }
.artcle-about ul li { width: 33.3333%; float: left; padding-left: 18px; margin-bottom: 45px; }
.artcle-about ul li a { display: block; }
.artcle-about ul li a i { display: block; padding-top: 48.5%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.artcle-about ul li a p { font-size: 14px; line-height: 24px; padding-top: 8px; color: #000; }
.artcle-about ul li a:hover p { color: #44b6ff; }

.comment { margin-top: 20px; margin-bottom: 20px; }

.footer { width: 100%; background-color: #000; }
.foot { max-width: 1200px; min-width: 1024px; margin: 0 auto; background-color: #000; overflow: hidden; padding-top: 99px; padding-bottom: 90px; }
.foot ul { margin-right: -100px; }
.foot ul li { float: left; }
.w1 { width: 25.38%; }
.w2 { width: 26.15%; }
.w3 { width: 15.38%; }
.w4 { width: 33.09%; }
.w1 a { margin-bottom: 17px; display: block; float: left; }
.w1 p { font-size: 12px; line-height: 2; color: rgba(255,255,255,0.5); clear: both; }
.w1 p strong { font-weight: normal; color: rgba(255,255,255,0.3); }
.foot ul li .jp_tit { font-size: 18px; line-height: 2; color: #fff; padding-top: 3px; margin-bottom: 17px; }
.w2 label { display: block; max-width: 250px; font-size: 12px; line-height: 2; color: rgba(255,255,255,0.5); }
.w2 label a { color: #ec4239; margin-right: 6px; }
.w3 a { display: block; float: left; }
.w3 a p { text-align: center; font-size: 12px; line-height: 2; color: rgba(255,255,255,0.5); }
.w4 a { display: block; float: left; margin-right: 10px; margin-bottom: 10px; }

.gotop { display: block; width: 90px; height: 90px; background-image: url(images/top.png); cursor: pointer; position: fixed; left: 50%; bottom: 50px; margin-left: 620px; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; transition-duration: 450ms; }
.gotop:hover { background-image: url(images/top-hover.png); }
.gotop.active { opacity: 1; visibility: visible; }

@media screen and (max-width:1200px){
    .navc .logo { left: 10px; margin-left: 0; }
    .navc form { right: 10px; margin-right: 0; }
    .navc ul li:last-child { display: none; }
    .navc ul li b a { pointer-events: none; }
    
    .swiper-detail { left: 10px; }
    .swiper-pagination { padding-left: 10px; }
    
    .content { padding: 0 10px; }
    
    .foot ul { padding-right: 87px; }
    
    .gotop { right: 10px; left: auto; margin-left:0; }
    
    .wallpaper { display: none; }
}







.aggdl img { margin-top:0; margin-bottom:0; }