.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-between{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.banner-wrapper {
    padding-top: 158px;
    position: relative;
    height: 578px;
    max-height: 578px;
    box-sizing: border-box;
}

.banner-wrapper .chrome-banner-content{
    position: relative;
    margin: 0 auto;
    width: 1200px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.banner-wrapper .banner-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 1200px;
    background: url("../images/browserplug/chrome_banner_bg.png") no-repeat center;
    background-size: auto 100%;
}

.banner-wrapper .chrome-plugin-wrapper {
    margin-left: 40px;
    align-self: flex-end;
}

.banner-wrapper .chrome-plugin-wrapper .download-button {
    padding: 0;
    border: none;
    outline: none;
    width: 309px;
    height: 68px;
    background: linear-gradient(0deg, #FFA627 0%, #EDC32D 100%);
    border-radius: 34px;
    font-size: 28px;
    color: #fff;
    line-height: 68px;
    text-align: center;
    cursor: pointer;
}

.banner-wrapper .chrome-plugin-wrapper .version-info {
    margin-top: 22px;
    font-size: 14px;
    color: #fff;
}

.banner-wrapper .chrome-plugin-wrapper .time {
    margin-top: 16px;
    font-size: 14px;
    color: #fff;
}

.chrome-function-wrapper {
    padding-top: 79px;
    background: #fff;
}

.chrome-function-wrapper .chrome-function-content {
    margin: 0 auto;
    width: 1200px;
}

.chrome-function-wrapper .chrome-function-content .title {
    font-size: 38px;
    color: #282828;
    line-height: 56px;
    text-align: center;
}

.chrome-function-wrapper .chrome-function-content .desc {
    margin: 20px auto 0;
    width: 796px;
    font-size: 18px;
    color: #747474;
    line-height: 30px;
    text-align: center;
}

.chrome-function-wrapper .chrome-function-content .function-list {
    margin-top: 53px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item {
    margin-bottom: 20px;
    padding-bottom: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item:hover {
    box-shadow: 0px 7px 27px 0px #BFBFBF;
    transform: translateY(-5px);
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-icon-1 {
    width: 116px;
    height: 116px;
    background: url("../images/browserplug/function-icon-1.png");
    background-size: 100% 100%;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-icon-2 {
    width: 116px;
    height: 116px;
    background: url("../images/browserplug/function-icon-2.png");
    background-size: 100% 100%;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-icon-3 {
    width: 116px;
    height: 116px;
    background: url("../images/browserplug/function-icon-3.png");
    background-size: 100% 100%;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-icon-4 {
    width: 116px;
    height: 116px;
    background: url("../images/browserplug/function-icon-4.png");
    background-size: 100% 100%;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-icon-5 {
    width: 116px;
    height: 116px;
    background: url("../images/browserplug/function-icon-5.png");
    background-size: 100% 100%;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-icon-6 {
    width: 116px;
    height: 116px;
    background: url("../images/browserplug/function-icon-6.png");
    background-size: 100% 100%;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-icon-7 {
    width: 116px;
    height: 116px;
    background: url("../images/browserplug/function-icon-7.png");
    background-size: 100% 100%;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-icon-8 {
    width: 116px;
    height: 116px;
    background: url("../images/browserplug/function-icon-8.png");
    background-size: 100% 100%;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-icon-9 {
    width: 116px;
    height: 116px;
    background: url("../images/browserplug/function-icon-9.png");
    background-size: 100% 100%;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-icon-10 {
    width: 116px;
    height: 116px;
    background: url("../images/browserplug/function-icon-10.png");
    background-size: 100% 100%;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-name {
    margin-top: 10px;
    font-size: 18px;
    color: #282828;
    text-align: center;
}

.chrome-function-wrapper .chrome-function-content .function-list .function-item .function-desc {
    margin-top: 15px;
    max-width: 184px;
    font-size: 12px;
    color: #B7B7B7;
    text-align: left;
}

.chrome-util-swiper-container {
    padding: 18px 16px;
    width: 510px;
    height: 352px;
    background: linear-gradient(0deg, #733DFF 0%, #9971FF 100%);
    border-radius: 14px;
    box-sizing: border-box;
}

.chrome-swiper {
    height: 100%;
    width: 100%;
    border-radius: 4px;
}

.chrome-util-swiper-container .swiper-wrapper {
    background: #FFFFFF;
    border-radius: 4px;
    height: 100%;
    width: 100%;
}

.chrome-util-swiper-container .swiper-wrapper .banner-img-swiper{
    height: 100%;
}

.jtt-can-help-wrapper {
    padding-top: 80px;
    height: 783px;
    background: #F9F9F9;
    box-sizing: border-box;
}

.jtt-can-help-wrapper .jtt-can-help {
    margin: 0 auto;
    width: 1200px;
}

.jtt-can-help-wrapper .jtt-can-help .title {
    font-size: 38px;
    color: #282828;
    text-align: center;
}

.jtt-can-help-wrapper .jtt-can-help .help-swiper-wrapper {
    margin-top: 59px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jtt-can-help-wrapper .jtt-can-help .chrome-help-swiper {
    padding: 76px 54px;
    width: 928px;
    height: 528px;
    background: url("../images/browserplug/can-help-bg.png");
    background-size: 100% 100%;
}

.jtt-can-help-wrapper .jtt-can-help .chrome-help-swiper-content {
    height: 100%;
    width: 100%;
}

.jtt-can-help-wrapper .jtt-can-help .chrome-help-swiper .help-item-wrapper {
    height: 100%;
    width: 100%;
}

.jtt-can-help-wrapper .jtt-can-help .chrome-help-swiper .help-item-img {
    margin-right: 18px;
    width: 480px;
    height: 376px;
}

.jtt-can-help-wrapper .jtt-can-help .chrome-help-swiper .info {
    width: 322px;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
}

.swiper-menu-list .swiper-menu-item {
    position: relative;
    height: 75px;
    width: 250px;
    background: #fff;
    text-indent: 49px;
    line-height: 75px;
    font-size: 18px;
    color: #282828;
    cursor: pointer;
}

.swiper-menu-list .swiper-menu-item-selected {
    color: #fff;
    background: linear-gradient(90deg, #856FFF 0%, #5982FF 100%)
}

.swiper-menu-item-selected::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    content: " ";
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 12px solid #856FFF;
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent;
}

.download-list {
    padding: 76px 0 82px;
    background: #fff;
}

.download-list .download-content {
    margin: 0 auto;
    width: 1200px;
}

.download-list .download-content .title {
    font-size: 38px;
    text-align: center;
    color: #282828;
}

.download-list .download-content .download-list-content {
    margin-top: 79px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.download-list .download-content .download-list-content .download-item {
    margin-bottom: 10px;
    padding: 0 22px 0 17px;
    width: 595px;
    height: 142px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    box-sizing: border-box;
}
.download-list .download-content .download-list-content .download-item>ul{
    flex: 1;
    height: 75px;
}
.download-list .download-content .download-list-content .download-icon-1{
    margin-right: 19px;
    height: 60px;
    width: 60px;
    background: url("../images/browserplug/360-safe.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .download-icon-2{
    margin-right: 19px;
    height: 60px;
    width: 60px;
    background: url("../images/browserplug/360-super.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .download-icon-3{
    margin-right: 19px;
    height: 60px;
    width: 60px;
    background: url("../images/browserplug/chrome.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .download-icon-4{
    margin-right: 19px;
    height: 60px;
    width: 60px;
    background: url("../images/browserplug/edge.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .download-icon-5{
    margin-right: 19px;
    height: 60px;
    width: 60px;
    background: url("../images/browserplug/qq.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .download-icon-6{
    margin-right: 19px;
    height: 60px;
    width: 60px;
    background: url("../images/browserplug/sougou.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .download-icon-7{
    margin-right: 19px;
    height: 60px;
    width: 60px;
    background: url("../images/browserplug/other.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .download-icon-8{
    margin-right: 19px;
    height: 60px;
    width: 60px;
    background: url("../images/browserplug/2345.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .download-name{
    width: 156px;
    margin-right: 8px;
    font-size: 18px;
    color: #282828;
}
.download-list .download-content .download-list-content .line{
    margin: 0 12px;
}
.download-list .download-content .download-list-content .online-icon{
    margin-right: 5px;
    height: 18px;
    width: 18px;
    background: url("../images/browserplug/online.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .invalid-online-icon{
    margin-right: 5px;
    height: 18px;
    width: 18px;
    background: url("../images/browserplug/invalid-online.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .text{
    font-size: 14px;
    color: #666;
}
.download-list .download-content .download-list-content .inactive-text{
    color: #282828;
    opacity: 0.5;
}
.download-list .download-content .download-list-content .active-text{
    color: rgba(155, 129, 254, 1);
}
.download-list .download-content .download-list-content .active-text-1{
    color: rgba(83, 149, 255, 1);
}
.download-list .download-content .download-list-content .tutorial-icon{
    margin-right: 5px;
    height: 18px;
    width: 18px;
    background: url("../images/browserplug/tutorial.png");
    background-size: 100% 100%;
}
.download-list .download-content .download-list-content .outline-icon{
    margin-right: 5px;
    height: 18px;
    width: 18px;
    background: url("../images/browserplug/outline-icon.png");
    background-size: 100% 100%;
}
.online-setup ,.outline-setup ,.setup-tutorial{
    cursor: pointer;
}
.bottom-name{
    margin-bottom: 27px;
}
.bottom-other{
    margin-bottom: 0px;
}