html {
  font-family:microsoft yahei;
  margin:0;
  padding:0;
  font-family:PingFangSC-Regular,sans-serif;
  background:url('../img/detailBg.png') repeat;
}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
  /*-webkit-text-size-adjust:none;
  */
}
body {
  font-family: PingFangSC-Regular,PingFangSC-Light,sans-serif;
  margin:0;
  padding:0;
  background:url('../img/detailBg.png') repeat;
  /*background-color:#f5f5f5;
  background:url(http://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1373364114800649/bg_01_kuan@2x_02.png) 0 0 repeat;
  */ width:100%;
  font-size:100%;
  color:#343434;
  letter-spacing:1px;
}
ul,h1,h2,h3,h4,h5,h6,dl,dd,dt {
  margin:0;
  padding:0;
  list-style:none;
}
a {
  text-decoration:none;
}
a,button,input,img,div {
  -webkit-tap-highlight-color:rgba(255,0,0,0);
  -webkit-tap-highlight-color:transparent;
}
h1 {
  font-size:1.4em;
  padding:10px 0;
  color:#000000;
}
.source {
  width:100%;
  right:0px;
  color:#999;
  font-size:1em;
  position:relative;
  display:block;
}
.source span {
  margin-right:10px;
}
.source em {
  float:right;
  margin-right:0px;
  font-style:normal;
  color:#1a5bad;
  font-family:"Cambria Math";
  font-size:1.4em;
  display:none;
}
.source em i {
  font-style:normal;
  font-size:0.6em;
  font-weight:bold;
}
.source .setfont {
  position:fixed;
  width:80%;
  z-index:999999;
  background-color:#e0e4e3;
  opacity:0.9;
  top:150px;
  display:none;
  border:1px solid #dadede;
  border-radius:0.3em;
  left:10%;
  right:0px;
}
.source .setfont li {
  color:#000;
  text-align:left;
  border-bottom:1px solid #c9cdcf;
  line-height:40px;
  padding-left:5%
}
.source .setfont li.cur {
  background:url(http://p1.img.cctvpic.com/photoAlbum/templet/common/DEPA1379036072673831/cur_130929.png) 94% center no-repeat;
  background-size:11px 11px;
}
.source .setfont li.s {
  font-size:1em;
}
.source .setfont li.n {
  font-size:1.0625em;
}
.source .setfont li.m {
  font-size:1.4em;
}
.source .setfont li.b {
  font-size:1.6em;
}
.source .btn i {
  width:49.3%;
  font-style:normal;
  text-align:center;
  display:inline-block;
  line-height:40px;
  color:#6aabf9;
  font-size:24px;
  border-right:1px solid #c9cdcf;
  font-size:18px;
  line-height:40px;
}
.source .btn i:nth-child(2) {
  border:none;
}
.source .btn i:focus {
  outline:0;
}
.topbutton {
  height:40px;
  width:100%;
  display:none
}
.topbutton a {
  display:inline-block;
  padding:0 9px 0 21px;
  margin:14px 0 0 0;
  height:23px;
  line-height:23px;
  border:1px solid #dddddd;
  border-radius:5px;
  font-size:12px;
  background:url(http://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1393206389488655/openicon.png) 5px center no-repeat scroll #ececec;
  background-size:auto 50%;
  color:#666666;
}
.bottom {
  margin:7px 10px;
  height:40px;
  line-height:40px;
  min-width:200px;
  border-radius:5px;
  color:#fff;
  text-align:center;
  display:none;
}
.bottom span:before {
  content:".";
  height:100%;
  width:26px;
  display:inline-block;
  background:url( http://p2.img.cctvpic.com/photoAlbum/templet/common/DEPA1393206389488655/cntvicon.png) left center no-repeat scroll;
  background-size:26px auto;
  padding-right:10px;
}
.bottom a {
  color:#ffffff;
  display:block;
  width:100%;
  height:40px;
  text-align:center;
}
/*summary*/
.summary {
  margin:15px 0 0;
  background:#efefef;
  padding:15px 10px;
  display:none;
}
#content_body {
  color:#585858;
}
#content_body a {
  color:#585858;
}
article {
  overflow: hidden;
}
.cheng {
  width: 100%;
  height: 15px;
  background: rgba(230,229,245,0.40);
}
article .concent {
  padding:0 4%;
  margin-bottom:40px;
}
article .header {
  padding:0 4%;
}
article p {
  /* line-height:1.8em;
  font-size:1.0625em;
  */
  line-height:30px;
  font-size:17px;
  margin-top:15px;
  word-wrap:break-word;
  font-weight:400;
  text-align:justify;
  color: #333333;
  letter-spacing: 0;
}
article section[data-width="100%"] {
  width: 100% !important;
}
article p div.tempImgDiv {
  max-width:300px;
  height:200px;
  line-height:200px;
  background:#ececec;
  margin:0 auto;
  text-align:left;
}
article img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  /*background:url(image/showimg.png) center center no-repeat scroll transparent;
  background-color:#CCC;
  */ -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.playerbg .img img {
  /*width:100%;
  */ max-width:100%;
}
.playerbg {
  padding:20px 0px 0;
  margin:0 auto;
}
.playerbg .img {
  width:100%;
  text-align:center;
  position:relative;
  background:#000;
}
.playerbg .outbg {
  width:100%;
  height:100%;
  background:url(http://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1373364114800649/bofang.png) left bottom no-repeat;
  position:absolute;
  top:0px;
  left:0;
  text-align:center;
  z-index:101;
}
.playerbg {
  display:none;
}
.setfont .info {
  padding-right:80px;
}
.clear:after {
  display:block;
  clear:both;
  content:"";
  visibility:hidden;
  height:0;
}
/*�����h1����*/
.title-h1 {
  /*height:63px;
  width:92%;
  */
  width:100%;
  font-size:26px;
  line-height:37px;
  font-family:PingFangSC-Semibold;
  font-weight:600;
  padding-top:20px;
  letter-spacing: 0;
  color: #333;
  text-align: justify;
}
/*�ȵ��Ƽ�*/
.hot {
  margin-top:40px;
}
.hotnews {
  width:100%;
  font-size:17px;
  line-height:1.8em;
}
.hotnews .title {
  padding:7px 10px;
  color:#333;
  background:#e5e5e5;
  font-size:15px;
  line-height:15px;
}
.hotnews .title:before {
  content:" ";
  width:3px;
  height:15px;
  float:left;
  background:url(http://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1373364114800649/hottitle_line.png) left top no-repeat scroll;
  overflow:hidden;
  margin-right:10px;
  display:inline-block;
  background-size:3px auto;
  vertical-align:middle;
}
.hotnews .text ul li {
  color:#646363;
  border-top:1px solid #e4e4e4;
  padding:10px 10px;
}
.hotnews .text ul li a {
  color:#646363;
}
#myFlash {
  margin-bottom:15px;
}
#html5Player {
  -webkit-transform-style:preserve-3d;
}
#html5ControlDiv {
  display:none;
}
@media screen and (orientation:landscape) {
  #html5Player,#html5ControlDiv,#html5VideoBack,#myFlash,embed,video {
    width:100% !important;
    /*height:100% !important;
    */
  }
}@media screen and (orientation:portrait) {
  #html5Player,#html5ControlDiv,#html5VideoBack,#myFlash,embed {
    width:100% !important;
  }
}/*��Ƶ����*/
.vedio {
  /*width:92%;
  margin-left:4%;
  margin-right:4%;
  */ margin-top:15px;
  position:relative;
}
.pic-b {
  width:100%;
}
.img .timer {
  height: 20px;
  color: #ffffff;
  letter-spacing: 0.51px;
  font-size: 10px;
  background-color: rgba(0,0,0,0.7);
  line-height: 20px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 0 4px;
  border-radius: 1px;
}
.pic-s {
  z-index: 10;
  position: absolute;
  width: 45px;
  height: 45px;
  bottom: 30px;
  left: 30px;
  margin: auto;
}
.bt-wz {
  font-size:18px;
  color:#999;
  margin-left:4%;
  margin-top:15px;
}
.info {
  margin-left:4%;
}
.info span {
  display: block;
  font-size:12px;
  line-height: 17px;
  color: #C2C2C2;
  letter-spacing: 0;
}
.info p {
  font-size:14px;
  margin-top:0px;
  color: #757575;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
}
.body p {
  text-indent:0;
  color:#333;
}
.info {
  display:inline-block;
}
.info-r {
  color:#A1A1A1;
  letter-spacing:0;
  font-size:10px;
  /*background-image:url('../img/num.png');*/
  /*background-size:100% 100%;*/
  background: #F6F6F6;
  border-radius: 1px;
  font-family: PingFangSC-Medium;
  line-height:22px;
  position:absolute;
  right:15px;
  bottom:0;
  padding:0 2.4%;
}
.info-r span {
  font-size:12px;
  line-height:22px;
  letter-spacing:0;
  margin-left:10%;
}
.share {
  width:100%;
  margin-bottom:30px;
}
.share ul {
  width:92%;
  margin:0px auto;
}
.share ul li {
  width:25%;
  float:left;
  text-align:center;
}
.share ul li span {
  font-size:12px;
  color: #333;
}
.icon {
  /*background:url(../img/nicon.png) no-repeat;*/
  height:46px;
  width:46px;
  margin:0px auto;
  background-size:46px 46px;
  background-repeat: no-repeat;
  /*margin-bottom:10px;*/
}
.share .more {
  background-image: url(../img/more.png);
}
.share .wx {
  background-image: url(../img/wx.png);
}
.share .xl {
  background-image: url(../img/xl.png);
}
.share .py {
  background-image: url(../img/py.png);
}
/*����Ƽ�*/
.new-main ul {
  width:100%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}
.new-main ul li {
  padding-bottom: 2px;
  padding-top: 2px;
  padding-right:10px;
}
.new-main ul li a {
  color:#333;
  font-size:16px;
  letter-spacing: 0;
}
/*.list-1 {
	border-bottom:1px solid #e4e4e4;
}
*/

/*��������*/
#hotlist {
  margin-bottom:15px;
}
.new-comment {
  width:100%;
  font-size:0.9em;
  line-height:1.3em;
}
.new-comment .title {
  padding:20px 0 27px 15px;
  color:#333;
  font-size:15px;
  font-weight:600;
  line-height:20px;
}
.new-comment .title img {
  width: 105px;
  height: 25px;
}
/*.new-comment .title-1:before {*/
/*  content:" ";*/
/*  width:5px;*/
/*  height:20px;*/
/*  float:left;*/
/*  background:url("../img/35copy4.png") left top repeat scroll;*/
/*  overflow:hidden;*/
/*  margin-right:10px;*/
/*  display:inline-block;*/
/*  background-size:3px auto;*/
/*  vertical-align:middle;*/
/*}*/
/*.new-comment .title-2:before {*/
/*  content:" ";*/
/*  width:5px;*/
/*  height:20px;*/
/*  float:left;*/
/*  background:url("../img/35copy3.png") left top repeat scroll;*/
/*  overflow:hidden;*/
/*  margin-right:10px;*/
/*  display:inline-block;*/
/*  background-size:3px auto;*/
/*  vertical-align:middle;*/
/*}*/
.new-main {
  overflow:hidden;
  /*border-bottom:1px solid #e4e4e4;
  */
}
.list {
  /*width:92%;*/
  margin-left: 15px;
  margin-right: 15px;
  overflow:hidden;
  /*margin-top:15px;*/
}
.list .pic {
  width:30px;
  height:30px;
  border-radius:15px;
  position:absolute;
  margin-top: 5px;
}
.list .main {
  position: relative;
  display:block;
  margin-left:40px;
}
.list .shouqi {
  color:#001966;
  margin-bottom:5px;
  max-height:50px;
  font-size:14px;
}
.list .zhankai {
  color:#001966;
  /*margin-bottom:5px;*/
  max-height:50px;
  font-size:14px;
}
.list .shouqi b {
  background:url(../img/xiala.png) no-repeat;
  background-size:100% 100%;
  width:14px;
  height:7px;
  margin-left:5px;
  display:inline-block;
}
.list .main .reply {
  background-color:#f5f5f5;
  padding:15px;
  border-top:1px solid #c8c8c8;
  border-left:1px solid #c8c8c8;
  border-right:1px solid #c8c8c8;
}
.list .main .more {
  font-size:16px;
  color:#285fb1;
  text-align:center;
}
.list .zhankai b {
  background:url(../img/shouqi.png) no-repeat;
  background-size:100% 100%;
  width:14px;
  height:7px;
  margin-left:5px;
  display:inline-block;
}
.name,.time {
  display:block;
  font-size:14px;
  vertical-align:top;
  letter-spacing: 0;
  line-height: 20px;
}
.name {
  color: #757575;
}
.time {
  font-size: 12px;
  color: #C2C2C2;
}
.wz {
  margin:5px 0 5px 0;
  color:#333333;
  /*line-height:22px;*/
  line-height:1.4em;
  font-size:16px;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing: 0;
}
.agree {
  position: absolute;
  right: 0;
  top: 10px;
  height: 16px;
  font-size: 12px;
  color: #C2C2C2;;
  line-height: 16px;
  text-align: right;
}
.agree img {
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-right: 5px;
}
/*.lone {
	background-color:#f7f5f3;
	width:92%;
	height:40px;
	margin:20px 4% 15px 4%;
	border-radius:5px;
	border:1px solid #e4e4e4;
}
*/
.ui-border-t {
  height:1px;
  /*height:0.05rem;*/
  /*background-position:left top;*/
  /*background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0));*/
  background-color: #f4f4f4;
  margin: 14px 0;
}
.lone {
  position: relative;
  height:40px;
  line-height: 40px;
  margin-bottom: 20px;
}
.lone-left {
  width:1%;
  height:40px;
  margin-left:4%;
  position:absolute;
  margin-top:20px;
}
.lone-right {
  width:1%;
  height:40px;
  margin-right:4%;
  margin-top:20px;
  position:absolute;
  right:0;
}
.lone-mid-1 {
  background:url("../img/line.png");
  height:1px;
  width:92%;
  margin-left:4%;
  margin-top:20px;
  position:absolute;
}
.lone-mid-2 {
  margin-top:59px;
}
.lone-wz {
  color:#A1A1A1;
  /*line-height:0.5em;*/
  font-size:14px;
  font-weight:400;
  position:absolute;
  /*margin-top:35px;*/
  width:100%;
  height: 100%;
  text-align:center;
  letter-spacing: 0.71px;
}
.lone-wz img {
  width: 10px;
  height: 10px;
  margin-left: 2px;
}
/*ԭ�����Ƽ�*/
/*.hotnews .list ul li {
	width:90%;
	color:#646363;
	border-bottom:1px solid #e4e4e4;
	margin:10px 25px;
}
*/
/*.hotnews .list .pic {
	width:25px;
	height:25px;
	display:inline-block;
}
*/
/*.hotnews .name {
	display:inline-block;
	margin:0;
}
*/
/*.hotnews .time {
	display:inline-block;
	float:right;
	margin-right:5%;
	margin-top:0;
	margin-bottom:0;
}
*/
/*.hotnews .wz {
	text-indent:1.2em;
	margin-top:5px;
}
*/
/*.lone {
	width:100%;
	height:55px;
	opacity:0;
	position:relative;
}
*/
/*.lone-wz {
	text-align:center;
	color:#3c8ef3;
	margin-top:-42px;
}
*/



/*night*/
.night {
  background-color:#333333;
}
.night h1 {
  color:#c3c3c3;
}
.night .summary {
  background:#3b3b3b;
}
.night #content_body {
  color:#858585;
}
.night .hotnews .title {
  color:#c3c3c3;
  border-top:1px solid #434343;
  background-color:#333333;
}
.night .hotnews .text ul li a {
  color:#6faed6;
}
.night .hotnews .text ul li {
  color:#6faed6;
  border-top:1px solid #434343;
}
/*ads style*/
#ads_footer,#ads_floatbot {
  position:relative;
  padding:0 4%;
  margin-bottom:30px;
  display:none;
}
#ads_footer img,#ads_floatbot img {
  width:100%;
  height:auto;
}
#ads_floatbot {
  position:fixed;
  bottom:50px;
  left:0;
  z-index:10000;
}
#ads_floatbot img {
  border-radius:5px;
}
#ads_footer .tuiguang {
  position:absolute;
  bottom:10px;
  right:20px;
  width:20px;
  height:10px;
}
/*��Ƶ������*/
.playeroutbox {
  border:1px solid #c6c6c6;
  border-radius:5px;
  height:39px;
  display:-webkit-box;
  display:-moz-box;
  display:box;
  position:relative;
  background:#fff;
  z-index:2;
  display:none;
}
.playeroutbox .progress {
  border-right:52px solid;
  border-left:44px solid;
  width:100%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  height:3px;
  border-color:#fff;
  margin-top:18px;
  background:#d7d7d7;
}
.playeroutbox .progress .progressbg {
  height:3px;
  width:100%;
  background:#d7d7d7;
  position:absolute;
  top:0;
  left:0;
  z-index:0;
  display:none
}
.playeroutbox .button {
  width:25px;
  height:25px;
  position:absolute;
  margin:7px 16px 0 5px;
  left:0;
  top:0;
}
.playicon {
  background:url(http://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1373364114800649/play.png) 50% 50% no-repeat scroll;
  background-size:25px auto;
}
.pauseicon {
  background:url(http://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1373364114800649/pause.png) 50% 50% no-repeat scroll;
  background-size:25px auto;
}
.playeroutbox .time {
  width:52px;
  display:block;
  font:12px/39px arial;
  color:#979696;
  text-align:right;
  position:absolute;
  right:3px;
  top:0;
}
.playeroutbox .line {
  width:0%;
  height:3px;
  position:relative;
  background:#7ecdff;
  z-index:3;
}
.playeroutbox .line span {
  width:12px;
  height:12px;
  display:inline-block;
  background:url(http://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1373364114800649/linepoint.png) right center no-repeat scroll;
  position:absolute;
  right:-8px;
  top:-5px;
  background-size:12px 12px;
  z-index:9999;
}
.audio{
  display: block;
}
.audiotitle {
  color:#c2c2c2;
  text-align:center;
  font:12px/20px;
  display:none;
}
.ads-close {
  position:absolute;
  right:10px;
  top:0;
  width:25px;
  height:25px;
  background:url(http://p3.img.cctvpic.com/photoAlbum/templet/common/DEPA1373364114800649/ads-close.png) 50% 50% no-repeat scroll;
  background-size:25px auto;
}
.backline {
  background:url('../img/line.png') repeat;
  height:1px;
}
.prompt-alt {
}.prompt-alt {
   position:fixed;
   width:60%;
   top:200px;
   z-index:10001;
   display:none;
   width:260px;
   left:50%;
   margin-left:-130px;
   background:#ffffff;
   text-align:center;
   border-radius:10px;
   overflow:hidden;
   opacity:.9;
   -moz-opacity:.9;
   letter-spacing:1px;
 }
#prompt-content {
  color:#000;
  font-size:16px;
  padding:20px;
  line-height:30px;
}
#prompt-close {
  display:block;
  width:100%;
  height:40px;
  line-height:40px;
  background:#fff;
  color:#285fb1;
  font-size:18px;
  border-top:1px #3b3b3b solid;
}
.cover {
  position:absolute;
  top:0px;
  width:100%;
  height:500px;
  background:black;
  opacity:.4;
  -moz-opacity:.4;
  filter:alpha(opacity=40);
  z-index:9999;
  overflow:hidden;
  display:none;
}
@keyframes boxMax {
  0% {
    width:16.5rem;
  }
  100% {
    width:0;
  }
}@keyframes boxMin {
   0% {
     width:0;
   }
   100% {
     width:16.5rem;
   }
 }
.show {
  background-image: url(../img/shouqigeng.png) !important;
}
.noShow {
  background-image: url(../img/zhankai.png) !important;
}
/*.show .nomsg_font {*/
/*    float:left;*/
/*  }*/
/*.show .nomsg_img {*/
/*  transform:rotate(0deg)*/
/*}*/
/*.noShow .nomsg_font {*/
/*  float:right;*/
/*  margin-right:20%;*/
/*  margin-left:0%;*/
/*}*/
/*.noShow .nomsg_img {*/
/*  transform:rotate(180deg)*/
/*}*/
.box_max {
  animation:boxMax 2s;
  animation-fill-mode:forwards;
  -webkit-animation:boxMax 2s;
  -webkit-animation-fill-mode:forwards;
}
.box_min {
  animation:boxMin 2s;
  animation-fill-mode:forwards;
  -webkit-animation:boxMin 2s;
  -webkit-animation-fill-mode:forwards;
}
#download {
  position:fixed;
  bottom:0.5%;
  right:0;
  width:16.5rem;
  height:2.6rem;
  z-index:9999;
  display:none;
}
.nomsg_box {
  width:16.5rem;
  padding-top:1%;
  position:absolute;
  bottom:0.5%;
  left:0;
  height:2.6rem;
  z-index:1000;
  box-sizing: border-box;
}
.nomsg_left {
  width: 1.275rem;
  height: 1.5rem;
  background-image: url(../img/shouqigeng.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  left: -1.1rem;
  z-index: 11;
  top: 0.85rem;
}
.nomsg_font {
  width:33%;
  height:75%;
  font-size:50%;
  float:left;
  color:#fff;
  margin-left:12%;
  margin-top:15%;
}
.nomsg_img {
  width:20%;
  height:35%;
  float:left;
  margin-top:35%;
  margin-left:15%;
}
.nomsg_img img {
  display:block;
  width:100%;
}
.nomsg_right {
  /*background-color:#f7f7f7;*/
  opacity:0.9;
  width:16.5rem;
  height:100%;
  position:absolute;
  z-index:10;
  top:.3rem;
  left:0;
  border-radius:4px;
}
.nomsg_right img {
  display:block;
  width:100%;
  height:100%;
}
.t_zhe {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9999;
  display:none;
  background-color:rgba(0,0,0,0.6);
}
.t_zhe div {
  width:11.9rem;
  height:8rem;
  margin:10.9rem auto 0;
  background-color:#ffffff;
  overflow:hidden;
  border-radius:5px;
}
.t_zhe .p_one {
  color:#2394fc;
  text-align:center;
  font-size:0.7rem;
  margin-top:1.6rem;
}
.t_zhe .p_two {
  color:#959595;
  text-align:center;
  font-size:0.65rem;
  margin-top:0.6rem;
}
.t_zhe ul {
  margin:1.4rem auto;
  width:90%;
  height:1.65rem;
  padding:0;
}
.t_zhe ul li {
  width:4.875rem;
  height:1.65rem;
  list-style:none;
}
.t_zhe ul li img {
  width:100%;
  height:100%;
  display:block;
}
.t_zhe .li_one {
  float:left;
}
.t_zhe .li_two {
  float:right;
}
.prompt-layer {
  display: none;
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  /* top: 0; */
  bottom: 30%;
  margin: auto;
  text-align: center;

  /* width: 6.5rem;
  height: 2rem; */
  
  
  
}
.prompt-layer span{
  padding: 10px 20px;
  background: rgba(0,0,0);
  line-height: 2rem;
  border-radius: 0.15rem;
  color: #fff;
  font-size: 0.72rem;
  font-weight: lighter;
}


.empty {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.empty img {
  position: absolute;
  width: 5.825rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}


.btn{
  width:100px;
  height:50px;
  position: fixed;
  left: 0;
  right: 0;
  top: 60%;
  /* bottom: 30%; */
   z-index:999;
}