<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.hm-right { float: left; width: 1255px; overflow: hidden;}
.slider-note { padding: 0 16px; margin: 8px 0 0 15px; height: 34px; line-height: 34px; font-size: 13px; color: #ff6e26; background: #fff5e6; border-radius: 5px;}
.slider-note i { display: inline-block; width: 30px; height: 34px; background: url(../images/home-ico-new.png) no-repeat 0 8px; vertical-align: middle;}
.slider { float: left; width: 875px; margin: 8px 15px 0; position: relative; border-radius: 5px; overflow: hidden;}
.slider .sliderbox { position: relative; height: 405px; overflow: hidden;}
.slider .sliderbox li { width: 875px; left: 50%; margin-left: -438px;}
.slider .slidernav { position: absolute; left: 50%; margin-left: -60px; bottom: 15px; width: 120px;}
.slider .slidernav li { float: left; height: 10px; width: 20px;}
.slider .slidernav li span, .min-slider .slidernav li span, .mid-slider .slidernav li span { display: block; width: 10px; height: 10px; border-radius: 10px; background: #eee; cursor: pointer;}
.slider .slidernav li.current span, .min-slider .slidernav li.current span, .mid-slider .slidernav li.current span { background: #f60;}
.hm-ad { float: left; margin-top: 8px; width: 350px; height: 405px; overflow: hidden;}
.ad-info { padding: 25px 0 0 25px; height: 172px; background: #fffdfd url(https://www.hicity.it/images/2023/info_bg.png) no-repeat; border: 1px solid #f5f5f5; border-radius: 5px; overflow: hidden;}
.ad-info .ad-acc { padding-left: 80px; height: 64px; position: relative; overflow: hidden;}
.ad-info .ad-acc dt { position: absolute; width: 64px; height: 64px; left: 0; top: 0; background: url(https://www.hicity.it/images/2023/acc.png) no-repeat;}
.ad-info .ad-acc .ad-acc-nav { font-size: 14px; font-weight: 700; color: #555; height: 20px; line-height: 20px; padding-bottom: 8px;}
.ad-info .ad-acc a { display: inline-block; height: 30px; line-height: 30px; border-radius: 16px; padding: 0 15px;}
.ad-info .ad-acc .ad-reg { color: #fff; background: #ff6e26; margin-right: 10px; border: 1px solid #ff6e26;}
.ad-info .ad-acc .ad-reg:hover { background: #f25f1f;}
.ad-info .ad-acc .ad-log { background: #fff; border: 1px solid #e6e7eb;}
.ad-info .ad-acc .ad-log:hover { background: #f5f6f8;}
.ad-info .ad-opt { padding-top: 20px; overflow: hidden;}
.ad-info .ad-opt dt { float: left; width: 100%; font-size: 14px; color: #555; font-weight: 700; height: 20px; line-height: 20px; padding-bottom: 5px;}
.ad-info .ad-opt dd { float: left; width: 50%; height: 24px; line-height: 24px; vertical-align: middle; color: #555;}
.ad-info .ad-opt dd i { width: 20px; height: 20px; display: inline-block; background: url(../images/home-ico-new.png) no-repeat; vertical-align: middle;}
.ad-info .ad-opt .ad-ico1 { background-position: 0 -74px;}
.ad-info .ad-opt .ad-ico2 { background-position: 0 -36px;}
.ad-info .ad-opt .ad-ico3 { background-position: 0 -113px;}
.ad-info .ad-opt .ad-ico4 { background-position: 0 -153px;}
.ad-list { margin-top: 14px; padding: 0 0 0 25px; height: 192px; background: #ffd256 url(https://www.hicity.it/images/2023/ad_bg.jpg) no-repeat; border-radius: 5px; overflow: hidden;}
.ad-list dt { float: left; width: 100%; font-weight: 700; padding-top: 15px;}
.ad-list dt strong { display: block; font-size: 18px; line-height: 22px; height: 22px;}
.ad-list dt span { display: block; font-size: 14px; margin: 5px 0 15px;}
.ad-list dd { float: left; width: 90px; margin: 10px 14px 0 0; border-radius: 5px; position: relative; overflow: hidden;}
.ad-list .hm-pri { position: absolute; width: 54px; background: -webkit-gradient(linear,left top,left bottom,from(#ff110d),to(#ff6733)); background: -webkit-linear-gradient(top,#ff110d,#ff6733); background: linear-gradient(180deg,#ff110d,#ff6733); background-color: #ff4122; color: #fff; left: 18px; bottom: 6px; text-align: center; font-weight: 700; height: 20px; line-height: 20px; border-radius: 10px;}
.hm-nav { padding: 30px 0 8px; height: 40px; line-height: 40px; font-size: 20px; overflow: hidden;}
.hm-nav-list { overflow: hidden; display: flex; flex-wrap: nowrap; justify-content: space-around;}
.hm-nav-list li { width: 160px; position: relative;}
.hm-nav-list li a { display: block; width: 100%; border-radius: 4px; overflow: hidden; position: relative;}
.hm-nav-list .nav-ship { display: block; color: #666; line-height: 20px; height: 20px; padding-top: 5px;}
.hm-nav-list .hm-pri { display: block; color: #333; font-size: 16px; font-weight: 600; padding: 5px 0 20px;}
.hm-nav-list li img { width: 100%;}
.hm-nav-list .hm-off { position: absolute; left: 0; top: 0; display: block; margin-bottom: 15px; padding: 4px 10px; background: -webkit-gradient(linear,left top,left bottom,from(#ff6c26),to(#ff4732)); background: -webkit-linear-gradient(top,#ff6c26,#ff4732); background: linear-gradient(180deg,#ff6c26,#ff4732); background-color: #ff6c26; color: #fff; border-radius: 3px 0 20px 0;}
.hwrap { width: 100%; margin-bottom: 20px;}
.hm-menu { float: left; width: 200px; height: 598px; background-color: #f6f6f6;}
.hm-menu li { padding: 0 25px; height: 14px; margin-top: 27px; overflow: hidden; line-height: 14px; text-overflow: ellipsis; white-space: nowrap;}
.hm-menu li a { color: #878787;}
.hm-menu li a:hover { text-decoration: underline; color: #ec7612;}
.min-slider, .mid-slider { float: left; width: 460px; height: 598px; position: relative; overflow: hidden; z-index: 1;  -webkit-transition: all .2s ease 0s; transition: all .2s ease 0s; background-color: #eee;}
.min-slider:hover, .mid-slider:hover { box-shadow: 2px 3px 8px rgba(0,0,0,.4);}
.min-slider .sliderbox, .mid-slider .sliderbox { height: 598px; position: absolute; top: 0; left: 0;}
.min-slider .sliderbox li, .mid-slider .sliderbox li { float: left; width: 460px; height: 598px; overflow: hidden; position: relative;}
.min-slider .sliderbox li a, .mid-slider .sliderbox li a { position: absolute; width: 460px; left: 50%; margin-left: -230px; top: 0; display: block; width: 100%; height: 100%; text-align: center;}
.min-slider .slidernav, .mid-slider .slidernav { position: absolute; left: 50%; bottom: 25px;}
.min-slider .slidernav li, .mid-slider .slidernav li { display: inline-block; *display: inline; *zoom:1; vertical-align: top; margin-right: 10px; letter-spacing: normal; word-spacing: normal; z-index: 20;}
.slider-text { position: absolute; width: 380px; color: #fff; font-size: 16px; text-align: center; left: 40px; bottom: 65px; overflow: hidden;}
.slider-dg { color: #333;}
.slider-text em { display: block; height: 35px; line-height: 35px; word-break: break-all; font-size: 24px; margin: 0 auto 8px; font-weight: 700;}
.hm-inner { float: left; background-color: #eee; padding: 1px 0 1px 1px; width: 839px; height: 596px;}
.hm-inm { float: left; width: 66.668%; height: 596px;}
.hm-int { height: 298px; margin: 0 1px 1px 0; position: relative; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.hm-int a { display: block; width: 100%; height: 100%;}
.int-ico1 { background: #fafafa url(https://www.hicity.it/images/2023/b1_samsung-galaxy-s23-ultra-5g.jpg) right 8% center no-repeat;}
.int-ico2 { background: #fafafa url(https://www.hicity.it/images/2023/b2_oppo-reno8-pro-5g.jpg) right 8% center no-repeat;}
.int-ico3 { background: #fafafa url(https://www.hicity.it/images/2023/b3_samsung-galaxy-a53-5g.jpg) right 8% center no-repeat;}
.int-ico4 { background: #fafafa url(https://www.hicity.it/images/2023/b4_xiaomi-mi-13-pro-5g.jpg) right 8% center no-repeat;}
.hm-int:hover, .hm-intr:hover { -webkit-transform: translate3d(0,-1px,0); transform: translate3d(0,-1px,0); box-shadow: 2px 5px 10px rgba(0,0,0,.2); z-index: 5;}
.int-text { position: absolute; display: block; width: 260px; height: 100px; top: 50px; left: 7%; font-size: 14px; color: #666;}
.int-text em { display: block; font-size: 18px; line-height: 24px; padding-bottom: 5px; color: #333;}
.int-text i { display: block; padding-top: 50px; color: #999; position: relative; font-size: 12px;}
.int-text i:after { content: ''; display: block; width: 5px; height: 7px; background: url(https://www.hicity.it/images/home-ico.png) -51px -142px no-repeat; position: absolute; left: 95px; top: 54px;}
.hm-inr { float: left; width: 33.332%; height: 596px; background-color: #fff; padding: 2px 10px; box-sizing: border-box; position: relative;}
.hm-inr li { float: left; width: 88%; margin: 0 6%; border-top: 1px dashed #ddd; padding: 9px 0; overflow: hidden;}
.hm-inr li:first-child { border: none;}
.hm-inr li a { display: block; height: 80px; padding-left: 80px; position: relative;}
.inr-img { position: absolute; left: 0; top: 5px; width: 70px; height: 70px;}
.inr-tit { display: block; height: 20px; line-height: 20px; padding-top: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px;}
.inr-pri { display: block; line-height: 20px; color: #d60000; font-size: 13px;}
.inb-con { height: 297px;}
.hm-inb { float: left; background-color: #fff; height: 297px; width: 50%; position: relative;}
.hm-inb:after, .hm-intr:after { content: ''; display: block; position: absolute; height: 100%; width: 1px; background-color: #eee; top: 0; right: 0;}
.int-text .int-pls:after { left: 65px;}
.int-text .int-plm:after { left: 85px;}
.hm-inb:hover { box-shadow: 1px 2px 8px rgba(0,0,0,.2); position: relative; z-index: 5;}
.hm-inb span { display: block;}
.inb-nav { font-size: 14px; font-weight: 700; height: 40px; padding: 30px 0 20px; text-align: center; color: #666;}
.inb-nav i { display: block; font-size: 12px; font-weight: normal; line-height: 20px;}
.inb-img { padding: 5px 0 10px 0; text-align: center; overflow: hidden;}
.inb-tit { padding: 0 19%; height: 40px; line-height: 20px; overflow: hidden;}
.inb-pri { padding: 5px 19% 0 19%;}
.inb-pri em { font-size: 14px; color: #d60000; margin-right: 5px;}
.inb-pri del { color: #aaa;}
.hm-ban { width: 100%; height: 299px; position: relative;}
.hm-intl { height: 299px; width: 66.668%; position: absolute; left: 0; top: 0; z-index: 10;}
.hm-intl .hm-int { margin: 0 0 1px 0; border-right: 1px solid #eee;}
.hm-intr { float: right; width: 33.332%; height: 298px; margin-bottom: 1px; background-color: #fff; position: relative; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; overflow: hidden;}
.intr-nav { font-size: 14px; padding: 20px 0 15px; text-align: center; line-height: 20px; color: #666;}
.hm-inb .intr-nav { padding: 15px 0 10px;}
.intr-nav span { display: block; color: #666; font-size: 12px;}
.intr-img { padding: 0 0 10px 0; text-align: center;}
.intr-pri { color: #d60000; font-size: 16px; text-align: center;}
.intr-pri del { font-size: 12px; color: #aaa; padding-left: 5px;}
.inb-tit:hover, .inr-tit:hover, .hbt-list a:hover { color: #f60; text-decoration: underline;}
.inb-slider { width: 100%; height: 297px; position: relative; z-index: 1;}
.inb-slider .sliderbox { width: 100%; height: 297px;}
.inb-slider .sliderbox li { width: 100%; height: 297px; left: 0; top: 0; z-index: 5;}
.inb-slider .hm-inb { width: 33.3334%;}
.inb-slider .inb-img { padding: 15px 0 15px 0;}
.inb-slider .slidernav { display: none;}
.inb-slider .prev, .inb-slider .next { position: absolute; top: 78px; cursor: pointer; width: 20px; height: 46px; left: 10px; background: rgba(100,100,100,.15) url(https://www.hicity.it/images/home-ico.png) 6px -400px no-repeat; z-index: 10; -webkit-transition: 900ms cubic-bezier(0.23, 1, 0.32, 1); transition: 900ms cubic-bezier(0.23, 1, 0.32, 1); border-radius: 3px 0 0 3px;}
.inb-bot .prev, .inb-bot .next { top: 165px;}
.inb-slider .next { right: 10px; left: auto; background-position: 7px -431px; border-radius: 0 3px 3px 0;}
.inb-slider .prev:hover { -webkit-transform: translate3d(-3px,0,0); transform: translate3d(-3px,0,0);}
.inb-slider .next:hover { -webkit-transform: translate3d(3px,0,0); transform: translate3d(3px,0,0);}
.hm-last { border: 1px solid #eee; border-bottom:  none; height: 422px; margin-bottom: 120px;}
.last-nav { float: left; width: 328px; padding: 0 15px; height: 421px; background-color: #f6f6f6; border-bottom: 1px solid #eee;}
.last-nav span { display: block; font-size: 16px; color: #555; font-weight: 700; padding: 20px 0;}
.hm-last ul { float: left; width:  1140px;}
.hm-last li { float: left; padding:  0 25px; width:  329px; height:  210px; border-left:  1px solid #eee; border-bottom:  1px solid #eee;}
.hm-last li span { display: block; font-size: 14px; color: #555; font-weight: 700; padding: 13px 0;}
.hm-last a { display: block;}
.hm-last li img { width: 100%;}
.hm-last em { display: inline-block; line-height: 30px; height: 30px; margin-top: 5px;}
.hm-last a:hover { color: #c04e1e;}
.hm-nav-list li:hover, .hm-last li:hover, .last-nav:hover { opacity: 0.9;}
.min-slider .prev, .min-slider .next, .mid-slider .prev, .mid-slider .next { position: absolute; top: 50%; margin-top: -30px; cursor: pointer; width: 22px; height: 50px; left: 0; background: url(../images/home-ico.png) 0 -970px no-repeat; z-index: 10; display: none;}
.min-slider .next, .mid-slider .next { right: 0; left: auto; background-position: -34px -970px;}
.min-slider .prev:hover, .mid-slider .prev:hover  { background-position: 0 -900px;}
.min-slider .next:hover, .mid-slider .next:hover { background-position: -34px -900px;}
@media (max-width: 1800px) and (min-width: 1440px){
.md-con { width: 1320px;}
.slider { width: 705px; margin: 8px 10px 0;}
.hm-right { width: 1075px;}
.slider-note  { margin: 8px 0 0 10px;}
.hm-nav-list li { width: 155px;}
.last-nav { padding: 0 10px;}
.hm-last ul { width:  970px;}
.hm-last li { padding: 0 10px; width: 302px;}
.hm-rmd, .hm-rmd-wrap { width: 1010px;}
.hm-list, .hm-rmd-nav { width: 990px;}
.hm-inner { width: 719px;}
.inb-tit { padding: 0 12%;}
.inb-pri { padding: 5px 12% 0 12%;}
.toolhome { right: 5px;}
.min-slider, .mid-slider, .min-slider .sliderbox li, .mid-slider .sliderbox li { width: 400px;}
}
@media (max-width: 1439px) {
.slider { width: 585px; margin: 8px 10px 0;}
.hm-right { width: 955px;}
.slider-note  { margin: 8px 0 0 10px;}
.hm-nav-list li { width: 140px;}
.last-nav { padding: 0;}
.hm-last ul { width:  870px;}
.hm-last li { padding: 0 5px; width: 279px;}
.hm-rmd, .hm-rmd-wrap { width: 890px;}
.hm-list, .hm-rmd-nav { width: 870px;}
.hm-inner { width: 599px;}
.hm-inm, .hm-intl { width: 598px;}
.hm-inr, .hm-intr { display: none;}
.min-slider, .mid-slider, .min-slider .sliderbox li, .mid-slider .sliderbox li { width: 400px;}
.inb-tit { padding: 0 5%;}
.inb-pri { padding: 5px 5% 0 5%;}
.toolhome { right: 0;}
}
</pre></body></html>