﻿body{min-width: 1200px;}
li{cursor:pointer;}
.newblog-banner{text-align: center;padding-top: 5%;}

/*memory css*/
.memory-title{width: 20%;margin: 0 auto;padding: 3% 0;}
.memory-title h1{text-align: center;}
.memory-title h1 img{width: 100%;vertical-align: top;}
/*memory-line*/
/*.memory-select-wrap .current{background:#f3a8b9;color: #fff;}*/
/*.memory-line{height: 2px;background:#f3a8b9;}*/
.memory-select-wrap .current{background:#b29070;color: #fff;} /* 2020官网改版 */
.memory-line{height: 2px;background:#b29070;} /* 2020官网改版 */
.memory-select-wrap{width: 700px;margin: 4% auto;text-align: center;}
.memory-select-wrap ul li{float: left;margin-left:10px;font-size: 18px;padding:10px;background:#f1f1f1;width:110px;cursor:pointer;}

/*value block*/
.value-block{width: 40%;float: left;margin-bottom: 5%;min-height: 750px;}
.value-block-margin-left-4p{margin-left:7%;}
.value-block .img-block{padding-bottom: 4%;position: relative;}
.value-block .img-block img{width: 100%;vertical-align: top;}
.value-block .img-block img.blog-new{position: absolute;left: 0;top: 0;width: 14%;}
.value-block h1{font-size:28px;padding-bottom: 14px;line-height: 36px;}
.value-block p{font-size: 18px;line-height: 32px; margin-bottom: 30px;}
.btn-detail{width: 20%;cursor: pointer;margin-top: 2%;border-bottom: 1px solid #000;}
.purchase-btn::after{content: initial;}
.disnone{display: none;}


/*tanchuang*/
.tanchuang {
  background: #FFF;
  position: fixed;
  top: 6%;
  left:5%;
  margin-left: -40%;
  width: 80%;
  margin: 0 auto;
  z-index: 100;
  padding: 5%;
  max-height: 520px;
  overflow: scroll;
}
.tanchuang p {
  width: 40%;
  float: right;
  line-height: 30px;
}
.tanchuang .close {
  position: absolute;
  top:2%;
  right: 0;
  width: 5%;
}
.tanchuang span {
  width: 30%;
  float: left;
  display: block;
  text-align: right;
  margin-left: 10%;
}
.tanchuang span img {
  width: 100%;
}
.tanchuang .close img {
  width: 80%;
}

/*detail content*/
.detail-content{width:80%;z-index:99;position:absolute;top: 6%;left: 50%;margin-left: -40%;height: 200px;display: none;}
.detail-content h1{color: #fff;font-size: 25px;text-align: center;}

.outermask{z-index: 98;display: block;width: 100%;height: 100%;position: fixed;background: #000;opacity: 0.8;top: 0;display: none;}
.para-p{height: auto;}
.index-detail-btn{font-size: 16px;border-bottom: 1px solid #000;}

/*memory css end*/

/*selection*/
.newblog-top-selection{padding:5% 0 1% 0;width: 83%;margin: 0 auto;border-bottom: 1px solid #a4a4ab;}
.newblog-top-selection ul{width: 925px;margin: 0 auto;}
.newblog-top-selection ul li{float: left;width:185px;font-size: 24px;text-align: center;color: #000;position: relative;}
.newblog-top-selection li i{position: absolute;top: -10px;color: #f2a8b9;}
.newblog-h1{font-size: 44px;text-align: center;padding: 3% 0 3% 0;}
.newblog-center{width: 60%;margin: 0 auto;margin-bottom: 5%;}
/*sunli select*/
.newblog-sunli-select{padding-bottom:2%;}
.newblog-sunli-select ul{width: 348px;margin: 0 auto;}
.newblog-sunli-select ul li{width: 144px;float: left;text-align: center;font-size: 22px;padding: 7px;font-family: '黑体'}
li.m-left{margin-left: 32px;}
.top-value{padding-top: 2%;}


/*sunli select-value*/
.newblog-sunli-value{text-align: center;margin-bottom: 4%;}

/*suyan*/
.newblog-row-wrap .newblog-content-wrap{width: 47%;float: left;position: relative;}
.newblog-row-wrap .newblog-content-wrap h1{font-size: 28px;padding-bottom: 3%;line-height: 40px;}
.newblog-row-wrap .newblog-content-wrap p{font-size:18px; margin-bottom: 30px;}
.newblog-row-wrap .newblog-content-wrap img{width: 100%;vertical-align: top;}
.newblog-row-wrap .newblog-content-wrap img.blog-new{position: absolute;width: 14%;left: 0;top: 0;}
.newblog-row-wrap .newblog-content-wrap-right{margin-left: 6%;}
.newblog-row-wrap .newblog-content-wrap h2 { font-size: 20px; font-weight: bold; line-height: 32px;}



		/* 160721字体整改 */
.newblog-content-wrap .para-p p { margin-bottom: 12px;}
.value-block p { margin-bottom: 12px;}
.value-block .index-detail p { margin-bottom: 30px;}
/*.newblog-row .newblog-content-wrap p { margin-bottom: 12px; line-height: 32px;}*/
.newblog-row .newblog-content-wrap p { margin-bottom: 12px; line-height: 1.5;} /* 202006官网改版 */
.newblog-row .newblog-content-wrap .index-detail p { margin-bottom: 30px;}
.value-block .para-p p { margin-bottom: 12px;}
.newblog-content-wrap h1 { padding-top: 3%;}
.index-detail-center h1 { padding: 0%;}
.index-detail-center h1.pdt3 { padding-top: 3%;}
.value-block .index-detail .index-detail-center h1 { padding-bottom: 3%;}
.index-detail .index-detail-center h1.pd0 { padding: 0%;}


/*bottom-space*/
.bootom-space{padding: 2% 0;}

.newblog-top-selection ul li.top-cur{font-weight: 800;}
/*.newblog-sunli-select .sunli-select-style{background:#f3a8b9;color: #000;}*/
.newblog-sunli-select .sunli-select-style{background:#b29070;color: #000;} /* 2020官网改版 */

/*index-detail*/
.index-detail-btn{cursor: pointer;}
.index-detail{display:none;padding: 3%;background: #fff;position: fixed;top: 6%;left: 47%;width: 34%;margin-left: -17%;max-height: 700px;overflow-y: scroll;z-index: 98;}
.index-detail-center{text-align: center;}
.index-detail-center h1{font-size: 28px;line-height: 36px;}
.index-detail-center p{font-size:18px;}
.index-detail-img{margin:50px 0 50px 0;}
.index-detail-img img,.index-detail-center img{width: 100%;vertical-align: top;}
/*.index-detail p{font-size:18px;line-height: 32px;}*/
.index-detail p{font-size:18px;line-height: 1.5;} /* 202006官网改版 */
.index-detail p.answer { text-align: left;}
.index-detail-center h3 { font-size: 16px; line-height: 30px; margin-bottom: 3%;margin-top: -6%;}
.index-detail h2 { font-size: 20px; font-weight: bold; line-height: 32px;}
.index-detail .close {
	position: fixed;
	top:2%;
	right: 1%;
	width: 4%;
}
.index-detail .close img {width: 100%;}

/*slide nav*/
/*.slide-nav{background:#f3a8b9;width: 90px;height: 40px;line-height: 40px;text-align: center;transition: .5s all;*//*overflow: hidden;*//*position: fixed;top: 26%;display: none;}*/
/*202006官网改版*/
.slide-nav{background:#b29070;width: 90px;height: 40px;line-height: 40px;text-align: center;transition: .5s all;/*overflow: hidden;*/position: fixed;top: 26%;display: none;}
.slide-nav ul{width: 100%;}
.slide-nav li{float: left;display: none;width: 19%;}
.slide-nav li:hover p:hover a{color: #000;border-bottom: 1px solid #000;}
/*.slide-nav li a{color: #000;}*/
/*202006官网改版*/
.slide-nav li a{color: #fff;}
.filter-trigger a{position: relative;padding-right: 10px;color: #fff;}
/*a.aup-filter-control:after{position:absolute;content:"";width: 11px;height: 20px;top:0px;right: -14px;background: url('../img/newblog/sp-arrow.png') 0 0 no-repeat;}*/
/*202006官网改版*/
a.aup-filter-control:after{position:absolute;content:"";width: 11px;height: 20px;top:0px;right: -14px;background: url('../img/newblog/sp-arrow-2020.png') 0 0 no-repeat;}
/*.filter-trigger-close .arrowback:after{position:absolute;content:"";width: 11px;height: 20px;top:10px;right: -14px;background: url('../img/newblog/arrowback.png') 0 0 no-repeat;}*/
/*202006官网改版*/
.filter-trigger-close .arrowback:after{position:absolute;content:"";width: 11px;height: 20px;top:10px;right: -14px;background: url('../img/newblog/arrowback_2020.png') 0 0 no-repeat;}
.slide-nav .filter-trigger{display: block;width: 100%;}

.slide-nav ul.ul-expand{width:45%;margin: 0 auto;}
.slide-nav li.li-expand{width: 15%;display: block;color: #fff;position: relative;top: 0;left: 0;}
.slide-nav li:hover .slide-nav-menu{display: block;}
.ul-expand li:hover{display: block;}
.slide-nav-menu p:hover{color: #fff;}
.slide-nav-menu{position: absolute;top: 40px;left: 0;width: 100%;display: none;}
/*.slide-nav-menu p{background:#f3a8b9;color:#000;}*/
/*202006官网改版*/
.slide-nav-menu p{background:#b29070;color:#fff;}
.scroll-fixed-nav{padding: 0;left: 50%;margin-left: -160px;position: fixed;transition: 2s;top: -15%;opacity: 0;filter:alpha(opacity=100);top:0\9;display: none\9;z-index:10;}

.ul-expand li{cursor: default;}
.slide-nav-menu p{cursor: pointer;}
#recent{cursor: pointer;}
.sp-floatnav-menu,.sp-floatnav{display: none}
.memory-s{position: relative;}
.memory-s .sp-floatnav-menu2 {display:none;left: 0;position: absolute;width: 100%;line-height: 40px;top: 100%;background: #f1f1f1;}
/*p.top-cur{background:#f3a8b9;color: #fff;}*/
p.top-cur{background:#b29070;color: #fff;} /* 2020官网改版 */
/*sp-edtion*/
@media screen and (max-width: 767px) {
	/*往期回顾*/
	.value-block{width: 100%;min-height: inherit;}
	.memory-select-wrap{width: 100%;}
	.value-block-margin-left-4p{margin-left:0;}
	.memory-select-wrap{width: 80%!important;}
	.memory-select-wrap ul li{width: 30%;margin-bottom: 2%;margin-left: 3%;padding: 3%;box-sizing:border-box;font-size: 14px;}
	.tanchuang p{font-size: 14px;}
	.tanchuang{box-sizing:border-box;width: 100%;margin: 0 auto;}
	.tanchuang span{width: 100%;margin-left: 0;}
	.tanchuang span img{width: 100%;vertical-align: top;}
	.tanchuang p{width: 100%;}
	.detail-content{top: 20%;width: 100%;left: 0;margin-left: 0;}
	.tanchuang .close{top: 0;right: 0;}
	.tanchuang .close img{width: 100%;vertical-align: top;}
	.value-block h1{font-size: 21px;}
	/*.value-block p{font-size: 15px;line-height: 33px;}*/
	.value-block p{font-size: 15px;line-height: 1.5;}  /* 202006官网改版 */
	.index-detail-center h3 { font-size: 12px; line-height: 24px; margin-bottom: 1%;}
	.index-detail h2 { font-size: 17px;}
	.btn-detail{font-size: 14px;}
	.purchase-btn{height: 30px;line-height: 30px;margin-left: 2%;}
	.memory-title{width: 50%;}

	/*往期回顾end*/

	body{min-width: inherit;}
	html{font-size: 16px;}
	.sp-floatnav{display: block;}
	.newblog-top-selection,.scroll-fixed-nav,.slide-nav{display: none;}
	.newblog-sunli-value{padding: 0 10%;}
	.newblog-sunli-value img,.newblog-banner img,.newblog-content-wrap img{width: 100%;vertical-align: top;}
	.newblog-banner{padding: 5% 20%;}
	.newblog-h1{font-size: 1.5rem;padding: 10% 0 3% 0;}
	.newblog-center{width: 80%;}
	.newblog-row-wrap .newblog-content-wrap{width: 100%;margin-top: 10%;}
	.newblog-row-wrap .newblog-content-wrap h2 {font-size: 17px; font-weight: bold; line-height: 24px;}

	.newblog-row-wrap .newblog-content-wrap-right{margin-left: 0;}
	.newblog-sunli-select{padding: 5% 0;}
	.newblog-sunli-select ul{width:55%;margin: 0 auto;}
	.newblog-sunli-select ul li{width: 46%;font-size: 1.2rem;padding: 2%;}
	li.m-left{margin-left: 0;}
	.index-detail-btn{font-weight: 800;font-size: 1rem;}
	.newblog-row-wrap .newblog-content-wrap h1{font-size: 1.35rem;}
	.newblog-row-wrap .newblog-content-wrap p{font-size: 1rem;padding: 4% 0;}
	.newblog-row-wrap{margin-top: 5%;}
	.index-detail{/*padding: 6%;*/top: 0%;left: 0;width: 100%;margin-left: 0;box-sizing:border-box;height:100%;max-height:none;}
	.index-detail .close{top: 2%;right: 2%;width: 11%;}

	/*sp float nav*/
	/*.sp-floatnav{width: 65%;margin: 0 auto;text-align: center;background:#f3a8b9;position: relative;}*/
	/*202006官网改版*/
	.sp-floatnav{width: 65%;margin: 0 auto;text-align: center;background:#b29070;position: relative;}
	/*.sp-floatnav a{display: block;padding: 4% 10% 4% 0;font-size: 1.2rem;position: relative;}*/
	/*202006官网改版*/
	.sp-floatnav a{display: block;padding: 4% 10% 4% 0;font-size: 1.2rem;position: relative;color: #fff;}
	a.aup-filter-control:after{top:25%;right: 27%;}
	ul.sp-floatnav-menu{position: absolute;top: 100%;width: 100%;z-index: 101;}
	ul.sp-floatnav-menu li{padding:4% 0;font-size: 1.2rem;background:#f1f1f1;}
	/*ul.sp-floatnav-menu li.top-cur{background:#f3a8b9;color: #fff;}*/
	/*202006官网改版*/
	ul.sp-floatnav-menu li.top-cur{background:#b29070;color: #fff;}
	.top-value{padding-top:5%;}
	.float-nav-arrow-icon{position: absolute;right: 31%;top: 22%;transition: .3s all;}


	/*孙俪二级菜单*/
	.memory-s{position: relative;}
	.memory-s .sp-floatnav-menu2 {display:none;left: 0;position: absolute;width: 100%;line-height: 25px;top: 100%;background: #f1f1f1;}
	/*p.top-cur{background:#f3a8b9;color: #fff;}*/
	p.top-cur{background:#b29070;color: #fff;} /* 2020官网改版 */
}
@media (min-width: 767px) and (max-width: 1440px) {
	.index-detail{top: 50%;max-height: 500px;margin-top: -250px;}
	.index-detail .close {
		/*position: absolute;*/
		/*top:2%;*/
		/*right: 2%;*/
		/*width: 8%;*/
		position: fixed;
		top: 50%;
		margin-top: -240px;
		margin-left: -3.5%;
		left: 64%;
		width: 2%;
	}
}
@media (min-width: 1441px) and (max-width: 1920px) {
	.index-detail{top: 50%;max-height: 500px;margin-top: -250px;}
	.index-detail .close {
		position: fixed;
		top: 50%;
		margin-top: -240px;
		margin-left: -3.2%;
		left: 64%;
		width: 2%;
	}
}

