﻿body{ margin:0px; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#645164; line-height:25px}
ul,li,p,img,div,span,h1{ margin:0px; padding:0px; list-style:none; border:0}
select{ font-family:Arial, Helvetica, sans-serif; vertical-align:middle}

.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
.mt8{ margin-top:8px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.space{ height:10px; font:0 }

a:link, a:visited
{
	color: #645164;
	text-decoration: underline;
}
a:hover,a:active{ color:#c62480; text-decoration:underline}

a.ban:link,a.ban:visited{ color:#FFFFFF; text-decoration:none; width:85px; height:43px; line-height:43px; display:block; margin:0 auto; font-family:"微软雅黑"; font-size:14px;}
a.ban:hover, a.ban:active
{
	color: #FFFFFF;
	text-decoration: none;
	width: 85px;
	height: 43px;
	line-height: 43px;
	display: block;
	background: url(../images/meili_08.gif) no-repeat center;
	margin: 0 auto;
	font-family: "微软雅黑";
	font-size: 14px;
}

.top{ height:100px; background:#ebdfea; text-align:center}
.hongzixi { color:#e3439f;}
.hongzicu { color:#754f74; font-weight:bold;}
.banner{ background:url(../images/meili_03.jpg) center; height:48px}
.banner .bnbg{ background:url(../images/meili_04.gif) no-repeat center; width:980px; height:43px; margin:0 auto;}
.banner .bnbg ul{ width:910px; margin:0 auto}
.banner .bnbg ul li{ width:100px; height:43px; line-height:43px;  float:left; text-align:center; font-size:14px; font-family:"微软雅黑"; color:#FFFFFF;}

.main{ background:url(../images/meili_05.gif) top repeat-x;font-size:14px;}
.main .content{ width:980px; margin:0 auto;}

.main .content .topc{ background:url(../images/info_01.jpg) no-repeat center #FFFFFF; width:980px; height:36px; line-height:40px; font-size:16px; font-family:"微软雅黑"; font-weight:bold; }
.main .content .topc span
{
	float: left;
	margin-left: 85px;
	height: 36px;
	line-height: 36px;
	background: #FFFFFF;
	padding-right: 8px;
	color: #754f74;
}
.main .content .topc span.more{ float:right; height:36px; line-height:36px; background:#FFFFFF; width:40px; margin-right:50px; text-align:center; display:block; padding-left:5px}
.main .content .topc span.btn{ float:left; background:#FFFFFF; width:52px; height:26px; line-height:36px; text-align:center; margin-left:20px; display:block; padding-top:7px; padding-left:8px}
.main .content .topc span.btn input{ vertical-align:middle}
.main .content .topc a{ font-size:12px; font-family:"宋体"; font-weight:normal}

/* 首页 */
.main .content .box1{ background:url(../images/meili_11.jpg) no-repeat center; height:135px; padding-top:70px; padding-left:40px; padding-right:40px; font-size:14px; line-height:25px}

.main .content .box2{ background:url(../images/meili_14.gif) no-repeat center; height:455px; padding-top:100px }
.main .content .box2 ul{ margin-left:55px}
.main .content .box2 ul li{ width:300px; height:145px; float:left; padding-left:5px; padding-top:6px }
.main .content .box2 ul li p.tt{ width:217px; height:29px; line-height:29px; background:url(../images/meili_10.png) no-repeat left; display:block; padding-left:55px}
.main .content .box2 ul li p.tt span.l{ float:left}
.main .content .box2 ul li p.tt span.r{ color:#dd1587; float:left; font-family:"微软雅黑"; margin-left:6px}
.main .content .box2 ul li p.text{ padding:15px 30px 0 130px; line-height:20px}
.main .content .box2 ul li.pic01{ background:url(../images/pic_01.jpg) no-repeat left top}
.main .content .box2 ul li.pic02{ background:url(../images/pic_02.jpg) no-repeat left top}
.main .content .box2 ul li.pic03{ background:url(../images/pic_03.jpg) no-repeat left top}
.main .content .box2 ul li.pic04{ background:url(../images/pic_04.jpg) no-repeat left top}
.main .content .box2 ul li.pic05{ background:url(../images/pic_05.jpg) no-repeat left top}
.main .content .box2 ul li.pic06{ background:url(../images/pic_06.jpg) no-repeat left top}
.main .content .box2 ul li.pic07{ background:url(../images/pic_07.jpg) no-repeat left top}
.main .content .box2 ul li.pic08{ background:url(../images/pic_08.jpg) no-repeat left top}
.main .content .box2 ul li.pic09{ background:url(../images/pic_09.jpg) no-repeat left top}

.main .content .box3{ background:url(../images/meili_17.gif) no-repeat center; height:291px; border:#e7e0e7 1px solid; padding-top:90px;}
.main .content .box3 .at{  width:900px; height:70px; text-align:center; margin-left:auto; margin-right:auto }
.main .content .box3 .ab{ margin-top:70px; width:900px; height:150px; margin-left:auto; margin-right:auto}
.main .content .box3 .ab .left{ width:330px; float:left; line-height:24px }
.main .content .box3 .ab a.red{ color:#c62480; font-weight:bold}
.main .content .box3 .ab .right{ width:340px; float:left; margin-left:80px; line-height:24px}

.main .content .box4{ height:210px}
.main .content .box4 .login{ width:286px; float:left}
.main .content .box4 .login .tt{ background:url(../images/meili_20.gif) no-repeat left; height:27px; padding-left:20px}
.main .content .box4 .login .tt span.t{ font-size:14px; color:#FFFFFF; float:left; line-height:27px; font-weight:bold}
.main .content .box4 .login .loginb{ background:#f8f7f7; border:#e7e0e7 1px solid; width:243px; line-height:26px; height:130px; padding:10px 20px 20px 20px}


.main .content .box4 .mlqy{ width:675px; float:right}
.main .content .box4 .mlqy .tt{ background:url(../images/meili_22.gif) no-repeat center; height:27px; line-height:27px; padding-left:20px}
.main .content .box4 .mlqy .tt span.t{ font-size:14px; color:#FFFFFF; float:left; line-height:27px; font-weight:bold}
.main .content .box4 .mlqy .tt span.more{ float:right; margin-right:25px}
.main .content .box4 .mlqy .tt span.more a{ color:#FFFFFF}
.main .content .box4 .mlqy .newslist { background:#f8f7f7; border:#e7e0e7 1px solid; padding-top:5px; padding-bottom:5px }
.main .content .box4 .mlqy .newslist ul{ background:url(../images/meili_27.gif) no-repeat left;  margin-left:auto; margin-right:auto}
.main .content .box4 .mlqy .newslist ul li{ height:24px; line-height:24px; padding-left:40px; border-bottom:#c8c8c8 1px dotted}
.main .content .box4 .mlqy .newslist ul li span{ float:right; color:#645164}

.main .content .box4 .mlqy2{ width:485px; float:right}
.main .content .box4 .mlqy2 .tt{ background:url(../images/meili_22.gif) no-repeat left; height:27px; line-height:27px; padding-left:20px}
.main .content .box4 .mlqy2 .tt span.t{ font-size:14px; color:#FFFFFF; float:left; line-height:27px; font-weight:bold}
.main .content .box4 .mlqy2 .tt span.more{ float:right; margin-right:25px}
.main .content .box4 .mlqy2 .tt span.more a{ color:#FFFFFF}
.main .content .box4 .mlqy2 .newslist { background:#f8f7f7; border:#e7e0e7 1px solid; padding-top:5px; padding-bottom:5px }
.main .content .box4 .mlqy2 .newslist ul{ background:url(../images/meili_27.gif) no-repeat left; width:620px; margin-left:auto; margin-right:auto}
.main .content .box4 .mlqy2 .newslist ul li{ height:24px; line-height:24px; padding-left:40px; border-bottom:#c8c8c8 }
.main .content .box4 .mlqy2 .newslist ul li span{ float:right; color:#645164}

.main .content .bottomlink{ height:38px; line-height:38px;  background:url(../images/meili_31.jpg) no-repeat center;}
.main .content .bottomlink ul { width:620px; float:right;}
.main .content .bottomlink ul li{ width:100px; text-align:center; float:left;}
.main .content .bottomlink ul li.line{ color:#a9a5a9; width:2px; text-align:center; float:left}
.main .content .bottomlink ul li a{ color:#a9a5a9}

.main .content .copyright{ text-align:center; line-height:23px; padding-top:8px; padding-bottom:15px}

/* 系统介绍 */
.main .content .introbox1{ background:url(../images/intro_01.jpg) no-repeat center top;   padding:50px 195px 0px 40px;  line-height:24px}
.main .content .introbox2{ background:url(../images/intro_02.jpg) no-repeat center top;  padding:110px 50px 0px 50px;  line-height:24px}
.main .content .introbox3{ background:url(../images/intro_03.jpg) no-repeat center top; height:243px; padding-top:70px; padding-left:150px; padding-right:135px}
.main .content .introbox3 .left{ float:left; width:270px; padding-top:15px}
.main .content .introbox3 .right{ float:right; width:270px; padding-top:8px}
.main .content .textw{ background:#FFFFFF}
.main .content .zhong{ background:#FFFFFF; text-align:center}


/* 进入系统 */
.main .content .enter{ background:#FFFFFF; padding-bottom:30px; padding-top:15px}
.main .content .enter .login{ height:204px; padding-top:40px; padding-left:80px;  border:#dcd2dc 1px solid; border-top:#dcd2dc 5px solid; width:850px; margin:10px auto }
.main .content .enter .login .left{ float:left; width:300px }
.main .content .enter .login .right{ float:left; width:300px; height:180px; background:#f8f7f7; border:#e7e0e7 1px solid; color:#645164; padding-top:10px; margin-left:150px}
.main .content .input{ height:20px; line-height:20px; border:#dcd2dc 1px solid; padding-left:4px; font-family:Arial, Helvetica, sans-serif}

/* 订购 */
.main .content .order{ height:255px; padding-left:20px; padding-right:20px; padding-top:20px; background:#FFFFFF; color:#645164}
.main .content .order .left{ width:456px; float:left; border:#ebe0eb 1px solid; padding-bottom:10px}
.main .content .order .right{ width:456px; float:right; border:#ebe0eb 1px solid; padding-bottom:10px}
.main .content .order .tt{ background:url(../images/order_01.jpg) no-repeat center; padding-left:30px; color:#4a374b; font-size:14px; font-weight:bold; margin-bottom:20px}
.main .content .order .paystyle{ height:28px; line-height:28px; float:left; padding-left:30px;border:#ebe0eb 1px solid; width:910px; margin-top:10px}

/* 美丽前沿 */
.main .content .qianyan{ background:#FFFFFF; padding-bottom:10px; padding-top:15px}
.main .content .qianyan .list{border:#dcd2dc 1px solid; border-top:#dcd2dc 5px solid; width:910px; margin-left:auto; margin-right:auto; padding:15px;  }
.main .content .qianyan .list .left{ float:left; }
.main .content .qianyan .list .leftc{ float:left; width:450px; }
.main .content .qianyan .list .rightc{ float:left; width:460px}
.main .content .qianyan .list p{ width:130px; float:left; text-align:center; padding-top:10px}
.main .content .qianyan .list p img{ border:#ece1ec 1px solid; padding:3px}
.main .content .qianyan .list ul {  float:left}
.main .content .qianyan .list ul li{ background:url(../images//qianyan_08.jpg) no-repeat left; height:25px; line-height:25px; padding-left:20px}
.main .content .qianyan .list ul li span{ float:right; color:#999999}

/* 代理经销 */
.main .content .daili{ background:#FFFFFF; padding-top:15px}
.main .content .daili1{ background:url(../images/daili_3.jpg) no-repeat center top; padding:30px 35px 0px 260px; }
.main .content .daili2{ height:423px; background:url(../images/daili_5.jpg) no-repeat center top; padding-top:30px}
.main .content .daili2 ul{ width:880px; margin:0 auto}
.main .content .daili2 ul li{ width:340px; float:left; height:130px; padding-left:100px}
.main .content .daili2 ul li p.tt{  color:#e3439f; height:28px; line-height:28px; }
.main .content .daili2 ul li p.tt a{ color:#e3439f; font-family:"微软雅黑"; font-size:16px;}
.main .content .daili2 ul li p.text{ width:260px}

.main .content .dailizhuti{ background:url(../images/info_02.jpg) center repeat-y;}

/* 常见问题 */
.main .content .wenti {background:#FFFFFF; padding-bottom:15px; padding-top:15px}
.main .content .wenti ul{ width:940px; margin:10px auto 0 20px; border:#dcd1dc 1px solid; border-top:#dcd1dc 5px solid}
.main .content .wenti ul li{ height:50px; background:url(../images/wenti_07.jpg) no-repeat top; margin-top:15px; padding-left:40px; padding-right:40px}
.main .content .wenti ul li p.title{ height:30px; line-height:30px; background:url(../images//qianyan_08.jpg) no-repeat left; padding-left:20px}
.main .content .wenti ul li p.title span{ font-size:20px; font-family:"Times New Roman", Times, serif; color:#e550a5; margin-right:10px}
.main .content .wenti ul li p.title a{ font-weight:bold}
.main .content .wenti ul li p.text{ padding-left:25px}
.main .content .wenti .pager{ text-align:center; height:28px; line-height:28px}

/* 免费体验 */
.main .content .tiyan{ height:429px; background:url(../images/tiyan_03.jpg) no-repeat top; padding-top:50px;  }
.main .content .tiyan .text1{ padding-left:25px; padding-right:300px; height:200px}
.main .content .tiyan .text2{ font-size:14px; margin-top:50px; padding-left:30px; height:60px}
.main .content .tiyan a{ font-size:14px; font-weight:bold; color:#e3439f}
.main .content .tiyan .text3{ font-size:14px; margin-top:40px; padding-left:30px; height:60px}
.main .content .tiyan .text3 span{ color:#9100b0; }
.main .content .tiyan .text3 p{ font-size:12px; color:gray}

/* 文章页 */
.main .content .info{  background:#FFFFFF; padding-bottom:10px; padding-top:15px}
.main .content .info .text{ border:#dcd2dc 1px solid; border-top:#dcd2dc 5px solid; width:910px; margin:0 auto 0 auto; padding:15px; font-size:14px; background:url(../images/info_02.jpg) center top}
.main .content .info .text img.fl{ border:#ece1ec 1px solid; float:left; margin-right:15px; margin-bottom:15px}
.main .content .info .text img.fr{ border:#ece1ec 1px solid; float:right; margin-left:15px; margin-bottom:15px}
.main .content .info .text .title{ height:25px; line-height:25px; text-align:center; font-size:18px; font-family:"微软雅黑"; color:#d2217b}
.main .content .info .text .newsinfo{ height:25px; line-height:25px; text-align:center; font-size:12px; margin-top:10px}

/* 选项页面 */
.main .content .option .hongzi{ color:#e3439f; height:38px; line-height:38px; font-weight:bold; font-size:14px}
.main .content .option{ background:#FFFFFF;  padding-bottom:10px; padding-top:15px}
.main .content .option .text{ border:#dcd2dc 1px solid; border-top:#dcd2dc 5px solid;  margin:0 auto; padding:15px; font-size:14px; width:910px }
.main .content .option .optionclass{ background:url(../images/option_03.jpg) no-repeat left #dcd2dc; background-position:15px; height:25px; line-height:25px; width:942px; margin-left:auto; margin-right:auto}
.main .content .option .optionclass span{ margin-left:40px; font-size:14px; font-weight:bold; }

.main .content .option .item{ border:#eadeea 1px solid; border-top:none; width:940px; margin:0 auto}
.main .content .option .item .optionname{ color:#754f74; height:38px; line-height:38px; padding-left:25px; font-weight:bold; font-size:14px}
.main .content .option .item ul{ margin:0 auto}
.main .content .option .item ul li{ width:310px; float:left; text-align:center; }
.main .content .option .item ul li p.tt{ background:url(../images/option_07.jpg) no-repeat center; height:18px; line-height:18px; text-align:center}
.main .content .option .item ul li p.tt2{ background:url(../images/option_08.jpg) no-repeat right; height:18px; line-height:18px; text-align:right}
.main .content .option .item ul li img{ text-align:center; border:#eadeea 1px solid; padding:4px}
.main .content .option .item .radiolist{ width:850px; margin:0 auto; padding-bottom:10px; padding-top:3px}
.main .content .option .item .radiolist img{border:#eadeea 1px solid; padding:4px}
.main .content .option .item .radiolist .leftitem{ float:left; width:410px; border-right:#eadeea 2px dashed; text-align:right; padding-right:10px}
/*.main .content .option .item .radiolist .leftitem{ float:right; width:610px; border-right:#eadeea 2px dashed; text-align:left; padding-right:10px}*/
.main .content .option .item .radiolist .rightitem{ float:left; width:410px; text-align:right; margin-left:10px}
.main .content .option .item .radiolist ul li{ width:410px; text-align:center}

.main .content .option .vip
{
	height: 50px;
	line-height: 25px;
	background: #ebdfeb;
	width: 912px;
	margin: 2px auto;
	padding-left: 30px;
	font-size: 15px;
}
.main .content .option .vip span{ float:left; line-height:50px}


.main .content .footbtn{ height:25px; line-height:25px; text-align:right; padding-right:20px}
.main .content .footbtn input{ width:180px; height:23px; color:#FFFFFF; background:#938d93; border:none; vertical-align:middle}

.main .content .option .height5{ height:5px; background:#eadeea; width:942px; margin:0 auto}


/* 用户中心 */
.main .content .usercenter{ background:#FFFFFF; padding-bottom:20px; padding-top:15px; }
.main .content .usercenter .userinfo { border:#dcd2dc 1px solid; border-top:#dcd2dc 5px solid; width:940px; margin:10px auto}
.main .content .usercenter .userinfo .shuoming{ margin:15px auto 0 auto; width:900px}
.main .content .usercenter .userinfo .loginfo{ height:28px; line-height:28px; background:#f8f7f7; margin:10px auto 0 auto; width:840px; color:#e3439f; padding-left:30px; padding-right:30px}
.main .content .usercenter .userinfo .tbinfo{ background:#eae0ea; margin:15px auto}
.main .content .usercenter .userinfo .tbinfo td{ background:#f8f7f7; height:28px; line-height:28px}
.main .content .usercenter .userinfo .tbinfo td.lm1{ text-align:left; padding-left:15px}
.main .content .usercenter .userinfo .tbinfo td.lm2{ padding-left:8px}
.main .content .usercenter .userinfo .tbinfo img,input{ vertical-align:middle}
.main .content .usercenter .userinfo .tbinfo .input{ height:20px; line-height:20px; border:#dcd2dc 1px solid; width:200px; padding-left:4px}
.main .content .usercenter .userinfo .btn{ width:700px; margin:10px auto; height:30px; line-height:30px; text-align:center}
.main .content .usercenter .userinfo .txtNum{ height:16px; line-height:16px; border:#CCCCCC 1px solid; font-size:14px;  color:#660000; width:30px;}

/* 美丽形象方案 */
.main .content .result{ background:#FFFFFF; padding-top:15px}
.main .content .result .text{ border:#dcd2dc 1px solid; border-top:#dcd2dc 5px solid;  margin:0 auto; padding:15px; font-size:14px; width:910px }
.main .content .result .falist{ height:25px; line-height:25px; width:942px; margin-left:auto; margin-right:auto; }
.main .content .result .falist span{ height:25px; line-height:25px; background:url(../images/point_05.jpg) no-repeat left; padding-left:25px; display:block; margin-left:15px; float:left; }
.main .content .result .falist a.sel{ font-weight:bold; color:#754f74;text-decoration:none;}
.main .content .result .zongtifa{ height:150px; width:920px; margin:0 auto; }
/* .main .content .result .zongtifa{ height:150px; background:url(../images/fangan3.jpg) no-repeat center top; width:720px; margin:0 auto; padding-right:220px; }*/
.main .content .result .fatable{ background:#eadeea; width:940px; margin:10px auto}
.main .content .result .fatable td{ background:#FFFFFF; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:10px}
.main .content .result .fatable td.left
{
	width: 100px;
	color: #754f74;
	font-size: 22px;
	font-family: "微软雅黑";
	text-align: left;
	vertical-align: top;
}
.main .content .result .fatable td.left p{ font-size:12px; font-family:"宋体"; font-weight:normal; color:#645164}

.main .content .result .fatable td .opname
{
	height: 30px;
	line-height: 30px;
	color: #754f74;
	font-size: 14px;
	font-weight: bold;
}
.main .content .result .fatable td .opname span{ font-size:28px; color:#9100b0; font-family:"Times New Roman", Times, serif; font-weight:bold; font-style:oblique}
.main .content .result .fatable td .optext{ line-height:25px}
.main .content .result .fatable td .oppic{ margin-top:8px;letter-spacing:20px}
.main .content .result .fatable td .oppic ul{ margin:0; }
.main .content .result .fatable td .oppic ul li{ width:228px;float:left;}
.main .content .result .fatable td .oppic ul li img{ border:#e5e3e6 1px solid; padding:3px}
.main .content .result .fatable td .sjk{
	height:30px;
	line-height:30px;
	color:#F93;
	font-size:18px;
	font-style: normal;
	text-decoration: blink;
}
/*没以下是鼠标悬停时显示文本*/
.main .content .result .fatable td .shuoming{
position:relative; /*这个是关键*/
z-index:2;
}
.shuoming:hover{
z-index:3;
background:none; /*没有这个在IE中不可用*/
}
.shuoming span{
display: none;
}
.shuoming:hover span
{
	/*span 标签仅在 :hover 状态时显示*/
	display: block;
	width: 60em;
	border: 1px solid black;
	background-color: #ffffff;
	padding: 3px;
	color: black;
	position: absolute;
	display: block;
}


.main .content .path{ height:20px; line-height:20px; width:940px; padding-left:20px}

/* 导航 */
.dh{ height:26px; line-height:26px; width:890px; margin:0px auto 10px auto; font-size:12px}
.dh ul li{ float:left; width:100px; color:#FFFFFF; background:#c462b9; height:26px; line-height:26px; text-align:center; font-weight:bold}
.dh ul li.sel{ color:#FFFFFF; background:#755074 }
.dh ul li.point01 { background:url(../images//point_01.jpg) no-repeat center; width:26px; height:26px }
.dh ul li.point02{ background:url(../images//point_02.jpg) no-repeat center; width:26px; height:26px }
.dh ul li.point03{ background:url(../images//point_03.jpg) no-repeat center; width:26px; height:26px }
.dh ul li.point04{ background:url(../images//point_04.jpg) no-repeat center; width:26px; height:26px }
.dh ul li.point05{ background:url(../images//point_05.jpg) no-repeat center; width:26px; height:26px }
.dh ul li a:link,.dh ul li a:visited { color:#FFFFFF;  font-weight:bold; text-decoration:none}
.dh ul li a:hover,.dh ul li a:active { color:#FFFFFF;  font-weight:bold; text-decoration:none}

ul.styleList li{ width:130px; float:left}