*{margin:0;padding:0;border:0;}
html,body{width:100%;height:100%; }
ul,ol,li{list-style:none}
a{text-decoration:none; display: inline-block;}
img{width:100%;display:block;}
.home{overflow: hidden;}
.home .wrapper{ height:calc(100vh - 50px); }
.wrapper{ width:100%; position: relative; }

.top_nav{ position: absolute; top:80px; right:20px; z-index:3; font-size:0;}
.top_nav a{color: #fff; margin: 0; font-size: 22px; font-weight: 100; width: 190px; height: 36px; line-height: 36px; display: inline-block; text-align: center; position: relative;}
.top_nav a.cur{ background-image:url(img/nav_cur.png); }
.top_nav a.cur:before{ opacity:1; transform: rotate(0deg);left:15px;}
.top_nav a.cur:after{ opacity:1; transform: rotate(0deg);right:15px;}

.soc_box{ width:50px; position: fixed; top:50%; transform:translateY(-50%); right:20px; z-index:2 }
.soc_box:before{ content:""; display:block; width:16px; height:138px; background-image:url(img/soc_line.png); position: absolute; top:-140px; left:50%; margin-left:-8px; }
.soc_box:after{ content:""; display:block; width:16px; height:138px; background-image:url(img/soc_line.png); position: absolute; bottom:-140px; left:50%; margin-left:-8px; transform: rotateX(180deg);}
.soc_box a{ display:block; position: relative; margin:5px 0;}
.soc_box a img{ transition:.5s }
.soc_box a:hover img{ transform:scale(1.05); }
.soc_box a:after{content: ""; display: block; width: 16px; height: 17px; background-image: url(img/ico_star.png); background-size: 100% 100%; position: absolute; bottom: -10px; left: 50%; margin-left: -8px;}
.soc_box a:last-child:after{ display:none; }

.wrapper .mainSwiper{ width:100%; height:100%; position: relative; overflow:hidden; z-index:0; transform-origin:0 0 }
.wrapper .mainSwiper .swiper-slide{ width:100%; height:100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center;}
.wrapper .mainSwiper .part_1{ background-image:url(img/home.jpg); }
.wrapper .mainSwiper .part_2{background-image: url(img/part_2.jpg); }
.wrapper .mainSwiper .part_3{background-image: url(img/part_3.jpg); background-position: center center;}
.wrapper .mainSwiper .part_4{background-image: url(img/soc_bg.jpg); background-position: center center; height: 450px;}

.logo{ width:250px; position: absolute; top:70px; left:20px; filter:drop-shadow(0px 0px 10px #000); z-index: 2}
.part_1 .slogan_box{ width:1198px; position: absolute; top:50%; left:50%; transform:translate(-50%,-57%); z-index:1; }
.part_1 .slogan_box .yy_numb{ width:727px; height:48px; background-image:url(img/yynumb_bg.png); position: absolute; top:540px; left:50%; transform:translateX(-50%); text-align: center;}
.part_1 .slogan_box .yy_numb .t{ height:48px; line-height:48px; font-family:simsun; font-size: 26px; font-weight: bold;background: linear-gradient(to bottom, #abdbfb,#ceeeff, #e4f5ff); display: inline; vertical-align: bottom; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; padding-left: 10px}
.part_1 .slogan_box .yy_numb .numb{ display:inline-block; font-size:60px; line-height: 48px;position: relative; transform: translate(-10px,-10px) skewX(-10deg); vertical-align:bottom; font-family: simsun;background: linear-gradient(to bottom, #fefeff,#c3e4ff 42%,#f1f9ff 42%,#f1f9ff,#c6e3ff,#e8f3ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.part_1 .slogan_box .btn_yy{ width:533px; display:block; position: absolute; top:630px; left:50%; margin-left:-267px; transition: .5s}
.part_1 .slogan_box .btn_yy:hover{ transform:scale(1.02); }
.part_1:after{ content:""; display:block; width:167px; height:93px; background-image:url(img/tip.png); position: absolute; bottom:0; left:50%; margin-left:-83px; animation:tip .5s linear infinite alternate; }

@keyframes tip{
	0%{ transform:translateY(-3px); }
	100%{ transform:translateY(3px); }
}

.part_2 .yuyue_t{ width:326px; display:block; position: absolute; top:5px; left:240px; }

.part_2 .yuyue_box{ width:100%; height:850px; position: absolute; top:130px; left:0; }
.part_2 .yuyue_box:before{ content:""; display:block; width:100%; height:850px; background-image:url(img/yuyue_line.png); background-size: 100% 100%; position: absolute; top: -130px; left: 0; z-index: 3; pointer-events: none;}
.part_2 .yuyue_box ul li{ position: absolute; cursor: pointer;}
/*.part_2 .yuyue_box ul li:after{ content:""; display:block; width:366px; height:358px; position: absolute; top:0; left:0; z-index: 4; background-color:#3c4e5a; opacity:.5; mix-blend-mode:hue; }*/
.part_2 .yuyue_box ul li:nth-child(1){ width:366px; top:100px; left:38px; }
.part_2 .yuyue_box ul li:nth-child(2){ width:365px; top:212px; left: 365px;}
.part_2 .yuyue_box ul li:nth-child(3){ width:357px; top: 60px; left: 728px;}
.part_2 .yuyue_box ul li:nth-child(4){ width:345px; top: 245px; left: 1070px;}
.part_2 .yuyue_box ul li:nth-child(5){ width:413px; top: 55px; left: 1424px;}
.part_2 .yuyue_box ul li img{ display:block; width: auto; position: absolute; z-index:0;  filter: brightness(.7); transition: .3s;}
.part_2 .yuyue_box ul li img:nth-child(1){ filter: sepia(50%) hue-rotate(175deg) brightness(0.5); }
.part_2 .yuyue_box ul li img:nth-child(2){ pointer-events:none; }
.part_2 .yuyue_box ul li img:nth-child(3){ pointer-events:none; }
.part_2 .yuyue_box ul li:nth-child(1) img:nth-child(2){ top:-5px; left:105px; z-index:1; }
.part_2 .yuyue_box ul li:nth-child(1) img:nth-child(3){ top:135px; left:45px; z-index:2; }
.part_2 .yuyue_box ul li:nth-child(2) img:nth-child(2){ top:0; left:45px; z-index:1; }
.part_2 .yuyue_box ul li:nth-child(2) img:nth-child(3){ top:135px; left:170px; z-index:2; }
.part_2 .yuyue_box ul li:nth-child(3) img:nth-child(2){ top:-15px; left:85px; z-index:1; }
.part_2 .yuyue_box ul li:nth-child(3) img:nth-child(3){ top:125px; left:40px; z-index:2; }
.part_2 .yuyue_box ul li:nth-child(4) img:nth-child(2){ top:12px; left:56px; z-index:1; }
.part_2 .yuyue_box ul li:nth-child(4) img:nth-child(3){ top:142px; left:169px; z-index:2; }
.part_2 .yuyue_box ul li:nth-child(5) img:nth-child(2){ top:0; left:-16px; z-index:1; }
.part_2 .yuyue_box ul li:hover img{ filter:brightness(1) hue-rotate(0) sepia(0); }
.part_2 .yuyue_box ul li.cur img{ filter:brightness(1) hue-rotate(0) sepia(0); }
.part_2 .yuyue_box ul li:nth-child(1):hover img:nth-child(2){ top:-60px; left:180px; transform:rotate(12deg); }
.part_2 .yuyue_box ul li:nth-child(1):hover img:nth-child(3){ top:90px; left:33px; transform:rotate(-15deg); transition: .5s}
.part_2 .yuyue_box ul li:nth-child(2):hover img:nth-child(2){ top:-90px; left:0px; transform:rotate(-25deg); }
.part_2 .yuyue_box ul li:nth-child(2):hover img:nth-child(3){ top:55px; left:200px; transform:rotate(40deg); transition:.4s }
.part_2 .yuyue_box ul li:nth-child(3):hover img:nth-child(2){ top:-120px; left:-20px; transform:rotate(-25deg); transition:.4s }
.part_2 .yuyue_box ul li:nth-child(3):hover img:nth-child(3){ top:75px; left:200px; transform:rotate(40deg); }
.part_2 .yuyue_box ul li:nth-child(4):hover img:nth-child(2){ top:-80px; left:160px; transform:rotate(15deg); }
.part_2 .yuyue_box ul li:nth-child(4):hover img:nth-child(3){ top:60px; left:25px; transform:rotate(-40deg); transition:.4s }
.part_2 .yuyue_box ul li:nth-child(5):hover img:nth-child(2){ top:-100px; left:-40px; transform:rotate(-8deg); }


.part_3 .inner{ width:1560px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.part_3 .focus{ width:720px; height:405px; float:left; position: relative; margin-top: 50px;}
.part_3 .focus img{ width:720px; height:405px; transition: .5s;}
.part_3 .focus .slide{ width:720px; height:405px; overflow:hidden; }
.part_3 .focus .slide:hover img{ transform:scale(1.02); }
.part_3 .focus:before{ content:""; display:block; width:798px; height:476px; background-image:url(img/focus_bg.png); position: absolute; top:-58px; left:-39px; z-index:-1 }

.part_3 .flex-viewport{ height: 405px; position: relative; overflow: hidden; z-index:2 }
.part_3 .focus .flex-control-paging{width:100%;height:4px;display:inline-block;position:absolute;left:0;bottom:-22px;text-align:center; z-index: 4;}
.part_3 .focus .flex-control-paging li{ display: inline-block; margin: 0 17px; width: 54px; height: 54px;}
.part_3 .focus .flex-control-paging li a{width: 54px; height: 54px; background-image: url(img/dot.png); background-size: 200% 100%; background-position: right; display:block; text-indent: -9999px; cursor:pointer; position: relative;}
.part_3 .focus .flex-control-paging li a.flex-active{ background-position:left; }
.part_3 .focus .flexslider{position:relative;}
.part_3 .focus .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;list-style-type:none;}

.part_3 .news{ width:780px; height: 535px; float:right; }
.part_3 .news .news_tab{ width:100%; height:95px; line-height:95px; position: relative;}
.part_3 .news .news_tab:before{ content:""; display:block; width:100%; height:20px; background-image:url(img/line.png); position: absolute; top: 95px; left: 0}
.part_3 .news .news_tab ul li{ width:22%; height: 95px; float:left; position: relative; text-align: center;}
.part_3 .news .news_tab ul li a{ font-size:32px; color:#fff; font-weight: 100;}
.part_3 .news .news_tab ul li a:hover{ color:#80baf6; }
.part_3 .news .news_tab ul li:before{content: ""; display: block; width: 80px; height: 33px; background-image: url(img/news_line.png); background-size: 100% 100%; position: absolute; top: 35px; left: -45px;}
.part_3 .news .news_tab ul li:first-child:before{ display:none }
.part_3 .news .news_tab ul li:first-child:after{ content:""; display:block; width:98px; height:84px; background-image:url(img/news_tab.png); position: absolute; top: 5px; left: 35px}
.part_3 .news .news_tab ul li.cur a{ opacity:0 }

.part_3 .news .news_list{ width:100%; margin-top:20px; }
.part_3 .news .news_list ul li{ width:100%; border-bottom:1px rgba(77, 116, 210, .2) solid; font-size:24px; line-height:85px; height:85px; }
.part_3 .news .news_list ul li a{ width:100%; }
.part_3 .news .news_list ul li .news_name{ color:#80baf6; display: block; float: left; margin-right: 10px;}
.part_3 .news .news_list ul li .news_time{ color:#fff; opacity:.3; float:right; display:block; }
.part_3 .news .news_list ul li b{ width: 560px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:100; color:#fff; display: block; float: left; transition: .5s}
.part_3 .news .news_list ul li a:hover b{ color:#80baf6; }

.part_3 .news .more{ font-size:28px; color:#fff; float:right; font-weight:normal; margin-top:50px; font-weight:100; transition: .5s}
.part_3 .news .more img{ display:inline-block; vertical-align:middle; width: 42px;}
.part_3 .news .more:hover{ color:#80baf6 }


.part_4 .soc{ width:700px; position: absolute; top:160px; left:50%; margin-left:-355px; text-align: center;}
.part_4 .soc a{ width:80px; height:80px; display:inline-block; margin:0 25px; border:1px #9ab6e1 solid; border-radius:10px; background-image: url(img/ico_soc.png); transition: .5s}
.part_4 .soc a:nth-child(1){ background-position:0 0 }
.part_4 .soc a:nth-child(2){ background-position:-80px 0 }
.part_4 .soc a:nth-child(3){ background-position:-160px 0 }
.part_4 .soc a:nth-child(4){ background-position:-240px 0 }
.part_4 .soc a:nth-child(5){ background-position:-320px 0 }
.part_4 .soc a:hover{ transform:scale(1.02); border:1px #fff solid; }

.part_4 .soc_wx{ width:420px; position: absolute; top:115px; left:50%; margin-left:420px; }
.part_4 .soc_wx ul li{ width:140px; float:left; margin-right:70px; text-align: center; color: #9ab6e1;}
.part_4 .soc_wx ul li b{ font-size:16px; font-weight:normal; line-height:30px; }
.part_4 .soc_wx ul li .qrcode{ width:100%; height:140px; background-color:#fff; border-radius:10px; box-sizing:border-box; padding:5px }
.part_4 .soc_wx ul li p span:nth-child(1){ font-size:18px; font-weight:bold; display:block; margin-top:7px; line-height: 20px;}
.part_4 .soc_wx ul li p span:nth-child(2){ font-size:12px; line-height:20px; }

.pop{ width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, .8); z-index: 9; display: none}
.pop .pop_inner{ width:600px; min-height: 555px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-image: url(img/pop_1.png); background-size: 100% 100%}
.pop .close{ width: 68px; display:block; position: absolute; top:50px; right: 40px; transition: .5s; z-index: 3}
.pop .close:hover{ transform:scale(1.05); }
.pop .pop_con{ width:100%; padding:25px 20px; box-sizing:border-box; overflow: hidden; }
.pop .pop_t{ width:466px; height: 52px; line-height: 46px; text-align: center; font-family: simsun; display:block; margin:45px auto 0; font-size:28px; color:#627290; font-weight: bold; letter-spacing: -1px; position: relative;}
.pop .pop_t:before{content: ""; display: block; width: 300px; height:3px; position: absolute; top: 50px; left: 50%; margin-left: -150px; background-image: linear-gradient(to right,rgba(182, 199, 231, 0),rgba(182, 199, 231, 1),rgba(182, 199, 231, 1),rgba(182, 199, 231, 1),rgba(182, 199, 231, 0))}
.pop.successPop .pop_t:before{ display:none }
.pop .xcx{ width:140px; height:140px; padding:15px; background-color:#fff; border-radius:140px; border:1px #c1c1c1 solid; margin:30px auto; position: relative; }
.pop .xcx img{ border-radius:140px; }
/* .pop .xcx:before{ content:""; display:block; width: 63px; height:63px; background-image: url(https://ftimg.friendtimes.cn/images/fsyll/cn/icon/2/256.png); background-size: 100% 100%; border-radius:60px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); } */
.pop .yy_xcx p{ font-size:20px; color:#627290; text-align: center; }
.pop .yy_xcx a{ width:134px; height:40px; line-height:40px; color:#627290; display:block; margin:20px auto 0; border-radius:40px; border:1px #627290 solid; text-align: center; font-size:17px; text-align: center; transition:.5s }
.pop .yy_xcx a:hover{ color:#333; border:1px #333 solid; }
.pop .phone_form{width: 440px; margin: 10px auto 0; padding-bottom: 40px;}
.pop .phone_form ul li{ margin:10px 0; text-align: center; overflow: hidden;}
.pop .phone_form ul li label{ width:30%; display:inline-block; font-size: 20px; color:#c1c1c1; line-height: 60px;}
.pop .phone_form ul li label input{ display:inline-block; vertical-align: middle; width: 16px; height: 16px; margin-top: -3px; font-size: 16px; color: #333}
.pop .phone_form ul li label span{ display:inline-block; vertical-align: middle; margin-left: 6px;}
.pop .phone_form ul li input{ height:60px; line-height:60px; background-color:#fff; border-radius:5px; box-sizing: border-box; border:1px #bdbee0 solid; text-indent:15px; outline:none }
.pop .phone_form ul li .phone{ width:100%; }
.pop .phone_form ul li .imgCode{ width: 290px; float:left; }
.pop .phone_form ul li .phone_code{ width: 290px; float:left; }
.pop .phone_form ul li .vf_img{ float:left; width:140px; height:60px; float:right; background-color:#fff; border-radius:5px; border:1px #bdbee0 solid; box-sizing:border-box; }
.pop .phone_form ul li .get_code{ float:left; width:140px; height:60px; line-height: 60px; float:right; background-color:#7d8fb0; color: #fff; border-radius:5px;  }
.pop .phone_form ul li .get_code.timeout{ background-color: #999; }
.pop .phone_form ul li .get_code:hover{ background-color:#b1938b }
.pop .phone_form ul li .get_code.timeout:hover{ background-color: #999; }
.pop .phone_form ul li button{ width: 420px; height:73px; display:block; margin:0 auto; background-image:url(img/btn_yy.png); background-size: 100% 100%; background-color:transparent; transition:.5s; cursor:pointer; }
.pop .phone_form ul li button:hover{ transform:scale(1.02); }
.pop .phone_form ul li .back{ font-size: 16px; color:#767ea6; text-align: center; line-height:30px; display:block; transition: .5s; position: relative; z-index: 2}
.pop .phone_form ul li .back:hover{ color:#4689ce }
.pop .phone_form ul li:last-child{ margin:0; height:30px; padding-bottom: 40px;}

.pop .qrcode_box{ width:100%; text-align: center; }
.pop .qrcode{ width:180px; display:inline-block; margin:0 15px; padding-top:15px; }
.pop .qrcode img{ width:180px; display:block; margin:15px auto 0; border-radius:10px; border: 1px #ddd solid; overflow: hidden;}
.pop .qrcode span{ font-size:16px; display:block; color: #333; padding-top: 10px;}
.pop .qrcode p{ margin:20px 0 15px 0; font-size: 20px; color:#2f96ff }
.pop .qrcode a{ width:120px; height:38px; line-height:38px; margin: 20px auto 0; border-radius:5px; border:1px #2f96ff solid; font-size: 14px; color: #2f96ff; transition: .5s}
.pop .qrcode a:before{content: "一键加群"}
.pop .qrcode a:hover{ background-color:#2f96ff; color:#fff }

.pop .pop_txt{ margin-top:20px; text-align: center; font-size: 16px; line-height: 30px; color: #333}
.pop .pop_txt span{ color:#d69f41 }




.ny_wrapper{ width:100%; min-height: calc(100% - 130px); background-attachment: fixed; background-image:url(img/part_3.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}
.ny_wrapper .logo{ width:260px; display:block; position: absolute; top:70px; left:20px; z-index: 3}

.ny_wrapper .news_tab{ width:1280px; height:95px; line-height:95px; margin: 0 auto; padding-top: 160px; position: relative;}
.ny_wrapper .news_tab:before{ content:""; display:block; width:100%; height:20px; background-image:url(img/line.png); position: absolute; top: 255px; left: 0}
.ny_wrapper .news_tab ul li{ width:220px; height: 95px; float:left; position: relative; text-align: center; }
.ny_wrapper .news_tab ul li a{ font-size:36px; color:#fff; font-weight: 100; transition: .5s}
.ny_wrapper .news_tab ul li a:hover{ color:#80baf6; }
.ny_wrapper .news_tab ul li:before{content: ""; display: block; width: 80px; height: 33px; background-image: url(img/news_line.png); background-size: 100% 100%; position: absolute; top: 32px; left: -45px; filter: brightness(1.5);}
.ny_wrapper .news_tab ul li:first-child:before{ display:none; }
.ny_wrapper .news_tab ul li.cur a{ opacity:0 }
.ny_wrapper .news_tab ul li.cur:after{ content:""; display:block; width:180px; height:133px; background-image:url(img/news_name.png); background-size: 400% 100%; position: absolute; top:50%; left:50%; transform:translate(-55%,-60%); }
.ny_wrapper .news_tab ul li.cur:nth-child(1):after{ background-position: 0 0;}
.ny_wrapper .news_tab ul li.cur:nth-child(2):after{ background-position: 33.33% 0;}
.ny_wrapper .news_tab ul li.cur:nth-child(3):after{ background-position: 66.66% 0;}
.ny_wrapper .news_tab ul li.cur:nth-child(4):after{ background-position: 100% 0;}

.ny_wrapper .ny_news_list{ width:100%; margin:0 auto; padding-top:20px; }
.ny_wrapper .ny_news_list ul li{ width:100%; height:100px; padding:35px 0; border-bottom:1px rgba(255, 255, 255, .1) solid; transition: .5s}
.ny_wrapper .ny_news_list ul li:hover{ background-color:rgba(0, 0, 0, .2); }
.ny_wrapper .ny_news_list ul li a{ width:1100px; margin:0 auto; display:block; transition: .5s}
.ny_wrapper .ny_news_list ul li:hover a{ transform:translateX(-20px); }
.ny_wrapper .ny_news_list ul li:hover .info b{ color:#80baf6; font-weight:bold; }
.ny_wrapper .ny_news_list ul li:hover .intro{ color:#fff;}
.ny_wrapper .ny_news_list ul li .info{ width:100%; height:45px; line-height:45px; font-size:24px; }
.ny_wrapper .ny_news_list ul li .info .news_t{ color:#80baf6; float:left; display: block;}
.ny_wrapper .ny_news_list ul li .info .news_time{ font-size: 18px; color:#fff; float:right; display: block;}
.ny_wrapper .ny_news_list ul li .info b{ font-weight:100; color:#fff; display:block; float:left; margin-left: 15px; transition: .5s}
.ny_wrapper .ny_news_list ul li .intro{ font-size:16px; color:#c3d5ff; line-height:25px; margin-top: 5px;}

.ny_wrapper .news_head{ width:1280px; margin:0 auto; border-bottom:1px rgba(255, 255, 255, .1) solid; height:100px; line-height:100px; font-size:16px; color:#fff; padding-top: 100px;}
.ny_wrapper .news_head .back{ width:85px; display:block; float: left; transition: .5s; z-index: 3}
.ny_wrapper .news_head .back:hover{ transform:scale(1.02); }
.ny_wrapper .location{ float:right;}
.ny_wrapper .location a{ color:#fff; margin:0 10px; }

.ny_wrapper .news_content{width:1100px;margin:0 auto;}
.ny_wrapper .news_content .news_title{text-align:center;padding:40px 0 30px 0;}
.ny_wrapper .news_content .news_title h1{font-size:28px;color:#fff;}
.ny_wrapper .news_content .news_title span{font-size:14px;color:#fff;display:block;margin-top:15px;}
.ny_wrapper .news_content .news_title span:before{content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(img/ico_time.png); vertical-align: middle; margin: -3px 5px 0 0}
.ny_wrapper .news_content .content{font-size:16px;color:#cab5af;line-height:30px; padding-bottom: 80px}
.ny_wrapper .news_content .content *{font-size:16px!important;line-height:30px!important;max-width:100%;background-color:transparent!important;text-wrap:initial!important; font-family: Microsoft YaHei!important; color: #fff!important}
.ny_wrapper .news_content .content img{ width:auto!important; max-width:100%!important; display:inline-block!important;}
.ny_wrapper .news_content .content table{ border-top:1px #000 solid; border-left:1px #000 solid; border-collapse: collapse;}
.ny_wrapper .news_content .content table tr td{ border-bottom:1px #000 solid; border-right:1px #000 solid; }
.ny_wrapper .news_content .content video{ width:100% }


.pagenum_Me{width:100%;height:20px;margin:0 auto;padding:40px 0;font-size:12px}
.pagenum_Me ul{text-align:center;list-style:none}
.pagenum_Me ul li{position:relative;display:inline;padding:6px 10px;margin:0px 3px;border:1px solid rgba(255, 255, 255, .2); background-color: rgba(0, 0, 0, .35); color: #fff;}
.pagenum_Me ul li a{text-decoration:none;color:#fff}
.pagenum_Me ul li a:hover{text-decoration:underline}
.pagenum_Me .selected{position:relative;font-weight:bold;border:1px solid #d7a589;background:#ac7553}
.pagenum_Me .selected a{text-decoration:none;color:#fff}


.pop_video{ width:100%; height: 100%; position:fixed; top:0; left:0; z-index:11; background:rgba(0,0,0,.8); display:none;}
.pop_video .inner{position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:11; padding:5px; background:#000;}
.pop_video #video_src{ max-width: 70vw; max-height: 90vh; display: block; transition: .5s;}
.pop_video .video_close{ width:39px; height:39px; position:absolute; top:0px; right:-39px; background-color: #000; display:block; transition: .3s; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcBAMAAABv4amZAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMA3SJE7nfMEfAFmv4AAAB5SURBVBjTVc/BCYNAGAXhR0JSgISck1QQQQuQbcFCtATBwhUG/sGFPSzfHN7m8Y9nTNbm8z4tub0Mhi7Jt8mfhEAmkEMgE8gEsAFsABvABjNcwQbX8p0NtbxvF+7Y4McYWRxGyoyUCWQCmUAmKDaADZ4wwfu8cvLLARwFEm2CnTmGAAAAAElFTkSuQmCC");}
.pop_video .video_close:hover{ transform:rotate(90deg);}