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

.chapterBox { margin-top: 0.7em; border: 2px solid #88c6e5;
 }
.chapterBox .tit { padding: 0.8em 1em 0.7em; background-color: #e1eced; border-bottom: 1px solid #88c6e5;
	display: flex; justify-content: space-between;
	align-items: flex-start; font-size: 12px;
}
.chapterBox .tit .addShelf { color: #ff0000;}
.chapterBox .tit .addShelf:hover { text-decoration: underline; color: #ff0000;}
.chapterBox .chapterCon { margin: 0.7em;
	display: flex; justify-content: space-between; align-items: flex-start;
}

.chapterBox .picb { border: 0.43em solid #cccccc; width: 8.7em;}
.chapterBox .picb .pic {
 position: relative;z-index: 0;
 border: 1px solid #fff; display: block;
padding-top: 125%;}
.chapterBox .picb .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
 display: block;}
 
.chapterBox .txtb {flex: 1; margin-left: 2%;color: #666; text-align: left;}
.chapterBox .txtb .name { font-size: 16px;}
.chapterBox .txtb .txt { margin-top: 0.2em; line-height: 1.7; }
.chapterBox .txtb .txt ul { display: flex; flex-wrap: wrap; 
justify-content: flex-start; align-items: flex-start;}
.chapterBox .txtb .txt li { width: 100%;}
.chapterBox .txtb .txt li.li4 { width: 24%; margin-right: 1%;}
.chapterBox .txtb .txt li.li2 { width: 49%;margin-right: 1%;}
.chapterBox .txtb .txt a { color: #fd5500;}
.chapterBox .txtb .txt a:hover { text-decoration: underline; color: #fd5500;}
.chapterBox .txtb .spe { line-height: 2; margin-top: 0.9em; font-size: 12px; text-align: center;}

.chapterBox .intro {font-size: 14px; display: none; margin: 0.75em -0.85em 0;}
.chapterBox .introTit {padding: 0 0.6em; line-height: 3; background-color:#507bbf; 
border-bottom: 0; color: #fff; text-align: left;}
.chapterBox .introTxt { margin: 0.75em;  color: #888; text-align: left;}

.chapterBox .btnW  { font-size: 16px; display: none; justify-content: space-between; align-items: center;}
.chapterBox .btnW .btnRed { margin-top: 0.5em; flex: 1; line-height: 2.4; background-color: #ed424b; color: #fff;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.chapterBox .btnW .btnOrg {margin-top: 0.5em;  flex: 1;  line-height: 2.4; background-color: #f77720;color: #fff;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.chapterBox .btnW .btnBlue { margin: 0.5em 0.5em 0; flex: 1; line-height: 2.4; background-color: #65bbec;color: #fff;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}

@media only screen and (max-width:828px) {
.chapterBox { border: 0;}
.chapterBox .tit { display: none;}
.chapterBox .chapterCon { margin: 0;}
.chapterBox .picb { border: 1px solid #cccccc; width: 5.2em;}
.chapterBox .txtb { }
.chapterBox .txtb .txt {font-size: 14px; margin-top: 0.5em;}
.chapterBox .txtb .txt li { color: #888; display: none; height: 1.7em; overflow: hidden;}
.chapterBox .txtb .txt li.li4 { display: block; width: 49%; margin-right: 1%;}
.chapterBox .txtb .txt li.li2 { display: block; width: 100%; margin-right: 0;}
.chapterBox .txtb .spe { display: none;}
.chapterBox .intro { display: block;}
.chapterBox .btnW { display: flex;}
}

.chapterList { margin-top: 0.7em; border: 2px solid #88c6e5;}
.chapterList .tit { line-height: 2.6em; margin: 2px; background-color: #c3dfea;
border-bottom: 1px dotted #459df5;}
.chapterList .list { text-align: left;}
.chapterList .list ul { line-height: 2.6em; display: flex; flex-wrap: wrap;
justify-content: flex-start; align-items: stretch;}
.chapterList .list li { width: 33.3%; height: 2.6em; overflow: hidden;
 border-bottom: 1px dashed #cccccc;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1; 
}
.chapterList .list li .name  { margin: 0 1em; }
.chapterList .list li a { color: #333;}
.chapterList .list li a:hover { text-decoration: underline; color: #fd5500;}
@media only screen and (max-width:828px) {
.chapterList { font-size: 14px; margin: 0 -1em;     border:0;}
.chapterList .tit {padding: 0 0.6em; line-height: 3; background-color:#507bbf; 
border-bottom: 0; color: #fff; text-align: left;}
.chapterList .list ul { display: block; line-height: 3;}
.chapterList .list li { width: auto; margin: 0 1em; height: 3em;  border-bottom: 1px solid #eee;}
.chapterList .list li .name  { margin: 0 0; }
}

.readBox { margin-top: 0.7em; padding: 0 0 1.3em; border: 2px solid #88c6e5;
 }
.readBox .tit { padding: 0.8em 1em 0.7em; 
background-color: #e1eced; border-bottom: 1px solid #88c6e5;
	display: flex; justify-content: space-between;
	align-items: flex-start; font-size: 12px;
}
.readBox .tit .oninfo input { margin: 0; padding: 0; vertical-align: middle; }
.readBox .tit .oninfo span { vertical-align: middle;}
.readBox .tit .oninfo select { vertical-align: middle;}
.readBox .title { margin: 0 5%; text-align: center;
    color: #CC3300;
    line-height: 1.7;
    margin: 1em 0;
	font-weight: 400;
	    font-size: 1.7em}
.readBox .spe { padding-bottom: 0.4em; color: #666; font-size: 12px; text-align: center; line-height: 1.5;
border-bottom: 1px dotted #E2E2E2;}
.readBox .spe a {color: #666;}
.readBox .spe a:hover { text-decoration: underline;}
.readBox .content { width: 92%; margin: 1.5em auto 0; text-align: left;
font-size: 20px; line-height: 2; color: #000;}

.readBox .content a.red { color: #ff0000;}
.readBox .content a.red:hover { text-decoration: underline; color: #ff0000;}
.readBox .btnW { padding: 1.3em 0 0; width: 70%; margin: 1em auto 0; border-top: 1px dotted #E2E2E2;}
.readBox .btnW .btnWhite { display: inline-block; cursor: pointer;
	color: #3487DD; font-size: 16px; line-height: 2.2em;
    background: #fff;
    border: 1px solid #ccc; width: 20%; cursor: pointer;  margin: 0 2%;
	-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;}

@media only screen and (max-width:828px) {
	.readBox { padding-top: 1em; border: 0; margin: 0 -0.8em;}
	.readBox .title { text-align: left; font-size: 20px; color:inherit;margin:0 1em 0;}
	.readBox .tit { display: none;}
	.readBox .spe { display: none;}
	.readBox .readCon { margin-top: 1.2em;}
	.readBox .content { width: auto; margin: 1.5em 1em 0;}
	.readBox .btnW { display: none;}
}

.rankBox { 
	display: flex;flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.rankBox .rBox { width: 23.5%; margin: 1.8% 2% 0 0;
display: flex; flex-direction: column; }
.rankBox .rBox .rCon { text-align: left; border: 3px solid #88C6E5; flex: 1; width: 100%;}
.rankBox .rBox .tit { padding: 0 1em; background: #E1ECED; line-height: 2.8em;
    border-bottom: 1px solid #88C6E5; font-weight: bold;}
.rankBox .rBox:nth-child(4n) { margin-right: 0;}
.rankBox .rBox .list { margin: 0 0.7em; line-height: 2.7em;}
.rankBox .rBox .list li { border-bottom: 1px dashed #cdcece; 
 height: 2.7em; overflow: hidden;
 display: flex; justify-content: space-between; align-items: center;}
 .rankBox .rBox .list .num { font-size: 12px; line-height: 1.8em;
  width: 1.8em; height: 1.8em; text-align: center; line-height: 1.85em;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
 overflow: hidden;
 background-color: #b0b0b0; color: #fff;}
 .rankBox .rBox .list li:last-child { border-bottom: 0;}
.rankBox .rBox .list li:nth-child(1) .num,
.rankBox .rBox .list li:nth-child(2) .num,
.rankBox .rBox .list li:nth-child(3) .num{ background-color: #fa744e;}
.rankBox .rBox .list li .name { flex: 1; margin: 0 0.6em;
height: 2.7em; overflow: hidden;}
.rankBox .rBox .list .cate { color: #888;height: 2.7em; overflow: hidden;}

@media only screen and (max-width:828px) {
	.rankBox {display: block; }
	.rankBox .rBox { width: auto; margin:1em -0.75em 0;
	display: flex; flex-direction: column; }
	.rankBox .rBox .rCon { border: 0;}
	.rankBox .rBox .tit { line-height: 2.6; background: #F6F6F6;
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7; font-weight: normal;}
	.rankBox .rBox .list { font-size: 14px;}
	.rankBox .rBox .list li .name a { color: #6F78A7;}
	.rankBox .rBox .list li:hover {background: #F6F6F6;}
	.rankBox .rBox .list li:last-child { border-bottom: 1px dashed #cdcece; }
}

.shelfBox { }

.shelfBox .tab { margin-top: 1em; display: flex; justify-content: center; align-items: stretch;
border: 1px solid #88C6E5; line-height: 2.5em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.shelfBox .tab a {  flex: 1; color: #88C6E5; display: block; cursor: pointer;}
.shelfBox .tab a.cur { background-color: #88C6E5;  color: #fff;}

.shelfBox .list li { margin-top: 1em; padding: 1em;
 border: 1px solid #ddd;  text-align: left;
 display: flex; justify-content: space-between; align-items: flex-start;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.shelfBox .list .num { font-size: 12px; line-height: 1.8em;
  width: 1.8em; height: 1.8em; text-align: center; line-height: 1.85em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 overflow: hidden;
 background-color: #b0b0b0; color: #fff;}
.shelfBox .list li:nth-child(1) .num,
.shelfBox .list li:nth-child(2) .num,
.shelfBox .list li:nth-child(3) .num{ background-color: #fa744e;}
.shelfBox .list .txtb { flex: 1; margin: 0 0.6em;}
.shelfBox .list .name { font-size: 16px; margin-bottom: 0.2em;  font-weight: bold; overflow: hidden;}
.shelfBox .list .about { font-size: 14px; color: #999;}
.shelfBox .list .cate { color: #888;height: 2.7em; overflow: hidden;}
.shelfBox .list .btnDel { cursor: pointer;  display: inline-block;
	border:1px solid #fa744e; color: #fa744e; line-height: 2; padding: 0 1em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;;}

@media only screen and (max-width:828px) {
	.shelfBox {display: block; }
	.shelfBox .tit { line-height: 2.6; background: #F6F6F6;
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7; font-weight: normal;}
	
	.shelfBox .tab { 	border: 1px solid #507BBF; }
	.shelfBox .tab a {color: #507BBF;}
	.shelfBox .tab a.cur { background-color: #507BBF; }
	
	.shelfBox .list { font-size: 14px;}
	.shelfBox .list li:hover {background: #F6F6F6;}
}

  
.floatLBox { position: fixed; top: 60px;  left: 50%; margin-left: -560px;
    z-index: 999; width:60px ;}
.floatRBox {position: fixed; top:187px; right: 50%; margin-right: -560px;
    z-index: 999; width:60px ;}
	
.floatPBox .btnF { cursor: pointer; margin-top: 0.3em; 
display: flex; flex-direction: column; justify-content: center; align-items: center;
 background-color: #24b66b; padding: 0.45em 0 0.42em;
 font-size: 14px; line-height: 1.28; color: #fff;
position: relative; z-index: 0;
}
.floatRBox .btnF:nth-child(2) { background-color: #099d51;}
.floatRBox .btnF:nth-child(3) { background-color: #058242;}
.floatRBox .btnF:nth-child(4) { background-color: #036f38;}

.floatLBox .btnF:nth-child(2) { background-color: #d7ab02;}
.floatPBox .btnF img { display: block; width: 30px; height: 30px;
object-fit: contain; margin: 0 auto 0;}

.floatPBox .pics img { display: block; width: 4.25em; height: 4.25em;
object-fit: contain; margin: 0 auto 1.5em; background-color: #fff;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
}
.floatPBox.floatLBox .btnF.cur::after { position: absolute; width: 0.7em; right: -0.7em;
left: auto;
top: 0; height: 100%; background-color: #fff; content: "";}
.floatPBox .btnF .pBox {
	position: absolute; top: 50%; margin-top: -5.5em;
	width: 28em; left: -28.4em;
	height: 13em;
	background-color: #fff;
	-moz-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
	box-shadow: 0 0 1em rgba(0, 0, 0, .1);
	display: none;
}
.floatLBox .btnF .pBox {
	position: absolute; top: 50%; margin-top: -5.5em;
	width: 28em; left: auto; right: -28.4em;
	height: 13em;
	background-color: #fff;
	-moz-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
	box-shadow: 0 0 1em rgba(0, 0, 0, .1);
	display: none;
}
.floatPBox .btnF.cur .pBox {
	display: block;
}
.floatPBox .btnF .pBox  .close { position: absolute; top: 1.1em; right: 1.1em;
width: 2em; height: 2em;
background:url(../images/close.png) center center no-repeat ;
background-size:contain ;}
.floatPBox .btnF .pBox .pBoxC { padding: 4% 5% 8.5%; text-align: left;}
.floatPBox .btnF .pBox .pBoxC  .pt { font-size: 1.7em; color: #000;}
.floatPBox .btnF .pBox .pBoxC  .size { margin-top: 2em; display: flex; 
justify-content: center; align-items: center;
border: 2px solid #f2f2f2; padding: 1.5em 0;}

.floatPBox .btnF .pBox .pBoxC .btnSubt { font-size: 1.5em;color: #999;}
.floatPBox .btnF .pBox .pBoxC .input { margin: 0 2em; border: 0; width: 6em;
border-left: 1px solid #000; font-size: 1.5em; color: #666;
border-right: 1px solid #000; text-align: center; outline-width: 0;}
.floatPBox .btnF .pBox .pBoxC .btnPlus { font-size: 1.5em;color: #999;}
.floatPBox .btnF .pBox .pBoxC .gray { color: #b2b2b2;}

.floatPBox .btnF .pBox .pBoxC .color { display: flex; justify-content: space-around; 
align-items: center; margin-top: 2.35em;}
.floatPBox .btnF .pBox .pBoxC .color .item {
	width: 3.85em; height: 3.85em;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	border: 2px solid #e0e0e0;
	background-color: #e0e0e0;
	margin-right: 0.8em;
}
.floatPBox .btnF .pBox .pBoxC .color .item:nth-child(2) {
	border: 2px solid #d8ffeb;
	background-color: #d8ffeb;
}
.floatPBox .btnF .pBox .pBoxC .color .item:nth-child(3) {
	border: 2px solid #fefcd5;
	background-color: #fefcd5;
}
.floatPBox .btnF .pBox .pBoxC .color .item:nth-child(4) {
	border: 2px solid #ffeeee;
	background-color: #ffeeee;
}
.floatPBox .btnF .pBox .pBoxC .color .item:nth-child(5) {
	border: 2px solid #000;margin-right: 0;
	background:#000 url(../images/moon.png) center center no-repeat;
	background-size:2em auto;
	
}
.floatPBox .btnF .pBox .pBoxC .color .sel { 
	border: 2px solid #000 !important;
background-image:url(../images/checked.png);
background-position: center center;
background-size: 2em auto;
background-repeat: no-repeat ;
}
.floatPBox .btnF .pBox .pBoxC .color .item:nth-child(5).sel {
	background-image:url(../images/checked_2.png);
}

.floatPBox .btnF .pBox .pBoxC .key { margin-top: 1.7em; display: flex; 
justify-content: space-between; align-items:flex-start;}
.floatPBox .btnF .pBox .pBoxC .key .item .name { color: #707070;}
.floatPBox .btnF .pBox .pBoxC .key .item .pick { margin-top: 1.2em; display: flex;
justify-content: flex-start; align-items: flex-start;}
.floatPBox .btnF .pBox .pBoxC .key .item span { margin-right: 3px; width: 2.85em; height: 2.85em;
 display: flex; justify-content: center; align-items: center;
 background-color: #e4e4e4;
 -moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}
.floatPBox .btnF .pBox .pBoxC .key .item img {width: 2em; height: 2em; display: block;}

.floatPBox .btnF .mBox {
	position: absolute; top: 50%; margin-top: -9em;
	width: 15em; left: -15.7em;
	height: 18em;
	background-color: #fff;
	-moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
	box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
	display: none;
}
.floatPBox .btnF .mBox .pic { padding-top: 2.7em;}
.floatPBox .btnF .mBox .pic img { display: block; width: 9.25em; height: 9.25em;}
.floatPBox .btnF.cur .mBox {
	display: block;
}
.floatPBox .btnF .mBox  .close { position: absolute; top: 1em; right: 1em;
width: 1.3em; height: 1.3em;
background:url(../images/close.png) center center no-repeat ;
background-size:contain ;}
.floatPBox .btnF .mBox .pt { margin-top: 0.5em;}

.popupListen { position: fixed; z-index: 1000; top: 0; left: 0;
 width: 100%; height: 100%;  background-color: rgba(0,0,0,0.5);
 display: flex; justify-content: center; align-items: center; display: none;}
.popupListen .listenBox { position: relative; z-index: 0;
 width: 15.5em; font-size: 26px;
background-color: #fff;
-moz-border-radius:0.6em; -webkit-border-radius:0.6em; border-radius:0.6em;
}
.popupListen .listenBox  .close { position: absolute; top: 0.6em; right: 0.6em;
width: 1.3em; height: 1.3em; cursor: pointer;
background:url(../images/close.png) center center no-repeat ;
background-size:contain ;}
.popupListen .listenBox .pBoxC { padding:16% 10% 10%;}
.popupListen .listenBox .pBoxC .pic img { display: block; width: 9em;
margin: 0 auto;}
.popupListen .listenBox .pBoxC .pt { margin-top: 0.4em;}

.floatPBox .btnF .dBox {
	position: absolute; top: 50%; margin-top: -20em;
	width: 1126px; right: -1136px;
	height: 40em;
	background-color: #fff;
	-moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
	box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
	display: none;
}
.floatPBox .btnF .dBox .pic { padding-top: 2.7em;}
.floatPBox .btnF .dBox .pic img { display: block; width: 9.25em; height: 9.25em;}
.floatPBox .btnF.cur .dBox {
	display: block;
}
.floatPBox .btnF .dBox  .close { position: absolute; top: 1em; right: 1em;
width: 1.3em; height: 1.3em;
background:url(../images/close.png) center center no-repeat ;
background-size:contain ;}
.floatPBox .btnF .dBox .tit { color: #333; font-weight: bold; display: flex; justify-content: space-between;
 align-items: center; font-size: 24px; margin: 1em 4% 0;}
.floatPBox .btnF .dBox .list { margin: 0.5em 4% 0;
 font-size: 18px;line-height: 3em; height: 30em; overflow-y: auto;}
.floatPBox .btnF .dBox .list  ul { flex-wrap: wrap;
	display: flex; justify-content: flex-start; align-items: flex-start;
}
.floatPBox .btnF .dBox .list li { width: 48%; margin-right: 2%; text-align: left;
border-bottom: 1px dashed  #f2f2f2;}



.bg1 {  background-color: #e0e0e0;}
.bg2 {  background-color: #d8ffeb;}
.bg3 { background-color: #fefcd5;}
.bg4 {  background-color: #ffeeee;}
.bg5 { background-color: #000;}

@media only screen and (max-width:828px) { 
	.bg1::before {  
		background-image: linear-gradient(to bottom, rgba(235, 218, 218, 1), rgba(224, 224, 224, 1));}
	.bg2::before {  
		background-image: linear-gradient(to bottom, rgba(201, 255, 227, 1), rgba(216, 255, 235, 1));}
	.bg3::before { 
		background-image: linear-gradient(to bottom, rgba(253, 250, 197, 1), rgba(254, 252, 213, 1));}
	.bg4::before { 
		background-image: linear-gradient(to bottom, rgba(253, 219, 219, 1), rgba(255, 238, 238, 1));}
	.bg5::before { background: transparent;}
}

.bg5 .conBox { background-color: #262626;}
.bg5 .conBox .title { color: #ebebec;}
.bg5 .conBox .content { color: #ebebec;}
.bg5 .conBox .content p {color: #ebebec;}
.bg5 .conBox .about dl dd {color: #ebebec;}
.bg5 .conBox  a {color: #ebebec;}
.bg5 .conBox  a:hover {color: #fff;}

.bg5 .floatPBox .btnF { background-color: #242424; color: #8c8c8e;}

.bg5 .floatPBox .btnF .pBox { background-color: #2a2b2b;}
.bg5 .floatPBox .btnF .pBox .pBoxC .pt { color: #e5e5e6;}
.bg5 .floatPBox .btnF .pBox .close {
	background-image: url(../images/close_2.png);
}
.bg5 .floatPBox .btnF.cur::after { background-color: #2a2b2b;}

.bg5 .floatPBox .btnF .pBox .pBoxC .input {background-color: #2a2b2b; 
color: #ebebec;}
.bg5 .floatPBox .btnF .dBox {background-color: #2a2b2b;}
.bg5 .floatPBox .btnF .dBox .tit { color: #ebebec;}
.bg5 .floatPBox .btnF .dBox .close {
	background-image: url(../images/close_2.png);
}

.direList ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: flex-start;}
.direList li { width: 48%; margin-right: 2%;
 line-height: 2.4em; height:2.4em; overflow: hidden; 
 overflow:hidden;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;
}

/*换源 弹出框*/
.popupSources { position: fixed; z-index: 1000; top: 0; left: 0;
 width: 100%; height: 100%;  background-color: rgba(0,0,0,0.5);
 display: flex; justify-content: center; align-items: center; display: none;}
.popupSources .sourcesBox { position: relative; z-index: 0;
 width: 90%; max-width: 900px; font-size: 26px;
background-color: #fff;
-moz-border-radius:0.6em; -webkit-border-radius:0.6em; border-radius:0.6em;
}
.popupSources .sourcesBox  .close { position: absolute; top: 0.6em; right: 0.6em;
width: 1.3em; height: 1.3em; cursor: pointer;
background:url(../images/close.png) center center no-repeat ;
background-size:contain ;}
.popupSources .sourcesBox .pBoxC { padding: 1em;}
.popupSources .sourcesBox .pBoxC .pic img { display: block; width: 9em;
margin: 0 auto;}
.popupSources .sourcesBox .pBoxC .pt { margin-top: 0.4em;}
.popupSources .resourseBox { text-align: left; margin-top: 0; padding-top: 0;}
.popupSources .resourseBox .resoList .txtb .about { text-align: left; margin-top:0.2em ; padding: 0;
border-bottom: 0;}
.popupSources .resourseBox .resoList { height: 25em; overflow-y: auto;}

@media only screen and (max-width: 828px){
.popupSources .resourseBox {
    padding: 0;}
}

.labelBox { background-color: #fff;
 padding: 1em; margin: 1em 0 0; text-align: left;
-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;}
.labelBox dl { margin: 0.25em 0; display: flex; 
justify-content: flex-start; align-items: flex-start;}
.labelBox dt { color: #666666;}
.labelBox dd { flex: 1; color: #000;}