html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px/1 "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:inherit;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust:100%; -webkit-text-size-adjust:none; line-height:1.2; color:#000;}
body{overflow-x:hidden; background-color:#1f1f1f;}
img{ max-width:100%;}
.pw1200{width:96%; max-width:1200px; margin-left:auto; margin-right:auto;}
.pw1280{width:96%; max-width:1280px; margin-left:auto; margin-right:auto;}
.pw1500{max-width:1500px; margin-left:auto; margin-right:auto; background-color:#050505; border-radius:10px;}
.wrap{overflow-x:hidden;}

.banner{background:url(https://imobie-resource.com/en/special/img/black5_banbg.png) #1f1f1f top center no-repeat; background-size:cover; height:592px;}
.imlogo{top:15px; left:0;}
.bancont{margin-top:103px;}
.countdown p{display:inline-block; margin-right:15px; text-align:center;}
.countdown b{display:block; margin-bottom:5px; /*width:61px;*/ line-height:50px; background:#000; border-radius:6px; font-family:Helvetica,sans-serif; font-size:40px; font-weight:bold; color:#fff; letter-spacing:6px; padding-left:7px; position:relative;}
.countdown b:after{content:""; position:absolute; height:50px; width:1px; left:50%; top:0; border-left:1px solid #6D6D6D;}
.countdown span{font-size:12px; color:#fff;}
.bancont>p{line-height:1.8; max-width:490px;}
.bancont>a{display:block; font-family:Helvetica,sans-serif; margin-top:30px; width:457px; line-height:87px; font-size:24px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; background-color:#FF3104; border-radius: 10px;}

.dashed{margin:70px auto 5px; display:block;}
.hurry{font-size:16px; color:#fff; line-height:43px; border-radius:22px; background-color:#3A3A3A; width:92%; max-width:367px; margin:30px auto 0; text-align:center;}
.hurry b{font-size:inherit; font-weight:bold; color:#FCCE2E;} 

.sec1{padding-top:1px;}
.sec1 h2,.sec3 h2,.guar h2{font-size:36px; font-weight:bold; color:#fff; font-family:Helvetica,sans-serif; margin:60px auto 0; text-align:center;}
.sec1 h2:before{content:""; display:inline-block; vertical-align:middle; width:36px; height:24px; background:url(https://imobie-resource.com/en/special/img/black5_dots1.png); margin-right:20px;}
.sec1 h2:after{content:""; display:inline-block; vertical-align:middle; width:36px; height:24px; background:url(https://imobie-resource.com/en/special/img/black5_dots2.png); margin-left:20px;}
.sec1>.left{max-width:406px;}
.sec1>.right{max-width:850px;}
.buycont{background-color:#172A56; border-radius:10px; text-align:center; padding-bottom:30px;}
.buycont h3{font-size:26px; color:#fff; background-color:#021645; border-radius: 8px; padding:13px 0; font-weight:bold; margin:-26px auto 0;}
.buycont.left h3{max-width:346px;}
.buycont.right h3{max-width:580px;}
.boxcont{position:relative; display:inline-block; vertical-align:top; margin-left:15px;}
.offtab{position:absolute; z-index:2; top:-8px; left:-10px; width:66px; height:66px; background:url(https://imobie-resource.com/en/special/img/black5_off.png) center no-repeat; background-size:cover;}
.offtab p{font-size:12px; font-weight:bold; color:#5C4300; margin-top:20px; font-family:Helvetica,sans-serif; line-height:1;}
.right .offtab{left:0;}
.nowprice{font-size:32px; font-weight:bold; color:#FCC22E;}
.fullprice{font-size:20px; font-weight:bold;color:#AFAFAF; margin-top:5px;}
.sec1 .buycont{margin-top:70px;}
.sec1 .nowprice,.sec1 .fullprice{display:block;}
.context{display:inline-block; text-align:left; vertical-align:top; margin-left:15px;}
.context h5{font-size:20px; font-weight:bold; color:#fff;}
.context h5 span{font-size:13px; display:block; font-weight:normal; margin-bottom:5px;}
.context h5 b{display:inline-block; position:relative; font-size:14px; font-weight:bold; line-height:28px; padding:0 10px; border-radius:0 3px 3px 0; display:inline-block; vertical-align:middle; margin-left:20px;}
.context h5 .buytab{background-color:#457DFF;}
.context h5 .freetab{background-color:#36CFA2;}
.context h5 .buytab:before{content:""; position:absolute; left:-14px; top:0; width: 0; height: 0; border-top: 14px solid transparent; border-right: 14px solid #457DFF; border-bottom: 14px solid transparent;}
.context h5 .freetab:before{content:""; position:absolute; left:-14px; top:0; width: 0; height: 0; border-top: 14px solid transparent; border-right: 14px solid #36CFA2; border-bottom: 14px solid transparent;}
.context ul{margin-top:20px; text-align:left;}
.context li{font-size:14px; color:#ddd; padding-left:10px; position:relative; line-height:1.6; margin-top:10px; max-width:243px;}
.context li:before{content:""; position:absolute; left:0; top:7px; width:5px; height:5px; border-radius:50%; background-color:#ddd;}
a.buybtn{display:block; width:189px; line-height:50px; background-color:#FF3104; font-size:24px; font-weight:bold; color:#fff; text-align:center; border-radius:5px; text-decoration:none; margin-top:25px;;position: relative}
a.buybtn:hover,.bancont>a:hover{background-color:#da2a03;}
a.buybtn:after{content: "( ggfs. zzgl. MwSt )";position: absolute;font-size: 12px;font-weight: bold;width: 100%;left: 0;bottom: -15px;line-height: 1;color: #ccc}
.right a.buybtn{margin:13px auto 5px;}
.freetext{display:inline-block; vertical-align:top; margin:50px 20px 0 0; padding:10px 10px 30px; border-radius:5px; border:2px solid #021645;}
.freetext .context:nth-of-type(2){margin-left:35px; max-width:235px; position:relative;}
.freetext .context:nth-of-type(2):before{content:"\e814"; position:absolute; left:-30px; top:100px; font-family:iconfont; color:#fff; font-size:14px; padding:4px 3px 3px 4px; line-height:14px; width:14px; text-align:center; border-radius:50%; background-color:#457DFF;}

.sec2{margin-top:150px; position:relative;}
.sec2:before{content:""; position:absolute; top:-195px; left:-325px; width:338px; height:281px; background:url(https://imobie-resource.com/en/special/img/black5_flag1.png) no-repeat;}
.sec2:after{content:""; position:absolute; top:-195px; right:-325px; width:325px; height:281px; background:url(https://imobie-resource.com/en/special/img/black5_flag2.png) no-repeat;}
.sec2 div.left{margin:0 20px 20px 0;}
.mactit{ max-width:362px; padding-left:44px; position:relative;}
.sec2 h2{font-size:42px; font-weight:bold; color:#FFF0CB; font-family:Helvetica,sans-serif; line-height:1.4;}
.mactit:before,.wintit:before{content:""; position:absolute; left:10px; top:-15px; width:147px; height:342px; background:url(https://imobie-resource.com/en/special/img/black5_lamp.png) no-repeat;}
.wintit{height:274px; position:relative; overflow:hidden;}
.wintit:before{left:45px; top:0;}
.wintit:after{content:""; position:absolute; right:40px; bottom:-4px; width:313px; height:274px; background:url(https://imobie-resource.com/en/special/img/black5_man.png) no-repeat;}
.sec2 .buycont{background-color:#353535;  padding:40px 18px 30px;}
.sec2 .offtab{left:-15px;}
.sec2 .nowprice,.sec2 .fullprice,.sec3 .nowprice,.sec3 .fullprice{margin-right:10px;}
.sec2 a.buybtn{margin-top:15px;}
.sec2 .context h5{padding:8px 13px 10px; border-radius:10px; background-color:#474747;}
.context h5 em{display:block; margin-top:5px; opacity:.7;}
.context h5.adh5{margin-top:-17px;}
.sec2 .context li{margin-top:5px;}
.sec2 .context>p{margin-top:10px;}
.detail{position:absolute; top:0; left:0; right:0; bottom:0; font-size:14px;line-height:1.2; padding:42% 5% 0; color:#eee; background-color:rgba(53,53,53,.8); opacity:0; transition:.3s;}
.buycont:hover .detail{opacity:1;}
.sec2man{width:406px;}

.sec3{padding-bottom:90px; position:relative;}
.sec3:before{content:""; position:absolute; top:115px; left:-335px; width:338px; height:281px; background:url(https://imobie-resource.com/en/special/img/black5_flag1.png) no-repeat;}
.sec3:after{content:""; position:absolute; top:115px; right:-325px; width:325px; height:281px; background:url(https://imobie-resource.com/en/special/img/black5_flag2.png) no-repeat;}
.sec3 .buycont{padding:50px 0 30px;}
.sec3 .boxcont{width:48%; max-width:546px; vertical-align:middle;}
.sec3 .context{width:42%; max-width:420px; vertical-align:middle;}
.sec3 .context li{max-width:none;}
.sec3 a.buybtn{display:inline-block; vertical-align:bottom; margin:15px 0 0 20px;}
.sec3 .offtab{width:104px; height:104px; left:-30px; top:-20px;}
.sec3 .offtab p{font-size:18px; margin-top:31px; }

.ostab{padding:5px; width:100px; background-color:#000; border-radius:6px; position:relative; z-index:2; margin-top:10px;}
.ostab p{float:left; width:50%; text-align:center; line-height:24px; font-size:16px; font-weight:bold; color:#fff; border-radius: 6px;}
.ostab .active{background-color:#474747;}
.buycont .buymacs{display:none;}

.lines{max-width:670px; height:40px; margin:0 auto; border-left:20px solid #000;border-right:20px solid #000;}
.lines2{border-left:20px solid #172A56; border-right:20px solid #172A56;}
.lines3{border-left:20px solid #303030; border-right:20px solid #303030;}
.guar{padding:40px 15px;}
.guar h2{margin-top:10px;}
.guar li{display:inline-block; vertical-align:top; width:220px; margin:20px;}
.guar h5{font-size:20px; font-weight:bold; color:#fff; margin-top:15px;}
.guar p{font-size:16px; color:#fff; margin-top:15px; line-height:1.4;}
.guar2{background-color:#172A56;}
.guar2 h5{font-size:30px; margin-top:30px;}
.guar3{background-color:#303030;}

.yeartips i{text-align:center;left:-200px;}
.yeartips i:after{left:200px;}
footer{border:none; color:#999;}

.prbuymo_purchaser{position:fixed; bottom:-100px; left:2%; width:280px; height:65px; z-index:10; /*animation:purchaser 10s infinite;*/}
.purchaser_close{top:-5px; right:-15px; line-height:1; font-size:24px; font-weight:bold; color:#eee; cursor:pointer;}
.prbuymo_purchaser ul{width:275px; height:60px; padding:5px; position:absolute; left:0; top:0; background:#3C3C3C url(https://imobie-resource.com/en/special/img/black5_purch.png) no-repeat 230px 5px; border-radius:45px; border:2px solid #616161;}
.prbuymo_purchaser li{width:270px; height:55px; padding:5px; position:absolute; left:0; top:0; opacity:0;}
.prbuymo_purchaser li.actli{opacity:1;}
.prbuymo_purchaser li span{display:inline-block; vertical-align:middle; line-height:58px; width:58px; background-color:#A4D0FB; border-radius:50%; text-align:center;}
.prbuymo_purchaser li span img{width:58px;display:block;}
.prbuymo_purchaser li div{display:inline-block; vertical-align:middle; margin-left:10px; width:200px;}
.prbuymo_purchaser li p{font-size:14px; color:#fff;}
.prbuymo_purchaser li p:last-child{margin-top:5px;}
.prbuymo_purchaser li p b{font-size:inherit; font-weight:bold; color:inherit;}
@keyframes purchaser{
	48%{bottom:-100px;}
	50%{bottom:80px;}
	95%{bottom:80px;}
	97%{bottom:-100px;}
	100%{bottom:-100px;}
}

.mask_bg{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:9; background:rgba(0,0,0,0.7);}
.endpopcont{background-color:#fff; padding:20px 10px 50px; max-width:840px; width:94%; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); ;z-index: 9;}
.endpopcont img{max-width:60%;}
.endpopcont p{font-size:18px; line-height:1.6; max-width:660px; margin:20px auto;}
.endpopcont a{background-color:#FF3104; color:#fff; font-size:24px; font-weight:bold; text-decoration:none; width:330px; line-height:67px; display:block; border-radius:5px; text-align:center; margin:auto;}
.endpopcont a:hover{background-color: #da2a03;}
.closendpop{font-size:28px; color:#000; opacity:.9; right:10px; top:10px; cursor:pointer;}

@media screen and (max-width:1360px) {
	.sec1>.left{float:none; max-width:1000px; margin:auto;}
	.sec1>.left .left:nth-of-type(2){float:right;}
	.sec1 .left.buycont{width:48%;}
	.sec1 .left .context{margin:40px 0 0 35px;}
	.sec1 .nowprice{margin-top:30px;}
	.sec1>.right{float:none; margin:auto;max-width:1000px;}
	.sec1 .right.buycont{width:100%;}
	.freetext{margin-left:30px;}
	.sec2{text-align:center; max-width:1000px;}
	.sec2 div.left{float:none; display:inline-block; vertical-align:top; margin:0 1% 20px; width:43%;}
	.mactit{max-width:calc(43% - 8px);}
	.sec2 div.sec2man,.wintit:after{display:none;}
	.wintit{max-width:850px; margin:auto;}
	.sec2 .context{margin-left:35px;}
	.guar li{margin:10px; width:210px;}
	.guar h5{font-size:18px;}
	.guar p{font-size:14px;}
}
@media screen and (max-width:980px){
	.dashed{margin-top:0;}
	.sec1 h2:before,.sec1 h2:after{display:none;}
	.banner{text-align:center; background:none; height:auto; padding-bottom:30px;}
	.bancont{margin-top:60px;}
	.countdown{transform:scale(.8);}
	.countdown p{margin-right:6px;}
	.banner h1{display:none;}
	.bancont>p{margin:auto;}
	.bancont>a{max-width:457px; width:80%; margin:30px auto 0;}
	.h1mo{display:block; margin:20px auto 0;}
	a.buybtn{margin-top:15px;}
	.right a.buybtn{margin-top:15px;}
	.sec1 .left.buycont{width:100%;}
	.sec1 .right .boxcont{vertical-align:middle;}
	.context ul,.sec1 .nowprice{margin-top:10px;}
	.freetext{vertical-align:middle; margin-top:20px; border:none; padding:0; margin-left:0;}
	.freetext .context:nth-of-type(2){display:block; margin-left:15px;margin-top:40px;}
	.freetext .context:nth-of-type(2):before{left:60px; top:-30px;}
	.sec2{margin-top:30px;}
	.sec2 div.left{width:calc(100% - 36px);}
	.sec2 div.mactit,.wintit{max-width:88%; height:260px; padding:0 6%; overflow:hidden; margin-bottom:0;}
	.mactit p{margin-top:20px;}
	.mactit:before,.wintit:before{left:5%;}
	.wintit h2{margin-top:50px;}
	.sec3 .offtab{width:66px; height:66px; left:0;}
	.sec3 .offtab p{font-size:18px; margin-top:15px;}
	.sec3 a.buybtn{display:block;margin:15px 0;}
	.sec3 .context p{margin-top:10px;}
	.guar li{margin:10px 2%; width:45%;}
	.guar li img{width:50px;}
	.guar2 h5{margin-top:15px;}
}
@media screen and (max-width:750px){
	.buycont h3{font-size:20px;}
	a.buybtn{font-size:20px; width:160px; line-height:44px;}
	.nowprice{font-size:26px;}
	.fullprice {font-size:16px;}
	.boxcont{margin-left:0;max-width:120px; vertical-align:middle;}
	.context,.sec1 .left .context{margin-left:15px; margin-right:0; width:calc(100% - 160px); vertical-align:middle;}
	.sec1 .right.buycont a.buybtn{width:120px;}
	.context li{font-size:12px;}
	.context h5{font-size:20px;}
	.context h5 b{font-size:14px; line-height:24px; margin-left:10px; padding:0 5px;}
	.context h5 .buytab:before{left:-12px; top:0; border-top: 12px solid transparent; border-right: 12px solid #457DFF; border-bottom: 12px solid transparent;}
	.context h5 .freetab:before{left:-12px; top:0; border-top: 12px solid transparent; border-right: 12px solid #36CFA2; border-bottom: 12px solid transparent;}
	.context h5 span{font-size:12px;}
	.freetext{width:calc(100% - 160px);}
	.freetext .context{width:90%;}
	.sec2 .boxcont{max-width:100px;}
	.detail{font-size:12px; padding-top:40%;}
	.offtab{width:54px; height:54px; top:-15px;}
	.offtab p{font-size:16px; margin-top:13px;}
	.sec2 .context{margin-left:15px; margin-right:0; width:calc(100% - 120px);}
	.sec2 .context h5{padding:8px 6px 10px;}
	.sec3 .context{width:90%; max-width:400px; text-align:center; margin:auto;}
	.sec3 a.buybtn{margin:15px auto;}
	.sec1 h2,.sec2 h2, .sec3 h2, .guar h2{font-size:28px;}
	.sec3 .boxcont{width:96%; margin-bottom:20px; max-width:400px;}
	.lines{width:60%;}
	.endpopcont p{font-size:14px;}
	.endpopcont a{width:260px; font-size:18px; line-height:50px;}
}
@media screen and (max-width:568px){
	.mactit:before, .wintit:before{left:3%;}
	.hurry{font-size:16px;}
	.bancont>a{max-width:300px; font-size:20px; line-height:67px;}

	.prbuymo_purchaser{left:calc(50% - 145px);}
	@keyframes purchaser{
		48%{bottom:-100px;}
		50%{bottom:30px;}
		95%{bottom:30px;}
		97%{bottom:-100px;}
		100%{bottom:-100px;}
	}
}
@media screen and (max-width:414px){
}
@media screen and (max-width:320px){
	.hurry{font-size:14px;}
}
