/*public*/
/**{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; border: 0; outline: 0; font-size: 13px;line-height: 1.4; }
body {font-size:14px; font-family:"microsoft yahei"; color:#323232;}
ol,ul,li {list-style:none;}
img {border:none;display: inline-block;vertical-align: middle;}
a {text-decoration:none; font-size:14px; color:#323232; /*transition:500ms all linear;*/}
/*a:hover{color:#000 !important;}*/
td,th,caption { font-size:15px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:14px; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
img { border:none; vertical-align: middle;}
input, textarea, select, button { font-size:15px; }
input { border:0;resize: none; }
table { border-collapse:collapse; }
html {overflow-y: scroll;font-size:14px;min-width:990px;}
input[type="button"], input[type="submit"], input[type="reset"],textarea {-webkit-appearance: none;}
input[type="radio"] {-webkit-appearance: radio;}
@font-face {
	font-family:'lt';
	src: url(../fonts/lanting.TTF);
}
body{font-family:"microsoft yahei",sans-serif;}
/*p{text-align: justify;}*/
.i:after{content: "";background: url(../images/icon.png) no-repeat;position: absolute;}
.i-tel:after{width: 18px;height: 18px;background-position: 0 -318px;}
.i-user:after{width: 24px;height: 18px;background-position: 0 -340px;}
.i-fake:after{width: 17px;height: 18px;background-position: 0 -365px;}
.i-join:after{width: 18px;height: 18px;background-position: 0 -388px;}
.i-join:after{width: 18px;height: 18px;background-position: 0 -388px;}
.i-cart{width: 30px;height: 28px;background: url(../images/icon.png) no-repeat 0 -413px;}
.nbl{width: 1600px;margin:0 auto;width: 83.333%;}
.nbs{width: 1200px;margin:0 auto;width: 62.5%;}
.txt-center{text-align: center;}
.cf:before,.cf:after{content:"";display:table;}
.cf:after { clear:both;}
.red{color:#D0112B !important;}
.lside{float: left;}
.rside{float: right;}
.w20{width: 20%;}
.w25{width: 25%;}
.w33{width: 33.33%;}
.w50{width: 50%;}
.elli{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
.picbox img{width: 100%;}
.btnred{background-color: #d0112b;color:#fff;padding:0 8px;line-height: 34px;display: inline-block;vertical-align: middle;font-size: 18px;}
.brmin{font-size: 14px;line-height: 30px;padding:0 20px;border-radius: 5px;-webkit-border-radius: 5px;}
.banner{overflow: hidden;}
.banner img{width: 100%;}
.header{position: relative;border-bottom:2px solid #d0112b;z-index: 99;background:#fff;}
.header .nbl{position: relative;}
.header .login{color:#d0112b;}
.header .top{background-color: #f9f9f9;padding:8px 0;border-bottom: 1px solid #f0f0f0;height: 18px;}
.header .top .rside a{position: relative;padding-left: 23px;margin-left: 15px;color:#5d5d5d;transition: all 400ms linear;font-size: 14px;}
.header .top .rside a:after{left: 0;}
.header .top .rside a:hover{color:#D0112B;}
.header .top .rside a.i-tel{font-weight: bold;}
.header .top .rside .i-user{padding-left: 30px;}
.header .logo{width: 19.5625%;display: block;float: left;margin-top: 14px;position: absolute;left: 0;top: 50%;margin-top: -2.28125%;}
.header .logo img{width: 100%;}
.header .searchbox{width: 20.3125%;border:1px solid #b3b3b3;height: 32px;border-radius: 32px;-webkit-border-radius: 32px;top: 50%;margin-top:-6px;position: relative;position: absolute;right: 0;overflow: hidden;}
.header .searchbox input{height: 32px;}
.header .searchbox .keyword{width: 78%;background: none;float: left;margin-left: 6%;line-height: 32px;}
.header .searchbox .submit{width: 22px;float: right;background: url(../images/icon_search.png) no-repeat 0 4px;position: absolute;right: 10px;}

.header .nav{text-align: center;margin-top: 34px;}
.header .nav li{display: inline-block;}  
.header .nav li a{display: block;/*margin:0 -22%;*/height: 74px;line-height: 60px;font-size: 16px;padding:0 20px 0 40px;position: relative;}
.header .nav li.on a:before{content: "";width: 11px;height: 6px;background: url(../images/icon.png) no-repeat 0 -447px;position: absolute;left: 22px;top: 28px;}
.header .nav li:hover a,.header .nav li.cur a{background-color: #D0112B;color:#fff;}
.header .nav li:hover a:before,.header .nav li.cur a:before{background-position: -13px -447px;}
 
.header .top .cart{margin-right: 10px;padding-bottom: 5px;}
.header .top .cart .cartnum{font-size: 12px;width: 18px;height: 18px;border-radius: 50%;background-color: #d0112b;color:#fff;display: block;line-height: 18px;text-align: center;margin:-9px 0 0 16px;position: absolute;top: 4px;right: -8px;}

.header-navson{box-shadow: 0 0 20px #ccc inset;top: 0;z-index: 9999;position: absolute;width: 100%;top: 146px;display: none;}
.header-navson dl{width: 22%;float: left;margin:0 1.5%;}
.header-navson dt a{display: block;max-width: 200px;width: 100%;}
.header-navson dt img{width: 100%;}
.header-navson dd{margin-top: 10px;}
.header-navson dd p{margin:2.5% 0;}
.header-navson dd a{color:#5d5d5d;}
.header-navson dd a:hover{color:#d0112b;text-decoration: underline;}
.header-navson .skinnavbox{text-align: center;}
.header-navson .skin-img{width: 30.5%;display: inline-block;vertical-align: middle;}
.header-navson .skin-img img{width: 100%;}
.header-navson .skin-nav{width: 25%;display: inline-block;vertical-align: middle;margin-left: 3%;}
.header-navson .skin-nav p{width: 50%;text-align: left;float: left;margin:2% 0;}
.header-navson li{box-shadow: 0 0 10px #ccc;padding: 2% 0 1%;background-color: rgba(255,255,255,.8);background-color: #fff;display: none;}
.header-navson li.now{display: block;}
.header-navson li.womproduct{text-align: center;}
.header-navson li.womproduct dl{float: none;display: inline-block;vertical-align: middle;text-align: left;}
/*首页*/
.banner{position: relative;}
.banner .hd{position: absolute;left: 0;right: 0;bottom: 2%;z-index: 9;text-align: center;}
.banner .hd li{width: 10px;height: 10px;border:1px solid #ccc;display: inline-block;border-radius: 50%;-webkit-border-radius:50%;text-indent: 999999px;margin:0 6px;cursor: pointer;background-color: #ccc;opacity: .6;filter:alpha(opacity=60);transition: all 500ms linear;-moz-transition: all 500ms linear;-webkit-transition: all 500ms linear;box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;}
.banner .hd li.on{background-color: #d0112b;border-color:#d0112b;width: 20px;border-radius: 10px;-webkit-border-radius: 10px;opacity: 1;filter:alpha(opacity=100);}
.indcont01{margin-top: 2.6%;}
.ind_cata{}
.ind_cata li a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 8;}
.ind_cata li{width: 23.875%;float: left;margin-right: 1.5%;position: relative;}
.ind_cata li:last-child{margin-right: 0;}
.ind_cata li img{width: 100%;}
.ind_cata li p{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(225,244,248,.6);text-align: center;padding:3.2% 0 6%;transition:all 500ms linear;-moz-transition:all 500ms linear;-webkit-transition:all 500ms linear;}
.ind_cata li p span{border-bottom:2px solid #d33e54;font-size: 24px;color:#333;padding-bottom: 1.5%;}
.ind_cata li:hover p{padding-bottom: 14%;}
.indtitle{text-align: center;margin:3% 0 4%;}
.indtitle .en{color:#e4e4e4;font-size: 50px;text-transform: uppercase;}
.indtitle .ensmall{color:#000;font-size: 24px;text-transform: uppercase;}
.indtitle .cn{color:#000;font-size: 36px;margin:1% 0;letter-spacing: 4px;}
.indtitle .subtxt{color:#5d5d5d;font-size: 24px;}
.indtitle .subtxt .btnred{margin-left: 10px;}

.adviserbox{background-color: #f8f8f8;}
.slide-adviser{width: 44%;float: left;padding:1.35% 3% 0;position: relative;}
.slide-adviser .tempWrap{margin:0 auto;}
.prev-next{position: absolute;height: 90px;top: 50%;margin-top: -45px;width: 100%;left: 0;}
.prev-next a{width: 24px;height: 100%;background: url(../images/prev_next.png) no-repeat #f8f8f8;display: block;position: absolute;z-index: 9;}
.prev-next .prev{background-position: 2px 7px;left: 3%;}
.prev-next .next{background-position: -31px 7px;right: 2.6%;}
.adviser-detail{width: 48.4375%;float: right;background-color: #e7eef6;}
.adviser-detail .picbox{width: 66.6237%;}
.adviser-detail .picbox img{width: 100%;}
.slide-adviser .adviserbody li{width: 45.55%;float: left;margin:1.875%;position: relative}
.slide-adviser .adviserbody li img{width: 100%;}
.slide-adviser .adviserbody li.on:after{position: absolute;content: "";top: 0;bottom: 0;left: 0;right: 0;border:1px solid #ccc;box-shadow: 0 0 10px #ccc;}

.adviser-detail{position: relative;}
.detailnr{position: absolute;right: 4%;top: 22%;width: 32%;}
.detailnr h4{font-size: 36px;color:#000;border-bottom: 1px solid #000;display: inline-block;vertical-align: middle;padding-bottom: 5%;}
.detailnr p{font-size: 18px;margin:8% 0 12%;}

.special-item{margin-top: 2.86%;}
.special-item .item-class .nbl{position: relative;}
.special-item .item-class img{width: 100%;}
.special-item .item-class ul{position: absolute;width: 8%;margin-top: 2%;}
.special-item .item-class li{height: 30px;line-height: 30px;width: 100%;background-color:#5d5d5d;margin-bottom: 6%;text-align: center;color:#fff;cursor: pointer;transition: all 400ms linear;}
.special-item .item-class li:hover,.special-item .item-class li.on{background-color: #d0112b;}
.item-product{margin-top: 2.375%;}
.item-product li{float: left;width: 23.875%;margin-right: 1.4375%;box-shadow: 0 2px 6px #dadada;text-align: center;padding-bottom: 1%;transition: all 500ms linear;}
.item-product li:last-child{margin-right: 0;}
.item-product li img{width: 100%;}
.item-product li h3{font-size: 24px;color:#d0112b;margin: 2.5% auto 0;width: 90%;}
.item-product li .title{color:#5d5d5d;margin:1.5% 5% 2%;}
.item-product li .more{background-color: #d0112b;color:#fff;line-height: 25px;border-radius: 25px;-webkit-border-radius: 25px;padding:0 10px}
.item-product li:hover{box-shadow: 0 2px 15px #abaaaa;}

.protab{}
.protab .protab-cata{text-align: center;margin-bottom: 2.5%;}
.protab .protab-cata li{background-color: #eef4fa;width: 13.5%;height: 45px;line-height: 45px;font-size: 18px;margin:0 4px;text-align: center;display: inline-block;vertical-align: middle;position: relative;transition: all 200ms ease-in-out;cursor: pointer;}
.protab .protab-cata li:before{transition: all 300ms ease-in-out;content: "";left: 5px;right: 5px;top: 5px;bottom: 5px;position: absolute;border:1px solid #eef4fa;}
.protab .protab-cata li:after{content: "";width: 14px;height: 8px;background: url(../images/arrow_d.jpg) no-repeat;left: 50%;margin-left: -7px;bottom: -7px;position: absolute;opacity: 0;filter: alpha(opacity=0);transition: all 300ms ease-in-out;}
.protab .protab-cata li:hover:before,.protab .protab-cata li.on:before{left: 0;right: 0;top: 0;bottom: 0;border-color:#d0112b;}
.protab .protab-cata li:hover:after,.protab .protab-cata li.on:after{opacity: 1;filter: alpha(opacity=100);}
.protab .protab-cata li:hover,.protab .protab-cata li.on{background-color: #fff;}

.indpronr .propicul .item img{transition: all 500ms linear;-moz-transition: all 500ms linear;-webkit-transition: all 500ms linear;}
.indpronr .propic{width: 74.625%;float: left;}
.indpronr .propicul{position: relative;}
.indpronr .propicul:last-child{margin-right: 0;}
.indpronr .propicul .item{width: 280px;margin-bottom: 7.77%;box-shadow: 0 1px 5px #d9d9d9;border-radius: 0 0 3px 3px;padding-bottom: 2.5%;transition: all 500ms linear;}
.indpronr .propicul .item .title{font-size: 16px;color:#000;padding:4% 3%;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.indpronr .propicul .item .author img{width: 30px !important;height: 30px !important;margin:0 8px 0 0 !important;display: inline-block !important;}
.indpronr .propicul .item:hover{box-shadow: 0 3px 8px #6c6c6c;background-color: #eef4fa;}
.indpronr .propicul .item .picbox{overflow: hidden;display: block;text-align: center;background-position:center center;background-size: 100%;background-repeat: no-repeat;/*box-shadow: 0 0 50px #fff inset;transition: all 400ms linear;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;*/}
.indcont01 .protab .indpronr .propicul .item .picbox{height: 280px;}
/*.indpronr .propicul .item:hover .picbox{box-shadow: 0 0 0 #fff inset}*/
.author-heart{padding:0 3%;position: relative;}
.author-heart .heart{position: absolute;right: 3%;top: 6px;}
.author-heart .heart span{position: relative;}
.author-heart .heart span:after{content: "";position: absolute;width: 16px;height: 14px;background: url(../images/icon.png) no-repeat 0 -549px;display: block;left:-20px;top: 3px;}
.protxt{width: 23.9375%;float: right;}
.protxt .protxt-title{background-color: #eef4fa;padding:5% 5% 7%;}
.protxt .protxt-title h3{font-size: 24px;color:#000;border-bottom:1px solid #5d5d5d;padding-bottom: 4%;}
.protxt .protxt-title h3 span{color:#5d5d5d;}
.protxt .protxt-title p{color:#5d5d5d;margin:2% 0 8%;}
.protxt .protxt-title .goedit{background-color: #fff;display: inline-block;line-height: 35px;position: relative;padding:0 16px 0 46px;}
.protxt .protxt-title .goedit:after{content: "";position: absolute;width: 23px;height: 23px;background: url(../images/icon.png) no-repeat -29px -539px;display: block;left: 15px;top: 6px;}
.protxt .protxt-title .goedit:hover:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-shadow: 0 0 50px #abcdef inset;}

.protxt ul{padding:5% 4% 7%;border:1px solid #eef4fa;}
.protxt ul .num{font-size: 16px;font-weight: bold;}
.protxt ul li,.protxt ul li span,.protxt ul li a{transition: all 300ms ease-in-out;}
.protxt ul li {position: relative;padding-left: 30px;margin:4.2% 0;}
.protxt ul li a{color:#5d5d5d;}
.protxt ul li .num{position: absolute;top: 0;left: 0;}
.protxt ul li:hover{padding-left: 40px;}
.protxt ul li:hover span{left: 10px;color:#d0112b;}
.protxt ul li:hover a{color:#d0112b;text-decoration: underline;}

.indcont01 .protxt{overflow: hidden;border:1px solid #eef4fa;}
.indcont01 .protxt ul{border:none;}

.protab-more{position: relative;border:1px solid #5d5d5d;line-height: 42px;width: 202px;display: block;text-align: center;color:#5d5d5d;transition: all 200ms linear;margin:2% auto 3%;}
.protab-more:after,.protab-more:before{content: ">";position: absolute;}
.protab-more:before{left: 134px;}
.protab-more:after{left: 134px;opacity: 0;filter: alpha(opacity=0);transition: all 200ms ease-in-out;}
.protab-more:hover{color: #fff;background-color: #d0112b;border-color:#d0112b;}
.protab-more:hover:after{left: 146px;opacity: 1;filter:alpha(opacity=100);color:#fff;}

.slide-news{position: relative;}
.slide-news .bd{overflow: hidden;}
.slide-news .bd li{width: 23.875%;float: left;margin-right: 22px;position: relative;}
.slide-news .bd li a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 9;box-shadow: 0 0 150px rgba(0,0,0,.5) inset;transition:all 500ms linear;opacity: 1;filter:alpha(opacity=100);}
.slide-news .bd li img{display: block;width: 100%;}
.slide-news .bd li p{position: absolute;left: 0;right: 0;bottom: 0;text-align: center;line-height: 36px;background-color: #000;background-color:rgba(0,0,0,.5);color:#fff;transition:all 500ms linear;}
.slide-news .bd li:hover a{box-shadow: 0 0 0 rgba(0,0,0,.5) inset;opacity: 0;filter:alpha(opacity=0);}
.slide-news .bd li:hover p{line-height: 44px;}
.slide-news .prev-next .prev{left: -2.5%;}
.slide-news .prev-next .next{right: -2.5%;}

/*.brandnews{overflow: hidden;clear: both;}*/

.indnewtab{background-color: #f1f1f1;position: relative;padding:1.15% 0;margin-top: 2.375%;}
.indnewtab .newstitle{position: absolute;right: 0;width: 40.3205%;}
.indnewtab .newstitle a{height: 40px;line-height: 40px;display: block;float: left;width: 20.25%;margin-right:1%;text-align: center;background-color: #5d5d5d;color:#fff;position: relative;/*text-overflow: ellipsis;overflow: hidden;white-space: nowrap;*/padding:0 2%;}
.indnewtab .newstitle a span{overflow: hidden;display: block;height: 40px;}
.indnewtab .newstitle a:last-child{margin-right: 0;}
.indnewtab .newstitle a:hover,.indnewtab .newstitle a.on{background-color: #d0112b;color:#fff;}
.indnewtab .newstitle a:hover:after,.indnewtab .newstitle a.on:after{content: "";display: block;width: 13px;height: 6px;background: url(../images/arrow_dred.png) no-repeat;left: 50%;bottom: -6px;margin-left: -6px;position: absolute;}
.indnewtab .nr{width: 97.5%;margin:0 auto;}
.indnewtab .nr .video{width:56.916%;float: left;}
.indnewtab .nr .video img{width: 100%;}
.indnewtab .nr .newsnrtxt{width: 40.3205%;float: right;margin-top: 5%;}
.indnewtab .nr .newsnrtxt h3{font-size: 24px;margin-bottom: 3%;}
.indnewtab .nr .newsnrtxt p{line-height: 2.8;}

.partner{padding-bottom: 4%;}
.partner-logo{width: 74%;margin:0 auto;}
.partner-logo li{width: 17%;float: left;margin:1% 4%}
.partner-logo li a{display: block;position: relative;}
.partner-logo li img{width: 100%;}

/*底部公共*/
.footer{background-color: #f1f1f1;padding-top: 2%;}
.footer .indtitle{margin-top: 0;}
.footer .shoplink{border-bottom: 1px solid #5d5d5d;padding-bottom:1.5%;}
.footer .shoplink ul{width: 93%;margin:0 auto;}
.footer .shoplink li{width: 20%;float: left;}
.footer .shoplink li p{margin:2% 0;}
.footer .shoplink li a:hover{text-decoration:underline;color:#d0112b;}
.footer .code-block{border-top: 1px solid #fff;padding:2% 20%;}
.footer .code-block dl{position: relative;float: left;width: 33.33%;}
.footer .code-block dt{width: 96px;height: 96px;overflow: hidden;}
.footer .code-block dt img{width: 96%;padding:2%;background-color: #fff;}
.footer .code-block dd{position: absolute;left: 105px;bottom: 6px;}
.footer .code-block dd .name{font-size: 18px;position: relative;padding-left: 34px;margin-bottom: 6px;}
.footer .code-block dd .name:before{content: "";background: url(../images/icon.png) no-repeat;position:absolute;width: 30px;height: 30px;display: block;left: 0;}
.footer .code-block dd .wx:before{background-position: 0 -459px;}
.footer .code-block dd .xcx:before{background-position: 0 -489px;}
.footer .code-block dd .wb:before{background-position: 0 -519px;}
.footer .othernav{text-align: center;color:#5d5d5d;}
.footer .othernav a{position: relative;display: inline-block;vertical-align: middle;line-height: 1;margin:0 10px;color:#5d5d5d;}
.footer .othernav a:after{position: absolute;content: "";right: -10px;top: 0;bottom: 0;width: 1px;background-color: #5d5d5d;}
.footer .othernav span{margin-left: 10px;}
.footer .othernav a:hover,.footer .copyright a:hover{text-decoration: underline;color:#d0112b;}
.footer .othernav span:hover{cursor: pointer;color:#000;}
.footer .copyright{text-align: center;padding:1% 0;}

.float-leftbar{position: fixed;background-color: #edf8ff;z-index: 99999;top: 50%;margin-top:-15.86%;padding:1.5% 0;border-radius: 60px;width: 4.166%;}
.float-leftbar .fbar{margin-bottom: 3px;}
.float-leftbar li a{position: relative;padding-top: 14%;display: block;width: 77.5%;margin:0 auto;}
.float-leftbar .fbar a{padding-bottom: 6px;border-bottom: 1px solid #8eb3c9;}
/*.float-leftbar li a:before{content: "";width: 52px;height: 52px;position: absolute;top: 6px;left: 3px;}*/
.float-leftbar li a img{width: 100%;}
/*.float-leftbar .f2 a:before{background-position:0 -54px ;}
.float-leftbar .f3 a:before{background-position:0 -108px ;}
.float-leftbar .f4 a:before{background-position:0 -162px ;}
.float-leftbar .f5 a:before{background-position:0 -216px ;}*/
.float-leftbar .f5 a{border-bottom: 0;}
.float-leftbar .totop a{margin-top: 2%;width: 55%;}
.float-leftbar .totop a:before{background-position:0 -270px ;height: 44px;left: 7px;top: 0;}
.float-leftbar:hover{box-shadow: 0 0 5px #32739b;}

.pages{text-align: center;}
.pages a{display: inline-block;vertical-align: middle;line-height: 36px;background-color: #fff;color:#D0112B;border:1px solid #e6e6e6;padding:0 14px;border-radius: 4px;-webkit-border-radius: 4px;margin:0 4px;}
.pages a.on{background-color: #D0112B;color:#fff;border-color:#D0112B;}
.pages span{padding:0 14px;display: inline-block;vertical-align: middle;}

.nybanner img{width: 100%;}
/*护肤课堂*/
.pagecon{padding:2% 0;}
.subnav{border-bottom: 1px solid #dfdfdf;color:#000;padding-bottom: 1%;margin-bottom: 3%;}
.subnav a{color:#000;}
.skinbody .newslist{width: 66%;float: left;/*792*/}
.skinbody .newslist li{border-bottom: 1px dotted #b8b8b8;padding-bottom:4%;margin-bottom:4%;position: relative;}
.skinbody .newslist li a{position: absolute;top: 0;bottom: 17%;left: 0;right: 0;z-index: 9;}
.newslist .picbox{width: 39.77%;float: left;max-height:200px;overflow:hidden;}
.newslist .nr{width: 57.8282%;float: right;}
.newslist .nr h3{font-size: 24px;color:#000;font-weight: bold;}
.newslist .nr p{color:#5d5d5d;margin:3% 0;}
.newslist .nr .author img{width: 40px;height: 40px;margin-right: 6px;}
.newslist .nr .author-heart{padding:0;}
.newslist .author-heart .heart span:after{background: url(../images/time.png);width: 16px;height: 16px;}
.newslist .author-heart .heart{top: 10px;}
.skinbody .protxt{width: 31.88%;}
.loginbox{position: relative;}
.loginboxnr{position: absolute;right: 18.75%;top: 0;bottom: 0;background-color:#f8f8f8;width: 19.895833%;/*382*/z-index: 1;}
.loginboxnr .nr{position: relative;height: 100%;z-index: 1;background-color: #f8f8f8;}
.loginboxnr:after,.loginboxnr:before{position: absolute;top: 0;bottom: 0;box-shadow: 0 0 12px #000;content: "";width: 1px;z-index: -1;}
.loginboxnr:before{right:1px;}
.loginboxnr:after{left:1px;}
.loginboxnr .top{background-color: #fff;padding-top: 13.089%;padding-bottom:8.37696%;}
.loginboxnr .top img{width: 36.125%;margin:0 auto 7.8534%;display: block;}
.loginboxnr .logreg{text-align: center;}
.loginboxnr .logreg a{display: inline-block;font-size: 16px;padding: 0 7%;border:1px solid #acacac;line-height: 30px;border-radius: 30px;} 
.loginboxnr .logreg .log{margin-right: 9.424%;}
.loginboxnr .logreg .reg{background: #D0112B;color:#fff;border-color:#D0112B;}
.loginboxnr .bot{color:#000;padding-top:7.853%;}
.loginboxnr .bot h3{font-size: 24px;text-align: center;}
.loginboxnr .bot .skinstep p{line-height: 1.8;}
.loginboxnr .skinstep{padding:4% 12% 6%;}
.wximg{position: relative;padding-left: 36px;}
.wximg:before{content: "";width: 23px;height: 20px;background: url(../images/wechat.png) no-repeat;position: absolute;left: 8px;top: 8px;}

.nrlside{width: 27.6666%;/*380*/background-color: #eef4fa;padding:2% 2% 4%}
.nrrside{/*778*/width:64.8333%}
.nrrside h1{font-size: 24px;font-weight: bold;}
.skinviewpage .nrlside img{width: 52.63%;display: block;margin:0 auto;border-radius: 50%;}
.skinviewpage .nrlside h4{font-size: 24px;color:#000;margin-top: 5%;}
.skinviewpage .nrlside .job{font-size: 16px;color:#000;border-bottom: 1px solid #5d5d5d;padding:3% 0;margin-bottom: 3%;}
.skinviewpage .nrlside .describ{margin-bottom: 6%;}
.skinviewpage .nrrside .newviewbar {margin:2% 0 3%;}
.skinviewpage .nrrside .newviewbar .time{position: relative;padding-left: 20px;color:#5d5d5d;}
.skinviewpage .nrrside .newviewbar .time:before{content: "";width: 16px;height: 16px;position: absolute;left: 0;background: url(../images/time.png) no-repeat;}
.skinviewpage .nrrside .leadview{position: relative;height:73px;min-height: 73px;border:1px solid #dfdfdf;}
.skinviewpage .nrrside .leadview p{padding:2% 2.54% 2% 57px;}
.skinviewpage .nrrside .leadview:before{background: url(../images/leadred.png) no-repeat left center;width: 44px;height: 73px;content: "";position: absolute;top: 50%;margin-top: -36px;left: 0;z-index: 1;}
.skinviewpage .nrrside .leadview:after{content: "";width: 36px;background-color: #D0112B;left: -1px;top: -1px;bottom: -1px;position: absolute;}
.nrrside .zw{line-height: 1.8;padding:3% 0 4%;border-bottom: 1px dashed #d2d2d2;}
.nrrside .zw img{max-width:100%;}
.skinviewpage .pages{margin-top: 3%;}
.skinviewpage .pages a{margin:0 6%}
.copytips{margin-top: 3%;border:1px solid #dfdfdf;background-color: #f8f8f8;padding:1%;}


/*品牌故事*/
.brandstroy{padding-bottom: 5.802%;}
.brand-contact{position:relative;}
.brand-contact .btnred{position: absolute;left: 50%;bottom: -22px;width: 210px;height: 44px;line-height: 44px;margin-left: -110px;text-align: center;font-size: 24px;}
.brandbanner{position: relative;}
.brandbanner .imgmid{position: absolute;top: 20.999%;width: 45.52%;left: 50%;margin-left: -22.76%;}
.brand06-lside{width: 56.75%;float: left;margin-top: 3.2%;}
.brand06-rside{float: right;width: 43.25%;/*519*/}
.slideadd{background-color: #f3f3f3;}
.slideadd .bd li{padding:6px;font-size: 16px;height: 66px !important;}
.slideadd .bd li.bgother{background-color: #e4e4e4;}
.slideadd .bd li h4{font-weight: bold;margin-bottom: 5px;}
.slideadd .bd li p{font-size: 14px;}
.slideadd .bd li .nr{display: table-cell;vertical-align: middle;line-height: 1.2;height: 66px;}
/*花粉�?*/
.noteviewpage{}
.noteviewpage .skintips .tit{font-size: 24px;}
.noteviewpage .skintips .tipsbox{margin:4% 0 8%;}
.noteviewpage .skintips .tipsbox a{display: inline-block;vertical-align: middle;height: 28px;line-height: 28px;padding:0 9%;border:1px solid #d0112b;color:#d0112b;border-radius: 28px;margin-right: 2.6%;margin-top:4px;margin-bottom:4px;transition: all 400ms linear;}
.noteviewpage .skintips .tipsbox a:hover{background-color: #d0112b;color:#fff;}
.noteviewpage .recommend li{position: relative;display: table;width: 100%;margin:4.5% 0;}
.noteviewpage .recommend li a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 6;}
.noteviewpage .recommend .picbox{width: 38.905775%;display: table-cell;}
.noteviewpage .recommend li p{width: 61.1%;display: table-cell;vertical-align: middle;padding-left: 3%;}
.noteviewpage .recommend h4{font-size: 16px;border-bottom: 1px solid #000;padding-bottom: 10px;}
.noteviewpage .nrlside{background-color: #fff;padding:0;}
.noteviewpage .skintips{padding:5% 5% 1%;background-color: #eef4fa;}
.noteviewpage .plan-recom{padding:5% 5% 1%;border:1px solid #eef4fa;margin-top: 7%;}
.noteviewpage .zw{border-bottom: 1px dashed #c5c5c5;}
.note-infor{position: relative;margin-top: 4%;margin-bottom: 3%;}
.note-infor  .author{width: 7.8406%;position: relative;float: left;}
.note-infor  .author img{width: 100%;border-radius: 50%;-webkit-border-radius: 50%;}
.note-infor .publish .detail{width: 62%;float: left;margin-left: 5%;}
.note-infor .publish .detail p{color:#5d5d5d;padding:2% 0;}
.note-infor .publish .detail span{color:#a6a6a6;}
.note-infor .publish .author .v{position: absolute;bottom: -6px;right: -10px;width: 25px;height: 25px;}
.note-infor .dw{position: absolute;right: 0;top: 0;}
.note-infor .share{top: 50%;margin-top: -12px;}

.iview{position: relative;}
.iview:before{content: "";position: absolute;background:url(../images/i_article.png) no-repeat;display: block;}
.i-imess:before{width: 14px;height: 13px; background-position:0 0  ;left: 0;top: 4px;}
.i-zan:before{width: 13px;height: 13px; background-position:-41px 0  ;left: -18px;top: 4px;}
.i-ireply{padding-left: 6px;}
.i-ireply:before{width: 19px;height: 14px; background-position:-18px 0  ;left: -18px;top: 4px;}
.view-useful{text-align: right;padding:16px 0;}
.view-useful .view .i-imess{padding-left: 20px;margin-left: 10px;}
.view-useful .useful{margin-left: 40px;}

.noteviewpage h4.title{color:#d0112b;font-weight: bold;margin-bottom: 20px;}
.edit-comment .textarea{border:1px solid #cfcfcf;border-radius: 5px;-webkit-border-radius: 5px;overflow: hidden;}
.edit-comment .textarea .btn{background-color: #f8f8f8;padding:10px;text-align: right;}
.edit-comment .textarea{}
.edit-comment textarea{width: 100%;height: 70px;padding:10px;}

.connment-list{margin-top: 20px;}
.connment-list ul{border-top: 1px solid #dfdfdf;}
.connment-list ul li{margin-bottom: 45px;}
.connment-list .author{width: 38px;}
.connment-list .publish .author .v{width: 16px;height: 16px;bottom: -3px;right: -4px;}
.connment-list .publish .detail{margin-left: 14px;}
.connment-list .publish .detail p{padding:0;color:#000;}
.connment-list .publish .detail span{font-weight: bold;font-size: 12px;color:#5d5d5d;}
.connment-list .replybox{margin-left: 52px;line-height: 1.6;margin-bottom: 10px;}
.connment-list .userreply{color:#5d5d5d;margin-top: 10px;}
.connment-list .authorreply{font-size: 12px;color:#000;padding:10px;background-color: #f8f8f8;border:1px solid #dfdfdf;border-radius: 5px;-webkit-border-radius: 5px;}
.connment-list .authorreply .aut{color:#5d5d5d;}

.share{}
.share a{display: inline-block;vertical-align: middle;width: 24px;height: 24px;margin:0 5px;}
.share .ishare{position: relative;}
.share .ishare:before{position: absolute;left: 0;top: 0;content: "";background: url(../images/share.png) no-repeat;}
.share .wb:before{width: 24px;height: 21px;background-position: -59px 0;}
.share .wx:before{width: 24px;height: 19px;background-position: -98px 0;}
.share .qq:before{width: 24px;height: 19px;background-position: -132px 0;}



.notepage .propic{width: 100%;}


/*花粉说note*/
.maybelike{margin-bottom: 6%;}
.maybelike h3{text-align: center;position: relative;margin-bottom: 5%;margin-top: 5%;}
.maybelike h3:after{content: "";height: 2px;width: 100%;background-color: #f0f0f0;top: 50%;margin-top: -1px;position: absolute;z-index: -1;left: 0;}
.maybelike h3 span{background-color: #fff;font-size: 36px;padding:0 25px;}
.maybelike ul{display: table;width: 100%;}
.maybelike li{display: table-cell;vertical-align: middle;width: 33.33%;}
.maybelike li a{display: block;background-color: #eef4fa;line-height: 54px;margin:0 10px;text-align: center;font-size: 20px;color:#5d5d5d;}

.maybelike li a:first-child{margin-bottom: 10px;}
.maybelike li.mid a{line-height: 118px;margin-bottom: 0;}

/*微信顾问弹窗*/
.fixbox{position: fixed;z-index: 999;}
.popup-wx{top: 50%;left: 10%;width: 39.0625%;left: 50%;margin-left: -19.53125%;display: block;margin-top: -16.666%;display: none;z-index:9999999;}
.popup-wx img{width: 100%;}
.popup-wx .nr{position: relative;}
.popup-wx .wx-detail{position: absolute;top: 69%;width: 52%;left: 50%;margin-left: -26%;}
.popup-wx .wx-detail .picbox{width: 37%;background-color: #fff;float: left;}
.popup-wx .wx-detail .word{float: left;font-size: 18px;margin-left: 5%;}
.popup-wx .closestyle{position: absolute;width: 3.2%;right: -0.25%;top: -0.25%;}
.popup-wx .scantxt{position: absolute;bottom: 0;background: url(../images/fingure.png) no-repeat;height: 21px;vertical-align: middle;padding-left: 36px;}
.popup-wx .tel{background: url(../images/tel.png) no-repeat;height: 22px;vertical-align: middle;padding-left: 30px;font-weight: bold;color:#fd0123;margin-top: 6%;}
			
			
.w1825 .loginboxnr .skinstep{padding:4% 3% 6%;}

.w1680 .nbl{width: 1400px;}
.w1680 .nbs{width: 1050px;}
.w1680 .newslist .nr h3{font-size: 16px;}
.w1680 .newslist .nr p{font-size: 12px;}

.w1600 .nbl{width: 1334px;}
.w1600 .nbs{width: 1000px;}
.w1600 .header-navson li .nbs{width: 1160px;}
.w1600 .detailnr h4{font-size: 26px}
.w1600 .detailnr p{font-size: 14px;}
.w1600 .btnred{font-size: 15px;}
.w1600 .ind_cata li p a{font-size: 20px;}
.w1600 .indtitle .cn{font-size: 30px;}
.w1600 .indtitle .en{font-size: 40px;}
.w1600 .protxt .protxt-title h3{font-size: 18px;}
.w1600 .indnewtab .nr .newsnrtxt p{line-height: 2.2;}
.w1600 .protxt ul li{margin:2.2% 0;}
.w1600 .item-product li h3{font-size: 16px;}
.w1600 .footer .code-block{padding:2% 16%;}
.w1600 .loginboxnr .top{padding-top: 5%;padding-bottom: 5%;}
.w1600.loginboxnr .bot h3{font-size: 20px;}
.w1600 .popup-wx .wx-detail .word{font-size: 16px;}
.w1600 .indcont01 .protab .indpronr .propicul .item .picbox{height: 250px;}

.w1480 .nbl{width: 1260px;}
.w1480 .loginboxnr .bot .skinstep p{font-size: 12px;}
.w1480 .loginboxnr .bot h3{font-size: 18px;}
.w1480 .header .nav li a{padding:0 20px 0 30px;height: 66px;line-height: 62px;font-size: 15px;}
.w1480 .header .nav li.on a:before{left: 13px;}
.w1480 .nav{margin-top: 14px;}
.w1480 .header-navson{top: 118px;}
.w1480 .header .searchbox{margin-top: -14px;}

.w1400 .nbl{width: 1166px;}
.w1400 .header-navson li .nbs{width: 1160px;}
.w1400 .indnewtab .nr .newsnrtxt h3{font-size: 18px;}
.w1400 .indnewtab .nr .newsnrtxt p{line-height: 1.8;}
.w1400 .footer .code-block{padding:2% 6%;}
/*.w1400 .header .logo{width: 130px;margin-top: 18px;}*/
/*.w1400 .header .logo img{width: 100%;}*/
.w1400 .header .nav{margin-left: 3%;}
.w1400 .indtitle .en{font-size: 34px;}
.w1400 .indtitle .cn{font-size: 26px;}
.w1400 .indtitle .subtxt{font-size: 18px;}
.w1400 .btnred{line-height: 28px;}
.w1400 .wximg{line-height: 36px;}
.w1400 .brand-contact .btnred{line-height: 44px;}
.w1400 .header .searchbox{width: 16.3125%;}

.w1366 .nbl{width: 1138px;}
/*.w1366 .header .nav li a{padding:0 23px 0 42px;}*/
.w1366 .popup-wx .wx-detail .word{font-size: 14px;}
.w1366 .popup-wx  .tel{height: 20px;background-size:contain;-webkit-background-size: contain;padding-left: 24px;}

.w1280 .nbl,.w1280 .header-navson li .nbs{/*width: 1138px;*/width:1052px;}
.w1280 .header .nav li a{font-size: 14px;}
/*.w1280 .header .logo{width: 313px;}*/
.w1280 .loginboxnr{width: 22%;}
.w1280 .loginboxnr .bot{padding-top: 5.85%;}
.w1280 .loginboxnr .top img{width: 30%;}

body.w1200{width: 1200px;}
.w1200 .slide-news .prev-next .next,.slide-news .prev-next .prev{background-color: #fff;background-color: rgba(255,255,255,.5);}
.w1200 .slide-news .prev-next .next{right: 0;}
.w1200 .slide-news .prev-next .prev{left: 0;}
.w1200 .float-leftbar{width: 50px;margin-top: -192px;padding:14px 0;}
.w1200 .popup-wx .wx-detail .word{font-size: 12px;}
.w1200 .popup-wx{width: 468px;margin-left: -234px;margin-top: -200px;}


.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}

.am-modal-hd {
    padding:8px;
    font-weight: 500;
    text-align: center;
    color:#d00c25; font-size:20px;
}
.am-modal-no-btn{text-align: center; font-size: .6rem;}
.am-modal.am 

-modal-active {
    opacity: 1;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
.am-modal {
	display:none;
    width: 320px;
    position: fixed;
    z-index: 1110;
    left: 50%;
    margin-left: -160px;
    margin-top: 0;
    top: 50%;
    text-align: center;
    border-radius: 0;
    /*-webkit-transform: translate3d(0, 0, 0) scale(1.185);*/
    /*transform: translate3d(0, 0, 0) scale(1.185);*/
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}

.am-input-search{text-align: center; position: relative;}
.am-btn-default{text-align: center;}
.search_yz{width: 90%; padding:4% 0; text-align: center;  color:#448ff3; font-size: 18px; background:url(http://misc.skin1790.com/images/others/seach.png); -webkit-background-size:100% 100%;
background-size:100% 100%; border:none;}
.am-btn{background:#D10A23; width: 90%; line-height:40px; border-radius: 0.5rem; margin-top: 1rem; color:#fff; font-size:18px; border: 1px solid #B3061C; box-shadow: 0 2px 5px #7B7B7B;}
.input-btm{color: #000; padding:18px; text-align: center; font-size: 18px;}
.logo_wx{overflow: hidden; margin:12px;}
.am-close{color:#d00c25;position: absolute; right:8px; font-size:30px; top: 1px;}

/*视频部分*/
		.video-containerr {position: relative;}
		.video-containerr:after{content: "";position: absolute;top: 37px;bottom: 23px;width: 50px;background: #113d60;
    opacity: .3;filter:alpha(opacity=30);left: 296px;border-radius: 0 20% 20% 0;z-index: 0;box-shadow: 41px 0 20px #113d60;z-index: 0;}
		.video-containerr .videoboxx:before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border:1px solid #fff;box-shadow: 0 0 3px #d7dce1;}
		.video-containerr .videoboxx:after {content: "";position: absolute;left: 6px;right: 0;top: 6px;bottom: 6px;}
		.video-containerr .videoboxx {position: absolute;top: 14px;left: 70px;width: 300px;height: 395px;overflow: hidden;border:4px solid #b7cbdc;border-radius: 5px;padding:6px;background: #e3e5e5;box-sizing: border-box;z-index: 9;}
		.video-containerr .videoboxx #videov {width: 100%;height:100%;background: #e3e5e5;box-shadow:0 0 2px #becde4;display: block;}