html,body,div,ul,ol,li,span,p,a,b,i,h1,h2,h3,img,input,select,textarea,button{margin:0;padding:0;border:0}
html,body{width:100%;height: 100%;margin:0 auto;position:relative;}
ul,ol,li{list-style:none;}
input,select,textarea,button{outline:none;}
a{ text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none;}

.top_bar{ width: 100%; height: 2.5rem; background-color: rgba(255,255,255,.95); position: fixed; top: 0; left: 0; z-index: 7; transition: .5s}
.top_bar .logo{ width: 7rem; height:1.9rem; display: block; float: left; margin: .25rem .5rem; position: relative; z-index: 2; }
.top_bar .nav_box{ width: 100%; position: absolute; top: 2.5rem; border-top: 1px #e5e5e5 solid; padding-bottom: 1.5rem; background-color: rgba(255,255,255,.95); z-index: 1; visibility: hidden; opacity: 0; transition:opacity .5s}
.top_bar .nav{ width: 100%; z-index: 1;}
.top_bar .nav_box.show{ opacity: 1; visibility: visible; }
.top_bar .nav a{ display: block; width:16.25rem; margin: 0 auto; font-size: .7rem; color: #333; height: 2.5rem; line-height: 2.5rem; border-bottom: 1px #e5e5e5 solid; position: relative;}
.top_bar .nav a:hover{ color: #3c8cff }
.top_bar .nav a.cur{ color: #3c8cff }
.top_bar .nav a:after{ width: .5rem; height: .5rem; content: ""; display: block; border-top: 1px #d4d4d4 solid; border-left: 1px #d4d4d4 solid; position: absolute; top: 1rem; right: .5rem; transform: rotate(135deg); }
.top_bar .nav_btn{ width: 1.4rem; height: .1rem; display: block; background-color: #000; float: right; position: relative; margin: 1.1rem .5rem; transition: .3s; z-index: 2; }
.top_bar .nav_btn i{ width: 100%; height: 2rem; position: absolute; top: 50%; margin-top: -1rem; left: 0; display: block;}
.top_bar .nav_btn:before{ content: ""; display: block; width: 1.4rem; height: .1rem; background-color: #000; position: absolute; top: -.45rem; left: 0; transition: .5s; transform-origin: 0 50%; z-index: 3;}
.top_bar .nav_btn:after{ content: ""; display: block; width: 1.4rem; height: .1rem; background-color: #000; position: absolute; bottom: -.45rem; left: 0; transition: .5s; transform-origin: 0 50%; z-index: 3;}
.top_bar .nav_btn.show{ background-color: transparent!important; }
.top_bar .nav_btn.show:before{ transform: rotate(45deg); top: -.5rem; border-radius: 1rem; overflow: hidden; background-color: #484848}
.top_bar .nav_btn.show:after{ transform: rotate(-45deg); bottom: -.5rem; border-radius: 1rem; overflow: hidden; background-color: #484848;}
.top_bar.show .nav_btn{ background-color: #484848; }
.top_bar.show .nav_btn:before{ background-color: #484848; }
.top_bar.show .nav_btn:after{ background-color: #484848; }
.top_bar.show{ background-color: #fff; }
.top_bar.show a{ color: #333; }
.top_bar .language{ width: 100%; text-align: center; height: 2.5rem; line-height: 2.5rem; border-bottom: 1px #e6e6e5 solid; }
.top_bar .language .lang_cur{ display:none }
.top_bar .language a{ width: 3rem; height: 2.5rem; display: inline-block; margin: 0 .8rem; text-align: center; font-size: .55rem; color: #000 }
.top_bar .language a.language_cur{ color: #3c8cff }

.nav_mask{ display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.9); z-index: 6; }

.nav_game_box{ display: none }

.ny_main .top_bar{ background-color: transparent; }
.ny_main .top_bar .logo{ width: 7rem; height:1.9rem;  display: block; background-image: url(//ftimg.friendtimes.cn/images/friendtimes/en/logo/2/svg.svg); background-size: 100% 100%;}
.ny_main .top_bar .logo img{ display: none; }

.ny_main .top_bar .nav_btn{background-color: #fff;}
.ny_main .top_bar .nav_btn:before{background-color: #fff;}
.ny_main .top_bar .nav_btn:after{ background-color: #fff;}
.ny_main .top_bar.show{ background-color: rgba(255,255,255,.95);}
.ny_main .top_bar.show .nav_btn{background-color: #333;}
.ny_main .top_bar.show .nav_btn:before{background-color: #333;}
.ny_main .top_bar.show .nav_btn:after{ background-color: #333;}
.ny_main .top_bar.show .logo{ background-image: url(//ftimg.friendtimes.cn/images/friendtimes/en/logo/1/svg.svg); }


.part_0{ width: 100%; height: 25.4rem; overflow: hidden; position: relative; }

#banner{ width: 100%; height: 25.4rem; position: absolute; top: 0; left: 0; }
#banner ul li.slide{ width: 100%; height: 25.4rem; display: block; background-size: 100% auto; position: relative; text-align: center;}
#banner ul li.slide a{ width: 100%; height: 100%; display: block; }
#banner ul li.slide h1{ width: 100%; display: block; font-size: 1.2rem; position: absolute; top: 17rem; left: 0; display: block; color: #fff; transition: .5s .7s ; transform: translateX(1.5rem); opacity: 0; text-shadow:2px 2px 5px rgba(0,0,0,.3);}
#banner ul li.slide h2{ width: 100%; display: block; font-size: .9rem; position: absolute; top: 18.75rem; left: 0; display: block; color: #fff; font-weight: normal; transition: .5s .8s; transform: translateX(1.5rem); opacity: 0;}
#banner ul li.slide .more span{ width: 14rem; height: 2.5rem; display: block; line-height: 2.5rem; position: absolute; top: 21.25rem; left: 50%; margin-left: -7rem; background-color: #3c8cff; font-size: .75rem; color: #fff; text-align: center; transition: .5s .9s; transform: translateX(1.5rem); opacity: 0;}
#banner ul li.flex-active-slide h1{ opacity: 1; transform: translateX(0);}
#banner ul li.flex-active-slide h2{ opacity: 1; transform: translateX(0);}
#banner ul li.flex-active-slide .more span{ opacity: 1; transform: translateX(0);}

#banner .flex-control-paging { position:absolute; bottom:0; right: 0; text-align:center; width: 100%; height: .5rem; background-color: #000;}
#banner .flex-control-paging li { display:inline-block; margin: .15rem;}
#banner .flex-control-paging li a{width:2rem; height:.15rem; display:block; background:#4d4d4d; text-indent:-9000px; cursor:pointer; transition: .5s; position: relative;}
#banner .flex-control-paging li a:before{ content: ""; display: block; width: 0px; height: .15rem; background-color: #3c8cff; }
#banner .flex-control-paging li a.flex-active:before { width: 100%; animation: Progress 4s linear; animation-fill-mode:forwards;}

@-webkit-keyframes Progress {
	from { width: 0 }
	to { width: 100% }
}
@keyframes Progress {
	from { width: 0 }
	to { width: 100% }
}


#banner .flex-direction-nav a {width:1.5rem; height:3.75rem; top: 50%; margin-top: -1rem; display:block; position:absolute; text-indent:-9000px; border: 1px rgba(255,255,255,.1) solid; background-color: rgba(0,0,0,.4);}
#banner .flex-direction-nav a:before{ content: ""; display: block; width: .6rem; height: 1rem; background-image: url(img/banner_arrow.png); background-size: 200% 200%; position: absolute; top: 1.3rem; left: .25rem; }
#banner .flex-direction-nav a.flex-prev {left:.5rem; background-position:left top;}
#banner .flex-direction-nav a.flex-prev:before { background-position:left top;}
#banner .flex-direction-nav a.flex-prev:hover:before {background-position:left bottom;}
#banner .flex-direction-nav a.flex-next {right:.5rem; background-position:right top;}
#banner .flex-direction-nav a.flex-next:before { background-position:right bottom; left: .5rem;}
#banner .flex-direction-nav a.flex-next:hover:before {background-position:right top;}

.part_1{ width: 100%;  background-color: #fff; position: relative; overflow: hidden; background-image: url(img/t_1.png); background-repeat: no-repeat; background-size: 100% auto; background-position: 95% 2%; }
.part_1 .t_box{ font-size: 1.15rem; color: #000; font-weight: bold; position: relative; line-height: 1.15rem; padding-left: .5rem; float: left; margin: 1.5rem 0 0 .75rem; z-index: 2}
.part_1 .t_box:before{ width: .15rem; height: 1.15rem; content: ""; display: block; background-color: #3c8cff; border-radius: 5px; position: absolute; top: 0; left: 0; }
.part_1:after{ content: ""; width: 6.5rem; height: 9.65rem; display: block; background-image: url(img/pic.png); background-size: 100% 100%; position: absolute; top: 28rem; right: 0; z-index: 1 }

.hot_games{ padding: .75rem 0; clear: both; position: relative; z-index: 2; overflow: hidden;}
.hot_game{ overflow:hidden; padding:0 .75rem }
.hot_game ul li{ width: 7.025rem; height: 9rem; float: left; margin: .6rem .8rem; position: relative; overflow: hidden; }
.hot_game ul li img{ width: 100%; display: block; transition: .5s; display: none}
.hot_game ul li:first-child{ width: 100%; height: 15.5rem; margin: .75rem 0; border-radius: 1rem; overflow: hidden; }
.hot_game ul li .game_info{ width: 100%; }
.hot_game ul li .game_info img{ width: 100%; display: block;}
.hot_game ul li .game_info p{ text-align: center; padding-top: .5rem; }
.hot_game ul li .game_info p .h1{ font-size: .7rem; color: #000; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hot_game ul li .game_info p .h2{ font-size: 16px; color: #666; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: none}
.hot_game ul li:first-child img{ display: block; }
.hot_game ul li:first-child .game_info p{ padding: .3rem 0 0 5rem; text-align: left}
.hot_game ul li:first-child .game_info{ position: absolute; bottom: 0; left: 0; width: 100%; height: 3rem; background-color: rgba(255,255,255,.95); }
.hot_game ul li:first-child .game_info img{ width: 23%; position: absolute; top: -50%; left: 3%; display: block;}
.hot_game ul li:first-child .game_info p .h1{ font-size: 1rem; color: #000; display: block; }
.hot_game ul li:first-child .game_info p .h2{ font-size: .6rem; color: #666; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.hot_game ul li:hover img{ transform: scale(1.05); }

.hot_games .title{ height: 1rem; line-height: 1rem; padding: .5rem 0 .5rem .75rem;}
.hot_games .title b{ font-size: .9rem; color: #333;}
.hot_games .title span{ font-size: .6rem; color: #999; margin-left: .3rem;}

.mobile_game{ overflow: hidden; }
.mobile_game ul li{width: 33.33%; float: left; margin: .4rem 0; position: relative; overflow: hidden; text-align: center;}
.mobile_game ul li .pic{ display:none }
.mobile_game ul li .game_info img{ width:4rem; display: block; margin:0 auto; }
.mobile_game ul li .game_info .h2{ display:none }
.mobile_game ul li .game_info .h1{ font-size: .55rem; line-height: 1rem; padding-top: .2rem; color: #000; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.mobile_game ul li .hover{ display:none }

.web_game{ overflow: hidden; }
.web_game ul li{width: 33.33%; float: left; margin: .4rem 0; position: relative; overflow: hidden; text-align: center;}
.web_game ul li .pic{ display:none }
.web_game ul li .game_info img{ width:4rem; display: block; margin:0 auto; }
.web_game ul li .game_info .h2{ display:none }
.web_game ul li .game_info .h1{ font-size: .55rem; line-height: 1rem; padding-top: .2rem; color: #000; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.web_game ul li .hover{ display:none }


.part_1 .circle{ width: 20rem; height: 20rem; border-radius: 20rem; display: block; background-image: linear-gradient(to bottom,#fffae9,#fff1cf); position: absolute; top: 3rem; left: -15rem; z-index: 1; transform-origin: 60% 60%; animation: Round 15s linear infinite;}
.part_1 .circle_1{ width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; display: block; background-image: linear-gradient(to bottom,#ffe6d8,#f3cfbb); position: absolute; top: 41rem; left: 50%; margin-left: -7rem; z-index: 1; transform-origin: 60% 60%; animation: Round 15s linear infinite;}

@-webkit-keyframes Round {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@keyframes Round {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}


.part_2{ width: 100%; height: 33rem; background-color: #fff; position: relative; overflow: hidden; background-image: url(img/t_2.png); background-size: 70% auto; background-repeat: no-repeat; background-position: 95% 5%; cursor: url(img/mouse_type.png), pointer;}
.part_2 .t_box{ font-size: 1.15rem; color: #000; font-weight: bold; position: relative; line-height: 1.15rem; padding-left: .5rem; float: left; margin: 1.5rem 0 0 .75rem; z-index: 2}
.part_2 .t_box:before{ width: .15rem; height: 1.15rem; content: ""; display: block; background-color: #3c8cff; border-radius: 5px; position: absolute; top: 0; left: 0; }

.swiper_news{ width: 100%; height: 100%; margin-top: 5rem; overflow: hidden; position: relative; z-index: 3}
.swiper_news .swiper-news-slide{ height: 100%; position: relative; opacity: .5; transition: .5s}
.swiper_news .swiper-news-slide.swiper-slide-active{ opacity: 1; }
.swiper_news .swiper-news-slide .time{padding-left: .5rem; font-size: .65rem; color: #333; display: block;}
.swiper_news .swiper-news-slide .news_img{ width: 13.5rem; overflow: hidden; margin:.5rem auto; border-radius: .3rem; display: block; box-shadow: 0 .3rem .2rem rgba(28,80,214,.3)}
.swiper_news .swiper-news-slide .news_img img{ display: block; width: 100%; transition: .5s }
.swiper_news .swiper-news-slide .news_img:hover img{ transform: scale(1.02); }
.swiper_news .swiper-news-slide .news_info{ width: 13.5rem; margin: 0 auto; padding-top: .6rem }
.swiper_news .swiper-news-slide .news_info .news_t{ font-size: .9rem; color: #000; display: -webkit-box; line-height: 1.2rem; max-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.swiper_news .swiper-news-slide .news_intro{ margin-top: .5rem; padding-top: .5rem; border-top: 1px rgba(255,255,255,.4) solid; font-size: .6rem; color: #666; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3;-webkit-box-orient: vertical; line-height: 1rem; max-height: 3rem; overflow: hidden;}

.swiper_news .swiper-news-slide .news_more{ display: block; font-size: .6rem; color: #3c8cff; transition: .5s; margin-top: 2rem;}
.swiper_news .swiper-news-slide .news_more:after{ content: ""; display: inline-block; width: .5rem; height: .3rem; background-image: url(img/news_arrow.png); background-size: 100% 100%; vertical-align: middle; margin-top: -.1rem; margin-left: .25rem; transition: .5s}


.home_more{ width: 12.5rem; height: 2rem; line-height: 2rem; margin: 0 auto; border: 1px #333 solid; color: #333; text-align: center; font-size: .7rem; display: block; position: relative; overflow: hidden; z-index: 2}


.part_2 .home_more{ position: absolute; margin: 0; top: 29rem; left: 50%; margin-left: -6.25rem; z-index: 5;}
.part_2 .circle{ width: 1.2rem; height: 1.2rem; display: block; background-image: linear-gradient(to bottom,#e8e9ff,#dddfff); position: absolute; top: 30.5rem; left: 50%; margin-left: 4.75rem; z-index: 1; transform-origin: 60% 60%; animation: Round 15s linear infinite;}
.part_2 .circle_1{ width: 20rem; height: 20rem; border-radius: 20rem; display: block; background-image: linear-gradient(to bottom,#eafffd,#d5fffc); position: absolute; top: 10rem; right: -12rem; z-index: 1; transform-origin: 60% 60%; animation: Round 25s linear infinite;}

.part_3{ width: 100%; height: 11.25rem; background-image: url(img/follow_bg.jpg); background-size: 100% 100%; position: relative; overflow: hidden; }
.part_3 .txt{ width: 100%; position: absolute; top: .5rem; left: 0; text-align: center; z-index: 3; font-size: .55rem; color: #fff; opacity: .2; letter-spacing: .1rem }
.part_3 .soc_box{ position: absolute; top: 3rem; right: 0; width: 100%; text-align: center; z-index: 4}
.part_3 .soc_box h1{ font-size: 1.5rem; color: #fff; display: block; }
.part_3 .soc_box .soc{ width: 100%; padding-top: 1rem;}
.part_3 .soc_box .soc a{ width: 2.5rem; height: 2.5rem; display: inline-block; border: 2px #fff solid; border-radius: 2.5rem; margin: 0 .6rem; transition: .5s; background-image: url(img/ico_soc.png); background-size: 400% 100%;}
.part_3 .soc_box .soc a.soc_1{ background-position: 0px 0px;}
.part_3 .soc_box .soc a.soc_2{ background-position: 33.33% 0px;}
.part_3 .soc_box .soc a.soc_3{ background-position: 66.66% 0px;}
.part_3 .soc_box .soc a.soc_4{ background-position: 100% 0px;}
.part_3 .soc_box .soc a:hover{ background-color: #3c8cff; border: 2px #3c8cff solid;}
.part_3 .soc_box .soc a span{ color: #fff; display: block; text-align: center; padding-top: 3rem; font-size: .55rem;}
.part_3 .soc_box .soc a:hover span{ color: #3c8cff;}

.footer{ width: 100%; background-color: #292828; padding: 1rem 0; text-align: center; }
.footer .foot_logo{ width: 8rem; display: block; margin: 0 auto .25rem; }
.footer .foot_logo img{ width: 100%; display: block; }
.footer p{ font-size: .6rem; color: #555; line-height: 1rem; padding: .25rem 0; }
.footer p a{ color: #bbb; padding: 0 .5rem; white-space: nowrap; display: inline-block; }
.footer p a:hover{ color: #fff; }


.games_area{ height: 1.8rem; padding: .5rem; font-size: 0;}
.games_area a{ width: 5rem; height: 1.8rem; line-height: 1.8rem; display: inline-block; margin:0 .2rem; border: 1px #ddd solid; box-sizing: border-box; border-radius: .1rem; font-size: .65rem; color: #000; text-align: center; transition: .5s}
.games_area a.cur{ background-color: #3c8cff; color: #fff; border: 1px #3c8cff solid; }
.games_area a:hover{ background-color: #3c8cff; color: #fff; border: 1px #3c8cff solid; }

.games_list{ padding:0 .7rem; display: none; min-height: 55vh}
.games_list .pic{ display:none }
.games_list ul li{ width:100%; height:3.5rem; position: relative; padding: .6rem 0; border-bottom: 1px #efefef solid;}
.games_list ul li .game_info img{ width:3.5rem; display:block; float: left; }
.games_list ul li .game_info p{ float:left; width:10rem; margin-left:.4rem }
.games_list ul li .game_info p span{ display:block; }
.games_list ul li .game_info p .h1{ font-size:.75rem; color:#333; line-height:1.1rem; }
.games_list ul li .game_info p .h2{ font-size:.6rem; color:#999; line-height:.8rem; }
.games_list ul li .hover{ position: absolute; top:2.7rem; left:3.95rem; }
.games_list ul li .hover a{ width: 4rem; margin-right: .3rem; display:block; float:left; }
.games_list ul li .hover a img{ width: 100%; }

.about_wrap{ padding: .75rem; position: relative; overflow: hidden;}
.about_wrap .about_aside{ width: 100%; position: relative; z-index: 3;}
.about_wrap .about_aside h1{ font-size: 1.2rem; color: #000; display: block; position: absolute; top: 3.3rem; left:.4rem; line-height: 1rem;}
.about_wrap .about_aside h1:before{ content: ""; width: 2rem; height: .2rem; display: block; background-color: #3c8cff; position: absolute; top: 1.4rem; left: 0; }
.about_wrap .about_aside .about_tab{ width: 100%; text-align: center; font-size: 0;}
.about_wrap .about_aside .about_tab a{ width: 5rem; height: 2rem; line-height: 2rem; border: 1px #e5e5e5 solid; position: relative; display: inline-block; margin:0 .25rem; color: #999; font-size: .65rem; transition: .5s}
.about_wrap .about_aside .about_tab a:hover{ background-color: #3c8cff; border: 1px #3c8cff solid; color: #fff; }
.about_wrap .about_aside .about_tab a.cur{ background-color: #3c8cff; border: 1px #3c8cff solid; color: #fff; }

.about_wrap .about_box{ width: 100%; position: relative; z-index: 3; margin-top: 4rem;}
.about_wrap .about_box.about img{ width: 100%; user-select: none; pointer-events: none;}
.about_wrap .about_box.about .about_txt{ width: 100%; font-size: .6rem; color: #000; line-height: 1.2rem;}
.about_wrap .about_box.about .about_txt p{ padding: 10px 0; text-align: justify; }

.about_wrap .circle_3{ width: 5rem; height: 5rem; border-radius: 5rem; display: block; background-color: #eaf9ff; position: absolute; top: 2rem; left: -3rem; z-index: 1; transform-origin: 60% 60%; animation: Round 15s linear infinite;}
.about_wrap .circle_4{ width: 20rem; height: 20rem; border-radius: 20rem; display: block; background-color: #e5f9ff; position: absolute; top: 4rem; right: -12rem; z-index: 1; transform-origin: 60% 60%; animation: Round 25s linear infinite;}
.about_wrap .circle_5{ width: 1.05rem; height: 1.45rem; display: block; background-image: url(img/pic_1.png); background-size: 100% 100%;position: absolute; top: 10rem; left: 0; }

.careers .careers_box{ width: 17.25rem; height: 26.5rem; background-image: url(img/careers_m.jpg); background-size: 100% auto; background-repeat: no-repeat;  margin-top: 1.5rem;}
.careers .careers_box h2{ font-size: 1.2rem; color: #000; padding: 1rem 0 0 1rem; }
.careers .careers_box p{ font-size: .6rem; line-height: 1.2rem; color: #333; padding: .25rem 1rem 0 1rem; text-align: justify;}
.careers .careers_box span{ width: 7rem; height: 2rem; line-height: 2rem; display: block; background-color: #3c8cff; font-size: .6rem; color: #fff; text-align: center; margin: .6rem 0 0 1rem; }

.contact .contact_box{ width: 100%; background-image: url(img/contact_m.jpg); background-size: 100% auto; background-repeat: no-repeat; height: 17.5rem; margin-top: 1rem;}
.contact .contact_box .contact_list{ padding: 1rem .5rem; background-color: rgba(255,255,255,.9); width: 8rem; height: 100%;}
.contact .contact_box .contact_list ul li{ padding: 6% 0; line-height: 1rem; font-size: .6rem; color: #000}
.contact .contact_box .contact_list ul li span{ display: block; color: #666}


.header{ width: 100%; height: 9rem; position: relative; background-size: 100% 100%;}
.header.header_news{ background-image: url(img/header_news_m.jpg);}
.header.header_about{ background-image: url(img/header_news_m.jpg);}
.header.header_games{ background-image: url(img/header_games_m.jpg);}
.header h1{ font-size: 1.5rem; font-weight: bold; color: #fff; position: absolute; top: 3.7rem; left: 1.75rem; transform: skew(-8deg); }

.news_list{ width: 16.25rem; margin: 0 auto; }
.news_list ul li{ width: 100%; border-bottom: 1px #f1f1f1 solid; padding: 1.5rem 0; position: relative;}
.news_list ul li .news_img{ width: 100%; overflow: hidden; border-radius: .3rem; display: block; margin: 0 auto; box-shadow: 0 .25rem .5rem rgba(0,0,0,.1)}
.news_list ul li .news_img img{ width: 100%; display: block; transition: .5s }
.news_list ul li .news_info{ width: 100%; padding-top: 1rem;}
.news_list ul li .news_info .news_t{ width: 100%; font-size: .75rem; color: #333; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: .5s}
.news_list ul li .news_info .news_t:hover{ color: #fe7445; }
.news_list ul li .news_info .news_intro{ width: 100%; font-size: .55rem; color: #999; height: 3rem; line-height: 1rem; margin: .5rem 0 1rem;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.news_list ul li .news_info .time{ font-size: .55rem; color: #333; display: block; }
.news_list ul li .news_info .time:before{ content: ""; display: inline-block; width: .5rem; height: .5rem; background-image: url(img/ico_time.png); background-size: 100% 100%; vertical-align: middle; margin-top: -.1rem; margin-right: .2rem;}


.news_content{ padding: 1rem 1rem; position: relative;}
.news_content .back{ font-size: .75rem; color: #333; display: block; width: 3.5rem; float: left; margin-top: .5rem; }
.news_content .back:before{ content: ""; display: inline-block; width: 1.15rem; height: 1rem; background-image: url(img/ico_back.png); background-size: 100% 100%; vertical-align: middle; margin-top: -.1rem; margin-right: .2rem; transition: .5s}
.news_content .news_title{ width: 100%; padding: 1.5rem 0 .5rem; border-bottom: 1px #e5e5e5 solid; text-align: center; clear: both;}
.news_content .news_title h1{ font-size: .9rem; color: #333; display: block; }
.news_content .news_title .news_time{ font-size: .55rem; color: #999; text-align: center; display: block; padding-top: .25rem; }
.news_content .news_title .news_time:before{ content: ""; display: inline-block; width: .6rem; height: .6rem; background-image: url(img/ico_time.png); background-size: 100% 100%; vertical-align: middle; margin-top: -.1rem; margin-right: .2rem;}
.news_content .content{ padding: 1rem 0; font-size: .6rem; color: #666; line-height: 1.1rem; }
.news_content .content *{ font-size: .6rem!important; line-height: 1.1rem!important; max-width: 100%!important; }
.news_content .content img{ display: block; margin: 0 auto;}



.pagenum_Me{ width: 100%; padding: 1rem 0; clear: both; text-align: center; }
.pagenum_Me ul li{ min-width: 1.2rem; height: 1.2rem; display: inline-block; border-radius: 5px; background-color: #fafafa; font-size: .55rem; text-align: center; line-height: 1.2rem; overflow: hidden; margin: 0 .1rem; }
.pagenum_Me ul li:last-child{ width: 2rem; height: 1.2rem; display: inline-block; border-radius: 5px; background-color: transparent; }
.pagenum_Me ul li a{  min-width: 1.2rem; height: 1.2rem; display: block; white-space: nowrap; color: #666 }
.pagenum_Me ul li.selected{  }
.pagenum_Me ul li.selected a{ color: #fff; background-color: #ff7444}
.pagenum_Me ul li:hover a{ color: #fff; background-color: #ff7444}



.header.header_xieyi{ background-image: url(img/header_news_m.jpg); background-size: 100% auto; height: 6rem;}
.header.header_xieyi h1{ font-size: 1rem; transform: none; text-align: center; top:3.2rem; left: 0; width: 100%; display: block;}
.news_content .content.xieyi{ padding: .2rem 0; }


@media only screen and (min-aspect-ratio: 1/1){
	.news_content .content{ padding: .5rem 0; font-size: .45rem; color: #666; line-height: .8rem; }
	.news_content .content *{ font-size: .45rem!important; line-height: .8rem!important; max-width: 100%!important; }
	.news_content .content img{ display: block; margin: 0 auto;}

	.ny_main .top_bar{ background-color: transparent; height: 1.8rem; }
	.ny_main .top_bar .logo{ width: 5rem; height:1.4rem;  display: block; background-image: url(//ftimg.friendtimes.cn/images/friendtimes/en/logo/2/svg.svg); background-size: 100% 100%;}
	.ny_main .top_bar .nav_box{ top: 1.8rem; }
	.ny_main .top_bar .nav_btn{background-color: #fff; transform: scale(.6); margin: .8rem .5rem;}
}