/* 默认情况下，容器都是flex-column */
html,body,div{display:flex;display:-webkit-flex;flex-direction:column;padding:0;margin: 0;color:#515151;font-size:1em }
body{align-items: center;background-color: #f3f4f9;}
a {color:#05555a;text-decoration:none;}
a:visited {color:#05555a;text-decoration:none;}
a:hover {color:#3399ea;text-decoration:none;}
a:active {color:#3399ea;text-decoration: none;}
a img { border: none; }
/* page-header、page-navigation、page-body 三个页面居中的同宽度容器，为了让所有页面内容在纵列位置相同 */

/* 如果打算添加可点击的类似A标签一样的功能菜单，就可用用site-ctrl */
.site-ctrl{flex-direction: row;align-items: center;font-size:1.2em;justify-content: flex-end;padding-right: 1em;color:#05555a;cursor: pointer;}
.site-ctrl span:hover{color:#3399ea}
/* page-nav-container 设置成通栏，跟页面的body元素一致（内容居中）,只是为了增加背景色 */
.page-nav-container{height: 45px;background-color: #05555a;align-self: stretch;flex-direction: row;justify-content: center;}
/* page-header、page-navigation、page-body 三个页面居中的同宽度容器，为了让所有页面内容在纵列位置相同 */
.page-navigation{width: 100%;max-width: 1360px;flex-direction: row;align-items: center;}
/* .page-navigation div{justify-content: center;align-items:center;min-width: 3em; font-size:1em;padding:0 5px;} */
.page-nav-container a {color:#fff;font-size:1.03em;margin: 0 3px;}
.page-nav-container a:hover{color:#fff}
.page-nav-container a:visited{color:#fff}
.page-nav-container span{color:#bdbdbd;font-size:1.03em}
/* page-header、page-navigation、page-body 三个页面居中的同宽度容器，为了让所有页面内容在纵列位置相同 */
.page-body{width: 100%;max-width: 1360px;}
/* page-footer-container 设置成通栏，跟页面的body元素一致（内容居中），只是为了提供背景色 */
.page-footer-container{background-color: #05555a;margin-top: 30px;padding:20px 0;flex-direction:row;flex-wrap: wrap;justify-content: center;align-self: stretch;}
.page-footer-part{flex-direction:row;color:#cacaca;margin:5px 10px;width: 310px;line-height: 1.5em;}  /* 310的宽度可以根据需要微调 */
.page-footer-part a{color:#cacaca;cursor: default;}
.subject-container{flex-direction: row;flex-wrap: wrap;justify-content: space-between;}    /* 支持内容项目根据屏幕宽度折行的容器 */
/* 左侧宽度自适应，右侧宽度固定，且最小时消失 */
.left-column{flex-direction: column;}
.right-column{width: 333px;flex-shrink: 0;}	
/* 通栏标题 */
.partition{width:100%;justify-content:center;height: 2em;background-color: #fff;margin-top: 10px;border-radius:5px}
.font-b{font-size:1.5em}  /* 配合patition 控制字体大小 */
.font-m{font-size:1.2em}  /* 配合patition 控制字体大小 */
.font-s{font-size:1.03em} /* 配合patition 控制字体大小 */
/* 文本区域 */
.text-area{width:100%;background-color: #fff;border-radius: 5px;margin-top: 10px;line-height: 1.5em;}
.text-area p{margin: 5px 10px;}
.text-area h1{margin:10px 10px;font-size:1.2em;}
.text-area h2{margin:5px 10px;font-size:1.1em;}
.text-area h3{margin:0 10px;font-size:1em}
/* 按照四列分布的带有标题的项目容器，其宽度会随着屏幕变化而变化 */
.subject{background-color: #fff;border-radius: 5px;margin-top: 10px;}
/* 项目容器里边的标题、内容列表、A标签 */
.subject-header{flex-direction: row;min-height: 34px;background-color:#e0e0e1;border-radius:5px 5px 0 0;align-items: center;padding:8px 10px;font-size:1.1em;line-height: 1.5em;}
.subject-list{line-height: 1.8em;padding:10px}
.subject-link{font-size:1em;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}

/* 试题题干部分折行 */
td{word-break: break-word;}
td div{display: block;}

/* 主要是为了调节导航栏的链接长度 */
.width-a{text-overflow:clip;overflow:hidden;word-break:keep-all;max-width: 6em;white-space:nowrap;}
.width-b{text-overflow:clip;overflow:hidden;word-break:keep-all;max-width: 6em;white-space:nowrap;}
/* 知识点名称长度 */
.width-ep{text-overflow:clip;overflow:hidden;word-break:keep-all;max-width: 6em;white-space:nowrap;}   

.color-link{color:#05555a}
.color-text{color:#515151}

.question-all{flex-direction: row;flex-wrap: wrap;justify-content: center;}
.question-all a{color:#fff;line-height:1em;text-align:center;margin:2px;width:2.5em;font-size:1em;height: 1.2em;background-color: #c405ab;border-radius: 5px;}

/* 试题详细页知识点和相似题的文本部分 */
.wrap-all{word-break: break-all;}

/* 加载更多按钮相关 */
.load-more-container{height: 30px;display:flex;flex-direction:row;justify-content:center;}
.load-more-container a{background-color: #05555a;color:#fff;border-radius: 3px;height: 25px;width:5em;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.seeAnswer{align-self: center;margin: 10px auto;padding: 0 5px;border-radius: 5px;background-color:#c405ab ;color:#fff}	

.light-button{line-height:2em;height:2em;font-size:1.1em;padding:0 5px;color:#fff;margin:10px 0;text-align:center;cursor:pointer;border-radius: 5px;background-color: #c405ab;display: inline-block;}

input{border-radius: 5px;font-size:1.1em;flex-grow: 1;margin: 3px;}
.txt-big{height: 1.8em;color:#515151;padding-left: 5px;border:solid 1px #eaeaea;}
.txt-small{height: 1.2em;color:#515151;padding-left: 5px;border:solid 1px #eaeaea;}
.btn-big{height: 1.8em;background-color: #c405ab;color:#fff;border:solid 1px #c405ab;}
.btn-small{height: 1.2em;background-color: #c405ab;color:#fff;border:solid 1px #c405ab;}

.backer{position: absolute;width:100%;background-color: gray;z-index:1000;}
.opt50{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}

.ad_container{display: none;}

@media screen and (max-width:679px) {
	.page-header{height: 4.063em;}  /* 头部在手端机竖屏时高度变小 */
	.site-logo{background-size:6.0625em 3.125em;width: 6.0625em;height:3.125em;}   /* logo在手机端端竖屏时大小缩小1/2 */
	.page-header,.page-navigation,.page-body{max-width: 95%;}  
	.subject-container{justify-content: center;}  /* 项目容器在手机端竖屏时，内容居中 */
	.left-column{width:100%}
	.right-column{display: none;}  /* 项目容器在手机端竖屏时，隐藏后边板块 */
	.subject{width: 100%;}
	
	
	
	/* .subject{margin: 0 0 10px 0;} */
	.home-page{line-height: 2.1em;}
	
	/* .partition{width: 330px;margin: 15px 0 10px 0;} */
	/* .text-area{width:330px;margin: 0 0 10px 0;} */
	
	./* left-column{width:97%;} */
	/* .min-subject{width: 330px;} */
	/* .subject-list{margin-right: 10px;} */
}

@media screen and (min-width:680px) and (max-width:1019px){
	.page-header,.page-navigation,.page-body{max-width: 680px;}
	.left-column{width:337px}
	.subject{width:335px}
	.nowidth{width:100%;}   /* 配合subject 产生100%自适应宽度 */
	
	
	/* .partition{width: 670px;} */
	/* .text-area{width:670px;} */
	/* .left-column{width:330px;} */
}
@media screen and (min-width:1020px) and (max-width:1359px){
	.page-header,.page-navigation,.page-body{max-width: 1020px;}
	.left-column{width:677px}
	.subject{width:333px}
	.nowidth{width:100%;}     /* 配合subject 产生100%自适应宽度 */
	
	/* .partition{width:1010px;} */
	/* .text-area{width:1010px;} */
	/* .left-column{width: 670px;} */
}
@media screen and (min-width:1360px){
	.left-column{width: 1017px;}
	.subject{width:333px}
	.nowidth{width:100%;} /* 配合subject 产生100%自适应宽度 */
	
	
	/* .partition{width:1350px} */
	/* .text-area{width:1350px;} */
	/* .left-column{width: 1010px;} */
}
.page-header {
  display: block;
  width: 100%;
}
.w {
  width: 1360px;
  margin: 0 auto;
}
.head {
  height: 80px;
  line-height: 80px;
  background-color: #fff;
  box-shadow: 0 5px 20px rgba(67, 86, 170, 0.4);
}
.head .flex {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.head .logo {
  width: 180px;
  height: 60px;
}
.head .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/logo.png) no-repeat center;
  background-size: 100%;
}
.head ul {
  margin: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
.head ul li {
  margin-left: 20px;
  text-align: center;
  list-style: none;
}
.head ul li a {
  font-size: 14px;
  color: #22306d;
}
.head .search {
  width: 20px;
  height: 22px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff;
  transition: all 0.6s;
}
.head .search:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 22px;
  overflow: hidden;
  background-color: #fff;
  z-index: 9;
  background: url(../img/search.png) no-repeat center;
}
.head .search .show-search {
  position: absolute;
  left: 25px;
  overflow: hidden;
  top: -10px;
  height: 35px;
  width: 250px;
  border-radius: 5px;
  background-color: #fff;
  z-index: 99;
  border: 5px solid #dddddd;
  transition: all 0.6s;
}
.head .search .show-search form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}
.head .search .show-search input {
  width: 190px;
  height: 40px;
  box-sizing: border-box;
  border-radius: 0;
  margin: 0;
  border: none;
  padding: 0;
}
.head .search .show-search button {
  background-color: #fff;
  width: 40px;
  height: 25px;
  margin: 0;
  border: none;
  background: url(../img/search2.png) no-repeat center;
}

.head .search:hover {
  overflow: inherit;
  transition: all 0.6s;
  z-index: 1;
}
.head .search:hover .show-search {
  left: -240px;
  transition: all 0.6s;
}


.head .newsearch {
  overflow: inherit;
  transition: all 0.6s;
  z-index: 1;
}
.head .newsearch .show-search {
  left: -240px;
  transition: all 0.6s;
}
/* 覆盖样式 */
.page-footer-container {
  background-color: #333333;
}
.page-footer-container * {
  color: #fff !important;
}
.bg-2 {
  padding: 20px 0;
  background-color: #333333;
}

.yq_lis {
  margin-top: 20px;
}
.yq_lis .hd {
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  position: relative;
  height: 36px;
  line-height: 36px;
}
.yq_lis .hd ul {
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
  margin: 0;
  padding: 0;
}
.yq_lis .hd li {
  float: left;
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
  border-bottom: 1px solid #ddd;
  height: 36px;
}

.yq_lis .hd span {
  float: right;
  font-size: 14px;
  display: block;
  padding-right: 20px;
}
.yq_lis .bd ul {
  line-height: 32px;
  padding-top: 10px;
}
.yq_lis .bd ul li {
  float: left;
}
.yq_lis .bd a {
  float: left;
  padding-right: 14px;
  display: block;
  font-size: 14px;
}
.yq_lis .hd li.on {
  border-bottom: 2px solid #bf0614;
  color: #fff;
}
.ban_quan {
  text-align: center;
}
/* 
	粉色：#c405ab 
	深蓝：#05555a
	窗口背景：#f3f4f9
	文本文字：#515151
*/