@charset "utf-8";
*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
* { margin: 0; padding: 0; outline: none; }
ol,
ul { list-style: none; }
ins,
a { text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; vertical-align: middle; }
html { font-size: 62.5%; }
body { position: relative; background-color: var(--color-main-bg); color: var(--color-main-txt); font-size: 1.4rem; font-family: PingFang SC, DFPKingGothicGB-Medium, Lato, Tahoma, Microsoft Yahei, sans-serif; }
body:after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-image: url(../imgs/main_bg.js); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; }
body:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 30%; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="var(--color-primary)", endColorstr="transparent"); background: -webkit-linear-gradient(to bottom, var(--color-primary), transparent); background: -moz-linear-gradient(to bottom, var(--color-primary), transparent); background: -o-linear-gradient(to bottom, var(--color-primary), transparent); background: linear-gradient(to bottom, var(--color-primary), transparent); }

a { text-decoration: none; color: var(--color-main-txt); }
a,
span { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }
select { -webkit-appearance: none; appearance: none; border: none; background: transparent; text-align: center; }
input,
select,
textarea { outline: none; background-color: transparent; color: var(--color-white); -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 1.4rem; font-family: PingFang SC, DFPKingGothicGB-Medium, Lato, Tahoma, Microsoft Yahei, sans-serif; }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px var(--color-white) inset; }
.btn { display: inline-block; padding: 0 1rem; border: 0.1rem solid transparent; cursor: pointer; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; text-align: center; }
.btn.btn1 { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#f96518", endColorstr="#ff2a14"); background: -webkit-linear-gradient(45deg, #f96518, #ff2a14); background: -moz-linear-gradient(45deg, #f96518, #ff2a14); background: -o-linear-gradient(45deg, #f96518, #ff2a14); background: linear-gradient(45deg, #f96518, #ff2a14); color: #fff; }
.btn.btn1:hover,
.btn.btn1:active { opacity: 0.8; filter: alpha(opacity=80); }
:root { --color-main-bg: #f5f6f7; --color-main-txt: #676767; --color-white: #fff; --color-black: #000; --color-dark: #333; --color-border: #e2e2e2; --color-666: #666; --color-light: #969699; --color-primary: #f96518; --color-primary-rgba: 249,101,24; }
html,
body,
#app,
.page { width: 100%; height: 100%; }
.page { max-width: 65rem; margin: 0 auto; }
.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 11; }
.header .hd-top { height: 4.6rem; width: 100%; max-width: 65rem; margin: 0 auto; background-color: var(--color-white); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 1rem; border-bottom: 0.1rem solid var(--color-main-bg); }
.header .hd-top .t-l img { height: 4.6rem; }
.header .hd-top .t-r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.header .hd-top .t-r span { margin-left: 0.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #f5f6f7; padding: 0.4rem 0.7rem; border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; cursor: pointer; }
.header .hd-top .t-r span:hover,
.header .hd-top .t-r span:active { background-color: rgba(var(--color-primary-rgba), 0.2); }
.header .hd-top .t-r span img { height: 2.2rem; }
.header .hd-top .t-r span b { font-weight: 500; font-size: 1rem; color: #83848c; margin-left: 0.5rem; }
.header .hd-menu { position: relative; max-width: 65rem; margin: 0 auto; height: 4rem; line-height: 4rem; background-color: var(--color-white); padding: 0 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.header .hd-menu::-webkit-scrollbar { background-color: transparent; display: none; }
.header .hd-menu a { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; white-space: nowrap; color: var(--color-black); font-weight: 600; font-size: 1.6rem; -webkit-transition: font-size 0.2s linear; -moz-transition: font-size 0.2s linear; -o-transition: font-size 0.2s linear; -ms-transition: font-size 0.2s linear; transition: font-size 0.2s linear; }
.header .hd-menu a.active { position: relative; color: var(--color-primary); }
.header .hd-menu a.active i { font-size: 1.6rem; background-image: -webkit-linear-gradient(-45deg, #f4a942, #ff2a14); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.header .hd-menu a.active:before { content: ""; position: absolute; left: 32%; width: 35%; height: 0.2rem; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; bottom: 0.4rem; background: var(--color-primary); }
.header .hd-menu a:hover { color: var(--color-primary); }
.header .hd-menu a i.mv-redian3 { font-size: 1.4rem; }
.main { position: relative; padding: 9.6rem 1rem 5.6rem 1rem; width: 100%; min-height: 100%; box-shadow: 0 0 2rem #c1c2c3; background-color: var(--color-main-bg); }
.footer { position: fixed; bottom: 0; left: 0; height: 5.6rem; width: 100%; z-index: 11; }
.footer .ft-d { position: relative; max-width: 65rem; margin: 0 auto; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="var(--color-main-bg)", endColorstr="var(--color-white)"); background: -webkit-linear-gradient(to top, var(--color-main-bg), var(--color-white)); background: -moz-linear-gradient(to top, var(--color-main-bg), var(--color-white)); background: -o-linear-gradient(to top, var(--color-main-bg), var(--color-white)); background: linear-gradient(to top, var(--color-main-bg), var(--color-white)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 1rem; }
.footer .ft-d .d-l { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.footer .ft-d .d-l img { width: 4rem; margin-right: 1rem; }
.footer .ft-d .d-l span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.footer .ft-d .d-l span b { font-size: 1.5rem; font-weight: 800; color: var(--color-black); }
.footer .ft-d .d-l span small { font-size: 1.2rem; margin-top: 0.3rem; }
.footer .ft-d .d-r a { display: inline-block; background-color: var(--color-primary); color: var(--color-white); padding: 0 1rem; height: 3.6rem; line-height: 3.6rem; border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; font-size: 1.3rem; cursor: pointer; }
.footer .ft-d .d-r a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.footer .ft-d .d-r a i { display: inline-block; vertical-align: middle; position: relative; bottom: 0.1rem; margin-right: 0.5rem; width: 1.8rem; height: 1.8rem; background-image: url(../imgs/down.svg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.rows { background-repeat: no-repeat; background-position: top center; background-size: contain; padding-top: 9rem; margin-bottom: 1rem; }
.rows.txt-row,
.rows.icon-row,
.rows.live-row { padding-top: 0; }
.rows .s-bd { position: relative; margin-top: -3rem; background-color: #fff; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; z-index: 1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-gap: 1rem; padding: 1rem; }
.rows .s-bd a { text-align: center; cursor: pointer; }
.rows .s-bd a img { width: 100%; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; max-width: 8rem; max-height: 8rem; }
.rows .s-bd a h5 { color: #000; font-size: 1.2rem; padding: 0.5rem 0; }
.rows .s-bd a span { display: inline-block; height: 2.4rem; line-height: 2.4rem; width: 100%; text-align: center; border-radius: 3rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; background-color: rgba(249, 101, 24, 0.1); color: var(--color-primary); max-width: 8rem; max-height: 8rem; }
.rows .s-to { position: relative; margin-top: -3rem; background-color: #fff; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; padding: 1rem; }
.rows .s-to a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; }
.rows .s-to a img { width: 4.6rem; height: 4.6rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; margin-right: 1rem; }
.rows .s-to a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rows .s-to a span b { font-size: 1.4rem; color: #000; display: block; margin-bottom: 0.5rem; }
.rows .s-to a span b i { display: inline-block; height: 1.1rem; width: 2.4rem; margin-left: 0.5rem; background: url(../imgs/hot1.svg) no-repeat center; background-size: cover; }
.rows .s-to a span small { color: #666; font-size: 1.2rem; }
.rows .s-tx { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.5rem 0; }
.rows .s-tx a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.5rem; text-align: center; background-color: rgba(249, 101, 24, 0.1); color: #FF4366; height: 3.6rem; line-height: 3.6rem; border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; font-weight: 600; }
.rows .s-tx a:hover,
.rows .s-tx a:active { opacity: 0.7; filter: alpha(opacity=70); }
.rows .s-tx a:last-child { margin-right: 0; }
.rows .s-tx a i { display: inline-block; height: 1.2rem; width: 1.2rem; margin-right: 0.2rem; vertical-align: middle; background: url(../imgs/text-h-icon.svg) no-repeat center; background-size: cover; }
.rows .s-ic { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; }
.rows .s-ic a { position: relative; display: inline-block; height: 6.4rem; line-height: 6.4rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; background-color: #fff; overflow: hidden; }
.rows .s-ic a:before { content: ""; position: absolute; top: 2.3rem; right: 0; width: 2.5rem; height: 1.8rem; background: url(../imgs/right-icon.svg) no-repeat center; background-size: cover; }
.rows .s-ic a img { border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; width: 6.4rem; margin-right: 0.5rem; }
.rows .s-ic a b { font-size: 1.6rem; color: #000; }
.rows .s-yp { position: relative; margin-top: -3rem; background-color: #fff; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; padding: 1rem; }
.rows .s-yp a { box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.15); border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; background-color: #fff; }
.rows .s-yp a img { width: 100%; height: 16.4rem; object-fit: cover; border-radius: 1rem 1rem 0 0; -webkit-border-radius: 1rem 1rem 0 0; -moz-border-radius: 1rem 1rem 0 0; }
.rows .s-yp a .a-a { position: relative; margin-top: -1.2rem; padding: 0 0.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.rows .s-yp a .a-a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; height: 2rem; line-height: 2rem; color: #fff; font-size: 1rem; text-align: center; background-repeat: no-repeat; background-size: contain; background-position: center; }
.rows .s-yp a .a-a span i { display: inline-block; background-repeat: no-repeat; background-size: cover; background-position: center; vertical-align: middle; position: relative; bottom: 0.1rem; margin-right: 0.2rem; }
.rows .s-yp a .a-a span:first-child { background-image: url(../imgs/g-left.svg); }
.rows .s-yp a .a-a span:first-child i { width: 1.3rem; height: 1.1rem; background-image: url(../imgs/iocn-like.svg); }
.rows .s-yp a .a-a span:last-child { background-image: url(../imgs/g-right.svg); }
.rows .s-yp a .a-a span:last-child i { width: 1.2rem; height: 1.2rem; background-image: url(../imgs/icon-add.svg); }
.rows .s-yp a .a-x { padding: 1rem; }
.rows .s-yp a .a-x .a-b b { font-size: 1.5rem; color: #000; margin-right: 0.3rem; }
.rows .s-yp a .a-x .a-b b span { font-size: 1.2rem; color: #666; }
.rows .s-yp a .a-x .a-c { font-size: 1.1rem; color: #8996C7; padding: 0.3rem 0 0.5rem 0; }
.rows .s-yp a .a-x .a-c span { color: #666; }
.rows .s-yp a .a-x .a-d { height: 3.6rem; line-height: 3.6rem; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#DFB454 0%", endColorstr="#FC8D0A 100%"); background: -webkit-linear-gradient(270deg, #DFB454 0%, #FC8D0A 100%); background: -moz-linear-gradient(270deg, #DFB454 0%, #FC8D0A 100%); background: -o-linear-gradient(270deg, #DFB454 0%, #FC8D0A 100%); background: linear-gradient(270deg, #DFB454 0%, #FC8D0A 100%); color: #fff; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; text-align: center; cursor: pointer; }
.rows .s-yp a .a-x .a-d i { display: inline-block; width: 1.6rem; height: 1.6rem; background: url(../imgs/btn-icon.svg) no-repeat center; background-size: cover; vertical-align: middle; position: relative; bottom: 0.05rem; margin-right: 0.3rem; }
.rows .s-yp a .a-y { padding: 1rem; }
.rows .s-yp a .a-y .y-a { font-size: 1.6rem; font-weight: 600; color: #000; }
.rows .s-yp a .a-y .y-b,
.rows .s-yp a .a-y .y-c { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.rows .s-yp a .a-y .y-b { padding: 0.5rem 0; }
.rows .s-yp a .a-y .y-b span { color: #f00; font-weight: 600; }
.rows .s-yp a .a-y .y-b i { background: url(../imgs/star-icon.svg) no-repeat center; background-size: cover; height: 1.1rem; width: 6.3rem; }
.rows .s-yp a .a-y .y-c { color: #666; font-size: 1.2rem; }
.rows .s-yp a .a-i { padding: 1rem 1rem 0 1rem; }
.rows .s-yp a .a-i img { border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; }
.rows .s-yp a .a-e { margin-bottom: 1rem; margin-top: 0.5rem; }
.rows .s-yp a .a-e span { background-color: #00FF001A; color: #428942; font-size: 1.2rem; margin-right: 0.5rem; padding: 0.2rem 0.5rem; border-radius: 10rem; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; }
.rows .s-yp a .a-e span:last-child { margin-right: 0; }
.rows .s-zb { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0.5rem; padding: 0.5rem 0; }
.rows .s-zb a { height: 8rem; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; padding-top: 1rem; padding-left: 1rem; cursor: pointer; }
.rows .s-zb a b { font-size: 1.4rem; color: #fff; display: block; }
.rows .s-zb a b i { display: inline-block; margin-left: 0.2rem; vertical-align: middle; background: url(../imgs/live-icon2.svg) no-repeat center; background-size: cover; position: relative; bottom: 0.2rem; width: 2.2rem; height: 1.1rem; }
.rows .s-zb a img { height: 1.6rem; margin-top: 0.5rem; margin-bottom: 0.5rem; }
.rows .s-zb a p { font-size: 1.1rem; color: #fff; }
.rows .s-zb a p span { color: #2AFF00; }
.rows .s-tc { position: relative; margin-top: -3rem; background-color: #fff; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; padding: 1rem; }
.rows .s-tc a { box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.15); border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; }
.rows .s-tc a .a-i { position: relative; height: 24rem; border-radius: 1rem 1rem 0 0; -webkit-border-radius: 1rem 1rem 0 0; -moz-border-radius: 1rem 1rem 0 0; overflow: hidden; }
.rows .s-tc a .a-i img { width: 100%; height: 100%; object-fit: cover; }
.rows .s-tc a .a-i .a-b { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5rem 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.rows .s-tc a .a-i .a-b span { border-radius: 2.1rem; -webkit-border-radius: 2.1rem; -moz-border-radius: 2.1rem; padding: 0.3rem 1rem 0.3rem 0.3rem; background-color: rgba(0, 0, 0, 0.4); color: #fff; font-size: 1.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.rows .s-tc a .a-i .a-b span i { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; }
.rows .s-tc a .a-i .a-b span .s-i1 { background-image: url(../imgs/play-icon.svg); width: 2rem; height: 2rem; }
.rows .s-tc a .a-i .a-b span .s-i2 { background-image: url(../imgs/xian-icon.svg); width: 2rem; height: 1rem; margin-right: 0.5rem; }
.rows .s-tc a .a-i .a-b span .s-i3 { background-image: url(../imgs/zan1-icon.svg); width: 2rem; height: 2rem; margin-right: 0.5rem; }
.rows .s-tc a .a-x { padding: 1rem; }
.rows .s-tc a .a-x .x-b { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.rows .s-tc a .a-x .x-b b { font-size: 1.5rem; color: #000; }
.rows .s-tc a .a-x .x-b span { font-size: 1rem; color: #666; }
.rows .s-tc a .a-x .x-b span i { display: inline-block; width: 1rem; height: 1rem; background: url(../imgs/address-icon1.svg) no-repeat center; background-size: contain; margin-right: 0.2rem; vertical-align: middle; position: relative; bottom: 0.2rem; }
.rows .s-tc a .a-x .x-c { padding: 0.5rem 0; }
.rows .s-tc a .a-x .x-c span { background-color: #00FF001A; color: #428942; font-size: 1.2rem; margin-right: 0.5rem; padding: 0.2rem 0.5rem; border-radius: 10rem; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; }
.rows .s-tc a .a-x .x-c span:last-child { margin-right: 0; }
.rows .s-tc a .a-x .x-d { font-size: 1.2rem; }
.rows.qq-row { padding-top: 0; }
.rows.qq-row .s-yp { margin-top: 0; background-color: transparent; padding: 0; }
.rows.qq-row .s-yp a { background-color: #fff; }
.au-tabs { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; }
.au-tabs span { display: inline-block; height: 8rem; background-repeat: no-repeat; background-position: top center; background-size: contain; }
.au-tabs span:first-child { background-image: url(../imgs/bg/kj-g.js); }
.au-tabs span:last-child { background-image: url(../imgs/bg/tc-g.js); }
.au-tabs span.active:first-child { background-image: url(../imgs/bg/kj-g-active.js); }
.au-tabs span.active:last-child { background-image: url(../imgs/bg/tc-g-active.js); }
.au-conts .rows { padding-top: 0; }
.au-conts .rows .s-yp,
.au-conts .rows .s-tc { margin-top: 0; padding: 0; background-color: transparent; padding-bottom: 10rem; }
.au-conts .rows .s-yp a img { height: 20rem; }
.au-conts .rows .s-yp a .a-x .a-d { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#2D7AFF 0%", endColorstr="#932DFF 100%"); background: -webkit-linear-gradient(270deg, #2D7AFF 0%, #932DFF 100%); background: -moz-linear-gradient(270deg, #2D7AFF 0%, #932DFF 100%); background: -o-linear-gradient(270deg, #2D7AFF 0%, #932DFF 100%); background: linear-gradient(270deg, #2D7AFF 0%, #932DFF 100%); }
.by-list li { margin-bottom: 1.2rem; padding: 1rem; background-color: #fff; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; }
.by-list li .i-a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 1rem; }
.by-list li .i-a .ia-a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.by-list li .i-a .ia-a img { width: 7.6rem; height: 7.6rem; border-radius: 7.6rem; -webkit-border-radius: 7.6rem; -moz-border-radius: 7.6rem; }
.by-list li .i-a .ia-a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 1rem; }
.by-list li .i-a .ia-a span b { font-size: 1.8rem; color: #000; display: block; }
.by-list li .i-a .ia-a span small { display: inline-block; position: relative; border: 0.1rem solid #39B09933; border-radius: 10rem; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; padding: 0.2rem 0.5rem 0.2rem 2rem; font-size: 1.2rem; margin-top: 0.5rem; }
.by-list li .i-a .ia-a span small:before { content: ""; position: absolute; left: 0.5rem; top: 0.5rem; display: inline-block; width: 1rem; height: 1rem; background: url(../imgs/address-icon.svg) no-repeat center; background-size: contain; }
.by-list li .i-a .ia-b span { background-color: var(--color-primary); color: #fff; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; padding: 0.6rem 1rem; cursor: pointer; font-size: 1.3rem; }
.by-list li .i-b { background-color: var(--color-main-bg); display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 0.5rem; border-radius: 1rem 1rem 0 0; -webkit-border-radius: 1rem 1rem 0 0; -moz-border-radius: 1rem 1rem 0 0; }
.by-list li .i-b span { color: #7E86A4; padding: 0.5rem; font-size: 1.2rem; }
.by-list li .i-b span small { color: #000; margin-left: 0.4rem; }
.by-list li .i-c { border-radius: 0 0 1rem 1rem; -webkit-border-radius: 0 0 1rem 1rem; -moz-border-radius: 0 0 1rem 1rem; overflow: hidden; }
.by-list li .i-c p { border-top: 0.1rem solid #fff; background-color: var(--color-main-bg); padding: 0.8rem 1rem; font-size: 1.2rem; color: #7E86A4; }
.by-list li .i-c p span { color: #000; margin-left: 0.4rem; }
.by-list li .i-d { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1rem; margin-top: 1rem; }
.by-list li .i-d img { width: 100%; max-height: 15rem; object-fit: cover; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; }

@media screen and (min-width: 48rem) {
    .rows { padding-top: 11rem; }
    .rows .s-yp,
    .rows .s-tc { grid-template-columns: 1fr 1fr 1fr; }
    .rows .s-yp a img,
    .rows .s-tc a img { height: 20rem; }
    .au-tabs span:not(.active):last-child,
    .au-tabs span:not(.active):first-child { background-size: auto 90%; }
    .by-list li .i-d img { max-height: 20rem; }
}