html,body,p,h1,h2,h3,h4,h5,h6,form,input,textarea,select,button,fieldset,legend,img,ul,ol,li,dl,dt,dd,th,td,pre,blockquote{margin:0;padding:0}
html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{background: #2e2f34;font-size:12px}
/*body,button,input,select,textarea,h2,h3,h4,h5,h6{font:14px 'Hiragino Sans GB',  '宋体', \5b8b\4f53, Tahoma, Arial}*/
body,button,input,select,textarea,h2,h3,h4,h5,h6{font-size:14px;font-family: "PingFangSC", "Microsoft YaHei", "微软雅黑", Helvetica, sans-serif;}
img,fieldset{border:0;vertical-align:middle}
input{padding:0;margin:0;outline:none;}
a{text-decoration:none;color:#4c4c4c;}
a:hover{text-decoration:none;}
ul,li,ol{list-style:none}
img{max-width:100%;}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}
.l{float:left;}.r{float:right;}
/*reset样式重置*/
.btn3{position:fixed;
    z-index:3;
    bottom:0px;
    border-top:1px solid #2e2f34;

    width:100%;
    text-align:center;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;}
.menu{position:relative;
    float:left;
    width:25%;
    height:50px;
    line-height:50px;
    background:#000;
    border-right:1px solid #e0e0e0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;}
.menu:last-child{border-right:none;}
.new-sub{position:absolute;
    bottom:60px;
    z-index:10;
    width:100%;
    padding: 0px 10px;
    background: #fff;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    display:none;}
.new-sub li{width: 100%;
    background:#fff;
    float:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-top:1px solid #f2f2f2;}
.new-sub li a{display:block;
    height:50px;
    line-height:50px;
    text-align:left;
    background:#fff;
    color:#333;
    border:none;
    text-align:center;
    font-size:16px;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid #000;opacity:.5;}
.bt-name{font-size:16px;color:#000;}
.bt-name a{display:block;font-size:16px;color:#fff;}
.new-sub .tiggle{
    width:0px;
    height:0px;
    position:absolute;
    left:50%;
    margin-left:-10px;
    bottom:-9px;
    border-top:10px solid #EEEEEE;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    z-index:10;
}
.new-sub .innertiggle{
    width:0px;
    height:0px;
    position:absolute;
    left:50%;
    margin-left:-9px;
    bottom:-8px;
    border-top:9px solid white;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    z-index:11;
}


.p-bot0 {
    padding-bottom: 0px;
}
.p-top0 {
    padding-top: 0px;
}
.p-left0 {
    padding-left: 0px;
}
.p-right0{
    padding-right: 0px;
}
.m-bot0 {
    margin-bottom: 0px;
}
.m-top0 {
    margin-top: 0px;
}
.m-left0 {
    margin-left: 0px;
}
.m-right0{
    margin-right: 0px;
}
.m-bot5 {
    margin-bottom: 5px;
}
.m-top5 {
    margin-top: 5px;
}
.m-left5 {
    margin-left: 5px;
}
.m-right5{
    margin-right: 5px;
}
.m-bot10 {
    margin-bottom: 10px;
}
.m-top10 {
    margin-top: 10px;
}
.m-top50 {
    margin-top: 50px;
}
.m-left10 {
    margin-left: 10px;
}
.m-right10 {
    margin-right: 10px;
}



.mobile-login-bg{

    padding-bottom: 80px;
}

.mobile-login{
    margin: 50px auto 50px auto;
    padding: 20px 20px;
    max-width: 440px;
    border:#ccc 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    background-color:#f1f1f1;
}
.mobile-login h1{
    text-align:center;
    font-size:18px;
    font-weight:bold;
    margin-bottom:20px;
}
.mobile-login .submit{
    text-align:center
}
.mobile-login .submit .login-links{
    padding-top:20px
}

/*---------------------------------
        REPORT SNP TABLE
----------------------------------*/
.table-bordered-mobile{
    border: 1px solid transparent;
    clear: both;
    max-width: none !important;
    margin: 0 auto;
    clear: both;
    width: 100%;
    text-align:center

}

.table-bordered-mobile > tbody > tr > td , .table-bordered-snp > tfoot > tr > td, .table-bordered-idcardinfo > tfoot > tr > th, .table-bordered-idcardinfo > thead > tr > td, .table-bordered-idcardinfo > thead > tr > th {
    line-height: 1.42857143;
    vertical-align: top;
    padding:5px 0px;
}



.table-bordered-mobile > thead > tr > th{
    font-size:18px;
    color:#27374d;
    font-weight:normal;
    text-align:center;
    padding-bottom: 10px;

}

.table-bordered-mobile > tbody > tr > th{
    text-align:center;
    padding-top:15px;
    padding-bottom:15px;
}

.table-bordered-mobile > tbody > tr:nth-child(odd){
    background-color: #ffffff;
    /*border-left:solid 4px #0e7eb9*/
}

.table-bordered-mobile > tbody > tr:nth-child(even){
    background-color: #eff4f6;
    /*border-left:solid 4px #55c4ff*/
}


/* panel */
.panel{
    border: 1px solid #e6e6e6;
}
.panel-heading {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 15px;
    text-transform: uppercase;
    color: #535351;
    font-size: 14px;
    font-weight: bold;
}
.panel-heading  h2{
    color: #27374d;
    font-size: 16px;
    margin: 0;
}

.report-list-heading{
    list-style-type: none;
    line-height: 50px;
    height:50px;
    border-bottom: 1px solid #e6e6e6;
    font-weight: bold;
}

.report-list{
    list-style-type: none;
    height:50px;
    border-bottom: 1px dashed #e6e6e6;
}

.report-iteam-list{
    list-style-type: none;
    height:50px;
    padding: 0 15px;
    border-bottom: 1px solid #e6e6e6;
}
.report-iteam-list .title{
    padding-top: 10px;
    font-size: 15px;
}
.report-iteam-list .result{
    color: #5ebef0;
    font-size: 15px;

}

.report_item_circle{
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: #ccc;
    display: inline-block;
}
.report_item_circle_red{
    background:#e76b6b
}

.report-detail{
    border-top: #ccc 1px solid;
}
.report-detail h2{
    font-size: 20px;
    color: #5ebef0;
}

.report_item_circle_yellow{
    background:#f4b467
}
.report_item_circle_blue{
    background:#66c4d0
}
.report_item_circle_light_blue{
    background:#69c3ee
}
.report_item_circle_green{
    background:#70bd64
}

/**体检报告列表**/
.panel-merpt{
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}
.panel-merpt-heading {
    padding: 5px 10px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #878BB9;
    color: #ffffff;

}
.panel-merpt-body {
    background:#ffffff;
    padding:10px 10px;
}
/**********公共样式******liwen*******/
.underline{
    border-bottom:#ddd 1px solid;
}
.text-right{
    text-align:right;
}
.text-left{
    text-align:left;
}
.text-center{
    text-align:center;
}
.padding-left5{
    padding-left:5px;
}
.padding-left10{
    padding-left:10px;
}
.padding-left15{
    padding-left:15px;
}
.padding-right5{
    padding-rightt:5px;
}
.padding-right10{
    padding-right:10px;
}
.padding-right15{
    padding-right:15px;
}
.margin-left5{
    margin-left:5px;
}
.margin-left10{
    margin-left:10px;
}
.margin-left15{
    margin-left:15px;
}
.margin-right5{
    margin-right:5px;
}
.margin-right10{
    margin-right:10px;
}
.margin-right15{
    margin-right:15px;
}
.fontbold{
    font-weight:bold;
}
.full-screen{
    width:100%;
}
.spaceline2px{
    height:2px;
}
.spaceline4px{
    height:4px;
}
.spaceline5px{
    height:5px;
}
.spaceline6px{
    height:6px;
}
.spaceline8px{
    height:8px;
}
.topmenu-L-title{
    font-size:24px;
    color:#fff;
    margin-top:11px;
    text-align:left;

}
.topmenu-L-title a{
    color:#fff;
    padding-left:10px ;
}
.topmenutitle{
    font-size:16px;
    color:#fff;
    text-align:center;
    margin-top:14px;
}
.topmenu-R-title{
    font-size:10px;
    color:#fff;
    margin-top:18px;
    text-align:right;

}
.topmenu-R-title a{
    color:#fff;
    padding-right:10px ;
}
.mainbkcolor{
    background-color:#000;
}
.topbar{
    height:48px;
}
.bottommenu{
    height:50px;
    border:0px;
}
.menu-image{
    width:26px;
    margin-top:-12px;
}
.bottommenu-name{
    margin-top:-32px;
    font-size:10px;
}
.panel_top_margin{
    margin-top:1px;
}
.main_content_wrap{
    width:100%;
    height:auto;
    overflow:auto;
}
/**user-base.html**liwen**/
.indexmainmenu{
    margin-top:10px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.index-m-menu-name{
    font-size:12px;
}
.panel_wrap{
    height:100px;
    background-color:#fff;
    width:100%;
}
.panel_info_title_wrap{
    height:22px;
    border-bottom:#ddd 1px solid;
}
.panel_info_title_box{
    margin-top:6px;
    font-size:14px;
    padding-left:10px;
}
.panel_info_title_blue{
    border-left:#2ca6e0 4px solid;
}
.panel_info_title_red{
    border-left:#f00 4px solid;
}
.panel_content_wrap{
    height:70px;
    padding-top:10px;
}
.panel_image{
    width:50px;
}
.panel_content_dl_box{
    margin-left:-15px;
}
.panel_content_R_arrow{
    font-size:30px;
    margin-top:0px;
    color:#aaa;

}
.account_image_icon{
    width:13px;
    margin-top:-4px;
    margin-left:3px;
}
.panel_wrap2{
    padding-top:10px;
    height:80px;
    background-color:#fff;
    width:100%;
}
.panel_content_wrap2{
    border-top:#ddd 1px solid;
    height:70px;
    padding-top:10px;

}
.panel_content_dl_box2{
    margin-left:-15px;
}
.panel_content_dl_box2 dt{
    color:#e95513;
}
/**health_achives_list.html**liwen**/
.panel_wrap3{
    margin-top:2px;
    height:70px;
    background-color:#fff;
    width:100%;
}
.panel_content_dl_menu_box1{
    margin-left:-35px;
}
.panel_content_dl_menu_box1 dt{
    font-size:20px;
    font-weight:bold;
    color:#000;
}
.panel_content_dl_menu_box1 dd{
    font-size:12px;
    color:#333;
}
.panel_menu_image{
    width:50px;
    margin-left:-10px;
}
/**gene_achives_list.html**liwen**/
.panel_wrap4{
    height:75px;
    background-color:#fff;
    margin:0px;
    padding:0px;
    width:100%;
}
.panel_menu_image4{
    width:50px;
    margin-left:4px;
    margin-top:15px;
}
.panel_content_dl_info_box1{
    margin-left:-35px;
    border-right:#ddd 2px solid;
    height:100%;

}
.panel_content_dl_info_box1 dl{
    margin-top:20px;
    margin-left:5px;
}
.panel_content_dl_info_box1 dt{
    font-size:14px;
    font-weight:bold;
    color:#000;

}
.panel_content_dl_info_box1 dd{
    font-size:10px;
    margin-top:5px;
}
.clean-margin-padding{
    margin:0px;
    padding:0px;
}
.info-wrap{
    height:100%;
    width:100%;

}
.info_sex_icon{
    width:16px;
}
.info-sex-wrap{
    text-align:center;
    border-right:#ddd 2px solid;
    height:100%;
}
.info-sex-wrap dl{
    margin-top:11px;
}
.info-sex-wrap dd{
    margin-top:7px;
    font-size:10px;
    color:#000;
}
.info-age-wrap{
    text-align:center;
    height:100%;
    border-right:#ddd 2px solid;

}
.info-age-wrap dl{
    margin-top:12px;
}
.info-age-wrap dt{
    font-size:18px;
    color:#000;
}
.info-age-wrap dd{
    margin-top:7px;
    font-size:10px;
    color:#000;
}
.info-sum-wrap{
    text-align:center;
    height:100%;
}
.info-sum-wrap dl{
    margin-top:12px;
}
.info-sum-wrap dt{
    font-size:18px;
    color:#2ca6e0;
}
.info-sum-wrap dd{
    margin-top:7px;
    font-size:10px;
    color:#000;
}
.gene-result-sex-image{
    max-width:90px;
    margin-top:10px;
}
.gene-cycle-image{
    padding-top:10%;
    min-width:30px;
    max-width:110px;
    z-index:10;


}

.panel-gene-total-result_wrap{
    height:auto;
    background-color:#fff;
    margin-top:5px;
    width:100%;
}
.panel-gene-total-result_row{
    height:auto;
    overflow:auto;
}
.total-result-box{
    height:100%;
    text-align:center;
    width:33.33%;
    float:left;
}
.total-result-box2{
    height:100%;
    text-align:center;
    width:33.33%;
    float:left;
}
.total-result-box2 dl{
    z-index:100;
    margin-top:-95px;
}
.total-result-box2 dt{
    color:#2ca6e0;
    font-size:38px;
    font-weight:bold;
}
.total-result-box2 dd{
    margin-top:-5px;
    color:#444;
    font-size:10px;

}
.total-result-box3{
    height:100%;
    text-align:left;
    width:33.33%;
    float:left;
    height:100%;
    padding-left:3%;
}
.result-bullet-image{
    width:8px;
    margin-right:5px;
}
.t-result-num-text{
    font-size:8px;
    color:#000;
    margin-top:3px;
    margin-left:5px;

}
.t-result-num1{
    color:#e71c25;
    font-size:12px;
}
.t-result-num2{
    color:#f99718;
    font-size:12px;
}
.t-result-num3{
    color:#f5d241;
    font-size:12px;
}
.t-result-num4{
    color:#51c2ed;
    font-size:12px;
}
.t-result-num5{
    color:#1db068;
    font-size:12px;
}
.gene-result_content_dl_box1{
    margin-left:-25px;
    font-size:22px;
    margin-top:6px;
}
.single-result-text1{
    color:#a84c80;
    font-size:15px;
    margin-top:11px;
    text-align:right;
}
.single-result-text2{
    color:#ad6a4d;
    font-size:15px;
    margin-top:11px;
    text-align:right;
}
.single-result-text3{
    color:#c48d2c;
    font-size:15px;
    margin-top:11px;
    text-align:right;
}
.single-result-text4{
    color:#57afce;
    font-size:15px;
    margin-top:11px;
    text-align:right;
}
.single-result-text5{
    color:#55a56f;
    font-size:15px;
    margin-top:11px;
    text-align:right;
}
.gene-single-result_content_R_arrow{
    font-size:30px;
    margin-top:3px;
    color:#aaa;
    margin-left:10px;

}
.dian_image{
    width:10px;
    margin-right:5px;
    margin-left:-25px;
}
.panel_content_wrap_sg2{
    height:60px;
    padding-top:10px;
    background-color:#fff;
    padding-left:10px;
    border-bottom:#ddd 1px solid;

}
.gen_sg_panel_wrap{
    height:30px;
    background-color:#fff;
    padding-left:10px;
    padding-top:2px;
    padding-right:10px;
    width:100%;


}
.sg_gen_panel_image{
    width:40px;
    margin-top:2px;
}
.gen-result-name{
    font-size:18px;
}
.unlock-name-color{
    color:#999;
}
.sg_unlock_info_image{
    height:20px;
    margin-left:5px;
}
.sg_unlock_btn_image{
    height:20px;
    margin-right:5px;
    margin-top:-2px;
}
.sg_unlock_lock_image{
    height:20px;

}
/**gene_achives_detail_01-04***/
.panel_dashboard_wrap_sg3{
    height:160px;
    padding-top:10px;
    background-color:#fff;
    padding-left:10px;

}
.sg_gen_dashboard_image{
    width:190px;
    margin-top:2px;
}
.dashboard-box{
    text-align:center;
}
.dashboard-box dd{
    margin-top:10px;
    font-size:11px;
    color:#000;
}
.panel_tabmenu_wrap_sg4{
    height:40px;
    background-color:#fff;

}
.tabmenu-sg-box{
    border-right:#ddd 1px solid;
    height:100%;
    text-align:center;
    padding-top:10px;
    font-size:14px;
}
.tabmenu-sg-box-end{
    border:0px;
}
.tabmenu-sg-box-active{
    border-bottom:#2ca6e0 4px solid;
    color:#2ca6e0;
}
.panel_card_wrap_sg5{
    min-height:60px;
    height:100%;
    background-color:#fff;
    border-radius:4px;
    width:96%;
    margin-left:auto;
    margin-right:auto;

}
.panel_card_wrap_sg5 dl{
    width:90%;
    margin-left:auto;
    margin-right:auto;
}
.panel_card_wrap_sg5 dt{
    border-bottom:#ddd 1px solid;
    height:30px;
    color:#2ca6e0;
    font-size:14px;
    padding-top:5px;
    font-weight:100;
}
.panel_card_wrap_sg5 dd{
    text-align: justify;
    margin-top:5px;
    text-indent:-14px;
    font-size:14px;
    margin-left:14px;
}
.textfield-style2 dd{
    text-indent:28px;
    margin-left:0px;
}
.panel_card_wrap_sg6{
    height:40px;
    background-color:#fff;
    border-radius:4px;
    width:96%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding-top:10px;
    color:#2ca6e0;
    font-size:16px;
}
.bottom-bar-btn-wrap{
    height:50px;
    background-image:url(/images/black20.png)


}
.bottom-bar-btn-box{
    opacity:1;
    height:10px;
    font-size:16px;
    text-align:center;
    padding-top:2px;
    color:#fff;
    margin-top:5px;
}
.bottom-btn{
    border-radius:4px;
    background-color:#2ca6e0;
    padding-top:5px;
    padding-bottom:5px;
}
.r-space10{
    margin-right:10px;
}
.l-space10{
    margin-left:10px;
}
.disablebtn-color{
    background-color:#999;
    color:#ddd;
    opacity:0.2;

}
.panel_card_wrap_sg7{
    min-height:60px;
    height:auto;
    background-color:#fff;
    border-radius:4px;
    width:96%;
    margin-left:auto;
    margin-right:auto;
}
.panel_card_wrap_sg7 dl{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    height:26px;
    height:100%;
}
.panel_card_wrap_sg7 dt{
    border-bottom:#ddd 1px solid;
    height:26px;
    color:#2ca6e0;
    font-size:14px;
    text-align:center;
    font-weight:100;

}
.gensite-tab{
    width:30px;
    background-color:#2ca6e0;
    border-radius:0 0 4px 4px;
    margin-left:auto;
    margin-right:auto;
    color:#fff;
    position:relative;
}

.row-gensite1{
    width:100%;
    background-color:#d5edf9;
    border-bottom:#999 1px dashed;
    height:26px;
    color:#000;
    line-height:24px;
}
.l-gensitel-content{
    font-size:14px;
    text-align:center;

}
.r-gensitel-content{
    font-size:14px;
    text-align:center;
}
.row-gensite1-white{

    background-color:#fff;

}
.gensitel-result-box{
    width:100%;
    text-align:center;
}
.gensitel-result{
    width:40px;
    background-color:#2ca6e0;
    font-weight:bold;
    color:#fff;
    padding-left:5px;
    padding-right:5px;
    border-radius:8px;
    height:20px;
    font-size:12px;
}
.num-l-box{
    height:20px;
}
.num-c-box{
    height:20px;
    text-align:center;
}
.num-r-box{
    height:20px;
}
.row-gendoc{
    width:100%;
    margin:0px;
    padding:0px;
}

.row-gendoc li{
    border-bottom:#999 1px dashed;
    min-height:26px;
    height:auto;
    padding:5px;
    padding-left:12px;
    font-size:14px;
    color:#000;

    background: url(/images/gendoc-dian-01.png) 0 12px no-repeat;
}
.panel_genlistshow_wrap_sg8{
    min-height:240px;
    height:auto;
    background-color:#fff;
    border-radius:4px;
    width:96%;
    margin-left:auto;
    margin-right:auto;

}
.panel_genlistshow_wrap_sg8 dl{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    height:26px;
    height:100%;
}
.panel_genlistshow_wrap_sg8 dt{
    border-bottom:#ddd 1px solid;
    height:30px;
    color:#2ca6e0;
    font-size:14px;
    padding-top:5px;
    font-weight:100;
}
.gene-list-image{
    width:100%;


}
.gene-list-image-1stfix{
    margin-left:0%;
}
.panel_genlistshow_wrap_sg8 dd{

    height:auto;
    overflow:auto;
}
.img-arrange{
    width:4.1667%;
    float:left;
    height:100%;
}
.panel_card_wrap_sg9{
    height:26px;
    background-color:#fff;
    border-radius:4px 4px 0 0;
    width:96%;
    margin-left:auto;
    margin-right:auto;
}
.panel_card_wrap_sg9 dl{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    height:26px;
    height:100%;
}
.panel_card_wrap_sg9 dt{
    border-bottom:#ddd 1px solid;
    height:26px;
    color:#2ca6e0;
    font-size:14px;
    padding-top:5px;
    font-weight:100;
}
.panel_content_wrap_sg10{

    height:auto;
    overflow:auto;
    background-color:#fff;
    border-radius:0 0 0 0px;
    width:96%;
    margin-left:auto;
    margin-right:auto;
    padding:10px;

}
.gene-discription{
    min-height:50px;
    height:100%;
    line-height:18px;
    text-align:justify;
    text-indent:24px;
    font-size:12px;
    margin-bottom:8px;
}
.gen-single-show{
    text-align:center;
}
.sg_gen_snigle_show_image{
    width:20px;
    margin-top:-15px;
}
.endround{
    border-radius:0 0 4px 4px;
}
/**me_report_list.html me_result_info.html me_result_list.html**liwen**/
.panel_card_report_wrap_sg11{

    height:60px;
    overflow:auto;
    background-color:#fff;
    border-radius:4px;
    width:96%;
    margin-left:auto;
    margin-right:auto;


}
.panel_card_report_wrap_sg11 dl{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    height:26px;
    height:100%;

}
.panel_card_report_wrap_sg11 dt{
    /*border-bottom:#ddd 1px solid;*/
    height:26px;
    color:#fff;
    background-color:#2ca6e0;
    font-size:14px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;

    line-height:16px;
    font-weight:100;
}
.panel_card_report_wrap_sg11 dd{
    padding-left:10px;
    padding-right:10px;
    line-height:32px;
    font-size:14px;
    color:#000;
    font-weight:bold;
}

.color-gray-font{
    color:#888;
    font-weight:100;
}
.gen_sg_panel_wrap12_wrap{
    height:30px;
    background-color:#2ca6e0;

    width:100%;


}
.panel_info_title_wrap12{
    height:100%;
    padding-top:2px;
    padding-right:10px;
    width:95%;
    margin-left:auto;
    margin-right:auto;
}
.panel_info_title_wrap12_box{
    height:100%;
    font-size:14px;
    line-height:24px;
    color:#fff;
    margin-left:5px;


}
.gen_sg_panel_wrap13_wrap{
    height:30px;
    background-color:#fff;

    width:100%;


}
.panel_info_title_wrap13{
    height:100%;
    padding-top:2px;
    padding-right:10px;
    width:95%;
    margin-left:auto;
    margin-right:auto;
}
.panel_info_title_wrap13_box{
    height:100%;
    font-size:14px;
    line-height:26px;
    color:#000;
    margin-left:5px;
    font-weight:bold;

}
.panel_card_report_wrap_sg14{

    height:5px;
    overflow:auto;
    background-color:#fff;
    border-radius:4px 4px 0 0 ;
    width:96%;
    margin-left:auto;
    margin-right:auto;


}
.panel_content_wrap_sg14_wrap_sg2{
    height:40px;
    padding-top:10px;
    background-color:#fff;
    padding-left:10px;
    border-bottom:#eee 1px solid;
    width:96%;
    margin-left:auto;
    margin-right:auto;
}
.sg14_wrap_content_dl_box1{
    font-size:16px;
    color:#000;


}
.sg14_wrap-result_content_R_arrow{
    font-size:30px;
    color:#aaa;
    margin-top:-10px;


}
.sg14_row_wrap{
    width:100%;
    height:auto;
    overflow:auto;
}
.panel_card_report_wrap_sg14_end{


    border-radius: 0 0 4px 4px;


}

.name-style1{
    font-weight:100;
    font-size:16px;
}
.name-style2{
    font-weight:100;
    font-size:12px;
    color:#666;
}
.panel_content_wrap_sg14_wrap_sg2_2{
    min-height:60px;
    height:auto;
    padding-top:10px;
    background-color:#fff;
    padding-left:10px;
    border-bottom:#eee 1px solid;
    width:96%;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:5px;
}
.post-report-name{
    margin-right:5px;
}
.post-report-input{
    border:0px;
    font-size:14px;
    line-height:18px;
}
.panel_content_wrap_sg14_wrap_sg2_3{
    height:46px;
    padding-top:10px;
    background-color:#fff;
    padding-left:10px;
    border-bottom:#eee 1px solid;
    width:96%;
    margin-left:auto;
    margin-right:auto;
}


.post-img-btn{
    width:50px;

}

/**outpaint*liwen**/
.panel_content_wrap_sg14_wrap_sg2_4{
    height:30px;
    padding-top:10px;
    background-color:#fff;
    padding-left:10px;
    border-bottom:#eee 1px solid;
    width:96%;
    margin-left:auto;
    margin-right:auto;
}
.panel_content_wrap_sg14_wrap_sg2_5{
    height:80px;
    padding-top:10px;
    background-color:#fff;
    padding-left:10px;
    border-bottom:#eee 1px solid;
    width:96%;
    margin-left:auto;
    margin-right:auto;
}
.outpaint-style1 dt{
    background-color:#fff;
    color:#000;
    border-bottom:#2ca6e0 3px solid;
}
.outpaint-style1 dd{
    color:#036eb7;

    height:30px;
}
.color-blue-font{
    color:#009fe8;
    font-weight:100;
}
.color-blue-font2{
    color:#036eb7;
}
.text-style2{
    text-align:justify;
    height:100%;
}
.outpaint-bk-color{
    background-color:#f4f2e4;
}
/***hospital**liwen**/
.color-green-font{
    color:#00a199;
}
.hospital-bk-color{
    background-color:#f4f2e4;
}
.hospital-style1 dt{
    background-color:#2ca6e0;
    color:#fff;
    border-bottom:#fff 3px solid;
}
.nobold{
    font-weight:100;
}
/****login*****/
.login h1{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color:#fff;
}
.label-grey{
    background-color: #cccccc;
}
.footCover{
    margin-top:20px;
    width:100%;
    height:auto;
    background-image:url(/images/black40.png);
    overflow:auto;
}
/**user_base2****/
.new-result-index-wrap{
    width:20%;
    height:100%;
    text-align:center;
    color:#555;
    padding-top:5px;
    float:left;
}
.new-result-index-wrap dd{
    font-size:11px;
}
.image-bullet-new{
    width:8px;
    margin-right:5px;
}
.result-doc-new-wrap{
    width:25%;
    text-align:center;
    font-size:12px;
    color:#555;
    float:left;
    border-bottom:#ddd 1px solid;
    height:100%;
    border-right:#ddd 1px solid;
}
.result-doc-new-wrap dt{
    font-size:18px;
}
.result-doc-new-wrap dd{
    font-size:10px;
}
.fontstyle-s1{
    font-size:12px;
}
.img-icon-indexx-new{
    width:80px;
}
.new-index-icon-wrap{
    padding-top:25px;
    text-align:center;
}
.new-index-icon-wrap dd{
    font-size:13px;
}
/***account-me**liwen**/
.account-subtitle{
    text-align:center;
}
.account-data{
    color:#666;
}
.account-second-page-wrap{
    width:100%;
}
.account-input-wrap{
    height:46px;
}
.account-input-box{
    width:80%;
}
/*******question*****liwen****/
.panel_card_wrap_sg17{
    min-height:160px;
    height:auto;
    background-color:#fff;
    border-radius:4px;
    width:96%;
    margin-left:auto;
    margin-right:auto;
}
.question-icon-name{
    z-index:100;
    text-align:center;
    margin-top:-46px;
    margin-left:6px;
    font-weight:bold;
    font-size:16px;
    color:#2ea7e0;
}
.question-wrap{
    padding-top:15px;
    text-align:center;

}
.question-wrap dl{
    z-index:1;

}

.gray-color-question-name{
    color:#bbb;
}
.font-question-green{
    color:#22ac38;
}
.font-question-blue{
    color:#2054a0;
}
.font-question-green2{
    color:#8fc31f;
}
.font-question-yellow{
    color:#f39800;
}
.font-question-pink{
    color:#ed6ef4;
}
.question-option-circle{
    color:#2ca6e0;
    font-weight:100;
    text-align:right;
}
.panel_question_card_wrap_sg20{
    min-height:60px;
    height:100%;
    background-color:#fff;
    border-radius:4px;
    width:96%;
    margin-left:auto;
    margin-right:auto;
    overflow:auto;
    padding-bottom:10px;
    padding-top:10px;
}
.question-option-box{
    font-size:16px;
    padding-top:15px;
    padding-bottom:15px;
    border-bottom:#ddd 1px solid;
    color:#000;
}

.question-option-end{
    border-bottom:0px;
}
.question-box1{
    font-size:18px;
    color:#000;
    padding-bottom:15px;
    padding-left:44px;
    text-indent:-16px;
    line-height:30px;
    padding-right:26px;
    text-align:justify;
}
/****h5***********liwen*****/
.h5case-image-wrap{
    width:100%;
}
.h5-case-image-box{
    width:100%;
}
/**公共样式最后带入*liwen**/
.panel_content_wrap_sg14_wrap_sg2_end{
    border:0px;
}
.fix-height{
    height:auto;
    overflow:auto;
}

<!--extend-->

.main_content_wrap .navbar-default .navbar-nav .active > a{
    border-bottom:#2ca6e0 4px solid;
    color:#2ca6e0;
    background-color:#ffffff
}
.navbar-top50 {
    top:50px;
}
.colour{display: none}
.colourless{display: block}

.rc_risk_content{
    position:relative;
    width:100%;
    height:95px
}
.rc_risk_content .rc_risk_show{
    background:url(/images/risk_bg.png) center center no-repeat
}
.rc_risk_content .rc_risk_show .arrow{
    z-index:3;
    -webkit-transform-origin:bottom center;
    -moz-transform-origin:bottom center;
    -ms-transform-origin:bottom center;
    -o-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-transition:1s ease all;
    -moz-transition:1s ease all;
    -ms-transition:1s ease all;
    -o-transition:1s ease all;
    transition:1s ease all;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}

.rc_risk_content .rc_risk_show{
    position:absolute;
    left:50%;
    bottom:0;
    /*margin-left:-3.925rem;*/
    background-size:contain;
    margin-left:-90px;
}
.rc_risk_content .rc_risk_show img{
    position:absolute
}
.rc_risk_content .rc_risk_show .arrow_dun{
    bottom: 0px;
    left:50%;
    /*margin-left:-.5rem;*/
    margin-left:-10px;
    z-index: 3;
}
.rc_risk_content .rc_risk_show .arrow{
    width: 9px;
    left:50%;
    margin-left: -3px;
    bottom:8px;
    z-index: 2;
}

.textfield-style2 dd{text-indent: 0px;}

.risk_item_circular {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #ccc;
    color: #fff;
    display: inline-block;
}

/*.risk_item_circular_red {*/
    /*background: #ce8fae;*/
/*}*/
/*.risk_item_circular_orange {*/
    /*background: #ffbb90;*/
/*}*/
/*.risk_item_circular_yellow {*/
     /*background: #fcd68b;*/
 /*}*/
/*.risk_item_circular_blue {*/
    /*background: #8cdbff;*/
/*}*/
/*.risk_item_circular_green {*/
    /*background: #99d1ae;*/
/*}*/

.risk_item_circular_red {
    background: #e60012;
}
.risk_item_circular_orange {
    background: #f39800;
}
.risk_item_circular_yellow {
    background: #f5d242;
}
.risk_item_circular_blue {
    background: #8cdbff;
}
.risk_item_circular_green {
    background: #14ae67;
}


.m-top7{margin-top: 7px}


.mdate_box {
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 8px 8px 20px;
}

.mdate {
    height: 35px;
    margin: 15px 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.mdate >input {
    display: block;
    border: 0;
    border-radius: 3px;
    padding: 0 8px;
    height: 100%;
    flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    font-size: 14px;
}

.nativepalce-contain {
    text-align: center;
}

.nativepalce-contain .content div{
    width: 100%;
    line-height: 1.5;
    background-color: #666666;
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    border-left: 0;
    border-right: 0;
    color: #ddd;padding: 10px 15px;
    font-size: 18px
}
.nativepalce-contain .fixWidth {
    margin: 0 auto;
    position: relative;
}

.customer-add-input{
    width: 100%;
    line-height: 1.5;
    background-color: #666666;
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    border-left: 0;
    border-right: 0;
    color: #ddd;padding: 10px 15px;
    font-size: 18px
}

.displayGeneFeatures{}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


.ancestry {
    background: linear-gradient(90deg, #8edee0, #80def2);
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: linear-gradient(90deg, #8edee0, #80def2);
    background-size: auto auto;
    background-origin: padding-box;
    background-clip: border-box;
}


.gene-achives-cat-info{
    background: #2ca6e0;
    border-top:solid 1px #fff;
}

.btn_cart {
    position: fixed;
    z-index: 3;
    bottom: 0px;
    border-top: 1px solid #eee;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #EEEEEE;
}

.subFly{
    width: 100%;
    height:100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.subFly .up,.up1{
    width: 100%;
    height:65%;
    background: #000;
    opacity: 0.5;
}
.subFly .up1{
    width: 100%;
    background: #000;
    opacity: 0.5;
    top: 0;
    height: 100%;
    display: none;
    position: absolute;
}
.subFly .down{
    width: 100%;
    height:35%;
    background: #fff;
    position: relative;
}
.subFly .close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.subFly .close img{
    width:1.5rem;
    height:1.5rem;
}
.subFly .foot{
    position: fixed;
    height:50px;
    line-height: 50px;
    width: 100%;
    bottom: 0;
    background: #d2322d;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}
.subFly .down dl{
    width: 96%;
    margin-left: 4%;
    border-bottom: 1px solid #dddddd;
}
.subFly .down dl.subName{
    height: 6rem;
}
.subFly .down dl.subName dt,.down dl.subName dd{
    float: left;
}
.subFly .down dl.subName dt{
    margin:-20px 15px 0 0;
    width: 28%;
}
.subFly .down dl.subName dt img{
    width:100%;
    border: 1px solid #dddddd;
    border-radius: 5px;
}
.subFly .down dl.subName dd{
    margin:10px 0 0 5px;
}
.subFly .down dl.subName dd p{
    margin-bottom: 5px;
}
.subFly .down dl.subName dd p:nth-child(1){
    font-size: 17px;
    font-weight: bold;
}
.subFly .down dl.subName dd p:nth-child(2){
    color: #f00;
}
.subFly .down .subChose{
    padding:10px 0;
    min-height:3.2rem;
}
.subFly .down .subChose dt,.down .subChose dd{
    height:1rem;
    line-height: 1rem;
}
.subFly .down .subChose dd{
    float: left;
    padding: 0.3rem 0.6rem;
    border: 1px solid #666666;
    border-radius: 0.2rem;
    margin-top: 0.5rem;
    margin-right: 1rem;
}
.subFly .down dl.subCount {
    height:2.6rem;
    line-height: 2.6rem;
}
.subFly .down dl.subCount dt{
    float: left;
}
.subFly .down dl.subCount dd{
    float: right;
}
.subFly .down .subChose dd.m-active{
    color: #ffffff;
    background: #F03C03;
    border:1px solid #F03C03;
}


.order-list-nav{
    height: 34px;
    background: #FFFFFF;
    border-bottom: solid 1px #cccccc;
    padding: 0 10px
}

.order-list-nav .navlist{
    float: left;
    line-height: 32px;
}

.order-list-nav .active{
    border-bottom:solid 2px #2ca6e0;
}

.order-list-nav .active a{
    color:#2ca6e0 ;
}

.order-list-nav a{
    padding: 0 10px;
    height: 32px;

}

.cart-list{
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
    margin-bottom: 10px;
    border-bottom:solid 1px #cccccc
}

.cart-list .item-left{
    float: left;
    width:10%;
    padding-top: 20px
}

.cart-list .image{
    float: left;
    width:30%;
}
.cart-list .image img{
    border: solid 1px #f0f0f0
}

.cart-list .item-right{
    float: left;
    width:60%;
    padding: 5px
}


.badge.badge-important {
    background: #ff6c60;
    padding: 2px 5px;
}

.product-detail{
    padding-left: 0;
    padding-right: 0
}

.product-detail .img{
    height: 230px;
    overflow-y: hidden;
    border: solid 1px #cccccc;
}

.product-detail .title{
    margin: 0 0 10px 0;
    background: #f0f0f0;
    padding: 10px;
    border-bottom: solid 1px #f0f0f0;
    font-size: 16px;
    font-weight:bold
}

.product-detail .price{
    color: #58ADE3;
    padding: 0 15px
}

.product-detail .price-front{
    font-size: 18px;
    font-weight: bold
}

.product-detail .count-block{
    border-bottom: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    padding: 10px 15px
}

.product-detail .count-block .count-title{
    line-height: 35px;
    font-weight: bold;
    font-size: 16px
}

.product-detail .count-block .btn-border{
    border: solid 1px #ccc
}

.product-detail .content{
    padding: 10px
}

.product-nav {
    position: fixed;
    z-index: 3;
    bottom: 0px;
    border-top: 1px solid #eee;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #EEEEEE;
}

.product-nav .small-nav{
    width: 20%;
    padding-top: 10px;
    font-size: 12px
}

.product-nav .big-nav{
    width: 30%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    border: 0
}

.tab-nav{
    background: #5fbfd9;
    color: #fff;
    padding: 10px;
    text-align: center
}
.tab-nav a{

    color: #fff;

}

.tab-nav-list{
    padding: 5px 0
}

.tab-navtop {
    width: 100%;
    position: fixed;
    top: 54px;
    z-index: 88;
    box-shadow: 0 0.02rem .01rem rgba(0, 0, 0, 0.2);
    max-width: 640px;
}

.product_search{
    height: 54px;
    background: #5fbfd9;
    position: fixed;
    width:100%;
    z-index: 1030;
    padding: 10px 10px 0 10px;
    max-width: 640px;
}

.product-list{
    margin-top:10px;
    padding-left: 0;
    padding-right: 0
}

.product-list-container{
    margin: 0 5px ;
    background: #fff
}

.product-list-title{
    border-top: #f0f0f0 1px solid;
    padding-top: 5px;
    font-size: 16px;
    line-height: 24px
}

.product-list-price{
    font-size: 26px;
    font-weight: bold
}

.product-list-color{
    color: #5fbfd9 ;
}



.dashboard{

    background-color: #3c3c46;
    border-radius: 6px;
    color:#fff;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px 10px 0 10px;

}

.dashboard a{
    color: #fff;
}

.dashboard .item{
    width: 50%;

}
.dashboard .item .col{

    border-left:#2e2f34 1px solid;
    border-right:#2e2f34 1px solid;
    border-bottom:#2e2f34 1px solid;
    border-top:#2e2f34 1px solid;
    display:flex;
    flex-direction: row;
    padding: 10px 0 7px 0
}

.dashboard .item .col .count{
    font-size:32px;color:#dddddd;text-align:center;line-height:1.2;flex:1
}

.search_container{
    padding: 10px 15px;
    background-color: #2e2f34
}

.search-item {
    display: flex;
    width: 100%;
    background: #cacaca;
    flex-direction: row;
    border-radius: 21px;
    margin-right: 10px;
    margin-left: 10px;
}

.searchinput{
    height: 25px;
    padding: 5px 10px;
    flex: 1;
}

.search-icon{
    color: #7D7D7D;
    font-size:18px;
    margin-left: 10px;
    margin-top:11px
}

.quip-list{
    background-color:#3c3c46;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    border-radius: 5px;
    padding:10px;
    color:#fff
}

.equip-list-arrow{
    text-align:right;
    margin-top:-30px;
    height:30px;
    font-size:27px;
    color:#7D7D7D
}

.equip-list-char1{
    color:#8d93a4;
    font-size: 14px;
}

.equip-list-icon{
    text-align:center;
    display:inline-block;
    padding:0 7px;
    border-radius: 5px;
    line-height:19px;
    margin-top:7px;
    font-size:11px;
    font-weight:bold;
}


.equip-value-list{
    margin:10px 10px;
    background-color:#3c3c46;
    border-radius:2px;
    overflow:hidden;
    padding: 10px 0;
}

.equip-value-item{
    display:flex;
    flex-direction: row;
    font-size:16px;padding:7px 0;
    border-top:1px solid #494a50;color:#d9d9d9;
    margin: 0 15px
}

.equip-value-item:first-child{ border-top:none;}

.equip-value-item .title{
    flex:1
}

.equip-value-item .value{
    flex:0.6;
    text-align:right;
    color: #65cea7;
    font-size:19px;
    font-weight:bold
}

.equip-value-item .icon{
    flex:0.6;
    text-align: right;
    color:#999;

}

.equip-list-button{
    background-color: #464652;
    border-radius: 40px;
    display:inline-block;
    line-height:2;
    font-size:13px;
    padding:0 1em;
    color:#fff;
    border: #2e2e36 1px solid

}
.equip-detail-panel{
    margin:10px 10px;
    background-color:#3c3c46;
    border-radius:2px;
    overflow:hidden;
    color:#fff
}

.equip-detail-panel .heading{
    font-size: 16px;
    color: #999999;
    padding-left: 15px;
    padding-bottom: 20px;
}

.equip-detail-panel-item{
    display:flex;
    flex-direction: row;
    font-size:16px;padding:7px 0;
    border-top:1px solid #494a50;color:#d9d9d9;
    margin: 0 15px
}

.equip-detail-panel-item:first-child{ border-top:none;}

.equip-detail-panel-item .title{
    flex:1
}

.equip-detail-panel-item .value{
    flex:0.6;
    text-align:right;
    color: #65cea7;
    font-size:19px;
    font-weight:bold
}


.account-list{
    border-bottom:#36373d 1px solid;
    height:40px;
    padding:0 10px;
    line-height:40px;
    clear:both;
}

.account-list .name{
    font-size:13px;
    font-weight:bold;
    display:inline-block;
    color:#d4d4d4
}

.account-list .value{
    font-size:13px;
    display:inline-block;
    color:#d4d4d4
}

.account-list .arrow{
    font-size:20px;
    color:#aaa
}

.equip-bind-btn{
    margin:10px auto 10px auto;
    border-radius:20px;
    padding:5px 10px;
    text-align:center;
    font-size:15px;
    line-height:1.8;
    width: 80%;
    display: block;
    color: #4bcacc;
    border: #2e2e36 1px solid;
    background-color: #464652;
}

.equip-bind-btm{
    position:fixed;
    z-index:3;
    bottom:0;
    border-top:1px solid #2e2f34;
    width: 100%;padding: 5px 10px;
    background: #374152
}

.equip-bind-sbmt{
    background-color: #428bca;
    text-align: center;
    font-size: 18px;
    color:#fff;
    border-radius:20px;
    margin: 0 auto 0 auto;
    padding: 7px
}

.equip-bind-item1{
    padding: 0 15px 5px 15px;
    font-size: 13px;
    font-size: 16px;
    color: #d9d9d9;
}
.equip-bind-item2{
    padding: 5px 15px 15px 15px;
    font-size: 13px;
    font-size: 16px;
    color: #d9d9d9;
    border-top: 1px solid #494a50;
}

.btn1{
    background-color: #464652;
    border-radius: 40px;
    display: inline-block;
    line-height: 2;
    font-size: 13px;
    padding: 0 1.35em;
    color: #4bcacc;
    border: #2e2e36 1px solid;
}

.noData{
    text-align: center;
    color: #8D8D8D;
    font-size: 18px;
    padding-top:30px;
    display: none
}

.alarm-list{
    background-color:#3c3c46;
    padding:15px;
    color:#fff;
    margin-top: 5px;
}

/*button{*/
/*    background-color: #464652;*/
/*    border-radius: 40px;*/
/*    margin-left: 5px;*/
/*    display:inline-block;*/
/*    line-height:2;*/
/*    font-size:13px;*/
/*    padding:0 1.35em;*/
/*    color:#fff;*/
/*    border: #2e2e36 1px solid*/

/*}*/


.alarm-status{
    font-size:14px;
    color:#fff;
    border-radius:5px;

    text-align:center;
    float:right;
    line-height: 1.8;
    padding: 5px 10px;
}
.alarm-status-alarm{
    background:#f0ad4e;
}

.alarm-status-recovery{
    background:#65CEA7;
    width:100px;
}
.alarm-status-normal{
    background:#ccc;
    width:100px;
}

.control-area{
    border-top:#464652 1px solid;
    margin-top:10px;
    padding-top:10px;
    text-align:right
}

.login-bind-input{
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 6px 12px;
}

.login-msg{
    background-color: #f2dede;
    color: #a94442;
    border-radius: 4px;
    margin:10px 0;
    text-align:center;
    padding:15px;
    display: none;
}

.equip-con-cells{
    border:#464652 1px solid;
    margin-top:10px;
    display:flex;
    flex-direction: row;
}

.equip-con-cell{
    flex:1;
    flex-direction: column;
    text-align:center;
    padding:10px 0
}

.userinfo {
    color: #fff;
    text-align: left;
}

.userinfo-avatar {
    overflow:hidden;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #666666;
    float: left

}

.userinfo-name{
    float: left;
    margin-left: 20px;
    line-height: 35px;
    color: #dddddd;
}


.flow-count-info{
    display: flex;
    flex-direction:row;
    background: linear-gradient(180deg, #0c0e25, #0c225c);
}

.flow-count-info .col{
    flex:1;
    /*background:#eee;*/
    border-radius:5px;
    padding:8px;
    text-align:left;
    margin:5px;
    color:#fff
}

.flow-count-info .col .num{
    font-size:18px
}

.flow-data-list{
    display: flex;
    flex-direction: row;
    text-align:center;
     border-bottom:#51535b 1px solid;
    line-height:2.5;
    color:#fff;
    background-color: #313b4e;
}

.flow-data-list:nth-child(odd){
    background-color: #283141
}

.flow-data-list .time{
    flex:1.5;
    text-align: left;
    padding-left: 15px;
}

.flow-data-list .flow{
    flex:1;
    color:#39b3d7;
    font-weight:bold;
    font-size:18px;
    text-align: right;
    padding-right: 15px;
}
.flow-dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    top:100px;
    left: 0;
    background: rgba(0, 0, 0, .7);
}
.flow-dialog2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top:100px;
    left: 0;
    background: rgba(0, 0, 0, .7);
}
.flow-content {
    width: 100%;
    height: 240px;
    background-color: #dddddd;
    position: fixed;
    top:90px;
    left:0;
}
.flow-content .list{
    color:#000;
    border-bottom: #d0d0d0 1px solid;
}
.flow-content .list .name{
     padding: 5px 15px;
 }

.flow-content .list .name button{
    border: none;
    background: none;
}

.hide {
    display: none;
}

.icheck div, .icheck .disabled {
    float: left;
}

.icheck div {
    margin-right: 5px;
    margin-top: 3px;
}

.icheck label {
    font-weight: normal;
    margin-right: 15px;
}

.icheck .checkbox, .icheck .radio {
    margin-bottom: 10px;
}

.icheck .single-row {
    /* display: inline-block;
    width: 100%; */

}


.pannel-border:nth-child(odd){
    border-bottom: #666666 1px solid;
    padding-bottom: 5px;
    margin-top: 5px;
}

.pannel-border:nth-child(even){
    border-bottom: none;
}