#page_loading,html,body{ background-color: #0032ad; } .theme{ position: absolute; left: 4px; top: 38px; } .index1{ position: absolute; left: -45px; top: 592px; } .index2{ position: absolute; left: 429px; top: 620px; } .begin{ position: absolute; top: 985px; left: 233px; } #index{ background-image: url('./indexBg.png'); } .mt80{ margin-top: 80px; } .twoBtn{ width: 750px; padding: 0px 45px; } #list{ background:url('./bg1.png') no-repeat top center; padding: 536px 22px 70px; } #elseMain.has #list{ background-image:url('./bg2.png'); } .backBtn{ position: fixed; left: 50%; margin-left: -375px; top: 32px; z-index: 10; } .backDetails{ top: 100px; } .backTop{ position: fixed; right: 12px; bottom: 40px; z-index: 10; display: none; } .threeBox{ width: 100%; } .threeBox2{ display: none; } .tBtn{ width: 235px; height: 78px; line-height: 68px; border-radius: 10px 10px 0px 0px; background: linear-gradient(to bottom,#0dccff,#4760ff); background: -webkit-linear-gradient(to bottom,#0dccff,#4760ff); font-size: 35px; font-weight: bold; text-align: center; color: #2147a4; } .tBtn:nth-child(2){ width: 236px; } .tBtn.selected{ background: #11e3fe; } .threeBox2 .tBtn{ width: 50%; } #elseMain.has #list .threeBox1{ display: none; } #elseMain.has #list .threeBox2{ display: flex; } .contaniner{ width: 100%; margin-top: -10px; border-radius: 8px; border: 1px solid #ffffff; background:linear-gradient(to bottom,#66ecf8,#4a0ed5); background:-webkit-linear-gradient(to bottom,#66ecf8,#4a0ed5); padding: 10px 13px; z-index: 2; overflow: hidden; position: relative; } .contaniner1{ width: 100%; border-radius: 8px; background:linear-gradient(to bottom,#4118bd,#56b3dd); background:-webkit-linear-gradient(to bottom,#4118bd,#56b3dd); padding: 13px; overflow: hidden; position: relative; } .contaniner2{ width: 100%; border-radius: 8px; background:linear-gradient(to bottom,#382fea,#1f0879); background:-webkit-linear-gradient(to bottom,#382fea,#1f0879); padding:20px 12px; overflow: hidden; position: relative; min-height: 300px; } .searchOut{ width: 612px; border: 3px solid #2898f0; border-radius: 35px; background-color: #ffffff; height: 70px; padding:0px 118px 0px 15px; overflow: hidden; position: relative; margin: 0 auto 30px; } .input{ width: 100%; height: 62px; font-size: 23px; color: #0032ad; background-color:transparent; font-weight: bold; display: block; } .input::-webkit-input-placeholder{ color: #0032ad; } .searchBtn{ width: 112px; height: 112px; right: 0px; border: 2px solid #91be96; border-radius: 50%; background: url('./searchBtn.png') no-repeat center center; background-color: #538aff; } .listBox{ width: 100%; } .list{ width: 304px; border-radius: 10px; border: 3px solid #2898f0; background-color: white; padding: 0px 12px 24px; margin-bottom: 18px; } .listNum{ padding: 12px 14px; font-size: 26px; color: #4e4e4e; line-height: 36px; font-weight: bold; } .listImg{ width: 100%; height: 168px; background: no-repeat center center; background-size: cover; background-color: #eeeeee!important; } .listTxtBox{ width: 100%; margin: 10px auto 16px; } .listName{ font-size: 23px; color: #4e4e4e; line-height: 38px; font-weight: bold; padding-left: 38px; background: url('./listName.png') no-repeat 10px center; } .listAuthor{ font-size: 23px; color: #4e4e4e; line-height: 38px; font-weight: bold; padding-left: 38px; background: url('./listAuthor.png') no-repeat 8px center; } .listBtn{ width: 225px; line-height: 54px; border-radius: 8px; background:linear-gradient(to bottom,#0dccff,#7083ff); background:-webkit-linear-gradient(to bottom,#0dccff,#7083ff); font-size: 27px; color: #ffffff; font-weight: bold; text-align: center; margin: 0 auto; } .list:nth-child(2n){ margin-left: 18px; } .listLoading{ width: 100%; height: 40px; margin:0px auto; /* opacity: 0; */ } .listLoading p{ min-width: 180px; font-size: 24px; color: white; line-height: 40px; border: 2px solid white; text-align: center; border-radius: 8px; padding:0 20px; } .listLoading.show{ /* opacity: 1; */ } #details{ background:url('./dBg.png') no-repeat top center; background-repeat: no-repeat; background-position: top center; padding:585px 0px 40px; background-color: #1037c8; } .page{ width: 100%; position: relative; } .shareBtn{ position: fixed; right: 0px; top: 218px; } .dImg{ width: 100%; /* height: 521px; */ border: 4px solid white; background-color: white; display: none; } .dImg img{ /* max-width: 100%; max-height: 100%; */ width: 100%; } .videoBox{ width: 100%; height: 424px; border: 4px solid white; background: url() no-repeat center center; background-size: contain; background-color: #000000; } .videoBox video{ width: 100%; height: 100%; } #allVideo{ background-color: #000000; } #allVideo video{ width: 100%; height: 100%; background-color: #000000; } .picTips{ top: 545px; display: none; } .nextBtn{ position: fixed; right: 0px; /* top: 1036px; */ top: 282px; z-index: 2; } .dContainer{ width: 100%; padding: 28px 24px; } .dLine{ width: 100%; margin-bottom: 18px; position: relative; font-size: 30px; line-height: 46px; padding-left: 140px; color: white; } .dLine span{ position: absolute; left: 0px; top: 0px; width: 120px; display: block; line-height: 46px; text-align: center; background-color: #2a67ef; border-radius: 46px; } .dLine1{ padding-left:202px; } .dLine1 span{ width: 184px; } .dLine2{ padding: 14px 22px; border-radius: 22px; background-color: #2a67ef; font-size: 30px; line-height: 43px; text-align: justify; color: white; min-height: 185px; } #elseMain .videoBox{ display: none; } #elseMain .dImg{ display: flex; } #elseMain .picTips{ display: block; } #elseMain.has .videoBox{ display: flex; } #elseMain.has .dImg{ display: none; } #elseMain.has .picTips{ display: none; } .noData{ font-size: 24px; color: #ffffff; text-align: center; padding: 80px 0px; width: 100%; } .returnVideo{ position: fixed; left: 0px; top: 32px; z-index: 10; } .btn1,.btn2{ position: fixed; right: 50%; margin-right: -375px; top: 454px; z-index: 22; } .beian-yuming { position: fixed; left: 50%; bottom: 5px; transform: translateX(-50%); color: #fff; z-index: 5; opacity: 0.2; }