/* merged: mtime=2024-12-02 10:52:24, now=2024-12-02 10:58:07, files=fvwebapp-ajs-Help.content.part.css,fvwebapp-ajs-Help.nav.part.css */
.contact-btn.btn:hover {
opacity: 1;
background-color: #6a99ff;
}
.title-outer {
display: block;
width: 100%;
height: 200px;
background-color: #F7FAFF;
}
.title-inner {
display: block;
margin: auto;
text-align: center;
}
.title-inner h1,
.title-head {
font-size: 40px;
color: #333333;
padding-top: 80px;
}
.title-inner hr {
background: #4580FF;
border-radius: 100px;
width: 50px;
height: 4px;
margin-top: 20px;
border: 0;
}
.content-outer {
display: block;
width: 100%;
background-color: #FFFFFF;
}
.content-inner {
display: block;
margin: auto;
text-align: center;
padding-top: 80px;
padding-bottom: 50px;
}
.content-detail {
width: 70%;
max-width: 1100px;
display: block;
margin: auto;
text-align: left;
line-height: 32px;
}
.content-detail h1 {
font-size: 24px;
color: #5381F7;
}
.content-detail h2 {
font-size: 20px;
color: #5381F7;
}
.content-detail p {
font-size: 18px;
color: #000000;
text-indent: 2em;
}
div p.sign {
margin-right: 20px;
}
div.terms-content {
line-height: 150%;
margin-bottom: 60px;
}
div.terms-content h2 {
font-size: 16px;
font-weight: bold;
margin: 20px 0;
}
.terms-content p {
font-size: 14px;
}
ol.terms {
list-style: decimal inside;
}
p.sign {
margin-top: 40px;
margin-right: 100px;
text-align: right;
}
.text-center {
text-align: center;
}
.content-detail img { 
width:375px;
height: auto;
margin:30px 0; 
border: solid 1px #DFDFDF; 
}
.title-outer {
margin-top: 90px;
}
.help-tab-div {
display: flex;
border-bottom: 1px solid rgba(221,221,221,1);
margin-bottom: 40px;
}
.help-tab {
width: 130px;
height: 40px;
background:rgba(255,255,255,1);
border:1px solid rgba(221,221,221,1);
border-radius:6px 6px 0px 0px;
padding: 9px 0;
text-align: center;
cursor: pointer;
border-bottom: none;
}
.help-tab.active {
background:rgba(69,128,255,1);
border:1px solid rgba(69,128,255,1);
color: #fff;
}
.tab-text {
font-size:16px;
line-height:22px;
color:#4580FF;
vertical-align: top;
}
.help-tab.active .tab-text {
color: #fff;
}
.terms {
width: 100%;
max-width: 800px;
margin: 90px auto 0;
}
.scroll-wrap .terms-title {
font-size: 18px;
margin: 20px 0;
text-indent: 0;
text-align: center;
}
.scroll-wrap .content {
padding: 10px;
}
.scroll-wrap .terms-secondary {
text-indent: 0;
text-align: center;
}
.scroll-wrap p {
text-indent: 2em;
}
.no-padding-top {
padding-top: 0;
}
.help-banner {
min-height: 400px;
margin-top: 90px;
}
.help-banner .banner-title {
margin-top: 104px;
padding: 0;
}
.help-banner .img-container {
padding: 0;
}
.line-feed {
display: none;
}
.content-container {
display: flex;
max-width: 1200px;
}
@media only screen and (max-width: 1023px) {
.help-banner .img-container {
display: none;
}
.help-banner {
min-height: 300px;
margin-top: 100px;
}
.banner-title {
margin-top: 75px;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
text-align: center;
}
.help-banner .help-tip-msg {
margin-bottom: 30px;
}
.help-banner .contact-btn {
width: 155px;
}
}
@media (max-width: 767px) {
.title-inner h1, .title-head {
font-size: 20px;
}
.content-detail {
width: 80%;
}
.content-detail img {
width: 100%;
}
.content-detail p {
text-indent: 0;
}
.help-banner {
margin-top: 50px;
}
.line-feed {
display: block;
}
.help-banner.main-width {
width: 100%;
}
.help-banner {
min-height: 200px;
margin-top: 45px;
background: linear-gradient(180deg, #EBF5FE 50%, #FFF 90%);
}
.content-container {
flex-direction: column;
}
}
@media only screen and (max-width: 450px) {
.help-banner .contact-btn {
width: 136px;
height: 42px;
font-size: 16px;
}
.div-title {
font-size: 28px;
}
.banner-title {
margin-top: 45px;
}
}
.help {
width: 100%;
display: block;
margin: auto;
background-color: #FFFFFF;
}
.help-menu {
width: 70%;
margin: auto;
text-align: center;
padding-top: 80px;
}
.help-menu-item {
display: inline-block;
width: 15%;
}
.help-menu-item h1 {
font-size: 20px;
color: #5A5A5A;
}
.help-menu-item hr {
background: #5381F7;
border-radius: 100px;
width: 30px;
height: 3px;
border: 0;
visibility: hidden;
}
div.help-menu-item:hover {
cursor: pointer;
}
.help-content {
padding-top: 10px;
padding-bottom: 150px;
}
.help-detail {
text-align: center;
}
.help-table {
display:table;
width: 100%;
height:240px;
margin:0 auto;
}
.help-table-cell {
display:table-cell;
vertical-align:middle;
width: 45%;
max-width: 480px;
height: 100%;
margin: 0 5px;
background-color: #F4F5F7;
border: 10px solid #FFFFFF;
padding: 0 40px;
font-size: 20px;
color: #000000;
line-height: 32px;
}
/* 翻转动画效果 start */
/* simple */
.flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-ms-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
#border: 1px solid #ccc;
}
/* START: Accommodating for IE */
.flip-container:hover .back, .flip-container.hover .back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.flip-container:hover .front, .flip-container.hover .front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/* END: Accommodating for IE */
.flip-container {
width: 40%;
max-width: 480px;
height: 240px;
display: inline-block;
text-align: left;
margin: 30px;
}
.flip-container-blank {
width: 40%;
max-width: 480px;
height: 240px;
display: inline-block;
text-align: left;
margin: 30px;
}
.front, .back {
width: calc(100% - 40px);
max-width: 480px;
height: 200px;
display: inline-block;
padding: 30px 20px 10px 20px;
}
.flipper {
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-ms-transition: 0.6s;
-moz-transition: 0.6s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
.front, .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateY(0deg);
-moz-transition: 0.6s;
-moz-transform-style: preserve-3d;
-moz-transform: rotateY(0deg);
-o-transition: 0.6s;
-o-transform-style: preserve-3d;
-o-transform: rotateY(0deg);
-ms-transition: 0.6s;
-ms-transform-style: preserve-3d;
-ms-transform: rotateY(0deg);
transition: 0.6s;
transform-style: preserve-3d;
transform: rotateY(0deg);
position: absolute;
top: 0;
left: 0;
}
.front {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
background: #F4F5F7;
z-index: 2;
font-size: 20px;
color: #000000;
line-height: 32px;
}
.back {
background: #6494F6;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
font-size: 16px;
color: #FFFFFF;
line-height: 23px;
}
.front .name {
font-size: 2em;
display: inline-block;
background: rgba(33, 33, 33, 0.9);
color: #f8f8f8;
font-family: Courier;
padding: 5px 10px;
border-radius: 5px;
bottom: 60px;
left: 25%;
position: absolute;
text-shadow: 0.1em 0.1em 0.05em #333;
display: none;
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.back-logo {
position: absolute;
top: 40px;
left: 90px;
width: 160px;
height: 117px;
background: url(/Site/Ajiasu/Css/logo.png) 0 0 no-repeat;
}
.back-title {
font-weight: bold;
color: #00304a;
position: absolute;
top: 180px;
left: 0;
right: 0;
text-align: center;
text-shadow: 0.1em 0.1em 0.05em #acd7e5;
font-family: Courier;
font-size: 22px;
}
.back p {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
text-align: center;
padding: 0 20px;
font-size: 18px;
}
/* vertical */
.vertical.flip-container {
position: relative;
}
.vertical .back {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.vertical.flip-container .flipper {
-webkit-transform-origin: 100% 213.5px;
-moz-transform-origin: 100% 213.5px;
-ms-transform-origin: 100% 213.5px;
transform-origin: 100% 213.5px;
}
/* START: Accommodating for IE */
.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
/* END: Accommodating for IE */
/* 翻转动画效果 end */
.help-search {
width: 100%;
height: 550px;
display: block;
background-color: #F7FAFF;
}
.help-search-content {
display: block;
margin: auto;
text-align: center;
}
.help-search-content h1 {
font-size: 34px;
color: #333333;
padding-top: 78px;
}
.help-search-content input {
width: 654px;
height: 60px;
margin-top: 30px;
visibility: hidden;
}
.help-search-content img {
width: 670px;
height: 243px;
margin-top: 60px;
}
.help-2 {
width: 100%;
display: block;
margin: auto;
background-color: #f5f9ff;
overflow: hidden;
}
.help-menu-2 {
width: 70%;
height: 140px;
margin: 30px auto;
text-align: center;
}
.help-menu-item-2 {
display: inline-block;
margin: 40px 35px 0 35px;
}
.help-menu-item-2 img {
width: 70px;
height: 70px;
}
.help-menu-item-2 h1 {
font-size: 20px;
color: #999999;
margin-top: 10px;
}
.help-menu-item-2:hover {
cursor: pointer;
}
.help-content-2 {
width: 70%;
max-width: 1100px;
min-width: 920px;
margin: 60px auto;
text-align: left;
}
.help-content-detail-2 {
display: none;
}
.help-content-in {
width: 100%;
margin: 25px auto;
background: #F3F7FF;
border-radius: 5px;
}
.help-content-in h1 {
text-align: left;
padding: 20px 30px 20px 30px;
font-size: 20px;
color: #333333;
cursor: pointer;
}
.help-content-in img {
vertical-align: middle;
margin: 4px -10px auto auto;
float: right;
width: 20px;
height: 20px;
}
.help-content-in h2 {
text-align: left;
padding: 5px 30px 30px 30px;
opacity: 0.7;
font-size: 16px;
color: #4D4D4D;
display: none;
line-height: 26px;
}
.help-content-in h2 p {
text-indent: 2em;
}
.help-search-title {
font-size: 34px;
color: #333333;
padding-top: 78px;
}
.help-container {
width: 100%;
display: block;
margin: auto;
background-color: #f5f9ff;
overflow: hidden;
}
.help-container .help-content {
margin: 80px auto 60px;
text-align: left;
padding-bottom: 40px;
}
.white-background {
background: #ffffff;
margin: 10px 0;
padding: 30px 30px 10px;
}
.help-title {
display: flex;
align-items: center;
font-size: 1.6rem;
color: #333333;
font-weight: bold;
margin-bottom: -5px;
}
.help-icon {
width: 2.3rem;
height: 2.3rem;
margin-left: -5px;
margin-right: 5px;
font-size: 5rem;
}
.help-question {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.help-question, .help-question a {
margin-top: 24px;
margin-bottom: 20px;
font-size: 1.4rem;
color: #333333;
line-height: 16px;
}
.help-question a:hover{
color: #4580ff;
text-decoration: none;
cursor: pointer;
}
.help-question a.active{
color: #4580ff;
text-decoration: none;
}
#question-content {
height: fit-content;
width: 40%;
}
#answer-content {
flex: 1;
height: fit-content;
}
#answer-content .article-title {
margin-top: 0;
}
.help-content-detail {
padding: 30px;
min-height: 100%;
}
.help-left-header {
min-height: 100%;
min-width: 230px;
margin-right: 20px;
}
.help-detail-title {
font-size: 2rem;
color: #333333;
font-weight: bold;
margin: 30px 0 25px;
}
.help-content-detail p {
line-height: 35px;
font-size: 1.6rem;
color: #333;
word-break: break-word;
}
.help-content-detail img {
max-width: 100%;
}
.divide-line-s {
background: #e5e5e5;
height: 1px;
margin: 0 -30px 10px;
}
.banner-img {
width: 400px;
margin-top: 35px;
float: right;
}
.help-tip-msg {
font-size:1.8rem;
color:#4680ff;
margin-top: 25px;
margin-bottom: 50px;
line-height: 18px;
}
.help-tab-div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.help-tab-div a:focus,
.help-tab-div a:hover {
text-decoration: none;
}
.help-tab {
width: 140px;
height: 46px;
background:rgba(255,255,255,1);
border: 1px solid rgba(69,128,255,1);
border-radius: 6px;
padding: 12px 0;
text-align: center;
cursor: pointer;
margin-bottom: 40px;
}
.help-tab:hover {
opacity: 0.8;
}
.tab-img {
font-size: 20px;
margin-right: 12px;
vertical-align: top;
}
.tab-text {
font-size:16px;
line-height:22px;
color:#4580FF;
}
.icon-linux {
color:#4580FF;
}
.pop-success-div {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(128, 128, 128, 0.3);
z-index: 100;
text-align: center;
display: none;
top: 0;
left: 0;
}
.pop-new-content {
display: inline-block;
vertical-align: middle;
border-radius: 5px;
background-color: white;
overflow: hidden;
width:430px;
height:280px;
}
.pop-success-li1 {
margin: 80px 0 0 0;
display: block;
text-align: center;
}
.pop-success-img {
width: 84px;
height: 84px;
}
.pop-success-li2 {
padding: 0 0 30px 0;
border: 0;
}
.pop-success-content {
font-size: 20px;
color: #333333;
text-align: center;
margin: 30px 20px;
}
@media (min-width: 1200px) and (max-width: 1599px) {
.help-tip-msg {
line-height: 25px;
}
}
@media only screen and (max-width: 1023px) {
.help-tip-msg {
color: #42557D;
}
#body-main-content {
background: linear-gradient(180deg, #EFF7FF 0%, #FBFBFB 92.05%);
}
.help-container {
background: none;
}
}
@media only screen and (max-width: 1080px) {
.help-tab-div {
justify-content: flex-start;
}
.help-tab-div a {
margin-right: 20px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){
.help-tip-msg {
line-height: 24px;
}
.help-tab {
width: 130px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
.img-container {
text-align: center;
}
.banner-img {
float: none;
margin-top: 40px;
margin-right: 0;
}
.help-tip-msg {
line-height: 24px;
}
}
@media only screen and (max-width: 767px){
.banner-img {
width:100%;
float: none;
margin-top: 40px;
margin-right: 0;
}
.help-content-detail {
height: 100%;
}
#body-main-content {
overflow-x: hidden;
background: none;
}
.help-tip-msg {
line-height: unset;
}
.help-tab-div {
display: block;
}
.help-tab {
width: 100%;
}
.pop-new-content {
width: 90%;
height: 60%;
}
.help-left-header {
widht: 100%;
margin: 0;
}
#question-content {
width: 100%;
}
}
@media only screen and (max-width: 450px) {
.help-container {
background-color: #fff;
}
.help-banner .help-tip-msg {
margin: 18px 0 27px;
}
.help-tip-msg {
font-size: 12px;
line-height: 18px;
}
.help-container .help-content {
margin: 0;
}
.help-content-detail {
min-width: auto;
}
}
@-moz-document url-prefix() {
.help-icon {
font-size: 4rem;
}
}
.tutorial-link {
margin-right: 15px;
font-size: 1.6rem;
}
