@charset "utf-8";
/*CSS通用重置样式*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;list-style:none; text-decoration:none;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, th, var, optgroup,i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea,select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
body {font-size:12px;color:#333;background:#FFF;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
sup, sub {font-size:100%;vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:middle;}
.clearfix:before,.cf:before,.clearfix:after,.cf:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after,.cf:after{clear:both;}
.clearfix,.cf{zoom:1;}
html{_text-overflow:ellipsis;} /*���IE6��ͼƬ����*/ 
iframe{display:block;}

ol, ul {list-style: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Init */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend{margin: 0; padding: 0;border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

/* common */

a,a:visited{ text-decoration:none;}

.clearer{ line-height:0px; clear:both; }
strong{ font-weight:bold;}

/* new clear .clear{overflow:hidden; zoom:1; clear:both;}*/
.clear:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;} 
.clear {display: inline-block;    }
/**//* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/**//* End hide from IE-mac */


html{
  width:100%;
  height:100%;
}

body {
 height:100%;
 overflow: hidden;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-size: .32rem;
  /* background: url(../images/bg.jpg) center top #dc4147 repeat-y; */
  background: url(../images/bg.jpg) repeat-y;
  background-size:cover;
  }





.wrapper {
  width: 7.5rem;
  margin: 0 auto;
  padding: 0.12rem .22rem .0rem .22rem;
  box-sizing: border-box;
  opacity: 1;
  position: relative;
  z-index: 1;
  overflow: auto;
}

.page1 {
  position: relative;
  height:100%;

}
.apica {
  width:100%;
}
.page1 img {
  width:100%;
}

.bza {
  width:6.9rem;
  height:2.5rem;
  background:url(../images/bza.png) no-repeat center top;
  background-size: contain;
  margin:0 auto;
  /* margin-top:0.36rem; */
}

.bzacon {
  padding-left: 0.9rem;
  padding-right: 0.3rem;
  height: 86%;
  overflow-y: auto;
  font-size: 0.2rem;
  padding-top: 2%;
  padding-bottom: 2%;
}

.bzacon a {
  color:#333;
}
.logom {
  background: none;
  width: 100%;
  height: 35px;
  line-height: 35px;
  position: absolute;
  bottom: 0.3rem;
  text-align: center;
}
.logom img {
  width:80%;
}



.btn-return {
  width:0.3rem;
  height:0.4rem;
  position: absolute;
  left:0.1rem;
  top:0.1rem;
  z-index: 5;
}

.btn-return img {
  width:100%;
}





.cfont {
  width:100%;
}

.cfont img {
  width:100%;
}
.btn2-return ,.btn3-return , .btn4-return {
  width:0.35rem;
  height:0.45rem;
  position: absolute;
  left:0.1rem;
  top:0.1rem;
  z-index: 5;
}

.btn2-return img ,.btn3-return img , .btn4-return img {
  width:100%;
}


.detail {
  width:100%;
  background:#fff;
  min-height: 1rem;
  border-radius: 0.1rem;
  margin-top:0.2rem;
  position: relative;
  border-bottom-right-radius: 1.2rem;
}

.choose-date {
  width: 92%;
  margin: 0 auto;
  height:0.6rem;
  font-weight:bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  position: relative;
  z-index: 999;
}


.choose-date .today {
  width:1.1rem;
  height:0.6rem;
  position: relative;
  color:#e51c24;
  font-size:0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
 flex-wrap: nowrap;
   justify-content:space-around;
   align-items: center;
   align-content:center;
}
.choose-date .today.curre {
  background:#f9b664;
  color:#fff;
}

.zd-input__suffix {
  position: absolute;
  height: 100%;
  right: 0px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}

.zd-input__suffix-inner {
  pointer-events: all;
}
.zd-input__icon {
  height: 100%;
  text-align: center;
  width: 25px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zd-icon-arrow-up{
  display: block;
}
.zd-icon-arrow-down{
  display: none;
}




.today.curre .zd-icon-arrow-up{
    display: none;
}
.today.curre .zd-icon-arrow-down{
  display: block;
}

.cascaderm.is-focus  .zd-input__icon {
  transform: rotate(180deg);
}

.zd-input__suffix-inner {
  pointer-events: all;
}
.zd-input__icon.zd-icon-arrow-up {
  transition: transform 0.3s;
  font-size: 13px;
}

.zd-input__icon.zd-icon-arrow-down {
  transition: transform 0.3s;
  font-size: 13px;
}
.zd-input__icon.zd-icon-arrow-right {
  transition: transform 0.3s;
  font-size: 13px;
  transform: rotate(270deg);
}

.choose-date .today.curre .cascader {
  display: block;
}


.getday {
  padding-right: 0.4rem;
  padding-left: 0.3rem;
}




.cascader {
   width:1rem;
   position: absolute;
   top:0.6rem;
   padding-right:0.1rem;
   left:0px;
   max-height: 5rem;
   color:#e51c24;
   padding-top:0.1rem;
   padding-bottom:0.1rem;
   background: rgba(255, 242, 203, 0.7);
   display: none;
}


.cascader-list {
  width:1rem;
  max-height: 5rem;
  overflow-y: auto;
}

.language_n .cascader {
   width:1.55rem;
   position: absolute;
   top:0.6rem;
   padding-right:0.1rem;
   left:0px;
   max-height: 5rem;
   color:#e51c24;
   padding-top:0.1rem;
   padding-bottom:0.1rem;
   background: rgba(255, 242, 203, 0.7);
   display: none;
}
.language_n .cascader-list {
  width: 1.7rem;
    max-height: 5rem;
    overflow-y: auto;
}


.cascader-list li {
  text-align: center;
  padding: 0.15rem;
  font-size: 0.26rem;
}

.cascader-list li.active i {
  background: #dc4147;
  padding: 0.05rem 0.2rem;
  color: #fff;
}
.cascader-list li a {
  color:#e51c24
}
.cascader-list li.active a {
    color: #fff;
}

.choose-date .month {
  width: 1.8rem;
  height: 0.6rem;
  position: relative;
  color: #e51c24;
  font-size: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
}

.choose-date .month.curre {
  background: #f9b664;
  color: #fff;
}
.choose-date .month.curre .cascader {
  display: block;
}
.month.curre .zd-icon-arrow-up{
  display: none;
}
.month.curre .zd-icon-arrow-down{
display: block;
}

.getmonth {
  padding-right: 0.2rem;
}


.getyear {
  padding-right: 0.2rem;
}





.language_l {
  padding-right: 0.2rem;
}

.choose-date .language_n {
width: 1.7rem;
    height: 0.6rem;
    margin-left: 1.6rem;
    position: relative;
    color: #e51c24;
    font-size: 0.3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}
.choose-date .language_n.delang {
     margin-left: 0.6rem;
}

.choose-date .language_n.curre {
  background: #f9b664;
  color: #fff;
}

.language_n.curre .zd-icon-arrow-up{
  display: none;
}
.language_n.curre .zd-icon-arrow-down{
display: block;
}
.choose-date .language_n.curre .cascader {
  display: block;
}








.choose-date .year {
  width: 1.5rem;
  height: 0.6rem;
  position: relative;
  color: #e51c24;
  font-size: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
}

.choose-date .year.curre {
  background: #f9b664;
  color: #fff;
}

.year.curre .zd-icon-arrow-up{
  display: none;
}
.year.curre .zd-icon-arrow-down{
display: block;
}
.choose-date .year.curre .cascader {
  display: block;
}


.month-cascader {
  width: 1.65rem;
}
.month-cascader-list {
  width: 1.75rem;
  max-height: 5rem;
  overflow-y: auto;
}


.year-cascader {
  width: 1.4rem;
  height: 1.5rem;
}
.year-cascader-list {
  width: 1.4rem;
  height: 1.5rem;
  overflow-y: auto;
}

.language {
  width:1.25rem;
  height: 2.6rem;
  position: absolute;
  right:0px;
  top: 2.2rem;
  z-index: 25;
}
.language p {
  width:100%;
  margin-bottom:0.1rem;
}
.language p img {
  width:100%;
}




.detail-con {
  width: 92%;
  margin:0 auto;
  padding-bottom: 0.3rem;
  position: relative;
  z-index: 2;
}

.detail-con img {
  width:100%;

}

.detail-con h5 {
  font-weight:bold;
  font-size: 0.4rem;
  color:#333;
}

.detail-con h3 {
  font-weight:bold;
  font-size: 0.32rem;
  color:#333;
  padding-bottom: 0.2rem;
}
.detail-con p {
  font-size: 0.32rem;
  line-height: 0.56rem;
  padding-top:0.1rem;
}

.detail-main {
  height:5.5rem;
  overflow-y: auto;
  margin-top:0.2rem;
}

.top-pre-page {
   position: absolute;
   top:0px;
   left: -0.3rem;
   width: 0.6rem;
   height:1.45rem;
   z-index: 11;
}
.pre-page {
   position: absolute;
   bottom:0px;
   left: -0.3rem;
   width: 0.6rem;
   height:90%;
   z-index: 11;
}


.next-pageb {
    position: absolute;
    bottom: 0px;
    right: -6%;
    width: 0.4rem;
    height: 90%;
    z-index: 11;
}


.next-page {
  position: absolute;
  bottom:0px;
  right: -0.3rem;
  width: 1.06rem;
  height:1.45rem;
  z-index: 9;
}
.next-page img {
  width:100%;
}

.page3 {
  position: relative;
  height: 100%;
 
}

.flipbook {
  width:100%;
  height:100%;
}

.flipbook-viewport{
	overflow:hidden;
	width:100%;
	height:100%;
	position: relative;
	z-index: 10;
	border-bottom-right-radius: 1rem;
}

.flipbook-viewport .container{
}

.flipbook-viewport .flipbook{
	
}

.flipbook-viewport .page{
	width:461px;
	height:600px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}
.flipbook-viewport .page img {
  width:100% !important;
}
.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

@-webkit-keyframes reverseRotataZ{
	0%{-webkit-transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(-360deg);}
}
@-webkit-keyframes rotataZ{
	0%{-webkit-transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(360deg);}
}

.pull-left {position:absolute;bottom:5%;right:0;overflow:hidden;width:240px; height:200px; }/*  |xGv00|e69d3d10a97baed58b34702fd0b01ff5 */


.loadinner{
    position:absolute;
    width:76%;
    height:100%;
    margin-left:-38%;
    left:50%;
    text-align:center;
    font-size:11px;
    line-height:20px;
}
.graph{
    background:#6c6c6c;
    width:70%;
    margin:10px auto 0 auto;
}
#bar{
    display:block;
    background:#f1f1f1;
    height:3px;
    width:10px;
}
#diary{width:70%;margin:0 auto;}
#chupin{width:100%;position:absolute;bottom:80px;}
#cpright{position:absolute;bottom:50px;color:#757575;font-size:9px;text-align:center;width:100%;letter-spacing: -1px;word-spacing: -1px;}
#btns{position:absolute;left:50%;top:15%;width:44%;margin:0 0 0 -22%;z-index:999;}
#btns button,#btns a{line-height:36px;background: #1ea5d2;border: 1px solid #fcfcfc;color:#404040;width:100%;height:36px;font-size:17px;font-family:"微软雅黑";display:block;text-decoration:none;text-align:center;}

.shade{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0%;
	left: 0%;
	z-index: 1000008;
	/*background-color: rgba(0 ,0, 0, 0.5);*/
	/*border: 1px solid red;*/
}

/*环形进度条*/

.loadingImg{
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 1%;
	left: 42%;
}

.sk-fading-circle {
	width: 60px;
	height: 60px;
	position: relative;
	top: 32%;
	left: 40%;
}

.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #ffffff;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; }
}

/*进度数字*/
.number{
	width: 15%;
	height: 10%;
	position: fixed;
	top: 47%;
	left: 45%;
	z-index: 1000009;
	color: #ffffff;
	/* border: 1px solid red; */
}


/*上一页*/
.previousPage{
	width: 16%;
	height: 20%;
	position: fixed;
	top: 80%;
	left: 22%;
	z-index: 999999;
	/*border:1px solid red;*/
	background: transparent !important;
}
/*返回目录页按钮*/
.return{
	width: 16%;
	height: 20%;
	position: fixed;
	top: 80%;
	left: 40%;
	z-index: 999999;
	/*border:1px solid blue;*/
	background: transparent !important;
}

/*下一页*/
.nextPage{
	width: 16%;
	height: 20%;
	position: fixed;
	top: 80%;
	left: 58%;
	z-index: 999999;
	/*border:1px solid red;*/
	background: transparent !important;
}


.btnImg{
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 99999;
	background-size: cover;
	point-events:none;
}

/*弹出窗口*/
.g-plugin-confirm {
	position: fixed;
	z-index: 9999999999999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	/*background: rgba(0, 0, 0, 0.1);*/
	background-color: rgba(0 ,0, 0, 0.35);
	justify-content: center;
	align-items: center;
}
/* line 397, global.sass */
.g-plugin-confirm > div {
	background: rgba(255, 255, 255, 0.9);
	width: 80%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
/* line 402, global.sass */
.g-plugin-confirm > div > div:nth-child(1) {
	text-align: center;
	color: black;
	padding: 22px;
}
/* line 406, global.sass */
.g-plugin-confirm > div > div:nth-child(2) {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #cbcbd1;
}
/* line 409, global.sass */
.g-plugin-confirm > div > div:nth-child(2) a {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-right: 1px solid #cbcbd1;
	text-align: center;
	padding: 8px 0;
	color: #3bbec0;
	font-size: 22px;
	text-decoration: none;
}
/* line 416, global.sass */
.g-plugin-confirm > div > div:nth-child(2) a:last-child {
	border-right: 0;
}



.page4 {
  position: relative;
  height: 100%;
}


.listm {
  width:100%;
  background:#fff;
  min-height: 1rem;
  border-radius: 0.1rem;
  margin-top:0.2rem;
  position: relative;
 
}
.listmain {
  width:100%;
  height:9rem;
      margin-top: 0.1rem;
    overflow: hidden;
  overflow-y: auto;
  padding-bottom: 0.4rem;
}

.list-con {
  width: 93%;
  overflow:hidden;
  margin: 0 auto;
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
.li-item {
  width: 48%;
  display: inline-block;
  margin-bottom: 0.2rem;
  margin-top: 0.2rem;
}

.li-item img {
  width:100%;
}
.li-item .time {
  font-size:0.24rem;
  color:#e51c24
}

.li-item .item-con {
  font-size:0.28rem;
  line-height: 0.38rem;
  color:#333;
  height: 1.5rem;
  overflow: hidden;
}

.li-item .item-con a {
   color:#333;
}




.wrapper-w {
  width: 92%;
  margin: 0 auto;
  padding-bottom: 0.3rem;
  position: relative;
}









.page2 {
  position: relative;
  height: 100%;
    display: none;
}


.bfont {
  width:100%;
}

.bfont img {
  width:100%;
}
.bchoose-year {
  width:100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 0.1rem;
}
.year-item.curre {
  width: 2rem;
  background:#fff;
  display: inline-block;
  border-radius: 0.15rem;
  color: #e51c24;
  font-weight: bold;
  text-align: center;
  padding: 0.06rem 0.05rem;
}


.year-item {
  width: 2rem;
  background:#dc2622;
  display: inline-block;
  border-radius: 0.15rem;
  color: #e55d5c;
  font-weight: bold;
  text-align: center;
  margin-right:0.1rem;
  padding: 0.02rem 0.02rem;
}

.choosetime {
  width:100%;
  background:#fff;

  position: relative;
  z-index: 3;
  padding-bottom: 0.1rem;
}

.page2-month {
  width:100%;
  height:2.6rem;
  position: relative;
  overflow: hidden;
}

.page2-choose-year {
  position: absolute;
  font-size: 1.6rem;
  text-align: center;
  background-image: linear-gradient(180deg,#ffebb2,#fffdf6);
  background-clip:text;
  -webkit-background-clip:text;
  color: transparent;
  font-weight:bold;
  margin: 0 auto;
  width: 100%;
  top: 0px;
  line-height: 1.8rem;
}

.towmonth {
  width:6.6rem;
  height:1.5rem;
  background: url(../images/monthbg.png) no-repeat center top;
  background-size: 100%;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  margin-top: 0.7rem;
}


.page2month {
  width:100%;

}
.page2month .swiper-slide {
  color:#e51c24;
  font-size:0.22rem;
   text-align: center;
   -webkit-transition: transform 1s;
   transition: 1s;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
.page2month .swiper-slide-active {
  color:#fff;
  
}
.page2month .swiper-slide.swiper-slide-prev a {
  color:#ef9321;
}
.page2month .swiper-slide.swiper-slide-next a {
  color:#e51c24;
}
.page2month .swiper-slide.swiper-slide-active a {
  color:#fff;
}
.page2month .swiper-slide a {
   color:#e51c24;
}

.page2month .swiper-slide .b-month {
  text-align: center;
  font-weight: bold;
  font-size: 0.22rem;
  padding-top: 0.9rem;
}

.page2month .swiper-slide-active .b-month {
  color:#fff;
  font-size: 0.32rem;
  padding-top: 0.5rem;
}

.page2-next {
  width: 1rem;
  height: 1rem;

  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 2;
}

.page2-preV {
  width: 1rem;
  height: 1rem;
 
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 2;
}

.twoday {
  width:100%;
  height: 0.6rem;
  overflow:hidden;
  position: relative;
}
.page2day {
  width:100%;
}

.page2day .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.page2day .swiper-slide {
  color:#e1e1e1;
}
.page2day .swiper-slide.slideday {
  color:#333;
}

.page2day .swiper-slide.curre p {
  color:#e51c24;
   border-bottom:0.05rem solid #e51c24;
}


.two-detail {
  width: 92%;
  margin: 0 auto;
  margin-top: 0.1rem;
  height: auto;
  padding-bottom:0.1rem;
 overflow:hidden;
}

.two-detail img {
  width:100%;
}

.two-detail .two-chtitle {
  font-weight: bold;
  font-size: 0.32rem;
  color: #333;
  padding-top:0.1rem;
}
.two-detail .two-chtitle a {
    color: #333;
}
.two-detail .two-entitle {
  font-weight: bold;
  font-size: 0.26rem;
  color: #333;
}
.two-detail .two-entitle a {
    color: #333;
}
.two-detail .two-des {
    font-size: 0.26rem;
    line-height: 0.4rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    margin-bottom: 0.1rem;
 
}
.two-detail .two-des p {
  padding-top: 0.1rem;
}
.two-detail .two-des p a {
    color: #333;
}

.scrollbar::-webkit-scrollbar {/*滚动条整体样式*/
  width: 0.1rem;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;

}

.scrollbar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #e51c24;
}

.scrollbar::-webkit-scrollbar-track {/*滚动条里面轨道*/
  border: 0;
  background:url(../images/lbg.png) repeat-y center top ;

}

.csheight {
  opacity: 0;
  position: absolute;
  z-index: 0;
  width:100%;
}



.hmore {
  font-size: 0.32rem;
    color: #fff;
    background: #fda931;
    padding: 0 0.2rem;
    margin-left: 77%;
}



.choose_la {
        background: url(../images/language_bg.png) no-repeat;
        background-size: 100%;
        width: 100%;
        height: 0.95rem;
        align-items: center;
        justify-content: center;
        display: flex;
}
.la_item {
    width: 23%;
    text-align: right;
    overflow: hidden;
    float: left;
}
.la_item a {
  color:#fff
}
.la_item p {width: 0.75rem;float: right;color: #fff;text-align: center;font-size: 0.2rem;height: 0.4rem;font-weight: bold;line-height: 0.4rem;margin-right: 0.2rem;}
.la_item.curre p {background: #fff;color: #e51c24;}
.la_item.curre  a {
  color:#e51c24
}

.zw-info {
  width:100%;
}

.zw-info span.source {
    font-size: 0.28rem;
    display: block;
     color:#666;
}
.zw-info span.time {
    font-size: 0.28rem;
    display: block;
    color:#666;
}


.h-scorl {
    width: 100%;
    height: 86%;
    position: relative;
    min-height: 12rem;
}


.towmonth a{
    -webkit-tap-highlight-color: transparent;
}