* {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

img {
	vertical-align: top;
}

a {
	text-decoration: none;
}

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

.cl {
	zoom: 1;
}

/*外部样式*/
<link rel="stylesheet" href="../css/ .css">

/*初始化*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
input {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

a:focus {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

a {
	text-decoration: none;
}

img {
	vertical-align: top;
	border: 0;
}

html,
body {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #333;
	height: 100vh;
}

body {
	width: 100vw;
	background-color: #FCF9F2;
	overflow-y: scroll;
	overflow-x: hidden;
}

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

.cl {
	zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}



.x-p1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.articleList_item_content p img{
    width: 100%!important;
    object-fit: cover;
    height: auto;}

.x-p2 {
	/*display: -webkit-box;*/
	/*-webkit-box-orient: vertical;*/
	/*-webkit-line-clamp: 2!important;*/
	/*overflow: hidden;*/
}

.x-p3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.x-p5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.modal-content {
	background: #FDF5E6;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
	/* border-radius: 10px; */
	border: 1px solid #D0AD9A;
}
    .articleList .articleList_item_content p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.zanweifu {
	height: 80px;
}

.logBox li input {
	border: 0;
	outline: none;
}
/*.footer{*/
/*	position: fixed;*/
/*	bottom: 0;*/
/*}*/

.cut-cert-btn {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  
}
.cut-cert-btn .cut-cert-btn-content {
    width: 68px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
  }
 .cut-cert-btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 32px;
    opacity: 0;
    cursor: pointer;
  }



#editUserdata .modal-content{
    top: 20vh;
}
@media only screen and (min-width: 1200px) {
    .imgBox{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 15px;
	}
	.imgBoxItem{
		position: relative;
		width: 100px;
		height: 100px;
		overflow: hidden;
		margin-right: 10px;
		margin-bottom: 10px;
		border: 1px solid #dadee3;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.imgBoxItem_img{
		max-width: 100px;
		max-height: 100px;
	}
	
	.img_content{
	    display: flex;
	    flex-wrap: wrap;
	    margin-bottom: 3vw;
	}
	.img_content_item{
	    max-width: 1140px;
	    height: auto;
	    margin-top: 3vw;
	}
	
	.delateIcon{
		position: absolute;
		right: 0;
		top: 0;
		width: 15px;
		height: 15px;
	}
    /*分享弹窗*/
    .modal-dialog {
		margin: 10vh auto;
	}
	.classType_item_box .modal-dialog {
		margin: 30vh auto;
	}
    
    /*收藏按钮*/
    .collectBox{
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    position: absolute;
	    right: 30px;
	    top: 30px;
	    z-index: 99;
	    cursor: pointer;
	}
	.collectBox img{
	    width: 30px;
	    height: 30px;
	}
	.collectBox p{
        font-weight: 400;
        font-size: 14px;
        color: #333333;
	}
    
    
    /*后端分页*/
    .pagination{
        width: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pagination li{
        padding: 10px!important;
        background: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #DDDDDD;
        margin: 0 5px;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        cursor: pointer;
    }
    .pagination li.active{
        color: #965104!important;
        background: #FDF5E6!important;
        border: 1px solid #D0AD9A!important;
    }
    .pagination a{
        font-size: 14px;
        color: #333333;
        cursor: pointer;
    }
    
    /*分页*/
    .pagesList{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .previousPage,.nextPage,.pagesItem>span{
        padding: 6px 10px;
        background: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #DDDDDD;
        margin: 0 5px;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        cursor: pointer;
    }
    .pagesItem{
        
    }
    .previousPage:hover,.nextPage:hover,.pagesItem>span:hover{
        color: #965104;
        background: #FDF5E6;
        border: 1px solid #D0AD9A;
    }
    .pageActive{
        color: #965104!important;
        background: #FDF5E6!important;
        border: 1px solid #D0AD9A!important;
    }
    
	.m-btn {
		background-image: url('../img/button-back.png');
		background-size: 100% 100%;
		width: 146px;
		height: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: 600;
		color: #F8DD91;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
		margin-right: 40px;
		cursor: pointer;
	}

	/* 修改资料弹窗 */
	.modal-title {
		width: 100%;
		text-align: center;
		font-weight: 600;
		font-size: 22px;
		color: #333333;
	}

	.modal-content {
		width: 400px;
		background: #FDF5E6;
		border-radius: 10px;
		border: 1px solid #D0AD9A;
	}

	.modal-header {
		justify-content: center;
	}

	.modal-userBox {
		padding: 30px 30px 0 30px;
		flex: none;
	}
	

	.modal-userBox li {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}

	.modal-userBox li p {
		width: 80px;
		font-weight: 400;
		font-size: 16px;
		color: #333333;
		text-align: right;
	}

	.modal-userBox li img {
		border-radius: 50%;
		width: 80px;
		height: 80px;
	}

	.modal-userBox li input {
		width: 240px;
		height: 31px;
		background: #FFFFFF;
		border-radius: 5px 5px 5px 5px;
		border: 0;
		padding-left: 10px;
	}
	#city_4 {
	    width: 240px;
	}
	.modal-userBox li input::-webkit-inner-spin-button,
    .modal-userBox li input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        /*margin: 0;*/
    }
     
    /* 兼容Firefox */
    .modal-userBox li input[type=number] {
        -moz-appearance: textfield;
    }
	

	.editBtn,.editBtn1 {
		width: 116px;
		height: 35px;
		margin: 0 auto 30px;
	}

	/* 在线风水流年盘弹窗 */
	#fengshuiModal .modal-content {
		width: fit-content;
	}

	.fengshuiModleBox {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.fengshuiModleBox p {
		font-weight: 600;
		font-size: 22px;
		color: #333333;
	}

	.fengshuiModleBox img {
		width: 677px;
		height: 700px;
		margin: 30px;
	}

	/* 在线梅花排盘弹窗 */
	#collatingModal .modal-content {
		width: fit-content;
	}

	.collatingModleBox {
		display: flex;
		flex-direction: column;
		width: 364px;
		margin: 30px;
	}

	.collatingModleBox p {
		width: 364px;
		font-weight: 400;
		font-size: 16px;
		color: #333333;
		line-height: 19px;
		margin-bottom: 20px;
	}

	.collatingModleBoxTime {
		padding-bottom: 30px;
		border-bottom: 1px dashed #F2D2B5;
	}

	.collatingTable {
		width: 364px;
		height: 166px;
		background: #FFFCF5;
		border: 1px solid #D0AD9A;
		overflow: hidden;
		margin-bottom: 30px;
	}

	.collatingTableTitle {
		background: #975305;
	}

	.collatingTableTitle li {
		font-weight: 400;
		font-size: 16px;
		color: #FFFFFF;
		background-color: #975305 !important;

	}

	.collatingTable div {
		display: flex;
		align-items: center;
		width: 364px;
		height: 41px;
		border-top: 1px dashed #F2D2B5;
	}

	.collatingTable div:first-child {
		border-top: 0;
	}

	.collatingTable div li {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.collatingTable div img {
		width: 26px;
		height: 26px;
	}

	.collatingTable div li:nth-child(1) {
		width: 106px;
	}

	.collatingTable div li:nth-child(2),
	.collatingTable div li:nth-child(3),
	.collatingTable div li:nth-child(4),
	.collatingTable div li:nth-child(5),
	.collatingTable div li:nth-child(6) {
		width: 51px;

	}

	.collatingTable div li:nth-child(2n) {
		background-color: #FDF5E6;
	}

	/* 登录弹窗 */
	.loginModleBox {}

	#loginMdle .modal-dialog {
		margin: 20vh auto;
	}

	#loginMdle .modal-content {
		background-color: #FFFFFF;
		width: 470px;
		height: 387px;
		background: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
	}

	.loginModleBox .topLogo {
		width: 232px;
		height: 62px;
		padding: 5px 19px;
		position: relative;
		top: -31px;
		left: 119px;
		background: linear-gradient(180deg, #FFF4D6 0%, #FFDC79 100%);
		box-shadow: 0px 4px 8px 0px rgba(248, 222, 149, 0.2);
		border-radius: 100px 100px 100px 100px;
	}

	.logTab {
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

	.logTab li {
		font-weight: 600;
		font-size: 18px;
		color: #666666;
		display: flex;
		flex-direction: column;
		align-items: center;
		cursor: pointer;
	}

	.logTab li .lines {
		width: 36px;
		height: 2px;
		background: #FFFFFF;
	}

	.logActive {
		color: #975305 !important;
	}

	.logActive .lines {
		background: #975305 !important;
	}

	.logBox {
		width: 350px;
		margin: 40px 60px 60px 60px;
	}

	.logBox li {
		padding: 10px 0;
		border-bottom: 1px solid #E5E5E5;
		margin-bottom: 30px;

	}

	.logBox li input {
		font-size: 16px;
	}

	.logBox li input::-webkit-input-placeholder {
		color: #CACACA;
	}

	/* 火狐 */
	.logBox li input:-moz-placeholder {
		color: #CACACA;
	}

	/*ie*/
	.logBox li input:-ms-input-placeholder {
		color: #CACACA;
	}

	.loginBtn {
		width: 350px;
		height: 48px;
		background: linear-gradient(135deg, #C67F2D 0%, #975305 100%);
		border-radius: 10px 10px 10px 10px;
		font-weight: 600;
		font-size: 18px;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ishident {
		display: none !important;
	}

	/* 资讯服务费弹窗 */
	#paymentMdle .modal-dialog {
		margin: 20vh auto;
	}

	#paymentMdle .modal-content {
		width: 380px;
		overflow: hidden;
	}

	#paymentMdle .modal-header {
		width: 380px;
		height: 95px;
		background: linear-gradient(180deg, #FFF4D6 0%, #FFDC79 100%);
		box-shadow: 0px 4px 8px 0px rgba(248, 222, 149, 0.2);
		display: flex;
		padding: 0;
		overflow: hidden;
	}

	#paymentMdle .modal-header div {
		display: flex;
		align-items: center;
		    flex-direction: column;
	}
	.TitleBoxs{
	    display: flex;
    flex-direction: column;
	}
	.TitleBoxs span{
	    color: #666;
    font-size: 12px;
	}
	.payTitleBox{
	        margin-left: 4rem;
	}
	.payTitle{    margin: 5px 0;}

	#paymentMdle .modal-header div p {
		font-weight: 600;
		font-size: 26px;
		color: #975305;
		/*margin-left: 20px;*/
	}

	#paymentMdle .modal-header div img {
		width: 95px;
		height: 95px;
		margin-left: 10px;
	}

	#paymentMdle .close {
		padding: 2rem 2rem;
	}

	#paymentMdle .payTitle1 {
		display: flex;
		align-items: center;
	}

	#paymentMdle .payTitle1 p {
		font-weight: 600 !important;
		font-size: 26px !important;
		color: #09BB07 !important;
		margin-left: 0 !important;
	}

	#paymentMdle .payTitle1 img {
		width: 39px !important;
		height: 39px !important;
		margin-right: 10px !important;
	}

	#paymentMdle .payTitle {}

	.paymentModleBox {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.paymentModleBox .price {
		font-weight: 400;
		font-size: 16px;
		color: #333333;
		line-height: 19px;
		display: flex;
		margin: 30px 0;
	}

	.paymentModleBox .price span {
		color: #EE3C14;
		font-size: 20px;
		font-weight: 600;
	}

	.paymentModleBox .erweima {
		width: 170px;
		height: 170px;
		border: 1px solid #09BB07;
		margin: 0 105px;
	}

	.paymentModleBox li {
		display: flex;
		align-items: center;
		margin: 15px 0 35px 0;
	}

	.paymentModleBox li img {
		width: 34px;
		height: 34px;
		margin-right: 10px;
	}

	.paymentModleBox li p {
		font-weight: 400;
		font-size: 18px;
		color: #333333;
	}
	.paymentModleBox div{
		margin: 40px;
	}
	.goodsText {
		width: 380px;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 16px;
		color: #666666;
		margin-top: 15px;
		text-align: center;
	}

	.studyBtn {
		margin: 80px 0;
	}
	
		.fw{
	font-size: 16px;
    margin-top: 20px;
	}
	
}

@media only screen and (max-width: 1200px) {
    .modal-backdrop {
      z-index: 8;
    }
    .modal-backdrop.in {
      z-index: 8 !important; /* 确保遮罩层在modal之上 */
    }
     
    .modal {
      z-index: 1050 !important; /* 确保modal在遮罩层之上 */
    }
    .imgBox{
		display: flex;
		align-items: center;
		margin-top: 1vw;
		flex-wrap: wrap;
	}
	.imgBoxItem{
		position: relative;
		width: 10vw;
		height: 10vw;
		overflow: hidden;
		margin-right: 1vw;
		margin-bottom: 1vw;
		border: 1px solid #dadee3;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.imgBoxItem_img{
		max-width: 10vw;
		max-height: 10vw;
	}
	
	.img_content{
	    display: flex;
	    flex-wrap: wrap;
	    margin-bottom: 3vw;
	}
	.img_content_item{
	    max-width: 90vw;
	    height: auto;
	    margin-top: 3vw;
	}
	
	
	.delateIcon{
		position: absolute;
		right: 0;
		top: 0;
		width: 1vw;
		height: 1vw;
	}
     /*分享弹窗*/
    .modal-dialog {
		margin: 20vh auto;
	}
    /*后端分页*/
    .pagination{
        width: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pagination li{
        padding: 6px 10px!important;
        background: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #DDDDDD;
        margin: 0 5px;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        cursor: pointer;
    }
    .pagination li.active{
        color: #965104!important;
        background: #FDF5E6!important;
        border: 1px solid #D0AD9A!important;
    }
    .pagination a{
        font-size: 14px;
        color: #333333;
        cursor: pointer;
    }
    
    /*分页*/
    .pagesList{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .previousPage,.nextPage,.pagesItem>span{
        padding: 6px 10px;
        background: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #DDDDDD;
        margin: 0 5px;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        cursor: pointer;
    }
    .pagesItem{
        
    }
    .previousPage:hover,.nextPage:hover,.pagesItem>span:hover{
        color: #965104;
        background: #FDF5E6;
        border: 1px solid #D0AD9A;
    }
    .pageActive{
        color: #965104!important;
        background: #FDF5E6!important;
        border: 1px solid #D0AD9A!important;
    }
    
    
     /*收藏按钮*/
    .collectBox{
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    position: absolute;
	    right: 2.4vw;
	    top: 2.4vw;
	    z-index: 99;
	    cursor: pointer;
	}
	.collectBox img{
	    width: 2.4vw;
	    height: 2.4vw;
	}
	.collectBox p{
        font-weight: 400;
        font-size: 1.12vw;
        color: #333333;
	}
	.m-btn {
		background-image: url('../img/button-back.png');
		background-size: 100% 100%;
		width: 11.68vw;
		height: 3.04vw;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.12vw;
		font-weight: 600;
		color: #F8DD91;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
		margin-right: 3.2vw;
		cursor: pointer;
	}

	/* 修改资料弹窗 */
	.modal-title {
		width: 100%;
		text-align: center;
		font-weight: 600;
		font-size: 22px;
		color: #333333;
	}

	.modal-content {
		width: 400px;
		background: #FDF5E6;
		border-radius: 10px;
		border: 1px solid #D0AD9A;
	}

	.modal-header {
		justify-content: center;
	}

	.modal-userBox {
		padding: 30px 30px 0 30px;
		flex: none;
	}

	.modal-userBox li {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}

	.modal-userBox li p {
		width: 80px;
		font-weight: 400;
		font-size: 16px;
		color: #333333;
		text-align: right;
	}

	.modal-userBox li img {
		border-radius: 50%;
		width: 80px;
		height: 80px;
	}

	.modal-userBox li input {
		width: 240px;
		height: 31px;
		background: #FFFFFF;
		border-radius: 5px 5px 5px 5px;
		border: 0;
		padding-left: 10px;
	}
	#city_4{
	    width: 240px;
	}

	.editBtn,.editBtn1 {
		width: 116px;
		height: 35px;
		margin: 0 auto 30px;
	}

	/* 在线风水流年盘弹窗 */
	#fengshuiModal .modal-content {
		width: fit-content;
	}

	.fengshuiModleBox {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.fengshuiModleBox p {
		font-weight: 600;
		font-size: 22px;
		color: #333333;
	}

	.fengshuiModleBox img {
		width: 677px;
		height: 700px;
		margin: 30px;
	}

	/* 在线梅花排盘弹窗 */
	#collatingModal .modal-content {
		width: fit-content;
	}

	.collatingModleBox {
		display: flex;
		flex-direction: column;
		width: 364px;
		margin: 30px;
	}

	.collatingModleBox p {
		width: 364px;
		font-weight: 400;
		font-size: 16px;
		color: #333333;
		line-height: 19px;
		margin-bottom: 20px;
	}

	.collatingModleBoxTime {
		padding-bottom: 30px;
		border-bottom: 1px dashed #F2D2B5;
	}

	.collatingTable {
		width: 364px;
		height: 166px;
		background: #FFFCF5;
		border: 1px solid #D0AD9A;
		overflow: hidden;
		margin-bottom: 30px;
	}

	.collatingTableTitle {
		background: #975305;
	}

	.collatingTableTitle li {
		font-weight: 400;
		font-size: 16px;
		color: #FFFFFF;
		background-color: #975305 !important;

	}

	.collatingTable div {
		display: flex;
		align-items: center;
		width: 364px;
		height: 41px;
		border-top: 1px dashed #F2D2B5;
	}

	.collatingTable div:first-child {
		border-top: 0;
	}

	.collatingTable div li {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.collatingTable div img {
		width: 26px;
		height: 26px;
	}

	.collatingTable div li:nth-child(1) {
		width: 106px;
	}

	.collatingTable div li:nth-child(2),
	.collatingTable div li:nth-child(3),
	.collatingTable div li:nth-child(4),
	.collatingTable div li:nth-child(5),
	.collatingTable div li:nth-child(6) {
		width: 51px;

	}

	.collatingTable div li:nth-child(2n) {
		background-color: #FDF5E6;
	}

	/* 登录弹窗 */
	.loginModleBox {}

	#loginMdle .modal-dialog {
		margin: 20vh auto;
	}

	#loginMdle .modal-content {
		background-color: #FFFFFF;
		width: 470px;
		height: 387px;
		background: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
	}

	.loginModleBox .topLogo {
		width: 232px;
		height: 62px;
		padding: 5px 19px;
		position: relative;
		top: -31px;
		left: 119px;
		background: linear-gradient(180deg, #FFF4D6 0%, #FFDC79 100%);
		box-shadow: 0px 4px 8px 0px rgba(248, 222, 149, 0.2);
		border-radius: 100px 100px 100px 100px;
	}

	.logTab {
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

	.logTab li {
		font-weight: 600;
		font-size: 18px;
		color: #666666;
		display: flex;
		flex-direction: column;
		align-items: center;
		cursor: pointer;
	}

	.logTab li .lines {
		width: 36px;
		height: 2px;
		background: #FFFFFF;
	}

	.logActive {
		color: #975305 !important;
	}

	.logActive .lines {
		background: #975305 !important;
	}

	.logBox {
		width: 350px;
		margin: 40px 60px 60px 60px;
	}

	.logBox li {
		padding: 10px 0;
		border-bottom: 1px solid #E5E5E5;
		margin-bottom: 30px;

	}

	.logBox li input {
		border: 0;
		font-size: 16px;
	}

	.logBox li input::-webkit-input-placeholder {
		color: #CACACA;
	}

	/* 火狐 */
	.logBox li input:-moz-placeholder {
		color: #CACACA;
	}

	/*ie*/
	.logBox li input:-ms-input-placeholder {
		color: #CACACA;
	}

	.loginBtn {
		width: 350px;
		height: 48px;
		background: linear-gradient(135deg, #C67F2D 0%, #975305 100%);
		border-radius: 10px 10px 10px 10px;
		font-weight: 600;
		font-size: 18px;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ishident {
		display: none !important;
	}

	/* 资讯服务费弹窗 */
	#paymentMdle .modal-dialog {
		margin: 20vh auto;
	}

	#paymentMdle .modal-content {
		width: 380px;
		overflow: hidden;
	}

	#paymentMdle .modal-header {
		width: 380px;
		height: 95px;
		background: linear-gradient(180deg, #FFF4D6 0%, #FFDC79 100%);
		box-shadow: 0px 4px 8px 0px rgba(248, 222, 149, 0.2);
		display: flex;
		padding: 0;
		overflow: hidden;
	}

	#paymentMdle .modal-header div {
		display: flex;
		align-items: center;
	}

	#paymentMdle .modal-header div p {
		font-weight: 600;
		font-size: 26px;
		color: #975305;
		margin-left: 20px;
	}

	#paymentMdle .modal-header div img {
		width: 95px;
		height: 95px;
		margin-left: 10px;
	}

	#paymentMdle .close {
		padding: 2rem 2rem;
	}
    #paymentMdle .payTitle {
        	font-weight: 600 !important;
		font-size: 22px !important;
		width: 130px;
		margin-left: 10px;
    }
	#paymentMdle .payTitle1 {
		display: flex;
		align-items: center;
	}

	#paymentMdle .payTitle1 p {
		font-weight: 600 !important;
		font-size: 22px !important;
		color: #09BB07 !important;
		margin-left: 0 !important;
	}

	#paymentMdle .payTitle1 img {
		width: 39px !important;
		height: 39px !important;
		margin-right: 10px !important;
	}

	#paymentMdle .payTitle {}

	.paymentModleBox {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.paymentModleBox .price {
		font-weight: 400;
		font-size: 16px;
		color: #333333;
		line-height: 19px;
		display: flex;
		margin: 30px 0;
	}

	.paymentModleBox .price span {
		color: #EE3C14;
		font-size: 20px;
		font-weight: 600;
	}

	.paymentModleBox .erweima {
		width: 170px;
		height: 170px;
		border: 1px solid #09BB07;
		margin: 0 105px;
	}

	.paymentModleBox li {
		display: flex;
		align-items: center;
		margin: 15px 0 35px 0;
	}

	.paymentModleBox li img {
		width: 34px;
		height: 34px;
		margin-right: 10px;
	}

	.paymentModleBox li p {
		font-weight: 400;
		font-size: 18px;
		color: #333333;
	}
	.paymentModleBox div{
		margin: 40px;
	}
	.goodsText {
		width: 380px;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 16px;
		color: #666666;
		margin-top: 15px;
		text-align: center;
	}

	.studyBtn {
		margin: 80px 0;
	}

}

@media only screen and (max-width: 700px) {
    .modal-backdrop {
      z-index: 8;
    }
    .modal-backdrop.in {
      z-index: 8 !important; /* 确保遮罩层在modal之上 */
    }
     
    .modal {
      z-index: 1050 !important; /* 确保modal在遮罩层之上 */
    }
    .imgBox{
		display: flex;
		align-items: center;
		margin-top: 3vw;
		flex-wrap: wrap;
	}
	.imgBoxItem{
		position: relative;
		width: 27vw;
		height: 27vw;
		overflow: hidden;
		margin-right: 2vw;
		margin-bottom: 3vw;
		border: 1px solid #dadee3;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.imgBoxItem:nth-child(3n){
	    margin-right: 0;
	}
	.imgBoxItem_img{
		max-width: 27vw;
		max-height: 27vw;
	}
	
	.img_content{
	    display: flex;
	    flex-wrap: wrap;
	    margin-bottom: 3vw;
	}
	.img_content_item{
	    max-width: 85vw;
	    max-height: 85vw;
	    margin-top: 3vw;
	}
	
	.delateIcon{
		position: absolute;
		right: 0;
		top: 0;
		width: 3vw;
		height: 3vw;
	}
    
    .collatingModleBox {
        margin: 10px;
    }
    .collatingTable div li:nth-child(1) {
    width: 66px;
    }
.collatingTable div li:nth-child(2),
.collatingTable div li:nth-child(3),
.collatingTable div li:nth-child(4),
.collatingTable div li:nth-child(5),
.collatingTable div li:nth-child(6) {
    width: 50px;
}
.collatingModleBox p {
    width: 84vw;
}
    .collatingTable,.collatingTable div{
    width: 84vw;
    }
    
    #paymentMdle .modal-header div {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 2vw;
    }
    
    
    
    
    
    
.modal-userBox {
    padding: 20px 10px 0 10px;
    flex: none;
}
.modal-userBox li p {
    width: 30vw;
    font-size: 14px;
}
    .fengshuiModleBox img{
        width: 100%;
    height: auto;
        margin: 10px 0;
    }
    .modal-title{
        font-size: 16px;
    }
    
    
      /*分享弹窗*/
      .modal-dialog {
		margin: 20vh 5vw;
	}
    #shareModal .modal-dialog {
		/*margin: 0 5vw;*/
	}
	.modal-dialog {
		/*margin: 0 5vw;*/
	}
    .m-btn {
		background-image: url('../img/button-back.png');
		background-size: 100% 100%;
		width: 22.53vw;
		height: 5.866vw;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 2.4vw;
		font-weight: 600;
		color: #F8DD91;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
		margin-right: 4vw;
		cursor: pointer;
		    margin-top: 2vw;
	}
	 /*收藏按钮*/
    .collectBox{
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    position: absolute;
	    right: 4vw;
	    /*top: 109vw;*/
	    z-index: 99;
	    cursor: pointer;
	}
	.collectBox img{
	    width: 4vw;
	    height: 4vw;
	}
	.collectBox p{
        font-weight: 400;
        font-size: 2.6vw;
        color: #333333;
	}
	/* 登录弹窗 */
	.loginModleBox {}
    
	#loginMdle .modal-dialog {
		margin: 20vh 5vw;
	}

	#loginMdle .modal-content {
		background-color: #FFFFFF;
		width: 90vw;
		height: 65vw;
		background: #FFFFFF;
		border-radius: 1.33vw;
	}

	.loginModleBox .topLogo {
		width: 50vw;
		height: 13.5vw;
		/*padding: 5px 19px;*/
		position: relative;
		top: -6.75vw;
		left: 20vw;
		background: linear-gradient(180deg, #FFF4D6 0%, #FFDC79 100%);
		box-shadow: 0px 4px 8px 0px rgba(248, 222, 149, 0.2);
		border-radius: 100px;
	}

	.logTab {
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

	.logTab li {
		font-weight: 600;
		font-size: 4vw;
		color: #666666;
		display: flex;
		flex-direction: column;
		align-items: center;
		cursor: pointer;
	}

	.logTab li .lines {
		width: 10vw;
		height: 2px;
		background: #FFFFFF;
	}

	.logActive {
		color: #975305 !important;
	}

	.logActive .lines {
		background: #975305 !important;
	}

	.logBox {
		width: 70vw;
		margin: 4vw 10vw;
	}

	.logBox li {
		padding: 1.33vw 0;
		border-bottom: 1px solid #E5E5E5;
		margin-bottom: 4vw;

	}

	.logBox li input {
		font-size: 3vw;
	}

	.logBox li input::-webkit-input-placeholder {
		color: #CACACA;
	}

	/* 火狐 */
	.logBox li input:-moz-placeholder {
		color: #CACACA;
	}

	/*ie*/
	.logBox li input:-ms-input-placeholder {
		color: #CACACA;
	}

	.loginBtn {
		width: 70vw;
		height: 10vw;
		background: linear-gradient(135deg, #C67F2D 0%, #975305 100%);
		border-radius: 1.5vw;
		font-weight: 600;
		font-size: 4vw;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ishident {
		display: none !important;
	}
		.zanweifu {
    height: 30px;
}
.modal-content {
    width: 90vw!important;
    margin: 0 auto;
}
.modal-header {
    width: 90vw!important;
}
	/*.modal-userBox {*/
	/*	padding: 30px 30px 0 30px;*/
	/*	flex: none;*/
	/*}*/

	/*.modal-userBox li {*/
	/*	display: flex;*/
	/*	align-items: center;*/
	/*	margin-bottom: 20px;*/
	/*}*/

	.modal-userBox li p {
		width: 22vw;
		font-weight: 400;
		font-size: 14px;
		color: #333333;
		text-align: right;
	}

	/*.modal-userBox li img {*/
	/*	border-radius: 50%;*/
	/*	width: 80px;*/
	/*	height: 80px;*/
	/*}*/
.modal-userBox li input {
		width: 60vw;
		/*height: 31px;*/
		/*background: #FFFFFF;*/
		/*border-radius: 5px 5px 5px 5px;*/
		/*border: 0;*/
		/*padding-left: 10px;*/
	}
	#city_4{
	    width: 60vw;
	}
	#city_4 select{
	    margin: 1vw 0;
	}
			.fw{
    margin-top: 10px;
	}

}