﻿/* 页面 */
@charset "utf-8";
body{padding:0px; margin:0px; text-align:center; background:#FFFFFF; color:#464646;font-family:Arial, Helvetica, sans-serif,;font-size:12px;line-height: 150%;}
.place{margin-left:auto; margin-right:auto;}
div, p, ul, li, h1, h2, h3, h4, h5, h6, h7, img, span, form{padding:0px; margin:0px; text-align:left;}
*{margin:0;padding:0;}
ul{list-style-type:none;}
h1{ font-size:14px; font-weight:bold;color:#1b8dbf;}


/* 链接 */
a{font-family: Arial,"宋体";font-size: 12px;color:#1b8dbf;text-decoration:none;}
a:hover{font-family:Arial, "宋体";font-size: 12px;color:#24b7bb4; text-decoration: underline;}

/* 公用,样式 */
.tleft {float:left;}
.tright {float:right;}
.clear{display:block; clear:both; font-size:0px;}
a.more { color:#FF0000; margin-left:20px; text-decoration:none;}
a.more:hover{ color:#FF0000; margin-left:20px; text-decoration:underline;}
.biankuang{ border:#333333 1px solid;}
.font_b{color:#464646; font-weight:bold; line-height:240%;}
.xuxian{ border-bottom:#CCCCCC 1px dashed; height:14px; margin-bottom:8px; font-size:0;}
.xuxian_r{border-right:#CCCCCC 1px dashed;}
.kuai{ background:#e1f1fc; height:12px; font-size:0; margin-bottom:5px;}
.red{ color:#eb0202;}
a.red{color:#eb0202; text-decoration:none;}
a.red:hover{color:#eb0202; text-decoration:underline;}
.black_b{ color:#575656; font-weight:bold;}
a.black_b{ color:#575656; text-decoration:none;}
a.black_b:hover{ color:#3d3d3d; text-decoration:underline;}
.blue{ font-size:12px; color:#1b8dbf;}
.blue_b{ font-size:12px; color:#1b8dbf; font-weight:bold;}
a.blue_b{ font-size:12px; color:#1b8dbf; font-weight:bold; text-decoration:none;}
a.blue_b:hover{ font-size:12px; color:#4eb9da; font-weight:bold; text-decoration:underline;}
.green{ color:#ff0000;}
a.green{ color:#ff0000; text-decoration:none;}
a.green:hover{ color:#ff0000; text-decoration:underline;}

/* header */
.header{ width:900px; height:80px;}

/* main */
.main{ width:830px; height:auto; background:#fff; margin-top:6px; margin-bottom:7px; display:block;}
.address{ display:block; padding:4px 10px 8px 10px;}
.address p{ height:2px;font-size:0; overflow:hidden;}
/* left */
#left{background:#FFFFFF; border:#bce1f1 1px solid; height:auto;padding:2px;}
/* little magazine */
.content{display:block;margin:10px 8px;}
.face{display:block; margin-right:3px;  float:left;}
.face p{text-align:center; margin-bottom:12px;}
.face_img{width:200px; height:264px;overflow:hidden; border:#333333 1px solid; margin:5px; margin-bottom:5px;}
.info{ float:right; padding-right:4px;}
.info p{line-height:190%;}
.info p b{ background:url(images/dot_1.gif) no-repeat 5px 4px;padding-left:15px;}
.order{ display:block;}
.order p{ padding-left:10px; margin-bottom:7px; width: auto; display:block;}
.order p font{margin-left:5px;}
.r{margin-right:50px; vertical-align:middle; float:right;}
.grey{ background:#eff0f0; height:24px;}

/* much magazine */
.much{display:block;}
.much ul{ list-style:none; margin:0 5px; padding:0;}
.much ul li{ display:inline; margin:8px 6px; float:left;}
.face2{ width:100px; height:131px;border:#333333 1px solid; margin:5px; }
.much ul li p{ text-align:center; line-height:160%;}
.layer1{position:absolute; margin-top:98px;margin-left:-52px!important; margin-left:-58px; width:46px; height:39px;}

.banner{ background:#eff0f0; padding:3px 1px 5px 1px;clear:both; margin:14px 0 18px 0; text-align:center;float: left;}
.divbanner{clear:both; margin:4px 0 5px 0; text-align:center;float: left;}

/* right */
#right{ width:220px; background:#FFFFFF; height:auto;}
.r_kuai{ width:212px; background:#fff; border:#bce1f1 1px solid; padding:3px; margin-bottom:9px; text-align:center;}
.top{ background:url(images/index_06.jpg) no-repeat; width:212px; height:27px; display:block;}
.top h1{font-size:12px; font-weight:bold; color:#fff; padding-left:10px; padding-bottom:1px; line-height:190%;}
.menu{ display:block; width:210px;}
.menu ul{ margin:2px 0px;}
.menu li{height:26px; width:212px;border-bottom:1px solid #065a81;}
.menu_list a{display:block; padding-left:30px;background:url(images/arrow_write.gif) no-repeat 14px 9px; background-color:#1785b6; color:#fff; line-height:26px; height:26px; }
.menu_list a:hover{background:url(images/arrow_write.gif) no-repeat 14px 9px; background-color:#5ac4e7; color:#fff;  line-height:26px;text-decoration:none;}

.login{display:block; background:#fff; text-align:center; padding:10px;}

.download{ display:block;background:#fff; padding:8px;}

.banner2{ display:block; margin:7px 0;}
/* footer */
.footer{ width:900px; height:115px; }

/* 其余页面 */
.page{width:824px; height:auto; border:#bce1f1 1px solid; padding:2px; display:block; margin-top:7px; margin-bottom:5px;}
#login_page{padding:20px; width:90%;}

.guokan{ display:block; margin:15px 6px 22px 6px; width:auto;}
.guokan ul{ list-style:none;}
.guokan ul li{display:inline; margin:4px; float:left; text-align:center;}
.guokan ul li img{margin-bottom:-4px!important; margin-bottom:4px;}
.guokan ul li font{line-height:180%; font-family:"宋体"; font-size:12px; color:#333333;}
.face3{ width:100px; height:131px;border:#333333 1px solid; margin:3px; }
.layer2{position:absolute; margin-top:96px;margin-left:-50px!important; margin-left:-51px; width:46px; height:39px;}

.shopping_car{ margin:14px 30px; display:block; height:auto;}
.shopping_car ul{ list-style:none;}
.shopping_car ul li{ margin-bottom:12px; display:block;}
.sh_face{display:block;}
.sh_face li{ margin:6px; float:left;}
.sh_face li img{width:100px; height:131px; padding:4px; background:#dddde1; }
.table{ text-align:center;}

.order{}
.order p{ margin-bottom:14px;}
.order p span{ margin-left:60px;}
.order p span img{ vertical-align: middle;}

.order_sure{ display:block;}
.order_sure p{ line-height:180%; margin-bottom:4px;}

.account{margin:14px 15px; display:block; height:auto;}
.account_l{ width:212px; height=160px; border:#d6dfe8 1px solid; margin-right:10px; padding:2px;}
.menu2{ display:block; width:208px; color:#FFFFFF;}
.menu2 li{height:26px; width:212px;border-bottom:1px solid white; margin:0;}
.menu2_list a{display:block; padding-left:30px;background:url(images/arrow_write.gif) no-repeat 14px 9px; background-color:#50b7dc; color:#fff; line-height:26px; height:26px; }
.menu2_list a:hover{background:url(images/arrow_write.gif) no-repeat 14px 9px; background-color:#fff; color:#006699;  line-height:26px;text-decoration:none;}

.account_2{ margin-left:3px;}
.d_l{}
.d_l li{ background:url(images/dot_1.gif) no-repeat 5px 4px;padding-left:15px; margin-bottom:6px;}


.accountclass{
background:url(images/account_09.jpg);
}

.face_small {height: 78px;width: 60px;border: 1px solid #999999;}
h2 {font-family: "宋体";font-size: 12px;color: #FFFFFF;margin:3px 0 0 34px;font-weight: normal;}

h3 {font-family: "Arial";font-size: 12px;font-weight: bold;color:#2971A7;}
h4 {font-family: "宋体";font-size: 12px;color: #FFFFFF;margin:3px 0 0 30px;font-weight: bold;}
