@charset "utf-8";
/* CSS Document */

/*
   (__)　imrgs 
　 /oo\\________ 
　 \　/　　　　 \---\ 
 　　\/　　　 /　 \　 \ 
 　　　\\_|___\\_|/　　* 
 　　　 ||　 YY|  
 　　　 ||　　|| 　

*/



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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: "微软雅黑";
}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-appearance:none;}
ul, li{ list-style:none;}
a,a:hover{ text-decoration:none;}
button{ cursor:pointer;}
body{ background: #f4f4f4; }

#main{ width: 6.4rem; margin: 0 auto; overflow: hidden; display: block;}



/**块状**/
.hidden{ overflow: hidden; }
.c-both{ clear: both; }
.display-b{ display: block; }
.display-i{ display: inline-block; }
.clear{ clear: both; }

/**定位**/
.position-r{ position: relative; }
.position-a{ position: absolute; }
.position-f{ position: fixed; z-index: 999;}

/**浮动**/
.float-left{ float: left; }
.float-right{ float: right; }
{ background: no-repeat; }

/**字号**/
.fontz18{ font-size: 0.18rem; }
.fontz20{ font-size: 0.2rem; }
.fontz22{ font-size: 0.22rem; }
.fontz24{ font-size: 0.24rem; }
.fontz26{ font-size: 0.26rem; }
.fontz30{ font-size: 0.3rem; }

/**行高**/
.lh32{ line-height: 0.32rem; }

/**字体颜色**/
.co333{ color: #333; }
.co999{ color: #999; }
.co75c7bb{ color: #75c7bb; }
.cocd2820{ color: #cd2820; }

/**边框**/
.border1{border:1px solid #cc271f; border-radius:3px;}
.border2{border:1px solid #aaaaaa; border-radius:3px;}
.border3{border-bottom: 1px solid #e7e7e7;}

/**边距**/
.mart1{ margin-top: 0.05rem; }
.mart24{ margin-top: 0.24rem; }
.mart30{ margin-top: 0.30rem; }

/**背景**/
.bgfff{ background: #fff; }








/**头**/
.Examhead{ height: 0.88rem; background: #636363; width: 6.4rem; font-size: 0.32rem; position: relative; overflow: hidden;}
.Examhead a{ display: block; }
.Examhead .examuser{position: absolute; left: 0.16rem; padding: 0.12rem; top: 0;}
.Examhead .examback{position: absolute; left: 0.16rem; height: 0.8rem; width: 0.8rem;}
.Examhead .examback img{ width: 0.35rem; padding-top: 0.25rem; padding-left: 0.1rem;}
.Examhead .examuser img{ width: 0.61rem; height: 0.61rem; float: left; border-radius: 50%; border:0.03rem solid #fff;}
.Examhead .examtitle{ line-height: 0.88rem; font-size: 0.32rem; color: #fff;  text-align: center;}
.Examhead .examxx{ position: absolute;right: 0rem;  top: 0; height: 0.88rem; width: 0.88rem;}
.Examhead .examxx img{ width: 0.32rem; height: 0.32rem; padding: 0.28rem; }
.Examhead .xxdiaom{ width: 0.25rem; height: 0.25rem; font-size:0.12rem; color: #cd2820; line-height: 0.27rem; text-align: center; background: #fff; border-radius: 50%; position: absolute; top:0.17rem;right: 0.2rem; }

.wwwhuod{ width: 6.4rem; height: 12.44rem; overflow: hidden; position: relative;}
.wwwhuod .wwwhuod-bg{width: 6.4rem; height: 12.44rem;}
.wwwhuod .wwwhuod-bot{ position: absolute; bottom: 0.5rem; }
.wwwhuod-bot1{ width:4.3rem; height: 0.8rem; display: block; margin: 0 1.05rem;}
.wwwhuod-bot1 img{ width: 100%; height: 100%; display: block;}
.wwwhuod-bot2{ width:4.6rem; margin: 0.2rem 0.9rem;}
.wwwhuod-bot2 a{ width: 2rem; height: 0.75rem; overflow: hidden; display: block; margin: 0 0.15rem; float: left;}
.wwwhuod-bot2 a img{width: 2rem; height: 0.75rem; float: left;}




.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

/* -------------------------------- 

Main components 

-------------------------------- */
header {
  height: 200px;
  line-height: 200px;
  text-align: center;
  background-color: #5e6e8d;
  color: #FFF;
}
header h1 {
  font-size: 20px;
  font-size: 1.25rem;
}

.cd-popup-trigger {
  
 
}

/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.share_img{
  /*position: absolute;*/
  /*top: 0rem;*/
  /*left: 3.5rem;*/
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.65); 
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.share_img img{


  position:absolute;
  right:20px;top:20px;
  /*height:200px;*/
  width:200px;
}
.share_img.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
  z-index: 2;
}


.cd-popup.is-visible {
  touch-action: none;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
  z-index: 2;
}

.cd-popup-container {
	line-height: 2;
  position: relative;
  padding: 1.2rem;
  width:11rem;
  margin: 3.5rem auto;
  background: #fff;
  /*border: 0.1rem solid #5c9045;*/
  
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cd-popup-container h4{ font-size: 0.36rem; font-weight: bold; color: #5c8f44; text-align: center; padding: 0.2rem 0 }
.cd-popup-container h3{ font-size: 1rem; text-align: center; color: #000;}
.cd-popup-container p { font-size: 0.5rem;color: #000;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical
  
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top:-0.35rem;
  right:-0.35rem;
  width:1rem;
  height: 1rem;
  background: #E70012; border-radius: 50%;display: block;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 0.5rem;
  width:1.1rem;
  height:0.1rem;
  background-color: black;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0rem;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right:  0rem;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}



.tanchuceng{
  /*position: fixed;*/
  /*left: 0;*/
  /*top: 0;*/
  /*height: 100%;*/
  /*width: 100%;*/
  /*background-color: rgba(0, 0, 0, 0.65);*/
  /*opacity: 0;*/
  /*visibility: hidden;*/
  /*-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;*/
  /*-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;*/
  /*transition: opacity 0.3s 0s, visibility 0s 0.3s;*/

  background: rgba(0,0,0,0.65);
  overflow: hidden;
  width: 6.4rem;
  height: 100%;
  padding-bottom: 1rem;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.colegb{ float: right; margin:0.3rem; display: block; width: 0.75rem;}
.colegb img{ width: 0.75rem; float: left; }


.tanchuceng h3{ color: #fcff00; font-size: 0.3rem; width: 5rem; margin: 0 auto; text-align: center;  margin-top: 1.5rem;}
.tanchuceng .tanchmovie{ width:6.0rem; margin: 0 auto; position: relative; overflow: hidden;}
.tanchuceng .tanchmovie .tanchmovie-a{ display: block; margin: 0.3rem 0.48rem; float: left;  width: 2.04rem;}
.tanchuceng .tanchmovie .tanchmovie-a img{ width: 2.04rem; height: 2.84rem; display: block; margin: 0 auto; border: 3px solid #fff; }
.tanchuceng .tanchmovie .tanchmovie-a span{ text-align: center; display: block; color: #fff; font-size:0.2rem; margin-top: 0.1rem;}


.tanchuceng .tanchmovie .hh{ display: block; position: absolute; left:2.7rem; top: 3rem;  z-index: 999;}
.tanchuceng .tanchmovie .hh img{ width: 0.7rem; height: 0.7rem; }