/*
 * Copyright (c) 2012-2013 Thibaut Courouble
 * http://www.webinterfacelab.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */
.box {
    width: 100%;
}

.item {
    width: 101%;
}

div  img {
    width: 100%;
    height: 160px;
}
.item-text-wrap a{text-decoration:underline;}
.circle-button {
    border-radius: 60px;
    width: 60px;
    height: 60px;
    color: white;
    border-style: none;
    padding: 10px;
}

.circle-button-small {
    border-radius: 50px;
    width: 50px;
    height: 50px;
    color: white;
    border-style: none;
    padding: 13px 18px;
    position: fixed;
    bottom: 75px;
    right: 16px;
    font-size: 24px;
    line-height: 0;
    z-index: 100;
}

.button-text {
    margin-top: 7px;
    color: darkgray;
}

.red-font {
    color: #ef473a;
}

.green-font {

    color: #33cd5f;
}
.bar.bar-positive {
    border-color: #387ef5;
    background-color: #387ef5;
    background-image: linear-gradient(0deg, #387ef5, #387ef5 50%, transparent 50%);
    color: #fff; }
.tabs-striped .tab-item.tab-item-active, .tabs-striped .tab-item.active, .tabs-striped .tab-item.activated {
    margin-top: -2px;
    border-width: 2px 0 0 0;
    height: 102%;
}


/* 2018.4.25修改  */
.flex-box{display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;}  
.flex1-1{width: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;-o-box-flex: 1;box-flex: 1;display: block}  
.flex1{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;-o-box-flex: 1;box-flex: 1;display: block}  
.flex-content{-webkit-box-pack: center;-moz-box-pack: center;-ms-box-pack: center;-o-box-pack: center;box-pack: center;-webkit-box-align: center;-moz-box-align: center;-ms-box-align: center;-o-box-align: center;box-align: center;display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;}
.flex-leftContent{-webkit-box-pack: initial;-moz-box-pack: initial;-ms-box-pack: initial;-o-box-pack: initial;box-pack: initial;-webkit-box-align: center;-moz-box-align: center;-ms-box-align: center;-o-box-align: center;box-align: center;display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;}
.flex-rightContent{-webkit-box-pack: end;-moz-box-pack: end;-ms-box-pack: end;-o-box-pack: end;box-pack: end;-webkit-box-align: center;-moz-box-align: center;-ms-box-align: center;-o-box-align: center;box-align: center;display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;}
.i_slide{position: relative;}
.i_slide .left,.i_slide .right{position: absolute;top: 0;left: 20px;height: 100%;width: auto;display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;}
.i_slide .right{left: auto;right: 20px;}
.i_slide .left .icon,.i_slide .right .icon{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;-o-box-flex: 1;box-flex: 1;display: block;-webkit-box-pack: center;-moz-box-pack: center;-ms-box-pack: center;-o-box-pack: center;box-pack: center;-webkit-box-align: center;-moz-box-align: center;-ms-box-align: center;-o-box-align: center;box-align: center;display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;}
.i_slide .left .icon:before,.i_slide .right .icon:before{font-size: 30px;color: #387ef5;}

.a_focus{pointer-events: none!important;}
.max_height100{max-height: 100%}
.max_height85{max-height: 85%}
#newss .has-tabs-top{top:0px}


.calmAction{box-shadow: 0 1px 3px #43cee6;}
.calmAction .item{border: 1px solid #43cee6;}
.color_red{color: red!important;}
.color_000{color: #000!important;}

/* 2018.5.17 键盘遮挡，原因少了底部的 ion-tabs scroll 挤49px 即可 */
.control_scroll .scroll{padding-bottom: 49px;}

.control_scroll1>.scroll{transform: translate3d(0px, 0, 0px) scale(1)!important;}
.w100{width: 100%;} 
.tabs-top.tabs-striped .my_tabs .tab-item.active{margin-top: 1px;border-width: 0 0 4px 0!important;border-style: solid;border-color: #444;}


.font12{font-size: 12px;}
.item_right .badge{right: 0;}
.item_right10 .badge{right: 10px;}

.ion_scrollFlebox{display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;}  
.ion_scrollFlebox .scroll{position: relative;width: 100%;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;-o-box-flex: 1;box-flex: 1;display: block;-webkit-box-pack: center;-moz-box-pack: center;-ms-box-pack: center;-o-box-pack: center;box-pack: center;-webkit-box-align: center;-moz-box-align: center;-ms-box-align: center;-o-box-align: center;box-align: center;display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;}
.bg{width: 100%;height: 100%;opacity: .9;background: #000;position: absolute;top: 0;left: 0;pointer-events:none;z-index: -1;}
.listNoPadding{padding-top: 0;padding-bottom: 0;}
.ml5{margin-left:5px }
.ml10{margin-left:10px }
.ml15{margin-left:15px }
.ml20{margin-left:20px }

.mr5{margin-right:5px }
.mr10{margin-right:10px }
.mr15{margin-right:15px }
.mr20{margin-right:20px }

.mt5{margin-top:5px }
.mt10{margin-top:10px }
.mt15{margin-top:15px }
.mt20{margin-top:20px }

.mb5{margin-bottom:5px }
.mb10{margin-bottom:10px }
.mb15{margin-bottom:15px }
.mb20{margin-bottom:20px }


.txtcenter{text-align:center}
.txtleft{text-align:left}
.txtright{text-align:right}
.alignTop{vertical-align: top;}
.relative{position: relative}
.absolute{position: absolute}
.overflow{overflow: hidden}
.network_tip{background: #000;color: white;text-align: center;padding: 5px;font-size: 16px;position: relative}
.network_tip .close{position: absolute;top: 0;right: 10px;height: 100%}
.network_tip .close.flex-box,.network_tip .close .col{padding: 0;width: auto}
.emptyUserName{position: absolute;top: 0;right: 20px;}

.absoluteFlex{position: absolute;height: 100%;top: 0;right: 20px;display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;}

.flex-endContent{-webkit-box-pack: center;-moz-box-pack:center;-ms-box-pack:center;-o-box-pack:center;box-pack:center;-webkit-box-align:end;-moz-box-align:end;-ms-box-align:end;-o-box-align:end;box-align:end;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;}
.flex-topContent{-webkit-box-pack: center;-moz-box-pack:center;-ms-box-pack:center;-o-box-pack:center;box-pack:center;-webkit-box-align:start;-moz-box-align:start;-ms-box-align:start;-o-box-align:start;box-align:start;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;}
.flex1-content{flex:1;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;display:block;-moz-box-pack:center;-ms-box-pack:center;-o-box-pack:center;box-pack:center;-moz-box-align:center;-ms-box-align:center;-o-box-align:center;box-align:center;-webkit-box-align:center;-webkit-box-pack:center;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box}
.flex1-leftContent{flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1; -o-box-flex: 1; box-flex: 1;display: block;-moz-box-pack:center;-ms-box-pack:center;-o-box-pack:center;box-pack:center;-moz-box-align:center;-ms-box-align:center;-o-box-align:center;box-align:center;-webkit-box-align:center;-webkit-box-pack:center;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box}
.flex1-rightContent{flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1; -o-box-flex: 1; box-flex: 1;display: block;-webkit-box-pack:end;-moz-box-pack:end;-ms-box-pack:end;-o-box-pack:end;box-pack:end;-webkit-box-align:center;-moz-box-align:center;-ms-box-align:center;-o-box-align:center;box-align:center;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box}


/*  2018.5.25 修改通用tab 要求字体加大*/
ion-tabs.tabs-color-active-positive .tab-item{font-size: 16px;max-width: 180px;}


/* 2018.5.31 select 宽度铺满居左*/
.selectLeft{max-width: 100%!important;width: 100%!important; direction: ltr!important;}

/* 2018.6.4 item 的border 不铺满*/
.myRow .colRow{border: 1px solid rgb(221, 221, 221);}
.myRow .colRow:first-child{border-right: 0}
.myRow .colRow .item{border-width: 0;margin: 0;width: 100%}
.font26{font-size: 26px}
.noBgBorder{background: none;border: none}

/* 2018.6.13 列表 */
.offUl{overflow: hidden;padding: 16px;}
.color_666{color: #666;}
.offUl li{width: 50%;float: left;margin-bottom: 20px;border: 1px solid #ddd;text-align: center;padding: 15px;height: 200px;display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;}
.offUl li:nth-child(even){border-left:  0}
.offUl li.matuo{float: initial}
.matuo{margin: 0 auto}

/* input 输入统一是大写 */
.uppercase{text-transform:uppercase;}

.flex-cloumn{display: flex;flex-direction: column;height: 100%;overflow: hidden;}
.flex-main{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height: 100%;overflow-y: auto}

.my-custom-popup .popup {
    width: 80%;
    border-radius: 15px;
}

.my-custom-popup .popup-head {
    border-radius: 10px 10px 0px 0px;
}

.my-custom-popup .popup-buttons {
    border-top: 1px solid #eee
}

    .my-custom-popup .popup-buttons .button-positive {
        border-radius: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .my-custom-popup .popup-buttons .button-default {
        color: white;
        background: #ccc;
        margin-left: 15px;
        border-radius: 10px;
    }

.custom-popup-title {
    font-size: 16px;
    text-align: center;
    color: black;
    font-weight: 700
}

.custom-content {
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.2em;
    color: black;
    margin-bottom: 10px
}