/*common*/
body{position:relative;margin:0;padding:0;font-family:"Helvetica Neue","PingFang SC",Arial,Verdana,sans-serif}
.about-page,.ad-page,.analytics-page,.contact-page,.d-report-detail-page,.d-report-list-page,.datatrum-page,.devservice-page,.disclaimer-page,.foot,.iapp-page,.im-page,.im-page-back,.index-page,.section-two .content .item.ad-page,.license-page,.push-page,.report-page,.sms-page{min-width:1000px}
h1,h2,h3,h4,h5,p{margin:0;font-weight:400}
ld_3{position:absolute}
a{color:inherit;text-decoration:none;outline:0}
a img{outline:0}
img{border:0}
ul{margin:0;padding:0;list-style:none}

.fl{float:left;}
.fr{float:right;}
.clear {*zoom:1;}
.clear:before,.clear:after {content:"";display:table;}
.clear:after {clear:both;}
.space{width:10px;height:10px;}
.spacel{float:left;width:10px;height:10px;}
.spacel6{float:left;width:6px;height:6px;}

/*head*/
.header{position:fixed;top:0;right:0;left:0;z-index:999;height:60px;border-bottom:1px solid #eee;background-color:#fff;box-shadow:0 .1px .1px #000}
.header .box{margin:0 auto;width:95%;max-width:1180px}
.header .logo{float:left;margin-top:3px}
.header .menu-box{float:right}
.header .menu-box .top-li{float:left;width:66px}
.header .menu-box .denglu_p .text{display:block;margin-top:15px;color:#473e86;line-height:30px}
.header .menu-box .zhuce_p .text{display:block;margin:0 auto;margin-top:15px;width:98px;height:30px;background:#007AFF;color:#fff;text-align:center;font-size:16px;line-height:30px}


/*banner*/
.banner{position:relative;width:1200px;height:341px;margin:91px auto 40px auto;}
.banner .bg{position:absolute;top:0;left:0;z-index:1;}
.banner .ctr{position:absolute;top:80px;left:60px;z-index:10;color:#fff}
.banner .ctr h3{font-size: 36px;line-height: 46px;}
.banner #video{position:absolute;top:32px;right:60px;z-index:10;width:503px;height:251px;}

/*newsList*/
.newsList{margin:0 auto;width:1200px}
.newsList .item{display:block;border-bottom:1px solid #e1e3e5;color:#77828c;height:185px;}
.newsList .item .pic-box{float:left;overflow:hidden;width:233px;height:155px}
.newsList .item .pic-box img{width:233px;height:155px;max-width:233px;max-height:155px;vertical-align:middle;transition:transform .5s ease-in-out}
.newsList .item .right{float:left;width:915px;height:160px}
.newsList .item .right .title{padding-bottom:18px;width:100%;color:#77828c;font-size:22px;line-height:1}
.newsList .item .right .title:hover{color:#2a62ff}
.newsList .item:hover .right .title{color:#2a62ff}
.newsList .item .right .detail p{position:relative;overflow:hidden;width:100%;height:72px;color:#999;text-align:justify;text-overflow:ellipsis;font-size:14px;line-height:24px;word-break:break-all}
.newsList .item .right .btn-open{color:#999;font-size:14px}

/*分页符*/
.pager-wrapper{margin:30px 0 90px;padding-top:6px;height:32px;text-align:right;zoom:1}
.pager-wrapper li{display:inline-block;margin:0 2px;width:32px;height:32px;border:1px solid #e1e1e1;border-radius:50%;background-color:#fff;color:#3a3a3a;text-align:center;font-size:14px;line-height:32px;cursor:pointer}
.pager-wrapper li.active{border:1px solid #49996f;background-color:#54ab7d;color:#fff}
.pager-wrapper li.pager-nav img{width:9px}
.pager-wrapper .wp-pagenavi{display:inline-block;margin-top:0;color:#212326;font-size:14px;zoom:1}
.pager-wrapper .wp-pagenavi SPAN{cursor:pointer}
.pager-wrapper .wp-pagenavi{margin-top:20px;CLEAR:both}
.pager-wrapper .wp-pagenavi A{BORDER-RIGHT:#bfbfbf 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#bfbfbf 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:3px;MARGIN:2px;BORDER-LEFT:#bfbfbf 1px solid;PADDING-TOP:3px;BORDER-BOTTOM:#bfbfbf 1px solid;TEXT-DECORATION:none}
.pager-wrapper .wp-pagenavi SPAN{BORDER-RIGHT:#bfbfbf 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#bfbfbf 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:3px;MARGIN:2px;BORDER-LEFT:#bfbfbf 1px solid;PADDING-TOP:3px;BORDER-BOTTOM:#bfbfbf 1px solid;TEXT-DECORATION:none}
.pager-wrapper .wp-pagenavi A:hover{BORDER-LEFT-COLOR:#000;BORDER-BOTTOM-COLOR:#000;BORDER-TOP-COLOR:#000;BORDER-RIGHT-COLOR:#000}
.pager-wrapper .wp-pagenavi SPAN.current{BORDER-LEFT-COLOR:#000;BORDER-BOTTOM-COLOR:#000;BORDER-TOP-COLOR:#000;BORDER-RIGHT-COLOR:#000}
.pager-wrapper .wp-pagenavi SPAN.current{FONT-WEIGHT:bold}

/*红枫叶传媒短信发送平台*/
.hfy-info{height:320px;min-width:1200px;background-image:url(../images/iapp_business_bg.jpg);background-size:cover;color:#fff}
.hfy-info .center-block{position:relative;margin:0 auto;width:1000px;text-align:center}
.hfy-info .j-title-box .en{margin-bottom:0;padding-top:70px;color:#fff;font-weight:100;font-size:16px;font-family:HelveticaNeue-UltraLight,"PingFang SC",Arial,Verdana,sans-serif}
.hfy-info .j-title-box .cn{font-weight:200;font-size:32px;line-height:48px}
.hfy-info .center-block .link-list{margin:32px auto 43px auto;width:904px}
.hfy-info .center-block .link-list .item{float:left;width:226px;font-size:22px}
.hfy-info .center-block a{display:block}

/*article*/
.article{margin:0 auto;width:1200px}
.article .main-content{padding:70px 0 20px}
.article .main-content .title{margin-bottom:28px;color:#212326;font-weight:400;font-size:26px;line-height:26px}
.article .main-content .head-meta{margin-bottom:10px;color:#77828c;font-size:14px}
.article .main-content .head-meta .meta-info{float:left;height:20px}
.article .main-content .head-meta .share{float:right;margin:0;height:20px}
.article .main-content .content{padding:42px 0 20px;border-top:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6;letter-spacing:1.5px}
.article .share{margin-bottom:70px;text-align:right}
.article .share button{float:right;margin-left:12px;width:20px;height:20px}
.article .share button:nth-child(1){border:0;background:url(../images/social.png) no-repeat -18px -87px;background-position:0 -72px}
.article .share button:nth-child(2){display:none;border:0;background:url(../images/social.png) no-repeat -18px -18px}
.article .share button:nth-child(3){border:0;background:url(../images/social.png) no-repeat -130px -87px;background-position:0 -122px}
.article .share button:nth-child(4){display:none;border:0;background:url(../images/social.png) no-repeat -130px -151px}
.article .share button:nth-child(5){border:0;background:url(../images/social.png) no-repeat -73px -20px;background-position:0 -97px}
.article .share button:nth-child(3):hover{background:url(../images/social2.png) no-repeat;background-position:0 -47px}
.article .share button:nth-child(1):hover{background:url(../images/social2.png) no-repeat;background-position:0 0}
.article .share button:nth-child(5):hover{background:url(../images/social2.png) no-repeat;background-position:0 -22px}


/*footer*/
.contact-us{padding:80px 0;background:#fff;}
.contact-us h2.heading{margin:20px 0 30px 0;color:#202d40;text-align:center;font-weight:500;font-size:38px}
.contact-us .contact-wrapper{margin:0 auto;width:968px;font-size:16px;flex-wrap:wrap;justify-content:center}
.contact-us .contact-wrapper div{float:left;width:240px;color:#606c80;text-align:center;font-weight:700;line-height:31px}
.contact-us .contact-wrapper .border-left{border-left:1px solid #f5f7fa}
.contact-us .contact-wrapper .border-right{border-right:1px solid #f5f7fa}

.footer-container{padding:0!important;border-top:1px solid #dbdde4!important;background:#fff;}
.footer-container .footer{margin:0 auto;max-width:1200px;min-width:800px;background:#fff}
.footer-container .footer .us{margin:0;padding-left:0;list-style:outside none none}
.footer-container .footer .us .us-row{float:left;display:table;width:50%}
.footer-container .footer .us .us-row .us-col{float:left;display:table-cell;width:25%}
.footer-container .footer .us:after{clear:both;display:block;content:""}
.footer-container .footer .us li{float:left;width:25%}
.footer-container .footer .us h3{margin:0 0 18px;color:#323a45;text-decoration:none;font-size:18px}
.footer-container .footer .list{margin:0;padding:0;list-style:none}
.footer-container .footer .list li{width:100%;font-size:14px;line-height:38px}
.footer-container .footer .list a{color:#4f565f;text-decoration:none;font-size:14px;line-height:28px}
.footer-container .footer .list a:hover{color:#323a45}
.footer-container .tidy{background:#202d40;color:#fff}
.footer-container .tidy .tidy-content{position:relative;margin:30px auto 0!important;padding:50px 0;max-width:1200px}
.footer-container .tidy .tidy-content .logo img{position:absolute;height:60px}
.footer-container .tidy .tidy-content .info{text-align:right;font-size:12px}
.footer-container .tidy .tidy-content .info p{margin:0;height:34px;line-height:34px}
.footer-container .tidy .tidy-content .info a{color:#fff;text-decoration:none;font-size:18px}
.footer-container .tidy .tidy-content .info a:hover{color:#fff}
.footer-container .language{margin:0 auto;width:980px;height:28px;background:#fff;text-align:right}
.footer-container .language a{display:inline-block;padding:0 10px;height:28px;border-radius:2px;background-color:#dbdde4;color:#4f565f;text-decoration:none;font-size:12px;line-height:28px}
.footer-container .share .share-item{float:left;display:block;width:29%;min-width:36px}
.footer-container .footer .us .share span{width:2rem;height:2rem;border:.1rem solid #979fa8;border-radius:50%;background:#979fa8}
.footer-container .footer .us .share i{color:#fff}
.footer-container .footer .us .share .qrcode{position:relative;float:left;display:block;vertical-align:top}
.footer-container .footer .us .share .share-img{width:36px;height:36px;opacity:.8;cursor:pointer}
.footer-container .footer .us .share .share-img:hover{opacity:1}
.footer-container .footer .us .share .share-img:hover+.dropdown{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.footer-container .footer .us .share .qrcode .dropdown{position:absolute;top:-235px;left:-92px;visibility:hidden;border:1px solid #ddd;border-radius:2px;background:#fff;opacity:0;transition:all .3s ease-in-out;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
.footer-container .footer .us .share .qrcode .dropdown:after{position:absolute;top:auto;right:102px;bottom:-5px;left:auto;z-index:2;width:.6em;height:.6em;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background-color:#fff;content:"";transition:background .1s linear;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.footer-container .footer .us .share .weixin .dropdown{top:-235px}
.footer-container .footer .us .share .qqgroup .dropdown{top:-314px}
@media screen and (max-width:800px){.footer-container .footer .us .us-row{float:inherit;display:table;margin-bottom:2rem;width:100%}
.footer-container .footer .us .us-row .us-col{display:table-cell;width:50%}
.footer-container .share .share-item{display:inline-block;margin-right:.5rem}
.footer-container .tidy .tidy-content{text-align:center}
.footer-container .tidy .tidy-content .logo img{position:relative;margin-bottom:1.5rem;max-width:260px}
.footer-container .tidy .tidy-content .info{text-align:center}
}
.modalclose{position:absolute;right:-30px;cursor:pointer;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out;transition:All .4s ease-in-out}
.modalclose:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg)}




