/*全局样式表*/

/*html {

}*/

body{font:13px'Trebuchet MS', Verdana, Helvetica, sans-serif; color: #666; }body input {font: 13px 'Trebuchet MS', Verdana, Helvetica,sans-serif; color: #666;}

.allCSSContentMain {
    top:0px;
}
.allCSSContentMainTop-20 {
    top:3.92rem;
}

/*必须将ion-conent中的scroll类的高度设置为100%*/
.scroll {
    height:100%;
}

/*登录页需要将 scroll不能设置高度*/
.loginContentMainShowView .scroll {
    height:0px;
}


/***顶部背景层样式[start]****/

.allCssTopImgBackGround {
    position:relative;
    width:100%;
}
    .allCssTopImgBackGround .allCSSTopImg {
        background-image: url('../../../Content/UI/Images/BackGroundImg/topImg.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 5.5rem;
        position: relative;
        text-align:center;
        padding-top:5px !important;
    }
    .allCssTopImgBackGround .allCSSTopWZ {
        color: white;
        font-weight:600;
    }

        .allCssTopImgBackGround .allCSSTopImg .allCSSP1 {
            
            color: #fff;
            position: absolute;
            top: 1.6rem;
            left: 1.7rem;
        }

        .allCssTopImgBackGround .allCSSTopImg .allCSSP2 {
            color: #fff;
            position: absolute;
            top: 2.6rem;
            left: 3.2rem;
        }

            .allCssTopImgBackGround .allCSSTopImg .allCSSP2 span {
           
                font-weight: 500;
            }


    .allCssTopImgBackGround .allCSSTopImgHearder {
        background-image: url('../../../Content/UI/Images/BackGroundImg/topImgHeader.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        position: relative;
        text-align:center;
        padding-top:15px;
    }
    .allCssTopImgBackGround .allCSSTopImgNewHeight {
        height:3.6rem;
        box-shadow: 0 0 10px 1px #000;
        -webkit-box-shadow: 0 0 10px 1px #000;
        padding-top:5px !important;
    }
    .allCssTopImgBackGround .allCSSTopImgHearder .allCSSP1 {
      
            color: #fff;
            position: absolute;
            top: 32%;
            left: 15%;
        }

        .allCssTopImgBackGround .allCSSTopImgHearder .allCSSP2 {
        
            color: #fff;
            position: absolute;
            top: 49%;
            left: 30%;
        }

            .allCssTopImgBackGround .allCSSTopImgHearder .allCSSP2 span {
              
                font-weight: 500;
            }


    .allCssTopImgBackGround .allCSSDataHZ {
        position: absolute;
        top: 79%;
        width: 88%;
        left: 6%;
        background: #fff;
        border-radius: 8px;
        -webkit-border-radius: 8px;
    }
    .allCssTopImgBackGround .allCSSDataHZDiv {
        width: 50%;
        float: left;
        background: #fff;
        text-align: center;
        padding-top:0.56rem;
        padding-bottom:0.56rem;
    }
    .allCssTopImgBackGround .borderRadus1 {
        border-top-left-radius: 8px;
        -webkit-border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        position:relative;
    }
    .allCssTopImgBackGround .borderRadus2 {
        border-top-right-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
    }

    .allCssTopImgBackGround .allCSSFGX {
        border-right: 1px solid #ddd;
        width: 1px;
        height: 80%;
        position: absolute;
        right: 0;
        top: 10%;
        bottom:5px;
    }

/***顶部背景层样式[end]****/

/************顶部日期选择搜索[start]*****************/

.allCSSTopImgHearder .allCSSMainDate {
    width: 100%;
    position: absolute;
    top: 2.66rem;
    z-index:8;
}
    .allCSSTopImgHearder .allCSSMainDate .allCSSDateItem {
        width: 25%;
        float: left;
        text-align: center;
        color: #fff;
       
    }
        .allCSSTopImgHearder .allCSSMainDate .allCSSDateItem .allCSSDateP1 {
            margin-bottom: 5px;
            
        }
        .allCSSTopImgHearder .allCSSMainDate .allCSSDateItem .allCSSDateActiveP {
            border: 1px solid #fff;
            width: 80%;
            padding: 0px;
            margin-left: 10%;
        }
.allCSSTopImgHearder .allCSSMainDate .allCSSActiveFontWieght {
    font-weight:500;
}

/************顶部日期选择搜索[end]*****************/



.allcss-display-hidden {
    display:none;
}
.logoImgMain {
    width:98%;
    height:100%;
}
.allClassMainImg {
    width:4.5rem;
    height:1.5em;
    margin-left:5px;
    position:absolute;
    bottom:0.8rem;
    left:1.6rem;
}
.allClassMainImgLogo {
    width:1.6rem;
    height:1.6rem;
    position:absolute;
    bottom:0.5rem;
    margin-left:10px;
}

/*弹出提示框样式表，适用于全局*/
.popup-container.active .popup {
    border-radius:15px;
    -webkit-border-radius:15px;
}
.popup-buttons {
    min-height:30px;
    /*width:50%;*/
}
    .popup-buttons .button {
        min-height:30px;
        border-radius:10px;
        -webkit-border-radius:10px;
        /*left:55%;*/
    }
.popup-body {
    padding:20px;
   
    font-weight:800;
}
.popup-head {
    padding:10px;
}

/*********底部导航栏样式表***********/
.tabs-positive > .tabs, .tabs.tabs-positive {
    border-color: #0a9dc7;
    background-color: #0CA5EE;
    background-image: linear-gradient(0deg,#0a9dc7,#0a9dc7 50%,transparent 50%);
    color: #fff;
}

/*顶部导航栏背景色*/
.bar.bar-calm{
    border-color: rgba(0,191,255,1);
    background-color: rgba(0,191,255,1);
    background-image: linear-gradient(0deg,rgba(0,191,255,1),rgba(0,191,255,1) 50%,transparent 50%);
    color: #fff;
}

/*网络错误提示框显示效果*/
.errorShow {
    animation:errorShow 1.5s;
	-webkit-animation:errorShow 1.5s; /* Safari and Chrome */
    position:fixed;
    text-align:center;
    bottom:25%;
    width:50%;
    z-index:9999;
    margin-left: 25%;
}
@keyframes errorShow
{
   0% {opacity:0;}
   25% {opacity:0.3;}
   50% {opacity:0.5;}
   75% {opacity:0.8;}
   100% {opacity:1;}
}

@-webkit-keyframes errorShow 
{
 0% {opacity:0;}
   25% {opacity:0.3;}
   50% {opacity:0.5;}
   75% {opacity:0.8;}
   100% {opacity:1;}
}
@-moz-keyframes errorShow {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes errorShow {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

.errorShow p {
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    font-weight: 600;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left:5px;
    padding-right:5px;
}
.errorAlertShowHidden {
    display:none;
}

.dateCloseShow {
    right:8px;
}

/****顶部提示框【start】*****/

.topShowBox {
    width: 100%;
    background-color: rgba(17, 17, 17, 0.61);
    z-index: 4;
    position: absolute;
    color: #f8f8f8;
    
    font-weight: 600;
    padding-right: 30px;
    padding-left: 2.2em;
    padding-bottom: 12px;
    padding-top: 12px;
}
    .topShowBox i {
       
        position: absolute;
        right: 10px;
        top: 12px;
        font-size:20px;
    }

/*******顶部提示框【end】******/

/************全局背景色【start】****************/

.allBackoundColor {
    background:#efeff4;
}

/************全局背景色【end】****************/

/*欠费预览明细*/
.jfjlSecMxList .item {
    padding-left:16px;
}

/************************全局背景色【start】****************************/

.mainColor {
    background-color: rgba(17, 142, 234, 0.85);/*原来*/
}

.xfColor {
    background:linear-gradient(rgb(17, 142, 234),#00BFFF);
}

.qtsfColor {
    background:linear-gradient(#09B7B7,#00BFFF);
}

/************************全局背景色【end】****************************/




/*******************顶部导航栏淡入淡出[start]*********************/

/*纯白样式时*/
.topBackGroundWhile {
    background: rgba(255,255,255,1);
    box-shadow: 0 0 10px 1px #D0D0D0;
}

    .topBackGroundWhile .button-clear {
        color:#404040;
    }

    .topBackGroundWhile .title {
        color:#404040;
    }


.initTopBackgtound {
    background: rgba(255,255,255,0);
}

    .initTopBackgtound  .button-clear {
        color: #fff;
    }
    .initTopBackgtound .title {
        color: #fff;
    }

.topBackGroundAmin {
    animation:backAmin 2.2s;
	-webkit-animation:backAmin 2.2s; /* Safari and Chrome */
    background:rgba(255,255,255,1);
    box-shadow: 0 0 10px 2px #D0D0D0;
}
    .topBackGroundAmin .button-clear,.title {
        color:#404040;
    }
@keyframes backAmin
{
   0% {background:rgba(255,255,255,0);}
   100% {background:rgba(255,255,255,1);}
}

@-webkit-keyframes backAmin {
   0% {background:rgba(255,255,255,0);}
   100% {background:rgba(255,255,255,1);}
}

@-moz-keyframes backAmin {
   0% {background:rgba(255,255,255,0);}
   100% {background:rgba(255,255,255,1);}
}

@-o-keyframes backAmin {
   0% {background:rgba(255,255,255,0);}
   100% {background:rgba(255,255,255,1);}
}



/*导航栏变透明*/
.topOpictyAmin {
    animation:topOpictyAmin 2.2s;
	-webkit-animation:topOpictyAmin 2.2s; /* Safari and Chrome */
    background:rgba(255,255,255,0);
}
    .topOpictyAmin .button-clear {
        color:#fff;
    }
    .topOpictyAmin h1 {
        color:#fff;
    }
@keyframes topOpictyAmin
{
   0% {background:rgba(255,255,255,1);}
   100% {background:rgba(255,255,255,0);}
}

@-webkit-keyframes topOpictyAmin {
   0% {background:rgba(255,255,255,1);}
   100% {background:rgba(255,255,255,0);}
}

@-moz-keyframes topOpictyAmin {
   0% {background:rgba(255,255,255,1);}
   100% {background:rgba(255,255,255,0);}
}

@-o-keyframes topOpictyAmin {
   0% {background:rgba(255,255,255,1);}
   100% {background:rgba(255,255,255,0);}
}

/*******************顶部导航栏淡入淡出[end]*********************/

.allCSSImgLogo {
    width: 42px;
    position: absolute;
    left: 10px;
    z-index:10 !important;
    top:8px !important;
    display:block !important;
}


/******************背景亮光【开始】********************/

.bright-1 {
    position: absolute;
    z-index: 6;
    left: 58%;
    top: 18px;
    animation-name: bright1;
    animation-duration: 2.3s;
    animation-timing-function: linear;
    animation-delay: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    /* Safari and Chrome: */
    -webkit-animation-name: bright1;
    -webkit-animation-duration: 2.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
}

@keyframes bright1
{
	0%   {opacity:1;-webkit-opacity:1;}
	100% {opacity:0;-webkit-opacity:0;}
}

@-webkit-keyframes bright1 /* Safari and Chrome */
{
	0%   {opacity:1;-webkit-opacity:1;}
	100% {opacity:0;-webkit-opacity:0;}
}



.bright-2 {
    position:absolute;
    z-index:6;
    left: 85%;
    top: 23%;
    animation-name: bright2;
    animation-duration: 2.6s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    /* Safari and Chrome: */
    -webkit-animation-name: bright2;
    -webkit-animation-duration: 2.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
}

@keyframes bright2
{
	0%   {opacity:1;-webkit-opacity:1;}
	100% {opacity:0;-webkit-opacity:0;}
}

@-webkit-keyframes bright2 /* Safari and Chrome */
{
	0%   {opacity:1;-webkit-opacity:1;}
	100% {opacity:0;-webkit-opacity:0;}
}


.bright-3 {
    position: absolute;
    z-index: 6;
    top: 30%;
    animation-name: bright3;
    animation-duration: 2.8s;
    animation-timing-function: linear;
    animation-delay: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    /* Safari and Chrome: */
    -webkit-animation-name: bright3;
    -webkit-animation-duration: 2.8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
}
@keyframes bright3
{
	0%   {opacity:1;-webkit-opacity:1;}
	100% {opacity:0;-webkit-opacity:0;}
}

@-webkit-keyframes bright3 /* Safari and Chrome */
{
	0%   {opacity:1;-webkit-opacity:1;}
	100% {opacity:0;-webkit-opacity:0;}
}

.brightLeft1 {
    left:80%;
    top:30%;
}
.brightLeft2 {
    left:52%;
    top:35%;
}
.brightLeft3 {
    position:absolute;
    left:30%;
    top:30%;
}

.brightLeftX {
    position:absolute;
    left:5%;
    top:30%;
}

/******************背景亮光【结束】********************/

/*********全局背景透明层【开始】*********/

.allBackgroungCeng {
    width: 100%;
    height: 68%;
    background: rgba(0,0,0,0.3);
    position: fixed;
    z-index: 11;
}
.upJfCloseDiv {
    width:100%;
    height:100%;
}

/*********************上拉菜单样式【开始】************************/

.allCssUpMenuMainDiv {
    width: 100%;
    height: 33%;
    background-color: #fff;
    position: fixed;
    bottom: 0px;
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    z-index:12;
}

.allCSSupMenuCss {
    border-bottom: 1px solid #ddd;
    width: 100%;
    flex:1;
    -webkit-flex:1;
    display:flex;
    -webkit-display:flex;
    /*justify-content:center;
    -webkit-justify-content:center;*/
    align-items:center;
    -webkit-align-items:center;
   
}
    .allCSSupMenuCss i {
        /*position: absolute;
        left: 30%;*/
       
    }
.wzPaddingBfb {
    padding-left:36%;
}

.wzPaddingCenter {
    justify-content:center;
    -webkit-justify-content:center;
}
    
.upMenuColor1 {
    color: #28a54c;
    font-weight:600;
}
.upMenuColor2 {
    color: #0c60ee;
    font-weight:600;
}
.upMenuColor3 {
    color: #e42112;
    font-weight:600;
}
.font-0 {
    font-weight:800;
}

/************上拉菜单动画****************/
/*动画主函数*/
.upMeunAminMain {
    /*-webkit-transition:all 0.3s ease-in-out;  
    transition:all 0.3s ease-in-out;
    -webkit-transform:translate3d(0px, 100%, 0px);
    transform:translate3d(0px, 100%, 0px);*/
    -webkit-transition: opacity 0.39s ease-in-out;
    transition: opacity 0.39s ease-in-out;
    opacity:0;
    -webkit-opacity:0;
}
/*隐藏*/
.upMeunAminHide {
    opacity:0;
    -webkit-opacity:0;
}
/*显示*/
.upMeunAminShow {
   opacity:1;
   -webkit-opacity:1;
}

.sfdMainUpMenuDiv {
    height:28%;
}
.allBackgroungCengSfdBackGround {
    height:72%;
}
.sfdMainUpMenuDiv img {
    width:0.85em;
}
.sfdUpMenuColor1 {
    color:#f54dcb;
    font-weight:600;
}
.sfdUpMenuColor2 {
    color:#7E9E0C;
    font-weight:600;
}

.sfdWzMenuPaddIng {
    padding-left:34%;
}


.appLayoutallBackgroungCeng {
    height:80%;
}
.appLayoutColor1 {
    color:#EC4949;
    font-weight:800;
}
.appLayoutColor2 {
    color:#6B6B6B;
    font-weight:800;
}
/*@media screen and (max-width: 960px) {
    .fontSizeMenu {
      
    }
}*/

/*********************上拉菜单样式【结束】************************/


/*@viewport {
    width: device-width;
    min-width: 640px;
    max-width: 800px;
}*/




/*******************[底部支付样式开始]*********************/

.bottomPayMainCSS {
    width: 100%;
    height: 1.3rem;
    position: fixed;
    bottom: 0;
    background: #fff;
   
}
.bottomPayMainCSSZIndex {
    z-index:10;
    border-top:1px solid #ddd;
}
    .bottomPayMainCSS .leftDivMain {
        width: 64%;
        float: left;
        height: 100%;
        display: flex;
        display:-webkit-flex;
        align-items: center;
    }
        .bottomPayMainCSS .leftDivMain img {
            margin-left: 5%;
            width: 0.62rem;
        }

        .bottomPayMainCSS .leftDivMain span {
            margin-left: 0.3rem;
            color: #ef473a;
           
        }
    .bottomPayMainCSS .rightDivMain {
        width: 36%;
        float: left;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #fff;
        font-weight: 600;
        background-color: #1CC5F5;
        position: relative;
        border-top-left-radius:100%;
        -webkit-border-top-left-radius:100%;
    }
        .bottomPayMainCSS .rightDivMain img {
            height: 1.3rem;
            margin-left:1rem;
        }

    .bottomPayMainCSS .PayNumS {
        position: absolute;
        width: 0.5rem;
        height: 0.5rem;
        background: red;
        line-height: 0.5rem;
        text-align: center;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        top: 0.2rem;
        left: 2.55rem;
        
    }
.NoClickPay {
    z-index: 11;
    background-color: #1CC5F5;
    margin-left: 55%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    width:45%;
}
/*.jinzhiPayColor {
    background:rgba();
}*/

.pRightBottom {
    margin-bottom:8px;
}

/*******************[底部支付样式结束]*********************/


/***************【欠费预览修改金额页动画开始】****************/

/*动画主函数*/
.qfylUpdateJEAminMain {
    /*-webkit-transition:all 0.3s ease-in-out;  
    transition:all 0.3s ease-in-out;
    -webkit-transform:translate3d(0px, 100%, 0px);
    transform:translate3d(0px, 100%, 0px);*/
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity:0;
    -webkit-opacity:0;
}
/*隐藏*/
.qfylUpdateJEAminHide {
    opacity:0;
    -webkit-opacity:0;
}
/*显示*/
.qfylUpdateJEAminShow {
   opacity:1;
   -webkit-opacity:1;
}


/*改字样式*/
.gaiFontCss {
    width: 1.2rem;
    height: 0.6rem;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #00B3B3;
    text-align: center;
    line-height: 0.6rem;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    position: absolute;
    z-index: 5;
    left: 0.66rem;
    display:none;
}

/***************【欠费预览修改金额页动画结束】****************/

/*悬浮球样式表*/
.payBtnXFQ {
    box-shadow: 0 0 10px 5px #0a9dc7;
    -webkit-box-shadow: 0 0 10px 5px #0a9dc7;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 1.1rem;
    height: 1.1rem;
    text-align: center;
}
    .payBtnXFQ img {
        width:1.1rem;
    }
    .payBtnXFQ .payBtnNums {
        width: 0.55rem;
        height: 0.55rem;
        background: red;
        line-height: 0.55rem;
        color: #fff;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        position: absolute;
        top: -5px;
        left: -9px;
    }
.cblCSS {
    display:-webkit-flex;
    display:flex;
    align-items:center;
    -webkit-align-items:center;
}
    .cblCSS img {
        width:31px;
    }
    .cblCSS span {
        font-size:15px;
        font-weight:600;
        margin-left:1.55rem;
    }
.upqtjfMenuFontSize {
    font-size:18px;
}
.upqtjfMenuColor1 {
    color: green;
}

.upqtjfMenuColor2 {
    color: blue;
}
.error {
    background-image: url('../Images/ErrorImg/error.png');
}
.resultNull {
    background-image: url('../Images/ErrorImg/resultNull.png');
}

/****生活缴费样式表【开始】****/
.lifeShowMainContent {
    width: 100% !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}

    .lifeShowMainContent .nineLayOutLife {
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
    }

    .lifeShowMainContent span {
        background: rgba(0,0,0,0) !important;
        color: #808080 !important;
        margin-left: 0.77rem !important;
        margin-top: 0.82555rem !important;
        font-weight: 600 !important;
    }
    .lifeShowMainContent img {
        border-radius: 100% !important;
        -webkit-border-radius: 100% !important;
        width: 1.55rem !important;
        height: 1.55rem !important;
        padding: 2px !important;
    }

    .lifeShowMainContent .lifeColor {
        background:#0a9dc7;
    }
    .lifeShowMainContent .lifeColor0 {
        background:#1CC5F5;
    }
    .lifeShowMainContent .lifeColor1 {
        background:#2fc30c;
    }
    .lifeShowMainContent .lifeColor2 {
        background:#145ac8;
    }
    .lifeShowMainContent .lifeColor3 {
        background:#9806dc;
    }
    .lifeShowMainContent .lifeColor4 {
        background:#9926b5;
    }
    .lifeShowMainContent .lifeColor5 {
        background:#b6b308;
    }
    .lifeShowMainContent .lifeColor6 {
        background:#e46a0f;
    }
    .lifeShowMainContent .lifeColor7 {
        background:#33b43d;
    }
    .lifeShowMainContent .lifeColor8 {
        background:#08b0b0;
    }
    .lifeShowMainContent .lifeColor9 {
        background:#0acf33;
    }
    .lifeShowMainContent .lifeColor10 {
        background:#870796;
    }
    .lifeShowMainContent .lifeColor11 {
        background:#5815d8;
    }

/****生活缴费样式表【结束】****/

/**********生活缴费明细样式表【开始】**************/

.lifePayMx {
    margin-top: 55px;
    width: 100%;
}

    .lifePayMx label {
        font-weight:600;
        padding-top:0px !important;
        padding-bottom:0px !important;
        border-radius:4px;
        -webkit-border-radius:4px;
    }
    .lifePayMx article {
        width:25%;float:left;
        margin-top:13px;
    }
    .lifePayMx section {
        width:68%;
        float:left;
        margin-top:13px;
    }
    .lifePayMx span {
        font-weight:500;
        color:#737373;
        margin-right:13px;
    }
    .lifePayMx button {
        min-height:30px!important;
        line-height:38px !important;
        width:70%;
    }
    .lifePayMx div {
        width:100%;
    }

    .lifePayMx .wzLableLife {
        text-align:right;
    }
    .lifePayMx .wzLableLife label {
        margin-right:33px;
    }

    .lifePayMx input {
        text-align:right;
    }
    .lifePayMx .lifeBackNone {
        border:0px;
    }
#lifeSfjeValue {
    color:#FF3B00;
    font-weight:600;
    font-size:20px !important;
}
#lifeCountValue {
    color:#FF3B00;
    font-weight:600;
    font-size:20px !important;
}

/**********生活缴费明细样式表【结束】**************/


/*************报名系统页面【开始】***********************/

.reportMain {
    position: relative;
    margin: 0 auto;
    padding: 1em;
    max-width: 23em;
    background: hsla(0,0%,100%,.25) border-box;
    overflow: hidden;
    border-radius: .3em;
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,
                0 .5em 1em rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 1px hsla(0,0%,100%,.3);
    -webkit-border-radius: .3em;
    -webkit-box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,
                0 .5em 1em rgba(0, 0, 0, 0.6);
    -webkit-text-shadow: 0 1px 1px hsla(0,0%,100%,.3);
}

    .reportMain::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: -30px;
        z-index: -1;
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }

.bmAlreadyMain {
    top: 160px !important;
    bottom: 50px;
}
    .bmAlreadyMain p {
        margin-top:8px;
    }

/*===================顶部搜索样式【开始】============================*/

.topSearchMainDiv {
    background: #fff;
}

    .topSearchMainDiv ul {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        width: 100%;
    }

    .topSearchMainDiv li {
        text-decoration: none;
        list-style: none;
        display: inline;
        position: relative;
        flex: 1;
        -webkit-flex: 1;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .topSearchMainDiv span {
        font-size: 16px;
    }

    .topSearchMainDiv i {
        position: absolute;
        right: 0.125rem;
        bottom: 0.25rem;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #ccc;
        width: 0;
        height: 0;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .topSearchMainDiv select {
        position: absolute;
        left: 0px;
        width: 100%;
        height: 100%;
        top: 0px;
        opacity: 0;
        -webkit-opacity: 0;
    }
/*被选中时的字体颜色*/
.selectedLiColor {
    color:#00B0E2;
}
/*角标颜色*/
.selectedBottomJB {
    border-bottom: 5px solid #00B0E2 !important;
}


/*===================顶部搜索样式【结束】============================*/

/*底部分页与显示*/

.bottomDivMainShow {
    display: flex;
    display: -webkit-flex;
}
.bottomDivMainHidden {
    display:none;
}

.bottomDivMain {
    width: 100%;
    position: fixed;
    bottom: 0px;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 50px;
    background: #fff;
    border-top: 1px solid #ddd;
}
    .bottomDivMain span {
        font-weight: 600;
        font-size: 16px;
        color: #B3B3B3;
        flex: 1;
        -webkit-flex: 1;
        -webkit-flex: 1;
        text-align: center;
    }
    .bottomDivMain div {
        font-size: 15px;
        font-weight: 500;
        flex: 1;
        -webkit-flex: 1;
        text-align: center;
        position: relative;
        border-bottom: 2px solid #007FBB;
        /*border-radius: 10px;
        -webkit-border-radius: 10px;*/
        border-bottom-left-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
        -webkit-border-bottom-right-radius:10px;
        height: 35px;
        line-height: 35px;
    }
    .bottomDivMain select {
        width: 100%;
        position: absolute;
        left: 0;
        height: 50px;
        opacity: 0;
        -webkit-opacity: 0;
    }

/*************报名系统页面【结束】***********************/


/******************报名系统信息确认页面【开始】**************************/

.xmmxxMainDiv {
    margin-top: 53px;
    background: #fff;
    padding: 10px;
    margin-left:5px;
    margin-right:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
}

    .xmmxxMainDiv div {
        margin-bottom: 6px;
    }

.bottomBMDiv {
    background: #11c1f3 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.xmxxLoginDivMain {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.3);
    z-index: 20;
}
    .xmxxLoginDivMain .contentMainDiv {
        background: #fff;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        height: 320px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-top: 50px;
        position: relative;
    }
    .xmxxLoginDivMain .icon1 {
        font-size: 35px;
        position: absolute;
        right: 15px;
        top: 5px;
    }
    .xmxxLoginDivMain .item {
        border:0px !important;
        margin-left:5px;
        margin-right:5px;
    }


/******************报名系统信息确认页面【结束】**************************/

/**********************报名系统可编辑样式表【开始】****************************/

.bmEditorDivMain {
    padding-left:15px;
    padding-right:15px;
}
    .bmEditorDivMain section {
        width:100%;
        padding-right:10px;
        padding-bottom:2px;
        /*padding-top:10px;
        padding-bottom:10px;*/
    }
    .bmEditorDivMain label {
        font-size:18px;
    }

    .bmEditorDivMain .lable1 {
       width:100%;
    }

    .bmEditorDivMain .label2 {
        border-bottom: 1px solid #ddd;
        padding-bottom: 3px;
        padding-left: 10px;
        padding-right: 10px;
        width:100%;
        margin-bottom:12px;
        position:relative;
    }
        .bmEditorDivMain .label2 span {
            font-size: 20px;
            position: absolute;
            color: red;
            top: 0px;
            right:12px;
        }
    .bmEditorDivMain input[type=text], 
    .bmEditorDivMain input[type=tel], 
    .bmEditorDivMain input[type=number] {
        width: 100%;
        display: inline;
        height: 23px;
        text-align: left;
        font-size: 17px;
        width: 100%;
    }



    .bmEditorDivMain select {
        border: 1px solid #047db2;
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 17px;
    }
    .bmEditorDivMain .lbLeftJl {
       
    }
    .bmEditorDivMain .mainArticle {
        padding-top:8px !important;
        padding-bottom:8px !important;
    }

    .bmEditorDivMain article {
        padding-top:3px;
        padding-bottom:3px;
    }

    .bmEditorDivMain .radioSection {
        /*display:-webkit-flex;
        display:flex;
        justify-content:center;
        align-items:center;*/
    }
        .bmEditorDivMain .radioSection label {
            flex:1;
            -webkit-flex:1;
        }
.bindHtmlMainClass span{
   margin-left:12px;
}

/**********************报名系统可编辑样式表【结束】****************************/

/***********************报名系统不可编辑样式表【开始】**************************************/

.noEditorDivMain {
    padding:10px;
}
    .noEditorDivMain section {
        margin-bottom:5px;
    }
    .noEditorDivMain label {
        font-size:18px;
    }
    .noEditorDivMain span {
        font-size:18px;
        float:right;
        margin-right:12px;

    }

.bmbishuxiangmubz {
    font-size: 22px !important;
    color: red !important;
    position: absolute !important;
    margin-left: 2px !important;
}

/***********************报名系统不可编辑样式表【结束】**************************************/

/***********************注册页面【开始】**************************************/

.registerMain {
}
    .registerMain .row {
        padding:0px !important;
    }
    .registerMain label {
        width:100%;
        position:relative;
        padding-left:10px !important;
    }
    .registerMain span {
        color:red;
        margin-right:10px;
        font-size:18px;
    }
    .registerMain i {
        font-size:20px;
        color:#0a9dc7;
    }

/*注册的登录按钮动画*/
.regsiterBtnLogin {
}

.regsiterBtnLoginAmin {
    animation-name:btnAminLogin;
	animation-duration:3.8s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:normal;
	animation-play-state:running;
	/* Safari and Chrome: */
	-webkit-animation-name:btnAminLogin;
	-webkit-animation-duration:3.8s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	-webkit-animation-play-state:running;
}

@keyframes btnAminLogin
{
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Safari and Chrome */
    }
	100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Safari and Chrome */
	}
}

@-webkit-keyframes btnAminLogin /* Safari and Chrome */
{
	0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Safari and Chrome */
    }
	100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Safari and Chrome */
	}
}

.registerMain .lableName {
    width:100px;
}
.bmxxInfoIDom i {
    font-size:25px;
    color:#0a9dc7;
    margin-right:10px;
}

/***********************注册页面【结束】**************************************/
.qfylSfqjmcCSS img {
    width:0.62rem;
    float:right;
    margin-right:2px;
}

/*loading*/
.item-myicon{
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height:40px;
}
.item-myicon ion-spinner {
    float: left;
    margin: 0;
    margin-right: .5em;   
}       
.spinner svg {
    width: 40px;
    fill: #fff;
}



.image-list-thumb {
    padding: 2px 2px 2px 2px;
    height: 100px;
}

.image-modal {
    width: 100% !important;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
}

.image-modal-silder {
    z-index: 10;
}

.transparent {
    background: transparent !important;
}

.fullscreen-image {
    max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}

.slider {
    width: 100%;
    height: 100%;
}

.billbox {
    padding: 5px;
    float: left;
}

.billbox_img {
    padding: 5px;
    border: 1px solid #cccccc;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
}