@charset "utf-8";
/*CSS Document*/
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none; cursor: pointer;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.fl{ float: left}
.fr{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

/* 去除点击选项卡时出现的蓝色边框 */
/*.swiper-pagination .swiper-pagination-bullet:focus{ outline: none; }*/
/* 去除点击选项卡时出现的蓝色背景 */
/*.swiper-pagination-clickable .swiper-pagination-bullet{ cursor: auto; }*/
.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus{ outline: none; }

body{ -webkit-text-size-adjust: 100%; }
.wrap{ position: relative; width: 1200px; margin: 0 auto;}

/*box1*/
.box1{ background: url(../images/box1.jpg) no-repeat center top; }
.logo{ position: absolute; top: 59px; left: 88px; }
.box1 .wrap{ height: 1722px; }
.login, .logout{ position: absolute; top: 1243px; left: 46px; font-size: 24px; color: #FFF; display: none; }
.login a{ display: inline-block; width: 440px; height: 64px; line-height: 64px; text-align: center; background-color: #2a66a5; border: 3px solid #FFF; border-radius: 35px; font-weight: bold; color: #FFF; }
.logout{ height: 35px; line-height: 35px; }
.logout a{ color: #FFF; }
.browser_share { position: absolute; top: 1255px; right: 65px; }
#share_btn_wrap span { position: relative; display: inline-block; vertical-align: middle; margin-left: 20px; width: 48px; height: 48px; cursor: pointer; }
#share_copy { background: url(../images/share_copy.png) no-repeat center center; }
#share_weixin { background: url(../images/share_weixin.png) no-repeat center center; }
#share_weibo { background: url(../images/share_weibo.png) no-repeat center center; }
#slide_weixin { display: none; position: absolute; width: 300px; left: 50%; margin-left: -150px; bottom: 50px; }
.slide_wx_cont { position: relative; margin: 20px auto 0; height: 380px; background-color: #fff; border-radius: 10px; text-align: center; }
#close_weixin { position: absolute; width: 47px; height: 47px; right: -20px; top: -20px; background: url(https://mountain.show.173.com/images/icon_close2.png); background-size: 100% auto; }
.slide_wx_cont p { padding-top: 20px; font: normal 24px/36px "Microsoft Yahei"; color: #4d4d4d; }
#q_code { position: relative; width: 260px; height: 260px; margin: 10px auto 0; overflow: hidden; }
#q_code img { position: absolute; width: 260px; height: 260px; left: 0; top: 0; z-index: 2; opacity: 1; }
#share_copy_link { height: 100%; opacity: 0; position: absolute; width: 100%; left: 0; top: 0; }
.box1_text{ position: absolute; top: 1364px; left: 0; width: 100%; text-align: center; font-size: 20px; color: #deeefe; }
.box1_num1, .box1_num2{ position: absolute; font-weight: bold; font-size: 24px; color: #171717; }
.box1_num1{ top: 1502px; left: 410px; }
.box1_num2{ top: 1490px; left: 1070px; }

/*box2*/
.box2{ background: url(../images/box2.jpg) no-repeat center top; }
.box2 .wrap{ height: 1449px; }
.box2_btn{ position: absolute; top: 920px; left: 0; width: 100%; text-align: center; }
.box2_btn a{ display: inline-block; margin: 0 100px; width: 210px; height: 73px; }
.box2_btn1{ background: url(../images/box2_btn1.png) no-repeat 0 0; }
.box2_btn2{ background: url(../images/box2_btn2.png) no-repeat 0 0; }
.box2_list{ position: absolute; top: 1080px; left: 50%; margin-left: -450px; width: 900px; height: 148px; overflow: hidden; }
.box2_list li{ height: 37px; line-height: 37px; font-size: 20px; color: #000; }
.box2_list li p{ float: left; width: 410px; padding: 0 20px; }
.box2_list li .name{ display: inline-block; vertical-align: top; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*.box2_list li p:nth-child(2){ margin-left: 50px; }*/

/*box3*/
.box3{ background: url(../images/box3.jpg) no-repeat center top; }
.box3 .wrap{ height: 1540px; }
.box3_bag{ position: absolute; top: 884px; left: 0; width: 100%; text-align: center; font-weight: bold; font-size: 20px; color: #FFF; }
.box3_num{ position: absolute; width: 246px; text-align: center; font-weight: bold; font-size: 20px; color: #000; }
.box3_num1, .box3_num2, .box3_num3{ top: 1105px; }
.box3_num4, .box3_num5{ top: 1353px; }
.box3_num1{ left: 149px; }
.box3_num2{ left: 478px; }
.box3_num3{ left: 808px; }
.box3_num4{ left: 288px; }
.box3_num5{ left: 658px; }

/*box4*/
.box4{ background: url(../images/box4.jpg) no-repeat center top; }
.box4 .wrap{ height: 1378px; }
.box4_state{ position: absolute; top: 347px; left: 83px; width: 826px; height: 463px; }
.box4_state:before, .box4_state:after{ content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/box4_state.png) no-repeat; }
.box4_state:before{ background-position: 0 0; z-index: 2; }
.box4_state:after{ background-position: 0 -463px; z-index: 1; }
.box4_num{ position: absolute; right: 74px; width: 169px; text-align: center; font-weight: bold; font-size: 20px; color: #000; }
.box4_num1{ top: 520px; }
.box4_num2{ top: 720px; }
.box4 ul{ position: absolute; top: 874px; left: 50%; margin-left: -557px; width: 1115px; }
.box4 li{ position: relative; float: left; width: 135px; height: 134px; margin: 0 44px; background: url(../images/box4_ul.png); cursor: pointer; }
.box4 li:nth-child(1){ background-position: 0 0; }
.box4 li:nth-child(1).on{ background-position: 0 -134px; }
.box4 li:nth-child(2){ background-position: -223px 0; }
.box4 li:nth-child(2).on{ background-position: -223px -134px; }
.box4 li:nth-child(3){ background-position: -446px 0; }
.box4 li:nth-child(3).on{ background-position: -446px -134px; }
.box4 li:nth-child(4){ background-position: -668px 0; }
.box4 li:nth-child(4).on{ background-position: -668px -134px; }
.box4 li:nth-child(5){ background-position: -891px 0; }
.box4 li:nth-child(5).on{ background-position: -891px -134px; }
.box4 li p{ position: absolute; bottom: -49px; left: 0; width: 100%; text-align: center; font-weight: bold; font-size: 20px; color: #FFF; }
.box4_btn{ position: absolute; top: 1113px; left: 50%; transform: translate(-50%, 0); width: 210px; height: 73px; background: url(../images/box4_btn.png) no-repeat 0 0; }

/*box5*/
.box5{ background: url(../images/box5.jpg) no-repeat center top; }
.box5 .wrap{ height: 728px; }
.box5 ul{ position: absolute; top: 215px; left: 50%; transform: translate(-50%, 0); width: 1020px; }
.box5 li{ margin-bottom: 15px; line-height: 26px; font-size: 20px; color: #deeefe; }
.box4_info{ position: absolute; top: 600px; left: 0; width: 100%; text-align: center; font-size: 20px; color: #deeefe; }
.box4_info p{ display: none; }
.box4_info p span{ padding: 0 10px; }

/*box6*/
.box6{ background: url(../images/box6.jpg) no-repeat center top; }
.box6 .wrap{ height: 1886px; }
.box6_team_tit{ text-align: center; }
.box6_team_tit img{ margin: 0 100px; }
.box6_content{ margin: 110px auto 0 auto; width: 1130px; height: 1480px; padding-right: 10px; overflow-x: hidden; overflow-y: auto; }
.box6_content::-webkit-scrollbar{ width: 12px; border-radius: 12px; background: #f9ea98; }
.box6_content::-webkit-scrollbar-thumb{ background-color: #eac603; border-radius: 12px; }
.box6_team{ padding-left: 85px; }
.box6_obj{ position: relative; width: 464px; height: 170px; margin-bottom: 15px; background: url(../images/box6_obj.png) no-repeat 0 0; }
.box6_obj .num{ position: absolute; top: 50%; left: -85px; transform: translate(0, -50%); width: 79px; height: 80px; line-height: 80px; text-align: center; background: url(../images/box6_num.png) no-repeat 0 0; font-weight: bold; font-size: 24px; color: #FFF; }
.box6_obj .head{ position: absolute; top: 50%; left: 26px; transform: translate(0, -50%); width: 75px; height: 75px; border-radius: 100%; }
.box6_obj .info{ position: absolute; top: 0; left: 120px; height: 100%; display: table; line-height: 35px; font-size: 20px; color: #000; }
.box6_obj .cell{ display: table-cell; vertical-align: middle; }
.box6_obj .name{ width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box6_obj .reward{ position: absolute; top: 0; right: 24px; height: 100%; display: table; text-align: right; line-height: 35px; font-size: 20px; color: #000; }

/*box7*/
.box7{ background: url(../images/box7.jpg) no-repeat center top; }
.box7 .wrap{ height: 597px; }
.foot_code{ text-align: center; }
.foot_code span{ display: inline-block; margin: 0 90px; font-size: 22px; color: #FFF; }
.foot_code img{ width: 160px; height: 160px; border: 4px solid #0b0a0a; border-radius: 3px; }

/*弹出框*/
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none; z-index: 10; }
.pop_content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 580px; padding: 70px 30px; background: #FFF; border: 6px solid #2a66a5; border-radius: 10px; }
.close{ position: absolute; top: 16px; right: 16px; width: 18px; height: 18px; background: url(../images/close.png) no-repeat 0 0; }
.pop_text{ text-align: center; line-height: 30px; font-weight: bold; font-size: 20px; color: #000; }