@import url("font/iconfont.css");
.weui-btn_cell{background: #000;color: #fff;display: block;padding: 0;height: 48px;line-height: 48px;border: 1px solid #000;}
.mrgin20{margin: 20px;}
body{background: #f5f5f5;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.weui-btn_cell.weui-btn_cell-default{border: 1px solid #000;color: #000;background: #fff;}
@font-face{font-family: JD;src: url(https://wq.360buyimg.com/data/ppms/others/JDZhengHei_01_Regular.ttf) format("truetype");font-weight: 100;font-style: normal}
img{max-width: 100%;}
ul,
li{list-style: none;}
.btn{height: 44px;line-height: 44px;padding: 0 30px;color: #fff;background: #000;border-radius: 22px;display: inline-block;}
.shadow{position: fixed;background: rgba(0, 0, 0, 0.6);top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;z-index: 9;display: none;}
.modal{background: #fff;position: absolute;padding: 30px;top: 50%;left: 15px;right: 15px;border-radius: 10px;margin-top: -160px;}
.align-center{text-align: center;}
.line-label{width: 40px;height: 4px;background: #000;display: block;margin: 0 auto}
.swiper-pagination-bullet-active{opacity: 1;background: #c63e38;}
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color: #c63e38;}
.weui-tabbar{background: #fff;}
.footNav{position: fixed;bottom: 0;left: 0;right: 0;}
.weui-tabbar__icon{line-height: 28px;}
.weui-media-box__title{color: #000}
.weui-media-box__desc{color: rgba(0, 0, 0, 0.3);}
.pleaseSelect{position: relative;}
.pleaseSelect input.weui-input{padding-right: 20px;box-sizing: border-box;}
.pleaseSelect:after{content: "";width: 8px;height: 8px;border-left: 2px solid #ccc;border-bottom: 2px solid #ccc;display: inline-block;transform: rotate(-135deg);position: absolute;right: 0;top: 50%;margin-top: -6px;}
.jfhTop{background: #d05803;height: 6px;border-radius: 4px;}
.jifen-hua{margin: 20px 80px 40px;}
.jfhCenter{margin:0 20px;background: -moz-linear-gradient(top, #ffe7cd, #fff2ea);background: -webkit-linear-gradient(top, #ffe7cd, #fff2ea);background: linear-gradient(top, #ffe7cd, #fff2ea);height: auto;overflow: hidden;position: relative;}
.jfhCenter i{width: 10px;height: 10px;position: absolute;bottom: -5px;background: #fff;border-radius: 50%;margin-left: -5px;}
.jfhCenter i:nth-of-type(1){left: 10%;}
.jfhCenter i:nth-of-type(2){left: 20%;}
.jfhCenter i:nth-of-type(3){left: 30%;}
.jfhCenter i:nth-of-type(4){left: 40%;}
.jfhCenter i:nth-of-type(5){left: 50%;}
.jfhCenter i:nth-of-type(6){left: 60%;}
.jfhCenter i:nth-of-type(7){left: 70%;}
.jfhCenter i:nth-of-type(8){left: 80%;}
.jfhCenter i:nth-of-type(9){left: 90%;}
.jfhCenterInner{margin: 10px 10px 20px;border: 1px solid #d05803;font-size: 16px;color: #fc8503;padding: 20px;}
.jfhCenterInner span{font-size: 24px;}
.greyColor{color:#999}
.weui-btn_primary{background: #000;}
.weui-btn.weui-btn_primary:active{background: rgba(0,0,0,0.8);}
.getJifen p{font-family: JD;margin-bottom: 30px;}
.getJifen h3{margin-top: 20px;}
.getJifen img{width: 109px;margin-top: -65px;}
.close{width: 36px;height: 36px;background: url(../img/ico-close.png) no-repeat;background-size:100% 100%;display: block;position: absolute;bottom: -50px;left: 50%;margin-left: -18px;}
.quan-cell{background: #fff;border-radius: 10px;margin: 15px;box-shadow: 0 1px 5px rgba(0,0,0,0.05);position: relative;}
.ico-img{display: block;width: 100%;height: 100%;border-radius: 4px;background: #000;}
.ico-img i{font-size: 34px;color: #fff;}
.navMenu a{font-size: 12px;color: #000;text-align: center;}
.navMenu{margin-top: 15px;}
.navMenu a span{display: block;}
.navMenu a img{width: 62px;}
.mytitle img{height: 6px;margin-left: 10px;margin-right: 10px;}
.mytitle{text-align: center;padding: 15px 0;}
.cj-btn{text-align: center;padding: 20px 0;}
.cj-btn a{display: inline-block;height: 40px;line-height: 40px;
	background: -moz-linear-gradient(left, #80191e, #22615a);
	background: -webkit-linear-gradient(left, #80191e, #22615a);
	background: linear-gradient(left, #80191e, #22615a);
	padding: 0 40px;
	color: #fff;
	border-radius: 20px;
}
.cj-top{text-align: center;}
.cj-top h3{font-size: 24px;font-family: JD;}
.cj-top label{font-size: 12px;display: inline-block;padding:0px 15px;height: 18px;line-height: 18px;border:1px solid #000 ;border-radius:10px ;}
.cj-title{margin-top: 50px;}
.cj-top p{font-size: 17px;margin-top: 10px;margin-bottom: 20px;}
.cj-section{
	width: 300px;
	height: 300px;
	background: url(../img/cj-bg.jpg) repeat;
	margin: 0 auto;
	background-size:37px 38px;
	border-radius: 14px;
	border:6px solid rgba(255,255,255,0.5);
	margin-top: 20px;
	height: auto;
	overflow: hidden;
}

.draw-btn{
	display:block;
	background: -moz-linear-gradient(-135deg,#b50610,#00675d 75%,#00675d);
	background: -webkit-linear-gradient(-135deg,#b50610,#00675d 75%,#00675d);
	background: linear-gradient(-135deg,#b50610,#00675d 75%,#00675d);
	border-radius: 10px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin: 0 2px;
	box-sizing: border-box;
	position: relative;
}
.draw-btn:active{
	box-shadow: 0 5px 20px rgba(0,0,0,0.5) inset;
}
.draw-btn span{position: absolute;top: 50%;width: 100%;left: 0;margin-top: -50px;}
.draw-btn label{font-size: 14px;opacity: 0.8;display: block;}
.img{margin: 2px;position: relative;background: #f0f0f0;border-radius: 4px;overflow: hidden;}
.img .name{width: 100%;position: absolute;bottom: 5px;left: 0;text-align: center;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cj-center{background: #fff;border-radius: 10px;margin: 12px;padding: 10px;}
.cj-center img{display: block;border-radius: 4px;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(252, 211, 4, 0.5);
	display: none;
	border: 2px solid #e40613;
	box-sizing: border-box;
	border-radius: 4px;
	z-index: 1;
}
#lottery table td.active .mask {
	display: block;
}
.myinput input{border:1px solid #e0e0e0;line-height: 40px;padding: 0 10px;width: 100%;box-sizing: border-box;}
.myinput div{margin-top: 10px;}
.swiper-pagination-bullet{
	width: 16px;
	height: 4px;
	border-radius: 2px;
}
.language-btn{
	position:fixed;
	top:20px;
	right:0px;
	/*height:40px;*/
	/*background:rgba(5,126,114,0.8);
	border-radius:20px 0 0 20px;*/
	/*text-align:center;
	line-height:40px;
	color:#fff;*/
	display:block;
	z-index:99999999;
	/*font-size:12px;
	width:40px*/
}
.language-btn img{height: 40px;}


body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
iframe,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul{margin: 0;padding: 0;vertical-align: baseline}
.clearfix:after,
.clearfix:before{display: table;content: ''}
.clearfix:after{clear: both;overflow: hidden}
.clearfix{zoom: 1}
.hidden{display: none;}
img{max-width: 100%;}
select{border: none;-webkit-appearance: none;-moz-appearance: none}
iframe{border: 0}
input{box-shadow: none;}
a,
button,
img,
input,
select{outline: 0 none}
img{border: 0 none;vertical-align: top}
em,
i{font-style: normal}
ol,
ul{list-style: none}
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select{font-size: 100%;font-family: inherit}
table{border-collapse: collapse;border-spacing: 0}
input[type='text']{-webkit-appearance: none;}
a{color: #333;text-decoration: none}
a:hover{cursor: pointer}
.fl{float: left;}
.fr{float: right;}
.wzb-flex{display: -webkit-box;display: -webkit-flex;display: flex;}
.wzb-flex-item{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
@font-face{font-family: JD;src: url(https://wq.360buyimg.com/data/ppms/others/JDZhengHei_01_Regular.ttf) format("truetype");font-weight: 100;font-style: normal}
body.DKSH{background: #fff;font-size: 14px;color: #333;padding-top: 44px;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;}
.DKSH .swiper{width：100%;height:220px}
.DKSH .swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.DKSH .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.DKSH .swiper-pagination-bullet{background: #fff;opacity: 0.5;}
.DKSH .swiper-pagination-bullet-active{background: #BE0028;width: 20px;border-radius: 4px;opacity: 1;}
.DKSH .header{position: fixed;z-index: 9;background: #fff;box-shadow: 0 1px 2px 0 hsl(0deg 0% 75% / 50%);height: 44px;top: 0;left: 0;width: 100%;}
.DKSH .header .home-btn{width: 44px;height: 44px;font-size: 30px;color: #be0028;text-align: center;position: absolute;top: 0;left: 0;line-height: 44px;}
.DKSH .header .logo img{height: 30px;display: block;}
.DKSH .header .logo{position: absolute;right: 10px;top: 7px;}
.DKSH .color-green{background: rgb(170, 210, 180);}
.DKSH .color-blue{background: rgb(135, 200, 242);}
.DKSH .color-orange{background: rgb(255, 155, 50);}
.DKSH .color-greyDeep{background: rgba(0,0,0,0.4);}
.DKSH .color-greyMiddle{background: rgba(0,0,0,0.3);}
.DKSH .color-greyLight{background: rgba(0,0,0,0.2);}
.DKSH .new-list li{margin-bottom: 10px;}
.DKSH .new-list li a{color: #fff;align-items: center;}
.DKSH .cell-side{width: 80px;height: 80px;background: #be0028;margin-left: 10px;text-align: center;}
.DKSH .cell-side i{display: block;margin-top: 18px;}
.DKSH .cell-category{width: 30px;padding: 0 15px;font-weight: 700;}
.DKSH .new-list li label{margin-top: 10px;display: block;font-size: 12px;}
.DKSH .filter{padding: 15px;}
.DKSH .filter a.choose-category{border: 1px solid #d5d5d5;color: #BE0028;height: 24px;line-height: 24px;padding: 0 5px;}
.DKSH .filter a.choose-category label{margin-right: 5px;display: inline-block;width: 90px;}
.DKSH .filter a.calendar-btn i{font-size: 24px;color: #BE0028;vertical-align: middle;margin-right: 5px;}
.DKSH .filter a.calendar-btn{line-height: 24px;}
/*20230101 DMG MORI 线上展厅ui设计 Begin*/
.mshowBg{
	background: #272932;
	padding-bottom:10px;
}
.moreBtn{text-align: right;margin: -10px 30px 0;position: relative;z-index:1}
.moreBtn a{display: inline-block;width: 60px;height: 15px;background: url(../images/moreBtn.png) no-repeat;background-size: 100% 100%;}

.modalsWrap{
	display: none;
	position: fixed;
	z-index: 9;
	background: #fff;
	top: 50%;
	right: 30px;
	left: 30px;
	/*padding: 30px;*/
	font-size: 12px;
	line-height: 24px;
}
.modalsWrap h3{
	font-size: 16px;
	background-image: linear-gradient(to right, #2b806c, #a71515);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	margin-bottom: 20px;
}
.modalsWrap b{font-size: 12px;}
.modalsWrap div{
	/*margin-top: 40px;*/
	text-align: center;
}
/*.modalsWrap a{*/
/*	background: -webkit-linear-gradient(30deg, #057e72 25%, #dd0916);*/
/*	background: linear-gradient(30deg, #057e72  25%, #dd0916);*/
/*	color: #fff;*/
/*	display: inline-block;*/
/*	line-height:30px;*/
/*	padding: 0 30px;*/
/*	border-radius: 4px;*/
/*	font-size: 12px;*/
/*}*/
.modalsWrap table{font-size: 12px;width: 100%;}
.modalsWrap table th{font-weight: normal;text-align: left;}
.modalsWrap table td{text-align: right;}
.mshowTab{
	margin: 20px 10px 0 30px;
}
.mshowTab a{
	display: block;
	height: 20px;
	text-align: center;
}
.mshowTab a img{display: block;margin: 0 auto;height: 20px;}
/*.mshowTab a:after{*/
/*	content: " ";*/
/*	width: 1px;*/
/*	height: 30px;*/
/*	background: #fff;*/
/*	position: absolute;*/
/*	left: -8px;*/
/*	bottom: -3px;*/
/*	transform: rotate(-30deg);*/
/*}*/
.mshowVideo{
	margin: 30px 30px 20px;
}
.mshowVideo a {display: block;position: relative;}
.mshowVideo a .playBtn{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	background: rgba(0,0,0,0.5);
}
.mshowVideo a .playBtn:after{
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -4px;
	width: 0;
	height: 0;
	border-width: 8px 12px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
}
.topBar{position: fixed;top: 0;left: 0;width: 100%;background: var(--CR-WHITE);padding: 10px 0;box-shadow: 0 1px 2px rgba(0,0,0,0.2);z-index: 9;}
.backHomeBtn{display: block;width:34px;height: 34px;background-image: url(/club/res/images/ico-backbtn.png);background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;border-radius: 4px;margin-left: 15px;}
.backHomeBtn:active{background-color: #F0f0f0}
.dmgLogo{width:85px;height: 13px;background: url(/club/res/images/dmgLogo.png) no-repeat;background-size:100% 100%;position: absolute;top: 50%;right: 15px;margin-top: -7px;}
.padding15{
	padding: 15px;
}
.mechinePic{
	position: relative;
}
.link-more{display: block;width: 71px;height: 71px;
	position: absolute;
	right: 30px;
	bottom: 50px;
}
.whiteBg{
	background-color: #e6e7ec;
}
/*.whiteBg .mshowTab a{*/
/*	color: #000;*/
/*	border-bottom: 1px solid #000;*/
/*}*/
/*.whiteBg .mshowTab a:after{*/
/*	background: #000;*/
/*}*/
.whiteBg .moreBtn a{display: inline-block;width: 60px;height: 15px;background: url(../images/moreBtnBlack.png) no-repeat;background-size: 100% 100%;}
.backIndexBtn img{height: 35px;}
.backIndexBtn{text-align: center;margin: 40px 0;}
.slideMechine{
	margin: -80px 30px 20px;
	position: relative;
	z-index: 1;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #070809;
	box-shadow: 0px 0px 3px #070809;
}
.slideMechine .swiper-button-next{
	width: 24px;
	height: 43px;
	background: url(./img/tRightBtn.png);
	background-size: 100% 100%;
	right: -1px;
}
.slideMechine .swiper-button-prev{
	width: 24px;
	height: 43px;
	background: url(./img/tLeftBtn.png);
	background-size: 100% 100%;
	left: -1px;
}
.whiteBg .slideMechine{
	border: 1px solid #d5d5da;
	box-shadow: 0px 0px 3px #d5d5da;
}
.whiteBg .slideMechine .swiper-button-next{
	width: 24px;
	height: 43px;
	background: url(./img/tRightBtn-LIGHT.png);
	background-size: 100% 100%;
	right: -1px;
}
.whiteBg .slideMechine .swiper-button-prev{
	width: 24px;
	height: 43px;
	background: url(./img/tLeftBtn-LIGHT.png);
	background-size: 100% 100%;
	left: -1px;
}
/*20230101 DMG MORI 线上展厅ui设计 End*/
.link-more{
	display: block;
	position: absolute;
	right: 00px;
	bottom: 50px;
}
.link-more .circle{
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	width: 70px;
	height: 70px;
}
.link-more .circle_bottom{
	background: rgba(112,128,144,1);
	border-radius: 100%;
	width: 72px;
	height: 72px;
	filter: alpha(opacity=40);
	position: absolute;
}
.link-more .circle_bottom2 {
    border-radius: 100%;
    width: 82px;
    height: 82px;
    filter: alpha(opacity=20);
    position: relative;
    top: -5px;
    left: -5px;
}
.animation{;-webkit-animation:twinkling 2.1s infinite ease-in-out;animation:twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animation2{;-webkit-animation:twinkling 2.1s infinite ease-in-out;animation:twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes twinkling{0%{opacity:0.2;filter:alpha(opacity=20);-webkit-transform:scale(1);}
50%{opacity:0.5;filter:alpha(opacity=50);-webkit-transform:scale(1.12);}
100%{opacity:0.2;filter:alpha(opacity=20);-webkit-transform:scale(1);}}
@keyframes twinkling{0%{opacity:0.2;filter:alpha(opacity=20);-webkit-transform:scale(1);}
50%{opacity:0.5;filter:alpha(opacity=50);-webkit-transform:scale(1.12);}
100%{opacity:0.2;filter:alpha(opacity=20);-webkit-transform:scale(1);}}