@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'CenturyGothicRegular';
src:url('../fonts/CenturyGothic.eot');
src:local('CenturyGothic Regular'),
local('CenturyGothic'),
url('../fonts/CenturyGothic.woff') format('woff'),
url('../fonts/CenturyGothic.ttf') format('truetype'),
url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');}

*{}
div{ display:block;}
html, body{ width:100%; height:100%; margin:0 auto;}
body { background-color:#f2f2f2; font-size:14px; font-family:Century Gothic, '微软雅黑'; color:#323871; line-height:1.8;}
i,em,p,span,ul,li,h1,h2,h3,h4,h5,h6{ font-style:normal; list-style:none; margin:0; padding:0; outline:none; cursor:default;}
a:hover,a:link,a:visited,a:active{ text-decoration:none;}
a i, a em{ cursor:pointer;}

.bgimg-dark::before { content:''; display:block !important; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35);}
.bgimg-cover{ background-color:transparent !important; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-contain{ background-color:transparent !important; background-size:contain !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-auto{ background-color:transparent !important; background-size:auto !important; background-position:50% 50% !important; background-repeat:repeat !important;}
.bgimg-center{ background-color:transparent !important; background-size:auto !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-fixed{ background-color:transparent !important; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important; background-attachment:fixed !important;}
.bgimg-white::before{ content:''; display:block !important; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.35);}

.f64{ font-size:64px !important; line-height:1.4;}
.f56{ font-size:56px !important; line-height:1.4;}
.f48{ font-size:48px !important; line-height:1.4;}
.f42{ font-size:42px !important; line-height:1.4;}
.f36{ font-size:36px !important; line-height:1.4;}
.f32{ font-size:32px !important; line-height:1.4;}
.f28{ font-size:28px !important; line-height:1.4;}
.f26{ font-size:26px !important; line-height:1.4;}
.f24{ font-size:24px !important; line-height:1.6;}
.f22{ font-size:22px !important; line-height:1.6;}
.f20{ font-size:20px !important; line-height:1.6;}
.f18{ font-size:18px !important; line-height:1.8;}
.f16{ font-size:16px !important; line-height:1.8;}
.f15{ font-size:15px !important; line-height:1.8;}
.f14{ font-size:14px !important; line-height:1.8;}
.f13{ font-size:13px !important; line-height:1.8;}
.f12{ font-size:12px !important; line-height:1.8;}
.tt-large{ font-size:42px !important; line-height:1.4;}
.tt-mid{ font-size:32px !important; line-height:1.4;}
.tt-sm{ font-size:26px !important; line-height:1.4;}
.tt-xs{ font-size:22px !important; line-height:1.6;}
.top-ttlarge{ font-size:64px !important; line-height:1.2; color:#ffffff;}
.top-ttsm{ font-size:18px !important; line-height:1.8; color:#ffffff;}

.f-red{ color:#ff6a6a !important;}
.f-blue{ color:#4e87ff !important;}
.f-lblue{ color:#2dc0e8 !important;}
.f-gray{ color:#cccccc !important;}
.f-lgray{ color:#7e8290 !important;}
.f-white{ color:#ffffff !important;}
.f-green{ color:#7dd79a !important;}
.f-lgreen{ color:#00d097 !important;}
.f-yellow{ color:#ffce00 !important;}
.f-lyellow{ color:#ff7a59 !important;}
.f-purple{ color:#f30069 !important;}
.f-black{ color:#373b4a !important;}
.f-lblack{ color:#7e8290 !important;}
.f-dpurple1{ color:#ad519e !important;}
.f-dpurple2{ color:#4e448d !important;}

.mt0{ margin-top:0 !important;}
.mt2{ margin-top:2px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;}
.mt45{ margin-top:45px !important;}
.mt50{ margin-top:50px !important;}
.mt80{ margin-top:80px !important;}

.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml35{ margin-left:35px !important;}
.ml40{ margin-left:40px !important;}
.ml45{ margin-left:45px !important;}
.ml50{ margin-left:50px !important;}

.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30{ margin-right:30px !important;}
.mr35{ margin-right:35px !important;}
.mr40{ margin-right:40px !important;}
.mr45{ margin-right:45px !important;}
.mr50{ margin-right:50px !important;}

.mb0{ margin-bottom:0 !important;}
.mb2{ margin-bottom:2px !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;}
.mb45{ margin-bottom:45px !important;}
.mb50{ margin-bottom:50px !important;}
.mb80{ margin-bottom:80px !important;}
.mb100{ margin-bottom:100px !important;}
.mb140{ margin-bottom:140px !important;}

.text-left{ text-align:left !important;}
.text-center{ text-align:center !important;}
.text-right{ text-align:right !important;}
.f-bold{ font-weight:bold !important;}
.f-nbold{ font-weight:normal !important;}
.b-none{ border:none !important;}
.ptb-none{ padding-top:0 !important; padding-bottom:0 !important;}
.tt-large{ width:100%; float:left; text-align:center; font-size:42px; line-height:1.4;}
.tt-xs{ width:100%; float:left; text-align:center; font-size:20px;}
.bg-gray{ background:#e1e1e1 !important;}
.bg-lgray{ background:#f9f9f9 !important;}
.bg-white{ background:#ffffff !important;}
.bg-yellow{ background:#ff8737 !important;}
.bg-purple{ background:#f30069 !important;}
.mtb50{ margin-top:50px; margin-bottom:50px;}
.mtb80{ margin-top:80px; margin-bottom:80px;}
.imgfull{ width:100%;}
.imgbox{ width:100%; float:left; background:#ffffff; padding:20px 10px; box-shadow:3px 5px 15px rgba(0,0,0,.05);}
.w-100{ width:100%; float:left;}

.table-bordered th{ background:#7e8290; color:#ffffff; border-bottom:0 !important; text-align:center; font-size:16px; padding:12px 0 !important;}
.table-bordered td{ text-align:center; font-size:14px; border-color:#aaaaaa !important; padding:8px 0 !important;}

.full-block{ width:100%; float:left;}
.full-box{ width:100%; max-width:1200px; margin:0 auto;}
.full-inner{ width:100%; float:left;}
.full-inner span{ width:100%; float:left;}

.cols-inner{ width:100%; float:left; background:#ffffff; padding:25px 30px;}
.cols-inner2{ width:100%; float:left;}
.cols-inner span, .cols-inner2 span{ width:100%; float:left; text-align:left;}
.cols-innertt{ width:100%; float:left; margin-bottom:20px;}
.cols-innertt span.first{ width:100px; float:left;}
.cols-innertt span.first i{ font-size:80px; line-height:80px;}
.cols-innertt span.last{ width:100%; float:left; max-width:170px;}
.cols-innertt span.last em{ width:100%; float:left;}

.header{ width:100%; height:100%; background:url(../images/topic1.jpg) no-repeat center top; display:table; vertical-align:middle;}
.topic { width:100%; display:table-cell; vertical-align:middle; text-align:center; padding:0 5%;}
.topic span{ width:100%; float:left; text-align:center;}
.topic span img{ width:100%; max-width:580px;}

.footer{ width:100%; height:100%; background:url(../images/topic.jpg) no-repeat center top; display:table; vertical-align:middle;}
.footer-box { width:100%; display:table-cell; vertical-align:middle; text-align:center; padding:0 5%;}
.footer-box span{ width:100%; float:left; text-align:center;}
.footer-box span img.sty1{ width:100%; max-width:280px;}
.footer-box span img.sty2{ width:100%; max-width:200px;}

.bg-content1{ background:url(../images/topic.jpg) no-repeat center top;}
.bg-content2{ background:url(../images/topic2.jpg) repeat center top;}
.bg-black1{ background:linear-gradient(45deg, rgba(0,0,0,.5) 0%, rgba(253,73,134,.4) 100%);}
.bg-black2{ background:linear-gradient(45deg, rgba(253,73,134,.85) 0%, rgba(0,0,0,.85) 100%);}
.bg-black3{ background:linear-gradient(45deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.7) 100%);}

.data-inner{ position:relative; width:100%; float:left;}
.ranking-box{ width:100%; float:left;}
.ranking-box li{ width:20%; float:left; line-height:30px; font-size:14px; padding:45px 0; background:rgba(255,255,255,1); color:#7e8290; text-align:center; box-shadow:3px 5px 15px rgba(0,0,0,.05);}
.ranking-box li.sty1{ background:rgba(255,255,255,.3);}
.ranking-box li.first{ background:#b04d9d; color:#ffffff;}
.ranking-box li em{ font-size:30px; line-height:35px; font-family:Century Gothic, '微软雅黑';}
.report-line{ position:relative; width:100%; float:left; padding:5px 0;}
.report-line i.line{ position:absolute; width:1px; background:#e1e1e1; top:0; bottom:0;}
.report-line em.number{ position:absolute; font-size:12px; bottom:-25px; color:#aaaaaa; width:44px; text-align:center; margin-left:-22px;}
.report-linebox{ position:relative; width:100%; float:left; margin-bottom:8px;}
.report-linebox span.first{ width:10%; font-size:12px; text-align:right; line-height:12px; padding-right:5px; color:#aaaaaa;}
.report-linebox span.last{ position:absolute; width:auto !important; left:10%; right:0; height:12px;}
.report-linebox span.last em{ width:100%; float:left;}
.report-linebox span.last em i{ height:6px; float:left;}
.report-linebox span.last em.sty1 i{ background:#ad519e;}
.report-linebox span.last em.sty2 i{ background:#4e448d;}

.white-btn{ text-align:center;}
.white-btn a{ display:inline-block; padding:10px 25px; background:#ad519e; font-size:20px; border-radius:30px; color:#ffffff; opacity:.9; transition:all 0.2s;}
.white-btn a:hover{ box-shadow:3px 5px 15px rgba(0,0,0,.1); padding:10px 35px; letter-spacing:1.5px; opacity:1;}

@media screen and (max-width:767px){
.mtb80{ margin-top:40px; margin-bottom:40px;}
.mb100{ margin-bottom:50px !important;}
.tt-large{ font-size:32px !important;}
.tt-mid{ font-size:24px !important;}
.tt-sm{ font-size:20px !important;}
.tt-xs{ font-size:18px !important;}
.mtnone{ margin-top:0 !important;}
.ranking-box li{ width:50%; padding:20px 0;}
.ranking-box li.sty2{ background:rgba(255,255,255,1);}
.ranking-box li.sty3{ background:rgba(255,255,255,.3);}
.top-ttlarge{ font-size:36px !important; line-height:1.2; color:#ffffff;}
.top-ttsm{ font-size:16px !important; line-height:1.8; color:#ffffff;}
}