@import "bbqm.css";
body{background: #f4f1f4; }
.nameDetail .box_top .col{ background:#316382; line-height:1; padding:12px 30px 20px; height:100px;}
.nameDetail .box_top .col .partL .bir_date{display:block; font-size:14px; color: rgba(255,255,255,.5);margin-top:9px;}
.nameDetail .box_top .col .partL .bir_date:last-child{ margin-top:4px;}
.nameDetail .box_top .col .partR{ height:auto; line-height:1;}
.nameDetail .box_top .partR .pfBox{ margin-top:10px;}
.nameDetail .box_top .partR .pfBox .sm{ display:block; color:rgba(255,255,255,.7); margin-top:5px; text-align:center}
.nameDetail .box_top .partR .pfBox strong{ margin-right:2px; color:#ff6e6e; text-shadow: 0 0 0;}
.col .partL .ty_sm{ font-size: 18px;display: inline-block; vertical-align: bottom;}
.col .name{display:inline-block; vertical-align: bottom; font-size: 22px;letter-spacing:2px; margin-left:2px;} 
.col .edit{ display:inline-block;vertical-align: bottom;}
.col .edit img{ display: block; width: 20px; height:20px;} 
.layer_cm{ position:fixed; left: 0; top:0; z-index: 99; width: 100%; height: 100%; background: rgba(0, 0,0, .6);} 
.layer_cm .close img{width: 40px;height: 40px;margin: 15px auto 0;display: block;}
.layer_cm .contBox{position: absolute;left: 0;right: 0;top:0;bottom: 0;width: auto;height: 309px;margin: auto;}
.layer_cm .btn{display: block;width: 80%;height: 35px;line-height: 35px;background:#77a1e2;border-radius: 5px;color:#fff;font-size: 15px;margin: 14px auto 10px;text-align: center;}
.editForm{background: #fff;border-radius: 5px;padding-top: 10px;width: 340px;height: 220px;margin: 0 auto;} 
.editForm .tit{margin-bottom: 10px;font-size: 16px;font-weight: bold;text-align: center;} 
.editForm .inpBox{margin: 0 15px;padding-left: 8px;height: 35px;color: #888;background: #efefef;border-radius: 5px;font-size: 15px;line-height: 35px;margin-bottom: 9px;} 
.editForm .inpBox input{color: #333;display: inline-block;margin-left: 10px;height: 35px;line-height: 35px;vertical-align: top;width: 60%;padding-left: 5px;} 
.editForm .picker{ color: #333; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; vertical-align:top; display: inline-block; width:67%; margin-left:6%; height:1.3rem;} 
.editForm .ming_dt{position: relative; margin-left: .3rem;width: 65%; display: inline-block; vertical-align: top; padding-left:.2rem;opacity: 1; right:auto; top:auto; margin-left:0;} 
.editForm select{width: 69%;background: none;color: #333;margin-left: 8px;border: none;}
table{width: 100%;background-color:#fffcf5;border: 1px solid #eadab8;border-radius: 5px;overflow: hidden;margin-top: 10px;} 
table tr{border-bottom: 1px dashed #e6d8ba;display:flex;} 
table tr:last-child{ border:none;} 
table .th td{ background-color:#faf2e1;} 
table .th td{ font-weight: bold; color:#b8964c;} 
table .th td.red{color:#d15959;} 
table td{display: inline-block;flex:1;line-height: 30px;font-size: 15px;color: #555;text-align: center;border-right: .018remdashed #b8964c;} 
table td:last-child{ border:none;} 
table tr td:first-child{font-weight:bold;} 
table tr td img{display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin-right: 5px;} 
.z_box{text-align:center;margin: 15px 0 15px;font-size: 0;} 
.z_box .item{background:#fdf9f1;width: 125px;height: 50px;border-radius: 5px;display: inline-block;border: 1px solid #eadab8;margin: 0 5px;overflow: hidden;} 
.z_box .item .p_l{width: 42px;height: 50px;padding: 6px 6px 0;display:inline-block;background:#f3ead5;border-right: 1px solid #eadab8;color: #b8964c;font-weight: bold;font-size: 15px;line-height: 20px;/* text-align: center; */} 
.z_box .item .p_r{position: relative;width: 70px;height: 50px;display:inline-block;vertical-align: top;} 
.z_box .item .p_r .fs,.z_box .item .p_r .jx{display:block;content:"";position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;width: 30px;height: 30px;line-height: 30px;border-radius: 15px;border:1px solid #d15959;background:#faeded;color:#d15959;font-size: 16px;font-weight: bold;}
.z_box .item .p_r .jx{ background:#d15959; border:none; color:#fff;} 
.pybox{height: 50px;border: 1px solid #e8e5dd;box-sizing: border-box;border-radius: 5px;background:url(../images/py.png) no-repeat left top;background-size: cover;position: relative;margin-bottom: 40px;}
.pybox .text{font-size: 16px;font-weight:bold;position:absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;/* width: 400px; */text-align:center;/* height: 30px; */letter-spacing:1px;line-height: 50px;padding-left: 0;} 

.box .h3{ font-weight:bold; margin-bottom:8px; font-size: 15px;} 
.box .h2{ font-weight: bold; font-size:18px;}
.box .h2 .blue{ color: #2691f5;}
.nameDetail .cl{ margin-top: 0; padding:20px 0; height:auto; display: inline-block; border-top: 1px dashed #decfb8; border-bottom: 1px dashed #decfb8; width:100%;}
.nameDetail .cl .zi_item{ float: left; font-size:30px;}
.nameDetail .cl .r_part{margin-left: 72px;}
.nameDetail .cl .fz{ font-size:0;}
.nameDetail .cl .fz .li{display: inline-block;width: 40%;font-size: 14px;color: #777;}
.nameDetail .cl .fz .li:nth-child(2){ margin-left: 12%;}
.nameDetail .cl .fz .li .sz_num{margin-bottom: 5px;}
.nameDetail .cl .fz .li .sz_num text{float: right;font-weight: bold;/* margin-top: 0; */}
.nameDetail .cl .fz .li:nth-child(1) text{color: #5870d6;}
.nameDetail .cl .fz .li:nth-child(2) text{color: #e2a41c;}
.nameDetail .cl .fz .li .sz{background: #eaeaea;height: 10px;border-radius: 5px;}
.nameDetail .cl .fz .li:nth-child(1) .sz .sz{ background: #95a5e9;}
.nameDetail .cl .fz .li:nth-child(2) .sz .sz{ background: #ebd28d;}
.nameDetail .cl .r_part .p{ font-size:15px; color:#555; margin-top:15px;}
.nameDetail .cl:last-child{ border-top:none;}
.nameDetail .cl:first-child{ border-bottom:none; background:red;}
.ul{display: flex;align-items: center;}
.ul .li{flex: 1;text-align: center;}

.nameDetail .zd_part{position: relative; margin-top: 15px; border-radius:5px;}
.zd_part .head{background: linear-gradient(to right,#438cbc,#9abfd8); height:50px; line-height:50px; font-size:19px;}
.bz_pf{text-align: center;position: relative;}
.bz_pf .chart2{ position: absolute; left: -50%; margin-left: 0; top: 0;}
.bz_pf canvas{margin-left: -5px;margin-top: -2px;}
.bz_pf .pf_font{ top: 37px; }
.bz_pf .pf_font p{ line-height:30px; width:68%;}
.bz_pf strong{ font-size: 1rem; font-weight:bold; position: absolute; top:1.7rem; left:0; right:0; margin:.12rem auto 0;}
.bz_pf strong i{ font-size: 0 }
.nameDetail .jx_head{ font-size:16px; margin:0;}
.nameDetail .jx_head span:before, .nameDetail .jx_head span:after{height:16px; width:3px; }
.nameDetail .mpBox{ text-align:center; margin:10px auto 30px;}
.nameDetail .mpBox .partR{width: 70%; padding:20px; margin: 0 auto; border-radius: 5px; background: #f3f3f3;}
.nameDetail .mpBox .partR li{ font-weight:normal;}

.mot{ font-size: 16px !important;}
.defen{ margin: 0 0; padding: 15px 12px 15px; background-color: #e9eeef; border-radius: 5px;}
.defen .p{ background: #fff;}
.defen .jx{ margin-bottom:0;}
.zd_part .jx .emp{ text-align: center; margin: 15px 0 0 0; font-size: 15px;}
.jx .p{ margin:10px 0; font-size:15px;}
.jx .p.ind{ text-indent: 2em; margin: 15px 0 7px; line-height: 25px;}
.jx .p .b{ font-weight: bold; display:inline; color:#333;}
.gray{ color:#5099dd; font-weight: bold;}
.cli{cursor: pointer; color:#5099dd; padding:8px 0; border-radius:5px; border:1px solid #5099dd; font-size: 16px; width:186px; margin:8px auto 15px;}
.ming_dt{ position: absolute; right:.3rem; top:0; opacity: 0;}
.ming_dt .picker{ width:90%;}
.qxt{ margin:20px 0; background:#fff;}