@charset "utf-8";
.header{ width:960px; margin:0 auto;}
.top_nav{ height:28px; line-height:28px; text-align:right;}
.header h1{ }
.header h1 img{ float:left;}
.header h1 strong{ font-size:14px; font-family:"黑体"; color:#ff9900; float:left; margin-left:8px; margin-top:40px;}
.nav{ margin-top:12px; line-height:30px; width:960px; background:#0bc5f2; width:960px; margin:0 auto; overflow:hidden;}
.nav li{ float:left;font-size:14px; padding:0 18px; background:url(../images/nav_line.gif) no-repeat left center;}
.nav li a{ color:#fff; display:block;}
.banner{ width:960px; margin:10px auto 0 auto;}

.content{ margin:15px auto 0px auto; width:960px;}
.con_left{ width:770px;}
.con_gzxx{ width:248px; float:left; border:1px solid #c9e4f9; margin-right:10px; margin-bottom:12px;}
.gzxx_title{ background:url(../images/blue_title_bg.gif) repeat-x left top; height:30px; line-height:30px;}
.gzxx_title span{ float:right; margin:10px 10px 0 0; cursor:pointer; text-align:center;}
.gzxx_title em{ background:url(../images/blue_title.gif) no-repeat left bottom; display:block; margin-left:8px; color:#fff; padding-left:8px; _width:88px;_margin-top:5px; _height:19px; _padding-top:6px;}
.gzxx_title em a{ color:#fff;}
.gzxx_title em a:hover{ color:#fff;}

.gzxx_con{ padding:10px 8px;}
.gzxx_con ul{}
.gzxx_con li{ background:url(../images/icon_icon.gif) no-repeat left center; line-height:22px; text-indent:13px;}
.con_ydjx{ width:248px; float:left; border:1px solid #c9e4f9; margin-left:0px;margin-bottom:15px;}

.copy{ width:960px; margin-top:70px; margin-bottom:70px; font-size:12px;}
.copy a{text-decoration:none;color:#9c9c9c;}
.copy a:hover{color:red; text-decoration:underline;}

.appheader{background-color:#84a447; color:#ffffff; font-size:1.25em; font-weight:bold;padding-bottom:2px;padding-top:2px; text-indent:8px;text-align:center;}
.appheader a{color:#ffffff; text-decoration:none; float:left; padding-top:4px;}
.appheadtitle{color:#ffffff; text-decoration:none; }


/****** 通用页面样式 ******/
.bule_kuai{ background:#def2fc; height:24px; }
.bule_kuai2{ background:#def2fc; height:6px; margin-top:20px;}
.orange_kuai2{ background:orange; height:6px; margin-top:20px;}
.user{
	width:258px;
	height:315px;
	margin:0 auto;
	position:relative;
}
.user .yh{
	display:block;
	text-align:center;
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding:20px 0;
	display:block;
}
.user .name{
	height:30px;
	margin-top:10px;
}
.c {
  position: relative;
}
.c  .lc {
  background-color: #d3d3db;
  height: 29px;
  width: 35px;
  float: left;
  position: absolute;
  top: 1px;
  left: 1px;  
  text-align:left;
}
.user .name .c  .lc .img {
	height: 20px;
	width: 20px;
	display: inline-block;
	margin: 4px 0 0 7px;
	background-image: url(../images/login-1_aa32855e.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.c  .labelTxt {
  position: absolute;
  top: 1px;
  left: 50px;
  height: 28px;
  line-height: 28px;
  color: #adadb6;
  font-size: 12px;
  font-weight:normal;
}
.c .unameInput {
  height: 28px;
  width: 186px;
  line-height: 28px;
  padding: 0 20px 0 48px;
  border: 1px solid #d3d3db;
}
.pw{
  height: 30px;
  margin: 10px 0 0;
}
.pw .c .lc .img {
  height: 20px;
  width: 16px;
  background: url(../images/login-1_aa32855e.png) -30px 0 no-repeat;
  display: inline-block;
  margin: 4px 0 0 9px;
}
.c .pwdInput {
  height: 28px;
  width: 196px;
  line-height: 28px;
  padding: 0 10px 0 48px;
  border: 1px solid #d3d3db;
 }
.bs {
  margin-top: 10px;
  padding-top:10px;
  height: 15px;
  line-height:15px;
}
.bs .remuser {
  text-align:left;
  line-height: 12px;
}
.bs .remuser input{
	float:left;
	vertical-align: middle;
}
.bs .remuser .ctxt {
  line-height: 12px;
  margin-left: 5px;
  color: #333;
  font-size:12px;
  font-weight:normal;
  float:left;
  vertical-align: middle;
}
.bs  .ftxt {
  float: right;
  color: #1097e4;
  line-height: 12px;
  cursor: pointer;
  text-decoration: none;  
  font-size:12px;
  font-weight:normal;
}
.dlu {
  height: 32px;
  border: 2px solid #1097e4;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #1097e4;
  line-height: 32px;
  -moz-border-radius: 2px / 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px / 2px;
  cursor: pointer;
  display:block;
  width:258px;
}
.dlu:hover{
	background-color: #40ace9;
    border: 2px solid #40ace9;
}

.dlu2 {
  height: 32px;
  border: 2px solid #EAA90E;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #EAA90E;
  line-height: 32px;
  -moz-border-radius: 2px / 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px / 2px;
  cursor: pointer;
  display:block;
  width:258px;
}
.dlu2:hover{
	background-color: #F4B00E;
    border: 2px solid #F4B00E;
}


.exitdlu {
  height: 32px;
  border: 2px solid #1097e4;
  margin-top: 50px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #1097e4;
  line-height: 32px;
  -moz-border-radius: 2px / 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px / 2px;
  cursor: pointer;
  display:block;
  width:258px;
}

.exitdlu2 {
  height: 32px;
  border: 2px solid #1097e4;
  margin-top: 20px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #1097e4;
  line-height: 32px;
  -moz-border-radius: 2px / 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px / 2px;
  cursor: pointer;
  display:block;
  width:258px;
}

.exitdlu3 {
  height: 32px;
  border: 2px solid #1097e4;
  margin-top: 50px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #e4a110;
  line-height: 32px;
  -moz-border-radius: 2px / 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px / 2px;
  cursor: pointer;
  display:block;
  width:258px;
}


.errorTip {
  height: 38px;
  font-size:12px;
  font-weight:normal;
  text-align:left;
  background-color: #fcf8db;
  border: 1px solid #ffb422;
}
.errorTip .img {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url(../images/login-1_aa32855e.png) -74px -40px no-repeat;
  float: left;
  margin: 5px 5px 0;
}
.errorTip .txt {
  line-height: 19px;
  width: 230px;
  height: 23px;
  float: left;
  color: #333;
  float:left;
}
.errorTip .txt .rpwd {
  color: #f51700;
  text-decoration: none;
}
.errorTip .txt .rpwd:hover {
  text-decoration: underline;
}
.vCodeArea {
  height: 26px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.vCodeArea .vCodeParent {
  height: 26px;
  position: relative;
}
.vCodeArea .vCodeParent .labelTxt {
  position: absolute;
  top: 0;
  left: 12px;
  height: 26px;
  line-height: 26px;
  color: #adadb6;
  font-size: 12px;
  float: left;
}
.vCodeArea .vCodeParent .vCodeInput {
  float: left;
  width: 42px;
  border: 1px solid red;
  height: 24px;
  margin: 0;
  padding: 0 10px;
  line-height: 24px;
  background: url(../images/lz.png) no-repeat;
}

.vCodeArea .vCodeParent .VImage {
  float: left;
  padding-left:10px;
}

.vCodeArea .vCodeParent .vCodeImg {
  float: left;
  cursor: pointer;
}
.vCodeArea .vCodeParent .htxt {
  float: left;
  height: 26px;
  line-height: 26px;
  margin: 2px 0 2px 46px;
  color: #1097e4;
  cursor: pointer;
  text-decoration: none;
}
.user .bottom{
	margin-top:10px;
}
.user .bottom .hh{
	  color: #1097e4;
	  font-size: 14px;
	  text-decoration: none;
	  float:left;
}
.rc {
  float: right;
}
.rc .img1 {
  width: 20px;
  height: 18px;
  background: url(../images/login-1_aa32855e.png) -73px -62px no-repeat;
}
.rc span {
  display: inline-block;
  float: left;
  height: 20px;
  line-height: 20px;
}
.rc .txt {
  margin: 0 6px;
  color: #1097e4;
  display: inline-block;
  float: left;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
}
.rc .img2 {
  width: 6px;
  height: 8px;
  background: url(../images/login-1_aa32855e.png) -91px -22px no-repeat;
  margin-top: 6px;
}


.reguser{
	width:325px;
	margin:0 auto;
	position:relative;
}

.reguser div
{
    padding-top: 6px;
}

.reguser label
{
	float: left;
    width: 100px;
    text-align: right;
}

.reguser input
{
    width: 205px;
    height:26px;
    border:1px solid #9F9FA3;
}

.reguser select
{
    width: 207px;
    height:26px;
    border:1px solid #9F9FA3; padding:1px;
}

.reguser .regtitle{text-align:center; margin:20px 0px 5px 0px;}
.regbutton{height:40px;}
.indistar{color:Red; font-size:14px; display:none;}

.errorTipReg {
  height: 22px;
  font-size:14px;
  font-weight:normal;
  text-align:left;
  background-color: #fcf8db;
  border: 1px solid #ffb422;
}
.errorTipReg .img {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url(../images/login-1_aa32855e.png) -74px -40px no-repeat;
  float: left;
  margin: 5px 5px 0;
}
.errorTipReg .txt {
  line-height: 19px;

  height: 23px;
  float: left;
  color: #333;
  float:left;
}

.regtextarea{width: 480px; height: 300px; font-size: 12px; color: rgb(102, 102, 102);}

.grmeeages_con{ width:776px;padding:10px; background:#f6fcff url(../images/cidian/con_bg.gif) repeat-x left top;}
.grsz_title{ font-size:14px; font-weight:bold; color:#47acdf; height:30px; line-height:30px; background:url(../images/cidian/bule_icon.gif) no-repeat 60px center;}
.grsz_con{ border:1px solid #c4edff; padding:20px; margin-top:10px; background:#fff; line-height:21px;}

/*********  产品展示样式  *********/
.org_title{ background:url(../images/img_org_bg.gif) repeat-x left top; height:33px; line-height:33px; width:960px; margin:8px auto 0 auto;}
.org_title a{ background:url(../images/img_org_bg2.gif) no-repeat left bottom; display:block; color:#dd6d32; font-size:15px; font-weight:bold; text-indent:3em;}
.product{ background:url(../images/img_pro_bg.gif) no-repeat left top; width:191px; height:120px; float:left; margin-top:15px; padding:15px; margin-left:15px;}
.product dt{ width:110px; font-size:15px; font-weight:bold; color:#e24e29; height:30px; line-height:30px;}
.product dt.color{width:110px; font-size:15px; font-weight:bold; color:#3b60ad; height:30px; line-height:30px;}
.product dd.letter{ width:110px; line-height:16px; font-size:12px;}
.pro_btn{ text-align:center; margin-top:15px;}

/****** 产品内页样式 ******/
.pro_title{ background:url(../images/img_org_bg.gif) repeat-x left top; height:33px; line-height:33px; width:960px; margin:8px auto 0 auto;}
.pro_title a{ background:url(../images/img_org_bg2.gif) no-repeat left bottom; display:block; color:#dd6d32; font-size:15px; font-weight:bold; text-indent:1em;}
.pro_box{ background:#f5f5f5; padding:37px 0 37px 52px;}
.pro_box dl{ width:185px;}
.pro_box dt{ width:110px; font-size:15px; font-weight:bold; color:#e24e29; height:30px; line-height:30px;}
.pro_box dt.bule_letter{ color:#476ab2;}
.pro_box dd.letter{ width:110px; line-height:16px; font-size:12px;}
.pro_box ul{ margin-top:15px; margin-left:10px;}
.pro_box li{ line-height:24px; height:24px;}
.pro_box_btn{ background:url(../images/img_enter_btn.gif) no-repeat left top; width:86px; height:26px; border:none; font-size:14px; font-weight:bold; color:#fff; margin-left:80px; margin-top:15px; cursor:pointer;}

.msguser
{
	width:550px;
	margin:auto;
	position:relative;
}
.msgtextarea{width:550px;margin-top:15px;}
.MsgToMeErr{color:Red; margin-top: 10px; margin-bottom:10px;}

.divdist{margin-bottom:10px;}

.refundsummit{color: #fff; background-color:#f2ac07;font-size: 16px; font-weight:bold; cursor: pointer; margin-top:10px;}
.infoarticle{}
.infoarticle p{margin-top:10px; font-size:14px;}
.infoarticle h1{font-size:20px; margin-top:25px; margin-bottom:20px;}
.infoarticle h2{font-size:16px; margin-top:30px;}
.actable{}
.aclefttd{width:80px;vertical-align:top; font-weight:bold;line-height:38px;}
.acrighttd{vertical-align:top; line-height:38px;}
.acp{margin-top:10px;margin-bottom:3px;}

.regtbox
{
    width: 230px;
    height:26px;
    border:1px solid #9F9FA3;
}

@media screen and (max-width:768px) {
body{-webkit-text-size-adjust:none;}

.header{width:100%;}
.nav{width:99%;}
.nav li{background:none; padding-left:6px; padding-right:6px;}

.content{width:100%; margin:3px 1% 0px 1%;}
.copy{width:100%;}

#divcopy {display:none;}
.regtextarea {width:300px;}
.grmeeages_con{width:90%;}

}

@media screen and (max-width:340px) {
.reguser{width:300px;}
.reguser input{width: 180px;}
.reguser select{width: 182px;}
}

@media screen and (max-width:315px) {
.reguser{width:285px;}
.reguser input{width: 161px;}
.reguser select{width: 163px;}
.regtextarea {width:258px;}
}

@media screen and (max-width:550px) 
{
	.msguser{width:100%; margin-left:5%;}
	.msgtextarea{width:100%;}
}