/* 短链接 */
#short_links_index #banner{background: #4f46e5;padding: 70px 0 130px;}
#short_links_index #banner .banner_box{width: 75%;margin: 0 auto;display: flex;flex-direction: column;row-gap: 30px;align-items: center;}
#short_links_index #banner .banner_box .title {font-size: 50px;font-weight: bold;color: #FFF;line-height: 1.5;text-align: center;}
#short_links_index #banner .banner_box .search {width: 100%;padding: 0 15px;display: flex;align-items: center;column-gap: 10px;height: 72px;overflow: hidden;}
#short_links_index #banner .banner_box .search .input{width: 77%;height: 100%;background: #FFFFFF;border-radius: 4px;border: 0;}
#short_links_index #banner .banner_box .search .input input {width: 100%;height: 100%;text-indent: 20px;box-sizing: border-box;text-transform: capitalize;}
#short_links_index #banner .banner_box .search a {box-sizing: border-box;height: 100%;line-height: 72px;padding: 0 23px;font-size: 20px;color: #000;background: #ffc55f;border-radius: 4px;cursor: pointer;font-weight: bold;text-align: center;}
@media (max-width: 1024px) {
    #short_links_index #banner{padding: 6vw 0;}
    #short_links_index #banner .banner_box{width: 100%;row-gap: 4vw;}
    #short_links_index #banner .banner_box .title {font-size: 6.66vw;}
    #short_links_index #banner .banner_box .search {padding: 0;column-gap: 1.33vw;height: 50px;}
    #short_links_index #banner .banner_box .search .input{border-radius: 0.533vw;}
    #short_links_index #banner .banner_box .search .input input {text-indent: 2.66vw;}
    #short_links_index #banner .banner_box .search a {line-height: 50px;padding: 0 3.06vw;font-size: 14px;border-radius: 0.533vw;}
}

#short_links_index #main #links_introduce{padding: 35px 0;}
#short_links_index #main #links_introduce .content{display: flex;flex-direction: column;row-gap: 40px;}
#short_links_index #main #links_introduce .content .item{display: flex;align-items: center;flex-direction: row;column-gap: 50px;text-align: center;justify-content: space-between;}
#short_links_index #main #links_introduce .content .item.right{flex-direction: row-reverse;}
#short_links_index #main #links_introduce .content .item .item_image,
#short_links_index #main #links_introduce .content .item .item_content{width: calc((100% - 50px) / 2);}
#short_links_index #main #links_introduce .content .item .item_image{font-size: 0;text-align: left;}
#short_links_index #main #links_introduce .content .item.right .item_image{text-align: right;}
#short_links_index #main #links_introduce .content .item .item_content{display: flex;flex-direction: column;text-align: left;}
#short_links_index #main #links_introduce .content .item .item_content .item_title{font-size: 40px;color: #001235;font-weight: bold;}
#short_links_index #main #links_introduce .content .item .item_content .item_desc{font-size: 16px;color: #001235;line-height: 1.75;margin-top: 15px;}
#short_links_index #main #links_introduce .content .item .item_content .item_desc_box{display: flex;flex-direction: column;row-gap: 15px;font-size: 16px;color: #001235;margin-top: 25px;}
#short_links_index #main #links_introduce .content .item .item_content .item_desc_box .item_desc_out{display: flex;column-gap: 8px;}
#short_links_index #main #links_introduce .content .item .item_content .item_desc_box .item_desc_out .desc_out_icon .icon_dui {width: 26px;height: 26px;display: inline-block;background: url(/frontend/web/images/icon_dui_4.png) no-repeat center / 26px;margin-top: 2px;}
#short_links_index #main #links_introduce .content .item .item_content .item_desc_box .item_desc_out .desc_out_content{font-size: 16px;color: #001335;line-height: 1.75;}
#short_links_index #main #links_introduce .content .item .item_content .item_btn .button {display: inline-block;background-color: #ffc55f;color: #000000;padding: 14px 30px;font-size: 16px;font-weight: bold;border-radius: 999px;margin-top: 25px;cursor: pointer;}
@media (max-width: 1330px){
    #short_links_index #main #links_introduce .content{row-gap: 20px;}
    #short_links_index #main #links_introduce .content .item{column-gap: 25px;}
    #short_links_index #main #links_introduce .content .item .item_content{width: calc((100% - 25px) / 2);}
}
@media (max-width: 1024px){
    #short_links_index #main #links_introduce {padding: 6vw 0 4vw;}
    #short_links_index #main #links_introduce .content{row-gap: 6vw;}
    #short_links_index #main #links_introduce .content .item{flex-direction: column-reverse;row-gap: 4.66vw;align-items: flex-start;}
    #short_links_index #main #links_introduce .content .item.right{flex-direction: column-reverse;}
    #short_links_index #main #links_introduce .content .item .item_image,
    #short_links_index #main #links_introduce .content .item .item_content{width: 100%;}
    #short_links_index #main #links_introduce .content .item .item_image{display: flex;}
    #short_links_index #main #links_introduce .content .item.right .item_image{text-align: left;}
    #short_links_index #main #links_introduce .content .item .item_content .item_title{font-size: 3.66vw;}
    #short_links_index #main #links_introduce .content .item .item_content .item_desc{font-size: 3.22vw;margin-top: 2vw;}
    #short_links_index #main #links_introduce .content .item .item_content .item_desc_box{margin-top: 3.33vw;row-gap: 1.55vw;}
    #short_links_index #main #links_introduce .content .item .item_content .item_desc_box .item_desc_out{column-gap: 1.06vw;}
    #short_links_index #main #links_introduce .content .item .item_content .item_desc_box .item_desc_out .desc_out_icon .icon_dui {width: 3.46vw;height: 3.46vw;display: inline-block;background: url(/frontend/web/images/icon_dui_4.png) no-repeat center / 3.46vw;margin-top: 1.2vw;}
    #short_links_index #main #links_introduce .content .item .item_content .item_desc_box .item_desc_out .desc_out_content{font-size: 3.22vw;}
    #short_links_index #main #links_introduce .content .item .item_content .item_btn .button {font-size: 14px;padding: 2vw 4vw;margin-top: 3.33vw;}
}

#short_links_index #main #how_works{padding: 60px 0;}
#short_links_index #main #how_works .title{margin: 0 auto;text-align: center;font-weight: bold;}
#short_links_index #main #how_works .t_title_1{font-size: 40px;color: #000000;margin-bottom: 15px;}
#short_links_index #main #how_works .t_title_2{font-size: 20px;color: #000000;font-weight: normal;}
#short_links_index #main #how_works .content{display: grid;-webkit-grid-template-columns: repeat(3, calc((100% - 2 * 28px) / 3));-ms-grid-columns: repeat(3, calc((100% - 2 * 28px) / 3));grid-template-columns: repeat(3, calc((100% - 2 * 28px) / 3));gap: 28px;margin: 40px 0 0;}
#short_links_index #main #how_works .content .item{display: flex;align-items: center;justify-content: flex-start;flex-direction: column;row-gap: 18px;border-radius: 18px;background: #FFF;padding: 30px;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
#short_links_index #main #how_works .content .item .item_num{display: flex;align-items: center;justify-content: center;width: 57px;height: 57px;background: #4f46e5;border-radius: 999px;font-size: 18px;color: #FFFFFF;font-weight: bold;}
#short_links_index #main #how_works .content .item .item_title{font-size: 22px;color: #001335;font-weight: bold;}
@media screen and (max-width: 1024px) {
    #short_links_index #main #how_works {padding: 6vw 0;}
    #short_links_index #main #how_works .t_title_1{font-size: 5.33vw;margin-bottom: 2vw;}
    #short_links_index #main #how_works .t_title_2{font-size: 3.33vw;}
    #short_links_index #main #how_works .content{-webkit-grid-template-columns: repeat(3, calc((100% - 2 * 2vw) / 3));-ms-grid-columns: repeat(3, calc((100% - 2 * 2vw) / 3));grid-template-columns: repeat(3, calc((100% - 2 * 2vw) / 3));gap: 2vw;margin: 5.33vw 0 0;}
    #short_links_index #main #how_works .content .item{row-gap: 2.4vw;border-radius: 2.4vw;padding: 4vw;}
    #short_links_index #main #how_works .content .item .item_num{width: 8vw;height: 8vw;font-size: 3.66vw;}
    #short_links_index #main #how_works .content .item .item_title{font-size: 3.66vw;}
}

#short_links_index #main #why{padding: 35px 0 55px;}
#short_links_index #main #why .title{margin: 0 auto;text-align: center;font-weight: bold;}
#short_links_index #main #why .t_title_1{font-size: 40px;color: #000000;margin-bottom: 15px;}
#short_links_index #main #why .t_title_2{font-size: 20px;color: #000000;font-weight: normal;}
#short_links_index #main #why .content{display: grid;-webkit-grid-template-columns: repeat(3, calc((100% - 2 * 30px) / 3));-ms-grid-columns: repeat(3, calc((100% - 2 * 30px) / 3));grid-template-columns: repeat(3, calc((100% - 2 * 30px) / 3));gap: 30px;margin: 40px 0 0;}
#short_links_index #main #why .content .item{display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;row-gap: 15px;border-radius: 18px;background: #4f46e5;padding: 30px;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
#short_links_index #main #why .content .item .item_icon{display: flex;align-items: center;justify-content: center;width: 70px;height: 70px;background: #FFFFFF;border-radius: 24px;}
#short_links_index #main #why .content .item .item_title{font-size: 20px;color: #FFFFFF;font-weight: bold;text-align: left;}
#short_links_index #main #why .content .item .item_desc{font-size: 14px;color: #FFFFFF;text-align: left;line-height: 2;}
@media screen and (max-width: 1024px) {
    #short_links_index #main #why {padding: 6vw 0;}
    #short_links_index #main #why .t_title_1{font-size: 5.33vw;margin-bottom: 2vw;}
    #short_links_index #main #why .t_title_2{font-size: 3.33vw;}
    #short_links_index #main #why .content{-webkit-grid-template-columns: repeat(3, calc((100% - 2 * 2vw) / 3));-ms-grid-columns: repeat(3, calc((100% - 2 * 2vw) / 3));grid-template-columns: repeat(3, calc((100% - 2 * 2vw) / 3));gap: 2vw;margin: 5.33vw 0 0;}
    #short_links_index #main #why .content .item{row-gap: 2vw;border-radius: 2.4vw;padding: 4vw;}
    #short_links_index #main #why .content .item .item_icon{width: 9.33vw;height: 9.33vw;border-radius: 3.2vw;}
    #short_links_index #main #why .content .item .item_title{font-size: 3.66vw;}
}
@media screen and (max-width: 750px) {
    #short_links_index #main #why .content{-webkit-grid-template-columns: repeat(1, 1fr);-ms-grid-columns: repeat(1, 1fr);grid-template-columns: repeat(1, 1fr);}
    #short_links_index #main #why .content .item .item_desc{font-size: 2.662vw;}
}