@charset "UTF-8";
.index-banner .swiper-pagination-bullet { width: 40px; height: 3px; border-radius: 0; opacity: 1; }
.index-banner .swiper-pagination-bullet-active { background: #ffc14a; }
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 30px; }
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }

/* 热榜精选 */
.index-sec1 { padding-top: 90px; background: #111; }

.index-title { padding-bottom: 20px; border-bottom: 1px solid #1c1c1c; }
.index-title h3 { position: relative; display: inline-block; font-size: 30px; color: #ffffff; }
.index-title h3::after { content: ""; display: block; position: absolute; bottom: -20px; width: 100%; height: 2px; background: #f2bb51; }
.index-title p { display: inline-block; margin-left: 10px; font-family: Arial; font-size: 16px; vertical-align: bottom; color: #666666; }

.index-sec1-con { margin-top: 50px; background: #181818; }

.index1-left { position: relative; padding-bottom: 40px; width: 650px; }
.index1-left .swiper-slide { height: 416px; overflow: hidden; }
.index1-left .swiper-slide a { display: block; }
.index1-left .swiper-slide a img{
	width: 100%;
}

.index1-left .index1-text { position: absolute; bottom: 0; left: 0; width: 100%; height: 42px; line-height: 42px; background: rgba(0, 0, 0, 0.7); text-align: center; }
.index1-left .index1-text p { color: #666666; }
.index1-left .swiper-pagination { bottom: 16px; width: 100%; }
.index1-left .swiper-pagination-bullet { border-radius: 0; opacity: 1; margin: 0 5px; width: 28px; height: 2px; background-color: #404040; }
.index1-left .swiper-pagination-bullet-active { background-color: #f2bb51; }

.index-more { display: block; width: 108px; height: 35px; line-height: 35px; border: solid 1px #f2bb51; text-align: center; color: #f2bb51; }

.index1-right { margin-left: 70px; padding-top: 54px; }
.index1-right .index-more { margin-top: 40px; }
.index1-right .index-more:hover { background: #f2bb51; color: #fff; }
.index1-right .index1-ul .index1-li a { display: block; position: relative; padding-left: 14px; line-height: 40px; color: #666666; }
.index1-right .index1-ul .index1-li a:hover { color: #ffc14a; }
.index1-right .index1-ul .index1-li a:hover .dot { background: #ffc14a; }
.index1-right .index1-ul .index1-li .dot { position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background: #666666; }

/* 精选视频 */
.index-sec2 { padding-top: 96px; background: #111; }

.index2-con { margin-top: 54px; }
.index2-con .index2-video { position: relative; padding: 6px; height: 660px; background: #2f2f2f; }
.index2-con .index2-video .index-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 89px; height: 89px; background: url(../images/icon/play01.png); cursor: pointer; }
.index2-con .index-more{
	margin: 0 auto;
	margin-top: 50px;
}
.index2-con .index-more:hover{
	background: #f2bb51;
	color: #fff;
}


#video { width: 100%; height: 100%; }

.cover-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: all .5s; }

.index2-video-list { margin-top: 18px; }
.index2-video-list .index2-ul { overflow: hidden; }
.index2-video-list .index2-ul .index2-li { float: left; margin-right: 8px; width: 428px; height: 113px; background: #1a1a1a; cursor: pointer; }
.index2-video-list .index2-ul .index2-li:nth-child(2) { animation-delay: .2s; }
.index2-video-list .index2-ul .index2-li:last-child { margin-right: 0; animation-delay: .4s; }
.index2-video-list .index2-ul .index2-li:hover .small-img, .index2-video-list .index2-ul .index2-li.on .small-img { border-color: #f2bb51; }
.index2-video-list .index2-ul .index2-li:hover .cover-box, .index2-video-list .index2-ul .index2-li.on .cover-box { transform: scale(0); }
.index2-video-list .index2-ul .index2-li:hover .text p, .index2-video-list .index2-ul .index2-li.on .text p { color: #f2bb51; }
.index2-video-list .small-img { float: left; position: relative; padding: 5px; width: 222px; height: 113px; border: 4px solid #1a1a1a; transition: all .5s; overflow: hidden; }
.index2-video-list .small-img .get-src { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 31px; height: 31px; background: url(../images/icon/play01.png); background-size: cover; cursor: pointer; }
.index2-video-list .text { margin-left: 232px; padding-right: 10px; height: 100%; display: flex; align-items: center; }
.index2-video-list .text p { max-height: 48px; line-height: 24px; color: #666666; -webkit-line-clamp: 2; overflow: hidden; }

.index-sec3 { padding-top: 100px; padding-bottom: 600px; background: #111 url(../images/index/bg01.png) no-repeat bottom center; }

.index3-con { margin-top: 65px; }
.index3-con .index-more { margin: 0 auto; margin-top: 75px; width: 212px; height: 46px; line-height: 46px; }
.index3-con .index-more:hover { background: #ffc14a; color: #fff; }

/* .index3-images { display: flex; justify-content: space-between; flex-wrap: wrap; } */
.index3-images .index3-img { position: relative; overflow: hidden; cursor: pointer; }
.index3-images .index3-img:hover .cover-box { opacity: 0; }
.index3-images .img3-top-left { width: 884px; }
.index3-images .index3-img-top { margin-bottom: 28px; width: 100%; }
.index3-images .img3-top-top { margin-bottom: 28px; width: 100%; }
.index3-images .img3-top-left > .index3-img { height: 287px; }
.index3-images .top3-top-left { width: 427px; }
.index3-images .top3-top-left .index3-img { height: 311px; }
.index3-images .top3-top-left .index3-img:nth-child(2) { margin-top: 28px; height: 420px; }
.index3-images .top3-top-right { width: 427px; }
.index3-images .top3-top-right .index3-img { height: 274px; }
.index3-images .top3-top-right .index3-img:nth-child(2) { margin-top: 28px; height: 456px; }
.index3-images .img3-top-right { width: 390px; }
.index3-images .img3-top-right .index3-img { height: 451px; }
.index3-images .img3-top-right .index3-img:nth-child(2) { margin-top: 28px; height: 595px; }
.index3-images .index3-img-bottom { width: 100%; height: 383px; }
.index3-images .index3-img-bottom .index3-img { width: 628px; height: 100%; }
.index3-images .index3-img-bottom .index3-img:nth-child(2) { width: 642px; height: 100%; }

/* 安全指南 */
.index-sec4 { padding-top: 105px; height: 976px; background: #111 url(../images/index/bg02.png) no-repeat bottom center; }

.index4-con { margin-top: 96px; }
.index4-con .index4-img { width: 608px; }
.index4-con .index4-list { padding-top: 65px; padding-right: 30px; width: 555px; }
.index4-con .index4-list .index-more { border-color: #2e2e2e; color: #2e2e2e; }
.index4-con .index4-list .index-more:hover { color: #fff; background: #2e2e2e; }

.index4-ul .index4-li { margin-bottom: 50px; }
.index4-ul .index4-li a { display: block; overflow: hidden; height: 80px; }
.index4-ul .index4-li:first-child .index4-time { color: #fff; border-color: #fff; }
.index4-ul .index4-li:first-child .dot-line { border-color: #fff; }
.index4-ul .index4-li:first-child .index4-text { color: #fff; }
.index4-ul .index4-li .index4-time { float: left; padding-top: 10px; width: 80px; height: 80px; border-radius: 50%; border: solid 1px #2e2e2e; text-align: center; color: #2e2e2e; }
.index4-ul .index4-li .index4-time .year { font-size: 21px; }
.index4-ul .index4-li .index4-time .line { margin: 4px auto; width: 55px; height: 1px; background-color: #2e2e2e; }
.index4-ul .index4-li .index4-time .month-day { font-size: 17px; }
.index4-ul .index4-li .dot-line { float: left; margin: 0 20px; height: 100%; width: 1px; border-left: 1px dashed #2e2e2e; }
.index4-ul .index4-li .index4-text { float: left; padding-top: 5px; width: 400px; color: #2e2e2e; }
.index4-ul .index4-li .index4-text h4 { margin-bottom: 6px; font-size: 16px; }
.index4-ul .index4-li .index4-text p { max-height: 40px; font-size: 12px; line-height: 20px; -webkit-line-clamp: 2; overflow: hidden; }

/* 首页新闻 */
.index-sec5 { padding-top: 100px; height: 938px; background: #111 url(../images/index/bg02.jpg) no-repeat center; }

.index5-con { margin-top: 84px; border-top: 1px solid #282828; }
.index5-con .index-more { margin: 0 auto; margin-top: 138px; }
.index5-con .index-more:hover { color: #fff; background: #ffc14a; }

.index5-ul { overflow: hidden; }
.index5-ul .index5-li { float: left; position: relative; margin-left: -1px; padding-top: 146px; width: 33.3%; height: 400px; }

.index5-ul .index5-li:hover{
	z-index: 1;
}

.index5-ul .index5-li:first-child { margin-left: 0; }
.index5-ul .index5-li:hover::after, .index5-ul .index5-li:hover::before { height: 270px; background: #f2bb51; z-index: 1; }
.index5-ul .index5-li:hover h4 { color: #f2bb51; }
.index5-ul .index5-li:hover .index5-time .month-day { transform: translate(0, 194px); }
.index5-ul .index5-li:hover .index5-time .year { transform: translate(40px, 0); opacity: 0; }
.index5-ul .index5-li:hover p { margin-top: 0; }
.index5-ul .index5-li:hover .arr { left: 114px; opacity: 1; }
.index5-ul .index5-li a { position: relative; display: block; padding: 0 35px; height: 100%; }
.index5-ul .index5-li::after, .index5-ul .index5-li::before { content: ""; display: block; position: absolute; top: 0; width: 1px; height: 88px; background-color: #282828; transition: all .5s; }
.index5-ul .index5-li::before { left: 0; }
.index5-ul .index5-li::after { right: 0; }
.index5-ul .index5-li h4 { margin-bottom: 18px; font-size: 16px; color: #ffffff; }
.index5-ul .index5-li p { margin-top: 28px; max-height: 72px; line-height: 24px; color: #666666; -webkit-line-clamp: 3; overflow: hidden; transition: all .5s; }
.index5-ul .index5-li .index5-time { font-family: Arial, Helvetica, sans-serif; color: #666666; }
.index5-ul .index5-li .index5-time span { display: inline-block; }
.index5-ul .index5-li .index5-time .month-day { font-size: 24px; line-height: 24px; transition: all .5s; }
.index5-ul .index5-li .index5-time .year { margin-left: 15px; transition: all .5s; }
.index5-ul .index5-li .arr { position: absolute; bottom: 0; left: 35px; width: 36px; height: 18px; border-left: 1px solid #666666; background: url(../images/icon/arr01.png) no-repeat right center; opacity: 0; transition: all .5s; }

/* 投资 */
.index-sec6 { padding-top: 90px; height: 782px; background: url(../images/index/bg03.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }

.index6-con { margin-top: 90px; padding: 0 50px; }
.index6-con .index-more { margin: 0 auto; margin-top: 126px; }
.index6-con .index-more:hover { color: #fff; background: #ffc14a; }

.index6-ul { overflow: hidden; }
.index6-ul .index6-li { float: left; margin-right: 60px; width: 360px; }
.index6-ul .index6-li:last-child { margin-right: 0; }
.index6-ul .index6-li .text { height: 174px; }
.index6-ul .index6-li a { display: block; }
.index6-ul .index6-li h4 { margin-bottom: 30px; font-size: 16px; color: #ffffff; }
.index6-ul .index6-li p { max-height: 72px; line-height: 24px; color: #666666; -webkit-line-clamp: 3; overflow: hidden; }
.index6-ul .index6-li .time-more { position: relative; padding-top: 26px; }
.index6-ul .index6-li .time-more::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 55px; height: 1px; background-color: #666666; transition: all .5s; }
.index6-ul .index6-li .time-more .month-day { font-size: 30px; font-weight: bold; color: #ffffff; }
.index6-ul .index6-li .time-more .more6 { position: absolute; bottom: 7px; right: 100%; color: #f2bb51; transition: all .5s; opacity: 0; }
.index6-ul .index6-li:hover h4 { color: #f2bb51; }
.index6-ul .index6-li:hover .time-more::before { width: 100%; background-color: #f2bb51; }
.index6-ul .index6-li:hover .time-more .month-day { color: #f2bb51; }
.index6-ul .index6-li:hover .time-more .more6 { right: 0; opacity: 1; }

/* 排名 */
.index-sec7 { padding: 96px 0 92px; background: #111; }

.index7-con { margin-top: 90px; }
.index7-con .index-more { margin: 0 auto; margin-top: 88px; }
.index7-con .index-more:hover { color: #fff; background: #ffc14a; }

.index7-ul { overflow: hidden; }
.index7-ul .index7-ul-li { position: relative; float: left; margin-right: 8px; width: 319px; height: 614px; overflow: hidden; }
.index7-ul .index7-ul-li:nth-child(2) { animation-delay: .2s; }
.index7-ul .index7-ul-li:nth-child(3) { animation-delay: .4s; }
.index7-ul .index7-ul-li:last-child { margin-right: 0; animation-delay: .6s; }
.index7-ul .index7-ul-li:hover .index7-cover { transform: translate(0, 0); background: rgba(0, 0, 0, 0.4); border: 3px solid #f2bb51; }
.index7-ul .index7-ul-li:hover .index7-cover h4 { background: none; }
.index7-ul .index7-ul-li .index7-cover { position: absolute; top: 0; left: 0; padding-top: 56px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); overflow: hidden; transition: all .5s; transform: translate(0, 496px); }
.index7-ul .index7-ul-li .index7-cover h4 { width: 100%; height: 62px; line-height: 62px; font-size: 18px; font-weight: bold; color: #ffffff; text-align: center; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
.index7-ul .index7-ul-li .index7-cover h4 a{color: #ffffff;}
.index7-ul .index7-ul-li .index7-cover h4 a:hover{
	color: #ffc14a;
}


.index7-ul .index7-ul-li .index7-ol { list-style-type: decimal; position: relative; margin-top: 13px; padding-left: 20px; float: left; left: 50%; transform: translate(-50%, 0); color: #ffffff; }
.index7-ul .index7-ul-li .index7-ol a { padding-left: 16px; font-size: 16px; line-height: 40px; color: #ffffff; }
.index7-ul .index7-ul-li .index7-ol a:hover { color: #ffc14a; }

/* 立即注册 */
.index-sec8 { position: relative; height: 813px; }
.index-sec8 .index8-fixed-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/index/bg04.jpg) no-repeat center; background-size: cover; background-attachment: fixed; z-index: -1; transform: translateZ(0); }

.index8-con { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }
.index8-con p { margin-top: 20px; letter-spacing: 1px; color: #ffffff; }
.index8-con .index-register { margin-top: 80px; width: 175px; height: 45px; line-height: 45px; background-color: #f2bb51; color: #000000; letter-spacing: 1px; overflow: hidden; }
.index8-con .index-register:hover span { transform: translate(18px, 0); }
.index8-con .index-register:hover i { transform: translate(70px, 0); opacity: 0; }
.index8-con .index-register span { display: inline-block; transition: all .5s; transition-delay: .1s; }
.index8-con .index-register i { transition: all .5s; transition-delay: .1s; }
.index8-con .index-register i:last-of-type { transition-delay: 0s; }

/* 合作 */
.index-sec9 { padding-top: 90px; height: 266px; background: #171717; }

.index9-con .swiper-slide { height: 84px; display: flex; align-items: center; }
.index9-con .swiper-slide img { max-height: 100%; }
.index9-con .swiper-slide .img-box{
	width: 13.5%;
	text-align: center;
	margin-right: 3.8%;
}
.index9-con .swiper-slide .img-box:nth-last-of-type(6n){
	margin-right: 0;

}

/* 面包屑 */
.flex { display: flex; display: -webkit-flex; }

.flex_column_center { align-items: center; -webkit-align-items: center; }

.flex_row_end { justify-content: flex-end; -webkit-justify-content: flex-end; }

.flex_row_center { /* 水平方向上居中 */ -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }

.flex1 { /* 占据1份大小 */ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.transition { /* 过度 */ -webkit-transition: all 0.3s; transition: all 0.3s; }

.crumbs { background-color: #f9f9f9; }
.crumbs .icon3shouye { margin-right: 8px; }

.crumbs span, .crumbs a { font-size: 14px; line-height: 56px; letter-spacing: 1px; color: #888; }

.crumbs a span { font-size: 16px; margin-left: 0px; }

.crumbs span { font-size: 12px; margin: 0 3px; color: inherit; }

.crumbs a:hover { color: #ffad10; }

.crumbs a:last-child { cursor: text; color: #ffad10; }

/* 标题 */
.son_title { text-align: center; margin: 80px 0 60px; }

.son_title h2 { font-size: 30px; color: #333; line-height: 28px; display: inline-block; padding-bottom: 18px; border-bottom: 2px solid #f2bb51; position: relative; z-index: 10; }

.son_title span { display: inline-block; font-size: 16px; color: #aaa; margin-top: 15px; }

.son_title .line { width: 100%; height: 1px; background: rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-1px); transform: translateY(-1px); position: relative; }

.about-con { padding-bottom: 60px; font-size: 16px; line-height: 30px; color: #666666; }
.about-con .img-box { display: flex; justify-content: space-between; }

/* 国家地区 */
.country { background: linear-gradient(#fff, #f6f6f6); background: -o-linear-gradient(#fff, #f6f6f6); background: -ms-linear-gradient(#fff, #f6f6f6); background: -moz-linear-gradient(#fff, #f6f6f6); background: -webkit-linear-gradient(#fff, #f6f6f6); }
.country .country-bgimg { padding-bottom: 652px; background: url(../images/country/bg01.jpg) no-repeat bottom center; }
.country .country-bgimg .load-more { display: block; margin: 0 auto; margin-top: 60px; width: 200px; height: 56px; line-height: 56px; background-color: #f2ad29; border: solid 1px #f2bb51; text-align: center; color: #ffffff; transition: all .5s; }
.country .country-bgimg .load-more:hover { color: #f2ad29; background: transparent; box-shadow: 0 0 8px #f2ad29 inset; }

.country-ul { overflow: hidden; }
.country-ul .country-li { float: left; margin-right: 20px; margin-bottom: 20px; width: 420px; height: 300px; }
.country-ul .country-li:nth-child(3n) { margin-right: 0; }
.country-ul .country-li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.country-ul .country-li:hover .cover-text h4{ color: #ffc451; }
.country-ul .country-li:hover .cover-text p{ color: #ffc451; }
.country-ul .country-li:hover .cover-box { transform: scale(1); }
.country-ul .country-li:hover .cover-box::after { transform: scale(1); }
.country-ul .country-li .cover-box { background: rgba(0, 0, 0, 0.4); transform: scale(0); }
.country-ul .country-li .cover-box::after { content: ""; display: block; position: absolute; top: 20px; left: 20px; width: 380px; height: 260px; border: solid 1px #ffc451; transform: scale(0); }
.country-ul .country-li .cover-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-content: center; flex-wrap: wrap; text-align: center; }
.country-ul .country-li .cover-text h4 { width: 100%; font-size: 24px; line-height: 30px; letter-spacing: 2px; color: #ffffff; }
.country-ul .country-li .cover-text p { width: 100%; font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #ffffff; }

.anchor { padding-top: 65px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; background: #fff; transition: all .5s; }

.anchor .pull-down{
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translate(-50%, 0);
	height: 20px;
	line-height: 20px;
	width: 40px;
	background: #fff;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 4px 8px #ddd; 
	z-index: 7;
	text-align: center;
	cursor: pointer;
	visibility: hidden;
}

.anchor .pull-down .rotate-arr{
	width: 10px;
	height: 6px;
	background: url(../images/icon/arr02.png) no-repeat center;
	transform: rotate(180deg);
	transition: all .5s;
}

.anchor ul { display: flex; justify-content: center; }
.anchor ul li { margin-right: 80px; }
.anchor ul li:last-child { margin-right: 0; }
.anchor ul li:hover a::after, .anchor ul li.on a::after { transform: scale(1); }
.anchor a { position: relative; font-size: 16px; }
.anchor a::after { content: ""; display: block; position: absolute; bottom: -31px; width: 100%; height: 2px; background: #ffc14a; transform: scale(0); transition: all .3s; }

.fixed-anchor{
	position: fixed;
	top: 90px;
	left: 0;
	width: 100%;
	padding: 20px 0;
	z-index: 9;
}

.fixed-anchor a::after{
	bottom: -21px;
}

.country-title { text-align: center; }
.country-title h3 { font-size: 42px; }
.country-title h3::after { content: ""; display: block; margin: 0 auto; margin-top: 25px; width: 60px; height: 2px; background-color: #f2bb51; }

.country-sec1 { margin: 90px 0 82px; }

.country1-intro { margin-top: 46px; padding: 0 98px; text-align: center; }
.country1-intro p { font-size: 16px; line-height: 36px; letter-spacing: 1px; color: #555555; }

.line1400 { margin: 0 auto; width: 1400px; height: 1px; background-color: #000000; opacity: 0.1; }
@media screen and (max-width: 1400px) { .line1400 { width: 100%; } }

.touch-items { text-align: center; }
.touch-items .iconshubiao { font-size: 24px; line-height: 24px; color: #000; }
.touch-items .touch-line { margin: 16px auto; width: 98px; height: 1px; background-color: #000000; opacity: 0.1; }
.touch-items .btn-open { padding-right: 16px; background: url(../images/icon/arr02.png) no-repeat right center; }
.touch-items .btn-close { background: url(../images/icon/arr03.png) no-repeat right center; }
.touch-items .line1400 { margin-top: 96px; }

/* 点赞，收藏效果 */
@-webkit-keyframes zoom_move { 0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.3); }
  100% { -webkit-transform: scale(1); } }
@keyframes zoom_move { 0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); } }
.active { -webkit-animation: zoom_move 0.5s linear; animation: zoom_move 0.5s linear; color: #ffc14a !important; }
.active .iconfont { color: #ffc14a !important; }

.addColor { color: #ffc14a !important; }
.addColor .iconfont { color: #ffc14a !important; }

.country-sec2 { margin-top: 50px; }
.country-sec2 .line1400 { margin-top: 96px; }

.country2-swiper { position: relative; margin-top: 58px; }
.country2-swiper .swiper-slide { width: 305px; height: 460px; overflow: hidden; }
.country2-swiper .swiper-slide a { display: block; width: 100%; height: 100%; position: relative; }
.country2-swiper .swiper-slide:hover .cover-box { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background: -ms-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background: -moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); transform: translate(0, 0); }
.country2-swiper .swiper-slide:hover .icons-box { bottom: 26px; }
.country2-swiper .swiper-slide .cover-box { background: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 60%); background: -o-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 60%); background: -ms-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 60%); background: -moz-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 60%); background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 60%); padding-top: 205px; transform: translate(0, 40%); transition: all .5s; }
.country2-swiper .swiper-slide .country-tag { position: absolute; top: 0; right: 34px; padding-top: 16px; width: 46px; height: 60px; background: rgba(0, 0, 0, 0.3); border-radius: 0px 0px 23px 23px; text-align: center; font-family: Century Gothic; font-size: 24px; color: #fff; }
.country2-swiper .swiper-slide .scene-name { text-align: center; }
.country2-swiper .swiper-slide .scene-name h4 { margin-bottom: 6px; font-size: 16px; letter-spacing: 1px; color: #ffffff; }
.country2-swiper .swiper-slide .scene-name p { letter-spacing: 1px; color: #ffffff; opacity: 0.7; }
.country2-swiper .swiper-slide .icons-box { position: absolute; bottom: -26px; left: 0; width: 100%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; transition: all .5s; }
.country2-swiper .swiper-slide .icons-box a { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin-right: 26px; width: auto; color: #fff; }
.country2-swiper .swiper-slide .icons-box a:last-child { margin-right: 0; }
.country2-swiper .swiper-slide .icons-box a:hover { color: #ffc14a; }
.country2-swiper .swiper-slide .icons-box .iconfont { margin-right: 4px; }
.country2-swiper .swiper-button-prev, .country2-swiper .swiper-button-next { width: 60px; height: 60px; line-height: 60px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px 5px #ccc; text-align: center; }
.country2-swiper .swiper-button-prev .iconfont, .country2-swiper .swiper-button-next .iconfont { font-size: 20px; color: #2e2e2e; }
.country2-swiper .swiper-button-prev:hover .iconfont, .country2-swiper .swiper-button-next:hover .iconfont { color: #ffc14a; }
.country2-swiper .swiper-button-prev { left: -30px; }
.country2-swiper .swiper-button-next { right: -30px; }
.country2-swiper .swiper-button-next.swiper-button-disabled, .country2-swiper .swiper-button-prev.swiper-button-disabled { pointer-events: all; opacity: 1; }

.country-sec3 { margin-top: 50px; }
.country-sec3 .line1400 { margin-top: 80px; }

.country3-con { margin-top: 54px; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.country3-con .country3-img { width: 607px; }
.country3-con .country3-text { padding-right: 48px; width: 580px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.country3-con .country3-text h4 { margin-bottom: 35px; font-size: 32px; font-weight: bold; line-height: 30px; letter-spacing: 2px; }
.country3-con .country3-text p { font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #888888; }
.country3-con .country3-text .download { margin-top: 50px; width: 149px; height: 54px; line-height: 54px; text-align: center; background-color: #f2bb51; border-radius: 27px; font-size: 16px; letter-spacing: 1px; color: #fff; transition: all .5s; }
.country3-con .country3-text .download:hover { background-color: transparent; box-shadow: 0 0 30px #f2bb51 inset; color: #f2bb51; }

.country-sec4 { margin-top: 50px; margin-bottom: 96px; }
.country-sec4 .more { display: block; margin: 0 auto; margin-top: 75px; width: 200px; height: 56px; line-height: 56px; border: solid 1px #f2bb51; text-align: center; color: #f6a200; }
.country-sec4 .more:hover { background: #f2bb51; color: #fff; }

.country4-con { margin-top: 50px; padding-top: 10px; overflow: hidden; }

.country4-left { padding-bottom: 40px; width: 560px; background: #f8f8f8; }
.country4-left > a { display: block; }
.country4-left > a:hover img { transform: translate(-50%, -50%) scale(1.1); }
.country4-left .country4-left-img { position: relative; height: 400px; overflow: hidden; }
.country4-left .country4-left-text { padding: 34px 38px 40px; }
.country4-left .country4-left-text h4 { margin-bottom: 18px; font-size: 18px; }
.country4-left .country4-left-text p { height: 52px; line-height: 26px; color: #888888; -webkit-line-clamp: 2; overflow: hidden; }
.country4-left .icons-msg { padding: 0 38px; }

.icons-msg { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; }
.icons-msg .author { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.icons-msg .author .author-img { width: 22px; height: 22px; border-radius: 50%; overflow: hidden; }
.icons-msg .author .author-img img{height: 100%;}
.icons-msg .author .author-name { margin-left: 6px; font-size: 12px; color: #999999; }
.icons-msg .iconfont { margin-right: 6px; }
.icons-msg span { color: #999999; }
.icons-msg a { color: #666; }
.icons-msg a .iconfont { color: #9e9e9e; }
.icons-msg a:hover { color: #ffc14a; }
.icons-msg a:hover .iconfont { color: #ffc14a; }

.country4-right { width: 670px; }
.country4-right .country4-li { position: relative; border-bottom: 1px solid #f0f0f0; transition: all .5s; }
.country4-right .country4-li:hover { background: #f8f8f8; transform: translate(0, -6px); box-shadow: 0 8px 5px -4px #ffc14a; }
.country4-right .country4-li:last-child { border-bottom: none; }
.country4-right .country4-li > a { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 30px; }
.country4-right .country4-li .img { position: relative; width: 210px; height: 150px; overflow: hidden; }
.country4-right .country4-li .text { margin-left: 30px; padding-top: 10px; flex: 1; }
.country4-right .country4-li .text h4 { margin-bottom: 15px; font-size: 18px; }
.country4-right .country4-li .text p { max-height: 52px; line-height: 26px; color: #888888; -webkit-line-clamp: 2; overflow: hidden; }
.country4-right .country4-li .icons-msg { position: absolute; right: 30px; bottom: 30px; width: 370px; }

.country-hide { display: none; }

.bold { font-weight: bold; }

.hide-sec1 { margin-top: 50px; margin-bottom: 95px; }

.hide1-con { margin-top: 58px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.hide1-con a { display: block; }
.hide1-con a:hover img { transform: translate(-50%, -50%) scale(1.1); }
.hide1-con a:hover .title .line::after { width: 100%; }
.hide1-con .img-box:nth-child(1),.hide1-con .img-box:nth-child(2) { position: relative; margin-bottom: 30px; width: 635px; height: 370px; overflow: hidden; }
.hide1-con .img-box:nth-child(3),.hide1-con .img-box:nth-child(4),.hide1-con .img-box:nth-child(5) { position: relative; width: 413px; height: 240px; overflow: hidden; }
.hide1-con .title { position: absolute; bottom: 30px; left: 30px; }
.hide1-con .title p { font-size: 18px; letter-spacing: 1px; color: #ffffff; }
.hide1-con .title p .bold { margin-right: 8px; }
.hide1-con .title .line { margin-top: 12px; width: 80px; height: 2px; background-color: #ffffff; }
.hide1-con .title .line::after { content: ""; display: block; width: 30px; height: 2px; background-color: #f8aa14; transition: all .5s; }

.margin-top50 { margin-top: 50px; }
.margin-top90 { margin-top: 90px; }

.hide-sec2 { margin-bottom: 98px; }

.hide-float-con { margin-top: 60px; margin-bottom: 95px; }
.hide-float-con .float-img { position: relative; float: left; margin-right: 46px; width: 600px; }
.hide-float-con .float-img .iconfangda { position: absolute; bottom: 20px; right: 20px; font-size: 25px; color: #fff; cursor: pointer; }
.hide-float-con .text { font-size: 16px; line-height: 36px; color: #555555; }

.hide-sec5 { margin-bottom: 105px; }
.hide-sec5 .hide5-con { font-size: 16px; line-height: 38px; color: #555555; }
.hide-sec5 .hide5-con .line { margin-right: 10px; color: #f9a708; }

.public-absolute { position: absolute; width: 100%; height: 90px; z-index: -1; transform: translate(0, -110px); }

/* 出行 */
.travel { padding-top: 50px; padding-bottom: 100px; }

.travel-title { text-align: center; }
.travel-title h1 { margin-bottom: 18px; font-size: 26px; font-weight: bold; color: #f2bb51; }
.travel-title p { color: #888888; }
.travel-title p span { margin-right: 35px; }
.travel-title p span:last-of-type { margin-right: 0; }
.travel-title p a { margin-left: 28px; color: #666; font-size: 12px; }
.travel-title p a .iconfont { margin-right: 6px; }
.travel-title p a:hover { color: #ffc14a; }

.travel-con { margin-top: 40px; padding: 50px 40px 78px; border-radius: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

/* 景点排名 */
.country-rank { margin-top: 50px; margin-bottom: 75px; }
.country-rank .line { margin-top: 42px; height: 1px; background: #e5e5e5; }

.country-rank-ul { margin-top: 48px; padding: 0 25px; }
.country-rank-ul .country-li { margin-right: 25px; margin-bottom: 25px; width: 400px; height: 280px; }
.country-rank-ul .country-li .cover-box { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.country-rank-ul .country-li .cover-box::after { width: 360px; height: 240px; }
.country-rank-ul .country-li .cover-box .iconfangda { font-size: 36px; color: #fff; }

.country-rank-text { padding: 25px 46px 0; font-size: 16px; line-height: 30px; color: #666666; }

.comment_box { padding-top: 60px; }

.comment_box .comment_title { font-size: 28px; letter-spacing: 1px; color: #464646; margin-bottom: 30px; }

.comment_box { margin-bottom: 80px; }

.comment_box .comment_title span { font-size: 14px; letter-spacing: 1px; color: #888888; }

.comment_box .form { position: relative; }

.comment_box .form .user { width: 50px; height: 50px; border-radius: 50%; background: #c1c5c6; text-align: center; overflow: hidden; margin-right: 20px; }
.comment_box .form .user img{height: 50px;width: 50px}
.comment_box .form .user span { font-size: 44px; line-height: 60px; color: #e0e2e3; }

.comment_box .form input { height: 50px; background-color: #fefefe; border: solid 2px #eaeaea; font-size: 14px; letter-spacing: 1px; color: #999; padding-left: 52px; border-right: none; }

.comment_box .form input::-webkit-placeholder { font-size: 14px; letter-spacing: 1px; color: #c1c5c6; }

.comment_box .form input::placeholder { font-size: 14px; letter-spacing: 1px; color: #c1c5c6; }

.comment_box .form input.push { padding: 0 20px; }

.comment_box .form .vanish { display: none; }

.comment_box .form .login_link { position: absolute; top: 50%; left: 90px; transform: translate(0, -50%); letter-spacing: 1px; color: #f3a610; }

.comment_box .form button { width: 125px; height: 50px; background-color: #e2e2e2; border: none; outline: none; margin: 0; padding: 0; font-size: 16px; letter-spacing: 1px; color: #fff; cursor: pointer; }

.comment_box .form button.push:hover { background: #f2bb51; }

.comment_box .comment { margin-top: 100px; }

.comment_box .comment h3 { font-size: 22px; letter-spacing: 1px; color: #efa109; margin-bottom: 10px; }

.comment_box .comment_item { padding: 30px 0; border-top: 1px solid #efefef; }

.comment_box .comment_item:first-child { border-top: none; }

.comment_box .comment_item .user .img_box { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background: #f4f4f4; margin: 0; }
.comment_box .comment_item .user .img_box img{height: 50px;width: 50px;}
.comment_box .comment_item .user span { margin-left: 15px; font-size: 14px; color: #424242; }

.comment_box .comment_item .explain { padding-left: 65px; margin-top: 15px; }

.comment_box .comment_item .explain p { font-size: 16px; line-height: 32px; color: #666; margin-bottom: 18px; }

.comment_box .comment_item .explain span { font-size: 12px; letter-spacing: 1px; color: #999; }

.comment_box .comment_item .explain span i { font-size: 14px; color: inherit; margin-right: 3px; }

.comment_box .comment_more { display: block; height: 46px; background-color: #f0f0f0; font-size: 16px; line-height: 46px; letter-spacing: 1px; color: #aaa; text-align: center; margin-top: 50px; }

.comment_box .comment_more:hover { background: #f2bb51; color: #fff; }

.comment_box .no_comment { cursor: text; }

.comment_box .no_comment:hover { background-color: #f0f0f0; color: #aaa; }

/* 详情页点赞 */
.give_like { text-align: center; margin: 60px 0 100px; }

.give_like span:nth-child(1) { margin: 0 auto; width: 86px; height: 86px; background: #f5f5f5; border-radius: 50%; cursor: pointer; }

.give_like span:nth-child(1) i { font-size: 36px; color: #dbdbdb; }

.give_like span:nth-child(2) { display: inline-block; font-size: 14px; color: #999; margin-top: 10px; }

.give_like span:nth-child(1) .active { color: #f2ad29; }

.give_like span:nth-child(1):hover i { color: #f2ad29; }

.country-rank-scene { margin-bottom: 80px; }
.country-rank-scene .country-rank-title { padding-left: 30px; height: 62px; line-height: 62px; background-color: #fafafa; border: solid 1px #eeeeee; }
.country-rank-scene .country-rank-title h3 { font-size: 24px; }
.country-rank-scene .country2-swiper { margin-top: 30px; }
.country-rank-scene .country2-swiper .swiper-slide { margin-right: 26px; }
.country-rank-scene .country2-swiper .swiper-slide:last-child { margin-right: 0; }

/* 图片弹窗 */
.imgs-pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.6); overflow-x: hidden; overflow-y: auto; display: none; }
.imgs-pop::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; scrollbar-arrow-color: red; }
.imgs-pop::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #ffc14a; scrollbar-arrow-color: red; }
.imgs-pop::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); }

.imgs-pop-con { position: absolute; top: 40px; right: 0; left: 0; margin: 0 auto; padding: 20px 50px; width: 1200px; border-radius: 20px; background: #fff; }
.imgs-pop-con h2 { text-align: center; font-size: 24px; font-weight: bold; color: #f2bb51; }
.imgs-pop-con .close-pop { position: absolute; right: -22px; top: -22px; width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px #ccc; text-align: center; cursor: pointer; }
.imgs-pop-con .swiper-container { margin-top: 20px; }
.imgs-pop-con .swiper-container img { width: 100%; }

.public-swiper-button .swiper-button-prev, .public-swiper-button .swiper-button-next { width: 60px; height: 60px; line-height: 60px; background: #fff; border-radius: 50%; box-shadow: 0 0 10px 5px #ccc; text-align: center; }
.public-swiper-button .swiper-button-prev .iconfont, .public-swiper-button .swiper-button-next .iconfont { font-size: 20px; color: #2e2e2e; }
.public-swiper-button .swiper-button-prev:hover .iconfont, .public-swiper-button .swiper-button-next:hover .iconfont { color: #ffc14a; }
.public-swiper-button .swiper-button-prev { left: -30px; }
.public-swiper-button .swiper-button-next { right: -30px; }
.public-swiper-button .swiper-button-next.swiper-button-disabled, .public-swiper-button .swiper-button-prev.swiper-button-disabled { pointer-events: all; opacity: 1; }

/* 攻略 */
.strategy { margin-top: 65px; margin-bottom: 100px; }

.select-boxes { justify-content: center; -webkit-justify-content: center; margin-right: 10px; }
.select-boxes:last-child { margin-right: 0; }
.select-boxes .select-box { position: relative; margin-right: 10px; padding: 0 22px 0 12px; min-width: 150px; height: 44px; border-radius: 3px; border: solid 1px #e5e5e5; cursor: pointer; background: url(../images/icon/arr04.png) no-repeat right 8px center; }
.select-boxes .select-box:last-child { margin-right: 0; }
.select-boxes .select-box .show-look { color: #999999; line-height: 44px; }
.select-boxes .select-box .select-ul { position: absolute; left: 0; width: 100%; max-height: 218px; background: #fff; border: 1px solid #ddd; overflow-y: auto !important; z-index: 3; display: none; }
.select-boxes .select-box .select-ul li.on a { color: #fff; background: #f2bb51; }
.select-boxes .select-box .select-ul a { display: block; padding: 0 12px; line-height: 36px; color: #666; }
.select-boxes .select-box .select-ul a:hover { color: #fff; background: #f2bb51; }

.margin-right30 { margin-right: 30px; }

.strategy-list { margin-top: 40px; position: relative; }
.strategy-list li { position: relative; border-bottom: 1px solid #f0f0f0; transition: all .5s; }
.strategy-list li:last-child { border-bottom: none; }
.strategy-list li:hover { box-shadow: 0 5px 20px #ddd; }
.strategy-list li:hover .public-card .text h4 { color: #f2bb51; }
.strategy-list .icons-msg { position: absolute; bottom: 30px; left: 270px; justify-content: flex-start; -webkit-justify-content: flex-start; }
.strategy-list .icons-msg .local-name { color: #f5a100; }
.strategy-list .more { display: block; margin: 0 auto; margin-top: 60px; width: 200px; height: 56px; line-height: 56px; background: #f2ad29; text-align: center; color: #ffffff; transition: all .5s; }
.strategy-list .more:hover { background: rgba(242, 173, 41, 0.7); }

/* 点赞 +1 动画 */
@keyframes ani_add1 { 50% { opacity: 1; }
  100% { transform: translate(0, -20px); opacity: 0; } }
.ani_add1 { animation: ani_add1 1.5s linear; }

@keyframes ani_cool { 0% { background: #f2bb51; transform: scale(1); }
  50% { background: #fff; transform: scale(1.3); }
  100% { background: #fff; color: #f2bb51; transform: scale(1); } }
.ani_cool { animation: ani_cool 1.5s linear forwards; }

.strategy-a .text { position: relative; }
.strategy-a .text .support-num { position: absolute; right: 10px; top: 5px; color: #f2bb51; }
.strategy-a .text .support-num .iconfont { margin-left: 10px; width: 34px; height: 34px; line-height: 34px; text-align: center; background-color: #f2bb51; border-radius: 50%; font-size: 20px; color: #fff; }
.strategy-a .text .support-num .add1 { position: absolute; top: -6px; opacity: 0; }

.public-card { display: flex; display: -webkit-flex; padding: 30px; }
.public-card .img-wrapper { position: relative; width: 210px; height: 150px; overflow: hidden; }
.public-card .text { margin-left: 30px; padding-top: 10px; flex: 1; }
.public-card .text h4 { margin-bottom: 15px; font-size: 18px; }
.public-card .text p { max-height: 52px; line-height: 26px; color: #888888; -webkit-line-clamp: 2; overflow: hidden; }

/* 个人中心样式 */
/*公共样式*/
.personal_wide { width: 910px; margin: 0 auto; }

.back_w { background-color: white; }

.cursor_p { cursor: pointer; }

.personal { padding-bottom: 70px; padding-top: 50px; }

.clear { overflow: hidden; }

.personal_left_sex { color: #f2bb51; margin-left: 10px; }

.travel_inside_right { padding-top: 30px; padding-bottom: 75px; }

/*公共input*/
.personal_right_top { margin-bottom: 30px; }

.personal_right_top span { font-size: 24px; margin-right: 15px; vertical-align: sub; }

.personal_right_top input { width: 200px; border-radius: 20px; border: 1px solid #e5e5e5; color: #aaaaaa; padding-left: 10px; font-size: 12px; height: 35px; }

.personal_right_top input::-webkit-input-placeholder { color: #aaaaaa; }

.personal_right_top input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaaaaa; }

.personal_right_top input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaaaaa; }

.personal_right_top input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #aaaaaa; }

.personal_right_top i { position: relative; left: -35px; color: #e5e5e5; }

.personal_right_top a { width: 140px; color: white; line-height: 45px; background-color: #f2ad29; border-radius: 5px; cursor: pointer; }

.vt { vertical-align: top; }

/*公用分页样式*/
.public-paging { margin-top: 40px; text-align: center; }

.public-paging .page-list { font-size: 0; }

.public-paging .pagebut a { display: block; margin: 0 5px; padding: 0 16px; font-size: 14px; line-height: 34px; color: #666666; border: solid 1px #e0e0e0; background-color: #fff; border-radius: 3px; }

.public-paging .pagebut.on a { color: #fff; background-color: #f2bb51; }

.public-paging .pagebut:hover a { color: #fff; background-color: #f2bb51; }

.public-paging .form-group form { border: solid 1px #e0e0e0; border-radius: 2px; }

.public-paging .form-group form select { width: 60px; height: 34px; background-color: #e5e5e5; border-radius: 3px; border: 4px solid #fff; }

/*单行排列，把父元素font-size:0;*/
.lineblock { display: inline-block; *display: inline; *zoom: 1; }

.hiddle640 { display: none !important; }

/*收藏2级导航*/
.personal_collect_top { margin-top: 30px; height: 30px; border-bottom: 1px solid #eeeeee; font-size: 16px; margin-bottom: 30px; }

.personal_collect_top a { cursor: pointer; height: 100%; margin-right: 35px; }

.personal_collect_on { color: #e9a115; border-bottom: 3px solid #e9a115; }

/*个人中心左侧菜单*/
.personal_left { width: 300px; background-color: white; padding-top: 50px; padding-bottom: 55px; margin-right: 25px; }

.personal_left_top { border-radius: 50%; background-color: #ebe7de; width: 120px; height: 120px; margin-bottom: 15px; }

.personal_left_top img { width: 100%; }

.personal_left p:nth-of-type(1) { font-size: 20px; color: #a9a9a9; }

.personal_left p:nth-of-type(2) { font-size: 14px; color: #f8bd6b; margin: 20px auto; }

.personal_left p:nth-of-type(2) a { color: #f8bd6b; cursor: pointer; }

.personal_left_input { width: 240px; background-color: #f3f3f3; line-height: 30px; margin-bottom: 30px; cursor: pointer; border-radius: 5px; }

.personal_left_input1 { width: 240px; background-color: #f3f3f3; height: 110px; margin-bottom: 30px; border-radius: 5px; }

.personal_left_input2 { width: 240px; background-color: #f3f3f3; line-height: 45px; margin-bottom: 30px; cursor: pointer; border-radius: 5px; }

.personal_left_ul { border-top: 1px solid #efefef; }

.personal_left_on { color: #e9a115; }

.personal_left_ul li { width: 240px; line-height: 53px; border-top: 1px solid #efefef; margin: 0 auto; cursor: pointer; }

.personal_left_ul li a { width: 100%; }

.personal_left_ul li i { margin-right: 10px; }

.personal_left_ul li:nth-of-type(1) { border-top: 0; }

.personal_left_ul li i:nth-of-type(2) { float: right; }

/*个人中心右侧内容*/
.personal_right { width: 970px; font-size: 16px; }

.personal_top { height: 220px; width: 100%; background-color: white; }

.personal_top div { width: 242px; margin-top: 40px; border-right: 1px solid #f0f0f0; }

.personal_top div:nth-of-type(1) { border-left: 1px solid #f0f0f0; width: 244px; }

.personal_top div p { color: #757575; font-size: 18px; }

.personal_top div img { margin-bottom: 20px; }

/*头像、密码弹窗*/
.modal_exit { background-color: #f6f6f6; width: 30px; height: 30px; border-radius: 50%; float: right; cursor: pointer; }

#cover1 { position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.4); width: 100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/ height: 100%; filter: alpha(opacity=60); /*设置透明度为60%*/ opacity: 0.6; /*非IE浏览器下设置透明度为60%*/ display: none; z-Index: 999; }

#modal1 { position: fixed; width: 680px; height: 400px; /*height:auto;*/ top: 15%; left: 35%; background-color: white; display: none; z-Index: 9999; border-radius: 15px; cursor: default; margin-bottom: 25%; padding: 10px 10px 0 20px; }

#modal1 p:nth-of-type(1) { font-size: 20px; margin-bottom: 30px; }

.modal1_revise_one input { height: 45px; width: 430px; border: 1px solid #e8e8e8; background-color: #f9f9f9; border-radius: 5px; color: #999999; padding-left: 10px; margin-bottom: 20px; }

.modal1_revise_password i { cursor: pointer; position: relative; left: -30px; }

.modal1_button_send { height: 45px; width: 120px; background-color: #f2ad29; color: white; border: 0; font-size: 18px; border-radius: 5px; cursor: pointer; /*取消选中后边框*/ outline: 0 none !important; margin-top: 35px; }

.modal1_revise_two p:nth-of-type(3) { margin-top: 20px; }

.modal1_portrait { border-radius: 50%; width: 120px; height: 120px; box-sizing: border-box; display: -webkit-box; background-color: #ebe7de; overflow: hidden; margin: 0 auto; }

.modal1_portrait_button { height: 45px; width: 120px; background-color: #f2ad29; color: white; border: 0; font-size: 18px; border-radius: 5px; cursor: pointer; /*取消选中后边框*/ outline: 0 none !important; margin-top: 40px; }

#preview img { width: 100%; height: auto; }

/*删除弹窗*/
#cover2 { position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.4); width: 100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/ height: 100%; filter: alpha(opacity=60); /*设置透明度为60%*/ opacity: 0.6; /*非IE浏览器下设置透明度为60%*/ display: none; z-Index: 999; }

#modal2 { /*position:absolute;*/ width: 680px; height: 400px; top: 15%; left: 35%; background-color: white; display: none; z-Index: 9999; border-radius: 15px; cursor: default; margin-bottom: 25%; padding: 10px 10px 0 20px; position: fixed; }

.modal2_portrait_button { height: 45px; width: 120px; background-color: #9d9d9d; color: white; border: 0; font-size: 18px; border-radius: 5px; cursor: pointer; /*取消选中后边框*/ outline: 0 none !important; margin-top: 40px; margin-left: 20px; }

#modal2 p:nth-of-type(1) { font-size: 20px; margin-bottom: 75px; }

.modal_del_title { font-size: 14px; margin-bottom: 30px; color: #f2ad29; }

.personal-collect-ul { padding: 0 10px; }
.personal-collect-ul .country-li { margin-right: 30px; }
.personal-collect-ul .country-li:nth-child(3n) { margin-right: 30px; }
.personal-collect-ul .country-li:nth-child(2n) { margin-right: 0; }

/* 攻略详情 */
.strategy-details { height: 72px; border-bottom: 1px solid #ededed; }
.strategy-details .wide { position: relative; }
.strategy-details .crumbs { background: #fff; }

.strategy-header { position: absolute; top: -48px; left: 0; }
.strategy-header .head-img { position: relative; height: 96px; width: 96px; border-radius: 50%; background: #fff; overflow: hidden; }
.strategy-header .head-img img{height: 100%;}
.strategy-header .strategy-title { margin-left: 22px; }
.strategy-header .strategy-title h3 { font-weight: bold; font-size: 24px; color: #fff; }
.strategy-header .strategy-title .strategy-msg { margin-top: 30px; color: #bbbbbb; }
.strategy-header .strategy-title .strategy-msg .iconfont { margin-right: 6px; font-size: 18px; }
.strategy-header .strategy-title .strategy-msg .iconliulan { font-size: 22px; }
.strategy-header .strategy-title .strategy-msg .view-count { margin-right: 28px; }
.strategy-header .strategy-title .author-name { color: #f2bb51; }
.strategy-header .strategy-title .line { margin: 0 10px; width: 1px; height: 10px; background: #ededed; }
.strategy-header .strategy-title a { color: #bbbbbb; }
.strategy-header .strategy-title a:hover { color: #f2bb51; }

.strategy-details-icons { position: absolute; top: -98px; right: 0; }
.strategy-details-icons .strategy-details-dps { margin-left: 56px; text-align: center; }
.strategy-details-icons .strategy-details-dps:hover .iconfont, .strategy-details-icons .strategy-details-dps.on .iconfont { background: #f2bb51; }
.strategy-details-icons .strategy-details-dps .iconfont { width: 54px; height: 54px; border-radius: 50%; background: rgba(0, 0, 0, 0.5); line-height: 54px; text-align: center; font-size: 24px; color: #fff; }
.strategy-details-icons .strategy-details-dps p { margin-top: 4px; font-weight: bold; color: #ffffff; }

.strategy-details-con { position: relative; padding-top: 24px; justify-content: space-between; -webkit-justify-content: space-between; }
.strategy-details-con .push_picture{
  top: 24px;
}

.strategy-left { width: 894px; }

.strategy-left-msg { height: 74px; background-color: #f9f9f9; justify-content: space-around; -webkit-justify-content: space-around; }
.strategy-left-msg .left-msg1 { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.strategy-left-msg .left-msg1 .iconfont { margin-right: 12px; width: 30px; height: 30px; line-height: 30px; background-color: #f2bb51; border-radius: 50%; text-align: center; color: #fff; }
.strategy-left-msg .left-msg1 p { color: #bababa; }
.strategy-left-msg .left-msg1 .color888 { color: #888; }

.strategy-left-content { margin-top: 40px; padding-bottom: 65px; border-bottom: 1px solid #e5e5e5; line-height: 32px; font-size: 16px; color: #666; }
.strategy-left-content img{width: 100% !important;  height:100% !important; }
.strategy-left-content h3 { font-size: 24px; }

.strategy-right { width: 338px; }
.strategy-right .right-h3 { line-height: 54px; border-bottom: solid 1px #f1f1f1; font-size: 16px; color: #666666; }

.strategy-right-top { padding: 0 26px 20px; background: #f9f9f9; }
/*.strategy-right-top ul { padding: 12px 0 20px; }
.strategy-right-top ul li { line-height: 32px; }
.strategy-right-top ul .num { margin-right: 12px; color: #b7b7b7; }
.strategy-right-top ul a { color: #888888; }
.strategy-right-top ul a:hover { color: #f2bb51; }*/

.strategy-right-top .about-link{
	display: block;
	position: relative;
}
.strategy-right-top .about-link img{
	width: 100%;
}
.strategy-right-top .about-link .about-link-text{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 14px;
	width: 100%;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
	background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
	background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
	background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
}


.strategy-right-bottom { margin-top: 35px; padding: 0 26px; background: #f9f9f9; }
.strategy-right-bottom ul { margin-top: 22px; padding-bottom: 25px; }
.strategy-right-bottom ul li { margin-bottom: 25px; }
.strategy-right-bottom ul li:last-child { margin-bottom: 0; }
.strategy-right-bottom ul a { display: flex; display: -webkit-flex; }
.strategy-right-bottom ul a:hover .img img { transform: translate(-50%, -50%) scale(1.1); }
.strategy-right-bottom ul .img { position: relative; width: 143px; height: 102px; overflow: hidden; }
.strategy-right-bottom ul .text { position: relative; margin-left: 20px; flex: 1; }
.strategy-right-bottom ul .text h4 { max-height: 66px; line-height: 22px; color: #f2bb51; -webkit-line-clamp: 3; overflow: hidden; }
.strategy-right-bottom ul .text .author { position: absolute; left: 0; bottom: 0; }
.strategy-right-bottom ul .text .author-img { width: 22px; height: 22px; border-radius: 100%; overflow: hidden; }
.strategy-right-bottom ul .text .author-img img{height: 22px;width: 22px;}
.strategy-right-bottom ul .text p.author-name { margin-left: 6px; font-size: 12px; color: #999999; }




/*# sourceMappingURL=style.css.map */



/* 动画加载时间 */
.animated {
    animation-duration: 2s;
}



#big-img-pop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 10001;
    display: none;
    overflow: auto;
}

/*滚动条样式*/
#big-img-pop {
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    -ms-overflow-style:none;

    /*火狐下隐藏滚动条*/
    scrollbar-width: none;
}
#big-img-pop::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;
    background: none;
}
#big-img-pop::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(242,187,81,1);
}
#big-img-pop::-webkit-scrollbar-track {/*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 6px;
    background: #f4f4f4;
}

#big-img-pop img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: auto;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
}

#big-img-pop .iconclose-btn{
    position: fixed;
    top: 20px;
    right: 30px;
    font-size: 32px;
    color: #fff;
}