main {
  color: #282828; }

main > div:last-of-type {
  padding-bottom: 0 !important; }

.list-data-box {
  width: 56px; }

.second-time-wrap {
  margin-left: 151px; }

.time-bbb {
  color: #bbbbbb;
  font-size: 14px;
  margin-left: 6px; }

.main-wrapper .advertisement {
  background: transparent; }

.advertisement img {
  display: block; }

.details-all {
  width: 1130px;
  margin: 0 auto;
  *min-height: 1610px; }

#pageInfo {
  padding: 0 0 0 215px; }

.details-all .content {
  float: left;
  width: 210px;
  min-height: 1000px; }

.details-all .content .list-cycle {
  width: 208px;
  height: 55px;
  margin-bottom: 10px;
  background: #fff;
  line-height: 55px;
  text-indent: 15px;
  font-size: 16px;
  border-radius: 4px; }

.details-all .content .list-cycle p {
  text-indent: 30px;
  color: #282828; }

.details-all .content .list-cycle span {
  margin-left: 33px;
  font-size: 20px;
  font-weight: 600;
  color: #282828; }

.details-all .content .product-week {
  width: 208px;
  min-height: 455px;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 10px; }

.details-all .content .product-week .product-boss {
  width: 208px;
  height: 55px;
  line-height: 55px;
  text-indent: 30px;
  font-size: 16px;
  border-bottom: 1px solid #eeeeee; }

.details-all .content .product-week ul li {
  width: 208px;
  cursor: pointer;
  list-style: none;
  text-indent: 30px;
  box-sizing: content-box;
  font-size: 14px;
  position: relative; }

.details-all .content .product-week ul .color i {
  display: block; }

.details-all .content .product-week ul li i {
  display: none;
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 33px;
  background: #ffd100;
  vertical-align: middle; }

.details-all .content .product-week ul .hide {
  display: none; }

.details-all .content .product-week ul .class {
  text-align: center;
  text-indent: 0;
  line-height: 52px;
  border-top: 1px solid #eeeeee; }

.details-all .content .product-week ul .class a {
  color: #d67b33; }

.details-all .content .product-week ul .class:hover {
  text-align: center;
  text-indent: 0;
  background: #fff; }

.details-all .content .product-week ul li p:first-of-type {
  color: #000;
  font-size: 14px;
  line-height: 52px; }

.details-all .content .product-week ul li p {
  color: #999;
  font-size: 12px; }

.details-all .content .product-week ul li:hover {
  background: #ffcd19; }

.details-all .content .product-week ul li:last-of-type:hover {
  border-radius: 0 0 4px 4px; }

.details-all .content .product-week ul li:hover p {
  color: #282828; }

.details-all .content .article-week {
  width: 208px;
  max-height: 125px;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 10px; }

.details-all .content .article-week .article-boss {
  width: 208px;
  height: 55px;
  line-height: 55px;
  text-indent: 30px;
  font-size: 16px;
  border-bottom: 1px solid #eeeeee; }

.details-all .content .article-week ul li {
  width: 208px;
  list-style: none;
  padding: 15px 0 15px;
  text-indent: 30px;
  box-sizing: content-box;
  font-size: 14px;
  position: relative; }

.details-all .content .article-week ul .color i {
  display: block; }

.details-all .content .article-week ul li i {
  display: none;
  position: absolute;
  left: 0;
  top: 9px;
  width: 3px;
  height: 33px;
  background: #ffd100;
  vertical-align: middle; }

.details-all .content .article-week ul li p:first-of-type {
  color: #000;
  font-size: 14px; }

.details-all .content .article-week ul li p {
  color: #999;
  font-size: 12px; }

.details-all .content .article-week ul li:hover {
  background: #ffcd19; }

.details-all .content .article-week ul li:hover p {
  color: #282828; }

.details-all .content .rule {
  text-indent: 30px;
  font-size: 16px;
  line-height: 55px;
  width: 208px;
  border-bottom: none;
  background: #fff;
  border-radius: 4px 4px 0 0; }

.details-all .content .rule-details {
  width: 148px;
  background: #fff;
  border-top: 1px solid #eeeeee;
  border-radius: 0 0 4px 4px;
  padding: 1px 30px;
  font-size: 12px; }

.details-all .content .rule-details p:first-of-type {
  line-height: 25px;
  margin: 20px 0; }

.details-all .content .rule-details p:nth-of-type(2) {
  line-height: 25px;
  margin: 20px 0;
  font-size: 14px;
  color: #282828; }

.details-all .content .rule-details p {
  line-height: 25px;
  margin-bottom: 20px;
  color: #444444; }

.list-right-wrap {
  float: right; }

.details {
  /*float: right;*/
  width: 898px;
  *min-height: 1330px;
  border-radius: 4px;
  background: #fff;
  overflow: hidden; }

.details .header {
  width: 898px;
  height: 55px;
  line-height: 55px;
  text-indent: 30px;
  position: relative;
  border-bottom: 1px solid #eeeeee; }

.details .header .allrank {
  height: 56px;
  overflow: hidden; }

.details .header .allrank span:first-of-type {
  font-size: 16px;
  color: #282828;
  margin-right: 13px; }

.details .header .allrank span:nth-of-type(2) {
  font-size: 12px;
  margin: 1px -35px; }

.details .header .allrank span {
  font-size: 12px;
  color: #bbbbbb;
  float: left; }

.details .header .allrank .cycle {
  display: inline-block;
  float: right;
  margin-right: 15px;
  cursor: pointer; }

.details .header .choosecycle {
  display: none;
  position: absolute;
  padding: 6px 0;
  top: 45px;
  left: 670px;
  width: 200px;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); }

.details .header .choosecycle ul {
  width: 206px;
  max-height: 612px; }

.details .header .choosecycle ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.details .header .choosecycle ul::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */ }

.details .header .choosecycle ul::-webkit-scrollbar {
  width: 6px;
  margin-right: 10px; }

.details .header .choosecycle ul::-webkit-scrollbar-track-piece {
  background: #fff; }

.details .header .choosecycle li:first-of-type {
  width: 200px;
  height: 60px;
  text-indent: 15px; }

.details .header .choosecycle li {
  width: 200px;
  height: 60px;
  cursor: pointer;
  text-indent: 15px; }

.details .header .choosecycle li:hover {
  background: #f9f9f9; }

.details .header .choosecycle li:hover div {
  color: #282828; }

.details .header .choosecycle li .numcycle {
  line-height: 33px;
  color: #666666; }

.details .header .choosecycle li .cycledate {
  line-height: 14px;
  color: #bbbbbb; }

.details .header .allrank .cycle span:first-of-type {
  font-size: 14px;
  color: #000;
  font-weight: 500; }

.details .header .allrank .cycle .cycle-arrow {
  width: 13px;
  height: 10px;
  /*float: right;

	margin: 23px -210px 0 0;

	display: inline-block;*/
  margin: 25px 0 0 40px;
  background: url("../images/svg/jiantou.svg") no-repeat; }

.details .header .allrank .cycle .cycle-arrow1 {
  width: 13px;
  height: 10px;
  /*float: right;

	margin: 23px -210px 0 0;

	display: inline-block;*/
  margin: 25px 0 0 40px;
  background: url("../images/svg/jiantouhover.svg") no-repeat; }

.details .product li {
  width: 898px;
  height: 255px;
  border-bottom: 1px solid #eeeeee; }

.details .product li:last-of-type {
  border-bottom: none; }

.details .product .rankdetails {
  width: 898px;
  background: #f9f9f9;
  display: none;
  height: 145px;
  border-bottom: 1px solid #eeeeee; }

.details .product .rankdetails .datadetails {
  width: 898px;
  height: 50px;
  line-height: 70px;
  text-indent: 30px; }

.details .product .rankdetails .datadetails .num {
  font-weight: 600; }

.details .product .rankdetails .datadetails span:first-of-type {
  margin-right: 64px;
  color: #999999; }

.details .product .rankdetails .datadetails span {
  margin-right: 40px; }

.details .product .rankdetails .times:first-of-type span:first-of-type {
  color: #999; }

.details .product .rankdetails .detailstimes-title {
  float: left;
  margin: 15px 37px 0 30px;
  color: #999; }

.details .product .rankdetails .times {
  width: 898px;
  height: 72px; }

.details .product .rankdetails .times .detailstimes {
  float: left;
  margin: 15px 40px 0 40px; }

.details .product .rankdetails .times .list-data-box:first-of-type {
  margin-left: 0; }

.details .product .rankdetails .times .detailstimes p:first-of-type {
  color: #999; }

.details .product .rankdetails .times .detailstimes p:last-of-type {
  font-weight: 599;
  color: #282828; }

.details .product .rankdetails .times .detailstimes:first-of-type {
  float: left;
  /*margin:15px 40px 0 0;*/ }

.details .product .rankdetails .times .detailstimes-line {
  float: left;
  opacity: 0.5;
  margin: 25px 0; }

.details .product .rankdetails .times .detailstimes:nth-of-type(2) {
  /*loat: left;

	opacity: 0.5;

	margin:25px 0 ;*/ }

.details .product .rankdetails .times .detailstimes:nth-of-type(4), .details .product .rankdetails .times .detailstimes:nth-of-type(6) {
  /*float: left;

	opacity: 0.5;

	margin:25px 0 0 2px;*/ }

.details .product li .rank {
  width: 110px;
  height: 195px;
  float: left;
  position: relative;
  /*background: #eeeeee;*/
  margin: 30px 10px 0 30px;
  display: flex;
  align-items: center; }

/*.details .product li .top{

	width: 110px;

	height: 195px;

	float: left;

	position: relative;

	background: #eeeeee;

	margin:30px 10px 0 30px;

}*/
/*.details .product li .top .ranknum{

	color: rgb(214, 123, 51);

}*/
.details .product li .rank .new {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: #f4523b;
  color: #ffffff;
  width: 110px;
  height: 32px;
  line-height: 32px;
  font-size: 14px; }

.details .product li .rank .ranknum {
  width: 110px;
  font-size: 52px;
  /*margin-top: 52px;*/
  margin-top: -9px;
  text-align: center; }

.details .product li .rank .score {
  font-size: 14px;
  color: #bbbbbb;
  /*margin-top:35px;*/
  text-align: center; }

.details .product li .rank .num {
  font-size: 18px;
  color: #444444;
  text-align: center;
  font-weight: 600; }

.details .product li .showpro {
  width: 260px;
  height: 195px;
  cursor: pointer;
  float: left;
  margin: 30px 20px 0 0; }

.details .product li .showpro img:hover {
  background: #F3F3F3;
  opacity: 0.8;
  transition: all 0.1s linear; }

.details .product li .author {
  width: 350px;
  height: 195px;
  float: left;
  margin: 30px 10px 0 0;
  padding: 0; }

.details .product li .info {
  height: 90px; }

.details .product li .author .v-title {
  font-size: 16px;
  margin: 5px 0 5px 0;
  cursor: pointer;
  width: 645px;
  min-height: 24px; }

.details .product li .author .v-title:hover {
  color: #d36f16; }

.details .product li .author .career {
  font-size: 12px;
  margin: 0 0 45px 0;
  color: #bbbbbb; }

.details .product li .author .icon {
  cursor: pointer;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 0 10px 0; }

.details .product li .author .nick {
  margin: 0 0 0px 0;
  cursor: pointer;
  width: -webkit-fit-content;
  height: 21px; }

.details .product li .author .nick:hover {
  color: #d36f16; }

.details .product li .author .date {
  font-size: 12px;
  color: #bbbbbb; }

.details .product li .showdetails {
  width: 90px;
  height: 195px;
  float: left;
  margin: 30px 0 0 -4px;
  text-indent: 5px; }

.details .product li .showdetails .pick {
  margin: 177px 0 0 4px;
  cursor: pointer; }

.details .product li .showdetails .pick span {
  display: inline-block;
  width: 11px;
  height: 10px;
  background: url("../images/svg/shixinjiantou.svg") no-repeat left center; }

.details .product li .showdetails .pick .down {
  display: inline-block;
  width: 11px;
  height: 10px;
  background: url("../images/svg/shixinjiantou.svg") no-repeat left center; }

.details .product li .showdetails .pick .up {
  display: inline-block;
  width: 11px;
  height: 10px;
  background: url("../images/svg/shixinjiantoufan.svg") no-repeat left center; }

.page-turning {
  float: right;
  margin: 30px 250px; }

