@font-face{font-family:moonbridge;src:url(../font/moonbridge.1f2645f4.woff)}

.font-moonbridge{
    font-family: "moonbridge"!important;
}
@media screen and (max-width: 1200px) {
html {
    font-size: 10px;
}

.callout {
    margin-top: -20px;
    padding: 20px;
}

#fabric-button {
    display: block;
    width: 100%;
    text-align: center;
}

.container::after, .resources-content-wrapper::after {
    clear: none;
    display: none;
}


.serviceBtnBefore::before {
    display: none;
}

#serviceBox {
    left: 0!important;
    max-width: 100%;
    top: auto;
    min-width: unset;
    padding: 10px;
    width: 100%;
}

.product-extra {
    margin-right: 10px;
    min-width: unset;
    padding-right: 20px;
}

#caseBox {
    padding: 10px;
    left: 0!important;
    max-width: 100%;
    top: auto;
    min-width: unset;
    padding: 10px;
    width: 100%;
}

.case-extra .case-extra-box {
    display: none;
}

.case-extra {
    border: navajowhite;
}

.submenus-block.submenus-block-case {
    width: 100%;
}

#caseBox {
    padding: 10px;
    left: 0!important;
    max-width: 100%;
    top: auto;
    min-width: unset;
    padding: 10px;
    width: 100%;
}

.case-extra .case-extra-box {
    display: none;
}

.case-extra {
    border: navajowhite;
}

.submenus-block.submenus-block-case {
    width: 100%;
}

.navbar .navbar-nav .nav-link {
    padding: 20px 20px !important;
    font-size: 16px;
}

.btn:hover, button:hover, input[type=submit]:hover {
    background: transparent;
}

.navbar-toggler {
    font-size: 2rem;
}

.navbar-toggler i {
    font-size: 20px;
}
}



.setmeal{
	margin-top: 20px;
	margin-left: 0%;
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba( 157, 157, 157 ,0.3);
}
.setmeal:hover{
	margin-top: 18px;
	margin-bottom: 2px;
	box-shadow: 0px 0px 20px 0px rgba( 32, 97, 208 ,0.4);
}
.setmeals{
	padding: 20px;
}
.setmealteam{
	display: flex;
	padding: 28px 0;
	border-bottom: 1px solid #eaeaea;
}
.setmealteam span{
	font-size: 20px;
	color: #252b3a;
	font-weight: bold;
	line-height: 20px;
}
.setmealteam p{
	font-size: 14px;
	color: #666;
	line-height: 20px;
	padding-left: 10px;
	margin-top: 0px;
}
.setmealadvant{
	display: flex;
	margin-top: 30px;
	height: 25px;
	width: 100%;
}
.setadimg{
	width: 60px;
	height: 26px;
	border-radius: 2px;
	margin-right: 20px;
}
.setmealadvant span{
	font-size: 24px;
	color: #FE715F;
	line-height: 25px;
}
.setmealadvant p{
	font-size: 14px;
	color: #FE715F;
	line-height: 25px;
	padding-left: 5px;
	margin-top: 0px;
}
.setmealprice{
	display: flex;
	margin-top: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #EAEAEA;
	position: relative;
	flex-wrap: nowrap;
}
.setmealprice span{
	font-size: 14px;
	color: #333;
	position: absolute;
	left: 0px;

}
.setmealprice p{
	font-size: 14px;
	color: #5981f8;
	position: absolute;
	right: 0;
	padding-left: 30px;
	margin-top: 0px;
	line-height: initial;
}
.mealbtn{
	width: 100%;
	height: 40px;
	background: linear-gradient( -90deg, rgb(255,189,119) 0%, rgb(255,207,135) 100%);
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #211201;
	border-radius: 3px;
	margin-top: 30px;
	margin-bottom: 30px;
	cursor: pointer;
	display: block;
}
.mealbtn:hover{
	color: #211201;
	background: rgb(255,189,119);
}

.space {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.space2x {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}


.firAI_left{
	text-align: center;
}
.AIteam{
	font-size: 18px;
	color: #252b3a;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
.AIintro{
	font-size: 14px;
	color: #999;
	padding-top: 20px;
	line-height: 25px;
	text-align: center;
}



.expertip{
	width: 100%;
	padding-bottom: 90px;
}
.expertips{
	width: 1200px;
	margin: 0 auto;
}
.expeream{
	font-size: 26px;
	color: #252b3a;
	padding-top: 100px;
	font-weight: bold;
	text-align: center;
}
.expretab{
	width: 62%;
	margin: 0 auto;
	padding-top: 60px;
}
.leftfir{
	width: 120px;
	padding: 0!important;
	text-align: center;
}
.layui-table th{
	text-align: center!important;
}
.layui-table td{
	text-align: center!important;
}


/* 体验步骤 */
.expertip{
	width: 100%;
	padding-bottom: 90px;
}
.expertips{
	width: 100%;
	margin: 0 auto;
}
.expeream{
	font-size: 26px;
	color: #252b3a;
	padding-top: 100px;
	font-weight: bold;
	text-align: center;
}
.experul{
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
	height: 60px;
}
#exprebo{
	display: none;
}
.experli{
	display: flex;
	height: 60px;
	cursor: pointer;
}
.experimg{
	width: 90px;
	height: 60px;
}
.experli p{
	font-size: 16px;
	color: #999;
	line-height: 40px;
}
.experintro{
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba( 157, 157, 157 ,0.3);
	margin-top: 60px;
	padding: 60px;
	/* height: 300px; */
}
.experintro>div{
	display: none;
	padding-left: 60px;
}
.experintro div:nth-child(1){
	display: block;
}
.extile{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	font-weight: 600;
	margin-bottom: 20px;
}
.extiles{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	margin-top: 35px;
	font-weight: 600;
	margin-bottom: 20px;
}
.extip{
	font-size: 15px;
	color: #666;
	line-height: 28px;
}


        .up_top {
            position: fixed;
            right: 30px;
            bottom: 40px;
            display: none;
            cursor: pointer;
        }

@media screen and (max-width: 991px) {
.experli {
    width: 100%;
    margin-bottom: 10px;
}

.experul {
    flex-wrap: wrap;
    height:auto;
}
}





.layui-layer-dialog .layui-layer-content {
	padding: 25px;
	padding-left: 60px;
}
.layui-layer-btn .layui-layer-btn0 {
    background: #6777ef!important;
    border-color: #6777ef!important;
    color: #ffffff!important;
}

.layui-layer-btn .layui-layer-btn1 {
    border-color: #6777ef!important;
    color: #6777ef!important;
}
.layui-layer {
	border-radius: 6px;
	min-width: 400px;
    box-shadow: none;
	overflow: hidden;
}
.layui-layer-title {
	padding: 0 25px;
	font-size: 16px;
	font-weight: 500;
}
.layui-layer-btn {
	display: flex;
	padding: 0 25px 25px;
}
.layui-layer-btn > a {
	display: flex;
    flex: 1;
    min-height: 45px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 600;
    margin: 0;
}
.layui-layer-btn .layui-layer-btn0 {
	border-color: var(--primary);
}
.layui-layer-btn .layui-layer-btn1 {
	margin-left: 20px;
	color: var(--primary);
	border-color: var(--primary);
}