.Quick-navigation {
position: fixed; z-index: 1; margin: 0; top: 20%; left: 88vw !important; -webkit-transform: translateY(-50%); transform: translateY(-50%);
} .Quick-navigation_word {
float: left;
}
- Quick_A {
top: 10vw; position: relative;
}
- Quick_B {
top: 12.25vw; position: relative;
}
- Quick_C {
top: 14.5vw; position: relative;
}
- Quick_D {
top: 16.75vw; position: relative;
}
- Quick_F {
top: 19vw; position: relative;
}
- Quick_A,
- Quick_B,
- Quick_C,
- Quick_D,
- Quick_F {
text-align: left; padding-left: 1vw; color: #1c5a5a !important; text-decoration: none; font-size: 1vw; line-height: 1vw; -webkit-transition: color 0.3s; transition: color 0.3s; display: block; position: absolute; z-index: 1; white-space: nowrap;
}
- Quick_A:hover,
- Quick_B:hover,
- Quick_C:hover,
- Quick_D:hover,
- Quick_F:hover {
font-weight: bolder;
} .current+a {
font-weight: bolder;
} .Quick-navigation-item>img {
display: none;
} .Quick-navigation-item.current>img {
display: block; position: absolute;
}
.Quick-navigation-item img {
top: 10vw; height: 10vw; margin: 0; float: left; position: relative;
} .Quick-navigation_word>img {
top: 10vw; height: 10vw; margin: 0; float: left; position: relative;
} @media screen and (max-width: 769px) {
.Quick-navigation { display: none; }
} @media screen and (min-width: 769px) and (max-width: 89.9375rem) {
.Quick-navigation { left: 85vw;
}
- Quick_A,
- Quick_B,
- Quick_C,
- Quick_D,
- Quick_F {
font-size: 0.8vw;
} } @media screen and (min-width: 90rem) {}
- Overview #accordion .panel-body p,
.com{
padding-left: 0px!important; border-left: 0px!important; text-align: left;
} .hp p{
text-indent: 28px;
} .hp .F1, .hp .F2, .hp .F25, .hp .F3, .hp .F4, .hp .F5, .hp .F6{
text-align: center!important;
} .hp .expstep_name{
margin-top: 65px;
} .share:after {
content: "\f064"; font-family: fontawesome; color: #1c5a5a;
} .hp h1{
border-left: 1px dashed #8c8c8c!important; padding: 2vw 0 1vw!important; font-size: 25px!important; text-indent: 2rem; text-align: left!important;
} .hp h1:nth-child(1){
padding: 0.5vw 0 1vw!important;
} .marginbottom{
margin-bottom: 8vw;
}
.main {
margin: 0 15vw 5rem; width: 70vw; text-align: left;
}
.headline {
font-size: 2vw; color: #1c5a5a; margin-bottom: 1vw; padding-top: 5rem;
}
.main p {
color: #000; font-size: 1.2rem; text-indent: 2.4rem; font-weight: normal; font-family: unset; line-height: 2rem; margin-bottom: 0.8vw;
}
.main h1, .main h2, .main h3 {
font-family: "Microsoft YaHei";
}
.main h1 {
margin: 0.8vw 0!important; font-size: 1.4rem !important;
}
.main h2 {
font-size: 1.2rem !important; font-weight: bolder;
}
.main h3 {
font-size: 1.1rem !important;
}
.main h4 {
font-size: 1.05rem !important;
} .F0>img{
width: 70vw !important;
} .F1>img {
width: 60vw !important;
}
.F2>img {
width: 50vw !important;
}
.F3>img {
width: 40vw !important;
}
.F4>img {
width: 30vw !important;
}
.F25>img {
width: 25vw !important;
}
.F6>img {
width: 40vw !important;
}
.F7>img {
width: 15vw !important;
}
.F8>img {
width: 10vw !important;
} .F0, .F1, .F2, .F25, .F3, .F4, .F5, .F6, .F7, .F8 {
text-indent: 0 !important; margin-bottom: 0 !important; text-align: center!important;
}
.Figure_word {
font-size: 0.9rem !important; text-align: center !important; text-indent: 0 !important;
}
.reference {
text-indent: 0 !important;
}
.main .indent {
text-indent: 2.4rem !important;
}
tbody {
width: auto; overflow: auto;
}
.table {
margin: 0 auto !important;
}
.table th, .table td, .table {
padding: 0.5vw 1vw !important; border-collapse: collapse !important; background-color: white !important; text-align: center !important; vertical-align: middle !important;
} table{
border-top:1px solid; border-bottom:1px solid;
}
.table td:nth-child(6), .table td:nth-child(7), .table th {
white-space: nowrap;
}
.table td:nth-child(4) {
padding: 0.5vw 0.3vw !important;
}
.space {
white-space: normal;
}
.slideBox p {
text-indent: 0 !important; text-align: left !important;
} .video{
text-align: center!important;
} video{
width: 50vw;
}
@media screen and (max-width: 769px) {
.headline { font-size: 1.4rem; margin: 1rem 0 2vw; padding: 0; }
.main p { font-size: 0.9rem; text-indent: 1.8rem; line-height: 1.5rem; word-wrap: break-word; ; } .F0>img { width: 85vw !important; }
.F1>img { width: 85vw !important; }
.F2>img { width: 85vw !important; }
.F3>img { width: 60vw !important; }
.F4>img { width: 50vw !important; /*SPE*/ }
.F6>img { width: 85vw !important; }
.F7>img { width: 40vw !important; margin-left: 15vw; }
.F8>img { width: 20vw !important; }
.F25>img { width: 40vw !important; }
.main { width: 85vw !important; margin: 0 7.5vw 5rem; }
.main h1 { font-size: 1.15rem!important; margin: 0.8vw 0 0; font-weight: bold; white-space: nowrap; }
.main h2 { margin: 0; padding: 0; font-size: 1.1rem; font-weight: normal; }
.table { zoom: 0.7; -webkit-transform-origin: top left; -webkit-transform: scale(1); } video{ width: 70vw;
} }
@media screen and (min-width: 769px) and (max-width: 89.9375rem) {
.headline { font-size: 2rem; margin-bottom: 1vw; }
.main p {}
.table_container { overflow-x: scroll !important; }
.table th, .table td, .table { padding: 2px 2px !important; }
.table td:nth-child(4) { width: 20vw; }
}
@media screen and (max-width: 769px) {
.table_container { overflow-x: scroll !important; width: 85vw; }
.table th, .table td, .table { padding: 5px 5px !important; }
}
@media screen and (max-width: 45rem) {
.table th, .table td, .table { padding: 9px 8px !important; white-space: nowrap; }
}
.click_here:after, td a:after,
- Attributions a:after,
.judging p>a:after, .notebook .slideBox p>a:after {
content: "\f112"; font-family: fontawesome; color: #1c5a5a !important;
}
.click_here span, .click_here,
- Attributions a,
.judging p>a, .downloadpdf, .notebook .slideBox p>a{
color: #1c5a5a!important;
}
- Attributions .headline{
padding-top: 1rem;
}
- Attributions p:nth-child(1){
padding-top: 1rem;
} .downloadpdf:after {
content: "\f1c1"; font-family: fontawesome; color: #1c5a5a!important;
} .center{
text-align: center!important;
}
- accordion .panel {
border: none; box-shadow: none; border-radius: 0; margin: 0 0 15px 10px;
}
- accordion .panel-heading {
padding: 0; border-radius: 30px;
}
- accordion .panel-title a {
display: block; padding: 12px 20px 12px 50px; font-size: 18px; font-weight: 600; color: #1c5a5a; border-radius: 30px; position: relative; transition: all 0.3s ease 0s; text-align: left;
}
- accordion .panel-title a.collapsed {
background: #fff; color: black;
} /*打开*/
- accordion .panel-title a:after,
- accordion .panel-title a.collapsed:after {
content: "\f063"; font-family: fontawesome; width: 55px; height: 55px; line-height: 55px; border-radius: 50%; font-size: 25px; color: #1c5a5a; text-align: center; position: absolute; top: -5px; left: -20px; transition: all 0.3s ease 0s;
} /**/ /*关闭*/
- accordion .panel-title a.collapsed:after {
content: "\f061"; background: #fff; color: black; box-shadow: none;
}
- accordion .panel-body {
padding: 20px 25px 10px 9px; background: transparent; font-size: 14px; line-height: 25px; border-top: none; position: relative;
}
- accordion .panel-body p {
padding-left: 25px; text-align: left;
}
- accordion .panel-body img{
width: 100%; margin: 1vw auto;
} @media (min-width: 768px) {
.col-md-offset-3 { margin-left: 5% !important; } .col-md-6 { width: 90% !important; }
} .container {
margin-right: auto; margin-left: auto
} @media screen and (max-width: 45rem) {
.container { width: 90vw; } #accordion .panel-title a { padding: 8px 20px 8px 50px; font-size: 14px; } #accordion .panel-title a:after, #accordion .panel-title a.collapsed:after { width: 45px; height: 45px; line-height: 45px; } #accordion .panel-body { padding: 5px 0px 5px 9px; } #accordion .panel-body p { font-size: 12px; line-height: 16px; } table { margin: 8px 0; }
} @media screen and (min-width: 45.0625rem) and (max-width: 769px) {
.container { width: 85vw; }
} @media screen and (min-width: 769px) {
.container { width: 73vw; }
} .collapse {
display: none
} .collapse.in {
display: block
} .collapsing {
position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility
} .exp_name {
font-size: 2rem; color: #1c5a5a; line-height: 3rem; margin-bottom: 10px;
}
.expstep_name {
font-size: 1.5rem; color: #1c5a5a; line-height: 3rem; text-align: left; margin: 25px 0 5px;
} @media screen and (max-width: 45rem) {
.exp_name { font-size: 1.5rem; line-height: 2rem; margin-bottom: 5px; } .expstep_name { font-size: 1.1rem; line-height: 1.5rem; margin: 35px 0 5px; } .row { margin-bottom: 15vw; }
} @media screen and (min-width: 45.0625rem) and (max-width: 769px) {} @media screen and (min-width: 769px) {} .Quick-navigation {
position: fixed; z-index: 1; margin: 0; top: 20%; left: 83vw; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}