/*弹出窗口层样式*/
.mbprogresshud {
    padding:20px;
    background:rgba(0,0,0,0.9);
    border-radius:5px;
    position:fixed;
    color:#FFF;
    font-size:16px;
    display:none;
    z-index:999;
    text-align:center;
}
.mbprogresshud p {line-height: 20px;}
/*正在处理效果样式*/
#loading-center-absolute {
    position: fixed;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-animation: loading-center-absolute 1s infinite;
    animation: loading-center-absolute 1s infinite;
    z-index:10004;

}
.object{
    width: 20px;
    height: 20px;
    background-color: #FFF;
    float: left;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    margin-right: 20px;
    margin-bottom: 20px;
}
.object:nth-child(2n+0) {
    margin-right: 0px;

}
#object_one{
    -webkit-animation: object_one 1s infinite;
    animation: object_one 1s infinite;
}
#object_two{
    -webkit-animation: object_two 1s infinite;
    animation: object_two 1s infinite;
}
#object_three{
    -webkit-animation: object_three 1s infinite;
    animation: object_three 1s infinite;
}
#object_four{
    -webkit-animation: object_four 1s infinite;
    animation: object_four 1s infinite;
}

@-webkit-keyframes loading-center-absolute{
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}
@keyframes loading-center-absolute{
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}




@-webkit-keyframes object_one{
    50% {
        -ms-transform: translate(20px,20px);
        -webkit-transform: translate(20px,20px);
        transform: translate(20px,20px);
    }
}
@keyframes object_one{
    50% {
        -ms-transform: translate(20px,20px);
        -webkit-transform: translate(20px,20px);
        transform: translate(20px,20px);
    }
}


@-webkit-keyframes object_two{
    50% {
        -ms-transform: translate(-20px,20px);
        -webkit-transform: translate(-20px,20px);
        transform: translate(-20px,20px);
    }
}
@keyframes object_two{
    50% {
        -ms-transform: translate(-20px,20px);
        -webkit-transform: translate(-20px,20px);
        transform: translate(-20px,20px);
    }
}



@-webkit-keyframes object_three{
    50% {
        -ms-transform: translate(20px,-20px);
        -webkit-transform: translate(20px,-20px);
        transform: translate(20px,-20px);
    }
}
@keyframes object_three{
    50% {
        -ms-transform: translate(20px,-20px);
        -webkit-transform: translate(20px,-20px);
        transform: translate(20px,-20px);
    }
}



@-webkit-keyframes object_four{
    50% {
        -ms-transform: translate(-20px,-20px);
        -webkit-transform: translate(-20px,-20px);
        transform: translate(-20px,-20px);
    }
}
@keyframes object_four{
    50% {
        -ms-transform: translate(-20px,-20px);
        -webkit-transform: translate(-20px,-20px);
        transform: translate(-20px,-20px);
    }
}

/*************************************************************************************************************/
html {
    color: #000;
    /*规定主色调,依据业务场景(非必须)*/
    background: #fff;
    /*规定主背景,依据业务场景(非必须)*/
    overflow-y: auto;
    /*如果有溢出自动形成滚动条*/
    -webkit-text-size-adjust: 100%;
    /*不想让iPhone横坚屏切换的时候调节文字*/
    -ms-text-size-adjust: 100%;
}



input,select,textarea {
    font-size: 100%;
    resize:none;
}

fieldset,img {
    border: none;
    vertical-align: top;
    width: 100%;
}

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





button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;  /*渲染成button的风格*/
    text-transform: none;
    outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;  /*输入框提示语的字体样式*/
}

input::-webkit-inner-spin-button {/*解决input的type="number"在部分手机端会出现一个小按钮*/
    -webkit-appearance: none;/*去除系统默认appearance的样式,常用于IOS下移除原生样式*/
}

input::-webkit-outer-spin-button {/*解决input的type="number"在部分手机端会出现一个小按钮*/
    -webkit-appearance: none;
}

textarea {
    vertical-align: top;
}

button,
input {
    line-height: normal;
}

select {
    margin: 0;
    outline: 0;
}

input.fixAKeyboard:focus,
textarea.fixAndroidKeyboard:focus {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

button,
input[type=button],
input[type=checkbox],
input[type=reset],
input[type=submit],
label {
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

input[type=submit] {
    -webkit-user-modify: read-plaintext-only;
    -moz-user-modify: read-plaintext-only;
    -ms-user-modify: read-plaintext-only;
    -o-user-modify: read-plaintext-only;
    user-modify: read-plaintext-only;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type='search'] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}



.row-sb-center {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.row-sb-start {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.row-center-center {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.row-start-center {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.row-end-center {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.row-start-end {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}
.col-center-start {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.col-center-center {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.col-sb-start {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.col-start-end {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}


*,
*:before,
*:after {
    box-sizing: border-box; /*所有元素以border开始计算盒子大小*/
}

.clearfix:after,
.clearfix:before {   /*清除浮动*/
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* 弹-模仿androidtoast提示 */
.tan_bg {width: 100%;height: 100%;max-width: 640px;position: fixed;top: 0;background: rgba(0, 0, 0, 0.7);}
.tan_box {border-radius: 5px;overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.tan_box .tan_top {background: #fff;}
.tan_box .tan_bottom {background: #e1ebed;}
.success_box {width: 94.6%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 5px;border-bottom: 51px solid #e1ebed;text-align: center;}
.success_box .success_ico {width: 16.9%;margin: 23px auto 13px;}
.success_box p:nth-of-type(1) {font-size: 25px;}
.success_box p:nth-of-type(2) {font-size: 15px;margin: 20px 0 30px;line-height: 20px;}
.success_box a {display: block;color: #fff;height: 37px; line-height: 37px; width: 160px;border-radius: 5px;font-size: 16px;position: absolute;bottom: -26px;left: 50%;transform: translateX(-50%);}

/*确认窗口样式*/
.mo-confirem{
    position:fixed;
    border-radius:5px;
    background:#fff;
    border:1px solid #ccc;
}
.mo-confirem-content{
    padding:20px 30px;
    text-align:center;
    border-bottom:1px solid #ccc;
}
.mo-confirem-content .msg{
    color:#999999;
    font-size:14px;
}
.mo-confirem-button{
    width:100%;
}
.mo-confirem-button p{
    width:50%;
    text-align:center;
}
.mo-confirem-button span{
    padding:10px 0;
    width:100%;
    height:100%;
    display:block;
}
.mo-confirem-button .price span{
    border-left:1px solid #ccc;
}