/*base*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}


.share-width{width: 1000px; margin: 0 auto;}
.sms-main{width:100%;min-width:1000px; }
.slbox{width: 50%;}
.sl-right{padding-left: 21px;}
.sl-title{font-size: 22px; color: #3a3e3f; line-height: 30px; height: 60px;}
.sl-title img{margin-right: 8px;}
.share-box{clear: both;}
.share-title{font-size: 36px; color: #0087cd; font-weight: bold;}
.share-title span{font-size: 48px; color: #ec6500;}
ul.snsplat-list{}
ul.snsplat-list li{ float: left; margin-right: 12px; margin-bottom: 7px; width: 100px; overflow: hidden;}
ul.snsplat-list li.last{margin-right: 0;}
ul.snsplat-list li img{height: 80px; width: 80px; float: left; background: #fff;}
ul.snsplat-list li p{color: #717574; font-size: 18px; line-height: 34px; text-align: center; font-family: 'microsoft yahei'; padding-right: 10px;}

.share-qbox{clear:both;}
.s-q{font-size: 22px; color: #0087cd; margin-top: 20px; margin-bottom: 10px;}
.s-a{}
.s-a h3{font-size: 22px; color: #585b5c;}
.s-a h3 span{ font-size: 42px; color: #868989;}
.s-a p{color: #6f7273; font-size: 16px; line-height: 36px;}
.s-a h4{color: #0087cd;font-size: 22px;}
.s-i-img{text-align: center;}
.img-from{float: left; margin: 10px 24px 0 0px;}
.img-config{float: right; margin: 10px 0px 0 74px;}
hr.share-hr{height: 1px; border: none; background: #e5e5e5;margin: 28px 0 88px; }
.sharesdk-admin{}
.sharesdk-admin h3{color: #3a3e3f; font-size: 22px;}
.sharesdk-admin p{font-size: 16px; color: #585b5c;}
h3.more-plat{color: #3a3e3f; font-size: 22px;}
.download-banner{background: url("img/download-banner.jpg") center center repeat; width: 100%;min-width:1000px; height: 274px;}
.analytics-banner{background: url("img/analytics-banner.jpg") center center repeat; width: 100%; height: 274px;}
.download-intro{ padding: 63px 0 0 24px;}
.download-intro h2{color: #eaf4ff; line-height: 30px; font-size: 30px; margin-bottom:11px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); font-weight: bold; padding-left:50px;}
.download-intro p{color: #fefefe; font-size: 14px; line-height: 26px; padding-left:50px;}
.download-intro ul{padding-top: 36px;}
.download-intro ul li{float: left; line-height: 24px; font-size: 18px; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); margin-right: 35px; font-weight: bold;}
.download-intro ul li span{background-image: url("img/download-intro-icon.png"); background-repeat: no-repeat; float: left; width: 24px; height: 24px; margin: 0 auto;}
.download-intro ul li.icon1 span{}
.download-intro ul li.icon2 span{background-position: -192px center;}
.download-intro ul li.icon3 span{background-position: -420px center;}
.analytics-intro {padding-top: 43px;}
.analytics-intro ul{padding-top: 13px;}
.analytics-intro ul li{float: none; display: block; font-size: 16px; color: #fefefe; text-shadow: none; font-weight: normal; line-height: 36px;}
.analytics-intro ul li span{background-image: url("img/analytics-icon.png"); background-repeat: no-repeat; float: left; width: 20px; height: 20px; margin-right: 8px; margin-top: 8px;}
.analytics-intro ul li.icon2 span{background-position: left -37px;}
.analytics-intro ul li.icon3 span{background-position: left -73px;}
.analytics-intro ul li.icon4 span{background-position: left -109px;}

.rec-intro ul li{float: none; display: block; font-size: 18px; color: #fefefe; text-shadow: none; font-weight: normal; line-height: 48px;}
.rec-intro ul li span{background-image: url("img/rec-icon.png"); background-repeat: no-repeat; float: left; width: 20px; height: 20px; margin-right: 8px; margin-top: 14px;}
.rec-intro ul li.icon1{margin-left: 98px;}
.rec-intro ul li.icon1 span{}
.rec-intro ul li.icon2 span{background-position: 0 -53px;}
.rec-intro ul li.icon3{margin-left: 214px;}
.rec-intro ul li.icon3 span{background-position: 0 -117px;}


.download-demo{padding: 64px 32px 0 0;}
.download-demo a{display: block; background: url("img/download-demo-btn.png"); width: 263px; height: 58px; text-align: center; font-size: 20px; color: #6f95ad; margin-bottom: 20px; line-height: 56px;}
.download-demo a:hover{color: #4c84a7;}
.download-share{background: url("img/download-share-bg.png") repeat-x; height: 557px; padding-top: 30px;}
.download{margin: 0 20px 0 10px; width: 300px; float: left; margin-bottom: 20px;}

.download.last{margin-right: 20px;}
.download-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
}
.download .download-box .box {
    background: none repeat scroll 0 0 #F5F5F5;
    margin: 4px;
    padding: 0 28px 11px;
    position: relative;
}
.download-box h2 {
    color: #6c6c6c;
    font-size: 16px;
    line-height: 22px;
    margin-top: 0px;
    padding: 78px 0 0 21px;
    height: 126px;
    text-align: center;
}
.download-box .brand {
    height: 93px;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
}
.download .ios .brand {
    background: url("img/down-btn-ios.png") no-repeat scroll right top rgba(0, 0, 0, 0);
}
.download .android .brand {
    background: url("img/down-btn-android.png") no-repeat scroll right top rgba(0, 0, 0, 0);
}
.download-box .btn-block{display: block; width: 100%;text-align: center;}
.download-box .btn{
    color: #FFFFFF;
    font-size: 18px;
    margin: 0 0 10px;
    height: 36px;
    width: 235px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    line-height: 36px;
}
.download-box .btn-info {
    background: url("img/down-btn-1.png") left top;
}
.download-box .btn-success {
    background: url("img/down-btn-1.png") left bottom;
}
.download-box .btn-yellow {
    background: url("img/down-btn-2.png") left bottom;
}
.download-box .btn:hover {
    color: #ccc;
}

.download .ios h2 {
    background: url("img/down-btn-ios-icon.png") no-repeat scroll center 9px rgba(0, 0, 0, 0);
}
.download .android h2 {
    background: url("img/down-btn-android-icon.png") no-repeat scroll center 9px rgba(0, 0, 0, 0);
}
.download .ane h2 {
    background: url("img/down-btn-ane-icon.png") no-repeat scroll center 9px rgba(0, 0, 0, 0);
}
.download .u3d h2 {
    background: url("img/down-btn-u3d-icon.png") no-repeat scroll center 9px rgba(0, 0, 0, 0);
}
.download .c2d h2 {
    background: url("img/down-btn-c2d-icon.png") no-repeat scroll center 9px rgba(0, 0, 0, 0);
}
.download .javascript h2 {
    background: url("img/down-btn-javascript-icon.png") no-repeat scroll center 9px rgba(0, 0, 0, 0);
}
.analytics-cat{text-align: center; }
.analytics-cat .download-box{padding-bottom: 26px;}
.analytics-cat h2{color: #6c6c6c; font-size: 30px; line-height: 30px; padding: 19px 0 10px 0; margin: 0 10px; border-bottom: 1px solid #eeeeee; height: auto;}
.analytics-cat img{margin: 14px 0;}
.analytics-cat .btn{margin: 0 auto;}
.download-analytics{background: url("img/download-analytics-bg.png") repeat-x; height: 938px}
.download-rec{background: url("img/download-analytics-bg.png") left bottom repeat-x; height: 557px}
.download-hr{position: relative; border-top: 1px solid #dce0e2;clear: both; height: 30px; margin: 30px 30px 10px 10px;}
.download-hr span{background: #fff; padding: 0 15px; position: absolute; left: 50%; margin-left: -75px; top: -17px; font-size: 30px; color: #6c6c6c; line-height: 30px;}
.analytics-main{background: #ecf1f4; padding-top: 40px;}
.analytics-main .container{background: #fff;}
.ana-t{}
.ana-tbox{float: left; width: 33.33%; text-align: center;}
.ana-tbox h2{color: #2a2a2a; font-size: 24px; font-family: '宋体'; line-height: 24px; margin-top: 46px;}
.ana-tbox img{margin-top: 10px;}
.ana-tbox p{color: #697d9c; font-size: 14px; line-height: 24px; width: 254px; margin: 23px auto 0; text-align: left;}
.analytics-row{clear: both;}
.analytics-row h3{color: #6884a5; font-size: 32px; padding-top: 170px; padding-right: 40px;}
.analytics-row h3 span{color: #3c639a; font-size: 50px;}
.analytics-well{background: url("img/analytics_32.jpg") center top; height: 1176px;}
.aw-box{width: 372px; clear: both;}
.analytics-well .aw-1{margin: 116px 40px 0 0;}
.analytics-well .aw-2{margin: 208px 0 0 40px;}
.analytics-well .aw-3{margin: 280px 40px 0 0;}
.analytics-well p{color: #6884a5; font-size: 16px; line-height: 36px;}
.analytics-well h2{color: #3c639a; font-size: 30px; line-height: 30px; margin-bottom: 35px;}

.well-box{background: #fff;}
.well-box font.content {
    color: #63707F;
    font-size: 16px;
    line-height: 30px;
}
.well-box .record {
    background: url("img/record-video.png") no-repeat scroll 400px center rgba(0, 0, 0, 0);
    height: 350px;
    margin: 30px auto;
    width: 945px;
}
.well-box .text-record {
    clear: both;
    float: left;
    margin-top: 60px;
    width: 405px;
}
.well-box .share {
    background: url("img/share.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 520px;
    margin: 30px auto;
    width: 945px;
}
.well-box .text-share {
    clear: both;
    float: left;
    margin: 105px 0 0 290px;
    width: 280px;
}
.well-box .text-share .text-title {
    padding-right: 10px;
    text-align: right;
}
.well-box .free-flow {
    background: url("img/free-flow.png") no-repeat scroll 110px 20px rgba(0, 0, 0, 0);
    height: 570px;
    margin: 30px auto;
    width: 945px;
}
.well-box .text-flow {
    clear: both;
    float: left;
    width: 600px;
}
.text-title {
    color: #1D6291;
    font-size: 30px;
}

.rec-intro{padding-top: 41px;}
.rec-intro ul{padding-top: 10px;}


/*download*/
.col-main { margin: 0 auto;width: 950px;}
.coco-left {float: left;margin-top: 60px;width: 630px;}
.coco-left h2 {color: #333333; font-size: 40px;line-height: 50px;margin-bottom: 24px;}
.coco-left h2 span{font-family:Georgia; font-weight:bold; font-size:18px; color:#008cd6;height:50px; line-height:50px; float:right}
.coco-left h2 span b{width:22px;height:26px;display:inline-block; vertical-align:middle;margin-right:5px;margin-bottom:2px; background:url(img/ico_commen.png) no-repeat center bottom}
.coco-left h2 span em{width:22px;height:22px;display:inline-block; vertical-align:middle;margin-right:5px;margin-bottom:2px;}
.coco-left h2 img{vertical-align:middle;}

.coco-left h3 {color: #333333;font-size: 30px;line-height: 50px;margin-bottom: 10px;}
.coco-left h3 span {font-weight: normal;}
.coco-left p { color: #737373;font-size: 14px;line-height: 30px;}
.coco-left .actions { margin-top: 20px;}
.coco-left .actions a {color: #FFFFFF;float: left;font-size: 12px; height: 47px;line-height: 47px;margin-right: 16px;text-align: center; width: 180px;}
.coco-left .actions a.download { background: none repeat scroll 0 0 #008CD6;margin: 0 20px 10px 0;}
.coco-left .actions a.count{ line-height:15px;padding-top:10px; height:47px}
.coco-left .actions a.count span{font-size:12px; color:#72ccfc;}
.coco-left .actions a.guide {background: none repeat scroll 0 0 #CCCCCC;color: #0597E0;}
.coco-left .actions a.download:hover {background: none repeat scroll 0 0 #006699;text-decoration: none;}
.coco-left .actions a.guide:hover {background: none repeat scroll 0 0 #BBBBBB;text-decoration: none;}

.coco-right {float: right;}
.coco-right .ios-ph{width:308px;height:366px; background:url(img/ios_ph.jpg) no-repeat 0 0;margin-top:20px; display:inline-block; position:relative}
.coco-right .ios-ph img{ position:absolute;top:55px;left:46px;}
.coco-right .android-ph{width:308px;height:336px; background:url(img/android_ph.jpg) no-repeat 0 0;margin-top:52px; display:inline-block; position:relative}
.coco-right .android-ph img{ position:absolute;top:35px;left:43px;}
.coco-right .coco2d-ph{width:369px;height:265px; background:url(img/coco2d_ph.jpg) no-repeat 0 0;margin-top:140px; display:inline-block; position:relative}
.coco-right .coco2d-ph img{ position:absolute;top:64px;left:53px;}
.coco-right .ane-ph{width:308px;height:335px; background:url(img/ane_ph.jpg) no-repeat 0 0;margin-top:110px; display:inline-block; position:relative}
.coco-right .Unity3d-ph{width:308px;height:335px; background:url(img/Unity3d_ph.jpg) no-repeat 0 0;margin-top:170px; display:inline-block; position:relative}
.coco-right .js-ph{width:308px;height:335px; background:url(img/js_ph.jpg) no-repeat 0 0;margin-top:110px; display:inline-block; position:relative}
.coco-right .js-ph img,.coco-right .Unity3d-ph img,.coco-right .ane-ph img{ position:absolute;top:36px;left:43px;}

.share-hr-download{background: none repeat scroll 0 0 #E5E5E5;border: medium none; height: 1px;}

.box-last{margin-bottom:62px;}

.download-jump{height: 130px;}
.download-jump p{color: #333333; font-size: 18px; line-height: 36px; padding: 32px 24px 0;}
.download-jump p font{color: #777; font-size: 16px;}
.download-jump a{width: 310px; height: 80px; float: right; margin-right: 10px; margin-top: 25px;}
.download-jump a.download{background: url(img/icon-download.png)}
.download-jump a.download-analysis{background: url(img/icon-download_ana.png)}
.download-jump a.apply{background: url(img/icon-apply.png)}

/*case css*/
.case-box .box{
    width: 100%;
    padding: 50px 0 113px 0;
    float: left;
}
.blue-box{
    background: #008ad4;
}
.case-box .main-box{
    width: 1004px;
    margin: 0 auto;
}

.case-box .main-box .left{
    float: left;
    width: 170px;
    height: 495px;
    position: fixed;
}
.case-box .main-box .right{
    position: relative;
}

.case-box  .main-box .left .menu{
    width: 170px;
    height: 500px;
    float: left;
    background: url("img/menu_bg.png");
    padding: 10px;
}
.case-box .main-box .left .menu .menu-list{
    width: 148px;
    border: solid 1px #4496c3;
    float: left;
}
.case-box .main-box .left .menu .menu-list li{
    float: left;
    border-bottom: 1px solid #3c82a9;
}
.case-box .main-box .left .menu .menu-list li a{
    width: 148px;
    height: 78px;
    float: left;

    background: #eef7fc;
    text-align: center;
    color: #797979;
    cursor: pointer;
}
.case-box .main-box .left .menu .menu-list li a:hover{
    background: #008ad4;
    color: #fff;
}

.case-box .main-box .left .menu .menu-list li a.active{
    background: #008ad4;
    color: #fff;
}
.case-box .main-box .left .menu .menu-list li.last a{
    border-bottom: none;
}
.case-box .blue-box .main-box .right{
    width: 822px;
    height: 866px;
    float: right;
}

.cyan-blue-box{
    background: #15b5b4;
}

.case-box .main-box .left .cyan-blue-menu{
    width: 170px;
    height: 500px;
    float: left;
    background: url("img/menu_bg.png");
    padding: 10px;
}
.case-box .main-box .left .cyan-blue-menu .menu-list{
    width: 148px;
    border: solid 1px #50b0b0;
    float: left;
}
.case-box .main-box .left .cyan-blue-menu .menu-list li{
    float: left;
    border-bottom: 1px solid #469999;
}
.case-box .main-box .left .cyan-blue-menu .menu-list li a{
    display: block;
    width: 148px;
    height: 78px;
    float: left;

    background: #eef7fc;
    text-align: center;
    color: #797979;
    cursor: pointer;
}
.case-box .main-box .left .cyan-blue-menu .menu-list li a:hover{
    border: solid 1px #15b5b4;
    background: #15b5b4;
    color: #fff;
}
.case-box .main-box .left .cyan-blue-menu .menu-list li a.active{
    border: solid 1px #15b5b4;
    background: #15b5b4;
    color: #fff;
}
.case-box .main-box .left .cyan-blue-menu .menu-list li.last{
    border-bottom: none;
}
.case-box .cyan-blue-box  .main-box .right{
    width: 822px;
    height: 567px;
    float: right;
}

.yellow-box{
    background: #d0e197;
}

.case-box .main-box .left .yellow-menu{
    width: 173px;
    height: 500px;
    float: left;
    background: url("img/menu_bg.png") no-repeat scroll;
    padding: 10px;
}
.case-box .main-box .left .yellow-menu .menu-list{
    width: 148px;
    border: solid 1px #c1ca9e;
    float: left;
}
.case-box .main-box .left .yellow-menu .menu-list li{
    float: left;
    border-bottom: 1px solid #a8af89;
}
.case-box .main-box .left .yellow-menu .menu-list li a{
    width: 148px;
    height: 78px;
    float: left;

    background: #eef7fc;
    text-align: center;
    color: #797979;
    cursor: pointer;
}
.case-box .main-box .left .yellow-menu .menu-list li a:hover{
    border: solid 1px #d0e197;
    background: #b8cb4d;
    color: #fff;
}
.case-box .main-box .left .yellow-menu .menu-list li a.active{
    border: solid 1px #d0e197;
    background: #b8cb4d;
    color: #fff;
}
.case-box .main-box .left .yellow-menu .menu-list li.last {
    border-bottom: none;
}
.case-box .yellow-box  .main-box .right{
    width: 822px;
    height: 1058px;
    float: right;
}

.green-box{
    background: #15b26d;
}

.case-box .main-box .left .green-menu{
    width: 173px;
    height: 500px;
    float: left;
    background: url("img/menu_bg.png") no-repeat scroll;
    padding: 10px;
}
.case-box .main-box .left .green-menu .menu-list{
    width: 148px;
    border: solid 1px #4ba17b;
    float: left;
}
.case-box .main-box .left .green-menu .menu-list li{
    float: left;
    border-bottom: 1px solid #428b6b;
}
.case-box .main-box .left .green-menu .menu-list li a{
    width: 148px;
    height: 78px;
    float: left;

    background: #eef7fc;
    text-align: center;
    color: #797979;
    cursor: pointer;
}
.case-box .main-box .left .green-menu .menu-list li a:hover{
    border: solid 1px #15b26d;
    background: #15b26d;
    color: #fff;
}
.case-box .main-box .left .green-menu .menu-list li a.active{
    border: solid 1px #15b26d;
    background: #15b26d;
    color: #fff;
}
.case-box .main-box .left .green-menu .menu-list li.last {
    border-bottom: none;
}
.case-box .green-box  .main-box .right{
    width: 822px;
    height: 809px;
    float: right;
}

.green-box-02{
    background: #00807f;
}
.case-box .main-box .left .green-menu-02{
    width: 173px;
    height: 500px;
    float: left;
    background: url("img/menu_bg.png") no-repeat scroll;
    padding: 10px;
}
.case-box .main-box .left .green-menu-02 .menu-list{
    width: 148px;
    border: solid 1px #448f90;
    float: left;
}
.case-box .main-box .left .green-menu-02 .menu-list li{
    float: left;
    border-bottom: 1px solid #448f90;
}
.case-box .main-box .left .green-menu-02 .menu-list li a{
    width: 148px;
    height: 78px;
    float: left;

    background: #eef7fc;
    text-align: center;
    color: #797979;
    cursor: pointer;
}
.case-box .main-box .left .green-menu-02 .menu-list li a:hover{
    border: solid 1px #00807f;
    background: #00807f;
    color: #fff;
}
.case-box .main-box .left .green-menu-02 .menu-list li a.active{
    border: solid 1px #00807f;
    background: #00807f;
    color: #fff;
}
.case-box .main-box .left .green-menu-02 .menu-list li.last {
    border-bottom: none;
}
.case-box .green-box-02  .main-box .right{
    width: 822px;
    height: 570px;
    float: right;
}
.case-box .cyan-blue-box-02 .main-box .right{
    width: 822px;
    height: 570px;
    float: right;
}

.case-box .right .tips-box{
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
}
.case-box .right .main-tips{
    width: 20px;
    height: 20px;
    position: relative;
    display: none;
}
.tips{
    width: 207px;
    position: absolute;
    top: -125px;
    left: -42px;
}
.tips span.top{
    display: block;
    width: 207px;
    height: 12px;
    background: url("img/tips_top.png") no-repeat scroll;
    float: left;
}

.tips span.bottom{
    display: block;
    width: 207px;
    height: 37px;
    background: url("img/tips_bottom.png") no-repeat scroll;
    float: left;
}
.tips span.center{
    display: block;
    width: 207px;
    background: url("img/tips_bg.png") repeat scroll;
    float: left;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
}
.login-tips{
    top: 295px;
    left: 132px;
}

.game-tips-01{
    top: 305px;
    left: 339px;
}
.game-tips-01 .tips{
    top: -85px;
    left: -42px;
}

.game-tips-02{
    top: 205px;
    left: 423px;
}
.game-tips-02 .tips{
    top: -105px;
    left: -42px;
}

.game-tips-03{
    top: 205px;
    left: 707px;
}

.game-tips-03 .tips{
    top: -85px;
    left: -42px;
}

.game-tips-04{
    top: 446px;
    left: 143px;
}
.game-tips-04 .tips{
    top: -105px;
    left: -42px;
}

.game-tips-05{
    top: 375px;
    left: 770px;
}

.game-tips-05 .tips{
    top: -105px;
    left: -42px;
}

.game-tips-06{
    top: 541px;
    left: 746px;
}
.game-tips-06 .tips{
    top: -85px;
    left: -42px;
}

.game-tips-07{
    top: 623px;
    left: 139px;
}
.game-tips-07 .tips{
    top: -85px;
    left: -42px;
}

.game-tips-08{
    top: 729px;
    left: 330px;
}
.game-tips-08 .tips{
    top: -85px;
    left: -42px;
}
.air-tips-01{
    top: 124px;
    left: 220px;
}
.air-tips-01 .tips{
    top: -85px;
    left: -42px;
}

.air-tips-02{
    top: 240px;
    left: 508px;
}
.air-tips-02 .tips{
    top: -105px;
    left: -42px;
}
.air-tips-03{
    top: 180px;
    left: 705px;
}
.air-tips-03 .tips{
    top: -85px;
    left: -42px;
}

.air-tips-04{
    top: 270px;
    left: 600px;
}
.air-tips-04 .tips{
    top: -85px;
    left: -42px;
}

.fm-tips-01{
    top: 273px;
    left: 85px;
}
.fm-tips-01 .tips{
    top: -105px;
    left: -42px;
}


.fm-tips-02{
    top: 139px;
    left: 316px;
}
.fm-tips-02 .tips{
    top: -105px;
    left: -42px;
}


.fm-tips-03{
    top: 323px;
    left: 605px;
}
.fm-tips-03 .tips{
    top: -85px;
    left: -42px;
}

.fm-tips-04{
    top: 560px;
    left: 515px;
}
.fm-tips-04 .tips{
    top: -85px;
    left: -42px;
}
.fm-tips-05{
    top: 620px;
    left: 87px;
}
.fm-tips-05 .tips{
    top: -105px;
    left: -42px;
}

.fm-tips-06{
    top: 850px;
    left: 420px;
}
.fm-tips-06 .tips{
    top: -85px;
    left: -42px;
}

.game-tips-09{
    top: 627px;
    left: 355px;
}
.game-tips-09 .tips{
    top: -85px;
    left: -42px;
}

.game-tips-10{
    top: 587px;
    left: 770px;
}
.game-tips-10 .tips {
    top: -85px;
    left: -42px;
}

.en-tips-01{
    top: 182px;
    left: 203px;
}

.en-tips-01 .tips{
    top: -85px;
    left: -42px;
}

.en-tips-02{
    top: 172px;
    left: 290px;
}
.en-tips-02 .tips{
    top: -85px;
    left: -42px;
}

.en-tips-03{
    top: 260px;
    left: 562px;
}
.en-tips-03 .tips{
    top: -105px;
    left: -42px;
}

.en-tips-04{
    top: 358px;
    left: 612px;
}
.en-tips-04 .tips{
    top: -105px;
    left: -42px;
}

.en-tips-05{
    top: 400px;
    left: 240px;
}
.en-tips-05 .tips{
    top: -85px;
    left: -42px;
}
.en-tips-06{
    top: 385px;
    left: 55px;
}
.en-tips-06 .tips{
    top: -85px;
    left: -42px;
}

.en-tips-07{
    top: 520px;
    left: 170px;
}
.en-tips-07 .tips{
    top: -85px;
    left: -42px;
}

.threes-tips-01{
    top: 520px;
    left: 170px;
}
.threes-tips-01 .tips{
    top: -85px;
    left: -42px;
}

.threes-tips-02{
    top: 385px;
    left: 55px;
}
.threes-tips-02 .tips{
    top: -105px;
    left: -42px;
}

.threes-tips-03{
    top: 122px;
    left: 154px;
}
.threes-tips-03 .tips{
    top: -85px;
    left: -42px;
}

.threes-tips-04{
    top: 180px;
    left: 299px;
}
.threes-tips-04 .tips{
    top: -105px;
    left: -42px;
}

.threes-tips-05{
    top: 177px;
    left: 499px;
}
.threes-tips-05 .tips{
    top: -85px;
    left: -42px;
}

.threes-tips-06{
    top: 175px;
    left: 600px;
}
.threes-tips-06 .tips{
    top: -85px;
    left: -42px;
}

.threes-tips-07{
    top: 213px;
    left: 790px;
}
.threes-tips-07 .tips{
    top: -85px;
    left: -42px;
}
.threes-tips-08{
    top: 477px;
    left: 23px;
}
.threes-tips-08 .tips{
    top: -85px;
    left: -42px;
}

/*
* download lightbox
*/
.frame .down-select-box{ width: 796px;}
.down-select-box {
    background: none repeat scroll 0 0 #F8F8F8;
   /* padding: 5px 15px;*/
    width: 1010px;
}
.down-select-box .pad{
    background: #fff;
}
.down-select-box * {
    text-align: left;
}
.down-select-box .download-icon{
	width:30px;
	float:left;
    margin: 13px 0 0 25px;
}
.down-select-box h3 {
    color: #333;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    margin-top: 10px;
}
.down-select-box h3.demo-tips {
    color: #717171;
    font-weight: normal;
}
.down-select-box li {
    background: url("img/c-uncheck.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    line-height: 35px;
    margin-bottom: 15px;
    margin-right: 25px;
    position: relative;
    width: 180px;
	font-size:12px;
}
.down-select-box #ios_down li.checked span.label {
    background: url("img/ios-check.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
}

.down-select-box #Android_down li.checked span.label {
    background: url("img/android-check.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
}

.down-select-box .action .ios_unchecked{
 	background: url("img/c-uncheck.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	margin-left:15px;
    width: 160px;
	cursor: pointer;
}
.down-select-box .action .ios_checked{
 	background: url("img/ios-check.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	margin-left:15px;
    width: 160px;
	cursor: pointer;
}
.down-select-box .action .and_unchecked{
 	background: url("img/c-uncheck.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	margin-left:15px;
    width: 160px;
	cursor: pointer;
}
.down-select-box .action .and_checked{
 	background: url("img/android-check.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	margin-left:15px;
    width: 160px;
	cursor: pointer;
}
.down-select-box .action span{
 	color: #fff;
    font-size: 20px;
    line-height: 85px;
    margin-left: 25px;

}
.down-select-box .action input {
    display: none;
}
.down-select-box li * {
    vertical-align: middle;
}
.down-select-box li img {
    margin-right: 5px;
}
.down-select-box li .li-label {
    display: block;
    float: left;
    height: 35px;
    margin: 0;
    padding: 0;
}
.down-select-box li a.down_one_btn {
    background: url("img/down_one.png") no-repeat scroll center center #FFFFFF;
    border: 1px solid #127DB1;
    display: none;
    float: left;
    font-size: 0;
    height: 20px;
    top: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 9999px;
    width: 16px;
    z-index: 22;
}
.pad .share-hr-download{margin: 10px -16px;}
.down-select-box li a.down_one_btn.show {
    display: block;
}
.down-select-box li input {
    display: none;
    float: left;
}
.down-select-box li span.label {
    color: #6B6B6B;
    display: block;
    padding-left:28px;
    cursor: pointer;
    font-size: 14px;
}
.down-select-box li span.label a {
    color: #6B6B6B;
}
.down-select-box li span.label img {
    margin-top: -2px;
}
.down-select-box .plat li {
    width: 135px;
}
.down-select-box .plat li.plat-22, .down-select-box .plat li.plat-38, .down-select-box .plat li.plat-46 {
    width: 295px;
}
.down-select-box .plat li.plat-46 {
    width: 295px;
}
.down-select-box .ui li {
    position: relative;
}
.down-select-box .ui li .img_show {
    border: 2px solid #008CD6;
    border-radius: 3px;
    bottom: 50px;
    display: none;
    left: -2px;
    position: absolute;
    z-index: 9999999;
}
.down-select-box .ui li .img_show.show {
    display: block;
}
.down-select-box .ui li .img_show img {
    margin: 0;
    padding: 0;
}
.down-select-box .action{
	/*background:#3398cc;*/
	height:85px;
}
.down-select-box .action .btn-submit{
    font-family: "Microsoft YaHei";
    font-size: 18px!important;
}

.down-select-box .action .btn-submit.ios, .down-select-box .action .btn-submit.android {
    background: url("img/download-btn.png") no-repeat scroll top;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 24px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: bold;
    width: 230px;
	margin: 18px 0;
	/*float:right;*/
}
.dl-open-tips {
    color: #0000ff;
    cursor: pointer;
    font-size: 16px;;
}

.ios-ui-more, .ios-plat-more, .android-plat-more {
    display: none;
}
.others-demo {
    padding: 0 25px;
}
.down-select-box .action .btn-submit.ios:hover {
    background: url("img/download-btn.png") bottom;
}
.down-select-box .action .btn-submit.android {
    background: url("img/download-btn.png") no-repeat scroll right top rgba(0, 0, 0, 0);
}
.down-select-box .action .btn-submit.android:hover {
    background: url("img/download-btn.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
}
.down-select-box .action .down-all:hover {
    text-decoration: none;
}
.down-select-box .action .down-size{
font-size:24px; line-height:85px; color:#FFF; margin-left:18px
}
.down-select-box h3.download-w-title {
    color: #666666;
    font-size: 24px;
    line-height:54px;
    text-align:center;
    height: 54px;
    background: #fdfdfd;
    border-bottom: 1px solid #dad9d9;
}
.down-select-box .others-down div {
    float: left;
}
.down-select-box .others-comment {
    background: url("img/new.png") no-repeat scroll 72px 4px rgba(0, 0, 0, 0);
}
.download-w-intro {
    color: #615F5F;
    font-size: 12px;
}
.download-w-tips {
    font-size: 15px;
    font-weight:bold;
    color:#333;
    margin: 10px 0;
}
.download-select-main{padding: 0 25px;}
.download-w-tips p {
    color: #666666;
    line-height: 36px;
}
.download-w-tips p a {
    color: #263949;
}
.download-w-tips p a:hover {
    text-decoration: underline;
}
.hide_plat {
    display: none;
}
.show-plats-all {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #263949;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    margin: 20px 0;
    text-align: center;
}
.show-plats-all:hover {
    background: none repeat scroll 0 0 #CCCCCC;
}

/*--sms--*/
.col-box{clear: both;}
.col-box-width{width: 1000px; margin: 0 auto; position: relative;}
.smsDownload{margin:28px 0px 15px 0px;text-align: center;position:relative}
.smsDownload .text{width:100%;line-height:30px;color: #333333;font-size: 18px; }
.smsDownload .ps{ color: #777;font-size: 16px;padding:18px 0px 30px 0px;}
.smsDownload .download{ position:absolute;left:33.5%;background: url(img/icon-download.png);width: 310px; height: 80px; display:block}
.sms-main .col-box{min-height: 200px;}
.sms-main .col-box p{color: #333; font-size: 28px; line-height: 42px; text-align: center}

.sms-main .smb1{background: #f5f5f5; text-align: center; padding:28px 0;}
.sms-main .smb1 .col-img img{padding: 42px 0px 10px;background: #f5f5f5;}
.sms-main .smb2 {background:#FFFFFF;text-align:center; padding:28px 0;}
.sms-main .smb2 .col-img img{padding:20px 0px 0px 0px;background:#FFFFFF;}
.sms-main .smb3{background:#f5f5f5; text-align: center; padding:28px 0;}
.sms-main .smb3 .col-img img{padding: 28px 0 0 0;background:#f5f5f5; }
.sms-main .smb-3{background:url(img/sms-voice-bg.jpg) repeat;}
.sms-main .smb-3 .col-img img{padding:0;background:#f5f5f5; }

.sms-main .smb4 .col-box-width{ text-align: left; padding:70px 0 0 54px;}
.sms-main .smb4 p{position: absolute; top:112px; right:12px; width:540px; text-align:left}
.sms-main .smb5{background:#f5f5f5; }
.sms-main .smb5 .col-box-width{text-align: left; padding: 122px 0 0 54px;}
.sms-main .smb5 p{position: absolute; top:148px; left: 54px; width:510px; text-align:left}
.sms-main .smb6{background:#ffffff; text-align: center; padding:101px 0 0 0;}
.sms-main .smb6 .col-img img{padding-top: 70px;background:#ffffff;}
.sms-main .smb7{background:#ffffff; text-align: center; padding:72px 0 101px;}
.sms-main .smb7 .col-img img{padding: 42px 30px 0px 0px;background:#ffffff; }
.sms-main .smb7 .col-box-width{background:url(img/smb7bg.gif) repeat-x!important;width:100%!important;}
.sms-main .smb7 .col-box-width p{padding:80px 0 30px;}
.sms-main .smb8{background:#f5f5f5; text-align: center;padding:101px 0 60px;}
.sms-main .smb8 .col-img img{padding:70px 50px 0px 0px;background:#f5f5f5}
.sms-main .smb9{background:#ffffff; text-align: center; padding:101px 0 88px;}
.sms-main .smb9 .col-img img{padding-top:70px;background:#ffffff}

.sms-banner{height: 450px; background: #008dd9;}
.sms-banner .share-width{ width: 1000px;background:url(img/sms-banner-top.png) right 0px no-repeat; height: 450px;}
.sms-intro{padding: 110px 0 0 0; background:url(img/sms-banner-bottom.jpg) center bottom no-repeat; width: 1000px; margin: 0 auto; float: none; height: 340px;}
.sms-intro h2{font-size: 34px; color: #ffe45e; text-shadow: none; line-height: 34px; margin-bottom: 30px;}
p{color: #cce8f7; font-size: 14px; line-height: 26px;}
.sms-intro ul {padding-top: 63px; margin-left: -17px;}
.sms-intro ul li {font-size: 14px; color: #cce8f7; text-shadow: none; width: 95px; margin-right: 0; text-align: center; position: relative; z-index: 999;}
.sms-intro ul li span{background-image: url(img/sms-banner-icon.png); width: 62px; height: 62px; display: block; float: none; margin-bottom: 8px;}
.sms-intro ul li.icon1 span{background-position: 0px top;}
.sms-intro ul li.icon2 span{background-position: -95px top;}
.sms-intro ul li.icon3 span{background-position: -190px top;}
.sms-intro ul li.icon4 span{background-position: -285px top;}
.sms-intro ul li.icon5 span{background-position: -380px top;}
.sms-intro ul li.icon6 span{background-position: -472px top;}
.sms-intro ul li.icon7 span{background-position: -567px top;}

.sms-intro ul li.icon1 span:hover, .sms-intro ul li.icon1.active span{background-position: 0px bottom;}
.sms-intro ul li.icon2 span:hover, .sms-intro ul li.icon2.active span{background-position: -95px bottom;}
.sms-intro ul li.icon3 span:hover, .sms-intro ul li.icon3.active span{background-position: -190px bottom;}
.sms-intro ul li.icon4 span:hover, .sms-intro ul li.icon4.active span{background-position: -285px bottom;}
.sms-intro ul li.icon5 span:hover, .sms-intro ul li.icon5.active span{background-position: -380px bottom;}
.sms-intro ul li.icon6 span:hover, .sms-intro ul li.icon6.active span{background-position: -472px bottom;}
.sms-intro ul li.icon7 span:hover, .sms-intro ul li.icon7.active span{background-position: -567px bottom;}

.download-sms{background: #fff;}
.rec-main .col-box-width{ padding-top: 89px; padding-bottom: 84px;}
.rec-main .col-box{text-align: center;}
.rec-main .col-box h3{color: #333333; font-size: 30px; line-height: 30px; margin-bottom: 23px;}
.rec-main .col-box h4{color: #8c8c8c; font-size: 14px; line-height: 24px; margin-bottom: 44px;}
.rec-main .rcb1, .rec-main .rcb3{background: #f5f5f5;}
.rec-main .rcb4 .col-box-width{padding-bottom: 0;}

.rec-main .rcb2 .col-img{height: 405px;}
.rec-main .rcb3 .col-img{height: 438px;}
.rec-main .rcb4 .col-img{height: 482px;}
.rec-banner{background: #008eda url(img/rec-banner.jpg) center center repeat ; height: 450px;}
.rec-intro{padding: 90px 0 0;}
.rec-intro h2{font-size: 34px; color: #ffe45e; text-shadow: none; line-height: 34px; margin-left: 137px;}
.rec-intro ul {padding-top: 64px; position: relative;}
.rec-intro ul li {font-size: 15px; color: #cce8f7; text-shadow: none; margin-right: 33px; text-align: center; line-height: 18px; position: absolute; margin: 0;}
.rec-intro ul li span{background-image: url(img/rec-banner-icon.png); width: 34px; height: 34px; margin:0 6px 0 0;}
.rec-intro ul li.icon1{left: 124px ;top: 22px; width: 190px; text-align: left;}
.rec-intro ul li.icon2{left: 14px ;top: 112px; width: 190px; text-align: left;}
.rec-intro ul li.icon3{left: 277px ;top: 96px; width: 130px; text-align: center;}
.rec-intro ul li:hover{color: #fff;}
.rec-intro ul li.icon1 span{background-position: -37px bottom;}
.rec-intro ul li.icon2 span{background-position: 0px top;}
.rec-intro ul li.icon3 span{background-position: -76px top; display: block; float: none; margin: 8px auto;}
.rec-demo{margin: 325px 39px 0 0; padding: 0;}
.rec-demo a{background: url(img/rec-demo-btn.png); color: #fff;}
.download-rec{background: #fff;}
.analytics-banner{height: 450px; background:#008eda url("img/analytics-banner.jpg") center center no-repeat}
.analytics-intro{padding: 84px 0 0;}

.analytics-main{padding-top: 0;}
.analytics-main .rcb1 {background: #fff;}
.analytics-main .rcb2 {background: #f5f5f5;}
.analytics-main .rcb3 {background: #fff; }
.analytics-main .rcb4 {background: #f5f5f5; }
.analytics-main .rcb3 .col-box-width{padding-bottom:0;}
.analytics-main .rcb4 .col-box-width{padding-bottom:92px;}

.analytics-main .rcb1 .col-img{height: 351px;}
.analytics-main .rcb2 .col-img{height: 608px;}
.analytics-main .rcb3 .col-img{height: 337px;}
.analytics-main .rcb4 .col-img{height: 427px;}
.analytics-intro h2{font-size: 34px; color: #ffe45e; text-shadow: none; line-height: 34px; margin-left: 0; margin-bottom: 5px;}
.analytics-intro ul li{color: #cce8f7; font-size: 14px; margin-bottom: 14px;}

.analytics-demo{margin: 130px 74px 0 0; padding: 0;}
.analytics-demo a{background: url(img/rec-demo-btn.png); color: #fff;}
.analytics-advantage{}
.analytics-advantage .cb-box{float: left; width: 33.33%; background: url(img/analytics-advantage.png) right center no-repeat; padding: 80px 0 50px;}
.analytics-advantage .cb-box.cb3{background: none;}
.analytics-advantage .cb-box span{background-image: url(img/analytics-i-1.png); background-repeat: no-repeat; width: 154px; height: 154px; display: block; margin: 0 auto; margin-bottom: 42px;}
.analytics-advantage .cb2 span{background-position: -330px top;}
.analytics-advantage .cb3 span{background-position: -665px top;}
.analytics-advantage .cb-box h3{color: #333333; font-size: 24px; text-align: center; line-height: 42px; margin-bottom: 12px;}
.analytics-advantage .cb-box p{color: #8c8c8c; font-size: 14px; line-height: 28px; text-align: left; padding: 0 32px;}
.sharesdk-banner{height: 481px; background: #008dd9;}
.sharesdk-intro{height: 481px; background: none;z-index: 1970}
.sharesdk-intro p{color: #cce8f7; line-height: 28px; font-size: 14px;}
.sharesdk-main .rcb5 {background: #f5f5f5;}
.sharesdk-main .rcb6 {background: #fff;}
.sharesdk-main .rcb7 {background: #f5f5f5;}
.sharesdk-main .rcb8 {background: #fff; }

.sharesdk-main .rcb1 .col-img img{background:#f5f5f5;}
.sharesdk-main .rcb2 .col-img{height: 349px;}
.sharesdk-main .rcb3 .col-img{height: 376px;}
.sharesdk-main .rcb4 .col-img{height: 327px;}
.sharesdk-main .rcb5 .col-img{height: 326px;}
.sharesdk-main .rcb6 .col-img{height: 356px;}
.sharesdk-main .rcb7 .col-img{height: 287px;}
.sharesdk-main .rcb8 .col-img{height: 291px;}

.sharesdk-main .rcb4 .col-box-width{padding-bottom: 50px;}
.download-share{background: #fff;}
.comment-banner .share-width{background: none;}

.banner-bg{float: right; position: relative;}
.banner-bg li{display: none; position: absolute; z-index: 96;}
.banner-bg li.active{
    display: block;

}
.icon1-bg{background: url(img/sharesdk-banner-bg-1.png); width: 823px; height: 481px; right: -121px;}

.icon2-bg{background: url(img/sharesdk-banner-bg-2.png); width: 418px; height: 407px; right: 31px; top: 74px;}
.icon3-bg{background: url(img/sharesdk-banner-bg-3.png); width: 324px; height: 407px; right: 84px; top: 74px;}
.icon4-bg{background: url(img/sharesdk-banner-bg-4.png); width: 827px; height: 481px; right: -120px; top: 0px;}
.icon5-bg{background: url(img/sharesdk-banner-bg-5.png); width: 324px; height: 403px; right: 84px; top: 78px;}

.comment-main .rcb1 .col-img{height: 172px;}
.comment-main .rcb2 .col-img{height: 332px;}
.comment-main .rcb3 .col-img{height: 539px;}
.comment-main .rcb4 .col-img{height: 304px;}
.comment-main .rcb3 .col-box-width{padding-bottom: 0;}
.comment-banner{height: 481px; background: #008dd9;}
.comment-intro{height: 481px; background: none;}
.comment-banner .icon1-bg{background: url(img/comment-banner-bg-1.png); width: 567px; height: 481px; right: 31px; top: 0;}
.comment-banner .icon2-bg{background: url(img/comment-banner-bg-2.png); width: 565px; height: 481px; right: 31px; top: 0;}
.comment-banner .icon3-bg{background: url(img/comment-banner-bg-3.png); width: 565px; height: 481px; right: 31px; top: 0;}
.comment-banner .icon4-bg{background: url(img/comment-banner-bg-4.png); width: 597px; height: 481px; right: -31px; top: 0;}

.sms-banner .icon1-bg{background: url(img/sms-banner-top-icon-1.png); width: 499px; height: 450px; right: 70px; top: 0;}
.sms-banner .icon2-bg{background: url(img/sms-banner-top-icon-2.png); width: 499px; height: 450px; right: 70px; top: 0;}
.sms-banner .icon3-bg{background: url(img/cfdx1.png); width: 565px; height: 450px; right:30px; top: 0;}
.sms-banner .icon4-bg{background: url(img/ycx.png); width: 565px; height: 450px; right:30px; top: 0;}
.sms-banner .icon5-bg{background: url(img/sms-banner-top-icon-5.png); width: 499px; height: 450px; right: 70px; top: 0;}
.sms-banner .icon6-bg{background: url(img/comment-banner-bg-2.png); width: 565px; height: 450px; right: 30px; top: 0;}
 .sharesdk-intro{position: relative;}
.share-demo{position: absolute; top: 371px; padding: 0; z-index: 97;}
.share-demo a{float: left; margin: 0 80px 0 0; width: 184px; height: 44px; background: url(img/download-demo-btn-mini.png); line-height: 40px; color: #008dd9; font-size: 14px;}
.comment-main .rcb3 h3{position: absolute; top: 138px; right: 157px; width: 540px; text-align: right;}
.comment-main .rcb3 h4{position: absolute; top: 190px; right: 20px; width: 490px;}

.hadoop_log{background: url("img/hadoop_log.png"); width: 285px; height: 285px;}
.ios_log{background: url("img/ios_log.png"); width: 285px; height: 285px;}
.android_logo{background: url("img/android_logo.png"); width: 285px; height: 285px;}