html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
@-webkit-keyframes fadein{0%{opacity:0}
100%{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}
100%{opacity:1}}@keyframes fadein{0%{opacity:0}
100%{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}
100%{opacity:0}}@-moz-keyframes fadeout{0%{opacity:1}
100%{opacity:0}}@keyframes fadeout{0%{opacity:1}
100%{opacity:0}}@-webkit-keyframes cycle{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes cycle{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}}@keyframes cycle{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}@-webkit-keyframes cycle-anticlockwise{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(-360deg)}}@-moz-keyframes cycle-anticlockwise{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(-360deg)}}@keyframes cycle-anticlockwise{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}}
iframe {display: block;}
.adIframe {width:100%; height:0px; margin:1.5625rem auto 1.5625rem;}
html,body{min-height:99.9%}
html{font-size:16px}
.clearfixed:after{content:".";clear:both;display:block;height:0;overflow:hidden}
.clearfixed{zoom:1;display:block}
body{overflow-x:hidden;font-size:1em;font-family:Arial,"Microsoft YaHei",Helvetica,Verdana,sans-serif;line-height:1;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a{text-decoration:none;outline:0}
.button{padding:0;font-family:inherit;text-align:center;cursor:pointer;outline:0;border:0;background:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
a.button{display:inline-block;text-decoration:none}
input {-webkit-appearance: none; border-radius:0; -webkit-border-radius:0;}
.ad-container {margin:0 auto;display: flex;justify-content:center;}

@font-face {
    font-family: "FuturaMdBT";
    src: url("images/FuturaMdBT.eot");
    src:url("images/FuturaMdBT.ttf") format("truetype");
}

/*common*/
.container{position:relative;width:100%;}
.fl{float:left;}
.fr{float:right;}
*{background-size:100% auto;background-repeat:no-repeat;}
.show{display:block;}
.ng-hide{display:none}

/*head*/
.home-body .em-head {}
.em-head{position:relative;width:100%;overflow:hidden;}
.em-head .head-bg{position:relative;height:6.6563rem;overflow:hidden;}
.em-head .head-bg img{position:absolute;left:-50%;right:-50%;height:100%;width:auto}
.em-head .head-button{position:absolute;left:0;top:0;width:100%;height:100%;}
.em-head .head-button .hb-list-menu,.em-head .head-button .hb-search,.em-head .head-button .hb-logo{position:absolute;display:block;overflow:hidden}
.em-head .head-button .hb-list-menu{top:0.7188rem;left:0.625rem;width:1.125rem;height:0.9375rem; background: url(images/icon-menu-w.svg) ;}
.em-head .head-button .hb-search{display:none; top:0.625rem;right:0.625rem;width:1.0938rem;height:1.125rem;background-image:url(images/search.png);}
.em-head .head-button .hb-logo{top:34.7418%;left:0%;width:100%;height:51.6432%;/*text-align:center*/}
.em-head .head-button .hb-logo img{height:100%;}

.em-head .head-button .hb-subscrib {position:absolute;display:block;top:1rem;right:0.625rem;font-size:0.625rem;
color:#808080;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAMAAAAootjDAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA2UExURf39/Xt9fLOzs7m5uX1/fnt7e7Gzsn5+frCwsLq6uv7//7GxsXx8fHx+fX19fbKysv7+/v///2tCx0MAAADTSURBVHjaVJIJDsMgDASduy2++P9na2wgJooiZdj1CdRDtC4PHMQCtSYMQoiiWQhV+LlkRSoc3hcZI2OakevOW7Oq6bZT/F89VjvYmaho1AKjls6G0eNtRJED6mS0BfNY/sJOpnuNfnqHN1VtXmTrN+pqTnX2zN60yxjHqHpBZjQSxtB8mLmHj5Tm4qvobCgI7tF2L74wYukN/YIQj/TxNQ3xrmmqthKmuSZXeXZ4p+qjx7wOtTjWbN5jI1x6JYEKjQGPouFrGl2viV2m9S7VvwADAK6EInYqE5/3AAAAAElFTkSuQmCC) no-repeat;background-size: auto .625rem; padding-left:0.625rem}

/*menu-search*/
.menu-wrap{ position:fixed;width:100%;height:100%;left:-100%;top:0;z-index:100; transition:transform 0.3s ease; transition:-webkit-transform 0.3s ease;transform:translateX(-100%); -webkit-transform:translateX(-100%); width:100%; height:100%; }
.menu-wrap.open {left:0; transform:translateX(0); -webkit-transform:translateX(0);}
.menu-wrap .menu-mask{position:absolute;width:100%;height:120%;left:0;top:0;z-index:101;background-color:#000;opacity:0.8}

.menu-colse-btn { position: absolute; top:1.2rem; right:1rem; z-index:110; width:33px; height:33px;}
.menu-colse-btn:before,.menu-colse-btn:after { position: absolute; top:16px; left:0; display: block; content:''; width:33px; height:1px; background: #fff; overflow:hidden; transform-origin:50% 0; }
.menu-colse-btn:before {  transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.menu-colse-btn:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.menu-wrap .em-menu{ position:absolute;width:100%;height:100%;left:0;top:0; bottom:0; z-index:102;}
.em-menu .em-main-menu ul { position: absolute; top:3.8rem; left:1.4rem; z-index:3;  }
.em-menu .em-main-menu li a { display: block; height:2rem; line-height:2rem; color:#e3e3e3; font-size:1rem; font-family:'微软雅黑';}
.em-menu .em-main-menu li a em{ margin-left:10px; vertical-align:middle; font-size:1.188rem; color:#9d9d9d;}

.em-menu .em-second-menu{ position:absolute;width:58.59%;height:100%;left:-100%; top:0; background-color: #444;z-index:103; transition:transform 0.3s ease; transition:-webkit-transform 0.3s ease;transform:translateX(-100%); -webkit-transform:translateX(-100%);}
.em-menu .em-second-menu.open {left:0; transform:translateX(0); -webkit-transform:translateX(0);}
.em-menu .em-second-menu .menu-backbtn{position:absolute; left:0.9375rem; top:1.5rem; z-index:105; display:block; width:1.0937rem; height:1.0937rem; }
.em-second-menu .menu-backbtn:before,.em-second-menu .menu-backbtn:after{content:'';position:absolute; top:0; left:0; display:block; width: 1px;height:1.0937rem; background:#fff;line-height: 0;font-size:0;}
.em-second-menu .menu-backbtn:before { -webkit-transform: rotate(45deg);}
.em-second-menu .menu-backbtn:after { top:0.75rem; -webkit-transform: rotate(-45deg);}

.em-menu .em-second-menu ul{padding:3.2812rem 0 0 1.5625rem}
.em-menu .em-second-menu ul li{}
.em-menu .em-second-menu ul li .em-sm{display:none}
.em-menu .em-second-menu ul li.show .em-sm{display:block;}
.em-menu .em-second-menu ul li .em-sm.none{display:none}
.em-menu .em-second-menu ul li .em-sm a{display:block;margin-top:0.8125rem;width:100%;font:1rem/1rem "Microsoft YaHei","Geneva";color:#e3e3e3;}
.em-menu .em-second-menu ul li .em-sm a span{display:block;width:100%;font:0.875rem/0.875rem "Geneva","Microsoft YaHei";color:#9d9d9d;padding-top:0.3125rem;}


.em-search{display:none;position:absolute;width:100%;height:100%;left:0;top:4rem;z-index:40;}
.em-search form{padding:0 0.9375rem;}
.em-search input.search{width:97%;height:2.0625rem;padding-left:3%;border:1px #eee solid;font:1rem/2.0625rem "Microsoft YaHei","Verdaba";color:#eee;background-color:transparent}

/*nav*/
.home-body .em-nav { margin-top:0; }
.em-nav{ position: relative; width:100%;height:2.75rem; padding-bottom:1px;overflow:hidden;}
.em-nav .nav-content{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; }
.em-nav .nav-content li{float:left;display:block;width:69px;text-align:center}
.em-nav .nav-content li a{display:block;width:100%;height:100%;border-top:1px solid #f1f1f1;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;font:0.75rem/2.6875rem "Microsoft YaHei","Verdana";color:#333;}
.em-nav .nav-content li:last-child a {width:100px;}

/*foot*/
.em-foot{position:relative;width:100%;background-color:#000;}
.em-foot .foot-hearst{padding:0.4688rem;text-align:center;border-bottom:1px #333 solid}
.em-foot .foot-hearst img{height:1.1875rem;}
.em-foot .foot-copyright{text-align:center;padding-bottom:1.5625rem;}
.em-foot .foot-copyright p,.em-foot .foot-copyright a,.em-foot .foot-copyright a span{font:0.4375rem/0.6875rem "Microsoft YaHei","Verdana";color:#999;vertical-align: text-top;}
.em-foot .foot-copyright p{padding:0.5rem 0 0.3438rem 0;}
/*content*/
.em-content{position:relative;width:100%;padding-bottom:3.125rem;overflow:hidden}

/*top-kv*/
.top-kv{position:relative;width:100%;overflow:hidden;}
.top-kv ul li{width:20rem;height:12.9375rem;overflow:hidden;/*height:16.7380rem;*/}
.top-kv ul li img{width:100%;/*max-height:12.9375rem;*/}
.top-kv .bx-viewport{position:relative;z-index:10;}
.top-kv .bx-controls{/*position:absolute;top:0%;left:0%;*/width:100%;height:100%;z-index:1;}
.top-kv .bx-pager{/*position:absolute;top:103.5%;left:0%;*/width:100%;text-align:center;margin-top:0.625rem;}
.top-kv .bx-pager .bx-pager-item{display:inline-block;width:0.9063rem;height:0.875rem;margin:0 0.4063rem 0 0.4375rem;}
.top-kv .bx-pager .bx-pager-item a{display:block;width:100%;height:100%;border-radius:100%;text-indent:9999px;background-image:url(images/gerydot.png)}
.top-kv .bx-pager .bx-pager-item a.active{background-image:url(images/blackdot.png)}
.top-kv .bx-controls-direction{display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.top-kv .bx-prev{position:absolute;display:block;width:10%;height:100%;left:0;}
.top-kv .bx-next{position:absolute;display:block;width:10%;height:100%;right:0;}

/*daily-elle*/
.daily-elle{margin-top:1.5625rem;}
.daily-elle .padding-left{padding-left:4.68%;width:95.32%;}
.daily-elle .t-time{position:relative;float:left;width:2.5rem;height:2.5rem;border-bottom:1px #000 solid;background-image:url(images/yearbg.png); background-size: auto 2.5rem}
.daily-elle .t-time span{position:absolute;display:block;}
.daily-elle .t-time .year{top:.5rem;left:.6563rem;width:1.5938rem;height:1.5938rem;background-image:url(http://images.ellechina.com/templates/ellechina/2016/images/theme/index/Year.png);background-position:-6.6rem 0;background-size:922.5% auto}

.daily-elle .title{float:left;height:2.5rem;width:15.5rem;border-bottom:4px #000 solid;}
.daily-elle .title img{margin:0.5312rem 0 0 0.5rem;height:1.4375rem;}
.daily-elle .daily-scroller { position: relative; margin-left:4.68%; width:90.64%; height:25.8125rem; padding-bottom:0.625rem; overflow: hidden; }
.daily-scroller .iScrollHorizontalScrollbar  { z-index: 89!important; height:0.65625rem!important; background:url(images/iScrollHorizontalScrollbar.png) no-repeat 0 bottom; background-size:100% auto;  }
.daily-scroller .iScrollHorizontalScrollbar .iScrollIndicator{border:none!important; background:url(images/iScrollIndicator.png) no-repeat 0 bottom!important; background-size:100% 0.6rem!important; }
.daily-elle .scroll-content{ position: absolute; top:0; left:0; }
.daily-elle .scroll-content .dotline{position:absolute;left:0;top:48.5%;width:100%;border-top:1px dotted #000;height:0px;}
.daily-elle ul{ width:27.8125rem; }
.daily-elle ul li{float:left; width:13.125rem;  margin-top:0.9375rem;}
.daily-elle ul li:nth-child(odd){ margin-right:1.5625rem;}
.daily-elle ul li a.cover{ position: relative; display:block;width:100%; overflow:hidden; height:8.75rem;}

.daily-elle ul li img{ width:100%;/*max-height:8.75rem;*/}
.daily-elle ul li p{margin:0.625rem 0 0.9375rem 0;font:0.875rem/1rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;text-align:center;height:1rem;overflow:hidden}

/*center-banner*/
.center-banner{width:300px; margin:1.5625rem auto 0 auto; overflow:hidden}
.center-banner.rectangle{ width:300px;}
.center-banner>div , .center-banner .app-ad>div,.center-banner .h5-ad>div { margin: 0 auto!important; max-width:100%; height: auto!important}
.center-banner a img { width:100%!important; height:auto!important; vertical-align:top;}
.center-banner.rectangle .app-ad>div,.center-banner.rectangle .h5-ad>div { margin-top:1.5625rem!important;}
/*floor*/
.floor{margin-top:1.5625rem;}
.floor .black-title{background-color:#000;text-align:center;height:2rem;line-height:2rem;}
.floor .black-title .titleImg img{height:1rem;vertical-align: middle;}
.floor .bx-content{position:relative;width:100%;overflow:hidden;}
.floor .bx-content li img{width:100%;/*max-height:26.6563rem;*/}
.floor .bx-content li a.cover{display:block;width:100%;/*max-height:26.6563rem;*/overflow:hidden;}
.floor .bx-content li p{width:100%;margin:0.625rem 0 0.9375rem 0;font:1.125rem/1.125rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;text-align:center;height:1.125rem;overflow:hidden}

.floor .bx-content .bx-viewport{position:relative;z-index:10;}
.floor .bx-content .bx-controls{/*position:absolute;top:0%;left:0%;*/width:100%;height:100%;z-index:1;}
.floor .bx-content .bx-pager{/*position:absolute;top:100%;left:0%;*/width:100%;text-align:center;}
.floor .bx-content .bx-pager .bx-pager-item{display:inline-block;width:0.9063rem;height:0.875rem;margin:0 0.4063rem 0 0.4375rem;}
.floor .bx-content .bx-pager .bx-pager-item a{display:block;width:100%;height:100%;border-radius:100%;text-indent:9999px;background-image:url(images/gerydot.png)}
.floor .bx-content .bx-pager .bx-pager-item a.active{background-image:url(images/blackdot.png)}
.floor .bx-content .bx-controls-direction{display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.floor .bx-content .bx-prev{position:absolute;display:block;width:10%;height:100%;left:0;}
.floor .bx-content .bx-next{position:absolute;display:block;width:10%;height:100%;right:0;}

.floor .bx-bg-content{position:relative;width:100%;margin-top:1.5625rem;padding:0.9375rem 0 0.8125rem 0;background:url(images/bg.png) repeat; background-size: 0.25rem 0.25rem; overflow:hidden;}
.floor .bx-bg-content .bg-warp{position:relative;width:81.25%;margin:0 auto;/*overflow:hidden;*/}
.floor .bx-bg-content li{/*width:81.25%;*/margin:0 auto;overflow:hidden;}
.floor .bx-bg-content li .t-z{width:46.15%;overflow:hidden;}
.floor .bx-bg-content li .t-z .cover{display:block;width:100%;/*max-height:7.5rem;*/overflow:hidden;height:7.5rem;}
.floor .bx-bg-content li .t-z .cover img{width:100%;}
.floor .bx-bg-content li .t-z .double-title{display:block;width:100%;overflow:hidden;text-align:center}
.floor .bx-bg-content li .t-z .double-title .img-title{height:0.5625rem;padding:0 0.5625rem 0.1875rem 0.5625rem; border-bottom:1px dotted #000;margin:0.625rem auto 0 auto}

.double-title i.shoes,.double-title i.jewellery ,.double-title i.bags,.double-title i.clothes,.double-title i.watch,.double-title i.Sportswear,.double-title i.Sneaker,.double-title i.Trendy,.double-title i.Must-Have  { position: relative; display: block; width:100%;  height:0.5625rem; margin-top: 0.625rem;  /*padding:0 0.5625rem 0.1875rem 0.5625rem;  border-bottom:1px dotted #000;margin:0.625rem auto 0 auto*/}

.double-title i.shoes {background:url(images/shoes.png) no-repeat center center; background-size:auto 0.5625rem;}
.double-title i.jewellery { background:url(images/accessories.png) no-repeat center center; background-size:auto 0.5625rem;}
.double-title i.bags {background:url(images/bags.png) no-repeat center center; background-size:auto 0.5625rem;}
.double-title i.clothes {background:url(images/clothes.png) no-repeat center center; background-size:auto 0.5625rem;}
.double-title i.watch {background:url(images/watch.png) no-repeat center center; background-size:auto 0.5625rem;}

.double-title i.Sportswear  {background:url(images/sportswear.png) no-repeat center center; background-size:auto 0.5625rem;}
.double-title i.Sneaker  { background:url(images/sneaker.png) no-repeat center center; background-size:auto 0.5625rem;}
.double-title i.Trendy  {background:url(images/trendy.png) no-repeat center center; background-size:auto 0.5625rem;}
.double-title i.Must-Have {background:url(images/must_have.png) no-repeat center center; background-size:auto 0.5625rem;}


.double-title i.shoes:after,.double-title i.jewellery:after ,.double-title i.bags:after,.double-title i.clothes:after,.double-title i.watch:after,.double-title i.Sportswear:after,.double-title i.Sneaker:after,.double-title i.Trendy:after,.double-title i.Must-Have:after { content:''; position: absolute; left:50%; bottom:-0.1875rem; -webkit-transform: translate(-50%, 0); width:45%; height:0; border-bottom: 1px dotted #000; overflow: hidden; }

.double-title i.shoes:after { }
.double-title i.jewellery:after {width: 90%;}
.double-title i.bags:after {}
.double-title i.clothes:after { width:65%; }
.double-title i.watch:after {}

.double-title i.Sportswear:after {width:85%;}
.double-title i.Sneaker:after{width:60%;}
.double-title i.Trendy:after{ width:55%; }
.double-title i.Must-Have:after{width:75%;}


.floor .bx-bg-content li .t-z .double-title p{margin:0.5rem 0 0 0;font:0.875rem/1.125rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;text-align:center;height:3.375rem;overflow:hidden}

.floor .list34-content{position:relative;/*width:100%;*/padding:0 1.56%;margin-top:1.5625rem;}
.floor .list34-content ul{}
.floor .list34-content ul li{float:left;width:48.45%;}
.floor .list34-content ul li:nth-child(odd){float:right;}
.floor .list34-content ul li img{width:100%;/*max-height:12.5rem;*/}
.floor .list34-content ul li a.cover,.floor .list34-content ul li a.p-title{display:block;}
.floor .list34-content ul li a.cover{width:100%;overflow:hidden;height:12.5rem;}
.floor .list34-content ul li a.p-title p{margin:0.625rem 0 0 0;font:0.875rem/0.875rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;text-align:center;height:0.875rem;overflow:hidden}

.f1{margin-top:3.125rem;}
.f1 .bx-content li a.cover{height:26.6563rem;}

.f2 .bx-content li img{width:100%;/*max-height:13.3438rem;*/}
.f2 .bx-content li p{}
.f2 .bx-content li a.cover{height:13.3438rem;}

.f3 .black-title .titleImg img{height:1.5938rem;}
.f3 .superelle-content{position:relative;width:100%;}
.f3 .superelle-content a.video{position:relative;display:block;width:100%;/*max-height:12.5rem;*/overflow:hidden;height:12.5rem;}
.f3 .superelle-content a.video img{width:100%;/*max-height:12.5rem;*/}
.f3 .superelle-content a.video .play{position:absolute;left:50%;top:50%;margin:-1.9531rem 0 0 -1.9531rem;width:3.9063rem;height:3.9063rem;background-image:url(images/play.png)}
.f3 .superelle-content a.p-title{display:block;}
.f3 .superelle-content a.p-title p{width:100%;margin:0.625rem 0 0 0;font:1.125rem/1.125rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;text-align:center;height:1.125rem;overflow:hidden}

.f4 .bx-content li a.cover{height:26.6563rem;}

.f5 .feature-content{position:relative;width:100%;}
.f5 .feature-content a.cover{position:relative;display:block;width:100%;/*max-height:13.3438rem;*/overflow:hidden;height:13.3438rem;}
.f5 .feature-content a.cover img{width:100%;/*max-height:13.3438rem;*/}
.f5 .feature-content a.p-title{display:block;}
.f5 .feature-content a.p-title p{width:100%;margin:0.625rem 0 0 0;font:1.125rem/1.125rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;text-align:center;height:1.125rem;overflow:hidden}

/*channel*/
/*channel-head*/
.channel-head .head-bg{height:2.4688rem}
.channel-head .head-button{background-color:#f8f8f8}
.channel-head .head-button .hb-logo{top:0.4062rem;height:1.75rem;width:38%;left:31.64%}
.channel-head .head-button .hb-list-menu{top:0.7188rem;left:0.625rem;width:1.125rem;height:0.9375rem;background:url(images/icon-menu-b.svg);}
.channel-head .head-button .hb-search{top:0.625rem;right:0.625rem;width:1.0938rem;height:1.125rem;background-image:url(images/search-black.png);}
/*channel-nav*/
.channel-nav .nav-content li a{border-top:1px #8a8a8a solid}
.channel-nav .nav-content li a.active{background-color:#151515;color:#fff;}

/*list*/
.channel-list-title{margin-top:1.5625rem; text-align:center;border-bottom:1px #000 solid;}
.channel-list-title .title-en {font-size:1.3125rem; font-family:'FuturaMdBT';vertical-align:middle;}
.channel-list-title .title-cn { margin-left:0.3125rem; font-size:1.03125rem; font-family:'微软雅黑'; }
.channel-list-title .titleImg{position:relative;display:block;padding-bottom:0.8438rem;}
.channel-list-title .titleImg img{height:1.0313rem;}
.channel-list-title .titleImg:after{content:'';position:absolute;left:50%;bottom:-0.2188rem;display:block;width: 9.375rem;margin-left:-4.6875rem;height:0.4688rem; background:#000;}

.channel-list {position:relative;/*width:100%;*/padding:0 1.56%;text-align:center;}
.channel-list  ul{}
.channel-list  ul li{margin-top:1.5625rem;padding-bottom:1.4375rem;border-bottom:1px dotted #000;overflow:hidden}
.channel-list  ul li .waterfall-cell{float:left;width:48.45%;}
.channel-list  ul li .waterfall-cell:nth-child(even){float:right;}
.channel-list  ul li .waterfall-cell img{width:100%;/*max-height:12.5rem;*/}
.channel-list  ul li a.cover,.floor .list34-content ul li a.p-title{display:block;}
.channel-list  ul li a.cover{width:100%;height:12.5rem;overflow:hidden}
.channel-list  ul li a.p-title p{margin:0.625rem 0 0 0;font:0.875rem/1.125rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;text-align:center;height:3.375rem;overflow:hidden}

/*article*/
.article-content{position:relative;padding:0 0.625rem;}
.article-content .article-title{}
.article-content .article-title h1{margin:1.3125rem 0 0 0;font:1.6875rem/2.1875rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;overflow:hidden}
.article-content .article-title .abstract{margin:1.0938rem 0 0 0;padding-left:0.625rem;background:url(images/bg.png) repeat;}
.article-content .article-title .abstract p{padding:0 0.7813rem;font:0.8125rem/1.3125rem 'Microsoft Yahei','微软雅黑','Verdana';color:#666;background-color:#fff;}
.article-content .article-title .detail-source{margin:1.3125rem 0 0 0;font:0.75rem/0.75rem 'Microsoft Yahei','微软雅黑','Verdana';overflow:hidden;text-align:left;height:0.8rem;}
.article-content .article-title .detail-source span{display:inline-block;margin-right:0.35rem;font:0.75rem/0.75rem 'Microsoft Yahei','微软雅黑','Verdana';color:#878787;}

.article-content .article-detail{padding-top:0.9375rem;}
.article-content .article-detail p{margin-top:1.3125rem;font:0.8125rem/1.3125rem 'Microsoft Yahei','微软雅黑','Verdana';color:#3e3e3e;}
.article-content .article-detail img{text-align:center;width:100%;}
.article-content .content-video {margin-top:1rem}

.morefrom-warp{margin-top:1.5625rem;}
.morefrom-warp .border-title{text-align:center;border-bottom:1px #000 solid;}
.morefrom-warp .border-title p{padding-bottom:0.625rem;font:1rem/1rem 'Verdana','Microsoft Yahei';color:#000;}
.morefrom-warp .border-title .channel-title{position:relative;display:block;font:1.625rem/1.625rem 'Verdana','Microsoft Yahei';color:#000;font-weight:bold;padding-bottom:0.8438rem;}
.morefrom-warp .border-title .channel-title:after{content:'';position:absolute;left:50%;bottom:-0.2188rem;display:block;width: 9.375rem;margin-left:-4.6875rem;height:0.4688rem; background:#000;}

.morefrom-warp .morefrom-list{overflow:hidden}
.morefrom-warp .morefrom-list .morefrom-cell{float:right;display:block; width:50%; margin-top:1.5625rem; padding:0 0.3125rem; box-sizing:border-box; }
.morefrom-warp .morefrom-list .morefrom-cell:nth-child(odd){float:left; }
.morefrom-warp .morefrom-list .morefrom-cell .morefrom-cell-img{display:block; height:9.375rem;overflow:hidden}
.mr_superelle .morefrom-list .morefrom-cell .morefrom-cell-img{display:block; height:auto;overflow:hidden}
.morefrom-warp .morefrom-list .morefrom-cell .morefrom-cell-img img{width:100%;}
.morefrom-warp .morefrom-list .morefrom-cell .itemTitle{display:block;margin:0.5rem 0 0 0;font:0.875rem/1.125rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;text-align:center;height:3.375rem;overflow:hidden}
.morefrom-warp .morefrom-list .black-line{float:left;display:block;width:96.77%;margin:1.4375rem 1.615% 0 1.615%;height:0.3438rem;background-color:#000;}

/*left-menu*/
.detail-leftmenu {position: fixed;left: 0;top: 10%;z-index:6;width: 2.125rem;}
.detail-leftmenu a{display: flex; width: 2.125rem; height: 2.125rem;margin-bottom: 1px; background: rgba(0,0,0,.6); color: #fff; text-align: center; padding-top: 0; box-sizing: border-box;justify-content:center; align-items:Center;display: -webkit-flex; }
.detail-leftmenu .iconfont{display: inline-block; text-align: center;}
.detail-leftmenu .icon-home{ height: 0.9375rem; width: 1.0938rem;  background-image:url(images/icon-home.png)}
.detail-leftmenu .icon-hamburgermenu {width:1.125rem; height: 0.9375rem; background-image:url(images/icon-hamburgermenu.png)}
.detail-leftmenu .icon-fenxiang { width:1.0625rem; height: 1.0938rem; background-image:url(images/icon-fenxiang.png)}
.detail-leftmenu .icon-backtop{ width:1.0938rem; height: 1rem; background-image:url(images/icon-backtop.png)}

/*channel content*/
.today-focus .hot-icon{position:relative;float:left;width:2.5rem;height:2.6875rem;border-bottom:1px #000 solid;background-image:url(images/hot-icon.png);}
.today-focus .title img{height:2.0625rem;}
.c-f1 .morefrom-warp .morefrom-list .black-line:nth-child(even){height:0; background: #fff; border-top:1px dotted #000}

.c-f1 .bx-bg-content{padding:0.9375rem 0 0 0;}
.c-f1 .bx-bg-content .whitebg{position:absolute;left:0;bottom:0;width:100%;height:1.5625rem;z-index:1;background-color:#fff;}
.c-f1 .bx-bg-content ul{}
.c-f1 .bx-bg-content .bg-warp{z-index:5}
.c-f1 .bx-bg-content .bx-viewport{position:relative;z-index:10;}
.c-f1 .bx-bg-content .bx-controls{width:100%;height:100%;z-index:5;}
.c-f1 .bx-bg-content .bx-pager{width:100%;text-align:center;margin-top:1.4375rem;}
.c-f1 .bx-bg-content .bx-pager .bx-pager-item{display:inline-block;width:0.9063rem;height:0.875rem;margin:0 0.4063rem 0 0.4375rem;}
.c-f1 .bx-bg-content .bx-pager .bx-pager-item a{display:block;width:100%;height:100%;border-radius:100%;text-indent:9999px;background-image:url(images/gerydot.png)}
.c-f1 .bx-bg-content .bx-pager .bx-pager-item a.active{background-image:url(images/blackdot.png)}
.c-f1 .bx-bg-content .bx-controls-direction{display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.c-f1 .bx-bg-content .bx-prev{position:absolute;display:block;width:10%;height:100%;left:0;}
.c-f1 .bx-bg-content .bx-next{position:absolute;display:block;width:10%;height:100%;right:0;}
.c-f1 .morefrom-warp .morefrom-list .morefrom-cell .morefrom-cell-img{height:12.5rem;}

.c-f3 .morefrom-warp .morefrom-list .black-line:nth-child(odd){height:0;border-top:1px dotted #000; background: #fff;}
.c-f3,.c-f3 .morefrom-warp{margin-top:0;text-align:center}
.c-mtop{margin-top:1.5625rem}
.c-f3 .morefrom-warp .loadding{margin-top:1.5625rem;width:3.125rem;height:3.125rem;}
.c-f3 .morefrom-warp .morefrom-list .morefrom-cell .morefrom-cell-img{height:12.5rem;}
.c-f3 .morefrom-warp .morefrom-list .channel-waterfall .morefrom-cell .morefrom-cell-img{height:6.25rem;}

.c-f2 {}
.c-f2 .border-warp{margin:0 0.625rem;border:1px dotted #000;border-right:8px solid #000;border-bottom:8px solid #000;padding-top:1.5625rem;}
.c-f2 .border-warp .t-z{width:76.14%;margin:0 auto;padding-bottom:1.75rem;}
.c-f2 .border-warp .t-z .cover{display:block;width:100%;height:9.375rem;overflow:hidden}
.c-f2 .border-warp .t-z .cover img{width:100%;}
.c-f2 .border-warp .t-z .p-title{display:block;width:100%;}
.c-f2 .border-warp .t-z .p-title p{display:block;margin:0.5rem 0 0 0;font:0.875rem/1.125rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;text-align:center;height:2.25rem;overflow:hidden}
.c-f3 .channel-waterfall .channel-waterfall-warp li{overflow:hidden;}

.c-items {}
.c-items li{ float: left; margin-bottom:1.5625rem; padding:0 0.625rem; width:50%; -webkit-box-sizing:border-box; text-align:center; }
.c-items li a { display: block; }
.c-items li a img { width:100%; }
.c-items li a p{margin:0.5rem 0 0 0;font:0.875rem/1.125rem 'Microsoft Yahei','微软雅黑','Verdana';color:#000;text-align:center;height:3.375rem;overflow:hidden}

.loadding { margin-top:1.5625rem; height:4.375rem; background:url(images/loading.gif) no-repeat center center; background-size:auto 100%;  }

/*number*/
.number-2016{background-position: 0 0;}
.number-2017{background-position: -3.1625rem 0;}
.number-2018{background-position: -6.4875rem 0;}
.number-2019{background-position: -9.81875rem 0;}
.number-2020{background-position: -13.0125rem 0;}

.superelle-list li { margin-top:1.5625rem; }


/*your choice*/
.choice-mdoule { margin-top:1.5625rem; }
.choice-title { text-align: center; }
.choice-title img { height:1.375rem; }
.choice-inner {}
.choice-inner li {position: relative; padding:0 2.65625rem 0.9375rem; background:url(images/bg.png) repeat; background-size: 0.25rem 0.25rem;  }
.choice-inner li:first-child {margin-bottom: 0.9375rem;}
.choice-inner li:last-child:after { position: absolute; bottom:-0.125rem; left:50%; margin-left:-6.5rem; content:''; width:13rem; height: 0.125rem; background: #000; }
.choice-inner .yc-title { height:2.625rem; padding:1.25rem 0 0.875rem; line-height: 1.09375rem; font-size:0.75rem; overflow: hidden;  }
.choice-inner .yc-title span { float: left; display: block; height:100%; margin:0.12rem 0.625rem 0 0; }
.choice-inner .yc-title span img { height:1.6875rem;}
.choice-inner .yc-title p { height:2.1875rem; overflow:hidden; }
.yc-inner { padding:0.3125rem; background: #fff; }
.yc-inner .ys-person { float:left; width:50%;  -webkit-box-sizing:border-box; }
.yc-inner .ys-person:nth-child(even) { border-left:1px solid #fff;}
.yc-inner .ys-person:nth-child(odd) { border-right:1px solid #fff;}
.yc-inner .ys-p-title {  max-height:1.6875rem; line-height: 0.84375rem; overflow: hidden; text-align: center; font-size:0.65625rem; color:#000; }
.yc-inner .ys-p-title em {display: inline-block; width:0.84375rem; height:0.84375rem; margin-right:0.25rem; line-height:0.84375rem; vertical-align:top; background: #000; border-radius:100%; color:#fff; }
.yc-inner .ys-photo  img{ width:100%; }
.yc-inner .ys-photo { position: relative; height:9.375rem; margin: 0.3125rem 0 0.3125rem; overflow: hidden; }
.yc-inner .tool-bar { position: relative; height:1.21875rem; border-top:1px solid #fff; line-height: 1.21875rem; background: #000; overflow: hidden; text-align: right; font-size:0.5625rem; color:#fff; }
.yc-inner .tool-bar span { position:absolute; top:0; right:0.3125rem; z-index:9;  display: block; height:100%; }
.yc-inner .tool-bar .percent { position: absolute; top:0; left:0; z-index:7; display: block; height:100%; background: #f6bfc0;  }
.yc-inner .tool-bar .percent em { position:absolute; top:50%; right:-6px; margin-top:-3px; z-index:8; width: 0; height: 0; border-top:3px solid transparent; border-left:6px solid #000; border-bottom:3px solid transparent;}

.ys-photo i.vote{ position:absolute; bottom:-8px; left:50%; z-index:2; display:block; width:66px;height:8px; margin-left:-33px;  background:url('http://images.ellechina.com/templates/ellechina/2016/images/theme/celebrity/yourchoice-icon.png') no-repeat; background-size:100% auto}
.ys-photo:hover i.vote{z-index:2!important}
.ys-photo i.vote em{position:absolute; bottom:0; top:5px; left:50%; display:block; width:49.5px; height:44px; margin-left:-25px; background:url('http://images.ellechina.com/templates/ellechina/2016/images/theme/celebrity/yourchoice.png') no-repeat;background-size:100% auto}

.voteing {-webkit-animation:vote 0.3s 1 cubic-bezier(0, 0.4, 0.34, 0.99);}
@-webkit-keyframes vote{
	0% { bottom:-8px }
	100% { bottom: 0 }
}

.emvoteing {-webkit-animation:emvote 0.3s 1 cubic-bezier(0, 0.4, 0.34, 0.99);}
@-webkit-keyframes emvote{
	0% { top:5px; }
	100% { top:-39px; }
}

/*choice 动画*/
.canvas-wrap { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 2;}
.canvas-wrap .canvas-mask { width:100%; height:100%; background:#000; opacity:0; }
.canvas-wrap .canvas-circle,.canvas-wrap .canvas-hook  { position: absolute; top:35%; left:50%; width:3.4375rem; height:3.4375rem; margin-left:-1.71875rem; overflow: hidden;}
.canvas-wrap .canvas-circle { z-index: 3; opacity: 1;}
.canvas-wrap .canvas-hook { z-index:4; opacity:0;  background:url("images/hook.png") no-repeat center center; background-size:55% auto;}
.canvas-circle canvas { width:100%; height:100%;}


.canvas-wrap .canvas-circle.active {opacity:1; -webkit-animation:circleing 2s 1 cubic-bezier(0, 0.4, 0, 0.95);}

@-webkit-keyframes circleing {
	0%{

	}

	75% {
		opacity:1;
	}

	90% {	
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

.canvas-wrap .canvas-mask.active {opacity:0; -webkit-animation:masking 2s 1 cubic-bezier(0, 0.4, 0, 0.95);}
@-webkit-keyframes masking {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 0.2;
	}
	50% {

	}
	75% {
		opacity: 0.2;
	}
	100% {
		opacity:0;
	}
}

.hook {-webkit-animation:hooking 2s 1 cubic-bezier(0, 0.4, 0, 0.95);}
@-webkit-keyframes hooking {
	0% {
		opacity:0; 
	}
	15%{
		opacity:0;
		top:40%; 
	}
	35% {
		opacity: 1;
		top:35%;
	}
	75% {
		opacity:1;
	}
	100%{
		opacity:0;
	}
}


/*底部广告*/
.elle_AD { display:block; position: relative; }
.elle_AD>div:after {display: block; position:absolute;  right:0; bottom:0; width:35px; height:21px; content:''; background:url('http://i.adsame.com/dolphin/elle_ADtag.png') no-repeat; }

.article-ad{  /*position: relative; margin-bottom:1.875rem;  height: 50px;  */ position: fixed; bottom: 0; left: 0; right: 0;  z-index: 9; width: 100%;}
.article-ad-inner>div,.ad-top-inner>div {width:100%!important; height:auto!important;}
.article-ad-close{position: absolute; right:0; top: 0; width:1.09375rem; height:1.09375rem; z-index:9; opacity:0.5; background: #505050; max-height:100%;}
.article-ad-close:before,.article-ad-close:after{ position: absolute; top:0.5rem; left:0.075rem; display: block; content:""; width:1rem; height:2px; overflow: hidden; background: #fff; }
.article-ad-close:before{ -webkit-transform:rotate(45deg);}
.article-ad-close:after{ -webkit-transform:rotate(-45deg);}
.article-ad a,.article-ad img { display: block; width:100%!important; height:auto!important; }
.article-ad .article-ad-close { left:0px; width: 0.75rem;height:0.75rem;} 
.article-ad .article-ad-close:before,.article-ad .article-ad-close:after{ top: 0.3rem; left: 0.03rem; width:0.7rem;}
/*顶通广告*/
.top-ad-banner { position: relative; width:100%; overflow:hidden;}
.top-ad-banner img { width:100%!important; height:auto!important; }
.top-ad-banner .article-ad-close { display: none!important; }


/*home page loading*/
.loading {position:absolute; top:0; left:0; z-index:99; width:100%; height:100%; background: #000; overflow: hidden;}
.loading:after { content:''; display: block; position: absolute; top:0; left:0; width:9999px; height:9999px; opacity:1; background:#d4d4d4; -webkit-transition:1.4s opacity cubic-bezier(.77,0,.175,1); }
.loading.scaleY:after { opacity:0; }
.loading img { width:100%!important; height:auto!important;}

.logo{display: none; position:fixed; z-index: 999999; opacity:1; top:0;left:0%;width:100%; height:3.43753rem;text-align:center; -webkit-transform:scale(1) translate3d(0,14rem,0)}
.logo img{height:100%;}

.move {opacity:1; -webkit-animation:moveanimate 1.2s 1 cubic-bezier(1, 0.07, 0.92, 0.88); }
@-webkit-keyframes moveanimate {
	0% { 
		opacity:1; 
	}
	
	66%{
		opacity:0;
	}	

	100%{
		opacity:0;
	}
}

.scaleY {-webkit-animation: gif 1.2s 1 ease-in-out; }
@-webkit-keyframes gif{
	0% { 
		height:100%; 
		opacity:1;
	}
	
	75%{
		height:6.6563rem;
		opacity:1; 
	}

	100%{
		height:6.6563rem;
		opacity:0;
	}
}

.home-body .em-head .head-button .hb-logo {opacity:0; -webkit-transition:2.5s cubic-bezier(.77,0,.175,1); -webkit-transform:translate3d(0,0.5rem,0); }
.home-body .em-head .head-button .hb-logo.fade { opacity:1; -webkit-transform:translate3d(0,0,0); }
.home-body .daily-elle ul li .fadeIn,.home-body .em-head .head-bg.fadeIn{
	opacity:1;
	transition:0.55s opacity cubic-bezier(.77,0,.175,1)
}
.home-body .daily-elle ul li .cover:after{content:''; display: block; position: absolute; top:0; left:0; z-index:1; opacity:1; width: 100%; height:100%;  background: #000; -webkit-transition:.55s opacity cubic-bezier(.77,0,.175,1);}
.home-body .daily-elle ul li a.is-loaded:after {opacity:0;}

.dailymove {-webkit-animation:domove 2s 1 cubic-bezier(0, 0.4, 0.34, 0.99);}
@-webkit-keyframes domove {
	0%{		
		-webkit-transform:translate3d(0,1rem,0);
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
	}
}


.kv_type_ad>div,.kv_type_ad img {width:100%!important; height:auto!important;}


.artcile_btm_ad,.artcile_center_ad,.list_top_ad{height:0px;}

/*全屏广告*/
.fullpage-ad {display: none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; }
.fullpage-ad>div,.fullpage-ad>div a img { width:100%!important; height: auto!important;}
.fullpage-ad iframe {}
.fullpage-ad .fullpage-ad-close {position: absolute; right:0; top: 0; width:5.25rem!important; height:1.625rem!important; z-index:9; text-align: center; line-height:1.625rem; background: url(images/home_ad_btn.png) no-repeat; background-size:100% auto; color:#fff; font-size:0.85rem;}

.fixed-bar { }
.fixed-bar-mask {display:none; position:absolute; left: 0; bottom:-34px; width: 100%; height: 34px; background:#fff; opacity: 0.8; }