@charset "utf-8";
/* -------------------------------
 --CSS  专题页面通用模块样式  /css/cqmylike_newzt.css
 -- by   m.cqmylike.com 
 --update  v.2018-04-25
 --目录 
 -- 1、头部LOGO及导航模块  
 -- 2、横向导航 相关推荐模块
 -- 3、优惠信息模块
 -- 4、相关专题
 -- 7、页面底部联系方式，来院路线模块
 -- 8、底部咨询模块
 -- 9、初始化样式
 -- 10、 右侧咨询波
----------------------------------*/
/*************** 9、初始化样式 ************/
html{max-width:720px;margin:0 auto;}
body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul {margin:0;padding:0}
body{font-size:100%;font-family:"Microsoft YaHei", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color:#333;background:#f7f8f9;-webkit-text-size-adjust:100% !important;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;max-width:720px;margin:0 auto;}
ul{width:inherit;}
a {color:#172c45;text-decoration:none}
a:hover {color:#cd0200;text-decoration:none}
em {font-style:normal}
li {list-style:none}
img {width:100%;border:0;vertical-align:middle}
table {border-collapse:collapse;border-spacing:0}
p {word-wrap:break-word}
.clear{clear:both;}
/*************** 1、专题 头部 通用样式 ****************/
/** 头部导航 **/
.header{width:100%;float:left;background-color:#FFF;position:relative;}
.header.headerSpecial{}
.header .header_fixed{width:100%;float:left;position:fixed;top:0;left:0;z-index:999999;background:#fff;}
.header .header_fixed .logo{width:100%;max-width:720px;margin:0 auto;position:relative;background:url("../images/new/bg_top.png") center center no-repeat; background-size: contain;}
.slide-bar{position:absolute;top:-1px;bottom:-1px;background-color:#222;left:0;z-index:2;transform:translate3d(-150px,0,0);-webkit-transform:translate3d(-150px,0,0);-moz-transform:translate3d(-150px,0,0);-ms-transform:translate3d(-150px,0,0);-o-transform:translate3d(-150px,0,0);transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.slide-bar li{text-align:left;color:#fff;border-bottom:1px solid #333;font-size:1rem;}
.slide-bar a{color:#ccc;}
.slide-bar a:hover{color:#fff;}
.header .btn-slide-bar{float:left;cursor:pointer;}
#site-brand{margin:auto;text-align:center;}
.header .site-tel{position:absolute;}
.header #navs{width:100%;margin:0 auto;max-width:720px;position:relative;}
/** 头部导航 END **/
.navTree{width:100%;height:86%;float:left;position:absolute;left:0;z-index:999998;transform:translateX(-100%);transition:0.3s;opacity:0;filter:Alpha(opacity=0);background:#252525;z-index:-1;}
div.thisTree{transform:translateX(0);opacity:1;filter:Alpha(opacity=100);-webkit-animation:tshowin-ant .15s ease-in-out;-moz-animation:tshowin-ant .15s ease-in-out;-ms-animation:tshowin-ant .15s ease-in-out;animation:tshowin-ant .15s ease-in-out;-moz-animation:tshowin-ant .15s ease-in-out;-ms-animation:tshowin-ant .15s ease-in-out;z-index:18;}
.navTree .TreeLeft{width:100%;float:left;background:#252525;position:relative;height:100%;overflow-y:scroll;overflow-x:hidden;opacity:0;filter:Alpha(opacity=0);}
div.thisTree.navTree .TreeLeft{opacity:1;filter:Alpha(opacity=100);}
.navTree .TreeLeft dt{width:100%;float:left;background:#fff;border-bottom:1px solid #dcdcdc;position:relative;}
.navTree .TreeLeft dt img{float:left;position:absolute;}
.navTree .TreeLeft dt p{text-align:center;width:30%;font-weight:normal;float:left;}
.navTree .TreeLeft dt p.tp1{margin-left:10%;}
.navTree .TreeLeft dt p.thisT{background:#5f328f;color:#fff;}
.navTree .TreeLeft dd{width:100%;float:left;background-color:#252525;}
.navTree .TreeLeft dd p{width:90%;margin:0 5%;float:left;text-align:left;font-weight:normal;color:#fff;background:url("../images/r2.png") right center no-repeat;}
.navTree .TreeLeft dd ul{width:100%;float:left;position:absolute;left:100%;height:100%;overflow-y:scroll;background-color:#252525;opacity:1;transition:0.8s;-webkit-animation:tshowin-ant .15s ease-in-out;-moz-animation:tshowin-ant .15s ease-in-out;-ms-animation:tshowin-ant .15s ease-in-out;animation:tshowin-ant .15s ease-in-out;-moz-animation:tshowin-ant .15s ease-in-out;-ms-animation:tshowin-ant .15s ease-in-out;}
.navTree .TreeLeft dd ul.thisul{opacity:1;left:0;}
.navTree .TreeLeft dd ul li{width:90%;margin:0 5%;}
.navTree .TreeLeft dd ul li em{float:left;width:20%;text-align:center;position:absolute;left:5%;top:0;font-style:normal;color:#fff;background:url("../images/l.png") left center no-repeat;}
.navTree .TreeLeft dd ul li h4{float:left;width:100%;text-align:center;color:#fff;font-weight:bold;padding:0;margin:0;}
.navTree .TreeLeft dd ul li a{width:100%;float:left;color:#fff;font-weight:normal;position:relative;}
.navTree .TreeLeft dd ul li a img{position:absolute;right:0px;}
.navTree .TreeLeft dd ul li a img.r1{display:block;}
.navTree .TreeLeft dd ul li a img.r2{display:none;}
.navTree .TreeLeft dd ul li.thisli{background:#c59931;}
.navTree .TreeLeft dd ul li.thisli a{color:#fff;}
.navTree .TreeLeft dd ul li.thisli a img.r1{display:none;}
.navTree .TreeLeft dd ul li.thisli a img.r2{display:block;}
.navTree .TreeLeft dd.pinpai{float:left;position:absolute;left:0;z-index:999999;transform:translateX(100%);transition:0.5s;opacity:0;filter:Alpha(opacity=0);height:100%;}
.navTree .TreeLeft dd.pinpai.thisP{transform:translateX(0);opacity:1;filter:Alpha(opacity=100);}
.navTree .TreeLeft dd.pinpai ul{top:0;opacity:1;left:0;}
.navTree .TreeRight{width:100%;float:left;height:100%;position:fixed;z-index:-1;display:none;}
.noScroll{position:fixed;width:100%; height:100%;overflow:hidden;}
.navTree .TreeLeft dd.bt,.navTree .TreeLeft dd.bt p{height:100%;}
/***** 头部导航 ******/
.header{height:5.51rem;}
.header.headerSpecial{height:3rem;}
.header .header_fixed{top:0;left:0;height:3rem;}
.header .header_fixed .logo{padding-top:0.5rem; height:2.5rem;}
.slide-bar{top:-1px;bottom:-1px;width:5.55rem;left:0;z-index:2;}
.slide-bar li{padding-left:0.37rem;height:3rem;line-height:3rem;font-size:1rem;}
.header .btn-slide-bar{width:3rem;height:3rem;padding-left:1rem;}
.header .btn-slide-bar img{height:2rem;}
#site-brand{width:16.81rem;}
#site-brand img{height:2.4rem;}
.header .site-tel{right:1rem;top:0.59rem;}
.site-tel img{width:2rem;}
.navTree{max-width:720px;top:5.51rem;}
div.thisTree.navTreeSpecial{top:2.96rem;}
.navTree .TreeLeft dt{height:3.11rem;}
.navTree .TreeLeft dt img{width:0.92rem;left:1rem;top:0.51rem;}
.navTree .TreeLeft dt p{font-size:1.51rem;width:30%;height:2.7rem;line-height:2.7rem;margin:0.22rem 0;}
.navTree .TreeLeft dt p.tp1{margin-left:10%;}
.navTree .TreeLeft dt p.thisT{border-radius:0.37rem;}
.navTree .TreeLeft dd{height:3rem;line-height:3rem;}
.navTree .TreeLeft dd p{width:90%;margin:0 5%;height:4rem;line-height:4rem;font-size:1.33rem;background-size:0.25rem 0.48rem;}
.navTree .TreeLeft dd ul{top:3.11rem;left:100%;height:100%;}
.navTree .TreeLeft dd ul li{height:2.92rem;}
.navTree .TreeLeft dd ul li em{top:0;height:2.92rem;line-height:2.92rem;font-size:1rem;background-size:0.25rem 0.48rem;}
.navTree .TreeLeft dd ul li h4{height:2.92rem;line-height:2.92rem;font-size:1.22rem;}
.navTree .TreeLeft dd ul li a{height:2.92rem;line-height:2.92rem;color:#fff;font-size:1.22rem;}
.navTree .TreeLeft dd ul li a img{top:0.88rem;width:0.48rem;height:0.88rem;}
.navTree .TreeLeft dd.pinpai{top:3.11rem;}
/** 头部导航 END **/
/*************** 2、  通用样式 ****************/
/*************** 7、页面底部联系方式，来院路线模块 通用样式 ****************/
footer{ margin:2rem auto 2rem;clear:both;}
.cqmylike_footer_pp{ width:90%;margin:0 auto;overflow:hidden;}
.cqmylike_footer_pp > li{ float:left;width:24%;padding:.8rem 0;margin:0 1px;background-color:#f8e6de;text-align:center;list-style:none;}
.cqmylike_footer_pp > li img{ max-height:1.5rem;}
.cqmylike_footer_pp > li p{ padding-top:0.2rem;font-size:.6rem;color:#e49088;}
#cqmylike_footer_logo{width:90%;margin:auto;padding-top:1rem;text-align:center;}
.cqmylike_footer_pp img,#cqmylike_footer_logo img{ width:100%;}
/*************** 8、页面咨询类弹窗    8-0、专题页面头部微信弹窗 通用样式 ****************/
.cqmylike_middle_pdz_body{width:100%;height:100%;max-width:720px;float:left;text-align:center;vertical-align:middle;position:fixed;left:auto;top:0;background:rgba(0,0,0,0.8);transform:translateY(-100%);transition:0.5s;opacity:0;filter:Alpha(opacity=0);z-index:-1;}
.cqmylike_middle_pdz_body.block{transform:translateY(0%);opacity:1;filter:Alpha(opacity=100);z-index:99999999999;}
.cqmylike_middle_pdz_body img{width:100%;float:left;position:absolute;top:15%;left:0;}
.cqmylike_top_wx,.cqmylike_top_wx dt,.cqmylike_top_wx dd,.cqmylike_top_wx div,.cqmylike_top_wx img{border:0;padding:0;margin:0;}
.cqmylike_top_wx{background:#900;width:100%;max-width:720px;height:60px;position:fixed;top:0;transform:translateY(-100%);transition:0.5s;opacity:0;filter:Alpha(opacity=0);z-index:-1;}
.cqmylike_top_wx.block{transform:translateY(0%);opacity:1;filter:Alpha(opacity=100);z-index:99999999998;}
.cqmylike_top_wx .cqmylike_top_wx_img{float:left;width:38px;height:38px;margin-left:6px;margin-top:11px;position:relative;}
.cqmylike_top_wx .cqmylike_top_wx_img img{border-radius:10px;float:left;width:100%;}
.cqmylike_top_wx .cqmylike_top_wx_img span{position:absolute;right:-4px;top:-4px;float:left;background:#f00;border-radius:20px;font-size:13px;width:18px;height:18px;line-height:18px;text-align:center;color:#fff;font-family:"Microsoft YaHei","Helvetica","Arial","sans-serif";text-indent:-9999em;}
.cqmylike_top_wx dt{float:left;width:86%;color:#e2d30a;font-size:13px;height:13px;line-height:13px;font-weight:bold;text-indent:8px;margin-top:9px;font-family:"Microsoft YaHei","Helvetica","Arial","sans-serif";}
.cqmylike_top_wx dd{float:left;width:80%;color:#fff;font-size:12px;height:12px;line-height:12px;text-indent:8px;margin-top:5px;font-family:"Microsoft YaHei","Helvetica","Arial","sans-serif";}
/*************** 8、页面咨询类弹窗    8-1、专题页面中间弹窗 通用样式 ****************/
.cqmylike_middle_zx{width:100%;height:100%;max-width:720px;margin:0 auto;position:fixed;top:0;z-index:99999999998;background:rgba(20,9,32,0.7);display:none;}
.cqmylike_middle_zx .cqmylike_middle_zx_box{width:300px;padding-bottom:86px;float:left;background:#fff;position:relative;margin-top:25%;transform:translateY(100%);transition:0.5s;opacity:0;filter:Alpha(opacity=0);z-index:100000;border-radius:20px;}
.cqmylike_middle_zx.block{display:block;}
.cqmylike_middle_zx.block .cqmylike_middle_zx_box{transform:translateY(0%);opacity:1;filter:Alpha(opacity=100);}
.cqmylike_middle_zx h2{width:100%!important;height:28px!important;line-height:28px!important;float:left!important;font-size:28px!important;color:#6a7380!important;text-align:center!important;font-weight:normal!important;margin:33px 0 15px!important;}
.cqmylike_middle_zx p{width:100%;line-height:24px;float:left;font-size:16px;color:#6a7380;text-align:center;}
.cqmylike_middle_zx form{width:250px;float:left;margin:10px 25px 0;border-radius:20px;box-sizing:unset;}
.cqmylike_middle_zx form #myLikeTel{width:168px;height:36px;line-height:36px;float:left;font-size:14px;color:#6a7380;background:#fff;border:0px;outline:none;text-indent:0.5em;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:0;margin:0;border:1px solid #6a7380;border-right:0px;margin:9px 0px;}
.cqmylike_middle_zx form .subCen_btn{width:80px;height:36px;line-height:36px;float:left;font-size:14px;color:#fff;background:#6a7380;border:0px;outline:none;text-align:center;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:0;margin:0;border:1px solid #6a7380;border-left:0px;margin:9px 0px;}
.cqmylike_middle_zx font{width:100%;line-height:14px;height:14px;float:left;font-size:14px;color:#6a7380;text-align:center;}
.cqmylike_middle_zx .cqmylike_middle_zx_box span{position:absolute;right:-8px;top:-8px;width:42px;height:42px;float:left;background:#fff;border-radius:22px;}
.cqmylike_middle_zx .cqmylike_middle_zx_box span img{float:left;width:42px;height:42px;}
.cqmylike_middle_zx .cqmylike_middle_zx_box .cqmylike_middle_zx_top{width:300px;float:left;height:230px;margin-top:13px;text-indent:-9999em;}
.cqmylike_middle_zx .cqmylike_middle_zx_box .cqmylike_middle_zx_bottom_left{width:150px;height:52px;line-height:52px;float:left;font-size:18px;color:#fff;background:#3fbece;position:absolute;bottom:0;left:0;border-bottom-left-radius:20px;}
.cqmylike_middle_zx .cqmylike_middle_zx_box .cqmylike_middle_zx_bottom_left img{width:35px;float:left;margin:8px 5px 0 16px;}
.cqmylike_middle_zx .cqmylike_middle_zx_box .cqmylike_middle_zx_bottom_right{width:150px;height:52px;line-height:52px;float:left;font-size:18px;color:#fff;background:#f461a6;position:absolute;bottom:0;right:0;border-bottom-right-radius:20px;}
.cqmylike_middle_zx .cqmylike_middle_zx_box .cqmylike_middle_zx_bottom_right img{width:35px;float:left;margin:9px 7px 0 11px;}
@media screen and (min-width:719px){
	.cqmylike_middle_zx .cqmylike_middle_zx_box{margin-left:29.86%;}
}
@media screen and (min-width:420px) and (max-width:698px){
	.cqmylike_middle_zx .cqmylike_middle_zx_box{margin-left:27.34%;}
}
@media screen and (min-width:377px) and (max-width:419px){
	.cqmylike_middle_zx .cqmylike_middle_zx_box{margin-left:15%;}	
}
@media screen and (min-width:362px) and (max-width:376px){
	.cqmylike_middle_zx .cqmylike_middle_zx_box{margin-left:11.33%;}	
}
@media screen and (min-width:322px) and (max-width:361px){
	.cqmylike_middle_zx .cqmylike_middle_zx_box{margin-left:9.72%;}	
}
@media screen and (max-width:321px){
	.cqmylike_middle_zx .cqmylike_middle_zx_box{margin-left:4.6875%;}	
}
/*5重大礼 美出新高度*/
@media screen and (min-width:719px){.new_tc{font-size:27px!important;}}
@media screen and (min-width:420px) and (max-width:698px){.new_tc{font-size:24px!important;}}
@media screen and (min-width:377px) and (max-width:419px){.new_tc{font-size:15.525px!important;}}
@media screen and (min-width:362px) and (max-width:376px){.new_tc{font-size:14.0625px!important;}}
@media screen and (min-width:322px) and (max-width:361px){.new_tc{font-size:13.5px!important;}}
@media screen and (max-width:321px){.new_tc{font-size:12px!important;}}
.new_tc{width:100%;max-width:720px;height:100%;background:rgba(55, 55, 55,0.82);position:fixed;left:auto;top:0%;z-index:999999999999999;text-align:center;display:none;}
.new_tc.block{display:block;}
.new_tc .pr{position:relative;}
.new_tc .pa{position:absolute;}
.new_tc img{width:100%;}
.new_tc img.new_tc_tit{float:left;margin:15% 0 4%;}
.new_tc_boxs{width:100%;float:left;}
.new_tc.block .new_tc_boxs{animation:upDown 2s both;}
.new_tc ul{width:90%;float:left;margin:0 5%;}
.new_tc ul li{float:left;margin-left:0.87em;width:7.111em;z-index:6;}
.new_tc ul li section{display:block;width:7.111em;height:8.703em;background:url("../images/new/con2_bao.png") no-repeat;background-size:contain;}
.new_tc ul li h3{line-height:1.407em;padding:2.485em 0 0.17em;font-size:1.333em;font-weight:400;color:#d02000;margin:0!important;}
.new_tc ul li p{line-height:1.222em;font-size:0.74em;color:#875e04;}
.new_tc ul li font{display:block;margin:0.444em auto;width:5.185em;height:1.851em;line-height:1.851em;background:#07257f;border-radius:0.37em;font-size:0.888em;color:#fff;}
.new_tc .new_tc_box li{width:8.185em;padding-top:1.922em;}
.new_tc .new_tc_box li section{width:100%;height:10em;}
.new_tc .new_tc_box li h3{padding:2.555em 0 0.37em;z-index:1;}
.new_tc .new_tc_box li p{line-height:1.111em;font-size:0.814em;z-index:1;}
.new_tc .new_tc_box li.li_right{margin-left:6.037em;}
.new_tc .new_tc_box li.li_right h3{line-height:1.333em;padding:2.148em 0 0.296em;}
.new_tc .new_tc_box li.li_right p{line-height:1.111em;font-size:0.74em;}
.new_tc .new_tc_box li.li_right p strong{font-size:0.814em;}
.new_tc .new_tc_box li .new_tc_mian{right:-2.851em;top:1.2em;width:2.851em;animation:yi2 2s infinite both;}
.new_tc .new_tc_box li .new_tc_line1{left:0;top:0.74em;width:10.518em;height:0.518em;background:url("../images/new/con2_line1.png") no-repeat;background-size:contain;}
.new_tc .new_tc_box li .new_tc_line2{right:-5.185em;top:0.185em;width:5.407em;height:0.222em;background:url("../images/new/con2_line2.png") no-repeat;background-size:contain;}
.new_tc .new_tc_box li .new_tc_line3{left:-2.592em;top:0.666em;width:12.185em;height:12.925em;background:url("../images/new/con2_line3.png") no-repeat;background-size:contain;}
.new_tc .new_tc_box li .new_tc_fj{left:-0.74em;top:6.148em;width:4.592em;}
.new_tc_close{position:absolute;top:0.374em;right:0.374em;z-index:1;}
.new_tc_close img{width:1.888em;float:left;}
.new_tc_left{position:fixed;left:auto;bottom:20%;display:none;z-index:9999;}
.new_tc_left.block{display:block;animation:yi2 2s infinite both;}
.new_tc_left .bao{float:left;margin-left:0.87em;width:5.111em;z-index:6;text-align:center;}
.new_tc_left .bao section{display:block;width:5.111em;height:6.203em;background:url("../images/new/con2_bao.png") no-repeat;background-size:contain;}
.new_tc_left .bao h3{line-height:1.4em;padding:2.085em 0 0.37em;font-size:1.111em;font-weight:400;color:#d02000;}
.new_tc_left .bao font{display:block;margin:0.444em auto;width:5.185em;height:1.851em;line-height:1.851em;background:#07257f;border-radius:0.37em;font-size:0.888em;color:#fff;}
@-webkit-keyframes upDown{
	0%{-webkit-transform:translate(0,0.185em);transform: translate(0,-100%);}
	20%{-webkit-transform:translate(0,0.111em);transform: translate(0,10%) scale(1.04);}
	40%{-webkit-transform:translate(0,0.185em);transform: translate(0,12%) scale(1.02);}
	60%{-webkit-transform:translate(0,0.185em);transform: translate(0,5%) scale(0.96);}
	60%{-webkit-transform:translate(0,0.185em);transform: translate(0,15%) scale(0.98);}
	100%{-webkit-transform:translate(0,0.185em);transform: translate(0,0%);}
}
@keyframes upDown{
	0%{-webkit-transform:translate(0,0.185em);transform: translate(0,-100%);}
	20%{-webkit-transform:translate(0,0.111em);transform: translate(0,10%) scale(1.04);}
	40%{-webkit-transform:translate(0,0.185em);transform: translate(0,12%) scale(1.02);}
	60%{-webkit-transform:translate(0,0.185em);transform: translate(0,5%) scale(0.96);}
	60%{-webkit-transform:translate(0,0.185em);transform: translate(0,15%) scale(0.98);}
	100%{-webkit-transform:translate(0,0.185em);transform: translate(0,0%);}
}
@keyframes yi2 {
	0%{transform: translate(0em, 0em);}
	50%{transform: translate(0em, -0.37em);}
	100%{transform: translate(0em, 0em);}
}
/*5重大礼 美出新高度 END*
/*************** 8、页面咨询类弹窗    8-3、专题页面右部活动通用样式 ***************/
.cqmylike_right_zx{width:100%;max-width:720px;float:right;position:fixed;top:40%;z-index:9999;display:none;}
.cqmylike_right_zx img{float:right;width:76px;}
/*************** 8、页面咨询类弹窗    8-2、专题页面底部咨询通用样式 ****************/
/*************** 8、页面咨询类弹窗    8-3、底部向上弹框 ************/
.cqmylike_btm_ups{width:100%;max-width:720px;float:left;position:fixed;bottom:0;z-index:99999999999;}
.cqmylike_btm_ups.open .bottom_dialoge{height:80%;position:fixed;bottom:0;}
.cqmylike_btm_ups.open .bottom_dialoge .bigtiwenbox{position:absolute;left:0;}
/*底部跟随导航--2018-12-30-*/
.bottom_nav{ position: fixed; bottom: 0; max-width: 720px; width: 100%; height: 4.4444rem; background: url("../images/new/zx_bg.png") no-repeat; background-size: contain; z-index: 100;}
.bottom_nav span{ display: block; float: left; margin: 1.7rem 0 0 1.7%; width: 17.222%; cursor: pointer;}
.bottom_nav span.bottom_nav1{ margin-left: 2.3%;}
.bottom_nav span.bottom_nav3{ left: 38.8%; top: -0.6rem; margin:0; width: 23.3333%; animation: scales 1.8s infinite both;}
.bottom_nav span.bottom_nav4{ right: 20.8%; top: 0;}
.bottom_nav span.bottom_nav5{ right: 2%; top: 0;}
/*底部新年礼包*/
.newyear_libao{ width: 100%; height: 15.55555rem; background: url("../images/new/bg_dhk.png") no-repeat; background-size: contain;}
.newyear_libao .close_bottom_dialoge{ right: 1%; top: 5%; width: 1rem; height: 1rem; background: url("../images/new/icon-close-white.svg") no-repeat #c33; background-size: contain; border-radius: 100%; border: 2px solid #fff;}
.newyear_libao ul{ margin-left: 13.8%; width: 86%; padding: 3.3333rem 0 0;}
.newyear_libao ul li{ margin-bottom: 0.8rem; line-height: 1.6666rem;}
.newyear_libao ul li p{ display: inline-block; width: 75%; font-size: 0.92rem; color: #9a2223;}
.newyear_libao ul li span{ display: inline-block; font-size: 0.92rem; color: #cc0000;}
/*底部新年礼包结束*/
@-webkit-keyframes scales{
	0%{ transform: scale(1)}
	50%{ transform: scale(1.08)}
	100%{ transform: scale(1)}
}
@keyframes scales{
	0%{ transform: scale(1)}
	50%{ transform: scale(1.08)}
	100%{ transform: scale(1)}
}
.cqmylike_btm_tw_all{width:100%;max-width:720px;float:left;background:#cfd3dc;transform:translateY(0%);transition:1.5s;opacity:1;filter:Alpha(opacity=100);position:absolute;bottom:0;z-index:9;}
.cqmylike_btm_tw_all.none{transform:translateY(100%);opacity:0;filter:Alpha(opacity=0);}
.cqmylike_btm_tw{width:93.4%;float:left;padding:10px 0 10px 3.6%;}
.cqmylike_btm_tw .cqmylike_btm_tw_l{width:10.5%;float:left;left:2%;margin-right:2.5%;}
.cqmylike_btm_tw .cqmylike_btm_tw_l a,.cqmylike_btm_tw .cqmylike_btm_tw_l img{width:100%;float:left;}
.cqmylike_btm_tw_input{width:61%;float:left;position:relative;}
.cqmylike_btm_tw_input img{width:100%;}
.cqmylike_btm_tw input{height:100%;font-size:16px;color:#666;position:absolute;top:0;left:0;text-indent:4%;background:none;}
.cqmylike_btm_tw .cqmylike_btm_tw_r{float:left;width:21%;cursor:pointer;margin-left:3.5%;}
.cqmylike_btm_tw .cqmylike_btm_tw_l a,.cqmylike_btm_tw .cqmylike_btm_tw_l img,.cqmylike_btm_tw_input input{width:100%;float:left;outline:none;border:0px;}
.cqmylike_btm_tw .cqmylike_btm_tw_r img{ width: 100%;}
#cqmylike_btm_dialoge{width:100%;transition:1.6s;z-index:-1;display:none;-webkit-transition:all 1.6s ease-out 0s;transition:all 1.6s ease-out 0s;}
#cqmylike_btm_dialoge.block{z-index:0;display:block;}
.bottom_dialoge{width:100%;max-width:720px;margin:0 auto !important;background:#f0f0f0;overflow:hidden;font-family:"Microsoft YaHei" ! important;}
.bottom_dialoge .btdiatit{width:100%;display:inline-block;color:#fff;box-sizing:content-box;position:relative;background: rgb(221, 0, 0);background: -moz-linear-gradient(-180deg, rgb(221, 0, 0) 0%, rgb(255, 97, 20) 100%);background: -webkit-linear-gradient(-180deg, rgb(221, 0, 0) 0%, rgb(255, 97, 20) 100%);background: -o-linear-gradient(-180deg, rgb(221, 0, 0) 0%, rgb(255, 97, 20) 100%);background: -ms-linear-gradient(-180deg, rgb(221, 0, 0) 0%, rgb(255, 97, 20) 100%);background: linear-gradient(-270deg, rgb(221, 0, 0) 0%, rgb(255, 97, 20) 100%);}
.bottom_dialoge .btdiatit strong{float:left;color:#fc3;float:left;}
.bottom_dialoge .btdiatit p{float:left;}
.bottom_dialoge .btdiatit img{float:left;}
.bottom_dialoge .btdiatit a{color:#fff;}
.bottom_dialoge .btdiatit .close_bottom_dialoge{display:block;position:absolute;color:#fff;text-align:center;border:#fff solid 1px;cursor:pointer;font-weight:normal;}
.bottom_dialoge .btdiatit span{width:32%;display:block;background:rgba(0,0,0,0.8);color:#fff;font-weight:600;float:right;}
.bottom_dialoge .btdiatit span img{width:30%;float:left;padding:8% 3% 0 0;}
.tiwenbox{width:90%;margin:0 5%;float:left;}
.tiwenbox img{width:22%;float:left;}
.talkbubble{margin-left:18%;width:78%;padding:4% 3%;font-size:14px;height:auto;background:#fff;color:#3c3c3c;position:relative;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;line-height:1.5em;}
.talkbubble:before{content:"";position:absolute;right:100%;top:20px;width:0;height:0;top:30%;border-top:8px solid transparent;border-right:8px solid #fff;border-bottom:8px solid transparent;}
.bottom_dialoge .tiwenbox{margin:2% 5% 0 5%;}
.bottom_dialoge .tiwenbox img{width:11%;}
.bottom_dialoge .talkbubble span{color:#f00;}
.bottom_dialoge .bigtiwenbox{width:100%;float:left;margin:12px 0;}
.bottom_dialoge .bigtiwenbox a{width:22%;float:left;margin-left:2.5%;text-align:center;background:#33c;color:#fff;}
.bottom_dialoge .bigtiwenbox a.bigtiwenbox_a2{background:#63c;}
.bottom_dialoge .bigtiwenbox a.bigtiwenbox_a3{background:#909;}
.bottom_dialoge .bigtiwenbox a.bigtiwenbox_a4{background:#c06;}
#cqmylike_btm_dialoge .cqmylike_btm_dialoge_up{width:100%;float:left;text-align:center;/*background: rgba(221, 0, 0,0.8);background: -moz-linear-gradient(-180deg, rgba(221, 0, 0,0.8) 0%, rgba(255, 97, 20,0.8) 100%);background: -webkit-linear-gradient(-180deg, rgba(221, 0, 0,0.8) 0%, rgba(255, 97, 20,0.8) 100%);background: -o-linear-gradient(-180deg, rgba(221, 0, 0,0.8) 0%, rgba(255, 97, 20,0.8) 100%);background: -ms-linear-gradient(-180deg, rgba(221, 0, 0,0.8) 0%, rgba(255, 97, 20,0.8) 100%);background: linear-gradient(-270deg, rgba(221, 0, 0,0.8) 0%, rgba(255, 97, 20,0.8) 100%);*/}
#cqmylike_btm_dialoge .cqmylike_btm_dialoge_up img{width:40px;-webkit-animation:iconUp 1.5s infinite ease-in-out;}
.bottom_nav span.pa{position:absolute;}
.newyear_libao ul li{width:100%;float:left;}
@media screen and (min-width:441px){
	#cqmylike_btm_dialoge{margin-bottom:89px;}
	.bottom_dialoge .btdiatit{height:46px;line-height:46px;}
	.bottom_dialoge .btdiatit strong{font-size:24px;margin:0px 17px 0 15px;}
	.bottom_dialoge .btdiatit p{width:432px;font-size:28px;}
	.bottom_dialoge .btdiatit img{width:35px;margin:6px 6px 0 15px;}
	.bottom_dialoge .btdiatit .close_bottom_dialoge{width:22px;height:22px;line-height:18px;font-size:22px;border-radius:22px;right:8px;top:22px;margin-top:-12px;}
	.bottom_dialoge .bigtiwenbox a{border-radius:10px;height:48px;line-height:48px;}
	.bottom_dialoge .btdiatit p,.bottom_dialoge .bigtiwenbox a{font-size:28px;}
	.cqmylike_btm_ups.open .bottom_dialoge .bigtiwenbox{bottom:89px;}
	/*2018-12-30*/
	.bottom_nav{height: 120px;}
	.bottom_nav span{ margin-top: 46px;}
	.bottom_nav span.bottom_nav3{ top: -16px;}
	/*底部新年礼包*/
	.newyear_libao{ height: 420px;}
	.newyear_libao .close_bottom_dialoge{ width: 27px; height: 27px;}
	.newyear_libao ul{ padding-top: 41px;}
	.newyear_libao ul li{ margin-bottom: 19px; line-height: 45px;}
	.newyear_libao ul li p{ font-size: 24px;}
	.newyear_libao ul li span{ font-size: 24px;}
	/*2018-12-30-end*/
}
@media screen and (min-width:401px) and (max-width:440px){
	#cqmylike_btm_dialoge{margin-bottom:50px;}
	.bottom_dialoge .btdiatit{height:36px;line-height:36px;}
	.bottom_dialoge .btdiatit strong{font-size:14px;margin:0px 9.775px 0 8.625px;}
	.bottom_dialoge .btdiatit img{width:20.125px;margin:7.45px 3.45px 0 8.625px;}
	.bottom_dialoge .btdiatit .close_bottom_dialoge{width:27px;height:27px;line-height:21px;font-size:23px;border-radius:22px;right:4px;top:4px;}
	.bottom_dialoge .bigtiwenbox a{border-radius:6px;height:28px;line-height:28px;}
	.bottom_dialoge .btdiatit p,.bottom_dialoge .bigtiwenbox a{font-size:16px;}
	.cqmylike_btm_ups.open .bottom_dialoge .bigtiwenbox{bottom:60px;}
	/*2018-12-30*/
	.bottom_nav{height: 70px;}
	.bottom_nav span{ margin-top: 26px;}
	.bottom_nav span.bottom_nav3{ top: -12px;}
	/*底部新年礼包*/
	.newyear_libao{ height: 250px;}
	.newyear_libao .close_bottom_dialoge{ width: 20px; height: 20px;}
	.newyear_libao ul{ padding-top: 30px;}
	.newyear_libao ul li{ margin-bottom: 11px; line-height: 28px;}
	.newyear_libao ul li p{ font-size: 15px;}
	.newyear_libao ul li span{ font-size: 15px;}
	/*2018-12-30-end*/
}
@media screen and (min-width:370px) and (max-width:400px){
	#cqmylike_btm_dialoge{margin-bottom:50px;}
	.bottom_dialoge .btdiatit{height:36px;line-height:36px;}
	.bottom_dialoge .btdiatit strong{font-size:14px;margin:0px 7.775px 0 6.625px;}
	.bottom_dialoge .btdiatit img{width:18.125px;margin:9.45px 3.45px 0 8.625px;}
	.bottom_dialoge .btdiatit .close_bottom_dialoge{width:27px;height:27px;line-height:21px;font-size:23px;border-radius:22px;right:2px;top:4px;}
	.bottom_dialoge .bigtiwenbox a{border-radius:5px;height:28px;line-height:28px;}
	.bottom_dialoge .btdiatit p,.bottom_dialoge .bigtiwenbox a{font-size:14px;}
	.cqmylike_btm_ups.open .bottom_dialoge .bigtiwenbox{bottom:56px;}
	/*2018-12-30*/
	.bottom_nav{height: 63px;}
	.bottom_nav span{ margin-top: 22px;}
	.bottom_nav span.bottom_nav3{ top: -12px;}
	/*底部新年礼包*/
	.newyear_libao{ height: 220px;}
	.newyear_libao .close_bottom_dialoge{ width: 20px; height: 20px;}
	.newyear_libao ul{ margin-left: 10.8%; width: 89%; padding-top: 45px;}
	.newyear_libao ul li{ margin-bottom: 7px; line-height: 28px;}
	.newyear_libao ul li p{ width: 80%; font-size: 15px;}
	.newyear_libao ul li span{ font-size: 15px;}
	/*2018-12-30-end*/
}
@media screen and (min-width:350px) and (max-width:369px){
	#cqmylike_btm_dialoge{margin-bottom:40px;}
	.bottom_dialoge .btdiatit{height:36px;line-height:36px;}
	.bottom_dialoge .btdiatit strong{font-size:14px;margin:0px 5.775px 0 4.625px;}
	.bottom_dialoge .btdiatit img{width:18.125px;margin:9.45px 3.45px 0 2.625px;}
	.bottom_dialoge .btdiatit .close_bottom_dialoge{width:27px;height:27px;line-height:21px;font-size:23px;border-radius:22px;right:2px;top:4px;}
	.bottom_dialoge .bigtiwenbox a{border-radius:5px;height:28px;line-height:28px;}
	.bottom_dialoge .btdiatit p,.bottom_dialoge .bigtiwenbox a{font-size:14px;}
	.cqmylike_btm_ups.open .bottom_dialoge .bigtiwenbox{bottom:53px;}
	/*2018-12-30*/
	.bottom_nav{height: 60px;}
	.bottom_nav span{ margin-top: 22px;}
	.bottom_nav span.bottom_nav3{ top: -12px;}
	/*底部新年礼包*/
	.newyear_libao{ height: 220px;}
	.newyear_libao .close_bottom_dialoge{ width: 15px; height: 15px;}
	.newyear_libao ul{ margin-left: 10.8%; width: 88%; padding-top: 43px;}
	.newyear_libao ul li{ margin-bottom: 8px; line-height: 26px;}
	.newyear_libao ul li p{ width: 80%; font-size: 14px;}
	.newyear_libao ul li span{ font-size: 14px;}
	/*2018-12-30-end*/
}
@media screen and (max-width:359px){
	#cqmylike_btm_dialoge{margin-bottom:22px;}
	.bottom_dialoge .btdiatit{height:36px;line-height:36px;}
	.bottom_dialoge .btdiatit strong{font-size:13px;margin:0px 3.775px 0 2.625px;}
	.bottom_dialoge .btdiatit img{width:15px;margin:11px 2.45px 0 0px;}
	.bottom_dialoge .btdiatit .close_bottom_dialoge{width:16px;height:16px;line-height:13px;font-size:16px;border-radius:16px;right:0px;top:7px;}
	.bottom_dialoge .bigtiwenbox a{border-radius:5px;height:28px;line-height:28px;}
	.bottom_dialoge .btdiatit p,.bottom_dialoge .bigtiwenbox a{font-size:13px;}
	.cqmylike_btm_ups.open .bottom_dialoge .bigtiwenbox{bottom:52px;}
	/*2018-12-30*/
	.bottom_nav{height: 54px;}
	.bottom_nav span{ margin-top: 20px;}
	.bottom_nav span.bottom_nav3{ top: -10px;}
	/*底部新年礼包*/
	.newyear_libao{ height: 210px;}
	.newyear_libao .close_bottom_dialoge{ width: 12px; height: 12px;}
	.newyear_libao ul{ margin-left: 10.8%; width: 89%; padding-top: 38px;}
	.newyear_libao ul li{ margin-bottom: 8px; line-height: 22px;}
	.newyear_libao ul li p{ width: 81%; font-size: 13px;}
	.newyear_libao ul li span{ font-size: 12px;}
	/*2018-12-30-end*/
}
.bottom_dialoge .tiwenbox .tiwenbox_fd{display:none;}
.bottom_dialoge .tiwenbox .tiwenbox_fd.block{display:block;}
.bottom_dialoge .bigtiwenbox a{transform:translateY(-400px);transition:1.8s;opacity:0;filter:Alpha(opacity=0);z-index:-1;}
#cqmylike_btm_dialoge.block .tiwenbox .tiwenbox_too,#cqmylike_btm_dialoge.block .bottom_dialoge .bigtiwenbox a{transform:translateY(0px);opacity:1;filter:Alpha(opacity=100);z-index:0;}
.animated1{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown1{
	0%{transform:translate3d(0, 100%, 0);}
	100%{-webkit-transform:none;-ms-transform:none;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDown1{
	0%{transform:translate3d(0, 100%, 0);}
	100%{-webkit-transform:none;-ms-transform:none;-webkit-transform:none;transform:none;}
}
@-webkit-keyframes fadeOutDown1{
	100%{-webkit-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
@keyframes fadeOutDown1{
	100%{-webkit-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, 100%, 0);}
}
@-webkit-keyframes iconUp {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes iconUp {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes iconUp {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
/**************** 9、免费领取面膜 ******************/
.mmlq_boxs{width:100%;max-width:720px;position:fixed;height:4rem;background:#f0f0f0;z-index:-998;transform:translateY(100%);transition:0.5s;opacity:0;filter:Alpha(opacity=0);}
.mmlq_boxs.block{transform:translateY(0%);transition:0.5s;opacity:1;filter:Alpha(opacity=100);z-index:99999999998;}
.mmlq_boxs .mmlq_tit{width:100%;display:block;color:#fff;box-sizing:content-box;text-align:center;position:relative;line-height:200%;font-size:16px;position:absolute;left:0;top:-32px;background:rgb(248, 50, 230);background:-moz-linear-gradient(30deg, rgb(248, 50, 230) 30%, rgb(185, 140, 250) 70%);background:-webkit-linear-gradient(30deg, rgb(248, 50, 230) 30%, rgb(185, 140, 250) 70%);background:-o-linear-gradient(30deg, rgb(248, 50, 230) 30%, rgb(185, 140, 250) 70%);background:-ms-linear-gradient(30deg, rgb(248, 50, 230) 30%, rgb(185, 140, 250) 70%);background:linear-gradient(120deg, rgb(248, 50, 230) 30%, rgb(185, 140, 250) 70%);}
.mmlq_boxs .mmlq_tit .close_mmlq{display:block;position:absolute;width:22px;height:22px;line-height:18px;color:#fff;text-align:center;font-size:22px;border-radius:22px;border:#fff solid 1px;cursor:pointer;right:8px;top:50%;margin-top:-12px;font-weight:normal;}
.mmlq_boxs input{width:60%;height:2rem;line-height:2rem;float:left;font-size:1rem;text-indent:0.5em;border-top-left-radius:1.1rem;border-bottom-left-radius:1.1rem;border:1px solid #f461a6;border-right:0px;padding:0;margin:1rem 0 1rem 7.5%;}
.mmlq_boxs a.tellNumberBtn{width:25%;height:2rem;line-height:2rem;float:left;font-size:1rem;border-top-right-radius:1.1rem;border-bottom-right-radius:1.1rem;background:#f461a6;color:#fff;text-align:center;border:1px solid #f461a6;border-left:0px;margin:1rem 0;}
@media screen and (max-width:320px){.mmlq_boxs{bottom:50px;}}
@media screen and (min-width:321px) and (max-width:375px){.mmlq_boxs{bottom:60px;}}
@media screen and (min-width:376px) and (max-width:414px){.mmlq_boxs{bottom:60px;}}
@media screen and (min-width:415px) and (max-width:768px){.mmlq_boxs{bottom:80px;}}
@media screen and (min-width:769px){.mmlq_boxs{bottom:120px;}}
/*10、 右侧咨询波 20181207*/
.cqmy_rzixun { position: fixed; right: -5px; bottom: 127px; z-index: 100; width: 70px; height: auto; }
.cqmy_rzixun .cqmy_rzixun_img{ position: absolute; right: 5px; top: -30px; width: 58px; height: 58px; background: url("../swt/right_kst.png") no-repeat; background-size: contain;}
.cqmy_rzixun .circle { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #cc00664d; width: 40px; height: 40px; border-radius: 50%; z-index: -1; transform: scale(1); -webkit-transform: scale(1) }
.cqmy_rzixun .circle { opacity: 0; }
.cqmy_rzixun .c_1 { animation: 2000ms scaleToggleOne cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation-iteration-count: infinite;}
.cqmy_rzixun .c_2 { animation: 2500ms scaleToggleTwo cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation-iteration-count: infinite;}
.cqmy_rzixun .animated .c_3 { animation: 3000ms scaleToggleThree cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; animation-iteration-count: infinite;}
.cqmy_rzixun .animated .circle { opacity: .5 }
@keyframes scaleToggleOne {
0% {-webkit-transform:scale(1);transform:scale(1)}
50% {-webkit-transform:scale(2);transform:scale(2)}
to {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scaleToggleTwo {
0%, 20% {-webkit-transform:scale(1);transform:scale(1)}
60% {-webkit-transform:scale(2);transform:scale(2)}
to {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scaleToggleThree {
0%, 33% {-webkit-transform:scale(1);transform:scale(1)}
66% {-webkit-transform:scale(2);transform:scale(2)}
to {-webkit-transform:scale(1);transform:scale(1)}
}