body {
    color: #4C4C4C;
    font-family:"微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
    margin:0 auto;
	position:relative;
	overflow-x: hidden;
    background: #F4F4F4;

      width: 100% !important;
}


    
.user-body{ font-family: "微软雅黑"; }
html{ overflow-x: hidden; }
.img-hide{ overflow:hidden; display: block; }

.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .div-img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{max-width:100%;display: inline-block;vertical-align: middle;}
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }

.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18rem; right: 15rem; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0rem;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0rem;}
.bar { position: relative; display: block; width: 24rem; height: 2rem; margin: 5rem auto; background-color: #141414; border-radius: 10rem; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8rem; }
.cross .bar{ margin:13rem auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15rem) rotate(-45deg);-ms-transform: translateY(15rem) rotate(-45deg); transform: translateY(15rem) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15rem) rotate(45deg); -ms-transform: translateY(-15rem) rotate(45deg); transform: translateY(-15rem) rotate(45deg);}


.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800rem; height: 54rem; background: #fff; padding-right: 115rem; margin-left: -400rem; z-index: 1000010; }
.search-box-c .form-control{ height: 54rem; border-radius: 0; font-size: 18rem; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #9a0813; top: 0; width: 115rem; height: 54rem;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}




.head1{
	width: 100%;
	height: .805rem;
	/*background-color: rgb(239 228 228);*/
	background-color: #152137;
	display: flex;
	align-items: center;
	/*justify-content: center;*/
	color: #fff;
}

.head2 {
	display: flex;
}

.head2 img {
    width: .4rem;
    margin-left: .5rem;
}

.head1_text {
	font-weight: 600;
	font-size: .24rem;
	margin-left: .2rem;
}

.leftfix {
	float: left;
}
.rightfix {
	float: right;
}
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}

.content {
	/*padding: 0 11%;*/
	/*padding-top: .3rem;*/
	display: flex;
	background-color: #F4F4F4;
}

.content_nav {
	width: 11%;
    min-width: 1.53rem;

	/*height: 5rem;*/
    border-radius: 0.2rem;
    background-color: #fff;
    margin: .3rem;
	margin-right: .15rem;
}

.nav_li {
    width: 100%;
    height: .63rem;
	font-size: .21rem;
    background: inherit;
    /*border-radius: 0rem;*/
    /*background-color: #F2F2F2;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .15rem 0;
    border-radius: .2rem 0 0 0;
}

.nav_active {
    font-weight: 700;
    background-color: #E9F3FD;
    color: #669DF3;
    border-right: .05rem solid #479CF3;

}

.nav_1 {
	display: block;
}

.nav_2 {
	display: none;
}

.content_modal {
	width: 89%;
	/*height: 9.9rem;*/
	/*background-color: rgb(235 239 234);*/
	background-color: #fff;
		display: flex;
	flex-direction: column;
	/*height: 11rem;*/
	/*height: calc(100vh);*/
    height: calc(100vh - 1.65rem);
	margin: .3rem;
	margin-left: .15rem;
	border-radius: .2rem;
}



.refund_modal{
	/*margin: 0 .8rem;*/
	margin-right: 0;
	margin-bottom: .9rem;
	overflow-y: scroll;
	padding-left: .8rem;
}

.item_li {
	color: #4C4C4C;
	font-size: .2rem;
	display: flex;
	margin: .5rem 0;
}
.u_c {
	color: #AFAFAF;
}
.pay_img {
	margin-top: .1rem;
}

.item_title {
	width: 2rem;
}
.u9_input {
	width: 3.7rem;
	height: .5rem;
	margin-right: .3rem;
	padding-left: .1rem;
	border-radius: .08rem;
	/*border-color: #BEBEBE;*/
	border: .03rem solid #BEBEBE;
}
.u9_input:hover{
	border-color: #479CF3;
}

.paytype_m {
	height: .6rem;
}
.paytype_b:hover {
	cursor: pointer;
}

.paytype_b {
	border: .03rem solid #BEBEBE;
    width: 3.55rem;
    height: .46rem;
    line-height: .46rem;
}
.paytype_t{
position: relative;
    top: .3rem;
    left: -.6rem;
}
.paytype_t::after {
    content: "";
    width: 0;
    height: 0;
    border-left: .06rem solid transparent;
    border-right: .06rem solid transparent;
    border-top: .08rem solid #666;
    transition: transform 0.3s;
}
.paytype_t2{
position: relative;
    top: 0;
    left: -.6rem;
}
.paytype_t2::after {
    content: "";
    width: 0;
    height: 0;
    border-left: .06rem solid transparent;
    border-right: .06rem solid transparent;
    border-bottom: .08rem solid #666;
    transition: transform 0.3s;
}
/*.paytype_r {
    position: absolute;
    top: 4.6rem;
    left: 6.1rem;
}*/
.paytype_r {
	    position: relative;
    top: .55rem;
     left: -4.1rem;
    width: 3.65rem;
    height: 2.4rem;
    border: .041rem solid #E9F3FD;
    background: #fff;
    border-radius: 0.1rem;
    z-index: 1;
	background: #E9F3FD;

}
.paytype_r li{
    margin: .091rem 0;
    padding-left: .1rem;
}
.paytype_r li:hover{
	cursor: pointer;
	color: #fff;
	background-color: #479CF3;
}
.paytype_yl {
	height: 1.3rem;
}



.buytype_b:hover {
	cursor: pointer;
}


.buytype_b {
	border: .03rem solid #BEBEBE;
    width: 3.55rem;
    height: .46rem;
    line-height: .46rem;
}
.buytype_t{
position: relative;
    top: .3rem;
    left: -.6rem;
}
.buytype_t::after {
    content: "";
    width: 0;
    height: 0;
    border-left: .06rem solid transparent;
    border-right: .06rem solid transparent;
    border-top: .08rem solid #666;
    transition: transform 0.3s;
}
.buytype_t2{
position: relative;
    top: 0;
    left: -.6rem;
}
.buytype_t2::after {
    content: "";
    width: 0;
    height: 0;
    border-left: .06rem solid transparent;
    border-right: .06rem solid transparent;
    border-bottom: .08rem solid #666;
    transition: transform 0.3s;
}
/*.buytype_r {
    position: absolute;
    top: 4.6rem;
    left: 6.1rem;
}*/
.buytype_r {
	    position: relative;
    top: .55rem;
    left: -4.1rem;
    width: 3.65rem;
    height: .84rem;
    border: .041rem solid #E9F3FD;
    background: #fff;
    border-radius: 0.1rem;
    z-index: 1;
	background: #E9F3FD;

}
.buytype_r li{
    margin: .091rem 0;
    padding-left: .1rem;
}
.buytype_r li:hover{
	cursor: pointer;
	color: #fff;
	background-color: #479CF3;
}


.refund_money_m{
	width: .25rem;
    height: .3rem;
}
.refund_money_t {
	display: none;
	position: relative;
    width: 3.4rem;
    top: -1.57rem;
    left: -1.5rem;
    background: #F4F4F4;
    font-size: .18rem;
    padding: .1rem;
    border-radius: .1rem;
}

.img_c {
	margin-top: .3rem;
	padding: .1rem .5rem;
	font-size: .2rem;
}

.agree_q {
	display: flex;
}

.is_agree {
	width: .3rem;
	height: .3rem;
	margin-right: .1rem;
}


.order_img {
	background-color: #479CF3;
	border: #479CF3;
	color: #fff;
	font-size: .2rem;
	    font-size: .2rem;
    width: 1.3rem;
    border-radius: .05rem;

}
#u18_text{
	color: #AFAFAF;
}
.refund_price {
	/*margin-top: .8rem;*/
	height: 1.1rem;
	background-color: #E9F3FD;
	display: flex;
	justify-content: space-between;
	position: fixed;
	bottom: 0.5rem;
	width: 16.3rem;
    border-radius: 0 0 0.2rem 0.2rem;
}

.refund_money {
	display: flex;
	align-items: center;
	font-size: .21rem;
	margin-left: .8rem;
}
.refund_ml {
	display: flex;
	align-items: center;
}

.refund_tip {
	display: none;
	margin-left: .3rem;
    font-size: 0.21rem;
    color: red;
}

.round_i {
	    font: normal normal normal .3rem / 1 FontAwesome !important;
}

.round_m {
	margin: 0 .1rem;
	font-size: .21rem;
	margin-right: 0;
}

.refund_btn {
	width: 3rem;
	color: #fff;
	background-color: #479CF3;
	font-size: .22rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 0 0.2rem 0;
}

.refund_btn_c {
}












   
      

        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(.05rem);
            display: none;
            z-index: 1000;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .modal-container {
            position: fixed;
            top: 5rem;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            border-radius: .12rem;
            box-shadow: 0 .10rm .25rm rgba(0, 0, 0, 0.2);
            width: 13rem;
            /*max-width: 5rem;*/
            /*max-height: 90%;*/
            /*overflow-y: auto;*/
            z-index: 1001;
            display: none;
            opacity: 0;
            transition: all 0.3s ease;
        }
        
        .modal-content {
            padding: .5rem;
            font-size: .22rem;
            padding-left: 1rem;
            padding-bottom: 1rem;
		    height: 6rem;
		    overflow-y: scroll;
        }
        
        .modal-title {
            font-size: .34rem;
            font-weight: 600;
            color: #333;
        }

        .modal_title2 {
        	display: flex;
        	justify-content: center;
        	margin-bottom: .2rem;
        }
        
        .modal-close {
            position: absolute;
            top: .55rem;
            right: .65rem;
            width: .30rem;
            height: .30rem;
            border: none;
            background: transparent;
            cursor: pointer;
            font-size: .5rem;
            color: #666;
            transition: color 0.2s;
        }
        
        .modal-close:hover {
            color: #333;
        }

		.modal-active {
            display: block;
            opacity: 1;
        }


        .modal-content img {
        	width: 5rem;
        	margin: .5rem .3rem;
        }









        .img_data {
        	display: flex;
        	/*flex-direction: row-reverse;*/
        	/*margin-left: .3rem;*/
        }
        .img_data2 {
        	display: flex;
        }

        .payimg_c {

		    padding: .3rem;
		    font-size: .4rem;
		    color: #000;
		    border: .03rem solid #BEBEBE;
		    border-radius: .2rem;

		    width: 1rem;
		    height: 1rem;
		    display: flex;
		    justify-content: center;
		    align-items: center;
        }
        .payimg_c2 {
        	display: flex;
		    justify-content: center;
		    align-items: center;
		    border-radius: .2rem;
	        margin-right: .2rem;
        }
        .payimg_c2:hover {
        	cursor: pointer;
        }
        .payimg_c2 img{
        	width: 1.654rem;
		    height: 1.654rem;
		    border-radius: .2rem;
        }

        .img_close_btn2{
		    border: .02rem solid #fff;
		    border-radius: .3rem;
		    background: #fff;
		    height: .28rem;
		    display: flex;		;
		    justify-content: center;
		    align-items: center;
		    position: relative;
		    top: -.65rem;
		    left: -.43rem;
		    transform: rotate(43deg);
		    font-size: .44rem;
		    margin-left: .1rem;
		    color: #000;
		}



		.img_close_btn2:hover{
			cursor: pointer;
		}


        .modal-content0 {
            padding: .5rem;
            font-size: .25rem;
            /*padding-left: 1rem;*/
            padding-bottom: 1rem;
		    height: 6rem;
		    display: flex;
		    flex-direction: column;
		    justify-content: space-evenly;
        }

        .modal_title0 {
        	display: flex;
        	justify-content: center;
        	margin-bottom: .1rem;
        	font-weight: 600;
        }
        .modal_title0 .modal_title{
        	font-size: .35rem;
        }
        
        .agree_c {
        	display: flex;
        	justify-content: center;
        	margin-top: .4rem;
        }
        .agree_btn {
        	color: #fff;
        	background-color: #479CF3;
        	/*border-color: #479CF3;*/
        	padding: .2rem .5rem;
        	border-radius: .1rem;
        	border: .02rem solid #479cf3;
        }


        .modal_2 {
        	width: 7rem;
        	height: 3rem;
        	padding-bottom: .7rem;
        }
        .modal-content2 {
            padding: .5rem;
            font-size: .22rem;
		    height: 3rem;
        }

        .cancel_btn {
        	background-color: #999999;
        	border-color: #999999;
        	margin-right: 1.2rem;
        }

        .modal-title2 {
        	font-size: .34rem;
            color: #333;
        }

        .agree_c2 {
        	margin: .7rem 0;
		}


		.refund_rule {
			color: #479CF3;
			
		}

		.modal_3 {
			width: 17rem;
		}

		.modal-content3 {
			padding: .5rem;
            font-size: .22rem;
            padding-left: 1rem;
            padding-bottom: 1rem;
		    height: 7rem;
		}

		.rule_c {
			display: flex;
		    flex-direction: column;
		    justify-content: space-evenly;
		}

		.r_c {
			margin: .1rem 0;
		}

		.modal-close3 {
			 position: absolute;
            top: .55rem;
            right: .65rem;
            width: .30rem;
            height: .30rem;
            border: none;
            background: transparent;
            cursor: pointer;
            font-size: .7rem;
            color: #666;
            transition: color 0.2s;
		}

		.agree_btn, .order_img, .refund_btn, .refund_rule, :hover {
			cursor: pointer;
		}



		.info1 {
			display: flex;
			/*display: none;*/
		}
		.info2 {
			display: none;
		}
		.info3 {
			display: none;
		}

		.refund_l {
			/*display: none;*/
		}
		.query_res {
			display: none;
		}
		.info4 {
			display: none;
		}

		.loading_c {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding-top: 1rem;
			font-size: .22rem;
		}
		.loading_c img {
			width: 1.5rem;
		}
		.loading_t {
			font-size: .27rem;
		}
		.loading_s {
			margin: .3rem 0;
		}
		.loading_q {
			margin: .7rem 0;
	   		padding: .2rem .3rem
		}

		.query_btn {
			padding: .1rem .3rem
		}

		.query_c{
			height: 7.2rem;
			margin: .4rem .8rem;
		    margin-bottom: 0;
		}

		.query_li {
			font-size: .2rem;
    		display: flex;
    		margin: .5rem 0;
    		align-items: center;
		}



		


		.refund_l  {
			/*padding: 0.3rem ;*/
			/*height: 5rem;*/
			/*overflow-y: scroll;*/

		}
		.refund_t {
			width: 15rem;
			font-size: .22rem;
			
		}
		

		.refund_t {
			/*border: .1rem solid rgb(235 239 234);*/
		}
		.refund_t thead tr {
			height: .6rem;
			margin: .1rem 0;
		}
		.refund_t thead,tbody tr {
			background-color: #fff;
		}
		.refund_t tbody tr {
			height: 1.2rem;
			margin: .1rem 0;
		}

		.refund_d {

			border-bottom: .2rem solid rgb(235 239 234);
		}
		.refund_r {
			/*height: .8rem;*/
			border-bottom: .1rem solid rgb(235 239 234);
		}
		tr {
			text-align: center;
		}
		.refund_t tbody tr {
			word-wrap: break-word; 
  			white-space: normal; 
		}		
		.refund_ti {
			width: 1.7rem;
		}

		.refund_td0 {
			padding-left: .1rem;
		}

		.refund_td_1 {
			padding-right: .1rem;
		}

		.refund_b {
			/*display: block;*/
			/*width: 12rem;*/
			/*height: 5rem;*/
			/*overflow: auto;*/
		}


		.refund_t td {
			font-size: .2rem;
		}


						table {
                          border-collapse: collapse;
                          position: relative;
                            width: auto;
                            margin: 0;
                            overflow: auto;
                        }
                         
                        thead {
                          position: sticky;
                          top: 0; 
                          background-color: white; 
                          z-index: 1; 
                        }
                         
                        th, td {
                          /*border: 1px solid #ddd; */
                          /*padding: 8px; */
                        }

                        .refund_l {
                            position: relative;
                            overflow: auto;
                            /*margin-right: -1px;*/
                            /*margin-bottom: -1px;*/
                            height:  5rem;
                        }


    .r_click {
    	color: #169BD5;
    }

    .r_click:hover {
    	cursor: pointer;
    }

    .check_ {
    	color: #fff;
    	border-radius: .1rem;
    	/*width: .4rem;*/
    	display: block;
    }

    .check0 {
    	background-color: #169BD5;
    }

    .check1 {
    	background-color: #D51644;
    }

    .check2 {
    	background-color: #8E94A0;
    }


    .pay_img_show img {
		width: 5rem;
    	margin: .5rem .3rem;
    }
   


    .query_d {
	    margin: .4rem .5rem;
	    margin-right: 0;
	    /*margin-bottom: 0;*/
	    margin-top: 0;
    }

    .item_title1 {
    	width: 7rem;
    	margin-left: .3rem;
    }

    .item_title_r {
    	color: red;
    }

    .check_2 {
    	color: #fff;
    	border-radius: .1rem;
    	width: .7rem;
    	display: block;
    	padding: 0 .1rem;
    }


    .real_l {
    	margin-left: .4rem;
    }



.refund_result {
	font-size: .36rem;

}

.d_ss1 {
	display: block;
}
.d_ss2 {
	display: none;
}

.list_s1 {
	display: block;
}
.list_s2 {
	display: none;
}



.show_msg_modal {
  display: flex;
    justify-content: center;
    align-items: center;

}
.show_msg_tip {
    color: #fff;
    margin-top: .45rem;
    position: fixed;
    top: 5.16rem;
    width: 1.04rem;
    height: .22rem;
    line-height: .22rem;
    background: #b3b3b3;
    padding: .02rem .05rem;
    font-size: .13rem;
    border-radius: .10rem;
    background-color: rgba(0, 0, 0, 0.5);
}


.img_show {
	margin-top: -.6rem;
}
.img_info {
	display: flex;
}
.img_w {
    width: 2rem;
    height: 2rem;
}
.img_close_btn{
	transform: rotate(19deg);
	font-size: .44rem;
    margin-left: .1rem;
    font-weight: 600;
}

.img_close_btn:hover{
	cursor: pointer;
}

.query_return{
    margin-top: .3rem;
    margin-left: .5rem;
    /*font-size: .18rem;*/

        font-size: .32rem;
    color: #4c4c4c;
    font-weight: 600;
}
.query_detail {
	color: #bbb8b8;
	font-size: .28rem;
}

.img2_f {
	display: flex;
}

.font34 {
	font-size: .34rem;
}


.query_return2 {
	margin-top: .3rem;
    font-size: .32rem;
    color: #4c4c4c;
    font-weight: 600;
}

.query_return3{
	margin-left: .5rem;
}