/* CSS Document */
input[type=radio] {
    margin-left: 5px;
    font-size:3.8vw;
    width:5.5vw;
    height:4.9vw;
    position: relative;
}
input[type=radio]:after {
    position: absolute;
    width:4.8vw;
    height:4.8vw;
    content: " ";
    background-color:#FFFFFF;
	color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 45%;
	border:1px solid #CCCCCC;
}
input[type=radio]:checked:before {
    content: "✓";
    display: block;
    position:absolute;
    width:5.5vw;
    height:5.2vw;
	background-color:#ff0000;
    color: #fff;
    font-weight:700;
    z-index: 1;
	border-radius:50%;
	text-align:center;
}
/**/
.cuschk[type=checkbox] {
    margin-right: 4px;
    font-size: 12px;
    width: 13px;
    height: 13px;
    position: relative;
}
.cuschk[type=checkbox]:after {
    position: absolute;
    width: 16px;
    height: 16px;
    content: " ";
    background-color:#FFFFFF;
	color: #fff;
    display: inline-block;
    visibility: visible;
    border-radius: 45%;
	border:1px solid #CCCCCC;
	top: -2px;
    left: -2px;
}
.cuschk[type=checkbox]:checked:before {
    content: "✓";
    display: block;
    position:absolute;
    width: 17px;
    height: 17px;
	background-color:#ff0000;
    color: #fff;
    font-weight:600;
    z-index: 1;
	border-radius:45%;
	text-align:center;
	top: -2px;
    left: -2px;
}
/**/
.orchk[type=checkbox] {
    margin-right:4px;
    font-size:12px;
    width: 13px;
    height: 13px;
    position:relative;
}
.orchk[type=checkbox]:after {
    position: absolute;
    width:16px;
    height:16px;
    content: " ";
    background-color:#FFFFFF;
    color:#fff;
    display: inline-block;
    visibility: visible;
    border:1px solid #CCCCCC;
    top: -2px;
    left: -2px;
}
.orchk[type=checkbox]:checked:before {
    content: "✓";
    display: block;
    position:absolute;
    width: 17px;
    height: 17px;
    line-height: 18px;
    background-color:#ff0000;
    color: #fff;
    font-weight:600;
    z-index: 1;
    text-align:center;
    top: -2px;
    left: -2px;
}
/**/
.zfxz[type=radio] {
    margin:1vw;
    font-size:4vw;
    width:5.5vw;
    height:5.5vw;
    position: relative;
}
.zfxz[type=radio]:after {
    position: absolute;
    width:5.2vw;
    height:5.2vw;
    content: " ";
    background-color:#FFFFFF;
    color: #fff;
    display: inline-block;
    visibility:visible;
    border-radius: 45%;
    border:1px solid #CCCCCC;
}
.zfxz[type=radio]:checked:before {
    content: "✓";
    display: block;
    position:absolute;
    width:5.5vw;
    height:5.5vw;
    line-height:6vw;
    background-color:#ff0000;
    color:#fff;
    font-weight:600;
    z-index:1;
    border-radius:50%;
    text-align:center;
}
/**/
input[type=checkbox] {
    width:5vw;
    height:5vw;
    border-radius:1vw;
    position: relative;
}
input[type=checkbox]:after {
    position: absolute;
    width:5.2vw;
    height:5.2vw;
    content: " ";
    background-color:#FFFFFF;
	color: #fff;
    display: inline-block;
    visibility: visible;
	border:1px solid #CCCCCC;
    border-radius:1vw;
}
input[type=checkbox]:checked:before {
    content: "✓";
    display: block;
    position:absolute;
    width:5.5vw;
    height:5.65vw;
    line-height:5.6vw;
	background-color:#ff0000;
    color:#fff;
    font-weight:600;
    z-index: 1;
	text-align:center;
    border-radius:1vw;
}
.bgi{
     padding:0 0.5vw;
}
.toico{
    width: 2.4vw;
    margin-left: 1.33333vw;
    height: 2.4vw;
    border-top: .02667rem solid #bbb;
    border-right: .02667rem solid #bbb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
a{ text-decoration:none;color:#333333;}
a:hover{text-decoration:none;color:#333333;}
.swiper-pagination-bullet{width:20px !important;height:4px !important;border-radius:3px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 !important;}
.swiper-pagination-bullet-active{background:#FF2300;}
.codetip{
    width: 100%;
    height: 13.06667vw;
    background: #ba101d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 4.26667vw;
    position: absolute;
    left: 0;
    bottom: 0;
}
.user-page-header{
    background-color: #fff;
    padding: 4vw 4vw 1vw 4vw;
}
.user-page-header .header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4vw 0 1.66667vw;
    position: relative;
}
.user-page-header .header-logo .top{
	width:100%;
	display: flex;
	-webkit-box-align:center;
	height: 16vw;
	padding:1vw;
}
.user-page-header .header-logo .top .logo{
	width:16vw;
	height:16vw;
}
.user-page-header .header-logo .top .info{
	height:16vw;
	width:63vw;
	padding:0;
	margin:1vw 3vw;
	display: block;
}
.user-page-header .header-logo .top .code{
    width:16vw;
	text-align: right;
	float:right;
}
.user-page-header .header-logo .top .code .ico{
	margin-left: 1.33333vw;
	line-height: 10vw;
    height: 10vw;
	color: #FAB734;
	text-align: center;
}
.user-page-header .header-logo .top .code .txt{
	margin-left:0.5vw;
	margin-top: 0;
	font-size:2.8vw;
	text-align: center;
}
.user-page-header .header-logo .top .info .name{
	height:7vw;
	line-height: 7vw;
	font-size: 5.26667vw;
	font-weight: 600;
	display:flex;
}
.user-page-header .header-logo .top .info .name .ico{
    width:7vw;
    margin-left: 2vw;
	line-height: 7vw;
    height: 7vw;
	color:#979797;
}
.user-page-header .header-logo .top .info .status{
	height:6vw;
	line-height: 6vw;
    font-size: 3.73333vw;
	display: flex;
	margin-top:1vw;
}
.user-page-header .header-logo .top .info .status .ico.open{
	color:green;
}
.user-page-header .header-logo .top .info .status .ico.stop{
	color:red;
}
.user-page-header .header-logo .top .info .status .level{
	margin-left:2vw;
}
.card-box>div, .card-box{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.card-box{
    margin: 1.33333vw 0 0;
	padding: 1vw 2vw;
}
.card-box>div.item .amount{
    color: #222;
    font-size: 4.26667vw;
    margin-top: 1.73333vw;
    font-weight: 600;
}
.user-page-header .header-logo .edit-ico {
    position: absolute;
    top: 0.66rem;
    right: 0.3rem;
    width: .75rem;
    height: .75rem;
}
.card-box .item{
	background-image: linear-gradient(to bottom right, aliceblue, #CFD6FF);
	border: 1px solid #F0F8F1;
	border-radius:5px;
	text-align: center;
	margin:1vw;
}
.card-box .yitem{
    text-align: center;
}
.card-box .yitem .name{
    line-height: 6vw;
    color: #C4C4C4;
}
.card-box .yitem .num{
    line-height: 6vw;
    font-weight: 700;
}
.card-box>div {
    min-height: 18vw;
    padding: 0 .4rem;
    padding: 0 4vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.card-box>div, .card-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	background-color: #FFFFFF;
}
.order-bar {
    padding: 0 4vw;
    background-color: #fff;
    margin-top: 2.66667vw;
}
.order-title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 10vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .02667rem solid #eee;
}
.order-state{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.order-state .item{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.46667vw 0 4.26667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.order-state .item .img {
    height:7vw;
	color:#FAB734;
	text-align:center;
}
.order-state .item .txt{
    color: #333;
    font-size: 3.4vw;
    margin-top: 1.4vw;
	text-align:center;
}
.menu-list{
    width: 100%;
    margin-top: 1.66667vw;
}
.menu-list .item{
    background-color: #fff;
    height: 12vw;
    width: 100%;
	padding:0 5vw;
    border-bottom: .02667rem solid #eee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.menu-list .list:last-child .item{
    border-bottom: 0;
}
.menu-list .item .name{
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.menu-list .item .name .ico, .menu-list .item .name .ico img{
    width: 6vw;
    height: 6vw;
}
.menu-list .item .name .txt{
    width: 100%;
    color: #333;
    font-size: .42667rem;
    font-size: 4.26667vw;
    padding-left: .21333rem;
    padding-left: 2.13333vw;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.menu-list .item .right-ico{
    width: .24rem;
    width: 2.4vw;
    margin-left: .13333rem;
    margin-left: 1.33333vw;
    height: .24rem;
    height: 2.4vw;
    border-top: .02667rem solid #bbb;
    border-right: .02667rem solid #bbb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.form-box{
    width: 100%;
    background-color: #fff;
    padding: 0 4vw;
	margin-top:2vw;
}
.form-box .form-item{
    width: 100%;
    height: 12vw;
    border-bottom: .02667rem solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.form-box .form-item .name{
    width: 40vw;
    color: #666;
    font-size: 3.73333vw;
}
.form-box .form-item .detail{
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
	display:flex;
    flex: 1;
	margin:0;
}
.form-box .form-item .detail .mbox{
    width:100%;
    padding-bottom:1vw;
}
.form-box .form-item .detail .mbox .mimg{
    position:relative;
    display:inline-block;
    *display:inline;
    overflow:hidden;
    vertical-align:middle;
    cursor:pointer;
    margin-top:1vw;
    margin-right:2vw;
    border:.02667rem solid #D4D4D4;
    border-radius:5px;
    color:#D4D4D4;
    text-align:center;
    height:18vw;
    width:28.5vw;
    line-height:18vw;
    float:left;
}
.form-box .form-item .detail .mbox .mimg img{max-width:28vw;max-height:18vw;display:inline;}
.form-box .form-item .detail .edit{
	width:100%;
	line-height:12vw;
}
.form-box .form-item .detail .edit .input{
	width:100%;
	height:10vw;
	text-align:right;
	font-size:3.6vw;
    outline:none;
}
.form-box .form-item .detail .edit .textarea{
    width:100%;
    height:20vw;
    font-size:3.6vw;
    word-break:break-all;
    margin-top:1vw;
    outline:none;
    resize:none;
}
.form-box .form-item .detail .head{
    width: 9.6vw;
    height: 9.6vw;
    margin-right:1.33333vw;
    text-align:center;
}
.form-box .form-item .detail .head .img{
	border-radius:50%;
    width:9vw;
    height:9vw;
    margin:auto;
}
.form-box .form-item .detail .tip{
    color: #000 important;
}
.form-box .form-item .detail .ico{
    display:flex;
	align-items:center;
}
.form-box .form-item .detail .tip, .form-box .form-item .detail .txt{
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 3.73333vw;
    text-align: right;
	margin-top:0;
	padding:2vw 0;
}
.tab-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.66667vw 0;
}
.tab-box .van-tab {
    padding: 0 5.33333vw;
}
.point-record-list{
    width: 100%;
    height: auto;
}
.point-record-list .item{
    width: 100%;
    background-color: #fff;
    border-bottom: .02667rem solid #eee;
    padding: 2.66667vw 4vw;
}
.point-record-list .item .name{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.point-record-list .item .time{
    font-size: 3.2vw;
    color: #666;
    width: 100%;
    margin-top: 2.66667vw;
}
.point-record-list .item .name .txt{
    font-size: 3.73333vw;
}
.point-record-list .item .name .num{
    font-size: 3.73333vw;
    color: red;
}
.order-tab-list .item .control-btn .btn-list .btn{
    background-image: linear-gradient(to right,#FF7700,#FF4900);
    border-color:#FF7700;
    color:white;
    border-radius:4vw;
}
.select{
	border:0;
	width:100%;
	margin:0;
	padding:0 1vw;
	text-align: left;
	background-color:transparent;
	height:6.4vw;
	line-height: 6.4vw;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	outline:none;
	font-size:3.3vw;
}
.spinner{
	border:1px solid #CCCCCC;
	height:6.6vw;
	line-height:6.6vw;
	display:flex;
	font-size:4vw;
	font-weight:700;
	border-radius:5px;
}
.subtract{
	height:6vw;
	line-height:6vw;
	border-right:1px solid #CCCCCC;
	padding:0 2vw;
}
.subtract.disabled{
	height:6vw;
	line-height:6vw;
	padding:0 2vw;
    color:#E0E0E0;
}
.amount.input-text{
	text-align:center;
	line-height:6vw;
	width:12vw;
	font-size:3vw;
}
.add{
	height:6vw;
	line-height:6vw;
	border-left:1px solid #CCCCCC;
	padding:0 2vw;
}
.add.disabled{
	height:6vw;
	line-height:6vw;
	padding:0 2vw;
    color:#E0E0E0;
}
.qrcode{
	width:auto;
	height:auto;
	margin:2vw;
	background-color:#FFFFFF;
	border-radius:3px;
	border:1px solid #eee;
}
.qrcode .title{
	width:100%;
	padding:1vw 5vw;
	background-color:#F2F2F2;
	color:#EFCE69;
	line-height:8vw;
}
.qrcode .detail{
	padding:3vw 4vw;
}
.qrcode .detail .qrimg{
	width:40vw;
	height:40vw;
	margin:auto;
}
.qrcode .detail .qrimg img{
	width:40vw;
}
.qrcode .bar{
	display:flex;
	height:10vw;
	justify-content: space-between;
	color:#999999;
}
.qrcode .bar .btn{
	width:33.4%;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid #eee;
}
.transact{
	margin:1vw 2vw;
	padding:0 1vw 0 5vw ;
	display:flex;
	align-items:center;
	background-color:#FF7F24;
	height:10vw;
	border-radius:4px;
}
.transact .left{
	width:50%;
	color:#FFFFFF;
}
.transact .right{
	width:50%;
	text-align:right;
	color:#FFFFFF;
}
.setnum{
	background-color:#FFFFFF;
	border-radius:5px;
	padding:3vw;
	margin:2vw 1vw;
}
.setnum .quota{
	width:100%;
	display:flex;
	padding:1vw 4vw;
	align-items:center;
}
.setnum .quota .name{
	width:16vw;
	float:left;
}
.setnum .quota .num{
	width:80vw;
	padding:0 0.5vw;
}
.setnum .quota  .num .edit{
	border:1px solid #eee;
	border-radius:3px;
	width:100%;
	height:8vw;
	font-size:4vw;
    outline:none;
}
.setnum  .bar{
	width:100%;
	padding: 4vw;
}
.setnum  .bar .btn{
	background-color:#ED6914;
	color:#FFFFFF;
	border-radius:5px;
	width:100%;
	padding:4vw 0;
	border:none;
	font-size:3.6vw;
}
.ac{
	width:auto;
	margin:2vw;
	padding:1vw;
	border-radius:4px;
	background-color:#FFFFFF;
}
.ac .title{
	font-size:4vw;
	font-weight:600;
}
.ac .exp{
	font-size:3.6vw;
	color:#999999;
	padding:1vw 4vw;
}
.ac .dacc{
	display:flex;
	align-items:center;
	margin:2vw 4vw;
	padding:2vw 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.ac .dacc .name{line-height:8vw;}
.ac .dacc input{
	width:70vw;
	line-height:7vw;
	font-size:3.6vw;
    outline:none;
}
.acbar{
	width:100%;
	padding: 4vw;
	text-align:center;
}
.acbar .acbtn{
	background-color:#ED6914;
	color:#FFFFFF;
	border-radius:5px;
	padding:2vw 0;
	margin-top:6vw;
	border:none;
	font-size:3.6vw;
	width:20vw;
}
.van-popup--bottom .fk{
    width:100%;
    //height:32vh;
    padding:2vw 4vw;
}
.van-popup--bottom .fk .num{
    text-align:center;
    line-height:10vw;
    font-size:11vw;
    font-weight:500;
}
.van-popup--bottom .fk .s{
    width:100%;
    padding:2vw;
    display: flex;
    line-height:8vw;
}
.van-popup--bottom .fk .s.checked{
	background-color: lightgray;
}
.van-popup--bottom .fk .s .lname{
    width:50%;
    text-align:left;
    display:flex;
    align-items:center;
}
.van-popup--bottom .fk .s .lname label{font-size:3.8vw;}
.van-popup--bottom .fk .s .rselect{
    width:50%;
    text-align: right;
    font-size:3.8vw;
}
.tor{
    width: 2.4vw;
    margin-left: 1.33333vw;
    height: 2.4vw;
    border-top: .02667rem solid #bbb;
    border-right: .02667rem solid #bbb;
    transform: rotate(45deg);
    margin-top:5vw;
}
.zfcg{
    width:auto;
    padding:2vw 4vw;
}
.zfcg .cg{
    width:100%;
    text-align: center;
    padding:3vw;
    font-size:4vw;
    font-weight:700;
}
.zfcg .cg .ico{
    width:5vw;
    line-height:5vw;
    display:block;
    background-color:red;
    color:#FFFFFF;
    font-weight:600;
    z-index:1;
    border-radius:50%;
    text-align:center;
    position:absolute;
    padding:0 1vw;
    right: 60vw;
    margin-top:0.6vw;
}
.zfcg .sbtnbar{
    width:100%;
    padding:2vw;
    text-align:center;
    line-height:10vw;
}
.zfcg .sbtnbar .btn{
    line-height:5vw;
    border-radius:4vw;
    padding:0 3vw;
    border:0.05rem solid #BBBB;
    margin:0 3vw;
    outline:none;
}
.passbar{
    width:auto;
    margin-top:6vw;
}
.passbar .btn{
    background-image: linear-gradient(to right,#FF7700,#FF4900);
    color:#FFFFFF;
    text-align: center;
    line-height:12vw;
    border-radius: .53333vw;
    font-size:4vw;
    border-radius:1.5vw;
}
.inpass{
    width:auto;
    padding: 2vw 4vw;
}
.inpass .l{display:flex;}
.inpass .l .lbox{width:35vw;}
.inpass .l span{
    font-size:4vw;
    line-height:10vw;
    padding:0 2vw;
}
.inpass .l .rbox{width:calc(100% - 35vw);}
.inpass .l input{
    width:100%;
    border:1px solid #eee;
    font-size:4vw;
    border-radius:2vw;
    line-height: 10vw;
    padding:0 2vw;
}
.wlxq{
    width:auto;
    padding:1vw;
}
.wlxq .status{
    width:100%;
    padding:1vw 2vw;
    background-color:#FFE4D7;
    color:#FF8D55;
    font-size:3vw;
}
.wlxq .witem{
    width:auto;
    margin-top:2vw;
    background-color:#FFFFFF;
}
.wlxq .witem .title{
    line-height:6vw;
    padding:1vw 2vw;
    display:flex;
}
.wlxq .witem .title .lzt{
    width:50%;
    color:#FF8D55;
    font-size:3vw;
}
.wlxq .witem .title .rdh{
    width:50%;
    font-size:3vw;
    text-align:right;
}
.wlxq .witem .king{
    width:100%;
    line-height:4vw;
    font-size:3.2vw;
    padding:0 2vw;
}
.wlxq .witem .media{
    width:100%;
    height:22vw;
    padding:2vw;
    display:flex;
}
.wlxq .witem .media img{
    width:18vw;
    max-width:18vw;
    max-height:18vw;
    margin-right:2vw;
    border-radius:3px;
}
.wlxq .witem .bz{
    width:100%;
    padding:1vw 2vw;
    color:#BBBB;
    font-size:2.4vw;
}
.ysz{
    width:auto;
    padding:3vw 2vw;
    background-color:#FFFFFF;
    margin:2vw 1vw;
    border-radius:2vw;
}
.ysz .line{
    width:100%;
    display:flex;
    line-height:6vw;
    padding:1vw 0;
}
.ysz .line .ico{
    width:6vw;
    height:6vw;
    line-height:5vw;
    border:1px solid #BBBB;
    border-radius:50%;
    text-align:center;
    color:#787777;
}
.ysz .line .ico.hs{background-color:#BCBCBC;color:#FFFFFF;}
.ysz .line .ico.cs{background-color:#EE6F24;color:#FFFFFF;border:1px solid #EE6F24;}
.ysz .line .ico.k{border:none;font-size:9vw;line-height:2vw;}
.ysz .line .text{
    width:62vw;
    padding-left:3vw;
    font-size:3vw;
}
.ysz .line .text.hs{width:90vw;color:#C4C4C4;}
.ysz .line .text.zh{width:90vw;color:#8B8B8B;}
.ysz .line .text.zh p{line-height:4vw;}
.ysz .line .text .status{
    font-weight:700;
    font-size:3.6vw;
    color:#7F7F7F;
}
.ysz .line .text .status.cs{color:#EE6F24;}
.ysz .line .text .status span{font-size:2.4vw;}
.ysz .line .bar{
    width:28vw;
    font-size:2.8vw;
    text-align:center;
}
.ysz .line .bar span{text-align:center;padding:0 1vw;color:#A9A9A9;}

/**/
.cardbar{
    width:auto;
    margin:2vw 0 3vw 0;
    padding:1vw 4vw;
    background-color:#FFFFFF;
}
.cardbar .ibar{
    width:100%;
    padding:2vw 0 3vw 0;
    display:flex;
}
.cardbar .ibar .witem{
    width:33%;
    text-align:center;
}
.cardbar .ibar .witem .name{
    line-height:6vw;
    color:#A8A8A8;
}
.cardbar .ibar .witem .num{
    line-height:6vw;
    font-weight:700;
}
.cardbar .ibar .sx{
    border:none;
    border-left:0.02rem solid #eee;
}
.cardbar .title{
    width:100%;
    border-bottom:0.03rem solid #eee;
    padding: 2vw 0;
    display:flex;
}
.cardbar .title .name{
    width:50vw;
    line-height:7vw;
    font-size:3.6vw;
}
.cardbar .title .cz{
    width:25vw;
    text-align:center;
    padding:1vw;
    border-radius:5px;
    border:0.03rem solid #E31A09;
    margin:0 5vw;
    background-color:#E31A09;
    color:#FFFFFF;
}
.cardbar .title .tx{
    width:25vw;
    text-align:center;
    padding:1vw;
    border-radius:5px;
    border:0.03rem solid #E31A09;
    background-color:#E31A09;
    color:#FFFFFF;
}
.myservice {
    width: auto;
    margin:1vw 0;
    padding:1vw 4vw;
    background-color:#FFFFFF;
}
.myservice .title {
    width:100%;
    height:8vw;
    border-bottom: 0.02rem solid #eee;
    display:flex;
    padding-left:1vw;
    line-height: 6vw;
    padding:2vw 0;
    font-size:3.6vw;
}
.myservice .content {
    width: 100%;
    display:inline-table;
    padding:2vw 0;
}
.myservice .content .item {
    width:20%;
    text-align:center;
    float:left;
    margin-top:2vw;
    padding:1vw 2vw;
}
.myservice .content .item p{
    font-size:3.4vw;
    margin-top:1.1vw;
}
/**/
.zinfo{
    width:auto;
}
.zinfo .ztitle{
    width:100%;
    line-height:8vw;
    text-align:center;
    font-size:3.6vw;
    padding:2vw 0;
}
.zinfo .qinfo{
    width:auto;
    line-height:8vw;
    margin:1vw 2vw;
    padding:1vw 4vw;
    border-bottom:0.03rem solid #eee;
    display:flex;
}
.zinfo .qinfo .name{
    width:40%;
}
.zinfo .qinfo .rbox{
    width:60%;
    text-align:right;
}
.zinfo .qinfo .rbox input{
    width:100%;
    line-height:8vw;
    outline: none;
    text-align:right;
}
.zinfo .zimg{
    width:88vw;
    height:56vw;
    padding:1vw;
    margin:auto;
    text-align:center;
    border:0.05rem dashed #BBB;
    border-radius:3px;
    position:relative;
    text-align:center;
}
.zinfo .zimg img{
    max-width:86vw;
    max-height:54vw;
    border-radius:3px;
    margin:auto;
}
.zinfo .btnbar{
    width:100%;
    text-align:center;
    margin:3vw 0;
}
.zinfo .btnbar .btn{
    width:90vw;
    margin:3vw 5vw;
    padding:2vw;
    text-align:center;
    background-image: linear-gradient(to right,#FF7700,#FF4900);
    color:#FFFFFF;
    line-height:10vw;
    border-radius:1vw;
}
.zinfo .logo{
    width:auto;
    margin:1vw 4vw;
    padding: 1vw 2vw;
    line-height:15vw;
    border-bottom:0.03rem solid #eee;
    display:flex;
}
.zinfo .logo .lb{
    width:40%;
}
.zinfo .logo .rb{
    width:60%;
    text-align:right;
    display:flex;
    justify-content:flex-end;
}
.zinfo .logo .rb .logo{
    width:16vw;
    height:16vw;
    margin:0;
    padding:1vw;
    position:relative;
    border:0.05rem dashed #BBBB;
    border-radius:1vw;
}
.zinfo .logo .rb .logo img{
    max-width:14vw;
    max-height:14vw;
}
.ptlist{
    width:auto;
    margin:0 2vw;
    padding:0 2vw;
    background-color:#FFFFFF;
    border-radius:1vw;
}
.ptlist .pitem{
    width:auto;
    padding:1vw 2vw;
    line-height:9vw;
    border-bottom:0.03rem solid #eee;
    display:flex;
}
.ptlist .pitem .ldbox{
    width:50%;
    line-height:8vw;
    font-size:3.2vw;
}
.ptlist .pitem .rdbox{
    width:50%;
    line-height:8vw;
    text-align:right;
    color:#FF9800;
    font-size:3.2vw;
}
.hico{
    font-size:2.4vw;
    border:1px solid #E31A09;
    border-radius:50%;
    color:#E31A09;
    padding:1px 2px;
    margin-right:1vw;
}
.ptlist .pitem .puser{
    width:70vw;
    display:flex;
}
.ptlist .pitem .puser .tbox{
    width:18vw;
    margin-left:4vw;
    display:flex;
}
.ptlist .pitem .puser .tbox img{
    width:8vw;
    height:8vw;
    max-width:8vw;
    max-height:8vw;
    border-radius:50%;
    margin-left:-4vw;
}
.ptlist .pitem .puser .name{
    font-size:3vw;
}
.ptlist .pitem .pbtnbar{
    width:21vw;
    line-height:8vw;
    position:relative;
    display:inline-flex;
    justify-content:flex-end;
}
.ptlist .pitem .pbtnbar .btn{
    font-size:3vw;
    line-height:7vw;
    margin:1vw 0;
    padding:0 3vw;
    background-color:#E31A09;
    color:#FFFFFF;
    text-align:center;
    border:none;
    border-radius:1vw;
}

.ptstate{
    width:100%;
    line-height:8vw;
    text-align:center;
    font-size:3vw;
    color:#EB8686;
    background-color:#FDEFEF;
}
.ptusers{
    width:auto;
    margin:2vw 3vw;
    background-color:#FFFFFF;
    border-radius:1vw;
}
.ptusers .ptitle{
    width:100%;
    padding:2vw 1vw;
    line-height:8vw;
    font-size:3.6vw;
    font-weight:700;
    display:flex;
    border-bottom:1px solid #eee;
}
.ptusers .pjd{
    width:100%;
    padding:1vw 2vw;
    text-align:center;
    font-size:3.6vw;
    font-weight:700;
}
.ptusers .ptitle .txt{width:50%;}
.ptusers .ptitle .pnum{width:50%;color:#F5B04B;padding-right:1vw;text-align:right;}
.ptusers .ptitle .pnum .ctbtn{
    width:30vw;
    text-align:center;
    background-color:#F5B04B;
    color:#FFFFFF;
    border:none;
    padding:1vw 2vw;
    border-radius:1vw;
    outline:none;
}
.ptusers .ulist{
    width:100%;
}
.ptusers .ulist .uitem{
    width:100%;
    line-height:10vw;
    display:flex;
    padding:1vw 0;
    border-bottom:0.03rem solid #eee;
}
.ptusers .ulist .uitem .uleft{
    width:45%;
    padding-left:1vw;
    display:flex;
    table-layout:fixed;
}
.ptusers .ulist .uitem .uleft .uico{
    max-width:8vw;
    max-height:8vw;
    margin-right:2vw;
}
.ptusers .ulist .uitem .uleft .uico img{
    max-width:8vw;
    max-height:8vw; 
    border-radius:50%;
}
.ptusers .ulist .uitem .uleft .uname{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.ptusers .ulist .uitem .uright{
    width:55%;
    text-align:right;
    color:#A3A3A3;
    padding-right:1vw;
}
.jzyb{
    background-color:#FFFFFF;
    border-radius:1vw;
    margin:2vw;
}
.jzyb .jtitle{
    width:100%;
    text-align:center;
    padding:2vw 0;
    font-size:4vw;
    font-weight:700;
}
.jzyb .detail{
    width: auto;
    padding: 2vw 8vw;
}
.jzyb .detail .num{
    display: flex;
/*    border-bottom: 0.02rem solid #eee;*/
    padding:2vw 0 1vw 0;
    align-items:center;
}
.jzyb .detail .num .lbox{
    width: 35%;
    text-align: right;
    line-height:10vw;
    font-size: 5.5vw;
    font-weight: 700;
    padding-right: 2vw;
}
.jzyb .detail .num .rbox{
    width: 65%;
}
.jzyb .detail .num .rbox input{
    width:100%;
    border: none;
    line-height:10vw;
    padding-left:4.8vw;
    font-size:8vw;
    font-weight:700;
    outline:none;
}
.jzyb .detail .bz{
    width:100%;
    padding:1vw 0;
}
.jzyb .detail .bz span{font-size:3.5vw;margin:1vw 0;}
.jzyb .detail .bz textarea{
    width:100%;
    border:1px solid #eee;
    border-radius:1vw;
    outline:none;
    height:15vw;
    font-size:3.6vw;
    margin-top:1vw;
    padding:0.5vw;
}
.jzyb .detail .jbtn{
    width: 100%;
    text-align: center;
    line-height:9vw;
    border: none;
    border-radius: 6vw;
    background-image: linear-gradient(to right,#FF7700,#FF4800);
    color: #FFFFFF;
    margin: 2vw 0;
}
.jzlb{margin:2vw;}
.jzlb .jitem{padding:2vw;margin-top:1vw;background-color:white;border-radius:1vw;}
.jzlb .jitem .line{width:100%;height:6vw;display:flex;align-items:center;table-layout:fixed;}
.jzlb .jitem .line .bz{width:82vw;padding-left:1vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.jzlb .jitem .line .ldiv{width:50vw;font-size:3.8vw;}
.jzlb .jitem .line .cdiv{width:20vw;font-size:3.6vw;}
.jzlb .jitem .line .cdiv.suss{color:green;}
.jzlb .jitem .line .rdiv{width:28vw;color:#B8B8B8;font-size:3.2vw;text-align:right;padding-right:1vw;}
.gbar{width:100%;height:12vw;display:flex;align-items:center;justify-content:center;}
.gbar .btn{
    width:96vw;
    height:10vw;
    margin-top:5vw;
    font-size:3.8vw;
    background-image:linear-gradient(to right,#FF7700,#FF4800);
    color:white;
    text-align: center;
    border:none;
    border-radius:1vw;
}
.yzlb{width:auto;margin:2vw;}
.yzlb.xq{margin:0;}
.yzlb .yitem{padding:2vw 4vw;margin:2vw 0;background-color:white;border-radius:1vw;}
.yzlb .yitem .line{width:100%;height:8.5vw;display:flex;align-items:center;font-size:3.6vw;border-bottom:1px solid #E4E4E4;padding:2vw;}
.yzlb .yitem .line .l{width:50%;}
.yzlb .yitem .line .r{width:50%;text-align:right;}
.yzlb .yitem .line .r.green{color:green;}
.yzlb .yitem .xq{width:100%;font-size:3.6vw;table-layout:fixed;padding:1vw 2vw;border-bottom:1px solid #E4E4E4;display:grid;}
.yzlb .yitem .xq p{line-height:6vw;font-size:3.6vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.yzlb .yitem .xq .x{line-height:6vw;font-size:3.6vw;word-wrap:break-word;word-break:break-all;white-space:inherit;}
.yzlb .yitem .xq .m{width:100%;}
.yzlb .yitem .xq .m .i{width:27vw;height:22vw;float:left;border:1px solid #E4E4E4;text-align:center;margin:1vw 2vw 1vw 0;padding:1vw 0;border-radius:0.8vw;}
.yzlb .yitem .xq .m .i img{margin:auto;max-width:22vw;max-height:20vw;}
.yzlb .yitem .yzsp{width:auto;margin:2vw 1vw;}
.yzlb .yitem .yzsp .title{width:100%;font-size:3.2vw;font-weight:700;padding:2vw 1vw;color:#000000;border-bottom:1px solid #E4E4E4;}
.yzlb .yitem .yzsp .spi{width:100%;margin-top:2vw;}
.yzlb .yitem .yzsp .spi .tp{width:21vw;height:21vw;text-align:center;float:left;border:1px solid #E4E4E4;border-radius:1vw;}
.yzlb .yitem .yzsp .spi .tp img{max-width:20vw;max-height:20vw;margin:auto;}
.yzlb .yitem .yzsp .spi .spn{width:66vw;margin-left:2vw;table-layout:fixed;float:left;}
.yzlb .yitem .yzsp .spi .spn .l{width:66vw;height:5.5vw;font-size:3.6vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.yzlb .yitem .yzsp .spi .spn .l.h{color:#AFAEAE;font-size:3vw;}
.yzlb .yitem .yzsp .spi .spn .l.r{display:block;text-align:right;}
.yzlb .yitem .yzsp .spi .spn .l .ld{width:50%;float:left;}
.yzlb .yitem .yzsp .spi .spn .l .rd{width:50%;float:left;text-align:right;}
.yzlb .yitem .yzsp .spi .line{width:100%;height:6vw;padding:1vw 0;font-size:3.4vw;display:flex;align-items:center;border:none;}
.yzlb .yitem .yzsp .spi .line.bott{border-bottom:1px solid #E4E4E4;padding-bottom:2vw;height:8vw;}
.yzlb .yitem .yzsp .spi .line .l{width:50%;}
.yzlb .yitem .yzsp .spi .line .r{width:49.5%;text-align:right;}
.hx{
    width:auto;
    margin:3vw;
    padding:2vw;
    background-color:#FFFFFF;
    border-radius:2vw;
}
.hx .htitle{
    width:100%;
    line-height:8vw;
    display:flex;
    border-bottom:0.05rem solid #eee;
}
.hx .htitle span{padding-bottom:1vw;margin-left:1vw;font-size:3.6vw;}
.hx .js{
    padding:3vw 1vw;
    line-height:5vw;
    font-size:3vw;
    border-bottom:0.05rem solid #eee;
}
.hx .addrbar{
    width:100%;
    padding:2vw 1vw;
    display:flex;
}
.hx .addrbar .ico{color:#8B8B8B;width:5vw;align-self:center;}
.hx .addrbar .dcent{
    width:84vw;
}
.hx .addrbar .dcent .name{
    font-size:3.2vw;
    font-weight:700;
}
.hx .addrbar .dcent .addr{
    font-size:3vw;
    line-height:5vw;
    color:#B0AFAF;
}
.hx .addrbar .tel{
    color:#E65413;
    align-self:center;
}
.hx .qr{
    width:100%:
    padding:2vw;
    text-align:center;
}
.hx .qr .qrimg{
    margin:auto;
    width:40vw;
    height:40vw;
    max-width:40vw;
    max-height:40vw;
    //margin-top:6vw;
}
.hx .qr .barcode{
    margin:auto;
    width:40vw;
    height:10vw;
    max-width:40vw;
    max-height:10vw;
    margin-top:4vw;
}
.hx .qr .htxt{
    text-align:center;
    color:#B0AFAF;
    font-size:3vw;
    line-height:8vw;
}
.hx .codebar{
    width:100%;
    display:flex;
    line-height:8vw;
    border-bottom:0.05rem solid #eee;
}
.hx .codebar .code{
    width:89vw;
    font-size:3.8vw;
    font-weight:700;
    color:#FF990B;
}
.hx .codebar .ico{
    width:5vw;
    align-self:center;
    color:#717171;
}
.hx .codebar span{color:red;font-size:4.5vw;}
.hx .hline{
    width:100%;
    line-height:8vw;
    font-size:3vw;
    display:flex;
}
.hx .hline .lname{
    color:#B0AFAF;
}
.hx .hline .rxx{
    padding-left:2vw;
}
.tqr{
    width:70vw;
    height:100vw;
    background-color:#FFFFFF;
    border-radius:3vw;
    text-align:center;
    padding:5vw;
}
.tqr .ewm{width:60vw;height:60vw;margin:auto;}
.tqr .tm{width:60vw;height:16vw;margin:auto;margin-top:5vw;}
.tqr .qtxt{font-size:3.6vw;text-align: center;color:#FF8B00;margin-top:5vw;}
.zxkf{
    line-height:8vw;
    text-align:center;
    color:#FF9500;
    display:flex;
    padding-left:35vw;
    margin:1vw 0 3vw 0;
}
.zxkf span{font-size:4vw;margin-left:1vw;}
.xitem{
    width:auto;
    margin:3vw;
    padding:2vw;
    background-color:#FFFFFF;
    border-radius:2vw;
}
.xitem .xtitle{
    width:100%;
    padding:1vw;
    display:flex;
}
.xitem .xtitle .xico{
    width:8vw;
    height:8vw;
    border-radius:50%;
    border:0.1vw solid #DF1616;
    background-color:#DF1616;
    color:#FFFFFF;
    padding-top:0.9vw;
    text-align:center;
    align-self:center;
    font-size:4vw;
    font-weight:700;
}
.xitem .xtitle .dr{padding-left:2vw;}
.xitem .xtitle .dr .name{font-size:4vw;}
.xitem .xtitle .dr .xtxt{font-size:3.3vw;padding:1vw 0;}
.xitem .xqxq{
    width:100%;
    font-size:4vw;
    font-weight:700;
    table-layout:fixed;
    padding:2vw 1vw;
    border-bottom:0.05rem solid #eee;
}
.xitem .xqxq p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.xitem .xqxq span{display:inline-block;word-break:break-word;}
.xqdh{width:100%;font-size:3.6vw;color:#878787;padding:2vw 1vw;}
.line{width:100%;display:flex;}
.line .ico{width:8vw;margin-right:2vw;padding-top:0.5vw;}
.line .ico.h{width:6vw;}
.line .ico img{width:8vw;height:8vw;border-radius:50%;}
.line .ico.h img{width:6vw;height:6vw;border-radius:50%;}
.line .cont{width:calc(100% - 10vw);padding-bottom:2vw;border-bottom:1px solid #eee;}
.line .cont .na{font-size:3.6vw;font-weight:700;color:#848484;line-height:7vw;}
.line .cont .dhll{font-size:3.6vw;word-break:break-all;}
.line .cont .dhhf{width:100%;padding:1vw 0;}
.line.d{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:60vw;height:7vw;font-size:3.8vw;}
.line.c{color:#999999;font-size:3.3vw;}
.line.l{height:6vw;font-size:3.3vw;margin-top:-7vw;display:flex;align-items:center;}
.line.r{display:block;text-align:right;}
.line.r button{
    border-radius:4vw;font-size:3.6vw;
    padding:1vw 5vw;outline:none;
    color:#FF0909;border:1px solid #FF0909;background-color:white;
}
.xitem .xbar{
	width:100%;
	line-height:8vw;
	font-size:3.5vw;
	padding-left:1vw;
	position: relative;
    bottom: 0;
    height: 8vw;
}
.ssk{
    position:absolute;
    bottom:0;
    width:100%;
    border-top:1px solid #DAD8D8;
    display:flex;
}
.ssk .stxt{
    width:80vw;
    border-right:1px solid #DAD8D8;
}
.ssk .stxt textarea{
    width:100%;
    height:13vw;
    outline:none;
    padding:1vw 3vw;
    color:#7E7E7E;
    background-color:#FBF8F8;
    border-radius:2vw;
    font-size:3.6vw;
}
.ssk .btn{
    text-align:center;
    color:#9B9A9A;
    width:20vw;
    padding:3vw;
    font-size:3.2vw;
    border:none;
    outline:none;
}
.ssk .btn.send{color:white;background-image: linear-gradient(to right,#FF7700,#FF4900);}
.xqsm{
    width:100%;
    height:calc(100vh - 13vw);
    outline:none;
    padding:1vw 3vw;
    color:#7E7E7E;
    border-radius:2vw;
    font-size:3.8vw;
}
.pj{
    width:auto;
    margin:2vw;
    padding:2vw 0;
    background-color:#FFFFFF;
    border-radius:1vw;
}
.pj .sp{
    width:100%;
    padding:2vw;
    display:flex;
}
.pj .sp .tx img{width:10vw;height:10vw;border-radius:1vw;}
.pj .sp .tp{
    width:12vw;
    height:12vw;
    text-align:center;
}
.pj .sp .tp img{max-width:11vw;max-height:11vw;border-radius:2vw;}
.pj .sp .name{width:81vw;padding:0 2vw;font-size:3.6vw;table-layout:fixed;}
.pj .sp .name .na{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pj .sp .name .gg{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:2.8vw;color:#ACACAC;margin-top:1vw;}
.pj .px{
    width:100%;
    line-height:7vw;
    padding:1vw 2vw;
    display:flex;
}
.pj .px .name{font-size:3.6vw;font-weight:700;line-height:8.8vw;}
.pj .px .xx{padding-left:2vw;display:flex;}
.pj .px .xx.item{width:20vw;display:flex;color:#7E7E7E}
.pj .px .xx.item.xz{color:red;}
.pj .px .xx.item .z{font-size:3.2vw;margin-left:1vw;}
.pj .px .xx .wx{font-size:3.8vw;margin-right:2vw;color:#858585;}
.pj .px .xx .xz{font-size:3.8vw;margin-right:2vw;color:#EA8F3E;}
.pj .px .xx .txt{margin-left:10vw;font-size:3.2vw;color:#FF4F00;}
.pj .edit{width:100%;padding:2vw;}
.pj .edit textarea{
    width:100%;
    height:30vw;
    color:#A2A1A0;
    font-size:3.6vw;
    resize:none;
    outline:none;
}
.pj .title{width:100%;padding:1vw 2vw;color:#A2A1A0;font-size:3.8vw;}
.pj .mbar{
    width:100%;
    padding:2vw;
    display:flex;
}
.pj .mbar .mitem{
    width:21vw;
    height:17vw;
    position: relative;
    display: inline-block;
    *display: inline;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    margin-right:2vw;
    border: .02667rem dashed #D4D4D4;
    border-radius:5px;
    color: #D4D4D4;
    text-align:center;
    align-self:center;
}
.pj .mbar .mitem img{max-width:20vw;max-height:16vw;margin:auto;}
.pjbtn{
    border: 1px solid #EA8F3E;
    color:#FFFFFF;
    background-color:#EA8F3E;
    border-radius: 4vw;
    margin-left: 2vw;
    padding: 0 4vw;
    margin-top: 1vw;
    font-size:3.6vw;
}
.pjbtn.fb{
    padding:1vw 3vw;
}
.right-ico{
    align-self: center;
    padding-right:3vw;
}
.yfjlist{
    width:auto;
    margin:2vw;
}
.yfjlist .yitem{
    border-radius:2vw;
    display:flex;
    width:100%;
    height:20vw;
    margin-bottom:2vw;
}
.yfjlist .yitem .left{
    background:#FFFFFF;
    display:flex;
    padding:2vw 0 2vw 2vw;
    width:76vw;
    align-items:center;
    border-top-left-radius:1.5vw;
    border-bottom-left-radius:1.5vw;
    background:radial-gradient(circle at bottom right,transparent 1.5vw,#FFFFFF 0) bottom right,
               radial-gradient(circle at top right,transparent 1.5vw,#FFFFFF 0) top right;
    background-size:100% 80%;
    background-repeat:no-repeat;
}
.yfjlist .yitem .left .ico{
    width:15vw;
    height:15vw;
    background-color:#FF9E00;
    color:#FFFFFF;
    display:flex;
    align-items:center;
    justify-content:center;
}
.yfjlist .yitem .left .info{
    padding:1vw 2vw;
    margin:0;
    width:55vw;
    display:flow-root;
    align-items:center;
    table-layout:fixed;
}
.yfjlist .yitem .left .info .name{
    height:10vw;
    font-size:3.8vw;
    display:flex;
    align-items:center;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.yfjlist .yitem .left .info .yxsj{height:8vw;font-size:3vw;color:#BBBBBB;}
.yfjlist .yitem .right{
    width:20vw;
    height:20vw;
    color:#FFFFFF;
    background:#A3A1A1;
    background:radial-gradient(circle at bottom left,transparent 1.5vw,#A3A1A1 0) bottom left,
               radial-gradient(circle at top left,transparent 1.5vw,#A3A1A1 0) top left;
    background-size:100% 80%;
    background-repeat:no-repeat;
    border-top-right-radius:1.5vw;
    border-bottom-right-radius:1.5vw;
    text-align:center;
}
.yfjlist .yitem .right .num{font-size:5vw;padding-top:1vw;}
.yfjlist .yitem .right .sytj{font-size:3.2vw;padding-bottom:1vw;}
.yfjlist .yitem .right .sbtn{background-color:#FFFFFF;color:#000000;font-size:3.2vw;border-radius:3vw;margin:auto;width:12vw;}
.yfjlist .yitem .state{
    position:absolute;
    border-radius:50%;
    right:26vw;
    margin-top:4vw;
    width:12vw;
    height:12vw;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:3.2vw;
    transform: rotate(-30deg);
}
.yfjlist .yitem .state.sy{border:2px solid #FDACAC;color:#FDACAC;}
.yfjlist .yitem .state.gq{border:2px solid #B4B4B4;color:#B4B4B4;}
.msg{width:100%;}
.msg.h{width:auto;margin:2vw;}
.msg .qcy{
    width:100vw;
    background-color:white;
    padding:4vw 2vw 2vw;
    display:table-cell;
}
.msg .qcy .qitem{width:19vw;height:21vw;float:left;text-align:center;table-layout:fixed;}
.msg .qcy .qitem .gd{
    width:14vw;height:14vw;
    border-radius:2vw;border:1px dashed #EBEBEB;
    color: #ded9d9;font-size: 30px;
    display:flex;align-items:center;justify-content:center;
    margin:auto;
}
.msg .qcy .qitem img{width:14vw;height:14vw;margin:auto;border-radius:2vw;}
.msg .qcy .qitem p{width:20vw;line-height:6vw;font-size:3.2vw;color:#ADADAD;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.msg .ctext{
    width:100%;height:10vw;
    display:flex;align-items:center;justify-content:center;
    background-color:white;color:#C2C2C2;
    font-size:3.6vw;
}
.msg .qlist{
    width:100%;
    padding:2vw 4vw 0 4vw;
    background-color:white;
    margin-top:2vw;
}
.msg .qgly hr{border:none;border-bottom:1px solid #eee;}
.msg .qgly{width:100%;background-color:white;}
.msg .qgly .ico{display:flex;justify-content:center;align-items:flex-end;height:25vw;padding:2vw 0;}
.msg .qgly .ico img{width:15vw;height:15vw;border-radius:50%;}
.msg .qgly .name{width:100%;font-size:4vw;font-weight:700;text-align:center;}
.msg .qgly .qtxt{font-size:3.5vw;color:#9e9e9e;padding:0.5vw 4vw;}
.msg .qlist.tc{margin-bottom:4vw;}
.msg .qlist .xx{width:100%;height:12vw;display:flex;align-items:center;font-size:4vw;border-bottom:1px solid #eee;}
.msg .qlist .txt{width:85vw;border-bottom:1px solid #eee;font-size:3.6vw;margin-top:-3vw;padding-bottom:3vw;color:#C0C0C0;}
.msg .qlist .xx.xhx{border-bottom:none;}
.msg .qlist .xx.red{color:red;font-size:3.8vw;justify-content:center;}
.msg .qlist .xx .ldiv{width:50%;text-align:left;}
.msg .qlist .xx .rdiv{width:50%;text-align:right;}
.msg .qlist .xx .rdiv .chkbox{width:5.4vw;height:5.4vw;}
.msg .qlist .xx .rdiv img{max-width:6vw;max-height:6vw;}
.msg .qlist .xx .rdiv input{width:40vw;text-align:right;outline:none;color:#909192;font-size:3.6vw;}
.msg .qlist .xx .rdiv input[type=checkbox]{width:auto;}
.msg .qlist .xx .rdiv .tb{font-size:4vw;color:#909192;}
.msg .tzlist{width:100%;}
.msg .tzlist .titem{width:96vw;padding:2vw;background-color:white;border-radius:1vw;margin:2vw;table-layout:fixed;}
.msg .tzlist .titem .bt{width:100%;height:8vw;display:flex;align-items:center;font-size:3.6vw;padding:1vw 0 2vw 0;border-bottom:1px solid #EEEEEE;}
.msg .tzlist .titem .bt .type{width:50vw;}
.msg .tzlist .titem .bt .time{width:40vw;text-align:right;color:#999898;}
.msg .tzlist .titem .msgl{
    width:90vw;
    height:10vw;
    font-size:3.6vw;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:flex;
    align-items:center;
}
.msg .usertb{width:100%;text-align:center;margin-top:8vw;margin-bottom:-25vw;}
.msg .usertb .tp{margin:auto;width:15vw;height:15vw;}
.msg .usertb .tp img{max-width:15vw;max-height:15vw;border-radius:50%;}
.msg .usertb .name{width:100%:font-size:3.6vw;text-align:center;padding:2vw 0;}
.msg .ewm{width:auto;margin:10vw 3vw;padding:20vw 0;background-color:white;border-radius:2vw;text-align:center;}
.msg .ewm img{max-width:55vw;max-height:55vw;margin:auto;}
.msg .ewm .txt{width:100%;font-size:3.6vw;color:#ADADAD;text-align:center;padding:2vw 0;}
.msg .ewmbar{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8vw;}
.msg .ewmbar .eitem{padding:2vw;text-align:center;width:25%;}
.msg .ewmbar .eitem .ebtn{margin:auto;width:12vw;height:12vw;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.msg .ewmbar .eitem .ebtn .tb{font-size:7vw;}
.msg .ewmbar .eitem p{font-size:3.4vw;color:#858585;}
.msg .search{
    width:auto;
    height:8vw;
    border-radius:6vw;
    background-color:#FFFFFF;
    display: flex;
    align-items: center;
    padding:0 3vw;
    margin:1vw;
}
.msg .search .ico{width:8vw;}
.msg .search .text{width:80vw;}
.msg .search .text input{
    outline:none;
    font-size:4.2vw;
    width:100%;
    line-height:7vw;
}
.msg .splist{width:100%;display:grid;margin:2vw 4vw;}
.msg .splist .sitem{width:46vw;float:left;border-radius:2vw;background-color:#FFFFFF;table-layout:fixed;padding-bottom:2vw;margin:2vw 2vw 1vw 0;}
.msg .splist .sitem img{
    width:45vw;height:45vw;
    display:flex;align-items:center;
    justify-content:center;
    border-top-left-radius:2vw;
    border-top-right-radius:2vw;
}
.msg .splist .sitem .sname{width:43vw;font-size:3.2vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:1vw;}
.msg .splist .sitem .bar{width:44vw;display:flex;padding:0 1vw;}
.msg .splist .sitem .bar .jg{width:70%;text-align:left;font-size:3.4vw;color:#FF4900;}
.msg .splist .sitem .bar .send{width:30%;text-align:right;}
.msg .splist .sitem .bar .send button{
    background-color:#FFFFFF;color:#FF4900;
    border-radius:4vw;border:1px solid #FF4900;
    font-size:3.2vw;
    padding:0 2vw;
}
.msg .mzjzf{width:100%;padding:2vw;}
.msg .mzjzf .zjtitle{width:auto;height:8vw;font-size:3.5vw;font-weight:700;padding:1vw 3vw;}
.msg .mzjzf .zjlist{width:100%;display:flex;align-items:center;}
.msg .mzjzf .zjlist .zjitem{width:20%;padding:1vw 3vw;table-layout:fixed;}
.msg .mzjzf .zjlist .zjitem img{width:100%;border-radius:2vw;}
.msg .mzjzf .zjlist .zjitem p{width:13.2vw;height:9vw;text-overflow:ellipsis;overflow:auto;color:#999999;text-align:center;padding-top:0.8vw;}
.msg .mlist{
    width:100%;
    border-top-right-radius:2vw;
    border-top-left-radius:2vw;
    background-color:#FFFFFF;
    margin-top:2vw;
    padding:0 1vw 13vw 0;
    display:grid;
}
.msg .mlist.lt{padding:1vw 0;border-radius:1vw;}
.msg .mlist.txl{border-radius:0;padding: 0 1vw 2vw 1vw;}
.msg .title{width:100%;height:8vw;padding:0 3vw;font-size:3.8vw;display:flex;align-items:center;background-color:white;margin-top:2vw;}
.msg .mlist .ltitle{width:auto;height:9vw;font-size:3.5vw;font-weight:700;padding:1vw 5vw;display:flex;align-items:center;}
.msg .mlist .zjlt{width:100%;padding:1vw 4vw;display:flex;align-items:center;table-layout:fixed;margin:1vw 0;}
.msg .mlist .zjlt .dx{width:8vw;}
.msg .mlist .zjlt .ico{width:10vw;text-align:center;}.msg .mlist .zjlt .ico img{width:10vw;height:10vw;border-radius:2vw;}
.msg .mlist .zjlt .mc{width:70vw;height:10vw;display:flex;align-items:center;margin-left:4vw;
    white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-bottom:1px solid #eee;}
.msg .mlist .item{
    width:100%;
    height:16vw;
    display:flex;
    align-items:center;
    padding:1vw 2vw;
    margin-top:2vw;
}
.msg .mlist .item.txl{height:14vw;border-bottom:1px solid #F9F6F6;margin-top:1vw;}
.msg .mlist .item .ico{
    width:16vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:50%;
    padding:0;
}
.msg .mlist .item .ico.txl{width:12vw;}
.msg .mlist .item .ico .tb{
    background-color:#2A85FF;
    color:#FFFFFF;
    border-radius:50%;
    font-size:8vw;
    width:13vw;
    height:13vw;
    display:flex;
    align-items:center;
    justify-content:center;
}
.msg .mlist .item .ico .tb.txl{font-size:6vw;height:10vw;width:10vw;border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;}
.msg .mlist .item .ico .tb.hy{font-size:6vw;height:10vw;width:10vw;border-radius:1vw;color:white;display:flex;align-items:center;justify-content:center;}
.msg .mlist .item .ico .hytp{max-width:10vw;max-height:10vw;border-radius:50%;}
.msg .mlist .item .ico img{width:13vw;height:13vw;border-radius:50%;}
.msg .mlist .item .content{width:75vw;height:16vw;border-bottom:1px solid #F9F6F6;padding-left:1vw;table-layout:fixed;margin-left:0;}
.msg .mlist .item .content.txl{padding-left:1vw;font-size:3.8vw;border:none;height:12vw;}
.msg .mlist .item .content.txl .n{font-size:3.8vw;}
.msg .mlist .item .content.txl .h{font-size:3.4vw;color:#ADADAD;}
.msg .mlist .item .content .dn{font-size:4vw;height:6vw;display:flex;align-items:center;table-layout:fixed;}
.msg .mlist .item .content .dn .name{width:60vw;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.msg .mlist .item .content .dn .name.wl{color:#853803;}
.msg .mlist .item .content .dn .time{font-size:3.2vw;color:#B1B1B1;width:15vw;text-align:right;}
.msg .mlist .item .content .xx{
    font-size:3.8vw;
    color:#ABABAB;
    height:8vw;
    table-layout:fixed;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.msg .mlist .item .content .xx .m{
    width:65vw;
    float:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.msg .mlist .item .content .xx .stat{
    width:5vw;height:5vw;line-height:5vw;
    float:right;border-radius:50%;
    background-color:red;color:white;
    font-size:3vw;text-align:center;
}
.msg .mlist .item .content .xx .stat.ddd{line-height:3.6vw;font-size:3.6vw;}
.msg .yhxq{width:100%;background-color:white;padding:3vw;margin-bottom:2vw;}
.msg .yhxq.r{border-radius:1.5vw;padding:2vw 1vw;}
.msg .yhxq.zl{padding:0 3vw;}
.msg .yhxq hr{border:none;border-bottom:1px solid #eee;margin:1vw;}
.msg .yhxq .head{width:auto;display:flex;border-bottom:1px solid #eee;padding-bottom:4vw;}
.msg .yhxq .head .ico{width:18vw;text-align:center;}
.msg .yhxq .head .ico .qb{border-radius:50%;}
.msg .yhxq .head .ico img{width:18vw;height:18vw;border-radius:2vw;margin:auto;}
.msg .yhxq .head .cont{width:70vw;padding-left:4vw;table-layout:fixed;}
.msg .yhxq .head .cont .name{font-size:4.2vw;font-weight:700;line-height:6vw;display:flex;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.msg .yhxq .head .cont .other{font-size:4vw;color:#929292;line-height:5vw;}
.msg .yhxq .lin{width:auto;display:flex;padding:4vw 0;align-items:center;border-bottom:1px solid #eee;}
.msg .yhxq .lin.x{padding:2vw 1vw;border:none;}
.msg .yhxq .lin .ld{width:50%;font-size:4.2vw;}
.msg .yhxq .lin .rd{width:50%;text-align:right;color:#999999;}
.msg .yhxq .lin .rd.x{font-size:5vw;}
.msg .yhxq .lin .rd span{font-size:4vw;}
.msg .yhxq .lin .rd .bz{width:100%;font-size:3.8vw;color:#999999;text-align:right;}
.msg .xxan{
    width:100%;padding:3vw;font-size:4.2vw;
    display:flex;align-items:center;justify-content:center;
    background-color:white;color:#2d5d98;padding:4vw 0;
    border-bottom:1px solid #eee;
}
.jywl{
    width:auto;
    margin:1vw 2vw;
    display:flow-root;
}
.jywl .item{
    width:100%;
    padding:2vw 2vw 1vw 2vw;
    background-color:#FFFFFF;
    border-radius:1vw;
    margin-top:4vw;
}
.jywl .item .title{
    width:100%;
    height:8vw;
    padding:1vw;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #F4F4F4;
}
.jywl .item .title .ico{width:10vw;text-align:left;}
.jywl .item .title .ico img{max-width:6vw;max-height:6vw;border-radius:50%;}
.jywl .item .title .shopname{width:80vw;height:8vw;line-height:8vw;font-size:3.8vw;}
.jywl .item .title .jt{width:10vw;text-align:right;}
.jywl .item .wlzt{width:100%;height:auto;padding:1vw;display:flex;align-items:center;justify-content:center;table-layout:fixed;}
.jywl .item .wlzt .zt{width:80vw;min-height:6vw;max-height:15vw;overflow:hidden;font-size:4vw;font-weight:700;}
.jywl .item .wlzt .zt.z{width:80vw;max-height:10vw;font-size:4vw;font-weight:300;text-overflow:ellipsis;overflow:hidden;}
.jywl .item .wlzt .sj{width:20vw;font-size:3.6vw;color:#B1B1B1;text-align:right}
.jywl .item .spxq{
    width:100%;
    height:18vw;
    padding:1vw;
    display:flex;
}
.jywl .item .spxq .img{width:16vw;height:16vw;text-align:center;}
.jywl .item .spxq .img img{max-width:16vw;max-height:16vw;margin:auto;}
.jywl .item .spxq .xx{
    width:80vw;
    height:16vw;
    display:grid;
    align-items:center;
    color:#B1B1B1;
    font-size:3.6vw;
    padding:2vw;
    background-color:#F2F3F3;
    table-layout:fixed;
}
.jywl .item .spxq .xx p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dh{width:auto;margin:2vw;display:flow-root;height:calc(100vh - 30vw);overflow-y:auto;}
.dh .time{width:100%;font-size:3.2vw;color:#9D9D9D;padding-top:3vw;display:flex;justify-content:center;}
.dh .time .ico{color:red;font-size:3.6vw;margin-right:1vw;}
.dh .other{
    width:100%;
    margin-top:6vw;
}
.dh .other .ico{width:11vw;height:11vw;display:flex;justify-content:center;float:left;}
.dh .wdxx{
    position:absolute;
    margin-right:-3vw;padding:1vw 4vw;
    right:2vw;top:15%;
    background-color:#ffffffd4;
    border-top-left-radius:5vw;border-bottom-left-radius:5vw;
    display:flex;align-items: center;
    color:#10b900;font-size: 3.3vw;
}
.dh .other .ico img{width:10vw;height:10vw;border-radius:2vw;}
.content{
    width:auto;
    max-width:75vw;
    padding:2vw;
    margin-left:1vw;
    font-size:4.2vw;
    background-color:#FFFFFF;
    border-radius:1vw;
    display:inline-grid;
    word-wrap: break-word;
    word-break: break-all;
    text-align:left;
    position: relative;
}
.content.left{float:left;margin-left:10vw;}
.content.right{float:right;margin-right:10vw;}
.dhname{font-size:3.6vw;color:#848383;margin:0 11vw;line-height:5vw;}
.dhname span{margin-left:2vw;}
.content .xq{width:70vw;border-radius:2.5vw;background-color:#FFFFFF;padding:2vw;margin-top:1vw;}
.content .xq .tit{font-size:3.6vw;font-weight:700;text-align:left;padding:1vw 0;}
.content .xq .sp{display:flex;align-items:center;height:14vw;}
.content .xq .sp .med{width:12vw;height:12vw;}
.content .xq .sp .med img{max-width:12vw;max-height:12vw;}
.content .xq .sp .spm{
    width:53vw;
    height:12vw;
    background-color:#F2F3F3;
    table-layout:fixed;
    padding:1vw 2vw;
}
.content .xq .sp .spm .m{
    font-size:3.6vw;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.content .xq .sp .spm .g{
    font-size:3.6vw;
    color:#A3A3A3;
}
.content .xq .line{width:100%;display:flex;font-size:3.6vw;}
.content .xq .line.dz{margin-top:1vw;}
.content .xq .line .l{width:10vw;min-height:7vw;display:flex;align-items:center;}
.content .xq .line .l.dz{align-items:end;}
.content .xq .line .r{width:58vw;min-height:7vw;display:flex;align-items:center;}
.content .xq .bar{width:100%;height:7vw;margin-top:2vw;}
.content .xq .bar .btn{
    background-color:#fbf8f8;
    border-radius:3vw;
    border:1px solid #fbf8f8;
    padding:0.5vw 2vw;
    float:right;
    font-size:3.2vw;
    color:#848383;
    margin-left:2vw;
    outline:none;
}
.content .xq .bar .btn.qd{
  background-image: linear-gradient(to right,#FF7700,#FF4900);
  color:#FFFFFF;
  border:none;
}
.content .time{
    width:100%;
    color:#AEAFB0;
    font-size:3.2vw;
    line-height:5vw;
    margin-top:0;
    justify-content: flex-start;
}
.content.hb{background-color:transparent !important;padding:0 1vw;}
.content .hb{
    width:55vw;
    border-radius:1.5vw;
    background-image:linear-gradient(to right,#F9A038,#F79F3D);
    margin-top:1vw;
    padding:1vw 2vw;
}
.content .hb.yl{background-image:linear-gradient(to right,#FDE0BD,#FBE0C5);}
.content .hb .line{display:flex;align-items:center;width:50vw;}
.content .hb .line .ico{width:11vw;display:flex;align-items:center;justify-content:center;}
.content .hb .line .ico .b{font-size:8vw;color:red;}
.content .hb .line .ico .b.yl{color:#FC9B87;}
.content .hb .line .hbxx{color:#FFFFFF;width:40vw;table-layout:fixed;}
.content .hb .line .hbxx .hbm{font-size:4.2vw;line-height:5vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.content .hb .line .hbxx .ck{font-size:3vw;text-align:left;}
.content .hb .type{font-size:3vw;padding:1vw 0;color:white;text-align:left;}
.content .dpnc{
    height:7vw;display:flex;align-items:center;
    border-top:1px solid #eee;
    color:#AEAFB0;
    font-size:3.3vw;
}
.content .dpnc.mp{width:45vw;height:5vw;}
.content .dpnc .ld{width:50%;text-align:left;}
.content .dpnc .rd{width:50%;text-align:right;}
.content .dpnc .ld .dico{font-size:3.6vw;margin-right:0.6vw;}
.content img{max-width:35vw;max-height:35vw;border-radius:1vw;}
.content .media{width:16vw;height:16vw;}
.content .media img{max-height:15vw;max-width:15vw}
.content .spxx{width:50vw;padding-left:1vw;table-layout:fixed;}
.content .spxx .na{width:48vw;height:9vw;font-size:3.6vw;font-weight:700;text-align:left;text-overflow:ellipsis;overflow:hidden;}
.content .spxx .gg{width:48vw;font-size:3.2vw;color:#AFAEAE;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.content .spxx .je{width:100%;height:6vw;font-size:3.6vw;color:#FF4800;display:flex;align-items:flex-end;}
.content .mpt{width:12vw;height:12vw;text-align:center;}
.content .mpt img{max-width:11vw;max-height:11vw;margin:auto;}
.content .lx{
	width: 10vw;
    height: 10vw;
	font-size: 3.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    background-color: #007fef;
    color: white;
    margin-right: 2vw;
}
.content .mp{width:35vw;padding-left:1vw;table-layout:fixed;}
.content .mp .name{font-size:3.8vw;font-weight:700;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.content .mp .id{font-size:3.2vw;color:#C1C1C1;}
.content .kyl{position:absolute;top:1vw;right:0vw;font-size:4.5vw;color: #ff6f00;transform:rotate(35deg);margin-top:2vw;}
.dh .own{width:94vw;display:flow-root;margin-top:4vw;text-align:right;}
.dh .own .ico{width:11vw;height:11vw;text-align:center;float:right;}
.dh .own .ico img{width:10vw;height:10vw;border-radius:2vw;margin-left:2vw;}
.own .content{background-color:#9EEA6A;}
.topbar{
    width:100%;
    height:12vw;
    bottom:1px;
    position:absolute;
    top:12vw;
}
.topbar .xx{
    height:10vw;
    background-color:white;
    border-radius:1vw;
    padding-left:2vw;
    display:flex;
    align-items:center;
}
.topbar .xx .ico{width:6vw;color:#E9CB00;font-size:4vw;}
.topbar .xx .text{width:calc(100% - 14vw);}
.topbar .xx .gd{width:6vw;font-size:4vw;text-align: right;}
.msgbar{
    width:100%;
    padding:2vw 3vw 1vw 3vw;
    bottom:2px;
    border-top:1px solid #ECECEB;
}
.msgbar .xx{width:100%;display:flex;align-items:center;}
.msgbar .xx input{
    width:76vw;
    height:auto;
    background-color:#FFFFFF;
    line-height:9vw;
    border-radius:2vw;
    padding:0.2vw 10vw 1vw 3vw;
    outline:none;
    font-size:4vw;
    display:flex;
    align-items: center;
}
.msgbar .xx .tbk{
    width:9vw;
    height:10vw;
    border-radius:50%;
    background-color:#FFFFFF;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:-10vw;
    z-index:99;
}
.msgbar .xx .ico{
    width:9vw;
    height:10vw;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:2vw;
}
.msgbar .xf{
    width:94vw;
    height:18vw;
    margin:auto;
    margin-bottom:2vw;
    padding:2vw;
    display: flex;
    background-color:white;
    border-radius:2vw;
}
.msgbar .xf .tp{width:15vw;height:15vw;}
.msgbar .tp img{width:15vw;height:15vw;border-radius:1vw;}
.msgbar .sp{width:70vw;height:15vw;padding:0 2vw;display:inline-grid;}
.msgbar .sp .line{display:flex;table-layout:fixed;align-items:center;}
.msgbar .sp .line .ldiv{width:48vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:3.8vw;font-weight:600;}
.msgbar .sp .line .ldiv span{color:#FF4800;}
.msgbar .sp .line .rdiv{width:24vw;text-align:right;}
.msgbar .sp .line .rdiv button{
    background-image: linear-gradient(to right,#FF7700,#FF4900);
    border:none;
    border-radius:4vw;
    color:white;
    padding:1vw 3vw;
    outline:none;
}
.msgbar .cd{width:94vw;margin:auto;margin-top:2vw;display:table;}
.msgbar .cd .item{
    float:left;
    width:20.5%;
    padding:2vw 0;
    margin:1vw 2vw;
    background-color:white;
    text-align:center;
    border-radius:2vw;
}
.msgbar .cd .item .t{font-size:6vw;color:#000000;}
.msgbar .cd .item p{font-size:3vw;color:#8A8A8A;margin-top:1vw;}
.txlist{
    width:100%;
    padding:0 2vw;
}
.txlist .item{
    width:100%;
    height:13vw;
    display:flex;
    align-items:center;
    justify-content:center;
}
.txlist .item .ico{width:10vw;height:10vw;}
.imenu{
    width:98vw;
    margin:1vw;
    display:flex;
    align-items:center;
}
.imenu .item{width:30%;height:8vw;font-size:3.8vw;display:flex;align-items:center;justify-content:center;}
.imenu .item.current{color:#E87400;font-size:4vw;font-weight:700;border-bottom:1px solid #E87400;}
.help{
    width:98vw;
    margin:1vw;
    padding:2vw;
    border-radius:1vw;
    display:flow-root;
}
.help.b{background-color:#FFFFFF;}
.help.w{background-color:white;padding:2vw 4vw;}
.help .item{
    width:100%;
    height:11vw;
    display:flex;
    align-items:center;
    font-size:3.8vw;
    border-bottom:1px solid #F0F0F0;
}
.help .item .name{
    width:calc(100% - 5vw);
}
.help .item .ico{
    width:5vw;
    text-align:center;
}
.help .txt{
    width:100%;
    font-size:3.6vw;
    line-height:5vw;
    padding:2vw 0;
    color:#007CFF;
}
.help .txt.red{color:red;}
.help .img{display:flex;align-items:center;justify-content:center;}
.help .title{
    line-height:6vw;
    font-size:3.8vw;
    font-weight:700;
    padding:1.5vw 0;
    margin-top:1vw;
    border-bottom:0.06rem solid #ECEBEA;
}
.help .w{width:100%;font-size:3.8vw;padding:1vw 0;}
.help .d{width:100%;font-size:3.6vw;color:#007CFF;border-bottom:0.06rem solid #ECEBEA;padding:1vw 0 2vw 0;}
.hbb{width:100%;height:3vw;background-color:#FB2F21;margin-top:-1vw;}
.hbb .ico{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
}
.hbb .ico img{width:8vw;height:8vw;border-radius:50%;border:3px solid white;}
.hbll{width:100%;margin-top:6vw;}
.hbll .title{text-align:center;font-size:3.8vw;padding:1vw;}
.hbll .title span{background-color:#F79F3D;color:white;font-size:3.8vw;padding:0.3vw 0.6vw;border-radius:0.6vw;margin-left:2vw;}
.hbll .ll{font-size:3.6vw;color:#ABAAAA;text-align:center;}
.hbll .hbje{font-size:4vw;text-align:center;}
.hbll .hbje span{font-size:12vw;font-weight:600;color:#FB2F21;margin-right:1vw;}
.hbll .mail{font-size:3vw;color:#0095FF;text-align:center;}
.hbll .bz{font-size:3.2vw;text-align:center;color:#ABAAAA;}
.hbzt{
    width:92vw;
    background-color:#FFFFFF;
    border-radius:3vw;
    margin:2vw 4vw;
    padding:3vw;
}
.hbzt .je{font-size:3.6vw;color:#ABAAAA;padding:1vw;border-bottom:1px solid #eee;}
.hbzt .con{display:flex;align-items:center;padding:2vw 0;margin-top:1vw;border-bottom:1px solid #eee;}
.hbzt .con .ico{width:10vw;text-align:center;}
.hbzt .con .ico img{width:9vw;height:9vw;border-radius:50%;}
.hbzt .con .name{width:55vw;font-size:3.8vw;padding:0 2vw;line-height:6vw;table-layout:fixed;}
.hbzt .con .name .m{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.hbzt .con .name .r{width:100%;color:#ABAAAA}
.hbzt .con .zt{width:30vw;text-align:right;font-size:3.8vw;line-height:6vw;}
.hbzt .con .zt .z{color:#ABAAAA;}
.hbzt .con .zt .z.zj{color:#F79F3D;padding:0;}
.thsh{width:100%;padding:2vw;}
.thsh .item{
    width:100%;
    border-radius:2vw;
    background-color:white;
    border:.02667rem solid #e1e5f7;
}
.thsh .item .title{width:100%;display:flex;align-items:center;padding:2vw 1vw;border-bottom:0.02667rem solid #eee;;}
.thsh .item .title .name{width:50%;font-size:4vw;font-weight:600;display:flex;align-items:center;}
.thsh .item .title .status{width:50%;font-size:3.6vw;color:red;display:flex;justify-content:flex-end;align-items:center;}
.thsh .item .thsp{width:100%;display:flex;padding:1vw 0;}
.thsh .item .thsp .tp{width:22vw;height:22vw;text-align:center;border-radius:1vw;border:0.02667rem solid #eee;}
.thsh .item .thsp .tp img{max-width:21vw;margin:auto;}
.thsh .item .thsp .xq{width:100%;padding-left:3vw;table-layout:fixed;}
.thsh .item .thsp .xq .name{height:11vw;font-size:3.8vw;text-overflow: ellipsis;overflow: hidden;}
.thsh .item .thsp .xq .gg{height:6vw;display:flex;align-items:center;font-size:3.2vw;color:#B0AEAC;}
.thsh .item .thsp .xq .tk{height:6vw;display:flex;align-items:center;font-size:3.6vw;}
.thsh .item .tkzt{width:100%;line-height:9vw;background-color:#F5F5F5;text-align:center;border-radius:1vw;margin:1vw 0;}
.thsh .item .czbar{width:100%;padding:2vw 1vw;display:flow-root;}
.thsh .item .czbar .tbtn{
    border-radius:5vw;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #DDD;
    background-color:white;
    padding:1vw 3vw;
    margin-left:3vw;
    float:right;
    outline:none;
}
.thsh .item .czbar .tbtn.red{border:1px solid red;color:red;}
.shxq{width:100%;display:flow-root;}
.shxq .stat{width:100%;padding:2vw;
    background-image: linear-gradient(to right,#FF7700,#FF4900);
}
.shxq .stat .zt{width:100%;background-color:white;border-radius:2vw;padding:3vw;}
.shxq .stat .zt .txt{font-size:3.8vw;font-weight:600;line-height:7vw;}
.shxq .stat .zt .sj{font-size:3vw;color:#C9C8C8;}
.shxq .line{width:100%;display:flex;padding:2.4vw;background-color:white;font-size:3.6vw;}
.shxq .line.ys{color:#FF4900;margin-top:2vw;border-bottom:0.03rem solid #e1e5f7;}
.shxq .line .ld{width:50%;display:flex;align-items:center;}
.shxq .line .rd{width:50%;text-align:right;}
.shxq .tkxx{width:100%;margin-top:2vw;background-color:white;display:flow-root;padding:2.4vw;}
.shxq .tkxx .tit{width:100%;font-size:3.6vw;font-weight:700;text-align:left;line-height:8vw;}
.shxq .tkxx .sp{width:100%;display:flex;align-items:center;margin-bottom:3vw;}
.shxq .tkxx .sp .tp{width:21vw;height:21vw;border:0.02667rem solid #eee;border-radius:1vw;}
.shxq .tkxx .sp .tp img{max-width:20vw;margin:auto;border-radius:1vw;}
.shxq .tkxx .sp .xx{width:70vw;margin-left:2vw;}
.shxq .tkxx .sp .xx .h{width:100%;display:flex;font-size:3.6vw;table-layout:fixed;}
.shxq .tkxx .sp .xx .h .l{width:60vw;height:16vw;text-overflow:ellipsis;overflow:hidden;}
.shxq .tkxx .sp .xx .h .r{width:16vw;text-align:right;font-size:3.2vw;}
.shxq .tkxx .sp .xx .gg{font-size:3.2vw;color:#B1AFAF;height:5vw;}
.shxq .tkxx .lin{width:100%;display:flex;font-size:3.2vw;line-height:6vw;}
.shxq .tkxx .lin .ldiv{width:21vw;color:#B1AFAF;}
.shxq .tkxx .lin .rdiv{margin-left:2vw;}
.shxq .tkxx .lbar{width:100%;display:flex;margin-top:4vw;}
.shxq .tkxx .lbar .item{width:50%;text-align:center;}
.xsls{width:100%;display:flow-root;}
.xsls .item{width:100%;padding:3vw;background-color:white;margin-bottom:2vw;}
.xsls .item .user{display:flex;}
.xsls .item .user .ico{width:9vw;height:9vw;}
.xsls .item .user .ico img{width:9vw;height:9vw;border-radius:2vw;}
.xsls .item .user .name{width:84vw;font-size:3.6vw;margin-left:2vw;}
.xsls .item .user .name .h{font-size:3.2vw;color:#B1AFAF;}
.xsls .item .msg{width:100%;font-size:3.6vw;padding:2vw 0;}
.dpj{
    width:auto;
    margin:1vw 3vw;
}
.dpj .pitem{
    width:100%;
    margin-top:2vw;
    padding:2vw 2vw 3vw;
    border-radius:2vw;
    background-color:white;
}
.dpj .pitem .title{width:100%;height:8vw;display:flex;align-items:center;padding:0;}
.dpj .pitem .title span{margin-left:1vw;font-size:3.8vw;font-weight:500;}
.dpj .pitem .title .ico{width:7vw;height:7vw;display:flex;align-items:center;}
.dpj .pitem .title .ico img{width:6vw;height:6vw;border-radius:50%;}
.dpj .pitem .content{width:100%;display:flex;margin-top:1vw;}
.dpj .pitem .content .media{width:16vw;text-align:center;}
.dpj .pitem .content .media img{max-width:16vw;margin:auto;border-radius:1vw;}
.dpj .pitem .content .rdiv{padding-left:2vw;table-layout:fixed;}
.dpj .pitem .content .rdiv .spnc{
    width:70vw;
    height:6vw;
    font-size:3.6vw;
    font-weight:500;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.dpj .pitem .content .rdiv .spgg{
    width:70vw;
    font-size:3.2vw;
    color:#B9B8B8;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.dpj .pitem .content .rdiv .bar{width:100%;margin-top:1vw;}
.dpj .pitem .content .rdiv .bar .btn{
    float:right;
    border:1px solid #FF7700;
    color:#FF7700;
    font-size:3.4vw;
    border-radius:5vw;
    background-color:white;
    padding:0.3vw 5vw;
    outline:none;
    margin-left:2vw;
}
.fssc{width:96vw;margin:1vw 2vw;padding:2vw;background-color:white;display:inline-block;border-radius:1.5vw;}
.fssc.i{padding:3vw;}
.fssc .fitem{width:31%;float:left;font-size:3.6vw;padding:3vw 1vw;text-align:center;}
.fssc .sx{border-right:1px solid #eee;padding:3vw 0;float:left;margin-top:3vw;height:6vw;margin-left:2vw;}
.fssc .cont{width:100%;display:flex;table-layout:fixed;margin-bottom: 2vw;}
.fssc .cont img{height:18vw;max-width:18vw;margin-bottom:1vw;}
.fssc .cont .tp{width:12vw;height:12vw;text-align:center;}
.fssc .cont .tp img{max-width:11vw;max-height:11vw;margin:auto;border-radius:0.6vw;}
.fssc .cont .nc{width:77vw;height:10vw;font-size:3.8vw;font-weight:600;text-overflow:ellipsis;overflow:hidden;margin-left:2vw;}
.fssc .cont .file .txt{width:100%;font-size:3.3vw;float:left;}
.fssc .cont .file{width:77vw;font-size: 4vw;color: black;font-weight: 500;text-overflow:ellipsis;overflow:hidden;padding:2vw 0}
.fssc .cont .file .img{width:10vw;height:10vw;margin-right:3vw;}
.fssc .cont .file .img img{max-width:10vw;max-height:10vw;}
.fssc .cont .file .lx{
    width:5vw;height:6vw;
    font-size:3.2vw;
    display:flex;align-items:center;justify-content:center;
    float:left;
    background-color:#007fef;color:white;
    margin-right:2vw;
}
.fssc .cont .file span{width:72vw;font-size:3.8vw;}
.fssc .cont .file p{width:100%;font-size:3vw;color:#C4C4C4}
.fssc .cont .bj{width:90vw;max-height:15vw;table-layout:fixed;}
.fssc .cont .bj textarea{font-size: 4vw;font-weight: 500;width: 100%;color: black;padding:0;text-overflow:ellipsis;overflow:hidden;outline:none;resize:none;line-height:5.1vw}
.fssc .sm{width:100%;font-size:3.2vw;color:#C1C0C0;}
.fssc .sm span{margin-right:2vw;}
.fhb{width:96vw;margin:1vw 2vw;padding:2vw;}
.fhb .type{font-size:3.4vw;color:#FEAF15;display:flex;align-items:center;padding-top:1vw;}
.fhb .txt{width:100%;font-size:3vw;color:#CBCBCB;margin:-2vw 0 3vw 1vw;}
.fhb .hitem{width:100%;height:12vw;background-color:white;display:flex;padding:1vw 3vw;margin:1vw 0 3vw 0;border-radius:2vw;}
.fhb .hitem.txt{height:14vw;color:#000000;font-size:4vw;}
.fhb .hitem .ldiv{width:50%;display:flex;align-items:center;font-size:4vw;}
.fhb .hitem .ldiv span{font-size:3.8vw;color:#000000;}
.fhb .hitem .rdiv{width:50%;display:flex;align-items:center;justify-content:flex-end;}
.fhb .hitem .rdiv .ico{font-size:4vw;}
.fhb .hitem .rdiv input{width:100%;outline:none;text-align:right;font-size:4vw;padding:0.7vw 2vw 0 0;line-height:10vw;}
.fhb .hitem .rdiv span{font-size:4vw;color:#000000;}
.fhb .hitem textarea{width:100%;height:13vw;font-size:3.8vw;display:flex;align-items:center;outline:none;resize:none;}
.fhb .je{width:100%;height:30vw;text-align:center;display:flex;align-items:center;justify-content:center;}
.fhb .je span{font-size:11vw;font-weight:700;}
.fhb .bar{width:100%;height:20vw;text-align:center;}
.fhb .bar .btn{
    margin:auto;width:50%;
    line-height:10vw;color:white;background-color:#FB2F21;
    border-radius:1vw;outline:none;border:none;
    font-size:4.2vw;
}
.fhb .bar .btn.h{background-color:#e6e6e6;}
.fhb .bottom{width:92vw;position:fixed;bottom:2vw;font-size:3.5vw;text-align:center;}
.hbjr{width:100%;}
.hbjr .nf{width:100%;text-align:right;color:#FEAF15;font-size:3vw;padding:1vw 3vw;}
.hbjr .name{width:100%;text-align:center;padding:2vw;}
.hbjr .name img{max-width:20vw;max-height:20vw;margin:auto;}
.hbjr .name p{font-size:3.6vw;margin-top:4vw;}
.hbjr .zje{width:100%;font-size:10vw;font-weight:700;text-align:center;}
.hbjr .state{width:100%;display:flex;}
.hbjr .state .sitem{color:#ADADAD;width:50%;text-align:center;padding:5vw 0;}
.hbjr .state .sitem .top{font-size:6vw;}
.hbjr .state .sitem .bottom{font-size:3.2vw;}
.hbjr .list{width:100%;background-color:white;display:inline-block;min-height:calc(100vh - 88vw);}
.hbjr .list .item{padding:1.6vw 0;border-bottom:1px solid #eee;}
.hbjr .list .item .line{width:100%;display:flex;align-items:center;table-layout:fixed;}
.hbjr .list .item .line .name{width:35vw;font-size:3.6vw;padding:0;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.hbjr .list .item .line .je{width:59vw;font-size:3.6vw;text-align:right;}
.hbjr .list .item .time{font-size:3vw;color:#BFBFBF;line-height:4.8vw;}
.bj{width:100%;height:calc(100vh - 12vw);}
.bj textarea{font-size:3.6vw;width:100%;height:100%;outline:none;padding:2vw 3vw;resize:none;}
.tjql{
    width:100%;
    height:calc(100% - 2vw);
    display:flex;
    background-color:white;
    padding:3vw 2vw;
    margin-top:1vw;
}
.tjql .hy{width:100%;height:100%;padding:0 2vw;overflow-y:auto;}
.tjql .hy .zm{width:100%;font-size:3.3vw;color:#999999;padding-left:5px;}
.tjql .search{width:92vw;height:9vw;display:flex;align-items:center;margin-bottom:2vw;padding: 0 2vw;}
.tjql .search .ico{
    width:6vw;
    height:6vw;
    font-size:4vw;
    display:flex;align-items:center;
    position:relative;
    left:4vw;
    color:#A9A9A9;
}
.tjql .search input{
    width:100%;height:100%;
    font-size:3.6vw;border-radius:5px;border:1px solid #CDCDCD;
    outline:none;
    padding-left:7vw;
    margin-left:-4vw;
}
.tjql .hy .it{width:100%;display:flex;align-items:center;padding:10px 2px;table-layout:fixed;}
.tjql .hy .it:hover{background-color:#ebebec;}
.tjql .hy .it img{width:9vw;height:9vw;border-radius:5px;margin-right:1.5vw;}
.tjql .hy .it .nuser{line-height: 9vw;width:calc(100% - 50px);font-size:3.5vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tg{width:100%;padding:2vw;text-align:center;}
.tg .top{width:92vw;height:18vw;margin:auto;padding:2vw 0;}
.tg .top img{margin:auto;}
.tg .line{width:100%;justify-content:center;;font-size:3.6vw;font-weight:700;color:#FA3135;}
.tg .line.k{width:55vw;margin:auto;padding:0.5vw 2vw;border:1px solid #FA3135;border-radius:5vw;margin-bottom:1vw;}
.tg .center{
    width:80vw;margin:auto;margin-top:2vw;
    height:80vw;padding:2vw 8vw;
    background-image:url(../image/tg/hback.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    padding:2vw;
}
.tg .center .txt{width:100%;font-size:3vw;font-weight:700;color:#FA3135;text-align:center;margin-top:2vw;}
.tg .center .txt.d{font-size:3.3vw;}
.tg .center .tit{
    width:18vw;
    font-size:3vw;font-weight:700;
    color:white;background-color:#FA3135;
    margin:1vw 0 0 15vw;
    float:left;display:flex;
    justify-content:center;
    border-radius:3vw;
}
.tg .center .je{
    width:100%;color:#FA3135;
    font-weight:700;
    display:flex;
    justify-content:center;
    align-items:baseline;
}
.tg .center .je .num{font-size:18vw;}
.tg .center .je .dw{font-size:3.6vw;}
.tg .center .btnbar{width:100%;height:40vw;display:flex;justify-content:space-evenly;align-items:center;}
.tg .center .btnbar .wxhy{
    width:30vw;height:10vw;
    background-image:url(../image/tg/wxhy.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.tg .center .btnbar .schb{
    width:30vw;height:10vw;
    background-image:url(../image/tg/schb.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.tg .jltj{width:auto;margin:8vw 2vw;text-align:center;}
.tg .jltj .title{
    width:50vw;height:7vw;
    background-image:url(../image/tg/title.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    color:white;font-size:3.3vw;
    margin:auto;display:flex;
    align-items:center;justify-content:center;
    position:relative;margin-bottom:-3vw;
}
.tg .jltj .type{
    background-color:#FF4542;color:white;
    font-size:3.6vw;
    padding:0.3vw 2vw;
    margin-top:-2vw;
    border-top-right-radius:2vw;
    border-bottom-left-radius:2vw;
    float:right;
}
.tg .jltj .xxll{width:100%;background-color:#FFFAF3;border-radius:2vw;padding:7vw 5vw;}
.tg .jltj .xxll .item{width:50%;}.tg .jltj .xxll .item p{font-size:3.2vw;}
.tg .jltj .xxll .item .num{font-size:5.5vw;font-weight:700;color:#FA3135;margin-top:4vw;}
.tg .jltj .xxll .line{width:100%;height:10vw;display:flex;align-items:center;}
.tg .jltj .xxll .line .ico{width:10vw;height:10vw;margin-right:2vw;display:flex;align-items:center;}
.tg .jltj .xxll .line .ico img{width:8vw;height:8vw;border-radius:50%;}
.tg .jltj .xxll .line .mcsj{width:60vw;text-align:left;table-layout:fixed;}
.tg .jltj .xxll .line .mcsj .mc{font-size:3.6vw;font-weight:500;color:#4F4F4F;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tg .jltj .xxll .line .mcsj .sj{font-size:3vw;font-weight:500;color:#848484;}
.tg .jltj .xxll .line .zt{width:25vw;font-size:3.3vw;text-align:right;color:#4F4F4F;}
.dt{width:100%;background-color:white;padding:2vw;display: inline-block;}
.dt .gzdt{width:auto;margin-top: 3vw;}
.dt .gzdt .title{width:100%;height:8vw;display:flex;align-items:center;table-layout:fixed;padding:2vw 1vw;}
.dt .gzdt .title .ico{width:9vw;height:8vw;}.dt .gzdt .title .ico img{width:8vw;height:8vw;border-radius:50%;}
.dt .gzdt .title .name{width:70vw;font-size:3.8vw;padding-left:2vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dt .gzdt .title .time{width:15vw;font-size:3vw;color:#8D8D8D;text-align:right;}
.dt .gzdt .media{max-width:100%;margin-top:2vw;}
.gzimg{max-width:100%;border-radius:2vw;}
.dt .gzdt .text{
    width:100%;width:100%;min-height:8vw;height:auto;
    font-size:3vw;
    outline:none;border:none;
    resize:none;
    text-align:left;
    margin:2vw 0;
}
.dt .fxdt{width:45vw;height:auto;float:left;table-layout:fixed;margin: 3vw 2vw 0 1vw;}
.dt .fxdt .tp{width:100%;height:45vw;}
.dt .fxdt .tp img{max-width:100%;border-radius:1.6vw;}
.dt .fxdt .mc{font-size:3.6vw;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dt .fxdt .dbar{width:100%;height:7vw;display:flex;align-items:center;margin:1vw 0;}
.dt .fxdt .dbar .ico{width:6vw;height:7vw;display:flex;align-items:center;}
.dt .fxdt .dbar .ico img{width:5vw;height:5vw;border-radius:50%;}
.dt .fxdt .dbar .dm{width:calc(100% - 20vw);}
.dt .fxdt .dbar .sc{width:12vw;display:flex;align-items:center;justify-content:flex-end;}
.dt .fxdt .dbar .sc span{font-size:3.3vw;margin-left:1.6vw;}
.dt .dydt{width:auto;margin-top:3vw;display:flex;border-bottom: 0.04rem solid #eee;padding:1vw 0;}
.dt .dydt .tx{width:12vw;text-align:center;}
.dt .dydt .tx img{width:10vw;height:10vw;border-radius:50%;}
.dt .dydt .xxl{width:80vw;position:relative;}
.dt .dydt .xxl .yy{
    position: absolute;
    top:10vw;right:0;color:red;
    font-size: 7vw;font-weight:200;
    border-radius: 50%;border: 1px solid red;
    padding: 2vw 3vw;transform: rotate(340deg);
}
.dt .dydt .xxl .t{width:100%;height:8vw;display:flex;align-items:center;justify-content:space-between;}
.dt .dydt .xxl .t .mc{font-size:3.8vw;font-weight:700;width:60vw;}
.dt .dydt .xxl .t .mc .nr{overflow:hidden;word-break:break-all;height:10vw}
.dt .dydt .xxl .t .mc .hs{font-size:3vw;color:#bdbbbb;padding:0.5vw 1vw;border-radius:4vw;background-color:#ececec;margin-left:2vw;}
.dt .dydt .xxl .t .qt{width: 26vw;float:right}
.dt .dydt .xxl .t .qt .dtcz{float: right;width: 8vw;text-align: center;line-height: 8vw}
.dt .dydt .xxl .t .qt .yx .dtyx{background-image: none;color: red;}
.dt .dydt .xxl .t .qt .yx .dtyx.noyx{color: black;}

.dt .dydt .xxl .t .qt .yx{line-height:8vw;float: right;}
.dt .dydt .xxl .t .qt .yx button{
    background-image: linear-gradient(to right,#FF7700,#FF4900);
    outline: none;border-radius: 2vw;border: none;
    padding: 0.5vw 2vw;color: white;font-size: 3.3vw;
}
.dt .dydt .xxl .t .lxsj{font-size:3.2vw;color:#bdbbbb;}
.dt .dydt .xxl .text{width:100%;font-size:4vw;line-height:5.2vw;margin: 2vw 0;word-break: break-all;}
.dt .dydt .xxl .t1l{width:100%;margin-top:1vw;}
.dt .dydt .xxl .t1l.py{display:flex;background: #f5dfd0;}
.dt .dydt .xxl .t1l.py img{max-width:15vw;max-height:15vw;}
.dt .dydt .xxl .t1l.py .xx{margin-left:0.5vw}
.dt .dydt .xxl .t1l.py .xx .spmc{height: 10vw;width:100%;font-size:3.6vw;font-weight:600;padding:1vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dt .dydt .xxl .t1l.py .xx .spje{width:100%;font-size:3.6vw;font-weight:700;color:red;padding:1vw;}
.dt .dydt .xxl .t1l .img{width:78vw;border-radius:1vw;float:left;margin:1vw 2vw 1vw 0;}
.dt .dydt .xxl .t1l .img img{max-width:78vw;max-height:78vw;}
.dt .dydt .xxl .t2l{width:100%;margin-top:1vw;}
.dt .dydt .xxl .t2l .img{width:38vw;height:38vw;border-radius:1vw;float:left;margin:1vw 2vw 1vw 0;}
.dt .dydt .xxl .t2l .img img{max-width:38vw;max-height:38vw;}
.dt .dydt .xxl .t3l{width:100%;margin-top:1vw;}
.dt .dydt .xxl .t3l .img{width:24.5vw;height:24.5vw;border-radius:1vw;float:left;margin:1vw 2vw 1vw 0;}
.dt .dydt .xxl .t3l .img img{max-width:24.5vw;max-height:24.5vw;}
.dt .dydt .xxl .czbar{width:100%;height:8vw;display:flex;align-items:center;}
.dt .dydt .xxl .czbar .fbsj{width:36vw;font-size:3.3vw;}
.dt .dydt .xxl .czbar .tb{width:17vw;display:flex;align-items:center;justify-content:center;color:#5A5A5A;}
.dt .dydt .xxl .czbar .tb.curr{color:red;}
.dt .dydt .xxl .czbar .tb span{font-size:3.2vw;margin-left:1vw;}
.dt .dydt .xxl .plbar{width:100%;background-color:#eeeeee80;padding:1vw;border-radius:1vw;}
.dt .dydt .xxl .plbar .pl{width:100%;height:auto;max-height:32vw;font-size:3.4vw;display:flex;table-layout:fixed;padding:1vw 0;}
.dt .dydt .xxl .plbar .pl .dzxx{display: block;word-break: break-all;max-height:19vw}
.dt .dydt .xxl .plbar .pl .dzxx .dzsl{margin-right:3vw;line-height: 6vw;min-width: 6vw;float: left;}
//.dt .dydt .xxl .plbar .pl .dzxx img{width:6vw;height:6vw;border-radius: 50%;}
.dt .dydt .xxl .plbar .pl .dzxx .dztx{height:6vw;width:6vw;float: left;}
.dt .dydt .xxl .plbar .pl .dzxx .dztx img{max-width:6vw;width:6vw;height:6vw;border-radius: 50%;}
.dt .dydt .xxl .plbar .pl .m{word-break: break-all;}
.dt .dydt .xxl .plbar .pl .m .mc{color:#0079f7;;max-width:20vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dt .dydt .xxl .plbar .pl .ll{width:60vw;padding:0 2vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.addbar{width:100%;height:12vw;position:absolute;top:12vw;display:flex;justify-content:flex-end;align-items:center;padding:4vw;}
.addbar .fbfx{
    font-size:8vw;font-weight: 700;
    border-radius:50%;border:3px solid #FF7803;
    color:#FF7803;width:10vw;height:10vw;
    display:flex;justify-content:center;align-items:center;
}
.ico4v{font-size: 4vw !important;}
.xtitle{width:100%;font-size:3.6vw;padding:2vw 1vw;}
.xl{padding:2vw 5vw;position:relative;width:100%;text-align:center;background-color: #f8f8f8;}
.lpk{width:100%;padding:1vw 3vw;}
.lpk .litem{display:flex;padding:1vw;margin-top:2vw;height:auto;width:100%;align-items:center;background-color:white;border-radius:1.5vw;border:1px solid #ffbb8f;position:relative;}
.lpk .lleft{width:32vw;}
.lpk .lleft img{width:32vw;height:20vw;border-radius:2vw;}
.lpk .lright{width:63vw;table-layout:fixed;margin-left:2vw;padding:1vw 0;}
.lpk .lright .km{height:9vw;font-size:4.2vw;font-weight:700;}
.lpk .lright .kline{width:100%;height:9vw;display:flex;align-items:flex-end;}
.lpk .lright .kline .kl{width:40%;text-align:left;color:#ff9014;font-size:3.8vw;}
.lpk .lright .kline .kr{width:60%;text-align:right;padding-right:1vw;}
.lpk .yzs{position:absolute;right:0;top:1vw;width:12vw;display:flex;align-items:center;justify-content:center;
        font-size:3.6vw;transform: rotate(35deg);color:#ff5800;margin-top:1.4vw;}
.lpk .yzs.xg{transform:rotate(0deg);right:-1vw;}
.lpkbar{height:12vw;background-color:#fff;padding:2vw;position:absolute;display:flex;width:100%;align-items:center;bottom:0}
.lpkbar .ld{width:50%;}
.lpkbar .rd{width:50%;text-align:right;}
.lpkbar .rd .sybtn{
    border:none;border-radius:2vw;padding:1vw 4vw;outline:none;
    background-image: linear-gradient(to right,#FF7700,#FF4900);color:white;font-size:3.8vw;
}
.lpkxq{width:100%;padding:2vw;position:relative;}
.lpkxq .kfm{width:100%;height:60vw;display:flex;justify-content:center;align-items:center;}
.lpkxq .kfm img{width:96vw;height:60vw;border-radius:4vw;}
.lpkxq .kline{width:auto;height:8vw;display:flex;align-items:center;background-color:white;font-size:3.8vw;padding:1vw 2vw;border-bottom: 1px solid #eee;}
.lpkxq .kline .na{width:48vw;}
.lpkxq .kline .ktime{width:48vw;text-align:right;}
.lpkxq .kje{width:auto;height:60vw;color:white;position:absolute;top:2vw;}
.lpkxq .kje .kl{width:96vw;height:30vw;display:flex;justify-content:center;padding:3vw;font-size:4.5vw;font-weight:700;}
.lpkxq .kje .kl.bot{align-items:flex-end;}
.lpkxq .kje .kl .mz{width:58vw;height:8vw;font-size:4.5vw;display:flex;align-items:center;padding-left:2vw;}
.lpkxq .kje .kl .ye{width:38vw;height:8vw;font-size:4.5vw;display:flex;align-items:center;padding-right:3vw;justify-content:flex-end;}
.lpkxq .bz{width:100%;height:20vw;background-color:white;border-bottom-left-radius:2vw;border-bottom-right-radius:2vw;}
.lpkxq .bz .txt{width:100%;height:20vw;font-size:3.6vw;outline:none;padding:2vw;}
.lpkxq .btbar{width:100%;height:15vw;display:flex;justify-content:center;align-items:center;}
.lpkxq .kbtn{width:85%;border:none;border-radius:5vw;text-align:center;line-height:8vw;color:#FFFFFF;outline:none;
    font-size:4.5vw;background-image: linear-gradient(to right,#FF7700,#FF4900);padding:1vw;}
.sylist{width:100%;padding:2vw;background-color:white;padding-bottom:12vw;}
.lss{width:auto;height:9vw;display:flex;align-items:center;background-color:#eee;margin:1vw 2vw 2vw;border-radius:5vw;}
.lss .ico{width:10vw;text-align:center;}
.lss .txt{width:80vw;}
.lss .txt input{width:100%;line-height:7vw;font-size:3.8vw;outline:none;background-color:#ffffff00;padding-right:8vw;}
.sylist .syitem{width:100%;height:20vw;display:flex;align-items:center;border-bottom:1px solid #eee;padding:1vw 0;position:relative;table-layout:fixed;}
.sylist .syitem .xz{width:8vw;text-align:center;}
.sylist .syitem .tp{width:25vw;height:18vw;display:flex;align-items:center;justify-content:center;border:1px solid #eee;}
.sylist .syitem .tp img{max-height:16vw;max-width:25vw;}
.sylist .syitem .sycon{width:60vw;height:20vw;padding-left:2vw;}
.sylist .syitem .sycon .mc{
    height:10vw;font-size:3.8vw;margin-top:1vw;
    text-overflow:ellipsis;overflow:hidden;word-break:break-all}
.sylist .syitem .sycon .je{height:7vw;display:flex;align-items:flex-end;color:red;}
.sybar{width:100%;height:12vw;position:absolute;left:0;bottom:0;display:flex;align-items:flex-end;}
.sybar .sybtn{width:100%;height:11vw;font-size:4vw;background-color:#E5E5E5;border:0;outline:none;}
.sybar .sybtn.qd{background-color:#3bb4f2;color:white;}
.xglist{width:100%;height:auto;padding:2vw;background-color:white;}
.xglist .xgitem{width:100%;display:flex;align-items:center;padding:1vw;border-bottom:1px solid #eee;}
.xglist .xgitem .spinfo{display:flex;}
.xglist .xgitem .spinfo .tp{width:18vw;height:18vw;display:flex;align-items:center;justify-content:center;}
.xglist .xgitem .spinfo .tp img{max-width:18vw;max-height:18vw;}
.xglist .xgitem .spinfo .xinfo{width:40vw;table-layout:fixed;padding-left:1vw;}
.xglist .xgitem .spinfo .xinfo .xmc{width:100%;height:10vw;font-size:4vw;font-weight:700;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.xglist .xgitem .spinfo .xinfo .xgg{width:100%;font-size:3.3vw;color:#ddd;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.xglist .xgitem .spinfo .xinfo .xsl{text-align:right;font-size:3.3vw;}
.xglist .xgitem .xje{width:15vw;}
.xglist .xgitem .xje p{text-align:center;}
.xglist .xgitem .xje input{width:15vw;font-size:4vw;border:1px solid #eee;line-height:6vw;outline:none;text-align:center;}
.xbar{width:100%;height:12vw;position:absolute;bottom:2vw;right:0;}
.xbar .btn{width:92vw;height:10vw;display:flex;justify-content:center;align-items:center;
    font-size:4.5vw;margin:1vw 4vw;border-radius:1vw;border:none;outline:none;
    background: linear-gradient(to right,#E67730,#FF4F00);color: #FFFFFF;}
.djptactive{
	background-color: burlywood;
}    
.layui-layer-btn .layui-layer-btn0 {
    background-image: linear-gradient(to right,#FF7700,#FF4900) !important;
    border: none;
}
.layui-m-layercont {padding:5vw !important;}
.mcd{background-color:#7e7e7e;padding:2vw 0;width: 80vw;z-index: 2222;position: absolute;top: 50vh;left: 10vw;}
.mcd .mitem{width:16vw;text-align:center;float:left;}
.mcd .mitem .ico{color:white;font-size:5vw;}
.mcd .mitem .m{color:white;font-size:3.5vw;margin-top:1vw;}