.wrap { width: 100%; min-width: 1200px; margin: 0 auto; position: relative; margin: 0 auto; } 
.wrap img { display: block; } 
.w1200 { width: 1200px; margin: 0 auto; position: relative; } 
img { outline: 0 none; width: 100%; } 
body { width: 100%; overflow-x: hidden; margin: 0 auto; background: #000; font-family: Microsoft Yahei, Arial; } 

.disabled { pointer-events: none; cursor: default; } 


/* topbar */
.topbar { position:fixed; top: 0; left: 0; z-index: 10; background: url(../images/topbar.png) no-repeat; background-size: 100%; width: 100%; height: 1.89rem; min-width: 1200px; } 
.topbar_nav { display: flex; justify-content: center; } 
.topbar_nav a { display: block; position: relative; width: 3.51rem; height: 1.32rem; } 
.topbar_nav a::after { content:''; width: 0.02rem; height: .84rem; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); background: #00ffde; } 
.topbar_nav a:last-child::before { content:''; width: 0.02rem; height: .84rem; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); background: #00ffde; } 

.topbar_nav a p { font-size: .28rem; color: #cecbd3; text-align: center; position: relative; z-index: 3; transform: scale(.9); line-height: 1.2; } 
.topbar_nav a p.tp1 { font-size: .35rem; color: #fff; padding-top: .12rem; transform: scale(1); margin-bottom: .05rem; } 


/* .topbar_nav a:hover .topbar_a_bg { background: url(../images/topbar_ahover.png); background-size: 100%; width: 3.61rem; height: 1.32rem; z-index: 2; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); } */
.topbar_nav a.act .topbar_a_bg { background: url(../images/topbar_ahover.png); background-size: 100%; width: 3.61rem; height: 1.32rem; z-index: 2; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); } 





/* top1-5 start*/
.list_picbox { width: 5.64rem; height: 3.62rem; overflow: hidden; position: relative; background: #fff; } 
.list_picbox img { width: 100%; height: 100%; object-fit: contain;} 
 
.listboxcont { position: absolute; top: 6.33rem; left: 50%; transform: translate(-50%,0); width: 29.05rem; } 
.listbox { display: flex; flex-wrap: wrap; width: 29.05rem; } 
.list_item { position: relative; width: 5.64rem; margin-right: .2rem;  } 
.list_item:nth-child(5n) { margin-right: 0; } 

.list_piczz { position: absolute; top: 0; left: 0; background: linear-gradient(to top,rgba(0, 0, 0, .4),rgba(0, 0, 0, 0)); width: 100%; height: 100%; transition:all 0.4s 0.1s ease; opacity:1; } 
/* .list_item:hover .list_piczz { opacity: 0; }  */



.top1_5 { background: url(../images/top1_5.png) no-repeat; background-size: 7rem; width: 1.24rem; height: 1.24rem; position: absolute; top: 0; left: 0; z-index: 2; } 

.listbox:nth-child(1) .list_item:nth-child(1) .top1_5 { background-position: 0 0; } 
.listbox:nth-child(1) .list_item:nth-child(2) .top1_5 { background-position: -1.34rem 0; } 
.listbox:nth-child(1) .list_item:nth-child(3) .top1_5 { background-position: -2.68rem 0; } 
.listbox:nth-child(1) .list_item:nth-child(4) .top1_5 { background-position: -4.02rem 0; } 
.listbox:nth-child(1) .list_item:nth-child(5) .top1_5 { background-position: -5.36rem 0; } 

.listbox:nth-child(2) .list_item:nth-child(1) .top1_5 { background-position: 0 -1.5rem; } 
.listbox:nth-child(2) .list_item:nth-child(2) .top1_5 { background-position: -1.34rem -1.5rem; } 
.listbox:nth-child(2) .list_item:nth-child(3) .top1_5 { background-position: -2.68rem -1.5rem; } 
.listbox:nth-child(2) .list_item:nth-child(4) .top1_5 { background-position: -4.02rem -1.5rem; } 
.listbox:nth-child(2) .list_item:nth-child(5) .top1_5 { background-position: -5.36rem -1.5rem; } 



.list_picdes_number { font-size: .28rem; color: #a3a3a3; } 
.list_picdes_time { font-size: .28rem; color: #a3a3a3; } 
.list_picdes_x { width: 100%; font-size: .32rem; color: #000000; display: flex; justify-content: space-between; } 
.list_picdes_name { width: 2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.list_picdes_txt { width: 3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: right; } 
.list_picdes { background: #fff; width: 100%; height: 1.5rem; padding: .2rem; box-sizing:border-box; } 

.list_flxe_des { display: flex; justify-content: space-between; margin-top: .14rem; } 

.listbox.mb32 { margin-bottom: .32rem; } 

/* top1-5 end*/












/* pop */
.close { 
 display: block; text-indent: -9999px; background: url(../images/popclose.png) no-repeat; background-size: 100%; width: 1.44rem; height: 1.44rem; position: absolute; top: 0.45rem; right: .2rem; 
}
.pop { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background: rgba(0, 0, 0, 0.8); 
 display: none; 
 z-index: 100; 
}
.pop_form { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index:10; } 
.pg_pop3 { background: url(../images/pg_pop3.png) no-repeat; background-size: 100% auto; width: 15.03rem; height: 11.43rem; } 
.pop_pg_tit { font-size:.7rem; color: #112838; border-bottom: 1px #759daf solid; width: 13.3rem; height: 1.6rem; display: flex; align-items: center; justify-content: center; font-weight: bold; margin: .3rem auto 0; padding-right: .63rem; box-sizing: border-box; } 
.table1 { 
 width: 13.3rem; 
 margin: 0 auto; 
 height:7.5rem; padding-top: 0; box-sizing: border-box; 
}
.table1 table { 
 width: 100%; 
}
.table1 td { 
 font-size: .36rem; 
 color: #0c4566; 
 height: 1.4rem; padding: 0; 
}
.table1 tr td:nth-child(1) { 
 width: 3.25rem; 
 padding-left:1.35rem; 
}
.table1 tr td:nth-child(2) { 
 padding-left:1.9rem; 
}
.table1 tr { 
 border-bottom: 1px solid #6eacce; 
}
.confirm { background: url(../images/pg_confirm.png) no-repeat; width: 15.03rem; height: 10.61rem; background-size: 100% 100%; } 
.getproimage { width: 6.8rem; margin: 1.2rem auto 0.2rem; } 
.getproname { font-size: 0.46rem; color: #1b5476; text-align: center; } 

.load_mcon { width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); } 
.load_img { width: 1rem; margin: 0 auto; } 
.load_txt { width: 100%; text-align: center; font-size: .35rem; color: #fff; padding-top: 0.1rem; } 
.pg_popcom { background: url(../images/pg_pop.png) no-repeat; background-size: 100% auto; width: 13.29rem; height: 8.58rem; } 
.pg_tips_main1 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 3rem; width: 11rem; margin: 2.5rem auto 0; position: relative; font-size: .56rem; color: #112838; } 
.pg_popgl { background: url(../images/pg_popgl.png) no-repeat; background-size: 100% auto; width: 15.03rem; height: 12.73rem; } 
.pg_p5_box { width: 13.3rem; margin: 0 auto; } 
.pg_p5_box_i { display: flex; border-bottom: 1px #88c3e0 solid; font-size: 0.36rem; color: #0c4566; padding: 0.06rem 0; } 
.pg_p5_box_i>div:first-child { padding-left: 2.8rem; width: 6.5rem; } 
.pgtopsv1 { width: 11.5rem; margin: 0 auto; text-align: center; color: #112838; font-size: 0.56rem; padding-top: 3.2rem; border-bottom: 1px #49a6da solid; padding-bottom: 0.7rem; margin-bottom: 0.7rem; } 
.bind-cont { width: 100%; display: flex; justify-content: center; } 
.bind_cancel { display: block; width: 4.38rem; height: 1.38rem; line-height: 1.38rem; background: url(../images/btn_blind2.png) no-repeat; background-size: 100% auto; font-size: 0.42rem; color: #cfefff; margin: 0 0.3rem; text-align: center; } 
.bind_finish { display: block; width: 4.38rem; height: 1.38rem; line-height: 1.38rem; background: url(../images/btn_blind1.png) no-repeat; background-size: 100% auto; font-size: 0.42rem; color: #05263a; margin: 0 0.3rem; text-align: center; } 
/* End */


.pop7 .close { top: .26rem; } 
.pop7 { 
 width: 21.24rem; 
 position: absolute; 
 left: 50%; 
 top: 50%; 
 transform: translate(-50%, -50%); 
 z-index: 10; 
}

 .p7_download { 
 display: block; 
 width: 2.5rem; 
 height: .85rem; 
 position: absolute; 
 right: .62rem; 
 bottom: .62rem; 
 background: #000000; 
 font-size: .42rem; 
 text-align: center; 
 line-height:.85rem; 
 color: #ffffff; 
 border: 1px solid #f8ad20; 
 background: rgba(248, 173, 32, 0.5); 
 
}


 
 .page_at { 
 position: relative; 
 width: 100%; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 text-align: center; 
 height: 1.2rem; 
 background: none; padding-top: 0; 
}
 .page_at a { 
 display: inline-block; 
 font-size: .44rem; 
 color: #0b4465; 
 padding: 0 .2rem; 
 text-decoration: none; 
}
 .page_at span.current { 
 color: #fcff1f; 
 font-weight: bold; 
}
 .page_at a.current { 
 color: #fcff1f; 
 font-weight: bold; 
}
 .page_at span.prev.current { 
 color: #0b4465; 
}
 .page_at span.next.current { 
 color: #0b4465; 
}
 .page_at span { 
 display: inline-block; 
 font-size: .44rem; 
 color: #0b4465; 
 padding: 0 .2rem; 
}
 a.prev,
 a.next { 
 color: #0b4465; 
 padding:0 0.2rem; 
 margin: 0 .2rem; 
 text-decoration: none; 
}