/*
 *	Name: main.css
 *	Time: 2017-11-23
 *	Autor: StevE.Zhang @ Sumaart.com
 */

body {font-family: "微软雅黑", "Microsoft YaHei", sans-serif;}

/* icon */
.ic-003 {background-image: url(../assets/images/icons/ic_003.png);}
.ic-01 {background-image: url(../assets/images/icons/ic_01.png);}
.ic-02 {background-image: url(../assets/images/icons/ic_02.png);}
.ic-03 {background-image: url(../assets/images/icons/ic_03.png);}
.ic-04 {background-image: url(../assets/images/icons/ic_04.png);}
.ic-05 {background-image: url(../assets/images/icons/ic_05.png);}
.ic-06 {background-image: url(../assets/images/icons/ic_06.png);}
.ic-07 {background-image: url(../assets/images/icons/ic_07.png);}
.ic-08 {background-image: url(../assets/images/icons/ic_08.png);}
.ic-09 {background-image: url(../assets/images/icons/ic_09.png);}
.ic-10 {background-image: url(../assets/images/icons/ic_10.png);}
.ic-11 {background-image: url(../assets/images/icons/ic_11.png);}
.ic-12 {background-image: url(../assets/images/icons/ic_12.png);}
.ic-13 {background-image: url(../assets/images/icons/ic_13.png);}
.ic-14 {background-image: url(../assets/images/icons/ic_14.png);}
.ic-15 {background-image: url(../assets/images/icons/ic_15.png);}
.ic-16 {background-image: url(../assets/images/icons/ic_16.png);}
.ic-17 {background-image: url(../assets/images/icons/ic_17.png);}
.ic-18 {background-image: url(../assets/images/icons/ic_18.png?1);}
.ic-19 {background-image: url(../assets/images/icons/ic_19.png);}
.ic-20 {background-image: url(../assets/images/icons/ic_20.png);}
.ic-21 {background-image: url(../assets/images/icons/ic_21.png);}
.ic-22 {background-image: url(../assets/images/icons/ic_22.png);}
.ic-23 {background-image: url(../assets/images/icons/ic_23.png);}
.ic-24 {background-image: url(../assets/images/icons/ic_24.png);}
.ic-25 {background-image: url(../assets/images/icons/ic_25.png);}
.ic-26 {background-image: url(../assets/images/icons/ic_26.png);}
.ic-27 {background-image: url(../assets/images/icons/ic_27.png);}
.ic-28 {background-image: url(../assets/images/icons/ic_28.png);}
.ic-29 {background-image: url(../assets/images/icons/ic_29.png);}
.ic-30 {background-image: url(../assets/images/icons/ic_30.png);}
.ic-31 {background-image: url(../assets/images/icons/ic_31.png);}
.ic-42 {background-image: url(../assets/images/icons/ic_42.png);}
.ic-43 {background-image: url(../assets/images/icons/ic_43.png);}
.ic-44 {background-image: url(../assets/images/icons/ic_44.png);}
.ic-31-o {background-image: url(../assets/images/icons/ic-31-o.png); filter: none !important;}
.ic-32 {background-image: url(../assets/images/icons/ic_32.png);}
.ic-06-o {filter: none !important}

/* common */
.row-m-1200 {width: 1200px; margin-left: auto; margin-right: auto;}
.col-845 {display: inline-block; vertical-align: top; width: 845px;}
.col-320 {display: inline-block; vertical-align: top; width: 320px;}
.col-840 {display: inline-block; vertical-align: top; width: 840px;}
.col-295 {display: inline-block; vertical-align: top; width: 295px;}
.h-460 {height: 460px;}
.h-180 {height: 180px;}
.pl-20 {padding-left: 20px;}
.pr-20 {padding-right: 20px;}
.pt-40 {padding-top: 40px;}
.pb-50 {padding-bottom: 50px;}
.pb-80 {padding-bottom: 80px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px; }
.mt-80 {margin-top: 80px;}
.mt-160 {margin-top: 160px;}
.m-ex-13 {margin-left: -13px; margin-right: -13px;}
.m-ex-12 {margin-left: -12px; margin-right: -12px;}
.mb-20 {margin-bottom: 20px;}
.mb-40 {margin-bottom: 40px;}
.mb-60 {margin-bottom: 60px;}
.mb-65 {margin-bottom: 65px;}
.mb-75 {margin-bottom: 75px;}
.mr-25 {margin-right: 25px;}
.mr-35 {margin-right: 35px;}
.mr-45 {margin-right: 45px;}
.mr-65 {margin-right: 65px;}
.wr-inb {font-size: 0; letter-spacing: 0;}
.fl-l {float: left;}
.fl-r {float: right;}
.ml-60 {margin-left: 60px;}
.ml-20{margin-left: 20px;}
.tl-c {text-align: center;}

body.common > header {position: relative;z-index: 20;height: 62px; background: #f7faff; border-bottom: 1px solid #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
body.common > footer .row-01 {padding-bottom: 25px; position: relative;}
body.common > footer .row-01:after {content: ""; display: block; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; background: #667286;}
body.common > footer .row-01 li {display: inline-block; vertical-align: top; width: 150px; padding: 0 8px;}
body.common > footer .row-01 li:last-child {text-align: right;}
body.common > footer .row-01 li:last-child h3 {padding-right: 10px;}
body.common > footer .row-01 li h3 {font-size: 16px; line-height: 30px; color: #fff; margin-bottom: 15px;}
body.common > footer .row-01 li p, body > footer .row-01 li p a {font-size: 14px; line-height: 24px; color: #dbdbdb;}
body.common > footer .row-01 li p img {display: inline-block;}
body.common > footer .row-02 {text-align: center; padding-top: 20px;}
body.common > footer .row-02 p, body > footer .row-02 p a {font-size: 14px; line-height: 30px; color: #b2b2b2;}

.sub-menu{display:block}
.sub-menu dd{font-size:14px;line-height:20px;text-align:center}
.sub-menu dd a{padding: 5px 0;display:block;color:#666}
.sub-menu{position:absolute;z-index: 10;top:100%;left:50%;margin-top: -2px;padding:10px 0;margin-left:-70px;width:140px;background-color:#fff;border-radius:3px;-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.45);-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.45);box-shadow:0 0 3px 0 rgba(0,0,0,.45);visibility:hidden;opacity:0;background-clip:padding-box;-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px);-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.sub-menu:after,.sub-menu:before{content:"";position:absolute;left:50%;margin-left:-6px;border-right:6px solid transparent;border-left:6px solid transparent}
.sub-menu:before{top:-5px;border-bottom:5px solid #c5c5c5}
.sub-menu:after{top:-4px;border-bottom:5px solid #fff}
.sub-menu a:hover{color:#0074c1}
.with-sub:hover .sub-menu{visibility:visible;opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}

.sub-third{text-align: left;}
.sub-menu dd a.sub-third-title{padding-left: 24px;text-align: left;color: #007efe;background: url(../assets/images/menu_icon01.png) no-repeat left center;background-size: 16px 16px;}
.sub-menu dd.sub-third{margin-right: 10px;margin-left: 10px;}
.sub-menu dd.sub-third a{text-align: left;padding-left: 24px;}


/* --fix-button */
.fix-button {position: fixed; right: 100px; bottom: 66px;}
.fix-button a {display: block; height: 38px; width: 38px; border-radius: 4px; border: 2px solid #666; background-position: center center; background-repeat: no-repeat; margin-bottom: 13px; background-color: #f7f7f7;}
.fix-button a:last-child {margin-bottom: 0;}
.fix-button a.btn-apply{padding-top: 5px;font-size: 12px;line-height: 1;text-align: center;color: #4c4c4c;-webkit-transition: all .3s;transition: all .3s;}
.fix-button a.btn-apply:hover{background-color: #daedfa;border-color: #007efe;color: #007efe;}
.fix-button a.btn-qrcode {position: relative;}
.fix-button a.btn-qrcode img {position: absolute; bottom: 38px; left: 50%; transform: translateX(-50%); opacity: 0; transition: opacity .5s;visibility: hidden;}
.fix-button a.btn-qrcode:hover img {opacity: 1;visibility: visible;}

/* footer */
body.common > footer {background: #505866; padding-top: 40px; padding-bottom: 20px;}

/* --logo-a */
.logo-a {display: block; width: 200px; height: 61px; background: url(../assets/images/icons/logo_header.png?as) center center no-repeat;}

/* --links-type-a */
.links-type-a > li {display: inline-block; vertical-align: top; position: relative; margin-right: 12px; position: relative;}
.links-type-a > li:last-child {margin-right: 0;}
.links-type-a > li > a {display: block; height: 61px; padding: 4px 6px 0 6px; font-size: 16px; line-height: 57px; color: #333; transition: color .5s; position: relative;}
.links-type-a > li > a::before {content: ""; display: block; position: absolute; height: 3px; left: 0; right: 0; bottom: -1px; background: #007efe; opacity: 0; transition: opacity .5s;}
.links-type-a > li.with-sub > a{padding-right: 10px;}
.links-type-a > li.with-sub > a::after {content: ""; display: block; position: absolute; height: 0; width: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #333; right: 0; top: 0; bottom: 0; margin: auto; transition: border .5s;}
.links-type-a > li:hover > a, .links-type-a > li.current > a {color: #007efe;}
.links-type-a > li:hover > a::before, .links-type-a > li.current > a::before {opacity: 1;}
.links-type-a > li:hover > a::after, .links-type-a > li.current > a::after {border-top: 4px solid #007efe;}

/* --links-type-b */
.links-type-b {text-align: right;}
.links-type-b > a {display: inline-block; vertical-align: top; height: 61px; margin-left: 18px; font-size: 14px; line-height: 61px; color: #666; transition: color .5s;}
.links-type-b .link:first-child {margin-left: 0;}
.links-type-b > a > i {display: inline-block; vertical-align: top; width: 29px; height: 29px; margin-top: 16px; margin-right: 4px; background-position: center center; background-repeat: no-repeat; background-size: contain; filter: grayscale(1); transition: filter .5s;}
.links-type-b > a:hover {color: #007efe;}
.links-type-b > a:hover > i {filter: grayscale(0);}

/* --share-type-01 */
.share-type-01 {display: block; font-size: 14px; line-height: 26px; color: #333;}
.share-type-01 a {display: inline-block; vertical-align: top; width: 36px; height: 26px; background-position: center center; background-repeat: no-repeat; margin-left: 14px;}

/* --slide-type-01 */
.slide-type-01 {border-radius: 4px; overflow: hidden; position: relative;}
.slide-type-01 .slick-dots {position: absolute; right: 30px; bottom: 20px; font-size: 0; letter-spacing: 0; text-align: right;}
.slide-type-01 .slick-dots li {display: inline-block; vertical-align: top;}
.slide-type-01 .slick-dots li button {display: block; padding: 0; margin: 0; border-radius: 5px; border: 2px solid #a2a3a5; background: #797c80; outline: none; cursor: pointer; transition: all .5s;}
.slide-type-01 .slick-dots li.slick-active button {border: 2px solid #309bff; background: #007efe;}
.slide-type-01.dots-a .slick-dots {right: 30px; bottom: 20px;}
.slide-type-01.dots-a .slick-dots li {margin-left: 12px;}
.slide-type-01.dots-a .slick-dots li button {width: 10px; height: 10px; border-radius: 5px;}
.slide-type-01.dots-a .slick-dots li.slick-active button {width: 24px;}
.slide-type-01.dots-b .slick-dots {right: 20px; bottom: 15px;}
.slide-type-01.dots-b .slick-dots li {margin-left: 6px;}
.slide-type-01.dots-b .slick-dots li button {width: 8px; height: 8px; border-radius: 4px;}
.slide-type-01.dots-b .slick-dots li.slick-active button {width: 20px;}

/* --ad-type-01 */
.ad-type-01 {position: relative; border-radius: 4px; overflow: hidden;}
.ad-type-01 > a {display: block; height: 215px;}
.ad-type-01 > a img {display: block; width: 100%; height: 100%;}

/* --ad-type-02 */
.ad-type-02 {position: relative; border-radius: 4px; overflow: hidden;}
.ad-type-02 > a {display: block; height: 90px;}
.ad-type-02 > a img {display: block; width: 100%; height: 100%;}

/* --m-ad */
.m-ad::after {content: "广告"; display: block; position: absolute; width: 38px; height: 20px; border-radius: 4px; bottom: 0; right: 0; background: rgba(0, 0, 0, .25); font-size: 12px; line-height: 20px; color: rgba(255, 255, 255, .8); text-align: center;}

/* --h2-type-a */
.h2-type-a {position: relative; height: 26px; font-size: 18px; line-height: 26px; color: #333;}
.h2-type-a::before {content: ""; display: inline-block; vertical-align: top; width: 4px; height: 26px; background: #007efe; margin-right: 20px;}
.h2-type-a.color-b {color: #007efe;}

/* --hr-type-01 */
.hr-type-01 {display: block; margin-top: 10px; border-style: solid; border-color: #eee; border-width: 1px; border-top: none;}

/* --input-type-01 */
.input-type-01 {display: inline-block; vertical-align: top; height: 26px; font-size: 14px; line-height: 26px; color: #999; cursor: pointer;}
.input-type-01 input {display: inline-block; vertical-align: middle; height: 18px; width: 18px; line-height: 26px; margin: 0 8px 0 0; padding: 0;}


/* --links-type-c */
.links-type-c li {display: inline-block; vertical-align: top; margin-right: 1px;}
.links-type-c li:last-child {margin-right: 0;}
.links-type-c li a {display: block; position: relative; height: 26px; padding: 0 12px; font-size: 14px; line-height: 26px; color: #666; transition: color .5s;}
.links-type-c li a::after {content: ""; display: block; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; background: #007efe; opacity: 0; transition: opacity .5s;}
.links-type-c li:hover a, .links-type-c li.current a {color: #007efe;}
.links-type-c li:hover a::after, .links-type-c li.current a::after {opacity: 1;}

/* --control-type-a */
.control-type-a span {display: inline-block; vertical-align: top; height: 16px; margin-right: 16px; font-size: 14px; line-height: 26px; color: #333;}
.control-type-a a {display: inline-block; vertical-align: top; width: 18px; height: 18px; margin-top: 4px; margin-right: 12px; background-position: center center; background-repeat: no-repeat; background-size: contain; filter: grayscale(1); transition: filter .5s;}
.control-type-a a:last-child {margin-right: 0;}
.control-type-a a:hover, .control-type-a a.current {filter: grayscale(0);}


/* --m-cat */
.m-cat {display: block; width: 76px; height: 24px; border-radius: 4px; border-width: 1px; border-style: solid; font-size: 14px; line-height: 24px; transition: all .5s; text-align: center;}
.m-cat.m-ss3 {border-color: #007efe; color: #007efe;}
.m-cat.m-ss2 {border-color: #ff645d; color: #ff645d;}
.m-cat.m-ss1 {border-color: #ffbb4c; color: #ffbb4c;}

/* --wr-markers */
.wr-markers .m-other {text-align: right;}
.wr-markers .m-other span {display: inline-block; vertical-align: top; height: 24px; margin-right: 27px; font-size: 14px; line-height: 26px; color: #999;}
.wr-markers .m-other span:last-child {margin-right: 0;}
.wr-markers .m-other span i {display: inline-block; width: 24px; height: 24px; vertical-align: top; background-position: center center; background-repeat: no-repeat; background-size: contain; margin-right: 3px; filter: grayscale(1); transition: filter .5s;}
.wr-markers .m-type {font-size: 14px; line-height: 24px; color: #666; margin-left: 10px;}
.m-cat.m-ss3.cur {background: #007efe; color: #fff;}
.m-cat.m-ss2.cur {background: #ff645d; color: #fff;}
.m-cat.m-ss1.cur {background: #ffbb4c; color: #fff;}


/* --list-type-ab */
.list-type-ab {padding:25px 0; position: relative;}
.list-type-ab::after {content: ""; display: block; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; background: #dbdbdb;}
.list-type-ab a {display: block;}
.list-type-ab .col-l {display: inline-block; vertical-align: top; border-radius: 4px; overflow: hidden; position: relative;}
.list-type-ab .col-l img {display: block; width: 100%; height: 100%;}
.list-type-ab .col-l span {display: block; width: 82px; height: 26px; background: rgba(0, 0, 0, .5); border-radius: 4px; font-size: 16px; line-height: 26px; color: #fff; text-align: center; position: absolute; left: 20px; top: 20px;}
.list-type-ab .col-r {display: inline-block; vertical-align: top; position: relative;}
.list-type-ab .col-r .wr-texts h3 {max-height: 52px; margin-bottom: 14px; font-size: 20px; line-height: 26px; color: #333; overflow: hidden; transition: color .5s;}
.list-type-ab .col-r .wr-texts p {font-size: 14px !important; line-height: 21px; color: #999; overflow: hidden;}
.list-type-ab .col-r .wr-texts p span {font-size: 14px !important; line-height: 21px; color: #999; overflow: hidden;}
.list-type-ab a:hover .col-r .wr-texts h3 {color: #007efe;}
.list-type-ab a:hover .col-r .wr-markers .m-other span i {filter: grayscale(0);}
.list-type-ab a:hover .m-cat.m-ssz {background: #007efe; color: #fff;}
.list-type-ab a:hover .m-cat.m-ssl {background: #ff645d; color: #fff;}
.list-type-ab a:hover .m-cat.m-zxl {background: #ffbb4c; color: #fff;}


/* --list-type-a */
.list-type-a .col-l {width: 410px; height: 258px; margin-right: 25px;}
.list-type-a .col-l::after {content: ""; display: block; width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right: 11px solid #fff; position: absolute; top: 0; bottom: 0; right: 0; margin: auto;}
.list-type-a .col-r {width: 410px; height: 258px; padding: 25px;}
.list-type-a .col-r .wr-texts p {height: 63px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.list-type-a .col-r .wr-markers {margin-top: 55px;}


/* --list-type-b */
.list-type-b .col-l {width: 260px; height: 164px;}
.list-type-b .col-r {width: 585px; height: 164px; padding: 17px 25px 13px 25px;}
.list-type-b .col-r .wr-texts p {height: 42px;    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list-type-b .col-l span {display: none;}
.list-type-b .col-r .wr-markers {    margin-top: 26px;}

/* --list-type-g */
.list-type-g {padding:30px 0; position: relative;}
.list-type-g::after {content: ""; display: block; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; background: #dbdbdb;}
.list-type-g a {display: block;}
.list-type-g .col-l {display: inline-block; vertical-align: top; width:660px; height: 380px; margin-right: 65px; border-radius: 4px; overflow: hidden; position: relative;}
.list-type-g .col-l::after {content: ""; display: block; width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right: 11px solid #fff; position: absolute; top: 0; bottom: 0; right: 0; margin: auto;}
.list-type-g .col-l img {display: block; width: 100%; height: 100%;}
.list-type-g .col-r {display: inline-block; vertical-align: top; width: 427px; height: 380px; padding-top: 40px; padding-bottom: 40px; position: relative;}
.list-type-g .col-r .wr-texts h3 {max-height: 48px; margin-bottom: 30px; font-size: 18px; line-height: 24px; color: #333; overflow: hidden; transition: color .5s;}
.list-type-g .col-r .wr-texts p {font-size: 14px; line-height: 22px; height: 44px; color: #999; overflow: hidden;}
.list-type-g .col-r .wr-markers {margin-top: 70px;}
.list-type-g .col-r button {display: block; width: 100%; height: 52px; border: 1px solid #007efe; border-radius: 4px; font-size: 18px; line-height: 50px; background: transparent; color: #007efe; transition: all .5s; cursor: pointer; margin-top: 25px;}
.list-type-g .col-r button.stop {border-color: #ccc; color: #ccc;}
.list-type-g a:hover .col-r button {background: #007efe; color: #fff;}
.list-type-g a:hover .col-r button.stop {background: #ccc;}
.list-type-g a:hover .col-r .wr-texts h3 {color: #007efe;}
.list-type-g a:hover .col-r .wr-markers .m-other span i {filter: grayscale(0);}
/*.list-type-g a:hover .m-cat.m-ssz {background: #007efe; color: #fff;}*/
.list-type-g a:hover .m-cat.m-ssl {background: #ff645d; color: #fff;}
.list-type-g a:hover .m-cat.m-zxl {background: #ffbb4c; color: #fff;}

/* --list-type-h */
.list-type-h {display: inline-block; vertical-align: top; width: 384px; margin-left: 12px; margin-right: 12px; padding-bottom: 23px; margin-bottom: 45px; position: relative;}
.list-type-h::after {content: ""; display: block; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; background: #dbdbdb;}
.list-type-h a {display: block;}
.list-type-h .col-l {height: 196px; border-radius: 4px; overflow: hidden; position: relative;}
.list-type-h .col-l img {display: block; width: 100%; height: 100%;}
.list-type-h .col-r {padding-top: 20px;  position: relative;}
.list-type-h .col-r .wr-texts {padding-left: 14px; padding-right: 12px;}
.list-type-h .col-r .wr-texts h3 {max-height: 72px; margin-bottom: 30px; font-size: 18px; line-height: 24px; color: #333; overflow: hidden; transition: color .5s;}
.list-type-h .col-r .wr-markers {padding-left: 12px; padding-right: 12px;}
.list-type-h .col-r button {display: block; width: 370px; height: 44px; border: 1px solid #007efe; border-radius: 4px; font-size: 18px; line-height: 42px; background: transparent; color: #007efe; transition: all .5s; cursor: pointer; margin-block-end: auto; margin-right: auto; margin-top: 20px;}
.list-type-h .col-r button.stop {border-color: #ccc; color: #ccc;}
.list-type-h a:hover .col-r button {background: #007efe; color: #fff;}
.list-type-h a:hover .col-r button.stop {background: #ccc;}
.list-type-h a:hover .col-r .wr-texts h3 {color: #007efe;}
.list-type-h a:hover .col-r .wr-markers .m-other span i {filter: grayscale(0);}

/* --list-type-b.change */
.list-type-b.change {display: inline-block; vertical-align: top;}
.list-type-b.change:nth-child(odd){margin-right: 25px;}
.list-type-b.change .col-l {display: block; width: 410px; height: 258px; overflow: hidden;}
.list-type-b.change .col-l img {width: 100%; height: auto;}
.list-type-b.change .col-r {display: block; width: 410px; height: 180px; padding: 17px 25px 13px 25px;}
.list-type-b.change .col-r .wr-markers .m-type {display: none;}
.list-type-b.change .col-l span {display: block;}

/* --ban-type-a */
.ban-type-a {border-radius: 4px; overflow: hidden;}
.ban-type-a a {display: block; position: relative; height: 215px;}
.ban-type-a a img {display: block; width: 100%; height: 100%;}
.ban-type-a a h3 {position: absolute; left: 0; right: 0; bottom: 0; height: 40px; background: rgba(0, 0, 0, .4); font-size: 16px; line-height: 40px; color: #fff; text-align: center;}

/* --list-type-c */
.list-type-c {padding: 0 20px;}
.list-type-c a {display: block; position: relative; padding: 20px 0;}
.list-type-c a::after {content: ""; display: block; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; background: #f0f0f0; }
.list-type-c a h3 {position: relative; margin-bottom: 5px; font-size: 14px; line-height: 22px; color: #333; transition: color .5s;}
.list-type-c a h3::before {content: ""; display: block; position: absolute; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #333; transition: border-color .5s; left: -15px; top: 7px;}
.list-type-c a p {font-size: 14px; line-height: 22px; color: #999; transition: color .5s;}
.list-type-c a:hover h3, .list-type-c a:hover p {color: #007efe;}
.list-type-c a:hover h3::before {border-left-color: #007efe;}

/* --list-type-d */
.list-type-d {display: inline-block; vertical-align: top; width: 106px; margin: 10px 0;}
.list-type-d i {display: block; height: 47px; width: 47px; margin: 0 auto 4px auto; background-position: center center; background-repeat: no-repeat; background-size: contain; filter: grayscale(1); transition: filter .5s;}
.list-type-d h3 {font-size: 14px; line-height: 26px; color: #333; text-align: center; transition: color .5s;}
.list-type-d:hover h3 {color: #007efe;}
.list-type-d:hover i {filter: grayscale(0);}


/* --list-type-e */
.list-type-e {padding: 0 20px; position: relative;}
.list-type-e::after {content: ""; display: block; height: 1px; left: 20px; right: 20px; bottom: 0; background: #f0f0f0;}
.list-type-e > a {display: block; padding: 20px 0; position: relative;}
.list-type-e > a > .wr-pic {display: inline-block; vertical-align: top; width: 143px; height: 84px; border-radius: 4px; overflow: hidden; margin-right: 9px;}
.list-type-e > a > .wr-pic img {display: block; width: 100%; height: 100%;}
.list-type-e > a > .wr-txt {display: inline-block; vertical-align: top; width: 128px; height: 84px; position: relative; padding: 7px 0;}
.list-type-e > a > .wr-txt h3 {font-size: 14px; line-height: 17px; color: #333; max-height: 34px; overflow: hidden; transition: color .5s;}
.list-type-e > a > .wr-txt span {display: block; position: absolute; height: 24px; left: 0; right: 0; bottom: 7px; font-size: 14px; line-height: 24px; color: #666; transition: color .5s;}
.list-type-e > a > .wr-txt span i{display: inline-block; width: 24px; height: 24px; vertical-align: top; background-position: center center; background-repeat: no-repeat; background-size: contain; filter: grayscale(1); transition: filter .5s;}
.list-type-e > a:hover .wr-txt h3 {color: #007efe;}
.list-type-e > a:hover .wr-txt span {color: #007efe;}
.list-type-e > a:hover .wr-txt span i {filter: grayscale(0);}

/* --btn-more-01 */
.btn-more-01 {display: block; margin: auto; height: 38px; width: 142px; border-radius: 4px; border: 1px solid #007efe; font-size: 16px; line-height: 34px; color: #007efe; text-align: center; transition: all .5s;}
.btn-more-01 i {display: inline-block; vertical-align: top; margin-top: 8px; margin-right: 10px; width: 18px; height: 18px; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: filter .5s;}
.btn-more-01:hover {color: #fff; background: #007efe;}
.btn-more-01:hover i {filter: grayscale(1) brightness(2.5);}

/* --list-type-f */
.list-type-f {display: inline-block; vertical-align: top; margin-left: 13px; margin-right: 13px; margin-bottom: 26px; }
.list-type-f a {display: block; width: 280px; height: 115px; padding-top: 25px; padding-bottom: 25px; padding-left: 10px; border: 1px solid #999; transition: all .5s; border-radius: 4px; background: #f7faff;}
.list-type-f a i {display: inline-block; vertical-align: top; width: 65px; height: 65px; background-position: center center; background-repeat: no-repeat; background-size: contain; margin-right: 10px;}
.list-type-f a .wr-txt {display: inline-block; vertical-align: top; width: 185px;}
.list-type-f a .wr-txt h3 {font-size: 18px; line-height: 24px; color: #333; margin-bottom: 5px; max-height: 24px; overflow: hidden; transition: color .5s;}
.list-type-f a .wr-txt p {font-size: 14px; line-height: 18px; color: #afafaf; max-height: 36px; transition: color .5s;}
.list-type-f a:hover {border-color: #007efe;}
.list-type-f a:hover .wr-txt h3 {color: #007efe;}
.list-type-f a:hover .wr-txt p {color: #6cb5ff;}


/* --detail-header-01 */
.detail-header-01 .col-l {display: inline-block; vertical-align: top; width: 735px; height: 400px; border-radius: 4px; position: relative; margin-right: 35px; overflow: hidden;}
.detail-header-01 .col-l img {position: absolute; left: 0; right: 0; top: 0; bottom: 0;width: 100%}
.detail-header-01 .col-r {display: inline-block; vertical-align: top; width: 430px; height: 400px; border-radius: 4px; border: 1px solid #e5e5e5; background: #f8f8f9; padding-top: 45px; padding-left: 35px; padding-right: 42px;}
.detail-header-01 .col-r h3 {font-size: 20px; line-height: 24px; color: #333; height: 48px; overflow: hidden; margin-bottom: 20px;}
.detail-header-01 .col-r p {font-size: 18px; line-height: 24px; color: #666; margin-top: 20px;}
.detail-header-01 .col-r span {color: #ccc;}
.detail-header-01 .btn-join {display: block; height: 42px; font-size: 18px; line-height: 42px; color: #fff; text-align: center; border-radius: 4px; background: #007efe; margin-top: 45px;}

/* --h1-type-01 */
.h1-type-01 {font-size: 24px; line-height: 32px; color: #333; font-weight: bold;}

/* --cont-type-01 */
.cont-type-01 p {font-size: 16px; line-height: 30px; color: #666; text-align: justify;}
.cont-type-01 p img {max-width: 100%;}

/* --pagers-type-01 */
.pagers-type-01 {text-align: center;}
.pagers-type-01 a {display: inline-block; vertical-align: top; height: 24px; font-size: 18px; line-height: 24px; color: #999; transition: color .5s;}
.pagers-type-01 a i {display: inline-block; vertical-align: top; width: 22px; height: 22px; background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: 1px; margin-right: 15px;}
.pagers-type-01 a:hover {color: #007efe;}

/* --like-type-01 */
.like-type-01 {width: 260px; height: 56px; border: 1px solid #007efe; border-radius: 4px; text-align: center; margin-left: auto; margin-right: auto;}
.like-type-01 a {display: inline-block; vertical-align: top; height: 44px; font-size: 14px; line-height: 44px; color: #666; margin-top: 5px;}
.like-type-01 a i {display: inline-block; vertical-align: top; width: 44px; height: 44px; background-position: center center; background-repeat: no-repeat; background-size: contain; filter: grayscale(1);}
.like-type-01 a i:first-child {margin-right: 10px;}
.like-type-01 a i:last-child {margin-left: 15px;}
.like-type-01 > i {display: inline-block; vertical-align: top; height: 26px; width: 1px; background: #007efe; margin-left: 25px; margin-right: 25px; margin-top: 14px;}

/* --form-type-01 */
.form-type-01 textarea {display: block; width: 100%; height: 195px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 5px; resize: none;}
.form-type-01 textarea[disabled] {background: #f8f8f9;}
.form-type-01 .wr-text {position: relative;}
.form-type-01 .wr-text p.tips {height: 25px; font-size: 18px; line-height: 25px; color: #999; text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none;}
.form-type-01 .wr-text p.tips a {color: #007efe; text-decoration: underline;}
.form-type-01 .wr-text textarea[disabled] + p.tips {display: block;}
.form-type-01 .btn-submit {display: block; width: 152px; height: 45px; font-size: 14px; line-height: 45px; text-align: center; color: #fff; background: #007efe;}

/* --message-type-01 */
.message-type-01 {position: relative; min-height: 150px;}
.message-type-01 .col-l {position: absolute; width: 110px; height: 120px; left: 20px; top: 0; bottom: 0; margin: auto;}
.message-type-01 .col-l .wr-img {width: 80px; height: 80px; margin-left: auto; margin-right: auto; border-radius: 50%; position: relative;}
.message-type-01 .col-l .wr-img img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.message-type-01 .col-l h3 {font-size: 14px; line-height: 20px; margin-top: 10px; color: #333; text-align: center;}
.message-type-01 .col-l p {font-size: 14px; line-height: 20px; color: #999; text-align: center;}
.message-type-01 .col-r { margin-left: 158px; position: relative; border: 1px solid #e5e5e5; border-radius: 10px; padding: 50px 40px;}
.message-type-01 .col-r p {font-size: 14px; line-height: 26px; color: #333;}
.message-type-01 .col-r::before {content: ""; display: block; width: 13px; height: 19px; position: absolute; left: -13px; top: 0; bottom: 0; margin: auto; background: url(../assets/images/icons/triangle_box.jpg) center center no-repeat;}




/* ======================== special_01 ======================== */

/* header */
body.special_01 header {position: fixed; width: 100%; z-index: 10; transition: all .5s ease-in-out;}
body.special_01 header nav {height: 100px; transition: height .5s;}
body.special_01 header nav .logo {display: block; width: 79px; height: 79px; margin-top: 11px; background: url(../special_01/images/logo.png) center center no-repeat; background-size: contain; transition: all .5s;}
body.special_01 header nav .links {text-align: right;}
body.special_01 header nav .links li {display: inline-block; vertical-align: top; margin-left: 47px; margin-top: 32px; transition: all .5s;}
body.special_01 header nav .links li > a {display: block; position: relative; height: 36px; font-size: 14px; line-height: 36px; color: #fff; transition: color .5s;}
body.special_01 header nav .links li > a:hover {color: #dcb365;}
body.special_01 header nav .links li.with-sub {position: relative;}
body.special_01 header nav .links li.with-sub > a:after {content: ""; display: inline-block; width: 11px; height: 36px; margin-left: 10px; vertical-align: top; background: url(../special_01/images/btn_down.png) center center no-repeat;}
body.special_01 header.small {background: rgba(0, 0, 0, .5);}
body.special_01 header.small nav {height: 70px;}
body.special_01 header.small nav .logo {width: 50px; height: 50px; margin-top: 10px;}
body.special_01 header.small nav .links li {margin-top: 17px;}
body.special_01 header.hide {opacity: 0; visibility: hidden;}
body.special_01 header nav .links li.with-sub dl {position: absolute; left: 0; right: 0; top: 55px; background: rgba(0, 0, 0, .5); padding: 10px 0; visibility: hidden; opacity: 0; transition: all .5s;}
body.special_01 header nav .links li.with-sub dl dd {text-align: center;}
body.special_01 header nav .links li.with-sub dl dd a {font-size: 14px; line-height: 30px; color: #fff; transition: color .5s;}
body.special_01 header nav .links li.with-sub dl dd a:hover {color: #dcb365;}
body.special_01 header nav .links li.with-sub:hover dl {visibility: visible; opacity: 1;}



/* sec-01 */
body.special_01 .sec-01 {overflow: hidden; background-image: url(../special_01/images/bg_sec01.jpg); background-color: #01538b; background-position: center center; background-repeat: no-repeat;}
body.special_01 .sec-01 .wrapper {padding-top: 410px; background: url(../special_01/images/bg_sec01_inner.png) center center no-repeat; height: 1085px;}
body.special_01 .sec-01 .wrapper h1 {margin-bottom: 43px;}
body.special_01 .sec-01 .wrapper h1 img {max-width: 100%; height: auto; margin-left: auto; margin-right: auto;}
body.special_01 .sec-01 .wrapper h2 {margin-left: auto; margin-right: auto; margin-bottom: 25px;}
body.special_01 .sec-01 .wrapper h2 img {margin-left: auto; margin-right: auto;}
body.special_01 .sec-01 .wrapper p {font-size: 14px; line-height: 27px; color: #ccc;}
body.special_01 .sec-01 .wrapper p.p-a {width: 668px; margin-left: auto; margin-right: auto; font-size: 18px; line-height: 36px; color: #fff;}
body.special_01 .sec-01 .wrapper p.p-b {width: 600px; margin-left: auto; margin-right: auto;}
body.special_01 .sec-01 .wrapper p .btn-sp-01 {margin: 0 13px;}

/* sec-02 */
body.special_01 .sec-02 {overflow: hidden; background: radial-gradient(#261e27, #1c1923); padding-top: 85px; padding-bottom: 110px;}

/* btn-sp-01 */
.btn-sp-01 {display: inline-block; width: 185px; height: 48px; border-width: 2px; border-style: outset; border-radius: 24px; font-size: 14px; line-height: 44px; color: #fff; text-align: center;}
.btn-sp-01.color-y {background: #dcb365; border-color: #f7d799;}
.btn-sp-01.color-b {background: #1c4da1; border-color: #3373e1;}

/* h2-sp-01 */
.h2-sp-01 {width: 242px; height: 129px; padding-top: 45px; margin-left: auto; margin-right: auto; background-position: center center; background-repeat: no-repeat;}
.h2-sp-01 span {display: block; margin-right: 15px; font-size: 24px; line-height: 36px; color: #fff; text-align: center;}
.h2-sp-01.bg-01 {background-image: url(../special_01/images/bg_h2_01.png);}
.h2-sp-01.bg-02 {width: 274px; background-image: url(../special_01/images/bg_h2_02.png);}
.h2-sp-01.bg-02 span {margin-right: 0; margin-left: 10px;}
.h2-sp-01.bg-03 {width: 380px; background-image: url(../special_01/images/bg_h2_03.png);}
.h2-sp-01.bg-03 span {margin-right: 0; margin-left: 25px;}
.h2-sp-01.bg-04 {width: 418px; background-image: url(../special_01/images/bg_h2_04.png);}
.h2-sp-01.bg-04 span {margin-right: 0; margin-left: 63px; color: #000;}


/* li-sp-01 */
.li-sp-01 {display: inline-block; vertical-align: top; margin-left: 25px; margin-right: 25px;}
.li-sp-01:first-child {margin-left: 0;}
.li-sp-01:last-child {margin-right: 0;}
.li-sp-01 a {display: block;}
.li-sp-01 a .wr-pic {position: relative; width: 200px; height: 200px; margin-bottom: 10px; border: 1px solid rgba(255, 255, 255, .1); background-image: url(../special_01/images/bg_li_person.png); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .5s;}
.li-sp-01 a .wr-pic img {position: absolute; left: 16px; right: 16px; top: 16px; bottom: 16px;}
.li-sp-01 a .wr-txt {text-align: center;}
.li-sp-01 a .wr-txt h3 {font-size: 24px; line-height: 36px; color: #dab163;}
.li-sp-01 a .wr-txt p {font-size: 16px; line-height: 24px; margin-top: 6px; color: #fff;}
.li-sp-01 a:hover .wr-pic {background: rgba(218, 177, 100, .3); border: 1px solid #dab163; box-shadow: 0 0 30px #dcb365;}


/* .pop-join */
.pop-join {position: fixed; width: 100%; height: 100%; left: 0; top: 0; min-width: 1200px; min-height: 500px; background: rgba(0,0,0,.9); display: none; z-index: 200;}
.pop-join .win {width: 628px; height: 360px; background: #fff; border-radius: 10px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding-top: 72px; padding-left: 75px; padding-right: 110px; visibility: hidden; transform: translateY(10%); opacity: 0; transition: all .3s;}
.pop-join .win.show {transform: translateY(0); opacity: 1; visibility: visible;}
.pop-join .win .btn-close {display: block; position: absolute; width: 20px; height: 20px; right: 50px; top: 30px; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.pop-join .win form h2 { font-size: 20px; line-height: 24px; color: #007efe; text-align: center; margin-bottom: 20px;}
.pop-join .win form p {font-size: 0; letter-spacing: 0; margin-bottom: 7px;}
.pop-join .win form p label {display: inline-block; vertical-align: top; width: 103px; height: 45px; font-size: 16px; line-height: 45px; color: #007efe;}
.pop-join .win form p select {display: inline-block; vertical-align: top; width: 340px; height: 45px; padding-left: 30px; padding-right: 30px; border: 1px solid #007efe; outline: none; margin: 0; font-size: 16px; line-height: 43px; color: #333;}
.pop-join .win form p input {display: inline-block; vertical-align: top; width: 340px; height: 45px; padding-left: 30px; padding-right: 30px; border: 1px solid #007efe; outline: none; margin: 0; font-size: 16px; line-height: 43px; color: #333; background: transparent;}
.pop-join .win form .btn-submit {display: inline-block; vertical-align: top; width: 340px; height: 45px; background: #007efe; font-size: 18px; line-height: 45px; color: #fff; text-align: center; margin-left: 103px; margin-top: 10px;}

/* sec-03 */
body.special_01 .sec-03 {padding-top: 80px; padding-bottom: 165px; overflow: hidden; background: radial-gradient(#210223, #0a0825);}
body.special_01 .sec-03 .wrapper .cont h3 {font-size: 36px; line-height: 42px; color: #dcb365; text-align: center;}
body.special_01 .sec-03 .wrapper .cont h3 img {display: inline-block; vertical-align: top;}
body.special_01 .sec-03 .wrapper .wr-dots ul li {display: inline-block; position: relative; vertical-align: top; border-bottom: 1px solid #dcb365;}
body.special_01 .sec-03 .wrapper .wr-dots ul.with-2 li {width: 50%;}
body.special_01 .sec-03 .wrapper .wr-dots ul.with-3 li {width: 33.333%;}
body.special_01 .sec-03 .wrapper .wr-dots ul.with-4 li {width: 25%;}
body.special_01 .sec-03 .wrapper .wr-dots ul.with-7 li {width: 14.2857%;}
body.special_01 .sec-03 .wrapper .wr-dots ul li:after {content: ""; display: block; width: 10px; height: 10px; border: 1px outset #fff; border-radius: 50%; background: #aaa; position: absolute; left: 0; right: 0; bottom: -6px; margin: auto; transition: all .5s;}
body.special_01 .sec-03 .wrapper .wr-dots ul li span {display: block; position: relative; height: 50px; margin-bottom: 5px; overflow: hidden; font-size: 14px; line-height: 50px; color:rgba(255, 255, 255, .2); text-align: center; transition: all .5s;}
body.special_01 .sec-03 .wrapper .wr-dots ul li span::after {content: ""; display: block; width: 130px; height: 1px; margin-left: auto; margin-right: auto; margin-top: 5px; background: url(../special_01/images/deco.png) center center no-repeat; opacity: 0; transition: all .5s;}
body.special_01 .sec-03 .wrapper .wr-dots ul li.active::after {transform: scale(1.5, 1.5); background: #b28850; border-color: #f0ce92; box-shadow: 0 0 5px #b28850;}
body.special_01 .sec-03 .wrapper .wr-dots ul li.active span {font-size: 18px; color: #fff; line-height: 30px;}
body.special_01 .sec-03 .wrapper .wr-dots ul li.active span::after {opacity: 1;}
body.special_01 .sec-03 .wrapper .cont > ul{text-align: center; position: relative;}
body.special_01 .sec-03 .wrapper .cont > ul h4 {font-size: 24px; line-height: 36px; color: #fff;}
body.special_01 .sec-03 .wrapper .cont > ul h4.color-y {color: #dcb365;}
body.special_01 .sec-03 .wrapper .cont > ul h4 span {display: block; font-size: 14px; line-height: 36px; color: #666;}
body.special_01 .sec-03 .wrapper .cont > ul .con-row {position: relative; margin-bottom: 15px;}
body.special_01 .sec-03 .wrapper .cont > ul .con-col-l {width: 50%; text-align: right; padding-right: 14px;}
body.special_01 .sec-03 .wrapper .cont > ul .con-col-r {width: 50%; text-align: left; padding-left: 14px; position: absolute; left: 50%; height: 44px; top: 0; bottom: 0; margin: auto;}
body.special_01 .sec-03 .wrapper .cont > ul .con-col-l p {font-size: 18px; line-height: 32px; color: #fff;}
body.special_01 .sec-03 .wrapper .cont > ul .con-col-l p span {font-size: 24px; line-height: 32px; color: #dcb365;}
body.special_01 .sec-03 .wrapper .cont > ul .con-col-r p {font-size: 18px; line-height: 44px; color: #999;}
body.special_01 .sec-03 .wrapper .cont > ul .slick-arrow {display: block; width: 37px; height: 70px; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; bottom: 0; margin: auto; font-size: 0; border: none; outline: none; cursor: pointer; z-index: 10;}
body.special_01 .sec-03 .wrapper .cont > ul .slick-prev {background: url(../special_01/images/btn_left.png); left: 0;}
body.special_01 .sec-03 .wrapper .cont > ul .slick-next {background: url(../special_01/images/btn_right.png); right: 0;}


/* sec-04 */
body.special_01 .sec-04 {overflow: hidden; background: #16121e; padding-top: 75px; padding-bottom: 115px;}
body.special_01 .sec-04 .wrapper .wr-conts .col-l {display: inline-block; vertical-align: top; width: 722px; margin-right: 65px;}
body.special_01 .sec-04 .wrapper .wr-conts .col-l .wr-pics li {display: inline-block; vertical-align: top; width: 357px;}
body.special_01 .sec-04 .wrapper .wr-conts .col-l .wr-pics li:nth-child(odd) {margin-right: 8px;}
body.special_01 .sec-04 .wrapper .wr-conts .col-l .wr-pics li a {display: block; position: relative; filter: brightness(.5); transition: filter .5s;}
body.special_01 .sec-04 .wrapper .wr-conts .col-l .wr-pics li a img {width: 100%; height: 210px;}
body.special_01 .sec-04 .wrapper .wr-conts .col-l .wr-pics li a h3 {width: 215px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 20px; max-height: 40px; overflow: hidden; font-size: 14px; line-height: 20px; color: #fff; text-align: center;}
body.special_01 .sec-04 .wrapper .wr-conts .col-l .wr-pics li a i {display: block; position: absolute; width: 47px; height: 47px; top: 85px; left: 0; right: 0; margin: auto; background: url(../special_01/images/btn_play.png) center center no-repeat;}
body.special_01 .sec-04 .wrapper .wr-conts .col-l .wr-pics li a:hover {filter: brightness(1);}
body.special_01 .sec-04 .wrapper .wr-conts .col-r {display: inline-block; vertical-align: top; width: 413px; padding-top: 40px;}
body.special_01 .sec-04 .wrapper .wr-conts .col-r .wr-txts li {padding-left: 25px; padding-right: 25px; position: relative;}
body.special_01 .sec-04 .wrapper .wr-conts .col-r .wr-txts li a {display: block; padding-top: 10px; padding-bottom: 10px;}
body.special_01 .sec-04 .wrapper .wr-conts .col-r .wr-txts li a::after {content: ""; display: block; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; background: #666; transition: all .5s;}
body.special_01 .sec-04 .wrapper .wr-conts .col-r .wr-txts li a h3 {font-size: 16px; line-height: 20px; color: #666; margin-bottom: 10px; transition: color .5s;}
body.special_01 .sec-04 .wrapper .wr-conts .col-r .wr-txts li a p {font-size: 14px; line-height: 24px; color: #666;}
body.special_01 .sec-04 .wrapper .wr-conts .col-r .wr-txts li a:hover::after {background: #fff;}
body.special_01 .sec-04 .wrapper .wr-conts .col-r .wr-txts li a:hover h3 {color: #fff;}
body.special_01 .sec-04 .wrapper .wr-conts .col-r a.btn-more {display: block; width: 130px; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 36px; color: #fff; text-align: center; position: relative;}
body.special_01 .sec-04 .wrapper .wr-conts .col-r a.btn-more:after {content: ""; display: block; height: 1px; background: url(../special_01/images/deco.png) center center no-repeat;}

/* sec-05 */
body.special_01 .sec-05 {overflow: hidden; padding-top: 35px; padding-bottom: 55px;}
body.special_01 .sec-05 .wrapper hr {display: block; height: 1px; border: none; background: #eee;}
body.special_01 .sec-05 .wrapper .cont {text-align: center; padding-top: 30px; position: relative;}
body.special_01 .sec-05 .wrapper .cont::before {content: ""; display: block; height: 1px; position: absolute; left: 0; right: 0; top: 0; background: url(../special_01/images/hr.png) center center no-repeat;}
body.special_01 .sec-05 .wrapper .cont h3 {font-size: 14px; line-height: 24px; color: #dcb365;}
body.special_01 .sec-05 .wrapper .cont img {display: inline-block; margin-top: 10px; margin-bottom: 10px;}

/* footer */
body.special_01 > footer .row-01 {height: 88px; background: #161218;}
body.special_01 > footer .row-01 .wrapper {height: 88px; padding-top: 20px; padding-bottom: 20px; background: #161218;}
body.special_01 > footer .row-01 .wr-tel a { display: block; height: 48px; font-size: 12px; line-height: 48px; color: #fff;}
body.special_01 > footer .row-01 .wr-tel a span {display: inline-block; vertical-align: top; height: 48px; font-size: 24px; line-height: 48px; color: #fff;}
body.special_01 > footer .row-01 .wr-tel a i {display: inline-block; vertical-align: top; height: 30px; width: 30px; margin-top: 9px; background: url(../special_01/images/icon_tel.png) center center no-repeat; margin-right: 9px;}
body.special_01 > footer .row-01 .wr-btn a:first-child {margin-right: 30px;}
body.special_01 > footer .row-02 {height: 30px; text-align: center; background: #030211;}
body.special_01 > footer .row-02 p {font-size: 12px; line-height: 30px; color: #666;}
body.special_01 > footer .row-01.fixed .wrapper {position: fixed; width: 100%; left: 0; right: 0; bottom: 0; z-index: 20;}

/* pop-support */
body.special_01 > .pop-support {position: fixed; width: 100%; height: 100%; left: 0; top: 0; min-width: 1200px; min-height: 450px; display: none; background: rgba(0,0,0,.9); z-index: 200;}
body.special_01 > .pop-support .wrapper {position: absolute; width: 421px; height: 280px; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
body.special_01 > .pop-support .wrapper .info {width: 421px; height: 200px; background: url(../special_01/images/bg_pop_support.png) center center no-repeat;}
body.special_01 > .pop-support .wrapper a {display: block; width: 187px; height: 52px; margin-left: auto; margin-right: auto; background: #dcb365; border: 2px outset #f7d696; border-radius: 26px; font-size: 24px; line-height: 48px; color: #fff; margin-top: 28px; text-align: center;}
/* end */

/* leader */
.s-page-title { padding: 40px 0 30px; border-bottom: 1px solid #eee; font-size: 24px; line-height: 1; text-align: center; color: #007efe; }

.s-page-stitle { font-size: 24px; line-height: 75px; color: #fff; text-align: center; height: 75px; border-radius: 3px; background: url(../upload/page/bg_title.jpg) no-repeat center center; }

.s-leader-tab { font-size: 0; text-align: center; }
.s-leader-tab span { margin: 0 5px; display: inline-block; vertical-align: top; width: 145px; height: 36px; border-radius: 3px; font-size: 18px; line-height: 2; background-color: #d2d2d2; color: #333; cursor: pointer; }
.s-leader-tab span.current { background-color: #007efe; color: #fff; }

.s-leader-main { border-top: 1px solid #eee; margin-bottom: 70px; display: none; }
.s-leader-main.active { display: block; }

.sleader-list { position: relative; padding-left: 245px; border-bottom: 1px solid #eee; }

.sleader-list-title { position: absolute; top: 40px; left: 80px; font-size: 18px; line-height: 1; color: #007efe; }

.sleader-list-body { padding-top: 40px; border-left: 1px solid #eee; font-size: 0; }

.sleader-item { display: inline-block; vertical-align: top; width: 180px; margin-left: 40px; margin-bottom: 40px; margin-right: 15px; }
.sleader-item img { display: block; height: 180px; }
.sleader-item h3 { font-size: 16px; line-height: 2; color: #333; font-weight: 700; }
.sleader-item p { font-size: 16px; line-height: 1.5; color: #666; }
.about-detail{font-size: 16px;line-height: 30px;color: #666;}

/* leader-detail */
.s-leader-detail { padding-bottom: 40px; border-bottom: 1px solid #eee; }
.s-leader-detail > div { display: inline-block; vertical-align: top; }

.sleader-detail-img { width: 320px; }
.sleader-detail-img img { display: block; }

.sleader-detail-intro { width: 700px; }
.sleader-detail-intro h1 { font-size: 24px; line-height: 40px; }
.sleader-detail-intro h1 span { padding-left: 15px; font-size: 18px; color: #007efe; }
.sleader-detail-intro .job { padding-top: 10px; font-size: 16px; line-height: 1.5; color: #666; }
.sleader-detail-intro .des { font-size: 16px; line-height: 1.5; color: #999; }

.s-leader-other { position: relative; padding-left: 280px; }

.sleader-other-left { position: absolute; top: 0; left: 0; bottom: 40px; width: 210px; background-color: #eee; }

.sleader-other-right .sleader-item { margin-right: 0; margin-left: 45px; }

.sleader-other-back { position: absolute; top: 50%; right: 0; left: 0; margin-top: -35px; font-size: 16px; line-height: 2; color: #999; text-align: center; }
.sleader-other-back img { display: block; margin: 0 auto; }

/* about-us */
.page-main { font-size: 0; }
.page-main > div { display: inline-block; vertical-align: top; }

.page-main-con { width: 840px; margin-right: 60px; }

.page-main-aside { width: 300px; }

.about-header { font-size: 0; padding-bottom: 40px; border-bottom: 1px solid #eee; }

.about-header-img { display: inline-block; vertical-align: top; width: 210px; }
.about-header-img img { display: block; min-width: 170px; }

.about-header-intro { display: inline-block; vertical-align: top; width: 630px; }
.about-header-intro h1 { margin-bottom: 10px; font-size: 24px; line-height: 1; color: #333; }
.about-header-intro h3 { margin-bottom: 20px; font-size: 16px; line-height: 2; color: #333; }
.about-header-intro .des { font-size: 16px; line-height: 30px; color: #666; text-align: justify; }

.about-header-con { padding-top: 40px; font-size: 16px; line-height: 30px; color: #666; text-align: justify; }

.link-about-more { display: inline-block; vertical-align: top; width: 140px; height: 40px; border: 1px solid #007efe; border-radius: 3px; font-size: 16px; line-height: 38px; text-align: center; color: #007efe; }

.center { text-align: center; }

.page-aside-title { height: 26px; border-left: 4px solid #007efe; font-size: 18px; line-height: 26px; color: #333; text-indent: 10px; }

.list-aside-special { font-size: 0; text-align: center; }
.list-aside-special li { margin-bottom: 20px; display: inline-block; vertical-align: top; width: 33.3333%; }
.list-aside-special li img { display: block; margin: 0 auto;filter: grayscale(1); }
.list-aside-special li p { font-size: 14px; line-height: 1; color: #666; }
.list-aside-special li:hover p { color: #007efe; }
.list-aside-special li:hover img{filter: grayscale(0);}

/* about-framework */
.about-fw-title { position: relative; text-align: center; }
.about-fw-title span { font-size: 84px; color: #007efe; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=12); opacity: 0.12; line-height: 1; font-weight: 700; }
.about-fw-title p { position: absolute; right: 0; bottom: 0; left: 0; font-size: 16px; color: #007efe; font-weight: 700; }

.list-fw { position: relative; font-size: 0; position: relative; }
.list-fw > li { display: inline-block; vertical-align: top; }
.list-fw:before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 3px; background-color: #007efe; }

.list-fw-01 { left: -12px; width: 1224px; }
.list-fw-01 li { width: 33.3333%; }
.list-fw-01 .list-fw-item { margin-right: 12px; margin-left: 12px; }
.list-fw-01 .list-fw-item__img:before { padding-top: 46.875%; }
.list-fw-01:before { right: 16.66665%; left: 16.66665%; }

.list-fw-02 { left: -8px; width: 1216px; }
.list-fw-02 li { width: 25%; }
.list-fw-02 .list-fw-item { margin-right: 8px; margin-left: 8px; }
.list-fw-02 .list-fw-item__img:before { padding-top: 47.5%; }
.list-fw-02:before { right: 12.5%; left: 12.5%; }

.list-fw-03 { width: 912px; margin-right: auto; margin-left: auto; }
.list-fw-03 li { width: 33.3333%; }
.list-fw-03 .list-fw-item { margin-right: 8px; margin-left: 8px; }
.list-fw-03 .list-fw-item__img:before { padding-top: 47.5%; }
.list-fw-03:before { right: 16.66665%; left: 16.66665%; }

.list-fw-04 { width: 290px; margin-right: auto; margin-left: auto; }
.list-fw-04 li { width: 100%; }
.list-fw-04 .list-fw-item__img:before { padding-top: 47.5%; }
.list-fw-04:before { right: 25%; left: 25%; }

.list-fw-item { position: relative; border-radius: 5px; margin-top: 40px; }
.list-fw-item:before { content: ''; position: absolute; top: -40px; left: 50%; margin-left: -2px; width: 3px; height: 40px; background-color: #007efe; }

.list-fw-item__img { position: relative; overflow: hidden; }
.list-fw-item__img:before { content: ''; display: block; }
.list-fw-item__img img { position: absolute; top: 0; left: 0; width: 100%; }

.list-fw-item__title { height: 40px; font-size: 16px; line-height: 40px; background-color: #007efe; color: #fff; text-align: center; }

/* magazine */
.magazine-title { padding-bottom: 30px; border-bottom: 1px solid #eee; font-size: 24px; line-height: 1; color: #333; }

.filter-box { position: relative; padding-left: 80px; padding-right: 60px; border-bottom: 1px solid #eee; font-size: 14px; line-height: 20px; height: 30px; overflow: hidden; }
.filter-box.open { height: auto; }
.filter-box.open .filter-more:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.filter-label { position: absolute; top: 0; left: 0; width: 80px; color: #007efe; text-align: right; }
.filter-label:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 3px; background-color: #007efe; }

.filter-option { font-size: 0; }
.filter-option span { display: inline-block; vertical-align: top; margin-left: 50px; margin-bottom: 10px; font-size: 14px; color: #999; cursor: pointer; }
.filter-option span:hover, .filter-option span.active { color: #007efe; }

.filter-more { position: absolute; top: 0; right: 0; padding-right: 20px; color: #999; cursor: pointer; }
.filter-more:hover { color: #007efe; }
.filter-more:hover:after { border-top-color: #007efe; }
.filter-more:after { content: ''; position: absolute; top: 50%; margin-top: -2px; right: 7px; border-top: 4px solid #333; border-right: 3px solid transparent; border-left: 3px solid transparent; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }

.list-magazine { font-size: 0; }

.magazine-item { margin-bottom: 50px; display: inline-block; vertical-align: top; width: 390px; }
.magazine-item:nth-of-type(2n) { margin-left: 60px; }
/* .magazine-item:hover .magazine-item-info h3, .magazine-item:hover .magazine-item-info a { color: #007efe; } */
.magazine-item .list-num { margin-top: 30px; }

.list li:hover .list-cate { color: #fff; }
.list li:hover .list-cate.blue { background-color: #007efe; }
.list li:hover .list-cate.yellow { background-color: #ffbb4c; }
.list li:hover .list-cate.red { background-color: #ff655d; }

.magazine-item-img { display: inline-block; vertical-align: top; width: 135px; }
.magazine-item-img img { display: block; width: 100%; }

.magazine-item-info { display: inline-block; vertical-align: top; width: 235px; margin-left: 20px; }
.magazine-item-info h3 { margin-bottom: 5px; font-size: 18px; line-height: 1.5; color: #333; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; }
.magazine-item-info h3 a { color: #333; }
.magazine-item-info .des { margin-top: 15px; font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; color: #666; }

.list-cate { display: inline-block; vertical-align: top; width: 76px; height: 24px; border: 1px solid transparent; border-radius: 3px; font-size: 14px; line-height: 22px; text-align: center; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.list-cate.blue { color: #007efe; border-color: #007efe; }
.list-cate.yellow { color: #ffbb4c; border-color: #ffbb4c; }
.list-cate.red { color: #ff655d; border-color: #ff655d; }

.list-num { font-size: 0; }
.list-num span { position: relative; padding-left: 24px; margin-right: 20px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 24px; color: #666; }
.list-num span i { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-filter: grayscale(1); filter: grayscale(1); }
.list-num span:hover i { -webkit-filter: grayscale(0); filter: grayscale(0); }

.page-aside-ad img { display: block; width: 100%; }

.mt-15 { margin-top: 15px; }

.page-aside-activity .list-type-e { padding-right: 0; padding-left: 0; }
.page-aside-activity .list-type-e > a > .wr-txt { width: 148px; }

/* video */
.video-box { width: 390px; height: 200px; margin-right: auto; margin-left: auto; }

.video-item { position: relative; }

.video-item[data-playing=true]:before, .video-item[data-playing=true] .video-item-bg, .video-item[data-playing=true] .video-item-btn { opacity: 0;z-index: -1; }

.video-item video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }

.video-item:before { content: ''; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.video-item-bg { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.video-item-btn { position: absolute; z-index: 3; top: 50%; left: 50%; margin: -21px 0 0 -21px; width: 42px; height: 42px; background: url(../upload/page/bg_player.png) no-repeat center center; cursor: pointer; opacity: 0; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.list-video-item { width: 390px; margin-bottom: 60px; display: inline-block; vertical-align: top; }
.list-video-item:nth-of-type(2n) { margin-left: 60px; }
.list-video-item h3 { padding: 15px 0; font-size: 18px; line-height: 1.5; color: #333; }
.list-video-item .list-num { margin-left: 15px; display: inline-block; vertical-align: top; }
.list-video-item:hover .video-item-btn { opacity: 1; }
.list-video-item:hover .video-item:before { background-color: rgba(0, 0, 0, 0.4); }
.list-video-item:hover h3 { color: #007efe; }

/*# sourceMappingURL=page.css.map */


/*# sourceMappingURL=page.css.map */


/* add by geoff */
.hide{display: none}
#btn-collection{transition: background 0.3s ease-in-out;}
#comment{font-size: 14px;}
.form-error {margin-bottom: 20px; font-size: 14px; line-height: 1; text-align: left; color: #007ffe; }
.empty{    font-size: 14px;
    line-height: 28px;text-align: center;}

/* 2017-12-05 */
.jiathis_modal_body img{margin-right: auto;margin-left: auto;}

.username-d .um{    display: inline-block; position: relative; padding-right: 30px; line-height: 30px; font-size: 14px;}
.username-d .um i{   top:3px;}
.txt-p-activity{font-size: 14px !important;    margin-left: 100px;    margin-top: 20px;}
.activity .form-error{padding-left: 100px;}
.w-200{width: 200px;}
.w-128{width: 128px;}
.layer-tickets{width: 800px;margin: auto}

@media (max-width:1024px){
    .layer-tickets{width: 100%;}
}

.m-bg3 {border-color: #007efe; color: #007efe;}
.m-bg2 {border-color: #ff645d; color: #ff645d;}
.m-bg1 {border-color: #ffbb4c; color: #ffbb4c;}

.list li:hover .m-bg3 {background-color: #007efe; color: #fff;}
.list li:hover .m-bg2 {background-color: #ff645d; color: #fff;}
.list li:hover .m-bg1 {background-color: #ffbb4c; color: #fff;}


.list-num .m-btn{width: 45%;float: left;margin-right: 2%;    height: 36px;    font-size: 14px;    line-height: 36px;}
.list-num .m-btn-normal:hover{background-color: #999;}
.list-num .onlin{    background-color: #007ffe;color: #fff}

/* 2018-07-11 */
.list-index-zt{padding: 20px 0 30px;font-size: 0;text-align: left;position: relative;}
.list-index-zt li{margin-right: 48px;display: inline-block;vertical-align: top;text-align: center;}
.list-index-zt li:last-of-type{margin-right: 0;}
.list-index-zt li a{display: block;}
.list-index-zt li i{display: block;margin: 0 auto;width: 50px;height: 50px;background-repeat: no-repeat;background-position: center center;background-size: 40px 40px;filter: grayscale(1);}
.list-index-zt li h3{font-size: 14px;line-height: 30px;color: #333;}
.list-index-zt li:hover h3{color: #007efe;}
.list-index-zt li:hover i{filter: grayscale(0);}

.iz-item{display: block;text-align: center;}
.iz-item i{display: block;margin: 0 auto;width: 50px;height: 50px;background-repeat: no-repeat;background-position: center center;background-size: 40px 40px;filter: grayscale(1);}
.iz-item h3{font-size: 14px;line-height: 30px;color: #333;}
.iz-item:hover h3{color: #007efe;}
.iz-item:hover i{filter: grayscale(0);}

.slick-activity{margin: 24px 0 40px;height: 175px;overflow: hidden;}
.slick-activity:before, .slick-activity:after{content: '';position: absolute;z-index: 10;top: 0;bottom: 0;width: 100px;}
.slick-activity:before{left: 0;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255,255,255,0.4)),color-stop(100%, rgba(255,255,255,0)));background-image:-moz-linear-gradient(left, rgba(255,255,255,0.4),rgba(255,255,255,0));background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.4),rgba(255,255,255,0));background-image:linear-gradient(to right, rgba(255,255,255,0.4),rgba(255,255,255,0))}
.slick-activity:after{right: 0;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:-webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(255,255,255,0.4)),color-stop(100%, rgba(255,255,255,0)));background-image:-moz-linear-gradient(right, rgba(255,255,255,0.4),rgba(255,255,255,0));background-image:-webkit-linear-gradient(right, rgba(255,255,255,0.4),rgba(255,255,255,0));background-image:linear-gradient(to left, rgba(255,255,255,0.4),rgba(255,255,255,0))}
.activity-item{margin: 0 12px;display: block;width: 408px;height: 175px;border-radius: 6px;}
.activity-item img{display: block;width: 100%;}

.slick-club{margin: 25px 0 40px;width: calc(100% + 10px);position: relative;left: -5px;}
.club-item{position: relative;display: block;margin: 0 5px;border-radius: 5px;overflow: hidden;}
.club-item img{display: block;width: 100%;-webkit-transition: opacity .3s;transition: opacity .3s;}
.club-item p{position: absolute;top: 50%;right: 0;left: 0;font-size: 14px;line-height: 24px;color: #fff;margin-top: -12px;text-align: center;}
.club-item:hover img{opacity: .8;}

.index-ad a{display: block;}
.index-ad img{display: block;width: 100%;}

.header-search{position: absolute;z-index: 10;top: 60px;right: 0;left: 0;padding: 30px 0;box-shadow: 2px 0px 3px  rgba(0,0,0,.1);font-size: 0;text-align: right;background-color: #fff;visibility: hidden;opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);-webkit-transition: all .3s;transition: all .3s;}
.header-search.active{visibility: visible;opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.header-search-form{position: relative;}
.header-search-close{position: absolute;top: -20px;right: 0;width: 20px;height: 20px;cursor: pointer;}
.header-search-close:before, .header-search-close:after{content: '';position: absolute;top: 50%;left: 50%;margin-left: -10px;width: 20px;height: 1px;background-color: #333;}
.header-search-close:before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.header-search-close:after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.header-search input, .header-search button{display: inline-block;vertical-align: top;}
.header-search button{margin-right: 110px;width: 100px;height: 30px;background-color: #dfdfdf;color: #666;border: 0;padding: 0;font-size: 14px;-webkit-transition: all .3s;transition: all .3s;cursor: pointer;}
.header-search button:hover{background-color: #007efe;color: #fff;}
.header-search input{width: 710px;height: 30px;border: 0;padding: 0;padding-left: 10px;margin-right: 30px;border-bottom: 1px solid #007efe;font-size: 14px;}
.header-search input::-webkit-input-placeholder{color: #ccc;}
.header-search input::-moz-placeholder{color: #ccc;}
.header-search input:-ms-input-placeholder{color: #ccc;}

.list-special-header{font-size: 24px;line-height: 2;color: #007efe;text-align: center;}
.list{position: relative;font-size: 0;}
.list > li{display: inline-block;vertical-align: top;}
.list-4 > li{width: 25%;}
.list-special{width: 960px;margin-right: auto;margin-left: auto;border-top: 1px solid #eee;}
.list-special-item{padding: 70px 0;display: block;line-height: 1.5;text-align: center;border: 1px solid #eee;border-top: 0;border-left: 0;}
.list-special li:nth-of-type(4n) .list-special-item{border-right: 0;}
.list-special-item img, .list-special-item h3, .list-special-item p{-webkit-transition: all .3s;transition: all .3s;}
.list-special-item img{display: block;margin: 0 auto 10px;filter:grayscale(1);}
.list-special-item h3{font-size: 18px;color: #333;}
.list-special-item p{font-size: 14px;color: #999;}
.list-special-item:hover img{filter:grayscale(0);}
.list-special-item:hover h3, .list-special-item:hover p{color: #007efe;}
.page-intro{font-size: 0;}
.page-intro-left, .page-intro-right{display: inline-block;vertical-align: top;}
.page-intro-left{width: 360px;padding-right: 60px;}
.page-intro-left h1{font-size: 24px;margin-bottom: .5em;}
.page-intro-left h3{font-size: 16px;}
.page-intro-left p{}
.page-intro-right{width: 840px;font-size: 16px;line-height: 30px;color: #666;}
.page-intro-top{padding-bottom:30px;margin-bottom: 30px;border-bottom: 1px solid #eee;}

.page-intro-right h1{font-size: 24px;margin-bottom: .5em;color: #000; font-weight: bold; line-height: 80px;}
.page-intro-right h2{font-size: 20px;color: #000; font-weight: bold; line-height: 60px;}


.search-wrap{max-width:1000px;margin-right:auto;margin-left:auto}
.search-header h3{font-size:24px;letter-spacing:.1em;color:#000;line-height:1.5}
.search-header p{font-size:18px;line-height:1.5;color:#666;letter-spacing:.05em}
.search-header p span{color:#000}.search-item{display:block;padding:10px 20px}
.search-item h4{margin-bottom:.25em;font-size:18px;line-height:1.5;letter-spacing:.05em;color:#000}
.search-item p{color:#666;font-size:14px;line-height:1.5}
.search-item:hover{background-color:#f5f5f5}
.search-item:hover h4{color:#000}
.search-item{-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}
.search-item h4{-moz-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;transition:color .3s}

.page-club-tab{position: relative;text-align: center;background: url(../assets/images/club-link.png) no-repeat left center;}
.page-club-tab:after{content: '';position: absolute;right: 0;bottom: 0;left: 0;height: 1px;background-color: #eee;}
.page-club-tab span{margin: 0 15px;position: relative;padding: 0 3px;display: inline-block;vertical-align: top;font-size: 16px;line-height: 60px;color: #999;cursor: pointer;}
.page-club-tab span:after{content: '';position: absolute;right: 0;bottom: 0;left: 0;height: 3px;background-color: transparent;-webkit-transition: all .3s;transition: all .3s;}
.page-club-tab span:hover{color: #007efe;}
.page-club-tab span.current{color: #007efe;}
.page-club-tab span.current:after{background-color: #007efe;}
.club-arrow{position: absolute;top: 0;right: 0;height: 26px;font-size: 0;}
.club-arrow:before{content: '';position: absolute;top: 50%;left: 50%;margin: -11px 0 0 -1px;width: 2px;height: 22px;background-color: #d5d5d5;}
.club-arrow span{margin: 0 5px;display: inline-block;vertical-align: top;width: 30px;height: 26px;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.club-arrow span.slick-hidden{display: inline-block;}
.club-prev{background-image: url(../assets/images/club_prev.png);}
.club-next{background-image: url(../assets/images/club_next.png);}
.join-pdf{color: #666;font-size: 14px;line-height: 2;display: inline-block;vertical-align: top;text-decoration: underline;}
.join-pdf:hover{color: #000;}