.text-danger{color: #f00}
.text-primary{color: #1e9fff}

.btn-danger{background-color: #ff5722 !important;}
.btn-warning{background-color: #ffb800 !important;}
.btn-success{background-color: #16b777 !important;}
.btn-gray{background-color: #e2e2e2 !important;}



.vv_info {
				padding: 10px;
				padding-bottom: 50px;
			}

			input[type="checkbox"] {
				transform: scale(1.2);
				/* 调整数字来改变大小 */
				vertical-align: middle;
			}

			.top_info {
				color: #333333;
				background: #fff;
    border-radius: 5px;
    padding: 10px;
			}

			.t_top_1 {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.t_title {
				font-size: 16px;
			}

			.t_date {
				font-size: 12px;
				margin-top: 10px;
			}

			.t_price {
				font-size: 22px;
				margin-top: 10px;
			}

			.t_tip {
				font-size: 12px;
				margin-top: 10px;
			}

.apply_list{
	background: #fff;
    padding: 10px;
    margin-top: 10px;
}

			.date_choose {
				position: relative;
				width: 100%;
				height: 32px;
				margin-top: 10px;
			}

			.date_choose>input {
				width: 100%;
				height: 32px;
				line-height: 32px;
				outline: none;
				border: 1px solid #cccccc;
				padding-left: 10px;
				border-radius: 3px;
			}

			.date_choose>img {
				position: absolute;
				right: 0px;
				top: 14px;
			}

			.apply_top {
				display: flex;
				justify-content: space-between;
				    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
				color: #333333;
				align-items: center;
			}

			.apply_left {
				font-size: 14px; font-weight: bold;
	 		}

			.apply_left>span {
				font-size: 15px;
				margin-left: 10px;
			}

			.apply_rigth {
				flex-shrink: 0;
				border: 1px solid #dedede;
				/* color: #ffffff; */
				height: 28px;
				border-radius: 3px;
				line-height: 28px;
				width: 75px;
				text-align: center;
				margin-left: 8px;
			}

			.p_item {
				padding: 10px 0; height: 55px;
			}
			.p_name{font-weight: bold;}

			.p_item_l{    line-height: 55px;float: left; margin-right: 10px}
			.p_item_l span{color: #f00}

			.p_item_c{ float: left; line-height: 25px}
			.p_check_item{float: left;}
			.p_item_c h5{font-size: 14px !important; color: #000; font-weight: bold;}
			.p_item_c span{color: #666; font-weight:normal; padding-left: 15px}

			.p_item_r{width: 20px; float: right;    line-height: 55px;}
			.p_item_r span{color: #0498E2}

			.order_info_t{width: 100px}

			.p_item_top {
				display: flex;
				justify-content: space-between;
				align-items: center;

			}

			.p_btn {
				flex-shrink: 0;
/*				border: 1px solid #dedede;*/
				/* color: #ffffff; */
				height: 25px;
/*				border-radius: 3px;*/
				line-height: 25px;
/*				width: 70px;*/
/*				text-align: center;*/
/*				margin-left: 8px;*/
			}

			.p_check_list {
				display: flex;
				flex-wrap: wrap;
			}

			.p_check_item {
				margin-right: 10px;
			}

			.add_penson {
				font-size: 14px; 
				text-align: center;
				color: #0075ff; background-color: #f1f1f1; color: #0498E2;
				margin-top: 10px; padding: 8px 0; border-radius: 5px;
			}

			/* 底部按钮 */
			.footer_btn {
				position: fixed;
				bottom: 0;
				display: flex;
				justify-content: space-between;
				width: 100%;
				color: #333333;
				background-color: #ffffff;
				z-index: 99;
			}

			.f_btn {
				height: 45px;
				line-height: 45px;
				border: 1px solid #dedede;
				width: 150px;
				text-align: center;
			}

			.f_btn1 {
				height: 45px;
				line-height: 45px;
				border: 1px solid #dedede;
				flex: 1;
				text-align: center;
			}

			.order-content {
/*				height: 490px !important;*/
				position: relative;
				padding: 10px 0;
			}
			.pay-content{
				height: 150px !important;
				display: none;
				z-index: 999;
			}
			.tipDate {
/*				display: none;*/
			}

			.tipClose {
				text-align: center !important;
				/* font-weight: bold; */
				position: relative;
			}

			.o_title {
				font-size: 15px;
			}

			.o_close {
				position: absolute;
				right: 0;
				top: 0;
			}

			.order_info {
				font-size: 14px;
				margin-bottom: 5px;
				border-bottom: 1px solid #eeeeee;
				display: flex;
				justify-content: space-between;
				padding: 7px 10px;

			}
			.taypayway{
				display: flex;
				align-items: center;
			}
			.taypayway>img {
				height: 20px;
			}
			.order_bottom{
				height: 40px;
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.order_note_s{
				height: 400px;
				overflow-y: auto;
			}
			.o_b_btn{
				width: 100px;
				text-align: center;
				height: 35px;
				line-height: 35px;
				background-color: #aaaaaa;
				color: #ffffff;
				border-radius: 5px;
			}
			.o_b_btn1{
				background-color:#0498e2 ;
			}
			.o_b_price{
				font-size: 16px;
				color: #ff0000; line-height: 35px;
			}
			.notice_list {
				box-sizing: border-box;
				height: 35px;
				overflow: hidden;
				padding: 8px 10px 8px 35px;
				/* border: 1px solid #dedede; */
				border-radius: 5px;
				margin: 5px 10px;
				background-color: #ffffff;
			}

			.notice_list .notice_icon>img {
				position: absolute;
				width: 20px;
				height: 20px;
				left: 20px;

			}

			.notice_list .swiper-slide {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.menber_info{
				padding-bottom: 60px;
			}
			.m_info{
				margin: 10px;
				background-color: #ffffff;
				border-radius: 5px;
				padding: 10px;
				
			}
			.m_btn_list{
				display: flex;
				justify-content:space-between;
			}
			.m_btn_item{
				width: 47%;
				background-color: #edf7ff;
				color: #0498e2;
				height: 35px;
				line-height: 35px;
				text-align: center;
				font-weight: bold;
				border-radius: 5px;
			}
			.m_item{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 10px 0;
			}
			.m_left{
				display: flex;
				align-items: center;
			}
			.m_icon img{
				width: 16px;
				height: 16px;
				vertical-align: middle;
			}
			.m_center{
				margin-left: 10px;
			}
			.m_name{
				
				color: #333333;
				font-size: 14px;
			}
			.m_c_imfo{
				display: flex;
				align-items: center;
			}
			.m_date{
				color: #999999;
				font-size: 12px;
				margin-top: 2px;
			}
			.m_rigth input{
				transform:scale(1.2);
				vertical-align: middle;
			}
			/* 底部按钮 */
			.footer_btn {
				position: fixed;
				bottom: 0;
				color: #333333;
				background-color: #ffffff;
				z-index: 99;
/*				padding: 10px;*/
				width: 100%;
				box-sizing: border-box;
			}
			.f_btn {
				/*height: 40px;
				line-height: 40px;
				background-color: #0498e2;
				text-align: center;
				color: #ffffff;
				border-radius: 5px;*/
			}
			.m_delete{
				color: #ff0000;
				margin-left: 10px;
				display: none;
			}

			.add_info{
				padding: 10px;
			}
			.add_title{
				font-size: 15px;
				color: #333333;
			}
			.add_input{
				margin-top: 10px;
			}
			.add_input input{
				border: 1px solid #cccccc;
				outline: none;
				width: 100%;
				height: 40px;
				line-height: 40px;
				border-radius: 3px;
				padding: 0 10px;
				box-sizing: border-box;
				font-size: 14px;
			}
			.upload_list{
				display: flex;
				justify-content: space-between;
				margin-top: 20px;
			}
			.upload_item{
				width: 48%;
				height: 130px;
				border: 1px solid #cccccc;
			}
			#upload1,#u_passport_img{
				display: none;
			}
			.up_label{
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				background-color: #000;
    			opacity: 0.5;
			}
			.up_label>img{
				width: 40px;
				height: 40px;
			}
			.up_title{
				text-align: center;
				margin-top: 10px;
				color: #999999;
			}
			.add_btn{
				background-color: #0498e2;
				height: 42px;
				line-height: 42px;
				text-align: center;
				font-size: 16px;
				color: #ffffff;
				margin-top: 20px;
				border-radius: 5px;
			}
			.auto_note{
/*				margin-top: 20px;*/ padding: 10px; font-size: 16px;
				width: 100%;
				height: 150px;
				overflow-y: auto;
				border: 1px solid #cccccc;
			}
.frambox{width: 100%;  height: 6rem}
.frambox_a{ border-radius: 5px; text-align: center; padding: 10px; margin-bottom: 10px; background-color: #fff; position: relative;}
.frambox .frambox_a{width: 49%; float: left; margin-right: 2%}
/*.frambox .frambox_a:last-child{margin-right: 0}*/
.frambox .frambox_a:nth-child(even){margin-right: 0}
.frambox_a .icon-bianji{position: absolute;
	    width: 18px; height: 18px;
	    font-size: 14px;
        position: absolute;
    z-index: 9999;
    background: #f1f1f1;
    right: 33px;
    color: #999;}

/*.frambox{ padding: .46rem .3rem 0 .3rem;}*/
.frambox h2{ font-size: .36rem; line-height: .5rem; color: #171819;}
.frambox .font_box{ display: block; margin: .2rem 0 0 0; }
.frambox .font_box .m-grids-2:before{ display: none;}
.frambox .font_box .m-grids-2 .grids-item:not(:nth-child(2n)):before{display: none;}
.frambox .font_box .grids-icon img{ width:100%; height: 2.5rem;}
.frambox .font_box .grids-icon{ height: 2.5rem;}
.frambox .font_box .grids-txt{ color:#BEBEBE ; font-size: .26rem; margin:.3rem 0px;}
.frambox .font_box .m-grids-2{background:none !important;}

.frambox .list_box{display: block; margin: .2rem 0 0 0; border-radius: .14rem; background: #FFFFFF; box-shadow: 0 4px 16px rgba(219, 224, 230, .4);}
.frambox .list_box .cell-item{ display: block;}
.frambox .list_box .cell-left {
    color: #9B9B9B;
    font-size: .28rem;
    white-space: nowrap;
    display:block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	padding-top: .3rem;
}
.frambox .list_box .m-cell{ background: none;}
.frambox .list_box .cell-input{
    -webkit-box-flex: 1;
    height: .5rem;
    border: none;
    font-size: .3rem;
}
.frambox .list_box .cell-right {
	min-height: .5rem;
	padding-bottom: .3rem;
}
.frambox .m-cell{ margin-bottom: 0;}
.frambox .m-cell:after{display: none;}
.frambox .list_box .cell-right .cell-input{color: #171819;}
.btn_mian{ display: block; padding: .42rem .3rem; }
.btn_mian a{ display: block;}

.frambox .list_box_t{ display: block; margin: .2rem 0 0 0; border-radius: .14rem; background: #FFFFFF; box-shadow: 0 4px 16px rgba(219, 224, 230, .4); }
.frambox .list_box_t .m-cell{ background: none;}
.frambox .list_box_t .m-cell a{ background: none;}
.m-grids-2 .grids-item {
    width: 49% !important;
    background: #fff;    padding:0 !important;
}

.select_c {
				width: 100%;
				height: 32px;
				line-height: 32px;
				outline: none;
				border: 1px solid #cccccc;
				padding-left: 10px;
				border-radius: 3px;
/*				color: #777777;*/
			}

			.select_c option {
				color: #333333;
			}


.order_sn{height: 25px; line-height: 25px}
.order_sn div{padding: 0px 15px; border-radius: 5px; color: #fff}


.tab3{
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}
.tab3 ul{
    position: absolute;
    height: 80px;
    left: 0px;
    right: 0px;
    list-style: none;
    font-size: 0;
    white-space: nowrap;
    overflow-x:scroll;
    float:left;
    overflow-y:hidden;
    display: inline;
}
.tab3 ul li{
    min-width: 67px;
    width: 22%;
    font-size: 13px;
    height: 80px;
    /*line-height: 30px;*/
    text-align: center;
    color: #666666;
    display:inline-block;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden;
    word-wrap:break-word;
    word-break:break-all;
}
.tab3 ul li img{
    display: block;
    margin: 10px auto 4px;
    height: 40px;
    width: 40px;
}
.tab3 ul .active a{
    color: #0498E2;
    /*background-color: #0498E2;*/
}