@import url('aos.css');


._2MHbW li li{
    padding: 6px 10px;
}

._2MHbW li li:hover a{
    color: #000;
}

._2MHbW>li:hover ul{
    display: block!important;
    position: absolute;
    background-color:#c9d5f6;
    
}


.license{
    display: flex;
    justify-content: center;
    background: #000;
    color: #fff;
    padding: 5px;
}

.license a{
    color: #97aded;
}


/* 绘本 */

.story{
    width: 563px;
    margin: auto;
}

.story img{
    display: block;
    margin: auto;
}


/* 时间线 */
.time-line-wrap{

    width: 920px;
    margin: auto;
}

.time-line-item {
   display: flex;
   margin-bottom: 30px;
}

.time-line-time{     width: 249px;}
.time-line-dot {
    width: 150px;    padding: 10px 0 0 0;
}
.time-line-dot svg {
    width: 10px;
    height: 10px;
}

.time-line-desc{  flex: 1   ;}


.page-title {
    padding: 10px 0;
}


.Section0 img{
    display: block;
    margin: auto;
    max-width: 100%;
}


.Section0 table{margin:auto;}


.Section0 img[width="8"],
.Section0 img[width="9"],
.Section0 img[width="10"],
.Section0 img[width="11"],
.Section0 img[width="12"],
.Section0 img[width="13"],
.Section0 img[width="14"],
.Section0 img[width="15"],
.Section0 img[width="16"],
.Section0 img[width="17"],
.Section0 img[width="18"],
.Section0 img[width="19"],
.Section0 img[width="20"],
.Section0 img[width="21"],
.Section0 img[width="22"],
.Section0 img[width="23"],
.Section0 img[width="24"],
.Section0 img[width="25"],
.Section0 img[width="26"],
.Section0 img[width="27"],
.Section0 img[width="28"],
.Section0 img[width="29"],
.Section0 img[width="30"],
.Section0 img[width="31"],
.Section0 img[width="32"],
.Section0 img[width="33"],
.Section0 img[width="34"],
.Section0 img[width="35"],
.Section0 img[width="36"],
.Section0 img[width="37"],
.Section0 img[width="38"],
.Section0 img[width="39"],
.Section0 img[width="40"],
.Section0 img[width="41"],
.Section0 img[width="42"],
.Section0 img[width="43"],
.Section0 img[width="44"],
.Section0 img[width="45"],
.Section0 img[width="46"],
.Section0 img[width="47"],
.Section0 img[width="48"],
.Section0 img[width="49"],
.Section0 img[width="50"],
.Section0 img[width="51"],
.Section0 img[width="52"],
.Section0 img[width="53"],
.Section0 img[width="54"],
.Section0 img[width="55"],
.Section0 img[width="56"],
.Section0 img[width="57"],
.Section0 img[width="58"],
.Section0 img[width="59"],
.Section0 img[width="60"],
.Section0 img[width="61"],
.Section0 img[width="62"],
.Section0 img[width="63"],
.Section0 img[width="64"],
.Section0 img[width="65"],
.Section0 img[width="66"],
.Section0 img[width="67"],
.Section0 img[width="68"],
.Section0 img[width="69"],
.Section0 img[width="70"],
.Section0 img[width="71"],
.Section0 img[width="72"],
.Section0 img[width="73"],
.Section0 img[width="74"],
.Section0 img[width="75"],
.Section0 img[width="76"],
.Section0 img[width="77"],
.Section0 img[width="78"],
.Section0 img[width="79"],
.Section0 img[width="80"],
.Section0 img[width="81"],
.Section0 img[width="82"],
.Section0 img[width="83"],
.Section0 img[width="84"],
.Section0 img[width="85"],
.Section0 img[width="86"],
.Section0 img[width="87"],
.Section0 img[width="88"],
.Section0 img[width="89"],
.Section0 img[width="90"],
.Section0 img[width="91"],
.Section0 img[width="92"],
.Section0 img[width="93"],
.Section0 img[width="94"],
.Section0 img[width="95"],
.Section0 img[width="96"],
.Section0 img[width="97"],
.Section0 img[width="98"],
.Section0 img[width="99"],
.Section0 img[width="100"]
{
	display: inline-block;
}

.parts-table{
	background-color: #fff;
}
.parts-table th{
	background-color: #6789eb;
	text-align: center;
	font-size: 18px;
	font-family: Calibri;
	color: white;
	padding:10px;
	border: 1px #666 solid;
}

.parts-table td{
	padding:10px;
	border: 1px #666 solid;
}



.flexwrap{
    display: flex;
}

.flexwrap .flex1{
    flex:1
}


.side-bar {
    position: sticky;
    padding: 1em;
    top: 160px;    
    /* background-color: #fefef4; */
    width: 34em;
    height: 100px;
    margin-top: 2em;
    overflow: auto;
    height: calc(100vh - 146px);
}

.side-bar a{
	color: #333;
    text-shadow: 1px 1px 3px #33333352;
    font-size: 16px;
    line-height: 1.6;
}

.side-bar a:hover{
	color: #6951c5;
}

.side-bar li ul {
    margin-left: 16px;
}

.side-bar ul{
    list-style: none;
    padding: 0;
    margin: 0;

    
}

.side-bar li{
    list-style: none;
}

.side-bar li ul li{
    list-style: disc;
    padding-bottom: 1px;
}

#comp-l6om3mls{
    display: none;
}

.text-center{
    text-align: center;
}


#comp-l6lr8ebxnavContainer{
    margin: auto;
    display: block;
    width:400px;
}

#comp-l6lr8ebxnavContainer ._1zyfI{
    font-size: 15px;
    font-weight: bold;
}

#comp-l6lr8dvb > ._1uldx{
    width: auto;
}

#comp-l6lr8dvc p{
    text-align: center!important;
    position: relative;
    left: -31px;
}

.Section0 a[href]{
    color:  #6951c5;;
}



::-webkit-scrollbar {
  width: 6px;
  /*滚动条宽度*/
  /*滚动条高度*/
}

/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);   */
  border-radius: 3px;
  /*滚动条的背景区域的圆角*/
  background-color: #fff;
  /*滚动条的背景颜色*/
}

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
  border-radius: 3px;
  /*滚动条的圆角*/
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);   */
  background-color: #ccc;
  /*滚动条的背景颜色*/
}

html,body{
    scroll-behavior: smooth;
}

.Section0 h2,.Section0 h3{
    font-size: 18px;
}