@font-face { font-family: 'iconfont1'; src: url('images/font_1447640795_692578.eot'); src: url('images/font_1447640795_692578.eot?#iefix') format('embedded-opentype'), url('images/font_1447640795_692578.woff') format('woff'), url('images/font_1447640795_692578.ttf') format('truetype'), url('images/font_1447640795_692578.svg#iconfont') format('svg') }
.iconfont { font-family: "iconfont1" !important; font-size: 16px; font-style: normal }
@font-face { font-family: 'iconfont1'; src: url('images/font_1444469207_8986702.eot'); src: url('images/font_1444469207_8986702.eot?#iefix') format('embedded-opentype'),  url('images/font_1444469207_8986702.woff') format('woff'),  url('images/font_1444469207_8986702.ttf') format('truetype'),  url('images/font_1444469207_8986702.svg#iconfont') format('svg'); }
@keyframes monetize { from {
background:rgba(240,240,240,0.9)
}
to { background: rgba(49,153,244,0.9) }
}
@-webkit-keyframes monetize { from {
background:rgba(240,240,240,0.9)
}
to { background: rgba(49,153,244,0.9) }
}
@keyframes build { from {
background:rgba(240,240,240,0.9)
}
to { background: rgba(76,192,140,0.9) }
}
@-webkit-keyframes build { from {
background:rgba(240,240,240,0.9)
}
to { background: rgba(76,192,140,0.9) }
}
@keyframes grow { from {
background:rgba(240,240,240,0.9)
}
to { background: rgba(246,120,35,0.9) }
}
@-webkit-keyframes grow { from {
background:rgba(240,240,240,0.9)
}
to { background: rgba(246,120,35,0.9) }
}
.hr { border-bottom: 1px solid #ddd; }
.banner{height: 350px;
background-size: cover;
text-align: center;
vertical-align: middle;
background-image: url(images/albanner.jpg);margin-top: 70px;}

.container { width: 1200px; margin: 0 auto }
.btn_detail { color: #fff; width: 70px; line-height: 36px; font-size: 16px; padding: 0 20px; margin: 80px auto 0; border: 1px solid #fff; display: block }
.btn_detail:hover { background: #fff }
.btn_use { width: 140px; display: inline-block; margin: 0 auto; background: #0089cd; font-size: 16px; color: #fff; line-height: 42px; text-align: center; font-size: 14px }
.btn_use:hover, .btn_wang:hover { color: #fff }
.btn_download { width: 100px; line-height: 40px; text-align: center; display: block; margin-top: 40px; border: 1px solid #0089cd; color: #0089cd }
.btn_download:hover { color: #0089cd }
/*#header .nav ul li { line-height: 80px }
#footer .links, #footer .copyright { line-height: 1.5 }
#header { margin-bottom: 0 }
#header .wrap-inner { width: 1200px }
#header .item-inner { line-height: 80px }*/
.banner img{width: 100%; display: block; margin-top: 70px;}
.banner-kf{margin-top: 130px;}
.tab { display: block; float: left; width: 290px; height: 200px; margin: 80px 30px; color: #fff; font-size: 20px; transition: 0.3s margin }
.tab:hover { color: #fff; margin-top: 70px }
.monetize { background-color: #3199f4; margin-left: 105px }
.build { background-color: #4cc08c }
.grow { background-color: #f67823 }
.section { padding: 100px 0 }
.section_title { font-weight: normal; font-size: 48px; color: #333; margin-bottom: 60px; text-align: center }
.row_account, .row_connect { float: left; width: 50% }
.row_account .blank, .row_connect .blank { display: none }
.row_connect .function_list { margin-left: 7px }
.row_cloud { clear: both; overflow: hidden }
.function_title { font-size: 20px; color: #333; margin-bottom: 20px; margin-top: 30px }
.function_title .en { color: #999; font-size: 14px; padding: 0 5px }
.function_list li { width: 230px; height: 140px; background-color: #f0f0f0; padding: 30px; float: left; margin-left: 13px; position: relative;}
.function_list li:first-child { margin-left: 0 }
.function_list li.kuai{margin-top: 1%;margin-left: 0;}
.function_list li .item_icon { text-align: center }
.function_list li .item_icon .iconfont { font-size: 60px; color: #3199f4 }
.function_list li .item_name { margin-top: 10px }
.function_list .blank { border: 1px dashed #dcdcdc; background: #f9f9f9; width: 228px; height: 138px }
.item_name { font-size: 20px; color: #333; margin-bottom: 20px; margin-top: 20px; text-align: center }
.item_desc { line-height: 20px; text-align: center }
.item_detail { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; display: none }
.function_list li:hover .item_detail { display: block }
#monetize .item_detail { animation: monetize .7s forwards; -moz-animation: monetize .7s forwards; -webkit-animation: monetize .7s forwards; -o-animation: monetize .7s forwards }
#monetize .btn_detail:hover { color: #3199f4 }
#build .item_detail { animation: build .7s forwards; -moz-animation: build .7s forwards; -webkit-animation: build .7s forwards; -o-animation: build .7s forwards }
#build .btn_detail:hover { color: #4cc08c }
#grow .item_detail { animation: grow .7s forwards; -moz-animation: grow .7s forwards; -webkit-animation: grow .7s forwards; -o-animation: grow .7s forwards }
#grow .btn_detail:hover { color: #f67823 }
#grow { border: 0; }
.update_list { overflow: hidden }
.update_list li { width: 554px; padding-top: 18px; float: left; display: block; line-height: 18px }
.update_list li:nth-child(odd) { padding-right: 45px }
.update_list li:nth-child(even) { border-left: 1px solid #ddd; padding-left: 45px }
.update_list li:nth-child(1), .update_list li:nth-child(2) { padding-top: 0 }
.update_name { float: left; display: block; width: 434px; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.update_name:hover { color: #3199f4 }
.update_date { color: #999; float: right; line-height: 18px }
.banner_custom { height: 200px; background-image: url('images/albanner.jpg'); background-size: cover; min-width: 990px }
.custom { font-weight: normal; font-size: 48px; color: #fff; padding-top: 70px; text-align: center }
.section_custom_content { padding: 100px 20px }
.custom_title { font-size: 24px; color: #333; margin-bottom: 20px }
.custom_desc { margin-bottom: 40px; line-height: 20px }
.custom_list li { width: 76px; margin-right: 40px; text-align: center; display: inline-block; float: left; cursor: pointer }
.custom_icon { width: 76px; height: 76px; display: block; border-radius: 10px; margin-bottom: 10px }
.custom_name { color: #333; text-align: center }
.custom_popup_arrow { color: #22272c; font-size: 35px; display: none }
.custom_selected .custom_name { color: #0089cd }
.custom_selected .custom_popup_arrow { display: block }
.custom_selected .custom_popup_arrow .iconfont { font-size: 35px }
.custom_popup { background: #22272c; padding: 40px 20px; margin-top: -106px; display: none; min-width: 990px }
.custom_popup .container { position: relative }
.custom_popup ul li { display: none; }
.custom_popup ul li:after { overflow: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.custom_popup ul li.popup_selected { display: block }
.custom_popup_close { position: absolute; right: 20px; font-size: 26px; cursor: pointer; top: -30px }
.custom_info { width: 48%; float: left }
.custom_info .custom_icon { float: left; margin-left: 20px }
.custom_detail { margin-left: 116px; margin-right: 40px }
.custom_popup_name { font-size: 24px; color: #fff; margin-bottom: 10px }
.custom_popup_desc { color: #fff; line-height: 22px; margin-top: -4px; margin-bottom: 16px }
.custom_popup_hr { background: #fff; opacity: 0.1; filter: alpha(opacity=10); height: 1px; padding: 0; margin: 0; border: 0 none }
.custom_popup_intro { color: #ccc }
.custom_popup_intro_title { margin: 20px 0; font-size: 16px }
.custom_popup_intro_content { font-size: 12px; line-height: 20px; margin: -4px 0 }
.custom_screenshots { float: right; width: 52% }
.custom_sceenshot { margin-left: 20px; max-height: 330px; max-width: 195px }
.custom_reminder { background-image: url('images/ljjr-bg.jpg'); height: 300px; min-width: 990px }
.reminder_text { font-weight: normal; padding-top: 100px; padding-bottom: 40px; color: #fff; font-size: 20px; text-align: center }
.section_custom { min-width: 990px }
.btn_blue .btn_use { display: block }
.ceh { width: 75px; height: 80px; background: url('images/chua.png') no-repeat; margin: 35px auto 20px; display: block; background-size: 75px; }
.jis { width: 60px; height: 80px; background: url('images/jishu.png') no-repeat; margin: 35px auto 20px; display: block; background-size: 60px; }
.icon { background-image: url('images/cpin.png'); background-repeat: no-repeat; display: block }
.banner .icon { width: 80px; height: 80px; margin: 35px auto 20px }
.monetize .icon { background-position: -3px 12px }
.build .icon { background-position: -108px -1px }
.grow .icon { background-position: -212px 8px }
.function_list .icon { width: 40px; height: 40px; margin: 0 auto }
.container ul.zc { margin-top: 13px; }
#monetize .container ul li ul.function_list li p.item_detail:hover { background: #3199f4; }
#build .container ul li ul.function_list li p.item_detail:hover { background: #4cc08c; }
#grow .container ul li ul.function_list li p.item_detail:hover { background: #f67823; }
.function_list li .item_icon img{width: 52px!important;margin: 19px 0;}
 .dt{font-size: 18px!important;}

    .p_dt{margin-bottom: 10px;width: 60%!important;overflow: hidden;font-size: 16px;}
    .span_dt{width: 25%!important;margin-bottom: 10px;font-size: 12px!important;}
    .function_title{padding-left: 3%;}
    .callme{font-size: 18px;font-weight: 600;}

@media(max-width: 1199px){
    #page{ width: 300px; }
    #content,.div1{width: 300px;}
    #secondary{display:none}
    #access{width: 330px;} 
    #access a {padding-right:10px;padding-left:10px}
    #access a img{display:none}#rss{display:none}
    #branding #s{display:none}
    #access ul ul a{width:100px}
    /*#header .wrap-inner{width: 100%;}*/
    .row_account1{width: 100%;}
    .two{width: 100%;}
    .container{width: 100%;}
    .tab{width: 29%;margin: 7% 2%;}
    .monetize{width: 29%;margin: 7% 2%;}
    .function_list li{width: 50%; margin:0!important;margin-top: 1%;box-sizing:border-box;padding: 0 10px;border: 10px solid #fff;height: auto;}
    .function_list li:first-child{margin-left: 1%;}
    .yun{margin-top: 10px;}
    .navbar{background: rgba(255,255,255,.7);}
    /*.banner{margin-top: 50px;}*/
}

@media(max-width: 1024px) {
  .banner img{margin-top: 60px;}
}

@media(max-width: 767px){
    .banner{height: auto;}
    .row_connect, .function_list{margin-left: 0!important;}
    .container{width: 100%;margin-top: 30px;}
    /* .banner{zoom: 50%;margin-top: 148px;} */
    .tab{width: 29%;margin: 9% 2%;}
    .tab span{font-size: 16px;}
    .monetize{width: 30%;margin: 9% 2%;}
    .section{padding-bottom: 0;padding: 0;}
    .section_title{font-size: 30px;margin-bottom: 5%;}
    .function_list li{width: 29%;padding: 10px;margin-left: 10px;margin-top:10px;}
    .row_account, .two, .three{width: 100%!important;}
    .function_list li:first-child{width: 48%;margin: 1% 1%;}
    .first{width: 100%!important;}
    .container ul li{width: 48%;box-sizing: border-box;}

    .function_list li{margin: 1% 1%;}
    .function_title{margin-bottom: 0;}
    .hr{border-bottom: 0;}
    .section_title1{margin-bottom: -5%;}
    .function_list li .item_name{margin-top: 0;font-size: 16px;}
}

@media screen and (max-width:600px){
  .banner img{margin-top: 118px;}
  .wrap{margin-top: 0px !important;}
  .block-sel-form{margin-top: 0 !important; margin-bottom: 5px !important;}
}
@media(max-width: 375px){
    /* .banner{margin-top: 134px;} */
}
@media(max-width: 350px){
    /* .banner{margin-top: 120px;} */
}