@charset "utf-8";
/* CSS Document */
body{width:100%;overflow-x:hidden;font-family: "Noto Sans SC", sans-serif;}
a:hover{text-decoration: none;}
.fancybox-skin{ background:none;}
.fancybox-opened .fancybox-skin{box-shadow:none;}
.bg{background:url(../images/bg.jpg) center top no-repeat #000;width:100%; position:relative;height: 1850px;}
.content{width:1032px; margin:0 auto; position:relative;  padding-top:390px;}
.fs_index{display:block;position:absolute;width:180px;height:73px;left:46px;top:28px;}
.top_link{ position:absolute; left:730px; top:51px; width:270px;}
.top_link a{ display:block; height:36px; margin-right:20px; width:132px; text-align:center; background:#6223d5; line-height:36px; text-decoration:none; color:#fff;}
.apply-btn{margin: 0 auto 45px;background: url(../images/apply_btn.png) no-repeat;width: 217px;height: 76px;position: relative;}
.apply-btn a{display: block;line-height: 76px;width: 100%;text-align: center;font-size: 22px;color: #ffff00;font-weight: bold;}
.apply-btn::after{display: block;background: url(../images/mic.png) no-repeat;content: "";position: absolute;width: 81px;height: 140px;left: -63px;top: -35px;}
.nav-wrap{width: 710px;margin: 0 auto 30px;display: flex;height: 60px;border-radius: 25px;background: #5f2bd4;justify-content: space-between;align-items: center;padding: 0 20px;}
.nav-btn{color: white;font-size: 16px;font-weight: bold;line-height: 60px;width: 115px;text-align: center;}
.nav-cur{color: #ffff00;}
.search-wrap{display: flex;justify-content: space-between;width: 120px;height: 30px;background: white;border-radius: 25px;align-items: center;padding: 0 10px;}
.search-text{display: block;background: none;border: 0;width: 80px;height: 20px;font-size: 14px;color: #5f2bd4;font-weight: bold;}
.search-text::placeholder{font-size: 14px;color: #5f2bd4;font-weight: bold;}
.search-btn{display: block;background: url(../images/search_icon.png) no-repeat;width: 21px;height: 22px;border: 0;}
.liver-list{display: flex;justify-content: left;width: 760px;margin: 0 auto;flex-wrap: wrap;}
.liver-list div{width: 145px;height: 200px;border: 2px solid #5f2bd4;background: white;border-radius: 25px;margin: 0 19px 33px;position: relative;padding-top: 15px;}
.liver-list div::after{display: block;position: absolute;content: "";background: url(../images/official_icon.png) no-repeat;width: 93px;height: 27px;top: -18px;left: 50%;margin-left: -46px;}

.liver-list div img{display: block;margin: 0 auto;width: 100px;height: 100px;border-radius: 100px;}
.liver-list div p{width: 96%;margin: 0 auto;}
.liver-type{text-align: center;line-height: 25px;color: #8d44d2;font-size: 12px;font-weight: bold;}
.liver-ID{text-align: center;line-height: 25px;color: #2e0e7e;font-size: 16px;font-weight: bold;}
.liver-list div a{display: block;width: 100px;height: 30px;text-align: center;line-height: 30px;border-radius: 25px;background: #be46fb;font-size: 14px;color: white;font-weight: bold;position: absolute;left: 50%;margin-left: -50px;bottom: -15px;}
.page-change{display: flex;justify-content: center;}
.page-change a{display: block;width: 180px;height: 45px;text-align: center;line-height: 45px;border: 3px solid #be46fb;background: #5f2bd4;box-sizing: border-box;font-size: 16px;color: white;font-weight: bold;border-radius: 25px;margin: 0 16px;}
.page-change a:hover{color: #ffff00;}
.rule-wrap{text-align: center;background: url(../images/rule.png) no-repeat;width: 798px;height: 120px;margin: 0 auto;padding-top: 120px;font-size: 18px;color: #be46fb;line-height: 30px;}

.detail-wrap{width: 650px;margin: 0 auto;background: white;border-top: 4px solid #02dfff;border-bottom: 4px solid #02dfff;padding: 50px;display: flex;justify-content: space-between;}
.info-left{width: 160px;height: 200px;border: 2px solid #5f2bd4;background: white;border-radius: 25px;box-sizing: border-box;padding-top: 18px;margin-bottom: 12px;position: relative;}
.info-left::after{display: block;position: absolute;content: "";background: url(../images/official_icon.png) no-repeat;width: 93px;height: 27px;top: -18px;left: 50%;margin-left: -46px;}
.info-left img{display: block;margin: 0 auto;width: 100px;height: 100px;border-radius: 100px;}
.info-left p{text-align: center;width: 100%;line-height: 25px;}
.detail-Left a{display: block;width: 160px;height: 42px;text-align: center;line-height: 42px;border-radius: 25px;background: #be46fb;font-size: 16px;color: white;font-weight: bold;}
.detail-Right{width: 450px;}
.info-right p{font-size: 16px;color: #8d44d2;font-weight: bold;line-height: 30px;}
.info-right p span{color: #2e0e7e;}
.info-text{width: 100%;display: flex;justify-content: space-between;}
.info-text p{width: 50%;}
.detail-img{width: 100%;margin-top: 20px;background: #5b5c8a;padding-bottom: 30px;}
.detail-img h2{margin-bottom: 30px;background: #5f2bd4;line-height: 30px;padding-left: 12px;color: white;font-size: 16px;}
.detail-img img{display: block;margin: 0 auto;}
.pop-img img{width: 200px;}
.back-btn{display: block;margin: 25px auto 0;width: 180px;height: 45px;text-align: center;line-height: 45px;border: 3px solid #be46fb;background: #5f2bd4;box-sizing: border-box;font-size: 16px;color: white;font-weight: bold;border-radius: 25px;}
.back-btn a:hover{color: #ffff00;}

#pop_wrap{width:720px; display:none;background:#0000a5;padding-bottom: 30px;border: 3px solid #be46fb;}
#pop_wrap p{text-align: center;font-size: 16px;color: white;line-height: 100px;}
.page{text-align: center;line-height: 50px;color: white;font-size: 14px;}
.page a{color: white;}