@charset "utf-8";

/* Reset 4.2
-----------------------------------------------------------------------------------------------------------*/
html { background-color: #fff; }
body, h1, h2, h3, h4, p, ul, ol, dl, dd, form, textarea, input { margin: 0; }
ul, ol, th, td, input, select { padding: 0; }
ul { list-style: none; }
ol { list-style: inside decimal; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
:focus { outline:none; } /*for IE*/
::-moz-focus-inner{ border-color: transparent; } /*for mozilla*/
em, strong, i { font-style: normal; }
img { vertical-align: top; border: 0; }
input, textarea { outline: none; }
table { border-collapse: collapse; }
section, article, aside, header, footer, nav { display: block; }

/* font */
body, a, input, textarea { font-family: \5FAE\8F6F\96C5\9ED1, Tahoma, Geneva, sans-serif; color: #333; }
body { font-size: 14px; line-height: 1.2; }
input, select, textarea { font-size: inherit; }
h1, h2, h3, h4 { font-weight: 400; font-size: 1em; }

/* parts */
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.bc { margin-left: auto; margin-right: auto; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.vm { vertical-align: middle; }
.nt { text-indent: -38888px; outline: none; }

.fill { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAF0Uk5TAEDm2GYAAAAMSURBVHjaYmAACDAAAAIAAU9tWeEAAAAASUVORK5CYII=) repeat 0 0; }

.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { *zoom: 1; }

/* FormList.css 1.7
-----------------------------------------------------------------------------------------------------------*/
.formList .field {position: relative; padding-left: 150px; font-size: 14px;}
.formList .field p {font-size: 12px;}

.formList .field-item {_zoom: 1; margin-bottom: 8px;}
.formList .field-item .item-title, .formList .field-item .infobox {height: 32px; line-height: 32px;}
.formList .field-item .item-title {position: absolute; top:0; left: 0; width: 150px; text-align: right; white-space: nowrap;}
.formList .field-item .item-title em {color: red;}
.formList .field-item .infobox {*zoom: 1; display: inline-block; *display: inline;}
.formList .field-item .textbox {width: 240px; height: 30px; line-height: 30px\9; border: 1px solid #e2e3ea; border-top-color: #abadb3; text-indent: 4px; vertical-align: top; _margin-top: -1px;}
.formList .field-item .imebox {ime-mode: disabled;}
.formList .field-item select {width: 242px; padding: 5px 6px 5px 1px; padding-top: 6px\9; border: 1px solid #e2e3ea; border-top-color: #abadb3; vertical-align: top; *margin: 4px 0 5px; _margin-bottom: 6px;}
.formList .field-item textarea {padding: 6px 4px; border: 1px solid #e2e3ea; border-top-color: #abadb3; vertical-align: top; _margin-top: -1px; resize: none; overflow: auto;}

.formList .field-item-space {height: auto;}

.formList .field-btn input {width: 120px; height: 32px; line-height: 32px; cursor: pointer;}
.formList .field-btn .hover {}
.formList .field-btn .disable, .formList .field-btn .disabled {cursor: default;}

.formList .help, .formList .error {height: 20px; line-height: 20px; _margin-top: -1px;}
.formList .help {color: #888;}
.formList .error {display: none; color: red;}

.formList .jz-focus .help {display: block;}
.formList .jz-focus .error {display: none;}
.formList .jz-help .help {display: block;}
.formList .jz-help .error {display: none;}
.formList .jz-error .help {display: none;}
.formList .jz-error .error {display: block;}
.formList .jz-success .help {display: none;}
.formList .jz-success .error {display: none;}

/* cover */
.formList-cover .help, .formList-cover .error {position: absolute; top: 0; left: 150px; width: 240px; height: 30px; line-height: 30px; border: 1px solid #e2e3ea; border-top-color: #abadb3; background-color: #fff; text-indent: 4px; cursor: default; _margin-top: 0;}
.formList-cover .jz-focus .help {display: none;}
/*.formList-cover .jz-help .help {display: none;}*/
.formList-cover .jz-error select {visibility: hidden;}

/* follow */
.formList-follow .help, .formList-follow .error {position: absolute; top: 6px; left: 400px;}

/* identity */
.formList .fieldset { display: none; height: 160px; }
.formList .identity { z-index: 1; position: relative; height: 32px; font-size: 12px; }
.formList .identity input, .formList .identity span { vertical-align: middle; }
.formList .identity input { *width: 13px; *height: 13px; margin: 0 4px 0 0; }
.formList .identity p { z-index: 1; display: none; position: absolute; top: 24px; left: 150px; padding: .3em .7em; border: 1px solid #f00; background-color: #fee; color: #f00; }

/* ==================================================
* layout
================================================== */
html {background-color: #17020e;}
.wrap {width: 1000px;}

/* container */
.container, .container .wrap {background: url(bg.jpg) no-repeat 0 0;}
.container {background-position: center 0;}
.container .wrap {height: 1166px; background-position: -460px 0;}

/* header */
.header {height: 457px;}
.header-logo {top: 12px; left: 314px;}
.header-logo img { width: 164px; height: auto; }
.header-title {top: 136px; left: 28px; width: 752px; height: 200px;}

.header-menu {top: 8px; right: 0;}
.header-menu, .header-menu a {color: #997b4c;}
.header-menu a {*display: inline-block; margin: 0 4px;}

/* footer */
.footer, .footer a {color: #493b3b;}
.footer {padding: 24px 0;}
.footer a {*display: inline-block; margin: 0 6px;}
.footer p {margin: 2px 0;}

/* main */
.main {margin-left: 20px;}
	/* main media */
	.main-media { padding: 40px 0 0 34px; }
	.main-media .title, .main-media .gift-show .item, .main-media .btn, .main-media-bottom .media-menu-bottom a { background: url(part2_elements.png) 0 0 no-repeat; }
	.main-media .title { top: 0; left: 172px; width: 432px; height: 31px; }
	
	.main-media-gift {height: 331px;}
	.main-media-gift .media-menu {margin: 0 1px 7px;}
	.main-media-gift .media-menu a {display: block; width: 235px; height: 80px; background: url(part2_menu.png) no-repeat 0 0; }
	
	.main-media-gift .media-menu .m-17173 {background-position: 0 -80px;}
	.main-media-gift .media-menu .m-dw {background-position: -235px -80px;}
	.main-media-gift .media-menu .m-sina {background-position: -470px -80px;}
	
	.main-media-gift .media-menu .current .m-17173 {background-position: 0 0;}
	.main-media-gift .media-menu .current .m-dw {background-position: -235px 0;}
	.main-media-gift .media-menu .current .m-sina {background-position: -470px 0;}
	
	.main-media .gift-show li {width: 79px; height: 28px; padding-top: 85px; color: #910000; text-align: center;}
	.main-media .gift-show .item { width: 79px; height: 0; margin-right: 40px; }
	.main-media .gift-show .item1 {background-position: -4px -153px;}
	.main-media .gift-show .item2 {background-position: -91px -153px;}
	.main-media .gift-show .item3 {background-position: -178px -153px;}
	.main-media .gift-show .item4 {background-position: -265px -153px;}

	.main-media .gift-show .horse {width: 244px; height: 244px; padding-top: 0; margin-right: 25px; background-repeat: no-repeat; background-position: 0 0; text-indent: -99999px;}
	.main-media .gift-show-17173 .horse {background-image: url(part2_pic_01.jpg);}
	.main-media .gift-show-dw .horse {background-image: url(part2_pic_02.jpg);}
	.main-media .gift-show-sina .horse {background-image: url(part2_pic_03.jpg);}
	
	.main-media .gift-desc {top: 236px; left: 303px; line-height: 1.8; color: #5c2500;}
	.main-media p {top: 317px; left: 608px;}
	.main-media p .btn { display: block; width: 131px; height: 53px; background-position: -176px -31px; }
	.main-media p .btn:hover { background-position: -176px -84px; }
	.main-media .gift-desc .fb { font-weight: 600; }
	.main-media .gift-desc .tips { line-height: 40px; color: #fef4a3; }
	
	/* main media_bottom */
	.main-media-bottom {height: 73px; padding: 13px 0 0 34px;}
	.main-media-bottom .media-menu-bottom {margin: 0 1px 7px;}
	.main-media-bottom .media-menu-bottom a {display: block; width: 176px; height: 35px; padding-top: 26px; font-size: 18px; color: #920f14; font-weight: 600; text-align: center; text-decoration: none; }
	
	.main-media-bottom .media-menu-bottom .m-op {background-position: 0 -31px;}
	.main-media-bottom .media-menu-bottom .current .m-op {background-position: 0 -92px;}
	
	.main-media-bottom .switchMod-cont { top: -244px; left: 0; width: 706px; padding-left: 34px; }
	.main-media-bottom .switchMod-cont-d { padding-left: 183px; }
	.main-media-bottom .gift-show .horse {text-indent: 0;}
	.main-media-bottom .gift-show .horse img {width: 100%; height: 100%;}
	.main-media-bottom .gift-show-d .item { margin-right: 87px; }
	.main-media-bottom .gift-show .item5 { width: 90px; background-position: -348px -153px; }

	.main-media-bottom .gift-desc {top: 140px;}
	.main-media-bottom .gift-desc-d {left: 183px;}
	.main-media-bottom p {top: 160px; left: 608px;}
	.main-media-bottom .code { display: none; top: 175px; left: 575px; width: 170px; height: 26px; line-height: 26px; color: #ffd180; }
	.main-media-bottom .code em { font-weight: 600; }
	.main-media-bottom .code a { float: right; color: #ffd180; text-decoration: underline;}
	.main-media-bottom .code span { top: 0; right: 0; }

	/* apply */
	.apply {width: 706px; height: 228px; margin-left: 33px; color: #ffd9d0;}
	.apply .active, .apply .active .formList .field-btn input, .apply .apply-cont a {background: url(part1_elements.png) 0 0 no-repeat;}
	.apply .active {width: 512px; height: 199px;}
	
	.apply .active .formList {padding-top: 19px;}
	.apply .active .formList .field-item .textbox, .apply .active .formList-cover .field-item p {width: 144px; height: 27px; border: none; background-color: #6a3626; color: #ffe8dd;}
	.apply .active .formList select {width: 144px; padding: 3px 3px 3px 0; border: none; background-color: #6a3626; color: #ffe8dd;}
	.apply .active .formList .jz-error select {display: none;}
	
	.apply .active .formList .field, .apply .active .formList-login .error, .signIn .aside {padding-left: 72px;}
	.apply .active .formList .field-item .item-title {width: 72px; height: 27px; line-height: 27px; color: #9a2f1d;}
	.apply .active .formList-cover .field-item p {left: 72px;}
	.apply .active .formList-cover .field-item {height: 33px; margin-bottom: 0;}
	
	.apply .active .formList .field-btn {padding-left: 37px; margin-top: 4px;}
	.apply .active .formList .field-btn input {display: block; width: 161px; height: 52px; line-height: 50px; border: 0; background-position: 0 -199px; font-size: 20px; color: #ffe1a4;}
	.apply .active .formList .field-btn .hover {background-position: 0 -251px;}
	
	.apply .active .formList .help, .apply .active .formList .error {height: 27px; line-height: 27px; _margin-top: -1px; font-size: 14px; }
	.apply .active .formList .help {color: #ffe8dd;}
	.apply .active .formList-cover .field-item .error {color: red;}
	
	.apply .apply-cont { width: 188px; height: 97px; margin-bottom: 6px; }
	.apply .apply-cont a { display: block; width: 100%; height: 100%; font-size: 25px; line-height: 96px; color: #ffe1a4; background-position: -161px -199px; text-align: center; text-decoration: none; }
	
/* 验证码弹出层 */
.layer {display: none; position: absolute; width: 400px; height: 215px; padding: 24px 12px 0; border: 3px solid #f46642; background-color: #fff; font-size: 14px; color: #545445;}
.layer .close {position: absolute; top: 0; right: 0; width: 30px; height: 30px; font-size: 24px; color: #f46642; outline: none; _overflow: hidden; text-decoration: none; }
.layer .btn-link {width: 132px; margin: 0 8px;}
.layer .result {padding-top: 12px; margin: 0 0 16px 48px;}
.layer-title {text-align: center; font-weight: 700; font-size: 16px; color: #f46642;}

.layer-anonymousCaptcha .formList {margin-top: 24px;}
.layer-anonymousCaptcha .formList .field {margin-bottom: 16px; padding-left: 120px;}
.layer-anonymousCaptcha .formList .field-item .item-title {width: 120px;}

.layer-reduce .layer-title { text-align: left; }
.layer-reduce .formList { margin-top: 16px; }
.layer-reduce .formList .field { margin-bottom: 16px; padding-left: 120px; }
.layer-reduce .formList .field-item .item-title { width: 120px; }

/* formlist */
.formList .field-item .textbox {width: 184px; border: 1px solid #d2d2d2; background-color: #f5f5f5;}
.formList .field-btn input {height: 24px; line-height: 24px; border: 0; background-color: #f46642; color: #fff;}
.formList .field-btn .hover {color: #ffff51;}
.formList .field-btn .disable {background-color: #ccc; color: #fff;}

.formList .field-btn input, .formList .field-btn .btn-link {width: 80px; vertical-align: middle;}
.formList .captcha-cont img {margin-right: 4px; vertical-align: middle;}
.formList .captcha-cont a {display: inline-block; width: 50px; vertical-align: middle; color: #545445;}

/* btn */
.btn-link {display: inline-block; height: 24px; line-height: 24px; background-color: #f46642; text-align: center; color: #fff;}
.btn-link:hover {text-decoration: none; color: #ffff51;}
.btn-dis, .btn-dis:hover {background-color: #ccc; color: #fff; cursor: default;}