/*增加v-cloak解决加载时闪烁的问题*/
[v-cloak] {
    display: none;
}

/*去掉ul li前面的空白和小黑点*/
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*两个div设置其中一个固定宽度，另一个填充满窗口:*/
/*思路：左边的绝对定位，并定宽200px，右边的设置margin-left:200px*/
.div_label {
    height: 38px;
    line-height: 38px; /*保证文字内容上下垂直居中*/
    position: absolute;
    width: 150px;
}

.common-layout {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px 20px;
}

@media (max-width: 767px) {
    .common-layout {
        padding: 0px;
    }
}

.line-spa {
    margin-bottom: 20px;
}

.d_spa {
    width: 100%;
    height: 38px;
    margin-bottom: 20px;
}

.m_inline {
    float: left;
    margin-right: 30px;
    margin-bottom: 5px;
}

.checkbox_label {
    color: black;
    font-weight: normal !important;
    font-size: 14px;
    padding-top: 2px;
}

.select-width {
    width: 25%;
}

.t_align {
    text-align: right;
}

.t_float {
    margin-left: 180px;
}

.div_float {
    margin-left: 150px;
}

.m_switch {
    height: 38px;
    padding-top: 7px;
}

.tittle_label {
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    color: grey;
    height: 34px;
    line-height: 34px;
}

.p_label {
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 13px;
    color: grey;
    margin-top: 8px;
}

.remove_text {
    margin-left: 20px;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
}

.p_span {
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    color: #0087E1;
    height: 38px;
    line-height: 38px;
}

.upload_button {
    heigt: 34px;
    line-height: 34px;
    width: 120px;
    background-color: white;
    border: 1px solid #0087E1;
    border-radius: 5px;
    font-size: 14px;
    color: #0087E1;
}

.copy_download_button {
    heigt: 12px;
    line-height: 12px;
    background-color: white;
    border: 1px solid #0087E1;
    border-radius: 3px;
    font-size: 12px;
    color: #0087E1;
    padding: 1px 2px;
}

.edit_button {
    heigt: 12px;
    line-height: 12px;
    width: 32px;
    background-color: #31b0d5;
    border: 1px solid #269abc;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    padding: 1px 2px;
    margin-left: 10px;
}

.button_no_bar {
    color: #0062cc;
    border: none; /*去掉边框*/
    background: none; /*背景透明*/
    padding: 1px 3px;
}

.column_func {
    float: left;
}

.column_func_bar {
    float: left;
    color: darkgrey;
    padding: 1px 3px;
}

.add_img_button {
    color: white;
    border: 1px #f0ad4e solid;
    background: #f0ad4e;
    padding: 1px 6px;
    border-radius: 5px;
    font-size: 12px;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.app_step {
    font-size: 26px;
    color: #ffffff;
    width: 20%;
}

/*垂直排列*/
.flex_column {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-direction: column;
}

/*左右靠边*/
.flex_between {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: space-between;
}

/*靠右对齐*/
.flex_right {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: flex-end;
}

/*水平居中*/
.flex_justify_center {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: center; /*水平排列方式: 居中*/
}

.app_step .ivu-steps-head-inner {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    font-weight: 700;
    border: 0;
    border-color: #2d8cf0;
    background-color: #2d8cf0;
    border-radius: 50%;
}

.app_step .ivu-steps-head-inner-gray {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    font-weight: 700;
    border: 0;
    border-color: #e0e0e0;
    background-color: #e0e0e0;
    border-radius: 50%;
}

/*垂直居中*/
.flex_align_center {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    align-items: center; /*垂直排列方式: 居中*/
}

.app_step_inner {
    width: 100%;
    height: 2px;
    background-color: #d7d7d7;
}

.app_step_inner_txt {
    width: 100%;
    height: 2px;
    background-color: transparent;
}

.app_step_txt {
    font-size: 16px;
    color: #585858;
    width: 20%;
}

.fill_infomation_lable {
    width: 150px;
    text-align: right;
    padding-right: 20px;
}

.fill_infomation_value {
    width: 500px;
    height: 40px;
    padding-top: 4px;
}

.fill_input {
    height: 30px;
    width: 490px;
    font-size: 18px;
    background-color: #ffffff;
}

.uploadAccount_center {
    background-color: #eaeaea;
    border-bottom: 1px #dddddd solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.back_list {
    font-size: 16px;
    margin-bottom: 15px;
}

.tab-title {
    width: 100%;
    background-color: #F8F8F8;
    border-bottom: 1px #dddddd solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tab-title li {
    float: left;
    width: 100%;
    padding: 9px 5px;
    text-align: center;
    background-color: #eaeaea;
    cursor: pointer;
}

@media (max-width: 767px) {
    .tab-title li {
        width: 25%;
    }
}

.tab-title .active {
    background-color: #09f;
    color: #fff;
}

.app_basic_information_box {
    background-color: #ffffff;
    color: #7a7a7a;
}

.image_w_h {
    width: 100px;
    height: 100px;
}

.app_status_label_online {
    background-color: #c1cbc6;
    padding: 10px 20px 10px 20px;
    color: #233e2b;
    border-radius: 10px;
    margin: 0 30px 0 10px;
}

.app_status_label {
    background-color: #dadada;
    padding: 10px 20px 10px 20px;
    color: #000000;
    border-radius: 10px;
    margin: 0 30px 0 10px;
}

.app_status_up_button {
    background-color: #1f450a;
    color: #ffffff;
    border-radius: 10px;
    margin-right: 50px;
    padding: 10px 20px 10px 20px;
}

.update_app_button {
    background-color: #4a6a4f;
    color: #ffffff;
    border-radius: 10px;
    margin-right: 20px;
    padding: 10px 20px 10px 20px;
}

.adapt_ios_device {
    padding-left: 100px;
    margin: 0 0 20px 0;
}

.div_line {
    width: 100%;
    height: 1px;
    background-color: #ececec;
}

.download_information {
    color: #40433c;
}

.today_ana {
    margin: 10px 5px;
}

.yestoday_ana {
    margin: 30px 30px 0px 30px;
    padding-bottom: 30px;
}

.today_div {
    width: 10%;
}

.column_div {
    width: 90%;
}

.round_text {
    padding: 5px;
    text-align: center;
    border-radius: 50%;
    background-color: #0d6aad;
    color: #ffffff;
}

.div_column_av li {
    width: 25%;
    display: flex;
    alignment: center;
}

.round_text_yes {
    margin-left: 120px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #ad2696;
    color: #ffffff;
}

.bottom_margin {
    height: 0.5px;
}

.app_change_description {
    background-color: #ffffff;
    font-size: 16px;
}

.app_change_des_label {
    width: 120px;
    font-size: 16px;
}

.input_app_change_box {
    padding: 5px;
    border-radius: 10px;
    margin: 10px;
}

.input_app_change {
    width: 100%;
    background-color: #f7f7f7;
    padding: 5px;
    border-radius: 10px;
}

.app_change_des_txt {
    width: 20%;
    color: #777777;
}

/*弹性盒子横排自动换行——宽度有效*/
.flex_wrap {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.input_app_domain {
    width: 93%;
    background-color: #f7f7f7;
    margin: 2px 5px 2px 5px;
    padding: 2px 10px 2px 10px;
}

.apple_app_add_imgs {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.apple_app_add_img {
    width: 35px;
    height: 35px;
}

.apple_app_add_button {
    color: #DFDFDF;
    margin-top: 20px;
    font-size: 18px;
}

.apple_app_add_img_box {
    width: 100px;
    height: 100px;
    background-color: white;
    position: relative;
}

.img_box_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.app_change_des_content_images {
    width: 80%;
}

.upload_apple_app_add_imgs {
    width: 166px;
    height: 240px;
    padding-right: 6px;
    margin-bottom: 15px;
    background-color: white;
    position: relative;
}

.main-content {
    background-color: #eaeaea;
}

.right_space {
    margin-right: 30px;
}

.button_append_input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-left: 10px;
}

.append_input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: 20px;
}

.select_append_input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none; /*去掉右边的边框*/
    padding: 5px;
}

.input_append_button {
    border-radius: 0px;
    padding: 5px;
}

.p_text {
    margin-bottom: 6px;
    font-size: 14px;
    color: #929292;
}

.whole_progress {
    width: 300px;
    margin-top: 10px;
    text-align: left;
    color: #00a65a;
    font-weight: bold;
}

.upload_progress {
    margin-top: 10px;
    margin-bottom: 0;
    width: 300px;
    text-align: center;
    display: none;
}

.imgs_setting {
    position: relative;
    width: 160px;
    height: 240px;
    border: 0;
    -moz-border-radius: 5px; /*设置图片放置框的圆角样式*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/*设置图片的圆角样式*/
img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.imgs_setting p {
    margin: 0;
    display: none;
}

.imgs_setting:hover p.del_now {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    color: black;
    font-size: 13px;
    width: 160px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.separate_style {
    color: darkgrey;
    padding: 1px 6px;
}

/*消除上个div的浮动效果对本div的影响*/
.float_clear {
    clear: both;
}

.select_inline {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: flex-start; /*在主轴上的对齐方式*/
}

.text_spend_form {
    height: 34px;
    line-height: 34px;
}

.checkbox_self_fa {
    text-align: center;
    vertical-align: middle;
}

.align_center {
    text-align: center;
}

.checkbox_self {
    width: 14px;
    margin: 0 5px 0 0 !important;
}

.input-border-color {
    border-color: #0070ccb9;
}

.margin-r10 {
    margin-right: 10px;
}

.margin-r20 {
    margin-right: 20px;
}

.margin-r40 {
    margin-right: 40px;
}

.margin-t6 {
    margin-top: 6px;
}

.margin-t10 {
    margin-top: 10px;
}

.margin-t15 {
    margin-top: 15px;
}

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

.margin-b5 {
    margin-bottom: 5px;
}

.margin-b6 {
    margin-bottom: 6px;
}

.width-80 {
    width: 80%;
}

.width-50 {
    width: 50%;
}

.width-40 {
    width: 40%;
}

.width-25 {
    width: 25%;
}

.l-h-in {
    line-height: inherit;
}

.margin-l30 {
    margin-left: 30px;
}

.margin-l15 {
    margin-left: 15px;
}

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

.input-group-text {
    width: 100px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    border: 1px solid rgba(0, 112, 204, 0.725);
    /*background-color: white;*/
}

.kaptcha_btn {
    font-size: 12px;
    width: 85px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #337ab7;
    color: #337ab7;
    text-align: center;
    padding: 0;
    background-color: white;
}

.kaptcha_btn:disabled {
    border: 1px solid #bbb;
    color: #aaa;
    background-color: #efefef;
}

.jus_center {
    justify-content: center;
}

.jus_between {
    justify-content: space-between;
}

/*从上到下垂直排列*/
.fl_di_cz {
    flex-direction: column;
}

.dis_inline {
    display: inline;
}

.vi-pos {
    display: none;
}

.vo-pos {
    display: block;
}

.mar-b10-on {
    margin-bottom: unset;
}

.margin-l10-on {
    margin-left: 10px;
}

.margin-l15-on {
    margin-left: 15px;
}

.wid_fill {
    width: 25px;
}

.tips-light:hover {
    cursor: pointer;
}

.padding_ad {
    padding: 15px 60px;
}

.margin-l20-on {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .vi-pos {
        display: block;
        float: right;
    }

    .vo-pos {
        display: none;
    }

    .mar-b10-on {
        margin-bottom: 10px;
    }

    .margin-l10-on, .margin-l15-on {
        margin-left: 0px;
    }

    .padding_ad {
        padding: 15px 10px;
    }

    .margin-l20-on {
        margin-left: 0px;
    }

    .width-50 {
        width: 100%;
    }
}

/**********重写jqGrid锁定列样式***********/
th.ui-th-ltr {
    height: 45px !important;
}

.frozen-bdiv {
    top: 45px !important;
    height: auto !important;
}
/**********重写jqGrid锁定列样式***********/

/***************************同行显示的实现自适应手机*************************/
/*
1.几个临界点的分辨率：768、992、1200
2.用min-width时，从小到大放；用max-width时，从大到小放
3.css中用@media时最大最小都包含等于，所以常用：
 @media (min-width: 768px)
 @media (min-width: 992px)
 @media (min-width: 1200px)
 @media (max-width: 1199px)
 @media (max-width: 991px)
 @media (max-width: 767px)
*/

/*保持在同一行显示*/
.keep-in-line {
    display: flex;
    align-items: center;
}

/*在同一行显示或取消*/
.keep-inline-or-not {
    display: flex;
    align-items: center;
}

/*左悬浮或取消*/
.float-left-or-not {
    float: left;
}

/*左悬浮或取消*/
.float-right-or-not {
    float: right;
}

@media (max-width: 767px) {
    /*在同一行显示或取消*/
    .keep-inline-or-not {
        display: block;
    }

    /*每个保持同行显示的换行后自动加间隔*/
    .keep-inline-or-not .keep-in-line + .keep-in-line {
        margin-top: 10px;
    }

    /*左悬浮或取消*/
    .float-left-or-not {
        float: unset;
    }

    /*左悬浮或取消*/
    .float-right-or-not {
        float: unset;
        margin-top: 10px;
    }
}

/***************************同行显示的实现自适应手机*************************/