/* 古域官网超首样式-单独样式 */

*{margin:0; padding:0;}
.index_back {position: absolute; top:0; left:0; z-index: -1;}
.control {width: 1012px; margin:0 auto;}
.clear { clear:both; }
li {list-style: none; float:left;}
input[type="text"],input[type="password"] { width: 180px; height:20px; text-indent: 0.5em; border-radius: 5px; }
a { color:#fff; text-decoration: none; }
body { font: 12px/1.5 "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53; }

.login_icon_hint { width: 15px; vertical-align: bottom; margin-left: 5px; margin-bottom: 6px; }

.head-nav {background:url(../image/head_nav_back.png); width: 282px; height: 36px; float:right; margin-right: 90px;}
.head-nav {color:#fff; text-align: center;}
.head-nav a{color: #fff; font-size:13px; text-decoration: none; line-height: 28px;}	
.head-logo { position: absolute; }
.head-banner {width: 100%; height: 522px; overflow: hidden; }
.head-banner .head-banner-top {margin: 30px auto 0; height: 367px; display: block; }
.head-banner .head-banner-title { margin: 0 0 35px 245px; }
.content { width: 100%; margin-top: 10px; position: relative; }
.vedio-icon {float:left; cursor: pointer; position: absolute; top: -135px; left: 0px; }
.content-left { width: 675px; margin-right: 13px; float: left; }

.img_hover_title { width: 100%; display: block; }
.img-hover-nav { width: 100%; height: 77px; position: relative; top: 317px; background-image: url(../image/img_hover_nav.png);}
.img-hover-nav li { width: 25%; height: 77px; float: left; cursor: pointer; }
.img-hover-nav .img-hover-nav-cur{background-image: url(../image/img_hover_nav_select.png);}
.img-hover-content { position: absolute; top: -317px; left: 0; width: 100%; height: 317px; background-color: #000; color: #fff; display: none; }
.img-hover-content-cur{display: block;}

.activity {height: 165px; width: 100%; margin-top: 329px; background-color: #20213f;}
.activity li {margin: 14px 0 0 12px;  }

.careers {width: 100%; height: 255px; position: relative; background-color: #20213f; margin-top: 12px;}
.careers .careers-all { width: 82px; height: 255px; float: right; margin: 5px 16px 0 0; background: url(../image/careers_nav.png) no-repeat; }
.careers .careers-nav { width: 100%; height: 32%; }
.careers .careers-nav-cur { background-image: url(../image/careers_nav_select.png); }
.careers .careers-content { width: 557px; height: 255px; position: absolute; top: 0; left: 0; display: none; }
.careers .careers-content-img {width: 247px; height: 100%; float: left; }
.careers .careers-introduction { float: left; width: 300px; height: 100%; margin-left: 10px; position: relative; }
.careers .careers-name { margin-top: 14px; }
.careers .careers-introduction span { font-size: 14px; line-height: 24px; text-indent: 2em; color: #fff; display: block; }
.careers .careers-skill { position: absolute; bottom: 10px; }

.screenshot { width: 100%; height: 292px; margin-top: 12px; background-color: #20213f; }
.screenshot-title { padding: 20px; color: #fff; }
.screenshot-title-left { float: left; color: #fff; }
.screenshot-title-right { float: right; color: #fff; }
.screenshot-title hr { margin: 10px 0; }
.screenshot-content li { margin-left:14px; }

.content-right { width: 317px; float: right; }

.step1 { width: 100%; height: 478px; background-color: #20213f; overflow: hidden; }
.step2 { width: 100%; height: 165px; background-color: #20213f; margin-top: 12px; overflow: hidden; }
.step3 { width: 100%; height: 255px; background-color: #20213f; margin-top: 12px; overflow: hidden; }
.comment { height: 252px; padding: 20px; background-color: #20213f; margin-top: 12px; overflow: hidden; }
.comment .comment-title { text-align: center; display: block; color: #fff; }
.comment hr {margin: 5px 0; border-color: #aaa;}
.comment-stat li { padding:5px 10px; margin:3px; font-size: 14px; background-color: #c8ceda; color: #6c6d6f; display: block; }
.comment-stat .cur { background-color: #3c75ce; color: #fff; }
.comment-count {margin: 5px 0; color: #fff;}
.comment-count span{ color: #e5d51d;}
.comment-text p{color: #fff; font-size: 12px;}
.comment-text-name { color: #4b904f; }
.step-title { display: block; margin: 20px auto 0; }
.step-title~p { color:#fff; text-align: center; font-size: 14px; }
.step2 .step2-download { display: block; margin: 20px auto 0; }
.step3 .step3-package { display: block; margin: 0 auto 0; }
.step3 .step3-receive { display: block; margin: 0 auto 0; cursor: pointer; }

.logupTable { color: #fff; margin-top: 20px; }
.logupTable tr { line-height: 30px; }
.logupSubmit { cursor: pointer; background-image: url(../image/step1_logup.png); width: 219px; height: 58px; }
.Agreement { color: #fff; line-height: 30px; font-size: 12px; }

.inputPlaceholder::-webkit-input-placeholder{
	color:red;
}
.inputPlaceholder:-moz-placeholder{
	color: red;
}
.inputPlaceholder::-moz-placeholder{
	color: red;
}
.inputPlaceholder:-ms-input-placeholder{
	color: red;
}

.foot {margin: 50px auto; display: block; }

/* view */
.zhezhao1{width: 100%;background: #000;position: absolute;top: 0px;left: 0px;z-index:100;display: none;}
.view-position { width: 100%; position:fixed;_position:absolute; z-index:9999; top:20%; _top:20%;  }
.tck_box{ width: 680px;height:360px;border: solid 1px #000; background:#000; border:solid 10px #000; margin: 0 auto; }
.c_box{ position:relative;}
.btn_close ,.btn_close1{position: absolute;background: url(../image/btn_close.jpg);height: 31px; width: 31px;cursor: pointer;right: -41px;top: -10px;text-indent: -9999px;}
.tck_box1{ width:700px; height:457px;}
.typename{ display:none;}

/* 注册 */
.mask{position:fixed;z-index:99999999;filter:alpha(opacity=60);background:#000;opacity: 0.6;-moz-opacity: 0.6;left:0;top:0;width:100%;height: 100%;}
.alink a{ cursor:pointer; position:absolute; right:7px; top:7px; z-index:100000; display:block; width:41px; height:39px; text-indent:-9999em;}
.s_text{ text-align:center;}
.s_html{ background-position:0 0;position:relative; float:left; width:643px; height:340px;position:fixed;top:30%;left: 50%;_position:absolute;_margin-top:550px; margin-left:-368px;z-index: 99999999; background:url(../image/login-alert.png) no-repeat;}
.s_html h2{ text-align:center; height:52px; line-height:52px;font-family: 'Microsoft Yahei'; font-weight:normal;font-size:24px; color:#d9defe;}
.s_html_l{ width:310px; height:250px; float:left; margin:20px 0 0 10px; display:inline;}
.s_html_r{ float:right; margin:200px 75px 0 0; display:inline;}
.s_html_r a{width:171px; height:56px; display:block; }
.mask-logup {background-image: url(../image/home-register-button.png); width:170px; height: 48px; display: block;}

/*login*/
input{font-size: 12px; }
#reg li{height:32px;line-height:32px;color:#fff;padding-left:10px; padding-bottom:5px;}
#reg li em{width:80px;text-align: right;font-style: normal; height:28px;float:left;}
#reg li a{color: #fff;text-decoration: none;}
#reg li a:hover{color: #fff;text-decoration: underline;}
#reg .li1{font-size: 12px;color: #fff7bd; text-align:center; line-height:22px; height:22px;_margin-top:-8px;*+margin-top:-8px}
#reg li div img{ margin-top:5px;}
.home-register-button{ background:url("../image/home-register-button.png") no-repeat; width:170px; height:48px;border:none; cursor: pointer;}
.li_btn{text-align: center;}
.box1 { float:left;background: #353955;height:28px !important;line-height: 28px !important; border:1px solid #5c5f7b;color:#d9defe; }
.box2{ float:left;background: #353955;height:28px !important;line-height: 28px !important;color:#d9defe;border:1px solid #5c5f7b;}
.watermark{color: #fff !important;}
.watermark2{color: #fff !important;font-style: italic !important;}
.watermark3{color: #fff !important;}
.OkMsg, .WarningMsg, .ErrorMsg, .HintMsg{float: left;width: 16px;height:28px;margin-left:5px; display:inline;line-height: 25px;}

/* 右侧浮动注册 */
.right-fixed-nav { position: fixed; top:15%; right: 10px; cursor: pointer; display: none; }
.right-fixed { position: fixed; top: 15%; right: 0; }
.right-fixed { transition: right 1s;-moz-transition: right 1s;	/* Firefox 4 */-webkit-transition: right 1s;	/* Safari 和 Chrome */-o-transition: right 1s;	/* Opera */ }
.right-fixed-stop { float: left; cursor: pointer; }
.right-fixed-content { width: 300px; height: 100px; float: right; }
.right-fixed-step1 { width: 100%; background-color: #20213f;  }
.right-fixed-login-success { width: 100%; background-color: #20213f; display: none; }
.right-fixed-step2 { width: 100%; background-color: #20213f; }
.right-fixed-step3 { width: 100%; background-color: #c0c1c3; padding-bottom: 20px; }
.right-fixed-step-title { margin: 19px 0 0 24px;  }