.ui-wrapper { position: relative }
.ui-wrapper .ui-pager { position: absolute; width: 100%; z-index: 60; bottom: 10px; text-align: center }
.ui-wrapper .ui-pager .ui-pager-item { display: inline-block }
.ui-wrapper .ui-pager .ui-pager-item .ui-pager-link { display: block; width: 10px; height: 10px; border-radius: 6px; margin: 0 5px; text-indent: -9999px; overflow: hidden; border: 1px solid; border-color: rgba(255,255,255,.3) }
.ui-wrapper .ui-pager .ui-pager-item .ui-pager-link.active { background-color: rgba(255,255,255,.8); border-color: rgba(0,0,0,.2) }
.ui-wrapper .ui-controls-direction .ui-next, .ui-wrapper .ui-controls-direction .ui-prev { position: absolute; top: 0; z-index: 60; height: 100%; background-repeat: no-repeat; text-indent: -9999em; overflow: hidden; width: 40px; background-image: url(//i01.appmifile.com/webfile/globalimg/common/icons/icon-slide-nav1.png) }
.ui-wrapper .ui-controls-direction .ui-prev { left: 50px; background-position: 0 50% }
.ui-wrapper .ui-controls-direction .ui-next { right: 50px; background-position: -40px 50% }
.xm-recommend { text-align: center; width: 1254px }
.xm-recommend .brick-list:after, .xm-recommend .brick-list:before, .xm-recommend .row:after, .xm-recommend .row:before { content: " "; display: table }
.xm-recommend .brick-list:after, .xm-recommend .row:after { clear: both }
.xm-recommend .brick-item { height: 300px; padding: 22px 0; position: relative; overflow: hidden; box-sizing: border-box; margin-bottom: 14px; background-color: #fff; transition: box-shadow .2s linear; transition: all .2s linear; text-align: center }
.xm-recommend .brick-item:hover { box-shadow: 0 8px 16px rgba(0,0,0,.14), inset 1px 1px 0 0 #eee }
.xm-recommend .brick-item:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) }
.xm-recommend .brick-item:hover .addcart { opacity: 1 }
.xm-recommend .brick-item .txt .price, .xm-recommend .brick-item .txt .title { line-height: 1; font-weight: 700 }
.xm-recommend .brick-item .txt .title { color: #616161 }
.xm-recommend .brick-item .txt .price { color: #ff6700 }
.xm-recommend .brick-item .txt .price del { margin-left: 5px; color: #b0b0b0 }
.xm-recommend .brick-item .tags { position: absolute; top: -1px; left: 0; width: 100%; text-align: center }
.xm-recommend .brick-item .tag { display: inline-block; height: 22px; padding: 0 15px; font-size: 12px; line-height: 24px; font-weight: 600; color: #fff; text-transform: uppercase }
.xm-recommend .brick-item .tag.tag-saleoff { background-color: #e42a27 }
.xm-recommend .brick-item .tag.tag-new { background-color: #83c44e }
.xm-recommend .brick-item .tag.tag-shipping { background-color: #ff6700 }
.xm-recommend .brick-item .tag.tag-gift { background-color: #2096f3 }
.xm-recommend .brick-item .tag.tag-deal { background-color: #ffab13 }
.xm-recommend .brick-item .addcart { position: absolute; top: 20px; left: 0; height: 24px; width: 100%; text-transform: uppercase; opacity: 0; transition: all .2s linear }
.xm-recommend .brick-item .addcart .btn-buy { height: 24px; font-size: 12px; color: #424242 }
.xm-recommend .brick-item .addcart .btn-buy:hover { color: #ff6700 }
.xm-recommend .brick-item .addcart .btn-buy:focus { outline: 0 }
.xm-recommend .brick-item .addcart i { font-size: 24px; vertical-align: -5px }
.xm-recommend .brick-item-m .img { width: 200px; height: 200px; margin: 0 auto }
.xm-recommend .brick-item-m .txt { text-align: center; padding: 0 25px }
.xm-recommend .brick-item-m .txt .title { width: 100%; margin: 20px 0 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.xm-recommend .with-add-cart { height: 347px; padding-top: 47px }
.xm-recommend .xm-pagers-wrapper { margin: 21px 0 -5px; text-align: center }
.xm-rec-hd { width: 1226px; margin-right: auto; margin-left: auto; position: relative; margin: 68px auto 40px; text-align: center }
.xm-rec-hd:after, .xm-rec-hd:before { content: " "; display: table }
.xm-rec-hd:after { clear: both }
.xm-rec-hd .xm-rec-title { margin: 0; font-size: 30px; font-weight: 300; color: #616161; text-transform: uppercase; line-height: 30px }
.xm-rec-hd:after, .xm-rec-hd:before { content: ""; position: absolute; top: 14px; width: 344px; height: 1px; background-color: #e0e0e0 }
.xm-rec-hd:after { left: 104px }
.xm-rec-hd:before { right: 104px }
.xm-rec-hd.short-line:after, .xm-rec-hd.short-line:before { width: 225px }
.xm-rec-hd.short-line:after { left: 120px }
.xm-rec-hd.short-line:before { right: 120px }
.xm-rec-hd.full-line:after, .xm-rec-hd.full-line:before { width: 450px }
.xm-rec-hd.full-line:after { left: 0 }
.xm-rec-hd.full-line:before { right: 0 }
body { background-color: #f5f5f5 }
a, h1, h2, h3, h4, h5, h6, li, p, ul { margin: 0; padding: 0 }
.site-navigation { background-color: transparent }
.shop-categories .main-category a { color: transparent }
.shop-categories.c-white .main-category a { color: #fff }
.shop-categories.c-black .main-category a { color: #616161 }
.shop-categories.c-black .main-category a.tab-store { color: #616161; border: 2px solid #616161; transition: all .4s ease }
.shop-categories.c-white .main-category a.tab-store:hover { color: #fff!important }
.search-section .left-shrink, .search-section .right-search, .search-section .search-text, .search-section .search-text::-webkit-input-placeholder {
 color:transparent
}
.search-section .left-shrink, .search-section .right-search, .search-section .search-text, .search-section .search-text::-moz-placeholder {
 color:transparent
}
.search-section .left-shrink, .search-section .right-search, .search-section .search-text, .search-section .search-text:-ms-input-placeholder {
 color:transparent
}
.search-section .left-shrink, .search-section .right-search, .search-section .search-text, .search-section .search-text::placeholder {
 color:transparent
}
.search-section.c-white .left-shrink, .search-section.c-white .right-search, .search-section.c-white .search-text { color: #fff }
.search-section.c-black .left-shrink, .search-section.c-black .right-search, .search-section.c-black .search-text { color: #616161 }
.search-section.c-white .search-text::-webkit-input-placeholder {
 color:#fff;
 opacity:.4
}
.search-section.c-white .search-text::-moz-placeholder {
 color:#fff;
 opacity:.4
}
.search-section.c-white .search-text:-ms-input-placeholder {
 color:#fff;
 opacity:.4
}
.search-section.c-white .search-text::placeholder {
 color:#fff;
 opacity:.4
}
.search-section.c-black .search-text::-webkit-input-placeholder {
 color:#616161;
 opacity:.4
}
.search-section.c-black .search-text::-moz-placeholder {
 color:#616161;
 opacity:.4
}
.search-section.c-black .search-text:-ms-input-placeholder {
 color:#616161;
 opacity:.4
}
.search-section.c-black .search-text::placeholder {
 color:#616161;
 opacity:.4
}
.search-section.c-black .search-text { border-bottom: 1px solid #b0b0b0 }
.home.main { margin-top: -88px }
.home-acc .brick-item { transition: box-shadow .2s linear; transition: all .2s linear }
.home-acc .brick-item:hover { box-shadow: 0 8px 16px rgba(0,0,0,.14), inset 1px 1px 0 0 #eee }
.home-acc .brick-item:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) }
.home-acc .brick-item-s { height: 143px }
.home-acc .brick-item-m { height: 300px }
.home-acc .brick-item-l { height: 614px }
.home-acc .brick-list .brick-item-s .img { position: absolute; right: 20px; top: 32px; width: 80px; height: 80px }
.home-acc .brick-list .brick-item-s .txt { margin: 40px 110px 0 30px }
.home-acc .brick-list .brick-item-s .txt .title { margin-bottom: 10px }
.home-acc .brick-list .brick-item-s .txt .price { font-size: 12px }
.full-img img { width: 100%; height: 100% }
.home-top-slides { height: 770px; position: relative; margin: 0 auto; text-align: center; overflow: hidden }
.home-top-slides .slider { height: 100%; overflow: hidden; display: none }
.home-top-slides .slider a { display: block; width: 100%; height: 100% }
.home-top-slides .slider .slide-image { width: 100%; height: auto; min-width: 1920px; min-height: 770px; position: absolute; top: 50%; left: 50%; margin-top: -385px; margin-left: -960px }
.home-top-slides .slider:nth-child(1) { display: block }
.home-top-slides .container { height: 100%; position: relative }
.home-top-slides .txt { position: absolute; min-width: 358px; max-width: 500px; top: 180px; left: 0; z-index: 15; text-align: left; color: #fff }
.home-top-slides .txt .title { margin-bottom: 20px; font-size: 60px; line-height: 1; font-weight: 100 }
.home-top-slides .txt .descp { margin-bottom: 40px; font-size: 16px; line-height: 1.125; font-weight: 300 }
.home-top-slides .txt .price { margin-bottom: 60px; font-size: 40px; line-height: 1; font-weight: 100 }
.home-top-slides .txt .price .dollar { font-size: 50% }
.home-top-slides .txt.c-white { color: #fff; text-shadow: 1px 0 1px rgba(32,32,32,.1) }
.home-top-slides .txt.c-white .btn:hover { color: #212121; background-color: #fff; border-color: #fff }
.home-top-slides .txt.c-black { color: #212121 }
.home-top-slides .txt.c-black .btn:hover { color: #fff; background-color: #212121; border-color: #212121 }
.home-top-slides .txt.c-white.tab-store { color: #fff; border-color: #fff; text-shadow: 1px 0 1px rgba(32,32,32,.1) }
.home-top-slides .txt.c-white.tab-store .btn:hover { color: #fff; border-color: #fff }
.home-top-slides .txt.c-black.tab-store { color: #212121 }
.home-top-slides .txt.c-black.tab-store .btn:hover { color: #212121; border-color: #fff }
.home-top-slides .txt .btn { width: 220px; text-transform: uppercase; color: inherit; transition: all .5s }
.home-top-slides .txt .btn.c-orange { color: #fff; background-color: #ff6700; border-color: #ff6700 }
.home-top-slides .txt .btn.c-orange:hover { color: #fff; background-color: #f95b07; border-color: #f95b07 }
.home-top-slides .txt .list-inline { margin-top: 40px; margin-bottom: 40px }
.home-top-slides .txt .list-inline:after, .home-top-slides .txt .list-inline:before { content: " "; display: table }
.home-top-slides .txt .list-inline:after { clear: both }
.home-top-slides .txt .list-inline>li { float: left }
.home-top-slides .txt .list-inline>li+li { padding-left: 30px; margin-left: 30px; border-left: 1px solid #b0b0b0 }
.home-top-slides .txt .list-inline .price { margin-bottom: 10px; font-size: 36px; font-weight: 300 }
.home-top-slides .txt .list-inline .price.c-orange { color: #ff6700 }
.home-top-slides .txt .list-inline .descp { width: auto; margin-bottom: 0 }
@-webkit-keyframes flyin {  60% {
 opacity:.3
}
 100% {
 -webkit-transform:translate(0, 0);
 transform:translate(0, 0);
 opacity:1
}
}
@keyframes flyin {  60% {
 opacity:.3
}
 100% {
 -webkit-transform:translate(0, 0);
 transform:translate(0, 0);
 opacity:1
}
}
@-webkit-keyframes flyout {  100% {
 -webkit-transform:translate(300px, 0);
 transform:translate(300px, 0);
 opacity:0
}
}
@keyframes flyout {  100% {
 -webkit-transform:translate(300px, 0);
 transform:translate(300px, 0);
 opacity:0
}
}
.home-top-slides .txt.enter .btn, .home-top-slides .txt.enter .descp, .home-top-slides .txt.enter .price, .home-top-slides .txt.enter .title { -webkit-animation: flyin .3s ease-out forwards; animation: flyin .3s ease-out forwards; opacity: 0; -webkit-transform: translate(300px, 0); -ms-transform: translate(300px, 0); transform: translate(300px, 0) }
.home-top-slides .txt.enter .title { -webkit-animation-delay: .1s; animation-delay: .1s }
.home-top-slides .txt.enter .descp { -webkit-animation-delay: .2s; animation-delay: .2s }
.home-top-slides .txt.enter .price { -webkit-animation-delay: .3s; animation-delay: .3s }
.home-top-slides .txt.enter .btn { -webkit-animation-delay: .4s; animation-delay: .4s }
.home-top-slides .txt.leave .btn, .home-top-slides .txt.leave .descp, .home-top-slides .txt.leave .price, .home-top-slides .txt.leave .title { -webkit-animation: flyout .3s ease-out forwards; animation: flyout .3s ease-out forwards; opacity: 1 }
.home-top-slides .txt.leave .title { -webkit-animation-delay: .1s; animation-delay: .1s }
.home-top-slides .txt.leave .descp { -webkit-animation-delay: .2s; animation-delay: .2s }
.home-top-slides .txt.leave .price { -webkit-animation-delay: .3s; animation-delay: .3s }
.home-top-slides .txt.leave .btn { -webkit-animation-delay: .4s; animation-delay: .4s }
.home-top .ui-wrapper .ui-controls-direction .ui-next, .home-top .ui-wrapper .ui-controls-direction .ui-prev { width: 60px }
.home-top .ui-wrapper .ui-controls-direction .ui-prev { left: 40px; background-position: 14px 50% }
.home-top .ui-wrapper .ui-controls-direction .ui-next { right: 40px; background-position: -38px 50% }
.home-promo { width: 1226px; margin-right: auto; margin-left: auto; margin-top: 16px }
.home-promo:after, .home-promo:before { content: " "; display: table }
.home-promo:after { clear: both }
.home-promo .home-promo-list { width: 100% }
.home-promo .home-promo-list>li { float: left; width: 398px; height: 230px; margin-left: 16px; overflow: hidden; transition: box-shadow .2s linear }
.home-promo .home-promo-list>li:hover { box-shadow: 0 8px 16px rgba(0,0,0,.18) }
.home-promo .home-promo-list>li:first-child { margin-left: 0 }
.home-sec { width: 1226px; margin-right: auto; margin-left: auto }
.home-sec:after, .home-sec:before { content: " "; display: table }
.home-sec:after { clear: both }
.home-sec .sec-hd { width: 1226px; margin-right: auto; margin-left: auto; position: relative; margin: 68px 104px 40px; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: unset }
.home-sec .sec-hd:after, .home-sec .sec-hd:before { content: " "; display: table }
.home-sec .sec-hd:after { clear: both }
.home-sec .sec-hd .sec-fontline { width: 1226px; height: 1px; background-color: #e0e0e0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; display: inline-block }
.home-sec .sec-hd .sec-title { display: inline-block; font-size: 30px; font-weight: 300; color: #616161; text-transform: uppercase; line-height: 30px; margin: 0 38px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 }
.home-sec .sec-hd:after, .home-sec .sec-hd:before { width: 0!important }
.home-hot .hide { display: none }
.home-hot .hot-more { text-align: center }
.home-hot .hot-more ul { display: inline-block; margin: -10px auto 30px }
.home-hot .hot-more ul:after, .home-hot .hot-more ul:before { content: " "; display: table }
.home-hot .hot-more ul:after { clear: both }
.home-hot .hot-more li { position: relative; float: left; margin: 0 20px; font-size: 16px; color: #757575; cursor: pointer }
.home-hot .hot-more li.on { color: #ff6700 }
.home-hot .hot-more li.on:after { content: ''; position: absolute; width: 100%; height: 1px; bottom: -5px; left: 0; background: #f23835 }
.home-hot .more-list { width: 1226px; height: 644px; overflow: hidden }
.home-hot .more-section { padding-bottom: 30px }
.home-hot .more-section:after, .home-hot .more-section:before { content: " "; display: table }
.home-hot .more-section:after { clear: both }
.home-hot .more-section .list-left { float: left; width: 296px }
.home-hot .more-section .list-left a { display: inline-block; width: 296px; height: 614px }
.home-hot .more-section .list-left img { width: 296px; height: 614px; transition: all .2s linear }
.home-hot .more-section .list-left img:hover { z-index: 2; box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) }
.home-hot .more-section .list-right { float: left; width: 916px }
.home-hot .more-section .list-right ul { width: 930px }
.home-hot .more-section .list-right ul:after, .home-hot .more-section .list-right ul:before { content: " "; display: table }
.home-hot .more-section .list-right ul:after { clear: both }
.home-hot .more-section .list-right li { float: left; width: 296px; height: 300px; background: #fff; margin-left: 14px; margin-bottom: 14px; background: #fff; transition: all .2s linear; text-align: center }
.home-hot .more-section .list-right li:hover { z-index: 2; box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) }
.home-hot .more-section .list-right li .thumb { display: block; width: 200px; height: 200px; margin: 20px auto }
.home-hot .more-section .list-right li .thumb img { width: 200px; height: 200px }
.home-hot .more-section .list-right li .title { font-size: 14px; font-weight: 700; text-overflow: ellipsis }
.home-hot .more-section .list-right li .title a { display: block; margin: 0 20px 5px; width: 256px; color: #616161; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.home-hot .more-section .list-right li .price { margin: 0; color: #ff6700; font-weight: 700; font-size: 14px }
.home-star .home-star-list { width: 100%; height: 580px }
.home-star .home-star-list>li { float: left; margin: 0 2px 2px 0; overflow: hidden; transition: box-shadow .2s linear }
.home-star .home-star-list>li:hover { box-shadow: 0 8px 16px rgba(0,0,0,.18) }
.home-star .home-star-list.list-4>li:nth-child(1) { width: 612px; height: 580px }
.home-star .home-star-list.list-4>li:nth-child(2), .home-star .home-star-list.list-4>li:nth-child(3) { width: 305px; height: 289px }
.home-star .home-star-list.list-4>li:nth-child(3) { margin-right: 0 }
.home-star .home-star-list.list-4>li:nth-child(4) { width: 612px; height: 289px; margin-right: 0 }
.home-acc { width: 1254px; overflow: hidden }
.home-acc .acc-cate-nav { margin-top: -10px; text-align: center }
.home-acc .acc-cate-nav .nav-list { display: inline-block }
.home-acc .acc-cate-nav .nav-list:after, .home-acc .acc-cate-nav .nav-list:before { content: " "; display: table }
.home-acc .acc-cate-nav .nav-list:after { clear: both }
.home-acc .acc-cate-nav .nav-list>li { float: left; font-size: 16px; color: #757575; border-bottom: 2px solid transparent; font-weight: 300; padding: 10px 0 2px; margin: 0 20px; cursor: pointer; -webkit-transition: all .5s }
.home-acc .acc-cate-nav .nav-list>li.tab-active { color: #ff6700; border-bottom: 2px solid #ff6700 }
.home-acc .acc-content { height: 614px }
.home-acc .acc-content .brick-list { width: 930px; margin-left: -14px }
.home-acc .xm-recommend { margin-left: 0 }
.home-recommend { display: none }
.home-recommend .xm-rec-hd { margin-top: 54px }
.home-recommend .xm-pagers-wrapper { margin: 21px 0 -5px; text-align: center }
.home-review .sec-hd { margin-top: 60px }
.home-review .review-list:after, .home-review .review-list:before { content: " "; display: table }
.home-review .review-list:after { clear: both }
.home-review .review-list>li { height: 358px; background-color: #fff; transition: box-shadow .2s linear; transition: all .2s linear }
.home-review .review-list>li:hover { box-shadow: 0 8px 16px rgba(0,0,0,.18) }
.home-review .review-list>li:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) }
.home-review .review-list .img { width: 100%; height: 252px }
.home-review .review-list .txt { height: 106px; box-sizing: border-box; padding: 22px 160px 22px 22px; overflow: hidden }
.home-review .review-list .txt a:hover { color: inherit }
.home-review .review-list .txt .author, .home-review .review-list .txt .pro-detail, .home-review .review-list .txt .review { line-height: 1; font-weight: 600 }
.home-review .review-list .txt .pro-name, .home-review .review-list .txt .review { text-transform: uppercase }
.home-review .review-list .review { margin-bottom: 8px; font-size: 18px; color: #616161; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis }
.home-review .review-list .author { margin-bottom: 14px; color: #b0b0b0 }
.home-review .review-list .pro-name { color: #616161 }
.home-review .review-list .price { margin-left: 32px; color: #ff6700; font-weight: 700 }
.home-review-new .sec-hd { margin-top: 60px }
.home-review-new .review-new-list:after, .home-review-new .review-new-list:before { content: " "; display: table }
.home-review-new .review-new-list:after { clear: both }
.home-review-new .review-new-list>li { width: 295px; height: 414px; background-color: #fff; transition: box-shadow .2s linear; transition: all .2s linear }
.home-review-new .review-new-list>li:hover { box-shadow: 0 8px 16px rgba(0,0,0,.18) }
.home-review-new .review-new-list>li:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) }
.home-review-new .review-new-list .img { width: 100%; height: 200px }
.home-review-new .review-new-list .text { width: 295px; height: 214px; box-sizing: border-box }
.home-review-new .review-new-list .text a:hover { color: #616161 }
.home-review-new .review-new-list .text .author, .home-review-new .review-new-list .text .comment, .home-review-new .review-new-list .text .pro-detail { line-height: 1; font-weight: 600 }
.home-review-new .review-new-list .text .pro-name { text-transform: uppercase; color: #616161; font-weight: 400; color: #616161 }
.home-review-new .review-new-list .pro-detail { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 20px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }
.home-review-new .review-new-list .pro-detail a { width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #616161 }
.home-review-new .review-new-list .comment { margin: 0 auto; margin-bottom: 8px; width: 255px; height: 120px; font-size: 14px; font-weight: 400; color: #616161; padding-top: 20px; box-sizing: border-box; overflow: hidden }
.home-review-new .review-new-list .comment .comment-detail { width: 100%; height: 100px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical }
.home-review-new .review-new-list .author { height: 38px; margin-left: 20px; font-size: 12px; font-weight: 400; color: #b0b0b0; line-height: 14px }
.home-review-new .review-new-list .price { font-weight: 700; font-size: 14px; font-weight: 400; color: #ff6700; line-height: 17px; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right }
.home-video .video-list { width: 100% }
.home-video .video-list:after, .home-video .video-list:before { content: " "; display: table }
.home-video .video-list:after { clear: both }
.home-video .video-list>li { position: relative; float: left; width: 398px; height: 320px; margin-left: 16px; cursor: pointer }
.home-video .video-list>li:first-child { margin-left: 0 }
.home-video .video-list .c-wrapper>img { position: absolute; top: 0; left: 0; z-index: 1 }
.home-video .video-list .c-wrapper>span { position: relative; display: block; margin: 0 auto; z-index: 2 }
.home-video .video-list .c-wrapper .icon-play { position: relative; width: 88px; height: 88px; margin: 100px auto 0; border-radius: 50%; background-color: rgba(255,255,255,.1); transition: background .2s linear }
.home-video .video-list .c-wrapper .icon-play:after { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -6px; width: 0; height: 0; border-style: solid; border-width: 12.5px 0 12.5px 15px; border-color: transparent transparent transparent #fff }
.home-video .video-list .c-wrapper .descp { margin: 20px 60px 0; font-size: 16px; text-align: center; font-weight: 300; color: #fff }
.home-video .video-list .c-wrapper:hover .icon-play { background-color: rgba(255,255,255,.5) }
.home-media { width: 100%; margin-bottom: 140px }
.home-media .sec-hd { width: 1226px; margin: 60px auto 40px; direction: ltr }
.home-media .sec-hd .sec-fontline:first-child { margin-left: 104px }
.home-media .sec-hd .sec-fontline:last-child { margin-right: 104px }
.home-media .ui-wrapper .ui-pager { bottom: -65px }
.home-media .ui-wrapper .ui-pager .ui-pager-item { display: inline-block }
.home-media .ui-wrapper .ui-pager .ui-pager-item .ui-pager-link { width: 6px; height: 6px; border: 2px solid #f5f5f5; border-radius: 6px; background-color: #b0b0b0; transition: all .5s }
.home-media .ui-wrapper .ui-pager .ui-pager-item .ui-pager-link.active { border-color: #ff6700; background-color: #f5f5f5; background-color: transparent }
.home-media .ui-wrapper .ui-controls-direction .ui-next, .home-media .ui-wrapper .ui-controls-direction .ui-prev { width: 50px; background-image: url(//i01.appmifile.com/webfile/globalimg/common/icons/icon-slide-nav2.png) }
.home-media .ui-wrapper .ui-controls-direction .ui-prev { left: 50%; margin-left: -613px; background-position: 0 50% }
.home-media .ui-wrapper .ui-controls-direction .ui-next { right: 50%; margin-right: -613px; background-position: -50px 50% }
.home-media .home-media-slides { position: relative; width: 100%; height: 600px; margin: 0 auto; text-align: center; background-color: #000; overflow: hidden }
.home-media .home-media-slides .slider { height: 100%; overflow: hidden }
.home-media .home-media-slides .slider>img { position: absolute; width: 100%; min-width: 1920px; top: 0; left: 50%; margin-left: -50%; opacity: .6 }
.home-media .home-media-slides .container { position: relative }
.home-media .home-media-slides .txt { width: 758px; margin: 65px auto 0; z-index: 15; text-align: center; font-size: 16px; color: #fff; font-weight: 300 }
.home-media .home-media-slides .txt .title { position: relative; padding-bottom: 40px; font-size: 48px; line-height: 1; font-weight: 300; text-transform: uppercase }
.home-media .home-media-slides .txt .title:after { content: ''; position: absolute; width: 70px; height: 0; bottom: 0; left: 50%; margin-left: -35px; border-top: 2px solid #fff }
.home-media .home-media-slides .txt .descp { display: block; display: -webkit-box; width: 100%; margin: 35px auto 12px; line-height: 1.875; max-height: 120px; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis }
.home-media .home-media-slides .txt .more { color: #fff; text-decoration: underline }
.home-media .home-media-slides .txt .media-logo { margin-top: 38px; height: 140px }
.home-media .home-media-slides .txt .media-logo>img { max-height: 100% }
.home-media .home-media-slides .txt .media-name { margin-top: 10px }
.index-new-container { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; transition: background-color 1s ease; z-index: 9999 }
.index-new-container .new-img-container { position: relative; margin: 0 auto; width: 800px; height: 560px; -webkit-transform: translateY(-700px); -ms-transform: translateY(-700px); transform: translateY(-700px); transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease }
.index-new-container .new-img-container img { display: block; width: 100% }
.index-new-container .new-img-container .click-area { position: absolute; top: 100px; left: 200px; width: 400px; height: 400px }
.index-new-container .new-img-container .new-close { margin-top: 30px; height: 30px; text-align: center }
.index-new-container .new-img-container .new-close .new-close-btn { display: inline-block; width: 30px; height: 30px; background-image: url(http://i01.appmifile.com/webfile/globalimg/2018/I18N_index_windowpopup/close-btn-pc.png); background-size: cover }
.index-new-container .new-img-container .new-close .new-close-btn:hover { cursor: pointer }
.index-new-container .new-show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.index-new-overlay { background-color: rgba(0,0,0,.8) }
.index-popup-container { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; transition: background-color 1s ease; z-index: 9999 }
.index-popup-container .popup-img-container { position: relative; margin: 0 auto; width: 800px; height: 560px; -webkit-transform: translateY(-700px); -ms-transform: translateY(-700px); transform: translateY(-700px); transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease }
.index-popup-container .popup-img-container img { display: block; width: 100% }
.index-popup-container .popup-img-container .click-area { position: absolute; top: 100px; left: 200px; width: 400px; height: 400px }
.index-popup-container .popup-img-container .popup-close { margin-top: 30px; height: 30px; text-align: center }
.index-popup-container .popup-img-container .popup-close .popup-close-btn { display: inline-block; width: 30px; height: 30px; background-image: url(http://i01.appmifile.com/webfile/globalimg/2018/I18N_index_windowpopup/close-btn-pc.png); background-size: cover }
.index-popup-container .popup-img-container .popup-close .popup-close-btn:hover { cursor: pointer }
.index-popup-container .popup-show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.index-popup-overlay { background-color: rgba(0,0,0,.8) }
@media (max-width:1920px) {
.home-media .home-media-slides .slider>img { margin-left: -960px }
}
.milogo { position: relative }
.doodle { display: none }
.doodle .link-block { position: absolute; left: 69px; bottom: 10px; z-index: 21; width: 84px; height: 70px; background-repeat: no-repeat; background-position: center center; text-indent: -999em }
.home-coupon { display: block; width: 1226px; height: 120px; margin: 16px auto 0 }
.home-coupon img { width: 1226px; height: 120px }
.new-user-add { background-image: url(//i01.appmifile.com/webfile/globalimg/in/newusers.png); background-size: 1226px 120px }
.hide { display: none }
.index-new-container .wap-newuser { position: absolute; top: 100px }
.index-new-container .userimg-box { display: block }