body{background-color:#0f0f0f;}
.sync{position:absolute;top:-140px;}
.banner img{width:100%;}
.navbox{height:140px;background-color:#0f0f0f;}
.navbox .nav{width:100%;height:140px;background-color:#0f0f0f;}
.navbox .nav.fixed{position:fixed;top:0;z-index:1000;}
.navbox .nav ul{width:1200px;height:100%;margin:0 auto;}
.navbox .nav li{float:left;padding:0 25px;line-height:140px;background:url(/uploads/image/l2img/nav.png) no-repeat center 36px;text-align:center;font-size:28px;}
.navbox .nav li span{color:#e2ab70;}
.navbox .nav li.on{background:url(/uploads/image/l2img/nav_on.png) no-repeat center 36px;}
.navbox .nav li .tit_l{width:15px;height:140px;background:url(/uploads/image/l2img/tit_l.png) no-repeat 0 center;float:left;margin-right:10px;}
.navbox .nav li .tit_r{width:15px;height:140px;background:url(/uploads/image/l2img/tit_r.png) no-repeat 0 center;float:right;margin-left:10px;}


.distance{background:url(/uploads/image/l2img/bg.jpg) no-repeat center 0;padding-top:100px;}
.distance .main{width:1200px;margin:0 auto;}
.distance h1{color:#ffc586;font-size:30px;font-weight:bold;padding-top:30px;position:relative;}
.distance h1 span{padding:10px 18px 10px 0;border-bottom:1px solid #ffc586;position:relative;}
.distance h1 span .diamond{width:21px;height:14px;background:url(/uploads/image/l2img/diamond.png) no-repeat;position:absolute;bottom:-7px;right:-21px;;}
.distance h6{font-size:16px;color:#ffc586;margin-top:50px;line-height:22px;}
.distance h6 span{font-weight:bold;}
.distance .video{width:1000px;height:500px;border:10px solid #c6a67c;margin:120px auto 80px;position:relative;}
.distance .trophy{width:77px;height:321px;background:url(/uploads/image/l2img/trophy.png) no-repeat;position:absolute;right:10px;top:-336px;}
.distance .picture{width:1100px;margin:0 auto;}
.distance .picture ul{margin:50px 0;}
.distance .picture li{float:left;margin-top:10px;}
.distance .picture button{width:175px;height:44px;border:1px solid #666;background-color:initial;color:#666;font-size:20px;border-radius:3px;display:block;margin:0 auto 50px;}
.distance h1 .choose{min-width:188px;height:38px;border:1px solid #ffc586;float:right;position:relative;margin-right:40px;}
.distance h1 .choose .arrow{width:38px;height:38px;border-left:1px solid #ffc586;background:url(/uploads/image/l2img/arrow.png) no-repeat center center;position:absolute;right:0;top:0;}
.distance h1 .choose .arrow.on{background:url(/uploads/image/l2img/arrow_on.png) no-repeat center center;}

.distance h1 .choose p{margin:0 39px 0 0;line-height:38px;padding:0 10px;font-weight:normal;font-size:16px;}
.distance h1 .choose ul{width:290px;padding:10px 0;position:absolute;right:-1px;top:38px;border:1px solid #ffc586;display:none;background-color:#0f0f0f;z-index:2;}
.distance h1 .choose li{padding:0 20px;line-height:24px;font-size:16px;font-weight:normal;cursor:pointer;}

.distance .item{width:1198px;border:1px solid #ffc586;margin:60px 0;background:url(/uploads/image/l2img/ring.jpg) no-repeat;display:none;}
.distance .item .sort{display:none;}
.distance .item .prize{width:540px;height:470px;float:left;position:relative;}
.distance .item .prize .trophy{width:77px;height:321px;background:url(/uploads/image/l2img/trophy.png) no-repeat;position:absolute;right:260px;top:100px;}
.distance .item .prize .eagle{width:121px;height:300px;background:url(/uploads/image/l2img/eagle.png) no-repeat;position:absolute;right:260px;top:100px;}
.distance .item .prize h2{font-size:18px;width:18px;color:#f6e2b3;position:absolute;left:290px;top:100px;text-align:center;line-height:20px;}
.distance .item .prize h2 span{display:inline-block;transform:rotate(90deg);position:relative;left:-12px;margin-bottom:16px;margin-top:10px;}

.distance .item .intro{margin-left:560px;height:470px;width:550px;}
.distance .item .intro h3{color:#ffc586;font-size:22px;padding:30px 0 15px;font-weight:bold;}
.distance .item .intro h3 span{display:inline-block;font-size:20px;margin-right:15px;font-weight:normal;}
.distance .item .intro h3 .tit_l{width:15px;height:24px;background:url(/uploads/image/l2img/tit_l.png) no-repeat;float:left;margin-right:10px;}
.distance .item .intro h3 .tit_r{width:15px;height:24px;background:url(/uploads/image/l2img/tit_r.png) no-repeat;float:right;margin-left:10px;}
.distance .item .intro .msg{font-size:14px;color:#ffc586;line-height:18px;position:relative;height:36px;}
.distance .item .intro .msg.on{overflow:initial;}
.distance .item .intro .msg p{width:520px;height:36px;overflow:hidden;position:relative;}
.distance .item .intro .msg p.on{overflow:initial;height:auto;background-color:rgba(0,0,0,0.5);}
.distance .item .intro .arrow{width:24px;height:24px;background:url(/uploads/image/l2img/arrow.png) no-repeat center center;position:absolute;right:0;top:4px;}
.distance .item .intro .arrow.on{background:url(/uploads/image/l2img/arrow_on.png) no-repeat center center;}
.distance .item .intro .flash{width:520px;height:292px;margin-top:40px;}
.distance .item .camp{background:url(/uploads/image/l2img/light-bar.png) no-repeat;padding:20px 0;}
.distance .item .camp ul{width:860px;margin:0 auto;}
.distance .item .camp li{color:#666;font-size:16px;width:50%;float:left;line-height:40px;height:40px;cursor:pointer;}
.distance .item .camp li span{font-size:50px;vertical-align:middle;position:relative;top:-5px;}
.distance .item .camp li.on{color:#ffc586;}
.distance .item .campn li{cursor:auto;color:#ffc586;}

.distance .ago{width:1198px;margin:0 auto 40px;border:1px solid #ffc586;margin-top:50px;position:relative;}
.distance .ago .view{position:relative;}
.distance .ago .view img{width:100%;}
.distance .ago p{padding:0 80px;line-height:100px;}
.distance .ago p span{float:right;font-size:20px;color:#ffc586;}
.distance .ago .mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background-color:rgba(0,0,0,0.6);display:none;}
.distance .ago .seedetail{width:120px;height:120px;background-color:rgba(255,255,255,0.3);position:absolute;z-index:3;top:50%;left:50%;margin-left:-60px;margin-left:-60px;margin-top:-60px;line-height:120px;text-align:center;color:white;font-size:20px;font-weight:bold;border-radius:50%;}
.distance .ago .seedetail a{color:white;}
.distance .ago .view:hover .mask{display:block;}

.distance .luara{margin-top:50px;position:relative;}
.distance .luara .swiper-button-next{width:48px;height:48px;background:url(/uploads/image/l2img/arr-right.png) no-repeat;right:-60px;}
.distance .luara .swiper-button-prev{width:48px;height:48px;background:url(/uploads/image/l2img/arr-left.png) no-repeat;left:-60px;}

.montain{height:460px;background:url(/uploads/image/l2img/bottom.jpg) no-repeat center 0;}
.footer{height:40px;background:#282e33;line-height:40px;text-align:center;color:#b7b7b7;font-size:14px;}
.footer img{margin-left:10px;position:relative;top:-1px;}
.footer a{color:#b7b7b7;}