*{ margin: 0; padding: 0;}

body{
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
    overflow-x: hidden;
}
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer
}

div {
    outline: 0 !important;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}

ul, li {
    list-style: none;
}
a{ text-decoration: none;}
img{ border: none;}
.hidden{ visibility: hidden;}
.co-header{padding:0 12px;box-shadow:none;}
#Page{  height: 100%;}

.boxsizing{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box;
}
.displayflex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;}
.flex-1{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex-2{
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.flex-3{
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

#topbar{position: relative;}
.topbar-sch{position: absolute; top: 6px; left: 20%;height: 32px; width: 60%;}
.topbar-sch .co-search{ width: 100%;height: 32px; }
.topbar-sch .co-searchbar{height: 32px;  background-color: #fff;border-radius: 10px; z-index: 0;}
.topbar-sch .co-searchbar-inner,.topbar-sch .co-searchbar-inner input{ background-color: transparent;}


#footer-func{color: #717882; width: 100%; height: 56px; position: absolute;  left:0; bottom: 0; background-color: #fff; border-top: #d3d3d3 1px solid; }
#footer-func ul li{
    text-align: center;
    padding-top: 8px;
}
#footer-func ul li span{ font-size: 20px; }
#footer-func .func-plus{ width: 60px; height: 60px; border-radius: 30px; border-color: #d3d3d3; background-color: #fff; left: 50%; margin-left: -30px; top: -20px;  position: absolute;}
#footer-func .func-plus .quan{ border-radius: 30px;border-style: solid; border-width:0px 0 1px 1px;  width: 60px; height: 60px;
-webkit-transform: rotate(135deg);}
#footer-func .func-plus span{ text-align:center; font-size: 26px; color: #fff; padding-top: 10px; width: 50px; height: 40px; left: 5px; top:6px; display:block; border-radius: 25px; position: absolute;}

.co-drawer{ background-color: #f1f1f1; height: auto;}
.co-drawer-content>div{height: 100%;}
.avatar-wrap{ padding-top: 20%; padding-left: 10%; }

.avatar-pic img{ width: 100%; border-radius: 50%;}
.avatar-name{
    padding-left: 10%;
    padding-top: 5%;

    font-size: 18px;}
.avatar-name span{ font-size: 14px;}
.avatar-menu{ padding-top: 20%; padding-left: 5%;}
.avatar-menu li{ height: 20px; line-height: 20px; margin-top: 25px; font-size: 16px;}
.avatar-menu li .iconfont{ padding-right: 5px; color: #a9a9a9;}
.avatar-menu li .dot{ display: inline-block; width: 8px; height: 8px; margin-left: 3px; background-color: #e73e2b; border-radius: 4px;}


.co-tab-item{ border-bottom: 3px #e4e4e4 solid; color: #b4b3b3;}
.co-tab-item-label{font-size: 14px; }
.co-navbar .co-tab-item.is-selected{margin-bottom: 0; }


.rowsone{ border-bottom: #dcdcdc 1px solid; position: relative; padding: 10px;}
.rowsone p.title{ font-size: 16px; width: 80%; color: #323333;}
.rowsone p{ line-height: 1.5; color: #989898;}
.rowsone .state{ font-size: 16px; position:absolute; right: 10px; top: 10px; line-height: 1.5;}

.rows-list{ padding: 5px 10px;}
.rows{ overflow:hidden; font-size: 14px; line-height: 1.5; padding-top: 5px;}
.rows-label{ width: 80px; float: left; color: #999999;}
.rows-value{ margin-left: 90px;}

.record-wrap{ padding:10px;}
.record-date{ border-bottom: #dfdfdf 1px solid; font-size: 14px; height: 16px; text-align: center;}
.record-date span{ background-color: #fff; position: relative; top: 10px; padding: 0 10px; color: #989898;}
.record-list{ border-left: #dddddd 1px solid; margin: 20px;}
.record-list li{ padding-left: 20px; padding-bottom: 5px; position: relative; top: -8px; font-size: 14px; line-height: 1.5; color: #333333;}
.record-list li .dot{ position: absolute; left: -4px;  top:4px;width: 8px; height: 8px; background-color: #e73e2b; border-radius: 4px;}
.record-list li .time{ color: #989898;}

.navbar-select.co-navbar{ padding: 9px 0;border-bottom: #d1d1d1 1px solid;}
.navbar-select.co-navbar .co-tab-item{ padding: 6px 0;}
.navbar-select .co-tab-item{  border-right: #d1d1d1 1px solid; border-bottom: 0;}
.navbar-select .co-tab-item:nth-last-child{ border-right: 0;}

.rows-list{  position: relative;}
.rows-list .icon{  position: absolute; right: 10px; top: 10px; font-size: 20px; color: #888888;}