/* ::::: http://www.ubeauty.cn/skins/201208/css/main_zt.css ::::: */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0px; padding: 0px; list-style-type: none; }
/*body, button, input, select, textarea { font: 12px/1.5 "msyhl422459","微软雅黑",Srial,Verdana,Geneva,sans-serif,tahoma,helvetica,sans-serif; }*/
em { font-style: normal; }
a { text-decoration: none; color: rgb(0, 0, 0); }
a:hover { text-decoration: none; }
img { border: 0px none; }
body, .ui-overlay-h { margin: 0px auto; position: relative; background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); }
body, html { margin: 0px auto; }
* { margin: 0px; padding: 0px; text-shadow: none; }
.hide { display: none; }
.contaier, .hm-box { width: 100%; margin: 0px auto; clear: both; }
.hm-warp { width: 1200px; margin: 0px auto; clear: both; }
.header { box-sizing: border-box; }
.header input { vertical-align: middle; box-sizing: border-box; }
.header .head-top { height: 38px; border-bottom: 1px solid rgb(234, 234, 234); background-color: rgb(245, 245, 245); font-size: 14px; line-height: 38px; color: rgb(61, 64, 76); }
.header .head-top .left { float: left; }
.header .head-top .right { float: right; }
.header .head-top a { width: 23px; height: 23px; display: inline-block; border-radius: 50%; margin-right: 4px; overflow: hidden; vertical-align: middle; background-image: url('icon.png'); }
.header .head-top a.WB-icon { background-position: 0px 0px; }
.header .head-top a.QQ-icon { background-position: -27px 0px; }
.header .head-top a.mWeb-icon { background-position: -54px 0px; }
.header .head-top .Tel { float: right; font-size: 24px; display: block; margin-left: 10px; }
.header .head-top .tel-icon { width: 22px; height: 22px; float: left; display: block; margin: 10px 3px 0px 0px; background-image: url('icon.png'); background-position: -80px -1px; }
.header .head-main { height: 132px; position: relative; }
.header .head-main .logo { width: 320px; height: 85px; display: block; float: left; margin: 20px 0px 0px 15px; background: transparent url('icon.png') repeat scroll 0px -102px; }
.header .head-main .search { width: 460px; position: absolute; top: 36px; left: 50%; margin-left: -200px; z-index: 2; }
.header .head-main .search .input { width: 460px; height: 36px; margin: 0px auto; border-radius: 18px; border: 1px solid rgb(224, 78, 142); position: relative; }
.header .head-main .search .input::before { content: ""; width: 18px; height: 18px; display: block; background: transparent url('icon.png') repeat scroll -61px -35px; position: absolute; left: 15px; top: 50%; margin-top: -9px; }
.header .head-main .search .search_Frame { width: 375px; height: 34px; float: left; border: 0px none; background: transparent none repeat scroll 0% 0%; font-size: 14px; line-height: 34px; color: rgb(51, 51, 51); padding-left: 50px; outline: medium none; }
.header .head-main .search .search_btn { width: 67px; height: 34px; line-height: 34px; display: block; float: right; font-size: 16px; text-align: center; color: rgb(224, 78, 142); position: relative; }
.header .head-main .search .search_btn::before { content: ""; width: 1px; height: 24px; background-color: rgb(224, 78, 142); position: absolute; left: 0px; top: 50%; margin-top: -12px; }
.header .head-main .search .serach_txt, .header .head-main .search .serach_txt a { font-size: 16px; line-height: 16px; color: rgb(142, 142, 142); text-align: center; margin-top: 8px; }
.header .head-main .search .serach_txt a:hover { color: rgb(224, 78, 142); }
.header .head-main .zs-icon { width: 232px; height: 86px; display: block; float: right; margin: 24px 8px 0px 0px; background: transparent url('icon.png') repeat scroll 0px -188px; }
.Navs { box-sizing: border-box; }
.Navs { height: 45px; background-color: rgb(210, 0, 90); }
.Navs li { width: 125px; height: 45px; line-height: 45px; float: left; text-align: center; transition: all 0.5s ease 0s; }
.Navs li:hover { background-color: rgb(224, 78, 142); }
.Navs li a { font-size: 18px; color: rgb(255, 255, 255); }
.Navs .Navs-list { width: 200px; background-color: rgb(92, 0, 39); position: relative; z-index: 500; }
.Navs .Navs-list .list { width: 808px; height: 550px; position: absolute; left: 0px; top: 0px; overflow: hidden; opacity: 0; }
.Navs .Navs-list .list .list-l, .Navs .Navs-list .list .list-r { height: 550px; float: left; display: table; box-sizing: border-box; }
.Navs .Navs-list .list .list-r { display: none; }
.Navs .Navs-list a { width: 100%; height: 45px; float: left; display: block; }
.Navs .Navs-list:hover { background-color: rgb(64, 0, 27); }
.Navs .Navs-list .list-l { width: 200px; background: rgba(123, 2, 54, 0.8) none repeat scroll 0% 0%; }
.Navs .Navs-list .list-l li { width: 100%; float: left; padding-left: 40px; }
.Navs .Navs-list .list-l li:hover, .Navs .Navs-list .list-l li.active { background-color: rgb(224, 78, 142); }
.Navs .Navs-list .list-l li a { background-image: url('icon.png'); }
.Navs .Navs-list .list-l li:nth-child(1) a { background-position: -340px 9px; }
.Navs .Navs-list .list-l li:nth-child(2) a { background-position: -340px -42px; }
.Navs .Navs-list .list-l li:nth-child(3) a { background-position: -340px -83px; }
.Navs .Navs-list .list-l li:nth-child(4) a { background-position: -340px -132px; }
.Navs .Navs-list .list-l li:nth-child(5) a { background-position: -340px -177px; }
.Navs .Navs-list .list-l li:nth-child(6) a { background-position: -340px -221px; }
.Navs .Navs-list .list-l li:nth-child(7) a { background-position: -340px -264px; }
.Navs .Navs-list .list-l li:nth-child(8) a { background-position: -340px -310px; }
.Navs .Navs-list .list-l li:nth-child(9) a { background-position: -340px -353px; }
.Navs .Navs-list .list-l li:nth-child(10) a { background-position: -340px -400px; }
.Navs .Navs-list .list-l li:nth-child(11) a { background-position: -340px -445px; }
.Navs .Navs-list .list-l li:nth-child(12) a { background-position: -340px -491px; }
.Navs .Navs-list .list-r { width: 608px; background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%; padding: 12px 32px; position: relative; }
.Navs .Navs-list .list-r li { width: 100%; height: 502px; display: none; opacity: 0; }
.Navs .Navs-list .list-r li.active { display: block; opacity: 1; background: transparent none repeat scroll 0% 0%; }
.Navs .Navs-list .list-r li dt { font-size: 30px; line-height: 40px; border-bottom: 1px solid rgb(186, 186, 186); padding: 20px 10px 10px; text-align: left; margin-bottom: 10px; }
.Navs .Navs-list .list-r li dt h3 { font-weight: normal; color: rgb(0, 0, 0); }
.Navs .Navs-list .list-r li dd { width: 33.3333%; height: 20px; overflow: hidden; float: left; margin-bottom: 10px; }
.Navs .Navs-list .list-r li:nth-child(6) dd { width: 25%; }
.Navs .Navs-list .list-r li dd a { font-size: 15px; height: 20px; line-height: 20px; color: rgb(98, 98, 97); text-align: left; padding: 0px 10px; }
.Navs .Navs-list .list-r li dd a:hover { color: rgb(224, 78, 142); }
.Navs .Navs-list .list-r .pic { width: 450px; height: 220px; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); }
.foot-nav { padding: 40px 10px; display: table; }
.foot-nav .four_t { width: 25%; float: left; font-size: 24px; line-height: 78px; text-align: center; white-space: nowrap; }
.foot-nav .four_t i { width: 78px; height: 78px; display: block; float: left; border-radius: 50%; overflow: hidden; background: transparent url('icon.png') repeat scroll 0% 0%; }
.foot-nav .four_t:nth-child(1) i { background-position: 0px -476px; }
.foot-nav .four_t:nth-child(2) i { background-position: -82px -476px; }
.foot-nav .four_t:nth-child(3) i { background-position: -162px -476px; }
.foot-nav .four_t:nth-child(4) i { background-position: -243px -476px; }
.foot-nav .menu-list { width: 160px; padding-top: 36px; margin-right: 40px; float: left; }
.foot-nav .menu-list h3 { font-size: 20px; line-height: 24px; border-left: 2px solid rgb(210, 0, 90); padding-left: 10px; color: rgb(0, 0, 0); margin-bottom: 10px; font-weight: bold; }
.foot-nav .menu-list li { width: 100%; float: left; }
.foot-nav .menu-list li a { font-size: 15px; line-height: 30px; color: rgb(102, 102, 102); }
.foot-nav .menu-list li a:hover { color: rgb(224, 78, 142); }
.foot-nav .menu-list .last-a { font-size: 15px; line-height: 30px; color: rgb(210, 0, 90); }
.foot-nav .menu-list.doulde { width: 240px; margin-right: 50px; }
.foot-nav .menu-list.doulde li { width: 50%; }
.foot-nav .focusUs { padding-top: 36px; float: left; }
.foot-nav .focusUs .f-us { width: 127px; float: left; margin-right: 60px; }
.foot-nav .focusUs .f-us h3 { font-size: 20px; line-height: 44px; text-align: center; color: rgb(0, 0, 0); }
.foot-nav .focusUs .f-us p { font-size: 14px; line-height: 30px; color: rgb(102, 102, 102); text-align: center; }
.foot-nav .focusUs .f-us i { width: 127px; height: 127px; display: block; }
.foot-nav .focusUs .f-us.gzh i { background: transparent url('icon.png') no-repeat scroll -2px -564px; }
.foot-nav .focusUs .f-us.web i { background: transparent url('icon.png') no-repeat scroll -133px -565px; }
.foot-nav .focusUs .f-us a { width: 42px; height: 42px; display: block; margin-left: 16px; float: left; }
.foot-nav .focusUs .f-us a.wb { background: transparent url('icon.png') no-repeat scroll -1px -698px; }
.foot-nav .focusUs .f-us a.wx { background: transparent url('icon.png') no-repeat scroll -44px -698px; }
.db-info { height: 220px; background: transparent url('foot_bg.jpg') repeat scroll left top; padding: 36px 0px; }
.db-info .logo { width: 346px; height: 66px; display: block; float: left; margin: 40px 34px 40px 0px; background: transparent url('icon.png') no-repeat scroll 0px -755px; position: relative; }
.db-info .logo::before { content: ""; width: 1px; height: 148px; background-color: rgb(88, 88, 88); position: absolute; top: 50%; right: -34px; transform: translateY(-50%); }
.db-info .main { width: 760px; float: left; margin-left: 40px; }
.db-info .main .fnav, .db-info .main .text { width: 100%; float: left; }
.db-info .main .fnav a { display: block; float: left; font-size: 16px; line-height: 26px; color: rgb(255, 255, 255); margin: 20px 20px 10px 0px; }
.db-info .main .fnav a:hover { color: rgb(224, 78, 142); }
.db-info .main .text, .db-info .main .text a { font-size: 14px; line-height: 26px; color: rgb(255, 255, 255); }
/* ::::: http://images.ubeauty.cn/pc/special/201805/css/style.css ::::: */

/*div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, img, body, a { margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; border: 0px none; text-align: justify; }*/
clearFix::after { clear: both; display: block; visibility: hidden; height: 0px; line-height: 0; content: ""; }
.clearFix { clear: both; height: 0px; display: inherit; }
body { /*overflow-x: hidden; */font-family: "Microsoft Yahei",Tahoma,Helvetica,Arial,sans-serif; }
.clearfloat::after { display: block; clear: both; content: ""; visibility: hidden; height: 0px; }
.HM_Content { width: 100%; height: auto; float: left; background: rgb(176, 0, 69) url('bg.jpg') no-repeat scroll center top; position: relative; }
.HM_Content img { float: left; }
.HM_Main { width: 100%; height: auto; margin: 0px auto; display: table; }
.HM_box { width: 1100px; height: auto; margin: 0px auto; display: table; }
.HM_Main i.title { width: 100%; height: auto; margin: 40px auto; display: table; clear: both; }
.zt-lk { width: 72px; height: 38px; display: table; margin: 0px auto; clear: both; background-color: rgb(254, 191, 111); border-radius: 19px; animation: 1.5s ease 0s normal none infinite running td; font-size: 18px; line-height: 38px; color: rgb(255, 255, 255); padding: 0px 48px 0px 20px; position: relative; }
.zt-lk::before { content: ""; width: 24px; height: 24px; display: inline-block; background: transparent url('zt-lk_i.png') no-repeat scroll center top; position: absolute; right: 15px; top: 8px; }
.banner { height: 920px; }
.banner .main { position: relative; height: 920px; }
.banner a { width: 742px; height: 223px; position: absolute; left: 50%; top: 550px; transform: translateX(-50%); }
.b1 i.title { width: auto; margin: 57px auto 30px; clear: both; display: table; }
.b1 .main li { width: 245px; margin: 0px 15px 75px; float: left; }
.b2 .main { height: 512px; position: relative; }
.b2 .cont { width: 1202px; height: 428px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); background: transparent url('b2-bg.png') no-repeat scroll center top; border-radius: 50px; overflow: hidden; }
.b2 .cont .text { width: 675px; float: left; margin: 235px 0px 0px 462px; }
.b2 .cont .text p { font-size: 20px; line-height: 30px; color: rgb(255, 255, 255); text-align: center; font-weight: 100; }
.b2 a.a1 { width: 142px; height: 150px; display: block; background: transparent url('b2a.png') repeat scroll 0% 0%; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 2; animation: 1.5s ease 0s normal none infinite running td; }
.b3 { padding-bottom: 85px; }
.b3 i.title { width: auto; margin: 53px auto 36px; clear: both; display: table; }
.b3 .nr li { width: 317px; height: 234px; position: relative; float: left; margin-right: 20px; margin-bottom: 20px; background-color: rgb(255, 255, 255); padding: 18px; }
.b3 .nr li:nth-child(3n) { margin-right: 0px; }
.b3 .nr li .zt-lk { right: 44px; bottom: 18px; position: absolute; margin: 0px; clear: none; float: none; }
.b4 { padding-bottom: 72px; }
.b4 i.title { width: auto; margin: 112px auto 30px; clear: both; display: table; }
.b4 .main { width: 1198px; }
.b4 .main .cont li { width: 230px; height: 540px; float: left; margin-right: 12px; background-color: rgb(255, 255, 255); position: relative; transition: all 0.25s ease 0s; }
.b4 .main .cont li:nth-child(5n) { margin-right: 0px; }
.b4 .main .cont li:hover { transform: translateY(-8px); }
.b4 .main .cont li h3 { font-size: 34px; line-height: 62px; text-align: center; font-weight: 100; }
.b4 .main .cont li p { width: 210px; float: left; font-size: 16px; line-height: 24px; padding: 0px 10px; color: rgb(85, 85, 85); font-weight: 100; letter-spacing: -1px; }
.b4 .main .cont li p span { float: right; }
.b4 .main .cont li .lt2 { letter-spacing: -2px; font-style: normal; }
.b4 .main .cont li .last { margin-bottom: 16px; }
.b4 .main .cont li .last2 { margin-bottom: 40px; }
.b4 .main .cont li a { color: rgb(0, 0, 0); animation: 1.5s ease 0s normal none infinite running td; }
.b5 { height: 92.5313rem; }
.b5 i.title { width: 446px; height: 103px; margin: 94px auto 80px; clear: both; display: table; }
.b5 .cont { width: 100%; float: left; }
.b5 ul { width: 268px; float: left; position: relative; margin-right: 9px; }
.b5 li { width: 100%; float: left; position: relative; margin-bottom: 9px; z-index: 2; }
.b5 ul:nth-child(4) { margin-right: 0px; }
.b5 .area1 { width: 100%; float: left; margin-bottom: 110px; }
.b5 .area1 ul:nth-child(1) li:nth-child(1) { margin-top: 149px; }
.b5 .area1 li i { width: 360px; height: 502px; position: absolute; left: -90px; top: -350px; z-index: -1; }
.b5 .area2 { width: 100%; float: left; margin-bottom: 110px; }
.b5 .area2 ul:nth-child(4) li:nth-child(1) { margin-top: 149px; }
.b5 .area2 li i { width: 339px; height: 469px; position: absolute; right: -65px; top: -328px; z-index: -1; }
.b5 .area3 { width: 100%; float: left; margin-bottom: 110px; }
.b5 .area3 ul:nth-child(1) li:nth-child(1) { margin-top: 149px; }
.b5 .area3 li i { width: 452px; height: 549px; position: absolute; left: 0px; top: -350px; z-index: -1; }
.b5 .area4 { width: 100%; float: left; }
.b5 .area4 ul:nth-child(4) li:nth-child(1) { margin-top: 149px; }
.b5 .area4 li i { width: 394px; height: 526px; position: absolute; right: -112px; top: -388px; z-index: -1; }
.b5 li .zt-lk { left: 63px; bottom: 20px; position: absolute; margin: 0px; clear: none; float: none; background: rgb(232, 200, 126) none repeat scroll 0% 0%; color: rgb(0, 0, 0); }
.b5 li .zt-lk::before { background: transparent url('zt-lk_i.png') repeat scroll 0% 0%; }
.b6 { padding-bottom: 85px; }
.b6 i.title { width: 576px; height: 100px; margin: 140px auto 30px; clear: both; display: table; }
#al { width: 1100px; margin: 0px auto; position: relative; }
#al .bd { width: 100%; float: left; padding: 8px; background-color: rgb(255, 254, 226); border-radius: 6px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.65); }
#al .bd li { width: 100%; height: 464px; float: left; }
#al .bd li.anli_1 { background: transparent url('al1.jpg') no-repeat scroll center top; }
#al .bd li.anli_2 { background: transparent url('al2.jpg') no-repeat scroll center top; }
#al .bd li.anli_3 { background: transparent url('al3.jpg') no-repeat scroll center top; }
#al .bd li.anli_4 { background: transparent url('al4.jpg') no-repeat scroll center top; }
#al .bd li.anli_5 { background: transparent url('al5.jpg') no-repeat scroll center top; }
#al .bd li .text { width: 260px; margin: 150px 183px 0px 430px; float: left; }
#al .bd li .text em { width: 100%; display: block; font-style: normal; font-size: 32px; line-height: 36px; text-align: center; color: rgb(45, 45, 45); margin-bottom: 26px; }
#al .bd li .text p { font-size: 22px; line-height: 40px; color: rgb(110, 110, 110); text-align: center; }
#al .bd li .text p span { width: auto; display: inline-block; border: 1px solid rgb(225, 225, 225); padding: 0px 5px; font-size: 20px; line-height: 38px; color: rgb(51, 51, 51); margin-left: 5px; margin-bottom: 38px; }
#al .bd li .text a { width: 145px; display: table; margin: 0px auto; clear: both; font-size: 18px; line-height: 38px; background: rgb(255, 66, 52) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-align: center; border-radius: 19px; }
#al .bd li .text a:hover { color: rgb(255, 255, 255); background-color: rgb(94, 6, 17); transition: all 0.5s ease 0s; }
#al .bd li .dt { width: 159px; height: 286px; float: left; margin-top: 93px; overflow: hidden; }
#al .bd li .dt img { width: 159px; height: 286px; }
#al .hd { width: auto; display: table; margin: 0px auto; padding: 50px 0px 0px; }
#al .hd li { width: 20px; height: 20px; border-radius: 50%; margin: 0px 10px; background-color: rgb(255, 255, 255); float: left; }
#al .hd li.on { width: 58px; border-radius: 10px; }
.b7 { height: 1438px; background: transparent url('b7bg.jpg') no-repeat scroll center top; }
.b7 .bd { width: 100%; float: left; position: relative; margin-top: 890px; }
.b7 .bd li { position: relative; width: 268px; height: 473px; float: left; margin: 0px 3px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.b7 .bd li a.zt-lk { bottom: 30px; left: 50px; padding: 0px 58px 0px 30px; background-color: rgb(232, 200, 126); color: rgb(0, 0, 0); position: absolute; }
.b7 .Btn { width: 51px; height: 51px; display: block; position: absolute; top: 210px; opacity: 0.5; transition: all 0.3s linear 0s; }
.b7 .Btn:hover { opacity: 1; }
.b7 .Btn.prev { background-image: url('b7_prev.png'); left: -90px; }
.b7 .Btn.next { background-image: url('b7_next.png'); right: -90px; }
.b8 { overflow: hidden; height: 1032px; background: transparent url('b8t.png') no-repeat scroll center top; position: relative; }
.b8 .swiper-container { width: 1920px; position: absolute; left: 50%; top: 237px; transform: translateX(-50%); }
.b8 .bg1 { margin-right: 8px; }
.b8 .bg1 img { width: 100%; }
/* ::::: http://images.ubeauty.cn/mobile/zh/css/swiper.min.css ::::: */

.swiper-container { margin: 0px auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 100% auto; background-repeat: no-repeat; }
.swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.ks_ol_comm_div, .ks_ol_comm_div div { margin: 0px; background-color: transparent; position: static; height: initial; width: initial; }
/* ::::: http://images.ubeauty.cn/swt/public/css/right_call.css ::::: */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, th, td, img { border: medium none; margin: 0px; padding: 0px; }
.swt-left { width: 140px; position: fixed; left: 2px; top: 15%; font-size: 12px; z-index: 1000; font-family: Arial,Helvetica,sans-serif; }
.swt-left img { width: 140px; }
.swt-left .myclose { width: 30px; height: 30px; position: absolute; top: 0px; right: -2px; z-index: 1200; }
.swt-right ul, li { margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; font-size: 12px; border: 0px none; }