/* design by BOOFCCOM */

/* 通用顶部 */
#hTop{ z-index:50; position: fixed;width:100%; height:70px;background: url(/images/header/htop.png) repeat; text-align:left; border-bottom:0px #DDD solid; top: 0px; left: 0px; }
#hHead{ margin:auto;width:100%; text-align:center;background-color:#FFF; padding-top:70px;overflow:hidden;}
#hTopbar{ margin:auto; width:1200px; height:70px; }

/* LOGO */
.hTopleft{ float:left;width:220px; height:70px; }
.hTopleft img{ width:200px; height:60px; margin-top:5px; }

/* 菜单 */
.hTopmid{ float:left;width:780px; height:70px; }
.hTopmid ul li{ float:left; width:auto; line-height:68px;display:inline; position: relative; text-align:center;font-size:16px; margin:0px 10px; }
.hTopmid ul .hli .lnk { color:#555;}
.hTopmid ul .hli .lnk:hover { display:inline-block;width:auto;line-height:68px;color:#EE4E4E;border-bottom:2px #EE4E4E solid; }
.hTopmid ul .over .lnk {  display:inline-block;width:auto;line-height:68px;color:#EE4E4E; border-bottom:2px #EE4E4E solid;}
.hTopover{  }

.hTopmid ul li a.hMore{  float:left; width:auto;height:68px; z-index:3; position: relative; display: block;  text-align:left; color:#555;margin:0px 0px; }
.hTopmid ul li a.hMorecurrent { color:#EE4E4E; }

.hMoredown { z-index: 5; position: absolute;top:60px;left:-150px; width:360px; height:auto; border-bottom:0px #EEE solid; padding-top:9px;background: url(../images/header/hmore_bg.png) top no-repeat; background-color:#FFF;border-radius:3px; }
.hMoredown span{ float:left; width:119px;line-height:35px; text-align:center; font-size:14px;border-bottom:1px #EEE solid;border-right:1px #EEE solid; }
.hMoredown span a{ display:block; width:120px; line-height:35px;color:#333; }
.hMoredown span:hover{ background-color:#EE4E4E; }
.hMoredown span:hover a{ color:#FFF; }


/* 登录注册 */
.hTopright{ float:right;width:190px; height:70px; }
.hTopright .left{ float:right;width:80px; height:70px; font-size:13px; }

.hTopApp{ float:left;width:80px; height:70px;line-height:70px; display:inline; position: relative; text-align:center; margin-top:0px; }
.hTopApp a{ color:#777; }
.hTopApp a.mMore{  float:left; width:65px;height:70px; line-height:70px;z-index: 3; position: relative; display: block; background: url(../images/header/rmore1.png) 58px center no-repeat; text-align:left; padding-left:15px; }
.hTopApp a.mMorecurrent { float:left;width:65px;height:70px;line-height:70px;background: url(../images/header/rmore2.png) 58px center no-repeat; background-color:#FFF;text-align:left; padding-left:14px; border-left:1px #E5E5E5 solid; border-right:1px #E5E5E5 solid; color:#EE4E4E; }
.mMoredown { z-index: 2; position: absolute;top:70px;left:-368px;width:520px;background-color:#FFF; border:1px #E5E5E5 solid; }
.mMoredown ul{ float:left;width:520px; }
.mMoredown li{ float:left;width:100px; margin:10px 15px;text-align:center; }
.mMoredown li p{ float:left; width:100px; line-height:25px; color:#666; }
.mMoredown li span{ float:left; width:100px; height:100px; }
.mMoredown li span img{ width:100px; height:100px; }


.hTopright .right{ float:right;width:auto; height:70px;}
.divLogin{ float:left;width:auto; height:70px;line-height:70px;text-align:left; font-size:13px;color:#bbb; display:inline; position: relative;  }
.divLogin a{ color:#777; margin:0px 3px; }
.divLogin a:hover{ color:#EE4E4E; }

.hTopLogin a.lMore{  float:left; width:auto;height:70px; line-height:70px;z-index: 3; position: relative; display: block; }
.hTopLogin a.lMorecurrent { float:left;width:auto;height:70px;line-height:70px; }
.lMoredown { z-index: 2; position: absolute;top:50px;left:-42px; width:120px; height:auto; border-bottom:1px #ddd solid; padding-top:7px;background: url(../images/header/topbg.gif) top no-repeat; background-color:#FFF; }
.lMoredown span{ float:left; width:120px;line-height:32px; text-align:center; font-size:14px;border-bottom:1px #E5E5E5 solid; }
.lMoredown span a{ display:block; width:120px; line-height:32px;color:#555; }
.lMoredown span:last-child{ border-bottom:0;}
.lMoredown span:hover{ background-color:#EE4E4E; }
.lMoredown span:hover a{ color:#FFF; }

.divReg{ float:left;width:auto; height:70px;line-height:70px;text-align:left; font-size:13px;color:#ccc; display:inline; position: relative; padding-left:5px; }
.divReg a{ color:#777; margin-left:5px; }
.divReg a:hover{ color:#EE4E4E; }

.hTopright .right .u1{ float:left;width:70px; height:40px; line-height:40px;padding-left:0px; margin-top:15px; }
.hTopright .right .u1 b{ float:left;width:60px; height:40px; line-height:40px;background: url(../images/header/use.png) left center no-repeat; font-weight:normal; padding-left:20px; }
.hTopright .right .u2{ float:left;width:40px; height:70px; line-height:70px; }
.hTopright .right .divUser a{ color:#9A9EA2; font-size:13px; }
.hTopright .right .u1 img{ width:40px; height:40px;border-radius:100%; margin-left:20px; }




/* 登录页-顶部 */
#loginheader{ margin:auto; width:1000px; height:60px; margin:15px auto;text-align:left; overflow:hidden; }
#loginheader .logo{ float:left;width:220px; height:60px; }
#loginheader .logo img{ width:200px; height:60px; }
#loginheader .word{ float:left;width:580px; height:60px; line-height:60px; color:#666; font-size:15pt; }
#loginheader .link{ float:left;width:200px; height:60px; line-height:60px;text-align:right; color:#666; }
#loginheader .link a{ color:#666; }


/* 会员中心-顶部 */
#utop{ width:100%;height:60px; background-color:#EE4E4E; top: 0px; left: 0px;text-align:left }
.utopbar{ margin:auto;width:1100px;height:60px;}
.utopbar .left{ float:left; width:600px; height:60px; display:inline;}
.utopbar .left .logo{ float:left; width:auto; height:60px;padding:10px 0px;text-align:left; margin-right:15px; }
.utopbar .left .logo img{ float:left;width:40px; height:40px; margin-right:5px; }
.utopbar .left .logo span{ float:left;width:auto; line-height:40px; font-size:17pt; font-weight:normal; color:#FFF;  }
.utopbar .left .logo a{ color:#FFF; }
.utopbar .left .channel{ float:left; width:100px; height:20px; line-height:20px;font-size:18px;color:#FFF; font-family: "Microsoft YaHei", 微软雅黑; border-left:1px #FFF solid; margin-top:20px; text-indent:10px; }
.utopbar .left .channel a{ color:#FFF; }

.utopbar .right{ float:left; width:500px;height:60px }
.utopbar .right ul li{ float:right;  margin:0px 0px 0px 10px; height:60px;line-height:60px; color:#FFF;}
.utopbar .right ul li i{ font-style:normal; padding:0px 8px; color:#FFF; }
.utopbar .right ul li a{ color:#FFF; margin-right:10px;position:relative; }
.utopbar .right ul li a em{ position:absolute; top:-10px; right:-10px; width:25px; line-height:16px;background-color:#FFF; color:#F00;border-radius:9px; text-align:center; font-style:normal; font-size:12px; }
.utopbar .right ul li a:hover { color:#FFF;}
.utopMessage{ display:inline-block;width:14px; height:13px;background:url(../Images/header/utop4.png) no-repeat 0px 0px;margin-top:5px; margin-right:5px;cursor:pointer; }
.utopMessage:hover{ background-position:0px 0px; }

/* 会员中心-导航 */
#unav{ width:100%; height:60px; margin-bottom:15px; background:url(../Images/header/unav.png) bottom repeat-x;background-color:#FFF; text-align:center; overflow:hidden;}
.unav{ margin:auto;width:1100px; height:60px; }
.unav ul{ float:left;width:1000px; height:60px; }
.unav1,.unav2{ float:left;width:80px; height:58px; line-height:58px; margin:0px 15px;text-align:center;font-size:16px; font-family: "Microsoft YaHei", 微软雅黑; }
.unav1{ background:url(../Images/header/unav_bg.png) center bottom repeat-x; }
.unav1 a{ color:#1695F6;}
.unav2 a{ color:#818BA3;}
.unav2 a:hover{ color:#1695F6;}
.unav .sea{ float:left;width:100px; height:60px; }
.unav .sea a{ display:inline-block; width:80px; line-height:30px;font-size:14px; background-color:#57A743;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; margin-top:15px; }
.unav .sea a:link{ color:#FFF; }
.unav .sea a:hover{ background-color:#6CBB57;color:#FFF; }


/* LOGO部分 */
#hLogo{ margin:auto;width:100%;  text-align:center; background-color:#FFF; padding-top:45px;overflow:hidden;}
#hLogo2{ margin:auto;width:100%;  text-align:center; background-color:#FFF;overflow:hidden;}
#hLogobar{ width:1200px; margin:auto;height:85px;overflow:hidden;  }
.hLogoimg{ float:left; width:210px; height:60px; padding-top:15px;text-align:left;}
.hLogoimg img{ width:200px; height:60px;}
.hLogomid{ float:left; width:120px; height:30px; padding-top:40px;text-align:left;font-size:20px; color:#999;  }
.hLogomid a{ color:#C7D0E2; }
.hLogoright{ float:right;width:850px;height:85px; text-align:left; }
.hLogoright ul{ float:left;width:850px; margin-top:20px; height:40px;font-size:15px; }
.hLogoright ul li{ float:right;width:auto;height:40px; line-height:40px; padding:0px 15px; text-align:center; }

.hNavbar1{ height:35px; }
.hNavbar1 a{ display:inline-block; width:auto; line-height:35px; padding:0px 35px;border-radius:20px;background-color:#F06B44;color:#FFF;  } 

.hNavbar2{ }
.hNavbar2 a{ display:inline-block; color:#555; }
.hNavbar2 a:hover{ color:#F06B44; }