.bd-cloud-content{
    width:1200px;
    margin:0 auto;
    *zoom:1;
    padding:7px 0;
    position:relative;
}

.bd-cloud-blank{
    height:45px;
}

.bd-cloud-content .username{
    color:#2AA8E2;
    margin-left:5px;
}

.bd-clout-user-nav-item a:hover{
    color:#2AA8E2;
}

.bd-cloud-content-inside{
    width:1240px !important;
}

.bd-cloud-content a{
    text-decoration:none;
    color:#FFFFFF;
}

.bd-cloud-content:before,.bd-cloud-content:after{
    display:table;
    content:"";
    line-height:0;
}

.bd-cloud-content:after{
    clear:both;
}

/*topbar*/.bd-cloud-topbar{
    position:fixed;
    width:100%;
    z-index:199;
    margin:0;
    padding:0;
    min-width:1200px;
    background-color:#1E1D27;
    font-size:14px !important;
    font-family:"Microsoft Yahei","微软雅黑",Arial,STHeiti,Tahoma,Helvetica;
    line-height:45px;
    height:45px;
    color:#FFFFFF;
    right:0;
    top:0;
}

.bd-cloud-topbar .hide{
    display:none;
}

.bd-cloud-topbar .clearfix{
    zoom:1;
}

.bd-cloud-topbar .uname{
    position:relative;
    top:-12px;
    left:12px;
}

.bd-cloud-topbar .uname:hover{
    cursor:pointer;
}

.bd-cloud-topbar .clearfix .clearfix:after{
    content:'\20';
    display:block;
    height:0;
    clear:both;
}

.bd-cloud-content-inside .bd-cloud-topbar{
    min-width:1200px;
}

.bd-cloud-topbar-logo,.bd-cloud-apps-nav,.bd-cloud-shortcut-nav{
    float:left;
}

/*导航右侧*/.bd-clout-user-nav{
    float:right;
    margin:0;
    padding:0;
    list-style:none;
}

.bd-clout-user-nav-item{
    line-height:30px;
    float:left;
    margin:0;
    height:30px;
    padding:0 23px;
}

.bd-clout-user-nav-item:first-child{
    padding-left:0;
    background:none;
    border-left:none;
}

.bd-clout-user-nav-item{
    border-left:solid 1px #2F2E3D;
}

.bd-clout-user-nav-link{
    display:inline-block;
    /*padding:0 12px;
    */color:#FFFFFF!important;
}

.bd-clout-user-nav-num{
    display:inline-block;
    margin:0 0 0 8px;
    padding:2px 5px;
    background:#c00;
    border-radius:2px;
    font-style:normal;
    line-height:1;
    color:#fff!important;
}

/* 1.下拉菜单*/.bd-cloud-dropdown{
    position:relative;
}

.bd-clout-user-nav-item .userimg{
    width:32px;
    height:32px;
    border-radius:100%;
}

.bd-clout-user-nav-item .headimg{
    border:0;
    width:32px;
    height:32px;
    border-radius:100%;
    border:rgba(255,255,255,.1) solid 1px;
}

.bd-cloud-dropdown-name{
    display:inline-block;
}

.bd-cloud-dropdown-menu{
    display:none;
    position:absolute;
    top:36px;
    right:0px;
    min-width:100%;
    background-color:#1E1D27;
    list-style:none;
    white-space:nowrap;
    line-height:32px;
    color:#FFFFFF;
    font-size:14px;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
}

.bd-cloud-dropdown-item{
    margin:12px 0;
    line-height:34px;
}

.bd-cloud-dropdown-open .bd-cloud-dropdown-menu{
    display:block;
}

.idropdown,.iusercontent,.iuserout{
    display:inline-block;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/user-logo_3cdeefbb.png);
}

.iusercontent,.iuserout{
    width:24px;
    height:24px;
    position:relative;
    top:8px;
    margin-left:30px;
    margin-right:17px;
}

.iusercontent{
    background-position:0 0;
}

.iuserout{
    background-position:-25px 0;
}

.idropdown{
    width:8px;
    height:8px;
    background-position:0 -25px;
    position:relative;
    margin-left:10px;
    margin-right:5px;
}

/*主导航*/.bd-cloud-navbar{
    position:relative;
    z-index:198;
    margin:0;
    padding:0;
    min-width:990px;
    background:#f8f8f8;
    border-top:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
    font-family:'微软雅黑' !important;
    font-size:18px!important;
    color:#333;
    height:50px;
    line-height:50px;
}

.bd-cloud-content-inside .bd-cloud-navbar{
    min-width:1240px;
}

.bd-cloud-navbar .bd-cloud-content{
    background:#f8f8f8;
}

.bd-cloud-navbar .bd-cloud-logo{
    margin-top:7px;
    margin-left:12px;
    background-position:0 0;
}

.bd-cloud-sub-title{
    float:left;
}

.bd-cloud-sub-title a,.bd-cloud-sub-title a:visited,.bd-cloud-sub-title a:hover,.bd-cloud-sub-title a:focus,.bd-cloud-sub-title a:active{
    color:#333 !important;
    text-decoration:none;
    outline:none;
}

.bd-cloud-sub-sep{
    float:left;
    margin:0 10px;
    font-weight:bold;
}

.bd-cloud-nav{
    float:right;
    margin:0;
    padding:0;
    list-style:none;
}

.bd-cloud-nav-item{
    float:left;
    margin:0;
    padding:0;
    line-height:50px;
}

.bd-cloud-nav-item-split{
    border-left:1px solid #ccc;
}

.bd-cloud-nav-link{
    margin:0 20px;
    color:#333!important;
    background:none!important;
    line-height:50px;
}

.bd-cloud-nav-link:visited,.bd-cloud-nav-link:hover,.bd-cloud-nav-link:focus,.bd-cloud-nav-link:active{
    text-decoration:none;
    outline:none;
}

.bd-cloud-nav-item-current .bd-cloud-nav-link{
    color:#06c!important;
}

.bd-cloud-nav-item:last-child .bd-cloud-nav-link{
    margin-right:12px;
}

.bd-cloud-navbar-small{
    font-size:16px!important;
}

.bd-cloud-navbar-small .bd-cloud-nav-link{
    margin:0 15px;
}

.head{
    height:65px;
    margin-top:60px;
}

.head.head-hide{
    display:none;
}

.head-info{
    width:1200px;
    height:80px;
    margin:0 auto;
    padding:0 0 15px 30px;
}

.head .qinglogo{
    float:left;
    width:190px;
    height:80px;
    color:#333333;
    display:inline-block;
    background:url(../imagesLocal/outlogo.png) no-repeat;
}

.head .menu-list{
    float:right;
    margin-top:12px;
}

.menu-list .item,.menu-list .item-zhida{
    font-size:18px;
    display:inline-block;
    margin-right:50px;
    cursor:pointer;
    color:#535353;
}

.menu-list a:hover{
    color:#FF5D43;
}

.menu-list .current{
    text-decoration:none;
    border-bottom:2px solid #e0523d;
    padding-bottom:24px;
    color:#FF5D43;
}

.bd-cloud-topbar .logo-direct{
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/logo_direct_da7d0654.png) no-repeat;
    display:block;
    width:77px;
    height:77px;
    text-indent:-9999em;
    box-shadow:0 4px 1px rgba(0,0,0,.12);
    position:absolute;
    left:38px;
    top:0;
}

.bd-cloud-topbar .logo-direct.inner{
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/logo_zhida_inner_44b9c67e.png) no-repeat;
    width:113px;
    height:45px;
    box-shadow:none;
}

.bd-cloud-topbar .logo-service.inner{
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/logo_zhida_service_fa95d52d.png) no-repeat 0 -61px;
    width:185px;
}

.bd-cloud-topbar .logo-qing{
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/logo-qing_1be779e9.png) no-repeat;
    width:113px;
    height:45px;
    background-position:left center;
    position:absolute;
    top:0;
    left:0;
    text-indent:-9999em;
}

.bd-cloud-topbar .msg-ico{
    background:#c00;
    border-radius:3px;
    padding:0 6px;
    line-height:30px;
    color:#fff;
}

.bd-cloud-topbar .msg-ico:hover{
    color:#fff;
}

/* 最近应用 */.bd-cloud-apps-nav{
    margin-left:170px;
    margin-top:-7px;
    position:relative;
    float:left;
    padding:0 20px;
    border-left:1px solid #444;
}

.bd-cloud-apps-nav .bd-cloud-dropdown-ico{
    display:inline-block;
    width:8px;
    height:6px;
    overflow:hidden;
    line-height:0;
    font-size:0;
    padding-left:5px;
}

.bd-cloud-apps-nav .bd-cloud-dropdown-ico .arrow{
    width:0;
    height:0;
    border-width:4px 4px 0 4px;
    border-color:#fff transparent transparent transparent;
    border-style:solid dashed dashed dashed;
    display:block;
}

.bd-cloud-apps-list{
    width:470px;
    left:-1px;
    right:auto;
    position:absolute;
    background:#fff;
    display:none;
    top:100%;
    margin:0;
    padding:20px;
    min-width:100%;
    background:#fff;
    border:1px solid #ccc;
    border-top:0;
    list-style:none;
    white-space:nowrap;
    line-height:16px;
    box-shadow:4px 4px 4px #B2B2B2;
}

.bd-cloud-apps-list li{
    float:left;
    overflow:hidden;
    padding:10px;
    width:215px;
}

.bd-cloud-apps-list li:hover{
    background-color:#f3f9ff;
}

.bd-cloud-apps-list li figure{
    float:left;
    padding:0;
    margin:0;
    line-height:16px;
}

.bd-cloud-apps-list li img{
    max-height:40px;
    max-width:40px;
    border:none;
}

.bd-cloud-apps-list div{
    font-size:14px;
    height:16px;
    line-height:16px;
    font-weight:bold;
    margin-left:60px;
    display:block;
    color:#06C;
}

.bd-cloud-apps-list div b{
    max-width:80px;
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.bd-cloud-apps-list div span{
    color:#AE4A4A;
    vertical-align:top;
}

.bd-cloud-apps-list time{
    color:#999;
    display:block;
    margin-left:60px;
    margin-top:10px;
    font-size:12px;
    height:14px;
    line-height:14px;
}

.bd-cloud-dropdown-open.bd-cloud-apps-nav{
    background:#fff;
    color:#333333;
}

.bd-cloud-dropdown-open .bd-cloud-dropdown-menu,.bd-cloud-dropdown-open .bd-cloud-dropdown-content{
    display:block;
}

.bd-cloud-dropdown-open.bd-cloud-apps-nav .bd-cloud-dropdown-ico .arrow{
    border-color:#333 transparent transparent transparent;
}

.bd-cloud-footer{
    margin-top: 30px;
    color:#8F97A6;
    width:100%;
    height:100px;
    padding-top:20px;
    font-size:12px;
    background-color:#1E1D27;
    min-width:1200px;
}



.bd-cloud-footer a{
    color:#8F97A6;
}

.bd-cloud-footer .bd-cloud-footer-wrapper{
    width:1200px;
    margin:0 auto;
    position:relative;
    top:20px;
    text-align:center;
}

.bd-cloud-footer .f-right{
    font-family:arial;
    padding-bottom:20px;
    color:#999;
    float:right;
}

.bd-cloud-footer .f-right a{
    display:inline-block;
    line-height:15px;
    margin-left:20px;
    padding-left:22px;
    background-image:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/footer_4beccf6c.png);
    background-repeat:no-repeat;
}

.bd-cloud-footer a.a-dev{
    background-position:0 0;
}

.bd-cloud-footer a.a-mail{
    background-position:0 -29px;
}

.bd-cloud-footer a.a-qa{
    background-position:0 -60px;
}

.bd-cloud-footer-sel{
    float:right;
    clear:both;
    margin-top:-7px;
    position:relative;
    margin-right:75px;
}

.bd-cloud-footer-sel-btn{
    color:#666;
    border:solid 1px #7C8594;
    padding:0 0 0 10px;
    width:130px;
    text-align:left;
    height:24px;
    line-height:24px;
    cursor:pointer;
    background-color:#1E1D27;
}

.ifooter{
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/footer_4beccf6c.png) no-repeat;
    background-position:0 -79px;
    display:inline-block;
    width:13px;
    height:15px;
    position:relative;
    left:115px;
}

.bd-cloud-footer-sel-link{
    position:absolute;
    left:13px;
    top:23px;
    display:block;
    padding:0 0 0 10px;
    width:118px;
    border:solid 1px #999;
    border-top:none;
    height:24px;
    line-height:24px;
    display:none;
}

.mod-home-content{
    background-color:#FFF;
    min-width:1200px
}

.mod-home-content .h-font{
    font-size:36px;
    text-align:center;
    color:#2F2F2F;
    line-height:36px;
    margin-top:42px;
    margin-bottom:40px
}

.mod-home-content .advantage-bg,.mod-home-content .case-all-info,.mod-home-content .case-info-bg,.mod-home-content .factory-bg,.mod-home-content .program-bg{
    width:100%;
    border-bottom:solid 1px #EDEDED
}

.mod-home-content .banner{
    height:380px
}

.mod-home-content .head-bg .createbtn:hover{
    background-color:rgba(255,255,255,.1)
}

.mod-home-content .head-bg .btn-bg{
    position:absolute;
    padding-top:274px;
    top:0;
    left:0;
    width:100%;
    height:45px;
    text-align:center;
    font-size:0;
    z-index:100;
    min-width:1200px
}

.mod-home-content .head-bg .btn-bg .bt-wrapper{
    width:230px;
    height:64px;
    margin:0 auto;
    overflow:hidden;
    position:relative
}

.mod-home-content .head-bg .createbtn{
    font-size:24px;
    color:#FFF;
    text-align:center;
    width:212px;
    height:46px;
    border:1px solid #FFF;
    box-shadow:0 0 2px rgba(255,255,255,.3);
    border-radius:25px;
    line-height:46px;
    cursor:pointer;
    top:8px;
    position:relative;
    display:block;
    margin:0 auto
}

.mod-home-content .head-bg .bt-wrapper .l-c{
    height:64px;
    width:31px;
    overflow:hidden;
    position:absolute;
    left:0;
    top:0
}

.mod-home-content .head-bg .bt-wrapper .l-c::after{
    content:'\20';
    width:63px;
    height:63px;
    position:absolute;
    top:1px;
    left:0;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/bg_c_left_748296c8.png) no-repeat;
    -webkit-transform:rotate(-118deg);
    -moz-transform:rotate(-118deg);
    -o-transform:rotate(-118deg);
    transform:rotate(-118deg);
    -webkit-animation:routateL 6s linear infinite;
    -moz-animation:routateL 6s linear infinite;
    -o-animation:routateL 6s linear infinite;
    animation:routateL 6s linear infinite
}

.mod-home-content .head-bg .bt-wrapper .r-c{
    height:64px;
    width:31px;
    overflow:hidden;
    position:absolute;
    top:0;
    right:0
}

.mod-home-content .head-bg .bt-wrapper .r-c::after{
    content:'\20';
    width:62px;
    height:63px;
    position:absolute;
    top:0;
    right:0;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/bg_c_left_748296c8.png) no-repeat;
    -webkit-transform:rotate(62deg);
    -moz-transform:rotate(62deg);
    -o-transform:rotate(62deg);
    transform:rotate(62deg);
    -webkit-animation:routateR 6s linear infinite;
    -moz-animation:routateR 6s linear infinite;
    -o-animation:routateR 6s linear infinite;
    animation:routateR 6s linear infinite
}

.mod-home-content .head-bg .bt-wrapper .line-body{
    height:64px;
    width:168px;
    left:31px;
    position:absolute;
    top:0;
    overflow:hidden
}

.mod-home-content .head-bg .bt-wrapper .line-body::after{
    content:'\20';
    height:64px;
    width:64px;
    position:absolute;
    top:0;
    left:-56px;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/bg_c_left_748296c8.png) 0 -63px no-repeat;
    -webkit-animation:lineFollow 6s linear infinite;
    -moz-animation:lineFollow 6s linear infinite;
    -o-animation:lineFollow 6s linear infinite;
    animation:lineFollow 6s linear infinite
}

@-webkit-keyframes routateL{
    0%,65%{
    -webkit-transform:rotate(-118deg)
}

85%{
    -webkit-transform:rotate(60deg)
}

100%{
    -webkit-transform:rotate(242deg)
}

}@-webkit-keyframes routateR{
    0%,15%{
    -webkit-transform:rotate(62deg)
}

20%{
    -webkit-transform:rotate(103deg)
}

35%{
    -webkit-transform:rotate(245deg)
}

40%{
    -webkit-transform:rotate(365deg)
}

100%,85%{
    -webkit-transform:rotate(422deg)
}

}@-webkit-keyframes lineFollow{
    0%{
    left:27px;
    -webkit-transform:rotate(0)
}

15%{
    left:110px;
    -webkit-transform:rotate(0)
}

20%{
    left:129px;
    -webkit-transform:rotate(0)
}

23%{
    left:159px;
    -webkit-transform:rotate(0)
}

25%,35%{
    left:159px;
    -webkit-transform:rotate(180deg)
}

65%{
    left:-9px;
    -webkit-transform:rotate(180deg)
}

70%{
    left:-30px;
    -webkit-transform:rotate(180deg)
}

72%{
    left:-90px;
    -webkit-transform:rotate(180deg)
}

75%{
    left:-90px;
    -webkit-transform:rotate(0)
}

85%{
    left:-57px;
    -webkit-transform:rotate(0)
}

100%{
    left:27px;
    -webkit-transform:rotate(0)
}

}@-moz-keyframes routateL{
    0%,65%{
    -moz-transform:rotate(-118deg)
}

85%{
    -moz-transform:rotate(60deg)
}

100%{
    -moz-transform:rotate(242deg)
}

}@-moz-keyframes routateR{
    0%,15%{
    -moz-transform:rotate(62deg)
}

20%{
    -moz-transform:rotate(103deg)
}

35%{
    -moz-transform:rotate(245deg)
}

40%{
    -moz-transform:rotate(365deg)
}

100%,85%{
    -moz-transform:rotate(422deg)
}

}@-moz-keyframes lineFollow{
    0%{
    left:27px;
    -moz-transform:rotate(0)
}

15%{
    left:110px;
    -moz-transform:rotate(0)
}

20%{
    left:129px;
    -moz-transform:rotate(0)
}

23%{
    left:159px;
    -moz-transform:rotate(0)
}

25%,35%{
    left:159px;
    -moz-transform:rotate(180deg)
}

65%{
    left:-9px;
    -moz-transform:rotate(180deg)
}

70%{
    left:-30px;
    -moz-transform:rotate(180deg)
}

72%{
    left:-90px;
    -moz-transform:rotate(180deg)
}

75%{
    left:-90px;
    -moz-transform:rotate(0)
}

85%{
    left:-57px;
    -moz-transform:rotate(0)
}

100%{
    left:27px;
    -moz-transform:rotate(0)
}

}@-o-keyframes routateL{
    0%,65%{
    -o-transform:rotate(-118deg)
}

85%{
    -o-transform:rotate(60deg)
}

100%{
    -o-transform:rotate(242deg)
}

}@-o-keyframes routateR{
    0%,15%{
    -o-transform:rotate(62deg)
}

20%{
    -o-transform:rotate(103deg)
}

35%{
    -o-transform:rotate(245deg)
}

40%{
    -o-transform:rotate(365deg)
}

100%,85%{
    -o-transform:rotate(422deg)
}

}@-o-keyframes lineFollow{
    0%{
    left:27px;
    -o-transform:rotate(0)
}

15%{
    left:110px;
    -o-transform:rotate(0)
}

20%{
    left:129px;
    -o-transform:rotate(0)
}

23%{
    left:159px;
    -o-transform:rotate(0)
}

25%,35%{
    left:159px;
    -o-transform:rotate(180deg)
}

65%{
    left:-9px;
    -o-transform:rotate(180deg)
}

70%{
    left:-30px;
    -o-transform:rotate(180deg)
}

72%{
    left:-90px;
    -o-transform:rotate(180deg)
}

75%{
    left:-90px;
    -o-transform:rotate(0)
}

85%{
    left:-57px;
    -o-transform:rotate(0)
}

100%{
    left:27px;
    -o-transform:rotate(0)
}

}@keyframes routateL{
    0%,65%{
    transform:rotate(-118deg)
}

85%{
    transform:rotate(60deg)
}

100%{
    transform:rotate(242deg)
}

}@keyframes routateR{
    0%,15%{
    transform:rotate(62deg)
}

20%{
    transform:rotate(103deg)
}

35%{
    transform:rotate(245deg)
}

40%{
    transform:rotate(365deg)
}

100%,85%{
    transform:rotate(422deg)
}

}@keyframes lineFollow{
    0%{
    left:27px;
    transform:rotate(0)
}

15%{
    left:110px;
    transform:rotate(0)
}

20%{
    left:129px;
    transform:rotate(0)
}

23%{
    left:159px;
    transform:rotate(0)
}

25%,35%{
    left:159px;
    transform:rotate(180deg)
}

65%{
    left:-9px;
    transform:rotate(180deg)
}

70%{
    left:-30px;
    transform:rotate(180deg)
}

72%{
    left:-90px;
    transform:rotate(180deg)
}

75%{
    left:-90px;
    transform:rotate(0)
}

85%{
    left:-57px;
    transform:rotate(0)
}

100%{
    left:27px;
    transform:rotate(0)
}

}
.ibianxian,.ifactory,.ipromotion,.isimple,.iuser{
    display:inline-block;
    background:url(../imagesLocal/home/advantage-bg.png) no-repeat
}

.ifactory{
    width:490px;
    height:333px;
    background-position:0 -167px;
    margin-left:154px
}

.ibianxian,.ipromotion,.isimple,.iuser{
    width:162px;
    height:162px;
    margin-left:55px;
    margin-bottom:30px
}

.i-cover{
    display:block;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/home-success-example_3b39dd47.png) no-repeat;
    width:223px;
    height:322px;
    margin:-325px auto 0;
    position:relative;
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition:.2s ease-in all;
    -moz-transition:.2s ease-in all;
    -ms-transition:.2s ease-in all;
    -o-transition:.2s ease-in all;
    transition:.2s ease-in all;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.i-cover:hover{
    opacity:0;
    filter:alpha(opacity=0)
}

.iuser{
    background-position:0 0
}

.ipromotion{
    background-position:-164px 0
}

.ibianxian{
    background-position:-329px 0
}

.isimple{
    background-position:-494px 0
}

.program-list .stat  .item-bg {
    background-position:0 0
}
.program-list .stat  a:hover.item-bg {
    background-position: -222px 0
}
.program-list .shop  .item-bg {
    background-position:0 -322px
}
.program-list .shop  a:hover.item-bg {
    background-position:-222px -322px
}
.program-list .marketing  .item-bg {
    background-position:0 -644px
}
.program-list .marketing  a:hover.item-bg {
    background-position:-222px -644px
}
.program-list .brand  .item-bg {
    background-position:0 -966px
}
.program-list .brand  a:hover.item-bg {
    background-position:-222px -966px
}
.program-list .itemA  .item-bg {
    background-position:0 -1288px
}
.program-list .itemA  a:hover.item-bg {
    background-position:-222px -1288px
}
.program-list .hot  .item-bg {
    background-position:0 -1610px;
}
.program-list .hot  a:hover.item-bg {
    background-position:-222px -1610px;
}
.program-list .table  .item-bg {
    background-position:0 -1932px
}
.program-list .table  a:hover.item-bg {
    background-position:-222px -1932px
}
.program-list .moreP  .item-bg {
    background-position:0 -2254px
}
.program-list .moreP  a:hover.item-bg {
    background-position:-222px -2254px
}
.program-list .item{
    margin-left: 102px;
}
.program-list .first{
    margin-left: 0;
}
.program-list .mt{
    margin-top: 45px;
}
.program-list .item-bg{
    display:inline-block;
    background:url(../imagesLocal/home/program-bg.png) no-repeat;
    width:222px;
    height:320px;
    transition: all 0.2s ease-in 0s;
    
}

.ifood-hover{
    background-position:-2px 0
}

.itravel-hover{
    background-position:-237px 0
}

.ihospital-hover{
    background-position:-479px 0
}

.ieducation-hover{
    background-position:-710px 0
}

.ibeida,.ihaidilao,.iqunaer,.ishunfeng,.itengxun,.ixunyi,.iyingyu,.izhilian{
    display:inline-block;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/home-case_2882be5a.png) no-repeat;
    width:103px;
    height:103px;
    cursor:pointer;
    margin-left:8px
}

.itengxun{
    background-position:0 0
}

.ishunfeng{
    background-position:0 -113px
}

.ixunyi{
    background-position:0 -224px
}

.ibeida{
    background-position:0 -336px
}

.izhilian{
    background-position:0 -449px
}

.ihaidilao{
    background-position:0 -560px
}

.iyingyu{
    background-position:0 -671px
}

.iqunaer{
    background-position:0 -784px
}

.ierweima-beida,.ierweima-haidilao,.ierweima-qunaer,.ierweima-shunfeng,.ierweima-tengxun,.ierweima-xunyi,.ierweima-yingyu,.ierweima-zhilian{
    display:inline-block;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/home-case-erweima_26768fe1.png) no-repeat;
    width:170px;
    height:196px;
    margin-left:30px;
    margin-top:30px
}

.ierweima-tengxun{
    background-position:0 0
}

.ierweima-shunfeng{
    background-position:-183px 0
}

.ierweima-xunyi{
    background-position:-369px 0
}

.ierweima-beida{
    background-position:-552px 0
}

.ierweima-zhilian{
    background-position:-736px 0
}

.ierweima-haidilao{
    background-position:-920px 0
}

.ierweima-yingyu{
    background-position:-1104px 0
}

.ierweima-qunaer{
    background-position:-1288px 0
}

.mod-home-content .advantage{
    width:1200px;
    margin:0 auto
}

.mod-home-content .advantage-info{
    padding:0 0 42px
}

.mod-home-content .advantage-list .item{
    width:270px;
    display:inline-block
}

.mod-home-content .advantage .info{
    font-size:24px;
    text-align:center;
    color:#1B1B1B;
    line-height:24px
}

.mod-home-content .advantage .text{
    font-size:18px;
    text-align:center;
    color:#B0B0B0;
    line-height:18px;
    margin-top:20px
}

.mod-home-content .bianxian,.mod-home-content .promotion,.mod-home-content .simple{
    margin-left:35px
}

.mod-home-content .program{
    width:1200px;
    margin:0 auto
}

.mod-home-content .more{
    font-size:18px;
    float:right;
    margin-top:-65px;
    margin-right:50px;
    color:#2C90DE
}

.mod-home-content .more:hover{
    color:#ff5d43
}

.mod-home-content .program-info{
    padding:0 0 42px
}

.mod-home-content .program-list .item{
    width:223px;
    height:320px;
    float:left;
    position:relative
}

.mod-home-content .program-list .text{
    color:#FFF;
    font-size:30px;
    text-align:center;
    width:218px;
    height:52px;
    position:absolute;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    opacity:.75;
    -moz-opacity:.75;
    filter:alpha(opacity=75)
}

.mod-home-content .food-info .text{
    color:#FFF;
    background-color:#FA7E2A;
    margin-top:2px;
    line-height:52px
}

.mod-home-content .travel-info .text{
    color:#FFF;
    background-color:#6BD770;
    margin-top:2px;
    line-height:52px;
    margin-left:4px
}

.mod-home-content .hospital-info .text{
    color:#FFF;
    background-color:#5AE4CC;
    margin-top:2px;
    line-height:52px;
    margin-left:2px
}

.mod-home-content .education-info .text{
    color:#FFF;
    background-color:#5CA8E1;
    margin-top:1px;
    line-height:52px;
    margin-left:3px
}

.mod-home-content .program-list .practice{
    width:220px;
    height:65px;
    color:#FFFEFD;
    font-size:18px;
    position:absolute;
    background-color:#F9F4F1
}

.mod-home-content .food-info .practice{
    margin-top:-68px
}

.mod-home-content .travel-info .practice{
    margin-top:-68px;
    margin-left:4px
}

.mod-home-content .hospital-info .practice{
    margin-top:-68px
}

.mod-home-content .education-info .practice{
    margin-top:-68px;
    margin-left:1px
}

.mod-home-content .program-list .btn{
    width:78px;
    height:32px;
    color:#FFFEFD;
    display:inline-block;
    text-align:center;
    border-radius:5px;
    position:relative;
    margin-top:16px;
    margin-left:50px;
    cursor:pointer;
    border:none
}

.mod-home-content .food-info .btn{
    background-color:#FA7E2A
}

.mod-home-content .travel-info .btn{
    background-color:#6BD770
}

.mod-home-content .hospital-info .btn{
    background-color:#5AE4CC
}

.mod-home-content .education-info .btn{
    background-color:#5CA8E1
}

.mod-home-content .education,.mod-home-content .hospital,.mod-home-content .travel{
    margin-left:102px
}

.mod-home-content .factory{
    width:1200px;
    margin:0 auto;
    padding-bottom:40px
}

.mod-home-content .factory .factory-all{
    margin-top:20px;
    height:320px
}

.mod-home-content .factory-info{
    width:556px;
    margin-top:54px;
    float:left
}

.mod-home-content .factory-btn{
    margin-left:145px
}

.mod-home-content .factory-info .text{
    font-size:30px;
    line-height:30px
}

.mod-home-content .factory-info .arti{
    font-size:18px;
    color:#9D9D9D;
    margin-top:35px
}

.mod-home-content .factory-info .begin{
    width:215px;
    height:47px;
    border-radius:29px;
    border:1px solid #FF8D7B;
    color:#FF8D7B;
    text-align:center;
    display:inline-block;
    font-size:29px;
    margin-top:40px;
    cursor:pointer;
    line-height:47px
}

.mod-home-content .factory-info .begin:hover{
    color:#439CE1;
    border-color:#439CE1
}

.mod-home-content .case-all{
    height:560px;
    position:relative;
    width:1200px;
    margin:0 auto 40px
}

.mod-home-content .case-info{
    padding:0 0 25px;
    width:1200px;
    margin:0 auto
}

.mod-home-content .case-info .item{
    width:112px;
    display:inline-block;
    cursor:pointer;
    margin-left:43px
}

.mod-home-content .case-list .text{
    font-size:14px;
    text-align:center;
    margin-top:8px;
    color:#414141
}

.mod-home-content .case-list .first{
    margin-left:0
}

.mod-home-content .case-info .case-list-arrow{
    width:58px;
    height:15px;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/home-case-jiantou_cb6b2998.png) #fff;
    margin-top:25px
}

.mod-home-content .case-hover{
    margin-top:40px;
    position:absolute;
    top:0;
    left:0
}

.mod-home-content .case-hover .text{
    width:225px;
    display:inline-block;
    margin-left:43px
}

.mod-home-content .case-hover .srolltext{
    width:196px;
    margin-right:23px;
    display:inline-block
}

.mod-home-content .case-hover .text .title{
    font-size:24px;
    color:#333;
    line-height:30px;
    overflow:hidden;
    width:200px;
    height:33px;
    text-overflow:ellipsis;
    white-space:nowrap
}

.mod-home-content .case-hover .text .info{
    margin-top:12px;
    font-size:14px;
    color:#A2A2A2;
    height:240px;
    overflow:auto;
    line-height:30px
}

.mod-home-content .dis{
    display:none
}

.mod-home-content .case-all .case-hover{
    opacity:1;
    filter:alpha(opacity=100);
    z-index:2;
    -webkit-transition:opacity .5s,-webkit-filter .5s;
    -moz-transition:opacity .5s,-webkit-filter .5s;
    -ms-transition:opacity .5s,-webkit-filter .5s;
    -o-transition:opacity .5s,-webkit-filter .5s;
    -webkit-filter:blur(0);
    position:absolute;
    top:0
}

.mod-home-content .case-all .case-hover.dis{
    z-index:1;
    opacity:0;
    filter:alpha(opacity=0);
    display:block;
    -webkit-filter:blur(2px)
}

.mod-home-content .huodong{
    width:1200px;
    margin:0 auto;
    padding-bottom:50px
}

.mod-home-content .huodong .activity-info{
    display:inline-block
}

.mod-home-content .huodong .activity-info .item a:hover,.mod-home-content .huodong .trends-list a:hover{
    color:#ff5d43
}

.mod-home-content .huodong .trends-info{
    display:inline-block
}

.mod-home-content .huodong .activity-info{
    float:right;
    margin-right:10px;
    margin-top: 86px;
}

.idx-bgicon{
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/home-advantage_0d84bb72.png) no-repeat
}

.activity,.trends{
    vertical-align:top
}

.light-entrance .trends.section{
    padding:30px 30px 30px 40px
}

.trends .title{
    margin-bottom:26px
}

.trends-list{
    border-left:1px solid #ddd;
    margin-left:10px
}

.trends-list li{
    padding-left:26px;
    line-height:37px;
    position:relative;
    background-position:-536px -219px;
    margin-left:-8px;
    color:#B4B4B4
}

.trends .content{
    margin-left:20px;
    font-size:14px;
    color:#666
}

.trends-list .highlight{
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/home-advantage_0d84bb72.png) -534px -191px no-repeat;
    width:26px;
    height:26px;
    position:absolute;
    left:-8px;
    top:5px
}

.light-entrance .activity.section{
    padding:30px 40px 30px 30px;
    font-size:14px;
    color:#666
}

.activity .title{
    margin-bottom:28px
}

.activity .date{
    margin-right:10px;
    color:#B4B4B4
}

.activity .date:after{
    margin-left:10px
}

.activity .link{
    display:inline-block;
    vertical-align:top;
    color:#666;
    text-decoration:none;
    width:330px;
    font-size:14px
}

.activity .show-img{
    display:none;
    max-width:338px
}

.activity li{
    cursor:pointer;
    line-height:34px
}

#appworkssection{
    position:relative;
    width:131px;
    height:235px;
    display:inline-block;
    top:-289px;
    left:724px
}

#appworkssection .group1{
    width:120px;
    height:36px;
    filter:alpha(opacity=0);
    opacity:0;
    background-image:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/section1-group1_62679686.png);
    -webkit-transition:all 1s linear .5s;
    -moz-transition:all 1s linear .5s;
    -ms-transition:all 1s linear .5s;
    -o-transition:all 1s linear .5s;
    transition:all 1s linear .5s;
    position:relative;
    top:-135px;
    left:7px
}

#appworkssection .current1{
    filter:alpha(opacity=100);
    opacity:1;
    -webkit-transform:translateY(145px);
    -moz-transform:translateY(145px);
    -ms-transform:translateY(145px);
    -o-transform:translateY(145px);
    transform:translateY(145px)
}

#appworkssection .group2{
    width:36px;
    height:36px;
    filter:alpha(opacity=0);
    opacity:0;
    background-image:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/section1-group2_d9d972dd.png);
    -webkit-transform:rotate(-360deg);
    -moz-transform:rotate(-360deg);
    -ms-transform:rotate(-360deg);
    -o-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transition:all 1s linear .5s;
    -moz-transition:all 1s linear .5s;
    -ms-transition:all 1s linear .5s;
    -o-transition:all 1s linear .5s;
    transition:all 1s linear .5s;
    position:relative;
    left:-100px;
    top:17px
}

#appworkssection .current2{
    filter:alpha(opacity=100);
    opacity:1;
    -webkit-transform:translateX(150px) rotate(360deg);
    -moz-transform:translateX(150px) rotate(360deg);
    -ms-transform:translateX(150px) rotate(360deg);
    -o-transform:translateX(150px) rotate(360deg);
    transform:translateX(150px) rotate(360deg)
}

#appworkssection .group3{
    width:36px;
    height:36px;
    filter:alpha(opacity=0);
    opacity:0;
    background-image:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/section1-group3_23488e5d.png);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transition:all 1s linear .5s;
    -moz-transition:all 1s linear .5s;
    -ms-transition:all 1s linear .5s;
    -o-transition:all 1s linear .5s;
    transition:all 1s linear .5s;
    position:relative;
    top:172px;
    left:250px
}

#appworkssection .current3{
    filter:alpha(opacity=100);
    opacity:1;
    -webkit-transform:translateX(-200px) translateY(-150px) rotate(0deg);
    -moz-transform:translateX(-200px) translateY(-150px) rotate(0deg);
    -ms-transform:translateX(-200px) translateY(-150px) rotate(0deg);
    -o-transform:translateX(-200px) translateY(-150px) rotate(0deg);
    transform:translateX(-200px) translateY(-150px) rotate(0deg)
}

#appworkssection .group4{
    width:120px;
    height:78px;
    filter:alpha(opacity=0);
    opacity:0;
    background-image:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/section1-group4_2aa409bc.png);
    -webkit-transition:all 1s linear .5s;
    -moz-transition:all 1s linear .5s;
    -ms-transition:all 1s linear .5s;
    -o-transition:all 1s linear .5s;
    transition:all 1s linear .5s;
    position:relative;
    top:227px;
    left:7px
}

#appworkssection .current4{
    filter:alpha(opacity=100);
    opacity:1;
    -webkit-transform:translateY(-200px);
    -moz-transform:translateY(-200px);
    -ms-transform:translateY(-200px);
    -o-transform:translateY(-200px);
    transform:translateY(-200px)
}

#appworkssection .group5{
    width:251px;
    height:131px;
    position:relative;
    left:96px;
    top:-162px;
    background-image:url(http://apps.bdimg.com/developer/static/1/developers/light/static/home/image/section1-group5_979fe731.png)
}

.mod-q-ui-carousel{
    min-width:1200px;
    min-height:100px;
    position:relative;
    overflow:hidden;
    -webkit-transition:background-color .3s linear .3s;
    -moz-transition:background-color .3s linear .3s;
    -ms-transition:background-color .3s linear .3s;
    -o-transition:background-color .3s linear .3s;
    transition:background-color .3s linear .3s
}

.mod-q-ui-carousel .carousel-wrapper{
    width:1200px;
    margin:0 auto;
    position:relative;
    height:100%
}

.mod-q-ui-carousel .carousel-scenes{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center bottom;
    z-index:9;
    -webkit-transition:opacity .3s linear;
    -moz-transition:opacity .3s linear;
    -ms-transition:opacity .3s linear;
    -o-transition:opacity .3s linear;
    transition:opacity .3s linear;
    opacity:0;
    filter:alpha(opacity=0)
}

.mod-q-ui-carousel .fade-in{
    -webkit-transition-delay:.5s;
    -moz-transition-delay:.5s;
    -ms-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s;
    opacity:1;
    filter:alpha(opacity=100);
    z-index:10
}

.mod-q-ui-carousel .has-link{
    cursor:pointer
}

.mod-q-ui-carousel .carousel-controls{
    position:absolute;
    bottom:-6px;
    width:100%;
    height:40px;
    text-align:center;
    font-size:0;
    z-index:20
}

.mod-q-ui-carousel .carousel-controls .item-selected{
    width:17px;
    height:13px;
    display:inline-block;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/normal_bg_4ba03bb2.png) no-repeat
}

.mod-q-ui-carousel .carousel-controls .item{
    width:30px;
    height:13px;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/normal_bg_4ba03bb2.png) -18px 0 no-repeat;
    display:inline-block;
    margin-top:6px;
    cursor:pointer
}

.mod-q-ui-carousel .carousel-controls .current{
    opacity:0;
    filter:alpha(opacity=0)
}

.mod-q-ui-carousel .carousel-controls .item-selected{
    position:absolute;
    top:4px;
    left:50%;
    background-position:0 0;
    -webkit-transition:all .5s ease 0;
    -moz-transition:all .5s ease 0;
    -ms-transition:all .5s ease 0;
    -o-transition:all .5s ease 0;
    transition:all .5s ease 0
}

.mod-q-ui-carousel .car-cover{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:top center;
    background-repeat:no-repeat
}

.mod-q-ui-carousel .car-item{
    position:absolute;
    opacity:0;
    filter:alpha(opacity=0);
    background-repeat:no-repeat
}

.mod-q-ui-carousel .fade-in .car-item{
    -webkit-transition:all .5s .5s;
    -moz-transition:all .5s .5s;
    -ms-transition:all .5s .5s;
    -o-transition:all .5s .5s;
    transition:all .5s .5s;
    opacity:1;
    filter:alpha(opacity=100)
}

.mod-q-ui-carousel .car-top{
    width:100%;
    top:-100px;
    background-position:top center;
    background-repeat:no-repeat
}

.mod-q-ui-carousel .fade-in .car-top{
    top:0
}

.mod-q-ui-carousel .car-bottom{
    width:100%;
    bottom:-100px;
    background-position:bottom center
}

.mod-q-ui-carousel .fade-in .car-bottom{
    bottom:0
}

.mod-q-ui-carousel .car-left{
    height:100%;
    left:-100px;
    top:0;
    background-position:left center
}

.mod-q-ui-carousel .fade-in .car-left{
    left:0
}

.mod-q-ui-carousel .car-right{
    height:100%;
    right:-100px;
    background-position:right center
}

.mod-q-ui-carousel .fade-in .car-right{
    right:0;
    top:0
}

.mod-q-ui-carousel .car-bounce{
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8)
}

.mod-q-ui-carousel .fade-in .car-bounce{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.control-group{
    zoom:1;
    position:relative;
    padding-bottom:20px
}

.control-group .control-label{
    position:absolute;
    top:0;
    left:0;
    line-height:26px;
    font-size:14px;
    font-weight:700;
    color:#333;
    padding-left:10px
}

.control-group .control-label .require{
    position:absolute;
    top:0;
    left:0;
    font-weight:400;
    color:#ae4a4a
}

.control-group .controls{
    margin-left:140px;
    position:relative;
    width:400px
}

.control-group .auto-width-controls{
    width:auto
}

.control-group .formerror{
    display:inline-block;
    width:auto
}

.control-group .controls-inline{
    display:inline-block
}

.control-group .controls-inline .btn{
    margin-top:10px
}

.control-group .controls-inline .btn-primary{
    margin-right:20px
}

.control-group .extension{
    color:#A9A9A9
}

.control-group .desc{
    color:#A9A9A9;
    line-height:24px
}

.control-group .desc strong{
    color:#333;
    margin:0 3px;
    font-weight:700
}

.control-group .upload-container{
    display:inline-block;
    margin:10px 20px 0 0;
    vertical-align:top
}

.control-group .input{
    width:378px
}

.controls-msg,.controls-tip{
    position:absolute;
    top:0;
    right:-210px;
    width:160px;
    padding:5px 10px 5px 28px;
    color:#666;
    line-height:18px;
    min-height:18px;
    display:none;
    z-index:1
}

.controls-msg:after,.controls-msg:before,.controls-tip:after,.controls-tip:before{
    position:absolute;
    content:"";
    line-height:0;
    font-size:0;
    display:block;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/user/icon-warning_f893f184.png) no-repeat
}

.controls-msg:before,.controls-tip:before{
    top:10px;
    left:-5px;
    width:5px;
    height:7px
}

.controls-msg:after,.controls-tip:after{
    top:8px;
    left:10px;
    width:12px;
    height:12px
}

.controls-tip{
    border:1px solid #aecbfd;
    background:#eff5ff
}

.controls-tip:before{
    background-position:0 -17px
}

.controls-tip:after{
    background-position:-86px 0
}

.controls-msg{
    border:1px solid #dfb7b7;
    background:#fcf8f8
}

.controls-msg:before{
    background-position:-8px -17px
}

.controls-msg:after{
    background-position:-114px 0
}

.check-single{
    display:inline-block;
    line-height:24px
}

.single-line .check-single{
    display:block
}

.channel-fieldset{
    position:relative
}

.channel-fieldset .fieldset-title{
    position:absolute;
    top:16px;
    left:0;
    font-family:"微软雅黑",HiraginoSansGB-W3,STHeitiSC-Light;
    font-size:18px;
    font-weight:700
}

.channel-fieldset .fieldset-content{
    border-left:1px solid #ddd;
    margin-left:100px;
    padding:20px 20px 0
}

.channel-fieldset .fieldset-content .control-group:last-child{
    border-bottom:1px dashed #E3E3E3
}

.input-text{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    color:#666;
    border:1px solid #999;
    -webkit-box-shadow:1px 1px 3px #ddd inset;
    -moz-box-shadow:1px 1px 3px #ddd inset;
    box-shadow:1px 1px 3px #ddd inset
}

.input-text .input{
    border:none;
    background:0 0;
    margin:0;
    padding:5px;
    height:14px;
    vertical-align:top;
    cursor:text
}

.input-text .textarea{
    line-height:18px;
    height:100px;
    overflow:auto
}

.input-text.disabled,.input-text.readonly{
    background:#f8f8f8;
    color:#5f5f5f
}

.input-text .input-limit{
    position:absolute;
    right:5px;
    top:0;
    height:100%;
    line-height:24px;
    color:#ccc
}

.input-text .input-number{
    color:#ae4a4a
}

.input-text-focus{
    border:1px solid #639cfb;
    -webkit-box-shadow:0 0 4px #639cfb;
    -moz-box-shadow:0 0 4px #639cfb;
    box-shadow:0 0 4px #639cfb
}

.input-error,.input-success{
    border:1px solid #ae4a4a
}

.input-postfix,.input-prefix{
    vertical-align:middle;
    margin-left:10px;
    font-size:12px
}

.input-prefix{
    margin-left:0;
    margin-right:10px
}

.input-checkbox,.input-radio{
    display:inline-block;
    width:15px;
    height:15px;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/user/input-radio_c7c4391b.png) 0 -15px no-repeat;
    cursor:pointer;
    vertical-align:middle
}

.input-checkbox:hover,.input-radio:hover{
    background-position:0 -30px
}

.input-checkbox.checked,.input-radio.checked{
    background-position:0 0
}

.input-checkbox.checked.disabled,.input-radio.checked.disabled{
    background-position:0 -60px
}

.input-checkbox.disabled,.input-radio.disabled{
    background-position:0 -45px
}

.input-checkbox{
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/user/input-checkbox_ee06e172.png) 0 -15px no-repeat
}

.label-text{
    font-size:12px;
    cursor:pointer;
    vertical-align:middle;
    margin:0 17px 0 5px
}

.label-text.disabled{
    color:#c6c6c6
}

select{
    width:190px
}

.ui-beautify-select{
    display:inline-block;
    border:1px solid #999;
    position:relative;
    height:24px;
    background:#fff;
    font-size:12px;
    color:#666
}

.ui-beautify-select.disabled{
    background:#F8F8F8;
    color:#5F5F5F
}

.ui-beautify-select:hover{
    border:1px solid #639cfb;
    cursor:pointer
}

.ui-beautify-select.disabled:hover{
    border:1px solid #999;
    cursor:auto
}

.ui-beautify-select .select-text{
    display:block;
    margin:0 24px 0 10px;
    line-height:24px;
    white-space:nowrap;
    overflow:hidden
}

.ui-beautify-select .select-btn{
    position:absolute;
    right:0;
    top:0;
    width:24px;
    height:24px
}

.ui-beautify-select .select-btn .icon{
    display:inline-block;
    width:24px;
    height:24px;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/user/bg_sel_btn_f965ffe9.png) 8px 10px no-repeat
}

.select-list{
    position:absolute;
    border:1px solid #999;
    background:#fff;
    z-index:800;
    max-height:200px;
    overflow-x:hidden;
    overflow-y:auto
}

.select-list li{
    line-height:24px;
    padding:0 10px;
    cursor:pointer;
    white-space:nowrap
}

.select-list li:hover{
    background:#f2f7fd;
    color:#06c
}

.select-list .active{
    background:#f1f1f1;
    color:#06c
}

.select-group{
    line-height:0;
    font-size:0
}

.select-group .ui-beautify-select:first-child{
    margin-right:10px
}

.ui-helper-hidden-accessible{
    position:absolute;
    z-index:-1;
    clip:rect(0,0,0,0)
}

.control-group .form-tip{
    position:relative;
    padding:10px 10px 10px 35px
}

.control-group .form-tip .form-tip-title{
    font-size:14px;
    font-weight:700
}

.control-group .form-tip .form-tip-text{
    font-size:12px;
    font-weight:400;
    line-height:30px
}

.control-group .form-tip .form-tip-icon{
    display:block;
    height:12px;
    left:12px;
    position:absolute;
    top:12px;
    width:12px;
    background-image:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/image/user/icon-warning_f893f184.png)
}

.control-group .form-tip-warn{
    background:none;
    border:1px solid #F3DDB2;
    color:#DE981F
}

.control-group .form-tip-warn .form-tip-icon{
    background-position:-57px 0
}

.control-group .form-tip-error{
    background:none;
    border:1px solid #DFB7B7;
    color:#AE4A4A
}

.control-group .form-tip-error .form-tip-icon{
    background-position:-114px 0
}

.control-group .form-tip-success{
    background:none;
    border:1px solid #C9E2B4;
    color:#468847
}

.control-group .form-tip-success .form-tip-icon{
    background-position:-29px 0
}

.btn{
    display:inline-block;
    height:30px;
    line-height:30px;
    font-size:14px;
    font-weight:700;
    padding:0 20px;
    margin:0;
    box-sizing:content-box;
    color:#333;
    background:#f5f5f5;
    border:1px solid #c6c6c6;
    vertical-align:middle;
    cursor:pointer;
    text-decoration:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}

.btn:active{
    text-decoration:none
}

.btn:visited{
    color:#333
}

button.btn,input.btn{
    line-height:100%
}

.btn-primary{
    border:1px solid #2f5bb7;
    color:#fff;
    background-color:#3b85ff;
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#3b85ff),to(#357ae9));
    background-image:-webkit-linear-gradient(top,#3b85ff,#357ae9);
    background-image:-moz-linear-gradient(top,#3b85ff,#357ae9);
    background-image:-o-linear-gradient(top,#3b85ff,#357ae9);
    background-image:linear-gradient(to bottom,#3b85ff,#357ae9);
    background-repeat:repeat-x
}

body,html{
    height:100%
}

.g-wp{
    min-height:100%
}

.g-hd{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background:#fff;
    height:45px;
    display:none
}

.g-nav{
    display:none
}

.g-ma{
    padding-bottom:120px
}

.g-ft{
    position:relative;
    margin-top:-120px
}

.g-with-hd .bd-cloud-content .logo-qing,.g-with-hd .g-hd,.g-with-nav .g-nav,.g-with-nav .g-nav .head-hide{
    display:block
}

.g-with-nav .bd-cloud-content .logo-qing{
    display:none
}

.g-with-hd .g-ma{
    padding-top:45px
}

.g-with-nav .g-ma{
    padding-top:0
}

html{
    line-height:1.5;
    color:#000
}

body{
    font:12px/1.5 arial,sans-serif;
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"
}

blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{
    margin:0;
    padding:0
}

table{
    border-collapse:collapse;
    border-spacing:0
}

fieldset,img{
    border:0;
    border:none
}

address,caption,cite,code,dfn,th,var{
    font-style:normal;
    font-weight:400
}

em{
    font-style:normal
}

strong{
    font-weight:400
}

ol,ul{
    list-style:none
}

caption,th{
    text-align:left
}

h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:400
}

q:after,q:before{
    content:''
}

abbr,acronym{
    border:0;
    font-variant:normal
}

sup{
    font-size:100%;
    vertical-align:text-top
}

sub{
    font-size:100%;
    vertical-align:text-bottom
}

input,select,textarea{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit
}

legend{
    color:#000
}

a{
    text-decoration:none;
    color:#0078da;
    -webkit-transition:.3s color,.3s border-color,.3s background-color;
    -moz-transition:.3s color,.3s border-color,.3s background-color;
    -ms-transition:.3s color,.3s border-color,.3s background-color;
    -o-transition:.3s color,.3s border-color,.3s background-color;
    transition:.3s color,.3s border-color,.3s background-color
}

a:hover{
    color:#0166b9
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}

audio,canvas,video{
    display:inline-block
}

button,input{
    line-height:normal
}

button::-moz-focus-inner,input::-moz-focus-inner{
    padding:0;
    border:0
}

::-webkit-input-placeholder{
    color:#ccc
}

:-moz-placeholder{
    color:#ccc
}

::-moz-placeholder{
    color:#ccc
}

:-ms-input-placeholder{
    color:#ccc
}

:-o-input-placeholder{
    color:#ccc
}

::-webkit-scrollbar,::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{
    width:6px;
    border-radius:3px;
    background:#f0f0f0
}

::-webkit-scrollbar-thumb{
    width:6px;
    border-radius:3px;
    background:#bbb
}

#qiao-flash-storage,#qiao-icon-wrap,#qiao-invite-wrap,#qiao-mess-wrap{
    z-index:900!important
}

#baiduTongji>a{
    display:none
}

.clear{
    clear:both
}

.clearfix:after{
    content:'\20';
    display:block;
    height:0;
    clear:both
}

.clearfix{
    zoom:1
}

.wordwrap{
    word-break:break-all;
    word-wrap:break-word
}

pre.wordwrap{
    white-space:pre-wrap
}

.yh{
    font-family:"Microsoft Yahei","微软雅黑",Arial,STHeiti,Tahoma,Helvetica
}

.left{
    float:left
}

.right{
    float:right
}

.overflow{
    overflow:hidden
}

.hide{
    display:none
}

.inlineBlock{
    display:inline-block;
    zoom:1
}

.block{
    display:block
}

.inline{
    display:inline
}

.scrollbox::-webkit-scrollbar,.scrollbox::-webkit-scrollbar-track,.scrollbox::-webkit-scrollbar-track-piece{
    width:6px;
    border-radius:3px;
    background:#f0f0f0
}

.scrollbox::-webkit-scrollbar-thumb{
    width:6px;
    border-radius:3px;
    background:#d3d3d3
}

.dialog-overlay{
    background-color:#000;
    height:100%;
    left:0;
    opacity:.5;
    position:fixed;
    top:0;
    width:100%;
    z-index:199
}

.dialog-wrapper{
    background-color:#FFF;
    position:fixed;
    padding:15px 25px 40px;
    width:400px;
    overflow:hidden;
    border:1px solid #CCC;
    -webkit-box-shadow:0 0 2px #CCC;
    -moz-box-shadow:0 0 2px #CCC;
    box-shadow:0 0 2px #CCC
}

.dialog-title{
    color:#333;
    font-family:'微软雅黑',HiraginoSansGB-W3,STHeitiSC-Light;
    font-size:24px;
    line-height:24px;
    font-weight:500;
    text-align:center;
    margin:30px 0
}

.dialog-content{
    min-height:48px;
    line-height:24px;
    padding:0 0 30px;
    color:#666;
    font-size:14px
}

.dialog-content em{
    font-weight:700
}

.dialog-content .emp{
    color:#9d261d;
    font-weight:700
}

.dialog-btns{
    text-align:center
}

.dialog-btns .dialog-btn{
    background-color:#F5F5F5;
    border:1px solid #C6C6C6;
    border-radius:2px;
    box-sizing:content-box;
    color:#333;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    height:30px;
    line-height:30px;
    padding:0 25px;
    text-decoration:none;
    vertical-align:middle;
    margin-left:15px
}

.dialog-btns .dialog-btn:first-child{
    margin-left:0
}

.dialog-btns .dialog-btn:hover{
    background-color:#FFF
}

.dialog-btns .dialog-btn-blue{
    background-color:#357AE9;
    color:#FFF
}

.dialog-btns .dialog-btn-blue:hover{
    background-color:#609AFA
}

.dialog-close{
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    position:absolute;
    vertical-align:middle;
    width:12px;
    height:12px;
    top:10px;
    right:10px;
    background:url(http://apps.bdimg.com/developer/static/1/developers/light/static/common/ui/q.ui.dialog/ico_dialog_close_2b31dcac.png) no-repeat
}

.q-ui-follownav{
    position:relative
}

.q-ui-follownav .slider-arrow{
    position:absolute;
    display:block;
    -webkit-transition:.3s left;
    -moz-transition:.3s left;
    -ms-transition:.3s left;
    -o-transition:.3s left;
    transition:.3s left
}

.bd-cloud-content a{
    color:#ffffff;
    text-decoration:none;
}
#login-form-popup:focus{outline:none;}
#login-form-popup .modal-dialog{
    color:#4a4a4a;
    width: 623px;
}
#login-form-popup .modal-content{
    border-radius: 0;
}

.p45{
    padding-left:45px;
    padding-right:45px;
}

.row{
    margin:7px 0;
}

.login-login{
    margin-top:20px;
}

#login-form-popup .modal-header{
    border:0 none;
    background-color: #49c0f9;
    padding: 6px;
    min-height: inherit;
}
#login-form-popup .modal-header .close{
    margin-top: 5px;
    font-size: 30px;
    position: absolute;
    right: 5px;
    z-index: 1;
}
.qh-header{
    font-size: 19px;
    text-align: center;
}
.qh-header span{
    padding: 0 3px 5px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
.qh-header span.hover{
    color: #49c0f9;
    border-bottom: 2px solid #49c0f9;
}
.red{
    color:red;
}

.banner {
    height: 282px;
    overflow: hidden;
    position: relative;
}
.banner li {
    list-style: outside none none;
}
.banner ul li {
    float: left;
}
.banner .dots {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.banner .dots li {
    border: 2px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 4px;
    opacity: 0.4;
    text-indent: -999em;
    transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 10px;
}
.banner .dots li.active {
    background: none repeat scroll 0 0 #fff;
    opacity: 1;
}
.banner .arrows .arrow {
    color: #fff;
    cursor: pointer;
    height: 86px;
    position: absolute;
    text-indent: -999999px;
    top: 98px;
    width: 18px;
}
.login-login{
    background-color: transparent;
    background-image: url("../imagesLocal/button-group.png");
    background-position: 0 -365px;
    background-repeat: no-repeat;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    text-shadow: 3px 3px 5px #ccc;
    width: 134px;
}
.scale-1200{
    width: 1200px;
}
#text-wrap{
    font-size: 110%;
    margin: 0 auto;
    padding: 20px 0 0;
    position: relative;
    width: 980px;
    z-index: 1;
}
#text-wrap-inner{
/*    margin: 0 0 0 230px;*/
}
#p-cactions {
    border-bottom: 1px solid #d0dfed;
    font-size: 110%;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    list-style: outside none none;
    margin: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    z-index: 6;
}
.portlet {
    border-bottom: 1px solid #d0deed;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    position: relative;
}
.article {
    font-size: 13px;
    line-height: 25px;
    padding: 0 10px;
}
h1 {
  color: #333;
  font-family: "微软雅黑";
  font-size: 20px;
  font-weight: bold;
}
.article h2 {
    background-color: #f6faff;
    border: 1px solid #becfdd;
    color: #333333;
    margin: 16px 0 0;
    padding: 0 0 0 16px;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 16px 0;
}
.article p {
  margin: 7px 0;
  text-indent: 2em;
  line-height: 20px;
}
#fix-box{
    left: 990px;
    overflow: hidden;
    position: absolute;
    top: 140px;
    width: 243px;
    z-index: 2000;
    border: 1px solid #d7d7d7;
    background: #fff;
}
#fix-box .trends
{
   padding: 0 10px; 
}#fix-box .qcode{
    border-top: 1px solid #d7d7d7;
    padding-top: 5px; 
}
.modal-dialog {
  margin-top: 30px ;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}
.modal-dialog-2 {
  margin-top: 30px ;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}
.bj_tablel {
  clear: left;
  float: left;
  height: auto;
  width: 460px;
}
.bj_tabler {
  clear: right;
  float: right;
  height: auto;
  width: 460px;
}
.bj_tb {
  border: 1px solid #7fd0f6;
  color: #006699;
  font-size: 12px;
}
.bj_sp {
  color: #ff0000;
}
.article .space {
  height: 20px;
  margin: 0 auto;
  width: 930px;
}
.fa-cg{font-family: 'Century Gothic';}
.ac {
    text-align: center;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
button.btn_Sumbmit{
    background-color: #1b4165;
    border: 0;
    color:#fff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 35px;
    padding: 7px 50px;
    /* display: block; */
}
.gbook {padding: 45px 0;}
.gbook .title{margin: 0 0 20px;text-align: center;font-size: 45px;color:rgb(55, 176, 233);text-shadow: 0 0 1px;}
.gbook .box{max-width: 980px;margin:0 auto;position: relative;padding: 25px 0 0;}
.gbook .box .text{color:#37B0E9;line-height: 26px;margin: 0 0 18px 0;font-size: 18px;}
.gbook .controls{width: 50%;padding: 0 20px;}
.gbook .controls .text-control {
    margin-bottom: 10px;
    font-size: 26px;
    width: 100%;
    border-radius: 7px;
    border: 3px solid #37B0E9;
    padding: 4px 10px 4px;
    line-height: 1.42857143;
    color:#ccc;
    outline: none;
}
.gbook .controls select.text-control{padding: 3px 6px;-webkit-appearance: listbox;}
.gbook .controls .text-control.enter_text{resize:none;height:179px;}
.fail {
    background: rgba(0, 0, 0, 0) url("../img/fail.png") no-repeat scroll 1px center;
    color: #ff4040;
    padding-bottom: 1px;
    padding-left: 18px;
}