/*
 * @author: zhangruojun;
 * @design: xuwanfu;
 * @update: 2015-03-13;
*/

/* 清理浮动 */
.fn-clearfix:after {content: "\200B";display: block;clear: both;height: 0;}
.fn-clearfix {*zoom: 1;}

.ico { background-image: url(../images/ico-sprite.png); vertical-align: middle; }
.ico-i1 { width: 28px; height: 28px; background-position: -665px -70px; }
.ico-i2 { width: 28px; height: 16px; background-position: -616px -90px; }
.ico-i3 { width: 112px; height: 112px; background-position: -323px 0; }
.ico-i4 { width: 443px; height: 38px; background-position: -323px -113px; }
.ico-t1 { width: 322px; height: 155px; background-position: 0 0; }
.ico-t2 { width: 28px; height: 48px; background-position: -616px 0; }
.ico-t3 { width: 48px; height: 40px; background-position: -616px -49px; }
.ico-t4 { width: 179px; height: 96px; background-position: -436px 0; }
.ico-t5 { width: 56px; height: 26px; background-position: -669px 0; }
.ico-t6 { width: 13px; height: 27px; background-position: -689px -28px; }

body { min-width: 1000px; }
.wp { padding-top: 60px; _padding-top: 0; background: #e12d36 url(../images/wp-bg.jpg) no-repeat center 60px; _background-position: center 0; font-family: \5FAE\8F6F\96C5\9ED1; color: #fff; }
.wp-inner { width: 960px; margin-left: auto; margin-right: auto;  }

.banner { position: relative; height: 340px; }
.ico-t1, .ico-t4, .ico-t5, .ico-t6 { text-indent: -9999px; overflow: hidden; }
.ico-t1 { position: absolute; top: 75px; left: 315px; -webkit-animation: Down 1s ease-out; animation: Down 1s ease-out; }
.ico-i4 { padding-top: 15px; _padding-top: 8px; position: absolute; top: 230px; left: 255px;  font-size: 30px; font-weight: normal; line-height: 1; color: #e02c35; text-align: center; }
.sub { position: absolute; top: 290px; width: 100%; font-size: 14px; text-align: center;  }
.ico-t4 { position: absolute; top: 30px; left: 130px; -webkit-animation: Pop 1s 1s ease-out both; animation: Pop 1s 1s ease-out both; }
.ico-t5, .ico-t6 {display: inline-block; margin: 0 3px;}
.fo-code { position: absolute; top: 60px; padding: 3px; right: 100px; background-color: #fff; text-align: center; }
.fo-code p { padding: 4px 0; background-color: #de2d36; }
.award-roll { position: absolute; top: 318px; left: 180px; width: 600px; height: 15px; color: #FFBCBC; text-align: center; line-height: 15px; overflow: hidden; }
.award-list li { float: left; width: 200px; }
.award-name, .award-time { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: top; }
.award-name { width: 70px; }
.award-time { width: 75px; }


.tp { height: 379px; background: url(../images/tp-bg.jpg) no-repeat center 0; }
.main { float: left; width: 685px; font-size: 14px; }
.desc { padding: 10px 15px; color: #5d5d5d; }
.desc span { color: #de2d36; margin: 0 2px; }
.func { padding-top: 45px; padding-left: 45px; font-weight: bold; color: #fcf9e8;  text-align: center;}
.func .ico { display: inline-block; }
.ico-t2, .ico-t3, .ico-i1, .ico-i2 { font-size: 0; line-height: 0; overflow: hidden; }
.ico-t2 { position: relative; top: -14px; }
.ico-t3 {  position: relative; top: -10px; }
.pram { float: left; }  
.pram-1 { width: 156px; height: 242px; border-radius: 6px; background-color: #e02c35; font-size: 24px; }
.pram-1 p { padding-top: 75px; }
.pram-3 { padding-top: 17px; padding-bottom: 17px; height: 208px; width: 156px; background-color: #e02c35; font-size: 23px; }
.pram-3 p { height: 206px; border-top: 1px dashed #fcf9e8; border-bottom: 1px dashed #fcf9e8; }
.pram-3 strong { display: block; padding-top: 35px; font-size: 72px; line-height: 1; }
.pram-5 { padding-top: 60px; font-size: 30px; font-weight: normal; }
.pram-5 .ico-i3 { padding-top: 35px; height: 77px; }
.pram-2, .pram-4 { padding: 100px 33px 0; }

.aside { float: left; width: 275px; }
.oth-1, .oth-2 { display: inline-block; padding: 10px 0; font-size: 14px; font-weight: bold; color: #da3038; text-align: center; }
.oth-1 { width: 160px; }
.oth-2 { width: 115px; }
.path { padding-top: 35px; text-align: center; font-size: 16px; color: #5d5d5d; }
.btn { display: block; margin: 0 auto; width: 175px; height: 41px; font-size: 14px; font-weight: bold; line-height: 41px; color: #fff; }
.btn:hover { text-decoration: none; }
.btn1 { margin-top: 35px; background-color: #e02d36; }
.btn2 { margin-top: 10px; background-color: #b6b6b6; }
.btn1-pass { background-color: #4bcf17; }
.btn2-pass { background-color: #ffb400; }
.btn2-nor { cursor: default; }
.ico-down{ display: block; margin: 15px auto 0; width: 23px; height: 34px; background-image: url(../images/ico-sprite.png); background-position: -645px 0; }
.ico-pass { background-position: -665px -35px; }
.path p { font-size: 12px; margin-top: 20px; }

.panel { margin-top: 30px; }
.titl { padding-bottom: 15px; border-bottom: 1px dotted #5d0005; font-size: 30px; line-height: 1; color: #fff799; }
.titl i { float: left; margin-right: 20px; margin-top: 4px; _margin-top: 2px; width: 4px; height: 27px; background-color: #fff799; overflow: hidden; }
.titl a { margin-left: 20px; font-size: 14px; color: #fff; text-decoration: underline; }
.list-step, .list-rule { border-top: 1px dotted #e76b6f; }

.list-step { position: relative; height: 334px; background: url(../images/step-bg.jpg) no-repeat center 0; _overflow: hidden; }
.list-step li { position: absolute; top: 36px; font-size: 17px; font-weight: bold; }
.li-f { left: 65px; }
.li-s { left: 375px; }
.li-t { left: 725px; width: 255px; }
.list-step .num { font-size: 36px; }

.list-rule { padding: 20px 0 45px 24px; font-size: 14px; line-height: 1.8; }

/* animation */
@-webkit-keyframes Down {
	0% { opacity: 0; -webkit-transform: translateY(-100px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes Down {
	0% { opacity: 0; transform: translateY(-100px); }
	100% { opacity: 1; transform: translateY(0); }
}
@-webkit-keyframes Pop {
	0% { opacity: 0; -webkit-transform: scale(.5); }
	60% { opacity: 1; -webkit-transform: scale(1.2); }
	70% { -webkit-transform: scale(.9); }
	80% { -webkit-transform: scale(1.1); }
 	100% { -webkit-transform: scale(1); }
}
@keyframes Pop {
	0% { opacity: 0; transform: scale(.5); }
	60% { opacity: 1; transform: scale(1.2); }
	70% { transform: scale(.9); }
	80% { transform: scale(1.1); }
 	100% { transform: scale(1); }
}