/*btn*/
.btn:focus,
button:focus {
    outline: none;
}

.btn-info,
.btn-info:hover, 
.btn-info:focus, 
.btn-info:active, 
.btn-info.active, 
.open .dropdown-toggle.btn-info {
    background-color: #FF842E;
    border-color: #FF842E;
    padding: 5px 25px;
}

.btn-primary,
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
    background-color: #ffffff;
    border-color: #FF842E;
    color: #FF842E;
}

.btn-default,
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-primary {
    background-color: #FF842E;
    border-color: #FF842E;
}


.sidebar {
    font-size: 16px;
}

.sidebar .panel {
    border-radius: 0;
}

.sidebar .panel-default {
    border: none;
    border-top: 1px solid rgba(0,0,0,0.18);
    _border-top: 1px solid #ddd;
    box-shadow: none;
}

.sidebar .panel-body {
    padding: 0;
}

.sidebar .list-group-panel .list-group-heading {
    color: #666;
}

.sidebar .list-group-panel {
    border-bottom: 1px solid rgba(0,0,0,0.18);
    _border-bottom: 1px solid #ddd;
}

.list-group-panel .list-group-heading {
    color: #444;
    /*border-bottom: 1px solid #ccc;*/
    padding: 20px 0 15px;
    /*margin-bottom: 5px;*/
}

.sidebar .list-group-panel .list-group {
    margin-bottom: 10px;
}

.list-group-panel .list-group-item {
    padding-left: 55px;
    border: none;
    border-radius: 0 0 !important;
    color: #444;
}

.list-group-panel .list-group-item.active,
.list-group-panel .list-group-item.active:hover {
    background: #FF842E;
}

.list-group-panel .list-group-item:hover {
    background: #FF842E;
    color: #fff;
}

a.list-group-item.active, 
a.list-group-item.active:hover, 
a.list-group-item.active:focus {
    border: none;
}

.index .list-group-panel .list-group-heading {
    padding: 15px 25px;
    font-size: 18px;
}

.index .list-group-panel .list-group-heading:hover {
    background: #FF842E;
    color: #fff;
}

.index .list-group-panel .list-group-heading.active {
    padding: 15px 25px;
    color: #fff;
    font-size: 18px;
    background-color: #FF842E;
}

.index .list-group-panel .list-group-item {
    color: #666;
    font-size: 18px;
    padding-left: 82px;
}

.index .list-group-panel .list-group-item:hover,
.index .list-group-panel .list-group-item.active {
    color: #fff;
}

.panel-page {
    overflow: hidden;
    padding: 0;
    min-height: 500px;
}

.panel-page .panel-heading {
    background: transparent;
    border-bottom: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.panel-page .panel-heading h2 {
    font-size: 25px;
    margin-top: 0;
}

#platform-carousel {
    margin-top: -21px;
}

.platform-content {
    margin-top: 20px;
}

.platform-detail-media {
    display: inline-block;
    margin-right: 10px;
}

.platform-detail-media .media-heading {
    font-size: 16px;
}

.platform-detail-media .media-body {
    font-size: 12px;
}

.lastest-news {
    font-size: 13px;
    color: #999;
    word-break: break-all;
    word-wrap: break-word;
}

.site-footer {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 80px;
    padding-top: 10px;
    font-size: 12px;
    color: #999;
}

.app .app-price {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #e57259;
}

.app .media {
    margin-bottom: 10.5px;
}

.app .media-object {
    float: left;
}

.app .media-body {
    padding-left: 15px;
}

.app .media-heading {
    font-size: 24px;
}

.intro-lists {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: -30px;
}

.intro-lists li {
    width: 32.2%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0;
    padding: 0 0;
}


.userpage-header {
    border-radius: 5px;
}

.es-row-wrap {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e1e1e1;
}

.es-row-wrap .row {
    margin-left: 10px;
    margin-right: 10px;
}

.userpage-header .avatar {
    float: left;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.userpage-header-info {
    margin-top: 20px;
    margin-left: 150px;
}

.userpage-header-info h1 {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 28px;
}

.userpage-header-info .about {
    color: #777;
}

/** app-grid end **/

/**
 * 閫氱敤灞炴€�
 */

.mrs {margin-right: 5px;}
.mrm {margin-right: 10px;}
.mrl {margin-right: 20px;}



.success{
    background: #90ee90;
    width: 380px;
    height: 40px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    float: left;
    font-size:20px;
}

.fail{
    background: #708090;
    width: 380px;
    height: 40px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    float: left;
    font-size:20px;
}


/**
 * <global>
 */
/*.container {
    width: 1170px;
}*/

// #content-container {
//     margin-top: 60px;
// }

/*.site-navbar {
    border-radius: 0;
    background-color: #FF842E;
    z-index: 1024;
}*/

.panel-left, .panel-right {
    float: left;
}

.panel-left {
    width: 230px;
    margin-right: 75px;
}

.panel-right {
    width: 828px;
}

.panel-left .search-form {
    display: block;
    margin-bottom: 22px;
    position: relative;
}

.panel-left.index {
    border-bottom: 1px solid #ddd;
    _border-bottom: 1px solid #ddd;
}

.panel-left.title {
    border-bottom: 1px solid #ddd;
    _border-bottom: 1px solid #ddd;
    width: 100%;
}


.site-footer .text-gray {
    font-size: 16px;
    line-height: 25px;
}

.site-footer .text-gray a {
    color: #FF842E;
}

.site-footer .text-gray span {
    margin-right: 10px;
}

.site-footer .text-gray a.mailto {
    text-decoration: underline!important;
    color: #999;
}

/**
 * 
 */
.app {
    padding: 10px;
}

.app-row-wrap {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #e1e1e1;
}

.app-row-wrap .row {
    margin-left: 10px;
    margin-right: 10px;
}

.app-row-wrap .page-header {
    margin-top: 25px;
}

.app-row-wrap .page-header h1 {
    font-size: 24px;
}

.app-row-wrap h1 {
    word-break:break-all;
}

.app-box {
    margin-bottom: 20px;
}

.app-box-heading {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    zoom:1;
}

.app-box-heading h2 {
    margin: 0;
    font-size: 18px;
    display: inline-block;
    border-bottom: 4px solid #096;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: -1px;
}

.app-wide-list {
    list-style: none;
    margin: 20px;
    padding:0;

}

.app-wide-list .app-item {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 5px;
}

.app-wide-list .app-item:hover {
    background: #f9f9f9;
    border-color: #ccc;
}

.app-wide-list .app-picture-link {
    float: left;
}

.app-wide-list .app-picture {
    width: 230px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.app-wide-list .app-body {
    margin: 15px 15px 0px 245px;
}

@media (max-width: 600px) {
    .app-wide-list .app-picture-link {
        float: none;
        display: block;
    }

    .app-wide-list .app-picture {
        display: block;
        width: 100%;
    }

    .app-wide-list .app-body {
        margin-left: 15px;
        margin-bottom: 15px;
    }
}

.app-wide-list .app-title {
    margin: 10px 0 10px;
    word-break:break-all;
}

.app-wide-list .app-title a {
    color: #555;
    font-weight: bold;
}

.app-wide-list .app-about {
    margin: 0 0 15px;
    color: #666;
}

.app-wide-list .app-footer {
    /*border-top: 1px dashed #ddd;*/
}

.app-wide-list .teacher {
    float: left;
    width: 180px;
}

.app-wide-list .teacher-avatar {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    margin-right: 5px;
}

.app-wide-list .teacher-nickname {
    font-size: 12px;
    font-weight: bold;
    color: #555;
}

.app-wide-list .teacher-title {
    color: #777;
    font-size: 12px;
}

.app-wide-list .app-metas {
    float: right;
    margin-top: 10px;
}

.app-wide-list .app-price {
    color: #e57259;
    font-size: 16px;
}

.app-wide-list .divider {
    width: 1px;
    border-left: 1px solid #ccc;
    margin: 0 5px;
}

.app-wide-list .app-item {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 5px;
}

.app-wide-list .app-item:hover {
    background: #f9f9f9;
    border-color: #ccc;
}

.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-wide-list .author {
    float: left;
    width: 180px;
}

.app-wide-list .author-avatar {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    margin-right: 5px;
}

.app-wide-list .author-nickname {
    font-size: 12px;
    font-weight: bold;
    color: #555;
}

.app-wide-list .author-title {
    color: #777;
    font-size: 12px;
}

.app-wide-list .app-metas {
    float: right;
    margin-top: 10px;
}

.app-wide-list .app-price {
    color: #e57259;
    font-size: 16px;
}

.app-wide-list .divider {
    width: 1px;
    border-left: 1px solid #ccc;
    margin: 0 5px;
}

.app-box-body .btn-more {
    color: #333;
    background-color: #fff;
    border-color: #adadad;
}

.category-filters {
    margin-bottom: 20px;
    background: #f7f7f7;
    padding: 5px;
    border-radius: 3px;
}

.category-filters a {
    color: #aaa;
    text-decoration: none;
    padding: 5px 15px;
    display: inline-block;
}

.category-filters a:hover {
    color: #999;
    text-decoration: none;
}

.category-filters a.selected {
    color: #33383d;
    font-weight: bold;
}

/* 璇勮 */
.latest-review-list {
    font-size: 13px;
}

.lt-ie8 .latest-review-list {
    margin-left: 0;
}

.latest-review-list .author-nickname {
    /*font-weight: bold;*/
    color: #555;
}

.latest-review-list .author-picture-link {
    float: left;
    margin: 0 10px 5px 0;
}

.latest-review-list .author-picture {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 3px;
}

.latest-review-list .review-content {
    font-size: 13px;
    color: #999;
    word-break: break-all;
    word-wrap: break-word;
}

.latest-review-list .review-footer {
    text-align: right;
    margin-top: 5px;
}

.latest-review-list .app-title {
    color: #555;
    font-size: 12px;
}

.latest-review-list .divider {
    width: 1px;
    border-left: 1px solid #ccc;
    margin: 0 5px;
}

.panel-box {
    margin-bottom: 65px!important;
}
.panel-deposit{margin-bottom: 15px;font-size: 16px;}
.panel-info-lay{margin-top: 30px;}
.panel-info-lay .panel-info-deposit{margin-top: 10px;}

.panel-box .box-body h3 {
    font-size: 24px;
    color: #999;
}

.panel-box .box-body h4 {
    margin: 0 auto;
    text-align: center;
}

.panel-box .box-body .btn-joinus {
    padding: 8px 35px;
    background: #FF842E;
    font-size: 20px;
    color: #fff;
    box-shadow: 1px 2px 4px #c85419;
}

/*.panel-title {
    position: relative;
    font-size: 24px;
    line-height: 27px;
    color: #9D9D9D;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    _border-bottom: 1px solid #ddd;
}*/

/*.panel-title:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #FF842E;
    height: 4px;
    width: 27px;
}

.panel-title .more {
    font-size: 16px;
    vertical-align: bottom;
    margin-top: 5px;
    color: #444;
}

.panel-title .more .forward {
    color: #FF842E;
}*/

.home-top-banner {
    background: #EAEAEA;
    margin-top: -21px;
}

.home-top-banner .home-top-bg {
    position: relative;
}

.join-developer {
    background: #F2F2F2;
    background: rgba(255,255,255,.6);
    position: absolute;
    left: 50%;
    margin-left: 285px;
    top: 30px;
    padding: 50px 34px 45px;
    border-radius: 10px;
    z-index: 999;
}

.join-developer-btn {
    background: #F2F2F2;
    background: rgba(255,255,255,.6);
    left: 50%;
    top: 30px;
    padding: 50px 34px 45px;
    border-radius: 10px;
}

.join-developer p {
    margin: 10px 0 25px;
    font-size: 14.81px;
    color: #919191;
}

.join-developer span {
    margin-right: 5px;
}

.join-developer .btn {
    border-radius: 8px;
    width: 216px;
    font-size: 14px;
    padding: 5px 15px;
    margin-bottom: 15px;
}

.join-developer .btn-learn-more {
    display: block;
    border: 2px solid #91E169;
    color: #58BF00;
}

.join-developer .btn-learn-more:hover,
.join-developer .btn-learn-more:active {
    color: #fff;
    background-color: #58BF00;
    border-color: #58BF00;
}

.join-developer .btn-apply {
    border: 2px solid #FDB685;
    color: #FF842E;
}

.join-developer .btn-apply:hover,
.join-developer .btn-apply:active {
    color: #fff;
    background-color: #FF842E;
    border-color: #FF842E;
}

.our-advantages {
    margin: 30px 0 45px;
    overflow: hidden;
}

.our-advantages .adv-list li {
    float: left;
    width: 136px;
    margin-right: 94px;
}

.our-advantages .adv-list li img {
    width: 135px;
    height: 135px;
}

.our-advantages .adv-list li p {
    text-align: center;
    margin-top: 20px;
    font-size: 17px;
    line-height: 30px;
    color: #585858;
}

.our-advantages .adv-list li p.first-line {
    text-align: left;
}

.our-advantages .adv-list li p.simple-line {
    line-height: 60px;
}

.panel-box.developer{
    margin-bottom: 200px;
}

.no-margin-right {
    margin-right: 0!important;
}

.home-index .nav-tabs {
    font-size: 14px;
    border-bottom: 0;
}

.home-index .nav>li>a {
    color: #444;
    border: none;
    padding: 10px 0;
    margin-right: 0;
}

.home-index .nav>li>a>span {
   padding: 10px;
}

.home-index .nav>li>a:hover,
.home-index .nav>li>a:focus {
    background-color: transparent;
}

.home-index .nav-tabs>li.active>a, 
.home-index .nav-tabs>li.active>a:hover, 
.home-index .nav-tabs>li.active>a:focus {
    color: #FF842E;
    border: none;
    text-decoration: underline!important;
    outline: none;
}

.apply-wide-list li {
    border-bottom: 1px solid rgba(0,0,0,0.18);
    _border-bottom: 1px solid #ddd;
    padding: 33px 0;
}

.apply-wide-list .apply-item {
    font-size: 14px;
}

.apply-wide-list .apply-item img {
    width: 135px;
    height: 135px;
    border-radius: 15px;
    margin-right: 30px;
    float: left;
}

.apply-item .apply-name {
    font-size: 20px;
    color: #585858;
    margin-right: 14px;
}

.apply-item .apply-version {
    font-size: 14px;
    color: #9D9D9D;
    margin-right: 31px;
}

.apply-item .apply-type {
    padding: 4px 5px;
    border-radius: 8px;
    background: #FFBD2E;
    color: #FFF0D8;
    margin-right: 11px;
}

.apply-item .apply-permissions {
    font-family: "瀹嬩綋";
    padding: 3px;
    color: #FFF0D8;
}

.apply-item .apply-permission {
    color: #9D9D9D;
}

.apply-item .apply-about {
    color: #444;
    margin-top: 15px;
    width: 450px;
    line-height: 16px;
    max-height: 31px;
    overflow: hidden;
}

.apply-item .item-right {
    height: 151px;
    text-align: right;
}

.apply-item .item-right .more {
    margin-top: 20px;
}

.apply-item .apply-price {
    line-height: 45px;
    color: #666;
    font-weight: bold;
}

.apply-item .price-count {
    color: #FF842E;
    font-size: 18px;
}

.apply-item .apply-price .item-label {
    font-weight: normal;
}

.apply-item .apply-price .item-label-center {
    font-weight: normal;
    margin-left: 25px;
}

.apply-item .price-count .icon {
    color: #FFA984;
    font-size: 16px;
}

.apply-item .free {
    line-height: 115px;
    font-size: 12.71px;
    color: #FF842E;
}

.apply-item .fav a,
.apply-item .unfav a {
    color: #444;
    display: block;
    font-size: 12px;
}

.apply-item .fav span,
.apply-item .unfav span {
    width: 15px;
    height: 15px;
    margin-bottom: 2px;
    vertical-align: bottom;
    display: inline-block;
    margin-right: 7px;
    background: url('../img/placeholder/fav-btn.png') no-repeat;
}

.apply-item .unfav span {
    background-position: -15px 0;
}

.apply-item .more a {
    color: #666;
}

.apply-item .more .forward {
    color: #FF842E;
    margin-left: 5px;
}

/*.site-navbar .navbar-nav > .user-dropdown.open > a, 
.site-navbar .navbar-nav > .user-dropdown.open > a:hover, 
.site-navbar .navbar-nav > .user-dropdown.open > a:focus {
    color: #ffffff;
    background-color: #FF842E;
}*/

/*.user-dropdown .dropdown-menu {
    position: absolute;
    top: 53px;
    background-color: #FF842E;
    min-width: 100px;
    border: none;
}

.user-dropdown .dropdown-menu>li>a {
    color: #fff;
    text-align: center;
}

.user-dropdown .dropdown-menu .divider {
    background-color: #FF8E3F;
}

.user-dropdown .dropdown-menu>li>a:hover, 
.user-dropdown .dropdown-menu>li>a:focus {
    background-color: #FF842E;
}*/

.developer-banner {
    height: 420px;
    background: url('../img/placeholder/developer-banner.png');
    background-color: #F7E7C5;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -22px;
}

.developer-index {
    width: 1000px;
    margin: 0 auto;
}

.app-process > img {
    margin: 42px 0 88px;
}

.center-btn .create-app img,
.join-developer .join-us img {
    width: 180px;
    height: 66px;
}

.center-btn {
    overflow: hidden;
}

.center-btn .join-developer {
    width: 257px;
    margin: 0 auto;
}

.center-btn .create-app,
.center-btn .join-developer {
    width: 180px;
    margin: 0 auto;
}

.our-cases {
    margin: 43px 0 45px;
    overflow: hidden;
}

.our-cases .cases-list li {
    float: left;
    width: 141px;
    margin-right: 145px;
}

.our-cases .cases-list li img {
    width: 135px;
    height: 135px;
    border-radius: 15px;
}

.our-cases .cases-list li p {
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px;
    color: #585858;
}

.our-cases .cases-list li a {
    text-decoration: none;
}

.developer-info .info-list {
    margin-bottom: 65px;
    overflow: hidden;
}

.developer-info .info-list li {
    width: 126px;
    margin-right: 92px;
    float: left;
}

.developer-info .info-list li img {
    width: 126px;
    height: 126px;
    margin: 32px 0 30px;
}

.developer-info .info-list li p {
    font-size: 16px;
    text-align: center;
    color: #404040;
}

.info-list li .info-title {
    color: #9D9D9D;
    font-size: 24px;
    line-height: 70px;
    position: relative;
}

.info-list li .info-title:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #FF842E;
    height: 4px;
    width: 27px;
}

.notification-index .panel {
    width: 1078px;
    margin: 0 auto;
    padding: 85px 110px;
    background: #FAFAFA;
    border-color: #FAFAFA;
    position: relative;
    box-shadow: none;
}

.notification .panel-heading h2 {
    color: #FF842E;
    font-size: 43.47px;
}

.notification-body {
    font-size: 16px;
    line-height: 29.59px;
    margin-bottom: 5px;
}

.notification-list {
    padding-bottom: 15px;
    border-bottom: 1px solid #F1F1F1;
}

.notification-footer {
    color: #9D9D9D;
}

.notification-bottom {
    width: 1078px;
    margin: -5px auto;
}

.media img.notification-volume {
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-right: 25px;
}

.business-icon {
    margin-top: -10px;
}

.notification-index .register .panel-heading h2 {
    text-align: center;
    color: #FF842E;
    font-size: 43.47px;
}

.panel-page.register .panel-heading {
    margin: 0 0 60px 0;
}

.register .text-success, 
.register .text-success:hover {
    color: #111;
    font-size: 18px;
    margin-bottom: 65px;
}

.register .text-success a, 
.register .text-success a:hover {
    color: #FF842E;
    text-decoration: underline;
}

.panel-page.register {
    padding: 85px 115px 50px 135px;
}

.check-btn {
    padding-left: 305px;
}

.check-btn .btn-link {
    color: #FF842E;
}

.check-btn .btn {
    font-size: 18px;
    padding: 11px 23px;
    border-radius: 10px;
}

/*鍒嗛〉*/
.pagination .backforward {
    width: 9px;
    height: 15px;
    margin-top: 2px;
    margin-right: 2px;
    float: left;
    background: url('../img/placeholder/paginator-forward.png');
    background-position: 0 0;
}

.pagination .forward {
    width: 9px;
    height: 15px;
    margin-top: 2px;
    margin-left: 2px;
    float: right;
    background: url('../img/placeholder/paginator-forward.png');
    background-position: -5px 0;
}

.pagination>.disabled>span, 
.pagination>.disabled>span:hover, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>a, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>a:focus {
    color: #666;
    background-color: #fff;
    border-color:  #ddd;
    cursor: not-allowed;
    margin-right: 10px;
    border-radius: 4px;
}

.pagination .paginator-page {
    color: #FF842E;
    background-color: #fff;
    border-color:  #ddd;
    cursor: pointer;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 4px;
}

.pagination>li>a.paginator-page:hover,  
.pagination>li>a.paginator-page:focus {
    background-color: #fff;
    color: #FF842E;
    border-radius: 2px;
    border-color:  #ddd;
}
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #FF8547;
    border-color: transparent;
    cursor: default;
    border-radius: 2px;
}

.pagination>li>a, .pagination>li>span {
    padding: 2px 10px;
    font-size: 14px;
    background-color: transparent;
    color: #888;
}

.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus {
    background-color: #FF842E;
    border-radius: 2px;
}

/*userpage*/
.userpage .panel-title {
    font-size: 23px;
    color: #FF842E;
}

.userpage .panel-default .empty {
    padding: 25px 10px;
    color: #888;
    font-size: 17.34px;
}

.userpage .my-count {
    font-size: 16px;
    margin: 30px 0 55px;
}

.userpage .my-count .price-count {
    color: #FF842E;
    margin: 0 30px 0 15px;
}
.userpage .my-count .price-num{
    font-size: 26px;
    margin-right: 10px;
}
.userpage .form-inline {
    margin: 25px 0 25px;
}

.userpage .form-inline .search-input {
    width: 303px;
}

.userpage .form-inline .search-btn {
    margin-left: 30px;
}

.bootstrap-notify-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  text-align: center;
  z-index: 2000;
}

.userpage table thead th {
    color: #666;
}

.userpage table thead {
    border-bottom: 1px solid #ddd;
}

.userpage table .not-pass {
    color: #E22B2B;
}

.userpage table .not-finish {
    color: #FF842A;
}

.userpage table .checking {
    color: #989898;
}

.userpage table .btn-group .order-cancell {
    color: #3498db;
    margin-left: 10px;
}

.userpage .my-count .order-recharge {
    margin-top: 3px;
}

/*developer-apply*/
.developer-apply-title {
    overflow: hidden;
    width: 570px;
    margin: 0 auto;
}

.developer-apply-title div {
    display: inline-block;
    width: 33%;
    font-size: 18px;
    color: #565656;
    float: left;
}

.developer-apply-title .start-apply {
    padding-left: 74px;
}

.developer-apply-title .applying {
    padding-left: 70px;
}

.developer-apply-title .apply-result {
   padding-left: 45px;
}

.apply-progress {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 60px;
}

.apply-progress img {
    width: 570px;
    height: 68px;
    margin-left: auto;
    margin-right: auto;
}

.developer-apply-info {
    font-size: 24px;
    color: #FF842E;
    text-align: center;
    margin-bottom: 60px;
}

#developer-apply-form,
#create-package-from {
    color: #666;
    font-size: 18px;
}

#developer-apply-form label,
#product-create-form label,
#create-package-from label {
    font-weight: normal;
}

#developer-apply-form .form-group .radios {
    color: #444;
    font-size: 19.52px;
}

/*.search-form .form-control:focus,
.form-control:focus {
    border-color: #FF842E;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,132,46,0.075),0 0 8px rgba(255,132,46,0.6);
    box-shadow: inset 0 1px 1px rgba(255,132,46,0.075),0 0 8px rgba(255,132,46,0.6);
}*/

.offset {
    margin-left: 22%;
}

#developer-apply-form .submit-btn {
    width: 585px;
    text-align: center;
    margin: 70px auto 160px;
}

#developer-apply-btn {
    border: none;
    outline: none;
    width: 191px;
    height: 53px;
    background: url('../img/placeholder/submit-apply.png'); 
}

.offset .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.back-index {
    text-align: center;
    overflow: hidden;
    margin-bottom: 115px;
}

.developer-applypass {
    overflow: hidden;
    margin-bottom: 115px;
    text-align: center;
}

.developer-applypass p {
    font-size: 18px;
}

.developer-applypass .btn,
.back-index .btn {
    font-size: 27px;
}

.app-header {
    position: relative;
    overflow: hidden;
    padding-bottom: 35px;
    border-bottom: 1px solid #ddd;
    _border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
}

.app-header:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #FF842E;
    height: 4px;
    width: 27px;
}

.app-header .app-picture {
    width: 151px;
    height: 151px;
    float: left;
    border-radius: 10px;
    margin-right: 35px;
}

.app-header .apply-name {
    font-size: 26px;
    margin-right: 5px;
}

.app-header .item-right {
    height: 117px;
    margin-top: 15px;
}

.app-header .price-count {
    line-height: 27px;
    font-weight: bold;
}


.header-bottom {
    line-height: 27px;
    vertical-align: bottom;
}

.header-bottom .icon {
    font-size: 16px;
    color: #FFA984;
    line-height: 20px;
    vertical-align: bottom;
}

.header-bottom .buy {
    margin-left: 100px;
    font-size: 18px;
    margin-right: 5px;
}

.header-bottom .buy:active {
    background-color: #DA610C;
}

.header-bottom .btn-fav {
    font-size: 18px;
    padding: 5px 25px;
    color: #FF842E;
    border: 1px solid #FF842E;
    margin-right: 5px;
}

.header-bottom .btn-fav:active,
.header-bottom .btn-fav:hover {
    text-decoration: underline;
}

.header-bottom .btn-unfav {
    font-size: 18px;
    padding: 5px 25px;
    color: #fff;
    background-color: #FFC706;
    
}

.header-bottom .btn-unfav:active,
.header-bottom .btn-unfav:hover {
    background-color: #ABABAB;
}


.app-info-body h3 {
    font-size: 24px;
    color: #FF842E;
    margin-bottom: 20px;
}

.app-info-body p {
    font-size: 16px;
}

.app-carousel {
    margin-bottom: 75px;
}

.app-carousel h3 {
    margin-bottom: 45px;
}

.carousel-indicators li {
    border: none;
    background: #666666;
}

.app-carousel .carousel-inner .item img {
    width: 722px;
    height: 406px;
    margin: 0 auto;
}

.app-carousel .carousel-control {
    width: 5%;
    opacity: 1; 
    filter: alpha(opacity=100);
}

.app-carousel .carousel-control.left,
.app-carousel .carousel-control.right {
    background-image: none;
}

.app-carousel .chevron-left,
.app-carousel .chevron-right {
    margin-top: 168px;
    display: block;
    width: 25px;
    height: 70px;
    background: url('../img/placeholder/chevron.png'); 
}

.app-carousel .chevron-right {
    margin-left: 17px;
    background-position: 26px 0; 
}

.carousel-control.left {
    left: 140px;
}

.carousel-control.right {
    right: 124px;
}

.carousel-indicators .active {
    background-color: #FF842E;
}

.app-info-body .app-info span {
    margin-right: 95px;
}

.app-info-body .app-info,
.app-info-body .app-introduction,
.app-info-body .update-introduction {
    margin-bottom: 50px;
}

.app-info-body .rating-list {
    margin-bottom: 125px;
}

.app-info-body .app-rating h3 span {
    margin-left: 12px;
    color: #9e9e9e;
    font-size: 16px;
}

.app-info-body .app-rating form {
    overflow: hidden;
}


.app-info-body .app-rating textarea {
    height: 272px;
}

.app-info-body .app-rating .rating-submit {
    width: 118px;
    height: 40px;
    margin-top: 25px;
    background: url('../img/placeholder/app-rating-submit.png');
    border:none;
}

.app-info-body .rating-list .user-rating-list li {
    border-bottom: 1px solid rgba(0,0,0,0.18);
    _border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.app-info-body .rating-list .user-rating-list li p {
    margin-top: 5px;
    margin-bottom: 20px;
}

.app-info-body .rating-list span {
    font-size: 16px;
    vertical-align: middle;
    color: #9D9D9D;
}

/*#user-profile-form,
#settings-avatar-form,
#settings-password-form,
#setting-email-form {
    margin-top: 50px;
}*/

.create-progress {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 60px;
}

.create-progress img {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.app-create-title {
    overflow: hidden;
    width: 600px;
    margin: 0 auto;
}

.app-create-title div {
    display: inline-block;
    width: 25%;
    font-size: 18px;
    color: #565656;
    float: left;
}

.app-create-title .create-app {
    padding-left: 50px;
}

.app-create-title .create-info {
    padding-left: 24px;
}

.app-create-title .create-apply {
    padding-left: 42px;
}

.app-create-title .create-sucess {
    padding-left: 25px;
}

#create-submit-btn {
    border: none;
    outline: none;
    width: 193px;
    height: 53px;
    background: url('../img/placeholder/create-app-btn.png');
}

#product-create-form .submit-btn {
    width: 555px;
    text-align: center;
    margin: 70px auto 160px;
}

.btn-create-info {
    padding: 2px 18px;
    background: #FF842E;
    font-size: 20px;
    color: #fff;
    box-shadow: 1px 2px 4px rgba(200,84,25,1);
}

.btn-create-info:active:focus {
    outline: none;
    outline-offset: 0;
    box-shadow: 1px 2px 4px rgba(200,84,25,1);
}

#create-package-from .submit-btn {
    width: 555px;
    text-align: center;
    margin: 70px auto 80px;
}

.unorder {
    background-color: #FF842E;
    border-color: #FF842E;
    color: #ffffff;
}

.app_icon_md {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    margin-right: 30px;
    float: left;
}

.app_icon_sm {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    margin-right: 10px;
    float: left;
}


/*home page slide*/
.open-home-banner {
    margin-top: -21px;
}

.open-home-banner .carousel-inner .item {
    width: 100%;
    height: 420px;
}

.open-home-banner .carousel-inner .item a {
    font: 0/0 a;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.open-home-banner .carousel-indicators li {
    background-color: #fff;
}

.open-home-banner .carousel-indicators .active {
    background-color: #FF842E;
}

@media (min-width: 1200px) {
    .contentpage #content-container {
         width: 970px;
    }
}

.es-row-wrap .page-header h1 {
    font-size: 24px;
}

.homepage-feature .cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: absolute;
    bottom: 10px;
    overflow: hidden;
}

.homepage-feature .cycle-pager span {
    font-family: arial;
    font-size: 40px;
    width: 10px;
    height: 10px;
    display: inline-block;
    color: #ddd;
    color: rgba(255, 255, 255, 0.25);
    cursor: pointer;
    line-height: 18px;
    margin-right: 20px;
}

.homepage-feature span.cycle-pager-active {
    color: #fff;
}

.homepage-feature {
    position: relative;
    overflow: hidden;
    /*margin-top: -20px;*/
    height: 420px;
    width: 100%;
}

.homepage-feature .banner-item {
    height: 420px;
    width: 100%;
}

.homepage-feature .open-banner-img {
    height: 420px;
    width: 100%
}

/*.homepage-feature .open-banner-img > a {
    font: 0/0 a;
    width: 100%;
    height: 100%;
    display: block;
}*/

.open-article-divider {
    width: 1140px;
    height: 1px;
    margin: 0 auto;
    background-color: #ddd;
}

.open-article-link {
    text-decoration: none;
    font-size: 16px;
    color: #333;
}

.open-article-link:hover {
    color: #333;
}

.open-alert-list ul {
    height: 21px;
    line-height: 21px;
    overflow: hidden;
}

.banner-volume {
    line-height: 25px;
    vertical-align:middle;
    margin-top: 8px;
    color:#3e3e3e;
    font-size:14px;
}

.banner-article {
    background:#ebf6f1;
    height:40px;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    line-height: 1.75;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}


.key-success .input-group-addon {
    border-color: #FF842E;
    background-color:#ffffff;

}

.key-success .accessKey {
    border-width:1px;
    border-color: #FF842E;
}
.submit-success{
    background-color: #e5f8f5;
    border: 1px solid #55d7c3;
    position: relative;
    height: 182px;
    margin-top: 30px;
}
.panel-success p{
  width: 255px;
  margin: 0 auto;
  color: #777;
  line-height: 30px;
  padding-top: 30px;
}
.panel-success p span:first-child{
    font-size: 24px;
}
.panel-success .glyphicon{
    font-size: 52px;
    color: #21C67E;
    position: absolute;
    left: 249px;
    top: 33px;
}
.submit-success.row{
    margin-left: 0;
    margin-right: 0;
}
.submit-success .panel-need{
      width: 428px;
      margin: 0 auto;
      padding-top: 29px;
      color: #777;

}
/*fail start*/
.submit-error{
    background-color: #F2DEDE;
    border: 1px solid #a94442;
    position: relative;
    height: 182px;
    margin-top: 30px;
}
.panel-error p{
  width: 250px;
  margin: 0 auto;
  color: #777;
  line-height: 30px;
  padding-top: 30px;
}
.panel-error p span{
    font-size: 24px;
}
.panel-error .glyphicon{
    font-size: 52px;
    color: #a94442;
    position: absolute;
    left: 249px;
    top: 33px;
}
.submit-error.row{
    margin-left: 0;
    margin-right: 0;
}
.submit-error .panel-need{
      width: 428px;
      margin: 0 auto;
      padding-top: 29px;
      color: #777;

}
.panel-need span{
    padding-left: 20px;
}

.row .invoice-info{
    line-height:30px;
}

.invoice-prompt{
    margin-top: 30px;
    padding: 20px;
}
.userpage-alert{
        background-color:  #e4f8f6;
        border:1px solid #b9e8de;
        color: #999;
        margin-top: 30px;
}
.userpage-alert span{
        color: #FF842E;
        padding: 0 5px;
}


.darawmoney-amount{
      color: #FF842E;
      font-size:26px;
}

.panel-success .single{  
  padding-top: 45px;
}
 
.panel .panel-table th{background:#e6e6e6;text-align: center;}
.userpage .panel .panel-table td{text-align: center;background:none;border-bottom: 1px solid #ccc;}
.panel .form-seach{margin:0 80px 0 30px;}
.panel .form-num em{font-style: normal;color: #FF842E;margin: 0 5px;}

.panel-apply-deposit label{font-weight: normal;color: #555;}
.panel-apply-deposit .apply-deposit-title{margin-bottom:10px;color:#333;padding-bottom: 10px;font-size: 16px;font-weight: bold;margin-top: 30px;}

.bindUrl
{
    color: #00B8F5;
}

.light-color {
  color: #666666 !important;
}

/*banner图编辑区样式*/
.banner-detail-btn {
    position:absolute;
    /*left:190px;*/
    left: 50px;
    top:280px;
    padding:12px 52px;
    color:#fff;
    border:1px solid #fff;
}
.banner-detail-btn:hover {
    color: #fff;
    background-color: #428af0;
}
.banner-intro {
    position:absolute;
    left: 45px;
    color: #fff;
    font-size: 48px;
    padding-top: 90px;
}
.banner-intro .point {
    color: #faeb47;
}
.banner-intro .subpoint {
    font-size: 16px;
    letter-spacing: 0;
    padding-left: 6px;
}