/*---------------临时使用css---------------*/
html{ background:#fff; }
body{ font:12px/1.125 'Microsoft YaHei', '宋体', Arial, Helvetica, sans-serif; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, label, dl, dt, dd, fieldset, img{ margin:0; padding:0; border:0; list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
table{ border-collapse:collapse; border-spacing:0; }
table, th, td{ margin:0; padding:0; }
body, fieldset, th, td, select, input, textarea{ font-size:12px; }
select, input{ vertical-align:middle; }
cite, em{ font-style:normal; }
a{ text-decoration:none; outline:none; color:#676767; }
a:hover{ text-decoration:underline; color:#669ACA; }
label{ cursor:pointer; }
div,ul,dl,li{ zoom:1; }
div:after,ul:after,dl:after,li:after{ content:" "; display:block; clear:both; height:0; visibility:hidden; }

/*---------------九宫格---------------*/
.hanzi{ position:relative; float:left; display:inline; margin-right:7px; }
.hanziPr{ margin-right:43px; }
.textCode{ float:left; border:1px solid #ccc; }
.textCode i{ display:block; float:left; font-style:normal; width:46px; height:34px; line-height:34px; text-align:center; border-right:1px solid #ccc; background-repeat:no-repeat; background-position:100000px 10000px; }
.textCode i.x1y1{ background-position:2px 0px; }
.textCode i.x2y1{ background-position:-36px 0px; }
.textCode i.x3y1{ background-position:-76px 0px; }
.textCode i.x1y2{ background-position:2px -40px; }
.textCode i.x2y2{ background-position:-36px -40px; }
.textCode i.x3y2{ background-position:-76px -40px; }
.textCode i.x1y3{ background-position:2px -80px; }
.textCode i.x2y3{ background-position:-36px -80px; }
.textCode i.x3y3{ background-position:-76px -80px; }
.tcDelete{ cursor:pointer; display:block; float:left; width:32px; height:34px; border-right:none; text-indent:-99999px; background-position:0px -125px; }
.validateImg{ position:absolute; left:0px; top:34px; padding:6px 0px; width:173px; border:1px solid #ccc; background:#fff; color:#303030; }
.validateImg h3{ font-size:12px; font-weight:normal; text-align:center; color:#353535; padding:0px 0px 6px; }
.jiugong{ width:125px; height:120px; margin:0px auto; }
.jiugong em{ cursor:pointer; position:relative; display:block; float:left; display:inline; margin:0px 0px -1px -1px; width:39px; height:39px; border:1px solid #ccc; }
.jiugong em:hover{ z-index:10; border-color:#6693CC; }
.jiugong em.current{ z-index:10; }
.jiugong em.x1y1{ background-position:2px 0px; }
.jiugong em.x2y1{ background-position:-36px 0px; }
.jiugong em.x3y1{ background-position:-76px 0px; }
.jiugong em.x1y2{ background-position:2px -40px; }
.jiugong em.x2y2{ background-position:-36px -40px; }
.jiugong em.x3y2{ background-position:-76px -40px; }
.jiugong em.x1y3{ background-position:2px -80px; }
.jiugong em.x2y3{ background-position:-36px -80px; }
.jiugong em.x3y3{ background-position:-76px -80px; }

.cnPicture{ overflow:hidden; display:block; float:left; display:inline; margin:0 8px 0 0; width:118px; height:34px; border:1px solid #ccc; }
.cnPicture img{ height:100%; width:100%; }
/*错误提示*/
.tipText i,.tipError p.tipInfor,.changePicture,.changePicture,.tcDelete{ background-image:url(../images/icoPicture.png); background-repeat:no-repeat; }
.tipText{ display: none; position:relative; float:left; left:5px; z-index:20; padding:0 6px; width:153px; line-height:20px; border:1px solid #CAC9C7; color:#969A9B; background:#FEFBD8; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
.tipText i{ position:absolute; left:-7px; top:11px; width:7px; height:11px; text-indent:-9999px; background-position:0 -672px; }
.tipText p.tipInfor{ padding:1px 0 1px 22px; background-position:0 -47px; }
.tipText p.tipInfor u{ display:inline-block; width:1px; height:32px; vertical-align:middle; }
.tipText p.tipInfor abbr{ overflow:hidden; font-weight:normal; display:inline-block; width:96%; vertical-align:middle; }
.tipError{ border:1px solid #FF999A; background:#FCE4E4; }
.tipError i{ background-position:0px -189px; }
.tipError p.tipInfor{ min-height:30px; _height:30px; padding:1px 0 1px 20px; background-position:0 8px; color:#f66; line-height:16px; }
.changePicture{ float:left; display:inline; margin-right:8px; cursor:pointer; height:36px; width:27px; border:none; color:#999; font-weight:normal; background-position:0 -50px; }
#capcha{ cursor: pointer;border:1px solid #ccc; }

/*---------------九宫格-移动端---------------*/
.h5{
  position:relative;
  z-index:10;
  margin-bottom:165px;
}
.h5 b{
  display:block;
  background:orange;
  width:130px;
  margin-bottom:5px;
}
.h5 b img{
  width:100%;
  height:34px;
  display:block;
}
.h5 .validateImg{
  padding:10px 0px;
}
.h5 .tipText{
  float:none;
  position:absolute;
  left:141px;
  top:0px;
  width:140px;
}
.h5 .tipError i{
  /*display:none;*/
}
.h5 .tipError p.tipInfor{
  padding-left:15px;
}