body{font-family:'Poppins';}.bg_ball{pointer-events:initial;background-color:#000;}.point_wrap{width:502px;height:502px;top:20%;left:40%;position:absolute;-webkit-transition:opacity 2s;transition:opacity 2s;}.point_wrap.animation{}.point_wrap:hover{opacity:1;}.point_in{width:100%;height:100%;position:relative;float:left;}.line{border-radius:50%;border:1px dotted #fff;position:absolute;transition:0.5s;cursor:pointer;}.line:hover,.line.active{border:2px solid #fff;}.line_1{width:100%;height:100%;}.line_2{width:80%;height:80%;top:10%;left:10%;}.line_3{width:60%;height:60%;top:20%;left:20%;}.line_4{width:40%;height:40%;top:30%;left:30%;}.line_5{width:20%;height:20%;top:40%;left:40%;}.line_6{width:6%;height:6%;top:47%;left:47%;}.point{width:22px;height:22px;border:1px solid #fff;border-radius:50%;position:absolute;}.point:hover,.point.active{animation:pulse 1s infinite;}.point.active{pointer-events:none;}.point::after{content:" ";width:8px;height:8px;border-radius:50%;background:#fff;float:left;margin-top:6px;margin-left:6px;}.point_1,.point_6,.point_12,.point_16,.point_20{top:-11px;left:50%;}.point_2,.point_7,.point_13,.point_17,.point_21{top:29%;left:1%;}.point_3,.point_8,.point_14,.point_18,.point_22{top:66%;left:1%;}.point_4,.point_9,.point_15,.point_19{top:95%;left:64%;}.point_5,.point_10{top:34%;left:96%;}.line_2{transform:rotate(31deg);}.point_7{top:28%;}.point_9{top:80%;left:85%;}.point_10{top:36%;}.point_11{top:95%;left:31.7%;}.line_3{transform:rotate(180deg);}.point_13{left:-1%;}.point_14{left:0%;}.point_15{top:93%;}.line_4{transform:rotate(15deg);}.point_17{top:20%;}.point_18{top:69%;}.point_19{top:84%;left:76%;}.point_21{top:30%;left:-10%;}.point_22{left:81%;}.point_23{left:10%;top:10%;}.time_detail{width:600px;height:auto;float:left;position:absolute;top:80px;left:80px;}.control,.page_show{width:100%;height:auto;float:left;text-align:left;margin-bottom:50px;}.page_show{font-size:14px;letter-spacing:2px;margin-bottom:10px;opacity:0.6;}.time_detail .title{width:100%;height:auto;float:left;font-size:60px;font-weight:bold;letter-spacing:8.6px;position:relative;}.time_detail .title::after,.time_detail .title_bottom::after{content:" ";width:40px;height:2px;float:left;background:#ffffff;opacity:0.6;position:absolute;left:0px;bottom:-30px;}.time_detail .content{width:100%;height:auto;float:left;text-align:left;margin-top:50px;font-size:20px;font-weight:100;line-height:1.38;color:#fff;overflow:auto;padding-right:10px;}#list_year{width:150px;height:auto;float:left;position:absolute;right:20px;bottom:80px;}.list{width:100%;height:auto;float:left;}.list .item{width:100%;height:auto;float:left;position:relative;text-align:left;font-size:24px;font-weight:300;line-height:1;color:#fff;opacity:0.4;margin-bottom:20px;cursor:pointer;}.list .item.active{opacity:1;pointer-events:none;}.list .item.active::before{content:" ";width:20px;height:1px;background:#fff;position:absolute;left:-25px;bottom:5px;}.point_content{display:none;}.point_content.active{display:inline-block;}.list_year .list{display:none;}.list_year .list.active{display:block;}.point_content.p_left_right{animation:left_right 1s;}.point_content.p_right_left{animation:right_left 1s;}.point_content.p_top_bottom{animation:top_bottom 1s;}.point_content.p_bottom_top{animation:bottom_top 1s;}.point_content.p_fadein{animation:fadein 2s;}.list_mobile{display:none;}@keyframes left_right{from{transform:translateX(-400px);}to{transform:translateX(0px);}}@keyframes right_left{from{transform:translateX(500px);}to{transform:translateX(0px);}}@keyframes top_bottom{from{transform:translateY(-300px);}to{transform:translateY(0px);}}@keyframes bottom_top{from{transform:translateY(500px);}to{transform:translateY(0px);}}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0.4);box-shadow:0 0 0 0 rgba(255,255,255,0.4);}70%{-moz-box-shadow:0 0 0 20px rgba(255,255,255,0);box-shadow:0 0 0 20px rgba(255,255,255,0);}100%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0);}}@media only screen and (max-width:1680px ){.time_detail{width:520px;}}@media only screen and (max-width:1450px ){.time_detail{width:490px;}}@media only screen and (max-width:1370px ){.time_detail{width:440px;}.time_detail .content{font-size:19px;}}@media only screen and (max-width:1300px ){.time_detail{top:40px;left:40px;}.time_detail{width:440px;}}@media only screen and (max-width:1200px ){.time_detail{width:405px;}}@media only screen and (max-width:1024px ){.point_wrap .point p{display:inline-block !important;}.point_wrap{top:initial;left:initial;right:20px;bottom:20px;}.time_detail{top:20px;left:20px;width:350px;}.time_detail .title{font-size:40px;}.bg_ball{background-size:auto;}.time_detail .content{font-size:20px;}}@media only screen and (min-height: 1024px ){.bg_ball{background-size:2800px;}}@media only screen and (max-width:830px ){#list_year{display:none;}#time_detail{width:60px;}#time_detail .point_content,.point_wrap,#list_year{display:none !important;}.list_mobile{max-width:60%;margin:50px auto;display:block;height:600px;padding-left:25px;}body{overflow-x:auto;}.timeline_page_all{height:auto;}.timeline_page{position:relative;}.t_item{width:100%;height:auto;float:left;}.t_item h3{display:block;width:100%;height:auto;float:left;margin:0px;padding:10px 0px;border-bottom:1px solid #fff;margin-bottom:10px;font-size:30px;letter-spacing:4px;}.t_item .content{width:100%;height:auto;float:left;display:none;padding:15px 0px;transition:0.4s;font-size:18px;line-height:150%;font-weight:300;}.t_item.active h3{position:relative;}.t_item.active h3::before{content:" ";width:20px;height:1px;background:#fff;position:absolute;left:-25px;bottom:20px;}.t_item.active .content{display:block;animation:fadein 1s;}.bg_ball{background-position:top center;}.t_item h3 .icon{width:26px;height:26px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAaCAYAAABRqrc5AAAAAXNSR0IArs4c6QAAAl9JREFUOBGdlEtoE1EUhjszJBJCBQXFBJHQjQsRhIAPEK1kIZQGRCFSLeJC8iSKKNm4aKB7MQTz2tSFYA2iLVSlEAstVJJANiKIIKJLHwtDgtCYmfjdkintOGM7uXByX+f/7rnn3MnQ0IAtGo36sJSQS4MwIpHIKXRzvV5vvyzL12S7EAATiJcEQJKkRYfDMW8rknA4PMWhaXEwgIeBQOBWKBRSdwRJJpO7Op3ODKdPoFcB3C4Wi1kBE21bCIB9AOYBiDy0FEW5nM/nX6+r+z//hSQSiSPdbncBgA//ryRxvFAovN8MEGPLxFK+8wDe9gE1l8t1wgxgCaECcU3TXgLYzf2fer3e0Uwm880YgT7fcp1yuaxUKpX7bN7sO0yTwClAPV1g1m9AUqnUcLPZnOX0MURrON8A8NhMZFxbh1D/Q2wsYEexnyTwAvdfNTpbzZV4PH6M+y/jMIJ9ooRnAbyzEpity4g+E74u8gIU0dhqSr1eXwsGg09ardZBlMcBhvx+/69Go1HbKWkjsULA27hHJNMMYUkPPB7PnXQ6rW0H2wIRziT5Ct0M5sTmsKulUuk3vWX7ByI8eWxnKPULhnuJqI4FSfZ3K4opRDjHYrHDXO0VsBEgXyjAWC6X+2AGsvx2+FI/Op3Ok4hqgHyqqq6Ss1FbEOGczWZ/uN3uc0TyHNAeIlvkqpNGkGJcMM6r1WqXJ/Cs3W4Ps3cau8gT0HgCK7qvZU50h809lUswz2AK0T0iujCV+2MLIoDkZZxrzTJ0A3oD6JJtiABROT8g8Y93gOl1sTZQE18+Sb4rxH8BbrXx8LeKK7MAAAAASUVORK5CYII=) center center no-repeat;float:right;transform:rotate(-90deg);background-size:14px;}@keyframes h_down{from{height:0px;}to{height:auto;}}}@media only screen and (max-width:700px ){.list_mobile{max-width:80%;}}@media only screen and (max-width:400px ){.t_item h3{font-size:24px;}.t_item .content{font-size:16px;}}.time_detail .content::-webkit-scrollbar{width:3px;}.time_detail .content::-webkit-scrollbar-button{background:#ccc}.time_detail .content::-webkit-scrollbar-track-piece{background:#888}.time_detail .content::-webkit-scrollbar-thumb{background:#eee}​