/*
Created on : 2016-6-20, 15:45:47
Author : wangli116758
*/
html{overflow:auto;/*overflow-x:hidden;*/display: block; }
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
margin: 0;
padding: 0;
}
body {
background-color: #f8e2f8;
color: #666;
font: 14px/1.5 "Microsoft YaHei",Tahoma,"宋体",Verdana,Arial;
display: block;
min-width:1024px;
margin-top:-20px;
}
p{ font: 14px/1.5 "Microsoft YaHei",Tahoma,"宋体",Verdana,Arial;}
div {
display: block;
}
a {
text-decoration: none;
}
ul li {
list-style: outside none none;
}
img {
border: 0 none;
vertical-align: middle;
color: transparent;
font-size: 0;
}
/*header模块*/
#header_fullrow{
width: 100%;
}
#header_mainarea{
width: 1024px;
margin: 20px auto;
}
#header{
width:1000px;
margin: 0 auto;
}
#h_logo{
margin-left: 0px;
position: relative;
float: left;
top:20%;
width: 170px;
height: 190px;
background: url(../images/logo.png) no-repeat center center;
background-size: 100% 100%;
margin-top: -25px;
}
#h_logo a{
width: 100%;
height: 100%;
display: block;
}
.mobile_h_logo{
width: 465px !important;
background: url(../images/logo.png) no-repeat center center !important;
background-size: 100% 100%;
}
.footer_icon_toppic{display: inline-block;position:relative;float:left; text-align:center; margin-right:10px;width: 257px; }
#h_navigation{
position: relative;
float: left;
margin-left: 15px;
font-size: 20px;
height: 76px;
display: inline-block;
}
.h_navigation_word{
margin-left: 55px;
float:left;
position: relative;
display: inline-block;
height: 66px;
width: 60px;
line-height: 66px;
text-align: center;
top:50%;
margin-top: -33px;
}
.h_navigation_word a{
display: inline-block;
height: 66px;
width: 60px;
line-height: 66px;
text-align: center;
border: none;
color:#666;
}
.h_navigation_word_hlight a{
color: #3395ff;
}
.h_navigation_word a:hover{
border-bottom: 3px solid #3395ff;
color: #3395ff;
}
#h_right_box{
margin-right: 0px;
position: relative;
float: right;
display: block;
height: 76px;
width: 253px;
}
.zxrx{ width: 230px; padding:8px;color:#c781c9;}
.zxrx img{ float:left; margin:0 10px 0 0;}
.zxrx p{ float:left; margin:0 auto; color:#c781c9; font-size:20px; line-height:35px;}
.zxrx a{color:#5aa703; text-decoration:none;}
.zxrx a:hover{color:#5aa703; text-decoration:none;}
.zxjj{ width: 200px; margin:45px 0 0 10px; text-align:center;}
.zxjj a{color:#fff;width:120px; font-weight:bold; display:block; padding:8px 10px; font-size:22px; line-height:25px; background:#5aa703; border-radius:6px;}
.zxjj a:hover{background:#ff7e26; display:block; padding:8px 10px;font-size:22px; line-height:25px;width: 120px;border-radius:6px;}
.zxpc{width: 240px; }
.zxpc1 img{float:left; margin:12px 5px 0 5px;width:110px; height:40px;}
.zxpc2 img{float:left; margin:8px 5px 0 5px;width:50px; height:50px;}
#h_page_type{
margin-right: 0px;
position: relative;
float: left;
width:76px;
height: 24px;
background: url(../images/pics.pngg) no-repeat scroll -93px -4px;
overflow: hidden;
top:50%;
margin-top: -12px;
margin-right: 22px;
padding-right: 22px;
border-right: #e2e2e2 1px solid;
display: block;
}
#h_page_type2{
margin-right: 0px;
position: relative;
float: left;
width:76px;
height: 20px;
background: url(../images/pc.pngg) no-repeat scroll 0 0;
overflow: hidden;
top:50%;
margin-top: -10px;
margin-right: 22px;
padding-right: 22px;
border-right: #e2e2e2 1px solid;
display: block;
}
#h_page_type a,#h_page_type2 a{
display: block;
width: 100%;
height: 100%;
}
#h_login{
margin-right: 0px;
position: relative;
float: left;
/*width:71px;*/
height: 27px;
background: url(../images/login.pngg) no-repeat scroll 0px 0px;
overflow: hidden;
top:50%;
margin-top: -13px;
width: 132px;
display: none;
}
#h_login:hover{
margin-right: 0px;
position: relative;
float: left;
/*width:71px;*/
width: 132px;
height: 27px;
background: url(../images/login2.pngg) no-repeat scroll 0px 0px;
overflow: hidden;
top:50%;
margin-top: -13px;
}
#h_login a{
display: block;
width: 100%;
height: 100%;
}
#h_login_after{
display: none;
margin-right: 0px;
position: relative;
float: left;
height: 34px;
overflow: hidden;
top:50%;
margin-top: -17px;
width: 132px;
}
#h_login_user_pic{
margin-right: 0px;
position: relative;
float: right;
height: 31px;
width: 31px;
overflow: hidden;
top:50%;
margin-top: -15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius:15px;
float: left;
}
#h_login_after_right{
float: left;
margin-left: 5px;
position: relative;
height: 31px;
overflow: hidden;
top:50%;
margin-top: -15px;
display: inline-block;
}
#h_login_user_name{
position: relative;
height: 14px;
overflow: hidden;
line-height: 14px;
font-size: 14px;
}
#h_login_user_level{
position: relative;
height: 17px;
overflow: hidden;
}
.h_login_user_level_sun{
height: 17px;
width: 17px;
display: block;
margin-right: 1px;
position: relative;
float: left;
}
.h_login_user_level_moon{
height: 13px;
width: 14px;
display: block;
margin-right: 1px;
position: relative;
float: left;
margin-top: 4px;
}
.h_login_user_level_star{
height: 13px;
width: 13px;
display: block;
margin-right: 1px;
position: relative;
float: left;
margin-top: 4px;
}
/*end of header模块*/
#wx{position:relative;}
.tp{position:absolute; top:130px; left:150px; display:none; z-index:10000;}
/* pagination模块*/
.pagination{margin: 0 auto;text-align: center;margin-bottom: 45px;display: inline-block;width: 100%;height: 34px;}
.pagination_div{margin: 0 auto;display: inline-block;text-align: center; *zoom: 1;*display: inline;}
.pagination a{position: relative;float: left; display: block;margin-right: 15px;text-align: center;line-height: 34px;}
.pagination_normal{display: block;font-size: 12px;border: 1px solid #dbdbdb;color: #666666;background-color: #ffffff;width: 34px;height: 34px;}
.pagination a:hover{border: 1px solid #3395ff;color: #3395ff;}
.pagination_current{font-size: 12px;color: #ffffff !important;background-color: #3395ff !important;display: block;border: 1px solid #68b1ff !important;display: block;width: 34px;
height: 34px;}
.pagination_next,.pagination_pre{display: block;font-size: 12px;border: 1px solid #dbdbdb;color: #666666;background-color: #ffffff;
width: 73px;height: 34px;font-size: 14px;line-height: 34px !important;}
a.pagination_disable{color: #999999 !important;cursor: default;}
a.pagination_disable:hover{border: 1px solid #dbdbdb !important;color: #999999 !important;}
/* end of pagination模块*/
/* footer模块*/
#footer_fullrow{width: 100%;text-align: center;border-top: 1px solid #dfdfdf;background-color: #f8e2f8;margin: 0;padding: 0;}
#footer_middlearea{width:1024px;margin: 0 auto;text-align: center;}
#footer{width: 1000px;display: inline-block;text-align: center;margin-left: auto;
margin-right: auto;}
#footer_icon_box{display: inline-block;margin: 45px auto 20px;width: 980px;position: relative;}
.footer_icon{display: inline-block;position:relative;float:left;text-align:center; margin-right:10px; margin-top:13px;width: 465px; }
.footer_icon_downpic{display: inline-block;position:relative;float:left; text-align:center; margin-right:10px;width: 257px; }
.footer_icon1{display: inline-block;position:relative;float:right;text-align:center;width: 230px; margin-top:3px;color:#5aa703;}
.footer_icon1 p,.footer_icon1 p a{ font-size:18px; color:#c781c9; float:left;}
.footer_icon1 a{color:#5aa703; text-decoration:none;}
.footer_icon1 a:hover{color:#5aa703; text-decoration:none;}
#footer1{ background:#a348a5; width:100%; height:40px; }
#footer1 p{color:#c471c6; padding:10px}
.footer_icon_right{margin-right: 0px;}
#footer_icon_box .qrcode{position: absolute;display: none;width: 122px; height: 133px;z-index: 10;top:-135px;left:250px;}
#footer_icon_box .qrcode img{display: block;width: 122px; height: 133px;}
.footer_icon_word{font-size:14px;margin-top: 10px;display: inline-block;}
.zjx{ margin:0 auto;text-align: center; }
.zxpc3{ float:left;margin:12px 0px 0 40px;}
.zxpc3 img,.zxpc4 img{ width:65px; height:65px;}
.zxpc4{ float:left;margin:12px 0px 0 20px;}
#wxfoot{position:relative;}
.tpfoot{position:absolute; top:-45px; left:90px; display:none; z-index:10000;}
#footer_fullrow1{width: 100%;text-align: center;border-top: 1px solid #dfdfdf;background-color: #a348a5;margin: 0;padding: 0;}
#footer11{ background:#a348a5; width:1000px; margin:0 auto; height:40px; }
#footer11 p{color:#c471c6; padding:8px; font-size:17px; float:right;}
/* end of footer模块*/
/*banner模块*/
#banner_fullrow{
width:100%;
}
#banner{
height: 508px;
width:100%;
position: relative;
text-align: center;
overflow:hidden;
margin: 0 auto;
/* margin: 0 auto;*/
/* background-color: #3293fe;*/
}
#banner .swiper-container{overflow: hidden;position:relative;height: 508px;width:100%;}
#banner .swiper-wrapper{overflow:hidden;position:relative;}
#banner .swiper-wrapper > div {float: left;position:relative;}
#banner .swiper-slide { display: inline-block; width:100%;height: 508px;text-align:center;
/*
background: url(banner.jpg) no-repeat center center;
background-size: 100% 100%;
background-repeat:no-repeat\9;
background-image:none\9;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://banner.jpg',sizingMethod='scale')\9;
text-align: center;
*/
}
#banner .swiper_slide_pic2{
/*
background: url(banner2.jpg) no-repeat center center;
background-size: 100% 100%;
background-repeat:no-repeat\9;
background-image:none\9;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://banner2.jpg',sizingMethod='scale')\9;
*/
}
#banner .swiper-slide img{/*width:1920px;*/width:100%;height: 508px;display: block;overflow: hidden;position:absolute;left:50%;margin-left:-1280px;}
.swiper-slide-visible{ z-index:1;}/*非常重要*/
.banner_box{
width: 1000px;
display: block;
left:50%;
top:200px;
margin-left: -500px;
text-align: left;
position: absolute;
z-index: 100;
}
.banner_word{
width: 1000px;
display: block;
left:50%;
top:104px;
margin-left: -500px;
text-align: left;
position: absolute;
z-index: 100;
}
.banner_word img{
display:block;
width:512px;
height:56px;
}
.banner_download {
width:231px;height: 64px;
background-color: transparent;
display: block;
}
.banner_download a{
display: block;
width:262px;height: 64px;
background-color: transparent;
background-image: url(download_mobile_button3.png);
}
.banner_download a:hover{
background-image: url(download_mobile_button4.png);
}
.banner_download a:hover{position:relative;}
.banner_download a:hover{zoom:1;}
.instruction{margin-top: 40px;height:118px;}
.instruction_mobile_qr_code{width:95px;height:118px;position:relative;float:left;display:block;}
.instruction_mobile_qr_code img{width:100%;height:100%}
.instruction_word{position:relative;float:left; margin-left:20px;}
.instruction_word2{position:relative;float:left; margin-left:20px;height:87px;top:50%;margin-top:-43px;}/*适用于只有三行文字*/
.banner_box .instruction_word p{text-align: left;font-size: 16px;line-height: 16px;display: block; margin-bottom:5px;color: #ffffff; font: 16px/1.5 "Microsoft YaHei",Tahoma,"宋体",Verdana,Arial;}
.banner_box .instruction_word p a{text-decoration:underline;color:#ccff62; }
#banner_position{ display: inline-block;position: absolute;bottom:20px;left:50%;margin-left: -500px; width:1000px; text-align:left;line-height: 9px; height: 9px;z-index: 100;}
#banner_position li{ width:9px; height:9px;margin-right:14px;display:inline-block;background-image: url(../images/banner_dot2.png); position: relative;float: left;}
#banner_position li.cur{ background-image:url(../images/banner_dot1.png);width: 26px;height: 9px; }
/*end of banner模块*/
/*main模块*/
#main{margin: 0 auto;width:100%;display: block;text-align: center;}
.main_full_row{width: 100%;display: inline-block;text-align: center;margin: 0 auto;}
.main_full_row_color{background-color: #f5d7f5; }
.main_middlearea{width:1024px;text-align:center;margin:auto;}
#fine_skin{width: 1000px;display: inline-block;height: 230px;margin-top:90px; margin-bottom:95px;}
#rotary_skin{display: inline-block;position: relative;float: left;width: 421px;height: 230px;}
.show_images_list_li {
display: block;
position: absolute;
vertical-align: bottom;
background-color:#ffffff;
border: 1px solid #cacaca;
box-shadow:0px 6px 0px #e5e5e5;
border-radius: 6px;
}
.show_images_1 {
bottom: 0;
left: 130px;
z-index: 100;
height: 223px;
width: 254px;
/*
background:url(lunbo_f_bg.png) no-repeat center center;
background-size: 100% 100%;
*/
text-align: center;
}
.show_images_1 img {
display: block;
height: 90%;
width: 90%;
margin: 0 auto;
/*
top: 50%;
*/
margin-top: 4%;
position: relative;
}
.show_images_2 {
bottom: 15px;
left: 50px;
z-index: 50;
height: 193px;
width: 220px;
text-align: center;
}
.show_images_2 img {
height: 90%;
width: 90%;
margin: 0 auto;
position: relative;
margin-top: 4%;
}
.show_images_4 {
bottom: 31px;
left: 0;
z-index: 25;
height: 160px;
width: 182px;
text-align: center;
}
.show_images_4 img {
height: 90%;
width: 90%;
margin: 0 auto;
position: relative;
margin-top: 4%;
}
.show_images_3 {
bottom: 15px;
left: 244px;
z-index: 50;
height: 193px;
width: 220px;
text-align: center;
}
.show_images_3 img {
height: 90%;
width: 90%;
margin: 0 auto;
position: relative;
margin-top: 4%;
}
.show_images_5 {
bottom: 31px;
left: 332px;
z-index: 25;
height: 160px;
width: 182px;
text-align: center;
}
.show_images_5 img {
height: 90%;
width: 90%;
margin: 0 auto;
position: relative;
margin-top: 4%;
}
.show_images_6 {
bottom: 0;
left: 130px;
z-index: 1;
height: 223px;
width: 254px;
text-align: center;
}
.show_images_6 img {
height: 90%;
width: 90%;
margin: 0 auto;
position: relative;
margin-top: 4%;
}
#fine_skin_word_box{display: inline-block;position: relative;float: right;width: 352px;height: 99px;text-align: right;top:50%;margin-top: -50px;}
#fine_skin_word_box_word{display: block;width: 352px;height: 99px;}
#word_library{width: 1000px;display: inline-block;margin-top: 80px;height:291px;margin-bottom: 59px;}
#word_library_word_box{display: inline-block;position: relative;float: left;width: 407px;height: 104px;text-align: left;top:50%;margin-top: -52px;}
#word_library_word_box_word{display: block;width: 407px;height: 104px;}
#word_library_pic{display: inline-block;position: relative;float: right;}
#word_library_pic img{display: block;width:441px;height: 291px;}
#synchronous{width: 1000px;display: inline-block;margin-top: 60px;height:315px;margin-bottom: 45px;}
#synchronous_word_box{display: inline-block;position: relative;float: right;width: 653px;text-align: right;top:25%;margin-top: -92px;}
#synchronous_word_box_word{display: block;width: 653px;}
#synchronous_pic{display: inline-block;position: relative;float: left;}
#synchronous_pic img{display: block;width:347px;}
#main_row3{width: 1000px;display: inline-block;margin-top: 45px;height:321px;margin-bottom:50px; }
.xkltt{ color:#c781c9; font-size:26px; font-weight:bold;}
#main_row3 li{ margin:20px 12px; float:left; width:307px; color:#a348a5;}
#main_row3 li p{color:#c471c6; font-size:17px; margin-top:10px;}
#main_row3_word_box{display: inline-block;position: relative;float: left;width: 653px;text-align: left;top:25%;margin-top: -82px;}
#main_row3_word_box_word{display: block;width: 653px;}
#main_row3_pic{display: inline-block;position: relative;float: right;}
#main_row3_pic img{display: block;width:347px;}
#synchronous li{ margin:20px 12px; float:left; width:307px;color:#a348a5;}
#synchronous li p{color:#c471c6; font-size:18px; margin-top:10px;}
.nav{ width:100%; height:57px; background:#a348a5;}
.nav ul{ width:1000px; margin:0 auto; height:57px;}
.nav ul li{ width:150px; height:43px; font-size:24px; line-height:43px; color:#fff; float:left; text-align:center; padding:7px 0 }
.nav ul li a{width:150px; height:43px; font-size:24px; line-height:43px; color:#fff; text-align:center; display:block }
.nav ul li a:hover{width:150px; height:43px; font-size:24px; line-height:43px; color:#fff; background:#47af61; border-radius:2px; text-align:center; display:block }
.clear{ clear:both}
.nav1{ width:100%; height:130px; }
.nav1 ul{ width:1000px; margin:0 auto; height:57px;}
.nav1 ul li{ width:150px; height:43px; font-size:24px; line-height:43px; color:#fff; float:left; text-align:center; padding:7px 5px; }
.nav1 ul li a{width:150px; height:43px; font-size:24px; line-height:43px; color:#fff;background:#a348a5; text-align:center; border-radius:2px;display:block;border:1px solid #a348a5; }
.nav1 ul li a:hover{width:150px; height:43px; font-size:24px; line-height:43px; color:#fff; background:#47af61; border-radius:2px; border:1px solid #47af61; text-align:center; display:block }
.fl{ float:left}
.fr{ float:right}
.main_txtbox{ width:653px; text-align:left}
.yqlj{ width:100%; height:50px; line-height:30px; font-size:18px; color:#a348a5; text-align:left }
.yqlj span{font-size:15px; color:#a348a5; float:left; font-weight:bold}
.yqlj li{ padding-right:14px; float:left; list-style-type:none; color:#a348a5}
.yqlj li a{color:#a348a5}
.main_txt_bt{ font-size:23px; color:#c781c9;line-height:41px; font-weight:bold; margin:15px 0;}
.main_txt_js{ font-size:21px; color:#c471c6; line-height:40px; font-weight:normal; }
.float_layer {border: 1px solid #a348a5; display:none; }
.float_layer h2 { height: 25px; line-height: 25px; padding-left: 10px; font-size: 14px; color: #fff; background:#a348a5; border-bottom: 1px solid #aaaaaa; position: relative; }
.float_layer .min { width: 21px; height: 20px; background: url(../images/min.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .min:hover { background: url(../images/min.gif) no-repeat 0 0; }
.float_layer .max { width: 21px; height: 20px; background: url(../images/max.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .max:hover { background: url(../images/max.gif) no-repeat 0 0; }
.float_layer .close { width: 21px; height: 20px; background: url(../images/close.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
.float_layer .close:hover { background: url(../images/close.gif) no-repeat 0 0; }
.float_layer .content { height:300px; width:400px; overflow: hidden; font-size: 14px; line-height: 18px; color: #666; }
.float_layer .wrap2 { padding:0 }