/******************你的位置****************************/
.site{padding-top:13px;height:70px;font-size:20px;line-height:32px;margin-bottom:20px;}
.site .sit{widht:65%;height:32px;font-size:16px;float:right;text-align:right;}
.site .sit a{color:#334240;}
.site .sit a:hover{color:#2ae0c4;text-decoration:underline;}

/******************新闻列表****************************/
.clearit {
	clear: both
}
.article{background:#F7FBFF;padding:40px;margin-top:20px;}
.article dl {
	padding-top: 10px;
	background: url(../images/dot.gif) repeat-x 0 bottom
}
.article dl .pic {
	width: 140px;
	height: 90px;
	float: left;
	margin-bottom:0px;
}
.article dl .pic img {
	width: 140px;
	height: 90px;
	display: block
}
.article dl .pic:hover {
	border-color: #339966
}
.article dl .text {
	width: 840px;
	float: left;
	margin-left:50px;
	margin-bottom:0px;
}
.article dl .text strong {
	display: block;
	font-size: 15px;
	line-height: 30px;
	background: url(../images/icon2.gif) no-repeat 0 10px;
	padding-left:17px
}
.article dl .text strong span {font-weight:400;margin-left:8px;font-size:13px;}
.article dl .text strong a {
	color: #334240
}
.article dl .text strong a:hover {
	text-decoration: underline;
	color: #369e0b
}
.article dl .text p {
	margin: 6px 0 0 0;
	line-height: 26px;
	color: #999;
	font-size:15px;
	height:52px;
	overflow:hidden;
}
.article dl .text p a {
	margin-left: 3px;
	color:#369e0b;
}


.article ul.list {
	background: url(../images/dot.gif) repeat-x 0 bottom;
	padding-bottom: 25px;
}
.article ul.list li {
	margin-top: 25px;
	color: #787878;
}
.article ul.list li span {
	padding-left: 20px;
	background: url(../images/icon2.gif) no-repeat 0 1px;
	font-weight: bold;
	margin-right: 10px;
}
.article ul.list li p {
	padding-top: 10px;
	line-height: 25px;
	color: #888
}


/************分页************************/
.pageList {
	height: 40px;
	padding: 15px 0px 10px 0px;
	margin-top: 10px;
	display:inline-block;
}
.pageList span {
    background: #369e0b;
    color: #fff;
    display: block;
    float: left;
    line-height: 19px;
    padding: 4px 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-left: 8px;
}
.pageList a {
	display: block;
	float: left;
	line-height: 19px;
	padding: 4px 8px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	background:#ddd; 
	font-size:15px;
	margin-left: 8px;
}
.pageList a:hover {
	background: #369e0b;
	color: #fff
}
.pageList a.selected {
	background: #369e0b;
	color: #fff
}

/************新闻内容************************/
#Article{ overflow:hidden}
#Article,.photo-channel .relevance{ border:1px solid #C3D4E7;zoom:1; padding:0 20px}
#Article h1{color:#000;font:800 26px/30px "宋体",arial;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px solid #e5e5e5}
#Article h1 span{ font-size:12px; font-weight:normal; line-height:20px; color:#999}
#Article .content{ font-size:14px}
#Article .content p{font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word; padding:8px 0}
#Article .related{ border-top:dashed 1px #ccc; margin-top:15px}
#Article .related h5{padding-bottom:4px}
#Article .related{ padding:10px 0 0}
#Article .related a{ color:#0b3b8c}
.Article-Tool{ border:1px solid #c3d4e7; position:relative; top:-1px; text-align:right; padding:8px; vertical-align:middle; height:15px; background-color:#f4f8fd}
.Article-Tool a{width:16px;height:16px;line-height:16px;background: url(../images/v9/icon.png) no-repeat; margin-left:6px;}
.Article-Tool a:hover{text-decoration: none}
.Article-Tool a.t,.Article-Tool a.t6{background-position: left -336px; width:auto; padding-left:16px; color:#8896b1}
.Article-Tool a.t1{background-position: left -115px;}
.Article-Tool a.t2{background-position: left -159px;}
.Article-Tool a.t3{background-position: left -205px;}
.Article-Tool a.t4{background-position: left -250px;}
.Article-Tool a.t5{background-position: left -294px;}
.Article-Tool a.t6{background-position: left -421px;padding-left:18px;}

/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}

.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
/* Digg */
.box .digg{background: url(../images/num_list.png) no-repeat 10px 5px; padding-left:30px}
.box .digg li{ height:24px; line-height:24px; overflow:hidden; position:relative}
.box .digg li span{background:#fff url(../images/v9/icon.png) no-repeat 0 -67px; position:absolute; right:0; top:0; padding:0 0 0 13px; width:30px}

/* vote */
.box .vote h4{ font-size:14px; font-weight:normal}
.box .vote label{display:block; line-height:22px}
.box .vote .btn{ margin:6px 12px 0 0}

/* 通用容器 */
.box{border:1px solid #c3d4e7;zoom:1; overflow:auto; padding-bottom:10px}
.box h5,.box h6{background: url(../images/v9/title.png) no-repeat right top;color:#1e50a2; height:26px; margin-bottom:10px; line-height:26px; padding-left:10px;border-bottom:1px solid #dce7f3; position:relative}
.box h6{ margin-bottom:0}
.box h5.title-1,.box h6.title-1{background-position: right -52px}
.box h5.title-2,.box h6.title-2{background-position: right -100px}
.box h5.title-2 span.tab{float:right; padding-right:6px; color:#a4bcd6}
.box h5.title-2 span.tab span{ color:#2064ae;cursor: hand;!important;cursor: pointer}
.box a.more{ font-size:12px; font-family:"宋体"; margin-right:8px; font-weight:normal; position:absolute;top:0; *top:1px;_top:1px; right:0}
.box .content{ padding:0 10px; overflow:auto}

.tiao{height:5px;background:url(../images/tiao.png) 0 0 no-repeat;}

/*新闻页 */
#left .crumbs { margin-bottom: 30px;font-size:14px; padding: 1px 0 0 19px; height: 40px; line-height: 40px; border-bottom: 3px solid #999a9a; background: url(../images/crumbs_bg.jpg) no-repeat 0 18px; }
#left .crumbs a { font-weight: bold; color: #645b58; }
#left .crumbs span { /*margin:0 7px; */ font-weight: bold; /*font-style:italic; font-size:15px;*/ }
#left .crumbs .last { color: #e60b00; }
#right { /*position:absolute; right:0; top:0;*/ float: right; margin-top: -32px; padding-top: 32px; width: 258px; /*height:100%;*/ /*border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;*/ }
#right .menu li { position: relative; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #e6e6e6; }
#right .menu li a { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; font-weight: bold; text-indent: 22px;*position:relative; }
#right .menu li .abs { position: absolute; top: 0; left: 0; z-index: 1; width: 0; height: 100%; background-color: #eeefeb; }

.news-block3 { padding: 10px 0; background: url(../images/b2.jpg) no-repeat 0 0; height:auto;overflow:hidden;}
.news-block3 .left { float: left; width: 450px; color:#334240;font-size:14px;}
.news-block3 a:hover {color:#369e0b;}
.news-block3 .left h1 { padding: 10px 0; font-weight: bold; font-size: 16px; color: #369e0b; }
.news-block3 .link-list { margin-top: 41px; float: right; width: 550px;font-size:14px; }

.link-list { line-height: 22px; }
.link-list a { display: block; overflow: hidden; color:#334240; transition:color 0.7s; -webkit-transition:color 0.7s; -moz-transition:color 0.7s;}
.link-list a:hover {color:#369e0b;}
.link-list a span { float: left; width: 76px; color: inherit; }


/* 编辑器样式 */
.editor { position: relative; padding-bottom: 33px; width: 100%; overflow: hidden; }
.editor .head { margin-bottom: 20px; }
.editor .head .news-date { font: bold 24px/20px "novecento"; color: #ff0000; }
.editor .head h1 { margin: 10px 0; font-weight: bold; font-size: 19px; color: #323232; }
.editor .head .news-info { line-height: 12px;font-size:14px; }
.editor .body div { margin: 20px 0; line-height: 22px; }
.editor .body p{ margin: 10px 0; line-height: 22px; text-indent:2em;}
.editor .body p embed { width: 650px; height: 450px; }
.editor .jiathis_style { position: absolute; bottom: 11px; right: 0; }

/************ 投资者关系 *************/
#investing-2{background:#ffffff;}
.ch{padding:0 20px 30px 20px;}

.subNav,.subNav1,.subNav1 input { height:51px; background-color:#f7f0d6;}
.subNav a,.subNav1 a,.subNav1 input {float:left; padding:0 17px; font-weight:bold; font-size:14px; line-height:51px; border-right:2px solid #fff; color:#645b58; cursor:pointer}
.subNav a.on,.subNav1 a.on,.subNav1 input.on {color:#fff; background-color:#369e0b;}

#investing-5 {background:#ffffff;}
#investing-5 .yearList ul{list-style: none;padding:0px 20px 30px;}
#investing-5 .yearList ul li{ border-bottom:2px solid #ececec; padding:9px 0; min-height:15px; overflow:hidden}
#investing-5 .yearList ul li span{ float:left;}
#investing-5 .yearList ul li .txt{ margin-left:20px;}
#investing-5 .yearList ul li a{color:#333;}
#investing-5 .yearList ul li a:hover{color:#369e0b;}


.yearCont{ background:#f9f4f0; height:auto !important;}
.yearCont:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yearCont .contxt .date{ color:#bfb7b4;font:100 110px "novecento"; padding-top:225px;text-align:right; width:330px;float:left;}
.yearCont ul{float:left; margin-bottom:40px;list-style:none;width:780px;}
.yearCont ul li{ float:left; width:200px; margin:40px 46px 0 0;display:block;}
.yearCont ul li .img img{ width:200px; height:250px;}
.yearCont ul li .txt{ border-top:3px solid #f2180f; background:#f4e5be; font-weight:700;height:52px; line-height:52px; text-align:center;}



/*公司治理*/
.finance_ul{background:#ffffff;}
.finance_ul ul {list-style: none;padding:0 20px 30px;}
.finance_ul ul li{ background-position:left center; padding-left:15px;line-height:59px; border-bottom:1px dashed #a7a7a7;}
.finance_ul ul li a{ font-size:14px; color:#000; height:59px; line-height:59px;}
.finance_ul ul li a:hover{ color:#0057b7}
.finance_ul ul li span.datatimes{ float:right;line-height: 59px; width:70px; text-align:right;}

.finance_ul ul li.m_train{ height:59px; clear:both; line-height:59px;}
.finance_ul ul li.m_train .title{ height:59px; clear:both; line-height:59px;}
.finance_ul ul li.m_train .title a{ width:500px; float:left;overflow: hidden;}

.finance_ul.re li{ background:url(../img/report.png) no-repeat; padding-left:40px; background-position:left center; height:59px;}
.finance_ul.re li a{width: 530px;display: block;float: left;overflow: hidden;}
.finance_ul.re li a:hover{ text-decoration:underline}
.finance_ul.re li span{ float:right; line-height:59px; color:#a8a8a8;font-size: 13px;}

/*plat*/
.plat { height:30px; line-height:30px; margin:40px 0 35px; text-align:center;}
.plat .t { display:inline-block; position:relative; padding-left:50px; color:#222; font-size:24px; font-weight:normal;}
.plat .t:before { position:absolute; left:0; top:3px; width:38px; height:24px; background:url(../images/i_ask.png) no-repeat; content:'';}
.mainT .t {float:left; font-size:18px; font-weight:normal; color:#4285f4;}
.mainT .t.icon {position:relative;padding-left:30px;}
.mainT .t.icon:before { position:absolute; left:0; top:0; width:30px; height:30px; content:'';background-image: url(../images/i_main.png);}

/*roadAsk*/
.roadAsk { margin-bottom:45px;}
.roadAsk .t.icon:before { background-position:-90px 0;}
.askBox {clear: both; margin:25px 0 65px; position:relative; box-sizing:border-box;}
.askBox .txtArea { padding:10px; box-sizing:border-box; width:100%; height:120px; border-radius:3px; border:1px solid #d4d3d3; line-height:1.5; background-color:#fff; vertical-align:top; overflow:hidden;}
.askBox .txtArea[disabled] { background-color:#eee;}
.askBox .txtArea:focus { box-shadow:0 0 5px #ddd;}
.askBox .loginTip,.askBox .totalTip { position:absolute; line-height:1;}
.askBox .loginTip {left:10px; top:15px; color:#333; font-size:14px;}
.askBox .loginTip a{ color:#4182f9}
.askBox .loginTip a:hover { border-bottom:1px solid #4182f9;}
.askBox .totalTip {right:10px; bottom:15px; color:#999; font-size:12px;margin-bottom:-8px;}
.askBox .btnBox {position:absolute; right:0; bottom:-50px;}
.askBox .btnBox .txt{width: 80px;height: 30px;margin-right: 10px;border: 1px solid #4285f4;line-height:30px;font-size:14px;}
.askBox .btn,.askBox .cancel {margin-top: -5px; font-size:14px; padding:0 15px;  height:30px; line-height:30px; border-radius:3px; border:none; background-color:#4285f4; color:#fff!important;}
.askBox .cancel { display:none; background-color:#eee; color:#666!important;}
.askBox .btn:hover { box-shadow:2px 2px 3px #999;}

/*roadTab*/
.roadTab { padding-right:10px; position:relative; height:5px; line-height:5px; border-bottom:1px solid #e1e0e0;}
.roadTab .t { position:absolute; left:0; top:0; height:5px; font-size:18px;}
.roadTab .t a { margin-right:35px; float:left; height:5px; line-height:5px; color:#222;}
.roadTab .t a:last-child { margin-right:0;}
.roadTab .t .curr,.roadTab .t a:hover { border-bottom:1px solid #4285f4; color:#4285f4;}
.roadTab .more { float:right; font-size:12px;}
.roadTab .more a { color:#999;}
.roadTab .more a:hover { color:#4285f4;}

/*Q&A*/
.queList {padding-left:0px;}
.queList li {padding:30px 0 15px; border-bottom:1px dashed #e6e5e5;list-style: none;}
.queList li .avatar { position:relative; width:40px; height:40px; border:1px solid #ccc; display:table-cell; vertical-align:middle; border-radius:50%; background-color:#ccc;}
.queList li .avatar img { display:inline-block; width:100%; height:100%; border-radius:50%;}
.queList li .avatar i { position:absolute; bottom:0; right:0; width:21px; height:21px; background-repeat:no-repeat;}
.queList li .tBar { font-size:16px; line-height:20px;}
.queList li .person { color:#369e0b;}
.queList li .date { color:#999}
.queList li .content { padding:10px; line-height:1.5; color:#333}
.queList li .quest .avatar {float:left;}
.queList li .quest .about { margin-left:60px; line-height:20px;}
.queList li .answer { margin:25px 0 15px; padding:15px 10px; position:relative; background-color:#f6f6f6;}
.queList li .answer .content { padding:10px 0;}
.queList li .answer .avatar { position:absolute; right:30px; top:-20px;}
.queList li .shareBar { position:absolute; right:30px; bottom:12px;}
.queList li .shareBar .ico { display:inline-block; margin:0 5px 0 0; width:20px; height:20px; border-radius:50%; cursor:pointer; vertical-align:bottom;}
.queList li .shareBar .ico:hover { box-shadow:1px 1px 3px #999;}
.queList li .shareBar .ico:last-child { margin-right:0;}
.queList li .shareBar .wx { background-position:-30px 0;}
.queList li .shareBar .zone { background-position:-30px -30px;}
.queList li .shareBar .sina { background-position:-30px -60px;}
.queList li .shareBar .wx:hover { background-position:-60px 0;}
.queList li .shareBar .zone:hover { background-position:-60px -30px;}
.queList li .shareBar .sina:hover { background-position:-60px -60px;}
.queList .noData { border:none; font-weight:16px; text-align:center; color:#666}


/***********招聘列表**************/
.jobList {
	padding: 15px 30px 30px
}
.jobList tr {
	height: 45px;
	text-indent: 1em;
	border-bottom:1px solid #aaa;
}
.jobList span.jobtitle {
	background: url(../images/dian2.gif) center left no-repeat;
	padding-left: 15px;
	color: #334240;
	font-weight: bold
}
.jobList a {
	margin-left: 10px;
}
.jobList a.more {
	float: left;
	display: block;
	width: 75px;
	height: 18px;
	background: url(../images/more3.gif) center center no-repeat;
}
.jobList a.more:hover {
	background: url(../images/more4.gif) center center no-repeat;
}
.tr_bg1 {
	background-color: #fefbed
}
.tr_bg2 {
	background-color: #fff
}
.jobList thead {
	background: #71ba09;
}
.jobList thead td {
	color: #fff;
	font-weight: bold;
	border-left: 1px #ddd solid
}


.jobView {
	padding: 15px 30px 30px
}
.jobView table {
	width: 100%;
	margin-bottom: 20px
}
.jobView table thead tr td {
	height: 30px;
	background: url(../images/bg3.gif) repeat-x;
	line-height: 30px;
	font-size: 12px;
	padding-left: 15px;
	color: #444;
	font-weight: bold
}
.jobView table tbody tr{border-bottom: 1px solid #ddd;height: 40px;}
.jobView table tbody tr th {
	background: #eee;
	padding: 8px 0px;
	padding-left: 10px;
	font-size: 14px;
	width: 12%;
	text-align: right;
	padding-right: 1%;
	font-weight: normal;
	color: #222
}
.jobView table tbody tr td {
	width: 37%;
	line-height: 20px;
	padding: 8px 0px;
	padding-left: 1%;
	background: #fafafa
}
.jobView table tfoot tr td {
	background: #F4F8E1;
	padding: 8px 0px 8px 13%
}
.jobView table tfoot tr td a {
	display: block;
	width: 80px;
	height: 26px;
	background: #369e0b;
	line-height: 26px;
	text-align: center;
	color: #fff;
	float: left;
}
.jobView table tfoot tr td a:hover {
	background: #C7000B
}

.jobSubmit {
	padding: 15px 30px 30px
}
.jobSubmit table {
	width: 100%;
	margin-bottom: 20px
}
.jobSubmit table thead tr td {
	height: 30px;
	background: url(../images/bg3.gif) repeat-x;
	line-height: 30px;
	font-size: 12px;
	padding-left: 15px;
	color: #444;
	font-weight: bold
}
.jobSubmit table tbody tr th {
	background: #eee;
	padding: 8px 0px;
	width: 12%;
	text-align: right;
	padding-right: 1%;
	font-weight: normal;
	color: #222
}
.jobSubmit table tbody tr td {
	width: 37%;
	line-height: 20px;
	padding: 6px 0px;
	padding-left: 1%;
	background: #fafafa
}
.jobSubmit table tbody tr td .input {
	background: #fff;
	border-top: 1px #CDCDCD solid;
	border-left: 1px #CDCDCD solid;
	border-bottom: 1px #E8E8E8 solid;
	border-right: 1px #E8E8E8 solid;
	height: 30px;
	line-height: 30px;
	padding: 0px 5px;
	color: #aaa;
	margin-right: 5px
}
.jobSubmit table tbody tr td .over {
	background: #F4F8E1;
	border: 1px #B4D333 solid;
	color: #609F29
}
.jobSubmit table tbody tr td textarea {
	background: #fff;
	border-top: 1px #CDCDCD solid;
	border-left: 1px #CDCDCD solid;
	border-bottom: 1px #E8E8E8 solid;
	border-right: 1px #E8E8E8 solid;
	height: 150px;
	line-height: 21px;
	padding: 0px 5px;
	color: #aaa;
	margin-right: 5px;
	width: 700px
}
.jobSubmit table tbody tr td textarea.over {
	background: #F4F8E1;
	border: 1px #B4D333 solid;
	color: #609F29
}
.jobSubmit table tfoot tr td {
	background: #F4F8E1;
	padding: 8px 0px 8px 13%
}
.jobSubmit table tfoot tr td a {
	display: block;
	width: 80px;
	height: 26px;
	background: #666;
	line-height: 26px;
	text-align: center;
	color: #fff
}
.jobSubmit table tfoot tr td a:hover {
	background: #C7000B
}


/*登录页样式*/
#register,#retrievepassword{
    background: #f6f6f6;
}

#register .register-bigbox{
    margin: 50px auto;
}
#retrievepassword .forget-bigbox{
    margin: 50px auto;
}
.login-box{
    width: 980px;
    min-height: 492px;
    overflow: hidden;
    margin: 50px auto;
    position: relative;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}
.login-box .left-icon{
    /*float: left;*/
    width: 430px;
    /*position: relative;*/
    font-size: 0;
}
.login-box .left-icon img{
    position: absolute;
    bottom: 0; left: 0;
}
.login-box .left-icon .left-text{
    position: absolute;
    top: 40px;
    left: 40px;
    font-size: 28px;
    color: #ffffff;
    line-height: 28px;
}
.login-box .register-list{
    width: 470px;
    float: right;
    margin-right: 40px;
}
.login-box .register-list .register-title{
    font-size: 18px;
    line-height: 18px;
    margin: 40px 0 0 ;
    padding-bottom: 25px;
    position: relative;
    color: #333333;
    border-bottom: 1px #ccc dotted;
}
.login-box .register-list .register-title.goback{
    padding-bottom: 20px;
}
.login-box .register-list .register-title .title span{
    color: #0e56a0;
    font-size: 18px;
	cursor:pointer;
}
.login-box .register-list .register-title .error{
    position: absolute; 
    top: -3px; 
    right: 0;
    color: #ff0000;
    font-size: 16px;

}
.login-box .register-list .register-title  .goback-icon{
    width: 16px;
    display: inline-block;
}
.login-box .register-list .register-title .title span.goback{
    margin-left: 10px;
}
.login-box .register-list .register-title .error img{
   width: 18px;
   position: relative; 
   top: 3px;
   margin-left: 6px;
}
.login-box .register-list .register-info{
    position: relative;
	margin-top:25px;
}
.login-box .register-list .register-info .title {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    width: 100%;
    position: relative;
    padding: 20px 0 13px;
}
.login-box .register-list .register-info .title span{ 
    color: #ff0000; 
}
.login-box .register-list .register-info .input-register-info input{
    padding: 9px;
    width: 100%;
    font-size: 16px;
    color: #333333;
    border: 1px solid #cdcdcd;
}
.login-box .register-list .register-info .input-register-info select{
    padding: 12px;
    width: 100%;
    font-size: 16px;
    color: #333333;
    border: 1px solid #cdcdcd;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url('../images/register/select-icon.png') 436px center no-repeat/20px;
}
.login-box .register-list .register-info .error{
    position: absolute; 
    top: 16px; 
    right: 0;
    color: #ff0000;
    font-size: 16px;
}
.register-list .error{
    display: none;
}
.login-box .register-list .register-info .error img{
   width: 18px;
   position: relative; 
   top: 3px;
   margin-left: 6px;
}
.login-box .register-list .register-info .secname-box{
    position: absolute; 
    top: 0;
    right: 0;
}
.login-box .register-list .register-info.name .surname input,.login-box .register-list .register-info.name .secname input{
    width:225px; 
}

.login-box .register-list .verificationcode{
    position: relative;
}
.login-box .register-list .verificationcode .title {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    width: 100%;
    position: relative;
    padding: 23px 0 13px;
}
.login-box .register-list .verificationcode .title span{ 
    color: #ff0000; 
}
.login-box .register-list .verificationcode .get-verificationcode{
    width: 130px; 
    height: 34px;
    background: #6caff3;
    line-height: 34px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
}
.login-box .register-list .verificationcode .input-verificationcode input{
    padding: 12px;
    width: 320px;
    font-size: 16px;
    color: #333333;
    border: 1px solid #cdcdcd;
}
.login-box .register-list .verificationcode .error{
    position: absolute; 
    top: 20px; 
    right: 150px;
    color: #ff0000;
    font-size: 16px;
}
.login-box .register-list .verificationcode .error img{
   width: 18px;
   position: relative; 
   top: 3px;
   margin-left: 6px;
}


.login-box .register-list .password{
    position: relative;
}
.login-box .register-list .password .title {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    width: 100%;
    position: relative;
    padding: 23px 0 13px;
}
.login-box .register-list .password .title span{ 
    color: #ff0000; 
}
.login-box .register-list .password .input-password input{
    padding: 12px;
    width: 100%;
    font-size: 16px;
    color: #333333;
}
.login-box .register-list .password .error{
    position: absolute; 
    top: 20px; 
    right: 0;
    color: #ff0000;
    font-size: 16px;
}
.login-box .register-list .password .error img{
   width: 18px;
   position: relative; 
   top: 3px;
   margin-left: 6px;
}
.login-box .register-list .remember {
    position: relative;
    padding: 0px 0 5px;
    margin-top: 18px;
}
.login-box .register-list .remember .title{
    color: #333333;
    font-size: 16px;
    line-height: 16px;
}
.login-box .register-list .remember .title span{
    color: #0e56a0;
}
.login-box .register-list .remember .title .remember-box{
    cursor:pointer;  
}
.login-box .register-list .remember .title img.hover{
    display: none;
}
.login-box .register-list .remember .title .remember-box.hover img{
    display: none;
}
.login-box .register-list .remember .title .remember-box.hover img.hover{
    display: inline-block;
}
.login-box .register-list .remember .title img{
    width: 20px;
    position: relative;
    top: 4px;
    margin-right: 12px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    display: inline-block;   
}
.login-box .register-list .remember .forget{
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 16px;
    color: #0e56a0;
}
.login-box .register-list .btn{
    width: 100%;
    height: 46px;
    background: #0e56a0;
    text-align: center;
    color: #ffffff;
    margin-top: 26px;
    margin-bottom: 34px;
}
.login-box .register-list .wechatlogin{ 
    margin-top: -14px;
 }
.login-box .register-list .wechatlogin .text{
    font-size: 14px;
    color: #333333;
    text-align: center;
}
.login-box .register-list .wechatlogin .icon{
    text-align: center;
}
.login-box .register-list .wechatlogin .icon img{
    width: 54px;
    margin: 0 auto;
}
.login-box .register-list .register-info .error.error-surname{
    right: 246px;
}
.login-box .register-list .register-info .secname-box .title{
    height: 16px;
    padding: 37px 0 12px;
    line-height: 16px;
    overflow: hidden;
}
.login-box .register-list .register-info.tips {
    overflow: hidden;
    padding-top: 8px;
}
.login-box .register-list .register-info.tips .tipstext{
    width: 190px;
    float: left;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    margin-top: 10px;
}
.login-box .register-list .register-info.tips .tipstext span{
    width: 6px;
    height: 6px;
    background: #c5c5c5;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 12px;
}

.login-box .register-list .remember .error{
    position: absolute; 
    top: 0px; 
    right: 0;
    color: #ff0000;
    font-size: 16px;
}
.login-box .register-list .remember .error img{
   width: 18px;
   position: relative; 
   top: 3px;
   margin-left: 6px;
}